#start .slider-wrapper {
  max-height: calc(100vh + 300px); }
  #start .slider-wrapper .text {
    padding-bottom: 300px; }
#start .animation-buttons {
  top: calc(50% - 125px); }

.slider-wrapper {
  position: relative;
  display: flex;
  max-width: 100%;
  min-width: 100%;
  margin-bottom: 10px;
  height: 1085px;
  max-height: calc(100vh - 115px); }
  .slider-wrapper .slide {
    width: 100%;
    min-width: 100%; }
    .slider-wrapper .slide.animation-element.active {
      z-index: 2; }
    .slider-wrapper .slide.animation-element:not(.active):not(.next-slide) {
      display: none; }
  .slider-wrapper .slide-wrapper {
    position: relative;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    overflow-x: hidden; }
  .slider-wrapper .slide-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--light-bg); }
    .slider-wrapper .slide-bg .image {
      height: 100%;
      margin: 0; }
    .slider-wrapper .slide-bg img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .slider-wrapper .slide-inner {
    display: flex;
    align-items: flex-end;
    width: 100%; }
  .slider-wrapper .photo {
    margin-left: auto;
    max-width: 50%;
    max-height: 100%;
    overflow-y: hidden;
    padding-left: 20px;
    padding-right: 20px; }
    .slider-wrapper .photo img {
      max-width: 100%;
      height: auto; }
  .slider-wrapper .text-inner {
    max-width: 80%; }
  .slider-wrapper .text {
    width: 100%;
    padding-left: 20px;
    max-height: 100%;
    overflow-y: hidden;
    z-index: 2; }
    .slider-wrapper .text .buttons {
      justify-content: flex-start; }
    .slider-wrapper .text .slide-title, .slider-wrapper .text .slide-subtitle {
      margin: 0; }
    .slider-wrapper .text .slide-title {
      font-size: 41rem;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-weight: 300;
      line-height: 60px;
      line-height: 1.46;
      text-shadow: 0 5px 20px black, 0 5px 40px black, 0 5px 80px rgba(0, 0, 0, 0.9);
      padding-top: 30px; }
    .slider-wrapper .text .slide-subtitle {
      font-size: 25rem;
      font-weight: 400; }
    .slider-wrapper .text .title {
      margin-bottom: 20px; }
  .slider-wrapper .text-gradient {
    height: 100%;
    min-height: 100%;
    width: 100%;
    background-image: url("/img/slider-gradient.webp");
    background-position: bottom;
    background-repeat: no-repeat;
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    background-size: 100% auto; }

@media (max-width: 575.5px) {
  #start .slider-wrapper .text {
    padding-bottom: 170px; }

  .slider-wrapper {
    height: 550px; }
    .slider-wrapper .text-gradient {
      background-size: 1500px; }
    .slider-wrapper .animation-buttons .btn-animate {
      width: 35px;
      height: 35px; }
      .slider-wrapper .animation-buttons .btn-animate .line1 {
        width: 11px;
        height: 3px; }
      .slider-wrapper .animation-buttons .btn-animate .line2 {
        width: 17px;
        height: 3px; }
      .slider-wrapper .animation-buttons .btn-animate .line3 {
        width: 11px;
        height: 3px; }
    .slider-wrapper.resolution-mobile {
      display: none; }
    .slider-wrapper .text-inner {
      max-width: 100%;
      width: 600px; }
    .slider-wrapper .text {
      padding-left: 0; }
      .slider-wrapper .text .slide-title {
        font-size: 25rem; } }
@media (min-width: 576px) and (max-width: 767.5px) {
  #start .slider-wrapper .text {
    padding-bottom: 170px; }

  .slider-wrapper {
    height: 500px; }
    .slider-wrapper .text-gradient {
      background-size: 992px; }
    .slider-wrapper .animation-buttons .btn-animate {
      width: 35px;
      height: 35px; }
      .slider-wrapper .animation-buttons .btn-animate .line1 {
        width: 11px;
        height: 3px; }
      .slider-wrapper .animation-buttons .btn-animate .line2 {
        width: 17px;
        height: 3px; }
      .slider-wrapper .animation-buttons .btn-animate .line3 {
        width: 11px;
        height: 3px; }
    .slider-wrapper.resolution-mobile {
      display: none; }
    .slider-wrapper .text-inner {
      max-width: 100%;
      width: 600px; }
    .slider-wrapper .text {
      padding-left: 0; }
      .slider-wrapper .text .slide-title {
        font-size: 28rem; } }
@media (min-width: 768px) and (max-width: 991.5px) {
  #start .slider-wrapper .text {
    padding-bottom: 170px; }

  .slider-wrapper {
    height: 600px; }
    .slider-wrapper .text-gradient {
      background-size: 1200px; }
    .slider-wrapper .animation-buttons .btn-animate {
      width: 35px;
      height: 35px; }
      .slider-wrapper .animation-buttons .btn-animate .line1 {
        width: 11px;
        height: 3px; }
      .slider-wrapper .animation-buttons .btn-animate .line2 {
        width: 17px;
        height: 3px; }
      .slider-wrapper .animation-buttons .btn-animate .line3 {
        width: 11px;
        height: 3px; }
    .slider-wrapper.resolution-mobile {
      display: none; }
    .slider-wrapper .text-inner {
      max-width: 100%; }
    .slider-wrapper .text .slide-title {
      font-size: 30rem; } }
@media (min-width: 992px) and (max-width: 1199.5px) {
  .slider-wrapper {
    height: 800px; }
    .slider-wrapper .text-gradient {
      background-size: 1580px; }
    .slider-wrapper .animation-buttons .btn-animate {
      width: 35px;
      height: 35px; }
      .slider-wrapper .animation-buttons .btn-animate .line1 {
        width: 11px;
        height: 3px; }
      .slider-wrapper .animation-buttons .btn-animate .line2 {
        width: 17px;
        height: 3px; }
      .slider-wrapper .animation-buttons .btn-animate .line3 {
        width: 11px;
        height: 3px; }
    .slider-wrapper.resolution-mobile {
      display: none; }
    .slider-wrapper .text .slide-title {
      font-size: 34rem; } }
@media (min-width: 1200px) and (max-width: 1579.5px) {
  .slider-wrapper {
    height: 900px; }
    .slider-wrapper.resolution-mobile {
      display: none; }
    .slider-wrapper .text .slide-title {
      font-size: 38rem; } }
@media (min-width: 1580px) {
  .slider-wrapper.resolution-mobile {
    display: none; } }

/*# sourceMappingURL=slider.css.map */