/* product listing */
.video-list-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  margin-bottom: 3rem; }
  @media (min-width: 550px) {
    .video-list-wrap {
      justify-content: flex-start;
      margin-left: -1rem;
      margin-right: -1rem; } }
  .video-list-wrap .item {
    display: block;
    width: 100%;
    padding: 2rem; }
    @media (min-width: 550px) {
      .video-list-wrap .item {
        width: 50%;
        padding: 1rem; } }
    @media (min-width: 992px) {
      .video-list-wrap .item {
        width: 33.3331%; } }
    @media (min-width: 1200px) {
      .video-list-wrap .item {
        width: 25%; } }
    .video-list-wrap .item .item-inner {
      position: relative;
      padding: 15px;
      display: flex;
      flex-direction: column;
      background-color: white;
      width: 100%;
      height: 100%;
      transition: text-shadow 0.1s ease-in, -webkit-transform 0.14s ease-in;
      transition: transform 0.14s ease-in, text-shadow 0.1s ease-in;
      transition: transform 0.14s ease-in, text-shadow 0.1s ease-in, -webkit-transform 0.14s ease-in;
      border: 1px solid rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1); }
      .video-list-wrap .item .item-inner:hover {
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3); }
    .video-list-wrap .item .item-thumb {
      position: relative;
      margin-bottom: .75rem; }
      .video-list-wrap .item .item-thumb.youtube-link {
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 100%; }
        .video-list-wrap .item .item-thumb.youtube-link img {
          position: absolute;
          top: 50%;
          right: 0;
          bottom: 0;
          left: 0;
          transform: translateY(-50%);
          width: 100%;
          max-width: 100%;
          height: auto; }
        .video-list-wrap .item .item-thumb.youtube-link .icon {
          color: rgba(255, 255, 255, 0.8);
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
          .video-list-wrap .item .item-thumb.youtube-link .icon svg {
            filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#000')";
            filter: url(#drop-shadow);
            filter: drop-shadow(0px 0px 3px #000); }
        .video-list-wrap .item .item-thumb.youtube-link:hover .icon {
          color: red; }
    .video-list-wrap .item .item-content {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
      text-align: left; }
      .video-list-wrap .item .item-content .group-1 {
        display: flex;
        flex-direction: column; }
        .video-list-wrap .item .item-content .group-1 .item-title {
          font-family: 'Rokkitt', serif;
          font-weight: 700;
          color: #e46054;
          font-size: 1.4rem;
          line-height: 1.1;
          margin-bottom: 1rem; }