/* "CLOSE" BUTTON */

      #imagelightbox-close
      {
         width: 2.5em; /* 40 */
         height: 2.5em; /* 40 */
         text-align: left;
         background-color: rgba( 0, 0, 0, .5 );
         border-radius: 50%;
         position: fixed;
         z-index: 10002;
         top: 2.5em; /* 40 */
         right: 2.5em; /* 40 */


      }
         #imagelightbox-close:hover,
         #imagelightbox-close:focus
         {
            background-color: rgba( 0, 0, 0, .9 );
         }
         #imagelightbox-close:before,
         #imagelightbox-close:after
         {
            width: 2px;
            background-color: #fff;
            content: '';
            position: absolute;
            top: 20%;
            bottom: 20%;
            left: 50%;
            margin-left: -1px;
         }
         #imagelightbox-close:before
         {
            -webkit-transform: rotate( 45deg );
            -ms-transform: rotate( 45deg );
            transform: rotate( 45deg );
         }
         #imagelightbox-close:after
         {
            -webkit-transform: rotate( -45deg );
            -ms-transform: rotate( -45deg );
            transform: rotate( -45deg );
         }

/* ARROWS */

      .imagelightbox-arrow
      {
         width: 3.5em;
         height: 3.5em;
         background-color: #444;
         background-color: rgba( 0, 0, 0, .5 );
         vertical-align: middle;
         display: none;
         position: fixed;
         z-index: 10001;
         top: 50%;
         margin-top: -3.75em;
         border-radius: 30px;
      }
      .imagelightbox-arrow:hover,
      .imagelightbox-arrow:focus
      {
         background-color: #666;
         background-color: rgba( 0, 0, 0, .75 );
      }
      .imagelightbox-arrow:active
      {
         background-color: #111;
      }
         .imagelightbox-arrow-left
         {
            left: 2.5em; /* 40 */
         }
         .imagelightbox-arrow-right
         {
            right: 2.5em; /* 40 */
         }
         .imagelightbox-arrow:before
         {
            width: 0;
            height: 0;
            border: 1em solid transparent;
            content: '';
            display: inline-block;
            margin-bottom: -0.125em; /* 2 */
         }
            .imagelightbox-arrow-left:before
            {
               border-left: none;
               border-right-color: #fff;
               margin-left: -0.313em; /* 5 */
            }
            .imagelightbox-arrow-right:before
            {
               border-right: none;
               border-left-color: #fff;
               margin-right: -0.313em; /* 5 */
            }

      #imagelightbox-loading,
      #imagelightbox-overlay,
      #imagelightbox-close,
      #imagelightbox-caption,
      #imagelightbox-nav,
      .imagelightbox-arrow
      {
         -webkit-animation: fade-in .25s linear;
         animation: fade-in .25s linear;
      }
         @-webkit-keyframes fade-in
         {
            from   { opacity: 0; }
            to      { opacity: 1; }
         }
         @keyframes fade-in
         {
            from   { opacity: 0; }
            to      { opacity: 1; }
         }

      @media only screen and (max-width: 41.250em) /* 660 */
      {
         #container
         {
            width: 100%;
         }
         #imagelightbox-close
         {
            top: 1.5em; /* 20 */
            right: 1.25em; /* 20 */
         }
         #imagelightbox-nav
         {
            bottom: 1.25em; /* 20 */
         }

         .imagelightbox-arrow
         {
            width: 2.5em; /* 40 */
            height: 2.5em; /* 60 */
            margin-top: -2.75em; /* 30 */
         }
         .imagelightbox-arrow-left
         {
            left: 1.25em; /* 20 */
         }
         .imagelightbox-arrow-right
         {
            right: 1.25em; /* 20 */
         }

      }

      @media only screen and (max-width: 20em) /* 320 */
      {
         .imagelightbox-arrow-left
         {
            left: 0;
         }
         .imagelightbox-arrow-right
         {
            right: 0;
         }
      }



 .lightbox-arrows .imagelightbox-arrow-left {
    left: 0 !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 1) !important;
    width: 33% !important;
}
.lightbox-arrows .imagelightbox-arrow svg {
    display: none !important;
}
.lightbox-arrows .imagelightbox-arrow-right {
    right: 0 !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 1) !important;
    width: 33% !important;
}