html body.page-home > main#content > section {
  padding: 50px 100px; }
  html body.page-home > main#content > section.section-transparent {
    color: #999; }
  html body.page-home > main#content > section.section-odd {
    color: white;
    background: #000; }
  html body.page-home > main#content > section.section-even {
    color: #333;
    background: #ebddc6; }
  html body.page-home > main#content > section.section-connect {
    padding: 0px;
    position: relative; }
    html body.page-home > main#content > section.section-connect > div {
      padding: 0px; }
    html body.page-home > main#content > section.section-connect video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto; }
    html body.page-home > main#content > section.section-connect img.connect-bottom {
      content: "";
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      height: auto; }
  html body.page-home > main#content > section.section-introduction h1 {
    font-size: 62px;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    text-align: center; }
  html body.page-home > main#content > section.section-introduction h2 {
    font-size: 18px;
    text-align: center;
    line-height: 20px;
    padding: 0px 40px; }
  html body.page-home > main#content > section.section-introduction ul.services-index {
    margin-top: 20px; }
    html body.page-home > main#content > section.section-introduction ul.services-index li {
      margin-right: 5px;
      text-transform: uppercase; }
      html body.page-home > main#content > section.section-introduction ul.services-index li:after {
        content: "|";
        margin-left: 10px;
        vertical-align: text-bottom; }
      html body.page-home > main#content > section.section-introduction ul.services-index li:last-child {
        margin-right: 0px; }
        html body.page-home > main#content > section.section-introduction ul.services-index li:last-child:after {
          content: "";
          display: none; }
  html body.page-home > main#content > section.section-introduction > div {
    padding: 0px 50px 0px 100px; }
    html body.page-home > main#content > section.section-introduction > div:nth-child(2) {
      padding: 0px 100px 0px 50px; }
  html body.page-home > main#content > section.section-introduction .services-slider {
    width: 95%;
    position: relative;
    max-width: 800px;
    margin: auto;
    background: #fff;
    box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
    padding: 25px;
    border-radius: 25px;
    height: 400px;
    transition: all .3s; }
    @media screen and (max-width: 992px) {
      html body.page-home > main#content > section.section-introduction .services-slider {
        max-width: 680px;
        height: 400px; } }
    @media screen and (max-width: 768px) {
      html body.page-home > main#content > section.section-introduction .services-slider {
        min-height: 500px;
        height: auto;
        margin: 180px auto; } }
    @media screen and (max-height: 500px) and (min-width: 992px) {
      html body.page-home > main#content > section.section-introduction .services-slider {
        height: 350px; } }
    html body.page-home > main#content > section.section-introduction .services-slider__item {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 768px) {
        html body.page-home > main#content > section.section-introduction .services-slider__item {
          flex-direction: column; } }
      html body.page-home > main#content > section.section-introduction .services-slider__item.swiper-slide-active .services-slider__img img {
        opacity: 1;
        transition-delay: .3s; }
      html body.page-home > main#content > section.section-introduction .services-slider__item.swiper-slide-active .services-slider__content > * {
        opacity: 1;
        transform: none; }
        html body.page-home > main#content > section.section-introduction .services-slider__item.swiper-slide-active .services-slider__content > *:nth-child(1) {
          transition-delay: 0.3s; }
        html body.page-home > main#content > section.section-introduction .services-slider__item.swiper-slide-active .services-slider__content > *:nth-child(2) {
          transition-delay: 0.4s; }
        html body.page-home > main#content > section.section-introduction .services-slider__item.swiper-slide-active .services-slider__content > *:nth-child(3) {
          transition-delay: 0.5s; }
        html body.page-home > main#content > section.section-introduction .services-slider__item.swiper-slide-active .services-slider__content > *:nth-child(4) {
          transition-delay: 0.6s; }
        html body.page-home > main#content > section.section-introduction .services-slider__item.swiper-slide-active .services-slider__content > *:nth-child(5) {
          transition-delay: 0.7s; }
        html body.page-home > main#content > section.section-introduction .services-slider__item.swiper-slide-active .services-slider__content > *:nth-child(6) {
          transition-delay: 0.8s; }
        html body.page-home > main#content > section.section-introduction .services-slider__item.swiper-slide-active .services-slider__content > *:nth-child(7) {
          transition-delay: 0.9s; }
        html body.page-home > main#content > section.section-introduction .services-slider__item.swiper-slide-active .services-slider__content > *:nth-child(8) {
          transition-delay: 1s; }
        html body.page-home > main#content > section.section-introduction .services-slider__item.swiper-slide-active .services-slider__content > *:nth-child(9) {
          transition-delay: 1.1s; }
        html body.page-home > main#content > section.section-introduction .services-slider__item.swiper-slide-active .services-slider__content > *:nth-child(10) {
          transition-delay: 1.2s; }
        html body.page-home > main#content > section.section-introduction .services-slider__item.swiper-slide-active .services-slider__content > *:nth-child(11) {
          transition-delay: 1.3s; }
        html body.page-home > main#content > section.section-introduction .services-slider__item.swiper-slide-active .services-slider__content > *:nth-child(12) {
          transition-delay: 1.4s; }
        html body.page-home > main#content > section.section-introduction .services-slider__item.swiper-slide-active .services-slider__content > *:nth-child(13) {
          transition-delay: 1.5s; }
        html body.page-home > main#content > section.section-introduction .services-slider__item.swiper-slide-active .services-slider__content > *:nth-child(14) {
          transition-delay: 1.6s; }
        html body.page-home > main#content > section.section-introduction .services-slider__item.swiper-slide-active .services-slider__content > *:nth-child(15) {
          transition-delay: 1.7s; }
    html body.page-home > main#content > section.section-introduction .services-slider__img {
      width: 300px;
      flex-shrink: 0;
      height: 300px;
      background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
      box-shadow: 4px 13px 30px 1px rgba(252, 56, 56, 0.2);
      border-radius: 20px;
      transform: translateX(-80px);
      overflow: hidden; }
      html body.page-home > main#content > section.section-introduction .services-slider__img:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
        border-radius: 20px;
        opacity: 0.8; }
      html body.page-home > main#content > section.section-introduction .services-slider__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        opacity: 0;
        border-radius: 20px;
        transition: all .3s; }
      @media screen and (max-width: 768px) {
        html body.page-home > main#content > section.section-introduction .services-slider__img {
          transform: translateY(-50%);
          width: 90%; } }
      @media screen and (max-width: 576px) {
        html body.page-home > main#content > section.section-introduction .services-slider__img {
          width: 95%; } }
      @media screen and (max-height: 500px) and (min-width: 992px) {
        html body.page-home > main#content > section.section-introduction .services-slider__img {
          height: 270px; } }
    html body.page-home > main#content > section.section-introduction .services-slider__content {
      padding-right: 25px; }
      @media screen and (max-width: 768px) {
        html body.page-home > main#content > section.section-introduction .services-slider__content {
          margin-top: -80px;
          text-align: center;
          padding: 0 30px; } }
      @media screen and (max-width: 576px) {
        html body.page-home > main#content > section.section-introduction .services-slider__content {
          padding: 0; } }
      html body.page-home > main#content > section.section-introduction .services-slider__content > * {
        opacity: 0;
        transform: translateY(25px);
        transition: all .4s; }
    html body.page-home > main#content > section.section-introduction .services-slider__code {
      color: #7b7992;
      margin-bottom: 15px;
      display: block;
      font-weight: 500; }
    html body.page-home > main#content > section.section-introduction .services-slider__title {
      font-size: 24px;
      font-weight: 700;
      color: #0d0925;
      margin-bottom: 20px; }
    html body.page-home > main#content > section.section-introduction .services-slider__text {
      color: #4e4a67;
      margin-bottom: 30px;
      line-height: 1.5em; }
    html body.page-home > main#content > section.section-introduction .services-slider__button {
      display: inline-flex;
      background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
      padding: 15px 35px;
      border-radius: 50px;
      color: #fff;
      box-shadow: 0px 14px 80px rgba(252, 56, 56, 0.4);
      text-decoration: none;
      font-weight: 500;
      justify-content: center;
      text-align: center;
      letter-spacing: 1px; }
      @media screen and (max-width: 576px) {
        html body.page-home > main#content > section.section-introduction .services-slider__button {
          width: 100%; } }
    html body.page-home > main#content > section.section-introduction .services-slider .swiper-container-horizontal > .swiper-pagination-bullets, html body.page-home > main#content > section.section-introduction .services-slider .swiper-pagination-custom, html body.page-home > main#content > section.section-introduction .services-slider .swiper-pagination-fraction {
      bottom: 10px;
      left: 0;
      width: 100%; }
    html body.page-home > main#content > section.section-introduction .services-slider__pagination {
      position: absolute;
      z-index: 21;
      right: 20px;
      width: 11px !important;
      text-align: center;
      left: auto !important;
      top: 50%;
      bottom: auto !important;
      transform: translateY(-50%); }
      @media screen and (max-width: 768px) {
        html body.page-home > main#content > section.section-introduction .services-slider__pagination {
          transform: translateX(-50%);
          left: 50% !important;
          top: 205px;
          width: 100% !important;
          display: flex;
          justify-content: center;
          align-items: center; } }
      html body.page-home > main#content > section.section-introduction .services-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 8px 0; }
        @media screen and (max-width: 768px) {
          html body.page-home > main#content > section.section-introduction .services-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 0 5px; } }
      html body.page-home > main#content > section.section-introduction .services-slider__pagination .swiper-pagination-bullet {
        width: 11px;
        height: 11px;
        display: block;
        border-radius: 10px;
        background: #062744;
        opacity: 0.2;
        transition: all .3s; }
        html body.page-home > main#content > section.section-introduction .services-slider__pagination .swiper-pagination-bullet-active {
          opacity: 1;
          background: #fd3838;
          height: 30px;
          box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3); }
          @media screen and (max-width: 768px) {
            html body.page-home > main#content > section.section-introduction .services-slider__pagination .swiper-pagination-bullet-active {
              height: 11px;
              width: 30px; } }
  html body.page-home > main#content > section.section-introduction-bottom {
    padding: 0px;
    height: 250px; }
  html body.page-home > main#content > section.section-web-design h2, html body.page-home > main#content > section.section-development h2 {
    font-size: 42px;
    text-transform: uppercase;
    font-weight: bold;
    color: #d53;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); }
  html body.page-home > main#content > section.section-web-design ul.services, html body.page-home > main#content > section.section-development ul.services {
    padding: 0px;
    list-style: none; }
    html body.page-home > main#content > section.section-web-design ul.services li, html body.page-home > main#content > section.section-development ul.services li {
      padding: 0px;
      background: url("/resources/images/home/services-orange-arrow.webp") no-repeat;
      background-size: 35px;
      padding-left: 45px;
      background-position: left 0px; }
      html body.page-home > main#content > section.section-web-design ul.services li h4, html body.page-home > main#content > section.section-development ul.services li h4 {
        color: #d53;
        font-weight: bold;
        font-size: 22px;
        padding-top: 4px;
        margin-bottom: 10px; }
  html body.page-home > main#content > section.section-web-design .parallax-wrapper {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    overflow: hidden; }
  html body.page-home > main#content > section.section-web-design img {
    opacity: 0;
    margin-left: -950px; }
  html body.page-home > main#content > section.section-development .parallax-wrapper {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    overflow: hidden; }
  html body.page-home > main#content > section.section-development img {
    opacity: 0;
    margin-left: 950px; }

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