.c-isotope {
   position: relative;
   overflow: hidden;
   border-radius: 10px;
}

.c-img {
  padding-top: 56.25%;
width: 100%;
   transition: transform 0.3s;
   background-position: top center;
   background-size: 100% auto;
   background-repeat: no-repeat;
       position: relative;
}

.c-img .cat {
    position: absolute;
    background-color: #d2232a;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    top: 0;
    left: 0;
    padding: 2px 15px 2px 15px;
    font-size: 13px;
    font-weight: 600;
}


.c-overlay {
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    z-index: 1;
    text-decoration: none !important;
    flex-direction: column;
    font-size: 14px;
    padding: 10px 15px;
    animation: slideDown 0.8s forwards;
}

.c-overlay i {
    font-size: 50px;
    margin-bottom: 10px;
}
.c-overlay h5 {
    margin-bottom: 10px;
    color: #fff;
}
.c-overlay p {
    margin: 0;
        line-height: 16px;
}

.c-isotope:hover .c-img {
   /* transform: scale(1.1); */
}

.c-isotope:hover .c-overlay {
  animation: slideUp 0.8s forwards;
}

/* .c-isotope .c-overlay {
  animation: slideDown 0.8s backwards;
} */

.c-overlay:hover {
  color:#fff !important;
}

div#heroL {
    position: relative;
}

#heroL .c-img {
  padding-top: 56.25%;
width: 100%;
}

#heroL .owl-nav {
    justify-content: space-between;
    margin: 0;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

#heroL .owl-dots {
    display: none;
}

#heroL .c-isotope {
    border-radius: 0;
}


#heroL a.c-overlay {
    padding: 50px 50px;
}

#heroL a.c-overlay i{
  font-size: 80px;
}

#heroL a.c-overlay h5{
  font-size: 40px;
}

#heroL a.c-overlay p{
  font-size: 20px;
  line-height: 30px;
}

@media only screen and (max-width:1024px) {
  #heroL a.c-overlay i,a.c-overlay i {
    font-size: 40px;
  }
  #heroL a.c-overlay h5, a.c-overlay h5 {
    font-size: 30px;
  }
  #heroL a.c-overlay p, a.c-overlay p {
    font-size: 15px;
    line-height: 20px;
  }
}

@media only screen and (max-width:767px) {
  #heroL a.c-overlay i, a.c-overlay i {
    font-size: 35px;
    margin: 0;
  }
  #heroL a.c-overlay h5, a.c-overlay h5 {
    font-size: 23px;
    margin-bottom: 3px;
  }
  #heroL a.c-overlay p, a.c-overlay p {
    font-size: 12px;
    line-height: 16px;
  }
  .ast-scroll-to-top-right {
    right: 30px;
    bottom: 45px;
  }
}


.owl-stage.reverse {
    display: flex;
    flex-direction: row-reverse;
}

div#yearSort {
    position: absolute;
    top: -74px;
    right: 0;
}

/* Animation for sliding up */
.slide-up {
    animation: slideUp 0.8s forwards;
}

@keyframes slideUp {
   from {
       opacity: 0;
   }
   to {
       opacity: 1;
   }
}

/* Animation for sliding down */
.slide-down {
    animation: slideDown 0.8s forwards;
}

@keyframes slideDown {
   from {
       opacity: 1;
   }
   to {
       opacity: 0;
   }
}


 .owl-nav {
     display: flex;
     justify-content: center;
     gap: 20px;
     margin-top: 20px;
 }

.owl-carousel .owl-nav button {
    background: red !important;
    height: 40px;
    width: 40px;
    border-radius: 0;
}

/* #cLC {display: flex;gap: 20px;flex-wrap: wrap;min-height: auto !important;} */

#cLC {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    min-height: auto !important;
}

#cLC .c-isotope {
    box-shadow: 1px 1px 8px #00000029;
    border-radius: 5px;
    width: 100%;
}

.mixitup-page-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 22px 0 38px;
}

