/*
  Name: all.css
  Author: esense GmbH, Basel, Switzerland
  http://www.esense.ch
*/

html {
font-family: sans-serif;
font-size: 62.5%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
box-sizing: border-box;
}

*, 
*:before, 
*:after {
box-sizing: inherit;
font-size: inherit;
}

blockquote,
h1, h2, h3, h4, h5,
p,
ul,
ol,
dl, dt, dd,
table,
table *,
fieldset,
figure,
body {
margin: 0;
padding: 0;
}

table,
table * {
border: none;
border-collapse: collapse;
border-spacing: 0;
vertical-align: top;
text-align: left;
}

ul,
ol {
list-style: none;
}

fieldset {
border: none;
}

button,
input,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 100%;
margin: 0;
padding: 0;
}

button {
background-color: transparent;
}

img {
border-style: none;
width: 100%;
max-width: 100%;
font-size: 100%;
line-height: 0;
float: left;
}

/**** BROWSER RESET ***/
/* IE */
figcaption,
figure,
main {
display: block;
}
svg:not(:root) {
overflow: hidden;
}
button,
input {
overflow: visible;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[hidden] {
display: none;
}
* html .clear {
zoom: 1;
}
*:first-child+html .clear {
zoom: 1;
}
/* IE FF */
button,
select {
text-transform: none;
}
/* FF */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0;
}
/* IE iOS Safari */
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/* iOS Safari */
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/* WebKit iOS Safari */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; /* 2 */
}
/* Chrome */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/* Chrome Safari */
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}/* reset 1em = 20px 
html {
font-size: 100%;
line-height: 125%;
}
*/

html {
overflow-y: auto;
}

/* selection */
img,
audio,
video,
canvas,
iframe,
a {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

.text *,
form input,
form select,
form textarea {
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
-o-user-select: text;
user-select: text;
}

*::selection,
input::selection {
background: #000;
color: #fff;
-webkit-text-fill-color: #fff;
-moz-text-fill-color: #fff;
-o-text-fill-color: #fff;
-ms-text-fill-color: #fff;
text-fill-color: #fff;
}

textarea::selection {
background: #000;
color: #fff;
-webkit-text-fill-color: #fff;
-moz-text-fill-color: #fff;
-o-text-fill-color: #fff;
-ms-text-fill-color: #fff;
text-fill-color: #fff;
}

::selection {
background: #000;
color: #fff;
text-decoration: none;
}

input:focus,
textarea:focus {
outline: none;
outline: -webkit-focus-ring-color 0 0;
}

input[type=text]:focus,
input[type=checkbox],
input[type=radio],
textarea:focus {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}

input[type=checkbox],
input[type=radio] {
margin: 0 0.25em 0 0;
}

::-webkit-input-placeholder {
font-family: inherit;
color: rgb(134,146,159);
-webkit-text-fill-color: rgb(134,146,159);
}

::-moz-placeholder {
font-family: inherit;
color: rgb(134,146,159);
-moz-text-fill-color: rgb(134,146,159);
}

:-ms-input-placeholder {
font-family: inherit;
color: rgb(134,146,159);
-ms-text-fill-color: rgb(134,146,159);
}

:-moz-placeholder {
font-family: inherit;
color: rgb(134,146,159);
-moz-text-fill-color: rgb(134,146,159);
}

/* form */
button,
input,
select,
textarea {
border: none;
}

textarea {
width: 100%;
max-width: 100%;
min-width: 100%;
overflow: auto;
}

input[tape=radio],
input[tape=checkbox],
button {
cursor: pointer;
}

button,
input[type=text],
input[type=submit],
textarea {
border-radius:0;
outline: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
text-shadow: 0px 0px 0px rgba(0,0,0,0);
-webkit-text-fill-color: #000;
-moz-text-fill-color: #000;
-o-text-fill-color: #000;
-ms-text-fill-color: #000;
text-fill-color: #000;
}

input[type=radio],
input[type=checkbox] {
padding: 0;
float: left;
}

/* list */
.text ul,
.text ol {
overflow: hidden;
width: 100%;
float: left;
padding: 0 0 0 1.8em;
}

.text ol li,
.text ul li {
position: relative;
padding: 0.665em 0;
}

.text .cols ul li:first-child,
.text .cols ol li:first-child {
padding-top: 0;
}

.text ul {
padding-left: 2em;
}

.text ul.list {
padding-left: 0;
}

.text ul li:before {
position: absolute;
content: "-";
top: 0.6em;
left: -0.65em;
float: left;
font-size: 110%;
}

.text ul.list li:before {
content: "";
display: none;
}

.text .cols ul li:first-child:before, 
.text .cols ol li:first-child:before {
top: 0;
}

.text ol {
list-style: decimal;
}

/* table */
.table-wrapper.scroll {
overflow: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
-moz-overflow-scrolling: touch;
-ms-overflow-scrolling: touch;
-o-overflow-scrolling: touch;
overflow-scrolling: touch;
margin-right: 0;
}

.table-wrapper table {
min-width: 200px !important;
}

.text table {
width: auto !important;
float: left;
border-collapse: collapse;
border-spacing: 0;
vertical-align: top;
border: none;
margin-top: 2.793em;
}

.text .table-wrapper:first-child table {
margin-top: 0;
}

.text.accordion-content .table-wrapper:first-child table {
margin-top: 2.793em;
}

.text table *:not(.align-r,.align-c) {
text-align: left;
}

.text table caption {
padding: 0;
}

.text table td,
.text table th {
vertical-align: top;
padding-right: 20px;
}

.text table th {
white-space: nowrap;
border: none;
}

.text table td:last-child,
.text table th:last-child {
padding-right: 0;
}

/* text */
p {
display: block;
clear: both;
}

.text p {
padding-top: 1.33em;
display: block;
clear: both;
}

.text p:first-child,
.text .wrap > p:first-child,
.text .box > p:first-child {
padding-top: 0;
}

/* grid */
.box,
.wrap {
position: relative;
width: 100%;
float: left;
}

.wrap {
padding: 0 1em;
}

.cb {
box-sizing: content-box;
}

.cb .box {
box-sizing: border-box;
}

.center {
margin: 0 auto;
}

.center-v {
top: 50%;
transform: translateY(-50%);
}

.block,
.clear {
display: block;
clear: both;
width: auto;
}

.clear:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}

.sb {
padding-bottom: 16em;
}

.float-box {
float: left;
clear: both;
}

/* resize */
.is-loading *,
.is-resizing * {
transition: all 0 ease !important;
}

.is-loading *:after,
.is-loading *:before,
.is-resizing *:after,
.is-resizing *:before {
display: none;
}

/* overlay (prevent body scrolling on mobile device) */
.scrollstop {
position: fixed !important;
left: 0px !important;
right: 0px !important;
}

/* hidden */
.hidden {
display: none;
}/*! Flickity v2.1.1
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: #333;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}
/* DEMO FONT */
@import url("https://p.typekit.net/p.css?s=1&k=xxa4vkx&ht=tk&f=19119.19121.19123.19420&a=11464902&app=typekit&e=css");

@font-face {
font-family:"akzidenz-grotesk";
src: url("https://use.typekit.net/af/99cda7/000000000000000000013631/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),
	 url("https://use.typekit.net/af/99cda7/000000000000000000013631/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),
	 url("https://use.typekit.net/af/99cda7/000000000000000000013631/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-style:normal;
font-weight:300;
}

@font-face {
font-family:"akzidenz-grotesk";
src: url("https://use.typekit.net/af/5556ca/000000000000000000013635/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
	 url("https://use.typekit.net/af/5556ca/000000000000000000013635/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
	 url("https://use.typekit.net/af/5556ca/000000000000000000013635/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-style:normal;
font-weight:400;
}

@font-face {
font-family:"akzidenz-grotesk";
src: url("https://use.typekit.net/af/9d033e/000000000000000000013633/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),
	 url("https://use.typekit.net/af/9d033e/000000000000000000013633/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),
	 url("https://use.typekit.net/af/9d033e/000000000000000000013633/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-style:normal;
font-weight:500;
}

@font-face {
font-family:"akzidenz-grotesk-extended";
src: url("https://use.typekit.net/af/6bb33f/00000000000000000001375e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
	 url("https://use.typekit.net/af/6bb33f/00000000000000000001375e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
	 url("https://use.typekit.net/af/6bb33f/00000000000000000001375e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-style:normal;
font-weight:400;
}

* { 
font-family: "akzidenz-grotesk", Helvetica, Arial, 'Trebuchet MS', sans-serif, 'Sans Serif';
font-style:normal;
font-weight:300;
}

.headline .sup,
#cookie-banner *,
#meta a,
#menu-wrapper #menu ul a,
#language a,
#language li:first-child:after,
.number,
.text .title-4,
.text strong.number,
.text.large-1 strong.number,
.text.large-2 p,
.form-wrapper form *,
.text.medium p,
.text.small p,
.abstract p { 
font-family: "akzidenz-grotesk",sans-serif;
font-style:normal;
font-weight:300;
}

#cookie-banner #cookie-ok,
.button { 
font-family: "akzidenz-grotesk",sans-serif;
font-style:normal;
font-weight:400;
}

#menu a,
.text strong,
.text .strong,
.text.large-1 strong,
.title-2,
.title-3,
.title-2 .sup,
.title-3 .sup,
.rating .title-3 { 
font-family: "akzidenz-grotesk",sans-serif;
font-style:normal;
font-weight:500;
}

.category .sup,
.claim .text,
.category,
.text strong.category,
.text .category { 
font-family: "akzidenz-grotesk-extended",sans-serif;
font-style:normal;
font-weight:400;
}

/* size */
.number {
font-size: 10em;
line-height: 120%;
}

.headline {
font-size: 5.5em;
line-height: 116%;
}

.title-1 {
font-size: 4.6em;
line-height: 126%;
}

.rating .text .box .title-2,
.title-2 {
font-size: 3.4em;
line-height: 123%;
}

#menu a {
font-size: 2.4em;
line-height: 133%;
}

.accordion-title,
.text.large-1 .link,
.text.large-1 p,
.text.large-1 li,
.text.large-1 caption,
.text.large-1 td,
.text.large-1 th,
.text.large-1 span {
font-size: 2.1em;
line-height: 133%;
}

.category {
font-size: 2em;
line-height: 120%;
}

#cta-wrapper #action-overlay.drop-wrapper .drop-content .box .link.arrow-r,
.form-wrapper form label,
.form-wrapper form input,
.form-wrapper form textarea,
.image-drag-slide .descr,
.text.large-2 .link,
.text.large-2 p,
.text.large-2 li,
.text.large-2 th,
.text.large-2 caption,
.text.large-2 td,
.text.large-2 span,
.rating .text a.link,
.title-3 {
font-size: 1.8em;
line-height: 133%;
}

#cookie-banner * {
font-size: 1.125em;
}

#cta-wrapper #action-overlay.drop-wrapper .drop-content .box .link.arrow-r {
font-size: 1.125em !important;
}

.form-wrapper form label,
.form-wrapper form input,
.form-wrapper form textarea {
line-height: 180%;
}

#cta-wrapper #action-overlay.drop-wrapper.init .drop-content .box,
#meta a,
#content-menu a,
#language li:first-child:after,
#language a,
.title-4,
.text.medium .link,
.text.medium p,
.text.medium li,
.text.medium caption,
.text.medium td,
.text.medium th,
.text.medium span {
font-size: 1.6em;
line-height: 125%;
}

#content-menu a {
line-height: 23px !important;
}

#cookie-banner a,
.claim .text,
.title-4,
#social-wrapper #language-button,
.text.small .link,
.text.small p,
.text.small li,
.text.small td,
.text.small th,
.text.small span {
font-size: 1.4em;
line-height: 143%;
}

.button {
font-size: 0.9em;
line-height: 122%;
}

/* reset */
#cookie-banner * *,
#cta-wrapper #action-overlay.drop-wrapper.init .drop-content .box *,
.category *,
.text p *,
.text li *,
.text td *,
.text th *,
.text span *,
.text strong * {
font-size: 100% !important;
}

/* style */
a {
text-decoration: none;
}

.rating .title-3,
.claim .text,
.category,
.button,
#language a,
#language-button,
#meta a {
text-transform: uppercase;
}

.category {
letter-spacing: 0.1em;
}

/* sup for ® */
.sup,
.text .sup,
.text p .sup {
font-size: 50% !important;
display: inline-table !important;
top: -0.35em;
position: relative;
margin-top: 0 !important;
line-height: 10%;
}

.text table .sup {
font-size: 50% !important;
display: inline-table !important;
top: 0.6em;
position: relative;
margin-top: 0 !important;
line-height: 10%;
}

.is-safari .sup,
.is-safari .text .sup,
.is-safari .text p .sup {
margin-top: -0.35em !important;
line-height: 10%;
}

.title .sup,
.headline .sup {
margin-left: 0 !important;
}

.category .sup {
margin-left: -0.1em !important;
}

.title-1 .sup,
.text.medium span .sup,
.title-3 .sup,
.claim .text .sup,
.title-2 .sup {
margin-left: 0.05em !important;
}html {
overflow-y: scroll;
}

html.open-overlay,
html.open-form {
overflow: hidden;
}

html.open-form #content,
html.open-overlay #content {
padding-right: 15px;
}

html.open-form #social-wrapper,
html.open-form #cta-wrapper,
html.open-overlay #social-wrapper,
html.open-overlay #cta-wrapper {
right: 15px;
}

html.open-form #logo,
html.open-overlay #logo {
margin-left: -107.5px;
}

html.open-form.no-mouse #social-wrapper,
html.open-form.no-mouse #cta-wrapper,
html.open-overlay.no-mouse #social-wrapper,
html.open-overlay.no-mouse #cta-wrapper {
right: 0;
}

html.open-form.no-mouse #logo,
html.open-overlay.no-mouse #logo {
margin-left: -100px;
}

html.open-form.no-mouse #content,
html.open-overlay.no-mouse #content {
padding-right: 0;
}

/* header */
#logo {
position: fixed;
top: 0;
left: 50%;
margin: 2.4em 0 0 -10em;
width: 20em;
height: 2em;
float: left;
z-index: 98;
}

