.page-loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .4s .2s ease-in-out;
  transition: all .4s .2s ease-in-out;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
}
.page-loading.active {
  opacity: 1;
  visibility: visible;
}
.page-loading-inner {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  opacity: 0;
}
.page-loading.active > .page-loading-inner {
  opacity: 1;
}
.page-loading-inner > span {
  display: block;
  font-size: 1rem;
  font-weight: normal;
  color: #787a80;
}
.page-spinner {
  display: inline-block;
  width: 2.75rem;
  height: 2.75rem;
  margin-bottom: .75rem;
  vertical-align: text-bottom;
  background-color: #cfcfd1;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: spinner .75s linear infinite;
  animation: spinner .75s linear infinite;
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.Raleway{
  font-family:'Raleway';
  font-style: normal;
  font-weight: 900;
  line-height: 130%;
  /* identical to box height, or 52px */

  letter-spacing: 0.04em;

  color: #FFFFFF;
}

.title1{
  font-family:'Raleway';

  font-weight: 900;
  font-size: 92px;
  line-height: 130%;
  /* identical to box height, or 52px */

  letter-spacing: 0.04em;
}

.title2{
  font-family:'Raleway';

  font-weight: 900;
  font-size: 40px;
  line-height: 140%;
  /* identical to box height, or 52px */

  letter-spacing: 0.04em;
}

.title3{
  font-family:'Oswald';

  font-weight: 700;
  font-size: 30px;
  line-height: 125%;
  /* identical to box height, or 52px */

  letter-spacing: 0.04em;
}

.title4{
  font-family:'Oswald';

  font-weight: 600;
  font-size: 22px;
  line-height: 145%;
  /* identical to box height, or 52px */

  letter-spacing: 0.04em;
}

.headline{
  font-family:'Raleway';

  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  /* identical to box height, or 52px */

  letter-spacing: 0.04em;
}

.body1{
  font-family:'Raleway';

  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  /* identical to box height, or 52px */

  letter-spacing: 0.05em;
}

.body2{
  font-family:'Raleway';

  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  /* identical to box height, or 52px */

  letter-spacing: 0em;
}

.caption{
  font-family:'Raleway';

  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  /* identical to box height, or 52px */

  letter-spacing: 0.05em;
}



.Oswald{
  font-family: Oswald;
  font-style: normal;
  font-weight: 600;
  /*font-size: 19px;*/
  line-height: 105%;
  /* identical to box height, or 20px */

  text-align: right;
  letter-spacing: 0.04em;

  color: #FFFFFF;
}

.button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: Raleway;
  font-style: normal;
  font-weight: 700;


  color: #FFFFFF;



  border-radius: 24px;

  background: #55ADBB;
}

.site-footer{

    background: #070C10;
}

#footer-content {
  background: #070C10;
}

.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
}

/* Facebook */
.fa-facebook {
  background: #070C10;
  color: white;
}

/* Instagram */
.fa-instagram {
  background: #070C10;
  color: white;
}

.btn-circle-xl {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
  border-color: black;
  border-width: 2px;
}



@font-face {
  font-family: "AdelonSerialMediumItalic";
  src: url('assets/fonts/webFonts/AdelonSerialMediumItalic/font.woff2') format('woff2'), url('assets/fonts/webFonts/AdelonSerialMediumItalic/font.woff') format('woff');
}
@font-face {
  font-family: "AdelonSerialHeavyItalic";
  src: url('assets/fonts/webFonts/AdelonSerialHeavyItalic/font.woff2') format('woff2'), url('assets/fonts/webFonts/AdelonSerialHeavyItalic/font.woff') format('woff');
}
@font-face {
  font-family: "AdelonSerialExtraBold";
  src: url('assets/fonts/webFonts/AdelonSerialExtraBold/font.woff2') format('woff2'), url('assets/fonts/webFonts/AdelonSerialExtraBold/font.woff') format('woff');
}
@font-face {
  font-family: "AdelonSerialBold";
  src: url('assets/fonts/webFonts/AdelonSerialBold/font.woff2') format('woff2'), url('assets/fonts/webFonts/AdelonSerialBold/font.woff') format('woff');
}
@font-face {
  font-family: "AdelonSerialBoldItalic";
  src: url('assets/fonts/webFonts/AdelonSerialBoldItalic/font.woff2') format('woff2'), url('assets/fonts/webFonts/AdelonSerialBoldItalic/font.woff') format('woff');
}
@font-face {
  font-family: "AdelonSerial";
  src: url('assets/fonts/webFonts/AdelonSerial/font.woff2') format('woff2'), url('assets/fonts/webFonts/AdelonSerial/font.woff') format('woff');
}
@font-face {
  font-family: "AdelonSerialLightItalic";
  src: url('assets/fonts/webFonts/AdelonSerialLightItalic/font.woff2') format('woff2'), url('assets/fonts/webFonts/AdelonSerialLightItalic/font.woff') format('woff');
}
@font-face {
  font-family: "AdelonSerialItalic";
  src: url('assets/fonts/webFonts/AdelonSerialItalic/font.woff2') format('woff2'), url('assets/fonts/webFonts/AdelonSerialItalic/font.woff') format('woff');
}
@font-face {
  font-family: "AdelonSerialMedium";
  src: url('assets/fonts/webFonts/AdelonSerialMedium/font.woff2') format('woff2'), url('assets/fonts/webFonts/AdelonSerialMedium/font.woff') format('woff');
}
@font-face {
  font-family: "AdelonSerialLight";
  src: url('assets/fonts/webFonts/AdelonSerialLight/font.woff2') format('woff2'), url('assets/fonts/webFonts/AdelonSerialLight/font.woff') format('woff');
}
@font-face {
  font-family: "AdelonSerialExtraBoldItalic";
  src: url('assets/fonts/webFonts/AdelonSerialExtraBoldItalic/font.woff2') format('woff2'), url('assets/fonts/webFonts/AdelonSerialExtraBoldItalic/font.woff') format('woff');
}
@font-face {
  font-family: "AdelonSerialHeavy";
  src: url('assets/fonts/webFonts/AdelonSerialHeavy/font.woff2') format('woff2'), url('assets/fonts/webFonts/AdelonSerialHeavy/font.woff') format('woff');
}