@font-face {
  font-family: 'Saans-Light';
  src:  url('../type/Saans-Light.woff2') format('woff2'),
        url('../type/Saans-Light.woff') format('woff');
}

@font-face {
  font-family: 'Saans-Medium';
  src:  url('../type/Saans-Medium.woff2') format('woff2'),
        url('../type/Saans-Medium.woff') format('woff');
}

header {position:relative;}
a {text-decoration:none;}
ul {list-style:none;}

.btn-nav-container {position:absolute;top:0;right:30px;width:36px;height:20px;margin-top:3.5em;cursor:pointer;z-index:999;background:transparent;border:none;outline:none;}
.btn-nav {width:100%;height:3px;position:relative;background:#ffffff;top:0;transition:all ease 0.2s;}
.btn-nav:before, .btn-nav:after {content:'';position:absolute;left:0;background:#ffffff;height:100%;transition:all ease 0.3s;}
.btn-nav:before {top:-8px;width:50%; }
.btn-nav:after {top:8px;width:75%;}
.btn-nav-container:hover .btn-nav:before, .btn-nav-container:hover .btn-nav:after {width:100%;}
.btn-nav-container.close-menu .btn-nav {transform:rotate(-45deg);}
.btn-nav-container.close-menu .btn-nav:after {opacity:0;transition:all ease 0.2s;}
.btn-nav-container.close-menu .btn-nav:before {top:0;transform:rotate(90deg);width:100%;transition:all ease 0.2s;background:#ffffff;}
.float-nav {position:fixed;top:0;display:none;width:100%;height:100%;z-index:99;}
.float-nav .bg1, .float-nav .bg2 {position:absolute;width:100%;height:100vh;top:0;left:100%;transition:all 0.7s ease 0.3s;}
.float-nav .bg2 {background:#102D2D;transition-delay:0s;}
.float-nav .container {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;max-width:none;}
.float-nav ul {display:flex;flex-direction:column;max-height:100vh;opacity:0;transition:all 0.3s ease 0s;padding:0;}
.float-nav ul li {flex:1;position:relative;margin-bottom:26px;text-align:center;transition:all 0.2s ease 0.3s;}
.float-nav ul li:hover {transition:all 0.2s ease 0s;}
.float-nav ul li:last-child {margin-bottom:0;}
.float-nav ul li a {font-family: "Saans-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:46px; font-weight: unset; position:relative;color:#fff; }
.float-nav ul li a:hover {color:#4BBEBE}
.float-nav.active .bg1, .float-nav.active .bg2  {left:0;}
.float-nav.active .bg1 {transition-delay:0s;}
.float-nav.active .bg2 {transition-delay:0.3s;}
.float-nav.active ul {opacity:1;transition-delay:1s;}

.main-gallery {

}

.gallery-cell {
  width: 100%;
}

.testimonial {
  text-align: left;
  margin: 0;
  padding: 0;
}

.testimonial-quote {
  display: block;
  font-size: 32px;
  line-height: 40px;
  padding: 10px 0;
}

.testimonial-author {
  display: block;
  color: #4BBEBE;
}

.flickity-page-dots {
  bottom: 25px;
}

.flickity-page-dots .dot.is-selected {
  background: #4BBEBE;
}

.flickity-page-dots .dot {
  background-color: white !important;
}