.productlist[itemtype*=ItemList] {
    padding: .5rem;
    margin-bottom: 0
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] {
    position: relative;
    margin-bottom: 1rem;
    list-style: none;
    padding: 0;
    float: left;
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] a {
    display: block;
    box-sizing: border-box;
    border-bottom: 1px solid #cacaca;
    overflow: hidden;
    padding: 2rem .5rem .5rem
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] a [itemprop=image] {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    min-width: 90%
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] a:hover {
    text-decoration: none
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] a:hover [itemprop=name] {
    text-decoration: underline
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] .flags {
    position: absolute;
    top: 0;
    right: 0;
    list-style: none
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] .availableDeliveryMethod {
    font-size: .55em
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] .wrap-header {
    position: relative
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] .header {
    color: #000;
    font-size: 1em;
    margin: 0 0 .5rem
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] .header [itemprop=brand] {
    display: block;
    min-height: 1.5em;
    color: #cacaca
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] .header [itemprop=brand].is-rating {
    max-width: 50%
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] .header [itemprop=name] {
    display: block;
    display: -webkit-box;
    max-width: 400px;
    height: 2.75em;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] [itemprop=aggregateRating] {
    position: absolute;
    top: 1.5em;
    right: 0;
    text-align: right;
    color: #6c6c6c;
    letter-spacing: 0;
    font-size: .7em
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] [itemprop=aggregateRating]:before {
    font-family: FontAwesome;
    color: #fd7c11;
    content: '\f006 \f006 \f006 \f006 \f006'
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] [itemprop=aggregateRating].rating-1:before {
    content: '\f005 \f006 \f006 \f006 \f006'
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] [itemprop=aggregateRating].rating-2:before {
    content: '\f005 \f005 \f006 \f006 \f006'
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] [itemprop=aggregateRating].rating-3:before {
    content: '\f005 \f005 \f005 \f006 \f006'
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] [itemprop=aggregateRating].rating-4:before {
    content: '\f005 \f005 \f005 \f005 \f006'
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] [itemprop=aggregateRating].rating-5:before {
    content: '\f005 \f005 \f005 \f005 \f005'
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] .price {
    color: #000;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] .price .strikethrough {
    font-size: 1rem;
    font-weight: 400
}

.productlist[itemtype*=ItemList] [itemprop=itemListElement] .price .strikethrough ~ .price, .productlist[itemtype*=ItemList] [itemprop=itemListElement] .price .strikethrough ~ [itemprop=price] {
    color: #e20a16;
    font-size: 1.5rem
}

.productlist.header > .row {
    min-height: 2.25em
}

.productlist.header .amount {
    font-size: 80%
}

.productlist.epi-server[itemtype*=ItemList] {
    display: none;
}

@media screen and (max-width: 32em) {
    .productlist.epi-server[itemtype*=ItemList] [itemprop=itemListElement] .price .strikethrough,
    .productlist.epi-server[itemtype*=ItemList] [itemprop=itemListElement] .price .strikethrough ~ .price,
    .productlist.epi-server[itemtype*=ItemList] [itemprop=itemListElement] .price .strikethrough ~ [itemprop=price] {
        font-size: 50%;
    }
}

@media screen and (min-width: 40em) {
    .productlist[itemtype*=ItemList] {
        padding: 1rem
    }

    .productlist[itemtype*=ItemList] [itemprop=itemListElement] a {
        padding: 2rem 1rem 1rem
    }

    .productlist[itemtype*=ItemList] [itemprop=itemListElement] .flags {
        right: 2px
    }

    .productlist[itemtype*=ItemList] [itemprop=itemListElement] .actions {
        font-size: 80%
    }

    .productlist[itemtype*=ItemList] [itemprop=itemListElement] .header [itemprop=brand].is-rating {
        max-width: 60%
    }

    .productlist[itemtype*=ItemList] [itemprop=itemListElement] [itemprop=aggregateRating] {
        letter-spacing: 1px
    }

    .productlist[itemtype*=ItemList] [itemprop=itemListElement] .availableDeliveryMethod {
        font-size: .55em
    }
}

