.tx-t3lmwa-media-gallery{
}

@media (min-width: 576px){
  .tx-t3lmwa-media-gallery .grid-four,
  .tx-t3lmwa-media-gallery .grid-three{
  }
  .tx-t3lmwa-media-gallery .grid-four .img-wrapper,
  .tx-t3lmwa-media-gallery .grid-three .img-wrapper{
    line-height:0;
    overflow:hidden;
  }
  .tx-t3lmwa-media-gallery .grid-four .img-wrapper .features-bg,
  .tx-t3lmwa-media-gallery .grid-three .img-wrapper .features-bg{
    background-size:cover;
    background-repeat:no-repeat;
  }
  .tx-t3lmwa-media-gallery .grid-four .img-wrapper,
  .tx-t3lmwa-media-gallery .grid-three .img-wrapper{
    position:relative;
  }
  .tx-t3lmwa-media-gallery .grid-four .img-caption,
  .tx-t3lmwa-media-gallery .grid-three .img-caption{
    position:absolute;
    z-index:1;
    padding:15px;
    width:100%;
    height:100%;
    font-size:1rem;
    color:white;
    text-shadow:0 1px 1px rgba(0, 0, 0, 0.1);
    margin-top:1rem;
  }
  .tx-t3lmwa-media-gallery .grid-four .img-caption .desc,
  .tx-t3lmwa-media-gallery .grid-four .img-caption .title,
  .tx-t3lmwa-media-gallery .grid-three .img-caption .desc,
  .tx-t3lmwa-media-gallery .grid-three .img-caption .title{
    display:block;
    opacity:0;
    -webkit-transform:translateX(-500%);
            transform:translateX(-500%);
  }
  .tx-t3lmwa-media-gallery .grid-four .media-wrapper.video:hover::after, .tx-t3lmwa-media-gallery .grid-four .media-wrapper.video:hover::before,
  .tx-t3lmwa-media-gallery .grid-three .media-wrapper.video:hover::after,
  .tx-t3lmwa-media-gallery .grid-three .media-wrapper.video:hover::before{
    opacity:0;
    -webkit-transition:opacity 0.4s cubic-bezier(0, 0, 0, 1.05);
    transition:opacity 0.4s cubic-bezier(0, 0, 0, 1.05);
  }
  .tx-t3lmwa-media-gallery .grid-four .img-wrapper:hover .img-caption .desc,
  .tx-t3lmwa-media-gallery .grid-four .img-wrapper:hover .img-caption .title,
  .tx-t3lmwa-media-gallery .grid-three .img-wrapper:hover .img-caption .desc,
  .tx-t3lmwa-media-gallery .grid-three .img-wrapper:hover .img-caption .title{
    -webkit-animation:0.5s text__in__left cubic-bezier(0, 0, 0, 1.05);
            animation:0.5s text__in__left cubic-bezier(0, 0, 0, 1.05);
    -webkit-animation-direction:normal;
            animation-direction:normal;
    -webkit-animation-iteration-count:1;
            animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards;
            animation-fill-mode:forwards;
  }
  .tx-t3lmwa-media-gallery .grid-four .img-wrapper:hover .img-caption .desc,
  .tx-t3lmwa-media-gallery .grid-three .img-wrapper:hover .img-caption .desc{
    -webkit-animation-delay:0.5s;
            animation-delay:0.5s;
  }
  .tx-t3lmwa-media-gallery .grid-four .media-wrapper.link-hover a figure,
  .tx-t3lmwa-media-gallery .grid-three .media-wrapper.link-hover a figure{
    position:relative;
    margin:0;
  }
  .tx-t3lmwa-media-gallery .grid-four .media-wrapper.link-hover a figcaption,
  .tx-t3lmwa-media-gallery .grid-three .media-wrapper.link-hover a figcaption{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    text-align:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    margin:0;
    padding:0;
    opacity:0;
    -webkit-transition:opacity 1s ease;
    transition:opacity 1s ease;
  }
  .tx-t3lmwa-media-gallery .grid-four .media-wrapper.link-hover a:hover figcaption,
  .tx-t3lmwa-media-gallery .grid-three .media-wrapper.link-hover a:hover figcaption{
    opacity:0.9;
  }
}

