/* Mediaqueries */
/* ************ */
/* General variables */
/* ************ */
/* Color variables */
/* ************ */
/* Shadow variables */
/* ************ */
/* Various variables */
/* ************ */
/* Mixins */
/* ************ */
.section-text-image-changing-text {
  position: relative; }
  @media only screen and (max-width: 768px) {
    .section-text-image-changing-text.margin_default {
      padding-top: 70px;
      padding-bottom: 50px; } }
  @media only screen and (max-width: 768px) {
    .section-text-image-changing-text.margin_top {
      padding-top: 70px; } }
  @media only screen and (max-width: 768px) {
    .section-text-image-changing-text.margin_top_bottom {
      padding-top: 70px;
      padding-bottom: 50px; } }
  .section-text-image-changing-text .inner {
    position: relative; }
    .section-text-image-changing-text .inner .text-media {
      display: flex;
      justify-content: center; }
      @media only screen and (max-width: 768px) {
        .section-text-image-changing-text .inner .text-media {
          flex-wrap: wrap; } }
      .section-text-image-changing-text .inner .text-media .text {
        width: 50%;
        flex: 0 0 50%;
        padding-top: 170px;
        padding-bottom: 100px;
        padding-right: 8%; }
        @media only screen and (max-width: 768px) {
          .section-text-image-changing-text .inner .text-media .text {
            width: 100%;
            flex: 0 0 100%;
            padding-right: 0;
            order: 1;
            padding-top: 50px;
            padding-bottom: 0; } }
        .section-text-image-changing-text .inner .text-media .text .button-class {
          margin-top: 60px; }
          @media only screen and (max-width: 768px) {
            .section-text-image-changing-text .inner .text-media .text .button-class {
              margin-top: 50px; } }
      .section-text-image-changing-text .inner .text-media .image-video {
        width: 50%;
        flex: 0 0 50%;
        position: relative; }
        @media only screen and (max-width: 768px) {
          .section-text-image-changing-text .inner .text-media .image-video {
            width: 100%;
            flex: 0 0 100%; } }
        .section-text-image-changing-text .inner .text-media .image-video .image, .section-text-image-changing-text .inner .text-media .image-video .video {
          position: relative;
          height: 100%; }
          @media only screen and (max-width: 1024px) {
            .section-text-image-changing-text .inner .text-media .image-video .image, .section-text-image-changing-text .inner .text-media .image-video .video {
              min-height: 400px; } }
          @media only screen and (max-width: 768px) {
            .section-text-image-changing-text .inner .text-media .image-video .image, .section-text-image-changing-text .inner .text-media .image-video .video {
              min-height: 0; } }
          .section-text-image-changing-text .inner .text-media .image-video .image img, .section-text-image-changing-text .inner .text-media .image-video .image video, .section-text-image-changing-text .inner .text-media .image-video .video img, .section-text-image-changing-text .inner .text-media .image-video .video video {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; }
            @media only screen and (max-width: 768px) {
              .section-text-image-changing-text .inner .text-media .image-video .image img, .section-text-image-changing-text .inner .text-media .image-video .image video, .section-text-image-changing-text .inner .text-media .image-video .video img, .section-text-image-changing-text .inner .text-media .image-video .video video {
                position: relative;
                height: 350px; } }
        @media only screen and (max-width: 768px) {
          .section-text-image-changing-text .inner .text-media .image-video .video {
            display: none; } }
        @media only screen and (max-width: 768px) {
          .section-text-image-changing-text .inner .text-media .image-video .video.no-video-mobile {
            display: block; } }
        .section-text-image-changing-text .inner .text-media .image-video .video-mobile {
          display: none; }
          @media only screen and (max-width: 768px) {
            .section-text-image-changing-text .inner .text-media .image-video .video-mobile {
              display: block; } }
        .section-text-image-changing-text .inner .text-media .image-video *, .section-text-image-changing-text .inner .text-media .image-video *:before, .section-text-image-changing-text .inner .text-media .image-video *:after {
          box-sizing: inherit; }
        .section-text-image-changing-text .inner .text-media .image-video .video_youtube iframe, .section-text-image-changing-text .inner .text-media .image-video .video_youtube object, .section-text-image-changing-text .inner .text-media .image-video .video_youtube embed {
          display: block;
          width: 100%;
          height: 100%; }
        @media only screen and (max-width: 1024px) {
          .section-text-image-changing-text .inner .text-media .image-video .video_youtube {
            position: relative;
            overflow: hidden;
            max-width: 100%;
            min-height: auto; }
            .section-text-image-changing-text .inner .text-media .image-video .video_youtube iframe, .section-text-image-changing-text .inner .text-media .image-video .video_youtube object, .section-text-image-changing-text .inner .text-media .image-video .video_youtube embed {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%; } }
    .section-text-image-changing-text .inner .wrapper-title {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: auto;
      padding: 30px 0; }
      @media only screen and (max-width: 768px) {
        .section-text-image-changing-text .inner .wrapper-title {
          padding: 0; } }
      .section-text-image-changing-text .inner .wrapper-title h2 {
        display: flex;
        justify-content: center;
        width: 100%;
        font-size: 60px; }
        @media only screen and (max-width: 768px) {
          .section-text-image-changing-text .inner .wrapper-title h2 {
            padding: 0 25px;
            font-size: 30px;
            flex-direction: column;
            align-items: center;
            text-align: center;
            transform: translateY(-50%); } }
        .section-text-image-changing-text .inner .wrapper-title h2 .word-left, .section-text-image-changing-text .inner .wrapper-title h2 .words-right {
          width: 48%;
          flex: 0 0 48%; }
          @media only screen and (max-width: 768px) {
            .section-text-image-changing-text .inner .wrapper-title h2 .word-left, .section-text-image-changing-text .inner .wrapper-title h2 .words-right {
              display: block;
              width: 100%;
              flex: 0 0 100%;
              height: 40px;
              min-height: 40px; } }
        .section-text-image-changing-text .inner .wrapper-title h2 .word-left {
          text-align: right; }
          @media only screen and (max-width: 768px) {
            .section-text-image-changing-text .inner .wrapper-title h2 .word-left {
              align-self: flex-start;
              text-align: left; } }
        .section-text-image-changing-text .inner .wrapper-title h2 .words-right {
          color: transparent;
          -webkit-text-stroke: 2px #fff; }
          @media only screen and (max-width: 768px) {
            .section-text-image-changing-text .inner .wrapper-title h2 .words-right {
              -webkit-text-stroke: 1px #fff;
              align-self: flex-end;
              text-align: right; } }
          .section-text-image-changing-text .inner .wrapper-title h2 .words-right .word-right {
            display: none; }
            @media only screen and (max-width: 768px) {
              .section-text-image-changing-text .inner .wrapper-title h2 .words-right .word-right {
                height: 40px; } }
        .section-text-image-changing-text .inner .wrapper-title h2 .circles-center {
          width: 4%;
          flex: 0 0 4%;
          background-image: url("assets/icons/icon-circles-1.0.svg");
          background-repeat: no-repeat;
          background-size: 24px;
          background-position-x: center;
          background-position-y: 30px; }
          @media only screen and (max-width: 768px) {
            .section-text-image-changing-text .inner .wrapper-title h2 .circles-center {
              transform: rotate(90deg);
              width: 40px;
              height: 40px;
              flex: 0 0 40px;
              background-position-y: center; } }

/*# sourceMappingURL=text-image-changing-text.css.map */