/* COLORS */
/* SIZES & SPACING */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after {
  content: '';
  content: none;
}
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*---------------------------------------------------
    LESS Prefixer
  ---------------------------------------------------
    All of the CSS3 fun, none of the prefixes!
    As a rule, you can use the CSS properties you
    would expect just by adding a '.':
    box-shadow => .box-shadow(@args)
    Also, when shorthand is available, arguments are
    not parameterized. Learn CSS, not LESS Prefixer.
    -------------------------------------------------
    TABLE OF CONTENTS
    (*) denotes a syntax-sugar helper
    -------------------------------------------------
        .animation(@args)
            .animation-delay(@delay)
            .animation-direction(@direction)
            .animation-duration(@duration)
            .animation-iteration-count(@count)
            .animation-name(@name)
            .animation-play-state(@state)
            .animation-timing-function(@function)
        .background-size(@args)
        .border-radius(@args)
        .box-shadow(@args)
            .inner-shadow(@args) *
        .box-sizing(@args)
            .border-box() *
            .content-box() *
        .columns(@args)
            .column-count(@count)
            .column-gap(@gap)
            .column-rule(@args)
            .column-width(@width)
        .gradient(@default,@start,@stop) *
            .linear-gradient-top(@default,@color1,@stop1,@color2,@stop2,[@color3,@stop3,@color4,@stop4])*
            .linear-gradient-left(@default,@color1,@stop1,@color2,@stop2,[@color3,@stop3,@color4,@stop4])*
        .opacity(@factor)
        .transform(@args)
            .rotate(@deg)
            .scale(@factor)
            .translate(@x,@y)
            .translate3d(@x,@y,@z)
            .translateHardware(@x,@y) *
        .text-shadow(@args)
        .transition(@args)
            .transition-delay(@delay)
            .transition-duration(@duration)
            .transition-property(@property)
            .transition-timing-function(@function)
    Credit to LESS Elements for the motivation and
    to CSS3Please.com for implementation.
    Copyright (c) 2012 Joel Sutherland
    MIT Licensed:
    http://www.opensource.org/licenses/mit-license.php
