html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/*!
 * fullPage 2.8.8
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
  margin: 0;
  padding: 0;
  /*Avoid flicker on slides transitions for mobile phones #336 */
  -webkit-tap-highlight-color: transparent; }

html.fp-enabled {
  overflow: visible; }

#superContainer {
  height: 100%;
  position: relative;
  /* Touch detection for Windows 8 */
  -ms-touch-action: none;
  /* IE 11 on Windows Phone 8.1*/
  touch-action: none; }

.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  /* Safari<=5 Android<=3 */
  -moz-box-sizing: border-box;
  /* <=28 */
  box-sizing: border-box; }

.fp-slide {
  float: left;
  position: absolute; }

.fp-slide, .fp-slidesContainer {
  height: 100%;
  display: block; }

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  /* Safari<=6 Android<=4.3 */
  transition: all 0.3s ease-out; }

.fp-section.fp-table, .fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%; }

.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.fp-slidesContainer {
  float: left;
  position: relative; }

.fp-controlArrow {
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #000 transparent transparent; }

.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #000; }

.fp-scrollable {
  overflow: hidden;
  position: relative; }

.fp-scroller {
  overflow: hidden; }

.iScrollIndicator {
  border: 0 !important; }

.fp-notransition {
  -webkit-transition: none !important;
  transition: none !important; }

#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0); }

#fp-nav.right {
  right: 17px; }

#fp-nav.left {
  left: 17px; }

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  left: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.fp-slidesNav.bottom {
  bottom: 17px; }

.fp-slidesNav.top {
  top: 17px; }

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0; }

#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative; }

.fp-slidesNav ul li {
  display: inline-block; }

#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none; }

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%; }

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
  width: 10px;
  height: 10px;
  margin: -5px 0px 0px -5px; }

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
  cursor: pointer; }

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1; }

#fp-nav ul li .fp-tooltip.right {
  right: 20px; }

#fp-nav ul li .fp-tooltip.left {
  left: 20px; }

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
  height: auto !important; }

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
  height: auto !important; }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: red; }

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red; }

.jspCap {
  display: none; }

.jspHorizontalBar .jspCap {
  float: left; }

.jspTrack {
  background: #dde;
  position: relative; }

.jspDrag {
  background: #bbd;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0; }

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d; }

.jspVerticalBar .jspArrow {
  height: 16px; }

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%; }

.jspVerticalBar .jspArrow:focus {
  outline: none; }

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0; }

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.pswp img {
  max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

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

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none; }

.pswp__button:focus,
.pswp__button:hover {
  opacity: 1; }

.pswp__button:active {
  outline: none;
  opacity: 0.9; }

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(default-skin.svg); }

  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }
.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px; }

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000; }

.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0; }

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*

	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }

.pswp__caption small {
  font-size: 11px;
  color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /*
			The idea of animating inner circle is based on Polymer ("material") loading indicator
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }
@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }
/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

.jonnitto-prettyembedyoutube-youtube {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%; }

.jonnitto-prettyembedyoutube-youtube img {
  width: 100%;
  height: auto; }

.jonnitto-prettyembedyoutube-youtube::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .8;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAQAAABNTyozAAAIU0lEQVR4Ae3d0WtUZxrH8fdkxmhZwWWiuMbUukpvpF5IWDQRISzWVBsKm4K9EHphoVfS3SyYNRGKSvUqJZpYTBOwBWltUmuhEjDBmyK60KLEtNNLLUJbiFlIpp2aweR892Iugn3ec3LGnJznzMl8fv9A+UqSzpmZ9zUxVUGKrRygjQt8znVuMc4DJilQYJIHjHOL63zOBdo4wFZSGJ0Zot1KmjjBVbIUKEWBLFc5QRMrkxkozS46ucHvLNbv3KCTXaSTEihNC0PkCFuOIVpIl3eges4xwVKa4Bz15RhoDe1kiUqWdtaUT6B1nGaaqE1zmnXxD1RLN3m05OmmNr6B1tPHDNpm6GN9/AKlOMIUcTHFEVJxCrSTO5QuzxiDnOIQzTSync3UUE01NWxmO400c4hTDDJGntLdYWc8AmX4EJfg5rhLFy1swsEEnMMmWujiLnME5/IhGe1AzUwQ1H16aV3kf3KGVnq5T1ATNOsFSnEGlyCmGGAPDiakOexhgCmCcDlDSiNQHTdZmMswB1mFWYKt4iDDuCzsJhujDrSfRyxklktswyzxtnGJWRbyiP1RBurExV+BfrZgItoW+ingz6UzmkAOPfhzuUgdJuLVcREXfz04Sx2omsv4u8dujNJ2cw9/l6leykCrGcVPjjbSGMWlaSOHn1FWL1WgtXyLn2FqMeivlmH8fMvapQi02jfPE47iYGIyh6M88U20OuxA1Yzi7SENmJitkYd4G6U6zEAOl/F2jQwmhstwDW+XccIL1IO3sziYmM7hLN56wgrUibcOTMzXgbfOMALtx8VulsOYMthhZrFz2b/YQHU8wu4xr2HKZK/xGLtHbFxMoBQ3sZuVeWKeaBa7m6SePdAZvBzGlNkO4+XMswZqxsXuGKYM14GdS/OzBMowgd1ZTJnuLHYTZEoP1I/dNZyyDeRwDbv+UgPtxMXmoWhdXsvwEBuXnaUESnEHmyc0Ysp8jTzB5g6p4IGOYHcUk4Adxe5I0EDrmcJmGCcRgRyGsZlifbBAfdjkqMUkZLXksOkLEqiWGWzaMAlaGzYz1C4cqBube6QTFSjNPWy6Fwq0jjySy25MwrYbFynPOv9Ap7G5iEngLmJz2i/QGqaRCtQlMlAdBaRp1ngHasemH5PQ9WPT7h0oizS7yPfY/8I16mMaaAuzSFmvQPXYXMIsahsAYhvpEjb19kDnkFy2hRIorpG24SKdswVKM4E0jAktUDwjDSNNkJaBWrA5GHKg+EU6iE2LDDSENMWq8APFLNIqppCG/hgoTQ5pABN+oNhFGkDKkX46UAM2e8IPFMNIe7BpeDrQcaT7OOEHimEkh/tInU8HuoHUi4kkkH6kXqQbzAdiJY+RWiMKpB+pFekxK+cDNSHNkYkokH6kDHNITfOBTiLdxSgE0op0F+nEfKCrSF0KgfQidSFdnQ+URXpVIZBepBakLMVApCggbVIIpBdpE1KBVDHQVqQ8jkIgvUgOeaStxUAHkMYwCoE0I40hHcB4vUf0mUIg3UiDSG0Yr3dSTyoE0o10CulCMdAVpEMKgXQjHUK6Ugw0grRPIZBupH1II8VAt5EaFALpRmpAul0MNI60XSGQbqTtSOPFQA+QNisE0o20GelBMdAkUo1CIN1INUiTxUAFpOplF6gaqaAeSD+OfyD1HzH9OP4/Ylq/pPXjyL2A9KPWn3n9OHIvIX1XDHQLqTH5LzWC/4/idaTmZfdi9WWkUa0Xq/px5N5E+kLrcYd+HLn3kM57PzAb1A2k8Fx6COkdrUeu+nHk7iG9EuOH9jKOwkP7v+q87aMfR+55pBmq/N44bFlWbz23ImW13nrWjyPXg/TlfKATih9e0I/j9XKrQ//jLzKOztbiIjXof4BKxtHZ60i/sUL/I3gyjs7OI13HMB+IToUPcco4OqviZ6Rjuh8DlnH0thebXXofJJdxdPcx0jRpna8iyDjae44c0kcaX2axx9HeG9jsjfrrUDJOXDaC9BNVUXyhLv5fyTTswOb9KL+SGe8NYrPDHsjwg9eXehO6F5nz+1Jv5WvhA9j80zvQnysHCzDJnypHUxT3KTbvVg438X7EA7+SwWCoHI/D9+D9HLVywNK/sSlQi6FyRBcbyGHzAQZD5ZA3RrGZJFM5JtDvTNe3wzhosiEBR3M9weYbqvwCVY4q/RuVw26p4iu/w24rxyX3YvcLNeEeuN1RlnmOYzfH3zH2Lacj29/CyymM5yqH/vM1qeCB5DYu82sjlsXFI295Xzyy4PEJy+DqmuN4a8f4L+mXH1XRi7duzIJL+PVZX+Htk0D/sAm+gG03D/E2wgpMgCX2Cr+OkK7wS+QlkBsYDe0SyGV4jehISdeIJuwi2ia+x98nrMAEX7KuMv6UhXSX/HsyIZdhv8hAgMuw/4MpeQm4Tn0Hg8yxkEfPdiZbeV/I/xxvMEIQX0dxIb9cijO4BDHFAHtwQnwJsZePyBHEHKdIYaIJJNfMBEHdp5dWMov80sDrnOcngvql+LRQL5AhQz8uwc1xly5eZRNOCX85n+cf9DCOS3Au/dRgFAKJ7eQOpcszxmec5BD7aGA7m6mhmmoyvMBL7OJl3uQ9hhgjT+m+EW/kKAYypDjCFHExydtUYXQDya2njxm0FfggzMcvhnBXSzd5tPxKV9gvmA3hbx2nmSZqk7y7FA/uDEuzNbSTJSo/8K/iRy/jHUiunnNMsJR+5n12YJZuUTyhaWGIHGGb5mP2yr9V5RJIZmqgkxs8ZrF+Y4Rj7IrqwZwh2q2kiRNcJUuBUsyQ5Us6aGAFJsoZtJZiKwdoo48rjHCbcR4wSYEC/+NHvuO/jPIF53mHV9gif5RiEqiy/wPldklvNBok4wAAAABJRU5ErkJggg==);
  background-size: 72px 72px;
  -webkit-transition: opacity .25s ease-in-out,-webkit-transform .25s ease-in-out;
  transition: opacity .25s ease-in-out,-webkit-transform .25s ease-in-out;
  transition: transform .25s ease-in-out,opacity .25s ease-in-out;
  transition: transform .25s ease-in-out,opacity .25s ease-in-out,-webkit-transform .25s ease-in-out; }

.jonnitto-prettyembedyoutube-youtube:hover::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.jonnitto-prettyembedyoutube-youtube.play::after {
  display: none; }

.embed-youtube iframe {
  border: 0 solid transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.jonnitto-prettyembed-popup {
  display: block;
  position: fixed;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(11, 11, 11, 0.8);
  z-index: -1;
  opacity: 0;
  font-size: 0;
  -webkit-transition: opacity 0.2s,z-index 0 .2s;
  transition: opacity 0.2s,z-index 0 .2s;
  text-align: center;
  overflow: hidden;
  overflow-y: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch; }

.jonnitto-prettyembed-popup > * {
  display: inline-block;
  white-space: normal;
  vertical-align: middle;
  text-align: left; }

.jonnitto-prettyembed-popup::before {
  display: inline-block;
  overflow: hidden;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: ''; }

.jonnitto-prettyembed-popup-visible .jonnitto-prettyembed-popup {
  z-index: 1149;
  opacity: 1;
  -webkit-transition: opacity .2s;
  transition: opacity .2s; }

.jonnitto-prettyembed-popup-inner {
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  max-width: 900px;
  max-height: 90%;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: opacity 0.2s,z-index 0 0.2s,-webkit-transform .2s;
  transition: opacity 0.2s,z-index 0 0.2s,-webkit-transform .2s;
  transition: opacity 0.2s,transform 0.2s,z-index 0 .2s;
  transition: opacity 0.2s,transform 0.2s,z-index 0 0.2s,-webkit-transform .2s;
  width: 100%; }

.jonnitto-prettyembed-popup-visible .jonnitto-prettyembed-popup-inner {
  z-index: 1150;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.2s,-webkit-transform .2s;
  transition: opacity 0.2s,-webkit-transform .2s;
  transition: opacity 0.2s,transform .2s;
  transition: opacity 0.2s,transform 0.2s,-webkit-transform .2s; }

.jonnitto-prettyembed-popup-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.jonnitto-prettyembed-popup-close {
  top: -40px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  z-index: 1146;
  box-shadow: none;
  width: 100%;
  height: 44px;
  line-height: 44px;
  position: absolute;
  text-decoration: none;
  opacity: .65;
  padding: 0 0 18px 10px;
  color: #fff;
  right: -6px;
  text-align: right;
  font-style: normal;
  font-size: 28px;
  font-family: Arial,Baskerville,monospace; }

.jonnitto-prettyembed-popup-close:hover, .jonnitto-prettyembed-popup-close:focus, .jonnitto-prettyembed-popup-close:active {
  opacity: 1;
  outline: none; }

.jonnitto-prettyembed-popup-close::-moz-focus-inner {
  padding: 0;
  border: 0; }

.jonnitto-prettyembed-popup-holder {
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.jonnitto-prettyembed-popup-holder iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

@font-face {
  font-family: 'Carloschi-Bold';
  src: url("../font/Bold/Carloschi-Bold.eot");
  src: url("../font/Bold/Carloschi-Bold.eot?#iefix") format("embedded-opentype"), url("../font/Bold/Carloschi-Bold.woff") format("woff"), url("../font/Bold/Carloschi-Bold.ttf") format("truetype"), url("../font/Bold/Carloschi-Bold.svg#t") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Carloschi-Book';
  src: url("../font/Book/Carloschi-Book.eot");
  src: url("../font/Book/Carloschi-Book.eot?#iefix") format("embedded-opentype"), url("../font/Book/Carloschi-Book.woff") format("woff"), url("../font/Book/Carloschi-Book.ttf") format("truetype"), url("../font/Book/Carloschi-Book.svg#t") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Carloschi-Light';
  src: url("../font/Light/Carloschi-Light.eot");
  src: url("../font/Light/Carloschi-Light.eot?#iefix") format("embedded-opentype"), url("../font/Light/Carloschi-Light.woff") format("woff"), url("../font/Light/Carloschi-Light.ttf") format("truetype"), url("../font/Light/Carloschi-Light.svg#t") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Carloschi-Regular';
  src: url("../font/Regular/Carloschi-Regular.eot");
  src: url("../font/Regular/Carloschi-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Regular/Carloschi-Regular.woff") format("woff"), url("../font/Regular/Carloschi-Regular.ttf") format("truetype"), url("../font/Regular/Carloschi-Regular.svg#t") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Carloschi-SemiBold';
  src: url("../font/SemiBold/Carloschi-SemiBold2.eot");
  src: url("../font/SemiBold/Carloschi-SemiBold2.eot?#iefix") format("embedded-opentype"), url("../font/SemiBold/Carloschi-SemiBold2.woff") format("woff"), url("../font/SemiBold/Carloschi-SemiBold.ttf") format("truetype"), url("../font/SemiBold/Carloschi-SemiBold.svg#t") format("svg");
  font-weight: normal;
  font-style: normal; }
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
* ::-webkit-selection {
  background: #00E100;
  color: #FF32B4; }
* ::-moz-selection {
  background: #00E100;
  color: #FF32B4; }
* ::selection {
  background: #00E100;
  color: #FF32B4; }

html, body {
  font-family: "Carloschi-Regular", serif;
  color: #000000;
  height: 100%;
  min-height: 100%;
  width: 100%; }

html {
  -webkit-text-size-adjust: 100%; }

body {
  font-family: "Carloschi-Regular", serif;
  font-size: 14px;
  line-height: 1em;
  color: #000000;
  min-width: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-y: scroll; }
@media only screen and (min-width: 1920px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1920px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1920px) and (-o-min-device-pixel-ratio: 1 / 2), only screen and (min-width: 1920px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1920px) and (min-resolution: 192dpi), only screen and (min-width: 1920px) and (min-resolution: 2dppx) {
  body {
    font-size: 28px; } }

@media only screen and (min-aspect-ratio: 21 / 9) {
  body {
    font-size: 16px !important; } }
body.menu-opened {
  overflow: hidden; }
body.menu-opened .header {
  background: transparent; }
body.footer-opened .header {
  background: transparent; }
.mobile body .mobile-hide {
  display: none; }
@media screen and (max-width: 961px) {
  body .mobile-hide {
    display: none; } }
body .mobile-show {
  display: none; }
.mobile body .mobile-show {
  display: block; }
@media screen and (max-width: 961px) {
  body .mobile-show {
    display: block; } }
@media (min-width: 300px) {
  body:after {
    content: "w360";
    display: none; } }
@media (min-width: 320px) and (min--moz-device-pixel-ratio: 2), (min-width: 320px) and (-o-min-device-pixel-ratio: 2), (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px) and (min-device-pixel-ratio: 2) {
  body:after {
    content: "w768";
    display: none; } }
@media (min-width: 320px) and (min--moz-device-pixel-ratio: 3), (min-width: 320px) and (-o-min-device-pixel-ratio: 3), (min-width: 320px) and (-webkit-min-device-pixel-ratio: 3), (min-width: 320px) and (min-device-pixel-ratio: 3) {
  body:after {
    content: "w960";
    display: none; } }
@media (min-width: 480px) {
  body:after {
    content: "w768";
    display: none; } }
@media (min-width: 480px) and (min--moz-device-pixel-ratio: 2), (min-width: 480px) and (-o-min-device-pixel-ratio: 2), (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 480px) and (min-device-pixel-ratio: 2) {
  body:after {
    content: "w960";
    display: none; } }
@media (min-width: 768px) {
  body:after {
    content: "w1280";
    display: none; } }
@media (min-width: 768px) and (min-device-pixel-ratio: 2) {
  body:after {
    content: "w2560";
    display: none; } }
@media (min-width: 1280px) {
  body:after {
    content: "w1920";
    display: none; } }
@media (min-width: 768px) and (min-device-pixel-ratio: 2) {
  body:after {
    content: "w2560";
    display: none; } }
@media (min-width: 1921px) {
  body:after {
    content: "w2560";
    display: none; } }
@media (min-width: 2560px) {
  body:after {
    content: "w3840";
    display: none; } }

.layout_page {
  min-height: 100%;
  height: 100%; }

.container__root {
  -moz-transition-property: opacity, -moz-transform;
  -o-transition-property: opacity, -o-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity transform;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  min-height: 100%;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  will-change: transform; }
.footer-opened .container__root {
  -moz-transform: translateY(-100vh);
  -ms-transform: translateY(-100vh);
  -webkit-transform: translateY(-100vh);
  transform: translateY(-100vh); }
.container__root.opacity {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }

.page {
  min-height: 100%;
  height: 100%; }

body:not(.neos-backend) {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }
body.opacity {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }

#content {
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }
#content.loading {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }
#content.loaded {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }
#content.done {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }
#content.end {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }
#content.fail {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }

.layout--color--white .page-nav .icon__backward-arrow {
  color: #ffffff; }
.layout--color--white .slider__item--premium {
  background-color: #ffffff; }
.layout--color--white .section {
  background-color: #ffffff; }
.layout--color--white .slide__image {
  background-color: #ffffff; }
.layout--color--white .typo3-neos-nodetypes-text li:after {
  border-color: transparent transparent transparent #ffffff; }
@media screen and (min-width: 961px) {
  .layout--color--white .slider__description.slider__description--mobile-background span {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.8); } }

.layout--color--black .page-nav .icon__backward-arrow {
  color: #000000; }
.layout--color--black .slider__item--premium {
  background-color: #000000; }
.layout--color--black .section {
  background-color: #000000; }
.layout--color--black .slide__image {
  background-color: #000000; }
.layout--color--black .typo3-neos-nodetypes-text li:after {
  border-color: transparent transparent transparent #000000; }
.mobile .layout--color--black .slider__description.slider__description--mobile-background {
  background-color: #000000; }
@media screen and (max-width: 961px) {
  .layout--color--black .slider__description.slider__description--mobile-background {
    background-color: #000000; } }
@media screen and (min-width: 961px) {
  .layout--color--black .slider__description.slider__description--mobile-background span {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.8); } }

.layout--color--gray .page-nav .icon__backward-arrow {
  color: #747474; }
.layout--color--gray .slider__item--premium {
  background-color: #747474; }
.layout--color--gray .section {
  background-color: #747474; }
.layout--color--gray .slide__image {
  background-color: #747474; }
.layout--color--gray .typo3-neos-nodetypes-text li:after {
  border-color: transparent transparent transparent #747474; }
.mobile .layout--color--gray .slider__description.slider__description--mobile-background {
  background-color: #747474; }
@media screen and (max-width: 961px) {
  .layout--color--gray .slider__description.slider__description--mobile-background {
    background-color: #747474; } }
@media screen and (min-width: 961px) {
  .layout--color--gray .slider__description.slider__description--mobile-background span {
    background-color: #747474;
    background-color: rgba(116, 116, 116, 0.8); } }

.layout--color--green .page-nav .icon__backward-arrow {
  color: #0F2319; }
.layout--color--green .slider__item--premium {
  background-color: #0F2319; }
.layout--color--green .section {
  background-color: #0F2319; }
.layout--color--green .slide__image {
  background-color: #0F2319; }
.layout--color--green .typo3-neos-nodetypes-text li:after {
  border-color: transparent transparent transparent #0F2319; }
.mobile .layout--color--green .slider__description.slider__description--mobile-background {
  background-color: #0F2319; }
@media screen and (max-width: 961px) {
  .layout--color--green .slider__description.slider__description--mobile-background {
    background-color: #0F2319; } }
@media screen and (min-width: 961px) {
  .layout--color--green .slider__description.slider__description--mobile-background span {
    background-color: #0F2319;
    background-color: rgba(15, 35, 25, 0.8); } }

.layout--color--lime .page-nav .icon__backward-arrow {
  color: #00E100; }
.layout--color--lime .slider__item--premium {
  background-color: #00E100; }
.layout--color--lime .section {
  background-color: #00E100; }
.layout--color--lime .slide__image {
  background-color: #00E100; }
.layout--color--lime .typo3-neos-nodetypes-text li:after {
  border-color: transparent transparent transparent #00E100; }
.mobile .layout--color--lime .slider__description.slider__description--mobile-background {
  background-color: #00E100; }
@media screen and (max-width: 961px) {
  .layout--color--lime .slider__description.slider__description--mobile-background {
    background-color: #00E100; } }
@media screen and (min-width: 961px) {
  .layout--color--lime .slider__description.slider__description--mobile-background span {
    background-color: #00E100;
    background-color: rgba(0, 225, 0, 0.8); } }

.layout--color--mint .page-nav .icon__backward-arrow {
  color: #46DCA5; }
.layout--color--mint .slider__item--premium {
  background-color: #46DCA5; }
.layout--color--mint .section {
  background-color: #46DCA5; }
.layout--color--mint .slide__image {
  background-color: #46DCA5; }
.layout--color--mint .typo3-neos-nodetypes-text li:after {
  border-color: transparent transparent transparent #46DCA5; }
.mobile .layout--color--mint .slider__description.slider__description--mobile-background {
  background-color: #46DCA5; }
@media screen and (max-width: 961px) {
  .layout--color--mint .slider__description.slider__description--mobile-background {
    background-color: #46DCA5; } }
@media screen and (min-width: 961px) {
  .layout--color--mint .slider__description.slider__description--mobile-background span {
    background-color: #46DCA5;
    background-color: rgba(70, 220, 165, 0.8); } }

.layout--color--cyan .page-nav .icon__backward-arrow {
  color: #00E6FF; }
.layout--color--cyan .slider__item--premium {
  background-color: #00E6FF; }
.layout--color--cyan .section {
  background-color: #00E6FF; }
.layout--color--cyan .slide__image {
  background-color: #00E6FF; }
.layout--color--cyan .typo3-neos-nodetypes-text li:after {
  border-color: transparent transparent transparent #00E6FF; }
.mobile .layout--color--cyan .slider__description.slider__description--mobile-background {
  background-color: #00E6FF; }
@media screen and (max-width: 961px) {
  .layout--color--cyan .slider__description.slider__description--mobile-background {
    background-color: #00E6FF; } }
@media screen and (min-width: 961px) {
  .layout--color--cyan .slider__description.slider__description--mobile-background span {
    background-color: #00E6FF;
    background-color: rgba(0, 230, 255, 0.8); } }

.layout--color--blue .page-nav .icon__backward-arrow {
  color: #0091FF; }
.layout--color--blue .slider__item--premium {
  background-color: #0091FF; }
.layout--color--blue .section {
  background-color: #0091FF; }
.layout--color--blue .slide__image {
  background-color: #0091FF; }
.layout--color--blue .typo3-neos-nodetypes-text li:after {
  border-color: transparent transparent transparent #0091FF; }
.mobile .layout--color--blue .slider__description.slider__description--mobile-background {
  background-color: #0091FF; }
@media screen and (max-width: 961px) {
  .layout--color--blue .slider__description.slider__description--mobile-background {
    background-color: #0091FF; } }
@media screen and (min-width: 961px) {
  .layout--color--blue .slider__description.slider__description--mobile-background span {
    background-color: #0091FF;
    background-color: rgba(0, 145, 255, 0.8); } }

.layout--color--purple .page-nav .icon__backward-arrow {
  color: #9664FF; }
.layout--color--purple .slider__item--premium {
  background-color: #9664FF; }
.layout--color--purple .section {
  background-color: #9664FF; }
.layout--color--purple .slide__image {
  background-color: #9664FF; }
.layout--color--purple .typo3-neos-nodetypes-text li:after {
  border-color: transparent transparent transparent #9664FF; }
.mobile .layout--color--purple .slider__description.slider__description--mobile-background {
  background-color: #9664FF; }
@media screen and (max-width: 961px) {
  .layout--color--purple .slider__description.slider__description--mobile-background {
    background-color: #9664FF; } }
@media screen and (min-width: 961px) {
  .layout--color--purple .slider__description.slider__description--mobile-background span {
    background-color: #9664FF;
    background-color: rgba(150, 100, 255, 0.8); } }

.layout--color--pink .page-nav .icon__backward-arrow {
  color: #FF32B4; }
.layout--color--pink .slider__item--premium {
  background-color: #FF32B4; }
.layout--color--pink .section {
  background-color: #FF32B4; }
.layout--color--pink .slide__image {
  background-color: #FF32B4; }
.layout--color--pink .typo3-neos-nodetypes-text li:after {
  border-color: transparent transparent transparent #FF32B4; }
.mobile .layout--color--pink .slider__description.slider__description--mobile-background {
  background-color: #FF32B4; }
@media screen and (max-width: 961px) {
  .layout--color--pink .slider__description.slider__description--mobile-background {
    background-color: #FF32B4; } }
@media screen and (min-width: 961px) {
  .layout--color--pink .slider__description.slider__description--mobile-background span {
    background-color: #FF32B4;
    background-color: rgba(255, 50, 180, 0.8); } }

.layout--color--red .page-nav .icon__backward-arrow {
  color: #FF4B41; }
.layout--color--red .slider__item--premium {
  background-color: #FF4B41; }
.layout--color--red .section {
  background-color: #FF4B41; }
.layout--color--red .slide__image {
  background-color: #FF4B41; }
.layout--color--red .typo3-neos-nodetypes-text li:after {
  border-color: transparent transparent transparent #FF4B41; }
.mobile .layout--color--red .slider__description.slider__description--mobile-background {
  background-color: #FF4B41; }
@media screen and (max-width: 961px) {
  .layout--color--red .slider__description.slider__description--mobile-background {
    background-color: #FF4B41; } }
@media screen and (min-width: 961px) {
  .layout--color--red .slider__description.slider__description--mobile-background span {
    background-color: #FF4B41;
    background-color: rgba(255, 75, 65, 0.8); } }

.layout--color--orange .page-nav .icon__backward-arrow {
  color: #FF7D00; }
.layout--color--orange .slider__item--premium {
  background-color: #FF7D00; }
.layout--color--orange .section {
  background-color: #FF7D00; }
.layout--color--orange .slide__image {
  background-color: #FF7D00; }
.layout--color--orange .typo3-neos-nodetypes-text li:after {
  border-color: transparent transparent transparent #FF7D00; }
.mobile .layout--color--orange .slider__description.slider__description--mobile-background {
  background-color: #FF7D00; }
@media screen and (max-width: 961px) {
  .layout--color--orange .slider__description.slider__description--mobile-background {
    background-color: #FF7D00; } }
@media screen and (min-width: 961px) {
  .layout--color--orange .slider__description.slider__description--mobile-background span {
    background-color: #FF7D00;
    background-color: rgba(255, 125, 0, 0.8); } }

.layout--color--yellow .page-nav .icon__backward-arrow {
  color: #FFBE23; }
.layout--color--yellow .slider__item--premium {
  background-color: #FFBE23; }
.layout--color--yellow .section {
  background-color: #FFBE23; }
.layout--color--yellow .slide__image {
  background-color: #FFBE23; }
.layout--color--yellow .typo3-neos-nodetypes-text li:after {
  border-color: transparent transparent transparent #FFBE23; }
.mobile .layout--color--yellow .slider__description.slider__description--mobile-background {
  background-color: #FFBE23; }
@media screen and (max-width: 961px) {
  .layout--color--yellow .slider__description.slider__description--mobile-background {
    background-color: #FFBE23; } }
@media screen and (min-width: 961px) {
  .layout--color--yellow .slider__description.slider__description--mobile-background span {
    background-color: #FFBE23;
    background-color: rgba(255, 190, 35, 0.8); } }

.layout--color--lemon .page-nav .icon__backward-arrow {
  color: #E6E623; }
.layout--color--lemon .slider__item--premium {
  background-color: #E6E623; }
.layout--color--lemon .section {
  background-color: #E6E623; }
.layout--color--lemon .slide__image {
  background-color: #E6E623; }
.layout--color--lemon .typo3-neos-nodetypes-text li:after {
  border-color: transparent transparent transparent #E6E623; }
.mobile .layout--color--lemon .slider__description.slider__description--mobile-background {
  background-color: #E6E623; }
@media screen and (max-width: 961px) {
  .layout--color--lemon .slider__description.slider__description--mobile-background {
    background-color: #E6E623; } }
@media screen and (min-width: 961px) {
  .layout--color--lemon .slider__description.slider__description--mobile-background span {
    background-color: #E6E623;
    background-color: rgba(230, 230, 35, 0.8); } }

.layout--color--light-green .page-nav .icon__backward-arrow {
  color: #00E100; }
.layout--color--light-green .slider__item--premium {
  background-color: #00E100; }
.layout--color--light-green .section {
  background-color: #00E100; }
.layout--color--light-green .slide__image {
  background-color: #00E100; }
.layout--color--light-green .typo3-neos-nodetypes-text li:after {
  border-color: transparent transparent transparent #00E100; }
.mobile .layout--color--light-green .slider__description.slider__description--mobile-background {
  background-color: #00E100; }
@media screen and (max-width: 961px) {
  .layout--color--light-green .slider__description.slider__description--mobile-background {
    background-color: #00E100; } }
@media screen and (min-width: 961px) {
  .layout--color--light-green .slider__description.slider__description--mobile-background span {
    background-color: #00E100;
    background-color: rgba(0, 225, 0, 0.8); } }

body:not(.neos-backend) .mobile-only {
  display: none !important; }
.mobile body:not(.neos-backend) .mobile-only {
  display: inline-block !important; }
@media screen and (max-width: 961px) {
  body:not(.neos-backend) .mobile-only {
    display: inline-block !important; } }

/*
* add opacity for hidden element in cms
*/
body.neos-backend .mobile-only {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4; }
.mobile body.neos-backend .mobile-only {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }
@media screen and (max-width: 961px) {
  body.neos-backend .mobile-only {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; } }

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

.white--bg {
  background-color: #ffffff; }

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

.black--bg {
  background-color: #000000; }

.gray {
  color: #747474; }
.gray * {
  color: #747474 !important; }

.gray--bg {
  background-color: #747474; }

.green {
  color: #0F2319; }
.green * {
  color: #0F2319 !important; }

.green--bg {
  background-color: #0F2319; }

.lime {
  color: #00E100; }
.lime * {
  color: #00E100 !important; }

.lime--bg {
  background-color: #00E100; }

.mint {
  color: #46DCA5; }
.mint * {
  color: #46DCA5 !important; }

.mint--bg {
  background-color: #46DCA5; }

.cyan {
  color: #00E6FF; }
.cyan * {
  color: #00E6FF !important; }

.cyan--bg {
  background-color: #00E6FF; }

.blue {
  color: #0091FF; }
.blue * {
  color: #0091FF !important; }

.blue--bg {
  background-color: #0091FF; }

.purple {
  color: #9664FF; }
.purple * {
  color: #9664FF !important; }

.purple--bg {
  background-color: #9664FF; }

.pink {
  color: #FF32B4; }
.pink * {
  color: #FF32B4 !important; }

.pink--bg {
  background-color: #FF32B4; }

.red {
  color: #FF4B41; }
.red * {
  color: #FF4B41 !important; }

.red--bg {
  background-color: #FF4B41; }

.orange {
  color: #FF7D00; }
.orange * {
  color: #FF7D00 !important; }

.orange--bg {
  background-color: #FF7D00; }

.yellow {
  color: #FFBE23; }
.yellow * {
  color: #FFBE23 !important; }

.yellow--bg {
  background-color: #FFBE23; }

.lemon {
  color: #E6E623; }
.lemon * {
  color: #E6E623 !important; }

.lemon--bg {
  background-color: #E6E623; }

.button.white--bg {
  background: #ffffff !important;
  border-color: #ffffff !important; }

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

.button.black--bg {
  background: #000000 !important;
  border-color: #000000 !important; }

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

.button.gray--bg {
  background: #747474 !important;
  border-color: #747474 !important; }

.button.gray--color {
  color: #747474 !important; }

.button.green--bg {
  background: #0F2319 !important;
  border-color: #0F2319 !important; }

.button.green--color {
  color: #0F2319 !important; }

.button.lime--bg {
  background: #00E100 !important;
  border-color: #00E100 !important; }

.button.lime--color {
  color: #00E100 !important; }

.button.mint--bg {
  background: #46DCA5 !important;
  border-color: #46DCA5 !important; }

.button.mint--color {
  color: #46DCA5 !important; }

.button.cyan--bg {
  background: #00E6FF !important;
  border-color: #00E6FF !important; }

.button.cyan--color {
  color: #00E6FF !important; }

.button.blue--bg {
  background: #0091FF !important;
  border-color: #0091FF !important; }

.button.blue--color {
  color: #0091FF !important; }

.button.purple--bg {
  background: #9664FF !important;
  border-color: #9664FF !important; }

.button.purple--color {
  color: #9664FF !important; }

.button.pink--bg {
  background: #FF32B4 !important;
  border-color: #FF32B4 !important; }

.button.pink--color {
  color: #FF32B4 !important; }

.button.red--bg {
  background: #FF4B41 !important;
  border-color: #FF4B41 !important; }

.button.red--color {
  color: #FF4B41 !important; }

.button.orange--bg {
  background: #FF7D00 !important;
  border-color: #FF7D00 !important; }

.button.orange--color {
  color: #FF7D00 !important; }

.button.yellow--bg {
  background: #FFBE23 !important;
  border-color: #FFBE23 !important; }

.button.yellow--color {
  color: #FFBE23 !important; }

.button.lemon--bg {
  background: #E6E623 !important;
  border-color: #E6E623 !important; }

.button.lemon--color {
  color: #E6E623 !important; }

.button.light-green--bg {
  background: #00E100 !important;
  border-color: #00E100 !important; }

.button.light-green--color {
  color: #00E100 !important; }

.uppercase {
  text-transform: uppercase; }

.regular {
  font-family: "Carloschi-Regular", serif; }

.bold {
  font-family: "Carloschi-Bold", serif; }

.book {
  font-family: "Carloschi-Book", serif; }

.semibold {
  font-family: "Carloschi-SemiBold", serif; }

.light {
  font-family: "Carloschi-Light", serif; }

.clearfix {
  clear: both; }

.flebox-order-1 {
  -webkit-order: 1;
  order: 1; }

.flebox-order-2 {
  -webkit-order: 2;
  order: 2; }

.hidden {
  display: none !important;
  height: 0;
  min-height: 0 !important;
  overflow: hidden;
  padding: 0 !important; }

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

strong {
  font-family: "Carloschi-SemiBold", serif; }

i {
  font-style: italic; }

.position--mb0 {
  margin-bottom: 0 !important; }

.position--mt0 {
  margin-top: 0 !important; }

.position--ml0 {
  margin-left: 0 !important; }

.position--mr0 {
  margin-right: 0 !important; }

.position--pl0 {
  padding-left: 0 !important; }

.position--pr0 {
  padding-right: 0 !important; }

.position--pt0 {
  padding-top: 0 !important; }

.position--pb0 {
  padding-bottom: 0 !important; }

.position--width0 {
  width: 0% !important; }

.position--mb10 {
  margin-bottom: 0.715em !important; }

.position--mt10 {
  margin-top: 0.715em !important; }

.position--ml10 {
  margin-left: 0.715em !important; }

.position--mr10 {
  margin-right: 0.715em !important; }

.position--pl10 {
  padding-left: 0.715em !important; }

.position--pr10 {
  padding-right: 0.715em !important; }

.position--pt10 {
  padding-top: 0.715em !important; }

.position--pb10 {
  padding-bottom: 0.715em !important; }

.position--width10 {
  width: 10% !important; }

.position--mb20 {
  margin-bottom: 1.43em !important; }

.position--mt20 {
  margin-top: 1.43em !important; }

.position--ml20 {
  margin-left: 1.43em !important; }

.position--mr20 {
  margin-right: 1.43em !important; }

.position--pl20 {
  padding-left: 1.43em !important; }

.position--pr20 {
  padding-right: 1.43em !important; }

.position--pt20 {
  padding-top: 1.43em !important; }

.position--pb20 {
  padding-bottom: 1.43em !important; }

.position--width20 {
  width: 20% !important; }

.position--mb30 {
  margin-bottom: 2.144em !important; }

.position--mt30 {
  margin-top: 2.144em !important; }

.position--ml30 {
  margin-left: 2.144em !important; }

.position--mr30 {
  margin-right: 2.144em !important; }

.position--pl30 {
  padding-left: 2.144em !important; }

.position--pr30 {
  padding-right: 2.144em !important; }

.position--pt30 {
  padding-top: 2.144em !important; }

.position--pb30 {
  padding-bottom: 2.144em !important; }

.position--width30 {
  width: 30% !important; }

.position--mb40 {
  margin-bottom: 2.858em !important; }

.position--mt40 {
  margin-top: 2.858em !important; }

.position--ml40 {
  margin-left: 2.858em !important; }

.position--mr40 {
  margin-right: 2.858em !important; }

.position--pl40 {
  padding-left: 2.858em !important; }

.position--pr40 {
  padding-right: 2.858em !important; }

.position--pt40 {
  padding-top: 2.858em !important; }

.position--pb40 {
  padding-bottom: 2.858em !important; }

.position--width40 {
  width: 40% !important; }

.position--mb50 {
  margin-bottom: 3.572em !important; }

.position--mt50 {
  margin-top: 3.572em !important; }

.position--ml50 {
  margin-left: 3.572em !important; }

.position--mr50 {
  margin-right: 3.572em !important; }

.position--pl50 {
  padding-left: 3.572em !important; }

.position--pr50 {
  padding-right: 3.572em !important; }

.position--pt50 {
  padding-top: 3.572em !important; }

.position--pb50 {
  padding-bottom: 3.572em !important; }

.position--width50 {
  width: 50% !important; }

.position--mb60 {
  margin-bottom: 4.287em !important; }

.position--mt60 {
  margin-top: 4.287em !important; }

.position--ml60 {
  margin-left: 4.287em !important; }

.position--mr60 {
  margin-right: 4.287em !important; }

.position--pl60 {
  padding-left: 4.287em !important; }

.position--pr60 {
  padding-right: 4.287em !important; }

.position--pt60 {
  padding-top: 4.287em !important; }

.position--pb60 {
  padding-bottom: 4.287em !important; }

.position--width60 {
  width: 60% !important; }

.position--mb70 {
  margin-bottom: 5.001em !important; }

.position--mt70 {
  margin-top: 5.001em !important; }

.position--ml70 {
  margin-left: 5.001em !important; }

.position--mr70 {
  margin-right: 5.001em !important; }

.position--pl70 {
  padding-left: 5.001em !important; }

.position--pr70 {
  padding-right: 5.001em !important; }

.position--pt70 {
  padding-top: 5.001em !important; }

.position--pb70 {
  padding-bottom: 5.001em !important; }

.position--width70 {
  width: 70% !important; }

.position--mb80 {
  margin-bottom: 5.715em !important; }

.position--mt80 {
  margin-top: 5.715em !important; }

.position--ml80 {
  margin-left: 5.715em !important; }

.position--mr80 {
  margin-right: 5.715em !important; }

.position--pl80 {
  padding-left: 5.715em !important; }

.position--pr80 {
  padding-right: 5.715em !important; }

.position--pt80 {
  padding-top: 5.715em !important; }

.position--pb80 {
  padding-bottom: 5.715em !important; }

.position--width80 {
  width: 80% !important; }

.position--mb90 {
  margin-bottom: 6.43em !important; }

.position--mt90 {
  margin-top: 6.43em !important; }

.position--ml90 {
  margin-left: 6.43em !important; }

.position--mr90 {
  margin-right: 6.43em !important; }

.position--pl90 {
  padding-left: 6.43em !important; }

.position--pr90 {
  padding-right: 6.43em !important; }

.position--pt90 {
  padding-top: 6.43em !important; }

.position--pb90 {
  padding-bottom: 6.43em !important; }

.position--width90 {
  width: 90% !important; }

.position--mb100 {
  margin-bottom: 7.144em !important; }

.position--mt100 {
  margin-top: 7.144em !important; }

.position--ml100 {
  margin-left: 7.144em !important; }

.position--mr100 {
  margin-right: 7.144em !important; }

.position--pl100 {
  padding-left: 7.144em !important; }

.position--pr100 {
  padding-right: 7.144em !important; }

.position--pt100 {
  padding-top: 7.144em !important; }

.position--pb100 {
  padding-bottom: 7.144em !important; }

.position--width100 {
  width: 100% !important; }

.position--relative {
  position: absolute; }

.position--center {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.position--horizontal-center {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%); }

.position--vertical-center {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.mobile .position--mobile-static {
  position: static !important;
  height: auto !important;
  transform: none !important; }
@media screen and (max-width: 961px) {
  .position--mobile-static {
    position: static !important;
    height: auto !important;
    transform: none !important; } }

.position--align-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /*
      Comment z-index to provide copy address in menu
  */
  clear: both; }
.mobile .position--align-bottom {
  position: static;
  padding-top: 1.43em; }
@media screen and (max-width: 961px) {
  .position--align-bottom {
    position: static;
    padding-top: 1.43em; } }
.position--align-center {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  width: 100%; }
.mobile .position--align-center {
  display: block; }
@media screen and (max-width: 961px) {
  .position--align-center {
    display: block; } }

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  text-transform: uppercase; }
h1 p, .h1 p, h2 p, .h2 p, h3 p, .h3 p, h4 p, .h4 p {
  text-transform: none; }

h1, .h1 {
  font-size: 6.43em;
  line-height: 1.001em;
  margin-bottom: 0.445em;
  font-family: "Carloschi-Bold", serif;
  color: #0F2319; }
h1 small, .h1 small {
  display: block;
  font-family: "Carloschi-Light", serif;
  font-size: 50%;
  line-height: 1.2; }

h2, .h2 {
  font-size: 2.858em;
  line-height: 1.201em;
  margin-bottom: 0.801em;
  font-family: "Carloschi-Bold", serif;
  color: #0F2319; }
h2 small, .h2 small {
  display: block;
  font-family: "Carloschi-Light", serif;
  font-size: 50%;
  line-height: 1.5; }

h3, .h3 {
  font-size: 1.001em;
  line-height: 1.287em;
  font-family: "Carloschi-SemiBold", serif;
  color: #0F2319; }
h3 small, .h3 small {
  display: block;
  font-family: "Carloschi-Regular", serif;
  color: #747474; }
h3 p, .h3 p {
  color: #747474;
  font-family: "Carloschi-Regular", serif;
  font-size: 1.001em;
  line-height: 1.287em; }

h4, .h4 {
  font-size: 1.001em;
  line-height: 1.144em;
  margin-bottom: 2.144em;
  font-family: "Carloschi-SemiBold", serif;
  color: #747474; }

p, .p {
  font-size: 1.001em;
  line-height: 1.287em;
  color: #747474;
  margin-bottom: 2.144em; }

p.lead, .lead.p {
  font-size: 1.43em;
  line-height: 1.201em;
  font-family: "Carloschi-Light", serif;
  color: #0F2319; }

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

a {
  font-size: 1.001em;
  text-decoration: none;
  font-family: "Carloschi-Regular", serif;
  color: #0F2319; }
a:hover {
  color: #00E100; }
a[disabled] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

.button {
  border-color: transparent; }
.button.button--color-white {
  color: #ffffff; }
.button.button--color-hover-white:hover {
  color: #ffffff; }
.button.button--bg-white {
  border-color: #ffffff;
  background: #ffffff; }
.button.button--bg-hover-white:hover {
  border-color: #ffffff;
  background-color: #ffffff; }

.button {
  border-color: transparent; }
.button.button--color-black {
  color: #000000; }
.button.button--color-hover-black:hover {
  color: #000000; }
.button.button--bg-black {
  border-color: #000000;
  background: #000000; }
.button.button--bg-hover-black:hover {
  border-color: #000000;
  background-color: #000000; }

.button {
  border-color: transparent; }
.button.button--color-gray {
  color: #747474; }
.button.button--color-hover-gray:hover {
  color: #747474; }
.button.button--bg-gray {
  border-color: #747474;
  background: #747474; }
.button.button--bg-hover-gray:hover {
  border-color: #747474;
  background-color: #747474; }

.button {
  border-color: transparent; }
.button.button--color-green {
  color: #0F2319; }
.button.button--color-hover-green:hover {
  color: #0F2319; }
.button.button--bg-green {
  border-color: #0F2319;
  background: #0F2319; }
.button.button--bg-hover-green:hover {
  border-color: #0F2319;
  background-color: #0F2319; }

.button {
  border-color: transparent; }
.button.button--color-lime {
  color: #00E100; }
.button.button--color-hover-lime:hover {
  color: #00E100; }
.button.button--bg-lime {
  border-color: #00E100;
  background: #00E100; }
.button.button--bg-hover-lime:hover {
  border-color: #00E100;
  background-color: #00E100; }

.button {
  border-color: transparent; }
.button.button--color-mint {
  color: #46DCA5; }
.button.button--color-hover-mint:hover {
  color: #46DCA5; }
.button.button--bg-mint {
  border-color: #46DCA5;
  background: #46DCA5; }
.button.button--bg-hover-mint:hover {
  border-color: #46DCA5;
  background-color: #46DCA5; }

.button {
  border-color: transparent; }
.button.button--color-cyan {
  color: #00E6FF; }
.button.button--color-hover-cyan:hover {
  color: #00E6FF; }
.button.button--bg-cyan {
  border-color: #00E6FF;
  background: #00E6FF; }
.button.button--bg-hover-cyan:hover {
  border-color: #00E6FF;
  background-color: #00E6FF; }

.button {
  border-color: transparent; }
.button.button--color-blue {
  color: #0091FF; }
.button.button--color-hover-blue:hover {
  color: #0091FF; }
.button.button--bg-blue {
  border-color: #0091FF;
  background: #0091FF; }
.button.button--bg-hover-blue:hover {
  border-color: #0091FF;
  background-color: #0091FF; }

.button {
  border-color: transparent; }
.button.button--color-purple {
  color: #9664FF; }
.button.button--color-hover-purple:hover {
  color: #9664FF; }
.button.button--bg-purple {
  border-color: #9664FF;
  background: #9664FF; }
.button.button--bg-hover-purple:hover {
  border-color: #9664FF;
  background-color: #9664FF; }

.button {
  border-color: transparent; }
.button.button--color-pink {
  color: #FF32B4; }
.button.button--color-hover-pink:hover {
  color: #FF32B4; }
.button.button--bg-pink {
  border-color: #FF32B4;
  background: #FF32B4; }
.button.button--bg-hover-pink:hover {
  border-color: #FF32B4;
  background-color: #FF32B4; }

.button {
  border-color: transparent; }
.button.button--color-red {
  color: #FF4B41; }
.button.button--color-hover-red:hover {
  color: #FF4B41; }
.button.button--bg-red {
  border-color: #FF4B41;
  background: #FF4B41; }
.button.button--bg-hover-red:hover {
  border-color: #FF4B41;
  background-color: #FF4B41; }

.button {
  border-color: transparent; }
.button.button--color-orange {
  color: #FF7D00; }
.button.button--color-hover-orange:hover {
  color: #FF7D00; }
.button.button--bg-orange {
  border-color: #FF7D00;
  background: #FF7D00; }
.button.button--bg-hover-orange:hover {
  border-color: #FF7D00;
  background-color: #FF7D00; }

.button {
  border-color: transparent; }
.button.button--color-yellow {
  color: #FFBE23; }
.button.button--color-hover-yellow:hover {
  color: #FFBE23; }
.button.button--bg-yellow {
  border-color: #FFBE23;
  background: #FFBE23; }
.button.button--bg-hover-yellow:hover {
  border-color: #FFBE23;
  background-color: #FFBE23; }

.button {
  border-color: transparent; }
.button.button--color-lemon {
  color: #E6E623; }
.button.button--color-hover-lemon:hover {
  color: #E6E623; }
.button.button--bg-lemon {
  border-color: #E6E623;
  background: #E6E623; }
.button.button--bg-hover-lemon:hover {
  border-color: #E6E623;
  background-color: #E6E623; }

.button {
  border-color: transparent; }
.button.button--color-light-green {
  color: #00E100; }
.button.button--color-hover-light-green:hover {
  color: #00E100; }
.button.button--bg-light-green {
  border-color: #00E100;
  background: #00E100; }
.button.button--bg-hover-light-green:hover {
  border-color: #00E100;
  background-color: #00E100; }

.button, .social .next a {
  font-size: 1.001em;
  line-height: normal;
  display: inline-block;
  min-width: 13.144em;
  padding: 0.715em 1.43em;
  text-align: center;
  font-family: "Carloschi-Bold", serif;
  background: #ffffff;
  border: 1px solid #c9c9c9;
  border-radius: 40px;
  cursor: pointer;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }
.button:hover, .social .next a:hover {
  color: #00E100; }
.button:hover:after, .social .next a:hover:after {
  color: #00E100; }
.button--bordered, .social .next a--bordered {
  background: transparent;
  color: #ffffff; }
.button--bordered:after, .social .next a--bordered:after {
  color: #ffffff; }
.button--disable, .social .next a--disable {
  background: #7F8A59;
  border-color: #7F8A59;
  color: #ffffff;
  cursor: default; }
.button--disable:hover, .social .next a--disable:hover {
  color: #ffffff; }
.button--primary, .social .next a--primary {
  color: #ffffff;
  background: #00E100;
  border-color: #00E100; }
.button--primary:after, .social .next a--primary:after {
  color: #ffffff; }
.button--primary:hover, .social .next a--primary:hover {
  color: #ffffff;
  background: #00E6FF;
  border-color: #00E6FF; }
.button--primary:hover:after, .social .next a--primary:hover:after {
  color: #ffffff; }
.button--uppercase, .social .next a--uppercase {
  text-transform: uppercase;
  font-family: "Carloschi-Regular", serif; }
.button--large, .social .next a--large {
  font-size: 1.43em; }
.mobile .button--large, .mobile .social .next a--large {
  font-size: 1.001em;
  line-height: 1.43em; }
@media screen and (max-width: 961px) {
  .button--large, .social .next a--large {
    font-size: 1.001em;
    line-height: 1.43em; } }
.button--with-icon, .social .next a--with-icon {
  padding: 0 1.43em; }
.button--with-icon span, .social .next a--with-icon span {
  vertical-align: middle; }
.button--block, .social .next a--block {
  width: 13.144em; }
.button--hidden, .social .next a--hidden {
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }
.button[disabled], .social .next a[disabled] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

@font-face {
  font-family: 'jvm-icons';
  src: url("../font/icons/jvm.eot");
  src: url("../font/icons/jvm.eot?#iefix") format("embedded-opentype"), url("../font/icons/jvm.woff") format("woff"), url("../font/icons/jvm.ttf") format("truetype"), url("../font/icons/jvm.svg#t") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]::before {
  font-family: "jvm-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon__"]::before,
[class*=" icon__"]::before {
  font-family: "jvm-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  vertical-align: middle;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon__menu::before {
  content: "\e000"; }

.icon__filter::before {
  content: "\e001"; }

.icon__close::before {
  content: "\e002"; }

.icon__left-arrow::before {
  content: "\e003"; }

.icon__right-arrow::before {
  content: "\e004"; }

.icon__down-arrow::before {
  content: "\e005"; }

.icon__backward-arrow::before {
  content: "\e006"; }

.icon__forward-arrow::before {
  content: "\e007"; }

.icon__download::before {
  content: "\e008"; }

.icon__mail::before {
  content: "\e009"; }

.icon__phone::before {
  content: "\e00a"; }

.icon__facebook::before {
  content: "\e00b"; }

.icon__twitter::before {
  content: "\e00c"; }

.icon__youtube::before {
  content: "\e00d"; }

.icon__linkedin::before {
  content: "\e00e"; }

.icon__instagram::before {
  content: "\e00f"; }

.icon__xing::before {
  content: "\e010"; }

.icon__clock:before {
  content: "\e011"; }

.icon {
  display: inline-block;
  padding: 0.358em;
  font-size: 1.787em;
  color: #0F2319;
  -moz-transition: color, 0.3s;
  -o-transition: color, 0.3s;
  -webkit-transition: color, 0.3s;
  transition: color, 0.3s; }
.icon:hover {
  color: #00E100; }
.icon--primary {
  color: #00E100; }
.icon--primary:hover {
  color: #0F2319; }
.icon--button {
  font-size: 1.287em;
  vertical-align: middle;
  color: inherit; }
.icon--button:hover {
  color: inherit; }
.icon--contrast {
  color: #ffffff; }
.icon--contrast:hover {
  color: #00E100; }
.icon--with-border {
  border: 1px solid #c9c9c9;
  border-radius: 50%; }
.icon--with-border::before {
  vertical-align: middle; }

.icons__row {
  margin-bottom: 0.715em; }

.icons__wrapper--menu ul {
  max-width: 10.715em; }
.mobile .icons__wrapper--menu ul {
  max-width: 100%;
  margin: 0 auto 1.43em; }
@media screen and (max-width: 961px) {
  .icons__wrapper--menu ul {
    max-width: 100%;
    margin: 0 auto 1.43em; } }
.icons__wrapper--menu .icon {
  font-size: 2.144em;
  margin: 0 0.358em 0.358em 0; }
.mobile .icons__wrapper--menu .icon {
  margin: 0.144em; }
@media screen and (max-width: 961px) {
  .icons__wrapper--menu .icon {
    margin: 0.144em; } }

.hb180-jvm-contactbox li,
.hb180-jvm-sociallinks li {
  display: inline-block; }

.content {
  position: relative;
  height: 100vh; }
.content--white {
  background: #ffffff; }
.mobile .content--mobile-height-auto {
  height: auto;
  min-height: auto !important; }
.mobile .content--mobile-height-auto .content__body {
  height: auto;
  min-height: auto !important; }
@media screen and (max-width: 961px) {
  .content--mobile-height-auto {
    height: auto;
    min-height: auto !important; }
  .content--mobile-height-auto .content__body {
    height: auto;
    min-height: auto !important; } }
.content__header {
  position: relative; }
.content__body {
  position: relative; }
.content__body--detail {
  padding: 8.144em 2.858em 0;
  width: 90%; }
.mobile .content__body--detail {
  position: static;
  width: 100%;
  height: auto;
  padding: 0.715em 0 0 1.43em;
  transform: none; }
.mobile .content__body--detail h2 {
  font-size: 1.787em; }
@media screen and (max-width: 961px) {
  .content__body--detail {
    position: static;
    width: 100%;
    height: auto;
    padding: 0.715em 0 0 1.43em;
    transform: none; }
  .content__body--detail h2 {
    font-size: 1.787em; } }
.content__footer {
  position: relative; }
.content__footer--align-bottom {
  height: 14.287em;
  position: fixed;
  background: #ffffff;
  bottom: 0;
  width: 50%; }
.mobile .content__footer--align-bottom {
  width: 100%; }
@media screen and (max-width: 961px) {
  .content__footer--align-bottom {
    width: 100%; } }
.content__footer--align-bottom h1, .content__footer--align-bottom .h1, .content__footer--align-bottom h2, .content__footer--align-bottom .h2, .content__footer--align-bottom h3, .content__footer--align-bottom .h3, .content__footer--align-bottom h4, .content__footer--align-bottom .h4 {
  position: absolute;
  bottom: 0;
  margin: 0 0 0.476em 0.476em;
  padding: 0;
  line-height: 88%; }
.content__footer--icons {
  height: auto; }
.content--fullheight {
  min-height: 100vh;
  height: auto; }
.content--with-footer {
  height: calc(100% - 14.287em); }

.scroll {
  outline: none; }
.scroll .jspHorizontalBar {
  background: transparent; }
.scroll .jspVerticalBar {
  width: 5px;
  background: transparent; }
.scroll .jspTrack {
  background: #ffffff; }
.scroll .jspDrag {
  background: #00E100;
  border-radius: 2px; }
.scroll--hover .jspTrack {
  opacity: 0;
  transition: opacity 0.5s linear;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
.scroll--hover:hover .jspTrack {
  opacity: 1; }

.mobile-native-scroll {
  height: 100% !important;
  overflow-y: auto; }

.filter {
  max-height: 80%;
  overflow: hidden; }
.filter--open .filter__button {
  color: #000000; }
.filter--open .header .nav__btn .icons .icon {
  color: #000000 !important; }
.filter--position-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 16.001em; }
.filter--with-scroll {
  margin: 2.501em 0; }
.mobile .filter--with-scroll {
  margin: 0; }
@media screen and (max-width: 961px) {
  .filter--with-scroll {
    margin: 0; } }
.filter--with-scroll ul {
  margin: 0 1.43em; }
@media screen and (min-width: 961px) {
  .filter--cloude {
    width: 100%; }
  .filter--cloude ul {
    padding-left: 3.358em;
    padding-right: 4.001em;
    margin-left: 0; }
  .filter--cloude ul li {
    display: inline-block;
    margin-right: 0.715em; }
  .filter--cloude ul li .button {
    min-width: 0; } }
.filter__container {
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -moz-transition-duration: 0.5s, 0.4s;
  -o-transition-duration: 0.5s, 0.4s;
  -webkit-transition-duration: 0.5s, 0.4s;
  transition-duration: 0.5s, 0.4s; }
.mobile .filter__container {
  display: block;
  z-index: -1;
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }
@media screen and (max-width: 961px) {
  .filter__container {
    display: block;
    z-index: -1;
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; } }
.mobile .filter__container--active {
  z-index: 1;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  position: fixed !important; }
@media screen and (max-width: 961px) {
  .filter__container--active {
    z-index: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    position: fixed !important; } }
.filter__container--active .content__footer {
  bottom: auto;
  top: 0; }
.filter__container--active .content__footer h1 {
  font-size: 4.215em;
  text-align: center;
  width: 100%;
  margin: 0;
  bottom: auto;
  top: 43%; }
.filter__container--active .content__body {
  position: absolute;
  bottom: 0;
  left: 50%; }
.filter__container--active .content--with-footer {
  height: calc(100% - 10.715em); }
.filter__button {
  position: fixed;
  z-index: 1001;
  top: 0.858em;
  left: 3.572em;
  width: 2.858em;
  height: 2.858em;
  overflow: hidden; }
.filter__button .icon {
  font-size: 1.501em;
  color: #ffffff;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }
.filter--open .filter__button .icon {
  color: #0F2319; }
.filter__button .icons {
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
.filter--open .filter__button .icons {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
.filter--open .filter__button .icons .icon {
  color: #0F2319 !important; }
.filter__item {
  margin-bottom: 0.715em; }
.filter__item:last-child {
  margin-bottom: 0; }

.filter--open .nav .icon {
  color: #0F2319; }

.slider {
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }
.slider--half {
  width: 25vw;
  float: left; }
.slider--remove {
  position: relative; }
.slider--remove:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 10;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-animation: displayAnim 0.3s 0.1s forwards;
  -webkit-animation: displayAnim 0.3s 0.1s forwards;
  animation: displayAnim 0.3s 0.1s forwards; }
.slider.slider--opacity {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }
.slider--add {
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }
@-moz-keyframes showSlider {
  0% {
    -moz-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1); }
  100% {
    -moz-transform: translateY(10.715em) scale(0.9);
    transform: translateY(10.715em) scale(0.9); } }
@-webkit-keyframes showSlider {
  0% {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1); }
  100% {
    -webkit-transform: translateY(10.715em) scale(0.9);
    transform: translateY(10.715em) scale(0.9); } }
@keyframes showSlider {
  0% {
    -moz-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1); }
  100% {
    -moz-transform: translateY(10.715em) scale(0.9);
    -ms-transform: translateY(10.715em) scale(0.9);
    -webkit-transform: translateY(10.715em) scale(0.9);
    transform: translateY(10.715em) scale(0.9); } }
.slider__description {
  position: absolute;
  left: 3.572em;
  top: 19.144em;
  width: 30%;
  z-index: 560; }
.mobile .slider__description {
  left: 1.43em;
  top: 4.144em; }
@media screen and (max-width: 961px) {
  .slider__description {
    left: 1.43em;
    top: 4.144em; } }
@media only screen and (min-aspect-ratio: 21 / 9) {
  .slider__description {
    top: auto;
    bottom: 0; } }
.slider__description--page-nav {
  top: 10.715em;
  width: 50%; }
.mobile .slider__description--page-nav {
  top: 4.287em; }
@media screen and (max-width: 961px) {
  .slider__description--page-nav {
    top: 4.287em; } }
.mobile .slider__description--mobile-background {
  position: static;
  width: 100%;
  padding: 1.43em;
  background: #FF4B41; }
.mobile .slider__description--mobile-background h2 {
  font-size: 1.43em; }
@media screen and (max-width: 961px) {
  .slider__description--mobile-background {
    position: static;
    width: 100%;
    padding: 1.43em;
    background: #FF4B41; }
  .slider__description--mobile-background h2 {
    font-size: 1.43em; } }
.slider__next {
  position: absolute;
  left: 50%;
  bottom: 1.787em;
  transform: translateX(-50%);
  z-index: 1001;
  font-size: 1.501em; }
.slider__next .icon {
  color: #ffffff; }
.slider .slider__item .slider__background {
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -moz-transform: scale(1.005, 1.005);
  -ms-transform: scale(1.005, 1.005);
  -webkit-transform: scale(1.005, 1.005);
  transform: scale(1.005, 1.005); }
.slider .slider__item:hover .slider__background {
  -moz-transform: scale(1.035, 1.035);
  -ms-transform: scale(1.035, 1.035);
  -webkit-transform: scale(1.035, 1.035);
  transform: scale(1.035, 1.035); }
.slider__item {
  position: relative;
  width: 100%;
  height: 25vw;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  -moz-transition: height 0.5s;
  -o-transition: height 0.5s;
  -webkit-transition: height 0.5s;
  transition: height 0.5s; }
.slider__item.slider__item--hidden {
  display: none; }
.slider__item.slider__item--hidden .slider__background {
  background-image: none !important; }
.slider__item.slider__item--fixed {
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 50vw;
  position: fixed;
  -moz-transition-property: top, left, width, height;
  -o-transition-property: top, left, width, height;
  -webkit-transition-property: top, left, width, height;
  transition-property: top, left, width, height;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  will-change: top, left;
  z-index: 80; }
.mobile .slider__item {
  height: 0 !important;
  padding-bottom: 100%; }
@media screen and (max-width: 961px) {
  .slider__item {
    height: 0 !important;
    padding-bottom: 100%; } }
@media screen and (min-width: 480px) and (max-width: 961px) and (orientation: landscape) {
  .slider__item {
    padding-bottom: 53%; } }
.slider__item--premium {
  background: #FF32B4;
  color: #ffffff; }
.slider__item--half-width {
  width: 25vw;
  height: 25vw;
  float: left; }
.mobile .slider__item--half-width {
  width: 50vw;
  height: 0;
  padding-bottom: 50%; }
@media screen and (max-width: 961px) {
  .slider__item--half-width {
    width: 50vw;
    height: 0;
    padding-bottom: 50%; } }
.slider__item--full-height {
  height: 100vh; }
.slider__item--tile {
  width: 25%;
  float: left; }
.slider__item--tile.slider__item--premium {
  position: absolute;
  z-index: 1;
  width: 25vw; }
.slider__item a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }
.mobile .slider__item--mobile-height-70 {
  padding-bottom: 143%; }
@media screen and (max-width: 961px) {
  .slider__item--mobile-height-70 {
    padding-bottom: 143%; } }
.mobile .slider--mobile-vertical {
  display: block; }
@media screen and (max-width: 961px) {
  .slider--mobile-vertical {
    display: block; } }
.slider__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }
.slider__bg.display__bg {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }
.slider__background {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center; }
.mobile .slider__background {
  position: absolute; }
@media screen and (max-width: 961px) {
  .slider__background {
    position: absolute; } }
.slider__title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 0 1.43em 1.43em;
  margin: 0;
  font-family: "Carloschi-Bold", serif;
  color: #ffffff; }
.mobile .slider__title {
  padding: 0 0 1.43em 1.43em; }
@media screen and (max-width: 961px) {
  .slider__title {
    padding: 0 0 1.43em 1.43em; } }
.slider__title--premium {
  width: 95%;
  padding: 0 0 0.668em 1.001em;
  font-size: 2.144em; }
.slider__title--premium small {
  color: #ffffff;
  line-height: 100%;
  font-size: 0.668em;
  font-family: "Carloschi-Light", serif;
  text-transform: initial; }
.mobile .slider__title--premium {
  padding: 1.43em;
  font-size: 1.001em; }
@media screen and (max-width: 961px) {
  .slider__title--premium {
    padding: 1.43em;
    font-size: 1.001em; } }
@media screen and (min-width: 480px) and (max-width: 961px) {
  .slider__title--premium {
    font-size: 2.144em;
    padding: 0.668em; } }
@media screen and (min-width: 480px) and (max-width: 961px) and (orientation: landscape) {
  .slider__title--premium {
    font-size: 2.001em;
    padding: 0.715em; } }
.slider__icon {
  position: absolute;
  bottom: 0.358em;
  right: 0.358em; }
.slider__icon .icon {
  color: #ffffff; }
.slider__navigation {
  display: block;
  position: absolute;
  bottom: 2.858em;
  right: 2.858em; }
.slider__navigation i {
  padding: 0;
  font-size: 2.858em;
  color: #ffffff; }

.fp-controlArrow.fp-prev, .fp-controlArrow.fp-next {
  top: auto;
  left: auto;
  border: none;
  font-family: "jvm-icons" !important;
  font-size: 2.858em;
  color: #ffffff; }
.fp-controlArrow.fp-prev {
  bottom: 2.051em;
  right: 2.751em; }
.fp-controlArrow.fp-prev::before {
  content: "\e003"; }
.fp-controlArrow.fp-next {
  bottom: 2.051em;
  right: 1.651em; }
.fp-controlArrow.fp-next::before {
  content: "\e004"; }
.mobile .fp-controlArrow.fp-prev {
  bottom: 1.176em;
  right: 2.151em; }
.mobile .fp-controlArrow.fp-next {
  bottom: 1.176em;
  right: 1.226em; }
@media screen and (max-width: 961px) {
  .fp-controlArrow.fp-prev {
    bottom: 1.176em;
    right: 2.151em; }
  .fp-controlArrow.fp-next {
    bottom: 1.176em;
    right: 1.226em; } }

/* tesT!!! */
.new-container {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  z-index: 99; }
.new-container.new-container--hidden {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden; }
.new-container .container__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.new-container .change-page-item {
  display: block;
  transition: transform .9s;
  width: 100% !important; }
.new-container .anim-item-change-page {
  transform-origin: left top;
  position: absolute; }
.new-container .anim-item-change-page a {
  position: absolute;
  top: 0; }

@-moz-keyframes displayAnim {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes displayAnim {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes displayAnim {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.slider__next {
  cursor: pointer; }

.video.video--absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  overflow: hidden; }

.loader {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }
.loader.loader--hidden {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }
.loader.current > * {
  z-index: 1005; }

.loader__item {
  position: fixed;
  z-index: 1000; }

.loader__item--1 {
  top: 0;
  left: 0;
  height: 10px;
  background: #00E100; }

.loader__item--2 {
  top: 0;
  right: 0;
  width: 10px;
  background: #00E100; }

.loader__item--3 {
  bottom: 0;
  right: 0;
  height: 10px;
  background: #00E100; }

.loader__item--4 {
  bottom: 0;
  left: 0;
  width: 10px;
  background: #00E100; }

.preloader--white > * {
  background: #ffffff; }

.preloader--black > * {
  background: #000000; }

.preloader--gray > * {
  background: #747474; }

.preloader--green > * {
  background: #0F2319; }

.preloader--lime > * {
  background: #00E100; }

.preloader--mint > * {
  background: #46DCA5; }

.preloader--cyan > * {
  background: #00E6FF; }

.preloader--blue > * {
  background: #0091FF; }

.preloader--purple > * {
  background: #9664FF; }

.preloader--pink > * {
  background: #FF32B4; }

.preloader--red > * {
  background: #FF4B41; }

.preloader--orange > * {
  background: #FF7D00; }

.preloader--yellow > * {
  background: #FFBE23; }

.preloader--lemon > * {
  background: #E6E623; }

.preloader--light-green > * {
  background: #00E100; }

.hb180-jvm-contactbox h3 {
  font-size: 1.144em; }
.hb180-jvm-contactbox p {
  margin-bottom: 0.715em;
  width: 100%; }
.hb180-jvm-contactbox img {
  margin-bottom: 0.715em;
  max-width: 100%; }

.animate--scale {
  -moz-animation: showScale 1.7s 0.1s ease forwards;
  -webkit-animation: showScale 1.7s 0.1s ease forwards;
  animation: showScale 1.7s 0.1s ease forwards; }
.animate--slide-left {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-animation: showItems 0.9s ease forwards 0.5s;
  -webkit-animation: showItems 0.9s ease forwards 0.5s;
  animation: showItems 0.9s ease forwards 0.5s; }
.animate--slide-left--slow {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-animation: showItems 1.1s ease forwards 0.5s;
  -webkit-animation: showItems 1.1s ease forwards 0.5s;
  animation: showItems 1.1s ease forwards 0.5s; }
.animate--slide-left--slower {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-animation: showItems 1.2s ease forwards 0.5s;
  -webkit-animation: showItems 1.2s ease forwards 0.5s;
  animation: showItems 1.2s ease forwards 0.5s; }
@-moz-keyframes showScale {
  0% {
    -moz-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -moz-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes showScale {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes showScale {
  0% {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }
.typo3-neos-nodetypes-text li {
  position: relative;
  padding-left: 1.43em;
  font-size: 1.001em;
  line-height: 1.287em;
  color: #747474; }
.typo3-neos-nodetypes-text li:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.465em 0 0.465em 0.501em;
  border-color: transparent transparent transparent #00E6FF; }

.menu {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #ffffff;
  padding: 6% 0 0;
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -moz-transition-duration: 0.5s, 0.4s;
  -o-transition-duration: 0.5s, 0.4s;
  -webkit-transition-duration: 0.5s, 0.4s;
  transition-duration: 0.5s, 0.4s;
  will-change: transform, opacity;
  z-index: 800; }
.menu h4 {
  margin-bottom: 3.215em; }
.mobile .menu h4 {
  margin-bottom: 1.43em; }
@media screen and (max-width: 961px) {
  .menu h4 {
    margin-bottom: 1.43em; } }
.menu.menu--active {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }
.menu__wrapper {
  min-height: 90%; }
.menu__wrapper .container {
  width: 100%; }
.menu__nav {
  margin-left: 8.47458%;
  width: 40.67797%;
  float: left;
  margin-right: 1.69492%; }
.menu--active .menu__nav {
  -moz-animation: menuItemShow 0.7s 0.2s forwards;
  -webkit-animation: menuItemShow 0.7s 0.2s forwards;
  animation: menuItemShow 0.7s 0.2s forwards; }
.menu__social {
  width: 23.72881%;
  float: left;
  margin-right: 1.69492%; }
.menu--active .menu__social {
  -moz-animation: menuItemShow 0.7s 0.4s forwards;
  -webkit-animation: menuItemShow 0.7s 0.4s forwards;
  animation: menuItemShow 0.7s 0.4s forwards; }
.menu__contact {
  width: 23.72881%;
  float: left;
  margin-right: 1.69492%;
  float: right;
  margin-right: 0; }
.menu--active .menu__contact {
  -moz-animation: menuItemShow 0.7s 0.6s forwards;
  -webkit-animation: menuItemShow 0.7s 0.6s forwards;
  animation: menuItemShow 0.7s 0.6s forwards; }
.mobile .menu__contact {
  margin-top: 5%; }
@media screen and (max-width: 961px) {
  .menu__contact {
    margin-top: 5%; } }
.menu__address {
  margin-left: 8.47458%;
  color: #747474; }
.mobile .menu__address {
  margin-left: 0;
  margin-bottom: 5%; }
.mobile .menu__address .divider {
  display: block;
  visibility: hidden; }
@media screen and (max-width: 961px) {
  .menu__address {
    margin-left: 0;
    margin-bottom: 5%; }
  .menu__address .divider {
    display: block;
    visibility: hidden; } }
.menu .hb180-jvm-contactbox p {
  width: 100%; }
.mobile .menu {
  text-align: center;
  padding-top: 20%; }
.mobile .menu .icon {
  font-size: 1.572em; }
@media screen and (max-width: 961px) {
  .menu {
    text-align: center;
    padding-top: 20%; }
  .menu .icon {
    font-size: 1.572em; } }

.menu-opened .filter__button {
  display: none; }

.mobile .menu__nav, .mobile .menu__social, .mobile .menu__contact {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  float: right;
  margin-right: 0; }
@media screen and (max-width: 961px) {
  .menu__nav, .menu__social, .menu__contact {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: right;
    margin-right: 0; } }

.menu__nav, .menu__social, .menu__contact {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: translateY(-7.142em);
  -ms-transform: translateY(-7.142em);
  -webkit-transform: translateY(-7.142em);
  transform: translateY(-7.142em); }

.menu__nav {
  display: block; }
.menu__nav .menu__items {
  margin-bottom: 4.858em; }
.menu__nav .submenu__items {
  margin-bottom: 3.572em; }
.menu__nav .menu__item {
  display: block;
  padding: 0.072em 0; }
.menu__nav .menu__item__link {
  font-family: "Carloschi-Bold", serif;
  font-size: 5.715em;
  line-height: 1.026em;
  color: #0F2319;
  text-transform: uppercase;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s; }
.menu__nav .menu__item__link:hover {
  color: #FF32B4; }
.mobile .menu__nav .menu__item__link {
  font-size: 3.93em;
  line-height: 1.092em; }
@media screen and (max-width: 961px) {
  .menu__nav .menu__item__link {
    font-size: 3.93em;
    line-height: 1.092em; } }
.menu__nav .submenu__item {
  position: relative;
  display: inline-block;
  margin-right: 1.787em; }
.menu__nav .submenu__item .submenu__link {
  font-family: "Carloschi-Bold", serif;
  font-size: 2.144em;
  line-height: 1.168em;
  text-transform: uppercase;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s; }
.menu__nav .submenu__item .submenu__link:hover {
  color: #FF32B4; }
.mobile .menu__nav .submenu__item .submenu__link {
  font-size: 1.43em;
  line-height: 1.151em; }
@media screen and (max-width: 961px) {
  .menu__nav .submenu__item .submenu__link {
    font-size: 1.43em;
    line-height: 1.151em; } }
.menu__nav .submenu__item:after {
  content: "";
  font-family: "Carloschi-Bold", serif;
  position: absolute;
  top: 1.401em;
  right: -1.178em;
  bottom: 0;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #0F2319;
  width: 0.287em;
  height: 1.787em; }
.mobile .menu__nav .submenu__item:after {
  top: 1.001em;
  width: 0.215em;
  height: 1.287em; }
@media screen and (max-width: 961px) {
  .menu__nav .submenu__item:after {
    top: 1.001em;
    width: 0.215em;
    height: 1.287em; } }
.menu__nav .submenu__item:last-child {
  margin-right: 0; }
.menu__nav .submenu__item:last-child:after {
  display: none; }

.menu__social {
  display: block; }

.menu__contact {
  display: block; }

@-moz-keyframes menuItemShow {
  0% {
    opacity: 0;
    -moz-transform: translateY(-7.142em);
    transform: translateY(-7.142em); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes menuItemShow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-7.142em);
    transform: translateY(-7.142em); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes menuItemShow {
  0% {
    opacity: 0;
    -moz-transform: translateY(-7.142em);
    -ms-transform: translateY(-7.142em);
    -webkit-transform: translateY(-7.142em);
    transform: translateY(-7.142em); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
.header {
  position: absolute;
  top: 0;
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: height 0.3s, position 0.3s, background 0.3s;
  -o-transition: height 0.3s, position 0.3s, background 0.3s;
  -webkit-transition: height 0.3s, position 0.3s, background 0.3s;
  transition: height 0.3s, position 0.3s, background 0.3s;
  z-index: 1000;
  width: 100%;
  height: 5.715em; }
.mobile .header {
  height: 4.287em; }
.menu-opened .mobile .header {
  background-color: #ffffff; }
.menu-opened .page--home .mobile .header {
  background-color: #ffffff; }
@media screen and (max-width: 961px) {
  .header {
    height: 4.287em; }
  .menu-opened .header {
    background-color: #ffffff; }
  .menu-opened .page--home .header {
    background-color: #ffffff; } }
.header--fixed {
  position: fixed; }
.header--pink {
  background: #FF32B4; }
.header--scroll-up {
  -moz-transition: height 0.5s, position 0.5s;
  -o-transition: height 0.5s, position 0.5s;
  -webkit-transition: height 0.5s, position 0.5s;
  transition: height 0.5s, position 0.5s;
  position: fixed;
  background: #ffffff !important;
  height: 5.715em; }
.mobile .header--scroll-up {
  height: 4.287em; }
@media screen and (max-width: 961px) {
  .header--scroll-up {
    height: 4.287em; } }
.header--scroll-up .nav {
  height: auto; }
.header--scroll-up .nav__btn .icon {
  color: #0F2319 !important; }
.header--scroll-up .logo__image {
  background-image: url("../images/logo.png") !important; }
.menu-opened .header--scroll-up {
  background: transparent !important; }
.invert-header-color .header .icon {
  color: #0F2319; }
.invert-header-color .header .logo__image {
  background-image: url("../images/logo.png"); }
.invert-header-color--left .header .icon {
  color: #0F2319; }
.mobile .invert-header-color--left .header .icon {
  color: #ffffff; }
@media screen and (max-width: 961px) {
  .invert-header-color--left .header .icon {
    color: #ffffff; } }
.invert-header-color--right .header .logo__image {
  background-image: url("../images/logo.png"); }
.mobile .invert-header-color--right .header .logo__image {
  background-image: url("../images/logo_white.png"); }
@media screen and (max-width: 961px) {
  .invert-header-color--right .header .logo__image {
    background-image: url("../images/logo_white.png"); } }
.mobile .header {
  width: 100%; }
@media screen and (max-width: 961px) {
  .header {
    width: 100%; } }

.logo {
  float: right;
  padding: 0.358em; }
.logo .logo__image {
  font-size: 1.001em;
  line-height: normal;
  width: 10.001em;
  height: 3.215em;
  background-image: url("../images/logo_white.png");
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -9999em; }
.mobile .logo .logo__image {
  font-size: 0.572em;
  line-height: normal;
  margin-top: 0.501em;
  margin-right: 0.072em; }
@media screen and (max-width: 961px) {
  .logo .logo__image {
    font-size: 0.572em;
    line-height: normal;
    margin-top: 0.501em;
    margin-right: 0.072em; } }
.menu-opened .logo .logo__image {
  background-image: url("../images/logo.png") !important; }

.nav {
  height: 0;
  background: transparent; }
.nav__btn-wrapper, .nav__logo-wrapper {
  width: 50%;
  height: 0;
  display: block;
  float: left;
  padding: 1.287em 2.858em; }
.mobile .nav__btn-wrapper, .mobile .nav__logo-wrapper {
  padding: 0.644em 0.858em; }
@media screen and (max-width: 961px) {
  .nav__btn-wrapper, .nav__logo-wrapper {
    padding: 0.644em 0.858em; } }

.nav__btn {
  display: inline-block;
  cursor: pointer;
  width: 3.215em;
  height: 3.215em;
  overflow: hidden; }
.nav__btn .icon {
  display: block;
  color: #ffffff;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }
.nav__btn .icons {
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
.menu-opened .nav__btn .icons {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
.menu-opened .nav__btn .icons .icon {
  color: #0F2319 !important; }
.nav__btn.footer__expanded__close .icon {
  color: #0F2319 !important; }

.footer {
  padding: 3.93em 3.215em;
  background-color: #ffffff; }
.mobile .footer {
  height: 100%;
  padding: 0; }
@media screen and (max-width: 961px) {
  .footer {
    height: 100%;
    padding: 0; } }
.footer .icon {
  font-size: 2.144em;
  margin-left: 0.358em; }
.footer .icon__mail,
.footer .icon__phone {
  float: right; }
.footer__address {
  margin-left: 8.47458%;
  padding: 3.93em 3.215em;
  color: #747474; }
.mobile .footer__address {
  margin: 0;
  padding: 0;
  text-align: center; }
.mobile .footer__address .divider {
  display: block;
  visibility: hidden; }
@media screen and (max-width: 961px) {
  .footer__address {
    margin: 0;
    padding: 0;
    text-align: center; }
  .footer__address .divider {
    display: block;
    visibility: hidden; } }

.footer__social {
  padding-bottom: 1.787em;
  border-bottom: 1px solid #eaeaea; }
.footer__social .hb180-jvm-contactbox,
.footer__social .hb180-jvm-sociallinks {
  display: inline-block;
  vertical-align: middle; }
.footer__social .hb180-jvm-contactbox {
  float: right; }
.mobile .footer__social .hb180-jvm-contactbox {
  float: none; }
@media screen and (max-width: 961px) {
  .footer__social .hb180-jvm-contactbox {
    float: none; } }
@media screen and (min-width: 961px) {
  .footer__social li:first-child .icon {
    margin-left: 0; } }

.footer__items {
  width: 100%;
  margin-top: 2.144em;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
.footer__items .footer__item {
  cursor: pointer;
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s; }
.footer__items .footer__item__image {
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  font-family: "Carloschi-Book", serif;
  font-size: 0.65em;
  font-weight: 600;
  letter-spacing: 2px; }
.footer__items .footer__item:hover {
  -moz-transform: translateY(-0.214em);
  -ms-transform: translateY(-0.214em);
  -webkit-transform: translateY(-0.214em);
  transform: translateY(-0.214em); }
.mobile .footer__items {
  display: block;
  height: auto;
  margin: 2.501em auto;
  clear: both; }
.mobile .footer__items .footer__item {
  margin: auto;
  margin-bottom: 1.43em; }
@media screen and (max-width: 961px) {
  .footer__items {
    display: block;
    height: auto;
    margin: 2.501em auto;
    clear: both; }
  .footer__items .footer__item {
    margin: auto;
    margin-bottom: 1.43em; } }

.footer__expanded__content {
  padding: 5.715em 3.358em 10.715em;
  min-height: 90%; }
.footer__expanded__content .icon {
  font-size: 2.358em; }
.mobile .footer__expanded__content {
  padding: 5.715em 1.43em 0.715em; }
@media screen and (max-width: 961px) {
  .footer__expanded__content {
    padding: 5.715em 1.43em 0.715em; } }

.footer__expanded {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: auto;
  background-color: #ffffff;
  z-index: 2000;
  -moz-transform: translateY(100%) translateZ(0);
  -ms-transform: translateY(100%) translateZ(0);
  -webkit-transform: translateY(100%) translateZ(0);
  transform: translateY(100%) translateZ(0);
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -moz-transition-duration: 0.5s, 0.4s;
  -o-transition-duration: 0.5s, 0.4s;
  -webkit-transition-duration: 0.5s, 0.4s;
  transition-duration: 0.5s, 0.4s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  will-change: transform, opacity; }
.footer__expanded.footer__expanded--active {
  -moz-transform: translateY(0) translateZ(0);
  -ms-transform: translateY(0) translateZ(0);
  -webkit-transform: translateY(0) translateZ(0);
  transform: translateY(0) translateZ(0); }
.footer__expanded .nav {
  position: relative;
  z-index: 1; }
.mobile .footer__expanded {
  word-wrap: break-word; }
@media screen and (max-width: 961px) {
  .footer__expanded {
    word-wrap: break-word; } }
.footer__expanded .logo .logo__image {
  height: 3.001em; }

.footer_expanded_text {
  margin-left: 8.47458%;
  width: 40.67797%;
  float: left;
  margin-right: 1.69492%;
  padding-right: 3.215em; }
.page--home .footer_expanded_text p {
  width: 100%; }
.footer__expanded--active .footer_expanded_text {
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }
.mobile .footer_expanded_text {
  width: 100%;
  margin: 0;
  padding: 0 1.43em 2.858em; }
@media screen and (max-width: 961px) {
  .footer_expanded_text {
    width: 100%;
    margin: 0;
    padding: 0 1.43em 2.858em; } }

.footer_expanded_contact {
  width: 23.72881%;
  float: left;
  margin-right: 1.69492%; }
.footer__expanded--active .footer_expanded_contact {
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s; }
.mobile .footer_expanded_contact {
  text-align: center;
  width: 100%;
  padding: 0 1.43em 1.43em; }
.mobile .footer_expanded_contact .icon {
  font-size: 1.572em; }
@media screen and (max-width: 961px) {
  .footer_expanded_contact {
    text-align: center;
    width: 100%;
    padding: 0 1.43em 1.43em; }
  .footer_expanded_contact .icon {
    font-size: 1.572em; } }

.footer_expanded_social {
  width: 23.72881%;
  float: left;
  margin-right: 1.69492%;
  float: right;
  margin-right: 0; }
.footer__expanded--active .footer_expanded_social {
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s; }
.mobile .footer_expanded_social {
  width: 100%;
  padding: 0 1.43em 1.43em;
  text-align: center; }
.mobile .footer_expanded_social .icons__row {
  display: inline-block; }
.mobile .footer_expanded_social .icon {
  font-size: 1.572em; }
@media screen and (max-width: 961px) {
  .footer_expanded_social {
    width: 100%;
    padding: 0 1.43em 1.43em;
    text-align: center; }
  .footer_expanded_social .icons__row {
    display: inline-block; }
  .footer_expanded_social .icon {
    font-size: 1.572em; } }

.footer_expanded_text, .footer_expanded_contact, .footer_expanded_social {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: translateY(10.715em);
  -ms-transform: translateY(10.715em);
  -webkit-transform: translateY(10.715em);
  transform: translateY(10.715em); }

.footer_expanded_text, .footer_expanded_contact, .footer_expanded_social {
  -moz-transition-property: opacity, -moz-transform;
  -o-transition-property: opacity, -o-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity transform;
  -moz-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s; }

.footer__expanded--active .footer_expanded_text, .footer__expanded--active .footer_expanded_contact, .footer__expanded--active .footer_expanded_social {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.page-nav {
  margin-bottom: 5.358em;
  color: #ffffff;
  font-size: 1.001em;
  font-family: "Carloschi-Bold", serif;
  font-weight: bold;
  text-transform: uppercase; }
.mobile .page-nav {
  margin-bottom: 2.144em; }
@media screen and (max-width: 961px) {
  .page-nav {
    margin-bottom: 2.144em; } }
.page-nav i {
  color: #00E100;
  font-size: 1.787em;
  padding-left: 0; }

.contact-icons {
  padding: 1.43em 2.501em; }
.mobile .contact-icons {
  margin-left: 1.072em;
  padding: 0; }
@media screen and (max-width: 961px) {
  .contact-icons {
    margin-left: 1.072em;
    padding: 0; } }
.contact-icons .icon {
  font-size: 1.644em;
  padding: 0.653em;
  margin-left: 0.262em; }
.mobile .contact-icons .icon {
  font-size: 1.43em; }
@media screen and (max-width: 961px) {
  .contact-icons .icon {
    font-size: 1.43em; } }
.contact-icons__default, .contact-icons__social {
  padding-bottom: 2.144em; }
.contact-icons__default {
  display: inline-block;
  margin-right: 2.858em; }
.contact-icons__social {
  display: inline-block; }

.svg--horse {
  width: 13.93em;
  margin: auto; }
.mobile .svg--horse {
  margin-top: 2.501em;
  margin-bottom: 1.43em; }
@media screen and (max-width: 961px) {
  .svg--horse {
    margin-top: 2.501em;
    margin-bottom: 1.43em; } }

.intro {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  padding: 5.715em 3.358em;
  padding-bottom: 10.715em;
  min-height: 100%;
  background-color: #ffffff;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  will-change: transform; }
.mobile .intro {
  padding: 1.43em;
  display: block; }
@media screen and (max-width: 961px) {
  .intro {
    padding: 1.43em;
    display: block; } }
.footer-opened .intro {
  -moz-transform: translateY(-100vh);
  -ms-transform: translateY(-100vh);
  -webkit-transform: translateY(-100vh);
  transform: translateY(-100vh); }

.intro__text {
  font-size: 2.858em;
  line-height: 1.201em;
  margin-bottom: 0.876em; }
.mobile .intro__text {
  font-size: 2.144em;
  line-height: 1.268em;
  margin-bottom: 1.001em; }
@media screen and (max-width: 961px) {
  .intro__text {
    font-size: 2.144em;
    line-height: 1.268em;
    margin-bottom: 1.001em; } }

.intro__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1; }
.mobile .intro__footer {
  position: static; }
@media screen and (max-width: 961px) {
  .intro__footer {
    position: static; } }

.project__article {
  background: #ffffff;
  -moz-transition: -moz-transform 0.7s;
  -o-transition: -o-transform 0.7s;
  -webkit-transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  -moz-transform: translateY(0vh);
  -ms-transform: translateY(0vh);
  -webkit-transform: translateY(0vh);
  transform: translateY(0vh); }
.project__article__content {
  padding: 6.787em 16.93em;
  margin: auto; }
.mobile .project__article__content {
  padding: 1.43em; }
@media screen and (max-width: 961px) {
  .project__article__content {
    padding: 1.43em; } }
.project__article.project__article--transform {
  -moz-transform: translateY(25vh);
  -ms-transform: translateY(25vh);
  -webkit-transform: translateY(25vh);
  transform: translateY(25vh); }
.project__video {
  position: relative;
  padding-bottom: 55.78%;
  margin-bottom: 6.43em; }
.project__video iframe {
  position: absolute;
  width: 100%;
  height: 100%; }
.mobile .project__video {
  width: calc(100% + 2.858em);
  padding-bottom: calc((100% + 2.858em) * 9 / 16);
  margin-left: -1.428em;
  margin-bottom: 2.787em; }
@media screen and (max-width: 961px) {
  .project__video {
    width: calc(100% + 2.858em);
    padding-bottom: calc((100% + 2.858em) * 9 / 16);
    margin-left: -1.428em;
    margin-bottom: 2.787em; } }

.simform {
  position: relative;
  margin: 0 auto;
  padding: 2em 0;
  max-width: 46%;
  width: 100%;
  text-align: left; }
.mobile .simform {
  max-width: 75%; }
@media screen and (max-width: 961px) {
  .simform {
    max-width: 75%; } }

.simform .submit {
  display: none; }

/* Question list style */
.simform ol {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  -webkit-transition: height 0.4s;
  transition: height 0.4s; }

.questions li {
  z-index: 100;
  position: relative;
  visibility: hidden;
  height: 0;
  -webkit-transition: visibility 0s 0.4s, height 0s 0.4s;
  transition: visibility 0s 0.4s, height 0s 0.4s; }
.questions:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4.144em;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.3); }

.questions li.current,
.no-js .questions li {
  visibility: visible;
  height: auto;
  -webkit-transition: none;
  transition: none; }

/* Labels */
.questions li > span {
  display: block;
  overflow: hidden; }

.questions li > span label {
  display: block;
  font-family: "Carloschi-SemiBold", serif;
  font-size: 1.001em;
  line-height: 1.287em;
  color: #ffffff;
  text-transform: uppercase;
  -moz-transition: -moz-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); }

.questions li.current > span label,
.no-js .questions li > span label {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.show-next .questions li.current > span label {
  -webkit-animation: moveUpFromDown 0.4s both;
  animation: moveUpFromDown 0.4s both; }

@-webkit-keyframes moveUpFromDown {
  from {
    -webkit-transform: translateY(100%); }
  to {
    -webkit-transform: translateY(0); } }
@keyframes moveUpFromDown {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
/* Input field */
.questions input {
  display: block;
  margin: 0.3em 0 0 0;
  padding: 0.3em 0 0.3em 0.6em;
  width: calc(100% - 2.144em);
  border: none;
  background: transparent;
  color: #ffffff;
  color: rgba(255, 255, 255, 0.8);
  font-family: "Carloschi-SemiBold", serif;
  font-size: 2.215em;
  line-height: 1;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
.mobile .questions input {
  margin-top: 0; }
@media screen and (max-width: 961px) {
  .questions input {
    margin-top: 0; } }

.questions span {
  margin-bottom: 1.787em; }
.mobile .questions span {
  margin-bottom: 0; }
@media screen and (max-width: 961px) {
  .questions span {
    margin-bottom: 0; } }

.questions .current input,
.no-js .questions input {
  opacity: 1; }

.questions input:focus,
.simform button:focus {
  outline: none; }

/* Next question button */
.next {
  font-size: 1.001em;
  line-height: normal;
  position: absolute;
  right: 0;
  bottom: 0.501em;
  display: block;
  padding: 0;
  width: 4.144em;
  height: 4.144em;
  border: none;
  background: none;
  color: rgba(0, 0, 0, 0.4);
  text-align: center;
  z-index: 100;
  cursor: pointer;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent; }

.next:hover {
  color: rgba(0, 0, 0, 0.5); }

.next.show {
  opacity: 1; }

.simform-inner {
  position: relative; }

.simform .progress {
  width: 100%;
  height: 0.358em;
  margin-top: 0.144em; }
.simform .progress .progress__item {
  margin-right: 1%;
  height: 100%;
  background: #ffffff;
  display: block;
  float: left;
  -moz-transition-property: background;
  -o-transition-property: background;
  -webkit-transition-property: background;
  transition-property: background;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
.simform .progress .progress__item:last-child {
  margin-right: 0;
  float: right; }
.simform .progress .progress__item.progress__item--active {
  cursor: pointer; }
.simform .progress .progress__item.progress__item--current {
  background: #00E100; }

/* Number indicator */
.simform .number {
  position: absolute;
  right: 0;
  overflow: hidden;
  margin: .5em 0;
  width: 3em;
  font-size: 1.001em;
  line-height: 1.001em;
  font-family: "Carloschi-SemiBold", serif;
  color: #ffffff; }

.simform .number:after {
  position: absolute;
  left: 50%;
  content: '/';
  opacity: 0.4;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.simform .number span {
  float: right;
  width: 40%;
  text-align: center; }

.simform .number .number-current {
  float: left; }

.simform .number-next {
  position: absolute;
  left: 0; }

.simform.show-next .number-current {
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); }

.simform.show-next .number-next {
  -webkit-animation: moveUpFromDown 0.4s both;
  animation: moveUpFromDown 0.4s both; }

/* Error and final message */
.simform .error-message,
.simform .final-message {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s; }

.simform .error-message {
  padding: 0.4em 3.5em 0 0;
  width: 100%;
  color: #ffffff; }

.final-message {
  top: 50%;
  left: 0;
  padding: 0.5em;
  width: 100%;
  text-align: center;
  color: #ffffff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.error-message.show,
.final-message.show {
  visibility: visible;
  opacity: 1; }

.final-message.show {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s; }

/* Final hiding of form / showing message */
.simform-inner.hide {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
  transition: opacity 0.3s, visibility 0s 0.3s; }

/* Remove IE clear cross */
input[type=text]::-ms-clear {
  display: none; }

.form {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%; }
.mobile .form {
  bottom: 0;
  top: auto; }
@media screen and (max-width: 961px) {
  .form {
    bottom: 0;
    top: auto; } }
.form__box {
  clear: both;
  width: 100%; }
.form__container {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center; }
.form__container form {
  overflow: hidden; }
.form__container .button {
  display: block;
  position: absolute;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-left: 0 !important;
  padding: 0.715em 1.43em; }
.form__container .button .icon {
  padding-top: 0;
  padding-bottom: 0; }
.form__description {
  padding: 0 3.572em 3.572em 3.572em; }
.mobile .form__description {
  padding-left: 0.358em;
  padding-right: 0.358em;
  padding-bottom: 0.715em;
  position: relative; }
.mobile .form__description h1 {
  word-break: break-all; }
.mobile .form__description p {
  display: none; }
@media screen and (max-width: 961px) {
  .form__description {
    padding-left: 0.358em;
    padding-right: 0.358em;
    padding-bottom: 0.715em;
    position: relative; }
  .form__description h1 {
    word-break: break-all; }
  .form__description p {
    display: none; } }

.gallery {
  width: 100%;
  margin-bottom: 6.43em; }
.mobile .gallery {
  width: calc(100% + 2.858em);
  margin-left: -1.428em;
  margin-bottom: 2.787em; }
@media screen and (max-width: 961px) {
  .gallery {
    width: calc(100% + 2.858em);
    margin-left: -1.428em;
    margin-bottom: 2.787em; } }
.gallery__item {
  display: block;
  width: 48%;
  margin-bottom: 0.715em; }
.gallery__item img {
  display: block;
  width: 100%;
  height: auto; }
@media screen and (min-width: 1280px) {
  .gallery__item {
    width: 32%; }
  .gallery .gutter-sizer {
    width: 1%; } }
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .gallery__item {
    width: 49%; }
  .gallery .gutter-sizer {
    width: 1%; } }
.mobile .gallery__item {
  width: 100%; }
.mobile .gallery .gutter-sizer {
  width: 0%; }
@media screen and (max-width: 961px) {
  .gallery__item {
    width: 100%; }
  .gallery .gutter-sizer {
    width: 0%; } }

.pswp__button {
  font-family: "jvm-icons" !important;
  font-size: 1.001em;
  color: #ffffff; }
.pswp__button.pswp__button--arrow--right::before {
  padding-top: 1.072em;
  content: "\e004"; }
.pswp__button.pswp__button--arrow--left::before {
  padding-top: 1.072em;
  content: "\e003"; }
.pswp__button.pswp__button--close::before {
  content: "\e002"; }

.embed-youtube {
  margin-bottom: 2.144em; }

.fp-static-height.fp-section, .fp-static-height .fp-slide, .fp-static-height .fp-tableCell {
  height: 100vh; }
.mobile .fp-static-height.fp-section, .mobile .fp-static-height .fp-slide, .mobile .fp-static-height .fp-tableCell {
  background-size: cover; }
@media screen and (max-width: 961px) {
  .fp-static-height.fp-section, .fp-static-height .fp-slide, .fp-static-height .fp-tableCell {
    background-size: cover; } }

.mobile .fp-static-height, .mobile .fp-static-height .slide__image, .mobile .fp-static-height .fp-slides {
  height: 0 !important;
  padding-bottom: 107%; }
@media screen and (max-width: 961px) {
  .fp-static-height, .fp-static-height .slide__image, .fp-static-height .fp-slides {
    height: 0 !important;
    padding-bottom: 107%; } }
@media screen and (min-width: 480px) and (max-width: 961px) and (orientation: landscape) {
  .fp-static-height {
    padding-bottom: 50%; } }

.page--project-detail header {
  background: transparent;
  width: 100%; }
.page--project-detail .slider__next {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-animation: showItems 1s ease forwards 0.5s;
  -webkit-animation: showItems 1s ease forwards 0.5s;
  animation: showItems 1s ease forwards 0.5s; }
.page--project-detail .slider__description--page-nav {
  -moz-animation: showItems 1s ease forwards 0.5s;
  -webkit-animation: showItems 1s ease forwards 0.5s;
  animation: showItems 1s ease forwards 0.5s; }
.page--project-detail .slider__description h2 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-animation: showItems 1s ease forwards 0.8s;
  -webkit-animation: showItems 1s ease forwards 0.8s;
  animation: showItems 1s ease forwards 0.8s; }
.page--project-detail .slider__description p {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-animation: showItems 1s ease forwards 1.1s;
  -webkit-animation: showItems 1s ease forwards 1.1s;
  animation: showItems 1s ease forwards 1.1s; }
.page--project-detail .nav__btn .icon {
  color: #ffffff; }
.mobile .page--project-detail .slide {
  overflow: visible; }
@media screen and (max-width: 961px) {
  .page--project-detail .slide {
    overflow: visible; } }
@media screen and (min-width: 480px) and (max-width: 961px) and (orientation: landscape) {
  .page--project-detail .fp-static-height .slide__image {
    padding-bottom: 53%; } }

.slider__description h2 {
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }
.slider__description p {
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }

.slider__description--page-nav {
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }

.slide.active .slide__image {
  will-change: transform, opacity; }
.opacity .slide.active .slide__image {
  -moz-animation: headerImageApear 3s forwards ease 0.3s;
  -webkit-animation: headerImageApear 3s forwards ease 0.3s;
  animation: headerImageApear 3s forwards ease 0.3s; }

@-moz-keyframes headerImageApear {
  0% {
    -moz-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    -moz-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05); } }
@-webkit-keyframes headerImageApear {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05); } }
@keyframes headerImageApear {
  0% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05); } }
@-moz-keyframes showItems {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2.142em);
    transform: translateX(-2.142em); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes showItems {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2.142em);
    transform: translateX(-2.142em); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes showItems {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2.142em);
    -ms-transform: translateX(-2.142em);
    -webkit-transform: translateX(-2.142em);
    transform: translateX(-2.142em); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
.page--home .header {
  width: 100%; }
.page--home .content--half {
  width: 50%; }
.mobile .page--home .content--half {
  width: 100%; }
@media screen and (max-width: 961px) {
  .page--home .content--half {
    width: 100%; } }
.page--home h1 {
  display: inline-block; }
.mobile .page--home h1 {
  width: auto; }
@media screen and (max-width: 961px) {
  .page--home h1 {
    width: auto; } }
.page--home .section--form {
  position: relative; }
.page--home .section--form .jspContainer {
  margin: 0 auto; }
.mobile .page--home .wrapper {
  margin-left: -3.214em;
  bottom: 1.93em; }
.mobile .page--home .form.wrapper {
  margin-left: 0; }
.mobile .page--home .button {
  margin-left: 50%;
  transform: translateX(-50%); }
.mobile .page--home h1 {
  font-size: 3.287em;
  text-align: center;
  width: 100%;
  margin-bottom: 0.43em; }
.mobile .page--home h1 small {
  font-size: 0.653em; }
.mobile .page--home footer {
  padding-top: 0.715em;
  text-align: center; }
@media screen and (max-width: 961px) {
  .page--home .wrapper {
    margin-left: -3.214em;
    bottom: 1.93em; }
  .page--home .form.wrapper {
    margin-left: 0; }
  .page--home .button {
    margin-left: 50%;
    transform: translateX(-50%); }
  .page--home h1 {
    font-size: 3.287em;
    text-align: center;
    width: 100%;
    margin-bottom: 0.43em; }
  .page--home h1 small {
    font-size: 0.653em; }
  .page--home footer {
    padding-top: 0.715em;
    text-align: center; } }
.mobile .page--home .section {
  height: 150vw; }
.mobile .page--home .section.fp-auto-height {
  height: auto; }
.mobile .page--home .section.social {
  height: 100%; }
.mobile .page--home .section .wrapper {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0); }
.mobile .page--home .section .slide {
  height: 100%;
  position: absolute;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s; }
.mobile .page--home .section .slide.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }
@media (device-aspect-ratio: 3 / 4) {
  .mobile .page--home .section {
    height: 130vw; } }
@media screen and (max-width: 961px) {
  .page--home .section {
    height: 150vw; }
  .page--home .section.fp-auto-height {
    height: auto; }
  .page--home .section.social {
    height: 100%; }
  .page--home .section .wrapper {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  .page--home .section .slide {
    height: 100%;
    position: absolute;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s; }
  .page--home .section .slide.active {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; } }
@media screen and (max-width: 961px) and (device-aspect-ratio: 3 / 4) {
  .page--home .section {
    height: 130vw; } }

@media screen and (min-width: 480px) and (max-width: 961px) and (orientation: landscape) {
  .page--home .section {
    height: 60vw; } }
.page--home .jspPane {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%; }

.media__list {
  width: 77%;
  padding-top: 14%;
  padding-bottom: 1.43em; }
.mobile .media__list {
  width: 90%;
  padding-top: 28%; }
@media screen and (max-width: 961px) {
  .media__list {
    width: 90%;
    padding-top: 28%; } }
@media screen and (min-width: 480px) and (max-width: 961px) and (orientation: landscape) {
  .media__list {
    padding-top: 10%; } }
.media__item {
  border-bottom: 1px solid #c9c9c9;
  padding: 0;
  margin: 0;
  margin-bottom: 1.287em;
  padding-bottom: 0.572em; }
.media__item span {
  font-size: 1.715em;
  line-height: normal;
  display: inline-block;
  width: 85%;
  margin: 0;
  padding: 0;
  font-family: "Carloschi-Light", serif; }
.mobile .media__item {
  text-align: center;
  margin-bottom: 0.501em;
  padding-bottom: 0.358em; }
.mobile .media__item span {
  font-size: 1.501em;
  line-height: 1.43em;
  width: 100%; }
@media screen and (max-width: 961px) {
  .media__item {
    text-align: center;
    margin-bottom: 0.501em;
    padding-bottom: 0.358em; }
  .media__item span {
    font-size: 1.501em;
    line-height: 1.43em;
    width: 100%; } }
.media__links {
  float: right; }
.media__links a {
  display: inline-block;
  margin-left: 0.434em;
  font-size: 1.715em;
  line-height: normal;
  font-family: "Carloschi-Bold", serif;
  color: #00E100; }
.media__links a:hover {
  color: #0091FF; }
.mobile .media__links {
  width: 100%;
  float: none; }
.mobile .media__links a {
  font-size: 1.501em;
  line-height: 1.43em;
  margin-left: 0.168em; }
@media screen and (max-width: 961px) {
  .media__links {
    width: 100%;
    float: none; }
  .media__links a {
    font-size: 1.501em;
    line-height: 1.43em;
    margin-left: 0.168em; } }

.social.section {
  background-color: #FF32B4; }
.social .container, .social .wrapper {
  width: 100%; }
.mobile .social .wrapper {
  margin: 0; }
@media screen and (max-width: 961px) {
  .social .wrapper {
    margin: 0; } }
.social__filters {
  width: 100%;
  padding: 6.787em 3.572em 0; }
.social__filters .filter__item {
  width: auto;
  display: inline-block;
  margin-right: 0.715em; }
.mobile .social__filters .filter__item {
  margin-right: 0; }
@media screen and (max-width: 961px) {
  .social__filters .filter__item {
    margin-right: 0; } }
.social__filters .filter__item:last-child {
  margin-right: 0; }
.mobile .social__filters {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  padding-top: 1.43em;
  text-align: center; }
.mobile .social__filters .filter__item {
  margin-right: 0.715em; }
.mobile .social__filters .filter__item .button {
  min-width: 0; }
.mobile .social__filters .button {
  margin-left: 0;
  transform: none; }
@media screen and (max-width: 961px) {
  .social__filters {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 1.43em;
    text-align: center; }
  .social__filters .filter__item {
    margin-right: 0.715em; }
  .social__filters .filter__item .button {
    min-width: 0; }
  .social__filters .button {
    margin-left: 0;
    transform: none; } }
.mobile .social__filters {
  text-align: center; }
@media screen and (max-width: 961px) {
  .social__filters {
    text-align: center; } }
.social__content {
  width: 100%;
  padding: 1.43em 3.572em 1.43em 3.572em; }
.mobile .social__content {
  padding: 1.43em 0 0;
  margin: 0; }
.mobile .social__content .project__video {
  width: 100%;
  margin: 0; }
@media screen and (max-width: 961px) {
  .social__content {
    padding: 1.43em 0 0;
    margin: 0; }
  .social__content .project__video {
    width: 100%;
    margin: 0; } }
.social__list {
  display: block;
  width: 100%;
  clear: both; }
.social__gutter {
  width: 1%; }
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .social__gutter {
    width: 1%; } }
.mobile .social__gutter {
  width: 2%; }
@media screen and (max-width: 961px) {
  .social__gutter {
    width: 2%; } }
.social__box {
  display: inline-block;
  margin-bottom: 1%;
  background: #ffffff;
  width: 24.25%;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
.social__box.social__box--hidden {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .social__box {
    width: 32.66%; } }
.mobile .social__box {
  width: 49%;
  margin-bottom: 2%; }
.mobile .social__box:last-child {
  margin-bottom: 0; }
@media screen and (max-width: 961px) {
  .social__box {
    width: 49%;
    margin-bottom: 2%; }
  .social__box:last-child {
    margin-bottom: 0; } }
.social__box .project__video {
  margin-bottom: 0.715em; }
.social__box p {
  width: 100%; }
.social__box p:last-child {
  margin-bottom: 0; }
.social__box h3 {
  text-transform: none;
  font-size: 1.144em;
  padding: 1.93em 1.072em 2.144em; }
.social__box h3 small {
  text-transform: none;
  font-size: 0.858em; }
.social__box h3 .icon {
  text-align: text-bottom;
  padding: 0;
  margin-top: 0;
  font-size: 0.858em; }
.social__box .icon {
  padding: 0;
  margin-top: 1.43em;
  font-size: 1.644em; }
.social__box-image {
  width: 100%;
  display: block; }
.social__description {
  padding: 1.43em 1.43em 0; }
.social__description--quote {
  padding: 0 1.072em 0;
  font-size: 1.287em;
  font-family: "Carloschi-Bold", serif; }
.social__source {
  padding: 0 1.43em 1.43em;
  text-align: right; }
.social__more {
  margin: 5% 0;
  width: 100%;
  text-align: center; }
.social__more .button {
  margin-left: 0;
  transform: none; }
.social .page-navigation {
  margin: 5% 0;
  text-align: center; }
.social .page-navigation li {
  display: none !important; }
.social .page-navigation li.next {
  display: inline-block !important;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  -moz-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  width: auto;
  height: auto; }
.social .page-navigation li.next a {
  text-indent: -999em;
  color: #ffffff;
  background: #00E100;
  border-color: #00E100;
  text-transform: uppercase;
  font-family: "Carloschi-Regular", serif; }
.social .page-navigation li.next a:after {
  color: #ffffff;
  text-transform: uppercase;
  font-family: "Carloschi-Regular", serif; }
.social .page-navigation li.next a:hover {
  color: #ffffff;
  background: #00E6FF;
  border-color: #00E6FF; }
.social .page-navigation li.next a:hover:after {
  color: #ffffff; }
.social .page-navigation li.next a:after {
  text-indent: 0;
  content: attr(next-text);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.page--employee_overview .header {
  background: transparent;
  width: 100%; }

.mobile .page--employee_detail .container--fixed.container {
  position: relative; }
@media screen and (max-width: 961px) {
  .page--employee_detail .container--fixed.container {
    position: relative; } }

.mobile .page--job_detail .container--fixed.container {
  position: relative; }
@media screen and (max-width: 961px) {
  .page--job_detail .container--fixed.container {
    position: relative; } }

.layout_component textarea {
  width: calc(100% - 100px);
  margin: 3.572em;
  min-height: 14.287em;
  padding: 1.715em; }

.container.container--a {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }
.container.container--b {
  width: 50%;
  float: right; }
.mobile .container.container--b {
  width: 100%;
  float: none; }
@media screen and (max-width: 961px) {
  .container.container--b {
    width: 100%;
    float: none; } }
.container.container--b-vw {
  width: 50vw; }
.mobile .container.container--b-vw {
  width: 100vw; }
@media screen and (max-width: 961px) {
  .container.container--b-vw {
    width: 100vw; } }
.container.container--b-z-index {
  z-index: 1; }
.container.container--absolute {
  position: absolute;
  left: 0; }
.mobile .container.container--absolute {
  position: relative; }
@media screen and (max-width: 961px) {
  .container.container--absolute {
    position: relative; } }
.container.container--absolute.container--right {
  left: auto;
  right: 0; }
.container.container--fixed {
  position: fixed;
  left: 0;
  top: 0; }
.container.container--fixed:not(.filter__container) {
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }
.container.container--fixed.container--right {
  left: auto;
  right: 0; }

.container--b:last-child .wrapper {
  padding-left: 3.572em; }
.wrapper--bottom {
  width: 100%;
  position: absolute;
  bottom: 6.43em;
  left: 3.215em;
  z-index: 100; }
.wrapper--bottom h1 {
  margin-bottom: 0.257em; }
.wrapper--margin-less h1, .wrapper--margin-less p {
  margin-bottom: 0; }

.section, .slide {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-color: #0F2319;
  width: 100%;
  overflow: hidden; }

.slide .slide__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center; }

.item {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }
.item.item--visible {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }

#fp-nav ul li a span {
  background: #ffffff; }

.page--home .wrapper {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: translateY(-3.571em);
  -ms-transform: translateY(-3.571em);
  -webkit-transform: translateY(-3.571em);
  transform: translateY(-3.571em);
  -moz-transition-property: opacity, -moz-transform;
  -o-transition-property: opacity, -o-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  -moz-transition-duration: 0.9s, 1.7s;
  -o-transition-duration: 0.9s, 1.7s;
  -webkit-transition-duration: 0.9s, 1.7s;
  transition-duration: 0.9s, 1.7s;
  -moz-transition-delay: 0.3s, 0.1s;
  -o-transition-delay: 0.3s, 0.1s;
  -webkit-transition-delay: 0.3s, 0.1s;
  transition-delay: 0.3s, 0.1s; }
.page--home .active .wrapper {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0); }
.page--home .fp-visible.section .wrapper {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.wrapper {
  margin: 0; }

ul.info {
  list-style-type: disc; }
ul.outer {
  padding: 8px 0 8px 20px; }
ul.inner {
  padding: 8px 0 8px 0; }
ul li {
  padding: 3px 0;
  line-height: 22px; }
ul li .state {
  width: 56px;
  line-height: 22px;
  text-align: center;
  display: inline-block;
  background: #ccc;
  color: #000000;
  font-size: 12px; }
ul li .state.testing-none {
  background: #f00;
  color: #ffffff; }
ul li .state.testing-partly, ul li .state.integration-partly {
  background: #ff9300;
  color: #ffffff; }
ul li .state.testing-full, ul li .state.integration-full {
  background: #0D8233;
  color: #ffffff; }
ul li .state.dev-complete {
  background: #000000;
  color: #ffffff; }

#index {
  padding: 50px; }