@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: 700;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace,monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: 700;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform,height;
  transition-property: transform,height;
  transition-property: transform, height, -webkit-transform;
}
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
  font-family: "eych";
  src: url("../font/eych.eot");
  src: url("../font/eych.eot?#iefix") format("embedded-opentype"), url("../font/eych.woff") format("woff"), url("../font/eych.ttf") format("truetype"), url("../font/eych.svg#eych") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "eych" !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: "eych" !important;
  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;
}
.icon-down-thin:before {
  content: "\65";
}
.icon-down-open-mini:before {
  content: "\62";
}
.icon-left-open-mini:before {
  content: "\61";
}
.icon-up-open-mini:before {
  content: "\64";
}
.icon-right-open-mini:before {
  content: "\63";
}
.icon-facebook:before {
  content: "\66";
}
.icon-twitter:before {
  content: "\67";
}
.icon-cw:before {
  content: "\68";
}
.icon-check-circle:before {
  content: "\69";
}
.icon-cancel:before {
  content: "\6a";
}
.icon-instagram:before {
  content: "\6b";
}
.icon-eye:before {
  content: "\6c";
}
.ui-timepicker-wrapper {
  overflow-y: auto;
  max-height: 150px;
  width: 6.5em;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  outline: 0;
  z-index: 10001;
  margin: 0;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 13em;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  width: 11em;
}
.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ui-timepicker-duration {
  margin-left: 5px;
  color: #888;
}
.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #888;
}
.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0;
}
.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #fff;
  color: #000;
}
li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #1980EC;
  color: #fff;
}
li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #ccc;
}
.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888;
  cursor: default;
}
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2;
}
.ui-widget-header {
  border: 0;
  background: white;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ui-datepicker .ui-datepicker-title,
.ui-datepicker th {
  font-family: 'bebas-neue', sans-serif;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background: #DFC337;
  color: white;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 400;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-6px);
  }
  60% {
    -webkit-transform: translateY(-3px);
  }
}
@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-6px);
  }
  60% {
    -moz-transform: translateY(-3px);
  }
}
@-ms-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateY(0);
  }
  40% {
    -ms-transform: translateY(-6px);
  }
  60% {
    -ms-transform: translateY(-3px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-6px);
  }
  60% {
    transform: translateY(-3px);
  }
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.wrapper {
  width: 96%;
  max-width: 1140px;
  margin: 0 auto;
}
.wrapper .col {
  float: left;
  margin: 0 1.5%;
}
.wrapper .col.col2 {
  width: 13.66%;
}
.wrapper .col.col4 {
  width: 30.33%;
}
.wrapper .col.col3 {
  width: 22%;
}
.wrapper .col.col5 {
  width: 38.66%;
}
.wrapper .col.col6 {
  width: 47%;
}
.wrapper .col.col7 {
  width: 60%;
}
.wrapper .col.col8 {
  width: 72%;
}
.wrapper .col.col10 {
  width: 80.5%;
}
.wrapper .col img {
  max-width: 100%;
  height: auto;
}
.calltoaction {
  font-family: 'bebas-neue', sans-serif;
  font-size: 1.5em;
  position: relative;
  padding-right: 3em;
  display: inline-block;
  line-height: 2em;
  margin-top: 1em;
  outline: none;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -ms-transition: color 0.5s;
  transition: color 0.5s;
}
.calltoaction:after,
.calltoaction:before {
  height: 1.5em;
  width: 1.5em;
  line-height: 1.5em;
  position: absolute;
  right: 0;
  top: 0.2em;
  background: rgba(68, 73, 78, 0.7);
  content: 'c';
  text-align: center;
  color: #FFFFFF;
  font-family: 'eych';
  -webkit-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.calltoaction:before {
  width: 1.9em;
  height: 1.9em;
  right: -0.2em;
  top: 0em;
  content: '';
}
.calltoaction:hover:before {
  width: 1.5em;
  height: 1.5em;
  right: 0;
  top: 0.2em;
}
.calltoaction:hover:after {
  width: 1.9em;
  height: 1.9em;
  right: -0.2em;
  top: 0em;
  line-height: 1.9em;
}
html {
  font-family: 'open-sans', sans-serif;
}
html body {
  counter-reset: item;
  /*&.scrolling{
            .homecontainer .homewrapper section, .homecontainer .homewrapper section.active{
                opacity: 0;
            }
            .homecontainer .homewrapper>svg .guillemetel{
                opacity: .9;
                fill-opacity:1;
            }
        }*/
  /*.scrollpath{
            .magnetic{
                height: 100%;
            }
        }*/
  /*&.home #logo{
            margin-right: 0;
            margin-top: 0;
            &.smaller{
                margin-top:0;
                margin-right: 0;
            }
        }*/
}
html body .innerlogo {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 40%;
  margin-bottom: 30px;
}
html body .innerlogo img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100% !important;
  width: auto !important;
  margin-left: -75px;
}
html body.page-template-template-cards strong a {
  color: #DFC337;
}
html body.page-template-template-news > footer nav,
html body.page-template-template-agenda > footer nav,
html body.single-submission > footer nav,
html body.page-template-template-cards > footer nav,
html body.page-template-template-news > header,
html body.page-template-template-agenda > header,
html body.single-submission > header,
html body.page-template-template-cards > header,
html body.page-template-template-news .leftside,
html body.page-template-template-agenda .leftside,
html body.single-submission .leftside,
html body.page-template-template-cards .leftside,
html body.page-template-template-news .rightside,
html body.page-template-template-agenda .rightside,
html body.single-submission .rightside,
html body.page-template-template-cards .rightside {
  background: #fff;
}
html body.page-template-template-news > header nav ul li.current-menu-item a,
html body.page-template-template-agenda > header nav ul li.current-menu-item a,
html body.single-submission > header nav ul li.current-menu-item a,
html body.page-template-template-cards > header nav ul li.current-menu-item a {
  color: #DFC337;
}
html body.page-template-template-news > header nav:before,
html body.page-template-template-agenda > header nav:before,
html body.single-submission > header nav:before,
html body.page-template-template-cards > header nav:before {
  background: #f1f5f9;
  opacity: 1;
}
html body.page-template-template-news > footer:after,
html body.page-template-template-agenda > footer:after,
html body.single-submission > footer:after,
html body.page-template-template-cards > footer:after {
  content: '';
  width: 90px;
  height: 90px;
  background: #f1f5f9;
  right: 0;
  top: 0;
  position: absolute;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
html body.page-template-template-contact > footer nav ul li a:hover,
html body.page-template-template-contact > header nav ul li a:hover,
html body.page-template-template-contact > header nav ul li.current-menu-item a {
  color: #DFC337;
}
html body.page-template-template-contact .leftside svg .orangeletters {
  fill: #DFC337;
}
html body.page-template-template-contact > footer nav span {
  color: #DFC337;
}
html body.page-template-template-contact > header .socialicons a:hover {
  color: #DFC337;
}
html body.page-template-template-submission .submissioncontainer ul li a:hover {
  color: #DFC337;
}
html body.page-template-template-submission > footer nav ul li a:hover,
html body.page-template-template-submission > header nav ul li a:hover,
html body.page-template-template-submission > header nav ul li.current-menu-item a {
  color: #DFC337;
}
html body.page-template-template-submission .leftside svg .orangeletters {
  fill: #DFC337;
}
html body.page-template-template-submission > footer nav span {
  color: #DFC337;
}
html body.page-template-template-submission > header .socialicons a:hover {
  color: #DFC337;
}
html body.blue > footer nav,
html body.blue > header,
html body.blue .leftside,
html body.blue .rightside {
  background: #ffe045;
}
html body.blue > header nav:before {
  opacity: 1;
}
html body.blue > header nav ul li a:hover {
  color: white;
}
html body.blue .leftside svg .orangeletters {
  fill: white;
}
html body.blue > footer nav span {
  color: white;
}
html body.blue > footer svg .alac_green,
html body.blue > footer svg .alac_grey,
html body.blue > footer svg .mc_red,
html body.blue > footer svg .mc_grey,
html body.blue > footer svg .lux_red,
html body.blue > footer svg .lux_blue,
html body.blue > footer svg .lux_black,
html body.blue > footer svg .ssmn1,
html body.blue > footer svg .ssmn2,
html body.blue > footer svg .ville_blue,
html body.blue > footer svg .ville_grey,
html body.blue > footer svg .ville_yellow {
  fill: #000;
}
html body.blue > footer svg .ssmn0 {
  fill: none;
}
html body .bgs {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
html body .bgs > div {
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  transition: opacity 1s;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
html body .bgs > div.active {
  z-index: 2;
  opacity: 1;
}
html body .newscontainer,
html body .agendacontainer,
html body .contactcontainer,
html body .submissioncontainer {
  padding: 120px 90px 90px 90px;
}
html body .newscontainer .juicer-feed .j-poster .j-twitter,
html body .agendacontainer .juicer-feed .j-poster .j-twitter,
html body .contactcontainer .juicer-feed .j-poster .j-twitter,
html body .submissioncontainer .juicer-feed .j-poster .j-twitter {
  display: none;
}
html body .newscontainer .juicer-feed h1.referral,
html body .agendacontainer .juicer-feed h1.referral,
html body .contactcontainer .juicer-feed h1.referral,
html body .submissioncontainer .juicer-feed h1.referral {
  display: none;
}
html body .newscontainer .juicer-feed li.feed-item:before,
html body .agendacontainer .juicer-feed li.feed-item:before,
html body .contactcontainer .juicer-feed li.feed-item:before,
html body .submissioncontainer .juicer-feed li.feed-item:before {
  position: absolute;
  width: 29px;
  height: 48px;
  color: white;
  display: block;
  content: '';
  right: -1px;
  top: -1px;
  background: url(../img/guillemet_orange.svg) no-repeat center center;
  background-size: 29px 48px;
  z-index: 2;
  font-family: 'eych';
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
html body .newscontainer .juicer-feed li.feed-item.j-facebook:before,
html body .agendacontainer .juicer-feed li.feed-item.j-facebook:before,
html body .contactcontainer .juicer-feed li.feed-item.j-facebook:before,
html body .submissioncontainer .juicer-feed li.feed-item.j-facebook:before {
  content: "\66";
}
html body .newscontainer .juicer-feed li.feed-item.j-instagram:before,
html body .agendacontainer .juicer-feed li.feed-item.j-instagram:before,
html body .contactcontainer .juicer-feed li.feed-item.j-instagram:before,
html body .submissioncontainer .juicer-feed li.feed-item.j-instagram:before {
  content: "\6b";
}
html body .newscontainer .juicer-feed li.feed-item.j-twitter:before,
html body .agendacontainer .juicer-feed li.feed-item.j-twitter:before,
html body .contactcontainer .juicer-feed li.feed-item.j-twitter:before,
html body .submissioncontainer .juicer-feed li.feed-item.j-twitter:before {
  content: "\67";
}
html body .newscontainer .juicer-feed li .j-message,
html body .agendacontainer .juicer-feed li .j-message,
html body .contactcontainer .juicer-feed li .j-message,
html body .submissioncontainer .juicer-feed li .j-message,
html body .newscontainer .juicer-feed li p,
html body .agendacontainer .juicer-feed li p,
html body .contactcontainer .juicer-feed li p,
html body .submissioncontainer .juicer-feed li p {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.25em;
  text-align: left;
}
html body .newscontainer .juicer-feed li a:hover,
html body .agendacontainer .juicer-feed li a:hover,
html body .contactcontainer .juicer-feed li a:hover,
html body .submissioncontainer .juicer-feed li a:hover {
  color: #fbb61a;
}
html body .newscontainer .juicer-feed li:before,
html body .agendacontainer .juicer-feed li:before,
html body .contactcontainer .juicer-feed li:before,
html body .submissioncontainer .juicer-feed li:before {
  position: static;
  width: auto;
  height: auto;
  background: none;
  top: auto;
  left: auto;
}
html body .newscontainer .juicer-feed h3.j-poster-meta,
html body .agendacontainer .juicer-feed h3.j-poster-meta,
html body .contactcontainer .juicer-feed h3.j-poster-meta,
html body .submissioncontainer .juicer-feed h3.j-poster-meta {
  display: none;
}
html body .newscontainer .juicer-feed.polaroid .j-text,
html body .agendacontainer .juicer-feed.polaroid .j-text,
html body .contactcontainer .juicer-feed.polaroid .j-text,
html body .submissioncontainer .juicer-feed.polaroid .j-text {
  margin-top: 0;
}
html body .newscontainer .juicer-feed li.juicer,
html body .agendacontainer .juicer-feed li.juicer,
html body .contactcontainer .juicer-feed li.juicer,
html body .submissioncontainer .juicer-feed li.juicer {
  display: none;
}
html body .newscontainer .juicer-feed .j-meta,
html body .agendacontainer .juicer-feed .j-meta,
html body .contactcontainer .juicer-feed .j-meta,
html body .submissioncontainer .juicer-feed .j-meta {
  display: none;
}
html body .newscontainer .withbg,
html body .agendacontainer .withbg,
html body .contactcontainer .withbg,
html body .submissioncontainer .withbg {
  position: relative;
}
html body .newscontainer .withbg .nextbg,
html body .agendacontainer .withbg .nextbg,
html body .contactcontainer .withbg .nextbg,
html body .submissioncontainer .withbg .nextbg {
  background: url(../img/letterbg_19.svg) no-repeat left top;
  background-size: cover;
  position: absolute;
  left: 110%;
  top: -5%;
}
html body .newscontainer #guillemet,
html body .agendacontainer #guillemet,
html body .contactcontainer #guillemet,
html body .submissioncontainer #guillemet {
  position: fixed;
  right: 90px;
  top: 90px;
  height: 80%;
}
html body .newscontainer h1,
html body .agendacontainer h1,
html body .contactcontainer h1,
html body .submissioncontainer h1 {
  line-height: 0.6em;
  font-family: 'bebas-neue', sans-serif;
  font-size: 10em;
  font-weight: normal;
  color: #DFC337;
  margin-bottom: 20px;
  padding-left: 0.1em;
}
html body .newscontainer h1:before,
html body .agendacontainer h1:before,
html body .contactcontainer h1:before,
html body .submissioncontainer h1:before {
  content: '#';
  color: black;
  font-size: 0.7em;
}
html body .newscontainer h1 b,
html body .agendacontainer h1 b,
html body .contactcontainer h1 b,
html body .submissioncontainer h1 b,
html body .newscontainer h1 strong,
html body .agendacontainer h1 strong,
html body .contactcontainer h1 strong,
html body .submissioncontainer h1 strong {
  font-size: 0.78em;
  position: relative;
  display: inline-block;
  top: -0.19em;
  font-weight: normal;
}
html body .newscontainer h1 span,
html body .agendacontainer h1 span,
html body .contactcontainer h1 span,
html body .submissioncontainer h1 span {
  display: inline-block;
  position: relative;
  margin-left: 0.29em;
}
html body .newscontainer h2,
html body .agendacontainer h2,
html body .contactcontainer h2,
html body .submissioncontainer h2 {
  font-family: 'Playfair Display', serif;
  font-weight: 900;
  font-size: 1.5em;
  margin-top: 1.5em;
}
html body .newscontainer p,
html body .agendacontainer p,
html body .contactcontainer p,
html body .submissioncontainer p,
html body .newscontainer ul,
html body .agendacontainer ul,
html body .contactcontainer ul,
html body .submissioncontainer ul,
html body .newscontainer table,
html body .agendacontainer table,
html body .contactcontainer table,
html body .submissioncontainer table {
  font-family: 'Playfair Display', serif;
  font-size: 0.95em;
  line-height: 1.75em;
}
html body .newscontainer p.notes,
html body .agendacontainer p.notes,
html body .contactcontainer p.notes,
html body .submissioncontainer p.notes,
html body .newscontainer ul.notes,
html body .agendacontainer ul.notes,
html body .contactcontainer ul.notes,
html body .submissioncontainer ul.notes,
html body .newscontainer table.notes,
html body .agendacontainer table.notes,
html body .contactcontainer table.notes,
html body .submissioncontainer table.notes {
  font-size: 0.65em;
}
html body .newscontainer p.notes a,
html body .agendacontainer p.notes a,
html body .contactcontainer p.notes a,
html body .submissioncontainer p.notes a,
html body .newscontainer ul.notes a,
html body .agendacontainer ul.notes a,
html body .contactcontainer ul.notes a,
html body .submissioncontainer ul.notes a,
html body .newscontainer table.notes a,
html body .agendacontainer table.notes a,
html body .contactcontainer table.notes a,
html body .submissioncontainer table.notes a {
  color: #DFC337;
}
html body .newscontainer table,
html body .agendacontainer table,
html body .contactcontainer table,
html body .submissioncontainer table {
  width: 100% !important;
}
html body .newscontainer table tr:first-child td,
html body .agendacontainer table tr:first-child td,
html body .contactcontainer table tr:first-child td,
html body .submissioncontainer table tr:first-child td {
  font-size: 0.8em;
  font-weight: bold;
}
html body .newscontainer table tr td,
html body .agendacontainer table tr td,
html body .contactcontainer table tr td,
html body .submissioncontainer table tr td {
  border-bottom: 1px solid black;
}
html body .newscontainer table tr td + td,
html body .agendacontainer table tr td + td,
html body .contactcontainer table tr td + td,
html body .submissioncontainer table tr td + td {
  padding-left: 5px;
}
html body .newscontainer table tr td:last-child,
html body .agendacontainer table tr td:last-child,
html body .contactcontainer table tr td:last-child,
html body .submissioncontainer table tr td:last-child {
  text-align: right;
}
html body .newscontainer h3,
html body .agendacontainer h3,
html body .contactcontainer h3,
html body .submissioncontainer h3 {
  color: #DFC337;
  font-family: 'bebas-neue', sans-serif;
  font-size: 1.5em;
  margin-top: 0.25em;
  margin-bottom: 0;
}
html body .newscontainer h3 + p,
html body .agendacontainer h3 + p,
html body .contactcontainer h3 + p,
html body .submissioncontainer h3 + p {
  margin-top: 0.125em;
}
html body .newscontainer .col.col6.contact p > a,
html body .agendacontainer .col.col6.contact p > a,
html body .contactcontainer .col.col6.contact p > a,
html body .submissioncontainer .col.col6.contact p > a {
  color: #DFC337;
  font-family: 'Playfair Display', serif;
  font-weight: bold;
}
html body .newscontainer .col.col6.contact p > a:hover,
html body .agendacontainer .col.col6.contact p > a:hover,
html body .contactcontainer .col.col6.contact p > a:hover,
html body .submissioncontainer .col.col6.contact p > a:hover {
  color: black;
}
html body .newscontainer .col.col6.contact p > a img,
html body .agendacontainer .col.col6.contact p > a img,
html body .contactcontainer .col.col6.contact p > a img,
html body .submissioncontainer .col.col6.contact p > a img {
  margin-top: 30px;
}
html body .newscontainer form label,
html body .agendacontainer form label,
html body .contactcontainer form label,
html body .submissioncontainer form label {
  text-transform: uppercase;
  font-family: 'bebas-neue', sans-serif;
  display: block;
  font-size: 1.25em;
}
html body .newscontainer form input[type=email],
html body .agendacontainer form input[type=email],
html body .contactcontainer form input[type=email],
html body .submissioncontainer form input[type=email],
html body .newscontainer form input[type=text],
html body .agendacontainer form input[type=text],
html body .contactcontainer form input[type=text],
html body .submissioncontainer form input[type=text] {
  display: block;
  width: 100%;
  letter-spacing: -1px;
  padding: 0.5em;
  font-size: 1.5em;
  box-sizing: border-box;
  font-family: 'open-sans', sans-serif;
  font-weight: bold;
  outline-color: #DFC337;
}
html body .newscontainer form button,
html body .agendacontainer form button,
html body .contactcontainer form button,
html body .submissioncontainer form button {
  font-family: 'bebas-neue', sans-serif;
  font-size: 1.5em;
  position: relative;
  padding-right: 3em;
  display: inline-block;
  line-height: 2em;
  margin-top: 1em;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -ms-transition: color 0.5s;
  transition: color 0.5s;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  outline: none;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0.5em;
}
html body .newscontainer form button:after,
html body .agendacontainer form button:after,
html body .contactcontainer form button:after,
html body .submissioncontainer form button:after,
html body .newscontainer form button:before,
html body .agendacontainer form button:before,
html body .contactcontainer form button:before,
html body .submissioncontainer form button:before {
  height: 1.5em;
  width: 1.5em;
  line-height: 1.5em;
  position: absolute;
  right: 0;
  top: 0.2em;
  background: rgba(68, 73, 78, 0.7);
  content: 'c';
  text-align: center;
  color: #FFFFFF;
  font-family: 'eych';
  -webkit-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
html body .newscontainer form button:before,
html body .agendacontainer form button:before,
html body .contactcontainer form button:before,
html body .submissioncontainer form button:before {
  width: 1.9em;
  height: 1.9em;
  right: -0.2em;
  top: 0em;
  content: '';
}
html body .newscontainer form button:hover:before,
html body .agendacontainer form button:hover:before,
html body .contactcontainer form button:hover:before,
html body .submissioncontainer form button:hover:before {
  width: 1.5em;
  height: 1.5em;
  right: 0;
  top: 0.2em;
}
html body .newscontainer form button:hover:after,
html body .agendacontainer form button:hover:after,
html body .contactcontainer form button:hover:after,
html body .submissioncontainer form button:hover:after {
  width: 1.9em;
  height: 1.9em;
  right: -0.2em;
  top: 0em;
  line-height: 1.9em;
}
html body .newscontainer form button:after,
html body .agendacontainer form button:after,
html body .contactcontainer form button:after,
html body .submissioncontainer form button:after,
html body .newscontainer form button:before,
html body .agendacontainer form button:before,
html body .contactcontainer form button:before,
html body .submissioncontainer form button:before {
  background: rgba(223, 195, 55, 0.6);
}
html body .newscontainer form button:hover,
html body .agendacontainer form button:hover,
html body .contactcontainer form button:hover,
html body .submissioncontainer form button:hover {
  color: #DFC337;
}
html body .newscontainer form .mc4wp-alert,
html body .agendacontainer form .mc4wp-alert,
html body .contactcontainer form .mc4wp-alert,
html body .submissioncontainer form .mc4wp-alert {
  background: black;
  color: white;
  padding: 1em;
  margin-top: 1em;
  position: relative;
}
html body .newscontainer form .mc4wp-alert:before,
html body .agendacontainer form .mc4wp-alert:before,
html body .contactcontainer form .mc4wp-alert:before,
html body .submissioncontainer form .mc4wp-alert:before {
  display: block;
  position: absolute;
  left: 1em;
  content: '';
  width: 0;
  top: -5px;
  height: 0;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent black transparent;
}
html body .newscontainer ul li,
html body .agendacontainer ul li,
html body .contactcontainer ul li,
html body .submissioncontainer ul li {
  margin: 1em 0;
  position: relative;
  padding-left: 1.5em;
}
html body .newscontainer ul li:before,
html body .agendacontainer ul li:before,
html body .contactcontainer ul li:before,
html body .submissioncontainer ul li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 8px;
  height: 8px;
  background: #DFC337;
}
html body .newscontainer ul li a:hover,
html body .agendacontainer ul li a:hover,
html body .contactcontainer ul li a:hover,
html body .submissioncontainer ul li a:hover {
  color: #DFC337;
}
html body .agendacontainer ul li,
html body .agendacontainer ol li {
  font-family: 'Playfair Display', serif;
  font-size: 0.95em;
  line-height: 1.75em;
}
html body .agendacontainer #guillemet,
html body .newscontainer #guillemet {
  position: absolute;
  height: 60%;
  top: 91px;
  right: 91px;
  overflow: visible;
  /*polygon{
                    fill:none;
                    stroke:@blue;
                    stroke-width:6px;
                }*/
}
html body .agendacontainer #guillemet {
  height: 50%;
}
html body .newscontainer,
html body .agendacontainer {
  background: #f1f5f9;
  /*svg{
                polygon{
                    fill:#fbb61a !important;
                }
            }*/
}
html body .newscontainer h1,
html body .agendacontainer h1 {
  color: #DFC337;
}
html body .newscontainer .followus,
html body .agendacontainer .followus {
  margin: 1em 0;
  font-family: 'bebas-neue', sans-serif;
  font-size: 25px;
}
html body .newscontainer .followus a i,
html body .agendacontainer .followus a i {
  position: relative;
  top: 0.12em;
}
html body .sectionslidetext {
  display: none;
}
html body .sectionslidetext.active {
  display: block;
}
html body .swiper-wrapper {
  padding-bottom: 40px;
}
html body .swiper-pagination-bullet {
  border-radius: 0;
  opacity: 1;
  background: black;
}
html body .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #DFC337;
}
html body .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0px 1px;
}
html body .swiper-slide {
  background: black;
}
html body .swiper-slide.cardvis {
  background: transparent;
}
html body .swiper-slide > div {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  padding-bottom: 55.77%;
}
html body .swiper-slide > div .slide-caption {
  position: absolute;
  bottom: 0;
  padding: 0.5em 1em;
  width: 100%;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  font-size: 0.8em;
}
html body .projectheader .imageholder {
  border-top: 60px solid #DFC337;
  padding-bottom: 66%;
  background-size: contain;
  background-color: white;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
html body .projectheader .imageholder.no-image {
  background-color: black;
  background-image: url(../img/guillemet_beige.svg);
  background-size: 112px 186px;
}
html body .projectheader .imageholder .infos {
  position: absolute;
  left: 112%;
  bottom: 0;
  width: 100%;
}
html body .projectheader .imageholder .infos .dates {
  font-family: 'bebas-neue', sans-serif;
  color: #DFC337;
  font-size: 2em;
}
html body .projectheader .imageholder .infos h2 {
  margin-top: 0;
  font-size: 1.7em;
}
html body .projectheader .imageholder .infos .themes {
  font-weight: bold;
  font-family: 'Playfair Display', serif;
  font-size: 0.85em;
  margin-top: 0.5em;
}
html body .projectdetails {
  margin: 0;
  padding: 0;
}
html body .projectdetails dd,
html body .projectdetails dt {
  display: block;
  margin: 0;
  padding: 0;
  font-family: 'Playfair Display', serif;
}
html body .projectdetails dt {
  font-weight: bold;
  font-size: 1.25em;
}
html body .projectdetails dd {
  margin-bottom: 1em;
}
html body .agendafilters {
  padding-top: 30px;
  border-bottom: 1px solid black;
  padding-bottom: 10px;
  width: 100%;
}
html body .agendafilters label {
  display: inline-block;
  width: 150px;
  position: relative;
  overflow: hidden;
  margin-right: 20px;
}
html body .agendafilters label:after {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -2px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3px 0 3px;
  border-color: #000000 transparent transparent transparent;
  z-index: 1;
}
html body .agendafilters label select {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  text-transform: uppercase;
  font-family: 'bebas-neue', sans-serif;
  color: black;
  border: 0;
  padding: 0 20px 0 0;
  background: none;
  font-size: 22px;
  position: relative;
  z-index: 2;
}
html body #width_tmp_select {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  text-transform: uppercase;
  font-family: 'bebas-neue', sans-serif;
  color: black;
  border: 0;
  padding: 0 20px 0 0;
  background: none;
  font-size: 22px;
}
html body .agendacontainer {
  min-height: 100vh;
  box-sizing: border-box;
}
html body .agendacontainer article.col,
html body .agendacontainer article.full {
  margin-top: 30px;
  margin-bottom: 15px;
  display: none;
  margin: 1.5% 1.5%;
}
html body .agendacontainer article.col.active,
html body .agendacontainer article.full.active {
  display: block;
}
html body .agendacontainer article.col.active.even,
html body .agendacontainer article.full.active.even {
  clear: both;
}
html body .agendacontainer article.col h2,
html body .agendacontainer article.full h2 {
  margin-top: 0;
  line-height: 1em;
  font-size: 1.35em;
}
html body .agendacontainer article.col .themes,
html body .agendacontainer article.full .themes {
  font-size: 12px;
  margin-top: 0.5em;
  font-family: 'Playfair Display', serif;
  font-weight: bold;
}
html body .agendacontainer article.col > a:first-child .imagecontainer,
html body .agendacontainer article.full > a:first-child .imagecontainer {
  position: relative;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  overflow: hidden;
}
html body .agendacontainer article.col > a:first-child .imagecontainer:after,
html body .agendacontainer article.full > a:first-child .imagecontainer:after {
  display: block;
  position: absolute;
  left: 0px;
  top: -2px;
  right: 0px;
  bottom: -2px;
  background: black;
  z-index: 2;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
html body .agendacontainer article.col > a:first-child .imagecontainer:before,
html body .agendacontainer article.full > a:first-child .imagecontainer:before {
  z-index: 3;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  margin-top: -30px;
  margin-left: -30px;
  color: white;
  content: 'l';
  font-family: 'eych';
  font-size: 20px;
  text-align: center;
  background: #DFC337;
  border: 10px solid rgba(255, 255, 255, 0.4);
  opacity: 0;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  -ms-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  -ms-transition: opacity 0.3s, -ms-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
html body .agendacontainer article.col:hover > a:first-child .imagecontainer:after,
html body .agendacontainer article.full:hover > a:first-child .imagecontainer:after {
  opacity: 0.3;
}
html body .agendacontainer article.col:hover > a:first-child .imagecontainer:before,
html body .agendacontainer article.full:hover > a:first-child .imagecontainer:before {
  opacity: 0.9;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
html body .agendacontainer article.col > a,
html body .agendacontainer article.full > a {
  margin-top: 30px;
  width: 20%;
  margin-right: 2%;
  float: left;
}
html body .agendacontainer article.col > a + a,
html body .agendacontainer article.full > a + a {
  margin-right: 0;
  margin-left: 2%;
  width: 76%;
}
html body .agendacontainer article.col > a .dateplace,
html body .agendacontainer article.full > a .dateplace {
  background: #DFC337;
  font-weight: bold;
  font-family: 'Playfair Display', serif;
  padding: 10px;
}
html body .agendacontainer article.col > a .dateplace .places,
html body .agendacontainer article.full > a .dateplace .places {
  font-size: 12px;
  line-height: 1em;
  color: white;
  margin-top: 0.5em;
}
html body .agendacontainer article.col > a .imagecontainer,
html body .agendacontainer article.full > a .imagecontainer {
  padding-bottom: 66%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: white;
}
html body .agendacontainer article.col > a .imagecontainer.no-image,
html body .agendacontainer article.full > a .imagecontainer.no-image {
  background-color: black;
  background-image: url(../img/guillemet_beige.svg);
  background-size: 56px 93px;
}
html body .submissioncontainer ul li:before {
  background: #DFC337;
}
html body .submissioncontainer h1 {
  color: #DFC337;
}
html body .submissioncontainer .calltoaction:after {
  content: 'b';
  font-family: 'eych';
}
html body .submissioncontainer .calltoaction:after,
html body .submissioncontainer .calltoaction:before {
  background: rgba(223, 195, 55, 0.6);
}
html body .submissioncontainer p,
html body .submissioncontainer ol {
  font-family: 'Playfair Display', serif;
  font-size: 0.95em;
  line-height: 1.75em;
}
html body .submissioncontainer ol {
  padding-left: 1em;
  counter-reset: my-awesome-counter;
  list-style: none;
}
html body .submissioncontainer ol li {
  margin: 0 0 0.5rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
}
html body .submissioncontainer ol li + li {
  margin-top: 0.75em;
}
html body .submissioncontainer ol li:before {
  content: counter(my-awesome-counter);
  color: #DFC337;
  font-weight: bold;
  position: absolute;
  left: -2em;
  line-height: 1em;
  width: 2em;
  height: 2em;
  top: 0.35em;
  text-align: center;
}
html body .submissioncontainer h3 {
  color: #DFC337;
}
html body .submissioncontainer dl dt {
  padding-top: 0.6em;
}
html body .submissioncontainer dl dt.active a h3 {
  color: #DFC337;
}
html body .submissioncontainer dl dt a:hover h3 {
  color: #DFC337;
}
html body .submissioncontainer dl dt a h3 {
  font-weight: bold;
  font-size: 1.25em;
  font-family: 'Playfair Display', serif;
  color: black;
}
html body .submissioncontainer dl dd {
  min-height: 1em;
  margin: 0;
  padding: 0;
  font-size: 0.925em;
  border-bottom: 1px solid #a7a7a7;
}
html body .submissioncontainer dl dd p {
  max-height: 0;
  overflow: hidden;
  margin: 0;
}
html body .submissioncontainer dl dd.active {
  padding: 1em 0;
}
html body .submissioncontainer dl dd.active p {
  max-height: 1000px;
}
html body .submissionform {
  background: #DFC337;
  padding-top: 120px;
  min-height: 90vh;
  position: relative;
}
html body .submissionform .feedback {
  display: none;
}
html body .submissionform #errormessage {
  display: none;
  background: black;
  color: white;
  padding: 1em;
  font-family: 'Playfair Display', serif;
}
html body .submissionform #errormessage.active {
  display: block;
  margin-top: 1em;
}
html body .submissionform.success .instructions,
html body .submissionform.success .fields {
  display: none;
}
html body .submissionform.success .feedback {
  display: block;
}
html body .submissionform svg {
  position: absolute;
  right: 90px;
  top: 0px;
  height: 100vh;
  z-index: 2;
}
html body .submissionform .wrapper {
  z-index: 3;
  position: relative;
}
html body .submissionform h2 {
  color: white;
  text-transform: uppercase;
  font-family: 'bebas-neue', sans-serif;
  font-size: 6.5em;
  margin: 0;
  font-weight: normal;
}
html body .submissionform .instructions,
html body .submissionform .feedback {
  padding-bottom: 8em;
}
html body .submissionform .instructions p,
html body .submissionform .feedback p {
  font-family: 'Playfair Display', serif;
  margin-top: 0;
}
html body .submissionform .instructions p a,
html body .submissionform .feedback p a {
  font-weight: 600;
}
html body .submissionform .instructions ol,
html body .submissionform .feedback ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
html body .submissionform .instructions ol li,
html body .submissionform .feedback ol li {
  font-family: 'Playfair Display', serif;
  font-weight: bold;
  font-size: 1.5em;
  counter-increment: item;
  margin-bottom: 0.5em;
  -webkit-transition: color 0.5s, opacity 0.5s;
  -moz-transition: color 0.5s, opacity 0.5s;
  -ms-transition: color 0.5s, opacity 0.5s;
  transition: color 0.5s, opacity 0.5s;
  opacity: 0.6;
}
html body .submissionform .instructions ol li:before,
html body .submissionform .feedback ol li:before {
  margin-right: 10px;
  content: counter(item);
  background: white;
  -webkit-border-radius: 30px;
  border: 7px solid #ffe045;
  width: 42px;
  line-height: 42px;
  height: 42px;
  text-align: center;
  display: inline-block;
  font-family: 'bebas-neue', sans-serif;
  font-size: 25px;
  color: #DFC337;
  font-weight: normal;
  -webkit-transition: background 0.5s, border-color 0.5s;
  -moz-transition: background 0.5s, border-color 0.5s;
  -ms-transition: background 0.5s, border-color 0.5s;
  transition: background 0.5s, border-color 0.5s;
}
html body .submissionform .instructions ol li.active,
html body .submissionform .feedback ol li.active {
  color: white;
  opacity: 1;
}
html body .submissionform .instructions ol li.active:before,
html body .submissionform .feedback ol li.active:before {
  background: black;
  border-color: #44494e;
}
html body .submissionform .instructions ol li.visited,
html body .submissionform .feedback ol li.visited {
  opacity: 1;
}
html body .submissionform .instructions ol li a,
html body .submissionform .feedback ol li a {
  cursor: default;
}
html body .submissionform .instructions ol.canjump li a,
html body .submissionform .feedback ol.canjump li a {
  cursor: pointer;
}
html body .submissionform .fields {
  padding-top: 9em;
  padding-bottom: 8em;
}
html body .submissionform .fields .altlangblock {
  display: none;
}
html body .submissionform .fields .altlangblock.active {
  display: block;
}
html body .submissionform .fields .condlabel {
  margin-left: 0;
  padding-top: 0.6em;
}
html body .submissionform .fields .condval input[type=number],
html body .submissionform .fields .condval input[type=text] {
  font-size: 0.9em;
  width: 5em;
  display: inline-block;
  margin-right: 0.5em;
}
html body .submissionform .fields .condval input[type=number]:disabled,
html body .submissionform .fields .condval input[type=text]:disabled {
  opacity: 0.25;
}
html body .submissionform .fields .condval input[type=number]:disabled + span,
html body .submissionform .fields .condval input[type=text]:disabled + span {
  opacity: 0.25;
}
html body .submissionform .fields label {
  font-family: 'bebas-neue', sans-serif;
  display: block;
  font-size: 1.25em;
  margin-bottom: 0.25em;
}
html body .submissionform .fields label .smaller {
  font-family: 'open-sans', sans-serif;
  text-transform: none;
  font-size: 0.55em;
  font-weight: 700;
  display: block;
  line-height: 1.1em;
}
html body .submissionform .fields label.error {
  font-size: 0.8em;
  margin-top: -0.5em;
  color: white;
  background: #555b60;
  padding: 0.25em 0.5em;
  margin-bottom: 1em;
  position: relative;
}
html body .submissionform .fields label.error:before {
  display: block;
  position: absolute;
  left: 1em;
  content: '';
  width: 0;
  top: -5px;
  height: 0;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #555b60 transparent;
}
html body .submissionform .fields .labelitem {
  position: relative;
}
html body .submissionform .fields .labelitem a {
  display: none;
}
html body .submissionform .fields .labelitem:hover a {
  display: block;
  position: absolute;
  right: 10px;
  z-index: 3;
  top: 1.25em;
  line-height: 20px;
  text-indent: -1px;
  font-family: 'eych';
  text-align: center;
  width: 20px;
  height: 20px;
  background: black;
  color: white;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
html body .submissionform .fields fieldset {
  display: none;
}
html body .submissionform .fields fieldset.active {
  display: block;
}
html body .submissionform .fields fieldset > p {
  font-size: 0.8em;
}
html body .submissionform .fields fieldset > p a {
  font-weight: bold;
}
html body .submissionform .fields .selectwrapper {
  width: 100%;
  overflow: hidden;
  background: white;
  display: block;
  font-family: 'open-sans', sans-serif;
  font-size: 1.5em;
  box-sizing: border-box;
  margin-bottom: 0.25em;
}
html body .submissionform .fields .selectwrapper select {
  outline: none;
  font-weight: bold;
  padding: 0.5em 0 0.5em 0.5em;
  background: transparent;
  border: 0;
  display: block;
  width: 120%;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
}
html body .submissionform .fields input[type=text],
html body .submissionform .fields input[type=number],
html body .submissionform .fields input[type=email],
html body .submissionform .fields input[type=tel],
html body .submissionform .fields textarea {
  border: 0;
  letter-spacing: -1px;
  width: 100%;
  font-family: 'open-sans', sans-serif;
  font-weight: bold;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: white;
  display: block;
  box-sizing: border-box;
  font-size: 1.5em;
  padding: 0.5em;
  outline: none;
  margin-bottom: 0.25em;
}
html body .submissionform .fields input[type=text].ui-autocomplete-loading,
html body .submissionform .fields input[type=number].ui-autocomplete-loading,
html body .submissionform .fields input[type=email].ui-autocomplete-loading,
html body .submissionform .fields input[type=tel].ui-autocomplete-loading,
html body .submissionform .fields textarea.ui-autocomplete-loading {
  background: url('https://media.giphy.com/media/3oEjI6SIIHBdRxXI40/giphy.gif') white no-repeat right center / 4em 4em !important;
}
html body .submissionform .fields textarea {
  height: 150px;
}
html body .submissionform .fields .checkboxholder {
  margin-bottom: 1em;
}
html body .submissionform .fields .checkboxholder label {
  float: left;
  width: 48%;
  margin-right: 2%;
  margin-bottom: 0.3em;
  margin-top: 0.3em;
}
html body .submissionform .fields .checkboxholder.three label {
  width: 31.3%;
  margin-right: 2%;
}
html body .submissionform .fields .checkboxholder.three label:nth-child(3n+1) {
  clear: left;
}
html body .submissionform .fields input[type=checkbox],
html body .submissionform .fields input[type=radio] {
  display: none;
}
html body .submissionform .fields input[type=checkbox] + span,
html body .submissionform .fields input[type=radio] + span {
  display: block;
  padding-left: 1.5em;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  font-family: 'open-sans', sans-serif;
  font-size: 0.7em;
  font-weight: bold;
}
html body .submissionform .fields input[type=checkbox] + span:before,
html body .submissionform .fields input[type=radio] + span:before {
  position: absolute;
  content: '';
  width: 1em;
  height: 1em;
  left: 0px;
  top: 0.125em;
  background: white;
  line-height: 1em;
  text-align: center;
  font-weight: bold;
}
html body .submissionform .fields input[type=checkbox]:checked + span:before,
html body .submissionform .fields input[type=radio]:checked + span:before {
  content: 'x';
  color: #DFC337;
}
html body .submissionform .fields .adddate,
html body .submissionform .fields .addplace {
  font-size: 0.7em;
  font-weight: bold;
  text-decoration: underline;
  text-align: right;
  display: block;
}
html body .submissionform .fields .calltoaction:after,
html body .submissionform .fields .calltoaction:before {
  background: rgba(255, 255, 255, 0.6);
  color: #DFC337;
}
html body .submissionform .fields .calltoaction:hover {
  color: white;
}
html body .submissionform .fields .half {
  width: 48%;
  float: left;
  margin: 0 2% 0 0;
}
html body .submissionform .fields .half:nth-child(even) {
  margin: 0 0 0 2%;
}
html body .submissionform .fields .droplet {
  cursor: pointer;
  background: white;
  color: black;
  font-family: 'bebas-neue', sans-serif;
  text-align: center;
  height: 150px;
  line-height: 150px;
  margin-bottom: 1em;
  position: relative;
}
html body .submissionform .fields .droplet:hover span:before {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}
html body .submissionform .fields .droplet#img_droplet1,
html body .submissionform .fields .droplet#img_droplet2,
html body .submissionform .fields .droplet#img_droplet3 {
  width: 32%;
  float: left;
}
html body .submissionform .fields .droplet#img_droplet1 span,
html body .submissionform .fields .droplet#img_droplet2 span,
html body .submissionform .fields .droplet#img_droplet3 span {
  text-indent: -9999px;
  overflow: hidden;
}
html body .submissionform .fields .droplet#img_droplet1 span:before,
html body .submissionform .fields .droplet#img_droplet2 span:before,
html body .submissionform .fields .droplet#img_droplet3 span:before {
  margin-left: -30px;
}
html body .submissionform .fields .droplet#img_droplet1.loading span,
html body .submissionform .fields .droplet#img_droplet2.loading span,
html body .submissionform .fields .droplet#img_droplet3.loading span {
  text-indent: -9999px;
}
html body .submissionform .fields .droplet#img_droplet1.loading span:before,
html body .submissionform .fields .droplet#img_droplet2.loading span:before,
html body .submissionform .fields .droplet#img_droplet3.loading span:before {
  text-indent: 0;
}
html body .submissionform .fields .droplet#img_droplet1.success span,
html body .submissionform .fields .droplet#img_droplet2.success span,
html body .submissionform .fields .droplet#img_droplet3.success span {
  text-indent: -9999px;
}
html body .submissionform .fields .droplet#img_droplet1.success span:before,
html body .submissionform .fields .droplet#img_droplet2.success span:before,
html body .submissionform .fields .droplet#img_droplet3.success span:before {
  text-indent: 0;
}
html body .submissionform .fields .droplet#img_droplet2,
html body .submissionform .fields .droplet#img_droplet3 {
  margin-left: 2%;
}
html body .submissionform .fields .droplet.loading {
  text-indent: 120px;
}
html body .submissionform .fields .droplet.loading span {
  /*&:after{
                                content:'...';
                            }*/
}
html body .submissionform .fields .droplet.loading span:before {
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
  margin-left: -105px;
  content: 'h';
  font-family: 'eych';
}
html body .submissionform .fields .droplet.success span {
  text-indent: 0;
  border-color: white;
}
html body .submissionform .fields .droplet.success span:before {
  content: 'i';
  font-family: 'eych';
  opacity: 1;
  margin-left: -180px;
  background: #DFC337;
  border-color: #c3ddae;
}
html body .submissionform .fields .droplet span {
  position: absolute;
  left: 20px;
  top: 20px;
  right: 20px;
  bottom: 20px;
  border: 3px dashed #DFC337;
  display: block;
  line-height: 104px;
  text-indent: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  /*&:after{
                            border:0;
                            width: 56px;
                            height: 56px;
                            background: none;
                            content:'∨';
                            line-height: 63px;
                        }*/
}
html body .submissionform .fields .droplet span:before {
  text-indent: 0;
  content: 'e';
  font-family: 'eych';
  width: 42px;
  height: 42px;
  background: #DFC337;
  border: 7px solid #c2d1de;
  position: absolute;
  display: block;
  line-height: 42px;
  left: 50%;
  top: 50%;
  margin-top: -30px;
  margin-left: -95px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  color: white;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
html body .submissionform .fields .droplet span b {
  color: #DFC337;
  font-weight: 400;
}
html body #logo {
  position: fixed;
  width: 189px;
  height: 59px;
  left: 120px;
  top: 10px;
  z-index: 120;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  /*&.smaller{
               // margin-top: -.55%;
               // margin-right: -.55%;
               width: 5%;
               padding-bottom: (195.7/625.4)*5%;
            }*/
}
html body #logo img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
html body .homecontainer {
  position: fixed;
  left: 0;
  top: 90px;
  width: 100%;
  padding: 0 90px;
  bottom: 90px;
  box-sizing: border-box;
  z-index: 101;
}
html body .homecontainer .homewrapper {
  overflow-x: hidden;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}
