@-webkit-keyframes fade-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes fade-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes fade-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
            transform: translateX(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes fade-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
            transform: translateX(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes fade-in-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes fade-in-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

.paragraph--type--video {
  width: 82.94702%;
  margin: 0 auto 100px auto; }
  @media (max-width: 650px) {
    .paragraph--type--video {
      width: 100%;
      margin-bottom: 80px; } }
  .paragraph--type--video .video-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden; }
  .paragraph--type--video .field--name-field-video-embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .paragraph--type--video .field--name-field-video-embed .video-embed-field-lazy-play {
      -webkit-transition: background-color 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: background-color 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      z-index: 2;
      background: none;
      border: none;
      background-color: #FFFFFF;
      border-radius: 100%; }
      .paragraph--type--video .field--name-field-video-embed .video-embed-field-lazy-play::before {
        -webkit-transition: border-color 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: border-color 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        content: '';
        position: absolute;
        top: 50%;
        left: 31px;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 14px;
        border-color: transparent transparent transparent #85BB4A; }
      .has-mouse .paragraph--type--video .field--name-field-video-embed .video-embed-field-lazy-play:hover {
        background-color: #85BB4A; }
        .has-mouse .paragraph--type--video .field--name-field-video-embed .video-embed-field-lazy-play:hover::before {
          border-color: transparent transparent transparent #FFFFFF; }
  .paragraph--type--video .field--name-field-image {
    -webkit-transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
    .is-active.paragraph--type--video .field--name-field-image {
      opacity: 0;
      pointer-events: none; }
    .paragraph--type--video .field--name-field-image img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center; }

/*# sourceMappingURL=../../_maps/components/paragraph/video.css.map */