.paragraph.enlarge-image .modal {
  width: 100%;
  height: 100%;
  overflow: auto;
  overflow: hidden; }
  .paragraph.enlarge-image .modal.modal-window {
    background-color: rgba(68, 67, 67, 0.8); }
  .paragraph.enlarge-image .modal .modal-body-window {
    width: 90%;
    height: 95%;
    margin: 2.5% auto;
    background: white;
    border-radius: 10px; }
    .paragraph.enlarge-image .modal .modal-body-window .close {
      opacity: 1;
      font-size: 40px;
      margin-right: 20px;
      margin-top: 20px;
      color: white; }
      .paragraph.enlarge-image .modal .modal-body-window .close:hover, .paragraph.enlarge-image .modal .modal-body-window .close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer; }
    .paragraph.enlarge-image .modal .modal-body-window .slick-dots li {
      width: 32px;
      height: 32px;
      margin: 0 8px; }
      .paragraph.enlarge-image .modal .modal-body-window .slick-dots li button {
        width: 32px;
        height: 32px; }
        .paragraph.enlarge-image .modal .modal-body-window .slick-dots li button::before {
          content: '';
          width: 32px;
          height: 32px;
          border: 1px solid #063b9e;
          opacity: 1;
          border-radius: 50%; }
      .paragraph.enlarge-image .modal .modal-body-window .slick-dots li.slick-active button::before {
        opacity: 1;
        background: #063b9e; }
      .paragraph.enlarge-image .modal .modal-body-window .slick-dots li:hover button::before {
        opacity: 1;
        background: #063b9e; }
    .paragraph.enlarge-image .modal .modal-body-window .image-area {
      max-width: 70%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-align: center; }
      @media (max-width: 767px) {
        .paragraph.enlarge-image .modal .modal-body-window .image-area {
          width: 90%;
          max-width: 90%; } }
      .paragraph.enlarge-image .modal .modal-body-window .image-area img {
        border-radius: 10px;
        max-height: 780px; }
        @media (max-width: 1440px) {
          .paragraph.enlarge-image .modal .modal-body-window .image-area img {
            max-height: 630px; } }
        @media (max-width: 1200px) {
          .paragraph.enlarge-image .modal .modal-body-window .image-area img {
            max-height: 570px; } }
        @media (max-width: 990px) {
          .paragraph.enlarge-image .modal .modal-body-window .image-area img {
            max-height: 530px; } }
        @media (max-width: 990px) {
          .paragraph.enlarge-image .modal .modal-body-window .image-area img {
            max-height: 510px; } }
        @media (max-height: 850px) {
          .paragraph.enlarge-image .modal .modal-body-window .image-area img {
            max-height: 630px; } }
        @media (max-height: 700px) {
          .paragraph.enlarge-image .modal .modal-body-window .image-area img {
            max-height: 570px; } }
        @media (max-height: 600px) {
          .paragraph.enlarge-image .modal .modal-body-window .image-area img {
            max-height: 530px; } }
      .paragraph.enlarge-image .modal .modal-body-window .image-area .field.field--name-field-hero-caption {
        display: none; }
      .paragraph.enlarge-image .modal .modal-body-window .image-area .credit {
        margin-top: 8px;
        margin-left: 10px;
        line-height: 18px; }
      .paragraph.enlarge-image .modal .modal-body-window .image-area .modal-body-exit {
        display: none; }
    .paragraph.enlarge-image .modal .modal-body-window .modal-arrow,
    .paragraph.enlarge-image .modal .modal-body-window .slick-arrow {
      width: 21px;
      height: 30px;
      position: absolute;
      top: 50%;
      z-index: 1;
      border: none;
      background: transparent; }
      .paragraph.enlarge-image .modal .modal-body-window .modal-arrow:before,
      .paragraph.enlarge-image .modal .modal-body-window .slick-arrow:before {
        content: "";
        display: block;
        width: 25px;
        height: 25px;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 0 auto;
        background-position: 0px 0px;
        border-width: 0 4px 4px 0;
        border-radius: 3px; }
      .paragraph.enlarge-image .modal .modal-body-window .modal-arrow.arrow-prev,
      .paragraph.enlarge-image .modal .modal-body-window .slick-arrow.arrow-prev {
        left: calc(12.5% - 20px);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .paragraph.enlarge-image .modal .modal-body-window .modal-arrow.arrow-next,
      .paragraph.enlarge-image .modal .modal-body-window .slick-arrow.arrow-next {
        left: 87.5%;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%); }
      .paragraph.enlarge-image .modal .modal-body-window .modal-arrow.slick-prev,
      .paragraph.enlarge-image .modal .modal-body-window .slick-arrow.slick-prev {
        left: -21px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .paragraph.enlarge-image .modal .modal-body-window .modal-arrow.slick-next,
      .paragraph.enlarge-image .modal .modal-body-window .slick-arrow.slick-next {
        left: 100%;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%); }
      .paragraph.enlarge-image .modal .modal-body-window .modal-arrow.slick-disabled,
      .paragraph.enlarge-image .modal .modal-body-window .slick-arrow.slick-disabled {
        display: none; }
        .paragraph.enlarge-image .modal .modal-body-window .modal-arrow.slick-disabled:before,
        .paragraph.enlarge-image .modal .modal-body-window .slick-arrow.slick-disabled:before {
          display: none; }
      .paragraph.enlarge-image .modal .modal-body-window .modal-arrow:hover,
      .paragraph.enlarge-image .modal .modal-body-window .slick-arrow:hover {
        cursor: pointer; }
      .paragraph.enlarge-image .modal .modal-body-window .modal-arrow:focus,
      .paragraph.enlarge-image .modal .modal-body-window .slick-arrow:focus {
        outline: none;
        box-shadow: none; }
    .paragraph.enlarge-image .modal .modal-body-window .modal-body-exit {
      content: url("../../../../custom/assets/svgs/Close.svg");
      position: absolute;
      right: 15px;
      cursor: pointer; }