@charset "UTF-8";
/* Load your site settings here */
/* Import the WD+P Framework blocks you require below */
/*
  Create a column, we reuse this mixin a bunch during the loop to create
  each column for each viewport without having to duplicate the code
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ececec;
  margin: 1em 0;
  padding: 0; }

input,
select {
  vertical-align: middle; }

* {
  box-sizing: border-box; }

html,
body {
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  height: 100%;
  position: relative; }

:focus {
  box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 2px;
  outline: none; }

:active {
  outline: none; }

::selection {
  background: #43474A; }

.brand-tag {
  position: absolute;
  bottom: 0;
  right: 0;
  text-decoration: none;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10px;
  text-transform: uppercase; }
  .brand-tag__byline {
    background: #000;
    color: #F8E71C;
    padding: 10px;
    display: inline-block;
    opacity: 0;
    position: relative;
    transition: all 0.2s ease-in-out;
    z-index: 0;
    left: 200px; }
    @media (max-width: 980px) {
      .brand-tag__byline {
        display: none; } }
  .brand-tag__brand {
    background: #000;
    color: #F8E71C;
    padding: 10px;
    letter-spacing: 3px;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    position: relative;
    z-index: 1; }
  .brand-tag:hover .brand-tag__brand {
    background: #F8E71C;
    color: #000; }
  .brand-tag:hover .brand-tag__byline {
    opacity: 1;
    left: 4px; }
  @media (min-width: 980px) {
    .brand-tag--fixed {
      position: fixed; } }

/* Use the core class when we're dealing with raw HTML video */
.responsive-video {
  width: 100%;
  height: auto;
  /* Use the wrapper when we're using embeds from YouTube or Vimeo */ }
  .responsive-video__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0; }
    .responsive-video__wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.responsive-image, .slideshow img {
  width: 100%;
  height: auto; }

