@import url("https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,500,600");
body {
  background: #FFF;
  margin: 0;
  padding: 0;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 14px; }

.d-flex {
  display: flex; }
  .d-flex.f-row {
    flex-direction: row; }
  .d-flex.f-column {
    flex-direction: column; }
  .d-flex.f-rerow {
    flex-direction: row-reverse; }
  .d-flex.f-recolumn {
    flex-direction: column-reverse; }
  .d-flex.justify-content-center {
    justify-content: center; }
  .d-flex.justify-content-end {
    justify-content: flex-end; }
  .d-flex.justify-content-start {
    justify-content: flex-start; }
  .d-flex.justify-content-stretch {
    justify-content: stretch; }
  .d-flex.justify-content-between {
    justify-content: space-between; }
  .d-flex.align-item-center {
    align-items: center; }
  .d-flex.align-item-end {
    align-items: flex-end; }
  .d-flex.align-item-start {
    align-items: flex-start; }
  .d-flex.align-item-stretch {
    align-items: stretch; }
  .d-flex .item.flex-free {
    flex: 1 1; }

.m-auto {
  margin: auto; }

.m-1 {
  margin: 1rem; }

.m-2 {
  margin: 2rem; }

.m-3 {
  margin: 3rem; }

.m-4 {
  margin: 4rem; }

.m-5 {
  margin: 5rem; }

.mt-1 {
  margin-top: 1rem; }

.mt-2 {
  margin-top: 2rem; }

.mt-3 {
  margin-top: 3rem; }

.mt-4 {
  margin-top: 4rem; }

.mt-5 {
  margin-top: 5rem; }

.mb-1 {
  margin-bottom: 1rem; }

.mb-2 {
  margin-bottom: 2rem; }

.mb-3 {
  margin-bottom: 3rem; }

.mb-4 {
  margin-bottom: 4rem; }

.mb-5 {
  margin-bottom: 5rem; }

.ml-1 {
  margin-left: 1rem; }

.ml-2 {
  margin-left: 2rem; }

.ml-3 {
  margin-left: 3rem; }

.ml-4 {
  margin-left: 4rem; }

.ml-5 {
  margin-left: 5rem; }

.mr-1 {
  margin-right: 1rem; }

.mr-2 {
  margin-right: 2rem; }

.mr-3 {
  margin-right: 3rem; }

.mr-4 {
  margin-right: 4rem; }

.mr-5 {
  margin-right: 5rem; }

.p-1 {
  padding: 1rem; }

.p-2 {
  padding: 2rem; }

.p-3 {
  padding: 3rem; }

.p-4 {
  padding: 4rem; }

.p-5 {
  padding: 5rem; }

.pt-1 {
  padding-top: 1rem; }

.pt-2 {
  padding-top: 2rem; }

.pt-3 {
  padding-top: 3rem; }

.pt-4 {
  padding-top: 4rem; }

.pt-5 {
  padding-top: 5rem; }

.pb-1 {
  padding-bottom: 1rem; }

.pb-2 {
  padding-bottom: 2rem; }

.pb-3 {
  padding-bottom: 3rem; }

.pb-4 {
  padding-bottom: 4rem; }

.pb-5 {
  padding-bottom: 5rem; }

.pl-1 {
  padding-left: 1rem; }

.pl-2 {
  padding-left: 2rem; }

.pl-3 {
  padding-left: 3rem; }

.pl-4 {
  padding-left: 4rem; }

.pl-5 {
  padding-left: 5rem; }

.pr-1 {
  padding-right: 1rem; }

.pr-2 {
  padding-right: 2rem; }

.pr-3 {
  padding-right: 3rem; }

.pr-4 {
  padding-right: 4rem; }

.pr-5 {
  padding-right: 5rem; }

.w-1 {
  width: 10%; }

.w-2 {
  width: 20%; }

.w-3 {
  width: 30%; }

.w-4 {
  width: 40%; }

.w-5 {
  width: 50%; }

.w-6 {
  width: 60%; }

.w-7 {
  width: 70%; }

.w-8 {
  width: 80%; }

.w-9 {
  width: 90%; }

.w-10 {
  width: 100%; }

.wvh-1 {
  width: 10vh; }

.wvh-2 {
  width: 20vh; }

.wvh-3 {
  width: 30vh; }

.wvh-4 {
  width: 40vh; }