.mixitup-page-list button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 15px;
    border-radius: 0 !important;
    line-height: 29px;
    font-size: 20px !important;
}

@media only screen and (min-width:768px) and (max-width:1200px) {
  #cLC {grid-template-columns: 1fr 1fr;}
}

@media only screen and (max-width:767px) {
  #cLC {grid-template-columns: 1fr;}
}

#filterBtn {
    display: flex;
    gap: 0;
    align-items: center;
    flex-grow: 1;
    background: #008bcc;
}

#filterBtn a.active {
    background-color: #800d11;
    color: #fff !important;
}
#filterBtn a {
    color: #fff;
    border-radius: 0;
    font-size: 17px;
    padding: 15px 14px;
    font-weight: 600;
    cursor: pointer;
    background: var(--e-global-color-a185853);
    flex-grow: 1;
    text-transform: capitalize;
    text-align: center;
    text-decoration: none;
}

@media only screen and (max-width: 767px){
  #filterBtn {
      gap: 3px;
      flex-wrap: wrap;
      background: transparent;
  }
  #filterBtn a {
    text-align: center;
    flex: none;
    font-size: 15px;
    padding: 10px 13px;
  }
  #cLC .c-isotope {
      width: 100%;
      flex: 0 0 100%;
  }
}


ul.casts {
    margin: 0;
    list-style: circle;
    list-style-position: inside;
}


#singleContentGal {
    position: relative;
    z-index: 0;
}
#singleContentGal:before {
    position: absolute;
    top: -54px;
    right: 60px;
    width: 90%;
    bottom: 0;
    left: 71px;
    border: 5px solid #377487;
    content: "";
    z-index: -1;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    height: 130%;
    display: none;
}

.gallery-item a {
      position: relative;
      height: 250px;
      display: block !important;
      background-size: contain !important;
      background-position: center !important;
      background-repeat: no-repeat !important;
}

.gallery-item a, .gallery-item a:hover, .gallery-item a:active, .gallery-item a:focus{
  outline:none;
}

.gallery-item a:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    /* background-color: rgb(0 0 0 / 71%); */
}

body.single-catalog div#elementor-lightbox-slideshow-single-img {
    display: none !important;
}

button.mfp-close, button.mfp-close:hover {
    display: flex;
    align-items: center;
    justify-content: end;
    background: transparent !important;
    font-size: 50px !important;
    width: auto !important;
    cursor: pointer !important;
}

/* #singleContentGal .owl-item.active.center .gallery-item a:before {background-color:transparent} */
#singleContentGal .owl-nav{display:flex;width:100%;justify-content:space-between;position:absolute;top:70px;left:50%;transform:translate(-50%,-50%)}
#singleContentGal .owl-prev span,
#singleContentGal .owl-next span{display:none}
#singleContentGal .owl-nav [class*="owl-"]{position:absolute;display:inline-block;width:30px;height:86px;background:#fff;opacity:0.8;border:0px solid #16232a;border-radius:0;color:#fff;font-size:30px;font-weight:100;line-height:86px;margin:0;padding:0;transition:all 700ms ease 0s}
#singleContentGal .owl-nav .owl-prev:before,
#singleContentGal .owl-nav .owl-next:before{position:absolute;content:"\f053";font-family: "Font Awesome 5 Free";font-weight: 900;top:0;left:0;display:block;width:100%;height:100%;opacity:1;color:#16232a;font-size: 30px;line-height: 86px;transition:all 200ms linear;transition-delay:.1s}
#singleContentGal .owl-nav .owl-next{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);right: 0;}
#singleContentGal .owl-dots{position:absolute;bottom:-114px;left:50%;transform:translateX(-50%)}
#singleContentGal .border-box{margin:18px 0}

button.mfp-arrow {
    background: transparent !important;
}

button.mfp-close {
  /* display: none; */
}


.filter-controls, .filter-control {
    display: flex;
    align-items: center;
}

.filter-controls {
    gap:5px 25px;font-size: 20px;
}

.filter-control {
    gap:5px 15px;
}