/*
Theme Name: 	Deep Down
Theme URI: 		inhouse.nz
Description: 	Deep Down 2019-08
Version: 		0.1
Author: 		inhouse.nz
Author URI: 	inhouse.nz
Tags: 			inhouse.nz  
*/
div,
article,
section,
header,
footer,
nav,
li {
  position: relative;
  /* For absolutely positioning elements within containers (add more to the list if need be) */ }

.group:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  visibility: hidden;
  /* For clearing */ }

body {
  background: #fff;
  /* Don't forget to style your body to avoid user overrides */ }

::-moz-selection {
  background: #999999;
  color: #333; }

::selection {
  background: #999999;
  color: #333; }

html {
  font-size: 48%; }

@media (min-width: 768px) {
  html {
    font-size: 52.5%; } }
@media (min-width: 992px) {
  html {
    font-size: 58.5%; } }
@media (min-width: 1200px) {
  html {
    font-size: 62.5%; } }
@font-face {
  font-family: "Basic";
  src: url("fonts/a96530dd-c9a4-4cd4-89c1-843e8965eba1.woff") format("woff");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "Basic";
  src: url("fonts/fb411e31-380f-4a7f-a4c3-daaacd9aa217.woff") format("woff");
  font-weight: 500;
  font-style: normal; }
body {
  background-color: #edeae1;
  color: #000000;
  margin: 0;
  font-family: "Basic", sans-serif;
  font-weight: 300;
  font-style: normal;
  text-align: left;
  font-size: 3.9vw;
  line-height: 1.2em;
  letter-spacing: 0.02em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@media (min-width: 768px) {
  body {
    font-size: 1.4vw; } }
a {
  outline: 0 !important; }

a {
  color: inherit; }

a:link {
  text-decoration: none;
  color: inherit; }

a:visited {
  text-decoration: none;
  color: inherit; }

a:hover {
  text-decoration: none;
  color: inherit; }

a:active {
  text-decoration: none;
  color: inherit; }

nav#mainNav {
  z-index: 100; }

.navbar-toggle {
  background-color: transparent;
  background-image: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  z-index: 10; }

.navbar-toggle .icon-bar {
  border-radius: 0;
  display: block;
  height: 2px;
  width: 45px; }

button.navbar-toggle {
  display: block;
  height: auto;
  cursor: pointer;
  padding: 2.5vw; }

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 8px; }

button.navbar-toggle .icon-bar {
  background: #000000; }

.navbar-toggle {
  position: relative;
  top: 0; }

button.navbar-toggle .icon-bar {
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }

button.navbar-toggle.active span.icon-top {
  -webkit-transform: translate(0, 5px) rotate(45deg);
  -moz-transform: translate(0, 5px) rotate(45deg);
  -o-transform: translate(0, 5px) rotate(45deg);
  transform: translate(0, 5px) rotate(45deg);
  background: #ffffff; }

button.navbar-toggle.active span.icon-bottom {
  -webkit-transform: translate(0, -5px) rotate(-45deg);
  -moz-transform: translate(0, -5px) rotate(-45deg);
  -o-transform: translate(0, -5px) rotate(-45deg);
  transform: translate(0, -5px) rotate(-45deg);
  background: #ffffff; }

#mainNav {
  top: 0;
  left: 0;
  height: 0;
  position: fixed;
  width: 100%; }

.bigNav {
  background: #000000 none repeat scroll 0 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%; }

.nav.mainNav {
  z-index: 100;
  height: 100%;
  margin: 0;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

.nav.mainNav a {
  color: #ffffff;
  line-height: 2em;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.yith-infs-loader img {
  display: none; }

.malinky-ajax-pagination-loading img {
  display: none !important; }

.malinky-ajax-pagination-loading, .search-filter-scroll-loading {
  position: relative;
  width: 10vw;
  height: 10vw;
  margin: 6vw auto !important;
  background-color: #000000;
  clear: both;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out; }

@media (min-width: 768px) {
  .malinky-ajax-pagination-loading, .search-filter-scroll-loading {
    width: 3vw;
    height: 3vw; } }
@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }
nav.navigation {
  clear: both; }

.js nav.navigation {
  display: none; }

.logoHolder {
  width: 20vw;
  margin-top: 1.4vw;
  margin-bottom: 1.4vw; }

@media (min-width: 768px) {
  .logoHolder {
    margin: 0;
    width: 114px;
    position: fixed;
    top: 2.5vw;
    left: 2.5vw;
    z-index: 100; } }
#contentHolder {
  margin-top: 0;
  width: 100%; }

.cleared {
  clear: both; }

.container-fluid {
  padding-left: 2.5vw;
  padding-right: 2.5vw; }

@media (min-width: 768px) {
  .container-fluid {
    padding-left: 5vw;
    padding-right: 5vw; } }
.container-fluid.fullWidth {
  padding-left: 0;
  padding-right: 0; }

.fullWidth .row {
  margin-left: 0;
  margin-right: 0; }

.fullWidth .col {
  padding-left: 0;
  padding-right: 0; }

.imgSpaced img {
  position: absolute; }

.col.center-block {
  float: none; }

@media (min-width: 768px) {
  .flexStretch, .flexBottom {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  .flexBottom .col {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }

  .flexBottom .toBottom {
    margin-top: auto; }

  .flexStretch.row::before, .flexBottom.row::before {
    content: none; } }
section {
  margin: 0;
  padding: 0 0 5vw; }

section.titleSection {
  padding: 20vw 0 10vw; }

@media (min-width: 768px) {
  section.titleSection {
    padding: 10vw 0 5vw; } }
.slick-slider {
  margin-bottom: 0; }

.topSpace {
  padding: 20vw; }

@media (min-width: 768px) {
  .topSpace {
    padding: 10vw; } }
.topSpace {
  padding-top: 10vw; }

.spaceBelow {
  padding-bottom: 18.75vw !important; }
  @media (min-width: 768px) {
    .spaceBelow {
      padding-bottom: 7.5vw !important; } }

.spaceBelowDouble {
  padding-bottom: 37.5vw !important; }
  @media (min-width: 768px) {
    .spaceBelowDouble {
      padding-bottom: 15vw !important; } }

.spaceBelowTriple {
  padding-bottom: 56.25vw !important; }
  @media (min-width: 768px) {
    .spaceBelowTriple {
      padding-bottom: 22.5vw !important; } }

.spaceBelowHalf {
  padding-bottom: 9.375vw !important; }
  @media (min-width: 768px) {
    .spaceBelowHalf {
      padding-bottom: 3.75vw !important; } }

.spaceBelowThird {
  padding-bottom: 6.24375vw !important; }
  @media (min-width: 768px) {
    .spaceBelowThird {
      padding-bottom: 2.4975vw !important; } }

.spaceBelowQuarter {
  padding-bottom: 4.6875vw !important; }
  @media (min-width: 768px) {
    .spaceBelowQuarter {
      padding-bottom: 1.875vw !important; } }

.marginBelow {
  margin-bottom: 18.75vw !important; }
  @media (min-width: 768px) {
    .marginBelow {
      margin-bottom: 7.5vw !important; } }

.marginBelowDouble {
  margin-bottom: 37.5vw !important; }
  @media (min-width: 768px) {
    .marginBelowDouble {
      margin-bottom: 15vw !important; } }

.marginBelowTriple {
  margin-bottom: 56.25vw !important; }
  @media (min-width: 768px) {
    .marginBelowTriple {
      margin-bottom: 22.5vw !important; } }

.marginBelowHalf {
  margin-bottom: 9.375vw !important; }
  @media (min-width: 768px) {
    .marginBelowHalf {
      margin-bottom: 3.75vw !important; } }

.marginBelowThird {
  margin-bottom: 6.24375vw !important; }
  @media (min-width: 768px) {
    .marginBelowThird {
      margin-bottom: 2.4975vw !important; } }

.marginBelowQuarter {
  margin-bottom: 4.6875vw !important; }
  @media (min-width: 768px) {
    .marginBelowQuarter {
      margin-bottom: 1.875vw !important; } }

.spaceAbove {
  padding-top: 18.75vw !important; }
  @media (min-width: 768px) {
    .spaceAbove {
      padding-top: 7.5vw !important; } }

.spaceAboveDouble {
  padding-top: 37.5vw !important; }
  @media (min-width: 768px) {
    .spaceAboveDouble {
      padding-top: 15vw !important; } }

.spaceAboveTriple {
  padding-top: 56.25vw !important; }
  @media (min-width: 768px) {
    .spaceAboveTriple {
      padding-top: 22.5vw !important; } }

.spaceAboveHalf {
  padding-top: 9.375vw !important; }
  @media (min-width: 768px) {
    .spaceAboveHalf {
      padding-top: 3.75vw !important; } }

.spaceAboveThird {
  padding-top: 6.24375vw !important; }
  @media (min-width: 768px) {
    .spaceAboveThird {
      padding-top: 2.4975vw !important; } }

.spaceAboveQuarter {
  padding-top: 4.6875vw !important; }
  @media (min-width: 768px) {
    .spaceAboveQuarter {
      padding-top: 1.875vw !important; } }

.marginAbove {
  margin-top: 18.75vw !important; }
  @media (min-width: 768px) {
    .marginAbove {
      margin-top: 7.5vw !important; } }

.marginAboveDouble {
  margin-top: 37.5vw !important; }
  @media (min-width: 768px) {
    .marginAboveDouble {
      margin-top: 15vw !important; } }

.marginAboveTriple {
  margin-top: 56.25vw !important; }
  @media (min-width: 768px) {
    .marginAboveTriple {
      margin-top: 22.5vw !important; } }

.marginAboveHalf {
  margin-top: 9.375vw !important; }
  @media (min-width: 768px) {
    .marginAboveHalf {
      margin-top: 3.75vw !important; } }

.marginAboveThird {
  margin-top: 6.24375vw !important; }
  @media (min-width: 768px) {
    .marginAboveThird {
      margin-top: 2.4975vw !important; } }

.marginAboveQuarter {
  margin-top: 4.6875vw !important; }
  @media (min-width: 768px) {
    .marginAboveQuarter {
      margin-top: 1.875vw !important; } }

.spaceBelow1em {
  padding-bottom: 1em !important; }

.spaceBelow2em {
  padding-bottom: 2em !important; }

.spaceBelow3em {
  padding-bottom: 3em !important; }

.spaceBelowHalfem {
  padding-bottom: 0.5em !important; }

.spaceBelowThirdem {
  padding-bottom: 0.333em !important; }

.spaceBelowQuarterem {
  padding-bottom: 0.25em !important; }

.spaceAbove1em {
  padding-top: 1em !important; }

.spaceAbove2em {
  padding-top: 2em !important; }

.spaceAbove3em {
  padding-top: 3em !important; }

.spaceAboveHalfem {
  padding-top: 0.5em !important; }

.spaceAboveThirdem {
  padding-top: 0.333em !important; }

.spaceAboveQuarterem {
  padding-top: 0.25em !important; }

.marginBelow1em {
  margin-bottom: 1em !important; }

.marginBelow2em {
  margin-bottom: 2em !important; }

.marginBelow3em {
  margin-bottom: 3em !important; }

.marginBelowHalfem {
  margin-bottom: 0.5em !important; }

.marginBelowThirdem {
  margin-bottom: 0.333em !important; }

.marginBelowQuarterem {
  margin-bottom: 0.25em !important; }

.marginAbove1em {
  margin-top: 1em !important; }

.marginAbove2em {
  margin-top: 2em !important; }

.marginAbove3em {
  margin-top: 3em !important; }

.marginAboveHalfem {
  margin-top: 0.5em !important; }

.marginAboveThirdem {
  margin-top: 0.333em !important; }

.marginAboveQuarterem {
  margin-top: 0.25em !important; }

.spaceBelowCol {
  padding-bottom: 4.2vw !important; }
  @media (min-width: 768px) {
    .spaceBelowCol {
      padding-bottom: 1.4vw !important; } }

.marginBelowCol {
  margin-bottom: 4.2vw !important; }
  @media (min-width: 768px) {
    .marginBelowCol {
      margin-bottom: 1.4vw !important; } }

@media (max-width: 767px) {
  /*MAXXXXXXXXXXXXXXXXXXX*/
  .container-fluid {
    padding-left: 5vw;
    padding-right: 5vw; } }
.uppercase {
  text-transform: uppercase; }

.centred {
  text-align: center; }

.alignRight {
  text-align: right; }

.underline {
  border-bottom: 1px solid #000000; }

.columns {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 1.4vw;
  -moz-column-gap: 1.4vw;
  column-gap: 1.4vw; }

.columns p {
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari */
  page-break-inside: avoid;
  /* Theoretically FF 20+ */
  break-inside: avoid-column;
  /* IE 11 */
  display: table;
  /* Actually FF 20+ */ }

.columnRule {
  -webkit-column-rule: 1px solid #ddd;
  -moz-column-rule: 1px solid #ddd;
  column-rule: 1px solid #ddd; }

a, p, h1, h2, h3, h4, li {
  margin: 0 0 0.3em;
  font-size: 4.8vw;
  font-weight: 300;
  line-height: 1.2em; }

@media (min-width: 768px) {
  a, p, h1, h2, h3, h4, li {
    font-size: 1.25vw; } }
.whiteText, .reverse {
  color: #ffffff; }
  .whiteText a, .whiteText p, .whiteText h1, .whiteText h2, .whiteText h3, .whiteText h4, .whiteText li, .reverse a, .reverse p, .reverse h1, .reverse h2, .reverse h3, .reverse h4, .reverse li {
    color: #ffffff; }

a.whiteText, p.whiteText, h1.whiteText, h2.whiteText, h3.whiteText, h4.whiteText,
a.reverse, p.reverse, h1.reverse, h2.reverse, h3.reverse, h4.reverse {
  color: #ffffff; }

.bold, strong {
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .bold a, .bold p, .bold h1, .bold h2, .bold h3, .bold h4, .bold li, strong a, strong p, strong h1, strong h2, strong h3, strong h4, strong li {
    font-weight: 500; }

a.bold, p.bold, h1.bold, h2.bold, h3.bold, h4.bold {
  font-weight: 500; }

.weight100 {
  font-weight: 100 !important; }
  .weight100 a, .weight100 p, .weight100 h1, .weight100 h2, .weight100 h3, .weight100 h4, .weight100 li {
    font-weight: 100 !important; }

.weight200 {
  font-weight: 200 !important; }
  .weight200 a, .weight200 p, .weight200 h1, .weight200 h2, .weight200 h3, .weight200 h4, .weight200 li {
    font-weight: 200 !important; }

.weight300 {
  font-weight: 300 !important; }
  .weight300 a, .weight300 p, .weight300 h1, .weight300 h2, .weight300 h3, .weight300 h4, .weight300 li {
    font-weight: 300 !important; }

.weight400 {
  font-weight: 400 !important; }
  .weight400 a, .weight400 p, .weight400 h1, .weight400 h2, .weight400 h3, .weight400 h4, .weight400 li {
    font-weight: 400 !important; }

.weight500 {
  font-weight: 500 !important; }
  .weight500 a, .weight500 p, .weight500 h1, .weight500 h2, .weight500 h3, .weight500 h4, .weight500 li {
    font-weight: 500 !important; }

.weight600 {
  font-weight: 600 !important; }
  .weight600 a, .weight600 p, .weight600 h1, .weight600 h2, .weight600 h3, .weight600 h4, .weight600 li {
    font-weight: 600 !important; }

.weight700 {
  font-weight: 700 !important; }
  .weight700 a, .weight700 p, .weight700 h1, .weight700 h2, .weight700 h3, .weight700 h4, .weight700 li {
    font-weight: 700 !important; }

.noMargin {
  margin: 0; }

.tightKern {
  letter-spacing: 0.015em; }
  .tightKern a, .tightKern p, .tightKern h1, .tightKern h2, .tightKern h3, .tightKern h4, .tightKern li {
    letter-spacing: 0.015em; }

a.tightKern, p.tightKern, h1.tightKern, h2.tightKern, h3.tightKern, h4.tightKern {
  letter-spacing: 0.015em; }

.looseKern {
  letter-spacing: 0.05em; }
  .looseKern a, .looseKern p, .looseKern h1, .looseKern h2, .looseKern h3, .looseKern h4, .looseKern li {
    letter-spacing: 0.05em; }

a.looseKern, p.looseKern, h1.looseKern, h2.looseKern, h3.looseKern, h4.looseKern {
  letter-spacing: 0.05em; }

.tightLead {
  line-height: 1em; }
  .tightLead a, .tightLead p, .tightLead h1, .tightLead h2, .tightLead h3, .tightLead h4, .tightLead li {
    line-height: 1em; }

a.tightLead, p.tightLead, h1.tightLead, h2.tightLead, h3.tightLead, h4.tightLead {
  line-height: 1em; }

.looseLead {
  line-height: 1.8em; }
  .looseLead a, .looseLead p, .looseLead h1, .looseLead h2, .looseLead h3, .looseLead h4, .looseLead li {
    line-height: 1.8em; }

a.looseLead, p.looseLead, h1.looseLead, h2.looseLead, h3.looseLead, h4.looseLead {
  line-height: 1.8em; }

.keyColour {
  color: #ff40b4; }
  .keyColour a, .keyColour p, .keyColour h1, .keyColour h2, .keyColour h3, .keyColour h4, .keyColour li {
    color: #ff40b4; }

a.keyColour, p.keyColour, h1.keyColour, h2.keyColour, h3.keyColour, h4.keyColour, li.keyColour {
  color: #ff40b4; }

.multiply {
  mix-blend-mode: multiply; }

.greyscale {
  filter: grayscale(1); }

.grey10 {
  color: #e6e7e8; }

.grey20 {
  color: #d1d3d4; }

.grey30 {
  color: #bcbec0; }

.grey40 {
  color: #a7a9ac; }

.grey50 {
  color: #939598; }

.grey60 {
  color: #808285; }

.grey70 {
  color: #6d6e71; }

.grey80 {
  color: #58595b; }

.grey90 {
  color: #414042; }

.grey95 {
  color: #333132; }

.text01 {
  font-size: 15vw;
  line-height: 1.2em; }
  .text01 a, .text01 p, .text01 h1, .text01 h2, .text01 h3, .text01 h4, .text01 li {
    font-size: 15vw;
    line-height: 1.2em; }
  .text01 p {
    margin-bottom: 0.6em; }
  @media (min-width: 768px) {
    .text01 {
      font-size: 5vw; }
      .text01 a, .text01 p, .text01 h1, .text01 h2, .text01 h3, .text01 h4, .text01 li {
        font-size: 5vw; } }

a.text01, p.text01, h1.text01, h2.text01, h3.text01, h4.text01 {
  font-size: 15vw; }

p.text01 {
  margin-bottom: 0.6em; }

@media (min-width: 768px) {
  a.text01, p.text01, h1.text01, h2.text01, h3.text01, h4.text01 {
    font-size: 5vw; } }
.text02 {
  font-size: 6.4vw;
  line-height: 1.2em; }
  .text02 a, .text02 p, .text02 h1, .text02 h2, .text02 h3, .text02 h4, .text02 li {
    font-size: 6.4vw;
    line-height: 1.2em; }
  .text02 p {
    margin-bottom: 0.6em; }
  @media (min-width: 768px) {
    .text02 {
      font-size: 2.34vw; }
      .text02 a, .text02 p, .text02 h1, .text02 h2, .text02 h3, .text02 h4, .text02 li {
        font-size: 2.34vw; } }

a.text02, p.text02, h1.text02, h2.text02, h3.text02, h4.text02 {
  font-size: 6.4vw; }

p.text02 {
  margin-bottom: 0.6em; }

@media (min-width: 768px) {
  a.text02, p.text02, h1.text02, h2.text02, h3.text02, h4.text02 {
    font-size: 2.34vw; } }
.text03 {
  font-size: 5.7vw;
  line-height: 1.2em; }
  .text03 a, .text03 p, .text03 h1, .text03 h2, .text03 h3, .text03 h4, .text03 li {
    font-size: 5.7vw;
    line-height: 1.2em; }
  .text03 p {
    margin-bottom: 0.6em; }
  @media (min-width: 768px) {
    .text03 {
      font-size: 1.72vw; }
      .text03 a, .text03 p, .text03 h1, .text03 h2, .text03 h3, .text03 h4, .text03 li {
        font-size: 1.72vw; } }

a.text03, p.text03, h1.text03, h2.text03, h3.text03, h4.text03 {
  font-size: 5.7vw; }

p.text03 {
  margin-bottom: 0.6em; }

@media (min-width: 768px) {
  a.text03, p.text03, h1.text03, h2.text03, h3.text03, h4.text03 {
    font-size: 1.72vw; } }
.text04 {
  font-size: 6vw;
  line-height: 1.2em; }
  .text04 a, .text04 p, .text04 h1, .text04 h2, .text04 h3, .text04 h4, .text04 li {
    font-size: 6vw;
    line-height: 1.2em; }
  .text04 p {
    margin-bottom: 0.6em; }
  @media (min-width: 768px) {
    .text04 {
      font-size: 2.1vw; }
      .text04 a, .text04 p, .text04 h1, .text04 h2, .text04 h3, .text04 h4, .text04 li {
        font-size: 2.1vw; } }

a.text04, p.text04, h1.text04, h2.text04, h3.text04, h4.text04 {
  font-size: 6vw; }

p.text04 {
  margin-bottom: 0.6em; }

@media (min-width: 768px) {
  a.text04, p.text04, h1.text04, h2.text04, h3.text04, h4.text04 {
    font-size: 2.1vw; } }
.text05 {
  font-size: 4.5vw;
  line-height: 1.2em; }
  .text05 a, .text05 p, .text05 h1, .text05 h2, .text05 h3, .text05 h4, .text05 li {
    font-size: 4.5vw;
    line-height: 1.2em; }
  .text05 p {
    margin-bottom: 0.6em; }
  @media (min-width: 768px) {
    .text05 {
      font-size: 1.8vw; }
      .text05 a, .text05 p, .text05 h1, .text05 h2, .text05 h3, .text05 h4, .text05 li {
        font-size: 1.8vw; } }

a.text05, p.text05, h1.text05, h2.text05, h3.text05, h4.text05 {
  font-size: 4.5vw; }

p.text05 {
  margin-bottom: 0.6em; }

@media (min-width: 768px) {
  a.text05, p.text05, h1.text05, h2.text05, h3.text05, h4.text05 {
    font-size: 1.8vw; } }
.text06 {
  font-size: 3.9vw;
  line-height: 1.2em; }
  .text06 a, .text06 p, .text06 h1, .text06 h2, .text06 h3, .text06 h4, .text06 li {
    font-size: 3.9vw;
    line-height: 1.2em; }
  .text06 p {
    margin-bottom: 0.6em; }
  @media (min-width: 768px) {
    .text06 {
      font-size: 1.4vw; }
      .text06 a, .text06 p, .text06 h1, .text06 h2, .text06 h3, .text06 h4, .text06 li {
        font-size: 1.4vw; } }

a.text06, p.text06, h1.text06, h2.text06, h3.text06, h4.text06 {
  font-size: 3.9vw; }

p.text06 {
  margin-bottom: 0.6em; }

@media (min-width: 768px) {
  a.text06, p.text06, h1.text06, h2.text06, h3.text06, h4.text06 {
    font-size: 1.4vw; } }
.text07 {
  font-size: 3vw;
  line-height: 1.2em; }
  .text07 a, .text07 p, .text07 h1, .text07 h2, .text07 h3, .text07 h4, .text07 li {
    font-size: 3vw;
    line-height: 1.2em; }
  .text07 p {
    margin-bottom: 0.6em; }
  @media (min-width: 768px) {
    .text07 {
      font-size: 1vw; }
      .text07 a, .text07 p, .text07 h1, .text07 h2, .text07 h3, .text07 h4, .text07 li {
        font-size: 1vw; } }

a.text07, p.text07, h1.text07, h2.text07, h3.text07, h4.text07 {
  font-size: 3vw; }

p.text07 {
  margin-bottom: 0.6em; }

@media (min-width: 768px) {
  a.text07, p.text07, h1.text07, h2.text07, h3.text07, h4.text07 {
    font-size: 1vw; } }
footer {
  padding: 0 0 7.5vw;
  margin-top: 0; }
  @media (min-width: 768px) {
    footer {
      padding: 0 0 2.5vw; } }

section {
  padding: 0;
  margin: 0; }

h1 {
  margin-bottom: 0; }

.patternSection {
  height: 100vh;
  background: #000000;
  overflow: hidden;
  position: relative;
  z-index: 10;
  -webkit-transition: transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out; }
  @media (min-width: 768px) {
    .patternSection {
      position: fixed; }
      .patternSection.scrolled {
        position: absolute;
        top: 100vh;
        left: 0;
        width: 100%; } }

.circleOuter {
  width: 8vw;
  height: 8vw;
  float: left; }

.portrait .circleOuter, .portrait .circleInner {
  width: 16vw;
  height: 16vw; }

.circleOuter:nth-of-type(2n) {
  background: #edeae1; }
  .circleOuter:nth-of-type(2n) .circleInner {
    background: #000000; }

.circleInner {
  width: 8vw;
  height: 8vw;
  background: #edeae1;
  border-radius: 50%;
  -webkit-transition: transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out; }

.transform .circleInner {
  transform: translateX(-50%); }

#patternCol {
  width: 104vw; }

.portrait #patternCol {
  width: 112vw; }

.spacer {
  height: 0; }
  @media (min-width: 768px) {
    .spacer {
      height: 200vh; } }

.logoMain {
  width: 56vw;
  margin-bottom: 20vw; }
  @media (min-width: 768px) {
    .logoMain {
      height: 12vw;
      width: auto;
      margin: 0; } }

.logoD {
  width: 15.3vw; }
  @media (min-width: 768px) {
    .logoD {
      width: 5.7vw; } }

.row.logoRow .col {
  margin-top: -5.4vw; }

.bottomFull {
  height: 27.2vw; }

.circle {
  position: absolute;
  width: 27.2vw;
  border-radius: 13.6vw;
  top: 0; }

.leftCircle {
  background-color: #edeae1;
  left: 0;
  transform: translateX(-50%); }

.rightCircle {
  background-color: #000000;
  right: 0; }

.fullWidthRect {
  background-color: #000000;
  width: calc(100% - (27.2vw * 0.5)); }

.linksHolder a {
  padding-right: 1em; }
  @media (min-width: 768px) {
    .linksHolder a {
      padding-right: 0.6em; } }
  .linksHolder a:hover .arrow {
    opacity: 1; }
  .linksHolder a:nth-last-of-type(1) {
    padding-right: 0; }

.arrow {
  width: 1vw;
  margin-left: 0.2em;
  opacity: 0;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  display: none; }
  @media (min-width: 768px) {
    .arrow {
      display: inline-block; } }

.mainSection .leftHeading {
  margin-bottom: 43.375vw !important; }
  @media (min-width: 768px) {
    .mainSection .leftHeading {
      margin-bottom: 20vw !important; } }

.locked .fixInner {
  position: fixed;
  bottom: 5vw;
  left: 5vw; }

.locked.bottomed .fixInner {
  position: relative;
  bottom: 0;
  left: 0; }

.biogro {
  width: 2em; }

.cookieBanner {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: RGBA(237, 234, 225, 0.85);
  color: #000;
  padding: 2vw 2.5vw;
  z-index: 1000;
  text-align: center;
  display: none;
  height: 100%; }
  .cookieBanner .cookieInner {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85vw;
    padding: 7vw;
    background: #edeae1; }
    @media (min-width: 768px) {
      .cookieBanner .cookieInner {
        width: 39vw;
        padding: 2vw; } }
  .cookieBanner .cookieText {
    display: inline-block; }
    @media (min-width: 768px) {
      .cookieBanner .cookieText {
        width: 80%; } }
    .cookieBanner .cookieText a {
      text-decoration: underline; }
  .cookieBanner .cookieAccept {
    padding: 0.4em 1.1em;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #000; }
  .cookieBanner .cookieAccept:hover {
    background: #000;
    color: #fff; }

.noCookie .cookieBanner {
  display: block; }

.noScroll {
  height: 100%; }
  .noScroll body {
    overflow: hidden;
    height: 100%; }