﻿.wrapper {
    background-color: #f5f5f5;
}

.product-continer {
    border: 1px solid lightgray;
}

.product:hover {
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.product {
    padding: 20px;
}

.product-continer {
    border: 1px solid lightgray;
    margin: -1px;
    background-color: white;
}

.hover-btn a {
    box-shadow: 0 0 10px rgba(0, 0, 0,0.4);
}

    .hover-btn a.hover-shop {
        background: #fff url(/DeticatePage/PublicPage26/images/shop-icon.png) no-repeat scroll;
        background-position: center 13px;
        margin-right: 4px;
    }

    .hover-btn a.hover-view {
        background: #fff url(/DeticatePage/PublicPage26/images/shop-icon.png) no-repeat scroll;
        background-position: center -100px;
    }

    .hover-btn a.hover-shop:hover {
        background-position: center -44px;
        background-color: gray;
    }

    .hover-btn a.hover-view:hover {
        background-position: center -158px;
        background-color: gray;
    }

.hover-btn a {
    box-shadow: 0 0 10px rgba(0, 0, 0,0.4);
    width: 41px;
    height: 41px;
    display: inline-block;
    background: white;
    border-radius: 50%;
}

.product:hover .hover-btn {
    bottom: 15%;
}

.hover-btn {
    position: absolute;
    bottom: -60%;
    text-align: center;
    margin-right: calc( -43px + 50% );
    -webkit-transition: all ease-out 400ms;
    -moz-transition: all ease-out 400ms;
    -o-transition: all ease-out 400ms;
    transition: all ease-out 400ms;
}

#categoryCollapse.accordion-body .accordion-inner,
#filterCollapse.accordion-body .sidebar-filters .accordion-inner {
    max-height: 307px !important;
}

@media only screen and (max-width: 1400px) and (min-width: 1290px) {
    .container.product-grid {
        width: 1280px;
        margin: 13px auto;
    }
}

.container.product-grid {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);
    background-color: white;
}

.product-grid {
    padding: 12px;
}

.sidebar {
    box-shadow: none;
    border: none;
}
