html {font-size: 62.5%;}

body {
    -webkit-font-smoothing: subpixel-antialiased;
    background: #fff;
    color: #222121;
    cursor: auto;
    font-style: normal;
    font-weight: 400;
    font-family: Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .03em;
    line-height: 1.428571428571429;
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 12px;
}

a:hover {
    cursor: pointer;
    transition: color .2s,background-color .2s,border .2s;
}

.left {
    float: left!important
}

.right {
    float: right!important
}

.cf:after,.cf:before {
    content: ' ';
    display: table
}

.cf:after,.clear {
    clear: both
}

.expand {
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

img {
    display: inline-block;
    vertical-align: middle
}
h1,h2,h3,h4,h5,h6 {
    font-style: normal;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    line-height: 1.333333333333333;
    margin-bottom: 2rem;
    margin-top: 1.5rem;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    text-transform: uppercase;
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
    color: #918e8d;
    font-size: 1.2rem;
    line-height: 0
}

h1 {
    color: #cc2929;
    font-size: 2.6rem;
    line-height: 1.176470588235294;
    font-size: 2.8rem !important;
}

h1,h2 {
    font-weight: 400;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    position: relative;
    display: block;
    color: #cc2929;
    text-transform: uppercase;
    overflow: hidden;
}

h2 {
    color: #4c4a49;
    font-size: 2rem;
    line-height: 1.333333333333333;
}

h3 {
    font-size: 1.45rem;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    line-height: 1.75
}

h3,h4 {
    color: #4c4a49;
    font-weight: 700;
    -webkit-font-smoothing: antialiased
}

h4 {
    font-size: 1.3rem
}

h5 {
    font-size: 1.3rem
}

h5,h6 {
    color: #4c4a49;
    font-weight: 700;
    -webkit-font-smoothing: antialiased
}

h6 {
    font-size: 1.2rem
}



.col.first {
    padding-left: 0
}

.col.last {
    padding-right: 0;
}

.col+.col:last-child {
    float: right
}

@media only screen {

    .col {
        position: relative;
        padding-left: .5rem;
        padding-right: .5rem;
        float: left
    }

    .sml-2 {
        width: 16.666666666666664%
    }

    .sml-5 {
        width: 41.66666666666667%
    }

    .sml-7 {
        width: 58.333333333333336%
    }

    .sml-10 {
        width: 83.33333333333334%
    }

    .sml-12 {
        width: 100%
    }
}

@media only screen and (min-width: 48em) {

    .col {
        position: relative;
        padding-left: .5rem;
        padding-right: .5rem;
        float: left
    }

    .med-6 {
        width: 50%
    }
}

@media only screen and (min-width: 62em) {

    .col {
        position: relative;
        padding-left: .5rem;
        padding-right: .5rem;
        float: left
    }

    .lrg-3 {
        width: 25%
    }
}


.row {
    width: 100%
}

.row {
    margin: 0 auto;
}
.row .row {
    margin: 0 -.5rem;
    max-width: none;
    width: auto;
}
.row:after,.row:before {
    content: ' ';
    display: table;
    display: none;
}

.row:after {
    clear: both
}

@media only screen {
    .row {
        max-width: 96%;
    }
}

@media only screen and (min-width: 48em) {
    .row {
        max-width:96%;
    }
}

@media only screen and (min-width: 62em) {
    .row {
        max-width:98.2rem;
    }
}

@media only screen and (min-width: 66.88em) {
    .row {
        max-width:106rem;
    }
}

@media only screen and (min-width: 75em) {
    .row {
        max-width:119rem;
    }
}

.row--collapse>.col {
    padding-left: 0;
    padding-right: 0;
    border: 0 none;
}

.col {
    padding-left: .5rem;
    padding-right: .5rem;
    width: 100%;
    float: left
}

.col.first {
    padding-left: 0
}

@media only screen {
    .sml-push-1 {
        position: relative;
        left: 8.333333333333332%;
        right: auto
    }

    .sml-pull-1 {
        position: relative;
        right: 8.333333333333332%;
        left: auto
    }

    .sml-push-2 {
        position: relative;
        left: 16.666666666666664%;
        right: auto
    }

    .sml-pull-2 {
        position: relative;
        right: 16.666666666666664%;
        left: auto
    }

    .sml-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .sml-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .sml-push-4 {
        position: relative;
        left: 33.33333333333333%;
        right: auto
    }

    .sml-pull-4 {
        position: relative;
        right: 33.33333333333333%;
        left: auto
    }

    .sml-push-5 {
        position: relative;
        left: 41.66666666666667%;
        right: auto
    }

    .sml-pull-5 {
        position: relative;
        right: 41.66666666666667%;
        left: auto
    }

    .sml-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .sml-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .sml-push-7 {
        position: relative;
        left: 58.333333333333336%;
        right: auto
    }

    .sml-pull-7 {
        position: relative;
        right: 58.333333333333336%;
        left: auto
    }

    .sml-push-8 {
        position: relative;
        left: 66.66666666666666%;
        right: auto
    }

    .sml-pull-8 {
        position: relative;
        right: 66.66666666666666%;
        left: auto
    }

    .sml-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .sml-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .sml-push-10 {
        position: relative;
        left: 83.33333333333334%;
        right: auto
    }

    .sml-pull-10 {
        position: relative;
        right: 83.33333333333334%;
        left: auto
    }

    .sml-push-11 {
        position: relative;
        left: 91.66666666666666%;
        right: auto
    }

    .sml-pull-11 {
        position: relative;
        right: 91.66666666666666%;
        left: auto
    }

    .col {
        position: relative;
        padding-left: .5rem;
        padding-right: .5rem;
        float: left
    }

    .sml-1 {
        width: 8.333333333333332%
    }

    .sml-2 {
        width: 16.666666666666664%
    }

    .sml-3 {
        width: 25%
    }

    .sml-4 {
        width: 33.33333333333333%
    }

    .sml-5 {
        width: 41.66666666666667%
    }

    .sml-6 {
        width: 50%
    }

    .sml-7 {
        width: 58.333333333333336%;
    }

    .sml-8 {
        width: 66.66666666666666%
    }

    .sml-9 {
        width: 75%
    }

    .sml-10 {
        width: 83.33333333333334%
    }

    .sml-11 {
        width: 91.66666666666666%
    }

    .sml-12 {
        width: 100%
    }

    .sml-offset-1 {
        margin-left: 8.333333333333332%!important
    }

    .sml-offset-2 {
        margin-left: 16.666666666666664%!important
    }

    .sml-offset-3 {
        margin-left: 25%!important
    }

    .sml-offset-4 {
        margin-left: 33.33333333333333%!important
    }

    .sml-offset-5 {
        margin-left: 41.66666666666667%!important
    }

    .sml-offset-6 {
        margin-left: 50%!important
    }

    .sml-offset-7 {
        margin-left: 58.333333333333336%!important
    }

    .sml-offset-8 {
        margin-left: 66.66666666666666%!important
    }

    .sml-offset-9 {
        margin-left: 75%!important
    }

    .sml-offset-10 {
        margin-left: 83.33333333333334%!important
    }

    .sml-offset-11 {
        margin-left: 91.66666666666666%!important
    }

    .sml-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .col.sml-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .col.sml-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .col.sml-centered:last-child {
        float: none
    }

    .col.sml-uncentered:last-child {
        float: left
    }

    .col.sml-uncentered.opposite {
        float: right
    }

    .row.sml--collapse>.col {
        padding-left: 0;
        padding-right: 0
    }

    .row.sml--collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.sml--uncollapse>.col {
        padding-left: .5rem;
        padding-right: .5rem;
        float: left
    }
}

@media only screen and (min-width: 48em) {
    .med-push-1 {
        position:relative;
        left: 8.333333333333332%;
        right: auto
    }

    .med-pull-1 {
        position: relative;
        right: 8.333333333333332%;
        left: auto
    }

    .med-push-2 {
        position: relative;
        left: 16.666666666666664%;
        right: auto
    }

    .med-pull-2 {
        position: relative;
        right: 16.666666666666664%;
        left: auto
    }

    .med-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .med-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .med-push-4 {
        position: relative;
        left: 33.33333333333333%;
        right: auto
    }

    .med-pull-4 {
        position: relative;
        right: 33.33333333333333%;
        left: auto
    }

    .med-push-5 {
        position: relative;
        left: 41.66666666666667%;
        right: auto
    }

    .med-pull-5 {
        position: relative;
        right: 41.66666666666667%;
        left: auto
    }

    .med-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .med-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .med-push-7 {
        position: relative;
        left: 58.333333333333336%;
        right: auto
    }

    .med-pull-7 {
        position: relative;
        right: 58.333333333333336%;
        left: auto
    }

    .med-push-8 {
        position: relative;
        left: 66.66666666666666%;
        right: auto
    }

    .med-pull-8 {
        position: relative;
        right: 66.66666666666666%;
        left: auto
    }

    .med-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .med-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .med-push-10 {
        position: relative;
        left: 83.33333333333334%;
        right: auto
    }

    .med-pull-10 {
        position: relative;
        right: 83.33333333333334%;
        left: auto
    }

    .med-push-11 {
        position: relative;
        left: 91.66666666666666%;
        right: auto
    }

    .med-pull-11 {
        position: relative;
        right: 91.66666666666666%;
        left: auto
    }

    .col {
        position: relative;
        padding-left: .5rem;
        padding-right: .5rem;
        float: left
    }

    .med-1 {
        width: 8.333333333333332%
    }

    .med-2 {
        width: 16.666666666666664%
    }

    .med-3 {
        width: 25%
    }

    .med-4 {
        width: 33.33333333333333%
    }

    .med-5 {
        width: 41.66666666666667%
    }

    .med-6 {
        width: 50%
    }

    .med-7 {
        width: 58.333333333333336%
    }

    .med-8 {
        width: 66.66666666666666%
    }

    .med-9 {
        width: 75%
    }

    .med-10 {
        width: 83.33333333333334%
    }

    .med-11 {
        width: 91.66666666666666%
    }

    .med-12 {
        width: 100%
    }

    .med-offset-1 {
        margin-left: 8.333333333333332%!important
    }

    .med-offset-2 {
        margin-left: 16.666666666666664%!important
    }

    .med-offset-3 {
        margin-left: 25%!important
    }

    .med-offset-4 {
        margin-left: 33.33333333333333%!important
    }

    .med-offset-5 {
        margin-left: 41.66666666666667%!important
    }

    .med-offset-6 {
        margin-left: 50%!important
    }

    .med-offset-7 {
        margin-left: 58.333333333333336%!important
    }

    .med-offset-8 {
        margin-left: 66.66666666666666%!important
    }

    .med-offset-9 {
        margin-left: 75%!important
    }

    .med-offset-10 {
        margin-left: 83.33333333333334%!important
    }

    .med-offset-11 {
        margin-left: 91.66666666666666%!important
    }

    .med-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .col.med-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .col.med-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .col.med-centered:last-child {
        float: none
    }

    .col.med-uncentered:last-child {
        float: left
    }

    .col.med-uncentered.opposite {
        float: right
    }

    .row.med--collapse>.col {
        padding-left: 0;
        padding-right: 0
    }

    .row.med--collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.med--uncollapse>.col {
        padding-left: .5rem;
        padding-right: .5rem;
        float: left
    }
}

@media only screen and (min-width: 62em) {
   .lrg-push-1 {
        position:relative;
        left: 8.333333333333332%;
        right: auto
    }

    .lrg-pull-1 {
        position: relative;
        right: 8.333333333333332%;
        left: auto
    }

    .lrg-push-2 {
        position: relative;
        left: 16.666666666666664%;
        right: auto
    }

    .lrg-pull-2 {
        position: relative;
        right: 16.666666666666664%;
        left: auto
    }

    .lrg-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .lrg-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .lrg-push-4 {
        position: relative;
        left: 33.33333333333333%;
        right: auto
    }

    .lrg-pull-4 {
        position: relative;
        right: 33.33333333333333%;
        left: auto
    }

    .lrg-push-5 {
        position: relative;
        left: 41.66666666666667%;
        right: auto
    }

    .lrg-pull-5 {
        position: relative;
        right: 41.66666666666667%;
        left: auto
    }

    .lrg-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .lrg-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .lrg-push-7 {
        position: relative;
        left: 58.333333333333336%;
        right: auto
    }

    .lrg-pull-7 {
        position: relative;
        right: 58.333333333333336%;
        left: auto
    }

    .lrg-push-8 {
        position: relative;
        left: 66.66666666666666%;
        right: auto
    }

    .lrg-pull-8 {
        position: relative;
        right: 66.66666666666666%;
        left: auto
    }

    .lrg-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .lrg-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .lrg-push-10 {
        position: relative;
        left: 83.33333333333334%;
        right: auto
    }

    .lrg-pull-10 {
        position: relative;
        right: 83.33333333333334%;
        left: auto
    }

    .lrg-push-11 {
        position: relative;
        left: 91.66666666666666%;
        right: auto
    }

    .lrg-pull-11 {
        position: relative;
        right: 91.66666666666666%;
        left: auto
    }

    .col {
        position: relative;
        padding-left: .5rem;
        padding-right: .5rem;
        float: left
    }

    .lrg-1 {
        width: 8.333333333333332%
    }

    .lrg-2 {
        width: 16.666666666666664%
    }

    .lrg-3 {
        width: 25%
    }

    .lrg-4 {
        width: 33.33333333333333%
    }

    .lrg-5 {
        width: 41.66666666666667%
    }

    .lrg-6 {
        width: 50%
    }

    .lrg-7 {
        width: 58.333333333333336%
    }

    .lrg-8 {
        width: 66.66666666666666%
    }

    .lrg-9 {
        width: 75%
    }

    .lrg-10 {
        width: 83.33333333333334%
    }

    .lrg-11 {
        width: 91.66666666666666%
    }

    .lrg-12 {
        width: 100%
    }

    .lrg-offset-1 {
        margin-left: 8.333333333333332%!important
    }

    .lrg-offset-2 {
        margin-left: 16.666666666666664%!important
    }

    .lrg-offset-3 {
        margin-left: 25%!important
    }

    .lrg-offset-4 {
        margin-left: 33.33333333333333%!important
    }

    .lrg-offset-5 {
        margin-left: 41.66666666666667%!important
    }

    .lrg-offset-6 {
        margin-left: 50%!important
    }

    .lrg-offset-7 {
        margin-left: 58.333333333333336%!important
    }

    .lrg-offset-8 {
        margin-left: 66.66666666666666%!important
    }

    .lrg-offset-9 {
        margin-left: 75%!important
    }

    .lrg-offset-10 {
        margin-left: 83.33333333333334%!important
    }

    .lrg-offset-11 {
        margin-left: 91.66666666666666%!important
    }

    .lrg-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .col.lrg-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .col.lrg-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .col.lrg-centered:last-child {
        float: none
    }

    .col.lrg-uncentered:last-child {
        float: left
    }

    .col.lrg-uncentered.opposite {
        float: right
    }

    .row.lrg--collapse>.col {
        padding-left: 0;
        padding-right: 0
    }

    .row.lrg--collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.lrg--uncollapse>.col {
        padding-left: .5rem;
        padding-right: .5rem;
        float: left
    }
}

@media only screen and (min-width: 66.88em) {
    .col {
        position:relative;
        padding-left: .5rem;
        padding-right: .5rem;
        float: left
    }
}

@media only screen and (min-width: 75em) {
    .col {
        position:relative;
        padding-left: .5rem;
        padding-right: .5rem;
        float: left
    }
}

form {
    margin: 0 0 1rem
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 1px solid transparent;
    border-width: 1px 0;
    border-bottom-color: rgba(19,18,17,.2);
    box-sizing: border-box;
    color: #222121;
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
    font-family: inherit;
    line-height: 1.428571428571429;
    margin: 0 0 1rem;
    padding: .625rem .8rem;
    width: 100%;
    transition: border-color .2s ease-in,background-color .2s ease-in,color .2s ease-in
}

input[type=search] ::-webkit-input-placeholder {
    color: #a09d9d
}

input[type=search] :-moz-placeholder,input[type=search] ::-moz-placeholder {
    color: #a09d9d;
    opacity: 1
}

input[type=search] :-ms-input-placeholder {
    color: #a09d9d
}

input[type=search]:focus {
    background-color: #fff;
    border-bottom-color: rgba(19,18,17,.4);
    border-width: 0 0 2px;
    box-shadow: none;
    color: #222121;
    outline: none
}

input[type=search]:hover {
    border-bottom-color: rgba(19,18,17,.4)
}

input[type=search]:hover::-webkit-input-placeholder {
    color: #888584
}

input[type=search]:hover:-moz-placeholder,input[type=search]:hover::-moz-placeholder {
    color: #888584
}

input[type=search]:hover:-ms-input-placeholder {
    color: #888584
}

input[type=search]:disabled,input[type=search]:disabled:hover {
    background-color: transparent;
    border-style: dotted;
    cursor: not-allowed
}

@-moz-document url-prefix() {
}

.lbl {
    display: inline-block;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    line-height: 1;
    margin-bottom: 0;
    min-width: 1.725rem;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: baseline;
    white-space: nowrap;
    padding: .5rem .8rem;
    font-size: 1.15rem;
    background-color: #807d7c;
    color: #fff;
}

.lbl--primary {
    background-color: #cc2929;
    color: #fff
}

.lbl--badge {
    padding: .3rem .5rem;
    border-radius: 1000px;
    text-align: center
}

.lbl--badge.is-active {
    box-shadow: 2px 2px 0 rgba(19,18,17,.2)
}

.btn,button {
    cursor: pointer;
    /* font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif; */
    letter-spacing: .05em;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    line-height: normal;
    margin: 0 0 1rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    -webkit-appearance: none;
    border-radius: 0;
    transition: all .2s;
    display: inline-block;
    padding: .8rem 2.8rem .9rem;
    font-size: 1.4rem;
    background-size: 2.18rem;
    background-position: 95% 45%;
    background-repeat: no-repeat;
    color: #fff;
    background-color: #cc2929;
    border: 0 solid #cc2929;
    box-shadow: inset -2px -2px 0 rgba(19,18,17,.2);
    border-radius: 1000px;
}
.btn.is--secondary {
    background: #827e7d;
}
.btn>.i,button>.i {
    margin-top: -.2rem
}

.btn:focus,.btn:hover,button:focus,button:hover {
    border-color: #a32121;
    background-color: #a32121;
    color: #ffffff;
}

.btn:focus>.i, button:focus>.i{
    color: #cc2929;
}

.btn--flat {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #cc2929
}

.btn--flat:focus,.btn--flat:hover {
    color: #fff;
    background-color: #cc2929;
    box-shadow: inset -2px -2px 0 rgba(19,18,17,.2)
}

.btn--flat:focus>.i,.btn--flat:hover>.i {
    color: #fff
}

.btn.is-icononly {
    background-color: transparent!important;
    border-radius: 0;
    border: none!important;
    padding: 0!important
}

.btn.is-icononly:hover {
    background-color: none!important
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

@media only screen and (min-width: 48em) {
    .btn,button {
        display:inline-block
    }
}

@font-face {
    font-family: icons;
    src: url(../fonts/icons.eot);
    src: url(../fonts/icons.eot?#iefix) format("embedded-opentype"),url(../fonts/icons.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.i {
    font-family: icons;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}


.i__lm-00001-check:before {
    content: "\f101"
}

.i__lm-00002-circle_check:before {
    content: "\f102"
}

.i__lm-00003-circle_down:before {
    content: "\f103"
}

.i__lm-00004-circle_left:before {
    content: "\f104"
}

.i__lm-00005-circle_minus:before {
    content: "\f105"
}

.i__lm-00006-circle_plus:before {
    content: "\f106"
}

.i__lm-00007-circle_remove:before {
    content: "\f107"
}

.i__lm-00008-circle_right:before {
    content: "\f108"
}

.i__lm-00009-circle_up:before {
    content: "\f109"
}

.i__lm-00010-clockwise:before {
    content: "\f10a"
}

.i__lm-00011-compress:before {
    content: "\f10b"
}

.i__lm-00012-deny:before {
    content: "\f10c"
}

.i__lm-00013-diagonal:before {
    content: "\f10d"
}

.i__lm-00014-down_double-34:before {
    content: "\f10e"
}

.i__lm-00015-down:before {
    content: "\f10f"
}

.i__lm-00016-exclamation:before {
    content: "\f110"
}

.i__lm-00017-expand:before {
    content: "\f111"
}

.i__lm-00018-hamburger-2:before {
    content: "\f112"
}

.i__lm-00019-hamburger1:before {
    content: "\f113"
}

.i__lm-00020-info:before {
    content: "\f114"
}

.i__lm-00021-left:before {
    content: "\f115"
}

.i__lm-00022-minus:before {
    content: "\f116"
}

.i__lm-00023-plus:before {
    content: "\f117"
}

.i__lm-00024-question:before {
    content: "\f118"
}

.i__lm-00025-remove:before {
    content: "\f119"
}

.i__lm-00026-right_double:before {
    content: "\f11a"
}

.i__lm-00027-right:before {
    content: "\f11b"
}

.i__lm-00028-rotate:before {
    content: "\f11c"
}

.i__lm-00029-sign_down:before {
    content: "\f11d"
}

.i__lm-00030-slim_down:before {
    content: "\f11e"
}

.i__lm-00031-slim_up:before {
    content: "\f11f"
}

.i__lm-00032-squares:before {
    content: "\f120"
}

.i__lm-00033-up_double:before {
    content: "\f121"
}

.i__lm-00034-up:before {
    content: "\f122"
}

.i__lm-00035-upright:before {
    content: "\f123"
}

.i__lm-00036-accelerator:before {
    content: "\f124"
}

.i__lm-00037-alarm:before {
    content: "\f125"
}

.i__lm-00038-ban:before {
    content: "\f126"
}

.i__lm-00039-bolt:before {
    content: "\f127"
}

.i__lm-00040-book:before {
    content: "\f128"
}

.i__lm-00041-calculator:before {
    content: "\f129"
}

.i__lm-00042-calendar:before {
    content: "\f12a"
}

.i__lm-00043-clessidre:before {
    content: "\f12b"
}

.i__lm-00044-cloud:before {
    content: "\f12c"
}

.i__lm-00045-display:before {
    content: "\f12d"
}

.i__lm-00046-edit:before {
    content: "\f12e"
}

.i__lm-00047-exclamation:before {
    content: "\f12f"
}

.i__lm-00048-eye_closed:before {
    content: "\f130"
}

.i__lm-00049-eye:before {
    content: "\f131"
}

.i__lm-00050-female:before {
    content: "\f132"
}

.i__lm-00051-flag1:before {
    content: "\f133"
}

.i__lm-00052-floppydisk:before {
    content: "\f134"
}

.i__lm-00053-gear:before {
    content: "\f135"
}

.i__lm-00054-geolocalize-01:before {
    content: "\f136"
}

.i__lm-00055-geolocalize-05:before {
    content: "\f137"
}

.i__lm-00056-headset:before {
    content: "\f138"
}

.i__lm-00057-heart:before {
    content: "\f139"
}

.i__lm-00058-home:before {
    content: "\f13a"
}

.i__lm-00059-info:before {
    content: "\f13b"
}

.i__lm-00060-key:before {
    content: "\f13c"
}

.i__lm-00061-lightbulb:before {
    content: "\f13d"
}

.i__lm-00062-link:before {
    content: "\f13e"
}

.i__lm-00063-lock_open:before {
    content: "\f13f"
}

.i__lm-00064-lock:before {
    content: "\f140"
}

.i__lm-00065-magnifier_minus:before {
    content: "\f141"
}

.i__lm-00066-magnifier_plus:before {
    content: "\f142"
}

.i__lm-00067-magnifier:before {
    content: "\f143"
}

.i__lm-00068-mail_open_text:before {
    content: "\f144"
}

.i__lm-00069-mail:before {
    content: "\f145"
}

.i__lm-00070-male:before {
    content: "\f146"
}

.i__lm-00071-message_multiple:before {
    content: "\f147"
}

.i__lm-00072-message_txt:before {
    content: "\f148"
}

.i__lm-00073-message:before {
    content: "\f149"
}

.i__lm-00074-mixer2:before {
    content: "\f14a"
}

.i__lm-00075-phone_offline:before {
    content: "\f14b"
}

.i__lm-00076-phone:before {
    content: "\f14c"
}

.i__lm-00077-photo:before {
    content: "\f14d"
}

.i__lm-00078-picture_multiple:before {
    content: "\f14e"
}

.i__lm-00079-picture:before {
    content: "\f14f"
}

.i__lm-00080-pin2:before {
    content: "\f150"
}

.i__lm-00081-printer:before {
    content: "\f151"
}

.i__lm-00082-question:before {
    content: "\f152"
}

.i__lm-00083-rss:before {
    content: "\f153"
}

.i__lm-00084-search_2:before {
    content: "\f154"
}

.i__lm-00085-server_download:before {
    content: "\f155"
}

.i__lm-00086-settings:before {
    content: "\f156"
}

.i__lm-00087-share:before {
    content: "\f157"
}

.i__lm-00088-smartphone:before {
    content: "\f158"
}

.i__lm-00089-spread_text_bookmark:before {
    content: "\f159"
}

.i__lm-00090-star:before {
    content: "\f15a"
}

.i__lm-00091-tablet:before {
    content: "\f15b"
}

.i__lm-00092-trashcan_full:before {
    content: "\f15c"
}

.i__lm-00093-trashcan:before {
    content: "\f15d"
}

.i__lm-00094-video:before {
    content: "\f15e"
}

.i__lm-00095-watch:before {
    content: "\f15f"
}

.i__lm-00096-world:before {
    content: "\f160"
}

.i__lm-00097-bookmark_check:before {
    content: "\f161"
}

.i__lm-00098-bookmark_minus:before {
    content: "\f162"
}

.i__lm-00099-bookmark_plus:before {
    content: "\f163"
}

.i__lm-00100-bookmark_remove:before {
    content: "\f164"
}

.i__lm-00101-document_download:before {
    content: "\f165"
}

.i__lm-00102-document_noaccess:before {
    content: "\f166"
}

.i__lm-00103-document_picture:before {
    content: "\f167"
}

.i__lm-00104-message_check:before {
    content: "\f168"
}

.i__lm-00105-message_dots:before {
    content: "\f169"
}

.i__lm-00106-message_minus:before {
    content: "\f16a"
}

.i__lm-00107-banknote:before {
    content: "\f16b"
}

.i__lm-00108-banknotes:before {
    content: "\f16c"
}

.i__lm-00109-basket_check:before {
    content: "\f16d"
}

.i__lm-00110-basket_cloud:before {
    content: "\f16e"
}

.i__lm-00111-basket_download:before {
    content: "\f16f"
}

.i__lm-00112-basket_minus:before {
    content: "\f170"
}

.i__lm-00113-basket_plus:before {
    content: "\f171"
}

.i__lm-00114-basket_refresh:before {
    content: "\f172"
}

.i__lm-00115-basket_remove:before {
    content: "\f173"
}

.i__lm-00116-basket_search:before {
    content: "\f174"
}

.i__lm-00117-basket_upload:before {
    content: "\f175"
}

.i__lm-00118-basket:before {
    content: "\f176"
}

.i__lm-00119-creditcard:before {
    content: "\f177"
}

.i__lm-00120-dollar:before {
    content: "\f178"
}

.i__lm-00121-euro:before {
    content: "\f179"
}

.i__lm-00122-franc:before {
    content: "\f17a"
}

.i__lm-00123-gift:before {
    content: "\f17b"
}

.i__lm-00124-graph_decrease:before {
    content: "\f17c"
}

.i__lm-00125-graph_increase:before {
    content: "\f17d"
}

.i__lm-00126-money:before {
    content: "\f17e"
}

.i__lm-00127-pound:before {
    content: "\f17f"
}

.i__lm-00128-receipt:before {
    content: "\f180"
}

.i__lm-00129-returns:before {
    content: "\f181"
}

.i__lm-00130-sale_tag:before {
    content: "\f182"
}

.i__lm-00131-sale:before {
    content: "\f183"
}

.i__lm-00132-sale2:before {
    content: "\f184"
}

.i__lm-00133-sales:before {
    content: "\f185"
}

.i__lm-00134-shipping:before {
    content: "\f186"
}

.i__lm-00135-track:before {
    content: "\f187"
}

.i__lm-00136-facebook:before {
    content: "\f188"
}

.i__lm-00137-fb-like:before {
    content: "\f189"
}

.i__lm-00138-thumb_up:before {
    content: "\f18a"
}

.i__lm-00139-twitter:before {
    content: "\f18b"
}

.i__lm-00140-layout_4boxes:before {
    content: "\f18c"
}

.i__lm-00141-layout_4lines:before {
    content: "\f18d"
}

.i__lm-00142-picture:before {
    content: "\f18e"
}

.i__lm-00143-female_2:before {
    content: "\f18f"
}

.i__lm-00144-female_4:before {
    content: "\f190"
}

.i__lm-00145-female:before {
    content: "\f191"
}

.i__lm-00146-male_2:before {
    content: "\f192"
}

.i__lm-00147-male_4:before {
    content: "\f193"
}

.i__lm-00148-male:before {
    content: "\f194"
}

.i__lm-00149-dots:before {
    content: "\f195"
}

.i__cust-00001-logoicon:before {
    content: "\f196"
}

.i__cust-00002-freeshipping:before {
    content: "\f197"
}

.i__cust-00003-bicycle:before {
    content: "\f198"
}

.i__cust-00004-5euro:before {
    content: "\f199"
}

.i {
    font-size: 2.4rem;
    font-weight: 700;
    -webkit-font-smoothing: subpixel-antialiased;
    position: relative
}

.i--left {
    margin-right: 1rem
}

.i--tny {
    font-size: 1.8rem;
}

.i--sml {
    font-size: 2rem
} 

.i--white {
    color: #fff
}
.i--primary-2 {
    color: #5c2022;
}
/* BTN */

.btn.is--icon-right {
    padding-right: 3.7rem; 
}

.btn .is--large {
    font-size: 1.625rem;
}


.is--primary.is--large {
   
    line-height: 1.075rem;
}

.btn.is--large {
 line-height: 2rem;
 height: 3.5rem;
}

.icon--arrow-left:before {
    content: "<";
}

/* FORM */



label.prefix,span.prefix {
    background: #f2f2f2;
    border-right: none;
    color: #222121;
    border-color: #ccc
}

label.postfix,span.postfix {
    background: #f2f2f2;
    border-left: none;
    color: #222121;
    border-color: #ccc
}

input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=file],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 1px solid transparent;
    border-width: 1px 0;
    border-bottom-color: rgba(19,18,17,.2);
    box-sizing: border-box;
    color: #222121;
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
    font-family: inherit;
    line-height: 1.428571428571429;
    margin: 0 0 1rem;
    padding: .625rem .8rem;
    width: 100%;
    transition: border-color .2s ease-in,background-color .2s ease-in,color .2s ease-in
}

input[type=color] ::-webkit-input-placeholder,input[type=date] ::-webkit-input-placeholder,input[type=datetime-local] ::-webkit-input-placeholder,input[type=datetime] ::-webkit-input-placeholder,input[type=email] ::-webkit-input-placeholder,input[type=file] ::-webkit-input-placeholder,input[type=month] ::-webkit-input-placeholder,input[type=number] ::-webkit-input-placeholder,input[type=password] ::-webkit-input-placeholder,input[type=search] ::-webkit-input-placeholder,input[type=tel] ::-webkit-input-placeholder,input[type=text] ::-webkit-input-placeholder,input[type=time] ::-webkit-input-placeholder,input[type=url] ::-webkit-input-placeholder,input[type=week] ::-webkit-input-placeholder,select ::-webkit-input-placeholder,textarea ::-webkit-input-placeholder {
    color: #a09d9d
}

input[type=color] :-moz-placeholder,input[type=color] ::-moz-placeholder,input[type=date] :-moz-placeholder,input[type=date] ::-moz-placeholder,input[type=datetime-local] :-moz-placeholder,input[type=datetime-local] ::-moz-placeholder,input[type=datetime] :-moz-placeholder,input[type=datetime] ::-moz-placeholder,input[type=email] :-moz-placeholder,input[type=email] ::-moz-placeholder,input[type=file] :-moz-placeholder,input[type=file] ::-moz-placeholder,input[type=month] :-moz-placeholder,input[type=month] ::-moz-placeholder,input[type=number] :-moz-placeholder,input[type=number] ::-moz-placeholder,input[type=password] :-moz-placeholder,input[type=password] ::-moz-placeholder,input[type=search] :-moz-placeholder,input[type=search] ::-moz-placeholder,input[type=tel] :-moz-placeholder,input[type=tel] ::-moz-placeholder,input[type=text] :-moz-placeholder,input[type=text] ::-moz-placeholder,input[type=time] :-moz-placeholder,input[type=time] ::-moz-placeholder,input[type=url] :-moz-placeholder,input[type=url] ::-moz-placeholder,input[type=week] :-moz-placeholder,input[type=week] ::-moz-placeholder,select :-moz-placeholder,select ::-moz-placeholder,textarea :-moz-placeholder,textarea ::-moz-placeholder {
    color: #a09d9d;
    opacity: 1
}

input[type=color] :-ms-input-placeholder,input[type=date] :-ms-input-placeholder,input[type=datetime-local] :-ms-input-placeholder,input[type=datetime] :-ms-input-placeholder,input[type=email] :-ms-input-placeholder,input[type=file] :-ms-input-placeholder,input[type=month] :-ms-input-placeholder,input[type=number] :-ms-input-placeholder,input[type=password] :-ms-input-placeholder,input[type=search] :-ms-input-placeholder,input[type=tel] :-ms-input-placeholder,input[type=text] :-ms-input-placeholder,input[type=time] :-ms-input-placeholder,input[type=url] :-ms-input-placeholder,input[type=week] :-ms-input-placeholder,select :-ms-input-placeholder,textarea :-ms-input-placeholder {
    color: #a09d9d
}

input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=file]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus {
    background-color: #fff;
    border-bottom-color: rgba(19,18,17,.4);
    border-width: 0 0 2px;
    box-shadow: none;
    color: #222121;
    outline: none
}

