/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
    [PRODUCTS]
        (PRODUCT INFO)
        (PRODUCT GRID VIEW)
        (PRODUCT LIST VIEW)

    [MEDIA QUERIES]
*/

/* [PRODUCTS]  --------------------------------------------------- */
.product-box a:hover {
    text-decoration: none;
}
.soldout {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 1;
    /*z-index: 9;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 19px;
    text-align: center;
    padding: 5px;
    font-size: .9rem;*/
}


.tags-section span {
    -webkit-animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
    -webkit-animation-duration: 1.7s;
    animation: 1.7s blinker infinite cubic-bezier(.5, 0, 1, 1);
}

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}

@keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}



.product-box .product-image {
    text-align: center;
    height: 100%;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
}

.product-box-wrapper .product-image .images {
    position: relative;
    /*padding-top: 65%;*/
    text-align: center;
    display: block;
}


.product-box .product-image img {
    max-height: 100%;
    /*position: absolute;*/ 
        width: 100%;
} 

.product-box:hover .product-image{    
    transform: scale(0.96);
    transition: .3s linear; }

.product-box .product-hover-details .quick-info {
    width: 100%;
    padding: 0.94rem 0;
    position: absolute;
    top: 43%;
    left: 0;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.8);
}

.product-box .soldOutwrap {
    position: absolute;
    transform: rotate(-45deg) translate3d(0%, 0%, 0 );
    width: 6.25rem;
    text-align: center;
    background: #fff;
    padding: 0.31rem 0;
    z-index: 999;
    left: 0px;
    top: 4.38rem;
    line-height: 1.38rem;
    font-size: 0.88rem;
    transform-origin: 0 0;
}

    .product-box .soldOutwrap:before,
    .product-box .soldOutwrap:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        border: 1rem solid #fff;
    }

    .product-box .soldOutwrap:before {
        right: 100%;
        border-color: transparent #fff #fff transparent;
    }

    .product-box .soldOutwrap:after {
        left: 100%;
        border-color: transparent transparent #fff #fff;
    }

/* (PRODUCT INFO) */

.product-info {
   position: relative;
}


    .product-info .ratings {
        display: block;
        position: relative;
    }


  


    .product-info .product-price, .product-info .product-btn {
        display: inline-block;
    }

        .product-info .product-btn .btn {
            border-radius: 0;
        }

    .product-info .btn.viewall {
        margin-top: 1.56rem;
    }

.product-price .new-price {
    font-size: 1rem;
    font-weight: 600;
    color: #c7291e;
}

.product-price .old-price {
    text-decoration: line-through;
}



.product-hover-details {
    display: none;
}

.product-box:hover .product-hover-details {
    display: block;
}

.review-favourite-wrap {
    width: 100%;
    position: absolute;
    left: 0;
    padding: 0 0.31rem;
    z-index: 1;
}

    .review-favourite-wrap .faviourite a .fa.fa-heart:before, .product-fav .faviourite a .fa.fa-heart:before {
        content: "\f08a";
    }

    .review-favourite-wrap .faviourite.active a .fa.fa-heart:before, .product-fav .faviourite.active a .fa.fa-heart:before, .review-favourite-wrap .faviourite a .fa:hover.fa-heart:before, .product-fav .faviourite a .fa:hover.fa-heart:before {
        content: "\f004";
        color: red;
    }

#divLoveItWrapper.active {
    cursor: default;
}


.review-favourite-wrap .faviourite span.count,
.product-fav .faviourite span.count {
    margin-left: 0.19rem;
    position: relative;
    top: -0.06rem;
}

.review-favourite-wrap .tooltip.top {
    margin-top: -0.94rem;
}



/* (PRODUCT INFO) END*/


/* (PRODUCT GRID VIEW) */

.product-box-wrapper.grid .product-info {
    padding: 0.44rem;
}

    .product-box-wrapper.grid .product-info .small-desc {
        display: none;
    }

.product-box-wrapper.grid .product-box {
    position: relative;
    transition: .2s;
    -webkit-transition: .2s;
    width: 100%;
   
}

/* (PRODUCT GRID VIEW) END */


/* (PRODUCT LIST VIEW) */



/* (PRODUCT LIST VIEW) END*/

/* [PRODUCTS]  END--------------------------------------------------- */



/* [MEDIA QUERIES]  --------------------------------------------------- */

@media screen and (min-width: 992px) {
    .product-box-wrapper:after {
        content: '';
        display: block;
        clear: both;
    }
}

@media screen and (min-width: 768px) {
  
}

@media screen and (max-width:991.98px) {
    .product-box-wrapper .product-image .images {
        /*padding-top: 100%;*/
    }

    .product-info .price-btn-wrap {
        -webkit-justify-content: center;
        justify-content: center;
    }
}

@media screen and (max-width: 767.98px) {
    .product-box-wrapper .col-xs-6 {
        width: 100%;
    }
   .product-box .product-info .price-btn-wrap .product-price .new-price{
    font-size: 1.2rem;
}
    .product-box .product-info .price-btn-wrap .product-price .new-price, 
    .product-box .product-info .price-btn-wrap .product-price .old-price
     {
  margin:0!important;
}
}
/* [MEDIA QUERIES]  END--------------------------------------------------- */