#logo svg {
width: 20em;
height: 2em;
float: left;
}

/* social links */
#social-wrapper {
position: fixed;
top: 0;
right: 0;
width: 4em;
float: left;
margin: 5px 0 0 0;
z-index: 100;
}

#social-wrapper #language-button {
height: auto;
text-align: center;
padding-bottom: 2px;
margin-top: 6px;
font-size: 14px;
padding: 1em 0.25em;
}

/* cta buttons */
#cta-wrapper {
position: fixed;
/*
bottom: 0;
*/
bottom: 14vh;
right: 0;
width: 50px;
float: left;
margin: 0 0 20px 0;
z-index: 100;
}

#cta-wrapper.no-action {
margin: 0;
}

#social-wrapper a,
#cta-wrapper a,
#cta-wrapper > div > span {
width: 100%;
height: 40px;
float: left;
padding: 1em;
}

#social-wrapper a {
text-align: center;
}

#cta-wrapper > span {
cursor: pointer;
}

#cta-wrapper .drop-wrapper {
width: 100%;
float: left;
padding-bottom: 16px;
transition: padding 0.25s ease-in-out;
}

#cta-wrapper #action-overlay.drop-wrapper {
padding-bottom: 0;
float: right;
width: 50px;
transition: all 0.5s ease-in-out;
transform: translateX(100%);
margin-right: 50px;
}

#cta-wrapper #action-overlay.drop-wrapper .drop-button {
width: 50px;
position: relative;
margin-top: -50px;
padding-top: 1.7em;
cursor: pointer;
}

#cta-wrapper #action-overlay.drop-wrapper .drop-button svg {
opacity: 1;
transition: opacity 0.5s ease-in-out;
}

#cta-wrapper #action-overlay.drop-wrapper .drop-button:after,
#cta-wrapper #action-overlay.drop-wrapper .drop-button:before {
opacity: 0;
transition: opacity 0.5s ease-in-out;
content: "";
width: 30px;
height: 1px;
float: left;
position: absolute;
top: 23px;
left: 10px;
background: #fff;
}

#cta-wrapper #action-overlay.drop-wrapper .drop-button:before {
transform: rotate(-45deg);
}

#cta-wrapper #action-overlay.drop-wrapper .drop-button:after {
transform: rotate(45deg);
}

#cta-wrapper #action-overlay.drop-wrapper.open .drop-button:after,
#cta-wrapper #action-overlay.drop-wrapper.open .drop-button:before {
opacity: 1;
}

#cta-wrapper #action-overlay.drop-wrapper.open .drop-button svg {
opacity: 0;
}

#cta-wrapper .drop-wrapper.open {
padding-bottom: 0;
}

#cta-wrapper #action-overlay.drop-wrapper {
min-width: 50vw !important;
}

#cta-wrapper #action-overlay.drop-wrapper.open {
transform: translateX(0);
}

#cta-wrapper a,
#cta-wrapper > div > span {
height: 50px;
margin: 4px 0 0 0;
padding: 10px 15px 0 15px;
}

#cta-wrapper .drop-content {
display: none;
transition: all 0;
width: 100%;
float: left;
}

#cta-wrapper #action-overlay.drop-wrapper .drop-content .category {
margin-bottom: 1em;
width: 100%;
float: left;
}

#cta-wrapper #action-overlay.drop-wrapper .drop-content p {
}

#cta-wrapper #action-overlay.drop-wrapper .drop-content {
display: block;
width: auto;
float: none;
margin: 0 -50px 0 0;
padding-left: 6em;
position: relative;
transition: padding 0.5s ease-in-out;
}

#cta-wrapper #action-overlay.drop-wrapper.init .drop-content {
padding-left: 6em;
}

#cta-wrapper #action-overlay.drop-wrapper.open .drop-content,
#cta-wrapper #action-overlay.drop-wrapper.init.open .drop-content {
padding-left: 1.5em;
}

#cta-wrapper #action-overlay.drop-wrapper .drop-content > .box {
width: 100%;
min-width: 280px;
float: left;
}

#cta-wrapper #action-overlay.drop-wrapper.init .drop-content > .box {
padding: 2em 3.5em;
}

#cta-wrapper .drop-content a {
margin: 4px 4px 0 4px;
width: 42px;
height: 42px;
padding: 10px 11px 0 11px;
}

#cta-wrapper #action-overlay.drop-wrapper .drop-content a {
margin: 0;
width: auto;
height: auto;
padding: 0;
}

#cta-wrapper a span,
#cta-wrapper > div > span span {
height: 50px;
width: 50px;
margin: 3px -15px 0 -15px;
text-align: center;
float: left;
transition: color 0.25s ease-in-out;
}

#social-wrapper svg,
#cta-wrapper svg {
width: 2em;
height: 2em;
min-width: 20px;
min-height: 20px;
}

#social-wrapper svg *,
#cta-wrapper svg * {
transition: all 0.25s ease-in-out;
}

/* main menu */
#menu-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
float: left;
z-index: 99;
transform: translateX(-100%);
transition: transform 0.65s ease-out;
overflow: hidden;
}

#form-overlay {
position: fixed;
top: 0;
right: 0;
width: 50%;
min-width: 600px;
height: 100%;
float: left;
z-index: 99;
transform: translateX(100%);
transition: transform 0.65s ease-out;
overflow: hidden;
}

.open-form-overlay #form-overlay,
.open-overlay #menu-wrapper {
transform: translateX(0);
}

#form-overlay .scroll-wrapper,
#menu-wrapper .scroll-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
float: left;
overflow: hidden;
}

.open-form #form-overlay .scroll-wrapper,
.open-menu #menu-wrapper .scroll-wrapper {
overflow-y: auto;
}

.mobile.open-form #form-overlay .scroll-wrapper,
.mobile.open-menu #menu-wrapper .scroll-wrapper {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-moz-overflow-scrolling: touch;
-ms-overflow-scrolling: touch;
-o-overflow-scrolling: touch;
overflow-scrolling: touch;
}

#menu-wrapper .scroll-wrapper .inner-wrapper {
position: relative;
top: 0;
left: 0;
width: 100%;
max-width: 50%;
min-width: 600px;
min-height: 100%;
float: left;
padding-left: 57px;
overflow: hidden;
}

#form-overlay .scroll-wrapper .inner-wrapper {
position: relative;
top: 0;
right: 0;
width: 100%;
max-width: 100%;
min-height: auto;
float: right;
padding: 4em 5em 10em 4em;
overflow: hidden;
}

#menu-wrapper #menu {
position: relative;
margin-left: 33.3333333%;
padding: 148px 0 120px 0;
width: 66.6666666666%;
min-height: 100vh;
float: left;
}

#menu-wrapper #menu li {
float: left;
clear: both;
width: 100%;
}

#menu-wrapper #menu > li {
margin-bottom: 20px;
}

#menu-wrapper #menu ul {
display: none;
clear: both;
position: relative;
margin: -16px 0 -12px -20px;
padding: 22px 20px 10px 0;
width: 100%;
float: left;
box-sizing: content-box;
}

#menu-wrapper #menu ul > li {
padding-left: 20px;
box-sizing: border-box;
}

#menu-wrapper #menu .has-children ul.open {
display: block;
}

#menu-wrapper #menu a {
position: relative;
z-index: 10;
padding-right: 20px;
float: left;
}

#menu-wrapper #menu ul a {
padding: 5px 0;
width: auto;
float: left;
}

#menu-wrapper a {
transition: color 0.25s ease-in-out;
}

#menu-wrapper .close-button {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
float: left;
cursor: pointer;
}

/* language */
#language {
Position: absolute;
top: 0;
left: 0;
margin: 20px 0 0 33.333333333%;
padding: 0 0 0 37px;
}

#language * {
float: left;
}

#language li:first-child:after {
content: "|";
padding: 0 5px;
}

/* meta */
#meta {
position: relative;
margin: -60px 0 0 33.3333333%;
width: 66.6666666666%;
float: left;
}

#meta * {
float: left;
}

#meta li {
margin: 0 20px 0 0;
}

#meta li:last-child {
margin: 0;
}

/* menu button */
#menu-button {
position: fixed;
top: 0;
left: 0;
float: left;
height: 20px;
width: 30px;
margin: 22px 0 0 21px;
cursor: pointer;
z-index: 100;
}

#menu-button span:after,
#menu-button span:before,
#menu-button span {
position: absolute;
top: 0;
left: 0;
float: left;
height: 2px;
width: 100%;
margin: 9px 0 0 0;
transition: all 0.25s ease-in-out;
}

#menu-button span:after,
#menu-button span:before {
content: "";
}

#menu-button span:after {
margin-top: -9px;
}

#menu-button span:before {
margin-top: 9px;
}

.open-menu #menu-button span:after {
transform: rotate(-45deg);
margin: 0;
}

.open-menu #menu-button span:before {
transform: rotate(45deg);
margin: 0;
}

/* content menu */
#content-menu {
position: fixed;
/*
top: 50%;
transform: translateY(-50%);
z-index: 10;
*/
top: 0;
left: -360px;
width: 57px;
transition: all 0.5s ease-out;
}

.init-menu #content-menu {
left: 0;
}

/* on top (not in use)
.menu-small #content-menu {
z-index: 10;
}
*/

#content-menu .wrapper {
position: relative;
margin: 64px 0 0 0;
padding: 144px 10px 76px 10px;
width: auto;
min-width: 360px;
overflow: hidden;
float: left;
z-index: 1;
}

#content-menu .wrapper:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
float: left;
z-index: -1;
}

#content-menu .wrapper ul {
position: relative;
width: auto;
float: left;
z-index: 10;
}

#content-menu li {
position: relative;
width: auto;
float: left;
padding: 7px 0 10px 30px;
transition: padding 0.5s ease-out;
clear: both;
}

#content-menu li.active {
padding-left: 52px;
}

#content-menu li:before {
content: "";
position: absolute;
top: 50%;
left: 0;
margin: -4px 0 0 12px;
width: 10px;
height: 1px;
transition: all 0.5s ease-out;
}

#content-menu li.active:before {
width: 30px;
height: 2px;
margin: -4px -40px 0 10px;
}

#content-menu a {
position: relative;
width: auto;
float: right;
}

#content-menu a span {
float: left;
white-space: nowrap;
transition: all 0.5s ease-out;
text-indent: -200px;
opacity: 0;
}

/* content wrapper */
#main {
display: block;
clear: both;
overflow: hidden;
}

#container {
margin: 0 4em;
display: block;
clear: both;
}

#content {
position: relative;
z-index: 1;
padding-top: 6.4em;
float: left;
min-height: 100vh;
width: 100%;
padding-bottom: 10em;
margin-bottom: -10em;
}

.bg-img {
position: relative;
background-position: center right;
background-size: auto 100%;
background-repeat: no-repeat;
}

/* bg fade gallery */
#bg-gallery {
z-index: -1;
}

#bg-gallery,
#bg-gallery .fade-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
float: left;
z-index: 1;
overflow: hidden;
}

#bg-gallery .fade-item {
background-position: center right;
background-size: auto 100%;
background-repeat: no-repeat;
z-index: 1;
}

#bg-gallery .fade-item.show {
z-index: 3;
}

.inview-item-fullscreen {
z-index: 10;
}

/* inview */
.inview-item,
.is-ie.is-edge .inview-item {
top: 200px;
opacity: 0;
}

.is-ie.v-11 .inview-item,
.is-ie.v-10 .inview-item,
.is-ie.v-9 .inview-item,
.is-ie.v-11 #content > div:first-child .last .inview-item,
.is-ie.v-10 #content > div:first-child .last .inview-item,
.is-ie.v-9 #content > div:first-child .last .inview-item {
top: 0;
opacity: 1;
}

.is-ie.v-11 #content > div:first-child .inview-item,
.is-ie.v-10 #content > div:first-child .inview-item,
.is-ie.v-9 #content > div:first-child .inview-item {
top: 200;
opacity: 0;
}

.inview-item-fullscreen {
margin-top: 200px;
opacity: 0;
}

/* fullscreen stage */
.stage-fullscreen {
padding-bottom: 5.4em;
}

.stage-fullscreen > .clear {
position: relative;
margin-left: -4em;
height: 100vh;
max-height: 160.4em;
}

.stage-fullscreen .bg-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0 0 10.4em 0;
}

.stage-fullscreen .bg-img {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center right;
padding-left: 4em;
}

.stage-fullscreen .center-v {
padding-left: 16.6666666666666%;
}