.wvh-5 {
  width: 50vh; }

.wvh-6 {
  width: 60vh; }

.wvh-7 {
  width: 70vh; }

.wvh-8 {
  width: 80vh; }

.wvh-9 {
  width: 90vh; }

.wvh-10 {
  width: 100vh; }

.h-1 {
  height: 10%; }

.h-2 {
  height: 20%; }

.h-3 {
  height: 30%; }

.h-4 {
  height: 40%; }

.h-5 {
  height: 50%; }

.h-6 {
  height: 60%; }

.h-7 {
  height: 70%; }

.h-8 {
  height: 80%; }

.h-9 {
  height: 90%; }

.h-10 {
  height: 100%; }

.hvh-1 {
  height: 10vh; }

.hvh-2 {
  height: 20vh; }

.hvh-3 {
  height: 30vh; }

.hvh-4 {
  height: 40vh; }

.hvh-5 {
  height: 50vh; }

.hvh-6 {
  height: 60vh; }

.hvh-7 {
  height: 70vh; }

.hvh-8 {
  height: 80vh; }

.hvh-9 {
  height: 90vh; }

.hvh-10 {
  height: 100vh; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-justify {
  text-align: justify; }

.img-container {
  height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden; }
  .img-container .img-responsive {
    width: 100%;
    height: auto; }
  .img-container .img-cover {
    height: 100%;
    width: auto; }

.btn {
  background: #000;
  color: #FFF;
  font-size: 14px;
  letter-spacing: 2px;
  padding: 0.5rem 1rem;
  border: 0;
  border-radius: 4px; }

.form-simple input,
.form-simple textarea {
  font-size: 14px;
  border: 1px solid #EEE;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  width: -webkit-fill-available; }

.form-simple textarea {
  resize: vertical; }

.form-simple .d-flex .item {
  flex: 1 0 0px;
  padding: 0.25rem; }

.page-header {
  background: rgba(0, 0, 0, 0.25);
  padding: 0.25rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9; }
  .page-header .social-links {
    margin: 0;
    padding: 0; }
    .page-header .social-links li {
      display: inline-block; }
      .page-header .social-links li a {
        color: #FFF;
        text-decoration: none;
        display: block;
        padding: 8px 10px; }

.page-content .scroll-more {
  position: fixed;
  bottom: 0;
  right: 0; }

.page-content h1.title {
  color: #019875;
  font-size: 68px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  margin-bottom: 2rem; }
  .page-content h1.title span.mini-title {
    color: #777;
    font-size: 65%;
    font-weight: 300;
    display: flex;
    justify-content: center; }
    .page-content h1.title span.mini-title span {
      padding-left: 3%;
      padding-right: 3%; }

.page-content p.sub-title {
  color: #777;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 6px; }
  .page-content p.sub-title span {
    display: inline-block;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem; }

.page-content h2.display-1 {
  font-size: 184px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: left;
  margin: 0; }

.page-content h2.heading {
  color: #777;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: right;
  margin: 0;
  margin-left: 15px; }

.page-content h5 {
  color: #777;
  font-size: 48px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: left;
  margin: 0; }

.page-content h6 {
  color: #777;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
  margin: 0; }

.scroll-container {
  display: none;
  position: fixed;
  bottom: 12%;
  left: 5%;
  width: 60px;
  height: 24px; }

.chevron {
  position: absolute;
  width: 24px;
  height: 6px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite; }

.chevron:first-child {
  animation: move 3s ease-out 1s infinite; }

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite; }

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #019875; }

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg); }

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg); }

@keyframes move {
  25% {
    opacity: 1; }
  33% {
    opacity: 1;
    transform: translateY(30px); }
  67% {
    opacity: 1;
    transform: translateY(40px); }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5); } }

.text {
  display: block;
  margin-top: 75px;
  margin-left: -30px;
  font-size: 12px;
  color: #019875;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .25;
  animation: pulse 2s linear alternate infinite; }

@keyframes pulse {
  to {
    opacity: 1; } }

@media screen and (max-width: 998px) {
  .scroll-container {
    display: block !important; }
  .f-column-sm {
    flex-direction: column !important; }
  .img-container .img-cover {
    height: auto !important;
    width: 100% !important; }
  .item.pt-5,
  .title.pt-5 {
    padding: 0; } }