.images-mosaic-wraper .image-item {
  margin: 0 3px 5px 3px; }
  .images-mosaic-wraper .image-item picture {
    height: 222px; }
    @media (max-width: 543.98px) {
      .images-mosaic-wraper .image-item picture {
        height: 166px; } }
  .images-mosaic-wraper .image-item.image-item-first picture {
    height: 450px; }
    @media (max-width: 543.98px) {
      .images-mosaic-wraper .image-item.image-item-first picture {
        height: 325px; } }
  @media (max-width: 768.98px) {
    .images-mosaic-wraper .image-item {
      margin: 0 1.5px 3px 1.5px; }
      .images-mosaic-wraper .image-item.image-item-first {
        margin-bottom: 3px; } }
  .images-mosaic-wraper .image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer; }

#mosaicModal {
  padding: 0; }
  #mosaicModal .modal-dialog {
    max-width: 100%;
    margin: .5rem; }
    @media (min-width: 1025px) {
      #mosaicModal .modal-dialog {
        max-width: 680px;
        margin: 1.75rem auto; } }
    #mosaicModal .modal-dialog .modal-content {
      background-color: transparent;
      border: none; }
      #mosaicModal .modal-dialog .modal-content .simple-animated-modal-close {
        background-color: #fff;
        border-radius: 50%;
        opacity: 1;
        z-index: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
      #mosaicModal .modal-dialog .modal-content .modal-body {
        padding: 0; }
        #mosaicModal .modal-dialog .modal-content .modal-body .slick-slide img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        #mosaicModal .modal-dialog .modal-content .modal-body .slick-slide p {
          color: #fff;
          font-size: 16px;
          text-align: left;
          margin-top: 20px;
          letter-spacing: 0.5px; }
          #mosaicModal .modal-dialog .modal-content .modal-body .slick-slide p.empty {
            margin-top: 0; }
  #mosaicModal .slick-list {
    height: auto; }
  #mosaicModal .slick-arrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    top: 50%;
    height: 63px;
    width: 63px;
    background-color: var(--global-color);
    z-index: 1; }
    @media (max-width: 768.98px) {
      #mosaicModal .slick-arrow {
        height: 50px;
        width: 50px; } }
    #mosaicModal .slick-arrow.slick-disabled {
      opacity: 0;
      visibility: hidden; }
    #mosaicModal .slick-arrow.slick-prev {
      left: 50px; }
      @media (max-width: 1239.98px) {
        #mosaicModal .slick-arrow.slick-prev {
          left: 8px; } }
      #mosaicModal .slick-arrow.slick-prev::after {
        margin-left: 10px; }
        @media (max-width: 768.98px) {
          #mosaicModal .slick-arrow.slick-prev::after {
            margin-left: 5px; } }
    #mosaicModal .slick-arrow.slick-next {
      right: 50px; }
      @media (max-width: 1239.98px) {
        #mosaicModal .slick-arrow.slick-next {
          right: 8px; } }
      #mosaicModal .slick-arrow.slick-next::before {
        margin-left: -10px; }
        @media (max-width: 768.98px) {
          #mosaicModal .slick-arrow.slick-next::before {
            margin-left: -5px; } }
    #mosaicModal .slick-arrow.slick-prev:after, #mosaicModal .slick-arrow.slick-next:before {
      content: "";
      border-top: 1px solid #000;
      border-left: 1px solid #000;
      color: #000;
      display: block;
      height: 1rem;
      width: 1rem;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 768.98px) {
        #mosaicModal .slick-arrow.slick-prev:after, #mosaicModal .slick-arrow.slick-next:before {
          width: 10px;
          height: 10px; } }
  #mosaicModal .slick-prev {
    left: 10px; }
    @media (max-width: 768.98px) {
      #mosaicModal .slick-prev {
        left: -10px; } }
    #mosaicModal .slick-prev:before {
      display: none; }
    #mosaicModal .slick-prev:after {
      transform: rotate(-45deg); }
  #mosaicModal .slick-next {
    right: 10px; }
    @media (max-width: 768.98px) {
      #mosaicModal .slick-next {
        right: -10px; } }
    #mosaicModal .slick-next:before {
      transform: rotate(135deg);
      left: 0; }