/*!* modified Simple lightbox effect in pure JS
* @see {@link https://github.com/squeral/lightbox}
* @see {@link https://github.com/squeral/lightbox/blob/master/lightbox.js}
* passes jshint*/.iframe-lightbox,.iframe-lightbox .backdrop{width:100%;height:100%;top:0;left:0}.iframe-lightbox{display:none;position:fixed;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;z-index:2}.iframe-lightbox .backdrop{position:absolute;background-color:rgba(0,0,0,.5);cursor:default;z-index:1}.iframe-lightbox .content-holder{width:80%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-right:-50%;z-index:2}.iframe-lightbox .content{height:0;position:relative;padding-bottom:56.25%}.iframe-lightbox .content>.body{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nNDgnIGhlaWdodD0nNDgnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0idWlsLXJpbmciPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSI0NiIgc3Ryb2tlLWRhc2hhcnJheT0iMTg3Ljg2NzI0MDY4NDY2OTY0IDEwMS4xNTkyODM0NDU1OTEzMSIgc3Ryb2tlPSIjRTZFNkU2IiBvcGFjaXR5PSIxIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjgiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiB2YWx1ZXM9IjAgNTAgNTA7MTgwIDUwIDUwOzM2MCA1MCA1MDsiIGtleVRpbWVzPSIwOzAuNTsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjBzIj48L2FuaW1hdGVUcmFuc2Zvcm0+PC9jaXJjbGU+PC9zdmc+);background-repeat:no-repeat;background-size:3em 3em;background-position:center center}.iframe-lightbox .content>.body.is-loaded{background-image:none}.iframe-lightbox iframe{display:block;width:100%;height:100%;border:0;box-shadow:.267rem .267rem .267rem 0 rgba(3,3,3,.3);-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.iframe-lightbox.is-showing{display:block}.iframe-lightbox.is-opened{opacity:1}


/* Lightbox-area CSS */
.lightbox-area .video-area .figure {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }


  .lightbox-area .video-area .figure:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.09;
    transition: ease 0.35s all;
  }

  .lightbox-area .video-area .figure .caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem;
    margin: auto;
    display: flex;
  }

  .lightbox-area .video-area .desc {
    padding-bottom: 1rem;
    color: #fff;
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.85rem;
  }

  .lightbox-area .video-area .desc .cp-title {
    font-weight: 600;
    font-size: 1.5em;
  }

  .lightbox-area .video-area .desc .text {
    display: none;
  }

  .lightbox-area .video-area .play-btn {
    width: 100%;
    height: 100%;
    max-width: 25%;
    max-height: 25%;
    width: 100%;
    margin: auto auto auto auto;
    transform: scale(1);
    transition: ease 0.5s all;
    opacity: 0.3;

  }


  .lightbox-area .video-area .iframe-lightbox-link:hover .play-btn {
    transform: scale(1.25);
     opacity: 1;
  }

  .lightbox-area .video-area .iframe-lightbox-link:hover .figure:before {
    opacity: 0.6;
  }
  /* Lightbox-area CSS End*/