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

    [MEDIA QUERIES]
*/

/* [PRODUCTS]  --------------------------------------------------- */
.product-box a:hover {
    text-decoration: none;
}



.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;
}

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


.product-box .product-image img {
    max-height: 100% !important;
    position: absolute !important;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
}

.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 {
    text-align: center;
    position: relative;
}


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


    .product-info .price-btn-wrap {
        margin: 0.31rem 0;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }


    .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: 1.2rem;
}

.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;
    top: 0.25rem;
    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;
    border: 0.06rem solid #e7e7e7;
    transition: .2s;
    -webkit-transition: .2s;
    margin-bottom: 1.88rem;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
}

/* (PRODUCT GRID VIEW) END */


/* (PRODUCT LIST VIEW) */

.product-box-wrapper.list .product-info .price-btn-wrap {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

/* (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) {
    .product-box-wrapper.list #divProdItemWrapper {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .product-box-wrapper.list .product-box {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }

    .product-box-wrapper.list .product-image-wrapper,
    .product-box-wrapper.list .product-info {
        text-align: left;
    }

    .product-box-wrapper.list .product-image-wrapper {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .product-box-wrapper.list .product-info {
        -webkit-box-flex: 2;
        -moz-box-flex: 2;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
        border-top: 0;
    }

        .product-box-wrapper.list .product-info .product-title {
            margin-top: 0;
        }

        .product-box-wrapper.list .product-info .product-price,
        .product-box-wrapper.list .product-info .product-btn {
            display: block;
            text-align: left;
        }

    .product-box-wrapper.list .product-image .images {
        padding-top: 0;
    }

    .product-box-wrapper.list .product-box .product-image img {
        position: relative !important;
        left: 0;
        transform: translateX(0);
    }
}

@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: 575.98px) {
    .product-box-wrapper .col-xs-6 {
        width: 100%;
    }
}
/* [MEDIA QUERIES]  END--------------------------------------------------- */