html body .homecontainer .homewrapper::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0;
}
html body .homecontainer .homewrapper > svg {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: auto;
}
html body .homecontainer .homewrapper section {
  height: 100%;
  position: static;
  width: 100%;
  z-index: 1;
}
html body .homecontainer .homewrapper section.full {
  background: rgba(255, 255, 255, 0.9);
  padding-top: 90px;
}
html body .homecontainer .homewrapper section.active {
  opacity: 1;
  z-index: 2;
}
html body .homecontainer .homewrapper section .lasttext {
  font-style: italic;
  font-family: 'Playfair Display', serif;
  font-size: 1.25em;
}
html body .homecontainer .homewrapper section .guillemet {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  width: auto;
  height: 98%;
  z-index: 1;
  mix-blend-mode: hard-light;
}
html body .homecontainer .homewrapper section .wrapper {
  display: table;
  height: 100%;
  position: relative;
}
html body .homecontainer .homewrapper section .wrapper .scrollhint {
  cursor: pointer;
  font-family: 'bebas-neue', sans-serif;
  color: black;
  display: block;
  width: 60px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  margin-top: 30px;
  position: absolute;
  left: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  transition: opacity 0.5s;
  bottom: 0.5em;
  /*&:before{
                                content:'b';
                                display: block;
                                width: 38px;
                                height: 38px;
                                line-height: 38px;
                                font-family: 'eych';
                                color:white;
                                background: @orange;
                                border:5px solid #f2cd91;
                                -webkit-border-radius: 43px;
                                border-radius: 43px;
                                margin:0 auto 10px auto;
                            }*/
}
html body .homecontainer .homewrapper section .wrapper .scrollhint.inactive {
  opacity: 0;
  cursor: default;
}
html body .homecontainer .homewrapper section .wrapper .scrollhint:after {
  content: 'b';
  font-family: 'eych';
  position: absolute;
  left: 100%;
  top: 0;
  -webkit-animation: bounce 2s infinite;
  -moz-animation: bounce 2s infinite;
  -ms-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
html body .homecontainer .homewrapper section .wrapper .centercontent {
  display: table-cell;
  vertical-align: middle;
}
html body .homecontainer .homewrapper section .wrapper .centercontent h1 {
  line-height: 0.6em;
  font-family: 'bebas-neue', sans-serif;
  font-size: 6vw;
  font-weight: normal;
  color: #DFC337;
  margin-bottom: 40px;
  margin-top: 20px;
}
html body .homecontainer .homewrapper section .wrapper .centercontent h1:before {
  content: '#';
  color: black;
  font-size: 0.7em;
}
html body .homecontainer .homewrapper section .wrapper .centercontent h1 b,
html body .homecontainer .homewrapper section .wrapper .centercontent h1 strong {
  font-size: 0.78em;
  position: relative;
  display: inline-block;
  top: -0.19em;
  font-weight: normal;
}
html body .homecontainer .homewrapper section .wrapper .centercontent h1 span {
  display: inline-block;
  position: relative;
  margin-left: 0.29em;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .largenumber {
  position: relative;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .largenumber .bignumber {
  font-family: 'bebas-neue', sans-serif;
  color: #DFC337;
  font-size: 70vh;
  line-height: 0.8em;
  position: absolute;
  left: 50%;
  margin-left: -0.5em;
  top: 0;
  margin-top: -0.18em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .largenumber .bignumber.hundreds {
  margin-left: -0.7em;
  font-size: 41.9vh;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .largenumber .bignumber b {
  position: absolute;
  right: 100%;
  top: 0;
  margin-right: -0.05em;
  font-weight: normal;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .largenumber h2 {
  position: relative;
  z-index: 2;
  font-family: 'bebas-neue', sans-serif;
  font-size: 4vw;
  line-height: 0.9em;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .largenumber p {
  font-family: 'Playfair Display', serif;
  font-size: 1.1em;
  z-index: 3;
  position: relative;
  width: 68%;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .textblock.center {
  text-align: center;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .textblock.randomprojects > div {
  display: none;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .textblock.randomprojects > div + div h3 {
  margin-top: 2em;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .textblock h3,
html body .homecontainer .homewrapper section .wrapper .centercontent .textblock h4 {
  font-family: 'Playfair Display', serif;
  font-weight: 900;
  font-size: 1.3em;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .textblock h4 {
  font-size: 1.1em;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .textblock p,
html body .homecontainer .homewrapper section .wrapper .centercontent .textblock ul {
  font-size: 0.8em;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .textblock p + h3,
html body .homecontainer .homewrapper section .wrapper .centercontent .textblock ul + h3 {
  margin-top: 2em;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .textblock p a,
html body .homecontainer .homewrapper section .wrapper .centercontent .textblock ul a {
  text-decoration: underline;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .textblock ul {
  margin-top: 1em;
  padding-left: 1.4em;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .textblock ul li {
  padding-left: 0em;
  margin-bottom: 0.75em;
  list-style-type: disc;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .textblock.new ul {
  margin-top: 1em;
  padding-left: 1.4em;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .textblock.new ul li {
  padding-left: 0;
  list-style-type: disc;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .textblock.new ul:first-child {
  margin-top: 0;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .textblock.new p {
  margin-left: 0;
  margin-right: 0;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .textblock.new p + p {
  margin-top: 1em;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .textblock a.calltoaction {
  margin-top: 2em;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .col3 + .col4 {
  font-size: 12px;
  color: #8e8f92;
}
html body .homecontainer .homewrapper section .wrapper .centercontent .col3 + .col4 p:first-child {
  margin: 0;
}
html body .homecontainer .homewrapper section .wrapper .centercontent blockquote {
  margin: 0;
}
html body .homecontainer .homewrapper section .wrapper .centercontent blockquote p {
  font-family: 'Playfair Display', serif;
  margin-top: 0;
  margin-bottom: 0.25em;
  font-style: italic;
  font-size: 1.1em;
  line-height: 1.1em;
}
html body .homecontainer .homewrapper section .wrapper .centercontent blockquote span,
html body .homecontainer .homewrapper section .wrapper .centercontent blockquote div {
  display: block;
}
html body .homecontainer .homewrapper section .wrapper .centercontent blockquote span.author,
html body .homecontainer .homewrapper section .wrapper .centercontent blockquote div.author {
  font-size: 1.125em;
  font-family: 'bebas-neue', sans-serif;
  color: #DFC337;
  margin-bottom: 0.2em;
}
html body .homecontainer .homewrapper section .wrapper .centercontent blockquote span.role,
html body .homecontainer .homewrapper section .wrapper .centercontent blockquote div.role {
  color: #8e8f92;
  font-size: 12px;
}
html body > header,
html body > footer {
  height: 90px;
  width: 100%;
  padding-left: 90px;
  position: fixed;
  left: 0;
  top: 0;
  box-sizing: border-box;
  z-index: 100;
}
html body > header #mobilelogo,
html body > footer #mobilelogo,
html body > header .mobiletoggle,
html body > footer .mobiletoggle {
  display: none;
}
html body > header nav,
html body > footer nav {
  background: rgba(255, 255, 255, 0.95);
  width: 100%;
  height: 90px;
  line-height: 90px;
  font-family: 'bebas-neue', sans-serif;
  box-sizing: border-box;
  font-size: 25px;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -ms-transition: background 0.5s;
  transition: background 0.5s;
  float: right;
}
html body > header nav ul,
html body > footer nav ul {
  display: inline-block;
  margin: 0 20px;
}
html body > header nav ul li,
html body > footer nav ul li {
  margin-left: 20px;
  margin-right: 20px;
  display: inline-block;
}
html body > header nav ul li a,
html body > footer nav ul li a {
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  transition: color 0.3s;
}
html body > header nav ul li a:hover,
html body > footer nav ul li a:hover {
  color: #DFC337;
}
html body > header nav ul li.active a,
html body > footer nav ul li.active a {
  color: #DFC337;
}
html body > header #langmenu,
html body > footer #langmenu {
  float: right;
  height: 90px;
  line-height: 90px;
  font-family: bebas-neue, sans-serif;
  box-sizing: border-box;
  font-size: 25px;
  margin-left: 0.5em;
}
html body > header #langmenu li,
html body > footer #langmenu li {
  display: inline-block;
  margin-right: 5px;
}
html body > header #langmenu li a,
html body > footer #langmenu li a {
  opacity: 0.5;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
html body > header #langmenu li.current-lang a,
html body > footer #langmenu li.current-lang a,
html body > header #langmenu li a:hover,
html body > footer #langmenu li a:hover {
  opacity: 1;
}
html body > header .socialicons,
html body > footer .socialicons {
  float: right;
  font-size: 30px;
  height: 90px;
  line-height: 93px;
}
html body > header .socialicons li,
html body > footer .socialicons li {
  float: left;
  margin-left: 0.25em;
  margin-right: 0.25em;
}
html body > header .socialicons li i.icon-facebook,
html body > footer .socialicons li i.icon-facebook {
  font-size: 0.82em;
  position: relative;
  top: -0.08em;
}
html body > header .socialicons li a:hover,
html body > footer .socialicons li a:hover {
  color: #DFC337;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  transition: color 0.3s;
}
html body > header {
  padding-left: 0;
  background: rgba(255, 255, 255, 0.95);
  width: calc( 100% - 90px );
  margin-left: 90px;
  padding-right: 90px;
}
html body > header nav {
  float: right;
  width: auto;
  background: none;
}
html body > header nav:before {
  content: '';
  width: 90px;
  height: 90px;
  background: #DFC337;
  left: -90px;
  top: 0;
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
html body .leftside,
html body .rightside {
  position: fixed;
  left: 0;
  top: 90px;
  bottom: 90px;
  background: rgba(255, 255, 255, 0.95);
  width: 90px;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -ms-transition: background 0.5s;
  transition: background 0.5s;
}
html body .leftside {
  text-align: center;
}
html body .leftside svg {
  display: inline-block;
  margin-top: 20px;
  width: 40px;
  height: 524px;
}
html body .leftside svg .orangeletters {
  -webkit-transition: fill 0.5s;
  -moz-transition: fill 0.5s;
  -ms-transition: fill 0.5s;
  transition: fill 0.5s;
  fill: #DFC337;
}
html body .rightside {
  left: auto;
  right: 0px;
}
html body > footer {
  top: auto;
  bottom: 0;
  padding-left: 0;
  padding-right: 90px;
  left: auto;
  right: 0;
}
html body > footer svg .alac_green,
html body > footer svg .alac_grey,
html body > footer svg .mc_red,
html body > footer svg .mc_grey,
html body > footer svg .lux_red,
html body > footer svg .lux_blue,
html body > footer svg .lux_black,
html body > footer svg .ville_blue,
html body > footer svg .ville_yellow,
html body > footer svg .ville_grey {
  -webkit-transition: fill 0.5s;
  -moz-transition: fill 0.5s;
  -ms-transition: fill 0.5s;
  transition: fill 0.5s;
}
html body > footer nav {
  padding-left: 90px;
}
html body > footer nav > a:first-child {
  position: relative;
  top: -5px;
}
html body > footer nav span {
  color: #DFC337;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -ms-transition: color 0.5s;
  transition: color 0.5s;
}
html body > footer nav .legal {
  font-size: 10px;
  position: absolute;
  left: 90px;
  top: 20px;
}
html body > footer nav .legal a {
  display: inline-block;
  margin-right: 5px;
}
html body > footer nav .legal a:last-child {
  margin-right: 0;
}
html body > footer .ssmn_logo {
  position: absolute;
  right: 280px;
  top: 32px;
  width: 260.55px;
  height: 32.4px;
}
html body > footer .footer_logo_1 {
  position: absolute;
  right: 131.75px;
  top: 32.94px;
  width: 112px;
  height: 27.3px;
}
html body > footer .footer_logo_0 {
  position: absolute;
  right: 480px;
  top: 28px;
  width: 164px;
  height: 40.8px;
}
html body > footer .footer_logo_3 {
  position: absolute;
  right: 275px;
  top: 25px;
  width: 69.6px;
  height: 40.8px;
}
html body > footer .footer_logo_2 {
  position: absolute;
  right: 375px;
  top: 27px;
  width: 75.2px;
  height: 40.8px;
}
html body > footer .footer_logo_0 img,
html body > footer .footer_logo_1 img,
html body > footer .footer_logo_2 img,
html body > footer .footer_logo_3 img,
html body > footer .footer_logo_4 img,
html body > footer .footer_logo_0 svg,
html body > footer .footer_logo_1 svg,
html body > footer .footer_logo_2 svg,
html body > footer .footer_logo_3 svg,
html body > footer .footer_logo_4 svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 1420px) {
  html body .innerlogo {
    padding-bottom: 30%;
    overflow: hidden;
  }
  html body .innerlogo img {
    margin-left: 0px;
  }
}
@media only screen and (max-height: 900px) {
  html body .homecontainer .homewrapper section .wrapper .centercontent blockquote p {
    font-size: 1.1em;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent .textblock h3 {
    font-size: 1.2em;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent .textblock p {
    margin: 0.25em;
    font-size: 0.7em;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent .textblock p + h3 {
    margin-top: 0.8em;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent .textblock ul {
    font-size: 0.7em;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent .textblock ul + h3 {
    margin-top: 0.8em;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent .textblock a.calltoaction {
    margin-top: 0.8em;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent .largenumber h2 {
    font-size: 2.5vw;
  }
}
@media only screen and (max-height: 730px) {
  html body .leftside svg {
    width: 20px;
    height: 434px;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent h1 {
    font-size: 6vw;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent .introp {
    margin-left: 2vw;
  }
}
@media only screen and (min-width: 3000px) {
  html body .homecontainer .homewrapper section .wrapper .centercontent .introp {
    font-size: 1vw;
  }
  .wrapper {
    width: 90%;
    max-width: none;
  }
}
@media only screen and (max-width: 1280px) {
  html body .newscontainer #guillemet,
  html body .agendacontainer #guillemet,
  html body .contactcontainer #guillemet,
  html body .submissioncontainer #guillemet {
    height: auto;
    width: 25%;
  }
  html body > header .socialicons,
  html body > footer .socialicons {
    font-size: 18px;
  }
  html body > header #langmenu,
  html body > footer #langmenu {
    font-size: 20px;
  }
  html body > header nav,
  html body > footer nav {
    font-size: 20px;
  }
  html body > header nav ul li,
  html body > footer nav ul li {
    margin: 0 15px;
  }
}
@media only screen and (max-width: 1024px) {
  html body .homecontainer .homewrapper section .wrapper .centercontent h1 {
    font-size: 6vw;
    margin-left: 20%;
  }
}
@media only screen and (max-width: 1023px) {
  html body .leftside svg {
    width: 20px;
    height: 434px;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent .introp {
    width: 97%;
  }
  .calltoaction.mobileblock {
    display: block;
    line-height: 1.2em;
  }
  html body .submissionform .fields .checkboxholder.three label {
    clear: both;
    width: 100%;
    margin-right: 0;
  }
  html body .submissionform .fields .droplet#img_droplet1,
  html body .submissionform .fields .droplet#img_droplet2,
  html body .submissionform .fields .droplet#img_droplet3 {
    margin-left: 0;
    width: 100%;
  }
  html body .submissionform .fields .condlabel {
    width: 33%;
  }
  html body.blue > header nav:before {
    display: none;
  }
  html body:not(.iframeRTL) #logo {
    display: none;
  }
  html body .leftside,
  html body .rightside {
    display: none;
  }
  html body > footer {
    position: static;
    padding-right: 0;
    height: auto;
    background: white;
    padding-bottom: 20px;
    padding-top: 30px;
  }
  html body > footer nav {
    margin-bottom: 2em;
    height: auto;
    padding-left: 0;
    text-align: center;
  }
  html body > footer nav .legal {
    display: block;
    position: static;
    text-align: center;
  }
  html body > footer nav .legal a {
    line-height: 30px;
    margin-right: 0;
    display: block;
  }
  html body > footer .letz_logo,
  html body > footer .gov_logo,
  html body > footer .alac_logo,
  html body > footer .ssmn_logo,
  html body > footer .unesco_logo,
  html body > footer .ville_logo {
    position: static;
    margin: 40px auto;
    height: auto;
    width: 100%;
    top: auto;
    right: auto;
    display: block;
  }
  html body > footer .letz_logo > svg,
  html body > footer .gov_logo > svg,
  html body > footer .alac_logo > svg,
  html body > footer .ssmn_logo > svg,
  html body > footer .unesco_logo > svg,
  html body > footer .ville_logo > svg,
  html body > footer .letz_logo img,
  html body > footer .gov_logo img,
  html body > footer .alac_logo img,
  html body > footer .ssmn_logo img,
  html body > footer .unesco_logo img,
  html body > footer .ville_logo img {
    position: static;
    width: 200px;
    display: block;
    margin: 0 auto;
    height: auto;
  }
  html body > footer .ville_logo img,
  html body > footer .ville_logo svg {
    width: 110px;
  }
  html body > footer .alac_logo {
    margin-bottom: 0;
  }
  html body:not(.iframeRTL) > header {
    background: white;
    padding-left: 0;
    height: 45px;
    width: 100%;
    margin-left: 0;
    padding-right: 0;
    z-index: 200;
  }
  html body:not(.iframeRTL) > header #langmenu {
    height: 45px;
    line-height: 45px;
    font-size: 17px;
    right: 18%;
  }
  html body:not(.iframeRTL) > header #mobilelogo {
    position: absolute;
    width: 100px;
    display: block;
    height: 31.29197314px;
    right: 50%;
    top: 6px;
    margin-right: -50px;
  }
  html body:not(.iframeRTL) > header #mobilelogo img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  html body:not(.iframeRTL) > header .mobiletoggle {
    display: block;
    position: absolute;
    overflow: hidden;
    width: 23px;
    height: 18px;
    font-size: 0;
    text-indent: -9999px;
    top: 14px;
    left: 4%;
    z-index: 10;
  }
  html body:not(.iframeRTL) > header .mobiletoggle.active span {
    background: none;
  }
  html body:not(.iframeRTL) > header .mobiletoggle.active span:before {
    transform: rotate(45deg);
    top: 0;
    -webkit-transition: top 0.3s, transform 0.3s 0.3s;
    -moz-transition: top 0.3s, transform 0.3s 0.3s;
    -ms-transition: top 0.3s, transform 0.3s 0.3s;
    transition: top 0.3s, transform 0.3s 0.3s;
  }
  html body:not(.iframeRTL) > header .mobiletoggle.active span:after {
    transform: rotate(-45deg);
    bottom: 0;
    -webkit-transition: bottom 0.3s, transform 0.3s 0.3s;
    -moz-transition: bottom 0.3s, transform 0.3s 0.3s;
    -ms-transition: bottom 0.3s, transform 0.3s 0.3s;
    transition: bottom 0.3s, transform 0.3s 0.3s;
  }
  html body:not(.iframeRTL) > header .mobiletoggle:focus {
    outline: none;
  }
  html body:not(.iframeRTL) > header .mobiletoggle span {
    display: block;
    position: absolute;
    top: 8px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: black;
    -webkit-transition: background 0.3s, transform 0.3s;
    -moz-transition: background 0.3s, transform 0.3s;
    -ms-transition: background 0.3s, transform 0.3s;
    transition: background 0.3s, transform 0.3s;
  }
  html body:not(.iframeRTL) > header .mobiletoggle span:before,
  html body:not(.iframeRTL) > header .mobiletoggle span:after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: black;
    content: "";
  }
  html body:not(.iframeRTL) > header .mobiletoggle span:before {
    top: -5px;
    -webkit-transition: top 0.3s 0.3s, transform 0.3s 0s;
    -moz-transition: top 0.3s 0.3s, transform 0.3s 0s;
    -ms-transition: top 0.3s 0.3s, transform 0.3s 0s;
    transition: top 0.3s 0.3s, transform 0.3s 0s;
  }
  html body:not(.iframeRTL) > header .mobiletoggle span:after {
    bottom: -5px;
    -webkit-transition: bottom 0.3s 0.3s, transform 0.3s 0s;
    -moz-transition: bottom 0.3s 0.3s, transform 0.3s 0s;
    -ms-transition: bottom 0.3s 0.3s, transform 0.3s 0s;
    transition: bottom 0.3s 0.3s, transform 0.3s 0s;
  }
  html body:not(.iframeRTL) > header nav {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
  }
  html body:not(.iframeRTL) > header nav:before {
    display: none;
  }
  html body:not(.iframeRTL) > header nav ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: auto;
    margin: 0;
    background: white;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    -ms-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }
  html body:not(.iframeRTL) > header nav ul.active {
    max-height: 100vh;
  }
  html body:not(.iframeRTL) > header nav ul li {
    margin: 0;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    border-bottom: 1px solid black;
    display: block;
  }
  html body:not(.iframeRTL) > header nav ul li:first-child {
    border-top: 1px solid black;
  }
  html body:not(.iframeRTL) > header .socialicons {
    margin-right: 5%;
    height: 45px;
    line-height: 48px;
    font-size: 15px;
  }
  html body .contactcontainer {
    padding: 50px 0 0 0;
  }
  html body .contactcontainer #guillemet {
    display: none;
  }
  html body .contactcontainer .fullpage {
    min-height: 0 !important;
  }
  html body .contactcontainer h1 {
    font-size: 20vw;
  }
  html body .contactcontainer .col.col6 {
    width: 97%;
  }
  html body .contactcontainer .col.col3 {
    width: 47%;
  }
  html body .contactcontainer .col.col3 img {
    display: none;
  }
  html body .submissioncontainer {
    padding: 50px 0 0 0;
  }
  html body .submissioncontainer #guillemet {
    display: none;
  }
  html body .submissioncontainer .fullpage {
    min-height: 0 !important;
  }
  html body .submissioncontainer h1 {
    font-size: 20vw;
    margin-top: 0.25em;
  }
  html body .submissioncontainer .col.col6 {
    width: 97%;
  }
  html body.page-template-template-agenda > footer:after,
  html body.page-template-template-news > footer:after,
  html body.single-submission > footer:after {
    display: none;
  }
  html body .newscontainer,
  html body .agendacontainer {
    padding: 70px 0 0 0;
  }
  html body .newscontainer #guillemet,
  html body .agendacontainer #guillemet {
    display: none;
  }
  html body .newscontainer .fullpage,
  html body .agendacontainer .fullpage {
    min-height: 0 !important;
  }
  html body .newscontainer h1,
  html body .agendacontainer h1 {
    font-size: 20vw;
  }
  html body .newscontainer .col.col6,
  html body .agendacontainer .col.col6,
  html body .newscontainer .col.col10,
  html body .agendacontainer .col.col10,
  html body .newscontainer .col.col5,
  html body .agendacontainer .col.col5,
  html body .newscontainer .col.col8,
  html body .agendacontainer .col.col8,
  html body .newscontainer .col.col4,
  html body .agendacontainer .col.col4 {
    width: 97%;
  }
  html body:not(.iframeRTL) .agendacontainer article.full > a {
    width: 100%;
    float: none;
  }
  html body:not(.iframeRTL) .agendacontainer article.full > a + a {
    width: 100%;
    margin-left: 0;
    float: none;
    display: block;
  }
  html body:not(.iframeRTL) .agendacontainer .projectheader .col.col4 {
    width: 97%;
  }
  html body:not(.iframeRTL) .agendacontainer .projectheader .col.col4 .imageholder {
    background-size: 0;
    border-top: 0;
    background-color: transparent;
    padding-bottom: 0;
  }
  html body:not(.iframeRTL) .agendacontainer .projectheader .col.col4 .imageholder:before {
    display: block;
    position: relative;
    content: '';
    background-image: inherit;
    padding-bottom: 66%;
    background-size: contain;
    background-color: white;
    background-repeat: inherit;
    background-position: center center;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  html body:not(.iframeRTL) .agendacontainer .projectheader .col.col4 .imageholder .infos {
    position: relative;
    left: auto;
    bottom: auto;
  }
  html body:not(.iframeRTL) .agendacontainer .projectheader .col.col4 .imageholder.no-image:before {
    background-color: #000;
    background-size: 112px 186px;
  }
  html body:not(.iframeRTL) .agendafilters label {
    width: 100% !important;
    display: block;
  }
  html body .submissionform {
    min-height: 0;
    padding-top: 40px;
  }
  html body .submissionform svg {
    display: none;
  }
  html body .submissionform .col.col6 {
    width: 97%;
  }
  html body .submissionform h2 {
    font-size: 20vw;
  }
  html body .submissionform .fields {
    padding: 40px 0;
  }
  html body .submissionform .feedback,
  html body .submissionform .instructions {
    padding-bottom: 0;
  }
  html body .submissionform .feedback ol,
  html body .submissionform .instructions ol {
    display: none;
  }
  html body .homecontainer {
    padding: 0;
    position: relative;
    top: 0;
    bottom: 0;
    padding-top: 45px;
  }
  html body .homecontainer .homewrapper > svg {
    display: none;
  }
  html body .homecontainer .homewrapper section {
    background: rgba(255, 255, 255, 0.9);
  }
  html body .homecontainer .homewrapper section .lasttext {
    text-align: center;
  }
  html body .homecontainer .homewrapper section.full {
    padding-top: 50px;
  }
  html body .homecontainer .homewrapper section .wrapper .scrollhint {
    display: none;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent .col.col3 {
    width: 100%;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent .textblock {
    padding-top: 30px;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent .col.col5 {
    width: 100%;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent h1 {
    font-size: 20vw;
    margin-left: 0;
    padding-left: 0.1em;
    padding-top: 5px;
    margin-top: 0.2em;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent .col.col6 {
    width: 97%;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent .col.col6 + .col.col6 {
    z-index: 1;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent .col.col6.largenumber {
    text-align: center;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent .col.col6.largenumber .bignumber {
    position: static;
    left: auto;
    margin-left: 0;
    margin-top: 0;
    font-size: 50vw;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent .col.col6.largenumber .bignumber b {
    position: static;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent .col.col6.largenumber h2 {
    font-size: 3em;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent .col.col6.largenumber p {
    width: 100%;
  }
  html body .homecontainer .homewrapper section .wrapper .centercontent .col2.col,
  html body .homecontainer .homewrapper section .wrapper .centercontent .col4.col {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  html body .agendacontainer article.col > a,
  html body .agendacontainer article.col > a + a {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  html body .agendacontainer article.col > a + a {
    padding-top: 30px;
    background: white;
    padding-left: 3%;
    padding-right: 3%;
    box-sizing: border-box;
  }
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  .leftside,
  .rightside,
  footer,
  header,
  #guillemet {
    display: none;
  }
  html body .projectheader .imageholder {
    border: 0;
    background: none !important;
    padding-bottom: 0;
  }
  html body .projectheader .imageholder .infos {
    position: static;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}