@font-face {
  font-family:"Radikal W03 Regular";
  src:url("/assets/fonts/605c1c612570275f24508913462da771.eot");
  src:url("/assets/fonts/605c1c612570275f24508913462da771.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/605c1c612570275f24508913462da771.woff2") format("woff2"), url("/assets/fonts/605c1c612570275f24508913462da771.woff") format("woff"), url("/assets/fonts/605c1c612570275f24508913462da771.ttf") format("truetype"), url("/assets/fonts/605c1c612570275f24508913462da771.svg#Radikal W03 Regular") format("svg");
}
.holding * {
  box-sizing:border-box;
  font-family:'Radikal W03 Regular', sans-serif;
}
.holding .headerWrapper, .holding .full { display:none; }
.holding .underline:before, .holding .underline:after {
  content:' ';
  position:absolute;
  top:1.3em;
  height:2px;
  background:#000000;
  user-select:none;
  pointer-events:none;
}
.holding .underline:before {
  right:0;
  width:100%;
  transition:width 0.6s 0.2s cubic-bezier(0.770,0.000,0.175,1.000);
}
.holding .underline:after {
  left:0;
  width:0;
  transition:width 0.6s cubic-bezier(0.770,0.000,0.175,1.000);
}
.holding .underline:hover:before {
  width:0;
  transition:width 0.6s cubic-bezier(0.770,0.000,0.175,1.000);
}
.holding .underline:hover:after {
  width:100%;
  transition:width 0.6s 0.2s cubic-bezier(0.770,0.000,0.175,1.000);
}
.holding img, .holding svg {
  width:100%;
  height:auto;
  display:block;
}
.holding ::selection {
  background:#000000;
  color:#ffffff;
}
.holding-banner {
  height:100vh;
  background-size:cover;
  background-color:#000000;
  background-position:center;
  background-repeat:no-repeat;
  background-position:left center;
}
.holding-banner .logo {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:40vw;
  max-width:60vh;
}
.holding-banner .logo .line {
  fill:none;
  stroke:#ffffff;
  stroke-width:72;
  stroke-miterlimit:10;
}
.holding-banner .logo .line-one {
  stroke-dasharray:72;
  stroke-dashoffset:72;
}
.ready .holding-banner .logo .line-one {
  animation:logo-draw-line 0.5s 0.2s cubic-bezier(0.230,1.000,0.320,1.000) forwards;
  -webkit-animation:logo-draw-line 0.5s 0.2s cubic-bezier(0.230,1.000,0.320,1.000) forwards;
}
.holding-banner .logo .line-two {
  stroke-dasharray:72;
  stroke-dashoffset:72;
}
.ready .holding-banner .logo .line-two {
  animation:logo-draw-line 0.5s 0.3s cubic-bezier(0.230,1.000,0.320,1.000) forwards;
  -webkit-animation:logo-draw-line 0.5s 0.3s cubic-bezier(0.230,1.000,0.320,1.000) forwards;
}
.holding-banner .logo .line-three {
  stroke-dasharray:72;
  stroke-dashoffset:72;
}
.ready .holding-banner .logo .line-three {
  animation:logo-draw-line 0.5s 0.4s cubic-bezier(0.230,1.000,0.320,1.000) forwards;
  -webkit-animation:logo-draw-line 0.5s 0.4s cubic-bezier(0.230,1.000,0.320,1.000) forwards;
}
.holding-banner .logo .line-four {
  stroke-dasharray:144;
  stroke-dashoffset:144;
}
.ready .holding-banner .logo .line-four {
  animation:logo-draw-line 1s 0.5s cubic-bezier(0.230,1.000,0.320,1.000) forwards;
  -webkit-animation:logo-draw-line 1s 0.5s cubic-bezier(0.230,1.000,0.320,1.000) forwards;
}
.holding-banner .logo .line-five {
  stroke-dasharray:1080;
  stroke-dashoffset:1080;
}
.ready .holding-banner .logo .line-five {
  animation:logo-draw-line 3.8s 0.6s cubic-bezier(0.190,1.000,0.220,1.000) forwards;
  -webkit-animation:logo-draw-line 3.8s 0.6s cubic-bezier(0.190,1.000,0.220,1.000) forwards;
}
.holding-banner .logotype {
  position:absolute;
  top:40px;
  left:40px;
  width:180px;
  transform-origin:0 0;
  transform:rotate(90deg) translateY(-100%);
}
.holding-banner .tagline {
  position:absolute;
  bottom:40px;
  left:40px;
  font-size:18px;
  line-height:1.6;
  color:#ffffff;
}
.holding-banner .call-to-action {
  position:absolute;
  top:40px;
  right:40px;
  font-size:18px;
  line-height:1.6;
  color:#ffffff;
}
.holding-banner .call-to-action a.link {
  font-size:18px;
  color:#ffffff;
  position:relative;
}
.holding-banner .call-to-action a.link:before, .holding-banner .call-to-action a.link:after { background:#ffffff; }
.holding-banner .call-to-action span.or {
  display:inline-block;
  margin:0 8px;
}
.holding-banner .heritage {
  position:absolute;
  bottom:40px;
  right:40px;
}
.holding-banner .heritage span.year {
  font-size:48px;
  font-weight:bold;
  color:#ffffff;
}
.holding-banner .heritage span.line {
  font-size:15px;
  color:#ffffff;
  display:block;
  position:absolute;
  bottom:70px;
  left:50%;
  white-space:nowrap;
  transform-origin:0 50%;
  transform:rotate(-90deg);
}
.holding-content { background:#f4f4f4; }
.holding-content .upper {
  background:#ffffff;
  padding:120px 0;
  display:flex;
  justify-content:center;
}
.holding-content .upper h2 { margin:0 0 60px; }
.holding-content .upper h2 span.welcome {
  font-size:24px;
  color:#000000;
  display:block;
  margin:0 0 40px;
}
.holding-content .upper p {
  font-size:24px;
  color:#000000;
  line-height:1.8;
}
.holding-content .upper p a {
  font-size:24px;
  color:#000000;
  position:relative;
  display:inline-block;
  line-height:1.4;
}
.holding-content .lower {
  background:#ffffff;
  margin:0 0 0 auto;
  width:60vw;
  padding:0 7vw 6vw;
  position:relative;
}
.holding-content .lower .logo-deconstructed {
  position:absolute;
  top:0;
  right:100%;
  width:180px;
}
.holding-content .lower h2 {
  font-size:48px;
  color:#000000;
  line-height:1.4;
  margin:0 0 40px;
}
.holding-content .lower p {
  font-size:18px;
  color:#000000;
  line-height:1.8;
  margin:40px 0;
}
.holding-content .lower h3 {
  font-size:15px;
  color:#666666;
  line-height:1.8;
  margin:40px 0;
}
.holding-content .contact-form label { display:none; }
.holding-content .contact-form .form-field {
  margin:0 0 20px;
  position:relative;
}
.holding-content .contact-form .form-field.dropdown-field { display:none; }
.holding-content .contact-form .form-field.name-field, .holding-content .contact-form .form-field.email-field, .holding-content .contact-form .form-field.phone-field, .holding-content .contact-form .form-field.company-field { width:calc(50% - 10px); }
.holding-content .contact-form .form-field.email-field {
  position:absolute;
  top:0;
  right:0;
}
.holding-content .contact-form .form-field.company-field {
  position:absolute;
  top:72px;
  right:0;
}
.holding-content .contact-form input[type="text"] {
  font-size:15px;
  color:#545454;
  line-height:1.8;
  margin:0;
  padding:0 22px;
  border:0;
  background:#f4f4f4;
  height:52px;
  width:100%;
  border-radius:0;
  -webkit-appearance:none;
}
.holding-content .contact-form textarea {
  font-size:15px;
  color:#545454;
  line-height:1.8;
  margin:0;
  padding:16px 22px;
  line-height:1.8;
  border:0;
  background:#f4f4f4;
  height:160px;
  width:100%;
  border-radius:0;
  -webkit-appearance:none;
}
.holding-content .contact-form select {
  font-size:15px;
  color:#545454;
  line-height:1.8;
  margin:0;
  padding:0 22px;
  border:0;
  background:#f4f4f4;
  height:52px;
  width:100%;
  border-radius:0;
  -webkit-appearance:none;
}
.holding-content .contact-form .form-footer { text-align:right; }
.holding-content .contact-form input[type="submit"] {
  font-size:22px;
  color:#000000;
  margin:0;
  border-radius:0;
  padding:0;
  border:0;
  cursor:pointer;
  border-bottom:2px solid #000000;
  -webkit-appearance:none;
}
.holding-footer {
  background:#000000;
  padding:80px 0 40px;
  display:flex;
  justify-content:space-between;
}
.holding-footer .business { padding:0 0 0 6vw; }
.holding-footer .logo {
  width:50px;
  margin:0 0 30px;
}
.holding-footer .copyright {
  font-size:12px;
  color:#cccccc;
  display:block;
}
.holding-footer .contact-details-title {
  font-size:18px;
  color:#ffffff;
  display:block;
  margin:0 0 40px;
}
.holding-footer .contact-details {
  width:60vw;
  padding:0 7vw;
}
.holding-footer .columns { display:flex; }
.holding-footer .column { width:50%; }
.holding-footer h4 {
  font-size:15px;
  color:#ffffff;
  margin:0 0 15px;
  line-height:1;
}
.holding-footer .address {
  font-size:18px;
  color:#ffffff;
  line-height:1.8;
}
.holding-footer .telephone { margin:0 0 56px; }
.holding-footer .number {
  font-size:18px;
  color:#ffffff;
  line-height:1.8;
  position:relative;
}
.holding-footer .number:before, .holding-footer .number:after { background:#ffffff; }
.holding-footer .social-media-icons { display:flex; }
.holding-footer .social-media-icon { margin:0 20px 0 0; }
.holding-footer .social-media-icon .link {
  display:block;
  width:30px;
}
.holding-footer .social-media-icon .link:last-child { margin:0; }
.holding-footer span.vapour {
  font-size:12px;
  color:#cccccc;
  display:block;
  margin:100px 0 0;
}
.holding-footer span.vapour .link {
  font-size:12px;
  color:#cccccc;
}
.holding-footer span.vapour .link:before, .holding-footer span.vapour .link:after {
  background:#cccccc;
  height:1px;
}
@keyframes logo-draw-line {
  to {
    stroke-dashoffset:0;
  }
}
@-webkit-keyframes logo-draw-line {
  to {
    stroke-dashoffset:0;
  }
}
@media screen and (max-width: 782px) {
  .holding .underline:before, .holding .underline:after { height:1px; }
  .holding-banner {
    background-position:left center;
    height:600px;
  }
  .holding-banner .logotype {
    width:100px;
    top:20px;
    left:20px;
  }
  .holding-banner .tagline {
    bottom:20px;
    left:20px;
    font-size:14px;
  }
  .holding-banner .heritage {
    right:20px;
    bottom:20px;
  }
  .holding-banner .heritage span.year { font-size:28px; }
  .holding-banner .heritage span.line {
    font-size:12px;
    bottom:40px;
  }
  .holding-banner .call-to-action {
    top:20px;
    right:20px;
    font-size:14px;
    text-align:right;
  }
  .holding-banner .call-to-action a.link { font-size:14px; }
  .holding-banner .call-to-action span.or {
    display:block;
    margin:4px 0 0;
  }
  .holding-content .upper { padding:80px 7vw 40px; }
  .holding-content .upper h2 { margin:0 0 30px; }
  .holding-content .upper h2 span.welcome {
    font-size:18px;
    margin:0 0 28px;
  }
  .holding-content .upper p { font-size:18px; }
  .holding-content .upper p a { font-size:18px; }
  .holding-content .upper p br { display:none; }
  .holding-content .upper img { max-width:400px; }
  .holding-content .lower { width:auto; }
  .holding-content .lower .logo-deconstructed { display:none; }
  .holding-content .lower h2 {
    font-size:28px;
    margin:0 0 20px;
  }
  .holding-content .lower p {
    font-size:15px;
    margin:20px 0;
  }
  .holding-content .lower h3 { margin:20px 0 40px; }
  .holding-content .contact-form .form-field { margin:0 0 10px; }
  .holding-content .contact-form .form-field.name-field, .holding-content .contact-form .form-field.email-field, .holding-content .contact-form .form-field.phone-field, .holding-content .contact-form .form-field.company-field { width:calc(50% - 5px); }
  .holding-content .contact-form .form-field.company-field { top:62px; }
  .holding-footer {
    padding:80px 7vw 40px;
    flex-direction:column;
  }
  .holding-footer .business {
    padding:0;
    margin:0 0 40px;
  }
  .holding-footer .logo { margin:0 0 20px; }
  .holding-footer .contact-details {
    width:100%;
    padding:0;
  }
  .holding-footer .contact-details-title {
    font-size:15px;
    margin:0 0 20px;
  }
  .holding-footer h4 { font-size:12px; }
  .holding-footer .address { font-size:15px; }
  .holding-footer .number { font-size:15px; }
  .holding-footer .social-media-icon { margin:0 16px 0 0; }
  .holding-footer .social-media-icon .link { width:22px; }
}