input[type=color]:hover,input[type=date]:hover,input[type=datetime-local]:hover,input[type=datetime]:hover,input[type=email]:hover,input[type=file]:hover,input[type=month]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=time]:hover,input[type=url]:hover,input[type=week]:hover,select:hover,textarea:hover {
    border-bottom-color: rgba(19,18,17,.4)
}

input[type=color]:hover::-webkit-input-placeholder,input[type=date]:hover::-webkit-input-placeholder,input[type=datetime-local]:hover::-webkit-input-placeholder,input[type=datetime]:hover::-webkit-input-placeholder,input[type=email]:hover::-webkit-input-placeholder,input[type=file]:hover::-webkit-input-placeholder,input[type=month]:hover::-webkit-input-placeholder,input[type=number]:hover::-webkit-input-placeholder,input[type=password]:hover::-webkit-input-placeholder,input[type=search]:hover::-webkit-input-placeholder,input[type=tel]:hover::-webkit-input-placeholder,input[type=text]:hover::-webkit-input-placeholder,input[type=time]:hover::-webkit-input-placeholder,input[type=url]:hover::-webkit-input-placeholder,input[type=week]:hover::-webkit-input-placeholder,select:hover::-webkit-input-placeholder,textarea:hover::-webkit-input-placeholder {
    color: #888584
}

