.lp__hero {
  position: relative;
  display: block;

  &.ds_variation,
  &.dbi_variation {
    background-color: #111111;
    background-image: url(../../../img/layout/dot-pattern.png);
    padding: 40px 0;

    &::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background: -moz-linear-gradient(left,
          rgba(50, 55, 64, 1) 40%,
          rgba(0, 0, 0, 0) 77%);
      background: -webkit-linear-gradient(left,
          rgba(50, 55, 64, 1) 40%,
          rgba(0, 0, 0, 0) 77%);
      background: linear-gradient(to right,
          rgba(50, 55, 64, 1) 40%,
          rgba(0, 0, 0, 0) 77%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#323740', endColorstr='#00ffffff', GradientType=1);
      background: linear-gradient(to right, #323740 40%, rgba(0, 0, 0, 0) 77%);
    }
  }

  &.dbi_variation .sw19s-std-wrap .lp__hero-block .lp__hero-item .cta__button .cta__item {
    display: inline-block;

    &:first-child {
      a {
        margin-right: 15px;
      }
    }
  }

  &.dbawb_variation {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(17, 17, 17, 0.3);

    &.limited_image {
      padding: 33px 0;
    }

    .sw19s-std-wrap {
      .lp__hero-block {
        align-items: center;

        .lp__hero-item {
          width: 100%;
          height: 100%;

          &:last-child {
            img {
              width: 100%;
            }
          }

          h1,
          h2,
          p,
          ul,
          li {
            color: #111111;
          }

          h1 {
            margin-bottom: 5px;
          }

          h2 {
            font-weight: 300;
            margin-bottom: 12px;
            margin-top: 0;
          }

          .cta__button {
            .cta__item {
              &:first-child {
                a {
                  margin-right: 15px;
                }
              }
            }
          }

          .lp__hero-description,
          .description__cta-mobile {
            a {
              color: #FF6200;
              font-weight: 500;

              &:hover {
                color: #FF6200;
                text-decoration: underline;
              }
            }

            p {
              font-size: 16px;
              font-weight: 500;
              line-height: normal;
              margin-top: 21px;

              &:first-child {
                margin-top: 0;
              }
            }

            ul {
              padding-left: 20px;

              li {
                font-size: 14px;
                font-weight: 500;
                margin-bottom: 7px;

                &:last-child {
                  margin-bottom: 0px;
                }
              }
            }
          }

          .cta__button {
            .cta__item {
              display: inline-block;
            }
          }
        }
      }
    }
  }

  &.ds_variation {
    .sw19s-std-wrap {
      .lp__hero-block {
        align-items: flex-start;

        .lp__hero-item {
          &:first-child {
            padding-top: 60px;
          }
        }
      }
    }
  }

  .sw19s-std-wrap {
    .lp__hero-block {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      align-items: center;

      .lp__hero-item {
        flex-basis: 50%;

        &:first-child {
          padding-right: 5%;
        }

        h1,
        h2,
        p,
        ul,
        li {
          color: #fff;
          text-align: left;
        }

        h1 {
          font-size: 32px;
          font-weight: 900;
          margin-top: 0;
          margin-bottom: 4px;
        }

        h2 {
          font-size: 18px;
          font-weight: 400;
          margin-bottom: 20px;
        }

        .lp__hero-description,
        .description__cta-mobile {
          p {
            font-size: 16px;
            line-height: normal;
          }

          ul {
            padding-left: 20px;

            li {
              font-size: 16px;
              line-height: normal;
              font-weight: 400;
              list-style-type: disc;
              margin-bottom: 10px;

              &:last-child {
                margin-bottom: 0px;
              }
            }
          }
        }

        .description__cta-mobile {
          margin: 17px 0 31px 0;
        }

        img {
          max-width: 100%;
        }

        .cta__button {
          .cta__item {
            margin-top: 31px;

            a {
              position: relative;
              display: inline-block;
            }
          }
        }
      }
    }
  }
}

@media screen and (min-width: 991px) {
  .lp__hero .sw19s-std-wrap .lp__hero-block .lp__hero-item {
    flex-basis: 50%;

    .description__cta-mobile {
      display: none;
    }
  }
}

@media screen and (max-width: 991px) {
  .lp__hero {
    padding: 30px 0;

    .sw19s-std-wrap {
      .lp__hero-block {
        .lp__hero-item {
          flex-basis: 100%;
          padding-right: 0 !important;
          text-align: center;

          h1,
          h2 {
            text-align: center;
          }

          h1 {
            position: relative;
            font-size: 24px;
            margin-bottom: 10px;
            max-width: 70%;
            left: 50%;
            transform: translateX(-50%);
          }

          h2 {
            font-size: 14px;
            margin-top: 0;
            margin-bottom: 30px;
          }

          img,
          video {
            width: 100%;
          }

          .lp__hero-description {
            ul {
              li {
                font-size: 14px;
                margin-bottom: 14px;
              }
            }
          }
        }
      }
    }

    &.dbi_variation {
      .sw19s-std-wrap {
        .lp__hero-block {
          .lp__hero-item {
            &:first-child {
              .cta__button {
                display: none;
              }
            }

            .lp__hero-description {
              &.left_block {
                display: none;
              }
            }

            .description__cta-mobile {
              margin: 17px 0 0 0;
              display: block;

              .lp__hero-description {
                display: block;
              }
            }

            .cta__button {
              text-align: left;

              .cta__item {
                display: inline-block;
              }
            }
          }
        }
      }
    }

    &.ds_variation {
      .sw19s-std-wrap {
        .lp__hero-block {
          .lp__hero-item {
            &:first-child {
              padding-top: 0;
            }

            .lp__hero-description {
              margin-bottom: 36px;

              &.left_block {
                display: block;
              }
            }

            .cta__button {
              &.left_block {
                display: block;
              }
            }

            .description__cta-mobile {
              display: none;
            }
          }
        }
      }
    }

    &.dbawb_variation {
      .lp__hero-block {
        .lp__hero-item {
          .cta__button {
            margin-bottom: 40px;

            .cta__item {
              display: block !important;

              a {
                margin-right: 0 !important;
              }
            }
          }

          .description__cta-mobile {
            display: none;
          }
        }
      }
    }
  }
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
  .lp__hero {
    &.dbawb_variation {
      .lp__hero-block {
        .lp__hero-item {
          .cta__button {
            .cta__item {
              display: block !important;
            }
          }
        }
      }
    }
  }
}