* { padding: 0; margin: 0; }
.clearfix { clear: both; }
img { max-width: 100%; }
ul { margin: 0; }
body {}
h1, h2, h3, h4, h5, h6 {}
a{outline: none;}

@font-face {
    font-family: 'Tw Cen MT Condensed Extra';
    src: url('fonts/TwCenMT-CondensedExtraBold.woff2') format('woff2'),
        url('fonts/TwCenMT-CondensedExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.banner {text-align: center; height: 100vh;
  display: table;
  width: 100%;} 
.banner-layer {
  display: inline-block;
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
.banner-layer aside {
  padding: 0 20px;
  position: relative;
  display: inline-block;
}
.banner h2 {margin: 0; text-align: center; font-size: 335px; font-family: 'Tw Cen MT Condensed Extra'; text-transform: uppercase; line-height: 270px;  color: #fafafa; display: inline-block; text-shadow: 1px 2px 8px rgba(202,205,209,0.6);}
.water-img {position: absolute; top: -130px;
  right: 0; animation-duration: 2.8s;}
  .water-img img {
  max-width: 370px;
}
.banner h2 em{font-style: normal; position: relative; z-index: 2;}


:root {
  --page-loader-width: 100%;
  --page-loader-height: 100vh;
  --page-loader-background: #272727;
  --page-loader-z-index: 1000;
  --page-loader-txt-color: #666;
  --page-loader-txt-top: 40%;
  --page-loader-txt-text-transform: uppercase;
  --page-loader-txt-letter-spacing: 0.3rem;
  --page-loader-txt-font-weight: bold;
  --page-loader-txt-line-height: 1.5;
  --spinner-width: 80px;
  --spinner-height: 80px;
  --spinner-bg-color: #fff;
}

.page-loader {
width: 100%;
  height: 100%;
  position: absolute;
  background: #49b170;
  z-index: var(--page-loader-z-index);
  opacity: 0.9;
  display: table;
}
.page-loader .page-loader-in {
  height: 100%;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

/* SPINNER ANIMATION */
.spinner {
  position: relative;
  top: 35%;
  width: var(--spinner-width);
  height: var(--spinner-height);
  margin: 0 auto;
  background-color: var(--spinner-bg-color);
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}

/**/

@-webkit-keyframes moveit{
  from { top:  0px; opacity:0; }
  25%  { top: 80px; opacity:1; }
  50%  { top: 40px; opacity:1; }
  75%  { top: 80px; opacity:1; }
  to   { top:  0px; opacity:0; }
}

@keyframes moveit{
  from { top:  0px; opacity:0; }
  25%  { top: 80px; opacity:1; }
  50%  { top: 40px; opacity:1; }
  75%  { top: 80px; opacity:1; }
  to   { top:  0px; opacity:0; }
}

/**/
.page-loader aside {
  display: inline-block;
  text-align: center;
}