@supports (display: flex){
  .tx-t3lmwa-media-gallery .grid-four,
  .tx-t3lmwa-media-gallery .grid-three{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    -ms-flex-line-pack:start;
        align-content:flex-start;
    -webkit-box-pack:start;
        -ms-flex-pack:start;
            justify-content:flex-start;
    margin:-1%;
  }
  .tx-t3lmwa-media-gallery .grid-four .media-wrapper,
  .tx-t3lmwa-media-gallery .grid-three .media-wrapper{
    -webkit-box-flex:1;
        -ms-flex-positive:1;
            flex-grow:1;
    margin:1%;
  }
  .tx-t3lmwa-media-gallery .grid-four .media-wrapper figcaption h1,
  .tx-t3lmwa-media-gallery .grid-four .media-wrapper figcaption h2,
  .tx-t3lmwa-media-gallery .grid-four .media-wrapper figcaption h3,
  .tx-t3lmwa-media-gallery .grid-four .media-wrapper figcaption h4,
  .tx-t3lmwa-media-gallery .grid-four .media-wrapper figcaption h5,
  .tx-t3lmwa-media-gallery .grid-four .media-wrapper figcaption h6,
  .tx-t3lmwa-media-gallery .grid-four .media-wrapper figcaption p,
  .tx-t3lmwa-media-gallery .grid-three .media-wrapper figcaption h1,
  .tx-t3lmwa-media-gallery .grid-three .media-wrapper figcaption h2,
  .tx-t3lmwa-media-gallery .grid-three .media-wrapper figcaption h3,
  .tx-t3lmwa-media-gallery .grid-three .media-wrapper figcaption h4,
  .tx-t3lmwa-media-gallery .grid-three .media-wrapper figcaption h5,
  .tx-t3lmwa-media-gallery .grid-three .media-wrapper figcaption h6,
  .tx-t3lmwa-media-gallery .grid-three .media-wrapper figcaption p{
    display:block;
  }
  .tx-t3lmwa-media-gallery .grid-three .media-wrapper{
    -ms-flex-preferred-size:100%;
        flex-basis:100%;
    max-width:calc(50% - 2%);
  }
  @media (min-width: 768px){
    .tx-t3lmwa-media-gallery .grid-three .media-wrapper{
      -ms-flex-preferred-size:calc(33% - 2%);
          flex-basis:calc(33% - 2%);
      max-width:calc(33% - 2%);
    }
  }
  .tx-t3lmwa-media-gallery .grid-four .media-wrapper{
    -ms-flex-preferred-size:100%;
        flex-basis:100%;
    max-width:calc(50% - 2%);
  }
  @media (min-width: 768px){
    .tx-t3lmwa-media-gallery .grid-four .media-wrapper{
      -ms-flex-preferred-size:calc(25% - 2%);
          flex-basis:calc(25% - 2%);
      max-width:calc(25% - 2%);
    }
  }
}