input[type=color]:hover:-moz-placeholder,input[type=color]:hover::-moz-placeholder,input[type=date]:hover:-moz-placeholder,input[type=date]:hover::-moz-placeholder,input[type=datetime-local]:hover:-moz-placeholder,input[type=datetime-local]:hover::-moz-placeholder,input[type=datetime]:hover:-moz-placeholder,input[type=datetime]:hover::-moz-placeholder,input[type=email]:hover:-moz-placeholder,input[type=email]:hover::-moz-placeholder,input[type=file]:hover:-moz-placeholder,input[type=file]:hover::-moz-placeholder,input[type=month]:hover:-moz-placeholder,input[type=month]:hover::-moz-placeholder,input[type=number]:hover:-moz-placeholder,input[type=number]:hover::-moz-placeholder,input[type=password]:hover:-moz-placeholder,input[type=password]:hover::-moz-placeholder,input[type=search]:hover:-moz-placeholder,input[type=search]:hover::-moz-placeholder,input[type=tel]:hover:-moz-placeholder,input[type=tel]:hover::-moz-placeholder,input[type=text]:hover:-moz-placeholder,input[type=text]:hover::-moz-placeholder,input[type=time]:hover:-moz-placeholder,input[type=time]:hover::-moz-placeholder,input[type=url]:hover:-moz-placeholder,input[type=url]:hover::-moz-placeholder,input[type=week]:hover:-moz-placeholder,input[type=week]:hover::-moz-placeholder,select:hover:-moz-placeholder,select:hover::-moz-placeholder,textarea:hover:-moz-placeholder,textarea:hover::-moz-placeholder {
    color: #888584
}

input[type=color]:hover:-ms-input-placeholder,input[type=date]:hover:-ms-input-placeholder,input[type=datetime-local]:hover:-ms-input-placeholder,input[type=datetime]:hover:-ms-input-placeholder,input[type=email]:hover:-ms-input-placeholder,input[type=file]:hover:-ms-input-placeholder,input[type=month]:hover:-ms-input-placeholder,input[type=number]:hover:-ms-input-placeholder,input[type=password]:hover:-ms-input-placeholder,input[type=search]:hover:-ms-input-placeholder,input[type=tel]:hover:-ms-input-placeholder,input[type=text]:hover:-ms-input-placeholder,input[type=time]:hover:-ms-input-placeholder,input[type=url]:hover:-ms-input-placeholder,input[type=week]:hover:-ms-input-placeholder,select:hover:-ms-input-placeholder,textarea:hover:-ms-input-placeholder {
    color: #888584
}

fieldset[disabled] input[type=color],fieldset[disabled] input[type=color]:hover,fieldset[disabled] input[type=date],fieldset[disabled] input[type=date]:hover,fieldset[disabled] input[type=datetime-local],fieldset[disabled] input[type=datetime-local]:hover,fieldset[disabled] input[type=datetime],fieldset[disabled] input[type=datetime]:hover,fieldset[disabled] input[type=email],fieldset[disabled] input[type=email]:hover,fieldset[disabled] input[type=file],fieldset[disabled] input[type=file]:hover,fieldset[disabled] input[type=month],fieldset[disabled] input[type=month]:hover,fieldset[disabled] input[type=number],fieldset[disabled] input[type=number]:hover,fieldset[disabled] input[type=password],fieldset[disabled] input[type=password]:hover,fieldset[disabled] input[type=search],fieldset[disabled] input[type=search]:hover,fieldset[disabled] input[type=tel],fieldset[disabled] input[type=tel]:hover,fieldset[disabled] input[type=text],fieldset[disabled] input[type=text]:hover,fieldset[disabled] input[type=time],fieldset[disabled] input[type=time]:hover,fieldset[disabled] input[type=url],fieldset[disabled] input[type=url]:hover,fieldset[disabled] input[type=week],fieldset[disabled] input[type=week]:hover,fieldset[disabled] select,fieldset[disabled] select:hover,fieldset[disabled] textarea,fieldset[disabled] textarea:hover,input[type=color]:disabled,input[type=color]:disabled:hover,input[type=color][disabled],input[type=color][disabled]:hover,input[type=color][readonly],input[type=color][readonly]:hover,input[type=date]:disabled,input[type=date]:disabled:hover,input[type=date][disabled],input[type=date][disabled]:hover,input[type=date][readonly],input[type=date][readonly]:hover,input[type=datetime-local]:disabled,input[type=datetime-local]:disabled:hover,input[type=datetime-local][disabled],input[type=datetime-local][disabled]:hover,input[type=datetime-local][readonly],input[type=datetime-local][readonly]:hover,input[type=datetime]:disabled,input[type=datetime]:disabled:hover,input[type=datetime][disabled],input[type=datetime][disabled]:hover,input[type=datetime][readonly],input[type=datetime][readonly]:hover,input[type=email]:disabled,input[type=email]:disabled:hover,input[type=email][disabled],input[type=email][disabled]:hover,input[type=email][readonly],input[type=email][readonly]:hover,input[type=file]:disabled,input[type=file]:disabled:hover,input[type=file][disabled],input[type=file][disabled]:hover,input[type=file][readonly],input[type=file][readonly]:hover,input[type=month]:disabled,input[type=month]:disabled:hover,input[type=month][disabled],input[type=month][disabled]:hover,input[type=month][readonly],input[type=month][readonly]:hover,input[type=number]:disabled,input[type=number]:disabled:hover,input[type=number][disabled],input[type=number][disabled]:hover,input[type=number][readonly],input[type=number][readonly]:hover,input[type=password]:disabled,input[type=password]:disabled:hover,input[type=password][disabled],input[type=password][disabled]:hover,input[type=password][readonly],input[type=password][readonly]:hover,input[type=search]:disabled,input[type=search]:disabled:hover,input[type=search][disabled],input[type=search][disabled]:hover,input[type=search][readonly],input[type=search][readonly]:hover,input[type=tel]:disabled,input[type=tel]:disabled:hover,input[type=tel][disabled],input[type=tel][disabled]:hover,input[type=tel][readonly],input[type=tel][readonly]:hover,input[type=text]:disabled,input[type=text]:disabled:hover,input[type=text][disabled],input[type=text][disabled]:hover,input[type=text][readonly],input[type=text][readonly]:hover,input[type=time]:disabled,input[type=time]:disabled:hover,input[type=time][disabled],input[type=time][disabled]:hover,input[type=time][readonly],input[type=time][readonly]:hover,input[type=url]:disabled,input[type=url]:disabled:hover,input[type=url][disabled],input[type=url][disabled]:hover,input[type=url][readonly],input[type=url][readonly]:hover,input[type=week]:disabled,input[type=week]:disabled:hover,input[type=week][disabled],input[type=week][disabled]:hover,input[type=week][readonly],input[type=week][readonly]:hover,select:disabled,select:disabled:hover,select[disabled],select[disabled]:hover,select[readonly],select[readonly]:hover,textarea:disabled,textarea:disabled:hover,textarea[disabled],textarea[disabled]:hover,textarea[readonly],textarea[readonly]:hover {
    background-color: transparent;
    border-style: dotted;
    cursor: not-allowed
}

textarea {
    background-color: #fff;
    border: 1px solid transparent;
    border-width: 1px 0;
    border-bottom-color: rgba(19,18,17,.2);
    box-sizing: border-box;
    color: #222121;
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
    font-family: inherit;
    line-height: 1.428571428571429;
    margin: 0 0 1rem;
    padding: .625rem .8rem;
    width: 100%
}

textarea ::-webkit-input-placeholder {
    color: #a09d9d
}

textarea :-moz-placeholder,textarea ::-moz-placeholder {
    color: #a09d9d;
    opacity: 1
}

textarea :-ms-input-placeholder {
    color: #a09d9d
}

textarea:focus {
    background-color: #fff;
    border-bottom-color: rgba(19,18,17,.4);
    border-width: 0 0 2px;
    box-shadow: none;
    color: #222121;
    outline: none
}

textarea:hover {
    border-bottom-color: rgba(19,18,17,.4)
}

textarea:hover::-webkit-input-placeholder {
    color: #888584
}

textarea:hover:-moz-placeholder,textarea:hover::-moz-placeholder {
    color: #888584
}

textarea:hover:-ms-input-placeholder {
    color: #888584
}


/* TOPBAR */
.topbar__wrap {
    background: #5c2022;
    box-shadow: 0 3px 6px rgba(19,18,17,.25)
}

.topbar__wrap--fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3000;
    left: 0;
}

.topbar {
    background: #5c2022;
    height: 4rem;
    line-height: 4rem;
    margin-bottom: 0;
    position: relative
}

.topbar:after,.topbar:before {
    content: ' ';
    display: table
}

.topbar:after {
    clear: both
}

.topbar ul {
    list-style: none
}

.topbar form,.topbar input,.topbar ul {
    margin-bottom: 0
}

.topbar input[type=search] {
    height: 3.2rem;
    padding-top: .35rem;
    padding-bottom: .35rem;
    position: relative
}

.topbar .btn,.topbar button {
    margin-bottom: 0
}

@media only screen and (max-width: 47.94em) {
    .topbar .btn,.topbar button {
        position:relative
    }
}

.topbar .logo-wrap {
    position: relative;
    margin: 0
}

.topbar .logo {
    font-size: 1.6rem;
    height: 4rem;
    margin: 0
}

.topbar .logo div {
    display: block;
    font-size: 1.6rem;
    margin: 0;
    text-align: center
}

.topbar .logo div a {
    background-color: #5c2022;
    color: #fff;
    display: block;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    height: 4rem;
    line-height: 4rem;
    padding: 0 1rem;
    text-transform: uppercase
}

.topbar .logo div a:hover {
    color: #fff;
    background-color: #5c2022;
    transition: background-color .2s
}

.topbar .logo div a img {
    max-height: 100%
}

.topbar .site-search {
    padding: .4rem 0
}

.topbar .site-search input[type=search] {
    background-color: #fff;
    color: #131211;
    font-size: 1.4rem;
    height: 3.2rem;
    padding-left: 1.5rem;
    padding-right: 5rem;
    text-transform: uppercase;
    width: 100%
}

.topbar .site-search .btn,.topbar .site-search button {
    top: auto;
    float: right;
    width: 4.4rem;
    height: 3.2rem;
    margin-top: -3.6rem;
    border: none;
}
 
.topbar .site-search .btn.is-icononly,.topbar .site-search button.is-icononly {
    padding: 0 !important;
}

.topbar .site-search .btn.is-icononly:hover i, .topbar .site-search button.is-icononly:hover {
    color: #ad2323!important;
    box-shadow: none;
    border: 0 none;
}

.topbar .site-search .btn .i,.topbar .site-search button .i {
    margin-top: 0
}

.topbar-section {
    position: relative;
    left: 0;
    transition: left .3s
}

.topbar-section ul {
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%
}

.topbar-section .divider {
    border-top: 1px solid #2e1011;
    clear: both;
    height: 1px;
    width: 100%
}

.topbar-section>ul {
    display: inline;
    width: auto
}

.topbar-section>ul>li {
    float: left
}

.topbar-section>ul>li a {
    color: #dc5252;
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    padding-left: 1.333333333333333rem;
    padding: 0.3rem 0;
    text-transform: uppercase;
    transition: background-color .2s;
}
.topbar-section>ul>li a:hover {
    color: #ffffff;
}
.topbar-section>ul>li .title--sml {
    font-size: 1.1rem
}

.topbar-section>ul>li:not(.has-form)>a:not(.btn) {
    line-height: 4rem;
    padding: 0 1.333333333333333rem;
    position: relative;
}

@media only screen and (max-width: 47.94em) {
    .topbar-section>ul>li:not(.has-form)>a:not(.btn) {
        padding:0 1.1rem
    }
}

.topbar-section>ul>li:not(.has-form)>a:not(.btn):hover {
    background-color: #4e1b1d
}

.topbar-section>ul>li:not(.has-form)>a:not(.btn) .lbl--badge {
    margin-left: 0;
    position: absolute;
    left: 13px;
    top: 10px;
}

.topbar-section>ul>li:hover:not(.has-form)>a:not(.btn) {
    background-color: #4e1b1d;
    color: #fff
}

.topbar-section>ul>.divider {
    border-bottom: none;
    border-top: none;
    border-right: 1px solid #812d30;
    clear: none;
    height: 4rem;
    width: 0
}

@media only screen and (min-width: 48em) {
    .topbar .logo-wrap {
        float:left
    }

    .topbar-section {
        transition: none;
        left: 0!important
    }
}

@media only screen {
    .hide-for-lrg-up,.show-for-sml-only {
        display: inherit!important
    }

    .hide-for-sml-only,.show-for-lrg-up,.show-for-med-only {
        display: none!important
    }
}

@media only screen and (min-width: 48em) {
    .hide-for-lrg-up,.hide-for-sml-only,.show-for-med-only {
        display:inherit!important
    }

    .show-for-lrg-up,.show-for-sml-only {
        display: none!important
    }
}

@media only screen and (min-width: 62em) {
    .hide-for-sml-only,.show-for-lrg-up {
        display: inherit!important;
    }

    .hide-for-lrg-up,.show-for-med-only,.show-for-sml-only {
        display: none!important
    }
}

@media only screen and (min-width: 66.88em) {
    .hide-for-sml-only,.show-for-lrg-up {
        display:inherit!important
    }

    .hide-for-lrg-up,.show-for-med-only,.show-for-sml-only {
        display: none!important
    }
}

@media only screen and (min-width: 75em) {
    .hide-for-sml-only,.show-for-lrg-up {
        display: inherit !important;
    }

    .hide-for-lrg-up,.show-for-med-only,.show-for-sml-only {
        display: none!important
    }
}



.text-right {
    text-align: right!important
}

.text-center { 
    text-align: center!important
}

div,form,li,ul {
    margin: 0;
    padding: 0
}

a {
    color: #cc2929;
    line-height: inherit;
    text-decoration: none
}

a:focus,a:hover {
    color: #991f1f
}

a img {
    border: none
}

i {
    font-style: italic
}

i {
    line-height: inherit
}

ul {
    font-size: 1.3rem;
    font-family: inherit;
    line-height: 1.714285714285714;
    list-style-position: outside;
    margin-bottom: 2rem;
}

ul {
    margin-left: 2rem
}

ul li ul {
    margin-bottom: 0;
    margin-left: 2rem
}

.text--white {
    color: #fff
}

@media print {
    * {
        background: transparent!important;
        color: #131211!important;
        box-shadow: none!important;
        text-shadow: none!important
    }

    body,html {
        height: auto
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    a[href^="#"]:after {
        content: ""
    }

    img {
        page-break-inside: avoid
    }

    img {
        max-width: 100%!important
    }

    @page {
        margin: .34in
    }
}

.l-wrap {
    width: 100%;
    clear: both;
    position: relative;
    margin: 0;
    margin-bottom: 1rem;
    padding: 0
}

.l-wrap__topbar {
    background: #5c2022
}

@media only screen and (max-width: 47.94em) {
    .l-wrap__topbar>.row {
        max-width:100%;
        width: 100%
    }
}

.l-wrap__navmain {
    background: #cc2929;
    background: linear-gradient(90deg,transparent 0,transparent 0%,#cc2929 0,#cc2929);
}

@media only screen and (max-width: 47.94em) {
    .l-wrap__navmain {
        background:#cc2929
    }
}

.l-wrap__navmain,.l-wrap__topbar {
    margin-bottom: 0
}

.l-wrap>.row {
    position: relative
}

.skew {
    transform: skewX(45deg)
}

.skew--inv {
    transform: skewX(-45deg)
}

body {
    background-color: #d5d1d0
}

@media only screen and (min-width: 48em) {
    body {
        background:#d5d1d0 url(../img/body_bg_endless.jpg) fixed no-repeat bottom;
        background-size: cover;

        background-position: 50% 50px;
    }
}

.nav__main>ul {
    clear: both;
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-left: 1.8rem;
    position: relative
}

.nav__main>ul:after,.nav__main>ul:before {
    content: ' ';
    display: table
}

.nav__main>ul:after {
    clear: both
}

.nav__main>ul li {
    float: left;
    font-size: 1.25rem;
    list-style-type: none;
    margin-right: .1rem;
    margin: 0;
    padding: 0
}

.nav__main>ul a {
    text-decoration: none
}

.nav__main>ul>li>a {
    color: #fff;
    display: inline-block;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    height: 3.6rem;
    line-height: 3.6rem;
    padding: 0 1.6rem;
    text-transform: uppercase;
    transform: skewX(-45deg)
}

@media only screen and (min-width: 62em) and (max-width:66.82em) {
    .nav__main>ul>li>a {
        padding:0 1.2rem
    }
}

.nav__main>ul>li>a .i {
    top: -.2rem;
    margin-right: .5rem
}

.nav__main>ul>li>a>span {
    display: block;
    transform: skewX(45deg)
}

.nav__main>ul>li:hover>a,.nav__main>ul>li>a:hover {
    background-color: #5c2022;
    color: #cc2929
}

.nav__main>ul>li>ul {
    background: #5c2022;
    display: block;
    left: 0;
    margin: 0;
    max-height: 35rem;
    opacity: 0;
    padding: 2.5rem;
    position: absolute;
    box-shadow: 1px 6px 10px rgba(19,18,17,.3);
    top: -9999em;
    width: 100%;
    z-index: 0
}

@media only screen and (min-width: 48em) {
    .nav__main>ul>li>ul {
        left:-20%;
        width: 120%
    }
}

.nav__main>ul>li>ul>li {
    float: left;
    border-right: 1px solid #cc2929;
    font-size: 1.4rem;
    height: auto;
    padding: 0 .5rem
}

@media only screen and (min-width: 48em) {
    .nav__main>ul>li>ul>li {
        width:25%
    }
}

@media only screen and (min-width: 48em) and (max-width:61.94em) {
    .nav__main>ul>li>ul>li {
        width:33.33333333333333%
    }
}

.nav__main>ul>li>ul>li>a {
    color: #fff;
    display: block;
    font-weight: 400;
    line-height: 1.4;
    padding: .3rem .5rem;
    text-transform: none
}

.nav__main>ul>li>ul>li>a:hover {
    background-color: #4e1b1d;
    color: #cc2929
}

.nav__main>ul>li:hover>ul {
    opacity: 1;
    top: 3.6rem;
    z-index: 11;
    transition: opacity .2s
}

#tabbar__offcanvas {
    z-index: 10
}

.topbar .logo {
    height: 7.6rem;
    z-index: 24
}

.topbar .logo div {
    line-height: 7.6rem
}

.topbar .logo div a {
    height: 7.6rem;
    line-height: 7.6rem;
    overflow: hidden;
    padding: 0
}

.topbar .logo div img {
    margin-top: -.3rem;
    vertical-align: middle
}

@media only screen and (max-width: 47.94em) {
    .topbar .logo,.topbar .logo div a {
        height:4rem!important
    }

    .topbar .logo div a {
        line-height: 4rem!important
    }
}

@media only screen and (min-width: 48em) and (max-width:61.94em) {
    .topbar .logo,.topbar .logo div a {
        height:4rem!important
    }

    .topbar .logo div a {
        line-height: 4rem!important
    }
}

@media only screen and (min-width: 62em) {
    .topbar .logo {
        left:0;
        padding-right: 3.6rem;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .topbar .logo:after {
        border: 18px solid transparent;
        border-color: #5c2022 #cc2929 #cc2929 #5c2022;
        content: '';
        display: block;
        height: 0;
        position: absolute;
        bottom: 0;
        width: 0;
        right: 0
    }
}

.topbar .site-search {
    background: #fff;
    padding: 0
}

.topbar .site-search form {
    padding: 0 4rem;
    position: relative
}

@media only screen and (min-width: 48em) and (max-width:61.94em) {
    .topbar .site-search form {
        padding:0
    }
}

@media only screen and (min-width: 62em) {
    .topbar .site-search form:before {
        border:20px solid transparent;
        border-color: #5c2022 #fff #fff #5c2022;
        left: 0
    }

    .topbar .site-search form:after,.topbar .site-search form:before {
        content: '';
        display: block;
        height: 0;
        position: absolute;
        top: 0;
        width: 0
    }

    .topbar .site-search form:after {
        border: 20px solid transparent;
        border-color: #fff #5c2022 #5c2022 #fff;
        right: 0
    }
}

.topbar .site-search #searchParam,.topbar .site-search #site-search__btn {
    border: 0;
    height: 4rem;
    border-radius: 0
}

.topbar .site-search #searchParam::-webkit-input-placeholder {
    color: #5c2022
}