.stage-fullscreen .center-v .claim .wrap {
width: 50%;
}

.stage-fullscreen .center-v .claim .text {
width: auto;
margin: 2em 0.71428571428571em 0 0.71428571428571em;
padding: 0.5em 1em 0.35em 1em;
}

/* stage text image */
.stage-text-image .image,
.stage-text-image .box.text {
width: 50%;
float: right;
}

.stage-text-image .box.text .title-2 {
padding-top: 0.75em;
}

.stage-text-image.right .box.text,
.stage-text-image.left .image {
float: left;
}

.stage-text-image.left .box.text,
.stage-text-image.right .image {
float: right;
}

.stage-text-image .box.text {
padding-top: 12%;
}

.stage-text-image.right .box.text {
padding-left: 16.66666666666%;
}

.stage-text-image.left .box.text {
padding-right: 16.66666666666%;
}

.stage-text-image.left.img-w .box.text {
margin-left: -50%;
}

.stage-text-image.right.img-w .box.text {
margin-right: -50%;
}

.stage-text-image.right.img-h .image {
padding-right: 8.3333333333%;
}

.stage-text-image.left.img-h .image {
padding-left: 8.3333333333%;
}

.stage-text-image.right.img-w .image {
margin-right: -4em;
}

.stage-text-image.left.img-w .image {
margin-left: -4em;
}

.stage-text-image.left.img-w .image {
width: auto;
margin-right: 50%;
}

.stage-text-image.right.img-w .image {
width: auto;
margin-left: 50%;
}

.stage-text-image.left.img-w .image .wrap {
padding-left: 0;
}

.stage-text-image.right.img-w .image .wrap {
padding-right: 0;
}

.stage-text-image.right.img-q .image {
padding-left: 8.3333333333%;
}

.stage-text-image.left.img-q .image {
padding-right: 8.3333333333%;
}

/* accordion-wrapper */
.accordion-wrapper .box.top {
padding-right: 24.99999999999%;
padding-left: 8.333333333333%;
}

.accordion-wrapper .box.top .category {
padding-bottom: 2em;
}

.accordion-wrapper .box.top .title-1 {
padding-bottom: 0.75em;
}

.accordion-wrapper .box.bottom {
padding-left: 8.333333333333%;
padding-right: 8.333333333333%;
}

.accordion-wrapper.double .box.bottom {
margin-top: 3.4em;
}

.accordion-wrapper .box.bottom .text-wrapper {
position: relative;
width: 40%;
float: left;
margin-top: 2em;
}

.accordion-wrapper.right .box.bottom .text-wrapper {
float: right;
}

.accordion-wrapper.double .box.bottom .text-wrapper {
margin-top: -4em;
}

.accordion-wrapper .box.bottom .accordion-frame {
width: 60%;
float: left;
}

.accordion-wrapper.left .box.bottom .accordion-frame {
float: right;
}

.accordion-wrapper .text-wrapper:after {
content: "";
position: absolute;
top: 0;
left: 0;
float: left;
width: 125%;
height: 100%;
z-index: -1;
box-sizing: content-box;
padding: 2em 4em 2.5em 3em;
margin-left: -1em;
margin-top: -2em;
}

.accordion-wrapper.left .text-wrapper:after {
left: auto;
right: 0;
padding: 2em 3em 2.5em 4em;
margin-right: -1em;
}

.accordion-wrapper.double.left .text-wrapper:after {
left: auto;
right: 1em;
width: 75%;
height: 80%;
padding-left: 3em;
padding-bottom: 4em;
margin: 10em 50% 0 0;
}

.accordion-wrapper.double.right .text-wrapper:after {
right: -1em;
left: auto;
width: 150%;
height: 80%;
padding-top: 12em;
margin-top: -12em;
}

.accordion-wrapper.right .accordion-frame {
padding-right: 5em;
padding-left: 1em;
}

.accordion-wrapper.left .accordion-frame {
padding-left: 5em;
padding-right: 1em;
}

.accordion-wrapper .accordion {
padding-right: 0;
border-bottom: 1px solid #fff;
padding-left: 0;
}

.accordion-wrapper .accordion .accordion-content {
padding: 1em 0 4em 0;
}

.accordion-wrapper .accordion.icon {
padding-left: 1em;
}

.accordion-wrapper.single .accordion.icon {
padding-left: 0;
}

.accordion-wrapper .accordion:first-child {
border-top: 1px solid #fff;
}

.accordion-wrapper .accordion-title {
padding: 0.905em 3em 0.905em 0;
position: relative;
float: left;
width: 100%;
}

.accordion-wrapper .icon .accordion-title {
font-size: 100%;
padding: 1.9em 0;
}

.accordion-wrapper .icon .accordion-title img {
height: 2.7em;
width: auto;
float: left;
}

.accordion-wrapper.single .text-wrapper .table-wrapper,
.accordion-wrapper.double .text-wrapper .table-wrapper {
width: 100%;
}

.accordion-title:after {
content: "";
position: absolute;
right: 0.75em;
top: 50%;
opacity: 1;
width: 15px;
height: 15px;
margin-top: -0.55em;
border: 3px solid #fff;
border-top: none;
border-left: none;
transform: rotate(45deg);
float: left;
opacity: 1;
transition: all 0.25s ease-in-out;
z-index: 10;
}

.icon .accordion-title:after {
right: 1.575em;
margin-top: -1.155em;
}

.open .accordion-title:after {
transform: rotate(-135deg);
margin-top: -0.21153846153845em
}

.icon .open .accordion-title:after {
margin-top: -0.44423076923075em;
}

.accordion-wrapper.double .accordion-frame {
position: relative;
}

.accordion-wrapper.double .accordion-frame:after {
content: "";
position: absolute;
top: 0;
right: 1em;
float: left;
width: 100%;
height: 100%;
z-index: -1;
box-sizing: content-box;
padding: 4em 4em 4em 16.6666666666%;
margin-top: -4em;
}

.accordion-wrapper.double.left .accordion-frame:after {
right: auto;
left: 1em;
}

.accordion-wrapper .accordion-content.text .table-wrapper,
.accordion-wrapper .accordion-content.text .table-wrapper table {
width: 100% !important;
}

/* accordion */
.accordion {
position: relative;
}

.accordion-title,
.accordion-special-wrapper .item .image {
cursor: pointer;
}

.accordion-special-wrapper .item .title .wrap {
padding: 0.5em;
}

.accordion-content {
display: none;
}

.accordion .toggle {
position: absolute;
bottom: 0;
left: 0;
width: 50px;
height: 50px;
float: left;
cursor: pointer;
margin-bottom: -1em;
}

.accordion.open .toggle {
margin-bottom: -10.3em;
}

.accordion .toggle:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 3em;
height: 3em;
border: 0.3em solid #fff;
border-top: 0;
border-left: none;
transform: rotate(45deg);
float: left;
margin: 0 0 1.8em 1.8em;
opacity: 1;
transition: all .25s ease-in-out;
z-index: 10;
}

.accordion.open .toggle:after {
transform: rotate(-135deg);
}

/* youtube player */
.youtube {
padding-left: 16.66666666%;
padding-right: 16.66666666%;
}

.youtube .category {
padding-bottom: 1.5em;
}

.youtube figcaption {
padding-top: 3em;
}

.movie {
padding: 0;
position: relative;
width: 100%;
}

.movie .player {
position: relative;
cursor: pointer;
overflow: hidden;
width: 100%;
}

.movie img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 1;
}

.movie .player:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
float: left;
z-index: 2;
width: 64px;
height: 64px;
border-radius: 50%;
margin: -31px  0 0 -31px;
background-color: rgba(9,35,61,0.8);
}

.movie .player:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
float: left;
z-index: 3;
width: 0;
height: 0;
border: 14px solid rgba(255,145,119,0);
border-left: 24px solid rgba(255,145,119,1);
margin: -13px  0 0 -8px;
}

.movie .player.active:before,
.movie .player.active:after {
display: none;
}

.movie .player-frame {
position: relative;
float: left;
}

/* slider gallery */
.image-gallery {
position: relative;
}

.gallery-wrapper {
position: relative;
padding-bottom: 45%;
padding-top: 32px;
/*
margin-bottom: -100%;
*/
z-index: 3;
}

.gallery-wrapper .gallery-frame {
position: absolute;
top: 0;
left: 0;
height: 100%;
}

.image-gallery .top {
padding-left: 8.33333333333%;
}

.image-gallery .category {
width: 50%;
overflow: hidden;
height: 4em;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: -4em;
position: relative;
z-index: 2;
padding: 0 0.5em;
}

.image-gallery .text-wrapper {
width: 50%;
margin-right: -50%;
padding-left: 8.33333333333%;
padding-right: 8.33333333333%;
position: relative;
z-index: 1;
}

.image-gallery .text-wrapper > .wrap {
padding-top: 8em;
padding-bottom: 8em;
min-height: 45vw;
}

.image-gallery .bg-field:before {
content: "";
position: absolute;
top: 20%;
left: 0;
float: left;
width: 50%;
height: 70%;
min-height: 300px;
z-index: -1;
box-sizing: content-box;
margin-left: -40px;
padding: 0 4em 0 0;
}

/* plugin */
.caption .carousel {
padding-bottom: 45%;
}

.carousel .flickity-viewport {
position: absolute;
width: 100%;
}

.carousel-cell {
width: auto;
height: 100%;
margin-right: 0;
padding-right: 2em;
}

.caption .carousel-cell.img-q {
width: calc(40% - 1em);
}

.caption .carousel-cell.img-q.first {
width: 85%;
background-color: transparent !important;
border-right: 2em solid #fff;
padding-right: 0;
}

.caption .carousel-cell.img-q.first:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 50%;
margin: 0 -1em 0 0;
height: 100%;
float: left;
background-color: #fff;
z-index: -1;
}

.caption .carousel-cell.img-h {
width: calc(35% - 1em);
}

.caption .carousel-cell.img-w {
width: calc(55% - 1em);
}

.carousel-cell .item {
position: relative;
width: 100%;
height: 100%;
}

.caption .carousel-cell .item {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
height: 90%;
}

.caption .carousel-cell .item  .caption-wrapper {
position: absolute;
bottom: -10%;
height: 10%;
float: left;
width: 100%;
padding-top: 1em;
margin-bottom: 0;
}

.caption .carousel-cell .item  .caption-wrapper p {
overflow: hidden;
float: left;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}

.carousel-cell.first {
width: 80%;
}

.carousel-cell.first .item {
width: calc(50% - 1em);
float: right;
}

.carousel-cell .first {
padding-left: 100%;
}

.carousel-cell .item img {
position: absolute;
display: block;
height: 100%;
min-width: 150px;
max-width: 100%;
margin-right: 20px;
top: 50%;
left: 0%;
transform: translateY(-50%);
max-height: 100%;
float: none;
}

.carousel-image {
display: block;
height: 100%;
/* set min-width, allow images to set cell width */
min-width: 15em;
max-width: 100%;
margin-right: 2em;
/* vertically center */
top: 50%;
transform: translateY(-50%);
width: auto;
float: none;
}

.carousel-image.first {
padding-left: 41.6%;
}

.flickity-viewport {
overflow: visible;
}

.flickity-button:disabled {
display: none;
}

.flickity-page-dots {
bottom: -6em;
padding-left: 50%;
width: 200%;
}

.caption .flickity-page-dots {
bottom: 0;
}

.flickity-page-dots .dot {
position: relative;
float: left;
width: 3.4em;
height: 4.1em;
margin: 0 1.2em 0 0;
border-radius: 0;
opacity: 1;
background-color: transparent !important;
}

.flickity-page-dots .dot:after {
content: "";
position: absolute;
top: 2.1em;
left: 0;
width: 100%;
height: 1px;
float: left;
}

.flickity-page-dots .dot.is-selected:after {
top: 2em;
height: 3px;
}

.flickity-page-dots .dot:first-child {
margin-left: 0;
}

.flickity-page-dots .dot.is-selected {
margin-top: 0;
height: 4.3em;
}

.flickity-button {
background-color: transparent !important;
}

.flickity-prev-next-button {
width: 15em;
height: 15em;
opacity: 0;
margin-top: -5.1em;
}

.flickity-prev-next-button.next {
right: -7em;
}

.flickity-prev-next-button.previous {
left: -7em;
}

/* links */
.image-gallery .link-wrapper {
position: absolute;
bottom: 0;
left: 0;
margin-bottom: 17.6em;
padding-left: 10px;
margin-left: 8.33333333333%;
z-index: 20;
}

.link.arrow-r {
/*
margin-top: 1.33em;
*/
margin-top: 0.5em;
width: auto;
float: left;
clear: both;
}

.link.arrow-r.first {
margin-top: 1.33em;
}

#cta-wrapper #action-overlay.drop-wrapper .link.arrow-r svg,
#cta-wrapper #cta-wrapper #action-overlay.drop-wrapper .link.arrow-r svg,
.link.arrow-r svg {
width: auto;
clear: both;
width: 68px;
height: 14px;
padding-left: 10px;
}

#cta-wrapper #action-overlay.drop-wrapper .drop-content .link.arrow-r {
margin-top: 0;
}

#cta-wrapper #action-overlay.drop-wrapper .drop-content .link.arrow-r.first {
margin-top: 1.6em;
}

#cta-wrapper #action-overlay.drop-wrapper .drop-content .link.arrow-r svg {
padding-top: 0.6em;
}

