/******************************************************************
Site Name: Persistent Systems
Pages: Insights
Author: Michael Cagalingan

Stylesheet: Homepage Slider Stylesheet

******************************************************************/
#ps-slider {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto; }

#ps-slider .slider-content,
#ps-slider-m .slider-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  height: 100%;
  align-items: start;
  position: relative;
  padding: 5rem 7rem;
  /*&::before {
    content: '';
    position: absolute;
    top: 17%;
    right: -20px;
    width: 6px; // Width of the border
    height: 72%;
    background-color: #0050A5; // Color of the border
  }*/ }
  @media (max-width: 480px) {
    #ps-slider .slider-content,
    #ps-slider-m .slider-content {
      padding: 2rem;
      align-items: center; } }
#ps-slider .carousel-inner h1,
#ps-slider-m .carousel-inner h1 {
  font-size: 50px;
  font-weight: bold;
  line-height: 54px;
  color: white;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 2rem;
  z-index: 1; }
  @media (max-width: 480px) {
    #ps-slider .carousel-inner h1,
    #ps-slider-m .carousel-inner h1 {
      text-align: center; } }
#ps-slider .carousel-inner p,
#ps-slider-m .carousel-inner p {
  max-width: 404px;
  color: white;
  font-size: 17px;
  line-height: 21px;
  text-align: left;
  margin-bottom: 4rem; }
  @media (max-width: 480px) {
    #ps-slider .carousel-inner p,
    #ps-slider-m .carousel-inner p {
      text-align: center; } }
#ps-slider .carousel-inner span,
#ps-slider-m .carousel-inner span {
  color: white;
  font-size: 30px;
  font-weight: bold;
  line-height: 36px;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 4rem; }
  @media (max-width: 480px) {
    #ps-slider .carousel-inner span,
    #ps-slider-m .carousel-inner span {
      text-align: center; } }
#ps-slider .carousel-inner .pt-sup,
#ps-slider-m .carousel-inner .pt-sup {
  font-size: 26px;
  top: -1em; }
#ps-slider .carousel-inner sup,
#ps-slider-m .carousel-inner sup {
  font-size: 14px;
  top: -.5em; }
#ps-slider .carousel-inner a:hover,
#ps-slider-m .carousel-inner a:hover {
  text-decoration: none; }
#ps-slider .carousel-inner a .ps-blue,
#ps-slider-m .carousel-inner a .ps-blue {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 19px;
  font-weight: 700;
  padding: 1rem;
  background-color: #0050A5;
  color: #ffffff; }
#ps-slider .carousel-control,
#ps-slider-m .carousel-control {
  width: 20px;
  height: 65px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }
  #ps-slider .carousel-control .glyphicon-chevron-left,
  #ps-slider .carousel-control .glyphicon-chevron-right,
  #ps-slider-m .carousel-control .glyphicon-chevron-left,
  #ps-slider-m .carousel-control .glyphicon-chevron-right {
    display: none; }
  #ps-slider .carousel-control.left,
  #ps-slider-m .carousel-control.left {
    background-image: url("../images/ps-homeleft.svg");
    top: 50%;
    left: 0%;
    /*@media (min-width: 1500px) {
      left: 20%;
    }*/
    /*&:hover {
      background-image: url('../images/left-hover.svg');
    }*/ }
    @media (max-width: 1200px) {
      #ps-slider .carousel-control.left,
      #ps-slider-m .carousel-control.left {
        display: none; } }
  #ps-slider .carousel-control.right,
  #ps-slider-m .carousel-control.right {
    background-image: url("../images/ps-homeright.svg");
    top: 50%;
    right: 0%;
      /*@media (max-width: 1200px) {
        right: 5%;
      }

      @media (min-width: 1500px) {
        right: 20%;
      }*/
    /*&:hover {
      background-image: url('../images/right-hover.svg');
    }*/ }
#ps-slider .carousel-control .icon-prev,
#ps-slider .carousel-control .icon-next,
#ps-slider .carousel-control .glyphicon-chevron-left,
#ps-slider .carousel-control .glyphicon-chevron-right,
#ps-slider-m .carousel-control .icon-prev,
#ps-slider-m .carousel-control .icon-next,
#ps-slider-m .carousel-control .glyphicon-chevron-left,
#ps-slider-m .carousel-control .glyphicon-chevron-right {
  top: 40%; }

