/* line 8, style.scss */
.thumbs {
  display: block;
  border: 1px solid #1c272e;
  box-shadow: 0 0 10px 0 #333333; }

/* line 14, style.scss */
.port-title {
  margin-bottom: 4px; }

/* line 18, style.scss */
.fa-value {
  margin-right: 20px; }

/* line 22, style.scss */
a.stone-square img {
  width: 150px;
  max-width: 33%;
  float: right;
  margin: 0 0 20px 20px;
  clear: both; }

/* line 31, style.scss */
select {
  background-image: none; }

/* line 35, style.scss */
div.figcaption {
  margin-top: 20px; }
  /* line 37, style.scss */
  div.figcaption p {
    color: #3f3f3f;
    font-weight: 300;
    font-style: italic; }
    /* line 41, style.scss */
    div.figcaption p span.cite {
      font-weight: 600;
      font-size: 0.8em;
      text-transform: uppercase; }

/* line 51, style.scss */
section.box-shadow {
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); }

/* line 55, style.scss */
img.service-profile {
  max-width: 200px; }

/* line 61, style.scss */
.slick-slide {
  outline: none !important; }

/* line 62, style.scss */
.slick-initialized.slick-wrap {
  display: block; }

/* line 63, style.scss */
.slick-wrap {
  display: none; }

/* line 66, style.scss */
.slick-dots-white .slick-dots li button:before {
  color: white; }

/* line 70, style.scss */
.slick-prev {
  left: 10px;
  z-index: 2; }

/* line 74, style.scss */
.slick-next {
  right: 10px;
  z-index: 2; }

/* line 81, style.scss */
ul.facts {
  list-style: none;
  margin: 0; }
  /* line 84, style.scss */
  ul.facts li {
    display: inline-block;
    margin: 0 20px 0 0; }
  /* line 88, style.scss */
  ul.facts span.key {
    font-size: 1.4em;
    font-weight: 600;
    border-bottom: 2px solid #090c0e;
    padding-bottom: 6px;
    display: block;
    text-align: center; }
  /* line 96, style.scss */
  ul.facts span.value {
    padding-top: 10px;
    display: block;
    color: rgba(37, 37, 37, 0.5); }

/* line 104, style.scss */
.content ul {
  margin-left: 21px; }

/* line 109, style.scss */
.shadow-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  background-image: url("/img/globals/shadow-right.png");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  padding-top: 10%;
  opacity: 0.5;
  z-index: -1; }

a.header-video-title, a:hover.header-video-title {
  color: white;
}

/* line 128, style.scss */
section.bg-third h2 {
  color: white; }

/* line 136, style.scss */
h1.header-title-small {
  font-size: 1.05882rem;
  font-weight: 600;
  margin-bottom: 20px; }

/* line 142, style.scss */
h1.header-title-large {
  font-size: 2.11765rem;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 20px; }
  @media print, screen and (min-width: 40em) {
    /* line 142, style.scss */
    h1.header-title-large {
      font-size: 3.29412rem; } }
  @media print, screen and (min-width: 64em) {
    /* line 142, style.scss */
    h1.header-title-large {
      font-size: 4.23529rem; } }

/* line 154, style.scss */
p.header-description {
  max-width: 400px;
  font-weight: 300;
  margin: 0 auto 20px; }

/* line 159, style.scss */
a.header-triangle {
  display: none;
  position: absolute;
  width: 120px;
  bottom: 55px;
  left: 50%;
  margin-left: -60px;
  z-index: 2; }
  @media print, screen and (min-width: 64em) {
    /* line 159, style.scss */
    a.header-triangle {
      bottom: 0;
      display: block; } }

/* line 176, style.scss */
.hero-img {
  position: absolute;
  height: 100%;
  min-height: 200px;
  top: 0;
  background-color: #ECF0F1;
  background-size: cover;
  background-position: 50% 50%;
  z-index: -1; }
  @media screen and (max-width: 39.9375em) {
    /* line 176, style.scss */
    .hero-img {
      position: static; } }
  /* line 188, style.scss */
  .hero-img.hero-img-right {
    right: 0; }
  /* line 191, style.scss */
  .hero-img.hero-img-left {
    left: 0; }

/* line 200, style.scss */
.label {
  display: inline-block;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .5px;
  color: #fff;
  text-transform: uppercase;
  min-width: 65px;
  padding: 0 20px;
  text-align: center;
  border-radius: 50px;
  position: absolute;
  z-index: 3;
  top: 1.23809524em;
  right: 1.23809524em; }
  /* line 215, style.scss */
  .label.label-inline {
    position: relative;
    top: 0;
    right: 0; }
    /* line 219, style.scss */
    .label.label-inline + span, .label.label-inline + p {
      position: relative;
      top: 2px; }
    /* line 223, style.scss */
    .label.label-inline:not(:last-child) {
      margin-right: 0.92857143em; }