.link.arrow-r.large svg {
width: 130px;
height: 20px;
}

/* two col icon wrapper */
.two-col-icon-wrapper {
padding-left: 8.33333333%;
padding-right: 8.33333333%;
}

.two-col-icon-wrapper .text-wrapper {
padding-right: 30%;
}

.two-col-icon-wrapper .text-wrapper .category {
padding-bottom: 4em;
}

.two-col-icon-wrapper .text-wrapper:after {
content: "";
position: absolute;
top: 0;
left: 30%;
width: 70%;
margin: 0;
height: 100%;
float: left;
background-color: #fff;
z-index: -1;
box-sizing: content-box;
padding: 8em 10% 0 4em;
}

.two-col-icon-wrapper .box.bottom {
padding-left: 10%;
padding-right: 10%;
}

.grid.vertical {
margin-top: 10em;
}

.grid.vertical .item,
.grid.vertical .grid-sizer {
width: 49%;
}

.grid.vertical .item:nth-child(odd) {
float: left;
}

.grid.vertical .item:nth-child(even) {
float: right;
}

.grid.vertical .item .wrap {
padding-bottom: 2em;
}

.two-col-icon-wrapper .grid .icon {
width: 3.33333333333333em;
float: left;
clear: both;
padding: 0 0 1em 0;
}

/* image drag slide (before / after) */
.image-drag-slide {
padding-bottom: 24em;
}

.image-drag-slide .first {
width: 41.6666666666%;
padding-left: 8.33333333333%;
}

.image-drag-slide .top {
padding-left: 8.33333333333%;
}

.image-drag-slide .last {
width: 58.3333333333%;
float: right;
padding-right: 8.33333333333%;
position: relative;
}

.image-drag-slide .first:after {
content: "";
position: absolute;
top: 0;
left: 0;
float: left;
width: 133.333333333%;
height: 100%;
z-index: -1;
box-sizing: content-box;
margin: -4em 0 0 -4em;
padding: 0 4em 12em 0;
}

.image-drag-slide .last:after {
content: "";
position: absolute;
top: 0;
right: 0;
float: left;
width: 85%;
height: 100%;
z-index: -1;
box-sizing: content-box;
margin: -10em -4em 0 0;
padding: 0 0 0 1.2em;
}

.image-drag-slide .first .text .title-2 {
padding: 0;
}

.image-drag-slide .box .category {
padding-bottom: 4em;
}

.image-drag-slide .descr {
position: absolute;
bottom: 0;
float: left;
opacity: 0;
padding: 0.5em 1em;
background-color: rgba(255,255,255,0.7);
transition: opacity 0.25s ease-in-out;
}

.image-drag-slide .before-text,
.image-drag-slide .after-text {
position: absolute;
bottom: 0;
float: left;
opacity: 0;
pointer-events: none;
z-index: 20;
}

.image-drag-slide .after-text {
right: 14.28571428571429%;
}

.image-drag-slide .before-text {
left: 0;
}

/* plugin */
.image-drag-slide .compare {
width: 100%;
height: auto;
padding: 0;
position: relative;
opacity: 0;
float: left;
}

.image-drag-slide .compare .right.image {
z-index: 1;
float: left;
position: relative;
}

.image-drag-slide .compare .left.image {
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
border-right: 3px solid white;
margin-right: -5px;
float: left;
}

.image-drag-slide .compare .left.image .inner {
position: relative;
width: 100%;
height: 100%;
float: left;
overflow: hidden;
}

.image-drag-slide .compare .right.image img,
.image-drag-slide .compare .left.image img {
height: auto;
width: 100%;
max-width: none;
float: none;
}

.image-drag-slide .compare .left.image:before,
.image-drag-slide .compare .left.image:after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 20px;
height: 20px;
float: left;
z-index: 100;
border: 3px solid rgba(0,0,0,0);
border-bottom-color: #fff;
}

.image-drag-slide .compare .left.image:before {
margin: -10px -1px 0 0;
border-left-color: #fff;
transform: rotate(45deg);
}

.image-drag-slide .compare .left.image:after {
margin: -10px -22px 0 0;
border-right-color: #fff;
transform: rotate(-45deg);
}


/* stage text image special */
.stage-text-image-special .image,
.stage-text-image-special .text-wrapper {
width: 50%;
}

.stage-text-image-special .image {
float: right;
padding-left: 8.333333333%;
}

.stage-text-image-special .text-wrapper {
padding-right: 0;
padding-left: 16.666666666%;
padding-top: 15%;
}

.stage-text-image-special .facts-wrapper {
width: 200%;
padding-top: 8em;
}

.stage-text-image-special .facts-wrapper .category {
position: relative;
margin-bottom: -0.65em;
z-index: 2;
}

.stage-text-image-special .grid-wrapper {
position: relative;
padding: 6em 3em 0 3em;
z-index: 1;
}

.stage-text-image-special .grid-wrapper .match {
padding: 0 0.625em 2.5em 0.625em;
}

.stage-text-image-special .grid-wrapper .cols-2 .match {
width: 50%;
}

.stage-text-image-special .grid-wrapper .cols-3 .match {
width: 33.3333333%;
}

.stage-text-image-special .grid-wrapper .cols-3 .match:nth-child(odd):last-child {
width: 66.6666666666666%;
}

.stage-text-image-special .grid-wrapper .cols-4 .match {
width: 25%;
}

.stage-text-image-special .grid-wrapper .cols-4 .match:nth-child(odd):last-child {
width: 66.6666666666666%;
}

.stage-text-image-special .facts-wrapper .match img {
width: 3.125em;
height: 3.125em;
margin-bottom: 0.5em;
}

/* person */
.person .image {
width: 58.33333333333%;
padding-left: 8.333333333%;
margin-right: -17%;
}

.person.right .image {
padding-right: 8.333333333%;
margin-left: -17%;
margin-right: 0;
padding-left: 0;
float: right;
}

.person.right .match.image {
padding-right: 0%;
margin-left: 0;
}

.person .last {
width: 58.33333333333%;
}

.person.left .last {
float: right;
}

.person .last .text-wrapper .text {
padding-bottom: 4em;
}

.person .category {
padding-bottom: 2em;
}

.person .title-2 {
padding-bottom: 1em;
}

.person .image .text-wrapper {
padding-right: 33.3333333%;
padding-top: 4em;
}

.person .image .text-wrapper.nst {
padding-top: 0;
}

.person.right .image .text-wrapper {
padding-left: 33.3333333%;
padding-right: 0;
}

.person .last .text-wrapper {
padding-left: 16.66666666%;
padding-right: 16.66666666%;
}

.person .last .box-wrapper {
padding: 4em 15%;
}

.person .last .box-wrapper .title-4.first {
padding-bottom: 2em;
margin-bottom: 2em;
border-bottom: 1px solid #fff;
width: 100%;
float: left;
}

.person .last .box-wrapper .title-4.last {
padding-bottom: 2em;
width: 100%;
float: left;
}

.person .last .box-wrapper .match,
.person .last .box-wrapper .match.image {
width: 50%;
float: left;
padding-bottom: 4em;
padding-right: 1em;
}

.person .last .box-wrapper .match:nth-child(even),
.person .last .box-wrapper .match.image:nth-child(even) {
padding-left: 1em;
padding-right: 0;
}

.person .last .box-wrapper .match.image {
padding-bottom: 0.2em;
margin-right: 0;
padding-left: 0;
}

.person .last .box-wrapper .match img {
float: none;
position: relative;
transform: translateY(-50%);
top: 50%;
}

.person .last .box-wrapper .match:nth-child(odd):last-child img {
transform: translateY(0);
top: 0;
}

/* rating slider */
.rating .gallery-wrapper {
padding-top: 0;
margin-left: -4em;
margin-right: -4em;
padding-bottom: 0;
margin-bottom: 0;
}

.rating .gallery-wrapper .gallery-frame {
position: relative;
}

.edit-mode .rating {
padding-bottom: 50vh;
margin-bottom: 40px;
}

.rating .carousel {
width: 100%;
padding-bottom: 50%;
}

.rating .carousel-cell {
width: 50%;
margin-right: 0;
padding-right: 0;
}

.rating .carousel-cell .item {
height: 90%;
padding-top: 4em;
}

.rating .carousel-cell:nth-child(odd) .item {
margin-top: 10%;
}

.rating .carousel-cell .item > .clear {
display: block;
margin-right: 4em;
margin-left: 0;
padding-right: 16%;
padding-left: 16%;
}

.rating .carousel-cell:nth-child(odd) .item > .clear {
margin-left: 4em;
margin-right: 0;
}

.rating .grid-wrapper .wrap {
width: 50%;
}

.rating .grid-wrapper .wrap:nth-child(even) {
padding-right: 0;
}

.rating .grid-wrapper .wrap:nth-child(odd) {
padding-left: 0;
}

.rating .stars {
width: 100%;
float: left;
margin: 1em 0 4em 0;
}

.rating .stars span {
width: 1.33333333333333em;
height: 1.33333333333333em;
float: left;
margin-right: 0.5em;
}

.rating .stars span:last-child {
margin-right: 0;
}

.rating .text a.link {
margin-top: 0.5em;
float: left;
}

.rating .text .box {
margin-top: 4em;
}

.rating .text .title-2.box {
margin-top: 0;
}

.rating .text .box .title-3 {
padding-bottom: 1em;
}

.rating .flickity-prev-next-button.next {
right: -3em;
}

.rating .flickity-prev-next-button.previous {
left: -3em;
}

.rating .box.top .wrap,
.rating .category {
float: left;
}

.rating .box.top {
position: relative;
height: 2.4em;
overflow: hidden;
text-overflow: ellipsis;
z-index: 10;
margin-bottom: -2.4em;
}

/* title text image */
.title-text-image .image {
margin-left: -100%;
padding-left: 24.99999999999999%;
float: right;
}

.title-text-image .image .clear {
margin-right: -4em;
margin-left: 1em;
}

.title-text-image .text-wrapper {
width: 58.333333333333%;
padding-left: 8.33333333333%;
padding-top: 15%;
}

.title-text-image.center .text-wrapper {
width: 100%;
padding-left: 16.666666666%;
padding-right: 16.666666666%;
padding-top: 0;
}

.title-text-image.center .text-wrapper .headline {
width: 100%;
float: left;
padding-bottom: 0.4em;
}

.title-text-image.large .text-wrapper,
.title-text-image.column .text-wrapper {
width: 100%;
padding-left: 8.3333333333%;
padding-right: 8.3333333333%;
padding-top: 0;
}

.title-text-image.column .text-wrapper .cols {
border: 0;
padding: 0;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
-webkit-column-rule: none;
-moz-column-rule: none;
column-rule: none;
}

.title-text-image.column .text-wrapper .cols p:first-child {
padding-top: 0;
}

.title-text-image.column .text-wrapper .title-3 {
padding-bottom: 1.33333333333333em;
}

.title-text-image .text-wrapper .category {
width: 150%;
float: left;
margin-bottom: 4em;
}

.title-text-image.bg-field .text-wrapper {
position: relative;
padding-left: 8.333333333%;
width: 66.6666666666%;
padding-top: 0;
padding-bottom: 8em;
}

.title-text-image.bg-field .text-wrapper:after {
content: "";
position: absolute;
top: 0;
right: -4em;
float: left;
width: 100%;
height: 100%;
z-index: -1;
box-sizing: content-box;
margin-right: -50%;
padding-left: 3em;
}

/* title text image 2 */
.title-text-image-2 > .box {
position: relative;
}

.title-text-image-2 .image {
width: 41.66666666666665%;
}

.title-text-image-2 .box.text {
width: 58.3333333333333%;
padding-top: 0;
}

.title-text-image-2 .box.last .wrap > .box.special {
padding-top: 1.5em;
margin-top: 3.5em;
border-top: 1px solid #fff;
}

.title-text-image-2 .box.text .cols {
width: 50%;
}

.title-text-image-2 .image .box {
padding-right: 20%;
}

.stage-text-image.title-text-image-2.right .box.text {
padding-left: 8.3333333333%;
}

.stage-text-image.title-text-image-2.left .box.text {
padding-right: 8.3333333333%;
}

.stage-text-image.title-text-image-2 .category {
width: 100%;
float: left;
margin-bottom: 1.4em;
}

.stage-text-image.title-text-image-2 .title-2 {
width: 100%;
float: left;
}

.stage-text-image.title-text-image-2.two-cols > .box:after {
content: "";
position: absolute;
top: 0;
right: 0;
float: left;
width: 74.99999999999997%;
height: 80%;
z-index: -1;
box-sizing: content-box;
padding-left: 3em;
margin-right: -4em;
margin-top: 8em;
}

.stage-text-image.title-text-image-2.two-cols.left > .box:after {
right: auto;
left: 0;
margin-left: -4em;
margin-right: 0;
}

.title-text-image-2.small-field .image:before {
content: "";
position: absolute;
top: 0;
right: 0;
float: left;
width: 100%;
height: 100%;
z-index: -1;
box-sizing: content-box;
padding-left: 3em;
margin-right: -4em;
margin-top: -8em;
}

.title-text-image-2.small-field.left .image:before {
right: auto;
left: 0;
margin-right: 0;
margin-left: -4em;
}