@media screen and (min-width: 64em) {
    .productlist[itemtype*=ItemList] [itemprop=itemListElement] .header [itemprop=brand] {
        color: #6c6c6c
    }

    .productlist[itemtype*=ItemList] [itemprop=itemListElement] .header [itemprop=brand].is-rating {
        max-width: 70%
    }

    .productlist[itemtype*=ItemList] [itemprop=itemListElement] .availableDeliveryMethod {
        font-size: 80%
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .productlist[itemtype*=ItemList] [itemprop=itemListElement] .price {
        font-size: 1em
    }

    .productlist[itemtype*=ItemList] [itemprop=itemListElement] .price .strikethrough {
        font-size: .6em
    }
}

[data-widget*="ui/widget/catalog/productlist"] .dir, [data-widget*="ui/widget/catalog/productlist"] .dir.ui-state-active {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out, color .25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    margin: 0 0 1rem;
    background-color: #004d91;
    color: #fff;
    background-image: none;
    float: right;
    border-radius: 0 .4rem .4rem 0;
    padding: .5rem .8rem;
    font-size: 1em
}

[data-whatinput=mouse] [data-widget*="ui/widget/catalog/productlist"] .dir, [data-whatinput=mouse] [data-widget*="ui/widget/catalog/productlist"] .dir.ui-state-active {
    outline: 0
}

[data-widget*="ui/widget/catalog/productlist"] .dir.ui-state-active:focus, [data-widget*="ui/widget/catalog/productlist"] .dir.ui-state-active:hover, [data-widget*="ui/widget/catalog/productlist"] .dir:focus, [data-widget*="ui/widget/catalog/productlist"] .dir:hover {
    background-color: #3371a7;
    color: #fff
}

[data-widget*="ui/widget/catalog/productlist"] .dir.ui-state-active::after, [data-widget*="ui/widget/catalog/productlist"] .dir::after {
    content: "\f062";
    font-family: FontAwesome;
    color: #fff
}

[data-widget*="ui/widget/catalog/productlist"] .dir .ui-button-text, [data-widget*="ui/widget/catalog/productlist"] .dir.ui-state-active .ui-button-text {
    display: none
}

[data-widget*="ui/widget/catalog/productlist"] .dir.ui-state-active::after {
    content: "\f063"
}

[data-useragent*=Safari][data-platform=iPad] [data-widget*="ui/widget/catalog/productlist"] .dir, [data-useragent*=Safari][data-platform=iPad] [data-widget*="ui/widget/catalog/productlist"] .dir.ui-state-active {
    padding: .45455rem .8rem
}

[data-useragent*=Safari][data-platform=iPhone] [data-widget*="ui/widget/catalog/productlist"] .dir, [data-useragent*=Safari][data-platform=iPhone] [data-widget*="ui/widget/catalog/productlist"] .dir.ui-state-active {
    padding: .46512rem .8rem
}

[data-widget*="ui/widget/catalog/productlist"] .sort {
    display: block;
    line-height: 1;
    min-height: 2rem
}

[data-widget*="ui/widget/catalog/productlist"] .sort label {
    display: inline-block;
    line-height: 1;
    font-size: 1em
}

[data-widget*="ui/widget/catalog/productlist"] .sort label .label {
    float: left;
    padding: .5rem;
    margin: 1px 0 0;
    background: 0 0;
    color: #000;
    font-size: 1em
}

[data-widget*="ui/widget/catalog/productlist"] .sort .ui-selectmenu-button {
    float: left;
    margin: 0;
    border: 1px solid #cacaca;
    border-radius: .4rem
}

[data-widget*="ui/widget/catalog/productlist"] .sort .ui-selectmenu-button .ui-icon {
    background: 0 0;
    display: none
}

[data-widget*="ui/widget/catalog/productlist"] .sort .ui-selectmenu-button .ui-selectmenu-text {
    position: relative;
    padding: .5rem 2em .5rem .5rem
}

[data-widget*="ui/widget/catalog/productlist"] .sort .ui-selectmenu-button .ui-selectmenu-text::after {
    position: absolute;
    right: .5rem;
    top: .5rem;
    content: "\f0d7";
    font-family: FontAwesome
}

[data-widget*="ui/widget/catalog/productlist"] .sort .ui-selectmenu-button[aria-expanded=true] .ui-selectmenu-text {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

[data-widget*="ui/widget/catalog/productlist"] .sort .ui-selectmenu-button[aria-expanded=true] .ui-selectmenu-text::after {
    content: "\f0d8"
}

.productlist.epi-server[itemtype*=ItemList] button.slick-prev,
.productlist.epi-server[itemtype*=ItemList] button.slick-next {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    z-index: 1;
    font-size: 1.6em;
    opacity: .4
}

.productlist.epi-server[itemtype*=ItemList] button.slick-next:hover,
.productlist.epi-server[itemtype*=ItemList] button.slick-prev:hover {
    opacity: 1
}

.productlist.epi-server[itemtype*=ItemList] button.slick-next {
    right: 0
}

.productlist.epi-server[itemtype*=ItemList] button.slick-prev {
    left: 0
}

@media screen and (min-width: 40em) {
    .productlist.epi-server[itemtype*=ItemList] [itemprop=itemListElement] [itemprop=name] {
        display: block;
        min-height: 3em
    }
}

.productlist.epi-server[itemtype*=ItemList] [itemprop=itemListElement] [itemprop=offers] {
    height: 25px !important;
}

/* tile height - depends on different price displays - fix */
.productlist[itemtype*=ItemList] [itemprop=itemListElement] .price {
    min-height: 2em;
}