@charset "UTF-8";

.rangeslider {
    height: 7px;
    background: #b2b6b9;
    margin: 10px 0;
    position: relative;
}

.rangeslider .rangeslider__handle {
    position: absolute;
    top: -5px;
    width: 17px;
    height: 17px;
    background: #4c4c4c;
    border: 2px solid #fff;
    border-radius: 100%;
    cursor: pointer;
}

.rangeslider .rangeslider__output {
    position: absolute;
    top: 15px;
    width: 17px;
    text-align: center;
}

/* generic buttons */
.btn {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    padding: 12px 30px;
    line-height: 1.1em;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1.5px;
    height: 40px;
    color: white;
    background: #986F38;
    border: 1px solid #986F38;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 3px 3px 0;
    -khtml-box-shadow: rgba(0, 0, 0, 0.3) 0 3px 3px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 3px 3px 0;
    -ms-box-shadow: rgba(0, 0, 0, 0.3) 0 3px 3px 0;
    -o-box-shadow: rgba(0, 0, 0, 0.3) 0 3px 3px 0;
    box-shadow: rgba(0, 0, 0, 0.3) 0 3px 3px 0;
    -webkit-transition: all 0.4s ease-in-out;
    -khtml-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn:hover, .btn:focus, .btn:active {
    outline: none;
    cursor: pointer;
    background: #986F38;
    border-color: #986F38;
    color: #ffffff;
    -webkit-box-shadow: rgba(0, 0, 0, 0) 0 3px 3px 0;
    -khtml-box-shadow: rgba(0, 0, 0, 0) 0 3px 3px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0) 0 3px 3px 0;
    -ms-box-shadow: rgba(0, 0, 0, 0) 0 3px 3px 0;
    -o-box-shadow: rgba(0, 0, 0, 0) 0 3px 3px 0;
    box-shadow: rgba(0, 0, 0, 0) 0 3px 3px 0;
}

.btn + .btn {
    margin-left: 10px;
}

.btn.btn-disabled {
    cursor: default;
    color: #757575;
    border-color: transparent;
    background-color: rgba(179, 179, 179, 0.25);
    -webkit-box-shadow: rgba(0, 0, 0, 0) 0 0 0 0;
    -khtml-box-shadow: rgba(0, 0, 0, 0) 0 0 0 0;
    -moz-box-shadow: rgba(0, 0, 0, 0) 0 0 0 0;
    -ms-box-shadow: rgba(0, 0, 0, 0) 0 0 0 0;
    -o-box-shadow: rgba(0, 0, 0, 0) 0 0 0 0;
    box-shadow: rgba(0, 0, 0, 0) 0 0 0 0;
}

.btn.btn-disabled:hover, .btn.btn-disabled:focus, .btn.btn-disabled:active {
    color: #757575;
    border-color: transparent;
    background-color: rgba(179, 179, 179, 0.25);
    -webkit-box-shadow: rgba(0, 0, 0, 0) 0 0 0 0;
    -khtml-box-shadow: rgba(0, 0, 0, 0) 0 0 0 0;
    -moz-box-shadow: rgba(0, 0, 0, 0) 0 0 0 0;
    -ms-box-shadow: rgba(0, 0, 0, 0) 0 0 0 0;
    -o-box-shadow: rgba(0, 0, 0, 0) 0 0 0 0;
    box-shadow: rgba(0, 0, 0, 0) 0 0 0 0;
}

.btn.btn-green {
    border-color: #3D8705;
    background-color: #3D8705;
}

.btn.btn-green:hover, .btn.btn-green:focus, .btn.btn-green:active {
    color: #3D8705;
    background: white;
}

.btn.btn-grey {
    border-color: #656565;
    background-color: #656565;
}

.btn.btn-grey:hover, .btn.btn-grey:focus, .btn.btn-grey:active {
    color: #656565;
    background: white;
}

.btn.btn-black {
    border-color: #000000;
    background-color: #000000;
}

.btn.btn-black:hover, .btn.btn-black:focus, .btn.btn-black:active {
    color: #000000;
    background: white;
}

.btn.btn-white {
    color: #000000;
    border-color: #ffffff;
    background-color: #ffffff;
}

.btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white:active {
    color: #ffffff;
    background-color: transparent;
}

.btn.btn-warning {
    color: #ffffff;
    border-color: #dd3232;
    background-color: #dd3232;
}

.btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active {
    color: #dd3232;
    background: white;
}

.btn:hover, .btn:focus, .btn:active {
    background: white;
    color: #986F38;
}

.btn.btn-icon, .btn.btn-icon-right {
    position: relative;
    /* with inner arrow */
}

.btn.btn-icon i, .btn.btn-icon-right i {
    position: absolute;
    top: 0;
    left: 0;
    height: 38px;
    width: 38px;
    line-height: 38px;
    text-align: center;
    font-style: normal;
    font-size: 14px;
    padding-left: 1px;
    /* font icon */
    /* nespresso icon */
}

.btn.btn-icon i.icon-picto_renovellementcommande, .btn.btn-icon i.icon-easy-order, .btn.btn-icon-right i.icon-picto_renovellementcommande, .btn.btn-icon-right i.icon-easy-order {
    font-size: 24px;
}

.btn.btn-icon i.fa, .btn.btn-icon-right i.fa {
    font-size: 17px;
}

.btn.btn-icon i.icon-nespresso, .btn.btn-icon-right i.icon-nespresso {
    line-height: 36px;
    font-size: 17px;
}

.btn.btn-icon.btn-inner-arrow i::after, .btn.btn-icon-right.btn-inner-arrow i::after {
    display: none;
    right: 100%;
    top: 50%;
    border: 6px solid #986F38;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: rgba(255, 255, 255, 0) !important;
    border-bottom-color: rgba(255, 255, 255, 0) !important;
    margin-top: -6px;
}

.btn.btn-icon {
    padding-left: 50px;
}

.btn.btn-icon-right {
    padding-right: 50px;
}

.btn.btn-icon-right i:last-child {
    left: 0;
    right: 0;
}

.btn .side-icon {
    margin-left: 6px;
    margin-right: -6px;
}

.btn.btn-nav {
    color: white;
    border-color: white;
    background: transparent;
}

.btn.btn-nav:hover, .btn.btn-nav:focus, .btn.btn-nav:active {
    color: black;
    border-color: white;
    background: white;
}

.btn.btn-nav.btn-black {
    color: black;
    border-color: black;
}

.btn.btn-nav.btn-black:hover, .btn.btn-nav.btn-black:focus, .btn.btn-nav.btn-black:active {
    color: white;
    background: black;
}

.btn.btn-nav.btn-basket .side-icon {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
}

@media screen and (max-width: 996px) {
    .btn.btn-nav {
        border: 0;
        padding: 0;
        width: 50px;
        height: 50px;
        text-align: center;
        -webkit-box-shadow: rgba(0, 0, 0, 0) 0 3px 3px 0;
        -khtml-box-shadow: rgba(0, 0, 0, 0) 0 3px 3px 0;
        -moz-box-shadow: rgba(0, 0, 0, 0) 0 3px 3px 0;
        -ms-box-shadow: rgba(0, 0, 0, 0) 0 3px 3px 0;
        -o-box-shadow: rgba(0, 0, 0, 0) 0 3px 3px 0;
        box-shadow: rgba(0, 0, 0, 0) 0 3px 3px 0;
    }

    .btn.btn-nav i.fa {
        width: 50px;
        line-height: 50px;
        font-size: 30px;
    }

    .btn.btn-nav i.icon-nespresso {
        width: 50px;
        line-height: 50px;
        font-size: 26px;
    }

    .btn.btn-nav .hide-md {
        display: none;
    }
}

.btn.btn-primary {
    color: #986F38;
    border-color: #986F38;
    background-color: white;
    /* colors */
}

.btn.btn-primary.btn-green {
    color: #3D8705;
    border-color: #3D8705;
}

.btn.btn-primary.btn-green:hover, .btn.btn-primary.btn-green:focus, .btn.btn-primary.btn-green:active {
    background: #3D8705;
    color: #ffffff;
}

.btn.btn-primary.btn-grey {
    color: #656565;
    border-color: #656565;
}

.btn.btn-primary.btn-grey:hover, .btn.btn-primary.btn-grey:focus, .btn.btn-primary.btn-grey:active {
    background: #656565;
    color: #ffffff;
}

.btn.btn-primary.btn-black {
    color: #000000;
    border-color: #000000;
}

.btn.btn-primary.btn-black:hover, .btn.btn-primary.btn-black:focus, .btn.btn-primary.btn-black:active {
    background: #000000;
    color: #ffffff;
}

.btn.btn-primary.btn-white {
    color: #ffffff;
    border-color: #ffffff;
}

.btn.btn-primary.btn-white:hover, .btn.btn-primary.btn-white:focus, .btn.btn-primary.btn-white:active {
    background: #ffffff;
    color: #000000;
}

.btn.btn-primary.btn-warning {
    color: #dd3232;
    border-color: #dd3232;
}

.btn.btn-primary.btn-warning:hover, .btn.btn-primary.btn-warning:focus, .btn.btn-primary.btn-warning:active {
    background: #dd3232;
    color: #ffffff;
}

.btn.btn-primary.btn-print {
    padding: 12px 6px;
}

.btn.btn-primary.btn-print i {
    position: relative;
    top: 2px;
    line-height: 0;
    font-size: 16px;
    font-weight: bold;
}

.btn.btn-block {
    display: block;
    text-align: center;
}

.btn.btn-short {
    padding: 6px 8px;
    height: 28px;
}

.btn.btn-short i {
    height: 28px;
    line-height: 28px;
}

.btn.btn-small {
    padding: 0;
    height: 30px;
    min-width: 30px;
}

.btn.btn-small > span {
    display: block;
    padding: 8px;
}

.btn.btn-small.btn.btn-icon {
    margin-left: 28px;
}

.btn.btn-small.btn-icon i, .btn.btn-small.btn-icon-right i {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 14px;
}

.btn.btn-small.btn-icon i {
    left: -30px;
}

.btn.btn-small.btn-icon-right i {
    right: -30px;
}

.btn.btn-small.btn-primary.btn-icon i {
    left: -33px;
}

.btn.btn-small.btn-primary.btn-icon-right i {
    right: -33px;
}

@media screen and (max-width: 996px) {
    .btn.btn-large {
        height: 52px;
        padding: 18px 26px;
    }

    .btn.btn-large.btn-icon i, .btn.btn-large.btn-icon-right i {
        height: 52px;
        width: 52px;
        line-height: 52px;
        font-size: 25px;
    }

    .btn.btn-large.btn-icon {
        margin-left: 50px;
    }

    .btn.btn-large.btn-icon i {
        left: -52px;
    }

    .btn.btn-large.btn-icon-right {
        margin-right: 50px;
    }

    .btn.btn-large.btn-icon-right i {
        right: -52px;
    }

    .btn.btn-large.btn-primary.btn-icon {
        margin-left: 53px;
    }

    .btn.btn-large.btn-primary.btn-icon i {
        left: -55px;
    }

    .btn.btn-large.btn-primary.btn-icon-right {
        margin-right: 53px;
    }

    .btn.btn-large.btn-primary.btn-icon-right i {
        right: -55px;
    }
}

/* dropdown button */
.dropdown {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    max-width: 100%;
    cursor: pointer;
}

.dropdown.full-width {
    display: block;
    width: 100%;
}

@media screen and (max-width: 996px) {
    .dropdown.full-width {
        padding: 0 20px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 768px) {
    .dropdown.full-width {
        padding: 0 10px;
        margin-bottom: 20px;
    }
}

.dropdown .btn {
    width: calc(100% - 37px);
    margin-right: -30px;
    background: #ffffff;
    pointer-events: none;
    cursor: pointer;
    color: #986F38;
}

.dropdown .btn.btn-green {
    color: #3D8705;
}

.dropdown .btn.btn-grey {
    color: #656565;
}

.dropdown .btn.btn-black {
    color: #000000;
}

.dropdown .btn.btn-white {
    color: #000000;
}

.dropdown .btn.btn-warning {
    color: #dd3232;
}

.dropdown .btn .current {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown .btn-primary {
    background: white;
    color: black;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
    -khtml-box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
    border: none;
    height: 39px;
}

.dropdown:hover .btn, .dropdown:focus .btn, .dropdown:active .btn {
    color: #ffffff;
    background: #986F38;
}

.dropdown:hover .btn.btn-green, .dropdown:focus .btn.btn-green, .dropdown:active .btn.btn-green {
    border-color: #3D8705;
    background: #3D8705;
}

.dropdown:hover .btn.btn-grey, .dropdown:focus .btn.btn-grey, .dropdown:active .btn.btn-grey {
    border-color: #656565;
    background: #656565;
}

.dropdown:hover .btn.btn-black, .dropdown:focus .btn.btn-black, .dropdown:active .btn.btn-black {
    border-color: #000000;
    background: #000000;
}

.dropdown:hover .btn.btn-white, .dropdown:focus .btn.btn-white, .dropdown:active .btn.btn-white {
    color: #000000;
    border-color: #ffffff;
    background: #ffffff;
}

.dropdown:hover .btn.btn-warning, .dropdown:focus .btn.btn-warning, .dropdown:active .btn.btn-warning {
    color: #ffffff;
    border-color: #dd3232;
    background: #dd3232;
}

.dropdown:hover .btn-primary, .dropdown:focus .btn-primary, .dropdown:active .btn-primary {
    color: #986F38;
    background: white;
}

.dropdown:hover .btn-primary.btn-green, .dropdown:focus .btn-primary.btn-green, .dropdown:active .btn-primary.btn-green {
    color: #3D8705;
    background: white;
}

.dropdown:hover .btn-primary.btn-grey, .dropdown:focus .btn-primary.btn-grey, .dropdown:active .btn-primary.btn-grey {
    color: #656565;
    background: white;
}

.dropdown:hover .btn-primary.btn-black, .dropdown:focus .btn-primary.btn-black, .dropdown:active .btn-primary.btn-black {
    color: #000000;
    background: white;
}

.dropdown:hover .btn-primary.btn-warning, .dropdown:focus .btn-primary.btn-warning, .dropdown:active .btn-primary.btn-warning {
    color: #dd3232;
    background: white;
}

.dropdown--input {
    border: 1px solid #656565;
    width: 100%;
    height: 41px;
    background: #ffffff;
    color: #000000;
    padding: 0;
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .dropdown--input {
        margin-bottom: 10px;
    }
}

.dropdown--input .btn {
    padding: 12px 0 12px 10px;
}

.dropdown--input .btn .current {
    text-transform: none;
    letter-spacing: 0.01em;
    font-weight: normal;
    text-align: left;
    background: #ffffff;
}

.dropdown--input:hover .btn.btn-primary, .dropdown--input:focus .btn.btn-primary, .dropdown--input:active .btn.btn-primary {
    background: #ffffff !important;
}

.dropdown select {
    width: 100%;
    margin-top: -41px;
    height: 37px;
    display: block;
    border: 0;
    background: none;
    color: transparent;
    cursor: pointer;
}

.dropdown select option {
    color: #000000;
    background: white;
}

.form-control {
    position: relative;
    padding: 11px 10px 12px;
    margin-bottom: 20px;
    color: #26211E;
    font-weight: normal;
    line-height: 16px;
    letter-spacing: 0.08em;
    border: 1px solid #656565;
    background: white;
    vertical-align: top;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

textarea {
    width: 100%;
}

@media screen and (max-width: 996px) {
    textarea {
        margin-top: 20px;
    }
}

.input-group {
    position: relative;
    margin-right: 0;
    border-collapse: separate;
    vertical-align: top;
}

@media screen and (max-width: 768px) {
    .input-group {
        margin: 0 -10px;
    }
}

.input-group .mobile-label {
    display: none;
    position: absolute;
    z-index: 1;
    top: 12px;
    left: 20px;
    color: #999999;
    font-size: 13px;
}

.input-group .mobile-label.textarea-label {
    top: 0;
}

@media screen and (max-width: 768px) {
    .input-group .mobile-label {
        display: block;
    }
}

.input-group .form-control {
    height: inherit;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    background-color: white;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .input-group .form-control::-webkit-input-placeholder {
        /* WebKit browsers */
        color: transparent;
    }

    .input-group .form-control:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: transparent;
    }

    .input-group .form-control::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: transparent;
    }

    .input-group .form-control:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: transparent;
    }
}

.input-group .form-control--white {
    display: inline-block;
}

.input-group .form-control--white:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    z-index: -1;
}

.input-group.input-group-with-label label {
    font-weight: bold;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 12px 5px 0px 0;
}

.input-group.input-group-with-label label.required:after {
    content: " *";
    color: #986F38;
}

@media screen and (max-width: 768px) {
    .input-group.input-group-with-label label {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .input-group.is-focused .mobile-label, .input-group.is-dirty .mobile-label {
        top: 4px;
        left: 20px;
        font-size: 10px;
        color: #986F38;
        line-height: 10px;
    }
}

.input-group .mobile-label {
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -khtml-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.input-group.input-group-with-btn {
    border: 1px solid #656565;
    overflow: hidden;
    padding: 0;
    margin: 0;
    display: table;
}

.input-group.input-group-with-btn .mobile-label {
    left: 10px;
}

.input-group.input-group-with-btn label {
    height: inherit;
    display: table-cell;
    vertical-align: top;
    padding-bottom: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.input-group.input-group-with-btn input.form-control {
    border: none;
    min-width: 0;
    width: 100%;
}

.input-group.input-group-with-btn .input-group-btn {
    display: table-cell;
    background: #656565;
    height: 100%;
}

.input-group.input-group-with-btn .input-group-btn .btn {
    background: transparent;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin: 0;
    color: white;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    padding: 12px;
    border: none;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

@media screen and (max-width: 768px) {
    .input-group.input-group-with-btn .input-group-btn .btn {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .input-group.input-group-with-btn.is-dirty .form-control, .input-group.input-group-with-btn.is-focused .form-control {
        padding: 16px 10px 6px;
    }
}

.input-group.input-group-generic label {
    letter-spacing: 0.08em;
    font-size: 12px;
    line-height: 1.5em;
    color: #000000;
}

.input-group.input-group-generic::before {
    content: " ";
    display: table;
}

.input-group.input-group-generic::after {
    content: " ";
    display: table;
    clear: both;
}

.input-group.input-group-generic .form-control {
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .input-group.input-group-generic .form-control {
        padding-top: 12px;
        padding-bottom: 11px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 768px) {
    .input-group.input-group-generic.is-focused .form-control, .input-group.input-group-generic.is-dirty .form-control {
        padding-top: 16px;
        padding-bottom: 7px;
    }
}

.input-group.input-group-generic input::-webkit-input-placeholder {
    color: transparent;
}

.input-group.input-group-generic input:-moz-placeholder {
    color: transparent;
}

.input-group.input-group-generic input::-moz-placeholder {
    color: transparent;
}

.input-group.input-group-generic input:-ms-input-placeholder {
    color: transparent;
}

.input-group.input-group-generic .desktop-label {
    padding-top: 10px;
    padding-bottom: 6px;
    padding-left: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .input-group.input-group-generic .desktop-label {
        display: none;
    }
}

.input-group.input-group-generic .desktop-label.desktop-label-multiline {
    padding-top: 3px;
}

.input-group.input-group-generic .radio-group {
    margin-top: 10px;
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .input-group.input-group-generic .radio-group {
        float: left;
    }
}

.input-group.input-group-generic .radio-group .radio {
    float: left;
    margin-right: 30px;
}

.input-group.input-group-generic.with-picto div > i {
    position: absolute;
    right: 20px;
    top: 11px;
    z-index: 20;
    font-size: 20px;
    cursor: pointer;
}

.input-group.input-group-generic.with-picto input.form-control {
    padding-right: 40px;
}

.form hr {
    padding: 0;
    margin: 0 0 20px;
    border: none;
    border-bottom: 1px solid #cccccc;
}

@media screen and (max-width: 768px) {
    .form hr {
        margin: 0 0 10px;
    }
}

.form-group.margin-top, .input-group.margin-top {
    margin-top: 20px;
}

.form-group.margin-bottom, .input-group.margin-bottom {
    margin-bottom: 20px;
}

.form-group .form-control, .input-group .form-control {
    margin-bottom: 0;
}

.form .btn + hr {
    margin: 20px 0;
}

@media screen and (max-width: 768px) {
    .form-group .select, .form-group .select__element {
        line-height: 55px;
        height: 55px;
    }
}

.form-group label {
    text-transform: uppercase;
    font-weight: bold;
    padding: 9px 5px 11px 0;
}

.form-group label.no-uppercase {
    text-transform: none;
}

.select {
    vertical-align: top;
    position: relative;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #8d8d8d;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    line-height: 38px;
    font-size: 12px;
}

.select--fullwidth, .select--fullwidth .select__element {
    width: 100%;
}

.select--white .select__element {
    color: white;
}

.select:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 40px;
    background-color: #8d8d8d;
}

.select--white:before {
    background-color: white;
}

.select:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 17px;
    z-index: 2;
    margin-top: -3px;
    width: 5px;
    height: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    border-right: 1px solid rgba(255, 255, 255, 0.6);
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.select--white:after {
    border-color: #26211E;
}

.select__element {
    position: relative;
    min-width: 145px;
    z-index: 3;
    outline: none;
    -webkit-appearance: none;
    -khtml-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    display: block;
    margin: 0;
    height: 38px;
    padding: 0 40px 0 12px;
    color: rgba(38, 33, 30, 0.8);
    border: none;
    border-radius: 0;
    background-color: transparent;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.select__element:focus {
    outline: none;
}

.select__element:focus::-ms-value {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.4);
}

.select__element::-ms-expand {
    display: none;
}

.select__element:-moz-focusring {
    text-shadow: 0 0 0 #000;
}

.select__element option {
    background-color: white;
    color: black;
}

.select__element option[selected=selected] {
    font-weight: bold;
}

.radio {
    letter-spacing: 0.06em;
    line-height: 18px;
}

.radio span, .radio p {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

.radio label span {
    cursor: pointer;
}

.radio input {
    vertical-align: middle;
    margin-right: 14px;
}

.checkbox {
    letter-spacing: 0.06em;
    line-height: 18px;
}

.checkbox span, .checkbox p {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

.checkbox label span {
    cursor: pointer;
}

.checkbox input {
    vertical-align: top;
    margin-right: 4px;
    margin-top: 2px;
}

.checkbox-color input {
    display: inline-block;
    margin-left: 5px;
}

.checkbox-color--black:before {
    background-color: black;
}

.checkbox-color--white:before {
    background-color: white;
}

.checkbox-color--grey:before {
    background-color: #a5a5a5;
}

.checkbox-color--red:before {
    background-color: red;
}

.checkbox-color--green:before {
    background-color: green;
}

.checkbox-color--blue:before {
    background-color: blue;
}

.checkbox-color--yellow:before {
    background-color: yellow;
}

.checkbox-color:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    position: absolute;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.pagination {
    font-size: 11px;
    color: #986F38;
}

.pagination a {
    color: #986F38;
}

.pagination__nextprev {
    display: inline-block;
}

.pagination__nextprev--prev {
    margin-right: 25px;
}

.pagination__nextprev--next {
    margin-left: 25px;
}

.pagination__number {
    text-decoration: none;
    padding: 2px 5px 2px 5px;
}

.pagination__number:hover, .pagination__number.active {
    color: #ffffff;
    background: #986F38;
}

.pagination__number.last:after {
    display: none;
}

.pagination__number:after {
    margin-left: 5px;
}

@media screen and (max-width: 480px) {
    .pagination {
        line-height: 26px;
        text-align: center;
        margin-bottom: 20px;
    }

    .pagination__nextprev {
        display: block;
        margin: 0;
    }
}

.nespresso-counter {
    display: inline-block;
    position: relative;
    height: 40px;
    line-height: 40px;
    color: rgba(38, 33, 30, 0.8);
    text-transform: uppercase;
    border: 1px solid #8d8d8d;
    padding: 0 0 0 15px;
    cursor: pointer;
    margin-left: 10px;
}

.nespresso-counter:before {
    width: 11px;
    height: 11px;
    content: "";
    background-color: #8d8d8d;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -khtml-transform: rotate(45deg) translateY(-50%);
    -moz-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    -o-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 38px;
}

.nespresso-counter:after {
    content: attr(data-count);
    display: inline-block;
    width: 40px;
    height: 38px;
    line-height: 40px;
    text-align: center;
    color: white;
    background-color: #8d8d8d;
    margin-left: 18px;
}

.form-member {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-left: none;
    border-right: none;
}

.form-member__header {
    font-size: 18px;
    text-transform: uppercase;
    color: #986F38;
    cursor: pointer;
}

.form-member__header:before {
    content: attr(data-toggle);
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    font-size: 28px;
    line-height: 25px;
    text-align: center;
    -webkit-border-radius: 14px;
    -khtml-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px;
    color: #986F38;
    border: 1px solid #986F38;
    margin-right: 15px;
}

.form-member__content {
    padding-top: 20px;
    display: none;
}

@media screen and (max-width: 768px) {
    .form-member__header {
        font-size: 15px;
    }
}

.form.company .company-hidden {
    display: none;
}

.form.private .private-hidden {
    display: none;
}

/* Popover = ToolTip */
.webui-popover-content {
    display: none;
}

/*  webui popover  */
.webui-popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    min-width: 50px;
    min-height: 32px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #000;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
}

.webui-popover.top,
.webui-popover.top-left,
.webui-popover.top-right {
    margin-top: -10px;
}

.webui-popover.right,
.webui-popover.right-top,
.webui-popover.right-bottom {
    margin-left: 10px;
}

.webui-popover.bottom,
.webui-popover.bottom-left,
.webui-popover.bottom-right {
    margin-top: 10px;
}

.webui-popover.left,
.webui-popover.left-top,
.webui-popover.left-bottom {
    margin-left: -10px;
}

.webui-popover.pop {
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
    -o-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
    transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
    opacity: 0;
    filter: alpha(opacity=0);
}

.webui-popover.pop-out {
    -webkit-transition-property: "opacity,transform";
    -o-transition-property: "opacity,transform";
    transition-property: "opacity,transform";
    -webkit-transition: 0.15s linear;
    -o-transition: 0.15s linear;
    transition: 0.15s linear;
    opacity: 0;
    filter: alpha(opacity=0);
}

.webui-popover.fade,
.webui-popover.fade-out {
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    opacity: 0;
    filter: alpha(opacity=0);
}

.webui-popover.out {
    opacity: 0;
    filter: alpha(opacity=0);
}

.webui-popover.in {
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
    filter: alpha(opacity=100);
}

.webui-popover .webui-popover-content {
    padding: 9px 14px;
    overflow: auto;
    display: block;
}

.webui-popover-inner .close {
    font-family: arial;
    margin: 8px 10px 0 0;
    float: right;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    color: #000000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
    text-decoration: none;
}

.webui-popover-inner .close:hover,
.webui-popover-inner .close:focus {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.webui-popover-title {
    display: none;
}

.webui-popover-content {
    padding: 9px 14px;
    overflow: auto;
    display: none;
}

.webui-popover-inverse {
    background-color: #333333;
    color: #eeeeee;
}

.webui-popover-inverse .webui-popover-title {
    background: #333333;
    border-bottom: 1px solid #3b3b3b;
    color: #eeeeee;
}

.webui-no-padding .webui-popover-content {
    padding: 0;
}

.webui-no-padding .list-group-item {
    border-right: none;
    border-left: none;
}

.webui-no-padding .list-group-item:first-child {
    border-top: 0;
}

.webui-no-padding .list-group-item:last-child {
    border-bottom: 0;
}

.webui-popover > .arrow,
.webui-popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.webui-popover > .arrow {
    border-width: 11px;
}

.webui-popover > .arrow:after {
    border-width: 10px;
    content: "";
}

.webui-popover.top > .arrow,
.webui-popover.top-right > .arrow,
.webui-popover.top-left > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #000;
    border-bottom-width: 0;
}

.webui-popover.top > .arrow:after,
.webui-popover.top-right > .arrow:after,
.webui-popover.top-left > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #000;
    border-bottom-width: 0;
}

.webui-popover.right > .arrow,
.webui-popover.right-top > .arrow,
.webui-popover.right-bottom > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #000;
}

.webui-popover.right > .arrow:after,
.webui-popover.right-top > .arrow:after,
.webui-popover.right-bottom > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #000;
}

.webui-popover.bottom > .arrow,
.webui-popover.bottom-right > .arrow,
.webui-popover.bottom-left > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #000;
    border-top-width: 0;
}

.webui-popover.bottom > .arrow:after,
.webui-popover.bottom-right > .arrow:after,
.webui-popover.bottom-left > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #000;
    border-top-width: 0;
}

.webui-popover.left > .arrow,
.webui-popover.left-top > .arrow,
.webui-popover.left-bottom > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #000;
}

.webui-popover.left > .arrow:after,
.webui-popover.left-top > .arrow:after,
.webui-popover.left-bottom > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #000;
    bottom: -10px;
}

.webui-popover-inverse.top > .arrow,
.webui-popover-inverse.top-left > .arrow,
.webui-popover-inverse.top-right > .arrow,
.webui-popover-inverse.top > .arrow:after,
.webui-popover-inverse.top-left > .arrow:after,
.webui-popover-inverse.top-right > .arrow:after {
    border-top-color: #333333;
}

.webui-popover-inverse.right > .arrow,
.webui-popover-inverse.right-top > .arrow,
.webui-popover-inverse.right-bottom > .arrow,
.webui-popover-inverse.right > .arrow:after,
.webui-popover-inverse.right-top > .arrow:after,
.webui-popover-inverse.right-bottom > .arrow:after {
    border-right-color: #333333;
}

.webui-popover-inverse.bottom > .arrow,
.webui-popover-inverse.bottom-left > .arrow,
.webui-popover-inverse.bottom-right > .arrow,
.webui-popover-inverse.bottom > .arrow:after,
.webui-popover-inverse.bottom-left > .arrow:after,
.webui-popover-inverse.bottom-right > .arrow:after {
    border-bottom-color: #333333;
}

.webui-popover-inverse.left > .arrow,
.webui-popover-inverse.left-top > .arrow,
.webui-popover-inverse.left-bottom > .arrow,
.webui-popover-inverse.left > .arrow:after,
.webui-popover-inverse.left-top > .arrow:after,
.webui-popover-inverse.left-bottom > .arrow:after {
    border-left-color: #333333;
}

.webui-popover i.icon-refresh:before {
    content: "";
}

.webui-popover i.icon-refresh {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 20px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -15px;
    margin-right: -15px;
    background: url(../img/loading.gif) no-repeat;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

.webui-popover-backdrop {
    background-color: rgba(0, 0, 0, 0.65);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998;
}

.webui-popover .dropdown-menu {
    display: block;
    position: relative;
    top: 0;
    border: none;
    box-shadow: none;
    float: none;
}

.slider {
    background-color: #000000;
    position: relative;
    width: 100%;
    z-index: 2;
    /* Slider */
}

.slider figure {
    margin: 0;
}

.slider figure figcaption {
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 20px;
    max-width: 360px;
    z-index: 4;
}

.slider span.comp {
    display: block;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 27px;
    color: #3b3630;
    font-weight: bold;
    text-transform: uppercase;
}

.slider span.comp i {
    font-size: 27px;
    margin-right: 10px;
    line-height: 27px;
    vertical-align: top;
}

@media only screen and (max-width: 996px) {
    .slider span.comp {
        clear: both;
        padding-top: 20px;
        color: white;
    }
}

.slider .text {
    color: #3b3630;
    display: inline-block;
    vertical-align: middle;
}

.slider .text p {
    position: relative;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.1em;
    font-weight: bold;
}

.slider .text p:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 12px;
    height: 2px;
    background-color: #3b3630;
}

.slider .text span {
    display: block;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 40px;
}

.slider .text .link {
    line-height: 52px;
    border: 2px solid #3b3630;
    font-size: 11px;
    font-weight: bold;
    color: #3b3630;
    text-decoration: none;
    padding: 0 30px;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.slider .text .btn {
    background: none;
}

.slider .text .btn:hover, .slider .text .btn:focus, .slider .text .btn:active {
    background: black;
}

.slider .text .btn.btn-white:hover, .slider .text .btn.btn-white:focus, .slider .text .btn.btn-white:active {
    background: white;
}

.slider .text.text-light {
    color: #ffffff;
}

.slider .text.text-light p:before {
    background-color: #ffffff;
}

.slider .text.text-light span {
    color: #ffffff;
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -webkit-opacity: 0.6;
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    -ms-opacity: 0.6;
    -o-opacity: 0.6;
    opacity: 0.6;
}

.slider .text.text-light .btn.btn-white {
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -webkit-opacity: 0.6;
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    -ms-opacity: 0.6;
    -o-opacity: 0.6;
    opacity: 0.6;
}

.slider ul {
    margin: 0;
    padding: 0;
}

.slider ul li {
    list-style: none;
    display: inline-block;
    overflow: hidden;
}

.slider ul li:before {
    background: url("../images/slider-shadow.png") center bottom no-repeat;
    position: absolute;
    bottom: 0;
    content: "";
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.slider ul li img {
    display: block;
    float: right;
}

.slider .bx-wrapper {
    position: relative;
}

.slider .bx-wrapper .bx-controls {
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: 12px;
    left: 50%;
    z-index: 50;
    margin-left: -70px;
}

@media screen and (max-width: 996px) {
    .slider .bx-wrapper .bx-controls {
        margin-left: 0;
    }
}

.slider .bx-wrapper .bx-pager {
    position: relative;
    bottom: 0;
    width: 100%;
}

.slider .bx-wrapper .bx-controls-auto {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
}

.slider .bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../images/bx_loader.gif) center center no-repeat #ffffff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

.slider .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #cbcbcb;
    padding-top: 12px;
    height: 32px;
}

.slider .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item a {
    display: block;
    background-color: rgba(208, 208, 208, 0.1);
}

.slider .bx-wrapper .bx-pager.bx-default-pager a {
    background: #cbcbcb;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #cc9d49;
}

.slider .bx-wrapper .bx-prev {
    left: 0;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: url(../images/icon-prev.png) no-repeat center;
    background-color: rgba(208, 208, 208, 0.1);
}

.slider .bx-wrapper .bx-next {
    right: 37px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: url(../images/icon-next.png) no-repeat center;
    background-color: rgba(208, 208, 208, 0.1);
}

.slider .bx-wrapper .bx-prev:hover {
    background-color: rgba(208, 208, 208, 0.6);
}

.slider .bx-wrapper .bx-next:hover {
    background-color: rgba(208, 208, 208, 0.6);
}

.slider .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 0;
    margin-top: 0;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.slider .bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

.slider .bx-wrapper .bx-controls-auto {
    text-align: center;
}

.slider .bx-wrapper .bx-controls-auto .bx-start, .slider .bx-wrapper .bx-controls-auto .bx-stop {
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -999999px;
    width: 32px;
    height: 32px;
    outline: 0;
}

.slider .bx-wrapper .bx-controls-auto .bx-start {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: url(../images/icon-play.png) no-repeat center;
}

.slider .bx-wrapper .bx-controls-auto .bx-stop {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: url(../images/icon-pause.png) no-repeat center;
}

.slider .bx-wrapper .bx-controls-auto .bx-start:hover {
    background-color: rgba(208, 208, 208, 0.6);
}

.slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item a.active {
    display: none;
}

.slider .bx-wrapper .bx-controls-auto .bx-stop {
    text-indent: -9999px;
    outline: 0;
}

.slider .bx-wrapper .bx-controls-auto .bx-stop:hover,
.slider .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-color: rgba(208, 208, 208, 0.6);
}

.slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    position: relative;
    text-align: center;
    width: auto;
    padding-left: 43px;
    padding-right: 80px;
}

.slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-direction {
    display: none;
}

.slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

.slider .bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.slider .bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}

