/* ==========================================================================
   Components / MIXINS
   ========================================================================== */
/*********************
  BREAKPOINTS RESPONSIVE LAYOUT
  *********************/
/* ==========================================================================
   Page / Homepage
   ========================================================================== */
.homepage .translatecontent:before {
  content: " ";
  display: block;
  width: 40%;
  height: 40%;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media (min-width: 1200px) {
  .homepage .translatecontent:before {
    width: 30%;
  }
}
@media (min-width: 1000px) {
  .homepage .header {
    margin-bottom: 130px;
  }
}
@media (min-width: 1360px) {
  .homepage .header {
    margin-bottom: 85px;
  }
}
.homepage .header-container {
  height: 65vh;
  min-height: 500px;
  padding-top: 215px !important;
  max-height: inherit;
}
@media (min-width: 576px) {
  .homepage .header-container {
    min-height: 430px;
  }
}
@media (min-width: 760px) {
  .homepage .header-container {
    min-height: 530px;
  }
}
@media (min-width: 1000px) {
  .homepage .header-container {
    height: 93vh;
    min-height: 630px !important;
    max-height: inherit !important;
  }
}
@media (min-width: 1200px) {
  .homepage .header-container {
    max-height: 805px !important;
    min-height: 670px !important;
    margin-bottom: 100px;
  }
}
.homepage .header-media:before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) !important;
}
.homepage .header-media img {
  object-position: 35% 0%;
}
.homepage .header-text {
  flex-direction: column-reverse;
}
@media (min-width: 1000px) {
  .homepage .header-text {
    flex-direction: column;
    margin: 0 auto 140px !important;
  }
}
@media (min-width: 1200px) {
  .homepage .header-text {
    margin: 0 auto 160px !important;
  }
}
@media (min-width: 1360px) {
  .homepage .header-text {
    margin: 0 auto 205px !important;
  }
}
@media (min-width: 1800px) {
  .homepage .header-text {
    padding: 0 180px !important;
  }
}
@media (min-width: 1000px) {
  .homepage .navigation:not(.fixed) {
    background: transparent;
  }
}
.homepage .navigation:not(.fixed) .navigation-logo {
  display: none;
}
.homepage .navigation:not(.fixed) .navigation-logo.mobile {
  display: block;
}
@media (min-width: 1200px) {
  .homepage .navigation:not(.fixed) .navigation-logo.mobile {
    width: 240px;
  }
}
@media (min-width: 1200px) {
  .homepage .navigation:not(.fixed) .navigation-menu {
    background: transparent;
    margin-top: -25px;
  }
}
@media (min-width: 1360px) {
  .homepage .navigation:not(.fixed) .navigation-menu {
    margin-top: -44px;
  }
}
.homepage .navigation:not(.fixed) .navigation-menu .menu > li > a, .homepage .navigation:not(.fixed) .navigation-menu .menu > li > .top-item {
  color: #ffffff;
}
@media (min-width: 1200px) {
  .homepage .navigation:not(.fixed) .navigation-menu .menu > li > a, .homepage .navigation:not(.fixed) .navigation-menu .menu > li > .top-item {
    font-weight: 400;
  }
}
.homepage .navigation:not(.fixed) .navigation-links .btn-secondary {
  color: #ffffff;
  border-color: #ffffff;
}
.homepage .navigation:not(.fixed) .navigation-links .btn-secondary .icon {
  fill: #ffffff;
}
.homepage .content {
  position: relative;
  z-index: 1;
}
/*# sourceMappingURL=home.css.map */