@media (max-width: 480px) {
  #ps-slider-m .ps-slide {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; } }

#about-ps-new {
  position: relative;
  background-image: url("../images/about-new-back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 100px 0; }
  #about-ps-new iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; }
  #about-ps-new .iframe-wrapper-x {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    @media (max-width: 575px) {
      #about-ps-new .iframe-wrapper-x {
        display: none; } }
    #about-ps-new .iframe-wrapper-x iframe {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      transform: translate(-50%, -50%); }
    @media (min-width: 1680px) {
      #about-ps-new .iframe-wrapper-x {
        display: block; } }
    #about-ps-new .iframe-wrapper-x.secondary {
      display: none; }
      #about-ps-new .iframe-wrapper-x.secondary iframe {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 500.78%;
        height: 135%;
        transform: translate(-50%, -50%); }
        @media (min-width: 1900px) {
          #about-ps-new .iframe-wrapper-x.secondary iframe {
            /*height: 125%;*/
            height: 105%;
            top: 45%; } }
        @media (min-width: 2000px) {
          #about-ps-new .iframe-wrapper-x.secondary iframe {
            /*height: 150%;*/
            height: 100%;
            top: 40%; } }
        @media (min-width: 2250px) {
          #about-ps-new .iframe-wrapper-x.secondary iframe {
            top: 35%; } }
      @media (max-width: 575px) {
        #about-ps-new .iframe-wrapper-x.secondary {
          display: none; } }
      @media (min-width: 576px) and (max-width: 1679px) {
        #about-ps-new .iframe-wrapper-x.secondary {
          display: block; } }
  @media (min-width: 768px) {
    #about-ps-new .row-flex {
      display: flex; } }
  #about-ps-new .row-flex h2 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    color: #ffffff; }
    @media (max-width: 576px) {
      #about-ps-new .row-flex h2 {
        font-size: 24px;
        line-height: 28px; } }
  #about-ps-new .row-flex p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    color: #ffffff; }
  #about-ps-new .row-flex .about-group {
    padding-top: 1.5rem; }
    @media (min-width: 768px) {
      #about-ps-new .row-flex .about-group {
        padding: 0 1.5rem; } }

#about-wave-relay {
  position: relative;
  background-image: url("../images/wave-relay-aboutback.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 175px 0; }
  @media (max-width: 767px) {
    #about-wave-relay {
      padding: 100px 0 0; } }
  @media (min-width: 768px) {
    #about-wave-relay .row-flex {
      display: flex; } }
  #about-wave-relay .row-flex h2 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 0; }
  #about-wave-relay .row-flex p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    color: #ffffff;
    margin-bottom: 4rem; }
  #about-wave-relay .row-flex .about-group {
    padding-top: 1.5rem; }
    @media (min-width: 768px) {
      #about-wave-relay .row-flex .about-group {
        padding: 0 1.5rem; } }
  @media (max-width: 767px) {
    #about-wave-relay .row-flex .waverelay-side {
      height: 450px; } }
  @media (min-width: 768px) {
    #about-wave-relay .row-flex .waverelay-side {
      position: absolute;
      right: 0;
      bottom: -175px; } }

#video-wave-relay {
  background-image: url("../images/wave-relay-video-back.jpg") !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 0;
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 350px 0; }
  @media (max-width: 575px) {
    #video-wave-relay {
      background-image: url("../images/wave-relay-video-back.jpg") !important;
      background-size: cover;
      background-position: center;
      padding: 150px 0; }
      #video-wave-relay::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.4); } }
  #video-wave-relay .iframe-wrapper-x {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    @media (max-width: 575px) {
      #video-wave-relay .iframe-wrapper-x {
        display: none; } }
    #video-wave-relay .iframe-wrapper-x iframe {
      position: absolute;
      top: 25%;
      left: 50%;
      width: 100%;
      height: 100%;
      transform: translate(-50%, -50%); }
    @media (min-width: 1680px) {
      #video-wave-relay .iframe-wrapper-x {
        display: block; } }
    #video-wave-relay .iframe-wrapper-x.secondary {
      display: none; }
      #video-wave-relay .iframe-wrapper-x.secondary iframe {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 500.78%;
        height: 135%;
        transform: translate(-50%, -50%); }
        @media (min-width: 1900px) {
          #video-wave-relay .iframe-wrapper-x.secondary iframe {
            /*height: 125%;*/
            height: 105%;
            top: 45%; } }
        @media (min-width: 2000px) {
          #video-wave-relay .iframe-wrapper-x.secondary iframe {
            /*height: 150%;*/
            height: 100%;
            top: 40%; } }
        @media (min-width: 2250px) {
          #video-wave-relay .iframe-wrapper-x.secondary iframe {
            top: 35%; } }
      @media (max-width: 575px) {
        #video-wave-relay .iframe-wrapper-x.secondary {
          display: block; } }
      @media (min-width: 576px) and (max-width: 1679px) {
        #video-wave-relay .iframe-wrapper-x.secondary {
          display: block; } }
  #video-wave-relay .container {
    position: relative;
    z-index: 1;
    /* Ensures content appears above video */ }

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