@media only screen and (max-width: 996px) {
    .slider {
        background-color: #000000;
    }

    .slider li:before {
        bottom: inherit;
        top: -227px;
    }

    .slider li img {
        max-width: 150%;
        height: auto;
    }

    .slider ul li:before {
        background: none;
    }

    .slider .bx-wrapper .bx-controls {
        bottom: auto;
        top: 0;
        width: 100%;
        left: 0;
    }

    .slider .bx-wrapper .bx-pager,
    .slider .bx-wrapper .bx-controls-direction,
    .slider .bx-wrapper .bx-controls-auto {
        position: absolute !important;
        width: 100% !important;
    }

    .slider .bx-wrapper .bx-pager {
        bottom: 0;
        left: 0;
        right: 0;
        top: auto;
    }

    .slider .bx-wrapper .bx-controls-auto {
        bottom: 0;
        top: auto;
    }

    .slider .bx-wrapper .bx-controls-direction .bx-prev {
        left: 20px;
        width: 16px;
        height: 16px;
        border-top: 1px solid #e9e0cf;
        border-left: 1px solid #e9e0cf;
        box-shadow: -1px -1px 1px 0 black;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        -webkit-transform: rotate(-45deg);
        -khtml-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
        zoom: 1;
        background: none;
    }

    .slider .bx-wrapper .bx-controls-direction .bx-next {
        right: 20px;
        width: 16px;
        height: 16px;
        border-top: 1px solid #e9e0cf;
        border-left: 1px solid #e9e0cf;
        box-shadow: -1px -1px 1px 0 black;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        -webkit-transform: rotate(135deg);
        -khtml-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
        zoom: 1;
        background: none;
    }

    .slider figure figcaption {
        left: 0;
        top: 0;
        max-width: 100%;
        height: 100%;
        padding: 0 20px;
        position: relative;
        -webkit-transform: translateY(0);
        -khtml-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    .slider .text {
        opacity: 0.8;
        color: #ffffff;
        vertical-align: bottom;
    }

    .slider .text p {
        padding: 14px 0;
    }

    .slider .text p:before {
        background-color: #ffffff;
    }

    .slider .text .btn.btn-black {
        color: #ffffff;
        border: 2px solid #ffffff;
    }
}

@media only screen and (max-width: 480px) {
    .slider .text p {
        font-size: 24px;
    }

    .slider .text span {
        font-size: 12px;
        line-height: 18px;
    }

    .slider .text .link {
        font-size: 12px;
        line-height: 40px;
        border: 1px solid #ffffff;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
    }
}

.promotional .product-item:nth-child(1) {
    padding-right: 9px;
    padding-left: 0;
}

.promotional .product-item:nth-child(2) {
    padding-left: 9px;
    padding-right: 0;
}

.promotional .thumb-section {
    width: 100%;
    text-align: center;
}

.promotional .thumb-section img {
    height: 200px;
    width: auto;
}

@media only screen and (max-width: 996px) {
    .promotional.row {
        margin: 0;
    }

    .promotional .product-item {
        padding: 0 0 20px 0 !important;
    }

    .promotional .product-item:last-child {
        padding: 0 !important;
    }

    .promotional .thumb-section img {
        width: 100%;
        height: auto;
    }
}

.product-item {
    float: left;
    position: static;
}

.thumb-section {
    width: 100%;
    text-align: center;
}

.thumb-section figure {
    width: 100%;
    margin: 0;
    display: inline-block;
}

.thumb-section img {
    display: block;
}

.content-info {
    background-color: #1b1b1b;
    padding: 17px 20px;
    color: #ffffff;
}

.content-info p {
    opacity: 0.6;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 30px;
}

.content-info a {
    color: #ffffff;
    text-decoration: none;
}

@media only screen and (max-width: 996px) {
    .content-info {
        padding: 20px;
    }

    .content-info h2 {
        line-height: normal;
    }
}

/* Sidebar */
#sidebar {
    width: 320px;
    margin: 0 20px 0 0;
    float: left;
}

#sidebar .sidebar-inner {
    background-color: #1b1b1b;
    height: 100%;
}

#sidebar .sidebar-inner a {
    display: block;
    width: 100%;
}

#sidebar .sidebar-inner a img {
    width: 100%;
    height: auto;
}

#sidebar .sidebar-wrapper {
    padding: 30px 20px;
}

#sidebar .sidebar-wrapper h3 {
    padding: 15px 0 0 0;
    text-transform: none;
}

#sidebar .product-item figure {
    height: 100px;
    margin: 0;
    overflow: hidden;
}

#sidebar .product-item:nth-child(1) {
    padding-right: 10px;
    padding-left: 0;
}

#sidebar .product-item:nth-child(2) {
    padding-right: 0;
    padding-left: 10px;
}

#sidebar .nrow {
    position: relative;
}

#sidebar .nrow .link-btn.link-btn-black {
    position: absolute;
    bottom: 0;
}

@media only screen and (max-width: 996px) {
    #sidebar {
        width: 100%;
        padding: 0;
        background-color: #1b1b1b;
    }

    #sidebar .sidebar-heading {
        float: left;
        width: 50%;
    }

    #sidebar .sidebar-inner {
        height: auto !important;
    }

    #sidebar .product-item {
        position: static;
    }

    #sidebar .sidebar-wrapper {
        padding: 20px;
        float: right;
        width: 50%;
    }

    #sidebar .sidebar-wrapper h3 {
        padding: 10px 0 0 0;
    }

    #sidebar .thumb-section figure {
        width: 100%;
    }

    #sidebar .thumb-section img {
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 480px) {
    #sidebar .sidebar-heading, #sidebar .sidebar-wrapper {
        float: none;
        width: 100%;
    }
}

/* Page content */
#page-content {
    float: right;
    width: 656px;
    background: white;
}

#page-content .latest-product {
    background-color: #ffffff;
    padding: 15px;
}

#page-content .latest-product h2 {
    color: #000000;
    margin-bottom: 20px;
}

@media only screen and (max-width: 996px) {
    #page-content {
        width: 100%;
        position: relative;
    }

    #page-content .add-to-cart {
        display: none;
    }

    #page-content .latest-product ul.products-col-1 {
        width: 100%;
        margin-bottom: 0;
        padding-right: 0;
        border-right: none;
    }

    #page-content .latest-product ul.products-col-1 li:nth-child(3) .thumb-section figure {
        height: 210px;
    }

    #page-content .latest-product ul.products-col-1 li:nth-child(4) {
        width: 50%;
    }

    #page-content .latest-product ul.products-col-1 li:nth-child(4):after {
        display: block;
        content: '';
        position: absolute;
        right: 0;
        top: 15px;
        bottom: 15px;
        width: 1px;
        background: #e8e5e5;
    }

    #page-content .latest-product ul.products-col-1 li:nth-child(4) .content-info {
        width: calc(100% - 15px);
    }

    #page-content .latest-product ul.products-col-2 {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 2;
        overflow: hidden;
        height: 147px;
        width: 50%;
    }

    #page-content .latest-product ul.products-col-2 li {
        display: none;
    }

    #page-content .latest-product ul.products-col-2 li:first-child {
        display: block;
    }
}

.latest-product .content-info {
    background-color: transparent;
    position: absolute;
    padding: 0;
    bottom: 0;
    height: 70px;
    left: 0;
    width: 100%;
    align-items: center;
}

.latest-product .pro-info {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #26211E;
    font-weight: bold;
    text-align: left;
    width: calc(100% - 64px);
}

@media screen and (max-width: 996px) {
    .latest-product .pro-info {
        width: 100%;
    }

    .latest-product .pro-info .rate {
        float: right;
        margin-top: -20px;
    }
}

.latest-product .add-to-cart {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-left: 5px;
}

.latest-product .pro-title,
.latest-product .pro-price {
    display: block;
    font-size: 12px;
}

.latest-product .pro-title {
    padding: 0 0 4px 0;
}

.latest-product .pro-price {
    color: #986F38;
    font-weight: normal;
}

.latest-product h2 strong {
    font-weight: 900;
}

.latest-product ul {
    padding: 0;
    list-style: none;
    float: left;
}

.latest-product ul li {
    position: relative;
    width: 100%;
    text-align: center;
    padding-bottom: 80px;
    padding-top: 32px;
}

@media (max-width: 480px) {
    .latest-product ul li {
        padding-bottom: 50px;
        padding-top: 20px;
    }
}

.latest-product ul li .thumb-section {
    min-height: 106px;
}

.latest-product ul li .thumb-section figure {
    width: 100%;
    height: 106px;
}

.latest-product ul li .thumb-section img {
    display: block;
    margin: auto;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.latest-product ul.products-col-1 {
    width: 422px;
    padding-right: 15px;
    border-right: 1px solid #e8e5e5;
}

.latest-product ul.products-col-1 li:nth-child(1) {
    padding-top: 0;
    width: 50%;
}

.latest-product ul.products-col-1 li:nth-child(1):after {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 15px;
    width: 1px;
    background: #e8e5e5;
}

.latest-product ul.products-col-1 li:nth-child(1) .content-info {
    width: calc(100% - 15px);
}

.latest-product ul.products-col-1 li:nth-child(2) {
    padding-top: 0;
    width: 50%;
}

.latest-product ul.products-col-1 li:nth-child(2) .content-info {
    left: auto;
    right: 0;
    width: calc(100% - 15px);
}

.latest-product ul.products-col-1 li:nth-child(3) {
    border-top: 1px solid #e8e5e5;
    border-bottom: 1px solid #e8e5e5;
}

.latest-product ul.products-col-1 li:nth-child(3) .thumb-section figure {
    height: 328px;
    position: relative;
}

.latest-product ul.products-col-1 li:nth-child(3) .thumb-section figure > i {
    position: absolute;
    left: 21px;
    top: 80px;
    color: #000000;
    font-size: 34px;
}

.latest-product ul.products-col-1 li:nth-child(3) .thumb-section figure > i.icon-wifi {
    left: 0;
    top: 0;
    font-size: 60px;
}

.latest-product ul.products-col-2 {
    width: 204px;
    padding-left: 15px;
}

.latest-product ul.products-col-2 li {
    border-top: 1px solid #e8e5e5;
}

.latest-product ul.products-col-2 li:first-child {
    padding-top: 0;
    border: none;
}

.rate-widget {
    position: relative;
}

.rate-widget--ondark .ratings-stars {
    color: #986F38;
}

.ratings-stars {
    float: left;
    height: 18px;
    width: 18px;
    color: black;
}

.ratings-stars:before {
    font-size: 18px;
    content: "";
}

.total-votes {
    padding-left: 8px;
    float: left;
    font-weight: bold;
    line-height: 18px;
    font-size: 14px;
}

.ratings-vote:before {
    content: "";
}

.ratings-over:before {
    content: "";
}

.rates__summary {
    clear: both;
    color: white;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    padding-top: 20px;
}

.rates__summary strong {
    font-size: 30px;
}

@media screen and (max-width: 768px) {
    .rates__summary strong {
        font-size: 24px;
    }

    .rates__summary strong sup {
        top: -0.7em;
    }
}

.rates__summary strong sup {
    top: -1em;
    font-size: 12px;
}

.rates__summary i {
    font-weight: bold;
}

.review-header {
    padding: 20px;
    background-color: #1c1d1d;
    color: #ffffff;
}

.review-header h3, .review-header h4 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-bottom: 22px;
}

.review-header h4 {
    font-size: 11px;
}

.review-header p {
    font-size: 13px;
    letter-spacing: 0.08em;
    line-height: 19px;
    margin-bottom: 16px;
    font-weight: bold;
}

.review-header p.link {
    margin-top: 30px;
}

.review-header p.link .btn {
    background-color: #ffffff;
}

.review-header p.link .btn:hover {
    background-color: #656565;
    color: #ffffff;
}

.review-header__r {
    padding-top: 10px;
}

.review-header__r .review-stats {
    float: right;
}

@media screen and (max-width: 996px) {
    .review-header__r {
        text-align: left;
    }

    .review-header__r .review-stats {
        float: none;
    }
}

.review-content {
    padding: 20px;
    background-color: white;
}

.review-content__headerfooter {
    margin-bottom: 35px;
}

.review-content__headerfooter__l {
    line-height: 40px;
    vertical-align: middle;
}

.review-content__headerfooter__r {
    text-align: right;
    font-size: 12px;
    color: rgba(38, 33, 30, 0.8);
}

.review-content__headerfooter__r .select {
    margin-left: 10px;
}

.review-content__item {
    margin-bottom: 35px;
}

@media screen and (max-width: 768px) {
    .review-content__headerfooter__r {
        text-align: left;
    }
}

.review-content-item {
    padding-bottom: 35px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.review-content-item__header {
    font-size: 12px;
    color: rgba(38, 33, 30, 0.8);
    height: 30px;
    line-height: 30px;
    pointer-events: none;
}

.review-content-item__header .rate-widget {
    margin-right: 18px;
    width: auto;
}

.review-content-item__title {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding-top: 20px;
    margin-bottom: 22px;
    color: black;
}

@media screen and (max-width: 768px) {
    .review-content-item__title {
        padding-top: 0;
        clear: both;
    }
}

.review-content-item__content {
    font-size: 13px;
    letter-spacing: 0.08em;
    line-height: 19px;
    margin-bottom: 16px;
    color: rgba(0, 0, 0, 0.9);
    background: #eff2f3;
    padding: 20px;
    position: relative;
}

.review-content-item__content--response {
    margin-left: 20%;
}

.review-content-item__content--response .posted {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    letter-spacing: normal;
}

.review-content-item__content--response .posted i {
    font-size: 22px;
    position: relative;
    top: 4px;
    margin-right: 8px;
    color: rgba(46, 46, 46, 0.8);
}

.review-content-item__content::after {
    left: 20px;
    top: 0;
    border: 15px solid #ff0000;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: #eff2f3 !important;
    margin-top: -30px;
}

.review-content-item__question {
    font-size: 12px;
    color: rgba(38, 33, 30, 0.8);
    line-height: 40px;
}

.review-stats-item {
    font-size: 14px;
    color: #ffffff;
    height: 26px;
    line-height: 26px;
}

.review-stats-item__stars {
    display: inline-block;
}

.review-stats-item__bar {
    height: 6px;
    display: inline-block;
    position: relative;
    width: 210px;
    margin: 0 10px 2px;
    background: #b8b8b8;
}

.review-stats-item__bar:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 90%;
    height: 6px;
    background-color: #986F38;
}

.review-stats-item__bar--5:after {
    width: 10%;
}

.review-stats-item__bar--0:after {
    width: 0;
}

.review-stats-item__bar--0:after {
    width: 0;
}

@media screen and (max-width: 996px) {
    .review-stats-item__bar {
        width: calc(100% - 70px);
    }
}

.rating__panel {
    position: absolute;
    z-index: 3;
    display: none;
    background: white;
    padding: 20px;
    width: 996px;
    right: 0;
    top: 65px;
}

.rating__panel .review__comments--small ul li .review__comments__quote {
    color: #000000;
}

.rating__panel .review__comments--small ul li .review__comments__author {
    color: #b8b8b8;
}

.rating__panel .rates__summary {
    color: #000000;
    padding-top: 0;
    width: 300px;
    float: right;
    margin-right: 20px;
}

.rating__panel .review-stats-item {
    color: #000000;
}

.rating__panel .review-header__r .review-stats {
    padding: 20px;
}

@media screen and (max-width: 996px) {
    .rating__panel {
        width: 768px;
    }
}

@media screen and (max-width: 768px) {
    .rating__panel {
        top: 50px;
        padding: 10px 10px 20px;
        width: 100%;
    }

    .rating__panel .rates__summary {
        width: 250px;
        margin: 20px auto 0;
        float: none;
    }

    .rating__panel .review-header__r .review-stats,
    .rating__panel .review__comments--small {
        padding: 0;
    }

    .rating__panel .review-header__r {
        padding-top: 30px;
    }
}

.rating__panel .review__comments--small ul {
    margin-bottom: 10px;
}

.rating__panel .review__comments--small ul + .link-btn {
    display: block;
}

.wizard {
    margin-bottom: 20px;
}

.wizard .steps {
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0 20px;
    width: 100%;
    list-style: none;
    background: #1b1b1b;
}

.wizard .steps .step {
    display: table-cell;
    width: 20%;
    position: relative;
}

.wizard .steps .step:first-child .step-content {
    padding-left: 0;
}

.wizard .steps .step:last-child .step-content {
    padding-right: 0;
}

.wizard .steps .step a, .wizard .steps .step .step-content {
    position: relative;
    display: block;
    padding: 20px;
    text-decoration: none;
}

@media screen and (max-width: 480px) {
    .wizard .steps .step a, .wizard .steps .step .step-content {
        padding: 5px 30px;
    }
}

.wizard .steps .step a.step-content {
    cursor: pointer;
}

.wizard .steps .step strong {
    display: block;
    margin-bottom: 6px;
    color: #b8b8b8;
    font-size: 14px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.wizard .steps .step span {
    display: block;
    font-weight: bold;
    font-size: 14px;
    color: #b8b8b8;
    text-transform: uppercase;
}

.wizard .steps .step:last-child a:after {
    display: none;
}

.wizard .steps .step.completed a {
    cursor: pointer;
}

.wizard .steps .step.completed strong:after {
    content: "\f00c";
    display: inline-block;
    margin-left: 4px;
    color: #3D8705;
    font: normal normal normal 14px/1 FontAwesome;
}

.wizard .steps .step.completed strong, .wizard .steps .step.completed span {
    text-transform: uppercase;
    color: white;
}

.wizard .steps .step.active:after, .wizard .steps .step.completed:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #3D8705;
    height: 3px;
}

.wizard .steps .step.active strong, .wizard .steps .step.active span {
    color: white;
}

@media only screen and (max-width: 768px) {
    .wizard .steps {
        padding: 10px 0 0;
    }

    .wizard .steps .step .step-content {
        padding: 10px 15px;
    }

    .wizard .steps .step:first-child .step-content {
        padding-left: 20px;
    }

    .wizard .steps .step:first-child:after {
        left: 20px;
    }

    .wizard .steps .step a {
        padding: 6px 10px 6px 30px;
    }

    .wizard .steps .step a strong {
        position: relative;
        margin: 0 6px 0 0;
    }

    .wizard .steps .step a strong:after {
        position: absolute;
        top: 2px;
    }

    .wizard .steps .step strong {
        display: inline-block;
        width: auto;
        margin-right: 5px;
    }

    .wizard .steps .step span {
        display: none;
    }

    .wizard .steps .step.active span {
        display: block;
        white-space: nowrap;
    }
}
/* Style for Product List Page */
.productlist-menu-shortcut {
    position: relative;
    list-style: none;
    padding: 0;
    text-align: center;
    float: left;
    width: 100%;
    margin: 0;
}

@media screen and (min-width: 997px) {
    .productlist-menu-shortcut {
        display: none;
    }
}

.productlist-menu-shortcut li {
    display: block;
    text-align: center;
    color: inherit;
    padding: 0;
    text-decoration: none;
    font-size: 14px;
    width: 33.33%;
    float: left;
    background-color: #1b1b1b;
    border-right: 1px solid #313131;
}

.productlist-menu-shortcut li:last-child {
    border-right: none;
}

.productlist-menu-shortcut li a {
    color: #757575;
    padding: 10px 0;
    display: block;
    width: 100%;
    line-height: 48px;
    text-decoration: none;
    font-size: 14px;
}

.productlist-menu-shortcut li a i {
    display: none;
    width: 100%;
    font-size: 25px;
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
    .productlist-menu-shortcut li a i {
        display: none;
    }
}

.productlist-menu-shortcut li.selected a {
    font-weight: bold;
    color: #000000;
    background-color: #ffffff;
}

.productlist {
    color: #000000;
}

.productlist .productlist-title {
    position: relative;
    margin-bottom: 20px;
    color: #ffffff;
}

@media screen and (max-width: 768px) {
    .productlist .productlist-title {
        padding: 0 10px;
        clear: both;
    }
}

.productlist .productlist-title h1 {
    letter-spacing: 0.1em;
    margin-top: 0;
}

.productlist .productlist-title a {
    position: absolute;
    right: 0;
    bottom: -4px;
    color: white;
    font-size: 24px;
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    .productlist .productlist-title a {
        right: 10px;
        top: 0;
    }
}

@media screen and (max-width: 996px) {
    .productlist .productlist-main {
        padding-top: 0;
    }
}

@media screen and (max-width: 996px) {
    .productlist .productlist-main .productlist-sidebar {
        padding: 0;
    }
}

.productlist .productlist-main .productlist-sidebar .title {
    font-size: 16px;
    letter-spacing: 1px;
}

.productlist .productlist-main .productlist-sidebar .reorder {
    position: relative;
    border: 1px solid #E6E6E6;
    padding: 20px;
    background: #F2F2F2;
    margin-bottom: 20px;
    text-align: center;
}

@media screen and (max-width: 996px) {
    .productlist .productlist-main .productlist-sidebar .reorder {
        margin-bottom: 0;
        border: none;
        border-bottom: 1px solid #E6E6E6;
    }
}

.productlist .productlist-main .productlist-sidebar .reorder .title {
    margin-bottom: 15px;
}

@media screen and (max-width: 996px) {
    .productlist .productlist-main .productlist-sidebar .reorder .title {
        display: inline;
    }
}

@media screen and (max-width: 768px) {
    .productlist .productlist-main .productlist-sidebar .reorder .title {
        display: block;
    }
}

@media screen and (max-width: 996px) {
    .productlist .productlist-main .productlist-sidebar .reorder:before {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        z-index: -1;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -khtml-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 81px;
        width: 100vw;
        background: #F2F2F2;
        border-bottom: 1px solid #E6E6E6;
    }

    .productlist .productlist-main .productlist-sidebar .reorder a {
        margin-left: 20px;
    }
}

@media screen and (max-width: 768px) {
    .productlist .productlist-main .productlist-sidebar .reorder a {
        margin-left: 0;
    }
}

.productlist .productlist-main .productlist-sidebar .ad {
    display: block;
    margin-top: 20px;
}

@media screen and (max-width: 996px) {
    .productlist .productlist-main .productlist-sidebar .ad {
        display: none;
    }
}

.productlist .productlist-main .productlist-sidebar .ad img {
    max-width: 100%;
}

.productlist .productlist-main .productlist-panel {
    background: #ffffff;
}

.productlist .productlist-main .productlist-panel .productlist-switchers {
    border-bottom: 1px solid #E6E6E6;
}

@media screen and (max-width: 996px) {
    .productlist .productlist-main .productlist-panel .productlist-switchers {
        margin-right: -10px;
        margin-left: -10px;
        padding-right: 10px;
        padding-left: 10px;
    }
}

.productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher {
    color: #000000;
    padding: 0;
    margin: 0 20px -1px;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    display: inline-block;
    border-bottom: 1px solid #E6E6E6;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher:first-child {
    margin-left: 0;
}

.productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher a {
    display: block;
    padding: 20px 0;
    text-align: center;
    color: inherit;
    text-decoration: none;
}

.productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher a img {
    margin: 0 auto 10px;
    display: block;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher a span {
    display: block;
    font-size: 16px;
    letter-spacing: 0.1em;
    color: #737373;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher a:hover span,
.productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher a:focus span,
.productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher a:active span {
    color: black;
}

.productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher.active {
    border-bottom: 1px solid black;
}

.productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher.active a span {
    color: black;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content {
    color: #000000;
    background: #ffffff;
    padding: 40px 20px 20px;
    position: relative;
    display: none;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content.active,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content:only-child {
    display: inline-block;
    width: 100%;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .products-count {
    font-size: 30px;
    line-height: 42px;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-family: 'NespressoLucas-SemiBd';
    display: inline-block;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filter-sublabel {
    font-size: 18px;
    font-family: 'NespressoLucas-SemiBd';
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters-reset {
    line-height: 40px;
    padding: 0;
    float: right;
    color: #986f38;
    border: none;
    background: none;
    text-decoration: underline;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 100%;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters-toggler.open::after {
    transform: rotate(0deg);
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters.open {
    display: block;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters img.full-width {
    margin: 20px auto;
    width: 100%;
}
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters{
    padding: 21px 0px;
}
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter {
    padding: 5px 0;
    border-bottom: 1px solid #ffffff;
}
.product-list-accessory.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter {
    padding: 0px;
}
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter:last-child {
    /* border: none; */
    padding-bottom: 0px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter {
    border: 1px solid #9b9b9b;
    border-radius: 5px;
    background: #fff;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter.active {
    border: 1px solid #000;
    box-shadow: 0px 3px 4px rgb(0 0 0 / 20%);
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .reset {
    background: none;
    border: none;
    padding: 0;
    font-size: 11px;
    color: #000000;
    letter-spacing: 1px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .reset .icon,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .reset .btn.btn-icon i.icon-nespresso,
.btn.btn-icon .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .reset i.icon-nespresso,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .reset .btn.btn-icon-right i.icon-nespresso,
.btn.btn-icon-right .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .reset i.icon-nespresso,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .reset .btn.btn-nav.btn-basket .side-icon,
.btn.btn-nav.btn-basket .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .reset .side-icon,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .reset .product-category ul.list li.product .product-text .product-description .cupsize i:before,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .cupsize .filters .filter .reset i:before,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .reset #header h1 a:before,
#header h1 .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .reset a:before,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .reset .slocator .slocator-locations__details-action:before,
.slocator .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .reset .slocator-locations__details-action:before {
    height: 21px;
    width: 21px;
    font-size: 8px;
    display: inline-block;
    vertical-align: middle;
    line-height: 21px;
    margin-left: 5px;
    background: #d5d5d5;
}

.product-list-accessory.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters form{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .title {
    font-size: 12px;
    font-weight: bold;
    /* border: 1px solid #000; */
    padding: 15px 30px 0 15px;
    position: relative;
    display: flex;
    align-content: center;
}
.filters .filter .control.coffee_type label span,
.filters .filter .control.coffee_type label span:hover,
.filters .filter .control.coffee_type label span:focus {
    border: 0;
    text-align: left;
    color: #000;
    padding: 0;
    height: auto;
}
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control {
  display: none;
}
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter.active .control {
  display: block;
}
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter.filter-color.active .control {
  display: flex;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control {
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    display: none;
    padding: 10px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.colors p {
  color: rgba(0, 0, 0, 0.4);
}
.product-list-accessory.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control {
    margin: 0px;
    width: 100%;
    display: inline-block;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control select{
    font-size: 16px;
    height: 48px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.intensities input[type=checkbox] + label{
    width: 40px;
    border: 1px solid #eee;
    color: #858585;
    display: inline-block;
    margin: 0 10px 10px 0;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.intensities input[type=checkbox] + label:hover{
    border-color: #000;
}
.filters .filter.cup-size .control:not(.intensities) .item,
.filters .filter.armoatic .control:not(.intensities) .item {
  width: 100%;
  margin: 5px auto;
}
@media screen and (max-width: 768px) {
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control + .control {
        margin-top: 0;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.intensities {
        /* display: block; */
    }
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label.checkbox-color input {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label input[type=checkbox],
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label .icon,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label .btn.btn-icon i.icon-nespresso,
.btn.btn-icon .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label i.icon-nespresso,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label .btn.btn-icon-right i.icon-nespresso,
.btn.btn-icon-right .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label i.icon-nespresso,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label .btn.btn-nav.btn-basket .side-icon,
.btn.btn-nav.btn-basket .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label .side-icon,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label .product-category ul.list li.product .product-text .product-description .cupsize i:before,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .cupsize .filters .filter .control label i:before,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label #header h1 a:before,
#header h1 .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label a:before,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label .slocator .slocator-locations__details-action:before,
.slocator .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label .slocator-locations__details-action:before,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label img {
    display: inline-block;
    vertical-align: top;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label input[type=checkbox],
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label input[type=radio] {
    margin-right: 8px;
    vertical-align: top;
    margin-top: 1px;
    margin-bottom: 10px;
    float: left;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label .icon,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label .btn.btn-icon i.icon-nespresso,
.btn.btn-icon .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label i.icon-nespresso,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label .btn.btn-icon-right i.icon-nespresso,
.btn.btn-icon-right .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label i.icon-nespresso,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label .btn.btn-nav.btn-basket .side-icon,
.btn.btn-nav.btn-basket .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label .side-icon,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label .product-category ul.list li.product .product-text .product-description .cupsize i:before,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .cupsize .filters .filter .control label i:before,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label #header h1 a:before,
#header h1 .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label a:before,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label .slocator .slocator-locations__details-action:before,
.slocator .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label .slocator-locations__details-action:before {
    font-size: 15px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control label.active {
    color: #000000;

}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control input[type=number] {
    width: 50px;
    padding: 10px 9px;
    padding-right: 0;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.intensities input[type=checkbox] {
    opacity: 0;
    position: absolute;
    left: -9999px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.intensities input[type=checkbox]:checked + label {
    opacity: 1;
    color: #fff;
}

.keyboard-navigation:not(#main-accessibility) .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.intensities input[type=checkbox]:focus + label {
    outline: #3D8705 solid 1px !important;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.colors label {
  width: 100%;
  display: flex;
  vertical-align: middle;
  position: relative;
  height: 24px;
  margin-right: 12px;
}
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .ProductListFilter__panel .filter .control.colors label {
    height: 40px;
}
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .ProductListFilter__panel .filter .control.colors label.active {
    height: 40px;
    font-weight: 700;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.colors label [class^=circle] {
    display: block;
    height: 22px;
    width: 22px;
    margin: -2px 3px 0 3px;
    border: 1px solid #757575;
    border-radius: 100%;
    position: relative;
}
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.colors label [class^=box-rounded] {
    display: block;
    width: 64px;
    height: 32px;
    margin: 0;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    position: relative;
}

.filters .ProductListFilter__panel {
  display: inline-block;
  width: 100%;
  height: 100px;
  position: absolute;
/* z-index: 100; */
}
.filters .ProductListFilter__panel .filter {
  width: 32%;
  display: inline-block;
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  .filters .ProductListFilter__panel {
    height: 300px;
    position: relative;
  }
  .filters .ProductListFilter__panel .filter {
   position: absolute;

  }
  .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter-color {
    top:45px;
  }
  .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .cup-size {
    top:60px;
    margin: 0 !important;
  }
  .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter-price,
  .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .armoatic {
    top:120px;
  }
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .title:after {
    content: "";
    display: block;
    position: absolute;
    top: 19px;
    right: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #986e38 #0000 #0000 #0000;
}
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter.type .title:after,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter.collection .title:after {
    border-width: 0;
}
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter.active .title:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.filters .filter .control label span.toggle-round,
.filters .filter .control label span.toggle-round:hover,
.filters .filter .control label span.toggle-round:focus {
  position: absolute;
    right: 0px;
    width: 34px;
    height: 18px;
    background-color: #C4C4C4;
    border-radius: 20px;
    top: 10px;
}
.filters .filter .control label span.toggle-round span,
.filters .filter .control label span.toggle-round span:hover,
.filters .filter .control label span.toggle-round span:focus {
    position: absolute;
    top: 2px;
    right: auto;
    left: 2px;
    width: 14px;
    height: 14px;
    background-color: #ffffff;
    border-radius: 20px;
}
.filters .filter .control label.active span.toggle-round span,
.filters .filter .control label.active span.toggle-round span:hover,
.filters .filter .control label.active span.toggle-round span:focus {
    position: absolute;
    top: 2px;
    right: 2px;
    left: auto;
    margin: 0;
    width: 14px;
    height: 14px;
    background-color: #ffffff;
    border-radius: 20px;
}
.filters .filter .control.coffee_type label span.tooltip {
  margin: 0;
}
.filters .filter .control label span.tooltip {
  margin: 10px 0;
}
.active .toggle-round {
    background-color: #986F38;
}

.active .toggle-round span {
    left: auto;
    right: 2px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters {
  border: 0;
  height: 130px;
}
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter-color,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .cup-size {
  margin: 0 1.5%;
}

@media screen and (max-width: 768px) {
  .filters .ProductListFilter__panel .filter {
    width: 100%;
  }
  .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter-color {
    margin: 15px 0;
  }
  .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters {
    height: 210px;
  }

}
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.colors label [class^=circle]:after {
    border: 1px solid rgba(0,0,0,.2);
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    height: 0;
    border-radius: 100%;
    background: #fff;
    opacity: 0;
    transition: all .4s ease-in-out;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.colors label [class^=circle]:hover:after,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.colors label.active [class^=circle]:after,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.colors label [class^=box-rounded]:hover:after,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.colors label.active [class^=box-rounded]:after{
    opacity: 1;
    width: 10px;
    height: 10px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.colors label [class^=circle],
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.colors label [class^=box-rounded] {
    background-color: white;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.colors label input[type=checkbox] {
    margin: 0;
    opacity: 0;
    position: absolute;
    left: -9999px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.colors label input[type=checkbox]:checked + [class^=circle]::before {
    position: absolute;
    content: ' ';
    top: -6px;
    bottom: -6px;
    left: -6px;
    right: -6px;
    border: 1px solid #757575;
    border-radius: 100%;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.colors label .tooltip {
    display: inline;
    position: relative;
    background: transparent;
    color: #000;
    bottom: auto;
    width: 75%;
    padding: 0;
    border-radius: 2px;
    text-align: left;
    margin-left: 10px;
    z-index: 3;
    top: auto;
    border: 0;
    font-style: italic;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.colors label .tooltip::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content:none;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000000;
    border-width: 6px;
    margin-left: -6px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.colors label:hover .tooltip {
    display: block;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.price-range {
    padding: 20px;
    /* display: block; */
    width: auto;
    margin: 20px 15px 0;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.price-range .noUi-horizontal{
    height: 5px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.price-range .noUi-background {
    background: #b8b8b8;
    height: 3px;
    border-radius: 3px;
    border: none;
    box-shadow: none;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.price-range .noUi-connect {
    background: #986f38;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.price-range .noUi-handle {
    height: 14px;
    width: 14px;
    left: 99%;
    top: -5px;
    border-radius: 100%;
    border: none;
    background: #986f38;
    box-shadow: none;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.price-range .noUi-handle.noUi-handle-upper{
    left: 99%;
}
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.price-range .noUi-handle.noUi-handle-upper .noUi-tooltip{
    margin-left: -38px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.price-range .noUi-handle::before,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.price-range .noUi-handle::after {
    display: none;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.price-range .noUi-pips-horizontal {
    top: -30px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.price-range .noUi-pips-horizontal .noUi-value-horizontal {
    transform: none;
    left: -15px !important;
    top: -1px;
    display: none;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.price-range .noUi-pips-horizontal .noUi-value-horizontal:last-of-type {
    right: -10px;
    left: auto !important;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.price-range .noUi-pips-horizontal .noUi-value-horizontal::before {
    content: 'IDR ';
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.price-range .noUi-marker, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.price-range .noUi-marker-sub, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.price-range .noUi-value-sub {
    display: none;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.price-range .noUi-tooltip {
    width: auto;
    margin-left: 5px;
    top: -30px;
    bottom: auto;
    background: #FFFFFF;
    border: none;
    font-size: 1.35rem;
    font-family: 'NespressoLucas-SemiBd';
    color: #986f38;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.price-range .noUi-tooltip::before {
    content: 'IDR ';
}

@media screen and (max-width: 768px) {
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control .item {
        margin-bottom: 10px;
    }
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter.open .toggler:before {
    content: '-';
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter.open .toggle-content {
    display: block;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category {
    margin-top: 0px;
    float: left;
    width: 100%;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category--machine {
    margin-top: 0px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category h2 {
    font-size: 20px;
    font-family: 'NespressoLucas-SemiBd';
    letter-spacing: .06em;
    text-transform: capitalize;
    line-height: 24px;
    margin: 8px 0;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category h2 .link-btn {
    font-weight: bold;
}

@media screen and (max-width: 480px) {
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category h2 .link-btn {
        float: none !important;
        display: block;
        margin: 15px 0;
    }
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category > .link-btn {
    position: relative;
    z-index: 10;
    margin-top: -28px;
    font-size: 12px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category > .link-btn span {
    font-size: 10px;
}

/* Style Product List Page */

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list {
    position: relative;
    padding: 0;
    margin: 0px;
    list-style: none;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome{
    border-top: 1px solid #eee;
    padding: 15px 0;
    min-height: 100px;
    display: table;
    width: 100%;
    cursor: pointer;
    clear: both;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-image,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-description,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-cupsize,

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-image,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-description,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-cupsize,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-add{
    display: table-cell;
    vertical-align: top;
}
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add {
   display: table-cell;
   vertical-align: middle;
   float: right;
 }

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-image,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-image{
    width: 13%;
    text-align: left;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-image img,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-image img{
    width: auto;
    display: block;
    margin: auto;
    max-width: 65px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-name h3,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-name h3{
    margin: 0;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 20px;
    text-transform: none;
    color: #000;
    font-family: 'NespressoLucas-SemiBd';
    font-weight: normal;
    padding-bottom: 5px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-name h3 a,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-name h3 a{
    color: inherit;
    text-decoration: none;
    font-size: 13px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-text{
    display: table;
    width: 100%;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text.small .product-emty,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-text.small .product-emty{
    width: 25%;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-description,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-description{
    width: 25%;
}
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-info p,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-info p{
    color: #656565;
    margin: 8px 8px 8px 0;
    letter-spacing: 0.083em;
    line-height: 16px;
    font-size: 13px;
}
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-cupsize,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-cupsize{
    width: 12%;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-cupsize span,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-cupsize span{
    display: inline-block;
    margin-top: 4px;
    font-size: 10px;
    font-weight: bold;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-cupsize i:before,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-cupsize i:before{
    font-size: 15px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price{
    width: 23%;
    text-align: right;
    white-space: nowrap;
    padding-right: 15px;
}

/* .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add, */
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-add{
    float: right;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-intensity i,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-intensity i{
    display: inline-block;
    height: 7px;
    width: 7px;
    border: 1px solid #656565;
    background: #656565;
    margin-right: 2px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-intensity i.empty,
productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-intensity i.empty{
    background: none;
    margin-right: 0;
    margin-left: 2px;
}

/* Category Accessory*/
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-description-accessory{
    width: 43%;
}

@media screen and (min-width: 768px){
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price{
        display: table-cell;
        vertical-align: middle;
    }
}
@media screen and (max-width: 767px){
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list{
        margin-top: 20px;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome{
        position: relative;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-name,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-name{
        display: inline-block;
        vertical-align: middle;
        max-width: 65%;
        margin-bottom: 5px;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-description,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-cupsize,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-name,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-description,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-cupsize,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-name{
        width: 65%;
        display: inline-block;
        text-align: left;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-description.small,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-description.small,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price{
        margin-top: 5px;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-cupsize,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-cupsize{
        display: none;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-add{
        position: absolute;
        right: 0px;
        top: 20px;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-name-accessory{
        margin-left: 0px;
        max-width: 100%;
    }
}

@media screen and (max-width: 996px){
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-name,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-name,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-text{
        margin-left: 10px;
    }
    .product-list-accessory.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-name{
        margin-left: 0px;
    }
}
/* The end Style Product List Page */

/* Price of Product List Page */
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price .price-final_price .price,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price .price-final_price .price {
    font-size: 14px;
    font-weight: bold;
    color: #3d8705;
}

/*.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price .special-price .price-final_price .price,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price .special-price .price-final_price .price{
    color: #bc0000;
}*/

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price .product-price--old,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price .price-final_price .old-price .price,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price .product-price--old,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price .price-final_price .old-price .price{
    display: inline-block;
    line-height: 20px;
    font-weight: 600;
    color: #ababab;
    position: relative;
    font-size: 12px;
    font-family: 'NespressoLucas-SemiBd';
    margin: 0 -2px
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price .price-final_price .old-price,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price .price-final_price .old-price{
    display: block;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price .price-final_price .old-price .price-wrapper:before,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price .price-final_price .old-price .price-wrapper:after,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price .price-final_price .old-price .price-wrapper:before,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price .price-final_price .old-price .price-wrapper:after{
    color: #ababab;
    display: inline-block;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price .price-final_price .old-price .price-wrapper:after,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price .price-final_price .old-price .price-wrapper:after{
    content: ")";
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price .price-final_price .old-price .price-wrapper:before,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price .price-final_price .old-price .price-wrapper:before{
    content: "(";
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price .product-price .price-final_price .price-label,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price .product-price .price-final_price .price-label,
{
    display: block;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price .product-price .price-final_price .price-from .price-label,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price .product-price .price-final_price .price-to .price-label,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price .product-price .price-final_price .price-from .price-label,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price .product-price .price-final_price .price-to .price-label{
    display: inline-block;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price .product-price .price-final_price .price-from .old-price .price-label,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price .product-price .price-final_price .price-to .old-price .price-label,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price .product-price .price-final_price .price-from .old-price .price-label,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price .product-price .price-final_price .price-to .old-price .price-label{
    display: none;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price .product-price--old .price-label,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price .price-final_price .old-price .price-label,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price .product-price--old .price-label,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price .price-final_price .old-price .price-label{
    display: none;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price .product-price--old:before,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-price .price-final_price .old-price .price:before,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price .product-price--old:before,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-price .price-final_price .old-price .price:before{
    width: auto;
    position: absolute;
    content: "";
    left: 0px;
    top: 50%;
    right: 0;
    margin: auto;
    border-top: 1px solid;
    border-color: inherit;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
/* The End Price Of Product List Page */

/* Attribute Color */
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .color,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-text .product-description .color{
    margin-top: 20px;
    color: #000;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .color .color__title,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-text .product-description .color .color__title{
    font-size: 12px;
    font-family: 'NespressoLucas-SemiBd';
    color: #000;
    vertical-align: 2px;
    margin-right: 5px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .color .color__elt,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-color .product-text .product-description .color .color__elt{
    border: 1px solid rgba(0,0,0,.2);
    width: 12px;
    height: 12px;
    border-radius: 6px;
    margin-right: 5px;
    display: inline-block;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add .mage-addtocart-form,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-add .mage-addtocart-form{
    position: relative;
    width: auto;
    display: inline-block;
    margin: 0;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add #qty-selector-content,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-add #qty-selector-content{
    margin: auto;
    right: 0;
    left: 0 !important;
    z-index: 99;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add .btn i.icon-nespresso,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-add .btn i.icon-nespresso{
    font-size: 30px;
    padding-left: 0;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add .btn .icon-plus {
    font-size: 16px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add .product-qty {
    display: none;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add + p {
    color: #737373;
    letter-spacing: 0.05em;
    margin: 0;
    padding: 8px 0 8px 115px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add .addtocart_basketicon .nes-plus{
    display: none;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add .btn.button-addtocart.btn-view{
    padding: 5px 20px;
    text-align: center;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add .btn.button-addtocart.btn-view span{
    line-height: 30px;
    text-align: center;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add .btn.button-addtocart.btn-view > i{
    display: none;
}

/* Button add to cart Global */

.btn.button-addtocart {
    min-width: 255px;
    padding: 5px 35px 5px 45px;
    line-height: 1.2em;
    letter-spacing: 0;
    font-family: 'NespressoLucas-SemiBd';
    font-weight: normal;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.3);
    color: #ffffff;
}

.btn.button-addtocart .btn-add-qty {
    font-size: 30px;
    padding-left: 0px;
}
.btn.button-addtocart .addtocart_basketicon{
    height: 38px;
    width: 38px;
    position: absolute;
    right: 3px;
    left: auto;
    top: 0px;
    font-size: 1.875rem;
}
@media screen and (max-width: 767px){
  .category-machines .btn.button-addtocart .addtocart_basketicon{
      right: -3px;
  }
}
.btn.button-addtocart .AddToBagButtonLarge__quantity{
    position: absolute;
    left: 4px;
    width: 30px;
    top: 17px;
    font-size: 12px;
    color: #3d8705;
    text-align: center;
    padding-right: 1px;
    letter-spacing: -1px;
    font-weight: 600;
    font-family: 'NespressoLucas-Regular' !important;
}

.btn.button-addtocart .AddToBagButtonLarge__quantity:before{
    display: none;
}

.btn.button-addtocart:hover{
    box-shadow: 0 3px 3px 0 rgba(0,0,0,.3);
    border-color: #3D8705;
    background-color: #3D8705;
    color: #FFFFFF;
    text-decoration: none;
}

.btn.button-addtocart:focus,
.btn.button-addtocart:active{
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.3);
    color: #FFFFFF;
    border-color: #337204;
    background-color: #337204;
    text-decoration: none;
}

.btn.button-addtocart:after {
    display: none;
}

.btn.button-addtocart.has-value .btn-add-qt{
    display: none;
}

@media screen and (max-width: 768px) {
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add + p {
        padding: 8px 20px 8px 60px;
    }
}

/* Machine*/
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category.product-category--machine ul.list li.product {
    padding-top: 20px;
    padding-bottom: 20px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category.product-category--machine ul.list li.product .product-image{
    width: 105px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category.product-category--machine ul.list li.product .product-description {
    width: 45%;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category.product-category--machine ul.list li.product .product-add {
    width: 255px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category.product-category--machine ul.list li.product .product-add .link-btn {
    display: block;
    text-align: right;
    margin-top: 18px;
    font-size: 12px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category.product-category--machine ul.list li.product .product-add .link-btn span {
    font-size: 10px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category.product-category--machine ul.list li.product .product-add .btn,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-add .btn{

    text-align: center;
    line-height: 30px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category.product-category--machine ul.list li.product .product-image img{
    max-width: 100px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category.product-category--machine ul.list li.product .product-text .product-price .price-final_price .price-from .old-price .price-label,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category.product-category--machine ul.list li.product .product-text .product-price .price-final_price .price-to .old-price .price-label{
    display: none;
}

.pc-only {
    display: block;
}

.mb-only {
    display: none;
}

/* Responsive */
@media screen and (max-width: 767px) {

    .pc-only {
        display:none;
    }

    .mb-only {
        display: block;
    }

    body.has-overlay{
        overflow: hidden;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control{
        width: 100%;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category{
        display: inline-block;
        width: 100%;
        margin-top: 32px;
    }

    .page-products .columns{
        padding-top: 0;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add .nes-plus{
        font-size: 20px;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add .btn{
        min-width: inherit;
        padding: 0;
        width: 40px;
        height: 40px;
        text-align: center;
        margin: 0;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add .btn.button-addtocart.btn-view{
        padding: 0px;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add .btn .btn-add-text{
        display: none;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add .btn .btn-add-qty{
        font-size: 20px;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add .btn .btn-add-qty:before{
        content: "\e90e";
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add .btn.has-value .btn-add-qty:before,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add .btn.has-value .nes-plus{
        display: none;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add .btn.button-addtocart .AddToBagButtonLarge__quantity{
        color: #ffffff;
        top: 14px;
    }
    .productlist .product-category .qty-selector{
        position: fixed;
        top: 50%;
        margin-top: -82px;
    }

    /* similar-product */
    .similar-products-list-container .login-overlay-bg {
        display: none !important;
    }

    .similar-products-list-container #qty-selector-content {
        top: 0;
        margin: auto;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .similar-products-list-container #qty-selector-content .qty-selector{
        right: 50%;
        transform: translate(50%, -100%);
        position: absolute;
        top: -12px !important;
        left: auto;
        border-color: #d5d5d5;
        margin-top: 0;
    }

    .similar-products-list-container #qty-selector-content .qty-selector .qty-group-compact::after {
        background: url(../images/chevron-bottom-qty-selector.png) no-repeat;
    }
    /* similar-product */

    .productlist .product-category .qty-selector:after{
        display: none;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add .btn.clicked{
        z-index: 4;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add .qty-ovl .login-overlay-bg {
        display: flex;
        position: fixed;
        z-index: 9;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        visibility: visible;
        content: " ";
        background-color: rgba(23, 23, 23, 0.75);
        transition: all 0.5s;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add .btn.button-addtocart.btn-view span{
        display: none;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-add .btn.button-addtocart.btn-view > i{
        display: inline-block;
        line-height: 38px;
    }

    /* Machine */

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category.product-category--machine ul.list li.product,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome{
        padding-bottom: 80px;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome{
        margin-bottom: 0;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category.product-category--machine ul.list li.product .product-text{
        display: block;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category.product-category--machine ul.list li.product .product-add,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-add{
        width: 100%;
        top: inherit;
        bottom: 0;
        left: 0;
        margin-bottom: 30px;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category.product-category--machine ul.list li.product .product-add .btn,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product-welcome .product-add .btn{
        display: inline-block;
        width: 100%;
        padding: 5px;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category.product-category--machine ul.list li.product .product-image{
        width: 105px;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category.product-category--machine ul.list li.product .product-text .product-description .product-info{
        display: none;
    }

    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .color .color__title{
        display: block;
        margin-bottom: 5px;
    }
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category.product-category--machine ul.list li.product .product-text .product-price .price-final_price .price-from,
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category.product-category--machine ul.list li.product .product-text .product-price .price-final_price .price-to{
        text-align: left;
    }
}

.product__page {
    background: black;
    overflow: hidden;
}

.product__page .back-container {
    position: absolute;
    z-index: 40;
    left: 50%;
    margin-left: -498px;
    -webkit-transform: translateX(0);
    -khtml-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -khtml-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

@media only screen and (max-width: 996px) {
    .product__page .back-container {
        display: none;
    }
}

.product__page .back-container a {
    color: white;
    line-height: 54px;
    background: none;
    text-decoration: none;
}

.product__pastille {
    position: absolute;
    top: 40px;
    right: 50px;
    z-index: 30;
    background: #9CCFB0;
    border-radius: 100%;
    width: 150px;
    height: 150px;
    padding-top: 20px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    text-align: center;
    -webkit-transform: translateY(0);
    -khtml-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.4s 1s ease-in-out;
    -khtml-transition: all 0.4s 1s ease-in-out;
    -moz-transition: all 0.4s 1s ease-in-out;
    -ms-transition: all 0.4s 1s ease-in-out;
    -o-transition: all 0.4s 1s ease-in-out;
    transition: all 0.4s 1s ease-in-out;
}

.product__pastille strong {
    display: block;
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 2px;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.5);
}

.product__pastille strong sub {
    bottom: 0;
}

.product__pastille span {
    display: block;
    color: white;
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

.product__pastille span:first-child {
    font-size: 12px;
    line-height: 18px;
}

@media only screen and (max-width: 996px) {
    .product__pastille {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .product__pastille {
        display: block;
        top: 20px;
        right: 20px;
        width: 100px;
        height: 100px;
        padding-top: 12px;
    }

    .product__pastille strong {
        font-size: 40px;
        line-height: 40px;
    }

    .product__pastille span {
        font-size: 9px;
        line-height: 11px;
    }

    .product__pastille span:first-child {
        font-size: 9px;
        line-height: 11px;
    }
}

.product__slider {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50%;
    z-index: 20;
    height: 100%;
    width: calc(100vw - 40%);
    overflow: hidden;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -khtml-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transform: translateX(100px);
    -khtml-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
}

.product__slider:after {
    display: none;
    content: '';
    position: absolute;
    bottom: 0;
    height: 40%;
    width: 100%;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.7));
    background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.7));
    background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.7));
    background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.7));
    background-image: linear-gradient(top, transparent, rgba(0, 0, 0, 0.7));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='transparent', endColorStr='rgba(0, 0, 0, 0.7)');
}

@media only screen and (max-width: 996px) {
    .product__slider {
        right: 40%;
        width: 60%;
        -webkit-transform: translateX(0);
        -khtml-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@media only screen and (max-width: 768px) {
    .product__slider {
        position: relative;
        right: 0;
        width: 100%;
    }
}

.product__slider__close {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 100;
    background: rgba(85, 85, 85, 0.5);
    width: 40px;
    height: 40px;
    border-radius: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -khtml-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.product__slider__close:before, .product__slider__close:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 2px;
    background-color: #fff;
}

.product__slider__close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -khtml-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.product__slider__close:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -khtml-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

@media only screen and (max-width: 768px) {
    .product__slider__close {
        left: 50%;
        right: auto;
        top: 20px;
        -webkit-transform: translateX(-50%);
        -khtml-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.product__slider__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product__slider__list li {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -khtml-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

@media only screen and (max-width: 768px) {
    .product__slider__list li {
        position: absolute;
    }
}

.product__slider__list li.active {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

@media only screen and (max-width: 768px) {
    .product__slider__list li.active {
        position: relative;
    }
}

.product__slider__list li img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    display: block;
    -webkit-transform: translate(11.74%, 0);
    -khtml-transform: translate(11.74%, 0);
    -moz-transform: translate(11.74%, 0);
    -ms-transform: translate(11.74%, 0);
    -o-transform: translate(11.74%, 0);
    transform: translate(11.74%, 0);
    -webkit-transition: all 0.4s ease-in-out;
    -khtml-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

@media only screen and (max-width: 996px) {
    .product__slider__list li img {
        -webkit-transform: translate(14.5%, 0);
        -khtml-transform: translate(14.5%, 0);
        -moz-transform: translate(14.5%, 0);
        -ms-transform: translate(14.5%, 0);
        -o-transform: translate(14.5%, 0);
        transform: translate(14.5%, 0);
    }
}

@media only screen and (max-width: 768px) {
    .product__slider__list li img {
        position: relative;
        right: 56%;
        width: 150%;
        min-height: 0;
        -webkit-transform: translate(0, 0) scale(1.1);
        -khtml-transform: translate(0, 0) scale(1.1);
        -moz-transform: translate(0, 0) scale(1.1);
        -ms-transform: translate(0, 0) scale(1.1);
        -o-transform: translate(0, 0) scale(1.1);
        transform: translate(0, 0) scale(1.1);
    }
}

.product__slider__dots {
    position: absolute;
    bottom: 40px;
    left: 50%;
    z-index: 40;
    -webkit-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    list-style: none;
    margin: 0 0 0 -218px;
    padding: 0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -khtml-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

@media only screen and (max-width: 996px) {
    .product__slider__dots {
        margin: 0 0 0 -154px;
    }
}

@media only screen and (max-width: 768px) {
    .product__slider__dots {
        bottom: auto;
        margin: -30px 0 0;
    }
}

.product__slider__dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
}

.product__slider__dots li a {
    display: block;
    border: 1px solid white;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.product__slider__dots li a:hover + div {
    z-index: 10;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transform: translate3D(-50%, 0, 0);
    -khtml-transform: translate3D(-50%, 0, 0);
    -moz-transform: translate3D(-50%, 0, 0);
    -ms-transform: translate3D(-50%, 0, 0);
    -o-transform: translate3D(-50%, 0, 0);
    transform: translate3D(-50%, 0, 0);
}

@media only screen and (max-width: 768px) {
    .product__slider__dots li a:hover + div {
        display: none;
    }
}

.product__slider__dots li a.active {
    background: white;
}

.product__slider__dots li div {
    position: absolute;
    top: -60px;
    left: 50%;
    z-index: 5;
    -webkit-transform: translate3D(-50%, 10px, 0);
    -khtml-transform: translate3D(-50%, 10px, 0);
    -moz-transform: translate3D(-50%, 10px, 0);
    -ms-transform: translate3D(-50%, 10px, 0);
    -o-transform: translate3D(-50%, 10px, 0);
    transform: translate3D(-50%, 10px, 0);
    width: 64px;
    height: 48px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: white 85% center;
    background-size: cover;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -khtml-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.product__slider__dots li div:before {
    display: block;
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-top: 6px solid white;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.product__slider__dots.zoomed {
    margin: 0;
    width: 100%;
    text-align: center;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: opacity 0.4s 0.4s ease-in-out, transform 0.4s 0.4s ease-in-out;
    -khtml-transition: opacity 0.4s 0.4s ease-in-out, transform 0.4s 0.4s ease-in-out;
    -moz-transition: opacity 0.4s 0.4s ease-in-out, transform 0.4s 0.4s ease-in-out;
    -ms-transition: opacity 0.4s 0.4s ease-in-out, transform 0.4s 0.4s ease-in-out;
    -o-transition: opacity 0.4s 0.4s ease-in-out, transform 0.4s 0.4s ease-in-out;
    transition: opacity 0.4s 0.4s ease-in-out, transform 0.4s 0.4s ease-in-out;
}

.product__slider__dots.zoomed li {
    margin: 0 14px;
}

@media only screen and (max-width: 768px) {
    .product__slider__dots.zoomed {
        margin: -80px 0 0;
    }
}

.product__slider__dots.zoomed a {
    border: 1px solid #E5E5E5;
    width: 72px;
    height: 72px;
    border-radius: 0;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -webkit-opacity: 0.8;
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-opacity: 0.8;
    -o-opacity: 0.8;
    opacity: 0.8;
}

.product__slider__dots.zoomed a:hover {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.product__slider__dots.zoomed a.active {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    background: none;
    border-color: black;
}

@media only screen and (max-width: 768px) {
    .product__slider__dots.zoomed a {
        width: 48px;
        height: 48px;
    }
}

.product__slider__dots.zoomed .product__slider__dots__tooltip {
    display: block;
    z-index: -1;
    top: 1px;
    left: 1px;
    width: 70px;
    height: 70px;
    border-radius: 0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transform: translate3D(0, 0, 0);
    -khtml-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    -o-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    background-position: 80%;
    background-size: cover;
}

.product__slider__dots.zoomed .product__slider__dots__tooltip:before {
    display: none;
}

@media only screen and (max-width: 768px) {
    .product__slider__dots.zoomed .product__slider__dots__tooltip {
        width: 46px;
        height: 46px;
    }
}

.product__slider__dots.zoomed.pending li, .product__slider__dots.zoomed.pending .product__slider__dots__tooltip, .product__slider__dots.zoomed.pending a {
    -webkit-transition: all 0s 0.6s ease-in-out;
    -khtml-transition: all 0s 0.6s ease-in-out;
    -moz-transition: all 0s 0.6s ease-in-out;
    -ms-transition: all 0s 0.6s ease-in-out;
    -o-transition: all 0s 0.6s ease-in-out;
    transition: all 0s 0.6s ease-in-out;
}

.product__slider__dots.pending {
    -webkit-transform: translate(-50%, 20px);
    -khtml-transform: translate(-50%, 20px);
    -moz-transform: translate(-50%, 20px);
    -ms-transform: translate(-50%, 20px);
    -o-transform: translate(-50%, 20px);
    transform: translate(-50%, 20px);
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -khtml-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.product__info {
    position: relative;
    z-index: 10;
    left: 50%;
    height: 100%;
    min-height: 600px;
    width: 396px;
    color: black;
    background: white;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -khtml-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(99px);
    -khtml-transform: translateX(99px);
    -moz-transform: translateX(99px);
    -ms-transform: translateX(99px);
    -o-transform: translateX(99px);
    transform: translateX(99px);
}

.product__info > div {
    padding: 50px 0 50px 60px;
}

@media only screen and (max-width: 996px) {
    .product__info > div {
        padding: 30px 20px 30px 20px;
    }
}

@media only screen and (max-width: 768px) {
    .product__info > div {
        padding: 20px;
    }
}

@media only screen and (max-width: 996px) {
    .product__info {
        left: 60%;
        width: 40%;
        -webkit-transform: translateX(0);
        -khtml-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@media only screen and (max-width: 768px) {
    .product__info {
        left: 0;
        width: 100%;
        min-height: 0;
    }
}

.product__info:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: white;
    width: 100vw;
    left: 0;
}

.product__info__type {
    margin-bottom: 6px;
    color: #737373;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

@media only screen and (max-width: 996px) {
    .product__info__type {
        font-size: 12px;
    }
}

@media only screen and (max-width: 768px) {
    .product__info__type {
        display: none;
    }
}

.product__info__title {
    margin-bottom: 26px;
    font-size: 30px;
    line-height: 42px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

@media only screen and (max-width: 996px) {
    .product__info__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 4px;
    }
}

.product__info__title + i {
    display: block;
    margin: -20px 0 15px;
    color: #737373;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.2em;
}

@media only screen and (max-width: 996px) {
    .product__info__title + i {
        margin-top: 0;
    }
}

.product__info__options__title {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

@media only screen and (max-width: 996px) {
    .product__info__options__title {
        display: none;
    }
}

.product__info__options__list {
    margin: 12px 0 18px;
    padding: 0;
    list-style: none;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.product__info__options__list li {
    display: table-cell;
    vertical-align: top;
    text-align: center;
}

.product__info__options__list li:first-child {
    text-align: left;
}

.product__info__options__list li:last-child {
    text-align: right;
}

.product__info__options__list a {
    display: inline-block;
    background: none;
    padding: 0 20px;
    line-height: 38px;
    width: 95%;
    text-align: center;
    border: 1px solid black;
    font-size: 14px;
    text-transform: none;
    border-radius: 3px;
    text-decoration: none;
    color: black;
    filter: alpha(opacity=55);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
    -webkit-opacity: 0.55;
    -khtml-opacity: 0.55;
    -moz-opacity: 0.55;
    -ms-opacity: 0.55;
    -o-opacity: 0.55;
    opacity: 0.55;
}

.product__info__options__list a:hover, .product__info__options__list a:focus, .product__info__options__list a.active {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.product__info__colours__title {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

@media only screen and (max-width: 996px) {
    .product__info__colours__title {
        display: none;
    }
}

.product__info__colours__list {
    margin: 12px 0 24px;
    padding: 0;
    list-style: none;
}

@media only screen and (max-width: 996px) {
    .product__info__colours__list {
        margin-bottom: 18px;
    }
}

.product__info__colours__list li {
    display: inline-block;
    vertical-align: top;
}

.product__info__colours__list a {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.product__info__colours__list a:after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-radius: 100%;
    background: white;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -khtml-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.product__info__colours__list a:hover:after, .product__info__colours__list a:focus:after, .product__info__colours__list a.active:after {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    width: 12px;
    height: 12px;
}

.product__info .rate-widget {
    float: right;
    margin-top: -12px;
}

.product__info__price {
    display: block;
    margin-bottom: 12px;
    color: #3D8705;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.product__info__price--original {
    margin-top: -12px;
    color: #737373;
    font-size: 12px;
    line-height: 22px;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: none;
    float: left;
    margin-bottom: 14px;
}

.product__info .container-btn {
    clear: both;
    display: block;
    margin-bottom: 20px;
}

.product__info .container-btn .btn {
    padding-top: 17px;
    height: 50px;
}

.product__info .container-btn .btn i.icon-nespresso {
    line-height: 45px;
    font-size: 36px;
    width: 50px;
}

.product__info .container-btn .btn i.icon-plus {
    line-height: 49px;
    font-size: 16px;
    width: 40px;
}

.product__info p {
    color: #737373;
    line-height: 18px;
    letter-spacing: 0;
    vertical-align: middle;
    margin-bottom: 12px;
}

.product__info p i {
    color: black;
    font-size: 30px;
    vertical-align: middle;
    width: 50px;
    display: inline-block;
    text-align: center;
}

.product__info p i.icon-machine_recycling_off {
    font-size: 24px;
}

.product__info p span {
    vertical-align: middle;
    display: inline-block;
    width: calc(100% - 55px);
}

.product__header {
    position: relative;
    margin: auto;
    height: 100%;
    width: 100%;
    overflow: visible !important;
    -webkit-transition: background 0.4s ease-in-out;
    -khtml-transition: background 0.4s ease-in-out;
    -moz-transition: background 0.4s ease-in-out;
    -ms-transition: background 0.4s ease-in-out;
    -o-transition: background 0.4s ease-in-out;
    transition: background 0.4s ease-in-out;
}

.product__header.active {
    max-width: 100%;
}

.product__header.active .back-container {
    -webkit-transform: translateX(-20px);
    -khtml-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}

.product__header.active .product__pastille {
    -webkit-transform: translateY(-20px);
    -khtml-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -khtml-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.product__header.active .product__info {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}

.product__header.active .product__slider {
    width: 100%;
    right: 0;
    -webkit-transform: translateX(0);
    -khtml-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.product__header.active .product__slider__close {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.4s 1s ease-in-out;
    -khtml-transition: all 0.4s 1s ease-in-out;
    -moz-transition: all 0.4s 1s ease-in-out;
    -ms-transition: all 0.4s 1s ease-in-out;
    -o-transition: all 0.4s 1s ease-in-out;
    transition: all 0.4s 1s ease-in-out;
}

@media only screen and (max-width: 768px) {
    .product__header.active .product__slider__list li {
        position: absolute;
    }

    .product__header.active .product__slider__list li.active {
        z-index: 30;
    }
}

.product__header.active .product__slider__list img {
    right: 50%;
    max-width: 1920px;
    min-height: calc(100vh - 79px);
    max-height: calc(100vw / 2.579);
    min-width: calc((100vh - 79px) * 2.579);
    -webkit-transform: translate(30.785%, 0);
    -khtml-transform: translate(30.785%, 0);
    -moz-transform: translate(30.785%, 0);
    -ms-transform: translate(30.785%, 0);
    -o-transform: translate(30.785%, 0);
    transform: translate(30.785%, 0);
}

@media only screen and (max-width: 768px) {
    .product__header.active .product__slider__list img {
        position: relative;
        margin-top: 45vh;
        bottom: auto;
        right: 130%;
        width: 260%;
        height: auto;
        min-height: 0;
        min-width: 0;
        max-height: none;
        -webkit-transform: translate(0, -50%) scale(1);
        -khtml-transform: translate(0, -50%) scale(1);
        -moz-transform: translate(0, -50%) scale(1);
        -ms-transform: translate(0, -50%) scale(1);
        -o-transform: translate(0, -50%) scale(1);
        transform: translate(0, -50%) scale(1);
    }
}

.product__header--light {
    background: white;
}

.product__header--light .back-container a {
    color: #986F38;
}

.product__header--light .product__slider__dots li div {
    background-color: #E5E5E5;
    border: 1px solid #E5E5E5;
}

.product__header--light .product__slider__dots li div:before {
    border-top-color: #E5E5E5;
}

.product__header--light .product__slider__dots li a {
    border-color: black;
}

.product__header--light .product__slider__dots li a.active {
    background: black;
}

.product__header--light .product__slider__dots.zoomed a {
    border-color: transparent;
}

.product__header--light .product__slider__dots.zoomed a.active {
    background: none;
    border-color: black;
}

.product__content {
    background: black;
}

.product__tabs__switcher {
    margin-bottom: 100px;
    border-bottom: 1px solid #333333;
}

@media only screen and (max-width: 996px) {
    .product__tabs__switcher {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 768px) {
    .product__tabs__switcher {
        position: relative;
        overflow-x: scroll;
        white-space: nowrap;
        padding-bottom: 1px;
    }
}

.product__tabs__switcher ul {
    list-style: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.product__tabs__item {
    display: inline-block;
    padding: 0 45px;
}

.product__tabs__item:first-child {
    padding-left: 0;
}

@media only screen and (max-width: 996px) {
    .product__tabs__item {
        padding: 0 25px;
    }

    .product__tabs__item:first-child {
        padding-left: 25px;
    }
}

@media only screen and (max-width: 768px) {
    .product__tabs__item {
        padding: 0 12px;
    }

    .product__tabs__item:first-child {
        padding-left: 20px;
    }
}

.product__tabs__item a {
    position: relative;
    display: block;
    line-height: 70px;
    font-size: 16px;
    color: #757575;
    letter-spacing: 0.01em;
    text-decoration: none;
}

@media only screen and (max-width: 996px) {
    .product__tabs__item a {
        line-height: 54px;
    }
}

.product__tabs__item a:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -1px;
    z-index: 10;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 1px;
    background: white;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.product__tabs__item a:hover, .product__tabs__item a:focus, .product__tabs__item a:active, .product__tabs__item a.active {
    color: white;
}

.product__tabs__item a:hover:before, .product__tabs__item a:focus:before, .product__tabs__item a:active:before, .product__tabs__item a.active:before {
    width: 100%;
}

.product__tabs__content > div {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -khtml-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

.product__tabs__content > div.active {
    z-index: 10;
    height: 100%;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    position: relative;
}

.product__tabs__content > div img {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.account-container {
    position: relative;
    background-color: #f8f8f8;
}

.account-container:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 27.3%;
    bottom: 0;
    background-color: #f9f9f9;
}

.account-container--white {
    background-color: #ffffff;
}

.account-sidebar {
    padding: 20px 0 0;
    background-color: #f9f9f9;
    margin-right: 13.3333333333px;
}

.account-sidebar__title {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.08em;
    line-height: 1em;
    text-transform: uppercase;
    color: black;
    margin-left: 20px;
}

@media screen and (max-width: 768px) {
    .account-sidebar__title {
        margin-left: 10px;
    }
}

.account-sidebar__subtitle {
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.08em;
    line-height: 1em;
    color: black;
    margin: 20px 0 0 20px;
}

@media screen and (max-width: 768px) {
    .account-sidebar__subtitle {
        margin: 10px 0 0 10px;
    }
}

.account-sidebar__list {
    margin-top: 20px;
}

.account-sidebar__list ul {
    margin: 0;
    padding: 0;
}

@media only screen and (min-width: 997px) {
    .account-sidebar.col-md-3-5 {
        width: 27.3%;
    }
}

.account-sidebar-item {
    margin: 0;
    padding: 20px 20px 20px 10px;
    font-size: 12px;
    line-height: 1em;
    color: #26211E;
    list-style-type: none;
    border-top: 1px solid #dfdfdf;
}

.account-sidebar-item a {
    display: block;
    color: #26211E;
    text-decoration: none;
    -webkit-transition: color 250ms ease;
    -khtml-transition: color 250ms ease;
    -moz-transition: color 250ms ease;
    -ms-transition: color 250ms ease;
    -o-transition: color 250ms ease;
    transition: color 250ms ease;
}

.account-sidebar-item a:hover, .account-sidebar-item a.active {
    color: #986F38;
}

.account-sidebar-item__icon {
    display: inline-block;
    line-height: 34px;
    font-size: 26px;
    margin-right: 10px;
    width: 50px;
    vertical-align: middle;
    text-align: center;
}

.account-sidebar-item__icon.icon-easy-order {
    font-size: 30px;
}

.account-sidebar-item__icon.icon-My_information_off {
    font-size: 18px;
}

.account-sidebar-item__icon.icon-Machines_off, .account-sidebar-item__icon.icon-My_address {
    font-size: 20px;
}

.account-detail {
    background-color: white;
    letter-spacing: 0.08em;
    padding: 20px;
    font-size: 12px;
    line-height: 1.5em;
    color: black;
}

.account-detail header h2 {
    display: block;
    width: auto;
    padding: 20px;
    margin: -20px -20px 20px;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: 0.06em;
    color: #26211E;
    text-transform: uppercase;
    background: #d5d5d5;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.account-detail header .btn {
    position: absolute;
    top: 9px;
    right: 20px;
}

@media screen and (max-width: 480px) {
    .account-detail header .btn {
        position: relative;
        top: 0;
        right: auto;
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .account-detail {
        padding: 20px 10px;
    }
}

.account-detail--withfooter {
    padding-bottom: 0;
}

.account-detail__title {
    font-size: 18px;
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #26211E;
    opacity: 1;
}

.account-detail__subtitle {
    font-size: 13px;
    line-height: 1em;
    color: #1b1b1b;
    letter-spacing: 0.1em;
}

.account-detail__description {
    margin-top: 40px;
}

.account-detail__link {
    margin-top: 30px;
}

.account-detail__footer {
    position: relative;
}

.account-detail__footer__l, .account-detail__footer__r {
    position: relative;
    z-index: 2;
    width: 50%;
}

.account-detail__footer__ll {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-top: 20px;
}

.account-detail__footer__l {
    float: left;
}

.account-detail__footer__r {
    float: right;
    text-align: right;
}

.account-detail__footer .link-btn {
    display: block;
    margin-top: 20px;
}

@media only screen and (min-width: 997px) {
    .account-detail.col-md-8-5 {
        width: 73.6%;
    }
}

@media only screen and (max-width: 996px) {
    .account-detail__toplink {
        text-align: left;
    }

    .account-detail__footer__l, .account-detail__footer__r {
        float: none;
        width: 100%;
        text-align: left;
        margin-top: 10px;
    }
}
.address__preview {
    margin: -20px 0 20px;
}

.address__preview > .row {
    margin: 0 -20px;
    padding: 20px 10px;
    background: #ebebeb;
}

.address__preview > .row.active {
    background: white;
}

.address__preview dl {
    margin: 0;
}

.address__preview__label {
    margin-bottom: 5px;
    color: #757575;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.address__preview__value {
    margin: 0 0 20px;
    font-weight: bold;
    letter-spacing: 0.06em;
}

.address__preview__radios input {
    vertical-align: top;
    margin-right: 4px;
    margin-top: 3px;
}

@media only screen and (max-width: 996px) {
    .address__preview__radios {
        margin-bottom: 10px;
    }
}

.address__preview__actions {
    margin-bottom: 20px;
}

.message__saved {
    position: relative;
    padding: 20px 0 20px 40px;
    margin-top: -20px;
    margin-bottom: -1px;
    font-size: 16px;
    font-weight: bold;
    color: #3D8705;
    border-bottom: 1px solid #cccccc;
}

.message__saved + .row {
    margin-top: 20px;
}

.message__saved i {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 8px;
    padding: 6px;
    color: white;
    font-size: 14px;
    background: #3D8705;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.my-easyorders {
    background-color: #ffffff;
}

.my-easyorders--empty {
    background-color: #f8f8f8;
}

.my-easyorders > hr {
    padding: 0;
    margin: 20px 0;
    border: none;
    border-bottom: 1px solid #dce0e6;
}

@media only screen and (max-width: 996px) {
    .my-easyorders > hr {
        margin: 20px 0 10px;
    }
}

.my-easyorders h3 {
    text-transform: none;
    color: #000000;
    font-size: 16px;
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .my-easyorders h3 {
        padding: 10px 0;
        margin-bottom: 10px;
    }
}

.my-easyorders h4 {
    text-transform: none;
    color: #000000;
    font-size: 16px;
    margin: 20px 0;
}

.my-easyorders__start {
    padding-left: 40px;
}

.my-easyorders__visu {
    text-align: right;
}

.my-easyorders__visu img {
    max-width: 100%;
}

.my-easyorders__benefits {
    margin-bottom: 20px;
    margin-top: 20px;
}

@media only screen and (max-width: 996px) {
    .my-easyorders__benefits {
        margin-top: 0;
    }
}

.my-easyorders__benefits ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.my-easyorders__benefits ul li {
    margin: 0 0 4px;
    padding: 0px 0px 0px 0px;
    color: #757575;
    font-size: 16px;
}

.my-easyorders__benefits ul li > i {
    color: #3e8622;
    font-size: 28px;
    vertical-align: middle;
    margin: 0 15px 0px 0px;
}

.my-easyorders__link {
    margin-top: 15px;
}

.my-easyorders__list {
    padding-top: 45px;
    padding-bottom: 45px;
}

.my-easyorders .my-expresscheckout-step {
    margin-top: 0;
}

.my-easyorders .my-expresscheckout-step:after {
    content: '';
    display: block;
    margin: 0 -20px;
    height: 1px;
    background: #e8e5e5;
}

.my-easyorders .my-expresscheckout-step__header h3 {
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 0;
}

.my-easyorders .my-expresscheckout-step__link {
    position: absolute;
    right: 0;
    top: -8px;
    white-space: nowrap;
}

.my-easyorders .my-expresscheckout-step__link span {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    line-height: 34px;
    vertical-align: top;
}

.my-easyorders .my-expresscheckout-step__link i {
    padding: 6px;
    width: 34px;
    line-height: 18px;
    vertical-align: top;
    border: 2px solid #000000;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.my-easyorders .my-expresscheckout-step__link.active i {
    -webkit-transform: rotate(180deg);
    -khtml-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1;
}

.my-easyorders .my-expresscheckout-step .manage__list {
    position: absolute;
    right: -20px;
    top: 45px;
    z-index: 20;
    margin: 0;
    padding: 0 10px;
    list-style: none;
    background: #1b1b1b;
    display: none;
}

.my-easyorders .my-expresscheckout-step .manage__list:after {
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    right: 30px;
    border-bottom: 8px solid #000000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.my-easyorders .my-expresscheckout-step .manage__list li {
    border-top: 1px solid #757575;
}

.my-easyorders .my-expresscheckout-step .manage__list li:first-child {
    border-top: none;
}

.my-easyorders .my-expresscheckout-step .manage__list li a {
    display: block;
    padding: 10px 20px 10px 10px;
    font-size: 10px;
    color: white;
    text-decoration: none;
    letter-spacing: 0;
    white-space: nowrap;
}

.my-easyorders .my-expresscheckout-step .manage__list li a:hover, .my-easyorders .my-expresscheckout-step .manage__list li a:active, .my-easyorders .my-expresscheckout-step .manage__list li a:focus {
    text-decoration: underline;
}

.my-easyorders .my-expresscheckout-step .manage__list li a:hover i, .my-easyorders .my-expresscheckout-step .manage__list li a:active i, .my-easyorders .my-expresscheckout-step .manage__list li a:focus i {
    text-decoration: none;
}

.my-easyorders .my-expresscheckout-step .manage__list li a i {
    float: left;
    margin-top: 3px;
    font-size: 12px;
    margin-right: 8px;
    text-decoration: none;
}

@media only screen and (max-width: 480px) {
    .my-easyorders .my-expresscheckout-step .manage__list {
        right: -10px;
        width: 200px;
    }

    .my-easyorders .my-expresscheckout-step .manage__list:after {
        right: 20px;
    }

    .my-easyorders .my-expresscheckout-step .manage__list li a {
        padding: 20px;
        font-size: 12px;
    }
}

.my-easyorders .my-easyordering-content__products .easyordering-resume-sidebar {
    position: relative;
    padding: 10px 10px 60px;
}

.my-easyorders .my-easyordering-content__products .easyordering-resume-sidebar .shipment-text {
    display: block;
    margin: 20px 0;
    font-size: 18px;
    line-height: 39px;
    font-weight: bold;
}

.my-easyorders .my-easyordering-content__products .easyordering-resume-sidebar .total-products {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
}

@media only screen and (max-width: 996px) {
    .my-easyorders .my-easyordering-content__products .easyordering-resume-sidebar {
        padding: 20px;
    }

    .my-easyorders .my-easyordering-content__products .easyordering-resume-sidebar .shipment-text {
        margin: 0;
    }

    .my-easyorders .my-easyordering-content__products .easyordering-resume-sidebar .btn {
        display: block;
    }

    .my-easyorders .my-easyordering-content__products .easyordering-resume-sidebar .total-products {
        position: static;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 996px) {
    .my-easyorders__steps {
        margin-top: 20px;
    }

    .my-easyorders__listempty {
        margin-top: 15px;
        margin-bottom: 10px;
    }
}

.my-easyorders__step3 .radio #delivery_address, .my-easyorders__step4 .radio #delivery_address {
    vertical-align: top;
    margin-top: 3px;
}

.my-easyorders__step3 .radio p, .my-easyorders__step4 .radio p {
    color: #757575;
    padding-left: 32px;
}

@media only screen and (max-width: 996px) {
    .my-easyorders__step3.checkister .main-content .bloc-delivery, .my-easyorders__step4.checkister .main-content .bloc-delivery {
        padding: 20px 10px;
    }
}

.my-easyorders__step3 .delivery-address-buttons, .my-easyorders__step4 .delivery-address-buttons {
    clear: both;
    margin: 20px 0 0;
}

.my-easyorders__step3 .delivery-address-buttons .btn, .my-easyorders__step4 .delivery-address-buttons .btn {
    padding: 12px;
    font-size: 11px;
    margin-bottom: 5px;
}

@media only screen and (max-width: 996px) {
    .my-easyorders__step3 .delivery-address-buttons .btn, .my-easyorders__step4 .delivery-address-buttons .btn {
        display: block;
        margin-left: 37px;
    }
}

.my-easyorders__step4 .radio p {
    padding-left: 0;
}

.my-easyorders__step4 .payment-method {
    margin: 20px -20px 0;
}

.my-easyorders__step4 .payment-method__title {
    display: block;
    width: 100%;
    padding: 0 20px;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 64px;
    letter-spacing: 0.06em;
    color: white;
    text-transform: uppercase;
    background: #888888;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.my-easyorders__step4 .payment-method h4 {
    background-color: #f9f9f9;
    margin: 20px -20px;
    padding: 20px;
}

.my-easyorders__step4 .payment-method .form-group {
    width: 100%;
}

.my-easyorders__step4 .payment-method .form-group label {
    padding-left: 0;
    padding-right: 20px;
}

.my-easyorders__step4 .payment-method .form-group input.form-control::-moz-placeholder {
    color: #757575;
    opacity: 1;
}

.my-easyorders__step4 .payment-method .form-group input.form-control:-ms-input-placeholder {
    color: #757575;
}

.my-easyorders__step4 .payment-method .form-group input.form-control::-webkit-input-placeholder {
    color: #757575;
}

@media (max-width: 768px) {
    .my-easyorders__step4 .payment-method .form-group input.form-control::-moz-placeholder {
        color: transparent;
        opacity: 1;
    }

    .my-easyorders__step4 .payment-method .form-group input.form-control:-ms-input-placeholder {
        color: transparent;
    }

    .my-easyorders__step4 .payment-method .form-group input.form-control::-webkit-input-placeholder {
        color: transparent;
    }
}

.my-easyorders__step4 .payment-method .checkbox .icon-img, .my-easyorders__step4 .payment-method .radio .icon-img {
    vertical-align: middle;
}

.my-easyorders__step4 .payment-method .checkbox.margin-right, .my-easyorders__step4 .payment-method .radio.margin-right {
    margin-right: 50px;
}

.my-easyorders__step4 .payment-method .bloc-payment {
    -webkit-transition: 0.4s all;
    -khtml-transition: 0.4s all;
    -moz-transition: 0.4s all;
    -ms-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    padding: 20px;
    text-align: left;
    background: white;
}

.my-easyorders__step4 .payment-method .bloc-payment.bloc-selected .delivery-options > span, .my-easyorders__step4 .payment-method .bloc-payment.bloc-selected p {
    color: #000000;
}

.my-easyorders__step4 .payment-method .bloc-payment.bloc-selected .bloc-card-type, .my-easyorders__step4 .payment-method .bloc-payment.bloc-selected .bloc-gift-card {
    max-height: 400px;
    padding: 20px 0 0;
}

.my-easyorders__step4 .payment-method .bloc-payment .bloc__summary {
    margin-top: 20px;
}

.my-easyorders__step4 .payment-method .bloc-payment .bloc__summary + .input-group {
    margin: 0 0 20px;
}

.my-easyorders__step4 .payment-method .bloc-payment p {
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    margin: 12px 0;
    color: #757575;
}

.my-easyorders__step4 .payment-method .bloc-payment > .radio, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox {
    position: relative;
    margin: 0;
}

.my-easyorders__step4 .payment-method .bloc-payment > .radio input, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox input {
    margin-right: 70px;
}

.my-easyorders__step4 .payment-method .bloc-payment > .radio [class^="icon-"], .my-easyorders__step4 .payment-method .bloc-payment > .radio [class*=" icon-"], .my-easyorders__step4 .payment-method .bloc-payment > .checkbox [class^="icon-"], .my-easyorders__step4 .payment-method .bloc-payment > .checkbox [class*=" icon-"] {
    position: absolute;
    left: 50px;
    transform: translateX(-50%);
    display: inline-block;
    font-size: 22px;
    line-height: 22px;
}

.my-easyorders__step4 .payment-method .bloc-payment > .radio [class^="icon-"].icon-Your_time_off, .my-easyorders__step4 .payment-method .bloc-payment > .radio [class*=" icon-"].icon-Your_time_off, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox [class^="icon-"].icon-Your_time_off, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox [class*=" icon-"].icon-Your_time_off {
    font-size: 40px;
}

.my-easyorders__step4 .payment-method .bloc-payment > .radio [class^="icon-"].icon-Boutique_pick_up_off, .my-easyorders__step4 .payment-method .bloc-payment > .radio [class*=" icon-"].icon-Boutique_pick_up_off, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox [class^="icon-"].icon-Boutique_pick_up_off, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox [class*=" icon-"].icon-Boutique_pick_up_off {
    font-size: 40px;
}

.my-easyorders__step4 .payment-method .bloc-payment > .radio [class^="icon-"].icon-Pick_up_point_off, .my-easyorders__step4 .payment-method .bloc-payment > .radio [class*=" icon-"].icon-Pick_up_point_off, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox [class^="icon-"].icon-Pick_up_point_off, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox [class*=" icon-"].icon-Pick_up_point_off {
    font-size: 34px;
}

.my-easyorders__step4 .payment-method .bloc-payment > .radio [class^="icon-"] + span, .my-easyorders__step4 .payment-method .bloc-payment > .radio [class*=" icon-"] + span, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox [class^="icon-"] + span, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox [class*=" icon-"] + span {
    font-weight: bold;
    letter-spacing: normal;
    color: #000000;
}

.my-easyorders__step4 .payment-method .bloc-payment > .radio + .content .link-btn:first-child, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox + .content .link-btn:first-child {
    display: block;
    margin-top: 8px;
}

.my-easyorders__step4 .payment-method .bloc-payment .radio input#card_exist {
    margin-right: 20px;
}

.my-easyorders__step4 .payment-method .bloc-payment--other {
    border-top: 1px solid #cccccc;
}

.my-easyorders__step4 .payment-method .bloc-payment--other p {
    margin: 0;
}

@media only screen and (max-width: 480px) {
    .my-easyorders__step4 .payment-method .bloc-payment .pull-right {
        width: 100%;
    }

    .my-easyorders__step4 .payment-method .bloc-payment .btn {
        display: block;
    }

    .my-easyorders__step4 .payment-method .bloc-payment .btn + .btn {
        margin-top: 10px;
    }
}

.my-easyorders__step4 .payment-method .bloc-payment .content {
    margin-left: 88px;
}

.my-easyorders__step4 .payment-method .bloc-card-type {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    width: 55%;
}

@media only screen and (max-width: 768px) {
    .my-easyorders__step4 .payment-method .bloc-card-type {
        width: 100%;
    }
}

.my-easyorders__step4 .payment-method .bloc-card-type .input-group.input-group-generic .desktop-label {
    padding: 0 10px;
    line-height: 40px;
}

.my-easyorders__step4 .payment-method .bloc-card-type .input-group.input-group-generic .form-control::-moz-placeholder {
    color: #757575;
    opacity: 1;
}

.my-easyorders__step4 .payment-method .bloc-card-type .input-group.input-group-generic .form-control:-ms-input-placeholder {
    color: #757575;
}

.my-easyorders__step4 .payment-method .bloc-card-type .input-group.input-group-generic .form-control::-webkit-input-placeholder {
    color: #757575;
}

@media (max-width: 768px) {
    .my-easyorders__step4 .payment-method .bloc-card-type .input-group.input-group-generic .form-control::-moz-placeholder {
        color: transparent;
        opacity: 1;
    }

    .my-easyorders__step4 .payment-method .bloc-card-type .input-group.input-group-generic .form-control:-ms-input-placeholder {
        color: transparent;
    }

    .my-easyorders__step4 .payment-method .bloc-card-type .input-group.input-group-generic .form-control::-webkit-input-placeholder {
        color: transparent;
    }
}

.my-easyorders__step4 .payment-method .bloc-card-type .checkbox input {
    margin-left: 10px;
}

.my-easyorders__step5 .my-easyordering-header {
    background: #cccccc;
}

.my-easyorders__step5 .my-easyordering-content__payment strong,
.my-easyorders__step5 .my-easyordering-content__delivery strong {
    display: block;
    margin-bottom: 8px;
}

.my-easyorders__step5 .delivery-address-buttons .btn {
    padding: 12px;
    font-size: 11px;
    margin-bottom: 5px;
}

@media only screen and (max-width: 996px) {
    .my-easyorders__step5 .delivery-address-buttons .btn {
        display: block;
        float: none !important;
    }
}

.my-easyorders__step5 .bloc-terms span.title {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    letter-spacing: 0.06em;
}

.my-easyorders__step5 .bloc-terms p {
    line-height: 19px;
    color: #757575;
    letter-spacing: 0.06em;
}

.my-easyorders__step5 .bloc-terms label {
    color: #000000;
}

.my-easyorders__step5 .bloc-terms .checkbox {
    margin-bottom: 20px;
}

.my-easyorders__step5 .bloc-terms .checkbox a {
    color: #986F38;
}

@media (max-width: 996px) {
    .my-easyorders__step5 .bloc-terms .checkbox {
        width: 100%;
        margin-bottom: 20px;
    }
}

.my-easyordering-start {
    text-align: center;
}

.my-easyordering-start__title {
    font-size: 18px;
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #26211E;
}

.my-easyordering-start__container {
    text-align: left;
}

.my-easyordering-start__block {
    text-align: right;
}

.my-easyordering-start__block:first-child {
    text-align: left;
}

@media only screen and (max-width: 996px) {
    .my-easyordering-start__block .btn {
        text-align: center;
        display: block;
    }
}

.my-easyordering-start__sep {
    height: 95px;
    position: relative;
}

@media only screen and (max-width: 996px) {
    .my-easyordering-start__sep {
        height: 75px;
    }
}

.my-easyordering-start__sep span {
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 34px;
    color: #ffffff;
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    bottom: 0;
    left: 50%;
    background-color: #545454;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 19px;
    -khtml-border-radius: 19px;
    -moz-border-radius: 19px;
    -ms-border-radius: 19px;
    -o-border-radius: 19px;
    border-radius: 19px;
    text-align: center;
}

.my-easyordering-start__description {
    color: #26211E;
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 1.45em;
    font-weight: bold;
    text-align: center;
}

.my-easyordering-start__link {
    margin-top: 10px;
}

.my-easyordering-start__link a {
    display: inline-block;
}

@media only screen and (max-width: 996px) {
    .my-easyordering-start__sep:before {
        display: none;
    }
}

.my-easyordering-steps {
    margin-top: 10px;
}

@media only screen and (max-width: 768px) {
    .my-easyordering-steps {
        margin-top: 0;
    }
}

.my-easyordering-steps__item {
    position: relative;
    font-size: 12px;
    padding-right: 45px;
    padding-left: 10px;
    min-height: 50px;
}

.my-easyordering-steps__item:after {
    display: inline-block;
    width: 18px;
    height: 48px;
    content: "";
    background: transparent url("../images/arr-right.png") no-repeat center center;
    background-size: 18px 48px;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.2;
}

.my-easyordering-steps__item:last-child:after {
    display: none;
}

.my-easyordering-steps__item.active {
    color: #986F38;
}

.my-easyordering-steps__title {
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 0.06em;
    color: #986F38;
}

.my-easyordering-steps__description {
    font-weight: bold;
    line-height: 1.42em;
    letter-spacing: 0;
    opacity: 0.8;
    color: #757575;
    padding-right: 20px;
}

@media only screen and (max-width: 996px) {
    .my-easyordering-steps__item {
        min-height: 0;
        padding-left: 10px;
    }

    .my-easyordering-steps__item:after {
        display: none;
    }

    .my-easyordering-steps__item.active .my-easyordering-steps__description {
        display: block;
    }

    .my-easyordering-steps__description {
        display: none;
    }

    .my-easyordering-steps--verticalm .my-easyordering-steps__description {
        display: block;
    }

    .my-easyordering-steps--verticalm .my-easyordering-steps__title, .my-easyordering-steps--verticalm .my-easyordering-steps__description {
        display: inline-block;
    }
}

.my-easyorders-item__header {
    position: relative;
    padding: 40px 0 30px 0;
}

.my-easyorders-item__header:before {
    content: "";
    position: absolute;
    top: 0;
    right: -12px;
    left: -12px;
    bottom: 0;
    background-color: #f8f8f8;
}

.my-easyorders-item__header__date {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 18px;
}

.my-easyorders-item__header__question {
    float: right;
    vertical-align: middle;
    color: #8d8d8d;
}

.my-easyorders-item__title {
    max-width: 365px;
    border-bottom: 1px solid #f9f9f9;
    padding-bottom: 12px;
}

.my-easyorders-item__txt {
    color: #26211E;
    margin-bottom: 20px;
    line-height: 1.33em;
}

.my-easyorders-item__txt > span.uppercase {
    font-weight: bold;
}

.my-easyorders-item__icon {
    font-size: 25px;
    vertical-align: middle;
    margin-right: 10px;
    min-width: 25px;
}

.my-easyorders-item__txtsub {
    display: block;
    color: rgba(38, 33, 30, 0.8);
    line-height: 1.33em;
}

.my-easyorders-item__txtsub--withicon {
    padding-left: 40px;
}

.my-easyorders-item__highlight {
    font-weight: bold;
    font-size: 15px;
    color: #1b1b1b;
    text-transform: uppercase;
}

.my-easyorders-item__content-header {
    padding-top: 20px;
    padding-bottom: 15px;
}

.my-easyorders-item__content-header:before {
    content: "";
    background: transparent no-repeat center center;
    background-size: 30px 25px;
    display: inline-block;
    width: 30px;
    height: 25px;
    vertical-align: -5px;
    margin-right: 5px;
}

.my-easyorders-item__content-header--espresso:before {
    background-image: url("../svg/espresso.svg");
}

.my-easyorders-item__content-header--lungo:before {
    background-image: url("../svg/lungo.svg");
}

.my-easyorders-item__content-header--ristretto:before {
    background-image: url("../svg/ristretto.svg");
}

.my-easyorders-item__content {
    margin-bottom: 45px;
}

.my-easyorders-item__product-line {
    max-width: 365px;
}

.my-easyorders-item__total {
    text-align: right;
    margin-top: -35px;
}

.my-easyorders-item__price {
    font-size: 15px;
    letter-spacing: 0.05em;
    color: #986F38;
    margin-left: 25px;
}

.my-easyorders-item__selector {
    padding-top: 15px;
    padding-bottom: 15px;
    color: rgba(27, 27, 27, 0.8);
}

@media only screen and (max-width: 996px) {
    .my-easyorders-item__total {
        margin-top: 10px;
    }
}

.small-product-line {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    height: 57px;
}

.small-product-line:last-of-type {
    border-bottom: none;
}

.small-product-line--header {
    font-size: 11px;
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 6px;
    height: auto;
}

.small-product-line__product, .small-product-line__title {
    float: left;
    height: 100%;
}

.small-product-line__product img {
    width: 45px;
}

.small-product-line__title {
    margin-left: 10px;
}

.small-product-line__qty {
    float: right;
    text-transform: uppercase;
    height: 100%;
}

.create-easyorder__header-footer {
    position: relative;
    padding-bottom: 40px;
}

.create-easyorder__header-footer--footer {
    padding: 20px 0 0;
}

@media screen and (max-width: 768px) {
    .create-easyorder__header-footer--footer {
        padding: 0;
    }
}

.create-easyorder__header-footer--footer .link-btn {
    line-height: 39px;
}

.create-easyorder__header-footer > div {
    position: relative;
    z-index: 2;
}

.create-easyorder__header-footer__txt {
    opacity: 0.9;
}

.create-easyorder__header-footer__buttons {
    text-align: right;
}

.create-easyorder__list-header {
    margin-left: -20px;
    margin-right: -20px;
}

@media screen and (max-width: 996px) {
    .create-easyorder__list-header {
        margin-left: -10px;
        margin-right: -10px;
    }
}

.create-easyorder__list-header .icon, .create-easyorder__list-header .btn.btn-icon i.icon-nespresso, .btn.btn-icon .create-easyorder__list-header i.icon-nespresso, .create-easyorder__list-header .btn.btn-icon-right i.icon-nespresso, .btn.btn-icon-right .create-easyorder__list-header i.icon-nespresso, .create-easyorder__list-header .btn.btn-nav.btn-basket .side-icon, .btn.btn-nav.btn-basket .create-easyorder__list-header .side-icon, .create-easyorder__list-header .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .cupsize i:before, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .cupsize .create-easyorder__list-header i:before, .create-easyorder__list-header #header h1 a:before, #header h1 .create-easyorder__list-header a:before, .create-easyorder__list-header .slocator .slocator-locations__details-action:before, .slocator .create-easyorder__list-header .slocator-locations__details-action:before {
    font-size: 22px;
    vertical-align: bottom;
    margin-right: 10px;
}

.create-easyorder__list-header__item {
    display: block;
    text-align: left;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    height: 65px;
    font-size: 16px;
    text-decoration: none;
    background-color: #ebebeb;
    color: #757575;
    font-weight: bold;
    -webkit-transition: all 250ms ease;
    -khtml-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    border-right: 2px solid #ffffff;
}

@media screen and (max-width: 768px) {
    .create-easyorder__list-header__item {
        height: 85px;
        padding: 10px;
        font-size: 14px;
    }
}

.create-easyorder__list-header__item:hover, .create-easyorder__list-header__item.active {
    background-color: #1c1d1d;
    color: #ffffff;
    box-shadow: 5px 2px 5px rgba(0, 0, 0, 0.35);
    border-right: 2px solid #1c1d1d;
}

@media screen and (max-width: 768px) {
    .create-easyorder__list-header__item .inner {
        text-align: center;
    }
}

.create-easyorder__list-header__item .nespresso-badge {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
}

@media screen and (max-width: 768px) {
    .create-easyorder__list-header__item .nespresso-badge {
        float: none !important;
        position: absolute;
        top: 0;
        right: 10px;
        margin: 6px auto;
        display: block;
    }
}

.create-easyorder__list-footer {
    font-size: 12px;
}

.create-easyorder__list-footer p {
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #cccccc;
}

.create-easyorder__list-footer p a {
    color: #986F38;
}

.create-easyorder__list-footer a {
    color: #000;
    text-decoration: none;
}

.create-easyorder__list {
    margin-left: -30px;
    margin-right: -30px;
    /***************************************
           .sbag-list-head{
font-size: 11px;
position: relative;
text-transform: uppercase;
letter-spacing: 1px;
display:table;
width:100%;
position: relative;
@media only screen and (max-width: $breakpoint-sm) {
    display: none;
}
> span{
    display:table-cell;
    vertical-align: middle;
    font-weight: bold;
}
.sbag-head-article{
    width:40%;
    text-align: left;
    @media only screen and (max-width: $breakpoint-md) {
        width:50%;
    }
}
.sbag-head-unit-price{
    width:20%;
    text-align: center;
    @media only screen and (max-width: $breakpoint-md) {
        width:15%;
    }
    @media only screen and (max-width: $breakpoint-xs) {
        display:none;
    }
}
.sbag-head-qty{
    width:20%;
    text-align: center;
    @media only screen and (max-width: $breakpoint-md) {
        width:15%;
    }
    @media only screen and (max-width: $breakpoint-xs) {
        display:none;
    }
}
.sbag-head-total{
    width:20%;
    text-align: center;
    @media only screen and (max-width: $breakpoint-md) {
        width:15%;
    }
}

&:after{
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    left: 30px;
    right: 20px;
    bottom: 0;
    background-color: $color-border-product-dialog;
}
}
        ***************************************/
}

.create-easyorder__list .sbag-list .sbag-list-content {
    margin-bottom: 0;
}

.create-easyorder__list .sbag-list .sbag-list-head .sbag-head-article {
    width: 50%;
}

.create-easyorder__list .sbag-list .sbag-list-head .sbag-head-unit-price {
    width: 15%;
}

.create-easyorder__list .sbag-list .sbag-list-head .sbag-head-total {
    width: 15%;
}

.create-easyorder__list .sbag-list .sbag-item {
    padding: 10px 20px;
}

.create-easyorder__list .sbag-list .sbag-item .sbag-name {
    width: 50%;
}

.create-easyorder__list .sbag-list .sbag-item .sbag-price {
    width: 15%;
    padding: 0;
}

.create-easyorder__list .sbag-list .sbag-item .sbag-unit-price {
    width: 15%;
}

.create-easyorder__list .sbag-list .sbag-item .sbag-qty {
    right: 20px;
}

.create-easyorder__list .sbag-list .sbag-item .sbag-qty .sbag-update {
    text-align: center;
}

.create-easyorder__list .sbag-list .sbag-item .sbag-qty .sbag-update button {
    width: auto;
}

.create-easyorder__list .sbag-list .sbag-item__special-offer {
    background: #1c1d1d;
}

.create-easyorder__list .sbag-list .sbag-item__special-offer .sbag-name {
    width: 35%;
    color: #fff;
}

.create-easyorder__list .sbag-list .sbag-item__special-offer .sbag-special-offer {
    width: 15%;
    text-align: center;
    color: #986F38;
    font-style: italic;
}

.create-easyorder__list .sbag-list .sbag-item__special-offer .sbag-unit-price, .create-easyorder__list .sbag-list .sbag-item__special-offer .sbag-price {
    color: #986F38;
}

@media screen and (max-width: 768px) {
    .create-easyorder__list .sbag-list .sbag-item__special-offer .sbag-special-offer {
        width: 17%;
    }

    .create-easyorder__list .sbag-list .sbag-item__special-offer .sbag-name {
        width: 45%;
    }
}

.create-easyorder__detail {
    margin: 20px -20px 0;
    padding-top: 20px;
    border-top: 1px solid #e8e5e5;
    letter-spacing: 0.06em;
    background: #f9f9f9;
    font-size: 12px;
}

.create-easyorder__total {
    position: relative;
    padding: 20px 10px;
    background: #f9f9f9;
    margin: 0 -20px;
    /* &:before{
       display: block;
       content: "";
       background-color: #ffffff;
       position: absolute;
       top: 0;
       left: -30px;
       right: -30px;
       bottom: 0;
       z-index: 1;
   }*/
}

.create-easyorder__total__txt {
    position: relative;
    z-index: 2;
    font-size: 15px;
    color: #1b1b1b;
}

.create-easyorder__total__txt strong {
    font-weight: bold;
    text-transform: uppercase;
}

.create-easyorder__total__price {
    position: relative;
    z-index: 2;
    font-size: 15px;
    letter-spacing: 0.05em;
    color: #986F38;
    margin-left: 25px;
}

@media only screen and (max-width: 996px) {
    .create-easyorder__header-footer__buttons {
        margin-top: 20px;
        text-align: left;
    }

    .create-easyorder__header-footer__buttons .btn {
        margin-right: 10px;
    }
}

.orderlist-detail {
    padding: 0 10px;
}

.orderlist-detail__title {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px 0;
    border-bottom: 2px solid #fff;
}

.orderlist-detail__title .detail-price {
    font-size: 15px;
    letter-spacing: 0.05em;
    color: #986F38;
}

.orderlist-detail__item {
    display: table;
    width: 100%;
}

.orderlist-detail__child {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 30px;
    color: #986F38;
    border-bottom: 2px solid #fff;
}

.orderlist-detail__child--name {
    width: 40%;
    text-align: left;
    color: #26211E;
    padding-right: 10px;
}

.orderlist-detail__child--price {
    width: 20%;
}

.orderlist-detail__child--qty {
    width: 20%;
}

.orderlist-detail__child--total {
    width: 20%;
    text-align: right;
}

@media only screen and (max-width: 996px) {
    .orderlist-detail__child--name {
        width: 50%;
    }

    .orderlist-detail__child--price {
        width: 15%;
    }

    .orderlist-detail__child--qty {
        width: 15%;
    }

    .orderlist-detail__child--total {
        width: 15%;
    }
}

@media only screen and (max-width: 768px) {
    .orderlist-detail__child--name {
        width: 80%;
    }

    .orderlist-detail__child--price {
        display: none;
    }

    .orderlist-detail__child--qty {
        display: none;
    }

    .orderlist-detail__child--total {
        width: 20%;
    }
}

.nespresso-badge {
    display: inline-block;
    width: 17px;
    height: 17px;
    text-align: center;
    line-height: 17px;
    background-color: #3D8705;
    font-size: 9px;
    color: #ffffff;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    vertical-align: 6px;
}

.wizard__eo {
    position: relative;
    margin: -20px -20px 0px -20px;
    line-height: 1.2em;
}

.wizard__eo .step a, .wizard__eo .step-content {
    padding-right: 5px !important;
}

.wizard__eo strong {
    font-size: 12px !important;
}

.wizard__eo span {
    text-transform: none !important;
    font-weight: normal !important;
    font-size: 12px !important;
}

.wizard__eo .steps .step.active span {
    white-space: normal;
}

@media screen and (max-width: 768px) {
    .wizard__eo .steps {
        padding: 10px 20px 0;
        height: 65px;
    }

    .wizard__eo .steps .step:first-child .step-content {
        padding-left: 0;
    }

    .wizard__eo .steps .step.completed {
        border-bottom: 3px solid #3D8705;
    }

    .wizard__eo .steps .step.completed:after {
        display: none;
    }

    .wizard__eo .steps .step.active {
        position: static;
        border-bottom: 3px solid #3D8705;
    }

    .wizard__eo .steps .step.active:after {
        display: none;
    }

    .wizard__eo .steps .step.active .step-content {
        position: static;
    }

    .wizard__eo .steps .step.active .step-content span {
        white-space: nowrap;
        position: absolute;
        left: 20px;
    }
}

.my-easyordering-intro {
    margin-bottom: 20px;
    padding: 20px 0 0;
    font-size: 16px;
}

.my-easyordering-header {
    border-bottom: 1px solid #cccccc;
    margin: 0px -20px 0 -20px;
    padding: 15px 20px 15px 20px;
}

.my-easyordering-header__title {
    padding-top: 12px;
    margin-bottom: 0 !important;
}

.my-easyordering-header + .row {
    margin-left: -20px;
    margin-right: -20px;
    border-bottom: 1px solid #dce0e6;
}

@media screen and (max-width: 996px) {
    .my-easyordering-header + .row {
        margin-left: -10px;
        margin-right: -10px;
    }
}

.my-easyordering-content {
    margin: 20px 0;
}

.my-easyordering-content__frequency .lh-btn {
    display: block;
    line-height: 39px;
}

@media screen and (max-width: 768px) {
    .my-easyordering-content__frequency .lh-btn {
        line-height: normal;
    }

    .my-easyordering-content__frequency .lh-btn.uppercase {
        margin-bottom: 10px;
    }
}

.my-easyordering-content__frequency .shipment-text {
    font-size: 18px;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .my-easyordering-content__frequency .shipment-text {
        line-height: normal;
        margin-bottom: 20px;
    }
}

.my-easyordering-content__delivery p, .my-easyordering-content__payment p {
    margin: 0 0 20px;
}

.my-easyordering-content__delivery .icon-Delivery_off, .my-easyordering-content__payment .icon-Delivery_off {
    font-size: 30px;
    margin-right: 20px;
}

.my-easyordering-content__delivery img.pull-left, .my-easyordering-content__payment img.pull-left {
    margin-right: 20px;
}

.my-easyordering-content__products {
    margin: 0 -10px;
}

.my-easyordering-content__products .row {
    display: table;
    border-collapse: collapse;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .my-easyordering-content__products .row {
        display: block;
    }
}

.my-easyordering-content__products .table-row {
    display: table;
}

@media screen and (max-width: 768px) {
    .my-easyordering-content__products .table-row {
        display: block;
    }
}

.my-easyordering-content__products .easyordering-resume-main, .my-easyordering-content__products .easyordering-resume-sidebar {
    display: table-cell;
    padding: 20px;
    float: none;
}

@media screen and (max-width: 768px) {
    .my-easyordering-content__products .easyordering-resume-main, .my-easyordering-content__products .easyordering-resume-sidebar {
        display: block;
        padding: 20px 20px 0;
    }
}

.my-easyordering-content .group-products {
    display: block;
    font-weight: bold;
    color: #757575;
    margin-bottom: 10px;
}

.my-easyordering-content .list-products {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

.my-easyordering-content .list-products li {
    position: relative;
    float: left;
    display: inline;
    width: 50%;
    border-right: 1px solid #dce0e6;
}

.my-easyordering-content .list-products li:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0;
    top: 22px;
    z-index: 1;
    border-top: 1px dotted black;
}

.my-easyordering-content .list-products li:nth-child(even) {
    border: none;
}

.my-easyordering-content .list-products li:nth-child(even) img {
    padding-left: 10px;
}

.my-easyordering-content .list-products li > * {
    position: relative;
    background: #fff;
    z-index: 10;
}

.my-easyordering-content .list-products li .easyordering-resume-product-name {
    float: left;
    line-height: 40px;
    padding-right: 5px;
}

.my-easyordering-content .list-products li .easyordering-resume-product-qty {
    float: right;
    line-height: 40px;
    padding-right: 10px;
    padding-left: 5px;
}

.my-easyordering-content .list-products li img {
    height: 40px;
    width: auto;
}

@media screen and (max-width: 480px) {
    .my-easyordering-content .list-products li {
        display: block;
        float: none;
        width: 100%;
        overflow: hidden;
        border: none;
    }

    .my-easyordering-content .list-products li:nth-child(even) img {
        padding-left: 0;
    }
}

.my-easyordering-content .easyordering-resume-sidebar {
    font-weight: bold;
    background: #f9f9f9;
}

.my-easyordering-content .easyordering-resume-sidebar .price {
    color: #986F38;
}

.my-easyordering-content .easyordering-resume-sidebar .total-products {
    border-top: 1px solid #757575;
    font-size: 16px;
    padding-top: 10px;
}

.my-easyordering-content .easyordering-resume-sidebar .total-products small {
    font-weight: normal;
}

.my-easyordering-content .easyordering-resume-sidebar .clearfix, .my-easyordering-content .easyordering-resume-sidebar .my-order-history .my-order-mobile__block, .my-order-history .my-easyordering-content .easyordering-resume-sidebar .my-order-mobile__block, .my-easyordering-content .easyordering-resume-sidebar .my-order-history .my-order-mobile__order, .my-order-history .my-easyordering-content .easyordering-resume-sidebar .my-order-mobile__order, .my-easyordering-content .easyordering-resume-sidebar .my-order-history .my-order-mobile__info, .my-order-history .my-easyordering-content .easyordering-resume-sidebar .my-order-mobile__info {
    margin-bottom: 10px;
}

.my-easyordering__specialoffer {
    margin: 0px -20px 0px -20px;
    background: #1c1d1d;
    color: #ffffff;
    font-size: 16px;
    padding: 20px 0 0;
}

.my-easyordering__specialoffer__intro {
    margin-bottom: 20px;
    padding: 0 20px;
}

.my-easyordering__specialoffer img {
    width: 100%;
    height: auto;
}

.easyordering-frequency-main {
    padding-left: 20px;
}

.easyordering-frequency-main > p {
    margin: 20px 0;
}

@media only screen and (max-width: 996px) {
    .easyordering-frequency-main {
        padding-left: 10px;
    }
}

.easyordering-info {
    position: relative;
    padding: 20px 20px 20px 60px;
    margin: 0 10px 20px 0;
    background: #f9f9f9;
}

.easyordering-info i {
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px;
}

.easyordering-info:before {
    content: "";
    position: absolute;
    top: -10px;
    right: 10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f9f9f9;
}

@media only screen and (max-width: 768px) {
    .easyordering-info {
        margin-right: 0;
        padding: 10px 20px 10px 60px;
    }

    .easyordering-info:before {
        display: none;
    }
}

.easyordering-frequency--estimated__shipping {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

.easyordering-frequency--estimated__shipping li {
    text-align: center;
    margin: 10px 0;
}

.easyordering-frequency--estimated__shipping li:nth-child(1) {
    font-size: 24px;
}

.easyordering-frequency--estimated__shipping li:nth-child(2) {
    font-size: 18px;
}

.easyordering-frequency--estimated__shipping li:nth-child(3) {
    font-size: 14px;
}

.easyordering-frequency-sidebar {
    background: #f9f9f9;
}

.easyordering-frequency-sidebar__title {
    margin: 20px 0;
    font-weight: bold;
    font-size: 14px;
}

.easyordering-frequency-sidebar .input-group.input-group-generic .desktop-label {
    display: block;
    padding-top: 0;
    margin-bottom: 5px;
}

.easyordering-frequency-sidebar .easyordering-info {
    background: #cccccc;
    padding: 10px;
    margin-right: 0;
}

.easyordering-frequency-sidebar .easyordering-info:before {
    right: auto;
    left: 10px;
    border-bottom: 10px solid #ccc;
}

.easyordering-frequency-sidebar .easyordering-info p {
    margin: 0;
}

.easyordering-frequency-sidebar .easyordering-info .result-frequency {
    display: block;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    margin: 20px 0;
    text-align: center;
}

.easyordering-frequency-sidebar .easyordering-info .btn {
    display: block;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .easyordering-frequency-sidebar .input-group {
        margin: 0;
    }
}

.my-order-history--empty p:first-child {
    margin-top: 0;
}

.my-order-history .my-order-history-list-container {
    position: relative;
}

.my-order-history .my-order-history-list-container .more-order {
    display: block;
    margin: 10px 0 0;
}

.my-order-history .my-order-history-list-container .more-order > span:first-child {
    display: block;
}

.my-order-history .my-order-history-list-container .more-order > span:last-child {
    display: none;
}

.my-order-history .my-order-history-list-container .more-order.active > span:first-child {
    display: none;
}

.my-order-history .my-order-history-list-container .more-order.active > span:last-child {
    display: block;
}

.my-order-history .my-order-history-list {
    overflow: hidden;
    max-height: 143px;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.my-order-history .my-order-history-list.active {
    max-height: 600px;
}

@media screen and (max-width: 768px) {
    .my-order-history .my-order-history-list {
        display: none;
        min-height: 0;
    }
}

.my-order-history .my-order-history-list dl {
    float: left;
    width: 16.66667%;
    margin: 0;
}

.my-order-history .my-order-history-list dt {
    padding: 10px 0;
    border-bottom: 1px solid #b8b8b8;
    color: #986F38;
    font-weight: bold;
    text-transform: uppercase;
}

.my-order-history .my-order-history-list dd {
    padding: 8px 0;
    margin: 0;
    border-bottom: 1px solid #cccccc;
}

.my-order-history .my-order-history-list dd a {
    color: #986F38;
}

.my-order-history .my-order-history-list dd:last-child {
    border-bottom: none;
}

@media screen and (max-width: 996px) {
    .my-order-history .my-order-history-list .order-link {
        display: none;
    }
}

.my-order-history .my-order-history-list .btn-open-detail {
    display: none;
}

@media screen and (max-width: 996px) {
    .my-order-history .my-order-history-list .btn-open-detail {
        display: inline-block;
    }
}

@media screen and (max-width: 640px) {
    .my-order-history .my-order-history-list dl {
        float: none;
        display: block;
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #b8b8b8;
    }

    .my-order-history .my-order-history-list dl:last-child {
        border-bottom: none;
    }

    .my-order-history .my-order-history-list dt {
        border-bottom: none;
    }

    .my-order-history .my-order-history-list dt:after {
        content: ':';
    }

    .my-order-history .my-order-history-list dt, .my-order-history .my-order-history-list dd {
        display: inline-block;
        padding: 5px 0;
    }
}

.my-order-history .my-order-mobile {
    display: none;
    margin: 0 10px;
    overflow: hidden;
    max-height: 830px;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.my-order-history .my-order-mobile.active {
    max-height: 4200px;
}

@media screen and (max-width: 768px) {
    .my-order-history .my-order-mobile {
        display: block;
    }
}

.my-order-history .my-order-mobile__block {
    padding: 5px;
    border: solid 1px #757575;
    margin-bottom: 20px;
}

.my-order-history .my-order-mobile__order {
    text-align: left;
    font-size: 12px;
    margin-bottom: 20px;
}

.my-order-history .my-order-mobile__order div {
    vertical-align: top;
}

.my-order-history .my-order-mobile__order dt {
    color: #986F38;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 9px;
}

.my-order-history .my-order-mobile__order dd {
    margin: 0;
}

.my-order-history .my-order-mobile__order .pull-right dt, .my-order-history .my-order-mobile__order .pull-right dd {
    text-align: right;
}

.my-order-history .my-order-mobile__info-line {
    display: block;
}

.my-order-history .my-order-mobile__info {
    margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
    .my-order-history .my-order-mobile__info .col-xs-5 {
        width: 100%;
    }
}

.my-order-history .my-order-mobile__info-order {
    font-size: 11px;
    color: #757575;
}

@media screen and (max-width: 480px) {
    .my-order-history .my-order-mobile__info-order {
        display: none;
    }
}

.my-order-history .my-order-mobile__info-btn .btn {
    display: block;
    margin-bottom: 10px;
    min-width: 160px;
}

@media screen and (max-width: 480px) {
    .my-order-history .my-order-mobile__info-btn .btn {
        width: 100%;
        text-align: center;
    }

    .my-order-history .my-order-mobile__info-btn .btn.btn-icon {
        padding-left: 39px;
    }

    .my-order-history .my-order-mobile__info-btn .btn.btn-icon i {
        left: 0;
    }

    .my-order-history .my-order-mobile__info-btn .btn.btn-print {
        float: left !important;
        margin: 0;
    }
}

.my-order-history .my-order-mobile-detail {
    background-color: #ffffff;
    margin: 0 auto;
    margin: -10px;
    padding: 0 20px;
    display: none;
}

@media screen and (max-width: 768px) {
    .my-order-history .my-order-mobile-detail {
        margin: 0;
        padding: 0 10px;
    }
}

@media screen and (max-width: 996px) {
    .my-order-history .my-order-mobile-detail .my-order-history-detail {
        display: block;
    }
}

.my-order-history .my-order-mobile-detail__header {
    margin: -10px;
}

.my-order-history .my-order-mobile-detail__dynamic {
    width: 100%;
}

@media screen and (max-width: 996px) {
    .my-order-history .my-order-history-detail {
        display: none;
    }
}

.my-order-history .my-order-history-detail header {
    position: relative;
}

.my-order-history .my-order-history-detail header .div__btn {
    position: absolute;
    top: 9px;
    right: 0;
}

.my-order-history .my-order-history-detail header .div__btn .btn {
    position: relative;
    top: auto;
    right: auto;
}

.my-order-history .my-order-history-detail__order-type {
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.my-order-history .my-order-history-detail .col-address p {
    margin: 0;
}

.my-order-history .my-order-history-detail .col-address p strong {
    display: block;
    color: #757575;
    margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
    .my-order-history .my-order-history-detail .col-address .link-btn {
        display: block;
        margin-bottom: 20px;
    }
}

.my-order-history .my-order-history-detail .col-address__summary {
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-top: 24px;
    border-top: 1px solid #ccc;
}

.my-order-history .my-order-history-detail .col-address__summary i {
    vertical-align: top;
    margin-right: 8px;
    line-height: 12px;
    font-size: 24px;
    color: #161616;
}

@media screen and (max-width: 480px) {
    .my-order-history .my-order-history-detail .col-address__summary {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .my-order-history .my-order-history-detail .col-address {
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
    }

    .my-order-history .my-order-history-detail .col-address__summary {
        margin-top: 0;
        border-top: none;
    }

    .my-order-history .my-order-history-detail .col-address:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }
}

.my-order-history .my-order-history-detail .sbag-list {
    padding: 0 10px;
}

.my-order-history .my-order-history-detail .sbag-list .sbag-head-unit-price {
    width: 20%;
}

@media screen and (max-width: 768px) {
    .my-order-history .my-order-history-detail .sbag-list .sbag-head-unit-price {
        width: 25%;
    }
}

.my-order-history .my-order-history-detail .sbag-list .sbag-head-qty {
    width: 61%;
}

@media screen and (max-width: 768px) {
    .my-order-history .my-order-history-detail .sbag-list .sbag-head-qty {
        width: 56%;
    }
}

.my-order-history .my-order-history-detail .sbag-list .sbag-head-total {
    width: 19%;
}

.my-order-history .my-order-history-detail .sbag-list .sbag-list-title-col {
    width: 53%;
}

.my-order-history .my-order-history-detail .sbag-list .sbag-price {
    padding: 0;
}

.my-order-history .my-order-history-detail .sbag-list .sbag-qty {
    text-align: center;
}

.my-order-history .my-order-history-detail .sbag-list .sbag-reorder {
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .my-order-history .my-order-history-detail .sbag-list .sbag-reorder .btn.btn-green {
        display: block;
        width: calc(100% - 37px);
        margin-left: 37px;
        margin-bottom: 20px;
        text-align: center;
    }

    .my-order-history .my-order-history-detail .sbag-list .sbag-reorder .btn.btn-green:last-child {
        margin-bottom: 0;
    }

    .my-order-history .my-order-history-detail .sbag-list .sbag-reorder .btn.btn-print {
        float: left !important;
        margin: 0;
    }
}

.my-order-history .my-order-history-detail .sbag-list .sbag-resume-content .sbag-resume-item .sbag-total-value,
.my-order-history .my-order-history-detail .sbag-list .sbag-total-item .sbag-total-price {
    padding-right: 0;
}

.my-order-history .my-order-history-detail .sbag-list .sbag-footer {
    margin-bottom: 20px;
}

.my-order-history .my-order-history-detail .sbag-list .sbag-list-content {
    margin-bottom: 0;
    border-bottom: 0;
}

.my-order-history header h3 {
    display: block;
    width: auto;
    padding: 20px;
    margin: 20px -20px 0;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: 0.06em;
    color: #fff;
    text-transform: uppercase;
    background: #888;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.text-center {
    text-align: center;
}

.my-contact header h2 {
    margin-bottom: -20px;
}

.my-contact header h3 {
    display: block;
    width: auto;
    padding: 20px;
    margin: 20px -20px 20px;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: 0.06em;
    color: #fff;
    text-transform: uppercase;
    background: #888;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.my-contact .checkbox-title {
    display: block;
    font-weight: bold;
    color: #757575;
    margin-bottom: 5px;
}

.my-contact .account-detail__footer {
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .my-contact .checkbox label + label {
        display: block;
        margin-top: 10px;
    }
}

.my-expresscheckout {
    background-color: #f4f4f4;
}

.my-expresscheckout__description {
    color: #757575;
    margin-bottom: 22px;
}

.my-expresscheckout-step {
    margin-top: 1px;
}

.my-expresscheckout-step__header {
    position: relative;
}

.my-expresscheckout-step__header > * {
    display: block;
    padding: 30px 0;
}

.my-expresscheckout-step__header:before {
    content: "";
    position: absolute;
    top: 0;
    right: -20px;
    left: -20px;
    bottom: 0;
    background-color: #cccccc;
}

.my-expresscheckout-step__title {
    position: relative;
    z-index: 1;
    color: #000000;
    font-size: 16px;
    margin-bottom: 0;
}

.my-expresscheckout-step__info {
    color: #000000;
    padding-left: 15px;
    text-decoration: none;
}

.my-expresscheckout-step__link {
    position: relative;
    color: #000000;
    font-size: 26px;
    text-decoration: none;
}

.my-expresscheckout-step__link i {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.my-expresscheckout-step__content {
    padding: 20px 0;
    /*background-color:$color-white;*/
    display: none;
}

.my-expresscheckout-step__content > p {
    padding-left: 30px;
}

.my-expresscheckout-step__content > hr {
    padding: 0;
    margin: 25px 0;
    border: none;
    border-bottom: 1px solid #dce0e6;
}

.my-expresscheckout-step .active {
    display: block;
}

.my-expresscheckout-step__contentFilled {
    padding: 30px 0px 30px 0px;
}

.my-expresscheckout-step__contentFilled .my-expresscheckout-step__adress {
    padding-top: 15px;
}

.my-expresscheckout-step__contentFilled .my-expresscheckout-step__radio__icon {
    padding-bottom: 20px;
}

.my-expresscheckout-step__radio {
    padding-bottom: 30px;
}

.my-expresscheckout-step__radio__icon {
    font-size: 23px;
    width: 38px;
}

.my-expresscheckout-step__radio__shiftedlabel {
    margin-top: -20px;
}

.my-expresscheckout-step__creditcard {
    padding-bottom: 10px;
}

.my-expresscheckout-step__creditcard__link {
    padding: 6px 0px 0px 75px;
}

.my-expresscheckout-step__invoice {
    padding-bottom: 25px;
}

.my-expresscheckout-step__invoice__info {
    color: #757575;
    padding: 0px 0px 0px 75px;
    margin-top: -10px;
}

.my-expresscheckout-step__postfinancecard {
    padding-bottom: 0px;
}

.my-expresscheckout-step__adress-info {
    color: #656565;
    margin-bottom: 30px;
}

.my-expresscheckout-step__adress {
    margin-bottom: 25px;
}

.my-expresscheckout-ship-option .content {
    padding-left: 75px;
    padding-right: 0px;
}

.my-expresscheckout-ship-option .content > p {
    color: #757575;
}

.my-expresscheckout-ship-option .content .shipping-options {
    margin: 20px 0;
}

.my-expresscheckout-ship-option .content .shipping-options > span {
    display: inline-block;
    vertical-align: top;
    color: #696969;
    line-height: 16px;
    letter-spacing: 0.08em;
}

.my-expresscheckout-ship-option .content .shipping-options .checkbox {
    display: inline-block;
    vertical-align: top;
    margin: 0 8px;
}

@media (max-width: 996px) {
    .my-expresscheckout-ship-option .content .shipping-options .checkbox {
        display: block;
        margin: 10px 0;
    }
}

.my-expresscheckout-ship-option .content .shipping-options .checkbox .link-btn {
    padding-left: 5px;
}

@media (max-width: 768px) {
    .my-expresscheckout-ship-option .content .shipping-options .checkbox {
        display: inline-block;
        margin: 0 8px;
    }
}

@media (max-width: 480px) {
    .my-expresscheckout-ship-option .content .shipping-options .checkbox {
        display: block;
        margin: 10px 0;
    }
}

.my-expresscheckout-ship-option .content .shipping-options .checkbox .price {
    display: block;
    margin: 0px 0 0 22px;
    color: #986F38;
    letter-spacing: 0.1em;
}

.my-expresscheckout-ship-option__icon {
    font-size: 23px;
    width: 38px;
    display: inline-block;
}

.my-infos {
    background-color: #ffffff;
}

.my-infos__form > h2 {
    color: black;
    margin: 20px 0;
}

.my-machines {
    padding: 20px;
    background-color: #ffffff;
    /******** MACHINE LIST ******/
    /******** EDIT MACHINE ******/
    /****** ADD MACHINE LIST ****/
}

.my-machines__title {
    color: black;
    font-size: 16px;
    margin: 0 0 20px 0;
}

.my-machines__title > span {
    color: #986F38;
}

.my-machines__intro {
    color: #757575;
    margin-top: -15px;
}

.my-machines .img-responsive-center {
    margin: 0 auto;
    display: block;
}

@media screen and (max-width: 996px) {
    .my-machines .img-responsive-center {
        margin-bottom: 20px;
    }
}

.my-machines__list {
    padding: 0 0 20px;
    margin-bottom: 20px;
    border-bottom: solid 1px #dce0e6;
}

.my-machines__list .img-machines-list {
    max-width: 75%;
    height: auto;
}

.my-machines__list__title {
    font-size: 14px;
    text-transform: none;
}

@media screen and (max-width: 996px) {
    .my-machines__list__details {
        margin-bottom: 20px;
    }
}

.my-machines__list__details > strong {
    display: block;
    margin-top: 20px;
    color: #757575;
}

.my-machines__list__links {
    padding-bottom: 9px;
}

.my-machines__list__buttons {
    padding-top: 21px;
}

.my-machines .img-machine-big {
    max-width: 230px;
    height: auto;
}

.my-machines .offset-0 {
    padding-left: 0px;
}

@media screen and (max-width: 768px) {
    .my-machines .offset-0 {
        padding-left: 10px;
    }
}

.my-machines__form__helper {
    margin-top: -20px;
    margin-bottom: 25px;
}

.my-machines__form__helper .btn-link {
    color: #757575;
}

.my-machines__addlist {
    border-top: solid 1px #dce0e6;
    margin: 25px -10px 0px -10px;
}

.my-machines__addlist .img-machines-list {
    height: 121px;
    width: auto;
}

.my-machines__addlist__machine {
    padding: 15px;
}

.my-machines__addlist__machine > h4 {
    font-weight: normal;
    margin: 0px;
    padding: 20px 0px 0px 0px;
    text-align: center;
}

.my-machines__addlist__machine:hover {
    padding: 11px 12px 12px 11px;
    border: solid 4px #999999;
    background: #eff1f1;
}

.my-machines__addlist__machine:hover > a {
    /****valable uniquement pour la démo! ****/
    cursor: default;
}

.my-machines__addlist__machine.cliquable, .my-machines__addlist__machine.cliquable > a {
    /****valable uniquement pour la démo! ****/
    cursor: pointer;
}

.my-machines__addlist__step1 {
    border-bottom: solid 1px #dce0e6;
    border-right: solid 1px #dce0e6;
}

.my-machines__addlist__step1:hover {
    padding: 11px 12px 12px 11px;
}

.my-machines__addlist__step2 {
    cursor: pointer;
    /****valable uniquement pour la démo! ****/
}

.my-machines__addlist__step2 > a {
    /****valable uniquement pour la démo! ****/
    cursor: pointer !important;
}

.my-machines__addlist__step2 > strong, .my-machines__addlist__step2 > .reference {
    display: block;
    text-align: center;
    line-height: 1em;
}

.my-machines__addlist__step2 > strong {
    font-weight: normal;
    padding: 20px 0px 0px 0px;
}

.my-machines__addlist__step2 > .reference {
    color: #757575;
}

.my-machines__addlist__step2:hover {
    padding: 11px;
}

.my-machines__greybackground {
    background: #ebebeb;
    margin: 0px -20px 0px -20px;
    padding: 0px 10px 0px 10px;
}

.my-machines__step2 {
    margin-top: 0px;
    padding-bottom: 25px;
    border-top: 0px;
    display: none;
}

.my-machines__step2.active {
    display: block;
}

.my-machines__detail {
    padding-top: 20px;
    display: none;
}

.my-machines__detail.active {
    display: block;
}

#serialnumber::-moz-placeholder {
    color: #757575;
    opacity: 1;
}

#serialnumber:-ms-input-placeholder {
    color: #757575;
}

#serialnumber::-webkit-input-placeholder {
    color: #757575;
}

@media screen and (max-width: 768px) {
    #serialnumber::-moz-placeholder {
        color: transparent;
        opacity: 1;
    }

    #serialnumber:-ms-input-placeholder {
        color: transparent;
    }

    #serialnumber::-webkit-input-placeholder {
        color: transparent;
    }
}

.sbag-container .sbag-container-inner {
    background-color: #ffffff;
}

.sbag-list {
    position: relative;
    padding: 0 20px 20px;
}

.sbag-list .sbag-padding-top {
    padding-top: 20px;
}

.sbag-list .sbag-table {
    display: table;
    width: 100%;
}

.sbag-list .sbag-table .sbag-table-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.sbag-list .sbag-font-black {
    color: #000000;
}

.sbag-list .sbag-gold-link, .sbag-list .sbag-gold-link a {
    color: #986F38;
    text-decoration: none;
}

.sbag-list .sbag-padding-cross {
    padding-right: 40px;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-padding-cross {
        padding-right: 15px;
    }
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-padding-cross {
        padding-right: 15px;
    }
}

.sbag-list .sbag-padding-bottom {
    padding-bottom: 30px;
}

.sbag-list .sbag-bg-grey {
    background-color: #f9f9f9;
}

.sbag-list .sbag-border-top {
    border-top: 1px solid #dfdfdf;
}

.sbag-list .sbag-border-bottom {
    border-bottom: 1px solid #dfdfdf;
}

.sbag-list .sbag-list-container--grey {
    background-color: rgba(248, 248, 248, 0.9);
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-list-container .btn:not(.btn-strict) {
        width: 100%;
    }
}

.sbag-list h2 {
    color: #000000;
    font-size: 24px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.sbag-list .sbag-head {
    padding-bottom: 0;
}

.sbag-list .sbag-head .btn-primary {
    margin-right: 0;
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-head .btn-link {
        display: none;
    }
}

.sbag-list .sbag-list-inner {
    padding: 0;
    color: #000000;
}

.sbag-list .sbag-list-head {
    position: relative;
    letter-spacing: 1px;
    display: table;
    width: 100%;
    padding: 0 20px;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    color: #1b1b1b;
    background: #cccccc;
}

@media only screen and (max-width: 768px) {
    .sbag-list .sbag-list-head {
        display: none;
    }
}

.sbag-list .sbag-list-head > span {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}

.sbag-list .sbag-list-head .sbag-head-article {
    width: 40%;
    font-size: 16px;
    text-transform: uppercase;
    text-align: left;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-list-head .sbag-head-article {
        width: 50%;
    }
}

.sbag-list .sbag-list-head .sbag-head-unit-price {
    width: 20%;
    text-align: center;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-list-head .sbag-head-unit-price {
        width: 15%;
    }
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-list-head .sbag-head-unit-price {
        display: none;
    }
}

.sbag-list .sbag-list-head .sbag-head-qty {
    width: 20%;
    text-align: center;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-list-head .sbag-head-qty {
        width: 15%;
    }
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-list-head .sbag-head-qty {
        display: none;
    }
}

.sbag-list .sbag-list-head .sbag-head-total {
    width: 20%;
    text-align: right;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-list-head .sbag-head-total {
        width: 15%;
    }
}

.sbag-list .sbag-list-head:after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    left: 30px;
    right: 20px;
    bottom: 0;
    background-color: #dfdfdf;
}

.sbag-list .sbag-list-title {
    position: relative;
    padding: 0 20px;
    margin: 0 -20px;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    color: #1b1b1b;
    text-transform: uppercase;
    background: #cccccc;
}

.sbag-list .sbag-list-title.no-padding-top {
    padding-top: 0;
}

.sbag-list .sbag-list-title sup {
    font-size: 12px;
    letter-spacing: normal;
}

.sbag-list .sbag-list-title .sbag-list-title-col {
    position: absolute;
    top: 0;
    right: 20px;
    width: 56%;
}

.sbag-list .sbag-list-title .sbag-list-title-col span {
    display: block;
    float: left;
    width: 33.33%;
    text-align: center;
    text-transform: none;
}

.sbag-list .sbag-list-title .sbag-list-title-col span:nth-child(3) {
    text-align: right;
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-list-title .sbag-list-title-col span:nth-child(1),
    .sbag-list .sbag-list-title .sbag-list-title-col span:nth-child(3) {
        display: none;
    }

    .sbag-list .sbag-list-title .sbag-list-title-col span:nth-child(2) {
        float: right;
        text-align: right;
    }
}

.sbag-list .sbag-list-content {
    margin-bottom: 20px;
    border-bottom: 1px solid #e8e5e5;
}

.sbag-list .sbag-list-content--transparent {
    background-color: transparent;
}

.sbag-list .sbag-item {
    display: table;
    width: 100%;
    position: relative;
    padding: 10px 0;
    color: #26211E;
    border-top: 1px solid #e8e5e5;
}

.sbag-list .sbag-item:first-child {
    border: none;
}

.sbag-list .sbag-item > div {
    display: table-cell;
    vertical-align: middle;
}

.sbag-list .sbag-item .sbag-name {
    position: relative;
    text-align: left;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 20px 0 85px;
    height: 45px;
    font-weight: bold;
    width: 40%;
    letter-spacing: 0.06em;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-item .sbag-name {
        width: 40%;
    }
}

@media only screen and (max-width: 768px) {
    .sbag-list .sbag-item .sbag-name {
        padding: 0 10px 0 55px;
    }
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-item .sbag-name {
        width: 62%;
        padding-left: 60px;
    }
}

.sbag-list .sbag-item .sbag-name img {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 45px;
    max-height: 45px;
    border: 0;
}

@media only screen and (max-width: 768px) {
    .sbag-list .sbag-item .sbag-name img {
        width: 50px;
        top: 25px;
    }
}

.sbag-list .sbag-item .sbag-name .show-xs {
    display: none;
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-item .sbag-name .show-xs {
        margin-top: 5px;
        text-align: left;
        font-weight: normal;
        display: block;
    }
}

.sbag-list .sbag-item .sb-price {
    font-size: 14px;
    letter-spacing: 0.1em;
    color: #986F38;
}

.sbag-list .sbag-item .sbag-unit-price {
    text-align: center;
    width: 20%;
    font-size: 14px;
    letter-spacing: 0.1em;
    color: #986F38;
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-item .sbag-unit-price {
        display: none;
    }
}

.sbag-list .sbag-item .sbag-qty {
    text-align: center;
    width: 20%;
}

.sbag-list .sbag-item .sbag-qty > span .qty {
    font-size: 14px;
}

.sbag-list .sbag-item .sbag-qty .btn {
    min-width: 50px;
    padding: 12px 9px;
    text-align: center;
}

.sbag-list .sbag-item .sbag-qty > span {
    display: block;
    padding: 10px;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-item .sbag-qty {
        width: 15%;
    }
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-item .sbag-qty {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
    }
}

.sbag-list .sbag-item .sbag-qty .sbag-update {
    position: relative;
}

.sbag-list .sbag-item .sbag-price {
    text-align: right;
    width: 20%;
    font-size: 14px;
    letter-spacing: 0.1em;
    color: #986F38;
    padding: 0 30px 0 0;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-item .sbag-price {
        width: 20%;
    }
}

@media only screen and (max-width: 768px) {
    .sbag-list .sbag-item .sbag-price {
        padding: 0;
    }
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-item .sbag-price {
        display: none;
    }
}

.sbag-list .sbag-item .sbag-remove {
    display: block;
    width: 11px;
    height: 11px;
    top: 50%;
    margin-top: -5px;
    cursor: pointer;
    position: absolute;
    right: 0;
    background: url(../images/icon-remove.png) no-repeat;
}

.sbag-list .sbag-promo-content .sbag-promo-head {
    background-color: #92051a;
    color: #ffffff;
    letter-spacing: 0.1em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 30px;
}

@media only screen and (max-width: 768px) {
    .sbag-list .sbag-promo-content .sbag-promo-head {
        padding: 10px 15px;
    }
}

.sbag-list .sbag-promo-content .link-btn {
    padding-top: 10px;
    line-height: 40px;
}

.sbag-list .sbag-promo-content .input-group label {
    width: 100%;
}

.sbag-list .sbag-resume-content {
    border-top: 1px solid #e8e5e5;
    letter-spacing: 0.06em;
    background: #f9f9f9;
    margin: 0 -20px;
    padding: 0 20px;
}

.sbag-list .sbag-resume-content > div {
    border-bottom: 2px solid white;
}

.sbag-list .sbag-resume-content .sbag-resume-head {
    width: 100%;
    margin-top: 20px;
    padding-bottom: 10px;
    font-weight: bold;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-resume-content .sbag-resume-head .col-xs-12:first-child {
        margin-top: 20px;
    }
}

.sbag-list .sbag-resume-content .sbag-resume-head .sbag-resume-head-top {
    text-transform: uppercase;
    color: #26211E;
}

.sbag-list .sbag-resume-content .sbag-resume-head ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sbag-list .sbag-resume-content .sbag-resume-head ul li {
    display: inline-block;
    color: #000000;
    text-transform: uppercase;
}

.sbag-list .sbag-resume-content .sbag-resume-head ul li:before {
    content: ' - ';
}

.sbag-list .sbag-resume-content .sbag-resume-head ul li:first-child:before {
    display: none;
}

.sbag-list .sbag-resume-content .sbag-resume-head ul li span {
    color: #000000;
}

.sbag-list .sbag-resume-content .sbag-resume-item {
    display: table;
    width: 100%;
    color: #000000;
    font-size: 12px;
    padding: 10px 0;
}

.sbag-list .sbag-resume-content .sbag-resume-item > div {
    display: table-cell;
    vertical-align: middle;
}

.sbag-list .sbag-resume-content .sbag-resume-item .sbag-total-key {
    width: 80%;
}

.sbag-list .sbag-resume-content .sbag-resume-item .sbag-total-value {
    width: 20%;
    text-align: right;
    padding-left: 15px;
    font-weight: bold;
    color: #986F38;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-resume-content .sbag-resume-item .sbag-total-value {
        width: 15%;
    }

    .sbag-list .sbag-resume-content .sbag-resume-item .sbag-total-value.padding-right {
        padding-right: 15px;
    }
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-resume-content .sbag-resume-item .sbag-total-value {
        width: 30%;
    }

    .sbag-list .sbag-resume-content .sbag-resume-item .sbag-total-value.padding-right {
        padding-right: 15px;
    }
}

.sbag-list .sbag-item > .sbag-multi {
    font-size: 14px;
    color: #986F38;
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-item > .sbag-multi {
        display: none;
    }
}

.sbag-list .sbag-footer {
    background: #f9f9f9;
    margin: 0 -20px;
    padding: 10px 20px 10px;
    letter-spacing: 0.1em;
    border-bottom: 1px solid #e8e5e5;
}

.sbag-list .sbag-footer .sbag-footer-payment {
    margin-top: 30px;
}

.sbag-list .sbag-total-item {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    display: table;
    color: #000000;
}

.sbag-list .sbag-total-item > div {
    display: table-cell;
    vertical-align: middle;
}

.sbag-list .sbag-total-item .sbag-total-title {
    width: 20%;
}

.sbag-list .sbag-total-item .sbag-total-price {
    width: 80%;
    text-align: right;
    color: #986F38;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-total-item .sbag-total-price {
        width: 15%;
    }
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-total-item .sbag-total-price {
        width: 30%;
    }
}

.sbag-recommended-product {
    padding: 20px 0;
    border-top: solid 1px #26211E;
}

.sbag-recommended-product:first-child {
    border-top: 0;
}

.sbag-recommended-product img {
    margin: 0 auto 9px;
    display: block;
    text-align: center;
    max-width: 115px;
    max-height: 115px;
}

@media only screen and (max-width: 768px) {
    .sbag-recommended-product img {
        float: left;
        margin-top: 20px;
        margin-right: 15px;
        max-width: 95px;
        max-height: 95px;
    }
}

@media only screen and (max-width: 768px) {
    .sbag-recommended-product .sbag-actions {
        width: 100%;
        display: block;
        float: left;
    }
}

.sbag-recommended-product h5 {
    margin: 0;
    padding: 10px 0;
    color: white;
    font-size: 12px;
    line-height: 17px;
    font-weight: bold;
    letter-spacing: 0.02em;
}

.sbag-recommended-product p {
    font-size: 12px;
    margin: 0 0 20px;
    letter-spacing: 0.06em;
    color: #b8b8b8;
}

.sbag-recommended-product .sbag-actions .price {
    font-weight: 800;
    font-size: 12px;
    color: #986F38;
    letter-spacing: 0.2em;
    line-height: 24px;
}

.checkister-item {
    background: #f9f9f9;
    color: #26211E;
}

.checkister-item.bg-white {
    background-color: #ffffff;
}

.checkister-item .checkister-inner {
    padding: 20px;
}

@media only screen and (max-width: 768px) {
    .checkister-item .checkister-inner {
        padding: 10px;
    }
}

.checkister-item .checkister-item-header {
    padding-bottom: 0;
    margin-bottom: 0;
}

.checkister-item .checkister-item-header.top-margin {
    padding-top: 20px;
}

.checkister-item label {
    font-weight: normal;
    letter-spacing: normal;
}

.checkister-item .radio input {
    vertical-align: top;
}

.checkister-item a {
    color: #986F38;
    text-decoration: none;
}

.checkister-item span.subtitle {
    display: block;
    padding-top: 10px;
    padding-bottom: 4px;
    font-size: 11px;
    line-height: 30px;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-bottom: 1px solid #dfdfdf;
}

.checkister-item .checkister-content {
    padding: 30px 0 0 0;
    line-height: 18px;
}

@media (max-width: 480px) {
    .checkister-item .checkister-content .checkbox {
        margin-bottom: 10px;
    }
}

.checkister-item .checkister-no-pad {
    padding: 0;
}

.checkister-item .checkister-icon-container {
    display: table;
}

.checkister-item .checkister-icon-container .checkister-icon {
    display: table-cell;
    font-size: 38px;
    line-height: 38px;
    padding-right: 15px;
    vertical-align: middle;
}

.checkister-item .checkister-icon-container .checkister-legend {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}

@media (max-width: 480px) {
    .sbag-container header {
        margin: 0;
    }

    .sbag-container .btn.btn-primary.pull-right {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .checkister header {
        margin: 0;
    }

    .checkister .btn.btn-primary.pull-right {
        width: 100%;
        text-align: center;
    }
}

.checkister header {
    margin-bottom: 20px;
}

.checkister header .btn {
    margin-bottom: 0;
}

.checkister h2 {
    margin-bottom: 0;
    color: white;
    font-size: 24px;
    line-height: normal;
    letter-spacing: 0.06em;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

@media (max-width: 996px) {
    .checkister h2 {
        margin-left: 20px;
    }
}

.checkister h2 + p {
    position: relative;
    margin-bottom: 0;
    color: #b8b8b8;
    line-height: 18px;
    letter-spacing: 0.08em;
}

.checkister h2 + p:before {
    display: block;
    content: '';
    margin-bottom: 14px;
    width: 20px;
    border-bottom: 1px solid #b8b8b8;
}

.checkister .address__preview {
    margin: 0 0 20px;
    line-height: 18px;
    font-weight: bold;
    letter-spacing: 0.06em;
    color: #26211E;
}

.checkister .want-gift {
    display: block;
    margin-top: 10px;
    color: #757575;
    text-decoration: none;
}

@media screen and (max-width: 996px) {
    .checkister .want-gift {
        margin-bottom: 14px;
    }
}

.checkister .bloc__summary {
    display: block;
    margin: 10px 0;
    color: #757575;
    vertical-align: middle;
}

.checkister .bloc__summary strong {
    color: #000000;
}

.checkister .bloc__summary i {
    vertical-align: top;
    margin-right: 8px;
    line-height: 12px;
    font-size: 24px;
    color: #000000;
}

.checkister .bloc__summary i.icon-Express_delivery_off {
    font-size: 40px;
}

.checkister .main-content {
    color: #26211E;
    background: white;
}

.checkister .main-content__title {
    clear: both;
    display: block;
    width: 100%;
    padding: 0 20px;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 64px;
    letter-spacing: 0.06em;
    color: white;
    text-transform: uppercase;
    background: #888888;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.checkister .main-content__title--promo {
    color: white;
    background: #92051a;
}

.checkister .main-content__title--save {
    color: white;
    line-height: 40px;
    background: #3D8705;
}

@media (max-width: 996px) {
    .checkister .main-content__title--save {
        padding: 12px 20px;
        line-height: normal;
    }
}

.checkister .main-content__subtitle {
    clear: both;
    padding: 0 20px;
    margin: 0;
    font-size: 12px;
    line-height: 40px;
    color: #1b1b1b;
    text-transform: uppercase;
    background: #cccccc;
}

.checkister .main-content .coupon-help {
    position: absolute;
    right: 20px;
    margin-top: -28px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.checkister .main-content .checkister-wrapper {
    padding: 20px;
    text-align: left;
    background: white;
}

.checkister .main-content .checkister-wrapper > .btn {
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .checkister .main-content .checkister-wrapper {
        padding: 20px 10px;
    }
}

.checkister .main-content .checkister-wrapper > p {
    padding: 0;
    margin: 0 0 20px;
    color: #656565;
    letter-spacing: 0.08em;
}

.checkister .main-content .checkister-wrapper > p a {
    color: #986F38;
}

.checkister .main-content .checkister-wrapper > span.title {
    display: block;
    margin: 20px 0;
    font-size: 16px;
    line-height: 17px;
    font-weight: bold;
}

.checkister .main-content .checkister-wrapper > span.title + .input-group {
    margin: 0;
}

.checkister .main-content .checkister-padding-top {
    padding-top: 30px;
}

.checkister .main-content .checkister-padding-bottom {
    padding-bottom: 30px;
}

.checkister .main-content .form-group {
    width: 100%;
}

.checkister .main-content .form-group label {
    padding-left: 0;
    padding-right: 20px;
}

.checkister .main-content .bloc-promotion {
    background: #f8f8f8;
}

.checkister .main-content .bloc-promotion .title {
    display: block;
    padding-top: 12px;
    padding-bottom: 11px;
    color: white;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: #92051a;
}

.checkister .main-content .bloc-promotion p {
    color: #26211E;
    letter-spacing: 0.08em;
}

.checkister .main-content .bloc-promotion p a {
    color: #92051a;
}

.checkister .main-content .bloc-promotion .input-group label {
    width: 100%;
}

.checkister .main-content .bloc-terms {
    padding: 0 20px 20px;
}

.checkister .main-content .bloc-terms span.title {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    letter-spacing: 0.06em;
}

.checkister .main-content .bloc-terms p {
    line-height: 19px;
    color: #757575;
    letter-spacing: 0.06em;
}

.checkister .main-content .bloc-terms label {
    color: #000000;
}

.checkister .main-content .bloc-terms .checkbox {
    margin-bottom: 20px;
}

.checkister .main-content .bloc-terms .checkbox a {
    color: #986F38;
}

@media (max-width: 996px) {
    .checkister .main-content .bloc-terms .checkbox {
        width: 100%;
        margin-bottom: 20px;
    }
}

.checkister .main-content .checkbox .icon-img, .checkister .main-content .radio .icon-img {
    vertical-align: middle;
}

.checkister .main-content .checkbox.margin-right, .checkister .main-content .radio.margin-right {
    margin-right: 50px;
}

.checkister .main-content span.subtitle {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #26211E;
    text-transform: uppercase;
    border-bottom: 1px solid #dfdfdf;
}

.checkister .main-content span.subtitle.top-margin {
    margin-top: 20px;
}

.checkister .main-content .content {
    margin: 0 0 0 88px;
}

@media screen and (max-width: 480px) {
    .checkister .main-content .content {
        margin: 10px 0 0;
    }
}

.checkister .main-content .content .btn.btn-icon {
    margin-bottom: 0;
    margin-top: 20px;
}

.checkister .main-content .delivery-method + .link-wrapper,
.checkister .main-content .payment-method + .link-wrapper {
    border-top: 1px solid #cccccc;
    overflow: auto;
    padding: 20px;
}

.checkister .main-content .delivery-method + .link-wrapper .link-btn,
.checkister .main-content .payment-method + .link-wrapper .link-btn {
    margin-top: 12px;
    display: inline-block;
}

.checkister .main-content .bloc-payment, .checkister .main-content .bloc-delivery {
    -webkit-transition: 0.4s all;
    -khtml-transition: 0.4s all;
    -moz-transition: 0.4s all;
    -ms-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    padding: 20px;
    text-align: left;
    background: white;
}

.checkister .main-content .bloc-payment.bloc-address > .radio input, .checkister .main-content .bloc-delivery.bloc-address > .radio input {
    margin-right: 14px;
}

.checkister .main-content .bloc-payment.bloc-selected, .checkister .main-content .bloc-delivery.bloc-selected {
    background: #ebebeb;
}

.checkister .main-content .bloc-payment.bloc-selected .delivery-options > span, .checkister .main-content .bloc-payment.bloc-selected p, .checkister .main-content .bloc-delivery.bloc-selected .delivery-options > span, .checkister .main-content .bloc-delivery.bloc-selected p {
    color: #000000;
}

.checkister .main-content .bloc-payment.bloc-selected .bloc-card-type, .checkister .main-content .bloc-payment.bloc-selected .bloc-gift-card, .checkister .main-content .bloc-delivery.bloc-selected .bloc-card-type, .checkister .main-content .bloc-delivery.bloc-selected .bloc-gift-card {
    max-height: 600px;
    padding: 20px 0 0;
}

.checkister .main-content .bloc-payment .bloc__summary, .checkister .main-content .bloc-delivery .bloc__summary {
    margin-top: 20px;
}

.checkister .main-content .bloc-payment .bloc__summary + .input-group, .checkister .main-content .bloc-delivery .bloc__summary + .input-group {
    margin: 0 0 20px;
}

.checkister .main-content .bloc-payment p, .checkister .main-content .bloc-delivery p {
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    margin: 12px 0;
    color: #757575;
}

.checkister .main-content .bloc-payment > .radio, .checkister .main-content .bloc-payment > .checkbox, .checkister .main-content .bloc-delivery > .radio, .checkister .main-content .bloc-delivery > .checkbox {
    position: relative;
    margin: 0;
}

.checkister .main-content .bloc-payment > .radio input, .checkister .main-content .bloc-payment > .checkbox input, .checkister .main-content .bloc-delivery > .radio input, .checkister .main-content .bloc-delivery > .checkbox input {
    margin-right: 70px;
}

.checkister .main-content .bloc-payment > .radio [class^="icon-"], .checkister .main-content .bloc-payment > .radio [class*=" icon-"], .checkister .main-content .bloc-payment > .checkbox [class^="icon-"], .checkister .main-content .bloc-payment > .checkbox [class*=" icon-"], .checkister .main-content .bloc-delivery > .radio [class^="icon-"], .checkister .main-content .bloc-delivery > .radio [class*=" icon-"], .checkister .main-content .bloc-delivery > .checkbox [class^="icon-"], .checkister .main-content .bloc-delivery > .checkbox [class*=" icon-"] {
    position: absolute;
    left: 50px;
    transform: translateX(-50%);
    display: inline-block;
    font-size: 22px;
    line-height: 22px;
}

.checkister .main-content .bloc-payment > .radio [class^="icon-"].icon-Your_time_off, .checkister .main-content .bloc-payment > .radio [class*=" icon-"].icon-Your_time_off, .checkister .main-content .bloc-payment > .checkbox [class^="icon-"].icon-Your_time_off, .checkister .main-content .bloc-payment > .checkbox [class*=" icon-"].icon-Your_time_off, .checkister .main-content .bloc-delivery > .radio [class^="icon-"].icon-Your_time_off, .checkister .main-content .bloc-delivery > .radio [class*=" icon-"].icon-Your_time_off, .checkister .main-content .bloc-delivery > .checkbox [class^="icon-"].icon-Your_time_off, .checkister .main-content .bloc-delivery > .checkbox [class*=" icon-"].icon-Your_time_off {
    font-size: 40px;
}

.checkister .main-content .bloc-payment > .radio [class^="icon-"].icon-Boutique_pick_up_off, .checkister .main-content .bloc-payment > .radio [class*=" icon-"].icon-Boutique_pick_up_off, .checkister .main-content .bloc-payment > .checkbox [class^="icon-"].icon-Boutique_pick_up_off, .checkister .main-content .bloc-payment > .checkbox [class*=" icon-"].icon-Boutique_pick_up_off, .checkister .main-content .bloc-delivery > .radio [class^="icon-"].icon-Boutique_pick_up_off, .checkister .main-content .bloc-delivery > .radio [class*=" icon-"].icon-Boutique_pick_up_off, .checkister .main-content .bloc-delivery > .checkbox [class^="icon-"].icon-Boutique_pick_up_off, .checkister .main-content .bloc-delivery > .checkbox [class*=" icon-"].icon-Boutique_pick_up_off {
    font-size: 40px;
}

.checkister .main-content .bloc-payment > .radio [class^="icon-"].icon-Pick_up_point_off, .checkister .main-content .bloc-payment > .radio [class*=" icon-"].icon-Pick_up_point_off, .checkister .main-content .bloc-payment > .checkbox [class^="icon-"].icon-Pick_up_point_off, .checkister .main-content .bloc-payment > .checkbox [class*=" icon-"].icon-Pick_up_point_off, .checkister .main-content .bloc-delivery > .radio [class^="icon-"].icon-Pick_up_point_off, .checkister .main-content .bloc-delivery > .radio [class*=" icon-"].icon-Pick_up_point_off, .checkister .main-content .bloc-delivery > .checkbox [class^="icon-"].icon-Pick_up_point_off, .checkister .main-content .bloc-delivery > .checkbox [class*=" icon-"].icon-Pick_up_point_off {
    font-size: 34px;
}

.checkister .main-content .bloc-payment > .radio [class^="icon-"] + span, .checkister .main-content .bloc-payment > .radio [class*=" icon-"] + span, .checkister .main-content .bloc-payment > .checkbox [class^="icon-"] + span, .checkister .main-content .bloc-payment > .checkbox [class*=" icon-"] + span, .checkister .main-content .bloc-delivery > .radio [class^="icon-"] + span, .checkister .main-content .bloc-delivery > .radio [class*=" icon-"] + span, .checkister .main-content .bloc-delivery > .checkbox [class^="icon-"] + span, .checkister .main-content .bloc-delivery > .checkbox [class*=" icon-"] + span {
    font-weight: bold;
    letter-spacing: normal;
    color: #000000;
}

.checkister .main-content .bloc-payment > .radio + .content .link-btn:first-child, .checkister .main-content .bloc-payment > .checkbox + .content .link-btn:first-child, .checkister .main-content .bloc-delivery > .radio + .content .link-btn:first-child, .checkister .main-content .bloc-delivery > .checkbox + .content .link-btn:first-child {
    display: block;
    margin-top: 8px;
}

.checkister .main-content .bloc-payment--other, .checkister .main-content .bloc-delivery--other {
    border-top: 1px solid #cccccc;
}

.checkister .main-content .bloc-payment--other p, .checkister .main-content .bloc-delivery--other p {
    margin: 0;
}

@media only screen and (max-width: 480px) {
    .checkister .main-content .bloc-payment .pull-right, .checkister .main-content .bloc-delivery .pull-right {
        width: 100%;
    }

    .checkister .main-content .bloc-payment .btn, .checkister .main-content .bloc-delivery .btn {
        display: block;
    }

    .checkister .main-content .bloc-payment .btn + .btn, .checkister .main-content .bloc-delivery .btn + .btn {
        margin-top: 10px;
        margin-left: 37px;
    }
}

.checkister .main-content .bloc-card-type {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    width: 55%;
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
    .checkister .main-content .bloc-card-type {
        width: 100%;
    }
}

.checkister .main-content .bloc-card-type .input-group.input-group-generic .desktop-label {
    padding: 0 10px;
    line-height: 40px;
}

.checkister .main-content .bloc-card-type .checkbox input {
    margin-left: 10px;
}

.checkister .main-content .bloc-gift-card {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.checkister .main-content .bloc-gift-card .new-gift-card {
    background: white;
    padding: 10px;
}

@media only screen and (max-width: 768px) {
    .checkister .main-content .bloc-gift-card .new-gift-card .input-group {
        margin: 0 -20px 0 0;
    }
}

.checkister .main-content .bloc-gift-card table {
    margin: 0 0 20px;
    width: 100%;
    border-top: 1px solid #cccccc;
}

.checkister .main-content .bloc-gift-card table th {
    padding: 10px 30px 10px 10px;
    font-weight: bold;
    color: #000000;
    letter-spacing: 0.06em;
}

.checkister .main-content .bloc-gift-card table tr:last-child td {
    border: none;
}

.checkister .main-content .bloc-gift-card table td {
    padding: 10px;
    color: #757575;
    letter-spacing: 0.06em;
    background: white;
    border-bottom: 1px solid #cccccc;
}

.checkister .main-content .bloc-gift-card table td a {
    color: #757575;
    text-decoration: none;
}

.checkister .main-content .bloc-gift-card table td a .icon, .checkister .main-content .bloc-gift-card table td a .btn.btn-icon i.icon-nespresso, .btn.btn-icon .checkister .main-content .bloc-gift-card table td a i.icon-nespresso, .checkister .main-content .bloc-gift-card table td a .btn.btn-icon-right i.icon-nespresso, .btn.btn-icon-right .checkister .main-content .bloc-gift-card table td a i.icon-nespresso, .checkister .main-content .bloc-gift-card table td a .btn.btn-nav.btn-basket .side-icon, .btn.btn-nav.btn-basket .checkister .main-content .bloc-gift-card table td a .side-icon, .checkister .main-content .bloc-gift-card table td a .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .cupsize i:before, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .cupsize .checkister .main-content .bloc-gift-card table td a i:before, .checkister .main-content .bloc-gift-card table td a #header h1 a:before, #header h1 .checkister .main-content .bloc-gift-card table td a a:before, .checkister .main-content .bloc-gift-card table td a .slocator .slocator-locations__details-action:before, .slocator .checkister .main-content .bloc-gift-card table td a .slocator-locations__details-action:before {
    font-size: 10px;
}

.checkister .main-content .bloc-gift-card ul.bloc-total {
    list-style: none;
    margin: 20px 0 0;
    padding: 0 0 10px;
    background: white;
}

.checkister .main-content .bloc-gift-card ul.bloc-total li {
    padding: 10px;
}

.checkister .main-content .bloc-gift-card ul.bloc-total li .vat {
    font-size: 13px;
}

.checkister .main-content .bloc-gift-card ul.bloc-total li .price {
    float: right;
    font-size: 13px;
    letter-spacing: 0.06em;
    color: #986F38;
}

.checkister .main-content .bloc-gift-card ul.bloc-total li .total {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.checkister .main-content .bloc-gift-card ul.bloc-total li .tprice {
    float: right;
    letter-spacing: 0.06em;
    font-size: 18px;
    font-weight: bold;
    color: #986F38;
}

.checkister .main-content .bloc-gift-card ul.bloc-total li:first-child {
    border-bottom: 1px solid #cccccc;
}

.checkister .main-content .bloc-gift-card ul.bloc-total + p {
    margin-top: 0;
    padding: 10px;
    background: white;
}

.checkister .main-content .delivery-free {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #986F38;
    font-weight: normal;
    letter-spacing: normal;
    text-align: right;
    white-space: nowrap;
}

@media (max-width: 480px) {
    .checkister .main-content .delivery-free.delivery-free-large {
        position: static;
        display: block;
        margin: 20px 0 -20px 30px;
        text-align: left;
    }
}

.checkister .main-content .delivery-address .radio input {
    vertical-align: top;
    margin-top: 3px;
}

.checkister .main-content .delivery-options {
    margin: 0;
}

.checkister .main-content .delivery-options span {
    font-weight: normal;
    letter-spacing: normal;
    color: #000000;
}

.checkister .main-content .delivery-options > span {
    display: inline-block;
    vertical-align: top;
    color: #757575;
    line-height: 16px;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.checkister .main-content .delivery-options .radio {
    display: inline-block;
    padding: 0 8px;
    vertical-align: top;
    line-height: normal;
    border-right: 1px solid #cccccc;
}

.checkister .main-content .delivery-options .radio:last-child {
    border: none;
}

.checkister .main-content .delivery-options .radio input {
    margin-right: 8px;
}

@media (max-width: 768px) {
    .checkister .main-content .delivery-options .radio {
        display: block;
        margin: 10px 0;
        padding: 0;
        border-right: none;
    }
}

.checkister .main-content .delivery-options .radio .price {
    display: block;
    margin: 0 0 0 25px;
    color: #986F38;
}

.checkister aside {
    padding: 20px;
    color: #26211E;
    background: white;
}

@media (max-width: 480px) {
    .checkister aside {
        padding: 15px 15px 10px;
    }
}

.checkister aside .col-title {
    display: block;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #26211E;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.checkister aside .bloc-title {
    padding-bottom: 8px;
    color: black;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    border-bottom: 1px solid #cccccc;
}

.checkister aside .bloc-title sup {
    font-size: 10px;
}

.checkister aside ul {
    display: table;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    list-style: none;
}

.checkister aside ul li {
    display: table-row;
}

.checkister aside ul li:last-child span {
    border: none;
}

.checkister aside ul li span {
    display: table-cell;
    padding: 12px 0;
    border-bottom: 1px solid #cccccc;
}

.checkister aside ul li span.name {
    color: #757575;
    font-size: 12px;
    text-transform: uppercase;
    width: 50%;
}

.checkister aside ul li span.nb {
    width: 50px;
    font-size: 12px;
    text-align: center;
}

.checkister aside ul li span.price {
    width: calc(50% - 50px);
    color: #986F38;
    font-weight: bold;
    letter-spacing: 0.06em;
    text-align: right;
    white-space: nowrap;
}

.checkister aside ul li span.tprice {
    color: #986F38;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.1em;
    text-align: right;
    white-space: nowrap;
}

.checkister aside ul li span.stotal {
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.checkister aside ul li span.total {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.checkister aside ul.bloc-total li:first-child span {
    border: none;
}

.checkister aside ul.bloc-total .tprice {
    font-weight: bold;
}

.checkister aside ul.bloc-total .price-int {
    display: inline;
    padding: 0;
    border: 0;
}

.checkister aside.sbag-recommends {
    background-color: #1b1b1b;
    padding: 0 10px;
}

.checkister aside.sbag-recommends h4 {
    padding: 10px 0;
    margin: 0;
    color: white;
    letter-spacing: 0.06em;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #757575;
}

.checkister.step1 .sbag-list .sbag-footer {
    margin-bottom: 20px;
}

.checkister.step1 .main-content__title--promo {
    line-height: 40px;
}

.checkister.step1 .my-expresscheckout-step {
    margin: 20px 0 20px;
}

.checkister.step1 .my-expresscheckout-step .row {
    margin: auto;
}

.checkister.step1 .my-expresscheckout-step .radio {
    margin-bottom: 10px;
}

.checkister.step1 .my-expresscheckout-step .radio:nth-child(2) {
    margin-bottom: 20px;
}

@media (max-width: 996px) {
    .checkister.step1 .my-expresscheckout-step .radio label span {
        width: 80%;
    }
}

@media (max-width: 996px) {
    .checkister.step1 .my-expresscheckout-step .my-expresscheckout-step__title {
        font-size: 14px;
    }
}

.checkister.step1 .my-expresscheckout-step .input-group.input-group-generic .form-control::-moz-placeholder {
    color: #757575;
    opacity: 1;
}

.checkister.step1 .my-expresscheckout-step .input-group.input-group-generic .form-control:-ms-input-placeholder {
    color: #757575;
}

.checkister.step1 .my-expresscheckout-step .input-group.input-group-generic .form-control::-webkit-input-placeholder {
    color: #757575;
}

@media (max-width: 768px) {
    .checkister.step1 .my-expresscheckout-step .input-group.input-group-generic .form-control::-moz-placeholder {
        color: transparent;
        opacity: 1;
    }

    .checkister.step1 .my-expresscheckout-step .input-group.input-group-generic .form-control:-ms-input-placeholder {
        color: transparent;
    }

    .checkister.step1 .my-expresscheckout-step .input-group.input-group-generic .form-control::-webkit-input-placeholder {
        color: transparent;
    }
}

@media only screen and (max-width: 996px) {
    .checkister.step1 .bloc-promotion .col-xs-12:first-child {
        margin-bottom: 20px;
    }
}

.checkister.step1 .want-gift {
    margin: 8px 0;
}

.checkister.step1 .sbag-list .sbag-list-title .sbag-list-title-col span:nth-child(3) {
    padding-right: 30px;
}

@media only screen and (max-width: 768px) {
    .checkister.step1 .sbag-list .sbag-list-title .sbag-list-title-col span:nth-child(3) {
        padding: 0;
    }
}

.checkister.step1 .sbag-list .sbag-item .sbag-qty > .qty {
    display: none;
}

.checkister.step3 .main-content .bloc-link {
    margin-top: 30px;
}

.checkister.step3 .main-content .bloc-border-top {
    border-top: 1px solid #dfdfdf;
    padding-top: 30px;
}

.checkister.step3 .main-content .bloc-white {
    background-color: #ffffff;
}

.checkister.step3 .main-content .bloc-payment .payable {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #636363;
    font-weight: bold;
    letter-spacing: 0.08em;
    text-align: right;
    white-space: nowrap;
}

.checkister.step3 .main-content .input-group.input-group-generic .form-control::-moz-placeholder {
    color: #757575;
    opacity: 1;
}

.checkister.step3 .main-content .input-group.input-group-generic .form-control:-ms-input-placeholder {
    color: #757575;
}

.checkister.step3 .main-content .input-group.input-group-generic .form-control::-webkit-input-placeholder {
    color: #757575;
}

@media (max-width: 768px) {
    .checkister.step3 .main-content .input-group.input-group-generic .form-control::-moz-placeholder {
        color: transparent;
        opacity: 1;
    }

    .checkister.step3 .main-content .input-group.input-group-generic .form-control:-ms-input-placeholder {
        color: transparent;
    }

    .checkister.step3 .main-content .input-group.input-group-generic .form-control::-webkit-input-placeholder {
        color: transparent;
    }
}

.checkister.step3 .main-content .bloc-payment .container-select {
    padding: 0;
}

.checkister.step3 .main-content .bloc-payment .container-select .select {
    display: block;
}

.checkister.step3 .main-content .bloc-payment .container-select .select.margin-left {
    margin-left: 5px;
}

@media (max-width: 768px) {
    .checkister.step3 .main-content .bloc-payment .container-select .select.margin-left {
        margin-left: 0;
    }
}

.checkister.step3 .main-content .bloc-payment .container-select .select.margin-right {
    margin-right: 5px;
}

@media (max-width: 768px) {
    .checkister.step3 .main-content .bloc-payment .container-select .select.margin-right {
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .checkister.step3 .main-content .bloc-payment .container-select.sm-margin-bottom {
        margin-bottom: 20px;
    }
}

.checkister.step3 .main-content .bloc-payment .select__element {
    min-width: 0;
    width: 100%;
}

.checkister.step3 .main-content label i {
    position: relative;
    display: inline-block;
    margin: 0 8px 0 0;
    font-size: 30px;
    vertical-align: middle;
    width: 40px;
    text-align: center;
}

.checkister.step3 .main-content label i.fa-file-text {
    font-size: 36px;
}

.checkister.step4 aside {
    padding: 0;
}

.checkister.step4 aside .bloc-delivery {
    position: relative;
}

.checkister.step4 aside .bloc-promotion p a {
    color: #92051a;
}

.checkister.step4 aside .main-content__title {
    padding: 12px 50% 12px 20px;
    line-height: normal;
}

@media only screen and (max-width: 996px) {
    .checkister.step4 aside .main-content__title {
        padding: 22px 50% 22px 20px;
    }
}

@media only screen and (max-width: 480px) {
    .checkister.step4 aside .main-content__title {
        padding: 12px 70% 12px 20px;
    }
}

.checkister.step4 aside .main-content__title--promo {
    padding: 22px 20px;
}

.checkister.step4 aside .main-content__title + .btn {
    position: absolute;
    right: 20px;
    top: 12px;
}

.checkister.step4 aside .content {
    padding: 20px;
}

@media (max-width: 996px) {
    .checkister.step4 aside .content {
        padding: 10px 20px;
    }
}

.checkister.step4 aside .address__preview {
    color: #000000;
    padding-bottom: 20px;
    border-bottom: 1px solid #e8e5e5;
}

.checkister.step4 aside p:not(.address__preview) {
    margin: 0 0 20px;
    line-height: 19px;
    color: #757575;
    letter-spacing: 0.06em;
}

.checkister.step4 aside p:not(.address__preview) + .bloc__summary {
    margin: 30px 0;
}

.checkister.step4 aside a.col-xs-7 {
    color: #3D8705;
    text-decoration: none;
    letter-spacing: 0.06em;
    line-height: 19px;
}

.checkister.step4 .sbag-list .sbag-list-content {
    margin-bottom: -1px;
}

.checkister.step4 .sbag-list .sbag-padding-cross {
    padding-right: 0;
}

.checkister.step4 .sbag-list .sbag-item .sbag-price {
    padding: 0;
}

@media only screen and (max-width: 480px) {
    .checkister.step4 .sbag-list .sbag-item .sbag-price {
        padding: 0 40px 0 0;
    }
}

.checkister.step4 .sbag-list .sbag-item .sbag-qty {
    text-align: center;
}

.checkister.step4 .sbag-list .sbag-item .sbag-qty .product-add {
    display: none;
}

.checkister.step4 .sbag-list .sbag-item .sbag-remove {
    display: none;
}

.checkister.step4 .main-content__title + .btn {
    position: absolute;
    right: 20px;
    top: 12px;
}

.checkister.step5 .main-content {
    padding: 20px;
    background: #e6e6e6 url("../images/checkister-step5.jpg") 80% center no-repeat;
}

@media (max-width: 996px) {
    .checkister.step5 .main-content {
        background-position: right center;
    }
}

@media (max-width: 480px) {
    .checkister.step5 .main-content {
        background-image: none;
        padding: 0;
    }
}

.checkister.step5 .main-content h2 {
    color: #000000;
    margin-bottom: 10px;
}

.checkister.step5 .main-content h3 {
    margin: 0;
    font-size: 12px;
    line-height: 40px;
    color: #1b1b1b;
    text-transform: uppercase;
}

.checkister.step5 .main-content p {
    letter-spacing: normal;
    color: #000000;
}

.checkister.step5 .main-content .checkister-wrapper {
    background: none;
}

.checkister.step5 .main-content span.subtitle {
    padding-top: 0;
    padding-left: 0;
    border-bottom: 1px solid #dfdfdf;
    border-top: none;
    background: none;
}

.checkister.step5 .main-content .bloc-title {
    color: #26211E;
}

.checkister.step5 .main-content .bloc-title h2, .checkister.step5 .main-content .bloc-title h2 + p {
    color: #26211E !important;
}

.checkister.step5 .main-content .link-btn {
    display: block;
    margin-top: 30px;
}

.checkister.step5 .main-content .icon-Delivery_off {
    position: relative;
    display: inline-block;
    margin: 0 20px 0 0;
    font-size: 30px;
    vertical-align: middle;
}

.delivery-address .checkister .main-content__title {
    color: #26211E;
    background: #d5d5d5;
}

.register__machine {
    position: relative;
}

.register__machine__link {
    position: absolute;
    top: 100px;
    left: 10px;
    display: block;
    width: 50%;
    height: 120px;
}

.register__machine img:nth-child(2) {
    display: none;
}

.register__machine.active img:nth-child(1) {
    display: none;
}

.register__machine.active img:nth-child(2) {
    display: block;
}

.basket-dialog {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 30;
    display: none;
    width: 415px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateX(100%);
    -khtml-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -khtml-transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.basket-dialog.opened {
    -webkit-transform: translateX(0);
    -khtml-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.basket-dialog__wrapper {
    background-color: #ffffff;
    height: 100%;
}

.basket-dialog .proceed-checkout {
    height: 39px;
    background-color: #3D8705;
    font-size: 12px;
    letter-spacing: 0.06em;
    border-radius: 4px;
    float: right;
    line-height: 39px;
    color: #ffffff;
    text-decoration: none;
    padding: 0 35px 0 20px;
    position: relative;
}

.basket-dialog .proceed-checkout:after {
    content: "\f105";
    font-family: "fontawesome";
    position: absolute;
    right: 19px;
}

.basket-dialog .basket-dialog-header {
    position: relative;
    width: 100%;
}

.basket-dialog .basket-dialog-header .shopping-bag {
    color: #26211E;
    font-size: 20px;
    float: left;
    font-weight: bold;
    padding: 20px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

@media only screen and (max-width: 768px) {
    .basket-dialog .basket-dialog-header .shopping-bag {
        font-size: 24px;
        line-height: 50px;
        letter-spacing: 0;
        padding: 0 10px;
    }
}

.basket-dialog .basket-dialog-header p {
    clear: both;
    padding: 20px;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #1b1b1b;
    background-color: #f9f9f9;
}

@media only screen and (max-width: 768px) {
    .basket-dialog .basket-dialog-header p {
        padding: 20px 10px;
        font-size: 16px;
        line-height: normal;
    }
}

.basket-dialog .basket-dialog-header .close {
    position: absolute;
    right: 0;
    top: 18px;
    width: 28px;
    margin: 0 20px;
    text-align: center;
    padding: 8px;
    color: #000000;
    font-size: 12px;
    text-decoration: none;
    background: #f9f9f9;
}

@media only screen and (max-width: 768px) {
    .basket-dialog .basket-dialog-header .close {
        width: 50px;
        height: 50px;
        padding: 0;
        margin: 0;
        line-height: 50px;
        font-size: 10px;
        font-weight: bold;
        top: 0;
        background: #b8b8b8;
    }
}

.basket-dialog .basket-dialog-warning {
    position: relative;
    padding: 20px 20px 20px 60px;
    width: 100%;
    font-size: 13px;
    line-height: 17px;
    background-color: #dd3232;
}

.basket-dialog .basket-dialog-warning:before {
    content: "\e93b";
    font-family: "nnsa";
    position: absolute;
    left: 12px;
    top: 50%;
    display: block;
    margin-top: -18px;
    font-size: 35px;
    line-height: normal;
}

@media only screen and (max-width: 768px) {
    .basket-dialog .basket-dialog-warning {
        padding: 10px;
    }

    .basket-dialog .basket-dialog-warning:before {
        display: none;
    }
}

.basket-dialog .basket-dialog-product {
    width: 100%;
    height: calc(100% - 368px);
    padding: 20px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #ffffff;
    border-bottom: 1px solid #f8f8f8;
}

@media only screen and (max-width: 768px) {
    .basket-dialog .basket-dialog-product {
        padding: 10px;
    }
}

.basket-dialog .basket-dialog-product ul {
    padding: 0;
    margin: 0;
}

.basket-dialog .basket-dialog-product ul li {
    margin-bottom: 20px;
    list-style: none;
    color: #000000;
}

.basket-dialog .basket-dialog-product ul li li {
    margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
    .basket-dialog .basket-dialog-product ul li li {
        padding: 10px 0;
    }
}

.basket-dialog .basket-dialog-product ul li:last-of-type ul li:last-of-type {
    border-bottom: 0 !important;
}

.basket-dialog .basket-dialog-product ul li .basket-product-header {
    position: relative;
    border-bottom: 1px solid #f8f8f8;
    margin: 0 0 20px;
}

@media screen and (max-width: 768px) {
    .basket-dialog .basket-dialog-product ul li .basket-product-header {
        margin: 0 0 10px;
    }
}

.basket-dialog .basket-dialog-product ul li .basket-product-header p {
    font-size: 16px;
    letter-spacing: 0.1em;
    font-weight: bold;
    display: inline-block;
    margin: 0;
}

.basket-dialog .basket-dialog-product ul li .basket-product-header p span {
    font-size: 10px;
    vertical-align: top;
}

.basket-dialog .basket-dialog-product ul li .basket-product-header .icon, .basket-dialog .basket-dialog-product ul li .basket-product-header .btn.btn-icon i.icon-nespresso, .btn.btn-icon .basket-dialog .basket-dialog-product ul li .basket-product-header i.icon-nespresso, .basket-dialog .basket-dialog-product ul li .basket-product-header .btn.btn-icon-right i.icon-nespresso, .btn.btn-icon-right .basket-dialog .basket-dialog-product ul li .basket-product-header i.icon-nespresso, .basket-dialog .basket-dialog-product ul li .basket-product-header .btn.btn-nav.btn-basket .side-icon, .btn.btn-nav.btn-basket .basket-dialog .basket-dialog-product ul li .basket-product-header .side-icon, .basket-dialog .basket-dialog-product .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .basket-product-header .product-text .product-description .cupsize i:before, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category .basket-dialog .basket-dialog-product ul.list li.product .basket-product-header .product-text .product-description .cupsize i:before, .basket-dialog .basket-dialog-product .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .cupsize .basket-product-header i:before, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category .basket-dialog .basket-dialog-product ul.list li.product .product-text .product-description .cupsize .basket-product-header i:before, .basket-dialog .basket-dialog-product ul li .basket-product-header #header h1 a:before, #header h1 .basket-dialog .basket-dialog-product ul li .basket-product-header a:before, .basket-dialog .basket-dialog-product ul li .basket-product-header .slocator .slocator-locations__details-action:before, .slocator .basket-dialog .basket-dialog-product ul li .basket-product-header .slocator-locations__details-action:before {
    left: auto;
    right: 0;
    display: block;
    font-size: 18px;
}

.basket-dialog .basket-dialog-product ul li .btn {
    padding: 12px 9px;
    min-width: 50px;
    text-align: center;
}

.basket-dialog--warning .basket-dialog-product {
    height: calc(100% - 459px);
}

.basket-dialog .sub-dialog-product li {
    display: flex;
    justify-content: flex-start;
    display: -webkit-flex;
    /* Safari */
    -webkit-align-items: center;
    /* Safari 7.0+ */
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #f8f8f8;
    width: 100%;
    font-weight: bold;
    font-size: 12px;
}

.basket-dialog .sub-dialog-product li .basket-product-image,
.basket-dialog .sub-dialog-product li .basket-product-title,
.basket-dialog .sub-dialog-product li .basket-product-qty,
.basket-dialog .sub-dialog-product li .basket-product-price {
    float: left;
    height: 100%;
}

.basket-dialog .sub-dialog-product li .basket-product-image {
    width: 22%;
}

.basket-dialog .sub-dialog-product li .basket-product-image img {
    max-width: 58px;
    height: auto;
    display: block;
}

@media screen and (max-width: 768px) {
    .basket-dialog .sub-dialog-product li .basket-product-image {
        width: 30%;
    }
}

.basket-dialog .sub-dialog-product li .basket-product-title {
    font-size: 12px;
    text-transform: capitalize;
    width: 59%;
}

.basket-dialog .sub-dialog-product li .basket-product-title span {
    display: block;
    color: #986F38;
    padding: 5px 0 0 0;
    font-weight: normal;
}

@media screen and (max-width: 768px) {
    .basket-dialog .sub-dialog-product li .basket-product-title {
        margin: 0 10px;
        font-size: 14px;
        font-weight: normal;
    }
}

.basket-dialog .sub-dialog-product li .basket-product-qty {
    width: 19%;
    position: relative;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .basket-dialog .sub-dialog-product li .basket-product-qty {
        width: 80px;
    }
}

.basket-dialog .sub-dialog-product li .basket-product-price {
    color: #986F38;
    text-align: right;
    width: 20%;
    letter-spacing: 0.2em;
    font-size: 12px;
    font-weight: bold;
}

.basket-dialog .basket-dialog-footer {
    width: 100%;
    background-color: #ffffff;
    padding: 20px;
    color: #000000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

@media only screen and (max-width: 768px) {
    .basket-dialog .basket-dialog-footer {
        padding: 10px;
    }
}

.basket-dialog .basket-dialog-footer .basket-total-price {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    letter-spacing: 0.1em;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #dbdfe5;
}

.basket-dialog .basket-dialog-footer .basket-total-price span {
    font-size: 16px;
    color: #986F38;
    letter-spacing: 0.06em;
    float: right;
}

@media screen and (max-width: 768px) {
    .basket-dialog .basket-dialog-footer .basket-total-price {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }
}

.basket-dialog .basket-dialog-footer .basket-subtotal-price, .basket-dialog .basket-dialog-footer .basket-vat-price {
    width: 100%;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 10px;
}

.basket-dialog .basket-dialog-footer .basket-subtotal-price span, .basket-dialog .basket-dialog-footer .basket-vat-price span {
    font-size: 13px;
    color: #986F38;
    letter-spacing: 0.06em;
    float: right;
}

.basket-dialog .basket-dialog-footer .basket-footer-bottom {
    width: 100%;
}

.basket-dialog .basket-dialog-footer .basket-footer-bottom p {
    font-size: 12px;
    color: #757575;
    margin: 0 0 20px;
}

@media only screen and (max-width: 768px) {
    .basket-dialog .basket-dialog-footer .basket-footer-bottom p {
        margin-bottom: 10px;
    }
}

.basket-dialog .basket-dialog-footer .basket-footer-bottom .btn {
    text-align: center;
    display: block;
}

@media only screen and (max-width: 768px) {
    .basket-dialog {
        position: fixed;
        top: 0;
        right: 0;
        left: 50px;
        bottom: 0;
        width: auto;
    }

    .basket-dialog .basket-dialog-product {
        height: calc(100% - 310px);
        max-height: none;
    }
}

@media only screen and (max-width: 996px) {
    .basket-dialog .custom-dropdown.basket.opened {
        z-index: 7;
    }

    .basket-dialog .custom-dropdown.basket .basket-dialog {
        width: calc(100% - 50px);
    }
}

.sbag-loading {
    background: url("../images/balls.gif") no-repeat center center;
    min-height: 100px;
}

.sbag-no-product {
    font-size: 12px;
}

.sbag-no-product .title {
    font-size: 16px;
    text-align: center;
    color: #000000;
    margin-bottom: 20px;
}

.sbag-no-product .btn {
    margin-bottom: 20px;
    margin-left: 0;
}

#mask, #mask-mini-basket {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
}

@media only screen and (max-width: 996px) {
    #mask {
        top: 50px;
    }
}

.login-page .btn {
    margin-top: 20px;
}

.login-page .account-detail {
    min-height: 380px;
}

@media only screen and (max-width: 996px) {
    .login-page .account-detail {
        min-height: 0;
    }
}

@media only screen and (max-width: 996px) {
    .login-page .md-no-padding-left {
        padding-left: 0;
    }
}

@media only screen and (max-width: 996px) {
    .login-page .md-no-padding-right {
        padding-right: 0;
    }
}

.login-page__password-forgotten {
    text-align: right;
    clear: both;
}

.login-page__remember {
    clear: both;
}

.login-page__register-info {
    margin-top: 20px;
}

.login-page__register-info ul {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

.login-page__register-info ul li {
    font-size: 11px;
    color: #757575;
    margin-bottom: 10px;
    padding-left: 40px;
}

.login-page__register-info ul li i.fa {
    color: #3e8622;
    width: 40px;
    margin-left: -40px;
    font-size: 16px;
    vertical-align: middle;
}

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.4.1 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
    .featherlight {
        display: none;
        /* dimensions: spanning the background from edge to edge */
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2147483647;
        /* z-index needs to be >= elements on the site. */
        /* position: centering content */
        text-align: center;
        /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
        white-space: nowrap;
        /* styling */
        cursor: pointer;
        background: #333;
        /* IE8 "hack" for nested featherlights */
        background: rgba(0, 0, 0, 0);
    }

    /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
    .featherlight:last-of-type {
        background: rgba(0, 0, 0, 0.8);
    }

    .featherlight:before {
        /* position: trick to center content vertically */
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em;
    }

    .featherlight .featherlight-content {
        /* make content container for positioned elements (close button) */
        position: relative;
        /* position: centering vertical and horizontal */
        text-align: left;
        vertical-align: middle;
        display: inline-block;
        /* dimensions: cut off images */
        overflow: auto;
        padding: 25px 25px 0;
        border-bottom: 25px solid transparent;
        /* dimensions: handling large content */
        margin-left: 5%;
        margin-right: 5%;
        max-height: 95%;
        /* styling */
        background: #fff;
        cursor: auto;
        /* reset white-space wrapping */
        white-space: normal;
    }

    /* contains the content */
    .featherlight .featherlight-inner {
        /* make sure its visible */
        display: block;
    }

    .featherlight .featherlight-close-icon {
        /* position: centering vertical and horizontal */
        position: absolute;
        z-index: 9999;
        top: 0;
        right: 0;
        /* dimensions: 25px x 25px */
        line-height: 25px;
        width: 25px;
        /* styling */
        cursor: pointer;
        text-align: center;
        font-family: Arial, sans-serif;
        background: #fff;
        /* Set the background in case it overlaps the content */
        background: rgba(255, 255, 255, 0.3);
        color: #000;
    }

    .featherlight .featherlight-image {
        /* styling */
        width: 100%;
    }

    .featherlight-iframe .featherlight-content {
        /* removed the border for image croping since iframe is edge to edge */
        border-bottom: 0;
        padding: 0;
    }

    .featherlight iframe {
        /* styling */
        border: none;
    }
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
    .featherlight .featherlight-content {
        /* dimensions: maximize lightbox with for small screens */
        margin-left: 10px;
        margin-right: 10px;
        max-height: 98%;
        padding: 10px 10px 0;
        border-bottom: 10px solid transparent;
    }
}

.featherlight {
    overflow-x: hidden;
}

.featherlight .featherlight-content {
    color: #000000;
    border-bottom: none;
    padding: 0px 10px;
    font-size: 1.1em;
    max-width: 768px;
    max-height: 100%;
    overflow-x: hidden;
}

@media (max-width: 996px) {
    .featherlight .featherlight-content {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.featherlight .featherlight-content #content {
    padding-bottom: 0;
}

.featherlight .featherlight-content #content .checkbox input {
    margin-top: 5px;
}

.featherlight .featherlight-close-icon {
    background: none;
    color: black;
    cursor: pointer;
    font-family: Arial, sans-serif;
    line-height: 37px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    z-index: 9999;
    border-radius: 50%;
    width: 37px;
    height: 37px;
    border: 1px solid #000;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 16px;
}

.featherlight .featherlight-close-icon:hover, .featherlight .featherlight-close-icon:focus, .featherlight .featherlight-close-icon:active {
    font-size: 20px;
    font-weight: bold;
}

.pickup > header {
    background: #ebebeb;
    padding: 20px 20px 0;
    margin-left: -10px;
    margin-right: -10px;
}

.pickup > header h2 {
    margin-right: 40px;
    color: #000000;
    margin-bottom: 20px;
    line-height: 1em;
}

.pickup > header .label-masked {
    display: none;
}

.pickup > header .form-control {
    text-transform: uppercase;
}

.pickup > header .btn {
    height: 41px;
    padding: 12px 12px;
    margin-left: -5px;
}

.pickup__deliveryoptions {
    padding: 20px 0px 5px 0px;
}

.pickup__deliveryoptions__title {
    margin-bottom: 10px;
}

.pickup__deliveryoptions__option {
    padding-bottom: 15px;
}

.pickup__deliveryoptions__info a {
    vertical-align: bottom;
    margin-right: 10px;
    color: #000000;
    font-size: 18px;
    text-decoration: none;
}

.pickup__deliveryoptions__price {
    font-weight: bold;
}

.pickup__intro {
    background: #ebebeb;
    padding: 20px 0px;
}

.pickup__header__target {
    background: #656565;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 8px 8px 7px;
}

.pickup__entete {
    background: #000000;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 0;
    font-size: 16px;
}

.pickup__entete.deliverytime {
    text-align: left;
    padding-left: 15px;
}

.pickup #pickup-shoplist {
    display: none;
}

.pickup #pickup-shoplist.active {
    display: block;
}

.pickup #pickup-shoplist .pickup__shop__info {
    float: left;
    text-transform: uppercase;
    width: calc(100% - 40px);
}

@media only screen and (max-width: 768px) {
    .pickup #pickup-shoplist .pickup__shop__info {
        width: calc(100% - 30px);
    }
}

.pickup #pickup-shoplist .pickup__shop__info > strong {
    display: block;
    margin-bottom: 10px;
}

.pickup #pickup-shoplist a.link-btn {
    position: relative;
    z-index: 20;
}

.pickup #pickup-shoplist .pickup__shop__select {
    margin-top: 0;
}

@media only screen and (max-width: 768px) {
    .pickup #pickup-shoplist .pickup__shop__select {
        margin-top: -90px;
    }
}

@media only screen and (max-width: 370px) {
    .pickup #pickup-shoplist .pickup__shop__select {
        margin-top: -30px;
    }
}

.pickup #pickup-shoplist p {
    margin-top: 0;
    margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
    .pickup #pickup-shoplist p {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 370px) {
    .pickup #pickup-shoplist p {
        margin-bottom: 20px;
    }
}

.pickup__map {
    display: none;
    width: 750px;
    height: 500px;
}

.pickup__map img {
    width: 100%;
    height: 98%;
}

.pickup__map.active {
    display: block;
}

.pickup__shop {
    padding: 20px;
    border-bottom: solid 1px #ebebeb;
}

@media only screen and (max-width: 768px) {
    .pickup__shop {
        padding: 20px 10px;
    }
}

.pickup__shop .img-point {
    max-width: 25px;
    margin: 0 15px 45px 0;
    float: left;
}

@media only screen and (max-width: 768px) {
    .pickup__shop .img-point {
        max-width: 20px;
        margin: 0 10px 45px 0;
    }
}

.pickup__shop > i.icon, .btn.btn-icon .pickup__shop > i.icon-nespresso, .btn.btn-icon-right .pickup__shop > i.icon-nespresso, .btn.btn-nav.btn-basket .pickup__shop > i.side-icon, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .cupsize .pickup__shop > i:before, .slocator .pickup__shop > i.slocator-locations__details-action:before {
    float: left;
    font-size: 30px;
    max-width: 45px;
    margin: 0px 15px 20px 0px;
}

.pickup__shop__info {
    float: left;
    text-transform: uppercase;
    width: calc(100% - 200px);
}

@media only screen and (max-width: 768px) {
    .pickup__shop__info {
        width: calc(100% - 70px);
    }
}

.pickup__shop__seeaddress {
    clear: both;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #000000;
    text-decoration: none;
}

.pickup__shop__seeaddress:after {
    border: 1px solid #000000;
    border-radius: 100%;
    color: #000000;
    content: '\e90c';
    cursor: pointer;
    display: inline-block;
    font-family: nnsa;
    font-size: 12px;
    height: 25px;
    line-height: 20px;
    margin-left: 10px;
    margin-top: -4px;
    padding-right: 1px;
    text-align: center;
    transform: rotate(180deg);
    vertical-align: middle;
    width: 25px;
}

.pickup__shop__seeaddress.active:after {
    transform: rotate(0);
}

.pickup__shop__address {
    background: #ebebeb;
    color: #000000;
    padding: 20px 20px 20px 65px;
    margin: 0 -20px 20px;
    display: none;
    clear: both;
}

@media only screen and (max-width: 996px) {
    .pickup__shop__address {
        padding: 20px 20px 20px 20px;
    }
}

.pickup__shop__address > address {
    font-style: normal;
}

.pickup__shop__address.active {
    display: block;
}

.pickup__shop__select {
    margin-top: 20px;
}

.pickup__shop__select.clearfix, .my-order-history .pickup__shop__select.my-order-mobile__block, .my-order-history .pickup__shop__select.my-order-mobile__order, .my-order-history .pickup__shop__select.my-order-mobile__info {
    position: absolute;
    margin-top: 0;
    top: 20px;
    right: 20px;
}

@media only screen and (max-width: 768px) {
    .pickup__shop__select.clearfix, .my-order-history .pickup__shop__select.my-order-mobile__block, .my-order-history .pickup__shop__select.my-order-mobile__order, .my-order-history .pickup__shop__select.my-order-mobile__info {
        margin-left: 0;
        position: static;
        clear: both;
    }
}

.pickup .pickup__switcher {
    margin-left: -15px;
    margin-right: -15px;
}

.pickup .pickup__switcher__item {
    display: block;
    text-align: center;
    height: 65px;
    padding: 0 20px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.06em;
    text-decoration: none;
    background-color: #000000;
    color: #f9f9f9;
}

.pickup .pickup__switcher__item i {
    font-size: 24px;
    margin-right: 15px;
}

.pickup .pickup__switcher__item:hover, .pickup .pickup__switcher__item.active {
    background-color: white;
    color: #1c1d1d;
}

.pickup__horaires {
    padding: 10px 0px;
    border-bottom: solid 1px #ebebeb;
    font-weight: bold;
}

.pickup__horaires__heure, .pickup__horaires__prix {
    padding-top: 10px;
}

.pickup__horaires .btn.btn-small {
    font-size: 18px;
    height: auto;
    padding: 10px 13px 10px 13px;
}

.main-heading {
    clear: both;
    padding: 20px 0 20px 0;
    width: 100%;
}

.main-heading p {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 6px 0;
}

.main-heading span {
    color: #ffffff;
    opacity: 0.6;
    font-size: 12px;
}

@media (max-width: 480px) {
    .main-heading p {
        font-size: 14px;
    }

    .main-heading span {
        font-size: 10px;
    }
}

/* Menu */
.main-nav {
    position: relative;
    z-index: 1;
    background-color: #1b1b1b;
    width: 100%;
    float: left;
    margin-top: 80px;
}

@media only screen and (max-width: 996px) {
    .main-nav {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        margin-top: 0;
        z-index: 25;
        background-color: transparent;
    }

    .main-nav.overflow {
        overflow-y: scroll;
        /* has to be scroll, not auto */
        -webkit-overflow-scrolling: touch;
    }
}

@media only screen and (max-width: 768px) {
    .main-nav {
        width: calc(100% - 50px);
    }
}

.menu-container {
    margin: 0;
    padding: 0;
}

.menu-container > ul {
    padding: 0;
}

.menu-container li {
    list-style: none;
    display: inline-block;
    opacity: 1;
    width: 12.5%;
    float: left;
}

.menu-container li.menu-language {
    z-index: 1;
}

.menu-container li.menu-business-solutions .sub-menu > li .menu-head a span {
    margin-bottom: 40px;
}

@media only screen and (max-width: 996px) {
    .menu-container li.menu-business-solutions .sub-menu > li .menu-head a span {
        position: relative;
        display: block;
        margin-bottom: 0;
        padding: 3px 0;
        font-size: 14px;
        line-height: normal;
        text-transform: none;
        font-weight: normal;
        letter-spacing: normal;
    }

    .menu-container li.menu-business-solutions .sub-menu > li .menu-head a span:after {
        content: "";
        background: url(../images/mobile-arrow.png) no-repeat right top;
        background-size: 12px auto;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 5px;
        height: 23px;
    }
}

@media only screen and (max-width: 996px) {
    .menu-container li.menu-accessories .sub-menu > li .product-info-wrap:last-child, .menu-container li.menu-our-services .sub-menu > li .product-info-wrap:last-child {
        border-bottom: 1px solid #b8b8b8;
    }
}

.menu-container li.last a:before {
    content: "";
    display: none;
}

.menu-container li:hover a {
    background-position: center bottom 46px;
    background-color: #ffffff;
    color: #000000;
}

.menu-container li:hover li a {
    color: #26211E;
}

.menu-container li a {
    background-position: center top 18px;
    background-repeat: no-repeat;
    display: block;
    padding: 44px 0 7px 0;
    font-size: 13px;
    line-height: 14px;
    color: #d5d5d5;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    text-align: center;
}

.menu-container li a .icon, .menu-container li a .btn.btn-icon i.icon-nespresso, .btn.btn-icon .menu-container li a i.icon-nespresso, .menu-container li a .btn.btn-icon-right i.icon-nespresso, .btn.btn-icon-right .menu-container li a i.icon-nespresso, .menu-container li a .btn.btn-nav.btn-basket .side-icon, .btn.btn-nav.btn-basket .menu-container li a .side-icon, .menu-container .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product a .product-text .product-description .cupsize i:before, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list .menu-container li.product a .product-text .product-description .cupsize i:before, .menu-container .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .cupsize a i:before, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list .menu-container li.product .product-text .product-description .cupsize a i:before, .menu-container li a #header h1 a:before, #header h1 .menu-container li a a:before, .menu-container li a .slocator .slocator-locations__details-action:before, .slocator .menu-container li a .slocator-locations__details-action:before, .menu-container li a .fa {
    display: block;
    position: absolute;
    top: 23px;
    left: 50%;
    font-size: 20px;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.menu-container li a:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 53px;
    right: 0;
    top: 6px;
    background: #313131;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.menu-container li:hover a:before {
    content: "";
    background: white;
}

.menu-container li .menu-language {
    background: none;
}

.menu-container li .menu-language__item {
    display: block;
    line-height: 40px;
    margin: 20px;
}

.menu-container li .menu-language__item__l, .menu-container li .menu-language__item__r {
    display: block;
}

.menu-container li .menu-language__item__r {
    width: 100%;
}

@media only screen and (max-width: 996px) {
    .menu-container {
        position: absolute;
        width: calc(100% - 50px);
        left: 0;
        top: 0;
        z-index: 3;
        display: none;
    }

    .menu-container li {
        width: 100%;
        padding: 0;
        background: #1b1b1b;
    }

    .menu-container li.menu-language {
        background: none;
    }

    .menu-container li a {
        padding: 17px 0 18px 50px;
        text-align: left;
        background-position: left 7px;
        border-bottom: 1px solid #757575;
        text-transform: uppercase;
        position: relative;
    }

    .menu-container li a.active:after {
        display: block;
        content: '';
        position: absolute;
        left: 67px;
        top: 50%;
        width: 0;
        height: 0;
        border-right: 8px solid white;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .menu-container li a:before {
        display: none;
    }

    .menu-container li a .icon, .menu-container li a .btn.btn-icon i.icon-nespresso, .btn.btn-icon .menu-container li a i.icon-nespresso, .menu-container li a .btn.btn-icon-right i.icon-nespresso, .btn.btn-icon-right .menu-container li a i.icon-nespresso, .menu-container li a .btn.btn-nav.btn-basket .side-icon, .btn.btn-nav.btn-basket .menu-container li a .side-icon, .menu-container .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product a .product-text .product-description .cupsize i:before, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list .menu-container li.product a .product-text .product-description .cupsize i:before, .menu-container .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .cupsize a i:before, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list .menu-container li.product .product-text .product-description .cupsize a i:before, .menu-container li a #header h1 a:before, #header h1 .menu-container li a a:before, .menu-container li a .slocator .slocator-locations__details-action:before, .slocator .menu-container li a .slocator-locations__details-action:before, .menu-container li a .fa {
        left: 25px;
        top: 50%;
        font-size: 16px;
        -webkit-transform: translate(-50%, -50%);
        -khtml-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .menu-container li a .icon.icon-location, .menu-container li a .btn.btn-icon i.icon-location.icon-nespresso, .btn.btn-icon .menu-container li a i.icon-location.icon-nespresso, .menu-container li a .btn.btn-icon-right i.icon-location.icon-nespresso, .btn.btn-icon-right .menu-container li a i.icon-location.icon-nespresso, .menu-container li a .btn.btn-nav.btn-basket .icon-location.side-icon, .btn.btn-nav.btn-basket .menu-container li a .icon-location.side-icon, .menu-container .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product a .product-text .product-description .cupsize i.icon-location:before, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list .menu-container li.product a .product-text .product-description .cupsize i.icon-location:before, .menu-container .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .cupsize a i.icon-location:before, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list .menu-container li.product .product-text .product-description .cupsize a i.icon-location:before, .menu-container li a #header h1 a.icon-location:before, #header h1 .menu-container li a a.icon-location:before, .menu-container li a .slocator .icon-location.slocator-locations__details-action:before, .slocator .menu-container li a .icon-location.slocator-locations__details-action:before, .menu-container li a .fa.icon-location {
        font-size: 24px;
    }

    .menu-container li:hover {
        width: 100%;
    }

    .menu-container li:hover a:after {
        right: 15px;
    }

    .menu-container li.menu-coffee .sub-menu .product-info-wrap {
        padding: 0;
    }

    .menu-container li.menu-coffee .sub-menu .product-info {
        text-align: left;
    }

    .menu-container li:nth-child(8) {
        width: 100%;
    }

    .menu-container li.last {
        width: 100%;
    }

    .menu-container li.last a {
        border-bottom: none;
    }

    .menu-container li > a:after {
        content: "";
        background: url(../images/mobile-arrow.png) no-repeat right top;
        background-size: 12px auto;
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 5px;
        height: 23px;
    }

    .menu-container li > a.noarrow:after {
        display: none;
    }

    .menu-container > li:hover > a {
        color: white;
        background-color: #656565;
    }
}

@media only screen and (max-width: 768px) {
    .menu-container {
        width: 100%;
    }
}

.mobile-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    display: none;
    margin: 0;
    background: #000000;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

@media only screen and (max-width: 996px) {
    .mobile-menu {
        display: block;
    }
}

.mobile-menu .bars {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    background: none;
    transition: background 0.4s;
}

.mobile-menu .bars:focus {
    outline: none;
}

.mobile-menu .bars span {
    display: block;
    position: absolute;
    top: 24px;
    left: 12px;
    right: 12px;
    height: 2px;
    background: white;
    transition: background 0 0.4s;
}

.mobile-menu .bars span:before, .mobile-menu .bars span:after {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    content: "";
    transition-duration: 0.4s, 0.4s;
    transition-delay: 0.4s, 0;
}

.mobile-menu .bars span:before {
    top: -7px;
    transition-property: top, transform;
}

.mobile-menu .bars span:after {
    bottom: -7px;
    transition-property: bottom, transform;
}

.mobile-menu.arrow-expand .bars span {
    background: none;
}

.mobile-menu.arrow-expand .bars span:before, .mobile-menu.arrow-expand .bars span:after {
    transition-delay: 0, 0.4s;
}

.mobile-menu.arrow-expand .bars span:before {
    top: 0;
    transform: rotate(45deg);
}

.mobile-menu.arrow-expand .bars span:after {
    bottom: 0;
    transform: rotate(-45deg);
}

.sub-menu {
    position: absolute;
    left: 0;
    z-index: 3;
    display: none;
    padding: 8px 8px 8px 0;
    width: 100%;
    background: #ffffff !important;
    border-bottom: 1px solid #e8e5e5;
}

.sub-menu ul {
    position: relative;
    margin: 0;
    padding: 0;
}

.sub-menu ul li {
    margin: 0;
}

.sub-menu ul li a {
    padding-bottom: 11px;
    padding-top: 11px;
    font-size: 14px;
}

.sub-menu ul li a:hover {
    background: #b8b8b8;
}

.sub-menu > li {
    width: 25%;
    float: left;
    border-left: 1px solid #e8e5e5;
}

@media only screen and (min-width: 996px) {
    .sub-menu > li {
        min-height: 228px;
    }

    .sub-menu > li:first-of-type {
        border-left: 0;
    }
}

.sub-menu > li ul li {
    width: 100% !important;
}

.sub-menu > li a {
    padding: 0;
    background-image: none !important;
    color: #26211E;
    font-size: 12px;
}

.sub-menu > li a:before {
    display: none;
}

.sub-menu > li a:after {
    right: 0 !important;
}

.sub-menu > li a:hover {
    color: #26211E;
}

.sub-menu > li .menu-head {
    padding-top: 13px;
    height: 115px;
}

.sub-menu > li .menu-head a {
    font-size: 16px;
    font-weight: normal;
}

.sub-menu > li .menu-head a span {
    display: block;
    margin-bottom: 20px;
}

.sub-menu > li .product-info-wrap {
    width: 100%;
    border-bottom: 1px solid #e8e5e5;
}

.sub-menu > li .product-info-wrap a {
    display: inline-block;
    vertical-align: middle;
}

.sub-menu > li .product-info-wrap:last-child {
    border-bottom: none;
}

.sub-menu > li .product-image {
    width: 78px;
    line-height: 114px;
    text-align: center;
    display: inline-block;
}

.sub-menu > li .product-info {
    display: inline-block;
    width: 116px;
    text-align: left;
}

.sub-menu > li .product-info a {
    text-align: left;
}

.sub-menu > li.menu-info {
    padding-left: 20px;
    padding-right: 20px;
}

.sub-menu > li.menu-info a {
    font-size: 14px;
    line-height: normal;
    font-weight: normal;
}

.sub-menu > li.menu-info a.link-green {
    color: #3D8705;
}

.sub-menu > li.menu-info a img {
    max-width: 100%;
}

.sub-menu > li.last-sub-menu {
    border-right: none;
    text-align: left;
}

.sub-menu > li.last-sub-menu a {
    text-align: left;
}

.sub-menu > li.last-sub-menu img {
    display: block;
    width: 100%;
}

@media only screen and (max-width: 996px) {
    .sub-menu {
        top: 0;
        padding: 0 10px 8px 0;
        background: none;
        margin-left: 50px;
        width: calc(100% - 40px);
        height: 450px;
    }

    .sub-menu ul {
        width: 100%;
    }

    .sub-menu ul li {
        padding: 0;
    }

    .sub-menu ul li a {
        padding: 14px 0 14px 10px;
        font-size: 14px;
        font-weight: normal;
        color: #3D8705 !important;
        border-bottom: 1px solid #b8b8b8;
    }

    .sub-menu ul li a:hover {
        background: none;
    }

    .sub-menu ul li:hover {
        padding-left: 0;
        padding-right: 0;
    }

    .sub-menu ul li:hover a {
        color: #3D8705;
    }

    .sub-menu li {
        width: 100% !important;
        background: #ffffff;
        margin: 0 !important;
        border-right: none;
    }

    .sub-menu li a {
        text-transform: inherit;
    }

    .sub-menu li .menu-head {
        height: auto;
        padding-top: 0;
    }

    .sub-menu li .menu-head a {
        border: 0;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        padding: 10px 0 10px;
        border-bottom: 1px solid #b8b8b8;
    }
}

@media only screen and (max-width: 996px) and (max-width: 768px) {
    .sub-menu li .menu-head a {
        font-size: 12px;
    }
}

@media only screen and (max-width: 996px) {
    .sub-menu li .product-info-wrap {
        padding-top: 0 !important;
        padding-bottom: 0;
    }

    .sub-menu li .product-image {
        display: none;
    }

    .sub-menu li .product-info {
        width: 100%;
    }

    .sub-menu li.last-sub-menu {
        display: none;
        width: 100%;
    }

    .sub-menu li.last-sub-menu a {
        padding-left: 0;
        border-bottom: none;
    }

    .sub-menu li.last-sub-menu img {
        max-width: 100%;
    }

    .sub-menu li .product-info-wrap {
        border-bottom: 1px solid #b8b8b8;
    }

    .sub-menu li .product-info-wrap a {
        display: block;
        font-size: 14px;
        line-height: normal;
        border-bottom: none;
    }

    .sub-menu li .product-info-wrap a:after {
        content: "";
        background: url(../images/mobile-arrow.png) no-repeat right top;
        background-size: 12px auto;
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 5px;
        height: 23px;
    }

    .sub-menu > li {
        padding: 0 10px;
        border-bottom: none;
    }

    .sub-menu > li.menu-info {
        padding: 0 10px;
    }

    .sub-menu > li .menu-head a span {
        margin-bottom: 0;
    }

    .sub-menu > li a {
        padding: 13px 0;
    }
}

/**
 * Header style
 */
/* Header */
.header-container {
    position: relative;
    z-index: 3;
}

.header-container .container {
    position: relative;
}

@media only screen and (max-width: 996px) {
    .header-container {
        height: 50px;
    }
}

#header {
    padding: 0;
    margin-bottom: 20px;
    width: 100%;
    float: left;
    /* controls container */
}

#header .site-branding {
    float: left;
}

#header .header__fixelts {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    background: #000000;
}

#header h1 {
    margin: 0;
}

#header h1 a {
    display: block;
    text-indent: -99999px;
    width: 192px;
    height: 64px;
    color: #ffffff;
    position: relative;
    text-decoration: none;
}

#header h1 a:before {
    font-size: 31px;
    position: absolute;
    top: 24px;
    left: 0;
    text-indent: 0;
}

#header a {
    cursor: pointer;
}

#header a.green-link {
    color: #3D8705;
}

@media only screen and (max-width: 996px) {
    #header {
        position: relative;
        padding-top: 0;
        padding-bottom: 6px;
    }

    #header .header__fixelts {
        height: 50px;
    }

    #header h1 {
        margin-left: 51px;
        border-left: 1px solid #0f0f0f;
    }

    #header h1.logo-light {
        margin-left: 0;
    }

    #header h1 a {
        margin-top: 4px;
        width: 130px;
        height: 40px;
    }

    #header h1 a:before {
        font-size: 21px;
        top: 10px;
    }
}

#header .site-control {
    float: right;
    /* controls (sign-in, basket) */
}

#header .site-control .custom-dropdown {
    margin-left: 18px;
}

#header .site-control .custom-dropdown.basket {
    float: right;
}

@media only screen and (max-width: 996px) {
    #header .site-control .custom-dropdown {
        height: 50px;
        padding: 0;
        z-index: 5;
        margin-left: 0;
    }
}

#header .drop__sign {
    position: relative;
    z-index: 20;
    float: left;
}

#header .drop__sign #sign__tooltip {
    position: relative;
    z-index: 20;
}

#header .drop__sign__mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
}

#header .drop__sign__close {
    display: none;
}

@media only screen and (max-width: 996px) {
    #header .drop__sign__close {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 21;
        background: #b8b8b8;
        width: 50px;
        height: 50px;
        border: none;
    }

    #header .drop__sign__close i {
        color: #000000;
    }
}

#header .drop__sign__tooltip {
    position: absolute;
    top: 37px;
    z-index: 20;
    display: none;
    width: 100%;
    padding: 14px;
    color: #000000;
    background: white;
}

@media only screen and (max-width: 996px) {
    #header .drop__sign__tooltip {
        top: 50px;
        right: -50px;
        width: 260px;
    }

    #header .drop__sign__tooltip .input-group {
        margin: 0;
    }
}

#header .drop__sign__tooltip .input-group .form-control::-moz-placeholder {
    color: #757575;
    opacity: 1;
}

#header .drop__sign__tooltip .input-group .form-control:-ms-input-placeholder {
    color: #757575;
}

#header .drop__sign__tooltip .input-group .form-control::-webkit-input-placeholder {
    color: #757575;
}

@media only screen and (max-width: 768px) {
    #header .drop__sign__tooltip .input-group .form-control::-moz-placeholder {
        color: transparent;
        opacity: 1;
    }

    #header .drop__sign__tooltip .input-group .form-control:-ms-input-placeholder {
        color: transparent;
    }

    #header .drop__sign__tooltip .input-group .form-control::-webkit-input-placeholder {
        color: transparent;
    }
}

#header .drop__sign__tooltip hr {
    border: none;
    border-bottom: 1px solid #e8e5e5;
    margin: 20px 0;
}

#header .drop__sign__tooltip .btn {
    text-align: center;
    display: block;
}

#header .drop__sign__tooltip p, #header .drop__sign__tooltip .is-dirty {
    margin: 10px 0 20px;
}

#header .drop__sign__title {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.banner {
    position: relative;
    overflow: hidden;
    height: 114px;
    width: 100%;
    text-align: center;
    background: #9ccfb0;
}

.banner img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.machine__poc--banner {
    position: relative;
    overflow: hidden;
    height: 114px;
    text-align: center;
    background: #9ccfb0;
}

.machine__poc--banner img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.machine__poc--wrapper {
    position: relative;
    margin: auto;
    max-width: 996px;
    height: 100%;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.machine__poc--visual-1 {
    position: absolute;
    top: 0;
    right: 40%;
    margin-right: -180px;
    min-height: 600px;
    transform: translateY(0);
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
}

@media only screen and (max-width: 768px) {
    .machine__poc--visual-1 {
        position: relative;
        min-height: 0;
        right: 60%;
        width: 160%;
    }
}

.machine__poc--visual-2 {
    position: absolute;
    top: 0;
    left: 60%;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

@media only screen and (max-width: 768px) {
    .machine__poc--visual-2 {
        position: static;
        width: 100%;
    }
}

.machine__poc--container {
    position: relative;
    overflow: hidden;
    height: 600px;
    background: white;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

@media only screen and (max-width: 768px) {
    .machine__poc--container {
        height: auto;
    }
}

.machine__poc--container.active {
    height: calc(100vh - 79px);
}

@media only screen and (max-width: 768px) {
    .machine__poc--container.active {
        min-height: calc(100vh - 50px);
    }
}

.machine__poc--container.active .machine__poc--wrapper {
    max-width: 100%;
}

.machine__poc--container.active .machine__poc--visual-1 {
    top: 50%;
    right: 0;
    margin-right: 0;
    min-height: calc(100vh - 79px);
    transform: translateY(-50%);
}

@media only screen and (max-width: 768px) {
    .machine__poc--container.active .machine__poc--visual-1 {
        min-height: calc(100vh - 50px);
        transform: translate(-65%, -50%);
        width: auto;
        left: 40%;
    }
}

.machine__poc--container.active .machine__poc--visual-2 {
    opacity: 0;
}

#footer {
    clear: both;
}

#footer h3 {
    margin: auto;
    padding: 20px 0;
    width: 300px;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

#footer h3 i {
    display: none;
    font-size: 35px;
    line-height: 35px;
    vertical-align: top;
}

#footer .footer__list-table {
    display: table;
    table-layout: fixed;
    padding: 0;
    margin: 0 0 40px;
    width: 100%;
    list-style: none;
}

#footer .footer__list-table li {
    display: table-cell;
    vertical-align: top;
    padding: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

#footer .footer__list-table li:first-child {
    border: none;
}

#footer .footer__list-table li > i {
    display: table-cell;
    vertical-align: top;
    font-size: 24px;
    padding-right: 10px;
}

#footer .footer__list-table li > i + p {
    display: table-cell;
}

#footer .footer__list-table li p {
    vertical-align: top;
    margin-bottom: 20px;
    color: #bcbcbc;
}

#footer .footer__list-table__title {
    margin-bottom: 10px;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}

#footer .footer__bar {
    background: #1b1b1b;
    padding: 10px 20px;
}

#footer .footer__bar__links {
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
    float: right;
}

#footer .footer__bar__links li {
    display: inline-block;
}

#footer .footer__bar__links li:first-child a {
    border: none;
}

#footer .footer__bar__links li a {
    color: white;
    padding: 0 10px;
    letter-spacing: 0.06em;
    text-decoration: none;
    text-transform: uppercase;
    border-left: 1px solid white;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    -webkit-opacity: 0.7;
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    -ms-opacity: 0.7;
    -o-opacity: 0.7;
    opacity: 0.7;
}

#footer .footer__bar__links li a:hover, #footer .footer__bar__links li a:active, #footer .footer__bar__links li a:focus {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    text-decoration: underline;
}

#footer .footer__bar a.lang {
    display: inline-block;
    vertical-align: top;
}

#footer .footer__bar a.lang span {
    display: block;
    height: 40px;
    width: 40px;
}

#footer .footer__bar a.lang span.lang-en {
    background: url("../images/countries/us.png") no-repeat left center;
}

#footer .footer__bar a.lang span.lang-fr {
    background: url("../images/countries/fr.png") no-repeat left center;
}

#footer .footer__bar a.lang span.lang-it {
    background: url("../images/countries/it.png") no-repeat left center;
}

#footer .footer__bar .dropdown .btn.with-picto {
    padding-left: 42px;
}

#footer .footer__bar .dropdown label > span {
    position: absolute;
    left: 10px;
    top: 6px;
    display: inline-block;
    width: 24px;
    height: 25px;
}

#footer .footer__bar .dropdown label > span.lang-en {
    background: url("../images/countries/us.png") no-repeat center center;
}

#footer .footer__bar .dropdown label > span.lang-fr {
    background: url("../images/countries/fr.png") no-repeat center center;
}

#footer .footer__bar .dropdown label > span.lang-it {
    background: url("../images/countries/it.png") no-repeat center center;
}

#footer .footer__share {
    margin-bottom: 40px;
    padding: 10px 20px;
    color: #bcbcbc;
    text-align: center;
    letter-spacing: 0.06em;
}

#footer .footer__share span {
    font-size: 14px;
    line-height: 20px;
}

#footer .footer__share span.pull-right {
    text-transform: uppercase;
    font-size: 10px;
}

#footer .footer__share span.pull-right a {
    margin-right: 10px;
    color: #bcbcbc;
    text-decoration: none;
}

#footer .footer__share > a {
    color: white;
    text-decoration: none;
}

#footer .footer__share > a i {
    position: relative;
    top: 2px;
    margin-left: 10px;
    font-size: 14px;
}

#footer .footer__share ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer .footer__share ul li {
    display: inline-block;
}

#footer .footer__share ul li a {
    color: white;
    padding: 0 8px;
    line-height: 20px;
    text-decoration: none;
}

@media only screen and (max-width: 768px) {
    #footer h3 {
        width: 100%;
        border: none;
        font-size: 24px;
        text-align: left;
        line-height: 35px;
        vertical-align: top;
    }

    #footer h3.active i {
        line-height: 32px;
    }

    #footer h3.active i:before {
        content: "";
    }

    #footer h3 i {
        position: relative;
        margin-left: 20px;
        display: inline-block;
        width: 24px;
        font-size: 16px;
        line-height: 34px;
        text-align: center;
    }

    #footer h3 i:after {
        content: '';
        display: block;
        position: absolute;
        left: -1px;
        top: 5px;
        width: 24px;
        height: 24px;
        border: 1px solid white;
        -webkit-border-radius: 100%;
        -khtml-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
    }

    #footer .footer__list-table {
        display: none;
        overflow: hidden;
    }

    #footer .footer__list-table li {
        display: block;
        border: none;
        padding: 0 20px;
    }

    #footer .footer__list-table li p {
        margin: 0;
    }

    #footer .footer__list-table__title {
        margin-top: 20px;
        margin-bottom: 0;
    }

    #footer .footer__bar__links {
        float: none;
    }

    #footer .footer__bar__links li {
        display: block;
    }

    #footer .footer__bar__links li a {
        display: block;
        padding: 6px 0;
        border: none;
    }

    #footer .footer__share {
        text-align: left;
    }

    #footer .footer__share > * {
        float: none !important;
        display: block;
        margin-bottom: 20px;
        width: 100%;
    }

    #footer .footer__share ul {
        margin: -10px auto 20px;
        text-align: center;
    }

    #footer .footer__share ul li a {
        font-size: 24px;
    }
}

/*.CustomQuantityError,*/
/*.roundUpQty{*/
/*position: absolute;*/
/*}*/

.CustomQuantityError__error-message,
.roundUpQty__error-message,
.CustomQuantityError__rounding-message,
.roundUpQty__rounding-message {
    text-align: center;
    padding: 5px 11px;
    line-height: 20px;
}

.roundUpQty__rounding-message,
.CustomQuantityError__rounding-message {
    font-weight: 700;
}

.qty-selector{
    width: 212px;
    height: auto;
    background-color: #f9f9f9;
    color: #26211E;
    font-size: 12px;
    top: 0;
    left: 0;
    padding: 10px;
    border: 1px solid #b8b8b8;
    z-index: 5;
    right: 0;
    margin: auto
}

.qty-selector .qty-selection {
    float: left;
    width: 38px;
    height: 35px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    letter-spacing: 0.1em;
    font-weight: normal;
    line-height: 25px;
    border-radius: 3px;
}

.qty-selector .qty-selection.qty-nopad {
    border-left: 0;
}

.qty-selector .qty-selection:hover{
    color: #000;
    border: 1px solid #000;
}

.qty-selector .qty-selection:focus,
.qty-selector .qty-selection:active{
    color: #FFF;
    border: 1px solid #000;
    background: #000;
}

@media screen and (max-width: 767px) {
    .qty-selector .qty-selection:hover{
        color: #FFF;
        border: 1px solid #000;
        background: #000;
    }
}

/*.qty-selector .qty-input {
    margin-top: 15px;
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    padding: 1px;
}*/

.qty-selector .qty-input-custom {
    color: #000000;
    font-size: 13px;
    letter-spacing: 0.05em;
    width: 140px;
    background-color: #ffffff;
    height: 40px;
    padding: 0 6px;
    text-align: left;
    font-weight: normal;
    float: left;
    border-color: #d5d5d5;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.qty-selector .qty-input-custom:focus,
.qty-selector .qty-input-custom:not([disabled]):focus{
    outline: none;
    box-shadow: none;
}

.qty-selector .qty-input-submit {
    border: 0;
    background-color: #3D8705;
    color: #ffffff;
    float: left;
    width: 46px;
    height: 40px;
    text-align: center;
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-right-radiuss: 3px;
    -moz-border-bottom-right-radius: 3px;
    -khtml-border-bottom-right-radius: 3px;
    font-size: 15px;
    font-weight: 400;
}

.qty-selector:after,
.roundUpQty:after,
.CustomQuantityError:after{
    content: '';
    background: url(../images/chevron-bottom-qty-selector.png) no-repeat;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    width: 19px;
    height: 10px;
}

.qty-selector .qty-group-compact{
    position: relative;
    width: 100%;
    display: inline-block;
    margin-top: 15px;
}

.qty-selector .qty-group-compact .qty-input{
    display: inline-block;
    width: 100%;
}

.qty-selector .qty-group-compact .label {
    display: inline-block;
    position: absolute;
    top: 11px;
    left: 8px;
    color: #656565;
    cursor: text;
    text-align: left;
    transition: all .2s;
}

.qty-selector .qty-group-compact.qty-group-active .label {
    color: #8f7247;
    top: 2px;
    font-size: 10px;
}

.qty-selector .qty-group-compact.qty-group-active .qty-input-custom{
    font-size: 12px;
    padding-top: 10px;
}

.direction-bottom {
    bottom: -15px;
    top: initial !important;
}

.direction-bottom .qty-selector:after {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    -webkit-transform: rotate(180deg);
    -khtml-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1;
}

.direction-left {
    bottom: initial;
    top: 50% !important;
    margin-left: 0 !important;
    margin-top: -88px;
    left: -110px;
}

.direction-left .qty-selector:after {
    content: '';
    position: absolute;
    top: 50%;
    left: initial;
    margin-left: 0;
    -webkit-transform: rotate(-90deg);
    -khtml-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1;
    zoom: 1;
    right: -14px;
    margin-top: -5px;
}

.btn.btn-icon .product-qty + i,
.btn.btn-icon-right .product-qty + i {
    font-size: 6px;
    font-weight: bold;
}

.product-qty span.qty {
    display: block;
    /*
  font-size: 12px;
  padding: 10px;
  min-width: 38px;
  line-height: 19px;
  display: block;
  overflow: visible;
  */
}

.product-qty .product-qty-select {
    position: absolute;
    overflow: visible;
    top: 0;
    background: transparent;
    line-height: 1;
    border: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    font-size: 12px;
    text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
    text-align-last: center;
    display: none;
    margin: 0 auto;
    opacity: 0;
    -webkit-appearance: none;
    -khtml-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

@media only screen and (max-width: 768px) {
    .product-qty .product-qty-select {
        display: block;
        left: 0;
        z-index: 10;
    }
}

.product-qty .product-qty-select:focus {
    outline: none;
}

.product-qty .product-qty-select:focus::-ms-value {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.4);
}

.product-qty .product-qty-select::-ms-expand {
    display: none;
}

.product-qty .product-qty-select:-moz-focusring {
    text-shadow: 0 0 0 #000;
}

.product-qty .product-qty-select option {
    background-color: #ffffff;
    color: #000000;
    text-align: center;
}

ul.recommended-products {
    background-color: #b8b8b8;
    padding: 15px 0;
    list-style: none;
}

ul.recommended-products .content-info {
    background-color: transparent;
    position: absolute;
    padding: 0 15px;
    bottom: 0;
    height: 70px;
    left: 0;
    width: 100%;
}

ul.recommended-products .pro-info {
    color: #26211E;
    position: absolute;
    font-weight: bold;
    text-align: left;
    left: 15px;
    bottom: 15px;
    right: 70px;
}

ul.recommended-products .add-to-cart {
    float: right;
    margin-left: 5px;
    position: absolute;
    right: 15px;
    bottom: 15px;
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

ul.recommended-products .add-to-cart.click {
    margin-left: 27px;
    width: 29px;
}

ul.recommended-products .pro-title,
ul.recommended-products .pro-price {
    display: block;
    font-size: 12px;
}

ul.recommended-products .pro-title {
    padding: 0 0 4px 0;
}

ul.recommended-products .pro-price {
    color: #986F38;
    font-weight: 900;
}

ul.recommended-products li {
    text-align: center;
    padding-bottom: 80px;
    padding-top: 15px;
    border-left: 1px solid #e8e5e5;
    height: 205px;
}

ul.recommended-products li:nth-child(1) {
    border-left: 0;
}

ul.recommended-products li figure {
    display: block;
    text-align: center;
}

ul.recommended-products li figure img {
    margin: 0 auto;
    max-height: 107px;
}

ul.recommended-products li .thumb-section {
    height: 107px;
}

.shop-online-heading {
    text-align: center;
    margin: 0 -10px;
    padding: 20px;
    background-color: #ffffff;
    color: #000000;
}

.shop-online-heading > span {
    display: block;
    padding: 15px;
    font-size: 16px;
    text-transform: uppercase;
    padding-top: 0;
    font-weight: bold;
    letter-spacing: 0.08em;
}

@media only screen and (max-width: 769px) {
    .shop-online-heading > span {
        display: inline-block;
        position: relative;
        padding-right: 50px;
    }
}

@media (max-width: 480px) {
    .shop-online-heading .btn {
        width: calc(100% - 39px);
    }
}

.contactus .contactus-title {
    position: relative;
    margin-bottom: 20px;
    color: #ffffff;
}

.contactus .contactus-title h1 {
    letter-spacing: 0.1em;
    margin-top: 0;
}

.contactus .contactus-heading {
    color: #000000;
    padding-top: 20px;
    padding-bottom: 20px;
}

.contactus .contactus-subtitle {
    font-weight: bold;
    color: #000000;
    padding-top: 20px;
    padding-bottom: 40px;
    letter-spacing: 0.05em;
}

.contactus .contactus-main {
    background-color: #ffffff;
}

.contactus .contactus-main .contactus-icon-message {
    font-size: 38px;
    float: right;
    display: block;
    color: #000000;
    margin-top: 15px;
    margin-right: 10px;
}

.contactus .contactus-main hr {
    width: 100%;
    clear: both;
}

.contactus .contactus-main .contactus-form-second-part {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

@media only screen and (min-width: 997px) {
    .contactus .contactus-main .contactus-form-second-part-full .contactus-form-field label.desktop-label {
        width: 195px;
    }

    .contactus .contactus-main .contactus-form-second-part-full .contactus-form-field input, .contactus .contactus-main .contactus-form-second-part-full .contactus-form-field textarea {
        width: 701px;
    }

    .contactus .contactus-main .contactus-form-second-part-full .contactus-radiobutton label.desktop-label {
        width: 195px;
    }
}

.contactus .contactus-main .contactus-radiobutton .icon, .contactus .contactus-main .contactus-radiobutton .btn.btn-icon i.icon-nespresso, .btn.btn-icon .contactus .contactus-main .contactus-radiobutton i.icon-nespresso, .contactus .contactus-main .contactus-radiobutton .btn.btn-icon-right i.icon-nespresso, .btn.btn-icon-right .contactus .contactus-main .contactus-radiobutton i.icon-nespresso, .contactus .contactus-main .contactus-radiobutton .btn.btn-nav.btn-basket .side-icon, .btn.btn-nav.btn-basket .contactus .contactus-main .contactus-radiobutton .side-icon, .contactus .contactus-main .contactus-radiobutton .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .cupsize i:before, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .cupsize .contactus .contactus-main .contactus-radiobutton i:before, .contactus .contactus-main .contactus-radiobutton #header h1 a:before, #header h1 .contactus .contactus-main .contactus-radiobutton a:before, .contactus .contactus-main .contactus-radiobutton .slocator .slocator-locations__details-action:before, .slocator .contactus .contactus-main .contactus-radiobutton .slocator-locations__details-action:before {
    font-size: 16px;
}

.contactus .contactus-main textarea {
    height: 200px;
}

.contactus .contactus-form-sending {
    background-color: #cccccc;
    padding-top: 20px;
    padding-bottom: 20px;
}

.contactus .contactus-form-footer {
    color: #000000;
    text-align: left;
}

@media only screen and (max-width: 768px) {
    .contactus .contactus-form-footer {
        margin-bottom: 15px;
    }
}

.contactus .contactus-form-button {
    text-align: right;
}

.customer-services .customer-services-title {
    position: relative;
    margin-bottom: 20px;
    color: #ffffff;
}

.customer-services .customer-services-title h1 {
    letter-spacing: 0.1em;
    margin-top: 0;
}

.customer-services .customer-services-heading {
    color: #000000;
    padding-top: 20px;
    padding-bottom: 20px;
}

.customer-services .customer-services-main {
    background-color: #ffffff;
}

.customer-services .customer-services-main .customer-services-bloc {
    color: #000000;
    text-align: center;
    margin-bottom: 30px;
}

.customer-services .customer-services-main .customer-services-bloc .customer-services-bloc-content {
    background-color: #f4f4f4;
    padding: 30px;
    height: 275px;
    overflow: hidden;
    position: relative;
}

.customer-services .customer-services-main .customer-services-bloc .icon-title {
    font-size: 40px;
    margin: 10px;
}

.customer-services .customer-services-main .customer-services-bloc h3 {
    font-size: 16px;
    letter-spacing: 0.07em;
    margin-top: 30px;
    height: 50px;
    line-height: 18px;
}

.customer-services .customer-services-main .customer-services-bloc span.customer-services-bloc-description {
    display: block;
    padding: 0 30px;
}

.customer-services .customer-services-main .customer-services-bloc a.link-btn {
    display: block;
    text-align: center;
    bottom: 30px;
    position: absolute;
    width: 100%;
    margin-left: -30px;
}

.welcome-offer .welcome-offer-title {
    position: relative;
    margin-bottom: 20px;
    color: #ffffff;
    width: 100%;
    text-align: center;
}

.welcome-offer .welcome-offer-title h1 {
    letter-spacing: 0.1em;
    margin-top: 0;
    text-transform: uppercase;
}

.welcome-offer .welcome-offer-main {
    margin-bottom: 60px;
}

.welcome-offer .welcome-offer-main .welcome-offer-bloc {
    text-align: center;
    padding: 0 60px;
    padding-top: 0;
    margin-top: 30px;
}

@media only screen and (max-width: 480px) {
    .welcome-offer .welcome-offer-main .welcome-offer-bloc {
        padding: 0 30px;
    }
}

.welcome-offer .welcome-offer-main .welcome-offer-bloc.welcome-offer-delimiter {
    border-left: 1px solid #757575;
}

.welcome-offer .welcome-offer-main .welcome-offer-bloc .welcome-offer-hilight {
    color: #986F38;
}

.welcome-offer .welcome-offer-main .welcome-offer-bloc img.welcome-offer-cover-card {
    display: block;
    margin: 0 auto;
    max-height: 180px;
    margin-top: 15px;
}

@media only screen and (max-width: 480px) {
    .welcome-offer .welcome-offer-main .welcome-offer-bloc img.welcome-offer-cover-card {
        width: 100%;
    }
}

.welcome-offer .welcome-offer-main .welcome-offer-selector {
    display: block;
    width: 180px;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.welcome-offer .welcome-offer-main .welcome-offer-selector .welcome-offer-selector-value {
    background-color: #ffffff;
    border-top: 1px solid #a5a5a5;
    border-bottom: 1px solid #a5a5a5;
    color: #000000;
    text-align: center;
    line-height: 40px;
    height: 40px;
    float: left;
    width: 98px;
    font-weight: bold;
}

.welcome-offer .welcome-offer-main .welcome-offer-selector .welcome-offer-selector-down, .welcome-offer .welcome-offer-main .welcome-offer-selector .welcome-offer-selector-up {
    cursor: pointer;
    background-color: #545454;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    width: 40px;
    display: block;
    float: left;
}

.welcome-offer .welcome-offer-main .welcome-offer-selector-details {
    display: block;
    width: 230px;
    margin: 0 auto;
    color: #d5d5d5;
    margin-bottom: 30px;
}

.slocator .slocator-title {
    position: relative;
    margin-bottom: 20px;
    color: #ffffff;
}

.slocator .slocator-title h1 {
    letter-spacing: 0.1em;
    margin-top: 0;
}

.slocator .slocator-main {
    background-color: #ffffff;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-main {
        background-color: transparent;
    }
}

.slocator .slocator-main .slocator-search {
    height: 50px;
    position: relative;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-main .slocator-search {
        height: auto;
    }
}

.slocator .slocator-main .slocator-search__input, .slocator .slocator-main .slocator-search label {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.slocator .slocator-main .slocator-search__fake-submit {
    z-index: 1;
    font-size: 20px;
    color: #000000;
    position: absolute;
    top: 15px;
    left: 15px;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-main .slocator-search__fake-submit {
        top: 9px;
        left: 9px;
    }
}

.slocator .slocator-main .slocator-search__group {
    display: inline-block;
    margin-top: 15px;
    height: 20px;
    position: relative;
    z-index: 0;
    width: 100%;
    margin-left: 40px;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-main .slocator-search__group {
        margin: 0;
        padding-left: 40px;
        background-color: #ffffff;
        height: 37px;
        line-height: 37px;
    }
}

.slocator .slocator-main .slocator-search__input {
    width: 100%;
    line-height: 20px;
    border: none;
    background: transparent;
    color: #000000;
}

.slocator .slocator-main .slocator-search label {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    line-height: 20px;
    text-align: left;
    padding: 0;
    color: #000000;
    margin: 0;
    display: none;
}

.slocator .slocator-menu {
    border-bottom: solid 1px #000000;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-menu {
        border: none;
    }
}

.slocator .slocator-stores__list {
    list-style: none;
    margin: 0;
}

@media (max-width: 996px) {
    .slocator .slocator-stores__list {
        display: none;
    }
}

.slocator .slocator-stores__select {
    display: none;
}

.slocator .slocator-stores__select .current {
    text-transform: uppercase;
}

.slocator .slocator-stores__select .dropdown {
    margin-bottom: 0;
}

@media (max-width: 996px) {
    .slocator .slocator-stores__select {
        display: block;
        position: relative;
        padding: 0;
        margin: 0;
    }
}

.slocator .slocator-stores, .slocator .slocator-stores a {
    color: #000000;
    font-weight: 700;
}

.slocator .slocator-stores a {
    font-size: 13px;
    text-decoration: none;
    display: table;
    padding: 0 50px 0 10px;
    height: 50px;
    width: 100%;
    background-color: #ffffff;
}

.slocator .slocator-stores a:hover {
    background-color: #ffffff;
}

.slocator .slocator-stores__element {
    display: table;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-stores__element {
        width: 100%;
    }
}

.slocator .slocator-stores__element--desactivated, .slocator .slocator-stores__element--desactivated a {
    color: #757575;
}

.slocator .slocator-stores__element--desactivated a {
    background-color: #f9f9f9;
}

.slocator .slocator-stores__icon {
    font-size: 30px;
    width: 50px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.slocator .slocator-stores__store {
    display: table-cell;
    vertical-align: middle;
}

.slocator .slocator-results {
    height: 650px;
    color: #000000;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-results {
        height: auto;
    }
}

.slocator .slocator-switchers {
    display: none;
}

.slocator .slocator-switchers__tab {
    background-color: #000000;
    height: 75px;
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
}

.slocator .slocator-switchers__tab.active {
    background-color: #ffffff;
    color: #000000;
}

.slocator .slocator-switchers__icon {
    font-size: 20px;
    vertical-align: middle;
    padding-right: 10px;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-switchers__view {
        height: 0 !important;
        overflow: hidden !important;
    }

    .slocator .slocator-switchers__view.active {
        height: auto !important;
    }
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-switchers {
        display: table;
        width: 100%;
    }
}

.slocator .slocator-filters {
    height: 100px;
    position: relative;
    padding: 15px;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-filters {
        padding: 0;
        color: #ffffff;
    }
}

.slocator .slocator-filters__title {
    margin-top: 0;
    color: #000000;
}

.slocator .slocator-filters__list {
    padding: 0;
    margin: 0;
    list-style: none;
    text-transform: uppercase;
}

.slocator .slocator-filters__filter .icon, .slocator .slocator-filters__filter .btn.btn-icon i.icon-nespresso, .btn.btn-icon .slocator .slocator-filters__filter i.icon-nespresso, .slocator .slocator-filters__filter .btn.btn-icon-right i.icon-nespresso, .btn.btn-icon-right .slocator .slocator-filters__filter i.icon-nespresso, .slocator .slocator-filters__filter .btn.btn-nav.btn-basket .side-icon, .btn.btn-nav.btn-basket .slocator .slocator-filters__filter .side-icon, .slocator .slocator-filters__filter .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .cupsize i:before, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .cupsize .slocator .slocator-filters__filter i:before, .slocator .slocator-filters__filter #header h1 a:before, #header h1 .slocator .slocator-filters__filter a:before, .slocator .slocator-filters__filter .slocator-locations__details-action:before {
    font-size: 30px;
    vertical-align: middle;
    margin-right: 10px;
    display: none;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-filters__filter .icon, .slocator .slocator-filters__filter .btn.btn-icon i.icon-nespresso, .btn.btn-icon .slocator .slocator-filters__filter i.icon-nespresso, .slocator .slocator-filters__filter .btn.btn-icon-right i.icon-nespresso, .btn.btn-icon-right .slocator .slocator-filters__filter i.icon-nespresso, .slocator .slocator-filters__filter .btn.btn-nav.btn-basket .side-icon, .btn.btn-nav.btn-basket .slocator .slocator-filters__filter .side-icon, .slocator .slocator-filters__filter .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .cupsize i:before, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list li.product .product-text .product-description .cupsize .slocator .slocator-filters__filter i:before, .slocator .slocator-filters__filter #header h1 a:before, #header h1 .slocator .slocator-filters__filter a:before, .slocator .slocator-filters__filter .slocator-locations__details-action:before {
        display: inline-block;
    }
}

.slocator .slocator-filters__checkbox {
    margin-right: 20px;
    border: solid 1px #000000;
    vertical-align: middle;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-filters__checkbox {
        margin-right: 10px;
    }
}

.slocator .slocator-filters:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 11px;
    right: 11px;
    height: 1px;
    background-color: #000000;
    margin: 0 auto;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-filters:after {
        display: none;
    }
}

.slocator .slocator-locations {
    width: 100%;
    margin: 0;
    height: 550px;
    padding: 0;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-locations {
        height: auto;
    }
}

.slocator .slocator-locations__element {
    background-color: #f9f9f9;
    display: block;
    color: #757575;
    padding: 20px 20px 20px 50px;
    cursor: pointer;
    min-height: 100px;
    position: relative;
    -webkit-transition: background-color, color 0.2s ease-in-out;
    -khtml-transition: background-color, color 0.2s ease-in-out;
    -moz-transition: background-color, color 0.2s ease-in-out;
    -ms-transition: background-color, color 0.2s ease-in-out;
    -o-transition: background-color, color 0.2s ease-in-out;
    transition: background-color, color 0.2s ease-in-out;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-locations__element {
        color: #000000;
    }
}

.slocator .slocator-locations__element:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 11px;
    right: 11px;
    height: 1px;
    background-color: #d5d5d5;
    margin: 0 auto;
}

.slocator .slocator-locations__element:hover {
    background-color: #ffffff;
    color: #000000;
}

.slocator .slocator-locations__element--active {
    color: #000000;
}

.slocator .slocator-locations__element--active .slocator-locations__icon {
    color: #986F38;
}

@media (max-width: 996px) {
    .slocator .slocator-locations__element--active .slocator-locations__icon {
        color: #000000;
    }
}

.slocator .slocator-locations__title {
    display: block;
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 996px) {
    .slocator .slocator-locations__title {
        font-size: 15px;
        text-transform: uppercase;
    }
}

.slocator .slocator-locations__line-text {
    display: block;
}

@media (max-width: 996px) {
    .slocator .slocator-locations__line-text {
        font-size: 15px;
    }
}

.slocator .slocator-locations__text-content {
    position: relative;
}

.slocator .slocator-locations__icon {
    position: absolute;
    left: 10px;
    font-size: 25px;
}

.slocator .slocator-locations__icon-recycled {
    margin-top: 20px;
    font-size: 15px;
    display: block;
}

@media (max-width: 996px) {
    .slocator .slocator-locations__icon-recycled {
        position: absolute;
        right: 10px;
        top: 0;
    }
}

.slocator .slocator-locations__details {
    font-size: 14px;
}

@media (max-width: 996px) {
    .slocator .slocator-locations__details.active .slocator-locations__details-view {
        display: block;
    }
}

.slocator .slocator-locations__details-action {
    display: none;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 20px;
    padding-bottom: 10px;
    cursor: pointer;
    vertical-align: middle;
    line-height: 25px;
}

.slocator .slocator-locations__details-action:before {
    display: inline-block;
    font-size: 25px;
    vertical-align: middle;
    width: 30px;
}

@media (max-width: 996px) {
    .slocator .slocator-locations__details-action {
        display: block;
    }
}

.slocator .slocator-locations__details-icon {
    font-size: 20px;
    vertical-align: middle;
    padding-right: 10px;
}

.slocator .slocator-locations__details-view {
    display: none;
}

.slocator .slocator-locations__details-view .slocator-popup__title {
    margin-top: 10px;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-section-title {
        color: #ffffff;
        text-transform: uppercase;
        margin-top: 30px;
    }
}

.slocator .slocator-map {
    position: relative;
}

.slocator .slocator-map #slocator-map {
    height: 650px;
    width: 100%;
}

.slocator .slocator-map .slocator-popup {
    position: absolute;
    bottom: 0;
    left: 0;
}

.slocator .slocator-map .slocator-geolocate-me {
    cursor: pointer;
    background-color: #656565;
    display: block;
    padding: 8px 8px 7px;
    margin: 0 10px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-map .slocator-geolocate-me {
        float: left;
    }
}

.slocator .slocator-popup {
    background-color: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    padding: 20px;
    width: 100%;
    font-size: 11px;
}

.slocator .slocator-popup__title {
    text-transform: uppercase;
    border-bottom: solid 1px #ffffff;
    margin: 0 0 5px;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-popup__title {
        font-size: 14px;
    }
}

.slocator .slocator-popup__hours-line {
    display: table;
    width: 100%;
    font-size: 10px;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-popup__hours-line {
        font-size: 14px;
    }
}

.slocator .slocator-popup__hours-day {
    display: table-cell;
}

.slocator .slocator-popup__hours-time {
    padding-left: 10px;
    display: table-cell;
    text-align: right;
}

.slocator .slocator-popup__hours-info {
    margin-top: 20px;
}

.slocator .slocator-popup__link {
    color: #000000;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    margin-top: 20px;
    font-weight: 700;
}

.slocator .slocator-popup__location-title {
    display: block;
    font-size: 13px;
    margin-bottom: 10px;
    font-weight: 700;
}

.slocator .slocator-popup__location-content {
    padding-left: 50px;
    margin-bottom: 20px;
}

.slocator .slocator-popup__location-line {
    display: block;
}

.slocator .slocator-popup__location-icon-recycled {
    margin-top: 20px;
    font-size: 15px;
    display: block;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-popup__location-icon-recycled {
        margin-top: 0;
    }
}

html, body {
    height: 100%;
}

body.no-scroll {
    overflow: hidden;
}

body.fixed, body.nav-fixed {
    overflow: hidden;
    width: 100%;
    position: fixed;
    overflow-y: scroll;
}

body.dyslexia {
    font-family: 'dyslexia' !important;
}

body :focus {
    outline: 0 none;
}

body.keyboard-navigation:not(#main-accessibility) :focus {
    outline: #3D8705 solid 1px !important;
}

/* Box sizing */

#wrapper {
    width: 100%;
    position: relative;
}

@media only screen and (max-width: 996px) {
    #wrapper {
        overflow: hidden;
    }
}

#main-accessibility {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    font-size: 16px;
    background: #3D8705;
    z-index: 100;
    color: #ffffff;
}

#main-accessibility a {
    color: #ffffff;
    text-decoration: none;
    padding: 5px 20px 5px 15px;
    margin: 15px 0;
    display: block;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    width: 1px;
    outline: 0;
}

#main-accessibility a:after {
    content: "";
    background: url(../images/mobile-arrow-white.png) no-repeat right top;
    background-size: 12px auto;
    width: 8px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 5px;
}

#main-accessibility a:focus {
    clip: rect(auto, auto, auto, auto);
    height: inherit;
    margin: inherit;
    overflow: inherit;
    position: static;
    width: inherit;
}

#main-accessibility ul {
    list-style: none;
    display: block;
    margin: 0 15px;
    padding: 0;
}

#main-accessibility ul:focus {
    font-size: 25px !important;
}

#main-accessibility ul li {
    display: block;
    float: left;
}

#main-wrapper {
    margin: 0 auto;
    overflow: visible;
    position: relative;
    z-index: 10;
}

@media only screen and (max-width: 996px) {
    #main-wrapper {
        width: 100%;
    }
}

.keyboard-navigation #header {
    padding: 0;
}

.keyboard-navigation #header .header__fixelts {
    position: relative;
    margin-bottom: -65px;
}

/* Custom dropdown */
.site-control {
    padding: 20px 0;
}

@media only screen and (max-width: 996px) {
    .site-control {
        padding: 0;
    }
}

.site-control .custom-dropdown form {
    margin: 0;
    height: 100%;
}

body.keyboard-navigation .product-add .btn-nespresso, body.keyboard-navigation .basket-product-qty .btn-nespresso, body.keyboard-navigation .container-btn .btn-nespresso, body.keyboard-navigation .sbag-update .btn-nespresso {
    display: none !important;
}

body.keyboard-navigation .product-add .product-qty, body.keyboard-navigation .basket-product-qty .product-qty, body.keyboard-navigation .container-btn .product-qty, body.keyboard-navigation .sbag-update .product-qty {
    padding-right: 38px;
    min-width: 76px;
    border: solid 1px #3D8705;
    background: #ffffff;
    color: #3D8705;
    display: inline-block !important;
}

body.keyboard-navigation .product-add .product-qty .product-qty-select, body.keyboard-navigation .basket-product-qty .product-qty .product-qty-select, body.keyboard-navigation .container-btn .product-qty .product-qty-select, body.keyboard-navigation .sbag-update .product-qty .product-qty-select {
    display: block !important;
}

body.keyboard-navigation .product-add .product-qty:after, body.keyboard-navigation .basket-product-qty .product-qty:after, body.keyboard-navigation .container-btn .product-qty:after, body.keyboard-navigation .sbag-update .product-qty:after {
    position: absolute;
    right: 0 !important;
    top: 0 !important;
    height: 100%;
    background: #3D8705;
    width: 38px;
    z-index: -1;
    content: "\e920";
    color: #ffffff !important;
    font-size: 6px !important;
    line-height: 6px !important;
    padding: 16px 0 !important;
    left: auto !important;
    -webkit-transform: translate(0%, 0%) !important;
    -khtml-transform: translate(0%, 0%) !important;
    -moz-transform: translate(0%, 0%) !important;
    -ms-transform: translate(0%, 0%) !important;
    -o-transform: translate(0%, 0%) !important;
    transform: translate(0%, 0%) !important;
}

.basket-number {
    display: none;
    pointer-events: none;
    padding: 5px 5px;
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: #ffffff;
    color: #3D8705;
    font-weight: bold;
    font-size: 11px;
    border-radius: 30px;
    min-width: 22px;
    min-height: 22px;
    text-align: center;
}

@media screen and (max-width: 996px) {
    .basket-number {
        display: block;
    }
}

/* Content */
#content {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-bottom: 40px;
    float: left;
}

#content.fullPage__plp {
    background: white;
}

#content .top-banner img {
    width: 100%;
    height: auto;
    display: block;
}

@media only screen and (max-width: 996px) {
    #content {
        padding: 0;
    }
}

#content.shopping-bag + #footer .footer__list-table, #content.shopping-bag + #footer h3 {
    display: none;
}

/* Add to cart button */
[data-cart] {
    position: relative;
    z-index: 3;
    cursor: pointer;
}

@media only screen and (max-width: 480px) {
    [data-cart] {
        position: static;
        z-index: 3;
    }
}

#mask-qty-selector {
    display: none;
}

@media only screen and (max-width: 480px) {
    #mask-qty-selector {
        display: block;
    }

    #mask-qty-selector.qty-activate {
        background: #000000;
        background: rgba(0, 0, 0, 0.8);
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 10;
    }

    #mask-qty-selector.qty-activate > div {
        top: 50%;
        margin-top: -105px;
    }

    #mask-qty-selector.qty-activate .qty-selector {
        -webkit-box-shadow: 0 0 0 0;
        -khtml-box-shadow: 0 0 0 0;
        -moz-box-shadow: 0 0 0 0;
        -ms-box-shadow: 0 0 0 0;
        -o-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
    }

    #mask-qty-selector.qty-activate .qty-selector:after {
        display: none;
    }
}

a, button {
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.top-center {
    text-align: center;
}

.uppercase {
    text-transform: uppercase;
}

.col-lg-6 {
    width: 50%;
}

.col-md-2-5 {
    float: left;
}

@media only screen and (min-width: 997px) {
    .col-md-2-5 {
        width: 20%;
    }
}

.col-md-3-5 {
    float: left;
}

@media only screen and (min-width: 997px) {
    .col-md-3-5 {
        width: 30%;
    }
}

.col-md-8-5 {
    float: left;
}

@media only screen and (min-width: 997px) {
    .col-md-8-5 {
        width: 70%;
    }
}

@media only screen and (max-width: 997px) {
    .col-md-12 {
        width: 100%;
    }
}

@media only screen and (max-width: 769px) {
    .col-sm-12 {
        width: 100%;
    }
}

.sm-hide {
    display: block;
}

@media screen and (max-width: 769px) {
    .sm-hide {
        display: none;
    }
}

.sm-show {
    display: none;
}

@media screen and (max-width: 769px) {
    .sm-show {
        display: block;
    }
}

.link-btn {
    color: #986F38 !important;
    font-weight: normal;
    font-size: 11px;
    text-decoration: none;
}

.link-btn i {
    margin-right: 5px;
}

.link-btn span {
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.link-btn.link-btn-black {
    color: #986F38 !important;
}

.link-btn:hover span, .link-btn:active span, .link-btn:focus span {
    margin-right: 4px;
}

.no-margin {
    margin: 0;
}

.no-margin-top {
    margin-top: 0;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.no-padding-left {
    margin-left: 0;
}

.no-padding-right {
    margin-right: 0;
}

.no-padding {
    padding: 0;
}

.no-padding-right {
    padding-right: 0;
}

.no-padding-left {
    padding-left: 0;
}

.margin-top-light {
    margin-top: 30px;
}

@media screen and (max-width: 768px) {
    .margin-top-light {
        margin-top: 15px;
    }
}

.nrow {
    margin: 0 0 20px 0;
    width: 100%;
    float: left;
}

/* Clearfix */
.clearfix:after, .my-order-history .my-order-mobile__block:after, .my-order-history .my-order-mobile__order:after, .my-order-history .my-order-mobile__info:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix, .my-order-history .my-order-mobile__block, .my-order-history .my-order-mobile__order, .my-order-history .my-order-mobile__info {
    display: inline-block;
}

* html .clearfix, * html .my-order-history .my-order-mobile__block, .my-order-history * html .my-order-mobile__block, * html .my-order-history .my-order-mobile__order, .my-order-history * html .my-order-mobile__order, * html .my-order-history .my-order-mobile__info, .my-order-history * html .my-order-mobile__info {
    height: 1%;
}

.clearfix, .my-order-history .my-order-mobile__block, .my-order-history .my-order-mobile__order, .my-order-history .my-order-mobile__info {
    display: block;
}

.outer {
    display: table;
    height: 100%;
    width: 100%;
}

.inner {
    display: table-cell;
    vertical-align: middle;
}

.text-nowrap {
    white-space: nowrap;
}

/* Style For Product List Page */
.catalog-category-view .page-title{
    font-size: 30px;
    font-family: 'NespressoLucas-SemiBd';
    font-weight: 700;
    letter-spacing: .1em;
    margin: 25px 0 20px;
    word-break: break-all;
    line-height: 42px;
    text-transform: uppercase;
    display: none !important;
}

.productlist-content .filters-toggler{
    font-family: 'NespressoLucas-SemiBd';
    -webkit-transition: 0.1s ease-in-out;
    -khtml-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    -ms-transition: 0.1s ease-in-out;
    -o-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

.productlist-content .filters-toggler.open{
    -webkit-transition: 0.1s ease-in-out;
    -khtml-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    -ms-transition: 0.1s ease-in-out;
    -o-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}
@media screen and (min-width: 768px) {
    .product-list-accessory.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters {
        float: left;
        margin: 0 0 30px;
    }

    .product-list-accessory.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter {
        width: 49%;
    }
}
@media screen and (max-width: 767px) {
    .productlist-content .filters-toggler{
        line-height: 38px;
    }
    .productlist-content .filters-toggler.open{
        padding-bottom: 12px;
    }
    .productlist .productlist-main .productlist-contents .filters{
        margin-top: 15px;
    }
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content {
        padding: 20px 0px;
    }
    .product-list-accessory.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter {
        width: 100%;
    }
    .product-list-accessory.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter:first-child {
        margin-bottom: 30px;
    }
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .products-count{
        display: block;
    }
}
/*# sourceMappingURL=style.css.map */

.detail-product-upsell, .detail-product-crossell {
    display: none;
}

/* Style Attributes have not quantity */
.productlist .productlist-main .productlist-panel .ProductList__empty{
    font-size: 20px;
    text-align: center;
    margin: 50px 0;
    font-family: 'NespressoLucas-SemiBd';
    font-weight: normal;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.colors label.disabled:before {
    width: 2px;
    height: 58px;
    content: " ";
    display: block;
    position: absolute;
    background-color: #fff;
    transform: rotate(63deg);
    left: 26px;
    top: -13px;
    box-shadow: -1px 0 0 rgba(0,0,0,.3), 1px 0 0 rgba(0,0,0,.3);
    z-index: 2;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.colors label.disabled:after {
    border: 1px solid rgba(0,0,0,.2);
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    height: 0;
    border-radius: 100%;
    background: #fff;
    opacity: 0;
    transition: all .4s ease-in-out;
}
/*.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category > h2{
    display: none;
}*/
@media (min-width: 768px) and (max-width: 995px){
    .btn.button-addtocart{
        min-width: 225px;
    }
}

/* recommended-product widget block */
.page-layout-1column .push-group-element__list .push-group-element__item .push-group-element__metas .push-group-element__price .normal-price, .page-layout-1column .push-group-element__list .push-group-element__item .push-group-element__metas .push-group-element__price .special-price, .page-layout-1column .push-group-element__list .push-group-element__item .push-group-element__metas .push-group-element__price {
    color: #3d8705 !important;
}

/* new filter */
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .selected-filters {
  display: flex !important;
  width: max-content;
  margin: 0;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: hidden;
  /* height: 45px; */
  /* width: 100%; */
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .selected-filters .selected-filters-color div,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .selected-filters .selected-filters-price div,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .selected-filters .selected-filters-coffee-type div,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .selected-filters .selected-type div,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .selected-filters .selected-collection div,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .selected-filters div div p
{
  font-size: 11px;
  font-family: 'NespressoLucas-Regular';
  color: #858585;
  width: max-content;
  border-radius: 15px;
  margin-left: 5px;
  flex: 0 0 auto;
  letter-spacing: 1px;
}
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .selected-filters div div {
  display: inline-flex;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .selected-filters span,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .selected-filters div strong,
.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .selected-filters div div:empty {
  display: none;
}

@media screen and (max-width: 767px) {
  .filters .filter .control.coffee_type label {
    margin-right: 0;
  }
  .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.price-range .noUi-handle {
    left: 98%;
  }
  .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters .filter .control.price-range .noUi-pips-horizontal .noUi-value-horizontal {
    font-size: 11px;
  }
}

@media only screen and (max-width: 600px) {
  .page-products .sorter {
    top: auto;
    position: relative;
  }
  .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .selected-filters {
    overflow-x: auto;
    margin: 0;
  }

}

.filters .filter .control label {
  display: inline-block;
    width: 100%;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .selected-filters div div p {
      margin-bottom: 0;
}

#nes_header-content {
    display: none !important;
}


.page-wrapper .page-main .columns .productlist-contents .product-category .product-text .product-add .qty-selector .qty-group-compact.ingroup>.label {
    top: 0px;
}