.data-table {
  width: 100%; }
  .data-table__head .data-table__cell {
    background: #43474A;
    background: linear-gradient(#43474A, #373a3d);
    color: #fff; }
  @media (max-width: 980px) {
    .data-table__head {
      display: none; } }
  .data-table__cell {
    padding: 20px;
    text-align: left;
    border: #ececec 1px solid;
    position: relative; }
    @media (max-width: 980px) {
      .data-table__cell {
        display: block;
        border: 0;
        border-bottom: #ececec 1px solid;
        padding-left: 50%; }
        .data-table__cell:last-of-type {
          border-bottom: 0; }
        .data-table__cell:before {
          content: attr(data-key);
          display: block;
          font-weight: bold;
          position: absolute;
          /* Change top + left to be the equivilent in padding */
          top: 20px;
          left: 20px; } }
    @media (max-width: 600px) {
      .data-table__cell {
        padding-left: 20px; }
        .data-table__cell:before {
          position: static;
          width: 100%;
          margin-bottom: 10px; } }
  .data-table__note {
    font-size: 12px;
    display: block;
    margin-top: 10px; }
  @media (min-width: 980px) {
    .data-table__row:hover {
      background: #676e72;
      color: #fff; } }
  @media (max-width: 980px) {
    .data-table__row {
      display: block;
      border: #ececec 1px solid;
      border-bottom: 0; }
      .data-table__row:last-of-type {
        border-bottom: #ececec 1px solid; }
      .data-table__row:nth-child(even) {
        background: #676e72; } }

.tabs {
  width: 100%; }

.tabs__list li {
  display: inline-block; }

.btn.tabs__tag, .form input.tabs__tag[type="submit"] {
  display: block;
  position: relative;
  top: 1px; }

.btn.tabs__tag--active, .form input.tabs__tag--active[type="submit"],
.btn.tabs__tag--active:hover,
.form input.tabs__tag--active[type="submit"]:hover {
  background: #fff;
  border-bottom: #fff 1px solid; }

.tabs__panel {
  border: #ececec 1px solid;
  padding: 20px; }

.tabs__panel--hidden {
  display: none; }

@media (max-width: 600px) {
  .tabs__list {
    display: none; }

  .tabs__panel {
    margin-bottom: 20px; }

  .tabs__panel:before {
    content: attr(data-tab-name);
    font-weight: bold;
    margin-bottom: 10px;
    display: block; }

  .tabs__panel--hidden {
    display: block; } }
.modal {
  /* Make the modal a flex, so our window within it can be perfectly centred */
  display: flex;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  /* Make our modal's background take the entire screen */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Make our background a lighter version of $colourPrimary, but for browsers that support it semi-transparent */
  background: #595959;
  background: rgba(0, 0, 0, 0.6);
  /* Bug: Doesn't work in IE9 - JS fallback? */
  pointer-events: none;
  /* Set it up for aniamtion */
  opacity: 0;
  transition: all 0.5s ease-in-out; }
  .modal--active {
    /* Fade animation back in */
    opacity: 1;
    /* Make it clear that if they click outside of a modal it will close */
    pointer-events: auto;
    cursor: not-allowed; }
  .modal__window {
    background: #fff;
    width: 80%;
    cursor: auto;
    box-shadow: rgba(0, 0, 0, 0.4) 0 3px 5px; }
  .modal__title {
    background: #43474A;
    background: linear-gradient(#43474A, #373a3d);
    border-bottom: #ececec 1px solid;
    padding: 20px;
    font-size: 22px;
    color: #fff; }
  .modal__content {
    padding: 20px;
    overflow-y: auto; }
  .modal__footer {
    border-top: #ececec 1px solid;
    padding: 20px;
    text-align: right; }

  /*
    Old Internet Explorer Compatibility
    --------------------------------------

    IE9 + IE10 don't support Flex or Pointer Events graciously so we serve them
    an alternative, light, version of the modal.

  .ie9 &,
  .ie10 & {
    opacity: 1;
    display: none;
    pointer-events: auto;
  }

  .ie9 &--active,
  .ie10 &--active {
    display: block;
    cursor: auto;
  }

  .ie9 &__window,
  .ie10 &__window {
    margin: 0 auto;
    margin-top: $padding;
  }*/
.btn, .form input[type="submit"] {
  background: #ececec;
  background: linear-gradient(#ececec, #dfdfdf);
  color: #000;
  border: lightgray 1px solid;
  display: inline-block;
  padding: 20px;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  /* Tight Button */
  /* Bold Button */
  /* Scary button - for deleting, closing, etc */ }
  .btn:hover, .form input[type="submit"]:hover {
    background: lightgray;
    background: linear-gradient(lightgray, #c6c6c6); }
  .btn--tight {
    padding: 10px 20px; }
  .btn--bold {
    background: #43474A;
    background: linear-gradient(#43474A, #373a3d);
    color: #fff;
    border: #2b2d2f 1px solid; }
    .btn--bold:hover {
      background: #2b2d2f;
      background: linear-gradient(#2b2d2f, #1f2022); }
  .btn--scary {
    background: red;
    background: linear-gradient(red, #e60000);
    color: #000;
    border: #cc0000 1px solid; }
    .btn--scary:hover {
      background: #cc0000;
      background: linear-gradient(#cc0000, #b30000); }

.notification {
  width: 100%;
  text-decoration: none;
  padding: 20px;
  margin-bottom: 20px;
  background: #fafafa;
  background: linear-gradient(#fafafa, #ededed);
  color: #000;
  border: #e1e1e1 1px solid; }
  .notification--bold {
    background: #43474A;
    background: linear-gradient(#43474A, #373a3d);
    color: #fff;
    border: #2b2d2f 1px solid; }
  .notification--scary {
    background: red;
    background: linear-gradient(red, #e60000);
    color: #000;
    border: #cc0000 1px solid; }
  .notification__close {
    float: right;
    margin: 0 0 10px 10px;
    position: relative;
    top: -9px; }

.grid {
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
  width: calc(100% + 20px);
  margin-left: -10px;
  overflow: visible;
  /* Clear for old browsers that are using clear */
  /* Make a 12 column grid system */ }
  .grid:after {
    content: " ";
    display: block;
    clear: both; }
  .grid__block {
    flex: 1 1 auto;
    margin: 0 10px;
    float: left; }
  @media (min-width: 980px) {
    .grid--l1 .grid__block,
    .grid .grid__block--l1 {
      flex: 0 0 calc(8.33333% - 20px);
      width: calc(8.33333% - 20px); } }
  @media (max-width: 980px) {
    .grid--m1 .grid__block,
    .grid .grid__block--m1 {
      flex: 0 0 calc(8.33333% - 20px);
      width: calc(8.33333% - 20px); } }
  @media (max-width: 600px) {
    .grid--s1 .grid__block,
    .grid .grid__block--s1 {
      flex: 0 0 calc(8.33333% - 20px);
      width: calc(8.33333% - 20px); } }
  @media (min-width: 980px) {
    .grid--l2 .grid__block,
    .grid .grid__block--l2 {
      flex: 0 0 calc(16.66667% - 20px);
      width: calc(16.66667% - 20px); } }
  @media (max-width: 980px) {
    .grid--m2 .grid__block,
    .grid .grid__block--m2 {
      flex: 0 0 calc(16.66667% - 20px);
      width: calc(16.66667% - 20px); } }
  @media (max-width: 600px) {
    .grid--s2 .grid__block,
    .grid .grid__block--s2 {
      flex: 0 0 calc(16.66667% - 20px);
      width: calc(16.66667% - 20px); } }
  @media (min-width: 980px) {
    .grid--l3 .grid__block,
    .grid .grid__block--l3 {
      flex: 0 0 calc(25% - 20px);
      width: calc(25% - 20px); } }
  @media (max-width: 980px) {
    .grid--m3 .grid__block,
    .grid .grid__block--m3 {
      flex: 0 0 calc(25% - 20px);
      width: calc(25% - 20px); } }
  @media (max-width: 600px) {
    .grid--s3 .grid__block,
    .grid .grid__block--s3 {
      flex: 0 0 calc(25% - 20px);
      width: calc(25% - 20px); } }
  @media (min-width: 980px) {
    .grid--l4 .grid__block,
    .grid .grid__block--l4 {
      flex: 0 0 calc(33.33333% - 20px);
      width: calc(33.33333% - 20px); } }
  @media (max-width: 980px) {
    .grid--m4 .grid__block,
    .grid .grid__block--m4 {
      flex: 0 0 calc(33.33333% - 20px);
      width: calc(33.33333% - 20px); } }
  @media (max-width: 600px) {
    .grid--s4 .grid__block,
    .grid .grid__block--s4 {
      flex: 0 0 calc(33.33333% - 20px);
      width: calc(33.33333% - 20px); } }
  @media (min-width: 980px) {
    .grid--l5 .grid__block,
    .grid .grid__block--l5 {
      flex: 0 0 calc(41.66667% - 20px);
      width: calc(41.66667% - 20px); } }
  @media (max-width: 980px) {
    .grid--m5 .grid__block,
    .grid .grid__block--m5 {
      flex: 0 0 calc(41.66667% - 20px);
      width: calc(41.66667% - 20px); } }
  @media (max-width: 600px) {
    .grid--s5 .grid__block,
    .grid .grid__block--s5 {
      flex: 0 0 calc(41.66667% - 20px);
      width: calc(41.66667% - 20px); } }
  @media (min-width: 980px) {
    .grid--l6 .grid__block,
    .grid .grid__block--l6 {
      flex: 0 0 calc(50% - 20px);
      width: calc(50% - 20px); } }
  @media (max-width: 980px) {
    .grid--m6 .grid__block,
    .grid .grid__block--m6 {
      flex: 0 0 calc(50% - 20px);
      width: calc(50% - 20px); } }
  @media (max-width: 600px) {
    .grid--s6 .grid__block,
    .grid .grid__block--s6 {
      flex: 0 0 calc(50% - 20px);
      width: calc(50% - 20px); } }
  @media (min-width: 980px) {
    .grid--l7 .grid__block,
    .grid .grid__block--l7 {
      flex: 0 0 calc(58.33333% - 20px);
      width: calc(58.33333% - 20px); } }
  @media (max-width: 980px) {
    .grid--m7 .grid__block,
    .grid .grid__block--m7 {
      flex: 0 0 calc(58.33333% - 20px);
      width: calc(58.33333% - 20px); } }
  @media (max-width: 600px) {
    .grid--s7 .grid__block,
    .grid .grid__block--s7 {
      flex: 0 0 calc(58.33333% - 20px);
      width: calc(58.33333% - 20px); } }
  @media (min-width: 980px) {
    .grid--l8 .grid__block,
    .grid .grid__block--l8 {
      flex: 0 0 calc(66.66667% - 20px);
      width: calc(66.66667% - 20px); } }
  @media (max-width: 980px) {
    .grid--m8 .grid__block,
    .grid .grid__block--m8 {
      flex: 0 0 calc(66.66667% - 20px);
      width: calc(66.66667% - 20px); } }
  @media (max-width: 600px) {
    .grid--s8 .grid__block,
    .grid .grid__block--s8 {
      flex: 0 0 calc(66.66667% - 20px);
      width: calc(66.66667% - 20px); } }
  @media (min-width: 980px) {
    .grid--l9 .grid__block,
    .grid .grid__block--l9 {
      flex: 0 0 calc(75% - 20px);
      width: calc(75% - 20px); } }
  @media (max-width: 980px) {
    .grid--m9 .grid__block,
    .grid .grid__block--m9 {
      flex: 0 0 calc(75% - 20px);
      width: calc(75% - 20px); } }
  @media (max-width: 600px) {
    .grid--s9 .grid__block,
    .grid .grid__block--s9 {
      flex: 0 0 calc(75% - 20px);
      width: calc(75% - 20px); } }
  @media (min-width: 980px) {
    .grid--l10 .grid__block,
    .grid .grid__block--l10 {
      flex: 0 0 calc(83.33333% - 20px);
      width: calc(83.33333% - 20px); } }
  @media (max-width: 980px) {
    .grid--m10 .grid__block,
    .grid .grid__block--m10 {
      flex: 0 0 calc(83.33333% - 20px);
      width: calc(83.33333% - 20px); } }
  @media (max-width: 600px) {
    .grid--s10 .grid__block,
    .grid .grid__block--s10 {
      flex: 0 0 calc(83.33333% - 20px);
      width: calc(83.33333% - 20px); } }
  @media (min-width: 980px) {
    .grid--l11 .grid__block,
    .grid .grid__block--l11 {
      flex: 0 0 calc(91.66667% - 20px);
      width: calc(91.66667% - 20px); } }
  @media (max-width: 980px) {
    .grid--m11 .grid__block,
    .grid .grid__block--m11 {
      flex: 0 0 calc(91.66667% - 20px);
      width: calc(91.66667% - 20px); } }
  @media (max-width: 600px) {
    .grid--s11 .grid__block,
    .grid .grid__block--s11 {
      flex: 0 0 calc(91.66667% - 20px);
      width: calc(91.66667% - 20px); } }
  @media (min-width: 980px) {
    .grid--l12 .grid__block,
    .grid .grid__block--l12 {
      flex: 0 0 calc(100% - 20px);
      width: calc(100% - 20px); } }
  @media (max-width: 980px) {
    .grid--m12 .grid__block,
    .grid .grid__block--m12 {
      flex: 0 0 calc(100% - 20px);
      width: calc(100% - 20px); } }
  @media (max-width: 600px) {
    .grid--s12 .grid__block,
    .grid .grid__block--s12 {
      flex: 0 0 calc(100% - 20px);
      width: calc(100% - 20px); } }

.push {
  margin-bottom: 20px; }
  @media (max-width: 980px) {
    .push--m {
      margin-bottom: 20px; } }
  @media (max-width: 600px) {
    .push--s {
      margin-bottom: 20px; } }

.pull {
  margin-top: 20px; }
  @media (max-width: 980px) {
    .pull--m {
      margin-top: 20px; } }
  @media (max-width: 600px) {
    .pull--s {
      margin-top: 20px; } }

.clear {
  clear: both; }

/* Import your site blocks below */
.push--large {
  margin-bottom: 80px; }

.push--medium {
  margin-bottom: 40px; }

@media (min-width: 980px) {
  .main {
    margin-bottom: 80px; } }

.typo-block, .site-header__nav a, .site-footer, .page-title, .sub-heading, .form__line label, .form input[type="submit"] {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px; }

/* A slab is a full screen (100% height) container */
.slab {
  height: 100%;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .slab--bold {
    background: #43474A;
    z-index: 1; }
  .slab--gallery {
    padding: 100px; }
  .slab__logo {
    width: 6vw; }
  .slab__full {
    width: 100%;
    min-height: 100%; }
  .slab#js-main {
    min-height: inherit;
    height: auto;
    display: block; }
    .slab#js-main .container {
      padding-top: 0; }
  .slab--flex#js-main {
    height: 100%;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .slab--flex#js-main .container {
      position: relative;
      top: 100px; }

.gallery {
  width: 100%;
  height: 100%;
  list-style: none;
  position: relative; }
  .gallery__image {
    position: absolute; }
    .gallery__image img {
      width: 100%;
      height: auto;
      border: #fff 5px solid; }

#gallery__image1 {
  width: calc(50% - 50px); }

#gallery__image2 {
  left: calc(50% + 50px);
  width: calc(25% - 50px); }

#gallery__image3 {
  left: calc(75% + 50px);
  width: calc(25% - 50px); }

#gallery__image4 {
  bottom: 0;
  right: 0;
  width: calc(50% - 50px); }

.container {
  padding: 80px;
  width: 100%; }
  @media (max-width: 980px) {
    .container {
      padding: 40px; } }

.site-header {
  text-align: center;
  padding: 80px; }
  @media (min-width: 980px) {
    .site-header--fixed {
      position: absolute;
      width: 100%;
      left: 0;
      top: 0; }
    .site-header #js-burger {
      display: none; } }
  @media (max-width: 980px) {
    .site-header {
      padding: 40px; } }
  .site-header__nav {
    margin-top: 80px; }
    .site-header__nav li {
      display: inline-block;
      position: relative; }
      .site-header__nav li ul {
        background: #43474A; }
        .site-header__nav li ul a {
          color: #fff !important; }
          .site-header__nav li ul a:hover {
            background: #333; }
      @media (min-width: 980px) {
        .site-header__nav li ul {
          position: absolute;
          text-align: left;
          width: 325px;
          left: 0;
          top: 35px;
          display: none;
          z-index: 1;
          box-shadow: rgba(0, 0, 0, 0.05) 0 3px 5px; }
          .site-header__nav li ul li {
            display: block;
            margin: 0; }
          .site-header__nav li ul a {
            display: block;
            padding: 20px 1.9vw; }
        .site-header__nav li:hover ul {
          display: block; } }
    .site-header__nav a {
      text-decoration: none;
      color: #969696;
      padding: 20px 40px;
      padding: 20px 1.9vw; }
      .site-header__nav a:hover, .site-header__nav a.site-header__nav--active {
        color: #000; }
    @media (max-width: 980px) {
      .site-header__nav {
        margin-top: 40px; }
        .site-header__nav ul {
          display: none;
          border: #ececec 1px solid;
          border-top: 0; }
        .site-header__nav li {
          display: block;
          margin: 0; }
          .site-header__nav li:last-of-type a {
            border-bottom: 0; }
        .site-header__nav a {
          display: block;
          font-size: 14px;
          padding: 20px 0;
          border-bottom: #ececec 1px solid; }
          .site-header__nav a#js-burger {
            border: #ececec 1px solid;
            background: #fafafa; } }

.site-footer {
  line-height: 22px;
  width: 100%;
  color: #fff;
  background: #43474A;
  padding: 40px;
  text-align: center; }
  @media (min-width: 980px) {
    .site-footer--fixed {
      position: absolute;
      bottom: 0;
      left: 0; } }
  .site-footer ul {
    list-style: none; }
    @media (min-width: 980px) {
      .site-footer ul {
        display: flex;
        width: 100%;
        justify-content: center; } }
  .site-footer li {
    margin: 0 40px; }
    @media (max-width: 980px) {
      .site-footer li {
        margin: 0 0 20px 0; }
        .site-footer li:last-of-type {
          margin-bottom: 0; } }
  .site-footer a {
    color: #fff;
    text-decoration: none; }
    .site-footer a:hover {
      color: #000; }
  .site-footer__credit {
    margin-top: 20px; }

.copy {
  font-size: 18px;
  line-height: 40px;
  color: #5B5B5B; }
  .copy--centre {
    width: 50%;
    margin: 0 auto;
    text-align: center; }
    .copy--centre--alt {
      width: 75%; }
    @media (max-width: 980px) {
      .copy--centre {
        width: 75%; } }
    @media (max-width: 600px) {
      .copy--centre {
        width: 100%; } }
  .copy p {
    margin-bottom: 40px; }
  .copy a {
    color: #373a3d;
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: #43474A 1px solid; }
    .copy a:hover {
      color: #000;
      border-color: #000; }

.sub-navigation {
  font-size: 14px; }
  @media (max-width: 980px) {
    .sub-navigation {
      display: none;
      order: 1;
      margin-top: 40px; } }
  .sub-navigation li {
    margin-bottom: 20px;
    /*
	    We hide the first node (the one with children) because Navee needs it, but it duplicates with the first child node.
		We make the first child node the same as the parent for mobile users who can't tap on first nodes directly.    
	 */ }
    .sub-navigation li.has-children {
      display: none; }
  .sub-navigation a {
    text-decoration: none;
    color: #A2A2A2; }
    .sub-navigation a:hover {
      color: #000; }
    .sub-navigation a.sub-navigation--active {
      color: #000;
      position: relative; }
      .sub-navigation a.sub-navigation--active:before {
        position: absolute;
        content: " ";
        display: block;
        background: #000;
        width: 4px;
        left: -12px;
        top: 7px;
        height: 4px; }

.page-title {
  font-size: 22px;
  line-height: 1.5;
  margin-bottom: 40px; }

.data-table__row:hover {
  background: #fafafa;
  color: #000; }
.data-table__cell {
  border-color: #e3e3e3; }
.data-table__head .data-table__cell {
  background: #ececec;
  color: #43474A; }
@media (max-width: 980px) {
  .data-table.pricing-table {
    display: none; } }

.pricing-list {
  margin-left: 20px;
  list-style: square;
  color: #5B5B5B; }
  @media (min-width: 980px) {
    .pricing-list {
      display: none; } }
  .pricing-list li {
    margin-bottom: 30px;
    line-height: 2; }

.slideshow {
  list-style: none; }
  .slideshow li {
    width: calc(20% - 4px);
    float: left;
    margin-right: 2px;
    margin-bottom: 2px; }
    .slideshow li:nth-of-type(5n) {
      margin-right: 0; }
  .slideshow a {
    display: block; }
    .slideshow a:hover {
      opacity: 0.5; }
  .slideshow img {
    display: block; }

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.3.1 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  .featherlight {
    display: none;
    /* dimensions: spanning the background from edge to edge */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647;
    /* z-index needs to be >= elements on the site. */
    /* position: centering content */
    text-align: center;
    /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
    white-space: nowrap;
    /* styling */
    cursor: pointer;
    background: #333;
    /* IE8 "hack" for nested featherlights */
    background: transparent; }

  /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
  .featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8); }

  .featherlight:before {
    /* position: trick to center content vertically */
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; }

  .featherlight .featherlight-content {
    /* make content container for positioned elements (close button) */
    position: relative;
    /* position: centering vertical and horizontal */
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    /* dimensions: cut off images */
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    /* dimensions: handling small or empty content */
    min-width: 30%;
    /* dimensions: handling large content */
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    /* styling */
    background: #fff;
    cursor: auto;
    /* reset white-space wrapping */
    white-space: normal; }

  /* contains the content */
  .featherlight .featherlight-inner {
    /* make sure its visible */
    display: block; }

  .featherlight .featherlight-close-icon {
    /* position: centering vertical and horizontal */
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    /* dimensions: 25px x 25px */
    line-height: 25px;
    width: 25px;
    /* styling */
    cursor: pointer;
    text-align: center;
    font: Arial, sans-serif;
    background: #fff;
    /* Set the background in case it overlaps the content */
    background: rgba(255, 255, 255, 0.3);
    color: #000; }

  .featherlight .featherlight-image {
    /* styling */
    width: 100%; }

  .featherlight-iframe .featherlight-content {
    /* removed the border for image croping since iframe is edge to edge */
    border-bottom: 0;
    padding: 0; }

  .featherlight iframe {
    /* styling */
    border: none; } }
/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
  .featherlight .featherlight-content {
    /* dimensions: maximize lightbox with for small screens */
    margin-left: 10px;
    margin-right: 10px;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent; } }
/**
 * Featherlight Gallery – an extension for the ultra slim jQuery lightbox
 * Version 1.3.1 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  .featherlight-next,
  .featherlight-previous {
    display: block;
    position: absolute;
    top: 25px;
    right: 25px;
    bottom: 0;
    left: 80%;
    cursor: pointer;
    /* preventing text selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* IE9 hack, otherwise navigation doesn't appear */
    background: transparent; }

  .featherlight-previous {
    left: 25px;
    right: 80%; }

  .featherlight-next:hover,
  .featherlight-previous:hover {
    background: rgba(255, 255, 255, 0.25); }

  .featherlight-next span,
  .featherlight-previous span {
    display: none;
    position: absolute;
    top: 50%;
    left: 5%;
    width: 82%;
    /* center horizontally */
    text-align: center;
    font-size: 80px;
    line-height: 80px;
    /* center vertically */
    margin-top: -40px;
    text-shadow: 0px 0px 5px #fff;
    color: #fff;
    font-style: normal;
    font-weight: normal; }

  .featherlight-next span {
    right: 5%;
    left: auto; }

  .featherlight-next:hover span,
  .featherlight-previous:hover span {
    display: inline-block; }

  /* Hide navigation while loading */
  .featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next {
    display: none; } }
/* Always display arrows on touch devices */
@media only screen and (max-device-width: 1024px) {
  .featherlight-next:hover,
  .featherlight-previous:hover {
    background: none; }

  .featherlight-next span,
  .featherlight-previous span {
    display: block; } }
/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
  .featherlight-next,
  .featherlight-previous {
    top: 10px;
    right: 10px;
    left: 85%; }

  .featherlight-previous {
    left: 10px;
    right: 85%; }

  .featherlight-next span,
  .featherlight-previous span {
    margin-top: -30px;
    font-size: 40px; } }
@media (max-width: 600px) {
  .hide--s {
    display: none !important; } }

@media (max-width: 980px) {
  .hide--large-only {
    display: none; } }

.sub-heading {
  font-size: 18px;
  margin-top: 80px;
  margin-bottom: 40px; }

.swiper-container {
  display: none; }
  @media (max-width: 600px) {
    .swiper-container {
      display: block;
      margin-bottom: 40px; } }

.swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
  width: 12px;
  height: 12px;
  margin: 0 3px; }
  .swiper-pagination-bullet-active {
    background: #43474A;
    opacity: 1; }

.parking {
  display: flex; }
  @media (max-width: 600px) {
    .parking {
      flex-direction: column; } }
  .parking div {
    width: 50%; }
    @media (max-width: 600px) {
      .parking div {
        width: 100%; } }
  .parking__map {
    height: 50vh;
    margin-bottom: 40px; }

.form__line {
  margin-bottom: 40px; }
  .form__line label {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 22px; }
.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form textarea {
  width: 100%;
  padding: 10px;
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  border: #ccc 1px solid;
  border-radius: 4px; }
  .form input[type="text"]:focus,
  .form input[type="email"]:focus,
  .form input[type="tel"]:focus,
  .form textarea:focus {
    border: #43474A 1px solid;
    background: #737a80; }
.form select {
  width: 100%;
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px; }
.form textarea {
  height: 300px; }
.form input[type="submit"] {
  background: #000;
  color: #fff;
  border: 0;
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px; }
  .form input[type="submit"]:hover {
    background: #43474A;
    color: #000; }