.jws_gallery_element {
    .jws-popup-global {
        .thumbnail-popup {
            display:none;
        }
        span {
         position: absolute;
        left: 50%;
        top: 50%;
        width: 45px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        background: var(--main);
        color: #ffffff;
        font-size: 20px;
        margin-top: -22.5px;
        margin-left: -22.5px;
            transition: 0.3s;
        transform: scale(0);
        -webkit-transform: scale(0);
        opacity: 0;
        z-index: 1;   
        }
    }
    .jws_gallery_image:hover .jws-popup-global span {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;   
    }
    .custom_navs {
        position: absolute;
        right: 0;
        top: -18px; 
         width: 110px;
         display: flex;
        -webkit-display: flex;
    }
    .nav_left {
        margin-right:20px;
    }
    button {
         width: 45px;
        height: 45px;
        color: var(--light);
        font-size: 30px;
        border: 2px solid var(--main);
        line-height: 40px;
        text-align: center;
        cursor: pointer;
        transition: .3s all;
        z-index: 1;
        display: inline-block;
        background: transparent;
        &:hover {
         background: var(--main);   
        }
          
        }  
    .slider.row {
        display:block;
    }
    .jws_gallery {
        .jws_gallery_image {
            img {
                width:100%;
            }
        }
        .jws_gallery_item {
            margin-top: 0;
            position:relative;
        }
        button {
            background: transparent;
            border: 1px solid #232323;
            border-radius: 100%;
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center; 
            position: absolute;
            top: 50%;
            z-index: 1;
            margin-top: -50px;
            &.prev-button{
               left: -80px; 
            }
            &.next-button{
              right:-80px;
            } 
        }   
    }
    .slick-dots {
       li {
           background: var(--light);
            opacity: 0.6;
            width: 5px;
            height: 5px;
            border: 0;
            &.slick-active {
              opacity: 1;  
            }
       } 
       button {
        display:none;
       } 
    }
}

.gallery_tabs {
        margin-bottom: 60px;
    padding-right: 153px;
    ul {
    list-style-type: none;
    padding: 0;
    margin: 0; 
    text-align: right; 
    }
    li {
       display: inline-block;
        margin-right: 30px;
        &:last-child {
            margin-right:0;
        }
       a {
        color:var(--light);
        &.filter-active {
          color:var(--main);  
        }
       } 
    }
}


.clb-popup {
    background-color: rgba(23, 22, 26, 0.992);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 9999999;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-50vh);
    -ms-transform: translateY(-50vh);
    transform: translateY(-50vh);
    &.visible {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out; 
    } 
    .close-bar {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 11;
        .clb-close {
            float: right;
            color: #ffffff;
            font-size: 25px;
            padding: 15px; 
        }
        .btn-round {
            color: #ffffff;
            font-size: 35px;
            padding: 15px; 
            cursor: pointer;
        }
    }
     .custom-navs {
        text-align: center;
        padding: 30px 0;
        position: absolute;
        bottom: 0;
        width: 100%;
   }
    .clb-popup-holder {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
       .slider {
            opacity: 0;
            -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
            -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
            transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
            img {
                margin:0 auto;
                max-height:  ~"calc(100vh - 170px)";
                width:auto;
            }
            .slick-track {
                display: flex;
                .slick-slide {
                  display: flex;
                  height: auto;
                  align-items: center;
                  justify-content: center;  
                }
            }
            &.visible {
                visibility: visible !important;
                opacity: 1 !important; 
               .image-wrap {
                    transition: 0.5s all;
                    transform: scale(0.6);
                    opacity: 0.6;
                &.slick-current {
                    transform: scale(1);
                    opacity: 1;  
                }
            }
            }
       } 
    }   
}
@media(max-width:767px) {
    .gallery_tabs {
      padding-right: 0; 
      li {
        margin-right: 15px;
      } 
      ul {
       text-align: left; 
      }
    }
    .jws_gallery_element .custom_navs {
           position: relative; 
    }
}