@media (min-width: 1024px) {
  body {
    width: 100%;
    height: 100%; } }

.promo {
  position: relative;
  padding: 5px; }
  @media (min-width: 1024px) {
    .promo {
      padding: 25px; } }
  .promo__slider__container {
    position: relative; }
  .promo__slider__content {
    width: 100%; }
    @media (min-width: 1024px) {
      .promo__slider__content {
        width: 80%;
        margin-left: 10%; } }
    .promo__slider__content .promo__navigation {
      position: absolute;
      top: 50%; }
    .promo__slider__content .promo__slider__content__navigation--left {
      left: 0; }
    .promo__slider__content .promo__slider__content__navigation--right {
      right: 0; }
    @media (min-width: 1024px) {
      .promo__slider__content .slick-list {
        padding: 50px 0 !important; } }
    .promo__slider__content .slick-slide {
      cursor: pointer; }
      .promo__slider__content .slick-slide img {
        max-height: 600px;
        max-width: 547px; }
        @media (max-width: 576px) {
          .promo__slider__content .slick-slide img {
            max-width: 100%; } }
    .promo__slider__content .slick-slide .promo__slider__item__image {
      width: 90%;
      margin-left: 5%;
      margin-top: 5%;
      transition: 0.33s linear; }
    .promo__slider__content .slick-current .promo__slider__item__image {
      height: 100%;
      width: 100%;
      margin-left: 0;
      margin-top: 0; }
    .promo__slider__content .promo__navigation {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      top: 35%;
      height: 50px;
      width: 50px;
      background-color: #00ac7c;
      border-radius: 50%;
      z-index: 999;
      cursor: pointer;
      color: #fff; }
      @media (min-width: 1024px) {
        .promo__slider__content .promo__navigation {
          top: 50%; } }
      .promo__slider__content .promo__navigation .fa {
        font-size: 50px; }
    .promo__slider__content__navigation--left {
      left: 0;
      padding-right: 10px; }
    .promo__slider__content__navigation--right {
      right: 0;
      padding-left: 10px; }
    .promo__slider__content ul.slick-dots {
      position: relative;
      display: flex;
      justify-content: center;
      list-style: none;
      z-index: 100; }
      .promo__slider__content ul.slick-dots li {
        width: 10px;
        height: 10px;
        background-color: #a9afb3;
        border-radius: 50%;
        margin-right: 20px; }
        .promo__slider__content ul.slick-dots li.slick-active {
          background-color: #00ac7c; }
        .promo__slider__content ul.slick-dots li button {
          opacity: 0; }
  .promo__slider__item {
    position: relative;
    opacity: 0.5;
    padding-bottom: 50px; }
    @media (min-width: 1024px) {
      .promo__slider__item {
        padding-bottom: 0; } }
    .promo__slider__item__title {
      padding: 10px 0;
      font-size: 2.25rem;
      line-height: 1.1rem; }
      @media (max-width: 420px) {
        .promo__slider__item__title {
          font-size: 1.5rem; } }
      .promo__slider__item__title span {
        font-weight: 800;
        color: #57a286;
        line-height: 1.25em; }
    .promo__slider__item__image {
      position: relative; }
      .promo__slider__item__image:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.2); }
      .promo__slider__item__image img {
        width: 100%;
        box-shadow: 5px 5px 10px #e6e6e6; }
    .promo__slider__item.slick-current {
      -webkit-box-shadow: 20px 34px 62px -27px #868f96;
      -moz-box-shadow: 20px 34px 62px -27px #868f96;
      box-shadow: 20px 34px 62px -27px #868f96;
      opacity: 1; }
    .promo__slider__item__text {
      position: relative;
      margin-top: 5%;
      left: 0;
      width: 100%;
      height: auto;
      display: flex;
      justify-content: center;
      flex-direction: column; }
      @media (min-width: 1024px) {
        .promo__slider__item__text {
          position: absolute;
          margin-top: 0;
          left: 5%;
          width: 90%;
          height: 60%; } }
      .promo__slider__item__text.bottom {
        bottom: 0; }
      .promo__slider__item__text.top {
        top: 0; }
      .promo__slider__item__text p {
        text-align: center;
        font-family: 'Nunito Sans', sans-serif; }
        .promo__slider__item__text p.title {
          font-weight: 800;
          color: #c0a062;
          line-height: 1.25em; }
        .promo__slider__item__text p.content {
          width: 75%;
          margin-left: 12.5%;
          padding: 0;
          font-weight: 400;
          color: #868f96; }
    .promo__slider__item__button {
      position: relative;
      width: 80%;
      margin-left: 10%;
      text-align: center;
      border: 2px solid #868f96;
      background-color: #868f96;
      border-radius: 10px;
      color: #fff;
      padding: 3px 10px;
      margin-top: 10%;
      transition: 0.33s linear;
      cursor: pointer; }
      @media (min-width: 1024px) {
        .promo__slider__item__button {
          width: 25%;
          margin-left: 37.5%; } }
      .promo__slider__item__button:hover {
        background-color: #868f96;
        color: #fff; }
    .promo__slider__item__overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      display: flex;
      align-items: flex-end; }
      .promo__slider__item__overlay .promo__slider__item__button {
        margin-bottom: 20%; }
  .promo .promo__slider__item.slick-current > .promo__slider__item__overlay {
    z-index: 10; }

.promo__description__container {
  position: fixed;
  opacity: 0;
  transition: 0.33s linear;
  top: 0;
  left: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  overflow: scroll;
  margin-left: 0;
  z-index: -1; }
  @media (min-width: 1024px) {
    .promo__description__container {
      position: fixed;
      top: 25%;
      bottom: auto;
      width: 60%;
      height: 100%;
      margin-left: 20%;
      z-index: -1;
      overflow: hidden; } }

.promo__description__close {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  z-index: 99; }
  .promo__description__close p.close {
    font-size: 3rem;
    font-weight: bold;
    cursor: pointer; }

.promo__description__header {
  background-color: #fff;
  padding-bottom: 5px;
  margin-bottom: 25px; }
  .promo__description__header p.title {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    color: #c0a062;
    line-height: 1.25em; }
    @media (max-width: 320px) {
      .promo__description__header p.title {
        font-size: 1.2rem; } }
  .promo__description__header p.content {
    font-weight: bold;
    padding: 0;
    width: 90%;
    margin-left: 5%;
    color: #000; }
    @media (min-width: 1024px) {
      .promo__description__header p.content {
        width: 75%;
        margin-left: 12.5%; } }

.promo__description__text {
  width: 100%;
  padding: 20px; }
  @media (max-width: 420px) {
    .promo__description__text {
      height: 80vh;
      overflow: scroll; } }
  .promo__description__text p {
    text-align: justify; }
    @media (max-width: 420px) {
      .promo__description__text p {
        font-size: 11px; } }
  .promo__description__text ul li {
    list-style: disc; }

.promo__description__content {
  background-color: #fff;
  border: 1px solid rgba(112, 112, 112, 0.5);
  overflow: scroll; }
  @media (min-width: 1024px) {
    .promo__description__content {
      max-height: 600px; } }
  .promo__description__content .agree-button {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .promo__description__content input {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800; }
    .promo__description__content input[type="checkbox"] {
      flex-direction: row; }
      @media (max-width: 320px) {
        .promo__description__content input[type="checkbox"] {
          font-size: 1rem; } }
    .promo__description__content input[type="submit"] {
      background-color: #00ac7c;
      color: #fff;
      padding: 3px 35px;
      font-weight: 100;
      text-transform: capitalize;
      margin-left: 27.5%;
      border-radius: 10px;
      margin-top: 3%; }
      .promo__description__content input[type="submit"]:disabled {
        background-color: gray; }
      @media (min-width: 1024px) {
        .promo__description__content input[type="submit"] {
          margin-left: 40%; } }

.promo__description__item {
  padding: 30px 10px 10px 10px;
  min-height: 100vh;
  display: none; }
  @media (min-width: 1024px) {
    .promo__description__item {
      padding: 50px; } }

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