﻿body {
    overflow-x: hidden;
}

.overview .add-to-samplecart button {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border: none;
    border-radius: 3px;
    font-weight: bold;
    color: #8c8c8c;
    font-size: 0;
    text-transform: uppercase;
    text-align: center;
    background-color: #f1f1f1;
    transition: all .1s ease;
}

.overview .add-to-samplecart button:before {
    content: "\66";
    display: inline-block;
    vertical-align: bottom;
    color: #8c8c8c;
    font-size: 17px;
    text-transform: none;
    font-weight: normal;
}

.overview .add-to-samplecart {
    display: inline-block;
    margin-left: 5px;
}

button.add-to-samplebasket-button:before {
    content: "\66";
}



@media(min-width: 1025px) {
    .ico-sample .sample-qty {
        position: absolute;
        display: inline-block;
        top: -5px;
        left: 50%;
        -webkit-transform: translateX(-50%) translateX(25px);
        -ms-transform: translateX(-50%) translateX(25px);
        transform: translateX(-50%) translateX(25px);
        background-color: #97c300;
        font-size: 10px;
        height: auto;
        padding: 0 3px;
        width: auto;
        min-width: 15px;
        min-height: 15px;
        line-height: 15px;
        border-radius: 20px;
        color: #fff;
        text-align: center;
    }

    .ico-sample:before {
        content: "\66";
    }
}

@media (min-width: 1281px) {
    .overview .add-to-samplecart {
        display: block;
        width: 100%;
        margin-left: 0;
    }
}

@media (min-width: 1281px) {
    .overview .add-to-samplecart button {
        width: 100%;
        font-size: 13px;
    }
}

@media (min-width: 1281px) {
    .overview .add-to-samplecart button:before {
        margin-right: 10px;
    }
}

.overview .add-to-wishlist button:before {
}

.header-menu ul.mega-menu li.menu-sample {
    display: none;
}

.header-menu ul.mega-menu-responsive li.menu-sample {
    background-color: #f6f6f6;
}

.header-menu ul.mega-menu-responsive li.menu-sample a.ico-sample:before {
    content: "\66";
}

@media (max-width: 1024px) {
    .ico-compare:before, .ico-sample:before {
        display: inline-block;
        font-family: "emporium-icons";
        margin-right: 10px;
        font-size: 17px;
        color: #8e8e8e;
        font-weight: normal;
        text-transform: none;
        vertical-align: bottom;
    }
}