/*
component-grid-category-e .hidden .title {
    margin-bottom: 15px;
}*/
component-grid-category-e component-grid-category-e .category {
    padding: 50px 0;
    width: 100%;
    background-color: #FFF
}
component-grid-category-e .category h1,
component-grid-category-e .category p {
    margin: 0 0 30px;
    padding: 0 5px;
    position: relative;
    z-index: 1;
    width: 100%;
    color: #191919;
    text-align: center;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap !important;
    word-wrap: break-word;
    white-space: normal
}
component-grid-category-e .category p {
    margin: 0 0 10px
}
component-grid-category-e .category h2 {
    margin: 0 0 30px;
    padding: 0 5px;
    position: relative;
    z-index: 1;
    width: 100%;
    color: #191919;
    text-align: center;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap !important;
    word-wrap: break-word;
    white-space: normal
}
component-grid-category-e .category h2 a {
    color: #191919
}
component-grid-category-e .category h2 a.active {
    color: #811D00;
    text-decoration: none
}
component-grid-category-e .category h2 a:hover {
    color: #D13304;
    text-decoration: none
}
component-grid-category-e .category h2 a:focus,
component-grid-category-e .category h2 a:active {
    color: #811D00;
    text-decoration: none
}
component-grid-category-e .category .item {
    padding: 15px 0
}
component-grid-category-e .category .item .product-image-link {
    margin: 20px auto 20px;
    position: relative;
    display: block;
    width: 75%;
    height: auto;
    text-align: center;
    overflow: hidden
}
component-grid-category-e .category .item .product-image-link .img {
    margin: 0 auto;
    padding: 100% 0 0;
    display: block;
    width: 100%;
    max-width: 400px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.2s ease-in-out
}
component-grid-category-e .category .item .product-image-link .-card {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.4s
}
component-grid-category-e .category .item .product-image-link .-card .-table {
    display: table;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    color: #FFF;
    font-size: 18px
}
component-grid-category-e .category .item .product-image-link .-card .-table .-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}
component-grid-category-e .category .item .product-image-link .-card .-table .-cell img {
    margin: 0 auto;
    display: block;
    max-width: 50%;
    max-height: 50%
}
component-grid-category-e .category .item .product-image-link .-card .-table .-cell span {
    display: inline-block;
    width: 100%
}
component-grid-category-e .category .item .product-image-link .-card .-table .-cell .button {
    margin: 20px 0 0
}
component-grid-category-e .category .item .product-image-link:hover .-card {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.6)
}
component-grid-category-e .category .item .item-detail {
    padding: 0 0 15px
}
component-grid-category-e .category .item .item-detail .badges {
    margin: 0
}
component-grid-category-e .category .item .item-detail .badges.badges {
    margin: 0 0 5px 5px
}
component-grid-category-e .category .item .item-detail .-name {
    margin: 10px 0 0;
    display: inline-block;
    width: 100%
}
component-grid-category-e .category .item .item-detail .-name a {
    display: block;
    color: #191919;
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap !important;
    word-wrap: break-word;
    white-space: normal
}
component-grid-category-e .category .item .item-detail .button {
    margin: 20px 0 0;
    position: relative;
    display: inline-block;
    overflow: hidden;
    backface-visibility: hidden;
    transition: all 0.3s
}
component-grid-category-e .category .item .item-detail .button:before {
    content: "In Cart";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    transform: translate(-200%, -50%);
    transition: all 0.3s
}
component-grid-category-e .category .item .item-detail .button:after {
    content: "";
    position: absolute;
    z-index: -1;
    transition: all 0.3s
}
component-grid-category-e .category .item .item-detail .button span {
    display: inline-block;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    backface-visibility: hidden
}
component-grid-category-e .category .item .item-detail .button.-incart {
    background-color: #095A85
}
component-grid-category-e .category .item .item-detail .button.-incart:before {
    transform: translate(0, -50%)
}
component-grid-category-e .category .item .item-detail .button.-incart span {
    transform: translateX(200%)
}
component-grid-category-e .category .item .item-detail a {
    color: #191919
}
component-grid-category-e .category .item .item-detail a.active,
component-grid-category-e .category .item .item-detail a:hover,
component-grid-category-e .category .item .item-detail a:focus,
component-grid-category-e .category .item .item-detail a:active {
    text-decoration: none
}
component-grid-category-e .category .item .item-detail a.active {
    color: #811D00
}
component-grid-category-e .category .item .item-detail a:hover {
    color: #D13304
}
component-grid-category-e .category .item .item-detail a:focus,
component-grid-category-e .category .item .item-detail a:active {
    color: #811D00
}
@media screen and (max-width: 767px) {
    component-grid-category-e .category .item a.product-image-link {
        margin: 0 auto 20px;
        width: 50%
    }
}
@media screen and (max-width: 543px) {
    component-grid-category-e .category .item a.product-image-link {
        width: 85%
    }
}
@media screen and (max-width: 320px) {
    component-grid-category-e .category .item a.product-image-link {
        width: 100%
    }
}