.ellipsis {
  white-space: nowrap;
  /* 1 */
  text-overflow: ellipsis;
  /* 2 */
  overflow: hidden; }

.paragraph--type--hero-section {
  font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
  color: #000;
  background-position: 50%;
  background-size: cover;
  background-color: #ccdcf0;
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  padding: 50px 0 0;
  font-size: 20px;
  line-height: 1.2em; }
  @media (min-width: 768px) {
    .paragraph--type--hero-section {
      padding: 10vw 0; } }
  .paragraph--type--hero-section.in-viewport .text-holder {
    opacity: 1;
    transform: scale(1); }
  .paragraph--type--hero-section.in-viewport .jarallax-container {
    opacity: 1;
    transform: scale(1); }
  .paragraph--type--hero-section h1 {
    color: #000;
    font-weight: 400;
    font-size: 40px;
    margin: 0 0 20px;
    line-height: 1.3em;
    text-align: left; }
    @media (min-width: 768px) {
      .paragraph--type--hero-section h1 {
        font-size: 60px; } }
  .paragraph--type--hero-section p {
    margin: 0 0 1.5em; }
  .paragraph--type--hero-section .jarallax-container {
    transform: scale(0.9);
    transform-origin: right;
    opacity: 0;
    transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out; }
    @media (max-width: 767px) {
      .paragraph--type--hero-section .jarallax-container {
        position: static !important;
        padding-bottom: 56%;
        width: 100%; } }
    @media (max-width: 767px) {
      .paragraph--type--hero-section .jarallax-container div {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        height: 100% !important;
        width: 100% !important;
        transform: none !important; } }
  @media (max-width: 767px) {
    .paragraph--type--hero-section .container {
      padding: 10px 20px;
      margin: 0;
      max-width: 100%;
      width: 100%; } }
  .paragraph--type--hero-section .paragraph-hero-section__field-text {
    margin-bottom: 30px; }
  .paragraph--type--hero-section .text-holder {
    max-width: 640px;
    transform: scale(0.95);
    opacity: 0;
    transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out; }
  .paragraph--type--hero-section .paragraph-hero-section__field-order-now {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 20px; }
    .paragraph--type--hero-section .paragraph-hero-section__field-order-now select {
      font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
      max-width: 100%;
      border: none;
      padding: 11px 20px;
      padding-right: 26px;
      border-radius: 10px;
      appearance: none;
      background: url("../../images/arrow_back_ios.png") no-repeat;
      background-color: #fff;
      background-position: right .7em top 50%, 0 0;
      background-size: 13px auto, 100%;
      margin-bottom: 10px;
      font-size: 13.333px;
      line-height: 18px;
      font-weight: 400;
      color: #4e4e4e;
      outline: none; }
      @media (min-width: 1024px) {
        .paragraph--type--hero-section .paragraph-hero-section__field-order-now select {
          width: 390px; } }
      .paragraph--type--hero-section .paragraph-hero-section__field-order-now select::-webkit-input-placeholder, .paragraph--type--hero-section .paragraph-hero-section__field-order-now select::-moz-placeholder, .paragraph--type--hero-section .paragraph-hero-section__field-order-now select:-moz-placeholder, .paragraph--type--hero-section .paragraph-hero-section__field-order-now select:-ms-input-placeholder, .paragraph--type--hero-section .paragraph-hero-section__field-order-now select.placeholder {
        color: #4e4e4e; }
    .paragraph--type--hero-section .paragraph-hero-section__field-order-now .btn {
      padding: 8px 20px;
      cursor: pointer; }
    .paragraph--type--hero-section .paragraph-hero-section__field-order-now .paragraph-hero-section__field-order-now-items {
      padding-right: 20px;
      max-width: 100%; }
    .paragraph--type--hero-section .paragraph-hero-section__field-order-now .button-plans {
      margin-bottom: 10px; }

body:not(.toolbar-tray-open) .node-page-full__field-paragraphs-item:first-child .paragraph--type--hero-section {
  margin-top: -100px; }

/*# sourceMappingURL=hero-section.css.map */