.topbar .site-search #searchParam::-moz-placeholder {
    color: #5c2022
}

.topbar .site-search #searchParam::-ms-input-placeholder {
    color: #5c2022
}

.topbar .site-search #searchParam:hover::-webkit-input-placeholder {
    color: #cc2929
}

.topbar .site-search #searchParam:hover::-moz-placeholder {
    color: #cc2929
}

.topbar .site-search #searchParam:hover::-ms-input-placeholder {
    color: #cc2929
}

.topbar .site-search #site-search__btn {
    margin-top: -4rem;
    width: 6rem;
    color: #5c2022
}

.topbar .site-search #site-search__btn:focus,.topbar .site-search #site-search__btn:hover {
    background: none!important;
    box-shadow: none!important
}

.topbar .site-search #site-search__btn:focus .i,.topbar .site-search #site-search__btn:hover .i {
    color: #cc2929
}

.topbar li.item__login.is-loggedout {
    position: static
}

.topbar .topbar-section>ul>li>a .i--left {
    margin-right: 0
}

@media only screen and (min-width: 62em) {
    .topbar .topbar-section>ul>li>a .i--left {
        margin-right:1rem
    }
}

.topbar .topbar-section>ul>li>a .i--left.i__lm-00018-hamburger-2 {
    margin-right: 1rem
}

@media only screen and (max-width: 47.94em) {
    .topbar .site-search {
        background-color:#401618;
        display: none;
        float: none;
        left: 0;
        margin: 0!important;
        padding: 1rem;
        position: absolute;
        top: 4rem;
        z-index: 11
    }
}

.nav__main>ul>li>a,.topbar .site-search input {
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em
}


.topbar .site-search.search--opened {
    display: block;
}


.container {
    max-width: 1190px;
}





/* CUSTOM CSS */



.js--fancy-select {
    background: #fff;
    width: auto;
}

.js--fancy-select .js--fancy-select-text {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.1;
    font-weight: 400;
    text-transform: uppercase;
}
.js--fancy-select .js--fancy-select-text {
    padding: 0.7rem 6.5rem 0rem 1.625rem;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: 400;
    color: #343332;
    text-transform: uppercase;
    padding-left: 0.7rem;
}
.service--list { 
    display:none;
} 
.item__infocenter .service--list {
   position: absolute;
   background-color: #4e1b1d;
   width: 250px;
   padding: 20px;
   display: none;
   z-index: 2000;
}

.select-field, .js--fancy-select {
    max-width: inherit; 
    height: 42px;
    width: 100%;
    display: block; 
}
.select-field select, .js--fancy-select select {
    background: #fff;
    border: 0 none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 1px solid transparent;
    border-width: 1px 0;
    border-bottom-color: rgba(19,18,17,.2);
    
}
.select-field select:hover, .js--fancy-select select:hover {
    border-top-color: #fff;
        border-bottom-color: rgba(19,18,17,.4);
}


.product--details .buybox--quantity .select-field select {
    font-size: 16px;
    padding-left: 25px;  
}
.product--details .product--buybox .product--price, .product--details .delivery--text {
    font-size: 14px;
}
.select-field:after, .js--fancy-select:after {
    height: 40px;
}


@media only screen and (max-width: 62em) {
    .item__infocenter .service--list {
        right: 0px;
        left: auto;
    }
}
.item__infocenter:hover .service--list {
    display: block !important;
}

.cart--display {
 color: #dc5252;
 margin: 0;
 display: none;
}

@media only screen and (min-width: 62em){
    .cart--display {
        display: inline-block!important;
    }
}
.btn__minicart:hover .cart--display {
    color: #fff;
}

.navigation-main  {
    background: transparent;  
}
.navigation-main, .navigation-main .js--menu-scroller, .navigation--list-wrapper, .navigation--list-wrapper .navigation--list {
    position: relative;
}
.navigation-main .container {
    background: transparent;
    padding-left: 20px;
}

.navigation-main .navigation--link {
    font-size: 1.25rem;
    text-transform: uppercase;
    line-height: 25px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    height: 3.6rem;
    line-height: 3.6rem;
    padding: 0 1.6rem;
    text-transform: uppercase;
    transform: skewX(-45deg);
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
}

.navigation-main .is--active .navigation--link, .navigation-main .navigation--link:hover {
    background-color: #5c2022;
    background-image: none;
    font-weight: 700;
    color: #cc2929;
}

.navigation-main .navigation--link span {
    display: block;
    transform: skewX(45deg);
}

.navigation-main .js--menu-scroller {
  padding-left: 0;
  border: 0 none;
}

.navigation-main .is--active .navigation--link:hover {
    color: #cc2929;
}

.navigation--entry.entry--compare {
    color: #dc5252;
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    padding-left: 1.333333333333333rem;
    padding: 0.6rem 0;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
}

.navigation--entry.entry--compare:hover {
    color: #ffffff;
}
ul.compare--list {
    display: none;
}

.navigation--entry.entry--compare.js--is--dropdown-active ul.compare--list {
    display: block;
    cursor: inherit;
}


.js--menu-scroller--arrow {
    width: 1.375rem;

    height: 3.3125rem;

    line-height: 3.25rem;
    background: #cc2929;
    top: 1px;
    top: .0625rem;
    border: 1px solid #5c2022; 
    color: #fff;
}
.js--menu-scroller--arrow:hover, .js--menu-scroller--arrow:active {
    color: #fff;
    border-color: #cc2929;
    background: #5c2022;
}
.compare--entry {
    position: relative;
}

.btn--item-delete {
    padding: 0.2rem 0.6rem;
    position: absolute;
    right: 1rem;
    top: 1.4rem;
}
.compare--link {
    padding: 1rem 4rem 1rem 0.5rem !important;
}

.topbar .btn--compare-start, .topbar .btn--compare-delete {
    color: #fff !important;
    padding: 0.5rem 1rem !important;
    margin: 1rem;
    font-size:  1.1rem;
    display: block;
    width: 92%;
}

.badge {
    padding: 0px 5px 0px 5px;
    padding: 0rem .3125rem 0rem .3125rem;
    margin: 0px 5px 0px 5px;
    margin: 0rem .3125rem 0rem .3125rem;
    height: 20px;
    height: 1.25rem;
    min-width: 10px;
    min-width: .625rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-size: 12px;
    font-size: .75rem;
    border-radius: 50px;
    background-clip: padding-box;
    box-sizing: content-box;
    display: inline-block;
    white-space: nowrap;
    z-index: 500;
    font-weight: 600;
    text-align: center;
    background: #4e1b1d;
    color: #dc5252;
    border: 1px solid #dc5252;
}

.container {
    background: transparent;
}
.emotion--container {
    background:  transparent;
}
body .content-main {
    margin-top: 75px;
    margin-bottom: 10px;
     padding: 0; 
    overflow: hidden;
}


body.is--ctl-index.is--act-index .content-main {
    margin-bottom: 0;
}
@media screen and  (max-width: 992px) {
    body .content-main {
        margin-top: 43px;
    }
}



#top-bar-menu-hidden {
    display: none;
}




/* TOP LEISTE */





.lbl--flat {
    background-color: transparent;
    color: #a09d9d
}


.i__lm-00113-basket_plus:before {
    content: "\f171"
}
.i__lm-00027-right:before {
    content: "\f11b"
}

.i__lm-00129-returns:before {
    content: "\f181"
}

@media only screen {

    .hide-for-sml-only {
        display: none!important
    }
}

@media only screen and (min-width: 48em) {
    .hide-for-sml-only {
        display:inherit!important
    }
}

@media only screen and (min-width: 62em) {
    .hide-for-sml-only {
        display:inherit!important
    }
}

@media only screen and (min-width: 66.88em) {
    .hide-for-sml-only {
        display:inherit!important
    }
}

@media only screen and (min-width: 75em) {
    .hide-for-sml-only {
        display:inherit!important
    }
}


.l-wrap__beforemain {
    margin-top: 1rem;
}
@media screen and (max-width: 78.75em){
    .l-wrap__beforemain {
        margin-top: 1rem;
        padding: 0px 20px 0px 20px;
        padding: 0rem 1.25rem 0rem 1.25rem;
    }
}
 
.l-wrap>.row {
    position: relative
}
.l-wrap__beforemain .row {
    max-width: initial;
}

.box {
    margin-bottom: 1rem;
    overflow: hidden
}

.l-sidebar .box {
    background-color: #efedec;
    margin: 0 0 1rem
}

.l-sidebar .box .content {
    clear: both;
    padding: 1rem;
    overflow-x: hidden;
    overflow-y: auto
}

.l-sidebar .box--stacked {
    margin: 0;
    border-bottom: 1px solid #cec8c5;
    height: 71px;
}

.l-sidebar .box--stacked img {
    height: auto;
    min-width: 40px
}

@media only screen and (min-width: 48em) and (max-width:61.94em) {
    .l-sidebar .box--stacked .i--center {
        margin:0
    }
}

.l-sidebar img.pixi__shipping {
    max-height: 5rem
}


   
/* BREADCRUMB */

.content--breadcrumb {
      margin-top: 90px;
      border-bottom: 0;
      border: 0 none;
      background: none;
}

.is--ctl-blog .content--breadcrumb {
      /* margin-top: 30px; */
}

@media screen and (min-width: 78.75em){
    .content--breadcrumb {
      padding: 0; 
    }
}


@media only screen and (max-width: 48em) {
    .content--breadcrumb {
        margin: 0;
        padding: 0px 0.6rem;
    }
}
.content--breadcrumb .breadcrumb--list {
    background: #fff;
    padding: 10px 15px;
    margin: 0;
    border: 0;
    box-shadow: none;
}
.content--breadcrumb .breadcrumb--entry, .content--breadcrumb .breadcrumb--separator, .content--breadcrumb .breadcrumb--button .breadcrumb--title, .content--breadcrumb .breadcrumb--link,
.content--breadcrumb .is--active .breadcrumb--link  {
    color: #807d7c;
    font-size: 1.1rem;
    line-height: 1;
    text-transform: uppercase;
    background: #fff;
} 

.content--breadcrumb .breadcrumb--separator {
    font-size: 8px;
    margin-top: 1px
}

.content--breadcrumb .breadcrumb--button .icon--arrow-left {
    font-size: 8px;
    margin-top: 1px;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
}
.content--breadcrumb .breadcrumb--button {
    padding: 1.625rem 1.875rem 1.625rem 1.625rem;
    margin: 0;
}



/* HOME */

@media screen and (min-width: 78.75em){
    .content--home {
        margin-top: 15px;
        margin-top: 1rem;
    }
}
/* LISTING */

.listing--wrapper {
    /* margin-top: 1.0rem; */
}
.listing, .listing--container {
    background-color: #efedec !important;
}
.category--teaser .hero--headline {
    position: relative;
    display: block;
    clear: both;
    padding-left: 2rem;
    padding-right: 2rem;
    margin: 0;
    line-height: 1.2;
    color: #cc2929;
    text-transform: uppercase;
    background: #fff;
    overflow: hidden;
    z-index: 2;
    font-size: 2.8rem;
    font-weight: 300;
    padding-top: 10px;
}


.listing--content {
    padding-top: 0px;
    margin-top: 0;
    /* background: #efedec; */
    padding-bottom: 0;
    margin-bottom: 0;
}
div.hero-unit.category--teaser.panel.has--border {
    border: 0 none;
    padding-bottom: 0;
    margin-bottom: 0;
}


.category--teaser .hero--text {
    padding: 25px 40px 10px 40px;
    padding: 1.5625rem 2.5rem .625rem 4rem;
    background: #fff;
    padding: 2rem !important;
}




/* LISTING ACTIONS */

.infinite--actions, .indicator--relative {
    background: #efedec;
}