/* line 228, style.scss */
.label:not([class*='bg-']) {
  background-color: #1c272e; }

/* line 232, style.scss */
.c2a {
  margin-bottom: 0;
  font-size: 1.25em;
  font-weight: 500; }

/* line 238, style.scss */
.underline {
  text-decoration: underline; }

/* line 247, style.scss */
.timeline .item {
  display: flex; }
/* line 250, style.scss */
.timeline .year {
  min-width: 35px;
  padding-top: 2px; }
/* line 254, style.scss */
.timeline .line {
  min-width: 60px;
  position: relative;
  text-align: center; }
  /* line 258, style.scss */
  .timeline .line .fa {
    color: #1c272e;
    z-index: 1;
    position: absolute;
    margin-left: -9px;
    margin-top: 3px;
    font-size: 19px; }
  /* line 266, style.scss */
  .timeline .line:before {
    position: absolute;
    z-index: 0;
    left: 50%;
    margin-left: -1px;
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #dde4e6; }

/* line 283, style.scss */
.circle-nav {
  display: none;
  position: fixed;
  z-index: 201;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 900px;
  text-align: center;
  color: white;
  background-color: #007d71;
  box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer; }
  /* line 298, style.scss */
  .circle-nav.fade-in {
    display: block; }
  @media print, screen and (min-width: 64em) {
    /* line 283, style.scss */
    .circle-nav {
      display: none; } }

/* line 309, style.scss */
.cta-index {
  color: white;
  font-weight: 300;
  cursor: pointer; }
  /* line 79, _mixins.scss */
  .cta-index p, .cta-index li, .cta-index ul.icon li:before {
    color: white; }
  /* line 82, _mixins.scss */
  .cta-index h1, .cta-index h2, .cta-index h3, .cta-index h4, .cta-index h5, .cta-index h6 {
    color: white; }
  /* line 85, _mixins.scss */
  .cta-index a {
    color: white; }
  /* line 88, _mixins.scss */
  .cta-index hr {
    background-color: #ECF0F1; }
  /* line 313, style.scss */
  .cta-index .cta-index--box {
    padding: 12.75px;
    border-right: 1px solid rgba(255, 255, 255, 0.3); }
    @media screen and (max-width: 39.9375em) {
      /* line 313, style.scss */
      .cta-index .cta-index--box {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3); } }

@media print, screen and (min-width: 40em) {
  /* line 325, style.scss */
  ul.breadcrumbs {
    float: right;
    margin-top: 0px; } }

/* line 336, style.scss */
.btn-custom-grey {
  color: #252525;
  background-color: #ECF0F1;
  border: 1px solid #ecf0f1;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  margin-top: 15px;
  margin-bottom: 0; }
  /* line 102, _mixins.scss */
  .btn-custom-grey.with-icon .fa {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid rgba(37, 37, 37, 0.2); }
  /* line 108, _mixins.scss */
  .btn-custom-grey.border {
    border: 0.1em solid #dde4e6; }
    /* line 110, _mixins.scss */
    .btn-custom-grey.border.dashed {
      border-style: dashed; }
  /* line 114, _mixins.scss */
  .btn-custom-grey.shadow {
    border-bottom: 2px solid #dde4e6; }
  /* line 117, _mixins.scss */
  .btn-custom-grey.popout {
    border: none;
    border-top: 1px solid #fbfcfc;
    border-bottom: 1px solid #dde4e6; }
  /* line 122, _mixins.scss */
  .btn-custom-grey:hover, .btn-custom-grey:focus {
    background-color: #fbfcfc;
    border-color: #ECF0F1;
    color: #252525;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out; }

/* line 342, style.scss */
.btn-menu {
  margin: 0;
  color: white;
  background-color: #009688;
  border: 1px solid #009688;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  border: none; }
  /* line 102, _mixins.scss */
  .btn-menu.with-icon .fa {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.2); }
  /* line 108, _mixins.scss */
  .btn-menu.border {
    border: 0.1em solid #007d71; }
    /* line 110, _mixins.scss */
    .btn-menu.border.dashed {
      border-style: dashed; }
  /* line 114, _mixins.scss */
  .btn-menu.shadow {
    border-bottom: 2px solid #007d71; }
  /* line 117, _mixins.scss */
  .btn-menu.popout {
    border: none;
    border-top: 1px solid #00b09f;
    border-bottom: 1px solid #007d71; }
  /* line 122, _mixins.scss */
  .btn-menu:hover, .btn-menu:focus {
    background-color: #00b09f;
    border-color: #009688;
    color: white;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out; }
  /* line 346, style.scss */
  .btn-menu:hover, .btn-menu:focus {
    background-color: white;
    color: #009688;
    border: none; }

/* line 353, style.scss */
.btn-header {
  margin-top: 1em;
  margin-bottom: 0;
  color: white;
  background-color: #009688;
  border: 1px solid #009688;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  border: none; }
  /* line 102, _mixins.scss */
  .btn-header.with-icon .fa {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.2); }
  /* line 108, _mixins.scss */
  .btn-header.border {
    border: 0.1em solid #007d71; }
    /* line 110, _mixins.scss */
    .btn-header.border.dashed {
      border-style: dashed; }
  /* line 114, _mixins.scss */
  .btn-header.shadow {
    border-bottom: 2px solid #007d71; }
  /* line 117, _mixins.scss */
  .btn-header.popout {
    border: none;
    border-top: 1px solid #00b09f;
    border-bottom: 1px solid #007d71; }
  /* line 122, _mixins.scss */
  .btn-header:hover, .btn-header:focus {
    background-color: #00b09f;
    border-color: #009688;
    color: white;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out; }
  /* line 358, style.scss */
  .btn-header:hover, .btn-header:focus {
    color: white;
    border: none; }
  @media print, screen and (min-width: 40em) {
    /* line 353, style.scss */
    .btn-header {
      font-size: 15px; } }

/* line 367, style.scss */
.btn-header-alt {
  margin-top: 1em;
  margin-bottom: 0;
  color: white;
  background-color: transparent;
  border: 1px solid transparent;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  text-decoration: underline;
  border: none;
  font-weight: 400;
  text-transform: lowercase; }
  /* line 102, _mixins.scss */
  .btn-header-alt.with-icon .fa {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.2); }
  /* line 108, _mixins.scss */
  .btn-header-alt.border {
    border: 0.1em solid transparent; }
    /* line 110, _mixins.scss */
    .btn-header-alt.border.dashed {
      border-style: dashed; }
  /* line 114, _mixins.scss */
  .btn-header-alt.shadow {
    border-bottom: 2px solid transparent; }
  /* line 117, _mixins.scss */
  .btn-header-alt.popout {
    border: none;
    border-top: 1px solid rgba(13, 13, 13, 0);
    border-bottom: 1px solid transparent; }
  /* line 122, _mixins.scss */
  .btn-header-alt:hover, .btn-header-alt:focus {
    background-color: rgba(13, 13, 13, 0);
    border-color: transparent;
    color: white;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out; }
  /* line 375, style.scss */
  .btn-header-alt:hover, .btn-header-alt:focus {
    color: white;
    border: none; }
  @media print, screen and (min-width: 40em) {
    /* line 367, style.scss */
    .btn-header-alt {
      font-size: 15px; } }

/* line 394, style.scss */
.panel-light-grey {
  background-color: #ECF0F1; }

/* line 398, style.scss */
.panel-services {
  background-color: #ECF0F1; }
  /* line 400, style.scss */
  .panel-services p {
    color: #252525; }
  /* line 403, style.scss */
  .panel-services .services-image {
    background-color: #0b1218; }
    /* line 405, style.scss */
    .panel-services .services-image img {
      opacity: 0.8; }

/* line 411, style.scss */
.panel-services:hover img {
  opacity: 1; }

/* line 415, style.scss */
.panel-products {
  margin: 1px;
  background-color: #ECF0F1;
  color: #0b1218;
  text-align: center;
  z-index: 1; }
  /* line 421, style.scss */
  .panel-products .products-image {
    height: 125px;
    overflow: hidden;
    background-color: #0b1218; }
    /* line 425, style.scss */
    .panel-products .products-image img {
      min-width: 100%;
      opacity: 0.9; }
  /* line 430, style.scss */
  .panel-products .products-price {
    margin-bottom: 0;
    font-weight: 900;
    color: #009688;
    font-size: 1.35em; }
    /* line 435, style.scss */
    .panel-products .products-price span {
      font-weight: 300;
      text-decoration: line-through;
      font-size: 1rem; }

/* line 443, style.scss */
.panel-products:hover {
  color: #0b1218; }
  /* line 445, style.scss */
  .panel-products:hover .products-image img {
    opacity: 1; }

/* line 450, style.scss */
.panel-guide {
  color: #252525; }

/* line 457, style.scss */
ul.key-value {
  list-style: none;
  list-style-position: inside;
  margin-left: 0; }
  /* line 462, style.scss */
  ul.key-value li {
    border-bottom: 3px dotted #ECF0F1;
    padding: 5px 0; }
    /* line 465, style.scss */
    ul.key-value li:after {
      content: "";
      display: table;
      clear: both; }
  /* line 471, style.scss */
  ul.key-value span.key {
    float: left;
    width: 10%;
    min-width: 60px;
    font-weight: 600;
    color: #050507; }
    /* line 477, style.scss */
    ul.key-value span.key:after {
      content: ":"; }
  /* line 481, style.scss */
  ul.key-value span.value {
    float: left;
    width: 80%;
    overflow: hidden; }

/* line 489, style.scss */
ul.value-only {
  list-style: none;
  list-style-position: inside;
  margin-left: 0;
  text-transform: uppercase; }
  /* line 495, style.scss */
  ul.value-only li {
    border-bottom: 3px dotted #ECF0F1;
    padding: 5px 0; }
    /* line 498, style.scss */
    ul.value-only li:after {
      content: "";
      display: table;
      clear: both; }

.fancybox-skin {
  background-color: #000000;
}

/* Vimeo Iframe Background
==================================================================== */
.iframe-wrapper {
    background-size: 100px 100px;
    background-color: #0B1218;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
}

/* Make the iframe keep an aspect ratio, and
position it in the middle of its parent wrapper*/

.iframe-wrapper iframe {
    width: 100vw;
    height: 56.25vw;
    /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh;
    /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/*# sourceMappingURL=style.css.map */