/*.product-slider .carousel-item.active {
    display: flex!important;
}*/

.magnifier-thumb-wrapper {
    position: relative;
    display: block;
    top: 0;
    left: 0
}

.magnifier-lens {
    position: absolute;
    border: solid 1px #ccc;
    z-index: 1000;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
}

.magnifier-loader {
    position: absolute;
    top: 0;
    left: 0;
    border: solid 1px #ccc;
    color: #fff;
    text-align: center;
    background: transparent;
    background: rgba(50, 50, 50, 0.5);
    z-index: 1000;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F323232,endColorstr=#7F323232)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F323232, endColorstr=#7F323232)
}

.magnifier-loader-text {
    font: 13px Arial;
    margin-top: 10px
}

.magnifier-large {
    position: absolute;
    z-index: 100;
    background-color: #FFF;
}

.magnifier-preview {
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.magnifier-preview img {
    position: absolute;
    top: 0;
    left: 0
}

@media (min-width: 992px) {
    .opaque {
        opacity: .5;
        filter: alpha(opacity=50);
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50)
    }
}

.hidden {
    display: none!important;
}

#zoom-preview {
    position: absolute;
    /*height: 100%;*/
    padding-top: 92%;
    width: 100%;
    overflow: hidden;
    background-color: #FFF;
    z-index: 1400;
}

.slick-next, .slick-next:hover, .slick-next:focus {
    width: 30px;
    height: 30px;
    background: no-repeat 50% / 100% 100%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f37832' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.slick-next:before {
    content: '';
}

.slick-prev, .slick-prev:hover, .slick-prev:focus {
    width: 30px;
    height: 30px;
    background: no-repeat 50% / 100% 100%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f37832' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.slick-prev:before {
    content: '';
}

.slick-lightbox-close:before {
    color: #f37832;
    opacity: 1;
    font-size: 34px;
    font-weight: bold;
}

#zoomiocontainer{ /* container containing enlarged image (native sized image) */
    position: absolute;
    z-index: 9999;
    overflow: hidden;
    background: white;
    visibility: visible;
}

#zoomiocontainer img{ /* image inside zoom container */
    width: auto;
    height: auto !important;
    position: absolute !important;
    display: block !important;
}

.disablepointer{
    pointer-events: none;
}

#zoomiocontainer.mobileclass{ /* CSS class added to zoom container on mobile OS */
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

/* ### Loading DIV CSS ### */

#zoomioloadingdiv{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    visibility: hidden;
    overflow: hidden;
    display: flex;
    pointer-events: none;
    z-index: 10000;
    background: white;
}

#zoomioloadingdiv .spinner {
    width: 40px;
    height: 40px;
    margin: 100px auto;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
    0% { -webkit-transform: scale(0) }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 100% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
          opacity: 0;
      }
}

.slick-lightbox {
    background: #FFF!important;
}