-----------------------------------------------------*/
/* Animation */
/* Background Size */
/* Border Radius */
/* Box Shadows */
/* Box Sizing */
/* Columns */
/* Gradients */
/* Opacity */
/* Text Shadow */
/* Transforms */
/* Transitions */
/* FONTS */
.AvenirNextLTPro-Medium {
  font-family: AvenirNextLTPro-Medium;
  font-style: normal;
}
.AvenirNextLTPro-Regular {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
}
.AvenirNextLTPro-Bold {
  font-family: AvenirNextLTPro-Bold;
  font-style: normal;
}
/* STYLES */
.style-title {
  font-family: AvenirNextLTPro-Bold;
  font-style: normal;
  font-size: 70px;
  line-height: 1.2;
  color: #322f31;
}
@media only screen and (max-width:767px) {
  .style-title {
    font-size: 40px;
  }
}
.style-tinytitle {
  font-family: AvenirNextLTPro-Medium;
  font-style: normal;
  font-size: 20px;
  line-height: 1.2;
  color: #322f31;
}
@media only screen and (max-width:767px) {
  .style-tinytitle {
    font-size: 24px;
  }
}
.style-smalltitle {
  font-family: AvenirNextLTPro-Medium;
  font-style: normal;
  font-size: 30px;
  line-height: 1.2;
  color: #322f31;
}
@media only screen and (max-width:767px) {
  .style-smalltitle {
    font-size: 24px;
  }
}
.style-bigtitle {
  font-family: AvenirNextLTPro-Medium;
  font-style: normal;
  font-size: 50px;
  line-height: 1.2;
  color: #322f31;
}
@media only screen and (max-width:767px) {
  .style-bigtitle {
    font-size: 40px;
  }
}
.style-text {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
}
@media only screen and (max-width:767px) {
  .style-text {
    font-size: 20px;
  }
}
.style-tiny-text {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 15px;
  line-height: 1.6;
  color: #322f31;
}
.style-quote {
  font-family: AvenirNextLTPro-Medium;
  font-style: normal;
  font-size: 40px;
  line-height: 1.1;
  color: #322f31;
}
@media only screen and (max-width:767px) {
  .style-quote {
    font-size: 26px;
    line-height: 1.2;
  }
}
.style-caps-text {
  font-family: AvenirNextLTPro-Bold;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
  text-transform: uppercase;
  background-color: transparent;
}
.style-links-text {
  font-family: AvenirNextLTPro-Bold;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
}
.style-biglinks-text {
  font-family: AvenirNextLTPro-Bold;
  font-style: normal;
  font-size: 60px;
  line-height: 1.2;
  color: #322f31;
}
@media only screen and (max-width:767px) {
  .style-biglinks-text {
    font-size: 40px;
  }
}
.style-bignumber {
  font-family: AvenirNextLTPro-Bold;
  font-style: normal;
  font-size: 120px;
  line-height: 1;
  color: #322f31;
}
.style-tiny-white {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 14px;
  line-height: 1;
  color: #ffffff;
}
/* ANIMATIONS */
.transition-transform {
  -webkit-transition-property: 'transform';
  -moz-transition-property: 'transform';
  -o-transition-property: 'transform';
  transition-property: 'transform';
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.transition-default-ease {
  -webkit-transition-timing-function: cubic-bezier(0.255, 0.1, 0.25, 1);
  -moz-transition-timing-function: cubic-bezier(0.255, 0.1, 0.25, 1);
  -o-transition-timing-function: cubic-bezier(0.255, 0.1, 0.25, 1);
  transition-timing-function: cubic-bezier(0.255, 0.1, 0.25, 1);
}
/* HELPER */
.absolute-no-margin {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.center-vertical {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
html,
body {
  height: 100%;
}
@media only screen and (max-width:767px) {
  html,
  body {
    position: relative;
    overflow-x: hidden;
  }
}
body {
  overflow-x: hidden;
  overflow-y: hidden;
}
@media only screen and (max-width:767px) {
  body {
    overflow-y: visible;
  }
}
B,
STRONG {
  font-family: AvenirNextLTPro-Medium;
  font-style: normal;
}
.page .preview {
  cursor: default;
}
@media only screen and (max-width:767px) {
  .page .preview {
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    position: static;
    position: relative;
  }
  .page .preview:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 75%;
  }
}
@media only screen and (max-width:767px) {
  .home .page-wrapper {
    display: none;
  }
}
.pattern {
  width: 100%;
  background-position: top left;
  background-repeat: repeat;
  background-size: contain;
  position: fixed;
  top: 0;
  bottom: 0;
  left: calc((100% - 200px) * (-1));
  z-index: -1;
}
@media only screen and (max-width:767px) {
  .pattern {
    right: auto;
    left: calc((100% - 100px) * (-1));
  }
}
.progress {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  display: block;
  background-color: #ffce00;
  height: 4px;
  width: 0;
  z-index: 999999;
}
.navigation-top {
  left: 100px;
  right: 0;
  position: absolute;
  z-index: 1000;
}
@media only screen and (max-width:767px) {
  .navigation-top {
    left: 0;
    position: static;
  }
}
.navigation-top .navbar-default {
  background-color: transparent;
  border: none;
}
.navigation-top .navbar-default.navbar-fixed-top {
  left: 100px;
  background-color: #ffffff;
  height: 75px;
}
@media only screen and (max-width:767px) {
  .navigation-top .navbar-default.navbar-fixed-top {
    left: 0;
  }
}
.navigation-top .navbar-default.navbar-fixed-top .navbar-collapse {
  padding-left: 15px;
  padding-right: 15px;
}
.navigation-top .navbar-default LI A {
  font-family: AvenirNextLTPro-Bold;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
  text-transform: uppercase;
  background-color: transparent;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.255, 0.1, 0.25, 1);
  -moz-transition-timing-function: cubic-bezier(0.255, 0.1, 0.25, 1);
  -o-transition-timing-function: cubic-bezier(0.255, 0.1, 0.25, 1);
  transition-timing-function: cubic-bezier(0.255, 0.1, 0.25, 1);
  cursor: pointer;
}
.navigation-top .navbar-default LI A.active {
  background-color: transparent;
}
.navigation-top .navbar-default LI A:hover,
.navigation-top .navbar-default LI A.open {
  color: #ffce00;
  background-color: transparent;
}
.navigation-top .navbar-default .default-menu-item {
  display: inline-block;
  float: right;
  padding: 15px 20px;
}
.navigation-top .navbar-default .default-menu-item A {
  text-decoration: none;
}
.navigation-top .navbar-default .default-menu-item A:hover,
.navigation-top .navbar-default .default-menu-item A:visited,
.navigation-top .navbar-default .default-menu-item A:focus {
  text-decoration: none;
  color: #ffce00;
}
.navigation-top .navbar-default .navbar-toggle {
  border: none;
  margin-right: 10px;
}
.navigation-top .navbar-default .navbar-toggle:hover,
.navigation-top .navbar-default .navbar-toggle:focus {
  background-color: #ffffff;
}
.navigation-top .navbar-default .navbar-toggle .icon-bar {
  background-color: #322f31;
  height: 4px;
  width: 31px;
}
.navigation-top .navbar-default .navbar-toggle .icon-bar:nth-child(2) {
  width: 23px;
}
.zb-logo-wrapper {
  position: relative;
  height: auto;
  cursor: pointer;
  padding-right: 10px;
}
@media only screen and (max-width:767px) {
  .zb-logo-wrapper {
    position: static;
  }
}
.zb-logo-wrapper .zb-logo {
  display: block;
  background-image: url("../Icons/ZB-logoBig.svg");
  background-position: top left;
  background-size: cover;
  background-repeat: no-repeat;
  width: 264px;
  height: 58px;
}
@media only screen and (max-width:767px) {
  .zb-logo-wrapper .zb-logo {
    width: 132px;
    height: 28px;
    background-size: cover !important;
  }
}
.slide-menu-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 0;
  z-index: 30;
}
.slide-menu-wrapper .slide-menu {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (max-width:767px) {
  .slide-menu-wrapper .slide-menu {
    -webkit-transform: translate(0, -50%) !important;
    -moz-transform: translate(0, -50%) !important;
    -ms-transform: translate(0, -50%) !important;
    -o-transform: translate(0, -50%) !important;
    transform: translate(0, -50%) !important;
  }
}
.slide-menu-wrapper .slide-menu .slide-menu-item {
  position: relative;
  left: 100px;
  width: 500px;
  font-family: AvenirNextLTPro-Bold;
  font-style: normal;
  font-size: 60px;
  font-weight: 900;
  line-height: 1.2;
  color: #322f31;
  padding: 15px 0;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.255, 0.1, 0.25, 1);
  -moz-transition-timing-function: cubic-bezier(0.255, 0.1, 0.25, 1);
  -o-transition-timing-function: cubic-bezier(0.255, 0.1, 0.25, 1);
  transition-timing-function: cubic-bezier(0.255, 0.1, 0.25, 1);
}
@media only screen and (max-width:767px) {
  .slide-menu-wrapper .slide-menu .slide-menu-item {
    font-size: 40px;
  }
}
@media only screen and (max-width:767px) {
  .slide-menu-wrapper .slide-menu .slide-menu-item {
    left: 15px;
    width: 300px;
  }
}
.slide-menu-wrapper .slide-menu .slide-menu-item.hovered {
  color: #ffce00;
}
.slide-menu-wrapper .slide-menu .slide-menu-item.active {
  font-family: AvenirNextLTPro-Bold;
  font-style: normal;
  font-size: 70px;
  line-height: 1.2;
  color: #322f31;
}
@media only screen and (max-width:767px) {
  .slide-menu-wrapper .slide-menu .slide-menu-item.active {
    font-size: 40px;
  }
}
.slide-menu-wrapper.open {
  z-index: 50;
}
.slide-menu-wrapper.open .slide-menu .slide-menu-item {
  cursor: pointer;
}
.slide-menu-wrapper.open .slide-menu .slide-menu-item.active {
  color: #ffce00;
}
.body-container-background {
  background-color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width:767px) {
  .body-container-background {
    background-color: transparent;
    display: none;
  }
}
.body-container {
  left: 400px;
  right: 0;
  top: 125px;
  bottom: 0;
  position: absolute;
  z-index: 10;
  -ms-transform-origin: 100% 60% 0;
  /* IE 9 */
  -webkit-transform-origin: 100% 60% 0;
  /* Chrome, Safari, Opera */
  transform-origin: 100% 60% 0;
}
@media only screen and (max-width:767px) {
  .body-container {
    left: 100px;
    top: 125px;
    bottom: 0;
    -ms-transform-origin: 50% 50% 0;
    /* IE 9 */
    -webkit-transform-origin: 50% 50% 0;
    /* Chrome, Safari, Opera */
    transform-origin: 50% 50% 0;
  }
}
.body-container.menu-opened .preview {
  cursor: default;
  opacity: 0.3;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.body-container.menu-opened .mobile-page-title {
  opacity: 0.3;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.body-container.menu-opened .page-content {
  opacity: 0.3;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.body-container.menu-opened .footer {
  opacity: 0.3;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.preview {
  cursor: pointer;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-x: hidden;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
@media only screen and (max-width:767px) {
  .preview {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    width: auto;
  }
}
.preview .preview-image {
  background-position: top left;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width:767px) {
  .preview .preview-image {
    position: relative;
    position: absolute;
  }
  .preview .preview-image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 75%;
  }
}
.preview .preview-image:after {
  content: '';
  background-image: radial-gradient(circle at 50% 50%, rgba(248, 203, 62, 0.2), rgba(255, 255, 255, 0.8));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width:767px) {
  .preview .preview-image:after {
    display: none;
  }
}
.preview .preview-caption-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 50%;
  text-align: center;
}
.preview .preview-caption-wrapper:before {
  content: '';
  background-image: linear-gradient(to bottom, rgba(238, 238, 238, 0), rgba(0, 0, 0, 0.3));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width:767px) {
  .preview .preview-caption-wrapper:before {
    display: none;
  }
}
.preview .preview-caption-wrapper .preview-caption {
  font-family: AvenirNextLTPro-Medium;
  font-style: normal;
  font-size: 50px;
  color: #322f31;
  position: absolute;
  padding-right: 40px;
  right: 0;
  bottom: 0;
  padding-bottom: 40px;
  text-align: right;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
  color: #ffffff;
  left: 0;
}
@media only screen and (max-width:767px) {
  .preview .preview-caption-wrapper .preview-caption {
    font-size: 40px;
  }
}
@media only screen and (max-width:767px) {
  .preview .preview-caption-wrapper .preview-caption .preview-caption-text {
    display: none;
  }
}
.preview .preview-caption-wrapper .preview-caption .preview-caption-arrow-right {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../Icons/Arrow-right_white.svg");
  background-color: #ffce00;
  color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  padding: 15px;
  height: 40px;
  width: 40px;
  font-size: 20px;
}
@-moz-keyframes dotBounce {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  1% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes dotBounce {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  1% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    opacity: 0;
  }
}
@-o-keyframes dotBounce {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  1% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    opacity: 0;
  }
}
@keyframes dotBounce {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  1% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    opacity: 0;
  }
}
.preview .preview-caption-wrapper .scroll-icon-wrapper {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: inline-block;
  color: white;
  font-size: 20px;
  position: absolute;
  text-align: center;
  left: 50%;
  background-color: rgba(255, 206, 0, 0.4);
  z-index: 999999;
  height: 190px;
  width: 190px;
  cursor: pointer;
}
.preview .preview-caption-wrapper .scroll-icon-wrapper:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  width: 170px;
  height: 170px;
  display: block;
  background-color: black;
}
.preview .preview-caption-wrapper .scroll-icon-wrapper .scroll-icon {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 35%;
  border: 4px solid #ffce00;
  height: 80px;
  width: 52px;
  margin: auto;
  position: relative;
}
.preview .preview-caption-wrapper .scroll-icon-wrapper .scroll-icon:after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-animation: dotBounce 2s ease-in-out infinite;
  -moz-animation: dotBounce 2s ease-in-out infinite;
  -ms-animation: dotBounce 2s ease-in-out infinite;
  -o-animation: dotBounce 2s ease-in-out infinite;
  content: '';
  background-color: #ffce00;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 4px;
  left: calc(50% - 4px);
}
.preview .preview-caption-wrapper .scroll-icon-wrapper P {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 15px;
  line-height: 1.6;
  color: #322f31;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: white;
  padding: 15px;
  text-align: center;
}
.selected-title {
  font-family: AvenirNextLTPro-Bold;
  font-style: normal;
  font-size: 70px;
  font-size: 60px;
  font-weight: 900;
  line-height: 1.2;
  color: #322f31;
  padding: 15px 0;
  position: absolute;
  top: 100px;
  left: 0;
}
@media only screen and (max-width:767px) {
  .selected-title {
    font-size: 40px;
  }
}
@media only screen and (max-width:767px) {
  .selected-title {
    top: 50px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.selected-title.fixed {
  position: fixed;
  top: 50px;
  left: 100px;
}
.page-wrapper {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  background-color: #ffffff;
  height: 100%;
}
@media only screen and (max-width:767px) {
  .page-wrapper {
    position: static;
    top: auto;
    left: auto;
    width: auto;
  }
}
.page-wrapper.fixed {
  height: calc(100% + 100px);
  overflow-y: hidden;
}
.page-wrapper .page-content {
  background-color: #ffffff;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: calc(100% + 300px);
  margin-bottom: 100px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
@media only screen and (max-width:767px) {
  .page-wrapper .page-content {
    padding-top: 60px;
  }
}
.page-head {
  -webkit-transform: translate(-33%, 0);
  -moz-transform: translate(-33%, 0);
  -ms-transform: translate(-33%, 0);
  -o-transform: translate(-33%, 0);
  transform: translate(-33%, 0);
}
@media only screen and (max-width:767px) {
  .page-head {
    -webkit-transform: translate(0, 0) !important;
    -moz-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
  }
}
.page-title,
.mobile-page-title {
  font-family: AvenirNextLTPro-Bold;
  font-style: normal;
  font-size: 70px;
  line-height: 1.2;
  color: #322f31;
  padding-top: 60px;
  margin-bottom: 30px;
}
@media only screen and (max-width:767px) {
  .page-title,
  .mobile-page-title {
    font-size: 40px;
  }
}
@media only screen and (max-width:767px) {
  .page-title,
  .mobile-page-title {
    padding-top: 20px;
    margin-bottom: 30px;
  }
}
.page-subtitle {
  font-family: AvenirNextLTPro-Medium;
  font-style: normal;
  font-size: 50px;
  line-height: 1.2;
  color: #322f31;
  margin-bottom: 30px;
}
@media only screen and (max-width:767px) {
  .page-subtitle {
    font-size: 40px;
  }
}
@media only screen and (max-width:767px) {
  .page-subtitle {
    margin-bottom: 20px;
  }
}
.content-bigtitle {
  font-family: AvenirNextLTPro-Medium;
  font-style: normal;
  font-size: 50px;
  line-height: 1.2;
  color: #322f31;
  margin-bottom: 30px;
  padding-top: 45px;
}
@media only screen and (max-width:767px) {
  .content-bigtitle {
    font-size: 40px;
  }
}
@media only screen and (max-width:767px) {
  .content-bigtitle {
    margin-bottom: 20px;
    padding-top: 30px;
  }
}
.small-title {
  font-family: AvenirNextLTPro-Medium;
  font-style: normal;
  font-size: 30px;
  line-height: 1.2;
  color: #322f31;
  margin-bottom: 20px;
}
@media only screen and (max-width:767px) {
  .small-title {
    font-size: 24px;
  }
}
@media only screen and (max-width:767px) {
  .small-title {
    margin-bottom: 15px;
  }
}
.caps-title {
  font-family: AvenirNextLTPro-Bold;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
  text-transform: uppercase;
  background-color: transparent;
  margin-bottom: 12px;
}
.paragraph-content {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  margin-bottom: 20px;
}
@media only screen and (max-width:767px) {
  .paragraph-content {
    font-size: 20px;
  }
}
@media only screen and (max-width:767px) {
  .paragraph-content {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
.quote {
  text-align: center;
  margin: 40px 20px;
}
@media only screen and (max-width:767px) {
  .quote {
    margin: 20px 15px;
  }
}
.quote .quote-text {
  font-family: AvenirNextLTPro-Medium;
  font-style: normal;
  font-size: 40px;
  line-height: 1.1;
  color: #322f31;
}
@media only screen and (max-width:767px) {
  .quote .quote-text {
    font-size: 26px;
    line-height: 1.2;
  }
}
.quote-symbol {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 36px;
}
.quote-symbol.quote-symbol-open {
  background-image: url("../Icons/QuoteMark.svg");
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.quote-symbol.quote-symbol-close {
  background-image: url("../Icons/QuoteMark.svg");
  -webkit-transform: rotate(180deg) translateY(-50%);
  -moz-transform: rotate(180deg) translateY(-50%);
  -ms-transform: rotate(180deg) translateY(-50%);
  -o-transform: rotate(180deg) translateY(-50%);
  transform: rotate(180deg) translateY(-50%);
}
.enumeration-item {
  margin-bottom: 20px;
  position: relative;
}
@media only screen and (max-width:767px) {
  .enumeration-item {
    margin-bottom: 0;
  }
}
.enumeration-item .enumeration-thumbnail {
  position: relative;
  height: 91px;
  margin-bottom: 10px;
  overflow: hidden;
}
.enumeration-item .enumeration-thumbnail .enumeration-thumbnail-background-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: auto;
  height: 100px;
}
.enumeration-item .enumeration-thumbnail .thumbnail-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffce00;
  text-align: center;
  height: 100%;
  width: 100%;
  opacity: 0;
}
.enumeration-item .enumeration-thumbnail .thumbnail-overlay .thumbnail-overlay-text {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-family: AvenirNextLTPro-Bold;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
  text-transform: uppercase;
  background-color: transparent;
}
.enumeration-item .enumeration-item-content {
  padding: 24px 10px 24px 38px;
  position: relative;
}
.enumeration-item .enumeration-item-content .enumeration-arrow {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 16px;
  height: 14px;
  background-image: url("../Icons/Arrow-right_yellow.svg");
  position: absolute;
  top: 34px;
  left: 0;
}
.enumeration-item .enumeration-item-content .enumeration-disc {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: #ffce00;
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 36px;
  left: 0;
}
.enumeration-item .enumeration-item-content .enumeration-item-title {
  font-family: AvenirNextLTPro-Medium;
  font-style: normal;
  font-size: 30px;
  line-height: 1.2;
  color: #322f31;
  margin-bottom: 20px;
}
@media only screen and (max-width:767px) {
  .enumeration-item .enumeration-item-content .enumeration-item-title {
    font-size: 24px;
  }
}
.enumeration-item .enumeration-item-content .enumeration-item-text {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
}
@media only screen and (max-width:767px) {
  .enumeration-item .enumeration-item-content .enumeration-item-text {
    font-size: 20px;
  }
}
.listing.listing-white UL {
  list-style-image: url("../Icons/Arrow-right_white.svg");
}
.listing.listing-yellow UL {
  list-style-image: url("../Icons/Arrow-right_yellow.svg");
}
.listing.listing-disc UL {
  list-style: none;
}
.listing.listing-disc UL LI {
  text-indent: -20px;
}
.listing.listing-disc UL LI:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-transform: translate(0, -2px);
  -moz-transform: translate(0, -2px);
  -ms-transform: translate(0, -2px);
  -o-transform: translate(0, -2px);
  transform: translate(0, -2px);
  content: '';
  background-color: #ffce00;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
.listing UL {
  padding-left: 28px;
  margin-bottom: 40px;
}
@media only screen and (max-width:767px) {
  .listing UL {
    margin-bottom: 20px;
  }
}
.listing UL LI {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
}
@media only screen and (max-width:767px) {
  .listing UL LI {
    font-size: 20px;
  }
}
.listing UL LI P {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
}
@media only screen and (max-width:767px) {
  .listing UL LI P {
    font-size: 20px;
  }
}
.access {
  text-align: center;
}
@media only screen and (max-width:767px) {
  .access {
    text-align: left;
  }
}
.access .access-listing {
  text-align: left;
  display: inline-block;
}
.access .access-listing .style-smalltitle {
  margin-bottom: 24px;
}
.access .access-listing .listing-wrapper {
  margin-bottom: 24px;
}
.gallery-wrapper {
  padding-top: 45px;
  margin-bottom: 45px;
}
@media only screen and (max-width:767px) {
  .gallery-wrapper {
    padding-top: 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width:767px) {
  .gallery-wrapper.simple .gallery .carousel {
    height: 330px;
  }
}
.gallery-wrapper .gallery {
  display: table;
  width: 100%;
  background-color: #ffce00;
  overflow: hidden;
}
@media only screen and (max-width:767px) {
  .gallery-wrapper .gallery {
    display: block;
  }
}
.gallery-wrapper .gallery .gallery-textbox {
  background-color: #ffce00;
  padding: 60px;
  width: 40%;
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width:991px) {
  .gallery-wrapper .gallery .gallery-textbox {
    display: block;
    width: 100%;
    padding: 24px 15px;
  }
}
.gallery-wrapper .gallery .gallery-textbox .gallery-item-title {
  font-family: AvenirNextLTPro-Medium;
  font-style: normal;
  font-size: 30px;
  line-height: 1.2;
  color: #322f31;
  margin-bottom: 18px;
}
@media only screen and (max-width:767px) {
  .gallery-wrapper .gallery .gallery-textbox .gallery-item-title {
    font-size: 24px;
  }
}
.gallery-wrapper .gallery .gallery-textbox .gallery-item-content {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
  margin-bottom: 40px;
}
@media only screen and (max-width:767px) {
  .gallery-wrapper .gallery .gallery-textbox .gallery-item-content {
    font-size: 20px;
  }
}
.gallery-wrapper .gallery .gallery-textbox .listing-wrapper .listing-title {
  color: #ffffff;
}
.gallery-wrapper .gallery .carousel {
  width: 60%;
  display: table-cell;
  height: 660px;
  background-color: #ffffff;
}
@media only screen and (max-width:991px) {
  .gallery-wrapper .gallery .carousel {
    display: block;
    width: auto;
    height: 330px;
  }
}
.gallery-wrapper .gallery .carousel .carousel-cell {
  height: 660px;
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width:991px) {
  .gallery-wrapper .gallery .carousel .carousel-cell {
    height: 330px;
  }
}
.gallery-wrapper .gallery .carousel .carousel-cell .carousel-image {
  height: 100% !important;
  width: auto !important;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.gallery-wrapper .gallery .carousel .carousel-cell .carousel-image:after {
  content: '';
  position: absolute;
  left: 0%;
  right: 0;
  bottom: 0;
  height: 130px;
  background-image: linear-gradient(to bottom, rgba(238, 238, 238, 0), rgba(0, 0, 0, 0.3));
}
.gallery-wrapper .gallery .carousel .carousel-cell .copyright {
  position: absolute;
  bottom: 18px;
  left: 24px;
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 14px;
  line-height: 1;
  color: #ffffff;
}
.gallery-wrapper .gallery .carousel .flickity-prev-next-button,
.gallery-wrapper .gallery .carousel .carousel-control {
  top: auto;
  left: auto;
  right: auto;
  background-color: #ffce00;
  bottom: 0;
  width: 45px;
  height: 40px;
}
.gallery-wrapper .gallery .carousel .flickity-prev-next-button SVG,
.gallery-wrapper .gallery .carousel .carousel-control SVG {
  width: 20px;
  height: 18px;
  left: 27%;
  top: 27%;
}
.gallery-wrapper .gallery .carousel .flickity-prev-next-button:active,
.gallery-wrapper .gallery .carousel .carousel-control:active {
  opacity: 1;
}
.gallery-wrapper .gallery .carousel .flickity-prev-next-button.previous,
.gallery-wrapper .gallery .carousel .carousel-control.previous,
.gallery-wrapper .gallery .carousel .flickity-prev-next-button.left,
.gallery-wrapper .gallery .carousel .carousel-control.left {
  right: 59px;
  -webkit-border-radius: 50% 0 0 50%;
  -moz-border-radius: 50% 0 0 50%;
  border-radius: 50% 0 0 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.gallery-wrapper .gallery .carousel .flickity-prev-next-button.next,
.gallery-wrapper .gallery .carousel .carousel-control.next,
.gallery-wrapper .gallery .carousel .flickity-prev-next-button.right,
.gallery-wrapper .gallery .carousel .carousel-control.right {
  right: 24px;
  -webkit-border-radius: 0 50% 50% 0;
  -moz-border-radius: 0 50% 50% 0;
  border-radius: 0 50% 50% 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.gallery-wrapper .gallery .carousel .flickity-prev-next-button:disabled,
.gallery-wrapper .gallery .carousel .carousel-control:disabled {
  opacity: 1;
}
.gallery-wrapper .gallery .carousel .flickity-prev-next-button:disabled svg,
.gallery-wrapper .gallery .carousel .carousel-control:disabled svg {
  opacity: 0.3;
}
.gallery-wrapper .gallery .carousel .flickity-prev-next-button .arrow,
.gallery-wrapper .gallery .carousel .carousel-control .arrow {
  fill: black;
}
.gallery-wrapper .gallery .carousel .carousel-control {
  top: auto;
  left: auto;
  right: auto;
  background-color: #ffce00;
  bottom: 10px;
  width: 35px;
  height: 30px;
  text-shadow: none;
}
.gallery-wrapper .gallery .carousel .carousel-control .glyphicon-chevron-left,
.gallery-wrapper .gallery .carousel .carousel-control .glyphicon-chevron-right {
  height: 20px;
  width: 20px;
}
.gallery-wrapper .gallery .carousel .carousel-control .glyphicon-chevron-left:before,
.gallery-wrapper .gallery .carousel .carousel-control .glyphicon-chevron-right:before {
  content: '';
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 100%;
  width: 100%;
  display: block;
}
.gallery-wrapper .gallery .carousel .carousel-control.left,
.gallery-wrapper .gallery .carousel .carousel-control.right {
  background-image: none;
  filter: none;
  opacity: 1;
}
.gallery-wrapper .gallery .carousel .carousel-control.left {
  right: 59px;
  -webkit-border-radius: 50% 0 0 50%;
  -moz-border-radius: 50% 0 0 50%;
  border-radius: 50% 0 0 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.gallery-wrapper .gallery .carousel .carousel-control.left .glyphicon-chevron-left:before {
  background-image: url("../Icons/Arrow-left_white.svg");
}
.gallery-wrapper .gallery .carousel .carousel-control.right {
  right: 24px;
  -webkit-border-radius: 0 50% 50% 0;
  -moz-border-radius: 0 50% 50% 0;
  border-radius: 0 50% 50% 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.gallery-wrapper .gallery .carousel .carousel-control.right .glyphicon-chevron-right:before {
  background-image: url("../Icons/Arrow-right_white.svg");
}
.external-link,
.internal-link {
  text-decoration: none;
  display: block;
  color: #322f31;
}
.external-link .enumeration-item,
.internal-link .enumeration-item {
  cursor: pointer;
}
@media only screen and (max-width:767px) {
  .external-link .enumeration-item,
  .internal-link .enumeration-item {
    margin-bottom: 20px;
  }
  .external-link .enumeration-item .enumeration-item-content,
  .internal-link .enumeration-item .enumeration-item-content {
    position: relative;
  }
  .external-link .enumeration-item .enumeration-item-content .overlay-arrow,
  .internal-link .enumeration-item .enumeration-item-content .overlay-arrow {
    position: absolute;
    right: 20px;
    top: -44px;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    line-height: 40px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../Icons/Arrow-right_white.svg");
    background-color: #ffce00;
  }
}
.external-link .enumeration-item .enumeration-item-content .enumeration-arrow,
.internal-link .enumeration-item .enumeration-item-content .enumeration-arrow {
  top: 26px;
}
.external-link .enumeration-item .enumeration-item-content .enumeration-content .enumeration-item-title,
.internal-link .enumeration-item .enumeration-item-content .enumeration-content .enumeration-item-title {
  font-family: AvenirNextLTPro-Medium;
  font-style: normal;
  font-size: 20px;
  line-height: 1.2;
  color: #322f31;
  margin-bottom: 20px;
}
@media only screen and (max-width:767px) {
  .external-link .enumeration-item .enumeration-item-content .enumeration-content .enumeration-item-title,
  .internal-link .enumeration-item .enumeration-item-content .enumeration-content .enumeration-item-title {
    font-size: 24px;
  }
}
.external-link .enumeration-item .enumeration-item-content .enumeration-content .enumeration-item-text,
.internal-link .enumeration-item .enumeration-item-content .enumeration-content .enumeration-item-text {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 15px;
  line-height: 1.6;
  color: #322f31;
}
.external-link:hover,
.internal-link:hover,
.external-link:focus,
.internal-link:focus {
  text-decoration: none;
  margin: -4px;
}
@media only screen and (max-width:767px) {
  .external-link:hover,
  .internal-link:hover,
  .external-link:focus,
  .internal-link:focus {
    margin: auto;
  }
}
.external-link:hover .enumeration-item,
.internal-link:hover .enumeration-item,
.external-link:focus .enumeration-item,
.internal-link:focus .enumeration-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px #ffce00 solid;
}
@media only screen and (max-width:767px) {
  .external-link:hover .enumeration-item,
  .internal-link:hover .enumeration-item,
  .external-link:focus .enumeration-item,
  .internal-link:focus .enumeration-item {
    border: none;
  }
}
.external-link:hover .enumeration-item .enumeration-thumbnail .thumbnail-overlay,
.internal-link:hover .enumeration-item .enumeration-thumbnail .thumbnail-overlay,
.external-link:focus .enumeration-item .enumeration-thumbnail .thumbnail-overlay,
.internal-link:focus .enumeration-item .enumeration-thumbnail .thumbnail-overlay {
  opacity: 0.95;
}
.stat {
  margin-bottom: 45px;
}
@media only screen and (max-width:767px) {
  .stat {
    margin-bottom: 20px;
  }
}
.stat .stat-value {
  font-family: AvenirNextLTPro-Bold;
  font-style: normal;
  font-size: 120px;
  line-height: 1;
  color: #322f31;
  color: #ffce00;
}
.stat .stat-content {
  font-family: AvenirNextLTPro-Medium;
  font-style: normal;
  font-size: 30px;
  line-height: 1.2;
  color: #322f31;
  color: #ffce00;
}
@media only screen and (max-width:767px) {
  .stat .stat-content {
    font-size: 24px;
  }
}
.team-member {
  margin-bottom: 45px;
}
@media only screen and (max-width:767px) {
  .team-member {
    margin-bottom: 30px;
  }
}
.team-member .team-member-picture-wrapper {
  position: relative;
}
.team-member .team-member-picture-wrapper:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}
.team-member .team-member-picture-wrapper .team-member-picture {
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.team-member .team-member-picture-wrapper .team-member-picture.team-member-second-picture {
  opacity: 0;
}
.team-member .team-member-picture-wrapper .team-member-picture.no-pic {
  border: 4px solid #ffce00;
  background-size: 98px 73px;
  background-position: center center;
}
.team-member .team-member-picture-wrapper .team-member-picture-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffce00;
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.255, 0.1, 0.25, 1);
  -moz-transition-timing-function: cubic-bezier(0.255, 0.1, 0.25, 1);
  -o-transition-timing-function: cubic-bezier(0.255, 0.1, 0.25, 1);
  transition-timing-function: cubic-bezier(0.255, 0.1, 0.25, 1);
}
.team-member .team-member-picture-wrapper .team-member-picture-overlay .team-member-description {
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  padding: 24px 24px 0 24px;
}
.team-member .team-member-picture-wrapper .team-member-picture-overlay .team-member-description .team-member-text {
  display: none;
  cursor: default;
  margin-bottom: 24px;
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
  color: #ffffff;
}
@media only screen and (max-width:767px) {
  .team-member .team-member-picture-wrapper .team-member-picture-overlay .team-member-description .team-member-text {
    font-size: 20px;
  }
}
.team-member .team-member-picture-wrapper .team-member-picture-overlay .team-member-description .team-member-contact-link {
  display: none;
}
.team-member .team-member-picture-wrapper .team-member-picture-overlay .team-member-description .team-member-contact-link A {
  cursor: default;
  font-family: AvenirNextLTPro-Bold;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
  text-decoration: none;
}
.team-member .team-member-picture-wrapper .team-member-picture-overlay .team-member-description .team-member-contact-link A:hover,
.team-member .team-member-picture-wrapper .team-member-picture-overlay .team-member-description .team-member-contact-link A:focus,
.team-member .team-member-picture-wrapper .team-member-picture-overlay .team-member-description .team-member-contact-link A:active {
  color: #ffffff;
  text-decoration: none;
}
.team-member .team-member-picture-wrapper .team-member-overlay-button {
  background-color: #ffce00;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: -20px;
  right: 20px;
  display: inline-block;
  text-align: center;
  z-index: 10;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-backface-visibility: hidden;
  /* Chrome, Safari, Opera */
  backface-visibility: hidden;
}
.team-member .team-member-picture-wrapper .team-member-overlay-button:after {
  cursor: pointer;
  content: '';
  background-image: url("../Icons/Plus.svg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  color: #ffffff;
  vertical-align: middle;
  display: inline-block;
  position: absolute;
  top: 12px;
  left: 12px;
}
.team-member .team-member-content {
  position: relative;
  padding: 30px 25px;
}
.team-member .team-member-content .team-member-pattern {
  background-position: top left;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 70%;
}
.team-member .team-member-content .team-member-fullname {
  font-family: AvenirNextLTPro-Medium;
  font-style: normal;
  font-size: 30px;
  line-height: 1.2;
  color: #322f31;
  position: relative;
}
@media only screen and (max-width:767px) {
  .team-member .team-member-content .team-member-fullname {
    font-size: 24px;
  }
}
.team-member .team-member-content .team-member-jobtitle {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
  position: relative;
}
@media only screen and (max-width:767px) {
  .team-member .team-member-content .team-member-jobtitle {
    font-size: 20px;
  }
}
.team-member:hover .team-member-picture-wrapper .team-member-picture:after,
.team-member:focus .team-member-picture-wrapper .team-member-picture:after {
  opacity: 0;
}
.team-member:hover .team-member-picture-wrapper .team-member-picture.team-member-second-picture,
.team-member:focus .team-member-picture-wrapper .team-member-picture.team-member-second-picture {
  opacity: 1;
}
.team-member:hover .team-member-picture-wrapper .team-member-overlay-button,
.team-member:focus .team-member-picture-wrapper .team-member-overlay-button {
  display: inline-block;
  background-color: #000000;
}
.team-member.selected .team-member-picture-wrapper .team-member-picture:after {
  opacity: 0;
}
.team-member.selected .team-member-picture-wrapper .team-member-picture-overlay {
  opacity: 0.95;
}
.team-member.selected .team-member-picture-wrapper .team-member-picture-overlay .team-member-description .team-member-text {
  display: block;
  cursor: auto;
}
.team-member.selected .team-member-picture-wrapper .team-member-picture-overlay .team-member-description .team-member-contact-link {
  display: block;
}
.team-member.selected .team-member-picture-wrapper .team-member-picture-overlay .team-member-description .team-member-contact-link A {
  cursor: pointer;
}
.team-member.selected .team-member-picture-wrapper .team-member-overlay-button {
  display: inline-block;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #000000;
}
.maps-wrapper {
  position: relative;
  margin-bottom: 60px;
}
.maps-wrapper #map {
  width: 100%;
  height: 615px;
}
@media only screen and (max-width:767px) {
  .maps-wrapper #map {
    height: 300px;
  }
}
.map-overlay {
  position: absolute;
  top: 90px;
  left: 98px;
  padding: 42px 60px;
  background-color: #ffce00;
}
@media only screen and (max-width:767px) {
  .map-overlay {
    position: static;
    top: auto;
    left: auto;
    padding: 24px 15px;
  }
}
.map-overlay .adresse-title {
  font-family: AvenirNextLTPro-Bold;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
  text-transform: uppercase;
  background-color: transparent;
  color: #ffffff;
}
.map-overlay .adresse-content {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
  margin-bottom: 12px;
}
@media only screen and (max-width:767px) {
  .map-overlay .adresse-content {
    font-size: 20px;
  }
}
.map-overlay .adresse-content A {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
}
@media only screen and (max-width:767px) {
  .map-overlay .adresse-content A {
    font-size: 20px;
  }
}
.footer {
  padding-left: 100px;
  background-color: #ffce00;
  padding-top: 60px;
  padding-bottom: 60px;
  position: absolute;
  left: -100px;
  right: 0;
  top: -100%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.footer.footer-desktop {
  display: block;
}
.footer.footer-mobile {
  position: static;
  display: none;
}
@media only screen and (max-width:767px) {
  .footer {
    padding: 60px 0;
    left: 0;
    right: 0;
  }
  .footer.footer-desktop {
    display: none;
  }
  .footer.footer-mobile {
    display: block;
  }
}
.footer .footer-logo {
  margin-bottom: 20px;
}
.footer .footer-text {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
  margin-bottom: 20px;
}
@media only screen and (max-width:767px) {
  .footer .footer-text {
    font-size: 20px;
  }
}
@media only screen and (max-width:767px) {
  .footer .footer-contact {
    margin-bottom: 60px;
  }
}
.footer .footer-contact A {
  font-family: AvenirNextLTPro-Bold;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
  cursor: pointer;
}
.footer .footer-contact A:hover,
.footer .footer-contact A:focus,
.footer .footer-contact A:active {
  color: #ffffff;
  text-decoration: none;
}
.footer .footer-menu-title {
  font-family: AvenirNextLTPro-Bold;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
  text-transform: uppercase;
  background-color: transparent;
  color: #ffffff;
  margin-bottom: 10px;
}
@media only screen and (max-width:767px) {
  .footer .footer-menu-list {
    margin-bottom: 30px;
  }
}
.footer .footer-menu-list .footer-menu-item {
  cursor: pointer;
  font-family: AvenirNextLTPro-Bold;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
}
.footer .footer-menu-list .footer-menu-item:hover,
.footer .footer-menu-list .footer-menu-item:focus,
.footer .footer-menu-list .footer-menu-item:active,
.footer .footer-menu-list .footer-menu-item.active {
  color: #ffffff;
}
.footer .footer-menu-list .footer-menu-item.active {
  cursor: default;
}
.footer .madebyapart {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 15px;
  line-height: 1.6;
  color: #322f31;
  padding: 60px 0 0;
}
.footer .madebyapart A {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 15px;
  line-height: 1.6;
  color: #322f31;
  text-decoration: none;
}
.footer .madebyapart A:hover,
.footer .madebyapart A:focus,
.footer .madebyapart A:active {
  color: #ffffff;
  text-decoration: none;
}
#cookie-disclaimer {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 15px;
  line-height: 1.6;
  color: #322f31;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffce00;
  color: black;
  z-index: 1000;
  padding: 20px 15px;
  text-align: center;
}
#cookie-disclaimer A {
  color: #000000;
  margin: 10px 0;
  display: inline-block;
}
#cookie-disclaimer A#close-disclaimer {
  font-weight: bold;
  background-color: #000000;
  padding: 10px 20px;
  margin-right: 20px;
}
#cookie-disclaimer A:hover,
#cookie-disclaimer A:visited,
#cookie-disclaimer A:active,
#cookie-disclaimer A:focus {
  color: #ffffff;
}
.ce-bodytext,
.frame-type-text {
  margin-bottom: 20px;
}
.ce-bodytext H2,
.frame-type-text H2 {
  font-family: AvenirNextLTPro-Medium;
  font-style: normal;
  font-size: 30px;
  line-height: 1.2;
  color: #322f31;
  margin-bottom: 20px;
}
@media only screen and (max-width:767px) {
  .ce-bodytext H2,
  .frame-type-text H2 {
    font-size: 24px;
  }
}
@media only screen and (max-width:767px) {
  .ce-bodytext H2,
  .frame-type-text H2 {
    margin-bottom: 15px;
  }
}
.ce-bodytext P,
.frame-type-text P {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
  margin-bottom: 20px;
}
@media only screen and (max-width:767px) {
  .ce-bodytext P,
  .frame-type-text P {
    font-size: 20px;
  }
}
.ce-bodytext UL,
.frame-type-text UL {
  list-style: none;
  padding-left: 28px;
  margin-bottom: 40px;
}
@media only screen and (max-width:767px) {
  .ce-bodytext UL,
  .frame-type-text UL {
    margin-bottom: 20px;
  }
}
.ce-bodytext UL LI,
.frame-type-text UL LI {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
  text-indent: -20px;
}
@media only screen and (max-width:767px) {
  .ce-bodytext UL LI,
  .frame-type-text UL LI {
    font-size: 20px;
  }
}
.ce-bodytext UL LI:before,
.frame-type-text UL LI:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-transform: translate(0, -2px);
  -moz-transform: translate(0, -2px);
  -ms-transform: translate(0, -2px);
  -o-transform: translate(0, -2px);
  transform: translate(0, -2px);
  content: '';
  background-color: #ffce00;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
.ce-bodytext UL LI P,
.frame-type-text UL LI P {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #322f31;
}
@media only screen and (max-width:767px) {
  .ce-bodytext UL LI P,
  .frame-type-text UL LI P {
    font-size: 20px;
  }
}
