/***
 Theme Name: Nest
 Description: Grocery, Super Market, eCommerce HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Quicksand:wght@400;500;600;700&display=swap");
/*import vendors*/
@import url(vendors/uicons-regular-straight.css);
/*import plugins*/
@import url(plugins/magnific-popup.css);
@import url(plugins/slick.css);
/*RESET*/



figure{
    margin:0px !important;
}
.border-radius-10 {
    border-radius: 10px;
}

.border-radius-15 {
    border-radius: 15px;
}

.border-radius-20 {
    border-radius: 20px;
}
/*PRODUCT DETAILS*/
.detail-gallery {
    position: relative;
}

    .detail-gallery .zoom-icon {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 2;
        font-size: 22px;
        opacity: 0.6;
    }

.slider-nav-thumbnails .slick-list {
    margin: 0 -10px;
}

.slider-nav-thumbnails .slick-slide {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}

    .slider-nav-thumbnails .slick-slide img {
        border-radius: 17px;
        width:80%
    }

    .slider-nav-thumbnails .slick-slide.slick-current::before {
        border-bottom: 5px solid #333;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        content: "";
        height: 0;
        left: 50%;
        margin-left: -5px;
        position: absolute;
        top: -6px;
        width: 0;
    }

    .slider-nav-thumbnails .slick-slide.slick-current img {
        border: 2px solid #38C0E0;
    }

.slider-nav-thumbnails div.slick-slide {
    margin: 0 10px;
}

.slider-nav-thumbnails button {
    opacity: 0;
}

    .slider-nav-thumbnails button.slick-arrow {
        margin: 0;
        border: 0;
        background: #F2F3F4;
        border-radius: 40px;
        width: 40px;
        height: 40px;
        line-height: 44px;
        font-size: 24px;
        z-index: 9;
        color: #7E7E7E;
    }

        .slider-nav-thumbnails button.slick-arrow:hover {
            color: #fff;
            background-color: #38C0E0;
        }

        .slider-nav-thumbnails button.slick-arrow.slick-prev {
            left: -30px;
        }

        .slider-nav-thumbnails button.slick-arrow.slick-next {
            right: -30px;
        }

.slider-nav-thumbnails:hover button {
    opacity: 1;
}

.slider-nav-thumbnails .slick-prev,
.slider-nav-thumbnails .slick-next {
    font-size: 12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.detail-gallery .product-image-slider {
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 15px;
    border: 0px solid #ececec;
    overflow: hidden;
}

    .detail-gallery .product-image-slider img {
        opacity: 1;
        border-radius: 16px;
        width: 100%;
        max-width: 83vw;
    }

    .detail-gallery .product-image-slider.slider-nav-thumbnails {
        background: none;
        border-radius: 0;
    }

    .detail-gallery .product-image-slider button.slick-arrow {
        background: none;
        border: 0;
        padding: 0;
        font-size: 14px;
    }

        .detail-gallery .product-image-slider button.slick-arrow i {
            color: #adadad;
        }
@media only screen and (max-width: 1400px) {
    .slider-nav-thumbnails button.slick-arrow.slick-prev {
        left: -30px;
    }

    .slider-nav-thumbnails button.slick-arrow.slick-next {
        right: -30px;
    }
}