@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?ay2qo1');
  src: url('../fonts/icomoon.eot?ay2qo1#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?ay2qo1') format('truetype'), url('../fonts/icomoon.woff?ay2qo1') format('woff'), url('../fonts/icomoon.svg?ay2qo1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-x:before {
  content: "\e900";
}
.icon-twitter:before {
  content: "\e900";
}
.icon-facebook:before {
  content: "\e901";
}
.icon-brand:before {
  content: "\e901";
}
.icon-social:before {
  content: "\e901";
}
.icon-play:before {
  content: "\e90e";
}
.icon-instagram:before {
  content: "\e902";
}
.icon-envelope:before {
  content: "\e903";
}
.icon-linkedin:before {
  content: "\e904";
}
.icon-shopping-cart:before {
  content: "\e905";
}
.icon-check:before {
  content: "\e906";
}
.icon-plus:before {
  content: "\e907";
}
.icon-filter:before {
  content: "\e908";
}
.icon-arrow-right:before {
  content: "\e909";
}
.icon-arrow-left:before {
  content: "\e90a";
}
.icon-arrow-down:before {
  content: "\e90b";
}
.icon-arrow-up:before {
  content: "\e90c";
}
.icon-close:before {
  content: "\e90d";
}
.icon-remove:before {
  content: "\e90d";
}
.icon-times:before {
  content: "\e90d";
}
html.touch body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header .cmplz-close:hover {
  opacity: 1;
}
html.touch body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover {
  background: #bdecb6;
  color: #fff;
}
#cmplz-manage-consent {
  display: none !important;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner {
  min-width: 0;
  width: 350px;
  background: #2d2d2c;
  color: #fff;
  padding: 30px;
  display: block;
  bottom: 20px;
  border-radius: 0 !important;
  left: calc(100vw - 370px);
  right: auto;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-dismissed {
  display: none;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header {
  margin-bottom: 20px;
  display: block;
  text-align: left;
  position: relative;
  color: #2d2d2c;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header .cmplz-title {
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
  width: 100%;
  padding-right: 50px;
  color: #fff;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header .cmplz-close {
  position: absolute;
  right: 0;
  top: 6px;
  z-index: 1;
  width: 16px;
  line-height: 16px;
  height: 16px;
  font-size: 20px !important;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0s ease-out;
  -moz-transition: opacity 0.3s 0s ease-out;
  -o-transition: opacity 0.3s 0s ease-out;
  transition: opacity 0.3s 0s ease-out;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header .cmplz-close:hover {
  opacity: 0.6;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header .cmplz-close svg {
  width: 16px;
  height: 16px;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header .cmplz-close svg path {
  fill: #fff;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-divider {
  display: none;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body {
  min-width: 0 !important;
  text-align: left;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body .cmplz-message {
  width: 100% !important;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  opacity: 0.6;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons {
  display: block;
  margin: 10px 0 0 0;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
  width: 100%;
  font-size: 14px;
  line-height: 52px;
  text-transform: uppercase;
  padding: 0 20px;
  border-radius: 0 !important;
  font-family: "obviously-narrow", sans-serif;
  border: none !important;
  background: #fff;
  color: #2d2d2c;
  font-weight: 700 !important;
  height: auto;
  -webkit-transition: color 0.3s, background 0.3s;
  -moz-transition: color 0.3s, background 0.3s;
  -ms-transition: color 0.3s, background 0.3s;
  -o-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover {
  background: #df7f6b;
  color: #fff;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:first-child {
  margin-bottom: 10px;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link {
  display: none;
}
.dataScroller #cmplz-document input {
  -webkit-appearance: auto !important;
}
.dataScroller #cmplz-document #cmplz-cookies-overview .cmplz-dropdown {
  background: transparent !important;
}
.dataScroller #cmplz-document #cmplz-cookies-overview .cmplz-dropdown .cmplz-service-header {
  background: #2d2d2c !important;
}
.dataScroller #cmplz-document #cmplz-cookies-overview .cmplz-dropdown summary div:after {
  filter: invert(100%);
}
.dataScroller #cmplz-document #cmplz-cookies-overview .cmplz-dropdown h5 {
  font-weight: 400 !important;
}
.dataScroller #cmplz-document #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose {
  background: #2d2d2c !important;
}
.dataScroller #cmplz-document #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div {
  background: #000  !important;
}
.dataScroller #cmplz-document #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div.name-header,
.dataScroller #cmplz-document #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div.retention-header,
.dataScroller #cmplz-document #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div.function-header {
  background: transparent !important;
}
.dataScroller #cmplz-document .cmplz-categories .cmplz-category {
  background: transparent !important;
}
.dataScroller #cmplz-document .cmplz-categories .cmplz-category-header {
  background: #2d2d2c !important;
}
.dataScroller #cmplz-document .cmplz-categories .cmplz-category-header .cmplz-icon path {
  fill: #f7f7f7;
}
@media all and (max-width: 767px) {
  body #cmplz-cookiebanner-container .cmplz-cookiebanner {
    width: 100vw;
    padding: 40px 20px;
    bottom: 0;
    border-radius: 0;
    left: 0;
  }
  body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header .cmplz-title {
    display: block !important;
  }
}
html.touch .overlay .overlayWrapper .closeOverlay:hover {
  background: #fff;
  -webkit-transform: translateX(-50%) rotate(0deg);
  -moz-transform: translateX(-50%) rotate(0deg);
  -o-transform: translateX(-50%) rotate(0deg);
  -ms-transform: translateX(-50%) rotate(0deg);
  transform: translateX(-50%) rotate(0deg);
}
html.touch .overlay .overlayWrapper .closeOverlay:hover svg path {
  fill: #2d2d2c;
}
html.touch .overlay .overlayWrapper .closeOverlay:active {
  background: #bdecb6;
  -webkit-transform: translateX(-50%) rotate(-180deg);
  -moz-transform: translateX(-50%) rotate(-180deg);
  -o-transform: translateX(-50%) rotate(-180deg);
  -ms-transform: translateX(-50%) rotate(-180deg);
  transform: translateX(-50%) rotate(-180deg);
}
html.touch .overlay .overlayWrapper .closeOverlay:active svg path {
  fill: #f7f7f7;
}
.overlay {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  opacity: 0;
  z-index: 11;
}
.overlay .background {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background: #2d2d2c;
  opacity: 0.8;
}
.overlay .overlayWrapper {
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 70%;
  position: relative;
  /* Hier max hoogte en breedte */
  max-height: 70vh;
  max-width: 90vw;
  /* Schaal breedte op basis van hoogte en 16:9 aspect */
  aspect-ratio: 1.77777778;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.overlay .overlayWrapper .closeOverlay {
  height: 50px;
  left: 50%;
  position: absolute;
  top: -60px;
  width: 50px;
  -webkit-transform: translateX(-50%) rotate(0deg);
  -moz-transform: translateX(-50%) rotate(0deg);
  -o-transform: translateX(-50%) rotate(0deg);
  -ms-transform: translateX(-50%) rotate(0deg);
  transform: translateX(-50%) rotate(0deg);
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: background 0.3s, transform 0.3s;
  -moz-transition: background 0.3s, transform 0.3s;
  -ms-transition: background 0.3s, transform 0.3s;
  -o-transition: background 0.3s, transform 0.3s;
  transition: background 0.3s, transform 0.3s;
}
.overlay .overlayWrapper .closeOverlay:hover {
  background: #2d2d2c;
  -webkit-transform: translateX(-50%) rotate(-180deg);
  -moz-transform: translateX(-50%) rotate(-180deg);
  -o-transform: translateX(-50%) rotate(-180deg);
  -ms-transform: translateX(-50%) rotate(-180deg);
  transform: translateX(-50%) rotate(-180deg);
}
.overlay .overlayWrapper .closeOverlay:hover svg path {
  fill: #f7f7f7;
}
.overlay .overlayWrapper .closeOverlay svg {
  display: block;
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 20px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.overlay .overlayWrapper .closeOverlay svg path {
  fill: #2d2d2c;
  -webkit-transition: fill 0.3s, transform 0.3s;
  -moz-transition: fill 0.3s, transform 0.3s;
  -ms-transition: fill 0.3s, transform 0.3s;
  -o-transition: fill 0.3s, transform 0.3s;
  transition: fill 0.3s, transform 0.3s;
}
.overlay .overlayWrapper .videoWrapper {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.overlay .overlayWrapper .videoWrapper iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media all and (max-width: 767px) {
  .overlay .overlayWrapper {
    width: 90%;
  }
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
::-moz-selection {
  /* Code for Firefox */
  color: #fff;
  background: #2d2d2c;
}
::selection {
  color: #fff;
  background: #2d2d2c;
}
*:focus {
  outline: none;
}
a {
  text-decoration: none;
  display: inline-block;
}
.has-scroll-smooth[data-scroll-container] {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}
.has-scroll-smooth body {
  overflow: hidden !important;
}
[data-scroll-speed] {
  will-change: transform;
}
input,
textarea {
  border-radius: 0 !important;
  -webkit-appearance: none !important;
}
input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-calendar-picker-indicator,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
  display: none;
  -webkit-appearance: none;
}
.lazyBackground.lazy {
  background-image: none!important;
}
html,
body {
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "obviously-narrow", sans-serif;
  color: #fff;
  overflow: hidden;
}
html p,
body p,
html .pTag,
body .pTag {
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 32px;
}
html p:last-child,
body p:last-child,
html .pTag:last-child,
body .pTag:last-child {
  margin-bottom: 0;
}
html.overflow,
body.overflow {
  overflow: hidden;
}
html .contentScroller,
body .contentScroller {
  position: relative;
  top: 0;
  z-index: 1;
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.6s 0s, pointer-events 0.6s 0s, transform 0.6s 0s;
  -moz-transition: opacity 0.6s 0s, pointer-events 0.6s 0s, transform 0.6s 0s;
  -ms-transition: opacity 0.6s 0s, pointer-events 0.6s 0s, transform 0.6s 0s;
  -o-transition: opacity 0.6s 0s, pointer-events 0.6s 0s, transform 0.6s 0s;
  transition: opacity 0.6s 0s, pointer-events 0.6s 0s, transform 0.6s 0s;
}
html .contentScroller.hidden,
body .contentScroller.hidden {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -o-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}
html .contentScroller.hidden *,
body .contentScroller.hidden * {
  pointer-events: none !important;
}
html .contentScroller section:first-child,
body .contentScroller section:first-child {
  margin-top: 0;
}
html .contentScroller .pageContainer,
body .contentScroller .pageContainer {
  max-width: 3000px;
  overflow: hidden;
  margin: 0 auto;
}
strong,
b {
  font-weight: 600;
}
body {
  overflow: hidden;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.contentWrapper {
  width: 1280px;
  padding: 0 20px;
  margin: 0 auto;
  max-width: 100%;
}
.contentWrapper.smaller {
  width: 840px;
}
.bigTitle {
  font-family: "obviously-condensed";
  font-size: 140px;
  line-height: 120px;
  -webkit-transform: translateY(100px) skewY(-5deg);
  -moz-transform: translateY(100px) skewY(-5deg);
  -o-transform: translateY(100px) skewY(-5deg);
  -ms-transform: translateY(100px) skewY(-5deg);
  transform: translateY(100px) skewY(-5deg);
  text-transform: uppercase;
  font-weight: 800;
  transform-origin: center left;
  position: relative;
  opacity: 0;
  -webkit-transition: opacity 0.6s 0.3s, transform 0.6s 0.3s;
  -moz-transition: opacity 0.6s 0.3s, transform 0.6s 0.3s;
  -ms-transition: opacity 0.6s 0.3s, transform 0.6s 0.3s;
  -o-transition: opacity 0.6s 0.3s, transform 0.6s 0.3s;
  transition: opacity 0.6s 0.3s, transform 0.6s 0.3s;
}
.bigTitle.is-inview {
  opacity: 1;
  -webkit-transform: translateY(0) skewY(-15deg);
  -moz-transform: translateY(0) skewY(-15deg);
  -o-transform: translateY(0) skewY(-15deg);
  -ms-transform: translateY(0) skewY(-15deg);
  transform: translateY(0) skewY(-15deg);
}
.bigTitle.normal {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}
.normalBigTitle {
  font-size: 90px;
  line-height: 82px;
  text-transform: uppercase;
  font-weight: 700;
}
.normalTitle {
  font-size: 60px;
  line-height: 52px;
  text-transform: uppercase;
  font-weight: 700;
}
.normalSmallTitle {
  font-size: 40px;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 700;
}
.quoteTitle {
  font-size: 30px;
  line-height: 48px;
  font-weight: 500;
  font-style: italic;
}
.smallTitle {
  font-size: 30px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 700;
}
.subTitle {
  font-size: 18px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 700;
}
.dividerAnim {
  height: 45px;
  width: calc(100% + 430px);
  position: relative;
  margin-top: -20px;
  margin-bottom: -1px;
  overflow: hidden;
  animation: dividerAnim 6s linear infinite;
}
.dividerAnim.noAnim {
  animation: none;
}
.dividerAnim.is-inview .innerDivider {
  margin-top: 0;
}
.dividerAnim.smaller {
  height: 39px;
}
.dividerAnim.smaller.is-inview .innerDivider {
  margin-top: 0;
}
.dividerAnim.smaller .innerDivider {
  margin-top: 39px;
}
.dividerAnim.smaller .innerDivider .icon {
  height: 39px;
}
.dividerAnim.bigger {
  height: 55px;
  margin-top: -30px;
}
.dividerAnim.bigger.is-inview .innerDivider {
  margin-top: 0;
}
.dividerAnim.bigger .innerDivider {
  margin-top: 55px;
}
.dividerAnim.bigger .innerDivider .icon {
  height: 55px !important;
}
.dividerAnim:after {
  content: "";
  height: 25px;
  left: 0;
  position: absolute;
  top: auto;
  width: 100%;
  bottom: 0;
}
.dividerAnim.pink:after {
  background: #edbbd1;
}
.dividerAnim.pink .innerDivider .anim .icon svg polygon,
.dividerAnim.pink .innerDivider .anim .icon svg path {
  fill: #edbbd1;
}
.dividerAnim.black:after {
  background: #2d2d2c;
}
.dividerAnim.black .innerDivider .anim .icon svg polygon,
.dividerAnim.black .innerDivider .anim .icon svg path {
  fill: #2d2d2c;
}
.dividerAnim.purple:after {
  background: #733d7a;
}
.dividerAnim.purple .innerDivider .anim .icon svg polygon,
.dividerAnim.purple .innerDivider .anim .icon svg path {
  fill: #733d7a;
}
.dividerAnim.green:after {
  background: #6cb388;
}
.dividerAnim.green .innerDivider .anim .icon svg polygon,
.dividerAnim.green .innerDivider .anim .icon svg path {
  fill: #6cb388;
}
.dividerAnim .innerDivider {
  margin-top: 45px;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-bottom: -1px;
  white-space: nowrap;
  -webkit-transition: margin-top 0.6s 0.3s ease-out;
  -moz-transition: margin-top 0.6s 0.3s ease-out;
  -o-transition: margin-top 0.6s 0.3s ease-out;
  transition: margin-top 0.6s 0.3s ease-out;
}
.dividerAnim .innerDivider .anim .icon {
  height: 45px;
  width: 430px;
  display: inline-block;
  margin-left: -1px;
}
.dividerAnim .innerDivider .anim .icon svg {
  height: 100%;
  width: 100%;
}
.selectWrapper .select2-container--default {
  width: 100% !important;
}
.selectWrapper .select2-container--default.select2-container--open .selection .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #fff transparent;
}
.selectWrapper .select2-container--default .selection .select2-selection--single {
  border-radius: 0;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  height: auto;
}
.selectWrapper .select2-container--default .selection .select2-selection--single .select2-selection__rendered {
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  padding: 0 50px 0 20px;
  line-height: 50px;
}
.selectWrapper .select2-container--default .selection .select2-selection--single .select2-selection__arrow {
  height: 50px;
  width: 50px;
}
.selectWrapper .select2-container--default .selection .select2-selection--single .select2-selection__arrow b {
  border-color: #fff transparent transparent transparent;
}
.select2-container.select2-container--default .select2-dropdown {
  border-radius: 0;
  border: none;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options .select2-results__option {
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 50px 10px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options .select2-results__option:last-child {
  border-bottom: none;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
  background: #000;
  color: #fff;
}
@keyframes dividerAnim {
  from {
    margin-left: -430px;
  }
  to {
    margin-left: 0;
  }
}
.button {
  font-size: 18px;
  line-height: 52px;
  text-transform: uppercase;
  padding: 0 30px;
  padding-top: 3px;
  text-align: center;
  color: #f7f7f7;
  background: #2d2d2c;
  display: inline-block;
  font-weight: 700;
  cursor: pointer;
  background: transparent;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: #fff;
  color: #2d2d2c;
}
.button:hover .buttonMask .buttonLabels {
  -webkit-transform: translateY(-55px);
  -moz-transform: translateY(-55px);
  -o-transform: translateY(-55px);
  -ms-transform: translateY(-55px);
  transform: translateY(-55px);
}
.button:hover .buttonMask .buttonLabels .buttonLabel:first-child {
  transform-origin: left center;
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.button:hover .buttonMask .buttonLabels .buttonLabel:last-child {
  transform-origin: right center;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.button.yellow {
  background: #f7d670;
  color: #2d2d2c;
}
.button.yellow:hover {
  background: #fff;
  color: #2d2d2c;
}
.button.green {
  background: #6cb388;
  color: #fff;
}
.button.green:hover {
  background: #fff;
  color: #2d2d2c;
}
.button.purple {
  background: #733d7a;
  color: #fff;
}
.button.purple:hover {
  background: #2d2d2c;
  color: #fff;
}
.button.black {
  background: #2d2d2c;
  color: #fff;
}
.button.yellowHover:hover {
  background: #f7d670;
  color: #fff;
}
.button .buttonMask {
  overflow: hidden;
  display: block;
  height: 55px;
}
.button .buttonMask .buttonLabels {
  display: block;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: transform 0.3s 0s ease-out;
  -moz-transition: transform 0.3s 0s ease-out;
  -o-transition: transform 0.3s 0s ease-out;
  transition: transform 0.3s 0s ease-out;
  margin-bottom: -2px;
}
.button .buttonMask .buttonLabels .buttonLabel {
  display: block;
  -webkit-transition: transform 0.3s 0s ease-out;
  -moz-transition: transform 0.3s 0s ease-out;
  -o-transition: transform 0.3s 0s ease-out;
  transition: transform 0.3s 0s ease-out;
}
.button .buttonMask .buttonLabels .buttonLabel:first-child {
  transform-origin: left center;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.button .buttonMask .buttonLabels .buttonLabel:last-child {
  transform-origin: right center;
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.grecaptcha-badge {
  visibility: hidden;
}
.c-scrollbar {
  z-index: 10;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.c-scrollbar.hidden {
  opacity: 0;
}
.c-scrollbar .c-scrollbar_thumb {
  background: #000;
  opacity: 1;
}
.form.grey .fields .field input,
.form.grey .fields .field textarea {
  background: rgba(0, 0, 0, 0.05);
}
.form .fields {
  width: calc(100% + 30px);
  margin-left: -15px;
}
.form .fields .field {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 30px);
  margin: 0 15px;
  margin-bottom: 20px;
}
.form .fields .field.half {
  width: calc(50% - 30px);
}
.form .fields .field.file {
  width: calc(100% + 30px);
  margin-left: -15px;
}
.form .fields .field.file .label,
.form .fields .field.file .innerField {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 40px);
  margin: 0 20px;
  font-size: 14px;
}
.form .fields .field.file .label input,
.form .fields .field.file .innerField input {
  font-size: 14px;
}
.form .fields .field.file .label {
  padding-left: 10px;
}
.form .fields .field.file .innerField {
  padding-right: 10px;
}
.form .fields .field.file .smaller p {
  font-size: 12px;
  line-height: 20px;
}
.form .fields .field input,
.form .fields .field textarea {
  width: 100%;
  background: #fff;
  border: none;
  border-radius: 5px !important;
  padding: 10px 20px 15px 20px;
  font-size: 16px;
  font-family: "obviously-narrow", sans-serif;
  line-height: 24px;
  font-weight: 700;
  -webkit-transition: background 0.3s 0s ease-out;
  -moz-transition: background 0.3s 0s ease-out;
  -o-transition: background 0.3s 0s ease-out;
  transition: background 0.3s 0s ease-out;
}
.form .fields .field input.wpcf7-not-valid,
.form .fields .field textarea.wpcf7-not-valid {
  background: #edb1b1;
}
.form .fields .field input::-webkit-input-placeholder,
.form .fields .field textarea::-webkit-input-placeholder {
  color: rgba(29, 29, 29, 0.4);
}
.form .fields .field input::-moz-placeholder,
.form .fields .field textarea::-moz-placeholder {
  color: rgba(29, 29, 29, 0.4);
}
.form .fields .field input:-ms-input-placeholder,
.form .fields .field textarea:-ms-input-placeholder {
  color: rgba(29, 29, 29, 0.4);
}
.form .fields .field input:-moz-placeholder,
.form .fields .field textarea:-moz-placeholder {
  color: rgba(29, 29, 29, 0.4);
}
.form .fields .field input.wpcf7-not-valid,
.form .fields .field textarea.wpcf7-not-valid {
  background: #edb1b1;
}
.form .fields .field textarea {
  height: 150px;
  resize: none;
}
.form .fields .field .wpcf7-not-valid-tip {
  display: none !important;
}
.form .infoText {
  text-align: left;
  margin-bottom: 10px;
}
.form .infoText:last-child {
  margin-bottom: 0;
}
.form .infoText p {
  font-size: 14px;
  line-height: 24px;
}
.form .infoText a {
  color: #fff;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0s ease-out;
  -moz-transition: opacity 0.3s 0s ease-out;
  -o-transition: opacity 0.3s 0s ease-out;
  transition: opacity 0.3s 0s ease-out;
}
.form .infoText a:hover {
  opacity: 0.6;
}
.form.sent .wpcf7-response-output {
  background: #dffbdb;
}
.form .wpcf7-response-output {
  margin: 20px 0 !important;
  padding: 20px !important;
  background: #f1f1f1;
  font-weight: 400;
  color: #2d2d2c !important;
  border: none !important;
  font-size: 14px;
}
.form .fieldSubmit {
  position: relative;
  margin-top: 20px;
}
.form .fieldSubmit .button {
  border: none !important;
  background: #ffd96f;
  text-align: center;
  width: 400px;
  max-width: 100%;
  font-weight: 700;
  font-family: "obviously-narrow", sans-serif;
  padding: 5px 20px 10px 20px;
  opacity: 1;
}
.form .fieldSubmit .button:hover {
  opacity: 0.6;
}
.form .fieldSubmit .wpcf7-spinner {
  position: absolute;
  right: 0;
  float: right;
  margin-top: 20px;
  margin-left: 0 !important;
}
@media all and (max-width: 1024px) {
  .normalBigTitle {
    font-size: 50px;
    line-height: 42px;
  }
  .normalTitle {
    font-size: 50px;
    line-height: 42px;
  }
  html p,
  body p,
  html .pTag,
  body .pTag {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 28px;
  }
  html p:last-child,
  body p:last-child,
  html .pTag:last-child,
  body .pTag:last-child {
    margin-bottom: 0;
  }
}
@media all and (max-width: 767px) {
  html p,
  body p,
  html .pTag,
  body .pTag {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 24px;
  }
  html p:last-child,
  body p:last-child,
  html .pTag:last-child,
  body .pTag:last-child {
    margin-bottom: 0;
  }
  .bigTitle {
    font-size: 100px;
    line-height: 80px;
  }
  .normalBigTitle {
    font-size: 60px;
    line-height: 54px;
  }
  .normalTitle {
    font-size: 40px;
    line-height: 34px;
  }
  .normalSmallTitle {
    font-size: 30px;
    line-height: 28px;
  }
  .quoteTitle {
    font-size: 24px;
    line-height: 24px;
  }
  .button {
    font-size: 14px;
    line-height: 50px;
  }
  .button:hover .buttonMask .buttonLabels {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  .button .buttonMask {
    height: 50px;
  }
}
@media all and (max-width: 500px) {
  .bigTitle {
    font-size: 80px;
    line-height: 65px;
  }
  .normalBigTitle {
    font-size: 40px;
    line-height: 48px;
  }
  .normalTitle {
    font-size: 30px;
    line-height: 28px;
  }
  .normalSmallTitle {
    font-size: 26px;
    line-height: 26px;
  }
  .form .fields .field.half {
    width: calc(100% - 30px);
  }
}
@media all and (max-width: 400px) {
  .bigTitle {
    font-size: 60px;
    line-height: 50px;
  }
}
body {
  background: #733d7a;
}
.pageContainer {
  background: #733d7a;
}
.pageContainer .callToActionBlock .contentWrapper .innerWrapper .intro .infoContent .team .item .image .mask svg path,
.pageContainer .callToActionBlock .contentWrapper .innerWrapper .intro .infoContent .team .item .image .mask svg polygon,
.pageContainer .callToActionBlock .contentWrapper .innerWrapper .intro .infoContent .team .item .image .mask svg rect {
  fill: #733d7a;
}
.pageContainer .callToActionBlock {
  background: #733d7a;
  padding-top: 300px;
}
.pageContainer .callToActionBlock .contentWrapper .innerWrapper .intro .titleWrapper .icon .innerIcon svg polygon,
.pageContainer .callToActionBlock .contentWrapper .innerWrapper .intro .titleWrapper .icon .innerIcon svg path {
  fill: #df7f6b;
}
@media all and (max-width: 767px) {
  .pageContainer .callToActionBlock {
    padding-top: 200px;
  }
  .pageContainer .callToActionBlock .contentWrapper .innerWrapper .intro .circleIcon {
    display: none;
  }
}
/*# sourceMappingURL=contact_page.css.map */