.title-text-image-2.large-field .text:before {
content: "";
position: absolute;
top: 0;
right: -1em;
margin-right: -63%;
float: left;
width: 63%;
height: 100%;
z-index: -1;
box-sizing: content-box;
margin-top: -8em;
}

.title-text-image-2.large-field.left .text:before {
right: auto;
left: -1em;
margin-left: -63%;
}


.title-text-image-2 .box.text .cols .number {
border-bottom: 1px solid #fff;
padding-bottom: 0.16em;
padding-top: 0.5em;
}

.title-text-image-2.small-field .box.text,
.title-text-image-2.small-field .image,
.title-text-image-2.large-field .box.text,
.title-text-image-2.large-field .image {
position: relative;
width: 50%;
}

.title-text-image-2.small-field.left .image .box,
.title-text-image-2.large-field.left .image .box {
padding-left: 0;
padding-right: 16.66666666666%;
}

.title-text-image-2.large-field.left .image .box {
padding-left: 16.66666666666%;
padding-right: 16.66666666666%;
}

.title-text-image-2.small-field.right .image .box,
.title-text-image-2.large-field.right .image .box {
padding-right: 0;
padding-left: 16.66666666666%;
}

.title-text-image-2.large-field.right .image .box {
padding-right: 16.66666666666%;
padding-left: 16.66666666666%;
}

.stage-text-image.title-text-image-2.small-field .title-2,
.stage-text-image.title-text-image-2.large-field .title-2 {
padding-bottom: 0.75em;
}

/* text image special */
.text-image-special .box.top {
padding-LEFT: 8.3333333333333%;
}

.text-image-special .category {
padding-bottom: 1.2em;
}

.text-image-special .image.large {
position: relative;
padding-left: 8.3333333333%;
padding-right: 24.99999999999999%;
}

.text-image-special .image.large:after {
content: "";
position: absolute;
top: 0;
right: 0;
float: left;
width: 33.33333333333%;
height: 100%;
z-index: -1;
box-sizing: content-box;
padding-left: 3em;
padding-bottom: 8em;
margin-right: -4em;
margin-top: 4em;
}

.text-image-special .box.first,
.text-image-special .box.last {
width: 50%;
padding-top: 8em;
}

.text-image-special .box.first {
padding-left: 16.666666666666%;
}

.text-image-special .box.last {
padding-left: 8.333333333333%;
padding-right: 8.333333333333%;
}

.text-image-special .box.first .image {
margin-top: 16em;
}

.text-image-special .box.last .image {
margin-bottom: 8em;
}

/* accordion special wrapper */
.accordion-special-wrapper .item {
width: 50%;
}

.accordion-special-wrapper .accordion-wrapper {
padding-bottom: 12em;
}

.accordion-special-wrapper .item.item-1,
.accordion-special-wrapper .item.item-3 {
float: left;
}

.accordion-special-wrapper .item.item-2,
.accordion-special-wrapper .item.item-4 {
float: right;
}

.accordion-special-wrapper .item.item-2 {
margin-top: 30%;
}

.accordion-special-wrapper .item.item-3 {
margin-top: 10%;
clear: left;
margin-bottom: -18em;
}

.accordion-special-wrapper .item.item-3:last-child {
margin-bottom: 0;
}

.accordion-special-wrapper .item.item-4 {
clear: both;
}

.accordion-special-wrapper .item-1.img-h .image  {
padding-left: 33.3333333333%;
}

.accordion-special-wrapper .item-1.img-q .image,
.accordion-special-wrapper .item-1.img-w .image {
padding-right: 16.6666666666%;
}

.accordion-special-wrapper .item-2.img-h .image,
.accordion-special-wrapper .item-3.img-h .image,
.accordion-special-wrapper .item-3.img-q .image,
.accordion-special-wrapper .item-3.img-w .image,
.accordion-special-wrapper .item-4.img-w .image,
.accordion-special-wrapper .item-4.img-h .image {
padding-left: 16.6666666666%;
padding-right: 16.6666666666%;
}

.accordion-special-wrapper .item-2.img-q .image,
.accordion-special-wrapper .item-2.img-w .image,
.accordion-special-wrapper .item-4.img-w .image {
padding-left: 16.6666666666%;
}

.accordion-special-wrapper .item-4.img-q .image {
padding-left: 16.6666666666%;
padding-right: 16.6666666666%;
}

.accordion-special-wrapper .item-1.img-h .accordion-wrapper,
.accordion-special-wrapper .item-1.img-w .accordion-wrapper,
.accordion-special-wrapper .item-1.img-q .accordion-wrapper,
.accordion-special-wrapper .item-3.img-h .accordion-wrapper,
.accordion-special-wrapper .item-3.img-w .accordion-wrapper,
.accordion-special-wrapper .item-3.img-q .accordion-wrapper {
padding-left: 33.3333333333%;
padding-right: 16.6666666666%;
}

.accordion-special-wrapper .item-2.img-h .accordion-wrapper,
.accordion-special-wrapper .item-2.img-w .accordion-wrapper,
.accordion-special-wrapper .item-2.img-q .accordion-wrapper,
.accordion-special-wrapper .item-4.img-h .accordion-wrapper,
.accordion-special-wrapper .item-4.img-w .accordion-wrapper,
.accordion-special-wrapper .item-4.img-q .accordion-wrapper {
padding-left: 16.6666666666%;
padding-right: 33.3333333333%;
}

.accordion-special-wrapper .accordion-title {
padding: 1.9047619047619em 0;
}

.accordion-special-wrapper .accordion:after {
position: absolute;
top: 0;
left: 0;
content: "";
z-index: -1;
width: 100%;
height: 100%;
padding: 2em 4em 8em 2em;
margin: -4em 0 0 -3em;
box-sizing: content-box;
transform: translateY(-50%) scale(0.5,0.5);
transition: all .25s ease-in-out;
opacity: 0;
}

.accordion-special-wrapper .accordion.open:after {
opacity: 1;
transform: translateY(0) scale(1,1);
}

.accordion-special-wrapper .icon {
position: absolute;
top: 0;
right: 0;
float: left;
height: auto;
width: 13.666666666666666%;
padding: 0 1em;
margin: 5% 1.5% 0 1.5%;
}

.accordion-special-wrapper .item-2 .icon,
.accordion-special-wrapper .item-2.img-q .icon {
margin: -55% 18.16666666666667% 0 1.5%;
}

.accordion-special-wrapper .item-4 .icon{
margin: 5% 18.16666666666667% 0 1.5%;
}

.accordion-special-wrapper .item-3 .icon,
.accordion-special-wrapper .item-1.img-w .icon,
.accordion-special-wrapper .item-1.img-q .icon {
left: 0;
right: auto;
margin: 5% 1.5% 0 18.16666666666667%;
}

.accordion-special-wrapper .accordion-wrapper .accordion {
border: none;
padding-right: 0;
}

.accordion-special-wrapper .accordion-title:after {
display: none;
}

/* contact */
.contact .top {
padding: 0 0 0 8.33333333333333%;
height: 8em;
}

.contact .left {
width: 58.333333333333%;
padding-left: 4em;
margin-left: -4em;
}

.contact .left .clear {
padding-left: 4em;
margin-left: -4em;
}

.contact .left .clear.table-wrapper {
padding-left: 0;
margin-left: 0;
}

.contact .left .clear .box {
padding: 7.5em 28.57142857142858% 7.5em 14.28571428571429%;
}

.contact .right {
width: 50%;
padding-right: 4em;
margin-right: -4em;
margin-left: -50%;
margin-top: -8em;
float: right;
}

.contact .right .clear {
padding-right: 0;
margin-right: -4em;
}

.contact .right .map-wrapper {
padding-bottom: 82%;
overflow: hidden;
}

.contact .right .map-wrapper .map {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 110%;
float: left;
}

.contact .right .text  {
margin-right: 4em;
}

.contact .right .map-frame  {
padding-left: 1em;
}

.contact .right .text .box {
padding: 3.5em 16.6666666666% 0 16.6666666666%;
}

.contact .right .text .box .wrap {
padding-left: 3em;
}

.contact .float-box {
clear: both;
float: left;
}

.contact .replace-item {
width: 100%;
float: left;
clear: both;
}

/* form */
.contact .left .clear.form-box .box {
padding-right: 14.28571428571429%;
}

.form-wrapper > .text {
width: 100%;
float: left;
}

.form-wrapper .form-item {
width: 100%;
float: left;
margin-top: 2.394em;
position: relative;
}

.form-wrapper .form-item.txt-wrapper {
margin-top: 0;
}

.form-wrapper .form-item .form-item {
margin-top: 0;
}

.form-wrapper .form-item .txt {
width: 100%;
float: left;
border-bottom: 1px solid rgb(255, 145, 119);
padding: 0 0 0.3em 0;
}

.form-wrapper > svg {
display: none;
}

.form-wrapper .form-item .checkbox-filedset,
.form-wrapper .form-item .radio-filedset,
.form-wrapper .form-item .label-wrapper,
.form-wrapper .form-item .input-wrapper {
width: 100%;
float: left;
position: relative;
}

.form-wrapper .form-item .input-wrapper {
width: 100%;
float: left;
position: relative;
}

.form-wrapper .form-item .checkbox-fieldset.horizontal .form-item,
.form-wrapper .form-item .radio-fieldset.horizontal .form-item {
width: auto;
padding-right: 6em;
}

.form-wrapper .form-item .checkbox-fieldset.horizontal .form-item:last-child,
.form-wrapper .form-item .radio-fieldset.horizontal .form-item:last-child {
padding-right: 0;
}

.form-wrapper .form-item .checkbox-fieldset input.checkbox,
.form-wrapper .form-item .radio-fieldset input.radio {
width: 20px;
height: 20px;
float: left;
border: 1px solid rgb(255, 145, 119);
margin-top: 0.3em;
}

.form-wrapper .form-item .checkbox-fieldset .active input.checkbox,
.form-wrapper .form-item .radio-fieldset .active input.radio {
background-color: rgb(255, 145, 119);
}

.form-wrapper .form-item .checkbox-fieldset .active:after,
.form-wrapper .form-item .radio-fieldset .active:after {
pointer-events: none;
position: absolute;
top: 6px;
left: 6px;
z-index: 10;
content: "";
float: left;
width: 8px;
height: 15px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(42deg);
}

/*
.form-wrapper .form-item .radio-fieldset .active:after {
pointer-events: none;
position: absolute;
top: 10px;
left: 5px;
z-index: 10;
content: "";
float: left;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #fff;
}
*/

.form-wrapper .form-item .checkbox-fieldset label,
.form-wrapper .form-item .radio-fieldset label {
padding-left: 0.3em;
}

.form-wrapper .txt-wrapper .label-wrapper {
margin: 3.2em 0 -3.2em 0;
transition: margin 0.25s ease;
z-index: 10;
background-color: #fff;
}

.form-wrapper .txt-wrapper .label-wrapper label {
float: left;
width: 100%;
}

.form-wrapper .txt-wrapper label.label,
.form-wrapper label {
color: rgb(134,146,159);
}

.form-wrapper .error.txt-wrapper label.label,
.form-wrapper .error label {
color: #ce000b;
}

.main-area-form .cols.error {
background-color: #ce000b;
padding: 10px;
}

.main-area-form .cols.error * {
color: #fff;
}

.form-wrapper label.label {
color: rgb(9,35,61);
}

.form-wrapper .txt-wrapper.open .label-wrapper {
margin: 0;
}

.form-wrapper .submit-button-wrapper button span {
color: rgba(255,145,119,1);
-webkit-text-fill-color: rgba(255,145,119,1);
-moz-text-fill-color: rgba(255,145,119,1);
-ms-text-fill-color: rgba(255,145,119,1);
text-fill-color: rgba(255,145,119,1);
}

.form-wrapper .link.arrow-r.large svg {
margin-top: 0.2em;
margin-bottom: -0.2em;
margin-left: 3em;
}

/* footer */
#footer {
position: relative;
height: auto;
min-height: 10em;
width: 100%;
float: left;
}

.footer,
.footer > div {
position: relative;
z-index: 1;
}

#footer .footer-text {
position: relative;
z-index: 3;
}

#footer .footer-text .box {
width: 50%;
z-index: -1;
float: right;
clear: both;
}

#footer .footer-text .box:last-child {
width: 50%;
z-index: 2;
float: left;
}

#footer .footer-text img {
width: 20em;
height: 2em;
float: left;
margin: 3.8em -22em 0 2em;
}

#footer .box .clear {
margin-right: -4em;
margin-left: 1em;
height: auto;
min-height: 10em;
}

#footer .box > p.box {
float: left;
width: 100%;
padding: 2.3em 0 0 17em;
clear: none;
}

#footer .box .clear p {
float: left;
}

#footer .box p a {
margin: 0 2em 0 0;
float: left;
}


/* footer new */
#footer .footer-text > .box.text .clear > .wrap {
width: 60%;
float: left;
padding: 4em 4em 4em 16.66%;
}

#footer .footer-text > .box.text .clear > .wrap a {
white-space: nowrap;
}

#footer .footer-text > .box.text .clear > .wrap:first-child > * {
padding-left: 1.33em;
}

#footer .footer-text > .box.text .clear > .wrap:last-child {
width: 40%;
padding: 4em 4em 4em 0;
}

#footer .footer-text > .box.text .clear > .wrap:last-child p {
padding-top: 0;
}

