/* 
    body {
      font: 20px / 28px "Marck Script", cursive;
        font-size:18px;
    }
     */

    /* IMAGE GRID STYLES –––––––––––––––––––––––––––––––––––––––––––––––––– */
  
    .image-grid h1 {font-size:32px;}
    .image-grid figure { margin-bottom: 0;}
    .image-grid figure:hover { transform: scale(1.1);transition: 1s;}
    .image-grid{background-color: #1e9bb2;padding: 40px 0px;color:#fff;}
    .image-grid img { box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15); }
    
    .image-grid a:hover img { box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.35); }
    .lightbox-modal .modal-content { background: transparent}
    .lightbox-modal .btn-close {position: absolute;top: 20px;right: 18px;font-size: 1.2rem; z-index: 10;}
    .lightbox-modal .modal-body { display: flex;align-items: center;padding: 0;text-align: center;}
    .lightbox-modal img { width: auto; max-height: 100vh;max-width: 100%;}
    .lightbox-modal .carousel-caption { left: 0;right: 0;bottom: 0;background: rgba(36, 36, 36, 0.75); } 
    .lightbox-modal .carousel-control-prev,
    .lightbox-modal .carousel-control-next { top: 50%; bottom: auto;/* transform: translateY(-50%); */ width: auto;}
    .lightbox-modal .carousel-control-prev {left: 10px;} 
    .lightbox-modal .carousel-control-next { right: 10px;}
    #lightboxCarousel .carousel-caption p {font-size:20px;}
    figure p {position: relative;font-size:17px; margin-top: -40px;text-align: center;background: rgba(0, 0, 0, 0.7);padding: 7px 0px; color: #fff; }
    a{text-decoration: none;}
    .lightbox-modal .carousel-inner img { animation: zoomin 5s linear infinite;}
    @keyframes zoomin {
      0% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.05);
      }
      100% {
        transform: scale(1);
      }
    }

    .col-img {margin-top:25px;}
    /* .col-img { flex: 0 0 auto; width: 33%!important;margin-top:25px;} */
    .form-range { background: #33475C!important;padding:10px;}
    input[type="range" i] {color:red!important;}

.gallery-icon { color: #fff; position: absolute;padding: 15px; font-size: 1.6em;transform: scale(1);transition: transform .6s 0ms cubic-bezier(0.680, -0.550, 0.265, 1.550);}
figure:hover .gallery-icon{transform: scale(0);transition: transform .6s 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);}
@media(max-width:767px){.col-img { flex: 100%!important;}}