/*
--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# 
# Quick view modal
 
*/

@media (min-width: 992px) {
    #QuickViewModal .modal-lg {
        max-width: 900px;
   }
}
#QuickViewModal .modal-content {
    position: relative;
    border-radius: 0;
}
#QuickViewModal .modal-content .modal-header {
    position: fixed;
    top: 15px;
    right: 15px;
    border-bottom: none;
    padding: 0;
    z-index: 999999;
    outline: none;
}
#QuickViewModal .modal-content .modal-header .close {
    margin: 0;
    outline: none;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}
#QuickViewModal .modal-content .modal-header .close span {
    color: #FFF;
    outline: none;
    font-size: 50px;
}
#QuickViewModal .woocommerce-product-details__short-description {
    border-bottom: 0;
}
#QuickViewModal .woocommerce-review-link {
    pointer-events: none;
}
.list-products li .wrap-product__thumbnail .ButtonAction a,.list-products li .wrap-product__thumbnail .ButtonAction span {
    min-width: 35px !important;
    height: 35px !important;
    line-height: 40px !important;
    padding: 0px !important;
    cursor: pointer;
    color: #FFF !important;
    background: #337ab7 !important;
    margin: 0 0 5px !important;
    display: block !important;
}
.list-products li .wrap-product__thumbnail .ButtonAction {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0;
    visibility: hidden;
}
.list-products li .wrap-product__thumbnail #openQuickView {
    transition: 0.35s ease-in-out !important;
}
.list-products li .wrap-product__thumbnail .view-detail {
    transition: 0.5s ease-in-out !important;
}
.quantity_text {
    margin-right: 10px;
}
.list-products li .wrap-product__thumbnail #openQuickView,
.list-products li .wrap-product__thumbnail .view-detail {
    -webkit-transform: scale3d(0,0,0);
    transform: scale3d(0,0,0);
}
.list-products li.open .wrap-product__thumbnail #openQuickView,
.list-products li.open .wrap-product__thumbnail .view-detail,
.list-products li:hover .wrap-product__thumbnail #openQuickView,
.list-products li:hover .wrap-product__thumbnail .view-detail {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.list-products li:hover .wrap-product__thumbnail .ButtonAction,
.list-products li.open .wrap-product__thumbnail .ButtonAction {
    opacity: 1;
    visibility: visible;
}
.list-products li.open .wrap-product__thumbnail .ButtonAction #openQuickView,
.list-products li .wrap-product__thumbnail .ButtonAction a:hover,.list-products li .wrap-product__thumbnail .ButtonAction span:hover {
    background-color: #ea2700 !important;
}

/* WooCommerce Css */
.slick-prev:before, .slick-next:before, a.pixtadev-popup {
    transition: all 0.3s linear 0s; 
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}
.pixtadev-slider-nav img {
    cursor: pointer;
}
a.pixtadev-popup {
    transition: 0.3s ease-in-out;
    font-size: 18px;
    padding: 0px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 9;
    background: rgba(255,255,255,.9);
    box-shadow: 0 0 5px rgba(0,0,0,.08);
    color: rgba(0,0,0,.7);
    border-radius: 50%;
}
a.pixtadev-popup:hover {
    opacity: 1;
}
.pixtadev-slider-nav img {
    opacity: .9;
}
.pixtadev-slider-nav .slick-current img,
.pixtadev-slider-nav img:hover {
    opacity: 1;
}
.pixtadev-slider-for .zoom img:first-child {
    display: none!important;
}
.pixtadev-slider-for .zoomImg {
    cursor: default;
}
/* WooCommerce Css */
.admin-bar .fancybox-container {
    z-index: 999999;
}
.single-product.woocommerce span.onsale{
    z-index:9;
}
.pixtadev-slider-for.slick-slider {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 20px;
}
.gallery-horizontal .pixtadev-slider-for.slick-slider {
    margin-bottom: 20px;
}
.pixtadev-slider-for .slick-slide {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#pixtadev-gallery.slick-slider {
    margin-left: -10px !important;
    margin-right: -10px !important;
}
#pixtadev-gallery .slick-slide {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
#pixtadev-gallery .slick-slide img {
    border: 1px solid #ddd;
    opacity: 0.5;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity 0.6s;
}
#pixtadev-gallery .slick-slide.slick-current img,
#pixtadev-gallery .slick-slide:hover img {
    border-color: rgba(0,0,0,0.3);
    opacity: 1;
}
#pixtadev-gallery .slick-arrow {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-out;
}
#pixtadev-gallery:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
}
/* Gallery Vertical */
.gallery-horizontal #pixtadev-gallery:hover .slick-prev {
    left: 10px;
}
.gallery-horizontal #pixtadev-gallery:hover .slick-next {
    right: 10px;
}
/* Gallery Vertical */
.gallery-vertical {
    clear: both;
}
.gallery-vertical .pixtadev-slider-for {
    float: right;
    width: calc( 100% - 18%);
}
.gallery-vertical #pixtadev-gallery {
    float: left;
    width: 18%;
    margin-left: 0;
    margin-right: 0;
}
.gallery-vertical #pixtadev-gallery .slick-slide {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.gallery-vertical #pixtadev-gallery.slick-slider .slick-prev,
.gallery-vertical #pixtadev-gallery.slick-slider .slick-next {
	left: 50%;
	right: 50%;
}
.gallery-vertical #pixtadev-gallery.slick-slider .slick-prev {
	top: 0;
	transform: translate(-50%,0);
}
.gallery-vertical #pixtadev-gallery.slick-slider .slick-next {
	bottom: 0;
	top: initial;
	transform: translate(-50%,-50%);
}
.gallery-vertical #pixtadev-gallery:hover .slick-prev {
    top: 10px;
}
.gallery-vertical #pixtadev-gallery:hover .slick-next {
    bottom: 10px;
}
.gallery-vertical #pixtadev-gallery.slick-slider .slick-prev:before {
    content: "\f077";
}
.gallery-vertical #pixtadev-gallery.slick-slider .slick-next:before {
    content: "\f078";
}