#footer .footer-text > .box:last-child {
margin-top: -12em;
}

#footer .footer-text .box:last-child > .box {
width: 100%;
}

#footer .social-icons {
width: 100%;
float: left;
padding: 2.55em 0 1.5em 0;
}

#footer .social-icons a {
width: 36px;
height: 36px;
float: left;
margin: 0 0.3em 0 0;
border-radius: 50%;
background-color: #000;
padding: 7px;
}

#footer .social-icons a svg * {
fill: #fff;
}

#cta-wrapper a.contact-button {
padding: 0;
}

#cta-wrapper a.contact-button span {
margin: 1em 0 0 0;
}

#cta-wrapper a.contact-button svg {
width: 3.6em;
height: 3.6em;
min-width: 36px;
min-height: 36px;
}

#cta-wrapper .star-icon svg {
width: 32px;
height: 32px;
margin: -8px 0 0 -6px;
}

/* footer form */
#footer #action-overlay p a {
margin: 0;
float: none;
}

.form-button.wrap {
padding: 0;
}

.form-button .button.icon {
width: 33%;
float: left;
margin: 6em 0 0 0;
padding: 0 4em 0 0;
cursor: pointer;
}

.form-button .button.icon span {
width: 100%;
float: left;
text-align: center;
padding-top: 1.5em;
transition: color 0.25s ease-in-out;
}

.form-button .button.icon svg * {
fill: rgb(9,35,61);
transition: fill 0.25s ease-in-out;
}

.form-button .button.icon.active svg * {
fill: rgb(255,255,255);
}

.form-button .button.icon.active * {
color: #fff;
}

#form-overlay .scroll-wrapper {
padding: 10em 0;
}

#form-close {
position: fixed;
top: 10em;
right: 0;
float: left;
height: 30px;
width: 30px;
margin: 3em 4.8em 0 0;
cursor: pointer;
z-index: 100;
}

#form-close span:after,
#form-close span:before,
#form-close span {
position: absolute;
top: 0;
left: 0;
float: left;
height: 2px;
width: 100%;
}

#form-close span:after,
#form-close span:before {
content: "";
}

#form-close span:after {
transform: rotate(-45deg);
margin-top: 15px;
}

#form-close span:before {
transform: rotate(45deg);
margin-top: 15px;
}

#form-overlay form fieldset .text.form-item {
padding: 0 3em 0 3em;
background-color: #fff;
margin-top: 0;
}

#form-overlay form fieldset .text.form-item:first-child {
padding: 2.394em 3em 2.394em 3em;
}

#form-overlay form fieldset .text.form-item.submit-button-wrapper {
padding-top: 0;
background-color: transparent;
border-top: 6em solid #fff;
}

#form-overlay form fieldset .text.form-item.submit-button-wrapper button {
background-color: transparent;
}

#form-overlay .form-wrapper .submit-button-wrapper button span {
font-size: 1.8em;
}


#form-overlay .form-wrapper > .text {
padding: 0 3em 4em 0;
position: relative;
float: right;
width: 70%;
}

#form-overlay .form-wrapper .is-sending *,
#form-overlay .form-wrapper > .error *,
#form-overlay .form-wrapper > .text * {
font-size: 1.8em;
line-height: 133%;
padding-top: 0;
}

#form-overlay .form-wrapper .is-sending * {
font-size: 1.8em;
line-height: 133%;
padding: 1em 0;
}

#form-overlay .form-wrapper > .error {
padding-bottom: 2.394em;
}

#form-overlay .form-wrapper > .error * {
color: #ce000b !important;
}

#form-overlay .form-wrapper > .text .title-3 {
font-family: "akzidenz-grotesk-extended",sans-serif;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2em;
padding-bottom: 0.3em;
font-size: 2em;
}

#form-overlay .form-wrapper > svg {
position: relative;
display: block;
width: 16.666666%;
float: left;
margin: 0 0 3em 5%;
}

#form-overlay .form-wrapper > svg * {
fill: #09233d;
}

/* cookie banner */
#cookie-banner {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
float: left;
clear: both;
z-index: 1000;
background: rgba(0,0,0,0.9);
padding: 20px 80px 10px 4em;
display: none;
min-height: 60px;
}

.info-overlay #cookie-banner {
display: block;
}

.info-overlay #cookie-banner p {
width: 100%;
float: left;
}

.info-overlay #cookie-banner a {
text-decoration: underline;
}

.info-overlay #cookie-banner #cookie-ok {
position: absolute;
top: 50%;
right: 0;
width: 50px;
height: 50px;
line-height: 50px;
float: left;
text-align: center;
transform: translateY(-50%);
text-decoration: none;
transition: color 0.25s ease-in-out;
}

/* editor info */
.info {
width: 100% !important;
float: left !important;
margin: 0 0 40px 0 !important;
padding: 10px 10px 6px 10px !important;
background-color: #e1e8cc !important;
text-align: center !important;
font-size: 16px !important;
line-height: 20px !important;
}

.info * {
font-size: 100% !important;
line-height: 20px !important;
padding: 0 !important;
}/* color:

Logo, Text
rgb(13,34,63)
0D223F

cta buttons
rgb(255,145,119)
FF9177

menu bg
rgb(223,222,218)
DFDEDA

bg menu
share open 
rgb(252,244,244)
FCF4F4

*/

/* background */
html, 
body,
#container,
#main,
.carousel-cell,
#menu-wrapper #menu ul,
.flickity-prev-next-button svg *,
.accordion-wrapper .accordion.icon {
background-color: rgb(255,255,255);
}

#cookie-banner #cookie-ok,
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.flickity-page-dots .dot.is-selected:after,
.claim .text,
#content-menu li.active:before,
#menu-button span,
#menu-button span:before,
#menu-button span:after,
#form-close span,
#form-close span:before,
#form-close span:after,
#cta-wrapper > a,
#cta-wrapper > div > span,
#cta-wrapper > span {
background-color: rgb(255,145,119);
}

.rating .carousel-cell .item,
.accordion-special-wrapper .accordion:after,
#footer .box .clear {
background-color: rgb(245,244,245);
}

.image-drag-slide .last:after,
.rating .carousel-cell:nth-child(odd) .item,
.accordion-wrapper.double .text-wrapper:after {
background-color: rgb(234,234,234);
}

.bgc-1,
#content-menu .wrapper:after {
background-color: rgb(223,222,218);
}

.flickity-page-dots .dot:after,
#content-menu li:before {
background-color: rgb(13,34,63);
}

#form-close span,
.open-menu #menu-button span {
background-color: rgba(255,255,255,0);
}

.person .last .box-wrapper,
.stage-text-image-special .grid-wrapper,
.image-drag-slide .first:after,
.two-col-icon-wrapper .text-wrapper:after,
.image-gallery .bg-field:before,
.accordion-wrapper.double .accordion-frame:after,
.accordion-wrapper .text-wrapper:after,
.text-image-special .image.large:after,
.title-text-image-2.small-field .image:before,
.title-text-image-2.large-field .text:before,
.stage-text-image.title-text-image-2.two-cols > .box:after,
.title-text-image .text-wrapper:after,
#form-overlay .scroll-wrapper .inner-wrapper,
#menu-wrapper .scroll-wrapper .inner-wrapper,
#cta-wrapper .drop-content a {
background-color: rgb(252,244,244);
}

#cta-wrapper #action-overlay.drop-wrapper.init .drop-content > .box {
background: #F5F4F5;
}

/* svg fill */
#cta-wrapper #action-overlay.drop-wrapper .drop-content .link.arrow-r svg *,
.rating .stars span.on svg *,
#social-wrapper svg * {
fill: rgb(255,145,119);
}

#cta-wrapper svg * {
fill: rgb(9,35,61);
}

.flickity-prev-next-button svg *, 
.rating .stars span svg *, 
.stage.fullsize svg *, 
#cta-wrapper .open .drop-button svg *,
.stage-fullscreen .claim svg *,
#cta-wrapper .open .drop-button svg * {
fill: rgb(255,255,255);
}

/* color */
#cookie-banner *,
.claim .text,
.claim .text .sup,
#cta-wrapper .open span {
color: #fff;
}

#footer .footer-text > .box.text .clear > .wrap *,
*,
#cookie-banner #cookie-ok,
.footer .text p a,
p, a, span {
color: rgb(9,35,61);
}

#cta-wrapper #action-overlay.drop-wrapper.init .drop-content p a,
#cta-wrapper #action-overlay.drop-wrapper .drop-content p a,
#cta-wrapper #action-overlay.drop-wrapper .drop-content .link.arrow-r,
.rating .text .box .title-2,
.title-text-image-2 .box.text .cols .number,
.text a,
.text a sup,
#social-wrapper #language-button,
#menu-wrapper a.active,
#content-menu .active a span {
color: rgba(255,145,119,1);
}

#footer a {
color: rgb(127,140,153);
}

/* border */
.title-text-image-2 .box.last .wrap > .box.special,
.person .last .box-wrapper .title-4.first,
.twentytwenty-left-arrow, 
.twentytwenty-right-arrow,
.accordion-wrapper .accordion:first-child,
.accordion-wrapper .accordion,
.title-text-image-2 .box.text .cols .number,
.accordion.open .toggle:after {
border-color: rgba(255,145,119,1);
}

.accordion-title:after,
.accordion .toggle:after {
border-color: rgb(9,35,61);
}

/* active */
.text a.active {
color: rgb(255,145,119);
opacity: 1;
}

/* overlay */
#cta-wrapper #action-overlay.drop-wrapper.init .drop-content * {
color: rgb(112,112,112);
}@media only screen and (min-width : 1680px) {
	html {
	font-size: 74.2857142857144%;
	}
	
	html.open-overlay #logo {
	margin-left: -126.5px;
	}
	
	#cta-wrapper a span, 
	#cta-wrapper>div>span span {
	font-size: 9px;
	line-height: 10px;
	}
	
	#social-wrapper svg, 
	#cta-wrapper svg {
	height: 20px;
	width: 20px;
	}


	#menu-button {
	height: 24px;
	width: 36px;
	margin: 28px 0 0 25px;
	}
	
	#menu-button span:after,
	#menu-button span:before,
	#menu-button span {
	margin: 11px 0 0 0;
	}

	#menu-button span:after {
	margin-top: -11px;
	}
	
	#menu-button span:before {
	margin-top: 11px;
	}
	
	#cta-wrapper #action-overlay.drop-wrapper .drop-button {
	padding-top: 1.4em;
	}

}

@media only screen and (min-width : 1920px) {
	html {
	font-size: 83.5714285714287%;
	}

	html.open-overlay #logo {
	margin-left: -141.5px;
	}

	#menu-button {
	margin-top: 33px;
	}

	#cta-wrapper #action-overlay.drop-wrapper .drop-button {
	padding-top: 1.3em;
	}

}

@media only screen and (min-width : 2440px) {
	html {
	font-size: 92.857142857143%;
	}

	html.open-overlay #logo {
	margin-left: -156.5px;
	}

	#menu-button {
	margin-top: 39px;
	}

	#cta-wrapper #action-overlay.drop-wrapper .drop-button {
	padding-top: 1.2em;
	}

}

@media only screen and (max-width : 1024px) {
	html {
	font-size: 58.8095238095239%;
	}

	#menu-button {
	margin-top: 22px;
	}
	
	.stage-text-image.right .box.text,
	.stage-fullscreen .center-v {
	padding-left: 8.3333333333%;
	}
	
	.accordion-special-wrapper .item-3.img-q .image,
	.accordion-special-wrapper .item-3.img-w .image,
	.stage-text-image.left.img-h .image {
	padding-left: 0;
	}
	
	.stage-text-image.left .box.text {
	padding-right: 8.3333333333%;
	}
	
	.accordion-special-wrapper .item-4.img-q .image,
	.accordion-special-wrapper .item-4.img-w .image,
	.stage-text-image.right.img-h .image {
	padding-right: 0;
	}
	
	.title-text-image.center .text-wrapper {
	padding-left: 8.33333333333%;
	padding-right: 8.33333333333%;
	}
	
	.title-text-image .text-wrapper,
	.title-text-image.bg-field .text-wrapper {
	width: 74.9999999999999%;
	}

	.title-text-image .text-wrapper .category {
	width: 133.3333333333%;
	}
	
	.youtube {
	padding-left:8.3333333%;
	padding-right:8.3333333%;
	}
	
	.caption .carousel-cell.img-q.first {
	width: 100%;
	}
	
	.stage-text-image-special .text-wrapper {
	padding-left: 8.333333%;
	}

	.stage-text-image-special .grid-wrapper .cols-4 .box.match {
	width: 33.333333333%;
	}
	
	.person .last .box-wrapper {
	position: relative;
	width: 115%;
	}

}

@media only screen and (max-width : 900px) {
	html {
	font-size: 55.7142857142858%;
	}

	#menu-button {
	margin-top: 20px;
	}
	
	.accordion-special-wrapper .item-1.img-h .image {
	padding-left: 16.66666666666%;
	}
	
	.accordion-wrapper .box.bottom {
	padding-left: 0;
	padding-right: 0;
	}
	
	.accordion-wrapper .box.top {
	padding-left: 0;
	}

	.image-drag-slide .first {
	padding-left: 0;
	}
	
	.image-drag-slide .last {
	padding-right: 0;
	}

	.image-drag-slide .after-text {
	right: 0;
	}
	
	.footer-text p.box {
	display: none;
	}
	
	#footer .footer-text .box {
	width: 70%;
	}
	
	#footer .footer-text .box:last-child {
	width: 30%;
	}
	
	#footer .footer-text>.box.text .clear > .wrap {
	width: 50%;
	padding-left: 4em;
	}

}