.listing {
    margin: 0 10px 0 0px;
    margin: 0 1rem 0 0px;

    padding: 0 0 30px 0;
    padding: 0 0 3rem 0;
}
.listing--actions {
    border: 0 none;
    background: #efedec;
    margin-bottom: 0;
    padding: 1rem 0;
}
.product--subheader {
    background: #fff;
    margin: 0;
    padding: 20px 40px;
    color: #5c2022;
    font-size: 1.7rem;
}
.product--subheader h2{
    color: #5c2022;
    font-size: 1.7rem;
    margin:0;
    padding: 0;
}
.product--box .product--title {
    color: #343332;
    font-size: 12px; 
    font-size: 1.2rem;
    margin: 0 0 1rem;
    text-decoration: none;
    letter-spacing: .05em;
    text-transform: uppercase;
    line-height: 1.1;
    font-weight: 700;
    text-align: left;
}
.product--box .product--image .image--element img {
-webkit-transition:all .2s linear;
transition:all .2s linear;
}
.product--box:hover .product--image .image--element img {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.product--box:hover .product--title{
    color: #cc2929;
}

.action--filter-btn {
    margin: 2.0rem 0 0 1.0rem;
    width: 10rem;
    font-size: 2.0rem;
}
.action--filter-btn .filter--trigger {
    box-shadow: none;
    background: none;
    font-size: 1.3rem;
    color: #cc2929;
    text-align: center;
    padding-left: 0;
    width: auto;
    padding-right: 2rem;
}

.action--filter-btn .filter--trigger:hover {
    box-shadow: none;
    background: #cc2929;
    font-size: 1.15rem;
    color: #ffffff;
}

.action--filter-btn .filter--trigger.is--active.is--small {
    box-shadow: none;
    background: #cc2929;
    font-size: 1.15rem;
    color: #ffffff;
    padding: 0.1625rem .75rem .125rem 0rem;
}

.action--sort {
        float: none;
        text-align: left;
        margin: 2.1rem 0 0 1.0rem;
        font-size: 1.15rem;
        color: #cc2929;
        text-transform: uppercase;
}
.action--sort .sort--label {
            font-size: 1.3rem;
            font-weight: 400;
            margin: 0.05rem 0 0 1.0rem;
            color: #991f1f;
}
.action--sort .sort--select {
    width: auto;
    vertical-align: top;
    font-weight: 700;
    background: none;
    margin-top: 0px;
    border-color: transparent;
    border-radius: 2.0rem;
    max-width: inherit;
    display: inherit;
    background: TRANSPARENT;
    margin-top: -2px;
    min-width: 150px;
}
.action--sort .sort--select:hover select {
    box-shadow: none; 
    background: #cc2929;
    color: #ffffff !important;
}

.action--sort .sort--select:hover:after {
    color: #fff;
}

.action--sort .js--fancy-select .js--fancy-select-trigger {
    border-color: transparent;
    padding: 0rem 0 0 1rem;
}
.action--sort .js--fancy-select-trigger, .action--sort .js--fancy-select-trigger i {
    font-size: 6px !important;
    margin-top: -1px;
}
.action--sort .js--fancy-select:hover {
    color: #ffffff;
    border-color: #cc2929;
    background: #cc2929;
}

.action--sort .js--fancy-select .js--fancy-select-text {
    padding: 0px 40px 0px 10px;
    padding: 0.1rem 2.5rem 0rem .625rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #cc2929;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 700;
}

.action--sort .js--fancy-select:hover .js--fancy-select-text { 
    color: #fff !important;
}


.action--filter-options .filter--close-btn {
    padding: 0;
    line-height: 38px;
    line-height: 3.675rem;
    background: #cc2929;
    /* display: block; */
    color: #fff;
    cursor: pointer;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    line-height: 3rem;
    margin: 0 0 1rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    -webkit-appearance: none;
    transition: all .2s;
    padding: 0.3rem;
    font-size: 1.4rem;
    color: #fff;
    background-color: #cc2929;
    border: 0 solid #cc2929;
    box-shadow: inset -2px -2px 0 rgba(19,18,17,.2);
    height: 4rem;
}

.action--filter-options .filter--close-btn .icon--arrow-right {
    margin: 0.8rem 0.4rem 0px 0px;
}


.action--sort .sort--select:after, .action--sort .sort--select .sort--field {
    background: transparent;
    border: 0;
    color: #cc2929;
}



.off-canvas {
    width: 18rem;
}

@media screen and (max-width: 768px){
    .off-canvas {
        -webkit-transition: all .45s cubic-bezier(.3, 0, .15, 1);
        -moz-transition: all .45s cubic-bezier(.3, 0, .15, 1);
        -ms-transition: all .45s cubic-bezier(.3, 0, .15, 1);
        -o-transition: all .45s cubic-bezier(.3, 0, .15, 1);
        transition: all .45s cubic-bezier(.3, 0, .15, 1);
        -webkit-transform-style: preserve-3d; 
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
        width: 280px;
        width: 28rem;
    }
}


@media screen and (min-width: 768px){
    .sidebar-main {
        padding-top: 0;
        width: 20.375rem;
    }
    .account--content {
        margin: 0;
    }
    .sidebar-main .entry--close-off-canvas {
        display: none !important;
    }
}


/* FILTER BOX */
.filter--active-container {
    margin: 0;
}
.action--filter-options {
    background: #efedec;
    border: 0 none

}
.action--filter-options.is--collapsed, .action--filter-options.is--active-filter {
    border:0 none;
    width: auto;
}

.filter--actions {
    margin-left:0;
    border:1px solid rgba(19,18,17,.1);
    border-left:0;
    border-right:0;
    border-bottom: 0;
    margin-top: 0.8rem;
    padding-top: 2rem;
    padding-bottom: 0;
    margin-bottom: 0;
}
.filter-panel {
    margin: 0;
    margin-right: 1%;
    height: 3.2rem;
    margin-top: 0.8rem;
}
.filter-panel:hover {
    border-color: #cc2929;
    background: #FFF;
}
.filter-panel--flyout {
    height: 3rem;
}
.filter-panel.is--collapsed .filter-panel--flyout {
    height: auto;

}
.filter-panel--title {
    height: 3rem;
    line-height: 3rem;
    padding: 0rem 1.875rem 0rem 2.8rem;
    margin: 0rem 0rem .3125rem 0rem;
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #fff;
}
.filter--value .filter-panel--title {
    padding-left: 35px;
    padding-left: 2.8rem;
}
.filter--value .filter-panel--checkbox {
    border: 1px solid #cc2929;
}
.filter--value:hover .filter-panel--checkbox {
    border: 1px solid #cc2929;
}

.filter--value .filter-panel--checkbox {top: 0.7rem;left: .625rem;position: absolute;width: 1.3rem;height: 1.3rem;padding: 0;text-align: center;/* padding-left: 0.2rem; */}


.filter-panel--checkbox input[type="checkbox"]:checked ~ .checkbox--state {
    background: #cc2929;
    border: 1px solid #cc2929;
}
.filter-panel--checkbox input[type="checkbox"]:checked ~ .checkbox--state:before {
    width: 100%;
    height: 100%;
    line-height: 12px;
    line-height: .9rem;
    font-size: 0.8rem;
}
.filter-panel--icon {

    top: 1rem;
}
.filter-panel--checkbox {
    width: 1.3rem;
    height: 1.3rem;
    padding: 0;
}
.filter-panel--checkbox:hover, .filter-panel--option .option--container:hover .filter-panel--checkbox {
    border-color: #cc2929;
}

.filter-panel--label {
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: .3rem
}
.filter-panel--option .option--container:hover .filter-panel--label {
    color: #cc2929;
}
.range-slider--range-bar {
    background: #cc2929;
}
.filter-panel--range-info .range-info--label {
    font-size: 1.4rem;
}
.filter--active .filter--active-icon {
    margin: 0rem .625rem 0rem 0rem;
    font-size: 1.2rem;
    top: 0.2rem;
}
.filter--active, .search--cat-filter .cat-filter--reset {
    padding: 0px 10px 0px 10px;
    padding: 0.2rem .625rem 0.2rem .625rem;
    margin: 0px 10px 10px 0px;
    line-height: 22px;
    line-height: 1.375rem;
    font-size: 13px;
    font-size: 1.3rem;
    border-radius: 3px;
    border-radius: 0;
    background-clip: padding-box;
    display: inline-block;
    border: 1px solid #f0f5f9;
    color: #333;
    background: #FFF;
    cursor: pointer;
    white-space: nowrap;
}

.filter--active:hover, .search--cat-filter .cat-filter--reset:hover {
    border-color: #cc2929;
}
.filter--active:hover .filter--active-icon {
    color: #cc2929;
}
.filter--btn-apply.is--icon-right [class^="icon--"] {
    font-size: 14px;
    font-size: 1.3rem;
    line-height: 16px;
    line-height: 1.2rem;
    margin-right: 1rem;
}

.action--filter-btn .filter--trigger .action--collapse-icon {
    line-height: 1.8rem;
    background: none;

}

/* LISTING BOXES */

.product--box {
    padding: 1px 0 0 1px;
    padding: 1rem 0 0 1rem;
}

.product--box .box--content {
    padding: 1rem 1rem 0 1rem;
    height: 100%;
    border: 0 none;
    position: relative;
    background-color: #fff;
    box-shadow: 2px 2px 0 rgba(19,18,17,.15);
    transition: all .24s;
    margin-bottom: 0.4rem;
}
/*
@media screen and (min-width: 78.75em){
    .box--minimal {
        width: 20%;
    }
}
*/
.box--minimal .product--price {
    right: 0;
    left: auto;
    bottom: auto;
    top: 0;
}

.product--box .product--price .price--default {
    color: #cc2929;
    display: block;
    line-height: 1.3;
    letter-spacing: .05em;
    font-size: 1.5rem;
    text-align: right;
    display: block;
    float: none;
    text-align: right;
    margin-top: 10px;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
}

.product--box .product--badges {
    left: 0.16rem;
}

.product--box .product--badges .product--badge {
    padding: 3px 10px 3px 10px;
    padding: .6rem .625rem .6875rem 1.625rem;
    margin: 0px 0px 5px 0px;
    margin: 0.35rem 0rem .3125rem -0.3rem;
    font-size: 14px;
    font-size: .875rem;
    line-height: 16px;
    line-height: 1rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-clip: padding-box;
    display: block;
    float: left;
    position: relative;
    text-align: center;
    font-weight: bold;
    clear: both;
    height: 23px;
}

.product--box .product--badges .badge--newcomer {
    color: #cc2929;
    background: #ffd666;
}

.product--box .product--badges .badge--newcomer:after {
    content: '';
    display: block;
    height: 0;
    position: absolute;
    top: 0;
    width: 0;
    border: 11.5px solid transparent;
    border-color: transparent transparent #ffd666 #ffd666;
    right: -22px;
}
.product--box .product--badges .badge--newcomer:before {
    border: 0 solid transparent;
    border-top-width: 5px;
    border-left-width: 5px;
    right: 32px;
    border-color: #b99943 transparent #ffd666 transparent;
    content: '';
    display: block;
    height: 0;
    margin: 0;
    position: absolute;
    top: 23px;
    width: 0;
}

.product--box .product--badges .badge--recommend {
    color: #fff;
    background: #cc2929;
}

.product--box .product--badges .badge--recommend:after {
    content: '';
    display: block;
    height: 0;
    position: absolute;
    top: 0;
    width: 0;
    border: 11.5px solid transparent;
    border-color: transparent transparent #cc2929 #cc2929;
    right: -22px;
}

.product--box .product--badges .badge--recommend:before {
    border: 0 solid transparent;
    border-top-width: 5px;
    border-left-width: 5px;
    right: 38px;
    border-color: #7b1616 transparent #cc2929 transparent;
    content: '';
    display: block;
    height: 0;
    margin: 0;
    position: absolute;
    top: 23px;
    width: 0;
}



.product--box .product--badges .badge--discount {
    color: #fff;
    background: #cc2929;
}


.product--box .product--badges .badge--discount:after {
    content: '';
    display: block;
    height: 0;
    position: absolute;
    top: 0;
    width: 0;
    border: 11.5px solid transparent;
    border-color: transparent transparent #cc2929 #cc2929;
    right: -22px;
}

.product--box .product--badges .badge--discount:before {
    border: 0 solid transparent;
    border-top-width: 5px;
    border-left-width: 5px;
    right: 27px;
    border-color: #7b1616 transparent #cc2929 transparent;
    content: '';
    display: block;
    height: 0;
    margin: 0;
    position: absolute;
    top: 23px;
    width: 0;
}

.product--box .product--image {
    height: 180px;
    height: 11.25rem;
    margin: 0px 0px 5px 0px;
    margin: 0rem 0rem 1rem 0rem;
    display: block;
    text-align: center;
}

.product--brand {
  display: block;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    line-height: 1.1;
    overflow: hidden;
    padding: 0;
    text-transform: uppercase;  
    margin: 0 0 .2rem;
    height: 1.2rem;
    color: #5c5a59;
    font-size: 1.2rem;
}
.product--brand:hover {
    color: #5c5a59;
}

.product--box .product--description {
    font-size: 1.2rem;
    height: 5.28rem;
    margin: 0 0 .5rem;
    overflow: hidden;
    padding: 0;
    color: #5c5a59;
    letter-spacing: .03em;
    line-height: 1.1;
}

.product--description ol, .product--description ul {
    margin: 0px 16px 16px 16px;
    margin: 0rem 1rem 1rem 2.5rem;
    padding: 0;
}
.box--minimal .product--price-outer, .product--box .product--price-outer {
    height: 4.5rem;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
}

.box--minimal .product--box .product--price .price--pseudo {
    font-size: 1.2rem;
    text-decoration: line-through;
}

.box--minimal .product--price .price--discount, .product--box .product--price .price--discount {
    /* display:block; */
    font-size: 1.2rem;
    color: #5c2022;
    line-height: 1.3;
    font-weight: 600;
    text-align: right; 
    margin-right: 5px;
}
.product--price-info {
    height: 7.375rem !important;
}
.product--box .product--price .price--pseudo {
    display: block;
    float: right;
    font-size: 1.2rem;
    color: #5c2022;
}
/* TOPSELLER */

.topseller {
    margin: 0 1rem;
    margin: 0;
    background: transparent;
}
.topseller.panel.has--border {
    border: 0 none;
    background: #efedec;
}
.topseller .panel--title.is--underline {
    padding: 20px 0px 0px 0px;
    padding: 2rem 0rem 0rem 0rem;
    border-bottom: 0 none;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    font-size: 1.55rem;
    color: #4c4a49;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
}
.topseller .topseller--content {
    padding: 0 0 1.0rem;
    /* margin-right: 1rem; */
    /* margin-left: 1rem; */
}

.product-slider--container {
    padding-right: 1rem;
}
.product-slider--item {
    padding: 0;
    overflow: visible;
}

.product-slider--arrow:hover {
    color: #ffffff;
    border-color: #efedec;
    background: rgb(204, 41, 41);
}



/* DETAIL */
 .vendor--info {
    margin: 0px 0px 20px 0px;
    margin: 1rem 0rem;
}

.product--navigation .link--prev-button, .product--navigation .link--next-button {
    background: rgba(92, 32, 34, 0.19);
}
.product--navigation .link--prev:hover .link--prev-button, .product--navigation .link--next:hover .link--prev-button, .product--navigation .link--prev:hover .link--next-button, .product--navigation .link--next:hover .link--next-button {
    background: rgb(204, 41, 41);
}
.is--ctl-detail .content-main--inner {
    background: transparent;

}

.product--details .product--header {
    background: #fff;
    padding: 0;
}

.product--details .product--header .product--title {
    position: relative;
    display: block;
    clear: both;
    padding: 2rem 4rem;
    margin: 0;
    line-height: 1.2;
    color: #cc2929;
    text-transform: uppercase;
    background: #fff;
    overflow: hidden;
    z-index: 2;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    font-size: 2.8rem;
    font-weight: 400;
}
.product--price-info .price--unit {
    font-size: 11px !important;
}

.product--details .product--supplier {
    padding: 1.5rem 4rem;
}
.product--details .product--supplier .product--supplier-link {
    height: 110px;
    /* height: 4.375rem; */
}
.product--detail-upper {
    background: #fff;
    margin-bottom: 1rem;
}


.js--tab-menu .tab--container-list .tab--container {
   background: #fff;
}

.tab-menu--cross-selling .tab--title {
    padding: 10px 38px 10px 10px;
    padding: 1rem 2.375rem .625rem .625rem;
    line-height: 20px;
    line-height: 2.25rem;
    position: relative;
    display: block;
       background: #fff;
       font-size: 1.4rem;
       text-transform: uppercase;
}

.tab--title:after {
    right: 1rem;
    font-size: 2.125rem;
}
@media screen and (max-width: 72em){
    .image-slider--container {
        /* margin-bottom: 12.875rem; */
        height: auto;
    }
}

.image-slider--thumbnails .thumbnail--link {
    width: 8.7rem;
    height: 8.7rem;
    padding: .3125rem .3125rem .3125rem .3125rem;
    margin: 0rem .625rem 0rem 0rem;
    border: 7px solid transparent;
    line-height: 7rem;
}
.image-slider--thumbnails .thumbnail--link.is--active {
    border-color: #efedec;
}

.image-slider--container .arrow.is--left {
    left: 0.1rem;
}


@media screen and (min-width: 64em){
    .product--details .product--image-container {
        margin-right: 1%;
    }
}
.image-slider--thumbnails {
    height: 10.375rem;
}
@media screen and (min-width: 78.75em){
    .image-slider--thumbnails {
        width: 10.375rem;
        height: 27.875rem;
        margin: 0rem 1.25rem 1rem 3.75rem;
        position: relative;
        /* overflow: visible; */
    }
}


.image-slider--thumbnails .thumbnail--link.is--active {
    border-color: #efedec;
    position: relative;
}

@media only screen and (min-width: 62em){
    .image-slider--thumbnails .thumbnail--link.is--active:before {
        border-bottom: 20px solid transparent;
        border-left: 20px solid #efedec;
        content: ''; 
        height: 0;
        right: -2.625rem;
        position: absolute;
        top: -0.7rem;
        width: 0;
    }
}





.image-slider--thumbnails .thumbnails--arrow:hover {
    color: #fff;
    background: #cc2929
    
}


@media screen and (min-width: 64em){
    .image-slider--dots {
        display: none
    }
    .image-slider--thumbnails .thumbnails--arrow {
        width: 8.7rem !important;
      
        /* left: 0.1rem !important; */
        /* top: -1.0rem; */
        /* background: #efedec; */
        border: 0 none;
    }
}
@media screen and (max-width: 78em){
    .image-slider--thumbnails .thumbnails--arrow {
        width: 1.7rem !important;
          
          top: 2.6rem !important;
        /* left: 0.1rem !important; */
        /* top: -1.0rem; */
        /* background: #efedec; */
        border: 0 none;
    }
}
.product--details .product--buybox .content--discount {
    background-color: #fff;
    color: #cc2929;
    border: 1px solid #cc2929;
    padding: 0 1rem;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase; 
    vertical-align: baseline;
    white-space: nowrap;
    padding: .5rem .8rem;
    font-size: 1.15rem;
    font-weight: 700;
    /* position: absolute; */
    /* right: 0; */
    /* top: 15px; */
        font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
}
.product--details .product--buybox .price--discount-icon {
    padding: .375rem .4375rem .375rem .4375rem;
    margin: 0rem .3125rem 0rem .3125rem;
    font-size: 1.5rem;
    border-radius: 0;
    display: inline-block;
    position: relative;
    background: #cc2929;
    color: #fff;
    position: absolute;
    right: -15px;
    top: 0;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
}
.product--details .product--buybox .price--discount-icon:before {
    border: 0 solid transparent;
    border-top-width: 28px;
    border-left-width: 29px;
    right: 25px;
    border-color: rgb(204, 41, 41) transparent transparent  transparent;
    content: '';
    display: block;
    height: 0;
    margin: 0;
    position: absolute;
    top: 0px;
    width: 0;
}


.product--details .product--buybox {
    padding: 1rem 1.5rem;
    background-color: #efedec;
    background-image: repeating-linear-gradient(135deg,transparent,transparent 5px,hsla(0,0%,100%,.25) 0,hsla(0,0%,100%,.25) 10px);
    border: 10px solid #efedec;
    position: relative;
}
@media only screen and (min-width: 62em){
    .product--details .product--buybox:before {
        border-bottom: 20px solid transparent;
        border-right: 20px solid #efedec;
        content: '';
        height: 0;
        left: -30px;
        position: absolute;
        top: -10px;
        width: 0;
    }
}

.product--details .product--buybox .price--content {
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    font-size: 2.34rem;
    white-space: nowrap;
    color: #cc2929;
    display: block;
    line-height: 1.3;
}

.product--details .product--tax {
    margin: 0;
    font-size: 1.2rem;
    color: #4c4a49;
}
.product--tax a {
        color: #4c4a49;
}

.configurator--label {
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    -webkit-font-smoothing: subpixel-antialiased;
    color: #a09d9d; 
    display: block;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
    padding-bottom: .4rem;
    color: #242323; 
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
}

.product--details .configurator--form .js--fancy-select {
    width: 100%;
    color: #343332; 
    display: inline-block;
    box-shadow: inset -2px -2px 0 rgba(19,18,17,.2);
    transition: background-color .2s,color .2s,box-shadow .2s;
    border-radius: 11rem;
    background-color: #fff;
    background-image: none;
}

.product--buybox .js--fancy-select .js--fancy-select-text {
    padding: 0.7rem 2.5rem 0rem 1.625rem;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.3; 
    font-weight: 700;
    color: #343332;
    text-transform: uppercase;
}

.js--fancy-select .js--fancy-select-trigger {
    width: 4rem;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #f0f5f9;
    text-align: center;
    font-weight: bold;
    padding: 0.3rem 1rem 0rem .625rem;
}
.js--fancy-select:hover {
    color: #333;
    border-color: #e5e3e4;
    background: #fff;
}
.product--details .configurator--form .select-field {
    height: 40px;
    max-width: 97%;
    border-radius: 47px;
}
.product--details .configurator--form .select-field select {
    padding: 0 23px;
}
.product--details .buybox--button {font-size: 1.7rem;white-space: nowrap;width: 63%;border-radius: 0rem 20rem 20rem 0rem;height: 4.0rem;font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;letter-spacing: .05em;line-height: 2.6rem;}

.product--details .buybox--quantity {
    margin: 0;
    width: 35%;
}


@media screen and (max-width: 30em){
    .product--details .buybox--button {
        width: 100%;
    }

    .product--details .buybox--quantity {
        margin: 0;
        border-radius: 20px;
        width: 100%;
    }
}
.product--details .buybox--quantity .js--fancy-select {
    height: 4.0rem; 
    border-radius: 20rem 0rem 0rem 20rem;
    background: #fff;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
}
.product--details .buybox--quantity .js--fancy-select .js--fancy-select-text {
    font-size: 1.7rem;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
}
.product--details .buybox--quantity .js--fancy-select .js--fancy-select-text, .product--details .buybox--quantity .js--fancy-select .js--fancy-select-trigger {
    font-size: 1.7rem;
    height: 4.0rem;
}

.product--details .product--base-info {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    color: #757271;
    text-transform: uppercase;
    font-size: 1.2rem;
}
.product--details .product--base-info .entry--content {
    font-weight: 400;
}
.product--details .action--link {
    background: none;
    border: 0 none;
    box-shadow: none;
    font-size: 1.2rem;
    color: #807d7c;
    font-weight: 400;
    display: block;
    /* width: 149%; */
    text-align: left;
    padding-right: 4rem !important;
    text-transform: uppercase;
    padding-bottom: 10px;
    -webkit-font-smoothing: antialiased;
    float: left;
}

.link--seencheaper {display: none !important;}

.product--details .action--link:hover {
    color: #cc2929;
}
.product--details .action--link:hover i{
    color: #cc2929;
}

.js--img-zoom--flyout {
    width: 39.75rem;
    height: 26.25rem;
    right: -41.625rem;

}

.product--details .action--link.link--publish-comment {
    margin-top: -0.1rem;

}

.product--details .action--link.link--publish-comment i{
    margin-top: -0.3rem;
    
}


.product--details .action--link *[class="icon--star"] {
    font-size: 1.55rem;
    margin: 0rem 1rem 0rem 0rem;
        color: #cc2929;
}
.product--details .product--actions {
    width: 100%;
    float: right;
    padding-left: 2%;
    margin-top: 2rem;
    border: 0 none;
}
@media screen and (min-width: 64em){
.product--details .product--actions {
    width: 93%;
    float: right;
    margin-right: 3%;
    margin-top: 2rem;
    border: 0 none;
    padding: 0;
}
}
.product--details .action--form {
    float: left;
    /* width: 33%; */
}


.product--details .tab--navigation {
    background: #fff;
    border-bottom: 0;
    /* padding: 1rem 0 0.1rem; */
}

.js--tab-menu .tab--link {
    border-bottom: 2px solid transparent;
    font-size: 1.4rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    padding: 1rem 1.5rem;
    text-transform: uppercase;
    background: #fff;
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    color: #827e7d;
    top: 0;
    margin-top: 10px;
}

.js--tab-menu .tab--link.is--active {
    border-bottom-color: #cc2929 !important;
    color: #cc2929;
    margin: 0;
}
.js--tab-menu .tab--link:hover, .js--tab-menu .tab--link.is--active:hover {
    color: #cc2929;
    background: #fff;
}
.js--tab-menu .tab--container-list .tab--container {
    border: 0 none;
}

.product--rating-count {
    margin-left: .5rem;
    padding: 0.125rem .4375rem 0.125rem .4375rem;
    border-radius: 100%;
    background-clip: padding-box;
    background: transparent;
    color: #a09d9d;
    font-weight: 400;
    border: 1px solid #a09d9d;
    font-size: 1.2rem;
}

.product--details .content--title {
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    color: #5c2022;
    font-size: 1.6rem;
    margin: .625rem 0rem .3125rem 0rem;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 1rem;
    margin-top: 1.5rem;
}

@media screen and (min-width: 48em){
    .product--details .content--description, .product--details .content--product-reviews {
        padding: 3rem 4.6rem 3rem 4.6rem;
    }
}

.content--wrapper .content--product-reviews  form {
    background: #efedec;
    padding: 1rem !important;
}


.product--details .tab-menu--product {
    margin: 0 0 1rem;
}

/* SLIDER */

.product--details .similar--content .product-slider, .product--details .viewed--content .product-slider, .product--details .related--content .product-slider, .product--details .product-streams--content .product-slider {
    background: #efedec;
}
.product--details .similar--content .product-slider, .product--details .viewed--content .product-slider, .product--details .related--content .product-slider, .product--details .product-streams--content .product-slider {
    padding: 0 0 2rem;
    min-height: 270px;
    min-height: 16.875rem;
}

.tab-menu--cross-selling .tab--content {
    background: #efedec;
}

.tab-menu--cross-selling .tab--content .panel--body {
    padding: 0 0 2rem;
}

.tab--title {
    color: #cc2929;
    font-weight: bold;
    padding: 0 1rem;
    /* line-height: 2.25rem; */
    position: relative;
    /* display: block; */
    background: #fff;
    font-size: 1.4rem;
    text-transform: uppercase;
}
.js--off-canvas-button .tab--preview {
    font-size: 1.4rem
}

@media screen and (max-width: 30em){

.js--tab-menu .tab--container-list .tab--container {
    display: block;
}
}
/* TABLES */


table {
    border-collapse: collapse;
    border-spacing: 0
}

table {
    background: #fff;
    border: 1px solid rgba(19,18,17,.1);
    margin-bottom: 2rem;
    table-layout: auto
}


table tr td , table tr {
    color: #343332;
    font-size: 1.3rem;
    padding: .8rem 1rem;
    text-align: left
}

table tr td:last-child {
    text-align: right
}

table tbody tr:nth-of-type(even) {
    background: #efedec
}

table tbody tr td,table tr td {
    display: table-cell;
    line-height: 1.6rem
}



table th, table thead td {
    background: transparent;
    color: #4c4a49;
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
}



table {
    background: #fff;
    border: 1px solid rgba(19,18,17,.1);
    margin-bottom: 2rem;
    table-layout: auto
}

table.tbl--flat {
    border: none;
    margin-bottom: 0
}

table.tbl--full {
    width: 100%
}

table caption {
    background: transparent;
    color: #918e8d;
    font-size: 1.3rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased
}

table thead {
    background: #fff
}

table thead tr td,table thead tr th {
    border-bottom: 1px solid rgba(19,18,17,.1);
    color: #918e8d;
    font-size: 1.2rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    padding: .8rem 1rem
}

table tfoot {
    background: #fff
}

table tfoot tr td,table tfoot tr th {
    color: #242323;
    font-size: 1.3rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    padding: .8rem 1rem
}

table tfoot tr th {
    color: #918e8d
}



table tr td,table tr th {
    color: #343332;
    font-size: 1.3rem;
    padding: .8rem 1rem;
    text-align: left; 
    border: 0;
}

table tr td:last-child {
    text-align: right
}
table tr:nth-child(even) td {
    background: #efedec;
}
table tbody tr.alt,table tbody tr.even,table tbody tr:nth-of-type(even) {
    /* background: #efedec */
}

table tbody tr td,table tbody tr th,table tfoot tr td,table tfoot tr th,table thead tr th,table tr td {
    display: table-cell;
    line-height: 1.6rem;
}

.alert {
    font-size: 1.3rem;

}
.alert .alert--icon {
    font-size: 1.8rem;
}


/* LAST SEEN */

.last-seen-products {
    background: #fff;
    margin-top: 1.0rem;
    padding-bottom: 2rem;
}
.last-seen-products .last-seen-products--title {
    padding: 20px 0px 0px 0px;
    padding: 2rem 0rem 2rem 1.5rem;
    border-bottom: 0 none;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    font-size: 1.55rem;
    color: #4c4a49;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
}
.last-seen-products--slider .product--box .product--title {
    padding: 0 20px;
}

/* NEWSLETTEr */
.newsletter--content {
    background: #fff;
    padding: 1rem;
    margin-top: 0;
}
.newsletter--form { 

    background: #efedec;
}
.newsletter--content  .panel--body.has--border {
    border: 0 none;
}
.panel--body.is--wide {
    padding: 20px 20px 20px 20px;
    padding-left: 1.8rem;
}

.panel--title.is--underline {
    padding: 2.25rem 0rem .625rem 0.5rem;
    border-bottom: 0;
    text-decoration: none !important;
    font-size: 1.5rem;
}
@media screen and (min-width: 48em){
    .newsletter--form {  
        padding: 3rem;
    }
    .newsletter--content .js--fancy-select {
        margin-bottom: 0rem;
        width: 290px;
        width: 29rem;
    }
}

@media screen and (min-width: 48em){
    .newsletter--form { 
        padding: 3rem 30rem 3rem 3rem;
    }

}

/* CUSTOM PAGES */
.is--ctl-custom  .content-main .content-main--inner .content--wrapper {
    padding: 3rem;
    background: #ffffff;
}

.custom-page--content {
    margin-top: 1.5rem;
}  


/* FORM PAGE */
.is--ctl-forms  .content-main .content-main--inner .content--wrapper {
    padding: 1rem;
    background: #ffffff;
}

.forms--container  {
        padding: 3rem;
   background: #efedec; 
}

label {
    font-size: 1.3rem;
    color: #333;
}

.forms--content .forms--headline {
    padding: 1.3rem;
}

@media screen and (min-width: 48em){
    .forms--container { 
        padding: 3rem 30rem 3rem 3rem;
    }

}


/* BLOG */

.blog--content .blog--filter-options .filter--group{
    background: #fff;
}
.blog--content .blog--navigation .blog--sidebar-title {
    font-size: 16px;
}
.blog--sidebar .blog--navigation .collapse--content .filter--entry-link {
    font-size: 14px;
}
.blog--content .blog--box .blog--box-link {
    font-size: 16px;
}
.blog--content .blog--box .blog--box-metadata {
    font-size: 12px;
}

.blog--box {
    background: #fff!important;
}


.blog--detail {
    BACKGROUND: #fff !important;
    padding: 20px;
}
.blog--detail .blog--box-metadata, .blog--detail .panel--title {
    margin: 0;
}
.blog--comments {
    background: #fff !important;
}
.blog--detail .blog--box-metadata, .blog--detail .panel--title {
    font-size: 14px;
}
/* FOOTER */

.footer-main .footer--column {
    padding: 0px 10px 0px 10px;
    padding: 1rem 2rem;
    border-top: 1px solid #722f31;
}
@media screen and (max-width: 48em) {
    .footer-main .footer--column.is--last {
        border-bottom: 1px solid #722f31;
    }
}
@media screen and (min-width: 62em) {
    .footer-main .footer--columns {
        padding: 0;
        border: 0 none;
    }
}
.footer-main {
    background: #5c2022;
    color: #cc2929;
    border: 0 none;
}

.footer-main .navigation--link {
    padding: 10px 0px 10px 0px;
    padding: .625rem 0rem .625rem 0rem;
    display: block;
    color: #fff;
    font-size: 1.5rem;
    padding-bottom: 0;
    font-size: 1.5rem;
    font-family: inherit;
    line-height: 1;
    padding: .3rem 1.5rem .3rem 0;
    margin-bottom: 3px;
}

.footer-main .column--headline {
  color: #cc2929;
      font-weight: 700;
    -webkit-font-smoothing: antialiased;
    margin-bottom: .5rem;
    text-transform: uppercase; 
        padding: .2rem 0;
        font-size: 13px
}

.footer-main .navigation--list {
        border-left: 1px solid #cc2929;
        padding-left: 10px;
        margin-left: 7px;
        margin-bottom: 30px;
        padding-bottom:0;
}

.footer-main .navigation--link:hover {
    color: #cc2929;
}


.footer--vat-info .vat-info--text {
    text-align: left;
}

.footer-main .footer--column.column4  .navigation--list {
    margin-bottom: 0;
    min-height: 129px;
}
@media only screen and (min-width: 62em) {

    .col {
        position: relative;
        padding-left: .5rem;
        padding-right: .5rem;
        float: left
    }

    .lrg-1 {
        width: 8.333333333333332%
    }

    .lrg-11 {
        width: 91.66666666666666%
    }
}



.lbl {
    display: inline-block;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    line-height: 1;
    margin-bottom: 0;
    min-width: 1.725rem;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: baseline;
    white-space: nowrap;
    padding: .5rem .8rem;
    font-size: 1.15rem !important;
    /* background-color: #807d7c; */
    color: #fff;
}

.lbl--flat {
    background-color: transparent;
    color: #a09d9d
}





p {
    font-size: 1.3rem;
    font-weight: 400;
    font-family: inherit;
    line-height: 1.714285714285714;
    margin-bottom: 2rem;
    text-rendering: optimizeLegibility;
}

hr {
    border: solid rgba(19,18,17,.1);
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 2rem 0 1.9rem
}

.text--primary {
    color: #cc2929
}

.text--primary-2 {
    color: #5c2022;
}
.break {
    white-space: normal!important;
}


.horizont {
    width: 33.33%;
    float: left;
}


@media only screen and (max-width:61.94em) {
    .l-wrap--footer__claim {
        background:linear-gradient(135deg,transparent,transparent 40%,#cc2929 0,#cc2929);
    }
}

@media only screen and (min-width: 62em) {
    .l-wrap--footer__claim {
        background: linear-gradient(135deg,transparent,transparent 60%,#cc2929 0,#cc2929);
        height: 50px;
        padding-top: 10px;
        padding-left: 20px;
    }
}

@media screen and (min-width: 48em){
    .footer-main .footer--column.column1  {
        width: 25%;
    }
    .footer-main .footer--column.column2,.footer-main .footer--column.column3 {
        width: 17%;
    }
   .footer-main .footer--column.column4 {
       width: 41%;
   }
}




/* JS OVERLAY */

.js--overlay {
    background: rgba(242, 242, 242, 0.69);
}

/* MINI CART */
.container--ajax-cart.off-canvas {
    width: 28rem;
    padding: 0;
    background: #fff;
    z-index: 8000;
}

.off-canvas .ajax--cart {
    font-size: 1.2rem;
    background: #5c2022;
    color: #fff;
}

.off-canvas .close--off-canvas {
    padding: .125rem .625rem .125rem .625rem;
    line-height: 38px;
    line-height: 3.675rem;
    background: #cc2929;
    display: block;
    color: #fff;
    cursor: pointer;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em; 
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    line-height: normal;
    margin: 0 0 1rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    -webkit-appearance: none;
    transition: all .2s;
    padding: 1.1rem .8rem 1.1rem;
    font-size: 1.4rem;
    color: #fff;
    background-color: #cc2929;
    border: 0 solid #cc2929;
    box-shadow: inset -2px -2px 0 rgba(19,18,17,.2);
}
.off-canvas .ajax--cart .item--container {
    max-height: none;
    margin: 0 1rem 0 1rem;
    background: #efedec;
}

.off-canvas .ajax--cart .cart--item {
    line-height: 1.3rem;
    background: #fff;
    margin: 1rem 0.5rem;
    padding: 0.5rem;
    box-shadow: 2px 2px 0 rgba(19,18,17,.15);
    transition: all .24s;
}
.off-canvas .ajax--cart .cart--item .item--link {
    width: 14.9rem;

}

.off-canvas .ajax--cart .cart--item .item--link:hover {
    color: #cc2929;

}

.ajax--cart .button--container *[class*="button--"] {
    border-radius: 1000px;
}

.off-canvas .ajax--cart .prices--container {
    background: #efedec;
    padding: 0;
    margin: 0 1rem;
    padding: 1rem;
}


.prices--articles-text {
    display: inline-block;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    line-height: 1;
    margin-bottom: 0;
    min-width: 1.725rem;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: baseline;
    white-space: nowrap;
    padding: .5rem .8rem;
}


.ajax--cart .prices--container .prices--articles {
    color: #a09d9d;
    font-weight: bold;
    font-size: 1.4rem;
}

.off-canvas .ajax--cart .button--container {
    background: #efedec;
    margin: 0 1rem;
    padding: 2rem 1rem;
    border-top: 1px solid #ccc;
}

.ajax--cart .cart--item .thumbnail--container {
    width: 3.8rem;
    height: 3.8rem;
    border: 0 none !important;
}

.ajax--cart .cart--item .item--price, .ajax--cart .prices--container .prices--articles-amount {
    color: #cc2929;
    /* float: right !important; */
}
.ajax--cart .alert {
    margin: 1rem 1rem 0 1rem;
}


.ajax--cart .cart--item .item--name {
    /* display: block; */
}

.navigation--list {
    list-style: none;
    margin:0;
}

/* NAVI MYLIST */

ul.mylist--list {
    display: none;
    position: absolute;
    background: #4e1b1d;
    z-index: 1000;
    width: auto;
    min-width: 12.2rem;
    padding: 1.3rem;
}

.entry--account:hover ul.mylist--list {
    display: block;
}



@media screen and (max-width: 62em) {
    ul.mylist--list {
          right: 0;
          left: auto
    }
}

/* CART */


.product--table .table--header .panel--th {
    color: #918e8d;
    font-size: 1.2rem;
}

.product--table .table--media .table--media-outer {

    max-width: 7rem;
    max-height: 7rem;
    border: 0 none;

}

.product--table .content--title {
    font-size: 1.3rem;
    color: #cc2929;
    text-transform: uppercase;
}
.product--table .content--title:hover {
    color: #5c2022;
}
.product--table .content {
    font-size: 1.2rem;
    margin: 0;
    text-transform: uppercase;
    color: #918e8d;
    font-weight: bold;
}

.panel--th, .panel--td {

    padding: 1.8rem 1rem;
    font-size: 1.3rem

}

.product--table .row--product .column--unit-price, .product--table .row--product .column--total-price {
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    color: #343332;
    font-weight: 700;
}


.product--table .table--tr .column--actions .icon--cross {
    font-size: 0.8rem;
    padding: 1px;
}

textarea.is--medium, input[type="text"].is--medium, input[type="search"].is--medium, input[type="password"].is--medium, input[type="number"].is--medium, input[type="email"].is--medium, input[type="tel"].is--medium {

    height: 3rem;
}


.product--table .add-product--field, .product--table .add-voucher--field {

    height: 3rem;

}

.product--table .add-product--field {
    background: #efedec;
}
.product--table .add-product--button, .product--table .add-voucher--button {
    height: 3rem;
    border-top-left-radius: 0;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;

}

.product--table .basket--footer {
    border: 0 none !important;
    background: #efedec;
}

.product--table .table--actions {
   background: #efedec;
   padding: 1rem 1rem 4rem 1rem;
   border: 0;
   display: block;
}
.product--table .panel--body {
    background: #fff;
     border: 0 none
}

.product--table .panel {
   background: #efedec;
   padding: 1rem;
   border: 0 none !important;
}

.product--table .table--actions .btn--inquiry {
    width: 26rem;
    top: 2rem;
}

form.table--add-voucher.add-voucher--form > label {
    font-size:1.3rem;
    text-transform: uppercase;
}

.product--table .table--shipping-costs-trigger {
    font-size: 1.3rem;
    text-transform: uppercase;
    background: #827e7d;
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    color: #fff;
    margin-bottom: 2rem;
}
.product--table .add-voucher--form {
    margin: 0rem 0rem 2rem 0rem;
}
.aggregation--list .entry--label {
    color: #918e8d;
    font-size: 1.3rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    line-height: 1.6rem;
    padding: 0.5rem;
}

.aggregation--list .entry--value {
    color: #242323;
    font-size: 1.3rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    line-height: 2.4rem;
}

@media screen and (min-width: 78.75em){
    .product--table .aggregation--list {
        padding-right: 6.3%;
    }
}


form.table--shipping-costs {

    margin-top: 2rem;
}

.product--table .table--shipping-costs .js--fancy-select {
    height: 3rem;
}

.product--table .table--footer {
    padding: 3rem;
    background: #efedec;
    margin-top: 1rem;
}
.product--table .benefit--headline {
    font-size: 14px;
    font-size: 1.3rem;
    color: #333;
    font-weight: bold;
}

.product--table .table--footer .benefit--text {
    font-size: 1.3rem;
}


/* ACCOUNT */

@media screen and (min-width: 48em){
   /* .is--ctl-forms .sidebar-main + .content--wrapper, .is--ctl-tellafriend .sidebar-main + .content--wrapper, .is--ctl-newsletter .sidebar-main + .content--wrapper, .is--ctl-sitemap .sidebar-main + .content--wrapper, .is--ctl-custom .sidebar-main + .content--wrapper, .is--ctl-note.is--user .sidebar-main + .content--wrapper, .is--ctl-address .sidebar-main + .content--wrapper, .is--ctl-account.is--user .sidebar-main + .content--wrapper {
    */   
       
    .is--ctl-tellafriend .sidebar-main + .content--wrapper, .is--ctl-note.is--user .sidebar-main + .content--wrapper, .is--ctl-address .sidebar-main + .content--wrapper, .is--ctl-account.is--user .sidebar-main + .content--wrapper {
       /* margin-left: 19.25rem; */
    }
}

.sidebar--navigation.show--active-items .navigation--link.is--active {
    color: #fff;
}
/* CONFIRM */

#paymentMethodContainer .paymentMethodRow div.nameRow .methodName {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.paypal--payment-selection .payment--method.is--active .method--label, .paypal--payment-selection .payment--method .method--label {
    width: 140px;
}
.paypal--payment-selection .method--description {
    display: block;

}
.content--confirm .method--description {
    padding-left: 0px !important;
}
.paypal--payment-selection .payment--method.js--is-active:after, .paypal--payment-selection .payment--method.is--active:after {
    height: 18px;
    width: 23px;
    right: 8px;
    top: 15px;
}
.payment--method-logo.payment_logo_prepayment{
    width: 125px;
    height: 40px;
    background: url(/media/image/28/55/8e/payinadvance.png) no-repeat;
    position: relative;
    display: block;
    background-size: contain;
    margin: -5px 5px 0;

}
.payment--method-logo.payment_logo_Barzahlung{
    width: 125px;
    height: 40px;
    background: url(/media/image/f3/be/8a/barzahlung.png) no-repeat;
    position: relative;
    display: block;
    background-size: contain;
    margin: -5px 5px 0;
    
}
.paypal--payment-selection .method--name[for="payment_mean5"],.paypal--payment-selection .method--name[for="payment_mean9"]{
    font-size: 16px;
    text-indent: -3000px;
    display: block;
}

.panel--body {
    font-size: 1.3rem;

}

.register--login .register--login-description {
    font-size: 1.2rem
}

.register--login .register--login-lostpassword {
    font-size: 1.2rem
}
.panel {
    background: #edeae9;;
}

.is--ctl-register.is--target-checkout  .content-main .content-main--inner .content--wrapper {
    background: #fff;
    padding: 1rem;
    margin-top: 1rem;
}

.register--content, .register--login {
    margin-top: 0;
}

.panel--title {
    font-size: 1.3rem;
}
.list--unordered {
    margin: 0;
}
.list--unordered li {
    position: relative;
    line-height: 24px;
    line-height: 2.5rem;
    margin: 0;
}

li.list--entry.block-group.entry--total {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

li.list--entry.block-group.entry--total > div.entry--label {
    color: #a09d9d;
    font-size: 1.6rem;
    display: inline-block;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    text-transform: uppercase;
}

li.list--entry.block-group.entry--total > div.entry--value {
    font-size: 2rem;
    color: #cc2929;
    line-height: 2.7rem;
}
/* SHIPPING */

.is--ctl-checkout.is--act-shippingpayment .content-main { 
    margin-top: 0;
}

.product--table {
    margin-top: 0;
}


.steps--content .steps--entry {
    color: #ccc;
}
.steps--content .steps--entry.is--active {
    color: #5c2022; 
}



.steps--content .steps--entry .icon {background: none;border: 2px solid #807d7c;width: 4.7rem;line-height: 3.0rem;font-size: 2rem; color: #807d7c; font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;}
.steps--content .steps--entry.is--active .icon {color: #5c2022;border-color: #5c2022;}
.steps--content .steps--entry.is--active .text--inner {color: #5c2022;border-color: #5c2022;}

.steps--content .steps--entry .text--inner, .steps--content .steps--entry .text::after {

    text-transform: uppercase;
    font-size: 1.2rem;
    color: #807d7c; 

}

.steps--content {
    padding: 2rem;
    background: white;
    border: none;
    margin-top: 1rem;
}

div.method--label > label {
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #918e8d;
}


.account--menu .navigation--headline {

    font-size: 1.6rem;

}


/* CONFIRM */
#confirm--form {
    margin-top: 15px;
}
.is--ctl-checkout.is--act-confirm .content-main { 
    margin-top: 0;
}

/* MINI HEADER */
.is--ctl-checkout.is--minimal-header .header-main {
    background: #5c2022;
    border: 0 none;
    color: #fff;
}

.is--ctl-checkout.is--minimal-header .header-main .logo--supportinfo, .is--ctl-register.is--minimal-header .header-main .logo--supportinfo, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--supportinfo {
    font-size: 1.34rem;
}

.paypal--payment-selection .method--description {
    font-size: 12px;
}
@media screen and (min-width: 48em){
.header-main .logo-main .logo--link {
    height: 5.125rem;
}
}
.confirm--content {
    padding-top:0;
    /* padding: 1rem; */
    /* background: #fff; */
}
.panel {
    border: 0 none !important;
}

.confirm--content .tos--panel .column--label {
    text-align: left;
}
.confirm--content .product--table .table--header .panel--th {
    color: #918e8d;
}

@media screen and (min-width: 48em){
    .confirm--content .product--table .basket--footer .aggregation--list {
        padding-right: 9%;
    }
}

.confirm--content .product--table .basket--footer {
    background: #efedec;
}

.panel--actions .btn {
    margin: 0rem .375rem 1rem 0rem;
}

.confirm--content .product--essential-features {
    font-size: 1.2rem;
    color: #918e8d;
}

.confirm--content .information--panel-item.information--panel-address .shipping--panel .btn, .panel--actions .btn {
    background: #827e7d;
}

div.information--panel-item.information--panel-address > div > div.panel--actions.is--wide > a {
    font-size: 1.3rem;
}

.is--ctl-checkout.is--act-cart .product--table .table--actions {
    margin-bottom: 0;
}
.paypal-express--container {
    background: #efedec;
    padding: 2rem;
}

.is--ctl-checkout.is--act-cart .content-main .content-main--inner .content--wrapper {
    margin-top: 1rem;
}
/* FINISH */

@media screen and (min-width: 48em) {
    .finish--table .aggregation--list {
        padding: 20px 20px 20px 20px;
        padding: 1.25rem 1.25rem 1.25rem 1.25rem;
    }
} 


/* MODAL COMPARE */

.modal--compare {
    font-size: 1.2rem;
}

.modal--compare .btn--product{
    font-size: 1.2rem;
    padding: 0.3rem 0.7rem
}

.modal--compare .link--name {
    position: relative;
    display: block;
    height: 70px;
    color: #333;
    font-weight: 700;
    line-height: 2rem
}

.modal--compare .list--entry { 
    padding: 1rem;
    border-color: #ccc;
    font-size: 1.2rem;
}

.modal--compare .list--head {
    background: #cec8c5;
    font-weight: 700;
    border-color: #ccc

}

.modal--compare .entry--description {
    height: 15rem;

}

.js--modal .header {
   background: #5c2022;
   color: #fff;
   border-color: transparent;
}

.js--modal .header .title {
    font-size: 16px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}


/* MINI SEARCH */

.main-search--results {
    width: 45rem;
    margin-left: -20.7rem;
    top: 4rem;
    background: #5c2022;
    padding: 1rem;
}

.results--list .list--entry {
    padding: 0.5rem;
    background: #efedec;
    border: 0 none
}


.results--list .search-result--link {
    background: #fff;
    padding: 0.5rem 0.2rem;
    min-height: 3rem;
    box-shadow: 2px 2px 0 rgba(19,18,17,.15);
}

.results--list .entry--all-results {
    background: #efedec;;
}

.results--list .entry--media {
    height: 3rem; 
}

.results--list .entry--price {
    color: #cc2929;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    font-size: 1.4rem;
}

.results--list .search-result--link:hover .entry--name{
    color: #cc2929 !important;
}

.has--cssanimations .form--ajax-loader {
    top: 1rem;
    right: 8.6rem;
    z-index: 2000;
}

.has--cssanimations .form--ajax-loader::before {
    width: 1.6rem;
    height: 1.6rem;
    border: 2px solid #968c8d;
    border-top: 2px solid #5c2022;
}

.entry--all-results-link {
    background: transparent !important;
    box-shadow: none !important;
    line-height: 2rem !important;
}

.results--list .entry--all-results-number {
    color: #333;
    line-height: 3rem;
}

.has--cssanimations .js--loading-indicator .icon--default:before, .has--cssanimations .js--loading-indicator .icon--default::before {
    width: 22px;
    width: 3.375rem;
    height: 22px;
    height: 3.375rem;
    border-radius: 100%;
    background-clip: padding-box;
    -webkit-animation: keyframe--spin 1s linear infinite;
    -moz-animation: keyframe--spin 1s linear infinite;
    -o-animation: keyframe--spin 1s linear infinite;
    animation: keyframe--spin 1s linear infinite;
    display: block;
    content: "";
    border: 10px solid #5c2022;
    border-top: 10px solid #cc2929;
}

/* ADVANCED MENU */


.advanced-menu {
    max-width: 126.0rem;
    box-shadow: 0 10px 25px -15px #000;
    box-shadow: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -moz-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0);
    background: #5c2022;
    width: 100%;
    position: absolute;
    color: #fff;
    z-index: 3000;
    left: 0;
    width: 120%;
    left: -20%;
    font-size: 1.4rem;
}

.advanced-menu .button-container .button--category {
    font-size: 1.3rem;
    padding: 1.25rem 3.125rem 1.25rem 3.8rem;
}


.advanced-menu .button-container {
    background: #5c2022;
    
}

.advanced-menu .menu--list-item-link {
    color: #fff;
    display: block;
    font-weight: 400 !important;
    line-height: 1.4;
    padding: .3rem .5rem;
    text-transform: none;
    font-size: 1.4rem;
}

.advanced-menu .item--level-1 .menu--list-item-link {
    font-weight: 400 !important;
    line-height: 1.4;
    padding: .3rem .5rem;
    text-transform: none;
    font-size: 1.4rem;

    color: #fff;
    display: block;
    font-weight: normal;
}

.advanced-menu .item--level-0 {
    padding-bottom: .5rem;
    border-right: 1px solid #cc2929;
}


.advanced-menu .menu--level-0 {
    padding: 0.4rem;
    margin: 0
}

.advanced-menu .menu--list-item-link:hover {
    padding: .3rem .5rem;
    color: #cc2929;
    font-weight: normal;
}


.advanced-menu .button-container .button--close {
    font-size: 1.6rem
}

.navigation-main .navigation--list .navigation--entry.is--hovered {
    background:transparent;
}

@media screen and (min-width: 78.75em){
    .advanced-menu .content--wrapper {
        margin: 40px 40px 40px 40px;
        margin: 2.5rem 2.5rem 3.5rem 2.8rem;
    }
}

.advanced-menu .menu--teaser {
    padding: 1rem;
    position: relative;
    float: left;
}

.navigation-main .navigation--list .navigation--entry.is--hovered .navigation--link {
    background: #5c2022;
    color: #cc2929;
}

/* SEARCH PAGE */

.alert .alert--content {
    /* width: 92%; */
    font-size: 100%;
    text-transform: uppercase;
}

.search--content {
    padding: 45px 0px 0px 0px;
    padding: 1rem 0;
}
.search--headline {
    margin: 0;
    padding: 2rem;
    text-align: center;
    background: #efedec;
}


.search--cat-filter {
    background: #efedec;
    padding: 1rem;
    margin: 0;
}

.search--cat-filter .cat-filter--sub-cat {
    width: 18.25rem;
    line-height: 24px;
    line-height: 2.5rem;
    margin: 0px 10px 0px 0px;
    margin: 0rem .625rem 0rem 0rem;
    display: block;
    font-size: 1.3rem;
}

.checkbox {
    width: 1.6rem;
    height: 1.6rem;
    padding: 0rem;
    line-height: 16px;
    line-height: 1rem;
    border-radius: 3px;
    border-radius: 0;
    background-clip: padding-box;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    border: 1px solid #efedec;
    cursor: pointer;
    text-align: center;
}

.checkbox.is--active .checkbox--state, a:hover .checkbox .checkbox--state {
    background: #cc2929;
}

.search--cat-filter .cat-filter--headline {
    padding: 0px 0px 5px 0px;
    padding: 1rem 1rem .3125rem 1rem;
    margin: 0px 0px 20px 0px;
    margin: 0rem 0rem 1.25rem 0rem;
    font-size: 16px;
    font-size: 1.2rem;
    line-height: 24px;
    line-height: 1.5rem;
    border-bottom: 0 none;
    background: #ffffff;
    margin-bottom: 0;
}
.cat-filter--sub-categories {
    background: #ffffff;
    padding: 1rem;
}

.listing--actions .listing--paging {
    padding: 10px 10px 10px 10px;
    padding: 1.2rem;
    display: block;
    border-top: 0;
}

.panel--paging .paging--link {
    padding: 0.2rem 1rem;
    margin: 0rem .0625rem 0rem .0625rem;
    font-size: 1.4rem;
    line-height: 2.5rem;
    height: 3rem;
    border-radius: 3px;
    border-radius: 0;
    background-clip: padding-box;
    background: #5c2022;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    border: 0; 
    color: #fff;
}
.panel--paging .paging--link.is--active, .panel--paging .paging--link.is--active:hover {
    line-height: 2.5rem;
    background: #cc2929;
    color: #fff;
    border: 0 none;
    font-weight: bold;
    cursor: default;
}

.panel--paging .paging--link [class^="icon--"] {
    font-size: 1rem;
}

.panel--paging .paging--link:hover {
    background: #cc2929;
    color: #fff;
}


.listing--bottom-paging {
    padding: 0 1.2rem 0.5rem;
    border: 0 none;
    background: #efedec;
    margin: 0;
}

.listing--paging .paging--display {
    font-size: 1.3rem
}

.action--per-page .per-page--label {
    font-size:1.2rem;
    line-height: 3rem;
}

.action--per-page .per-page--select {
    width: 8rem;
    height: 3rem;
    line-height: 1.875rem;
}

div.search--results .js--fancy-select-text {
    line-height: 1.4rem;
    font-size: 1.3rem;
    font-weight: 700;
    padding-right: 7rem;

}
/* Note PAge */

.account--welcome {
    Background: #fff;
        border: 0 none;

}

.note--overview {
    background: #ccc;
    border: 0 none;
    padding: 1rem;
}

.note--overview .panel--table {
    padding: 0px 20px 0px 20px;
    border: 0 none;
    background: #fff;
    box-shadow: 2px 2px 0 rgba(19,18,17,.15);
}


.panel--title {
    color: #cc2929;
}

.account--welcome .panel--title {
    padding: 20px 0px 20px 0px;
    padding: 2.25rem 0rem .25rem 2rem;
    margin: 0;
}

.note--content {
    margin: 45px 0px 0px 0px;
    margin: 1rem 0;
}


.note--delete {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1rem;
    line-height: 1rem;
    background: #cc2929;
    border-radius: 20rem;
    top: 3.25rem;
    right: 0;
    left: auto;
    display: block;
    position: absolute;
    border: 0 none;
    color: #fff;
    padding: 0;
}

.note--compare .compare--link {
    background: #827e7d;
    border: none;
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: 400;
    font-size: 1.2rem;
    padding: 0.1rem 2rem !important;
    text-align: center;
    height: 2rem;
    line-height: 1rem;
}


.note--compare .compare--link:hover {
    color: #fff;
    background: #727070;
}

.note--price {
    font-size: 1.6rem;
    margin: 15px 0px 0px 95px;
    margin: 1.9375rem 0rem 0rem 5rem;
    color: #cc2929;
    font-weight: bold;
        font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
}


.note--image-link {
    border: 0;
}

.note--title {
    display: block;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    line-height: 1.1;
    overflow: hidden;
    padding: 0;
    text-transform: uppercase;
    font-size: 1.3rem;
    text-decoration: none;
}
.note--title:hover {
    color: #cc2929;
}

/* OFF-CANVAS */
.navigation--smartphone .entry--close-off-canvas {
    padding: 0;
    line-height: 38px;
    line-height: 3.675rem;
    background: #cc2929;
    display: block;
    color: #fff;
    cursor: pointer;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    line-height: normal;
    margin: 0 0 1rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    -webkit-appearance: none;
    transition: all .2s;
    padding: 0.3rem;
    font-size: 1.4rem;
    color: #fff;
    background-color: #cc2929;
    border: 0 solid #cc2929;
    box-shadow: inset -2px -2px 0 rgba(19,18,17,.2);
    height: 4rem;
}
.navigation--smartphone .entry--close-off-canvas .navigation--link {
   line-height: 38px;
   line-height: 3.675rem;
   font-size: 1.4rem;
   color: #fff;
}

.navigation--smartphone .entry--close-off-canvas .navigation--link:hover {
    color: #5c2022;
  
}


.sidebar-main.off-canvas.is--open {
    font-size: 1.3rem;
    background: #5c2022;
    color: #fff;
    width: 24rem;
    padding: 0;
    margin: 0;
    height: auto;
}

.offcanvas--overlay {
    width: 24rem;
    top: 4rem;
    background: #5c2022;
}


.navigation--smartphone .entry--close-off-canvas .icon--arrow-right {
    margin: 1.2rem 1rem 0rem 0rem;
    font-size: 1.1rem;
}

.offcanvas--overlay .overlay--category .category--headline {
    font-size: 14px;
    font-size: 1.3rem;
    color: #f6f6f6;
    margin: 0;
    padding: 0;
    font-weight: 700;
}


.off-canvas .link--go-main {
    font-size: 16px;
    font-size: 1.4rem;
    text-transform: uppercase;
    padding: 1.2rem .625rem .625rem 2rem;
    height: 42px;
    height: 3.625rem;
    font-weight: 700;
    display: block;
    width: 100%;
    line-height: 1.2rem;
    background: #451819;
    border: 0;
}
.off-canvas .link--go-main:hover {
    color: #fff;
}

.sidebar--navigation {
    border-radius: 3px;
    border-radius: 0;
    background-clip: padding-box;
    background: #5c2022;
    border: 0 none;
    border-bottom: 1px solid #451819;
    padding: 0 10px 20px;
}

.sidebar--navigation .navigation--entry {
  border-bottom: 0;
  padding: 1px 0;
}

.off-canvas .sidebar--navigation .navigation--link {
    color: #fff;
    display: block;
    font-size: 1.3rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    padding: 1rem 2rem;
    position: relative;
    text-transform: uppercase;
    transition: background-color .2s;
}
.off-canvas .sidebar--navigation .navigation--link:hover {
    background: #cc2929;
    color: #fff;
}


.offcanvas--overlay .overlay--category .category--headline {
    background: transparent;
    border-bottom: none;

    color: #cc2929;
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: .5rem 1.5rem;
    text-transform: uppercase;
}


.offcanvas--overlay .overlay--headline {
    border-bottom: 1px solid #cc2929;
}


.navigation--headline, .shop-sites--container .shop-sites--headline {background: transparent;border-bottom: none;border-top: 2px solid #cc2929;color: #cc2929;display: block;font-size: 1.4rem;font-weight: 700;-webkit-font-smoothing: antialiased;margin: 0;padding: 1.5rem 2rem;text-transform: uppercase;}

.shop-sites--container {
    border: 0 none;
    padding: 0;
}


@media screen and (min-width: 768px){
    .account--menu {
        background: #fff;
    }
    .sidebar--navigation {
        background: #fff;

        border: 0 none;
    }
    .sidebar--navigation.show--active-items .navigation--link.is--active {
        color: #000;
    }
    
    .off-canvas .sidebar--navigation .navigation--link {
        color: #000;
        border: 0 none;
        padding-left: 0;
    }
}


@media screen and (max-width: 992px){
    .sidebar-right {
        display: none !important;
    }
}
@media screen and (min-width: 992px){
    .sidebar-right {
        display: block !important;
    }
}

/* EMOTION */

.emotion--product .product--box .product--image {
    height: 60%;
    margin: 0 auto;
}

.emotion--product-slider .product-slider--title {
    background: #efedec;
    clear: both;
    color: #5c2022;
    display: inline-block;
    margin: 0;
    padding-bottom: 1rem;
    padding-top: 1rem;
    position: relative;
        padding-left: 4rem;
    padding-right: 4rem;
        font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
        font-size: 1.55rem;
            text-transform: uppercase;
}

.emotion--product-slider .box--emotion {
    padding: 1rem 0 0 1rem;
    text-align: left; 
}

.emotion--product-slider .box--emotion .box--content {
    padding:1rem;
    border: 0 none;
}

.emotion--product-slider .box--emotion .product--title {
    color: #343332;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0 0 1rem;
    text-decoration: none;
    letter-spacing: .05em;
    text-transform: uppercase;
    line-height: 1.1;
    font-weight: 700;
    text-align: left;
}

.emotion--product-slider .box--emotion .product--price .price--default {
    font-size: 1.5rem;
}


.emotion--manufacturer .manufacturer--title {
    background: #efedec;
    clear: both;
    color: #5c2022;
    display: inline-block;
    margin: 0;
    padding-bottom: 1rem;
    padding-top: 1rem;
    position: relative;
    padding-left: 4rem;
    padding-right: 4rem;
    font-family: Dosis,Roboto Condensed,Roboto,Lucida Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .05em;
    font-size: 1.55rem;
    text-transform: uppercase;
}


/* FOOTER BLOCKS HTML */

.block__promoslider {
    margin-bottom: 1rem
}

@media only screen and (max-width: 47.94em) {
    .block__prd--dailydeal .slider {
        padding-bottom:3.5rem
    }
}

.block__prd--dailydeal .prd__img {
    height: 150px;
    line-height: 150px
}

.block__prd--dailydeal .prd__sdesc {
    height: 3.96rem
}

.block__prd--dailydeal .slider:not(.is-init) {
    max-height: 36rem;
    overflow: hidden
}

.block__seotext h2,.block__seotext p {
    color: #807d7c;
    font-size: 1.2rem
}

.block__manufacturer .content {
    padding: 1rem 0
}

.block__manufacturer a {
    opacity: .6
}

.block__manufacturer a:hover {
    opacity: 1;
    transition: opacity .2s
}

.block__newsletter {
    margin-bottom: 0
}

.block--white {
    background-color: #fff
}

.block--light {
    background-color: #efedec
}

.block--neutral,.block--secondary {
    background-color: #d5d1d0
}

.block--dark {
    background-color: #ccc9c8
}

.block--darker {
    background-color: #767372
}

.block--primary {
    color: #fff;
    background-color: #cc2929
}

.block--primary-2 {
    color: #fff;
    background-color: #5c2022
}

.block__prd .block__heading,.block__prd>h3 {
    background: #efedec;
    clear: both;
    color: #5c2022;
    display: inline-block;
    margin: 0;
    padding-bottom: 1rem;
    padding-top: 1rem;
    position: relative
}

.block__prd .block__heading:after,.block__prd>h3:after {
    border-top: 41px solid transparent;
    border-left: 41px solid #cec8c5;
    content: '';
    height: 0;
    right: -41px;
    position: absolute;
    top: 0;
    width: 0
}

.block__prd .block__heading a.rss,.block__prd>h3 a.rss {
    margin-right: -1rem
}

@media only screen and (max-width: 47.94em) {
    .block__prd .block__heading,.block__prd>h3 {
        display:block;
        text-align: center
    }

    .block__prd .block__heading:after,.block__prd>h3:after {
        border: none
    }
}

.cms-siteview .block__breadcrumbs {
    display: none
}

.box__paymenttypes .col {
    padding: .2rem .5rem
}

.box__paymenttypes a {
    display: block
}

.box__paymenttypes .paytype {
    background-color: #fff;
    border: 1px solid rgba(19,18,17,.3);
    padding: .5rem;
    margin: .3rem 0;
    /* height: 7rem; */
}

.box .pay__sofort img {
    margin-top: .2rem
}

.prdlist.slider {
    padding-top: 0;
    padding-bottom: 0
}
.l-wrap--footer-secondary>.row>.col>.block {
    padding: 0 1.5rem 1.5rem;
}

.l-wrap--footer-secondary .box--stacked {
    padding: 0 .5rem
}

.l-wrap--footer-secondary .box__paymenttypes .content {
    padding-top: 1rem
}

.l-wrap--footer {
    color: #fff;
    margin-bottom: 0
}

@media only screen and (min-width: 48em) and (max-width:61.94em) {
    .l-wrap--footer__claim {
        background:linear-gradient(135deg,transparent,transparent 40%,#cc2929 0,#cc2929)
    }
}

@media only screen and (min-width: 62em) {
    .l-wrap--footer__claim {
        background: linear-gradient(135deg,transparent,transparent 57%,#cc2929 0,#cc2929);
    }
}



.l-wrap--footer__categories,.l-wrap--footer__metanav,.l-wrap--footer__subnotes {
    background: #5c2022
}

@media only screen and (max-width: 47.94em) {
    .block__heading,.cpad {
        padding-left:1rem;
        padding-right: 1rem
    }

.main-search--results {
        width: 100%;
        margin-left: 0;
        top: 5rem;
        background: #5c2022;
        padding: 1rem;
    }
}

@media only screen and (min-width: 48em) {
    .block__heading,.cpad {
        padding-left:2rem;
        padding-right: 2rem
    }
}

@media only screen and (min-width: 62em) {
    .block__heading,.cpad {
        padding-left:4rem;
        padding-right: 4rem
    }
}

@media only screen and (max-width: 47.94em) {
    .cpad--full {
        padding:1rem
    }
}

@media only screen and (min-width: 48em) {
    .cpad--full {
        padding:2rem
    }
}

@media only screen and (min-width: 62em) {
    .cpad--full {
        padding:4rem
    }
    .l-wrap--footer-secondary>.row>.col>.block {min-height: 36rem;}
}

@media only screen and (max-width: 47.94em) {
    .cpad--left {
        padding-left:1rem
    }
}

@media only screen and (min-width: 48em) {
    .cpad--left {
        padding-left:2rem
    }
}

@media only screen and (min-width: 62em) {
    .cpad--left {
        padding-left:4rem
    }
}

@media only screen and (max-width: 47.94em) {
    .cpad--right {
        padding-right:1rem
    }
}

@media only screen and (min-width: 48em) {
    .cpad--right {
        padding-right:2rem
    }
}

@media only screen and (min-width: 62em) {
    .cpad--right {
        padding-right:4rem
    }
}

.block__newsletter--footer {
    background: #527366 url(../img/teaser_newsletter.jpg) no-repeat 0 100%;
    background-size: contain
}

.block__newsletter--footer h3 {
    color: #fff
}
fieldset {
    background: #f1f0ef;
    border-color: #edeae9;
    border-style: solid;
    border-width: 0 0 0 5px;
    display: inline-block;
    margin: 1.8rem 0;
    padding: 2rem;
}
.block__newsletter--footer fieldset {
    background: hsla(0,0%,100%,.85);
    border: 1px solid #fff
}

.block__newsletter--footer fieldset legend {
    background: #e5eae8;
    border: 1px solid #527366;
    color: #527366; 
    font-size: 1.2rem
}

ul.form,ul.form>li,ul.list--fieldset,ul.list--fieldset>li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

fieldset {
    display: block
}

.form__login fieldset {
    backface-visibility: initial;
    border: none;
    margin-top: 0
}

.form__login fieldset legend {
    list-style-position: inside
}
.text--success {
    color: #6eb89b;
} 

.postfix.btn {
    border-radius: 0;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
}
.sml-block-grid-2>li {
    list-style: none;
    width: 50%;
    display: block;
    float: left;
    height: auto;
    padding: 0 1rem 1rem;
    /* height: 7rem; */
}


@media only screen and (max-width: 48em) {
    
   div.l-wrap.l-wrap--footer-secondary.cf > div > div:nth-child(2) > div, div.l-wrap.l-wrap--footer-secondary.cf > div > div.col.sml-12.med-6.lrg-4.last > div,
   .l-wrap.l-wrap--footer-secondary.cf > div > div.col.sml-12.med-6.lrg-4.last > div > div > div > ul {
        padding: 0;
        margin:0
    }

    .sml-block-grid-2>li {
        padding: 0 1rem 1rem;
        height: 10rem;
    }
    
}
[class*=block-grid-] {
    display: block;
    margin: -1rem !important;
    padding: 0;
}



.content-main--inner {
    /* bpadding: 1rem 0rem 0rem 0rem; */
} 


.content--product-reviews .captcha--notice, .review--form .review--notice, .ajax--cart .prices--container .prices--tax {font-size: 12px;}
.prices--tax {color: #333}


.is--ctl-listing .content-main--inner {
    display: flex;

}

.content--wrapper {
    margin-left: 0;
    flex: 1;
}
.is--ctl-listing .listing--sidebar, .is--ctl-listing .sidebar-main {
    float: unset;
}

.sidebar--categories-navigation .is--level0{
    padding:20px 0;
    border: 0 none;
}

.sidebar-right  {
    margin: -43px 0px 15px 0;
    width: 240px;
}


.sidebar-right .navigation--headline {
    background: #fff;
    border:0;
    position: relative;
    color: #545252;
    text-align: right;
    font-weight: 600;
    font-size: 1.3rem;
    
}
.lvl0 .is--active.link--go-forward {
    border: 0 !important;
}


.navigation--entry.lvl0 {
    display:none;
}
.navigation--entry.has--sub-categories.lvl0 {
    display:block;
}





@media screen and (min-width: 48em){
    .listing--sidebar, .sidebar-main.off-canvas, .sidebar-main.is--left {
        display: none !important;
    }
    .is--ctl-account.is--user .sidebar-main {
        display: block !important;
        width: 150px;
    }
}



.tree {
    margin: 0 0 1rem
}

.tree li,.tree li.is-active li {
    font-size: 1.4rem;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative
}

.tree li.is-active li a.navigation--link ,.tree li a.navigation--link {
    color: #5c2022;
    display: block;
    line-height: 1.2;
    padding: .3rem 1.5rem;
    margin-bottom: .1rem;
    border-left: 1px solid #efedec;
}

.tree li.is-active li a.navigation--link:hover,.tree li a.navigation--link:hover {
    /* background: #efedec; */
    color: #cc2929;
    text-decoration: none;
}

.tree li.exp>a.navigation--link ,.tree li.is--active>a.navigation--link ,.tree li.is--active li.exp>a.navigation--link ,.tree li.is--active li.is--active>a.navigation--link  {
    color: #cc2929 !important;
    position: relative;
    font-size: 14px;
    font-weight: 400 !important;
}

.tree li.exp>a.navigation--link :hover,.tree li.is-active li.exp>a.navigation--link :hover {
    background: #efedec;
    color: #cc2929;
    text-decoration: none
}

.tree li ul {
    border-left: 1px solid #efedec;
    margin: 0;
    margin-left: 2rem;
    padding: 0;
    border: 0 !important;
}

.tree li ul li:before {
    border: 3px solid transparent;
    border-bottom-color: #efedec;
    border-left-color: #efedec;
    color: #efedec;
    content: '';
    height: 0;
    margin-left: 0;
    position: absolute;
    top: 7px;
    width: 0
}

.tree>li>ul {
    margin-left: .8rem
}

.tree>li>a {
    padding-left: .5rem;
    text-transform: uppercase
}

.tree a.navigation--link {
    padding-left: 10px !important;
}

.sidebar-right .box {
    background-color: #efedec;
    margin: 0 0 1rem
}

.sidebar-right .box.last {
    margin-bottom: 0
}

.sidebar-right .box h3 {
    background-color: transparent;
    color: #545252;
    font-size: 1.3rem;
    margin: 0;
    text-align: right;
    text-transform: uppercase;
    padding: 1rem 2rem
}

.sidebar-right .box .content {
    clear: both;
    padding: 1rem;
    overflow-x: hidden;
    overflow-y: auto
}

.sidebar-right .box--stacked {
    margin: 0 0 0 10px;
    border-bottom: 1px solid #cec8c5;
}

.sidebar-right .box--stacked.last {
    border-bottom: none;
    margin: 0 0 10px 10px;
}

.sidebar-right .box--stacked img {
    height: auto;
    min-width: 40px
}

.sidebar-right .box__paymenttypes {
    padding:5px;
    margin:10px 0 10px 10px;
}

@media only screen and (min-width: 48em) and (max-width:61.94em) {
    .sidebar-right .box--stacked .i--center {
        margin:0
    }
}

.sidebar-right .box__category {
    background-color: #fff;
    margin-left: 0;
    padding-bottom: 1rem
}

.l-wrap__main>.row:not(.row--collapse) .sidebar-right .box__category {
    margin-left: -1rem
}

.sidebar-right .box__category h3 {
    border-top: none;
    border-bottom-color: #e6e6e6
}

.sidebar-right .box__category .content {
    max-height: 300px
}

.sidebar-right .box__tags a {
    color: rgba(19,18,17,.3)
}

.sidebar-right .box__paymenttypes.box--stacked {
    margin-top: 1rem
}

.sidebar-right .box__paymenttypes.box--stacked ul[class*=block-grid-] {
    margin: -.5rem
}

.sidebar-right .box__paymenttypes.box--stacked ul[class*=block-grid-]>li {
    padding: .5rem
}

.sidebar-right .box__acountnav {
    background-color: #fff
}

.sidebar-right .nav li.nav-logout {
    border-top: 2px solid #cc2929
}

.sidebar-right .nav li.nav-logout>a {
    font-weight: 700;
    -webkit-font-smoothing: antialiased
}

.sidebar-right img.pixi__shipping {
    max-height: 5rem
}

@media only screen and (max-width: 47.94em) {
    .sidebar-right .sml-6 .box--stacked {
        min-height:7rem
    }

    .sidebar-right .sml-6 .box--stacked .content {
        padding: .5rem
    }

    .sidebar-right .sml-6 .box--stacked .content .col:last-child {
        padding-left: 0
    }
}


@media print {
    .header-main, .footer-main {
        display: none;
    }
    a[href]:after {
        content: none !important;
      }
  }