@supports not (display: flex){
  @media (min-width: 576px){
    .tx-t3lmwa-media-gallery .grid-four.media-gallery{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-orient:horizontal;
      -webkit-box-direction:normal;
          -ms-flex-flow:row wrap;
              flex-flow:row wrap;
      -ms-flex-line-pack:justify;
          align-content:space-between;
    }
  }
  .tx-t3lmwa-media-gallery .grid-four .media-wrapper{
    text-decoration:none;
    margin:1%;
    width:100%;
  }
  @media (min-width: 576px){
    .tx-t3lmwa-media-gallery .grid-four .media-wrapper{
      width:calc(50% - 2%);
    }
    .tx-t3lmwa-media-gallery .grid-four .media-wrapper img{
      opacity:1;
      -webkit-transform:scale(1);
              transform:scale(1);
      -webkit-transition:all 1s ease;
      transition:all 1s ease;
    }
    .tx-t3lmwa-media-gallery .grid-four .media-wrapper:hover img{
      opacity:0.2;
      -webkit-transform:scale(1.1);
              transform:scale(1.1);
    }
  }
  @media (min-width: 768px){
    .tx-t3lmwa-media-gallery .grid-four .media-wrapper{
      width:calc(25% - 2%);
    }
  }
  .tx-t3lmwa-media-gallery .grid-three{
  }
  .tx-t3lmwa-media-gallery .grid-three.media-gallery{
    clear:both;
  }
  .tx-t3lmwa-media-gallery .grid-three .media-wrapper{
    margin-right:1%;
    margin-bottom:1%;
    display:block;
    position:relative;
    text-decoration:none !important;
    float:left;
  }
  .tx-t3lmwa-media-gallery .grid-three .media-wrapper:nth-of-type(3n){
    margin-right:0;
  }
  .tx-t3lmwa-media-gallery .grid-three .icon-play{
    background-image:url("/typo3conf/ext/t3lmwa_media_gallery/Resources/Public/Images/play_button.png");
    background-repeat:no-repeat;
    background-position:50%;
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    content:"";
  }
  .tx-t3lmwa-media-gallery .grid-three .media-thumb{
    width:100%;
    height:auto;
  }
  @media (min-width: 576px){
    .tx-t3lmwa-media-gallery .grid-three{
    }
    .tx-t3lmwa-media-gallery .grid-three .media-wrapper{
      width:calc(33.3333% - 1%);
      position:relative;
      overflow:hidden;
    }
    .tx-t3lmwa-media-gallery .grid-three .media-wrapper.link-hover::after, .tx-t3lmwa-media-gallery .grid-three .media-wrapper.link-hover::before{
      text-align:left;
      -webkit-transition:color 1s ease;
      transition:color 1s ease;
    }
    .tx-t3lmwa-media-gallery .grid-three .media-wrapper.link-hover img{
      opacity:1;
      -webkit-transform:scale(1);
              transform:scale(1);
      -webkit-transition:all 1s ease;
      transition:all 1s ease;
    }
    .tx-t3lmwa-media-gallery .grid-three .media-wrapper.link-hover:hover img{
      opacity:0.2;
      -webkit-transform:scale(1.1);
              transform:scale(1.1);
    }
  }
  .tx-t3lmwa-media-gallery .grid-three.no-hover .media-wrapper.link-hover img{
    opacity:1;
  }
  .tx-t3lmwa-media-gallery .grid-three.no-hover .media-wrapper.link-hover::after, .tx-t3lmwa-media-gallery .grid-three.no-hover .media-wrapper.link-hover::before{
    display:none;
  }
}

.tx-t3lmwa-media-gallery form{
  width:100%;
}

.media-gallery div.features-bg[class*="ratio-"]{
  min-height:0;
}

@media (min-width: 576px){
  .tx-t3lmwa-media-gallery .grid-four .media-wrapper.link-hover a figcaption,
  .tx-t3lmwa-media-gallery .grid-three .media-wrapper.link-hover a figcaption{
    color:#494950;
    background-color:#e2007A;
  }
}

.tx-t3lmwa-media-gallery .grid-four .media-wrapper.link-hover figcaption{
  color:#494950;
}

@media (min-width: 576px){
  .tx-t3lmwa-media-gallery .grid-four .media-wrapper.link-hover .img-wrapper{
    background-color:#e2007A;
  }
}

.tx-t3lmwa-media-gallery .grid-three .media-wrapper.link-hover::after, .tx-t3lmwa-media-gallery .grid-three .media-wrapper.link-hover::before{
  color:#494950;
}

@media (min-width: 576px){
  .tx-t3lmwa-media-gallery .grid-three .media-wrapper.link-hover{
    background-color:#e2007A;
  }
  .tx-t3lmwa-media-gallery .grid-three .media-wrapper.link-hover::after, .tx-t3lmwa-media-gallery .grid-three .media-wrapper.link-hover::before{
    color:#494950;
  }
  .tx-t3lmwa-media-gallery .grid-three .media-wrapper.link-hover:hover::after, .tx-t3lmwa-media-gallery .grid-three .media-wrapper.link-hover:hover::before{
    color:#494950;
  }
}