@media only screen and (max-width : 768px) {
	html {
	font-size: 52.6190476190477%;
	}

	#menu-button {
	margin-top: 17px;
	}

	.number {
	font-size: 6em;
	}
	
	.headline {
	font-size: 4em;
	line-height: 116%;
	}
	
	.title-1 {
	font-size: 3.9em;
	line-height: 126%;
	}

	.rating .text .box .title-2,
	.title-2 {
	font-size: 3em;
	line-height: 123%;
	}
	
	.stage-fullscreen .center-v .claim .wrap {
	width: 81.333333333333%;
	}
	
	.stage-text-image.right .box.text {
	padding-left: 0;
	}
	
	.stage-text-image.left .box.text {
	padding-right: 0;
	}
	
	.accordion-special-wrapper .item {
	width: 100%;
	}
	
	.accordion-special-wrapper .item-1.img-h .image,
	.accordion-special-wrapper .item-3.img-h .image {
	padding-left: 0;
	padding-right: 50%;
	}
	
	.accordion-special-wrapper .item-1.img-q .image,
	.accordion-special-wrapper .item-3.img-q .image {
	padding-left: 0;
	padding-right: 33.33333333%;
	}
	
	.accordion-special-wrapper .item-1.img-h .accordion-wrapper,
	.accordion-special-wrapper .item-1.img-w .accordion-wrapper,
	.accordion-special-wrapper .item-1.img-q .accordion-wrapper,
	.accordion-special-wrapper .item-3.img-h .accordion-wrapper,
	.accordion-special-wrapper .item-3.img-w .accordion-wrapper,
	.accordion-special-wrapper .item-3.img-q .accordion-wrapper {
	padding-left: 0;
	padding-right: 66.666666666%;
	}
	
	.accordion-special-wrapper .item.item-1,
	.accordion-special-wrapper .item.item-2,
	.accordion-special-wrapper .item.item-3,
	.accordion-special-wrapper .item.item-4 {
	margin-top: 0;
	margin-bottom: 0;
	}
	
	.accordion-special-wrapper .icon {
	width: 6.833333333%;
	}
	
	.accordion-special-wrapper .item-1 .icon {
	right: auto;
	left: 40.41666666666665%;
	}
	
	.accordion-special-wrapper .item-3 .icon {
	margin-left: 0;
	}
	
	.accordion-special-wrapper .item-2.img-h .image,
	.accordion-special-wrapper .item-4.img-h .image {
	padding-right: 0;
	padding-left: 50%;
	}
	
	.accordion-special-wrapper .item-2.img-h .accordion-wrapper,
	.accordion-special-wrapper .item-4.img-h .accordion-wrapper {
	padding-right: 16.666666666%;
	padding-left: 50%;
	}
	
	.accordion-special-wrapper .item-4.img-w .accordion-wrapper,
	.accordion-special-wrapper .item-2.img-w .accordion-wrapper,
	.accordion-special-wrapper .item-4.img-q .accordion-wrapper,
	.accordion-special-wrapper .item-2.img-q .accordion-wrapper {
	padding-left: 33.333333333%;
	}

	.accordion-special-wrapper .item-4.img-q .image,
	.accordion-special-wrapper .item-2.img-q .image,
	.accordion-special-wrapper .item-4.img-w .image,
	.accordion-special-wrapper .item-2.img-w .image {
	padding-right: 0;
	padding-left: 33.333333333333%;
	}

	.accordion-special-wrapper .item-1.img-w .image,
	.accordion-special-wrapper .item-3.img-w .image {
	padding-right: 33.333333333333%;
	}
	
	.accordion-special-wrapper .item-2.img-q .icon ,
	.accordion-special-wrapper .item-2 .icon,
	.accordion-special-wrapper .item-4 .icon {
	margin-right: 1.5%;
	}
	
	.accordion-special-wrapper .item-3.img-w .icon, 
	.accordion-special-wrapper .item-1.img-w .icon,
	.accordion-special-wrapper .item-3.img-q .icon, 
	.accordion-special-wrapper .item-1.img-q .icon {
	margin-left: 58.33333333333%;
	}

	.title-text-image .text-wrapper,
	.title-text-image.bg-field .text-wrapper {
	width: 100%;
	}
	
	.title-text-image .text-wrapper .category {
	width: 100%;
	}
	
	.title-text-image .text-wrapper,
	.title-text-image.bg-field .text-wrapper,
	.title-text-image.large .text-wrapper, 
	.title-text-image.column .text-wrapper,
	.title-text-image.center .text-wrapper {
	padding-left: 0;
	padding-right: 0;
	}
	
	.title-text-image-2.large-field.left .image .box,
	.stage-text-image.title-text-image-2.right .box.text {
	padding-left: 0;
	}
	
	.title-text-image-2.large-field.right .image .box,
	.stage-text-image.title-text-image-2.left .box.text {
	padding-right: 0;
	}
	
	.text-image-special .image.large {
	padding-left: 0;
	}
	
	.text-image-special .box.last {
	padding-right: 0;
	}
	
	.text-image-special .box.first {
	padding-left: 8.33333333%;
	}
	
	.title-text-image-2 .box.text .cols {
	width: 100%;
	}
	
	.accordion-wrapper .box.bottom .text-wrapper,
	.accordion-wrapper.right .box.bottom .text-wrapper,
	.accordion-wrapper .box.bottom .accordion-frame {
	width: 100%;
	}

	.accordion-wrapper .box.bottom .accordion-frame {
	margin-top: 6em;
	}
	
	.accordion-wrapper.left .box.bottom .text-wrapper,
	.accordion-wrapper.left .box.top {
	padding-left: 24.9999999999999%;
	}
	
	.accordion-wrapper.right .box.bottom .text-wrapper,
	.accordion-wrapper.right .box.top {
	padding-right: 24.9999999999999%;
	}
	
	.accordion-wrapper .text-wrapper:after {
	width: 50%;
	margin-left: -4em;
	margin-top: -12em;
	padding-bottom: 12em;
	}
	
	.accordion-wrapper.left .text-wrapper:after {
	margin-right: -4em;
	}
	
	.accordion-wrapper.right .accordion-frame {
	padding-right: 1em;
	}
	
	.accordion-wrapper .box.bottom .accordion-frame {
	padding-left: 1em;
	}
	
	.accordion-wrapper.double.right .text-wrapper:after {
	width: 50%;
	right: auto;
	left: 0;
	}
	
	.accordion-wrapper.double .accordion-frame:after {
	padding-right: 5em;
	padding-left: 5em;
	right: -5em;
	}

	.accordion-wrapper.double.left .accordion-frame:after {
	padding-right: 5em;
	padding-left: 5em;
	left: -5em;
	}

	.youtube {
	padding-left: 0;
	padding-right: 0;
	}
	
	.image-gallery .text-wrapper {
	width: 100%;
	margin-right: 0;
	padding-left: 16.66666666%;
	}
	
	.gallery-wrapper {
	margin-bottom: 0;
	padding-bottom: 0;
	}
	
	.gallery-wrapper .gallery-frame {
	position: relative;
	}
	
	.caption .carousel-cell.img-q.first,
	.carousel-cell.first,
	.carousel-cell.first .item {
	width: 66.66666666%;
	}

	.carousel-cell.first {
	padding-left: 1em;
	}

	.carousel-cell.first .item {
	width: 100%;
	}
	
	.image-gallery .top {
	padding-left: 0;
	}
	
	.image-gallery .category {
	height: auto;
	white-space: normal;
	margin-bottom: 0;
	padding: 0;
	}
	
	.image-gallery .text-wrapper > .wrap {
	padding: 4em 0 0 0;
	}
	
	.flickity-page-dots {
	padding-left: 0;
	width: 100%;
	}
	
	.caption .carousel-cell.img-q {
	width: calc(66.66666666% - 1em);
	}
	
	.caption .carousel-cell.img-h {
	width: calc(55% - 1em);
	}
	
	.caption .carousel-cell.img-w {
	width: calc(80% - 1em);
	}	
	
	.two-col-icon-wrapper {
	padding-left: 0;
	padding-right: 0;
	}
	
	.two-col-icon-wrapper .box.bottom {
	padding-left: 8.33333333%;
	padding-right: 0;
	}

	.two-col-icon-wrapper .box.bottom {
	padding-left: 8.33333333%;
	padding-right: 8.33333333%;
	}
	
	.grid.vertical .item, 
	.grid.vertical .grid-sizer {
	width: 100%;
	}

	.grid.vertical .item {
	padding-bottom: 4em;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	}
	
	.grid.vertical .item:last-child {
	padding-bottom: 0;
	}
	
	.grid.vertical .item .text .icon {
	margin-right: -9em;
	}
	
	.grid.vertical .item .text .title-3.box {
	padding-left: 5em;
	}
	
	.grid.vertical .item .text .box {
	padding-left: 9em;
	}
	
	.grid.vertical {
	margin-top: 6em;
	}
	
	.two-col-icon-wrapper .text-wrapper:after {
	height: 85%;
	}

	.image-drag-slide .first {
	width: 100%;
	margin-top: 4em;
	}
	
	.image-drag-slide .last {
	width: 100%;
	}
	
	.image-drag-slide .after-text {
	right: 0;
	}
	
	.image-drag-slide .first:after {
	margin-top: -20em;
	width: 50%;
	}
	
	.image-drag-slide .last:after {
	width: 50%;
	margin-right: -4em;
	padding-right: 3em;
	}
	
	.stage-text-image-special .grid-wrapper .box.match {
	width: 100% !important;
	}

	.stage-text-image-special .grid-wrapper .box.match img {
	margin-right: -5em;
	}

	.stage-text-image-special .grid-wrapper .box.match .box {
	padding-left: 5em;
	}
	
	.person .image {
	padding-left: 0;
	width: 70%;
	margin-right: -24%;
	margin-left: -5em;
	}

	.person .image .text-wrapper {
	padding-left: 5em;
	}

	.person .last .box-wrapper .match {
	width: 100%;
	} 
	
	.person .last .box-wrapper .match.image {
	width: 50%;
	margin-left: 0;
	}
	
	.contact .left .clear .box {
	padding-left: 0;
	padding-right: 7em;
	}
	
	.contact .right .text .box {
	padding-right: 0;
	}
	
	.rating .carousel {
	padding-bottom: 100%;
	}
	
	.rating .carousel-cell {
	width: 92%;
	}
	
	.rating .carousel-cell .item>.clear {
	padding-left: 3em;
	padding-right: 3em;
	}
	
	.rating .carousel-cell:nth-child(odd) .item > .clear,
	.rating .carousel-cell:nth-child(even) .item > .clear {
	margin-left: 0;
	margin-right: 0;
	}
	
	.rating .box.top {
	margin-bottom: 2em;
	}
	
	.rating .carousel-cell:nth-child(odd) .item {
	margin-top: 0;
	}
	
	#footer .footer-text img {
	margin-left: 1em;
	}
	
	#footer .footer-text>.box.text .clear > .wrap {
	padding-left: 0;
	}
	
}

@media only screen and (max-width : 600px) {
	header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 6.4em;
	transition: background-color 0.25s ease-in-out;
	z-index: 10;
	}
	
	.init-menu header {
	background-color: #fff;
	}
	
	#menu-wrapper {
	transition: transform 0.5s ease-out;
	}
	
	#form-overlay,
	#menu-wrapper .scroll-wrapper .inner-wrapper {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	}
	
	#form-overlay {
	z-index: 1000;
	}
	
	#form-overlay .form-wrapper > svg {
	display: none;
	}
	
	#form-overlay .form-wrapper > .text {
	width: 100%;
	}
	
	#form-overlay .scroll-wrapper {
	padding: 0;
	}
	
	#form-close {
	margin-top: -6em;
	}
	
	#menu-wrapper .scroll-wrapper .inner-wrapper {
	padding-left: 8em;
	}
	
	#form-overlay .scroll-wrapper .inner-wrapper {
	min-height: 100%;
	}
	
	#menu-wrapper #menu {
	margin-left: 0;
	width: 100%;
	padding-left: 0;
	padding-right: 4em;
	}
	
	#language {
	margin-left: 0;
	padding-left: 8em;
	}
	
	#meta {
	margin-left: 0;
	}
	
	.stage-fullscreen > .clear {
	max-height: 150vw;
	margin-right: -4em;
	}
	
	.stage-fullscreen .center-v {
	padding-left: 0;
	top: 100%;
	transform: none;
	}

	.stage-fullscreen .center-v .clear {
	margin-left: -4em;
	margin-right: 4em;
	margin-top: -10em;
	}

	.stage-fullscreen .center-v .clear .wrap {
	padding: 4em 4em 8em 4em;
	width: 100%;
	background-color: rgba(255,145,119,1);
	}
	
	.stage-fullscreen .center-v .claim .text {
	background-color: rgb(252,244,244);
	color: rgb(9,35,61);
	margin: -2em 0 0 0;
	font-size: 200%;
	}
	
	.stage-text-image .image, 
	.stage-text-image .box.text {
	width: 100%;
	}
	
	.stage-text-image.right.img-q .image,
	.stage-text-image.right.img-h .image .wrap, 
	.stage-text-image.right.img-w .image .wrap,
	.stage-text-image.right.img-q .image .wrap,
	.stage-text-image.left.img-h .image .wrap,
	.stage-text-image.left .box.text, 
	.stage-text-image.left.img-q .image .wrap,
	.stage-text-image.left .box.text .wrap {
	padding-left: 0;
	}
	
	.stage-text-image.left.img-q .image,
	.stage-text-image.left.img-h .image .wrap, 
	.stage-text-image.left.img-w .image .wrap,
	.stage-text-image.left.img-q .image .wrap,
	.stage-text-image.right.img-h .image .wrap,
	.stage-text-image.right .box.text, 
	.stage-text-image.right.img-q .image .wrap,
	.stage-text-image.right .box.text .wrap {
	padding-right: 0;
	}
	
	.stage-text-image.right.img-w .image {
	margin-left: 0;
	}

	.stage-text-image.left.img-w .image {
	margin-right: 0;
	}

	.accordion-special-wrapper .item.item-1 .accordion-wrapper,
	.accordion-special-wrapper .item.item-3 .accordion-wrapper {
	widht: 100% !important;
	padding-left: 20%;
	padding-right: 0 !important;
	}

	.accordion-special-wrapper .item.item-2 .accordion-wrapper,
	.accordion-special-wrapper .item.item-4 .accordion-wrapper {
	widht: 100% !important;
	padding-right: 20%;
	padding-left: 0 !important;
	}

	.accordion-special-wrapper .item .image {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: -4em;
	}

	.accordion-special-wrapper .item-2 .image,
	.accordion-special-wrapper .item-4 .image {
	margin-left: 0;
	margin-right: -4em;
	}

	.accordion-special-wrapper .item .image .wrap {
	padding-left: 0 !important;
	padding-right: 0 !important;
	}

	.accordion-special-wrapper .accordion:after {
	padding-left: 4em;
	padding-right: 3em;
	margin-left: -4em;
	}

	.accordion-special-wrapper .item-1 .accordion:after,
	.accordion-special-wrapper .item-3 .accordion:after {
	padding-left: 4em;
	padding-right: 4em;
	margin-left: -4em;
	}

	.accordion-special-wrapper .item-1 .icon,
	.accordion-special-wrapper .item-3 .icon {
	left: 0 !important;
	rihgt: auto !important;
	width: 15% !important;
	margin-left: 0 !important;
	margin-top: 30%;
	}

	.accordion-special-wrapper .item-2 .icon,
	.accordion-special-wrapper .item-4 .icon {
	left: auto !important;
	rihgt: 0 !important;
	width: 15% !important;
	}
	
	.accordion-special-wrapper.sb {
	padding-bottom: 0;
	}
	
	.title-text-image.column .text-wrapper .cols {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
	}
	
	.title-text-image-2.small-field .box.text, 
	.title-text-image-2.small-field .image, 
	.title-text-image-2.large-field .box.text, 
	.title-text-image-2.large-field .image {
	width: 100%;
	}

	.title-text-image-2.small-field .image, 
	.title-text-image-2.large-field .image {
	margin-bottom: 6em;
	}
	
	.title-text-image-2.small-field .image:before {
	margin-top: 4em;
	padding-left: 0;
	width: 75%;
	}
	
	.title-text-image-2.large-field .text:before {
	margin-right: -5em;
	right: 0;
	margin-top: -11em;
	width: 50%;
	padding-right: 5em;
	}

	.title-text-image-2.large-field.left .text:before {
	margin-left: -5em;
	margin-right: 0;
	right: auto;
	left: 0;
	padding-left: 5em;
	padding-right: 0;
	}

	.title-text-image-2 .image .wrap {
	padding: 0;
	}

	.title-text-image-2.small-field.right .image .box, 
	.title-text-image-2.large-field.right .image .box {
	padding-left: 25%;
	}

	.title-text-image-2.small-field.left .image .box, 
	.title-text-image-2.large-field.left .image .box {
	padding-right: 25%;
	}
	
	.text-image-special .box.first, 
	.text-image-special .box.last,
	.title-text-image-2 .box.text .cols {
	width: 100%;
	}
	
	.text-image-special .box.first, 
	.text-image-special .box.last,
	.text-image-special .box.first .wrap, 
	.text-image-special .box.last .wrap {
	padding-left: 0;
	padding-right: 0;
	}
	
	.text-image-special .image.large {
	padding-right: 0;
	width: auto;
	float: none;
	display: block;
	clear: both;
	margin-left: -4em;
	}

	.text-image-special .image.large .wrap {
	padding-left: 0;
	padding-right: 0;
	}
	
	.text-image-special .image.large:after {
	width: 75%;
	height: 120vw;
	}
	
	.text-image-special .box.first {
	padding-top: 0;
	}
	
	.text-image-special .box.first .text {
	padding-top: 4em;
	}
	
	.text-image-special .box.first .image {
	margin-top: 4em;
	width: auto;
	float: none;
	display: block;
	clear: both;
	margin-right: -4em;	
	}
	
	.text-image-special .box.last {
	padding-top: 4em;
	}
	
	.text-image-special .box.last .image {
	margin-bottom: 4em;
	width: auto;
	float: none;
	display: block;
	clear: both;
	margin-left: -4em;
	}

	.accordion-wrapper.left .box.bottom .text-wrapper,
	.accordion-wrapper.left .box.top {
	padding-left: 0;
	}
	
	.accordion-wrapper .box.top,
	.accordion-wrapper.right .box.bottom .text-wrapper,
	.accordion-wrapper.right .box.top {
	padding-right: 0;
	}
	
	.youtube .wrap {
	padding-left: 0;
	padding-right: 0;
	}
	
	.image-gallery .text-wrapper {
	width: 100%;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	}
	
	.gallery-wrapper {
	margin-bottom: 0;
	padding-bottom: 0;
	}
	
	.gallery-wrapper .gallery-frame {
	position: relative;
	}
	
	.caption .carousel-cell.img-q.first,
	.carousel-cell.first,
	.carousel-cell.first .item {
	width: 100%;
	}

	.carousel-cell.first {
	padding-left: 0;
	}

	.carousel-cell.first .item {
	width: 100%;
	}

	.caption .carousel-cell.img-q {
	width: calc(100% - 1em);
	}
	
	.caption .carousel-cell.img-h {
	width: calc(80% - 1em);
	}
	
	.caption .carousel-cell.img-w {
	width: calc(100% - 1em);
	}	

	.two-col-icon-wrapper .box.bottom {
	padding-left: 0;
	padding-right: 0;
	}
	
	.two-col-icon-wrapper .wrap {
	padding-left: 0;
	padding-right: 0;
	}
	
	.grid.vertical .item .text .icon {
	margin-right: -6em;
	width: 2.4em;
	}
	
	.grid.vertical .item .text .title-3.box {
	padding-left: 3.33333333333333em;
	}
	
	.grid.vertical .item .text .box {
	padding-left: 6em;
	}
	
	.two-col-icon-wrapper .text-wrapper {
	padding-right: 0;
	}

	.image-drag-slide .first .text.wrap {
	padding-left: 0;
	padding-right: 0;
	}

	.stage-text-image-special .image {
	padding-left: 0;
	width: auto !important;
	display: block;
	clear: both;
	margin-right: -4em;
	}
	
	.stage-text-image-special .image .wrap {
	padding-right: 0;
	padding-left: 0;
	}
	
	.stage-text-image-special .text-wrapper {
	padding-left: 0;
	}
	
	.stage-text-image-special .text-wrapper .wrap {
	padding: 4em 4em 8em 4em;
	background-color: rgb(223,222,218);
	margin-top: -13em;
	margin-left: -4em;
	}
	
	.stage-text-image-special .facts-wrapper,
	.stage-text-image-special .text-wrapper {
	width: 100%;
	}
	
	.stage-text-image-special .facts-wrapper {
	padding-top: 0;
	margin-top: -4em;
	}
	
	.stage-text-image-special .facts-wrapper .wrap {
	background-color: rgb(252,244,244);
	margin-top: 0;
	margin-left: 0;
	}
	
	.person.right .image,
	.person.left .image {
	width: auto;
	margin-right: -1em;
	display: block;
	clear: both;
	margin-left: -5em;
	float: none;
	}
	
	.person .match.image {
	width: 50%;
	float: left;
	clear: none;
	}
	
	.person .last {
	width: 100%;
	}
	
	.person .last .text-wrapper {
	padding-left: 0;
	padding-right: 0;
	padding-top: 4em;
	}

	.person .last .text-wrapper .category {
	display: none;
	}
	
	.person .image .text-wrapper {
	padding-right: 0;
	}
	
	.person .trigger.wrap,
	.person .text.wrap {
	padding-left: 0;
	padding-right: 0;
	}
	
	.person .last .box-wrapper {
	padding-left: 4em;
	padding-right: 4em;
	width: auto;
	dispolay: block;
	clear: both;
	float: none;
	margin-left: -4em;
	margin-right: -4em;
	}

	.person .last .box-wrapper:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
	
	.rating .box.top .wrap,
	.person .last .box-wrapper div.match {
	padding-left: 0 !important;
	padding-right: 0 !important;
	}
	
	.person.right .image {
    padding-right: 0;
	}
	
	.person.right .image .text-wrapper {
	padding-left: 5em;
	padding-right: 1em;
	}
	
	.contact .left,
	.contact .right {
	width: 100%;
	}
	
	.contact .left .clear .box {
	padding-right: 4em;
	padding-bottom: 8em;
	padding-top: 4em;
	}
	
	.contact .right {
	margin-top: -4em;	
	}
	
	.contact .top {
	padding-left: 0;
	}
	
	.contact .right .map-frame,
	.contact .wrap {
	padding-left: 0;
	padding-right: 0;
	}
	
	.contact .right .text .box .wrap,
	.contact .right .text .box {
	padding-left: 0;
	}
	
	.contact .top {
	height: 6em;
	}
	
	#footer .footer-text img {
	display: none;
	}
	
	#footer .footer-text .box {
	width: 100%;
	}
	
	#footer .box .clear {
	float: right;
	padding-left: 4em;
	}
	
	#footer .box.footer-text .box > .clear {
	padding-left: 0;
	}
	
	.stage-text-image-special .facts-wrapper .grid-wrapper {
	padding-left: 0;
	padding-right: 0;
	}
	
	.stage-text-image-special .facts-wrapper .grid-wrapper .match {
	padding-left: 0;
	padding-right: 0;	
	}

	.stage-text-image-special .facts-clearing {
	margin-left: -4em;
	margin-right: -4em;	
	}
	
	.flickity-prev-next-button {
	opacity: 0.5;
	}
	
	.image-gallery .bg-field:before {
	display: none;
	}
}

@media only screen and (max-width : 500px) {
	#footer .footer-text > .box.text .clear > .wrap {
	width: 100%;
	padding: 4em !important;
	}
	
	#footer .footer-text > .box.text .clear > .wrap:last-child {
	width: 100%;
	}

	#footer .footer-text > .box.text .clear > .wrap:last-child {
	padding-top: 0 !important;
	}

	#footer .footer-text > .box.text .clear > .wrap a {
	clear: both;
	}

	#footer .footer-text > .box.text .clear > .wrap .social-icons a {
	clear: none;
	}

	#footer .footer-text > .box.text .clear > .wrap:first-child > * {
	padding-left: 0;
	}
}#menu-button:hover span:after {
margin: 0;
}
#menu-button:hover span:before {
margin: 0;
}

#menu-button:hover span {
background-color: rgba(255,255,255,0);
}

#content-menu:hover {
z-index: 10;
}

.text a:hover,
#menu-wrapper a:hover,
#content-menu a:hover span {
color: rgba(255,145,119,1);
}

#content-menu .wrapper:hover li,
#content-menu .wrapper:hover li.active {
padding-right: 36px;
}

#content-menu .wrapper:hover a span {
text-indent: 0;
opacity: 1;
}

#cta-wrapper #action-overlay.drop-wrapper .drop-button:hover svg *,
.form-button .button.icon:hover svg *,
#cta-wrapper > a:hover svg *,
#cta-wrapper > div > span:hover svg * {
fill: rgb(255,255,255);
}

svg * {
fill: rgb(255,145,119);
}

#cookie-banner #cookie-ok:hover,
.form-button .button.icon:hover *,
#cta-wrapper > a:hover span,
#cta-wrapper > div > span:hover span {
color: #fff;
}

.image-drag-slide .last:hover .descr {
opacity: 1;
}

#footer a:hover {
opacity: 1;
}

.flickity-button:hover {
background-color: transparent;
}

.gallery-frame:hover .flickity-prev-next-button {
opacity: 0.3;
}

.rating .gallery-frame:hover .flickity-prev-next-button {
opacity: 0.6;
}

.rating .gallery-frame .flickity-prev-next-button:hover,
.gallery-frame .flickity-prev-next-button:hover {
opacity: 1;
}

.accordion-wrapper .accordion-title:hover:after,
.accordion-special-wrapper .item:hover .toggle:after {
border-color: rgba(255,145,119,1);
}

#footer .footer-text > .box.text .clear > .wrap a:hover {
color: #7f8c99;
}