/*
	Copyright (C) 2012-2017 Kodmyran AB
	All Rights Reserved
	
	- Grid system is at the bottom of the file
*/

html{scroll-padding-top:100px}

/* "Base" elements */
html, body {
    border: none;
    height: 100%;
}

body {
    height: 100%;
    padding: 0;
    margin: 0;
    color: #333;
    font: 16px Muli, 'Open Sans', Arial, Helvetica, sans-serif;
}

object,
video {
    border: none;
    height: auto;
    max-width: 100%;
}

img {
    border: none;
    max-width: 100%;
}

.visually-hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

iframe {
    border: none;
    max-width: 100%;
}

a {
    text-decoration: none;
    color: #333;
    outline: 0;
}

a:active,
a:hover {
    outline: 0;
}

a:focus {
    outline-offset: 2px;
    text-decoration: underline;
    color: #c78590;
}

a:hover {
    text-decoration: none; /*color: #d7a8b0;*/
    color: #c78590;
}

a:active {
    background-color: transparent;
    outline: none
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.checked {
    list-style-type: none !important;
    margin-left: 0px !important;
}

/* Form controls */
input,
select,
textarea {
    border: 1px solid #ccc;
    font-family: inherit;
}

input[type=number] {
    -moz-appearance: textfield;
}

:-webkit-inner-spin-button {
    -webkit-appearance: none;
}

:-webkit-outer-spin-button {
    -webkit-appearance: none;
}

input,
textarea,
button {
    -webkit-border-radius: 0;
}

input[type=text], textarea {
    transition: all 0.30s ease-in-out;
    outline: none;
    padding: 3px 0px 3px 3px;
    margin: 5px 1px 3px 0px;
    border: 1px solid #ddd;
}

input[type=text]:focus,
textarea:focus {
    box-shadow: 0 0 5px #d7a8b0;
    margin: 5px 1px 3px 0px;
    border: 1px solid #d7a8b0;
}

caption {
    text-align: left;
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
}

label {
    font-size: 0.9em;
    font-weight: 600;
}

form,
fieldset {
    margin: 0;
    padding: 0;
    border: none;
    clear: both;
}

/* Skip link */
#skiplinks {
    left: 10px;
    position: absolute;
    top: 6px;
    z-index: 9999;
}

#skiplinks a {
    display: block;
    position: absolute;
    top: -500px;
}

#skiplinks a:focus,
#skiplinks a:hover,
#skiplinks a:active {
    background-color: #000;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    white-space: nowrap;
}

#topLogin ul {
    display: flex;
    gap: 1em;
    float: left;
    align-items: center;
    margin-top: 5px;
    margin-right: 18px;
}

#langSelect ul {
    padding: 0;
    margin: 0 1em 0 0;
}
#langSelect a {
    display: flex;
}

#langSelect a img {
    max-height: 20px;
    width: auto;
    /*border-radius: 2px;*/
}

#langSelect a[aria-current="page"] {
    outline: 3px solid #993333;
    outline-offset: 2px;
    /*border-radius: 4px;*/
}

@media screen and (max-width: 768px) {
    #langSelect ul {
        display: flex;
        width: 100%;
        justify-content: space-evenly;
        align-items: center;
        padding: 0 0 .5em 0;
        margin: .2em 0;
    }

    #langSelect ul a::before {
        display: none !important;
    }
}


/* Print */
@media print {
    .noprint {
        display: none;
    }
}

@page {
    margin: 0.5cm;
}

/* Styled select */
.styled-select {
    overflow: hidden;
    background: #fff;
    border: 1px solid #DDDDDD;
    height: 40px;
    border-radius: 2px;
    position: relative;
}

.styled-select select::-ms-expand {
    display: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.styled-select select {
    width: 100%;
    height: 100%;
    border: 0;
    line-height: 1.5;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    appearance: none;
    background: transparent url("../images/bg-arrows.png") no-repeat scroll right 12px;
    padding: 0 10px;
    padding-right: 35px !important;
}

/* Typography */
h1, h2, h3, h4 {
    font-family: Muli, 'Open Sans', sans-serif;
}

/*h1, h2, h3, h4 { font-family: "Montserrat",'Open Sans', sans-serif; font-weight: 600; }*/

h1 {
    font-size: 1.5em;
    font-weight: 600;
    text-transform: uppercase;
}

h1 .grey {
    font-weight: 300;
}

h2,
.likeH2 {
    color: #484848;
    display: block;
    font-size: 1.5em;
    margin: 0;
    padding: 0px 0 5px; /*font-weight: 400;*/
}

h1.styled,
h2.styled {
    position: relative;
    font-size: 1.4em;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
}

h3 {
    margin: 0;
    padding: 0px 0 3px 0;
    display: block;
    font-size: 1.1em;
    font-weight: 400;
}

p {
    line-height: 1.6em;
}

p a {
    text-decoration: none;
}

/* Padding */
.pad {
    padding: 5px;
}

/* Support classes */
.floatLeft {
    float: left;
}

.floatRight {
    float: right !important;
}

.ib {
    vertical-align: top;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.clear {
    clear: both;
}

.col {
    float: left;
}

.justifyCenter {
    text-align: center;
}

.textSmall {
    font-size: 84%;
}

.textBig {
    font-size: 130%;
}

.textUnderline {
    text-decoration: underline;
}

.textItalic {
    font-style: italic;
}

.textBold {
    font-weight: 600;
}

.textNormal {
    font-weight: 300;
}

.textSmallLight {
    font-size: 80%;
    color: #666;
}

.textLightItalic {
    color: #7c7c7c;
    font-style: italic;
}

.textRight {
    text-align: right;
}

.textCenter {
    text-align: center;
}

.textLeft {
    text-align: left;
}

.dispNone {
    display: none;
}

.no-after:after {
    display: none;
}

.highlight {
    color: #006a31;
}

.highlightedCart {
    background-color: #42b84b !important;
    color: #fff !important;
}

.grey {
    color: #6b6b6b;
}

.green {
    color: #009900
}

.orange {
    color: #ea6a00 !important;
}

.onlyBig {
    display: none !important;
}

.onlySmall {
    display: block !important;
}

.wSpaceNormal {
    white-space: normal !important;
}

.pad0 {
    padding: 0 !important;
}

th {
    text-align: left;
    font-weight: 600;
}

.close {
    display: none !important;
}

.open {
    display: block !important;
}

#topUsp li,
ul.checked li {
    display: list-item;
    position: relative;
    padding-left: 20px;
    padding: 2px 0 2px 24px;
}

#topUsp li:before,
ul.checked li:before {
    content: '\f00c';
    font-family: FontAwesome;
    position: absolute;
    left: 5px;
    top: 3px;
    height: inherit;
    color: #e490ba;
}

.flexRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.flexRow > [class*='grid-'] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.tableRow {
    display: table;
    height: 100%;
}

.tableRow > [class*='grid-'] {
    display: table-cell;
    float: none;
    vertical-align: top;
    height: 100%;
}

/* Fill boxes */
.innerFill {
    height: 100%;
    padding: 5px;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, .5);
    position: relative;
}

.innerFill h1 { /*padding: 10px 10px;*/
    text-align: center;
}

.innerFill h2 {
    padding-left: 5px;
    text-align: center;
}

/* Shadow */
.bottomShadow { /*border-bottom: 2px solid #ececec;*/
}

/* .editorContent - Styling for elements where data is fetched from backend html-editor fields */

.editorContent ul {
    list-style-type: initial !important;
    margin-left: 1.5em;
}

#mSearch {
    top: 60px;
    height: 49px;
    background-color: #f2f2f2;
    text-align: center;
    padding: 0px 5px 0 5px;
    position: fixed;
    width: 100%;
    z-index: 20;
    /* margin: 0 -5px; */

    display: flex;
    align-items: center;

}

#mSearch .search-form {
    flex: 1;
    margin-right: 5px;
}

#mSearch legend {
    display: none;
}

/* Ribbons */
.ribbon-wrap {
    width: 100%;
    height: 188px;
    position: absolute;
    top: -4px;
    left: 4px;
    overflow: hidden;
}

.ribbon-wrap:before, .ribbon-wrap:after {
    content: "";
    position: absolute;
}

.ribbon-wrap:before {
    width: 25px;
    height: 4px;
    right: 100px;
    background: #333;
    border-radius: 8px 8px 0px 0px;
}

.ribbon-wrap:after {
    width: 4px;
    height: 25px;
    right: 0px;
    top: 100px;
    background: #333;
    border-radius: 0px 8px 8px 0px;
}

.ribbon1 {
    width: 200px;
    height: 32px;
    line-height: 32px;
    position: absolute;
    top: 30px;
    right: -50px;
    z-index: 2;
    overflow: hidden;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #5f5f5f;
    text-align: center;
    color: #fff;
}

.ribbon3 {
    background: #cac6ba none repeat scroll 0 0;
    color: #595037;
    font-size: 0.75em;
    height: 25px;
    left: 0px;
    line-height: 25px;
    padding-left: 15px;
    position: absolute;
    top: 53%;
    width: 111px;
    z-index: 2;
}

.ribbon3:before, .ribbon3:after {
    content: "";
    position: absolute;
}

.ribbon3:before {
    border-bottom: 6px solid #9e957c;
    border-left: 7px solid transparent;
    height: 0;
    left: 0.1px;
    top: -5.5px;
    width: 0;
}

.ribbon3:after {
    border-bottom: 12px solid transparent;
    border-left: 9px solid #cac6ba;
    border-top: 13px solid transparent;
    height: 0;
    right: -8.5px;
    width: 0;
}

/* Error and info boxes */
.info,
.error {
    position: relative;
    padding: 20px 10px 20px 50px;
    border: 1px solid #ccc;
    background: #fff;
    margin: 15px 0;
}

.info {
    border: 1px solid #9ac39d;
    background: #e7f6e8;
    color: #02830b;
    border-radius: 2px;
}

.info:before {
    content: '\2713';
    font-size: 32px;
    font-weight: 400;
    left: 10px;
    position: absolute;
    top: 10%;
    color: #02830b;
}

.error {
    border: 1px solid #993333;
    background: #f2e7e7;
    color: #993333;
}

.error:before {
    content: '!';
    font-size: 40px;
    font-weight: 400;
    left: 17px;
    position: absolute;
    top: 7%;
    color: #993333;
}

.observe {
    color: #993333;
    border: 1px dashed #993333;
}

/* Navigation related */
.nav-wrapper {
    height: 60px;
}

/* Menu left */

/* -- Toggle button when mobile mode */
#menuLeftToggle {
    background-color: #ffd11f;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    display: none;
}

#menuLeftToggle span {
    position: relative;
}

#menuLeftToggle span:after {
    content: '\f107';
    font-family: FontAwesome;
    position: absolute;
    right: -17px;
    top: 2px;
    height: inherit;
}

#menuLeftToggle.active span:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* -- The menu */
#menuLeft {
    font-size: .8em;
    display: none;
    background-color: #f7f7f7;
    padding: 10px;
}

#menuLeft .backButton {
    color: #555;
    display: block;
    margin-bottom: 2px;
    padding: 3px;
    line-height: 20px;
    background-color: #fff;
    margin-top: -8px;
}

#menuLeft .backButton i {
    margin-right: 5px;
    padding-left: 0;
}

#menuLeft h2 {
    background-color: #000;
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    padding: 10px;
    text-transform: none;
}

#menuLeft h3 {
    font-size: .9em;
    font-weight: 400;
    padding: 10px 0 5px 0;
    color: #000;
}

#menuLeft li {
    display: block;
    position: relative;
    padding: 0;
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    overflow: auto;
}

#menuLeft li a {
    display: block;
    padding: 9px 5px;
}

#menuLeft ul > li.category {
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
}

#menuLeft li.category:hover {
    background-color: #fcfcfc;
}

#menuLeft li.category > a.changed {
    background-color: #f3f3f3;
}

#menuLeft li.child:hover {
    background-color: #fcfcfc;
}

#menuLeft li.child {
    border-bottom: 1px dashed #e4e4e4;
    padding-left: 14px;
}

#menuLeft li.child:last-child {
    border-bottom: 3px solid #e4e4e4;
}

#menuLeft li.active {
    background-color: #f1f1f1;
}

#menuLeft li.hasSub a:after {
    content: '\f0d7';
    font-family: FontAwesome;
    position: absolute;
    right: 5px;
    top: 12px;
    height: inherit;
    color: #000;
}

#menuLeft li.noSub a:after {
    display: none;
}

#menuLeft li.hasSub a.changed:after {
    content: '\f0d8';
}

#menuLeft .subMenuWrapper {
    display: none;
    position: relative;
}

/* Menu top */
#topMenu {
    height: 100%;
    display: table;
    width: 100%;
}

/* Top container when in mobile mode */
#menuTop,
#menuTop.fixed {
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 100;
    background-color: #fff;
    border-bottom: 1px solid #d0d0d0;
    box-shadow: 6px 0 4px 0 #ccc;
}

#menuTop.fixed { /* box-shadow: 0 1px 2px rgba(0,0,0,0.2); */
}

#menuTop > .container {
    height: 100%;
    position: relative;
}

#menuTop {
    height: 60px;
    z-index: 4;
    width: 100%;
    z-index: 100;
}

/* countrySelect */
#countrySelect {
    padding: 10px;
}

#countrySelect img {
    padding: 0 5px;
}

#countrySelect .active img {
    background-color: #a9db67;
    border: 1px solid #75a733;
    border-radius: 3px;
}

#countrySelect ul {
    float: right;
}

#countrySelect ul {
    display: table;
    height: 100%;
}

#countrySelect li {
    display: table-cell !important;
    vertical-align: bottom;
}

#countrySelect li:hover img {
    background-color: #e3f6ca;
    border-radius: 3px;
}

/* jsSearchField */
#jsSearchField {
    display: block;
    padding: 10px;
}

#jsSearchField legend {
    display: none;
}

#jsSearchField button span {
    display: none;
}

#jsSearchField.fixed {
    display: none;
}

.search-form .searchContainer {
    position: relative;
}

.search-form button span {
    display: none;
}

.search-form .text {
    height: 37px;
    padding: 5px 50px 5px 10px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #666;
}

.search-form .text:focus,
.search-form .icon:hover {
    color: #333;
}

.search-form .text:focus { /*outline: thin dotted;*/
}

.search-form .text:active {
    outline: none;
}

.search-form .icon {
    background-color: #000;
    height: 37px;
    position: absolute;
    right: 0px;
    top: 5px;
    width: 40px;
    border: 0;
    cursor: pointer;
    color: #fff;
}

.search-form .icon:focus {
    background-color: #333
}

.search-form .icon:hover {
    background-color: #333;
    color: #fff;
}

.search-form .search-form {
    margin: 0 auto;
    max-width: 1360px;
}

/* jsMenuList */

#categoryPage #awBox {
    display: none !important;
}


/* KMFIX-OVERFLOW Overflow in top menu fix */
.c_advancer {
    display: none;
}

@media (min-width: 768px) {
    #navBarTop {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        display: inline-block; /*position: relative; font-size: 0;*/ /*width: 95%; margin: 0px auto;*/
    }

    #navBarTop {
        -ms-overflow-style: -ms-autohiding-scrollbar;
        overflow: -moz-scrollbars-none;
        -ms-overflow-style: none;
        scrollbar-height: none;
        scrollbar-width: none;
    }

    #navBarTop li { /*font-size: 14px !important;*/
    }

    #navBarTop::-webkit-scrollbar {
        display: none;
    }

    .c_navBarTopContents {
        float: left;
        transition: transform .2s ease-in-out;
    }

    .c_navBarTopContents-no-transition {
        transition: none;
    }

    .c_advancer {
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: rgb(51 51 51);
        padding: 0;
        border: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        opacity: 0;
        transition: opacity .3s;
        width: 30px;
    }

    .c_advancer:focus {
        outline: 0;
    }

    .c_advancer:hover {
        cursor: pointer;
    }

    .c_advancer_left {
        left: 0;
    }

    [data-overflowing="both"] ~ .c_advancer_left, [data-overflowing="left"] ~ .c_advancer_left {
        opacity: 1;
    }

    .c_advancer_right {
        right: 0;
    }

    [data-overflowing="both"] ~ .c_advancer_right, [data-overflowing="right"] ~ .c_advancer_right {
        opacity: 1;
    }

    .c_advancer_Icon {
        width: 14px;
        height: 28px;
        fill: #fff;
    }
}

#jsMenuList.desktop {
    display: none;
}

#jsMenuList.mobile,
#jsMenuList.mobile > * {
    transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), box-shadow 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

#jsMenuList.mobile {
    display: none;
}

#jsMenuList.mobile {
    display: block;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    transform: translateX(-114%);
    max-width: 90%;
    min-width: 90%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #f7f7f7;
    height: 100%;
    opacity: 0;
    z-index: 4111;
    transition: all 0.45s ease;
    visibility: hidden;
}

#jsMenuList.mobile.open {
    max-width: 90%;
    min-width: 90%;
    opacity: 1;
    transform: translateX(0%);
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
    visibility: visible;
}

#jsMenuList.mobile .inner {
    height: 100%;
    width: 100%;
    padding: 0;
    overflow-y: auto;
    padding-bottom: 300px;
}

#jsMenuList.mobile h2 {
    display: block;
    background-color: #f7f7f7;
    height: 60px;
    line-height: 42px;
    text-align: left;
    border-bottom: 0;
    font-size: .9em;
}

#jsMenuList.mobile h2 i {
    display: inline-block;
    padding-left: 6px;
}

#jsMenuList.mobile h2.styled {
    font-size: 1em;
    background: #595959;
    color: #fff;
    font-weight: 600;
    border-bottom: 1px solid #a1a1a1 !important;
    box-shadow: -1px 2px 5px #979797;
}

#jsMenuList.mobile a#btnCategoriesClose {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 25px;
    transition: all 200ms ease 0s;
    width: 50px;
    height: 50px;
    line-height: 49px;
    text-align: center;
    border-radius: 100%;
    color: #fff;
}

#jsMenuList.mobile a#btnCategoriesClose:hover i,
#jsMenuList.mobile a#btnCategoriesClose:focus i {
    outline: 0;
    color: red;
    border-color: red;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: all 200ms ease 0s;
}

#jsMenuList.mobile a#btnCategoriesClose:before {
    display: none;
}

#jsMenuList.mobile li {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
}

#jsMenuList.mobile li.noSub a { /*padding-right: 58px;*/
}

#jsMenuList.mobile .topLevel a {
    display: flex;
    align-items: center;
    font-size: .8em;
    height: 100%;
}

#jsMenuList.mobile .topLevel:first-of-type a {
    border-top: 1px solid #e1e1e1;
}

#jsMenuList.mobile .topLevel a:active {
    text-decoration: none !important;
    color: #b76875;
}

#jsMenuList.mobile .hasSub.changed > a,
#jsMenuList.mobile .hasSub.changed > a:focus,
#jsMenuList.mobile .hasSub.changed > a:active {
    color: #b76875;
}

#jsMenuList.mobile .topLevel a:focus,
#jsMenuList.mobile .topLevel a.mTop {
    font-weight: 700;
}

#jsMenuList.mobile .subMenuWrapper a.showalllink {
    font-weight: 700;
    font-size: .8em;
}

#jsMenuList.mobile .subMenuWrapper .showallwrap { /*background-color: whitesmoke;*/
}

#jsMenuList.mobile.frombtncategory li.category:not(.changed) {
    display: none;
}

#jsMenuList.mobile li#showCompleteMenuWrap {
    display: none;
}

#jsMenuList.mobile.frombtncategory #showCompleteMenuWrap {
    display: block;
}

#jsMenuList.mobile.frombtncategory #showCompleteMenu {
    display: block;
    background-color: #a0a0a0;
    padding: 13px;
    color: #fff;
}

#jsMenuList.mobile.frombtncategory #showCompleteMenu:before {
    display: none;
}

#jsMenuList.mobile.frombtncategory #showCompleteMenu i {
    padding-right: 8px;
}

#jsMenuList.mobile .topLevel a::before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #ccc; /* margin: auto 0 auto 5px; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 18px;
    margin-left: 10px;
    transform: translateY(80%);
}

#jsMenuList.mobile .topLevel a {
    word-wrap: break-word;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #e1e1e1;
    font-weight: 600;
    font-size: 1em;
    align-items: stretch;
}

#jsMenuList.mobile .topLevel a .linksubicon {
    margin-right: 0;
    margin-left: auto;
    border-left: 1px solid #ccc;
    background-color: #fff;
    flex: 0 0 60px;
    justify-content: center;
    display: flex;
    align-items: center;
}

#jsMenuList.mobile .topLevel a .linksubicon i {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#jsMenuList.mobile .topLevel a .linkspan {
    position: relative;
    padding: 12px 0 12px 10px;
    display: flex;
    flex: 1 1 100%;
}

#jsMenuList.mobile .topLevel a:hover,
#jsMenuList.mobile .topLevel a:focus {
    text-decoration: none;
}

#jsMenuList.mobile .subMenuInner > ul li a {
    padding-left: 25px;
}

#jsMenuList.mobile .subMenuInner.level-2 > ul li a {
    padding-left: 50px;
}

#jsMenuList.mobile .subMenuInner.level-3 > ul li a {
    padding-left: 75px;
}


#jsMenuList.mobile .topLevel a:focus,
#jsMenuList.mobile .topLevel a:active,
#jsMenuList.mobile .topLevel a:hover {
    color: #000;
}

#jsMenuList.mobile li.category.hasSub.jsEvent.changed > a .linksubicon i {
    transform: rotate(180deg);
}

#jsMenuList.mobile li.changed > a::before {
    border-color: #ccc;
    background: #dadada;
    pointer-events: none;
    transition: all 0.3s ease-in 0s;
}

#jsMenuList.mobile li.changed > a .linkspan::after {
    pointer-events: none;
    content: "";
    box-sizing: content-box;
    position: absolute;
    top: 18px;
    left: -12px;
    width: 2px;
    height: 6px;
    border: solid #c1c1c1;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: opacity .25s linear;
    -webkit-transition: opacity .25s linear;
    opacity: 1;
    transition: all 0.3s ease-in 0s;
}

#jsMenuList.mobile li.changed.active > a::before {
    border-color: #a66974;
    background: #c78590;
    pointer-events: none;
}

#jsMenuList.mobile li.changed.active > a .linkspan::after {
    pointer-events: none;
    content: "";
    box-sizing: content-box;
    position: absolute;
    top: 18px;
    left: -12px;
    width: 2px;
    height: 6px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: opacity .25s linear;
    -webkit-transition: opacity .25s linear;
    opacity: 1;
}

#jsMenuList.mobile li.category.changed .subMenuWrapper,
#jsMenuList.mobile li.category.changed {
    background-color: #efefef;
}

#jsMenuList.mobile li.category.changed a > i:before {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#jsMenuList.mobile li.category > a:hover { /*background-color: #e8e8e8;*/
    color: #c78590;
}

#jsMenuList.mobile .menuImg {
    display: none;
    height: 60px;
    line-height: 60px;
    line-height: 0;
    margin-bottom: 0;
    text-align: center;
    background-color: #fff;
}

#jsMenuList.mobile .menuImg .menuImgScale {
    height: 50px;
    overflow: hidden;
}

#jsMenuList.mobile .menuImg .menuImgScale img {
    max-height: 100%;
    width: auto;
}

#jsMenuList.mobile .menuTxt {
    text-align: left;
    text-transform: none;
    word-wrap: break-word; /*padding: 0 3px 0 20px;*/
    position: relative;
}

#jsMenuList.mobile .menuTxt i {
    line-height: 32px; /* Also look at #jsMenuList.mobile li .subMenuWrapper a */
    font-size: 1.3em;
}

#jsMenuList.mobile .menuTxt a {
    padding-left: 10px;
}

#jsMenuList.mobile li .subMenuWrapper {
    display: none;
    border: 0;
    overflow: auto;
    box-shadow: none;
    width: 100%; /*background-color: #dddddd;*/
    z-index: 2;
}

#jsMenuList.mobile li .subMenuWrapper a {
    color: #000; /*line-height: 32px;*/ /* Also look at #jsMenuList.mobile .menuTxt i  */
}

#jsMenuList.mobile li .subMenuWrapper li.changed > a {
    position: relative;
}

#jsMenuList.mobile li .subMenuWrapper ul {
    padding: 0;
}

#jsMenuList.mobile li .subMenuWrapper li.changed > a i {
    transform: rotate(180deg);
}

#jsMenuList.mobile li .subMenuWrapper li.changed a > i:before {
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#jsMenuList.mobile .level-1 .menuTxt {
    font-size: 1.3em;
    font-weight: 600;
    text-transform: uppercase;
}

#jsMenuList.mobile span.alltext {
    background-color: #fff;
    padding: 5px 15px;
}

.onlyBig.open {
    display: none !important;
}

span.alltext {
    word-break: break-word;
    white-space: normal;
}


#jsMenuList .topLevel li.level-0.inspirationLink > a {
    background-color: #d3acb3;
    transition: all 0.3s ease-in 0s;
}

#jsMenuList .topLevel li.level-0.inspirationLink > a:hover {
    background-color: #d3acb3;
    color: #000;
    transition: all 0.3s ease-in 0s;
}

@media (min-width: 768px) {
    #menuTop > .container {
        height: 100%;
        position: initial;
    }

    #topMenu {
        display: flex;
        align-items: center;
    }

    #jsMenuListWrapper {
        display: none;
    }

    #jsMenuList.desktop {
        display: flex;
        height: 100%;
        width: 100%;
        justify-content: center;
        text-transform: uppercase;
    }

    #jsMenuList.desktop .topLevel,
    #jsMenuList.desktop .topLevel li,
    #jsMenuList.desktop .topLevel li a {
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;
    }


    #jsMenuList.desktop .topLevel li a:hover {
        color: #c78590;
    }


    #jsMenuList.desktop .topLevel li.level-0 > a {
        padding: 0 20px;
        color: #fff;
        font-size: .9em;
    }

    #jsMenuList.desktop .topLevel li.level-0.inspirationLink > a {
        background-color: #494949;
    }

    #jsMenuList.desktop .topLevel li.level-0.inspirationLink > a:hover {
        background-color: #2d2d2d;
        color: #fff;
    }

    #jsMenuList.desktop li.level-1.changed > a::before,
    #jsMenuList.desktop li.level-2.changed > a::before {
        border-color: #ccc;
        background: #dadada;
        pointer-events: none;
        transition: all 0.3s ease-in 0s;
    }

    #jsMenuList.desktop li.level-1 a::before,
    #jsMenuList.desktop li.level-1.changed > a .linkspan::after {
        display: none;
    }

    #jsMenuList.desktop li.level-2 a::before {
        white-space: normal;
        content: '';
        width: 14px;
        height: 14px;
        border-radius: 100%;
        background-color: #fff;
        border: 1px solid #ccc;
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 0 0 14px;
        margin-left: -22px;
        transform: translateY(121%);
    }

    #jsMenuList.desktop li.level-2 a:hover::before {
        background-color: #dadada;
    }

    #jsMenuList.desktop li.level-2 a:hover .linkspan::after {
        pointer-events: none;
        content: "";
        box-sizing: content-box;
        position: absolute;
        top: 19px;
        left: 33px;
        width: 2px;
        height: 5px;
        border: solid #c1c1c1;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: opacity .25s linear;
        -webkit-transition: opacity .25s linear;
        opacity: 1;
        transition: all 0.3s ease-in 0s;
    }

    #jsMenuList.desktop li.level-1.active > a .linkspan::after,
    #jsMenuList.desktop li.level-2.active > a .linkspan::after,
    #jsMenuList.desktop li.level-1.changed > a .linkspan::after,
    #jsMenuList.desktop li.level-2.changed > a .linkspan::after {
        pointer-events: none;
        content: "";
        box-sizing: content-box;
        position: absolute;
        top: 19px;
        left: 7px;
        width: 2px;
        height: 5px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: opacity .25s linear;
        -webkit-transition: opacity .25s linear;
        opacity: 1;
        transition: all 0.3s ease-in 0s;
    }

    #jsMenuList.desktop li.level-1.active > a::before,
    #jsMenuList.desktop li.level-2.active > a::before {
        border-color: #a66974;
        background: #c78590;
        pointer-events: none;
    }

    #jsMenuList.desktop li.level-2.changed > a .linkspan::after,
    #jsMenuList.desktop li.level-2.active > a .linkspan::after {
        left: 33px;
    }

    #navBarTop li.category.act {
        background-color: #c78590;
    }

    .onlyBig.open {
        display: block !important;
    }

    #jsMenuList.desktop .subMenuInner > ul li a {
        padding-left: 25px;
    }

    #jsMenuList.desktop .subMenuInner.level-2 > ul li a {
        padding-left: 50px;
    }

    #jsMenuList.desktop .subMenuWrapper {
        display: none;
        position: absolute;
        left: 0;
        width: 100%;
        top: 45px;
    }

    #jsMenuList.desktop .level-0 > .subMenuWrapper {
        background-color: #888888;
        max-height: 84vh;
        overflow: hidden;
    }

    #jsMenuList.desktop .subMenuWrapper ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #jsMenuList.desktop .subMenuWrapper li {
        flex-direction: column;
        flex: 0 0 21%;
    }

    #jsMenuList.desktop .subMenuWrapper li.level-1 {
        margin-bottom: 35px;
        margin-right: 3%;
    }

    #jsMenuList.desktop .subMenuWrapper li a {
        white-space: pre-wrap;
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
        position: relative;
    }

    #jsMenuList.desktop .linksubicon {
        display: none;
    }

    #jsMenuList.desktop .subMenuWrapper .subMenuInner.level-1 {
        background-color: #f7f7f7;
        padding: 20px 20px 20px 20px;
        overflow-y: auto;
        max-height: 84vh;
    }


    #jsMenuList.desktop .subMenuWrapper .subMenuWrapper {
        position: initial;
        display: block !important;
    }

    #jsMenuList.desktop .subMenuWrapper .subMenuWrapper li {
        flex-direction: row;
        flex: 1 1 100%;
        font-size: .9em;
    }

    #jsMenuList.desktop .subMenuWrapper .subMenuWrapper .subMenuWrapper {
        display: none !important;
    }

    #jsMenuList.desktop .level-1 > a {
        font-weight: 700;
    }

    #jsMenuList.desktop nav.inner {
        display: flex;
        align-items: center; /*justify-content: center;*/
    }

    #jsMenuList.desktop header,
    #jsMenuList.desktop #btnCategoriesClose {
        display: none;
    }

    #jsMenuList.desktop .topLevel li.level-0 .showallwrap {
        display: none;
    }

    #jsMenuList.desktop .topLevel li.level-1 .showallwrap {
        margin: 0;
        display: flex;
        font-size: .8em;
        font-weight: 700;
    }

    #jsMenuList.desktop .topLevel li.level-1 .showallwrap .linkspan {
        background-color: #fff;
        padding: 2px 8px;
    }

    #jsMenuList.desktop .topLevel li.level-1 .hideSome li:nth-child(n+6) {
        display: none;
    }

    #jsMenuList.desktop .topLevel li.showall {
        display: block !important;
        margin: 14px 0 0 31px;
    }

    #jsMenuList.desktop .topLevel .morelinks {
        display: block;
        padding-left: 0 !important;
        font-weight: 600;
    }

    #jsMenuList.desktop .topLevel .morelinks i {
        display: inline-block;
        margin-right: 6px;
    }

    #jsMenuList.desktop .topLevel .morelinks span {
        display: inline-block;
        border-bottom: 1px dashed #000;
        font-size: .85em;
        font-weight: 700;
    }

    #jsMenuList.desktop .topLevel .morelinks::before {
        display: none;
    }

    .level-1 > a.mSub {
        border-bottom: 1px solid #a8a8a8;
        padding-bottom: 8px;
    }


    /*.level-0.changed { background-color: #5f5f5f; }*/
    #jsMenuList.desktop li.level-2 a.mSub.link_with_sub .linkspan span:after {
        content: "...";
        display: inline-block;
        padding-left: 7px;

        content: "\f114";
        font-family: FontAwesome;
        color: #d8d8d8;


    }
}

@media all and (min-width: 600px) and (max-width: 1100px) {
    #jsMenuList.desktop .subMenuWrapper li {
        flex-direction: column;
        flex: 0 0 31%;
    }

    #jsMenuList.desktop .subMenuWrapper li.level-1 {
        margin-right: 2%;
    }

}


/* Newsletter */
#ajaxNL {
    text-align: center;
    width: 100%;
}

#ajaxNL .newsletter-field {
    height: 40px;
    vertical-align: middle; /*width: 30%;*/
    padding: 5px;
    border: 0px;
    max-width: 300px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.nlText {
    text-align: center;
}

.nlText i {
    font-size: 2.5em;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 10px;
}

.nlText span {
    display: block;
}

.nlText img {
    vertical-align: middle;
    padding-right: 10px;
}

.nlText strong {
    padding-right: 15px;
    font-weight: 600;
}

/* Show/Hide in category view */
#categorySubCategories h2 {
    display: none;
}

.categoryDescription {
    overflow: hidden;
    position: relative;
    padding: 0px 60px 0px 0px;
}

.fadeout {
    display: none;
    height: 4em;
    left: 0;
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

#cpToggle {
    display: none;
}

#cpToggle button {
    background-color: #e490ba;
    border-radius: 50px;
    bottom: 5px;
    cursor: pointer;
    display: none;
    font-size: 23px;
    height: 45px;
    line-height: 35px;
    padding: 5px;
    position: absolute;
    right: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 45px;
    color: #fff;
    display: block;
    border: 0;
}

#cpToggle button:hover {
    background-color: #cb79a2;
}

#cpToggle:hover button,
#cpToggle:hover button:focus {
    outline: 0;
}

.collapsed {
    max-height: 80px;
}

.expand {
    max-height: none;
}

/* VAT-area */
#vatContainer .vatInner {
    width: 150px;
    text-align: left;
    margin: 10px auto 0;
}

.vatInner .vatText {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    font-size: .9em;
    line-height: 30px;
    width: 55%; /*background-color: #f7f7f7;*/
    color: #333 !important;
    padding-left: 6px;
    position: relative;
}

.vatInner .vatSwitch {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 40%;
}

/* On/off switch */
.onoffswitch {
    position: relative;
    width: 99%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin-bottom: 5px;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 12px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: 400;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "P\c5";
    background-color: #d7a8b0;
    border-radius: 5px;
    color: #fff;
    padding-left: 7px;
}

.onoffswitch-inner:after {
    content: "AV";
    padding-right: 10px;
    background-color: #EEEEEE;
    color: #999999;
    text-align: right;
}

.onoffswitch-switch {
    display: block;
    width: 18px;
    margin: 6px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 33px;
    border-radius: 2px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}


#countryList {
    /*
	padding: 10px 0px;
    background-color: #ffffff;
    border: 2px solid #0495ce;
    margin-bottom: 6px;
    */

    padding: 10px 0px;
    background-color: #ffe8f3;
    /* border-radius: 20px; */
    /*border: 1px solid #9ed2e7;*/
    margin-bottom: 6px;

}

#countryList ul {
}

#countryList li {
    float: left;
    background: #fafafa;
    border: 1px solid;
    border-radius: 3px;
    border-color: #e7e7e7;
    margin-left: 5px;
}

#countryList li a:hover,
#countryList li a:focus {
    background: #fff;
    -webkit-animation: kiss-in 0.25s ease-out;
    -moz-animation: kiss-in 0.25s ease-out;
    animation: kiss-in 0.25s ease-out;
}

#countryList li.active {
    border-color: #258b51;
    background: #c7eed8;
    box-shadow: 0 1px 2px #D8D8D8;
}

#countryList li img {
    display: block;
}

#countryList a { /*display: block; padding: 2px 6px; text-decoration: none;*/
    display: block;
    padding: 5px 12px;
    text-decoration: none;
    font-weight: 600;
}

#countryChoose {
    padding: 0 10px; /*font-size: .9em;*/
    text-align: center;
}

#countryChoose .countryHeadImage {
    vertical-align: middle;
    max-width: 23px;
    margin-left: 4px;
    margin-right: 4px;
}

#countryChoose .countryHead {
    font-size: .9em;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 5px;
}

#countryChoose span {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    margin-top: 0;
    float: none;
    margin-right: 0;
}

#countryChoose strong {
    font-size: 1.3em;
}

#countryToggle { /*cursor: pointer; color: #0496ce; border: 0; background-color: transparent; vertical-align: middle; margin-left: 5px;*/
    cursor: pointer;
    color: #b76875;
    border: 0;
    background-color: transparent;
    vertical-align: middle;
    margin-left: 5px;
    border: 2px solid #b76875;
    padding: 5px 5px;
    border-radius: 30px;
    font-weight: 600;
    background-color: #fff;

    width: 135px;
    font-size: 1em;
}

#countryToggle:hover,
#countryToggle :focus {
    background-color: #e5f1f5;
}

#selCountry {
    width: 135px;
    font-size: 1em;
    padding: 3px 10px 3px 5px;
    margin-left: 5px;
    background-color: #fff;
    border: 2px solid #b76875;
    /*border-radius: 30px;*/
    color: #000;
    font-weight: 600;
    background-color: #fff;
}

#selCountry option {
    font-size: 1.1em;
    color: #000;
}

#countryDiv {
    padding: 10px;
    display: none;
    /* background-color: #dbdbdb; */
    overflow: auto;
    border-radius: 30px;
    margin-top: 4px;
}

#currencyDiv {
    position: absolute;
    display: none;
    overflow: auto;
    background-color: #fff;
    box-shadow: 3px 6px 9px -4px rgba(0, 0, 0, 0.5);
}

/*
	Styled radio button or checkbox
*/
/*
input.styledChk {
    display:none;
}

input.styledChk + label {
	font-weight: normal;
	font-size: 1em;
	cursor: pointer;
	margin-right: 10px;
}

input.styledChk + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px -1px 0 0;
    vertical-align:middle;
    cursor:pointer;
	font-weight: normal;
}
input.styledChk + label span:after {
	content:"\f10c";
	font-family: FontAwesome;
	color: #a3a3a3;
}

input.styledChk:checked + label span {
}

input.styledChk:checked + label span:after {
	font-family: FontAwesome;
	content:"\f00c";
	color: green;
}
*/

/* Wrapper */
#wrapper {
    font-size: .9em;
    overflow: auto;
    min-height: 40%;
    margin-top: 49px;
}

#wrapper > .container {
    padding-top: 5px;
}

/* Index page */
#indexOnSale .innerFill,
    /*#indexTopText .innerFill,*/
    /*#indexBottomText .innerFill,*/
#indexTopSellers .innerFill,
#indexLastCreated .innerFill,
#indexTopSellersFromCategories .innerFill { /* override global innerFill */
    background-color: transparent;
    border: none;
    padding: 0;
}

#indexOnSale .innerFill h2,
#indexTopSellers .innerFill h2,
#indexLastCreated .innerFill h2,
#indexTopSellersFromCategories .innerFill h2 {
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, .5);
}

#indexTopText { /*margin-bottom: 20px;*/
}

#indexTopSellersFromCategories .catLink {
    font-size: .9em;
    margin-top: -6px;
    margin-bottom: 5px;
}

#indexTopSellersFromCategories .catLink a {
    background-color: #d7a8b0;
    border-radius: 10px;
    padding: 2px 9px;
    color: #fff;
}

#indexTopSellersFromCategories .catLink a:hover {
    background-color: #20659f;
}

#pageIndex { /*padding-top: 5px;*/
}

#pageIndex .flex-control-nav {
    position: absolute;
    bottom: -2px;
    right: 9px;
    width: auto;
}

#pageIndex .flexslider {
    min-height: auto;
}

#pageIndex .flexslider .slides img {
    width: auto;
    margin: 0px auto;
    width: 100%;
}

#pageIndex .box1 {
    width: 100%;
    background-color: #e8e8e8;
}

#pageIndex .box2 {
    padding: 10px;
    outline: 1px solid #e8e8e8;
    width: 100%;
    text-align: center;
}

#pageIndex .box2 p {
    line-height: 0;
}

#uspIndex {
}

#uspIndex [class*='grid-'] {
    margin-bottom: 5px;
}

#uspIndex [class*='grid-']:first-child,
#uspIndex [class*='grid-']:nth-child(2) { /*border-bottom: 1px solid #eaeaea;*/ /*padding-bottom: 14px;*/
}

#uspIndex [class*='grid-']:nth-child(2) {
    border-right: 0px;
}

#uspIndex [class*='grid-']:last-of-type {
    border-right: 0;
}

#uspIndex .uspPlate {
    text-align: center;
    min-height: auto;
}

#uspIndex .uspPlate i {
    font-size: 4em;
}

#uspIndex .uspPlate p {
    margin: 0;
    padding: 0;
    line-height: 0;
}

#uspIndex .uspPlate img {
    width: 100%;
    height: auto;
}

#indexImagesFromCategories .catItem:hover .innerFill {
    outline: 1px solid gray;
}

#indexImagesFromCategories a {
    display: block;
    height: 100%;
}

#indexImagesFromCategories a:focus h2 {
    color: #d7a8b0;
}

#indexImagesFromCategories .image {
    height: 125px;
    margin-bottom: 10px;
}

#indexImagesFromCategories h2 {
    border: medium none;
    font-size: 1.1em;
    font-weight: 600;
    height: 60px;
    overflow: hidden;
    text-align: center;
}

.indexImage img {
    height: auto;
    vertical-align: bottom;
}

.toptext,
.bottomtext {
    text-align: center;
    word-break: break-word;
}

.toptext p:not(:first-child),
.bottomtext p:not(:first-child) {
    margin-top: 10px;
}

.toptext h1,
.bottomtext h1 {
    text-transform: uppercase;
}

.toptext h1 {
    text-align: center;
}

/* Header */
#header {
    position: relative;
    margin: 0px auto 0;
    color: #333;
}

/* Top area (fixed bar wit cart, login etc.) */
#topArea {
    display: none;
}

#topArea #smallLogo {
    display: none;
}

#topArea.fixed #smallLogo {
    display: table-cell;
    padding-right: 14px;
}

/* Top bar, <header> (logo, search, usp ...) */
#topBar {
    height: 0;
    display: none;
}

#topBar,
#topBar.fixed {
    width: 100%;
    z-index: 99999;
    color: #000;
    background-color: #fff;
}

/* Menu button */
#buttonMenu {
    position: relative;
    font-size: 1.7em;
    cursor: pointer;
    color: #484442;
    display: table-cell;
    z-index: 5;
    vertical-align: middle;
    min-width: 70px;
    text-align: center;
    width: 15%;
    background-color: transparent;
    border: 0;
    padding-top: 9px;
    padding-bottom: 7px;
}

#buttonMenu:focus { /*color: #d7a8b0;*/ /*outline: thin dotted;*/
    outline-offset: -2px;
}

#buttonMenu.active {
    background-color: #fff;
    color: #c78590;
}

#buttonMenu i {
    padding: 0 15px;
    position: relative;
    padding-bottom: 4px;
}

#buttonMenu .menuText {
    font-size: .4em;
    font-weight: 700;
    margin-top: -4px;
    text-transform: uppercase;
    display: block;
}

/*#buttonMenu:after { content: "\f002"; font-family: FontAwesome; padding-right: 5px; position: absolute; right: 12px; bottom: 17px; background-color: #ffffff; border-radius: 100%; padding: 4px; font-size: .5em; }*/

/* Logo */
#topLogo {
    padding: 0 20px 0 0;
    text-align: center;
    margin-top: -20px;
    margin-bottom: -9px;
}

#topLogo .innerLogo a {
    line-height: 104px;
    height: 104px;
}

#topLogo img {
    height: auto;
    max-height: 75px;
    vertical-align: middle;
}

#topLogoFixed {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    text-align: center;
    width: 70%;
}

#topLogoFixed img {
    height: auto;
    max-height: 51px;
    vertical-align: middle;
    margin-left: 0;
    max-width: 253px;
    margin-top: 5px;
}

@media screen and (max-width: 768px) {
    #topLogoFixed img { /*max-width: 245px;*/
        max-width: 85%;
    }
}


#topFavouriteFixed {
    display: table-cell;
    vertical-align: middle;
    width: 67px;
}

#topFavouriteFixed .dyn-favourites-text {
    display: none;
}

/* Search */
#topSearch {
    color: #fff;
    cursor: pointer;
    display: table-cell;
    font-size: 1.4em;
    text-align: center;
    vertical-align: middle;
}

#topSearch i {
    padding: 0.9em;
}

/* Cart*/
#topCartFiller {
    display: table-cell;
    width: 15%;
    vertical-align: top;
    text-align: center;
    position: relative;
}

#topCartFiller a {
    color: #000;
    display: block;
    height: 100%;
}

#topCartFiller .icon {
    font-size: 1.7em;
    margin-top: -9px;
}

#topCartFiller .qty {
    background-color: #b76875;
    border-radius: 40px;
    color: #fff;
    font-size: 0.8em;
    font-weight: 600;
    height: 20px;
    right: 8px;
    line-height: 20px;
    padding-right: 1px;
    position: absolute;
    top: 8px;
    min-width: 20px;
    text-shadow: 2px 0px 3px rgba(0, 0, 0, .25);
}

#topCartFiller a:focus i {
    color: #b76875; /*outline: thin dotted;*/
}

/* Search button */
#buttonSearch {
    height: 60px;
    vertical-align: middle;
    line-height: 56px;
    color: #000;
}

#buttonSearch i {
    position: relative;
}

#buttonSearch.active {
    background-color: #f7f7f7;
}

/* Sitemap */
.sitemapLine {
    background: url(../images/line.gif);
    background-repeat: repeat-y;
}

.sitemapHline {
    background: url(../images/hline.gif);
    background-repeat: repeat-x;
}

/* Top cart */
/*
#topLogin {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    padding-right: 10px;
}*/
#topLogin {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    padding: 4px;
}

#topCartContent {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    margin-top: -15px;
}

#topArea.fixed #topCartContent {
    margin-top: 0;
}

#topCartContent div {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
}

/* Basket items */
#basketItems {
    cursor: pointer;
    padding: 0 15px;
    vertical-align: top;
    font-weight: 600;
    padding-right: 7px;
}

#basketItems i {
    font-size: 1.3em;
    padding-right: 7px;
}

/* Button to cashier */
#btnToCashier {
    margin-right: -4px;
}

#btnToCashier a {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #b76875;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    display: block;
    position: relative;
    text-shadow: 2px 0px 3px rgba(0, 0, 0, .25);
}

#btnToCashier a:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(130, 180, 64, 0);
    border-right-color: #b76875;
    border-width: 4px;
    margin-top: -4px;
}

#btnToCashier a:hover {
    background-color: #974a56;
    text-decoration: none;
}

#btnToCashier a:focus {
    background-color: #974a56;
}

#btnToCashier a:focus:after {
    border-right-color: #b76875;
}

#btnToCashier a:hover:after {
    border-right-color: #974a56;
}

/* Mini cart */
#miniCart {
    position: absolute;
    top: 40px;
    right: -4px;
    width: 450px;
    padding: 5px;
    background-color: #fff;
    box-shadow: 0px 1px 4px rgba(50, 50, 50, 0.3);
    display: none;
    max-height: 547px;
    overflow-y: auto;
}

#miniCart .cashier-form {
    padding-bottom: 0;
}

#miniCart .cashier-form .cartPlus a,
#miniCart .cashier-form .cartMinus a {
    height: 17px;
    line-height: 17px;
    width: 17px;
    border-radius: 30px;
    font-size: 11px;
}

#miniCart .cashier-form .cartPlus a:focus,
#miniCart .cashier-form .cartMinus a:focus {
    background-color: green !important;
}

#miniCart .cashier-form .cartMinus a {
}

#miniCart .cashier-form .cartQty {
    margin: 0 3px;
    text-align: center;
    display: block;
    width: 30px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

#miniCart .cashier-form .name {
    line-height: 16px;
}

#miniCart .cashier-form .cartQtyWrapper {
    margin-top: 0;
}

#miniCart .cashierProducts .vat {
    font-size: .9em;
    padding: 3px 0;
}

#miniCart .cashierProducts .total {
    font-size: .9em;
    font-weight: 400;
    padding: 3px 0;
}

#miniCart .cashierProducts .vat td {
    padding: 0;
}

#miniCart .button-confirm {
    margin: 10px 0 5px 0;
}

#miniCart .cashier-form .tableTotal { /*width: 100%;*/
    float: none;
    padding: 20px 10px;
}

.jsShakeArea {
    height: 15px;
}

/* Footer */
#footerNewsletter {
    background-color: #404040;
    padding: 10px 0;
}

#footerToTop {
    font-size: 1.2em;
    text-align: center;
    text-transform: uppercase;
}

#footerToTop a {
    cursor: pointer;
    display: block;
    margin-bottom: 15px;
    margin-top: 10px;
    color: #333;
}

#footerToTop a:hover,
#footerToTop a:focus {
    color: #d7a8b0;
}

.footerSocial {
    margin: 10px 0;
}

#footerLogos {
    background-color: #434343;
}

#footerLogos [class*='grid-'] {
    text-align: center;
}

#footer {
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    width: 100%;
    font-size: .9em;
}

#footer a {
    color: #ccc;
    padding: 5px 0;
    margin: 5px 0;
}

#footer a:hover {
    text-decoration: underline;
    color: #d7a8b0;
}

#footer a:focus {
    outline-offset: 2px;
    text-decoration: none; /*outline: thin dotted;*/
    color: #d7a8b0;
    text-decoration: underline;
}

#footer h4 {
    color: #fff;
    font-size: 1.1em;
    font-weight: 100;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 0;
    text-transform: uppercase;
}

#footer h4 a {
    color: #fff;
}

#footer ul {
    line-height: 1em;
}

#footer li {
    display: block;
    margin: 10px 0;
}

#footer .footerText {
    padding: 20px 15px 20px 15px;
    text-align: center;
}

#footerTop {
    background-color: #393939;
    color: #fff;
    padding: 10px 0;
}

#footerTop .col1,
#footerTop .col2 {
    text-align: center;
}

/* My-page */
.wishlist ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.wishlist li {
    margin-right: 20px;
    float: left;
}

.wishContainer {
    width: 450px;
    float: left;
    border: 1px dashed #ccc;
    min-height: 180px;
    position: relative;
}

.wishContainer .inner {
    margin: 10px;
}

.wishContainer .image {
    float: left;
    width: 100px;
}

.wishContainer .infobox {
    float: left;
    padding-left: 15px;
    width: 250px;
}

.wishContainer .infobox h3 {
    min-height: 40px;
}

.wishContainer .infobox .observe {
    margin-bottom: 10px;
    padding: 5px;
}

.wishContainer .infobox .price {
    padding-left: 0;
    font-weight: 600;
}

.wishContainer .infobox .actions {
    position: absolute;
    bottom: 10px;
    margin-right: 15px;
}

.wishContainer .infobox .actions input {
    margin-right: 20px;
}

/* Breadcrumbs */
#mBreadcrumb {
    font-size: .8em;
    background-color: #f7f7f7;
}

#mBreadcrumb h2 {
    font-size: 1.25em;
    font-weight: 400;
    margin-bottom: 0;
    padding: 10px 0;
    text-align: center;
    background-color: transparent;
    border-bottom: 1px solid #e3e3e3;
}

#breadcrumbs {
    overflow: auto;
    position: relative;
    font-size: .85em;
    display: none;
    margin: 5px 0;
}

#breadcrumbs .innerFill { /* override global innerFill */
    background-color: transparent;
    border: none;
    padding: 0;
}

#breadcrumbs > .container {
}

#jsBreadcrumb li,
#mBreadcrumb li {
    display: inline-block;
    padding: 5px 0;
}

#jsBreadcrumb li.arrow,
#mBreadcrumb li.arrow {
    padding: 0px 0px 0px 5px;
    color: #666;
}

#jsBreadcrumb li.arrow:before,
#mBreadcrumb li.arrow:before {
    content: "\f105";
    font-family: FontAwesome;
    padding-right: 5px;
}

/* StandardPageContainer */
.standardPageContainer {
    display: block;
    padding-left: 0px;
    margin-bottom: 0px;
}

.standardPageContainer ul {
    list-style-type: disc;
    margin-left: 20px;
}

.standardPageContainer li {
    display: list-item;
    position: relative;
    padding: 8px 0 2px 0px;
}

.standardPageContainer a {
    text-decoration: underline;
}

/* Spot sale */
.spotSale:before {
    background-color: transparent !important;
    color: #fff;
    font-size: 1.3em;
    font-weight: 600;
    padding-top: 0;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.spotSale {
    background-color: #d99ea8;
    opacity: .8;
    color: #fff;
    font-weight: 600;
    left: 0px;
    line-height: 70px; /* width: 60px; */
    padding: 0 12px;
    position: absolute;
    text-align: center;
    top: 10px;
    z-index: 1;
    width: 70px;
    height: 70px;
    border-radius: 140px;
    font-size: .9em;
}

.spotSale.special {
    width: auto;
    height: auto;
    line-height: normal;
    padding: .5em .8em;
    background-color: #c3838e;
}

.spotPopular {
    color: #333;
    font-size: 0.9em;
    text-transform: uppercase;
    font-weight: 600;
    right: 12px;
    line-height: 38px;
    position: absolute;
    text-align: center;
    top: 0px;
    z-index: 1;
    display: none;
}

.spotPopular i {
    font-size: 1.6em;
    padding-right: 6px;
    vertical-align: middle;
    margin-top: -5px;
}

/* Product list container (category-view) */
.productListContainer [class*='grid-'] {
    position: relative;
}

.productListContainer li {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.productListContainer li:hover { /* -webkit-transform: translateY(-1px); transform: translateY(-1px); */
}

.productListContainer li heading {
    padding: 0 5px 10px;
}

.productListContainer li:hover a { /*color: #4faab2;*/
}

/*
.productListContainer li .innerContainer {
	background-color: #fff;
    border: 1px solid #efefef;
    border-radius: 2px;
    padding: 5px 5px 7px;
    position: relative;
}
*/
.productListContainer li .innerContainer {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    box-shadow: 1px 1px 3px rgba(55, 55, 55, 0.1);
    padding: 5px 5px 7px;
    position: relative;
}

.productListContainer li:hover .innerContainer {
    box-shadow: 0px 0px 50px rgba(55, 55, 55, 0.1);
}

.productListContainer li.bigProduct {
    float: left;
}

.productListContainer li.bigProduct .innerContainer {
    height: 340px;
}

.productListContainer li.bigProduct .catProdImage {
    height: 200px;
}

.productListContainer li.bigProduct .catProdImage img {
    max-height: 190px;
}

.productListContainer li.bigProduct .catProdInner h3 a {
    padding-top: 211px;
}

.productListContainer li.bigProduct .catProdInner h3 a span {
    height: 60px;
    line-height: 27px;
}

.productListContainer li.bigProduct .catProdInner .rating {
    bottom: 35%;
}

.productListContainer ul [class~='bigProduct']:nth-child(even) {
    float: right;
}

.productListContainer li:hover .innerContainer {
    border-color: #cacaca;
}

.productListContainer li .subscriptionSpot {
    background-color: #333;
    border-radius: 2px;
    bottom: 10px;
    color: #fff;
    font-size: 0.8em;
    left: 50%;
    margin-left: -47px;
    padding: 4px 10px;
    position: absolute;
    line-height: 13px;
}

.productListContainer li .catProdImage {
    height: 225px;
    max-width: 100%;
    position: relative;
}

.productListContainer li .catProdImage img {
    max-height: 215px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.productListContainer li .button-confirm {
    padding: 3px 20px !important;
    width: 99%;
}

.productListContainer li .button-confirm-black {
    padding: 3px 20px !important;
    width: 99%;
    font-weight: 600;
}

.productListContainer li .catProdInner .jsChangeAssoc {
    position: relative;
    z-index: 1;
}

.productListContainer li .catProdInner h3 {
    font-size: .9em;
    font-weight: 300;
    height: 100%;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.productListContainer li .catProdInner h3 a {
    display: block; /*height: 100%;*/
    height: 86%;
    padding-top: 250px;
    text-decoration: none;
}

.productListContainer li .catProdInner h3 a:focus {
    outline: 1px solid #cacaca;
    height: 100%;
}

.productListContainer li .catProdInner h3 a:focus span { /*outline: thin dotted;*/
}

.productListContainer li .catProdInner h3 a:active span {
    outline: none;
}

.productListContainer li .catProdInner h3 a span {
    text-transform: uppercase;
    display: block;
    height: 35px;
    overflow: hidden;
    font-weight: 600;
    text-align: center;
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.productListContainer li .catProdInner .h3spacer {
    height: 45px;
}

.productListContainer li .catProdInner .rating {
    bottom: 18%;
    font-size: 0.8em;
    height: 20px;
    left: 50%;
    margin-left: -32px;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.productListContainer li .catProdInner .rating li:hover {
    transform: none;
}

.productListContainer li .catProdInner .rating li {
    font-size: 1.3em;
}

.productListContainer li .catProdInner .productPrice {
    height: 1.5em;
    font-weight: 600;
    font-size: 1.3em;
    text-align: center;
    margin-top: 22px;
}

.productListContainer li .catProdInner .priceNew,
.productListContainer li .catProdInner .priceOld {
    display: inline-block;
}

.productListContainer li .catProdInner .priceOld {
    margin-right: 10px;
    text-decoration: line-through;
}

.productListContainer li .catProdInner .productPrice .installmentCost {
    font-size: .6em;
    height: 15px;
    font-weight: normal;
    padding-top: 3px;
    color: #666;
    display: none;
}

.productListContainer li .catProdInner .shortText {
    text-align: center;
}

.productListContainer li .catProdInner .productBuy {
    text-align: center;
    margin-top: 0px;
}

.productListContainer .productListContainer li .spot {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    height: 25px;
    left: 4px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 30px;
    z-index: 1;
}

/* Flexslider with category products */
.productListContainer .flexslider {
    margin: 0;
    border: 1px;
    overflow: hidden;
}

.productListContainer .flexslider .slides img {
    width: auto;
}

.productListContainer .flexslider .flex-control-nav {
    display: none;
}

.productListContainer .flexslider li .innerContainer {
    position: relative;
    background-color: #fff;
    border: 1px dashed #e4e4e4;
    height: 378px;
}

.productListContainer .flexslider .slides > li {
    height: 360px;
}

.productListContainer .flexslider li .catProdInner .rating {
    bottom: 70%;
    left: 57%;
}

.productListContainer .flexslider .catProdImage {
    float: left;
    width: 50%;
    height: 372px;
    background-color: #fff;
}

.productListContainer .flexslider .catProdInner {
    float: left;
    width: 49%;
    padding-left: 12px;
}

.productListContainer .flexslider .catProdInner h3 {
    position: relative;
}

.productListContainer .flexslider .catProdInner h3 a {
    padding-top: 10px;
    font-size: 1.4em;
}

.productListContainer .flexslider .catProdInner h3 a span {
    line-height: 1.2em;
    height: auto;
    text-align: left;
    height: 65px;
}

.productListContainer .flexslider .catProdInner .productPrice {
    font-size: 1.8em;
    margin-bottom: 60px;
}

.productListContainer .flexslider .catProdInner .button-confirm-black {
    background-color: #dcdcdc;
}

/* Product page */
#prodLatestReviews {
    margin: 5px 0;
}

#prodLatestReviews > .container {
    background-color: rgba(255, 255, 255, .7);
}

#prodLatestReviews .productReview {
    border-bottom: 1px dotted #cccccc;
    padding: 4px 0;
    margin-bottom: 10px;
}

#prodLatestReviews .productReview .revDate {
    color: #484848;
    font-size: 0.8em;
}

#prodLatestReviews .productReview .revAuthor {
    font-size: 0.8em;
}

#prodLatestReviews .productReview .revText {
    padding: 3px 0;
}

#productPageUpper {
}

#productPageUpper .colImage .innerFill {
    background-color: transparent;
}

#productPageUpper .colInfo .innerFill { /* background-color: transparent; border: none;	padding: 0;	*/
}

#productPageUpper > section > .container {
    background-color: rgba(255, 255, 255, .7);
}

#prodDesc {
    margin-top: 5px;
}

#prodDesc h2 {
    font-size: 1.25em;
    font-weight: 400;
    margin-top: 10px;
    text-align: left;
    margin-left: -8px;
}

#prodDesc h2:first-of-type {
    margin-top: 0;
}

#prodDesc header h2 {
    background-color: transparent;
    border-bottom: 1px solid #e3e3e3 !important;
}

#prodDesc > .container { /*background-color: rgba(255,255,255,.7);*/
}

#prodDesc .colDesc .innerFill {
    background-color: transparent;
}

#prodDesc .colMisc .innerFill {
    background-color: transparent;
}

#productPageUpper h2 {
    background-color: transparent;
    border-bottom: 1px solid #e3e3e3;
    font-size: 1.2em;
}

#productPageUpper .colInfo {
    margin-top: -12px;
}

#prodDesc .colDesc,
#prodDesc .colMisc,
#prodLatestReviews,
#prodAssoc,
#prodSimilars,
#prodOthers {
    overflow: auto;
}

.productImageContainer {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.productImageContainer .next,
.productImageContainer .prev {
    cursor: pointer;
    font-size: 50px;
    font-weight: 600;
    position: absolute;
    color: gray;
    top: 40%;
}

.productImageContainer .next {
    right: 0px;
}

.productImageContainer .prev {
    left: 0px;
}

.productImageContainer .next:hover,
.productImageContainer .prev:hover {
    color: #787878;
}

#slider {
    visibility: hidden;
    overflow: hidden;
}

.productImage {
    background-color: #fff;
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    max-width: 700px;
    margin: 0px auto 0;
    height: 230px;
    line-height: 230px;
}

.productImage img {
    vertical-align: middle;
    height: auto;
    max-height: 230px;
}

.productImage span {
    width: 59px;
    height: 33px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/bg-spot-rea.png) no-repeat;
    z-index: 100;
}

.productSpecification {
}

.productThumbs {
    margin-bottom: 10px;
    margin-top: 7px;
    width: 100%;
}

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

.productThumbs li {
    float: left;
    line-height: 65px;
    width: 20%;
}

.productThumbs li a {
    display: block;
}

.productThumbs li img {
    margin: 0 auto;
    vertical-align: middle;
}

.productThumbs li .innerContainer {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    margin-right: 5px;
    margin-top: 5px;
    padding: 5px;
}

.productInfo {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.productInfo .rating {
    cursor: pointer;
}

.productInfo p {
    padding: 8px 0;
}

.productInfo .selProdAssoc {
    width: 100%;
}

.productInfo h1 {
    padding-top: 0;
    text-align: center;
    padding-bottom: 0;
    font-size: 1.3em;
    padding-left: 0;
}

.productInfo .subscriptSpot {
    margin-top: 10px;
    font-size: .8em;
    text-align: center;
}

.productInfo .subscriptSpot span {
    background-color: #333;
    padding: 4px 10px;
    color: #fff;
    border-radius: 2px;
}

#productManufacturer {
    color: #b4b4b4;
    text-align: center;
    padding: 5px 0;
}

/* Product list container SMALL item */
#cashierProducts {
    display: none;
}

#cashierProducts .productListContainerSmall .listProduct {
    width: 100%;
    display: block;
}

#cashierProducts .productListContainerSmall .priceOld {
    display: none;
}

.productListContainerSmall [class*='grid-'] {
    position: relative;
}

.productListContainerSmall .listProduct {
    width: 100%;
    display: block;
}

.productListContainerSmall li .innerContainer {
    position: relative;
    border: 1px solid #f5f5f5;
    padding: 5px;
    background-color: #fff;
}

.productListContainerSmall li .innerContainer:after {
    content: "";
    display: table;
    clear: both;
}

.productListContainerSmall li:hover .innerContainer {
    border: 1px solid #e9e9e9;
}

.productListContainerSmall .ribbon-wrap {
    display: none;
}

.productListContainerSmall li .catProdImage {
    height: 100px;
    width: 19%;
    position: relative;
    float: left;
}

.productListContainerSmall li .catProdImage img {
    max-height: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.productListContainerSmall li .catProdImage .spotSale {
    font-size: 0.7em;
    height: 52px;
    line-height: 52px;
    width: 52px;
}

.productListContainerSmall li .button-confirm {
    padding: 8px 5px !important;
    width: 85%;
}

.productListContainerSmall li .button-confirm-black {
    padding: 8px 5px !important;
    width: 85%;
    font-weight: 600;
}

.productListContainerSmall li .catProdInner {
    float: right;
    width: 80%;
    padding-left: 15px;
}

.productListContainerSmall li .cpCatProductRowL {
    display: none;
}

.productListContainerSmall li .catProdInner h3 {
    height: 60px;
    padding: 0;
    padding-right: 10px;
    font-weight: 600;
}

.productListContainerSmall li .catProdInner h3 a {
    display: block;
    height: 100%;
    padding-top: 5px;
}

.productListContainerSmall li .catProdInner h3 a span {
    display: block;
    font-weight: 600;
    font-size: 0.9em;
    height: 102px;
    left: 0;
    overflow: hidden;
    padding-left: 22%;
    position: absolute;
    top: 5px;
    text-transform: uppercase;
}

.productListContainerSmall li .catProdInner .h3spacer {
    display: none;
}

.productListContainerSmall li .catProdInner .rating {
    display: none;
}

.productListContainerSmall li .catProdInner .rating li {
    font-size: 1.3em;
}

.productListContainerSmall li .catProdInner .productPrice {
    float: left;
    font-size: 1.3em;
    font-weight: 400;
    height: 40px;
    min-height: 40px;
    text-align: left;
    width: 50%;
}

.productListContainerSmall li .catProdInner .priceNew,
.productListContainerSmall li .catProdInner .priceOld {
    display: inline-block;
}

.productListContainerSmall li .catProdInner .priceOld {
    margin-right: 10px;
    text-decoration: line-through;
}

.productListContainerSmall li .catProdInner .productPrice .installmentCost {
    font-family: Muli, sans-serif;
    font-size: .6em;
    height: 15px;
    font-weight: normal;
    padding-top: 3px;
    color: #666;
}

.productListContainerSmall li .catProdInner .productBuy {
    float: right;
    margin-top: -5px;
    min-height: 40px;
    text-align: right;
    width: 50%;
}

/* Normal product */
.productInfo .shortDesc {
    text-align: center;
}

.productInfo .innerBox {
    position: relative;
}

.productInfo .innerBox ul {
    line-height: 1.4em;
}

.productInfo .innerBox:after {
    clear: both;
    content: "";
    display: block;
}

.productInfo .assoc {
}

.productInfo select { /*background: transparent;*/
}

.productInfo .prices {
    font-weight: 600;
    font-size: 2em;
    position: relative;
    text-align: center;
}

.productInfo .priceOld {
    font-size: .5em;
}


.stockstatustext {
    display: block;
    margin-top: -5px;
}

.stockstatustext:before {
    content: "";
    font-family: FontAwesome;
    content: "\f017";
    color: #c78590;
    padding-right: 5px;
}

.stockstatustext.instock:before {
    content: "\f00c";
}

.stockstatustext.outofstock:before {
    content: "\f00d";
}

.stockstatustext.orderitem:before {
    content: "\f017";
}

.stockstatustext.onitsway:before {
    content: "\f0d1";
}

.deliverydays {
    display: block;
    padding-left: 18px;
    font-size: .85em;
    color: #7b7b7b;
    margin-top: 6px;
}

/*#ordertobesent { background-color: #fff2d8; padding: 10px; border: 1px solid #f1e0be; border-radius: 4px; margin-top: 10px;}*/
#ordertobesent {
    background-color: #f3ebec;
    padding: 10px;
    border-radius: 4px;
    margin-top: 10px;
}

.deldate {
    font-weight: 700;
}

#cashierPage .hiddenincashier {
    display: none;
}

.hiddenincashier {
    display: none;
}


@media (min-width: 768px) {

}

.productInfo .stockStatus {
    text-align: center;
}

.productInfo .stockStatus .delDays {
}

.productInfo .bracketPrices {
    background-color: #efefef;
    clear: both;
    padding: 7px;
    position: relative;
    margin-bottom: 10px;
}

.productInfo .bracketPrices .col1 {
    width: 25%;
}

.productInfo .bracketPrices:after {
    top: 100%;
    left: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(247, 247, 247, 0);
    border-top-color: #efefef;
    border-width: 10px;
    margin-left: -10px;
}

.productInfo .innerBox .installment {
    margin-top: 8px;
    font-size: 13px;
    font-weight: normal;
}

.productInfo .innerBox .productOptions {
    margin-top: 20px;
    padding-top: 4px;
    border-top: 1px dashed #ccc;
}

.productInfo .innerBox .productBuy {
}

.productInfo .innerBox .notifyme {
    padding-top: 11px !important;
}

.productInfo .innerBox .productBuy input {
    border: 1px solid #ccc;
    border-radius: 2px;
    line-height: 45px;
    height: 47px;
    text-align: center;
    font-weight: 600;
}

#jsRatingsBtn {
    text-align: center;
    margin-top: -10px;
}

#jsRatingsBtn ul {
    display: inline;
}

#jsRatingsBtn span {
    font-size: .8em;
    color: #7f7f7f;
}

#prodSimilarsSmall {
}

#prodExtra {
    margin-top: 10px;
    margin-bottom: 3px;
}

#productInfoConditions {
    color: #777;
    margin-bottom: 0;
    font-weight: 400;
    font-size: .9em;
}

#productInfoConditions a {
    color: #777;
}

#productInfoConditions i {
    color: #ee77b2;
    font-weight: 300;
    font-size: 1.3em;
    margin-right: 5px;
}

#productInfoConditions div {
    display: block;
    padding: 3px 0;
    margin-right: 5px;
}

.productInfoDescription {
    background-color: transparent;
}

.productInfoDescription ul {
    list-style-type: disc;
    margin: 10px 0 0 15px;
}

.productInfoDescription li {
    padding: 5px 0;
}

/* Product description area */
#prodDesc { /*background-color: #f8f8f8;*/ /*margin-top: 0px;*/
    background-color: #f9f9f9;
    padding: 10px 0;
}

#prodDesc .colDesc h2,
#prodDesc .colDesc h3 {
    border: none;
    background-color: transparent;
}

#prodDesc h3 {
    font-weight: 600;
}

#tellAFriend {
    margin-top: 10px;
}

/* Productpage: Reviews */
.productReviewWrite {
    background-color: #f7f7f7;
    margin-top: 5px !important;
}

#divAllReviews.open {
    display: flex !important;
}

#prodLatestReviews .innerFill {
    background-color: transparent;
    border: none;
    padding: 0;
}

.colRew .innerFill {
    background-color: #f9f9f9 !IMPORTANT;
    padding: 10px !important;
}

#footerReviews {
    background-color: transparent;
}

#prodLatestReviews .lRev,
#footerReviews .lRev {
    text-align: center;
}

#prodLatestReviews .lRevName,
#footerReviews .lRevName {
    font-weight: 600;
    height: 20px;
    overflow: hidden;
    margin-top: 10px;
}

#prodLatestReviews .rimg {
    display: block;
    margin: 0px auto;
    margin-top: 5px;
}

#prodLatestReviews .rimg img {
    border-radius: 100%;
    border: 1px solid #ccc;
}

.revAnsw {
    margin-top: 10px;
    width: 100%;
    background-color: #f2f2f2;
    padding: 10px;
}

.revAnsw .innerFill {
    background-color: #e8e8e8 !important;
}


#prodLatestReviews .lRevGrade,
#footerReviews .lRevGrade {
    font-size: .8em;
}

#prodLatestReviews .lRevText,
#footerReviews .lRevText {
    font-size: 0.9em;
    line-height: 1.3em;
    position: relative;
    padding: 2px 20px;
}

/*#prodLatestReviews .lRevText:before,
#footerReviews .lRevText:before { font-family: FontAwesome; content: "\f10d"; left: 4px; top: -38px; color: rgba(0, 0, 0, 0.1); position: absolute; font-size: 2em; }*/
#prodLatestReviews .lRevDate,
#footerReviews .lRevDate {
    display: none;
    font-size: .7em;
    color: #666;
}

#footerReviews .lRevDate {
    display: block;
}

/* Productpage: Attributes */
#prodAttributes .col1 {
    font-weight: 600;
}

#prodAttributes .col1,
#prodAttributes .col2 {
    font-size: .9em;
}

/* Productpage: Related categories */
#prodRelCat li {
    margin: 3px 0px 3px 5px;
    padding: 2px;
}

#prodRelCat li a {
    display: block;
}

#prodRelCat li a:hover,
#prodRelCat li a:focus {
    color: #d7a8b0;
}

/* Productpage: "Misc" */
.colMisc h2 {
    font-size: 1.25em;
    font-weight: 400;
    margin-top: 10px;
}

.colMisc h2:first-of-type {
    margin-top: 0;
}

.innerFill header h2 {
    background-color: transparent;
    border-bottom: 1px solid #e3e3e3;
}

#prodAssoc .innerFill,
#prodOthers .innerFill,
#prodSimilars .innerFill {
    background-color: transparent;
    border: none;
    padding: 0;
}

#prodAssoc h2,
#prodOthers h2,
#prodSimilars h2 {
    border: none;
}

#prodFunctions {
    bottom: 21px;
    position: absolute;
    right: 0;
    text-align: right;
}

#divTellAFriend {
    background-color: #f7f7f7;
}

#subscriptionText {
}

#productEmail {
}

#wishList {
}

/* Show more reviews */
#jsShowMoreCat {
}

#jsShowMoreCat:hover {
}

/* 	Reviews */
.reviewGroup { /* remove inline-block whitespace */
    font-size: 0; /* flip the order so we can use the + and ~ combinators */
    unicode-bidi: bidi-override;
    direction: rtl; /* the hidden clearer */
}

.reviewGroup * {
    font-size: 1.7rem;
}

.reviewGroup > input {
    display: none;
}

.reviewGroup > input + label { /* only enough room for the star */
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    overflow: hidden;
    text-indent: 9999px;
    width: .9em;
    white-space: nowrap;
    cursor: pointer;
}

.reviewGroup > input + label:before {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    text-indent: -9999px;
    content: "\2606";
    color: #888;
}

.reviewGroup > input:checked ~ label:before,
.reviewGroup > input + label:hover ~ label:before,
.reviewGroup > input + label:hover:before {
    content: "\2605";
    color: #b9a052;
}

.reviewGroup > .star-cb-clear + label {
    text-indent: -9999px;
    width: .5em;
    margin-left: -.5em;
}

.reviewGroup > .star-cb-clear + label:before {
    width: .5em;
}

.reviewGroup:hover > input + label:before {
    content: "\2606";
    color: #888;
    text-shadow: none;
}

.reviewGroup:hover > input + label:hover ~ label:before, .reviewGroup:hover > input + label:hover:before {
    content: "\2605";
    color: #b9a052;
}

/* Rating */
.rating li {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    position: relative;
    width: .9em;
    color: #ccc;
    font-size: 1.6em;
    line-height: .9em;
    vertical-align: bottom;
}

.rating.grade-1 li:nth-child(-n+1) {
    color: #b9a052; /*text-shadow: 1px 0px goldenrod, 2px 1px #B57340, .9em .9em .2em rgba(0,0,0,.5);*/
}

.rating.grade-2 li:nth-child(-n+2) {
    color: #b9a052; /*text-shadow: 1px 0px goldenrod, 2px 1px #B57340, .9em .9em .2em rgba(0,0,0,.5);*/
}

.rating.grade-3 li:nth-child(-n+3) {
    color: #b9a052; /*text-shadow: 1px 0px goldenrod, 2px 1px #B57340, .9em .9em .2em rgba(0,0,0,.5);*/
}

.rating.grade-4 li:nth-child(-n+4) {
    color: #b9a052; /*text-shadow: 1px 0px goldenrod, 2px 1px #B57340, .9em .9em .2em rgba(0,0,0,.5);*/
}

.rating.grade-5 li:nth-child(-n+5) {
    color: #b9a052; /*text-shadow: 1px 0px goldenrod, 2px 1px #B57340, .9em .9em .2em rgba(0,0,0,.5);*/
}

/* Swipe/Slider */
.swipe-wrap {
    overflow: hidden;
    position: relative;
}

.swipe-wrap > div {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.swipe .nav {
    position: absolute;
    width: 80px;
    height: 38px;
    z-index: 10;
    text-align: center;
    line-height: 40px;
    color: #fff;
    top: 45%;
    cursor: pointer;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.8);
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.swipe .nav.next {
    right: 0;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.swipe .nav.prev {
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

#sliderPosNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#sliderPosNav li {
    padding-left: 0 !important;
}

#sliderPosNav li.active {
}

#sliderPosNav.thumbs li a:hover {
    border-color: #dddddd;
}

#sliderPosNav.thumbs li {
    text-align: center;
    height: 87px;
    margin-bottom: 3px;
}

#sliderPosNav.thumbs li a {
    display: table;
    width: 100%;
    height: 100%;
    border: 1px solid #f5f5f5;
    background-color: #fff;
}

#sliderPosNav.thumbs li img {
    max-height: 80px;
    width: auto;
    vertical-align: middle;
}

#sliderPosNav.thumbs li a div {
    display: table-cell;
    vertical-align: middle;
}

.instock i {
    color: #cf689b;
    line-height: 19px;
}

.orderitem i {
    color: #cf689a;
    line-height: 19px;
}

.unavailable i {
    color: #ff0000;
    line-height: 19px;
}

.priceRegular { /*color: #000;	*/
    color: #cc5477;
}

.priceNew {
    color: rgb(204, 51, 51);
    color: rgba(204, 51, 51, 1);
    display: block;
}

.priceOld {
    color: #666;
    display: block;
    font-weight: normal;
    font-size: 0.7em;
    margin-top: 5px;
}

.pricePercentage {
    background-color: #c10000;
    color: #fff;
    display: inline;
    font-size: 14px;
    padding: 6px;
    font-weight: normal;
    position: relative;
}

.pricePercentage:after {
    bottom: 99%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(193, 0, 0, 0);
    border-bottom-color: #c10000;
    border-width: 10px;
    margin-left: -10px;
}

/* Category page */
/* addwish special design ... */
#categoryPage #awBox section > .container {
    border-bottom: 2px solid #a2a2a2;
    padding-bottom: 7px;
    margin-bottom: 15px;
}

#categoryPage #awBox h2 {
    overflow: hidden;
}

#categoryPage #awBox h2:before,
#categoryPage #awBox h2:after {
    background-color: #a2a2a2;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

#categoryPage #awBox h2:before {
    right: 0.5em;
    margin-left: -50%;
}

#categoryPage #awBox h2:after {
    left: 0.5em;
    margin-right: -50%;
}

#categoryHeader .innerFill {
}

#categorySlider .innerFill {
}

#categoryDescription .innerFill {
}

#categoryTopSellers .innerFill {
}

#categoryPage .flexslider {
    min-height: auto;
}

/* categories */
.categories {
}

/* Categories - slim (text) */
.categories.slim li {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.categories.slim li a {
    background-color: #f0dddf;
    border-radius: 2px; /*color: #6f6c6b;*/
    color: #595959;
    display: block;
    font-weight: 600;
    height: 100%;
    padding: 7px;
    text-transform: uppercase;
    font-size: .8em;
}

.categories.slim li a:hover,
.categories.slim li a:focus {
    background-color: #827f7d;
    color: #fff;
}

.categories.slim li a.active {
    background-color: #d5959a;
    color: #fff;
}

.categories.slim li .count {
    background-color: #e3e3e3;
    border-radius: 10px;
    color: #818181;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-bottom: 7px;
    margin-top: 8px;
    padding: 4px 8px;
    vertical-align: top;
    font-size: 0.7em;
    text-align: center;
}

.categories.slim li .catProdImage {
    height: 65px;
}

/* Paging */
.paging-sort {
    padding: 4px !important;
    margin-left: -5px;
}

.paging-sort .onlyBig {
    padding-top: 6px;
}

.paging-sort label {
    margin-right: 10px;
}

.paging-sort input[type="radio"] {
    margin-top: -1px;
    vertical-align: middle;
}

.pagination {
    text-align: center;
    padding: 0;
}

.pagination a {
    height: 25px !important;
    line-height: 25px !important;
    width: 25px !important;
    font-size: .85em !important;
    background-color: #ededed !important;
    color: #999 !important;
}

#paging-count {
    font-size: .7em;
    text-align: center;
    color: #777;
}

#paging-count .innerFill {
    background-color: transparent;
    border: none;
    padding: 0;
}

.paging {
}

.paging .innerFill {
}

.paging select {
    height: 40px;
    padding: 0 10px;
    width: 100%;
}

.paging:after {
    content: '';
    display: block;
    clear: both;
}

.paging .paging-list {
    text-align: center;
    padding-right: 0;
    justify-content: center;
    line-height: 300%;
    padding: 0;
}

.paging .paging-list li {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-left: .7em;
    border-radius: 2px;
}

.paging .paging-list li:first-child {
    margin-left: 0;
}

.paging .paging-list li a i {
    vertical-align: middle;
}

.paging .paging-list li.active span {
    display: block;
    background-color: #d7a8b0;
    border-radius: 40px;
    color: #fff;
    height: 28px;
    line-height: 28px;
    text-align: center;
    transition: all 400ms ease 0s;
    width: 28px;
}

/* Filter */
#attributes .innerFill {
}

#attributes {
    position: relative;
    display: block;
}

#attributes .col .filterSign {
}

.resetFilter {
    margin-left: 20px;
    display: inline;
}

/* Contact/FAQ-page */
#contactForm label {
    font-weight: normal;
}

#toggleFaq {
}

.divQuestions .faqHeader {
    font-size: 0.85em;
}

.divQuestions .faqQuestionFold {
    font-size: 0.88em;
}

.divQuestions li {
    margin-bottom: 4px;
}

#faqWrapper h3 {
    font-weight: normal;
    border-bottom: medium none;
    margin-bottom: 0;
    padding: 0 0 5px;
    margin-left: 13px;
}

#faqWrapper h3 a {
    font-weight: normal;
    position: relative;
    display: block;
}

#faqWrapper h3 a:before {
    color: #ffd11f;
    content: "+"; /* \203A */
    font-size: 18px;
    left: -14px;
    position: absolute;
    top: -2px;
    font-weight: 600;
}

.faqQuestionFold {
    background: #f2f2f2 none repeat scroll 0 0;
    margin-bottom: 10px;
    margin-top: 8px;
    padding: 5px 10px;
    position: relative;
}

.faqQuestionFold:after,
.faqQuestionFold:before {
    bottom: 100%;
    left: 5%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.faqQuestionFold:after {
    border-color: rgba(247, 247, 247, 0);
    border-bottom-color: #f1f1f1;
    border-width: 10px;
    margin-left: -10px;
}

#faqSubHeader {
    font-weight: 600;
    padding-top: 10px;
}

.toggleFaqDiv {
    margin-top: 5px;
}

/* Tab set / "Accordion" */
#aTabs {
}

ul.tabs { /*display: none;*/
    background-color: #f5f5f5;
    overflow: auto;
}

ul.tabs li {
    color: #333;
    cursor: pointer;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 10px 19px;
    position: relative;
    background-color: #f2f2f2;
    text-transform: uppercase; /*font-size: .9em;*/
}

ul.tabs li i {
    color: #626262;
    display: block;
    font-size: 1.5em;
    padding-bottom: 5px;
    text-align: center;
}

ul.tabs li:hover,
ul.tabs li:hover i {
    background-color: #e8e8e8;
    color: #333;
}

ul.tabs li a {
    font-weight: bold;
}

ul.tabs li.active,
ul.tabs li.active:hover,
ul.tabs li.active:hover i {
    background-color: #d7a8b0;
}

ul.tabs li.active i,
ul.tabs li.active a {
    color: #fff;
}

ul.tabs a:focus {
    outline: none;
    background-color: #d7a8b0;
}

ul.tabs li a:focus {
    background-color: transparent;
}

.tab_container {
    border: 1px solid #c3c3c3;
    clear: both;
    float: left;
    overflow: auto;
    width: 100%;
}

.tab_container h2 {
    margin-top: 5px;
}

.tab_content {
    padding: 8px;
    position: relative;
    background-color: #fff;
    border-bottom: 1px dotted #b2b2b2;
}

.tab_content label {
    height: 30px;
    line-height: 26px;
    vertical-align: middle;
}

ul.tabs li.active:after {
    bottom: 0;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(246, 246, 246, 0);
    border-bottom-color: #f6f6f6;
    border-width: 7px;
    margin-left: -10px;
}

.tab_drawer_heading {
    display: none;
}

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

    .tab_drawer_heading {
        -moz-user-select: none;
        background-color: #fff;
        border-bottom: 1px solid #c3c3c3;
        color: #333;
        cursor: pointer;
        display: block;
        height: 46px;
        line-height: 45px;
        padding: 0 10px;
        position: relative;
        text-transform: uppercase;
    }

    .tab_drawer_heading:after {
        content: "\f107";
        font-family: FontAwesome;
        font-weight: 600;
        position: absolute;
        right: 11px;
        color: #818181;
        font-size: 1.4em;
    }

    .tab_drawer_heading.d_active {
        border-bottom: 0 none;
    }

    .tab_drawer_heading.d_active:after {
        content: "\f106";
        color: #333;
    }

    .tab_drawer_heading:hover:after {
        color: #cf689b;
    }

    .tab_drawer_heading:hover,
    .tab_drawer_heading:hover i {
        color: #333;
        background-color: #f4f4f4;
    }

    .tab_drawer_heading i {
        color: #626262;
        text-align: center;
        width: 20px;
        margin-right: 7px;
    }

    .d_active,
    .d_active i,
    .d_active:hover,
    .d_active:hover i { /*background-color: #4f4f4f;*/
        color: #333;
    }

    .tab_container {
        clear: both;
        float: left;
        overflow: auto;
        width: 100%;
    }

    .tab_content {
        border-top: none;
    }

    .tab_content:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(246, 246, 246, 0);
        border-bottom-color: #f6f6f6;
        border-width: 7px;
        margin-left: -10px;
    }
}

/* Form row */
/* #qcashierAddressPane .formRow { padding: 5px 0 10px; } */
#qcDeliveryOther {
    float: left;
    margin-right: 5px;
}

#qcDeliveryAddressBox {
    padding: 10px;
    background-color: #fbfbfb;
    border-radius: 2px;
}

.formRow {
    display: block;
    margin: 0px;
}

.formRow:after {
    content: '';
    display: block;
    clear: both;
}

.formRow label {
    display: block;
    margin: 3px 0;
}

.formRow input[type="text"],
.formRow input[type="password"],
textarea {
    padding: 10px 3px;
}

.formRow select {
    background-color: #fff;
}

.formRow .left {
    float: left;
}

.formRow .right {
    float: left;
}

.checkoutToggle, .jsToggleComment, .jsToggleCoupon {
    cursor: pointer;
    display: block;
    padding: 4px 0;
}

.checkoutToggled, .jsToggleCommentContent, .jsToggleCouponContent {
    display: none;
    margin-top: 15px;
    width: 100%;
}

.isLoggedInBox {
    margin-bottom: 25px;
}

.defaultMargin {
    margin: 0 8px;
}

.CheckoutLoginButton {
    cursor: pointer;
    padding: 5px 30px;
    margin-top: 5px;
}

.checkoutCoupon, .checkoutComment {
    margin: 15px 0;
    background-color: #f6f6f6;
    padding: 15px;
}

#coupon {
    height: 30px;
    border-radius: 2px;
    padding: 2px 4px;
    vertical-align: middle;
    width: 57%
}

#qcPno {
}

.firstLetterUppercase:first-letter {
    text-transform: uppercase;
}

#qcFetchAddr {
    padding: 7px 0 !important;
    margin-top: 5px;
}

#cashierPage h1 {
    text-align: center;
    font-size: 1.7em;
    font-weight: 600;
    margin-bottom: 13px;
}

a.continue_shopping {
    background-color: #b76875;
    margin: 0px auto;
    display: block;
    width: 200px;
    text-align: center;
    color: #fff;
    padding: 10px;
    margin-bottom: 15px;
}

.cashierProducts .greyColor,
.cashierProducts .greyColor .name {
    color: #777777;
    font-weight: normal;
}

.cashierProducts .total {
    padding: 10px 0;
    font-size: 17px;
    font-weight: 600;
    border: 0;
}

.cashierProducts .discount {
    padding: 10px 0;
    font-size: 15px;
    background-color: #f4f4f4;
}

.cashierProducts .vat {
    padding: 10px 0;
    font-size: .9em;
    border: 0;
}

.cashierProducts tr.discount:hover,
.cashierProducts tr.total:hover,
.cashierProducts tr.vat:hover {
    background-color: #f4f4f4;
}

.cashier-form {
    display: block;
    overflow: hidden;
}

.cashier-form table {
    clear: both;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
    word-wrap: break-word;
    text-align: left;
}

.cashier-form .col10 {
    width: 29%;
}

.cashier-form .col20 {
    width: 48%;
}

.cashier-form .col30 {
    width: 22%;
    text-align: right;
}

.cashier-form table td {
    white-space: normal;
    text-overflow: ellipsis;
}

.cashier-form .tableInfo {
    padding: 20px 10px;
    position: relative;
}

.cashier-form .tableInfo .subscriptSpot {
    background-color: #333;
    padding: 4px 10px;
    color: #fff;
    border-radius: 2px;
    font-size: .8em;
}

.cashier-form .tableTotal {
    /*font-weight: 600; text-align: right; vertical-align: bottom; float: left; width: 100%;
	margin-top: 12px;*/
    font-weight: 600;
    text-align: right;
    vertical-align: bottom;
    float: right;
    /* width: 100%; */
    margin-top: 7px;
}

.cashier-form .tableImage {
    line-height: 1.3em;
    text-align: center;
    vertical-align: top;
    padding-top: 22px;
    width: 124px;
}

.cashier-form .tableImage img {
    max-width: 100%;
    max-height: 90px;
}

.cashierAdress input:not([type="checkbox"]),
.loginForm input:not([type="checkbox"]) {
    width: 100%;
}

.cashier-form .cartQtyWrapper {
    margin: 0 auto;
    overflow: auto;
    float: left;
    margin-right: 30px;
}

.cashier-form .removeall {
    position: absolute;
    left: -95px;
    bottom: 28px;
    color: #878787;
}

.cashier-form .removeall .fa-trash-o {
    color: #878787;
}

.cashier-form .cartQty {
    border-radius: 2px;
    margin: 0 2px;
    text-align: center;
    width: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.cashier-form .cartMinus {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.cashier-form .cartPlus {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.cashier-form .cartPlus a:focus {
    background-color: green !important; /*outline: thin dotted !important;*/
}

.cashier-form .cartMinus a:focus {
    background-color: red !important; /*outline: thin dotted !important;*/
}

.cashier-form .cartRemove:focus { /*outline: thin dotted !important;*/
}

.cashier-form .name {
    font-size: 1em;
    font-weight: 600;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.cashier-form .quantity {
    margin: 3px 0 5px 0;
    font-size: .9em;
    float: left;
    margin-right: 28px;
    width: 100%;
}

.cashier-form .price {
    font-weight: normal;
    float: left;
    margin: 5px 0;
    line-height: 23px;
    font-size: .9em;
    font-style: inherit;
    color: #434343;
    width: 100%;
}

.cashier-form .priceTotal {
    font-weight: 600;
    padding-bottom: 5px;
}

.cashier-form .cartRemove {
    text-align: center;
    float: left;
    padding-top: 2px;
    color: #bcbcbc;
}

.cashier-form .cartPlus a,
.cashier-form .cartMinus a {
    color: #fff;
    display: block;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 30px;
    background-color: #8e8e8e;
    margin-bottom: 3px;
    border-radius: 40px;
    font-weight: 100;
}

.cashier-form .cartPlus a {
    background-color: #b76875;
}

.cashier-form .cartPlus a:focus,
.cashier-form .cartMinus a:focus {
    color: #fff !important;
}

.cashier-form .cartPlus a:hover,
.cashier-form .cartMinus a:hover {
    opacity: .7;
}

.cashier-form table td a {
    display: block;
}

.cashier-form table th {
    font-size: 15px;
    line-height: 15px;
    float: none;
}

.cashier-form table tr {
    transition: all 600ms ease 0s;
}

.cashier-form table tr:hover {
    background-color: #fbfbfb;
}

.cashier-form table tr:hover th {
    background-color: #fcfcfc;
}

.cashier-form .even {
    background-color: #fff;
}

.cashier-form .odd {
    background-color: #fff;
}

#qcTypeChoice {
}

#qcTypeChoice ul {
    padding-left: 0;
    display: block;
    margin-top: 0;
}

#qcTypeChoice li a {
    background-color: gray;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-left: 0;
    margin-right: 30px;
    position: relative;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
}

#qcTypeChoice li a:hover,
#qcTypeChoice li a:focus {
    outline: 2px solid #b76875;
}

#qcTypeChoice li.active a {
    background-color: #b76875;
    border-color: #ccc;
    border: 0px;
}

#qcTypeChoice li a:after {
    border-radius: 7px;
    color: #ccc;
    content: "\f00c";
    font-family: FontAwesome;
    font-weight: normal;
    height: 25px;
    left: 11px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    top: 20%;
    width: 25px;
}

#qcTypeChoice li > a {
    display: block;
    height: 100%;
    width: 100%;
    color: #fff;
}

#qcTypeChoice li.active a:after {
    background-color: #fff;
    border-radius: 40px;
    color: #b76875;
}

.count input {
    border-radius: 2px;
    text-align: center;
    padding: 2px;
}

.cashier-form table .tdPrice {
    padding-left: 25px !important;
}

.cashierType h2 i,
.cashierAdress h2 i,
.cashierContact h2 i,
.cashierDelivery h2 i,
.cashierPay h2 i,
.cashierProducts h2 i,
.cashierBonus h2 i,
.cashierSale h2 i,
.cashierComment h2 i,
.cashierGiftWrap h2 i {
    color: #fff;
    background-color: #0097cf;
    width: 30px;
    height: 30px;
    border-radius: 60px;
    line-height: 30px;
    text-align: center;
    font-size: .75em;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: bottom;
    font-style: normal;
    font-weight: 600;
    display: none;
}

.cashierDelivery ul,
.cashierPay ul {
    list-style: outside none none;
    margin: 0;
    overflow: auto;
    padding: 0;
}

.cashierDelivery li,
.cashierPay li {
    position: relative;
}

.cashierDelivery li .inner,
.cashierPay li .inner {
    background-color: gray;
    color: #fff;
}

.cashierDelivery li .inner,
.cashierPay li .inner {
    line-height: 40px;
    min-height: 40px;
}

.cashierDelivery li:hover .inner,
.cashierPay li:hover .inner {
    outline: 2px solid #b76875;
}

.cashierDelivery li label:before,
.cashierPay li label:before {
    font-family: FontAwesome;
    content: '\f00c';
    color: #ccc;
    font-weight: normal;
    border-radius: 7px;
    height: 25px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    width: 25px;
    top: 50%;
    margin-top: -12px;
    left: 18px;
}

.cashierPay li label:before { /*top: 40%;*/
}

.cashierDelivery li .labelColumn label:before,
.cashierPay li .labelColumn label:before {
    content: none;
}

.cashierDelivery li .inner input[type="radio"],
.cashierPay li .inner input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.cashierDelivery li .inner input[type="radio"]:focus + label,
.cashierPay li .inner input[type="radio"]:focus + label {
    outline: 2px solid #b76875;
}

.cashierDelivery li.active,
.cashierPay li.active {
    border: 0px;
}

.cashierDelivery li.active .inner,
.cashierPay li.active .inner {
    background-color: #b76875; /*outline: thin dotted;*/
}

.cashierDelivery li.active label,
.cashierPay li.active label {
    color: #fff;
}

.cashierDelivery li.active label:before,
.cashierPay li.active label:before {
    color: #b76875;
    background-color: #fff;
    border-radius: 40px;
}

.cashierDelivery li span,
.cashierPay li span {
    position: relative;
}

.cashierDelivery li img,
.cashierPay li img {
    max-height: 55px;
}

.cashierDelivery li label,
.cashierPay li label {
    cursor: pointer;
    display: block;
}

.cashierDelivery li label span,
.cashierPay li label span {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.cashierDelivery li.active label span,
.cashierPay li.active label span {
}

.cashierDelivery li .labelImage,
.cashierPay li .labelImage {
    height: 30px;
    width: 100%;
    text-align: center;
    height: 60px;
    line-height: 60px;
    padding-top: 5px;
}

.cashierDelivery li .labelText,
.cashierPay li .labelText {
    width: 100%;
    text-align: center;
}

.qccashier-pay-info {
    padding: 10px;
    position: relative;
    background-color: #ffe8f3;
}

.qccashier-pay-info label {
    color: #333 !important;
    padding: 0 !important;
}

.cashierDelivery li.active .qccashier-pay-info:after,
.cashierPay li.active .qccashier-pay-info:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(250, 250, 250, 0) rgba(250, 250, 250, 0) #f5f5f5;
    border-image: none;
    border-style: solid;
    border-width: 9px;
    content: " ";
    height: 0;
    left: 20px;
    margin-left: -15px;
    pointer-events: none;
    position: absolute;
    top: -17px;
    width: 0;
}

.cashierComment textarea {
    width: 925px;
    height: 80px;
}

.cashier-form th,
.cashier-form td {
    padding: 0.4em;
    vertical-align: top;
}

.cashier-form th {
    color: #848484;
    font-size: 0.8em !important;
}

.cashier-form tr {
    border-bottom: 1px dotted #8f8f8f;
}

.cashier-form tr:hover {
    background: #fcfcfc;
}

.cashier-form tr:hover th {
    background: #fff !important;
}

.cashier-form a {
}

.conditions {
    font-size: 0.8em;
}

.minus {
    float: left;
    margin-top: 3px;
}

.plus {
    float: left;
    margin-top: 3px;
}

.plus a, .minus a {
    border-radius: 22px;
    color: #000;
    display: block;
    font-size: 8px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    text-decoration: none;
    width: 16px;
    background-color: #333333;
}

.plus a:focus, .minus a:focus {
    color: #fff !important;
}

.plus a:hover, .minus a:hover {
    opacity: .7;
}

.qccashier-bonus {
}

.qcBonusLevels {
}

.qcBonusLevels ul {
}

.qcBonusLevels li {
}

.qcBonusLevels li:hover {
    background: #fff;
}

.qcBonusProduct {
    border-bottom: 1px dotted #e3e3e3;
}

.qcBonusProduct .f1 {
}

.qcBonusProduct .f1 img {
    display: block;
    margin: auto;
}

.qcBonusProduct .f2 {
}

.qcBonusProduct .f3 {
}

.qcBonusProduct .f3 select {
}

.qcBonusProduct .f4 {
    font-weight: 600;
}

.qcBonusProduct .f5 {
}

.qcCartTbl .plus, .qcCartTbl .minus {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

#qcGiftWrapSelection {
    margin-top: 10px;
}

#qcGiftWrapSelection ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: auto;
    height: auto;
}

#qcGiftWrapSelection li {
    margin: 5px;
    display: block;
    float: left;
    height: 140px;
    width: 120px;
    padding: 1px;
    border: 1px solid #cccccc;
    background: #ffffff;
    cursor: pointer;
    position: relative;
}

#qcGiftWrapSelection li:hover {
    border: 1px solid #b2e5b2;
}

#qcGiftWrapSelection img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#qcGiftWrapSelection li.active {
    border: 1px solid #009900;
}

#qcGiftWrapSelection li.active:before {
    content: '\2713 ';
    padding-right: 5px;
    position: absolute;
    bottom: 2px;
    left: 10px;
    font-size: 120%;
    color: #009900;
    font-weight: 600;
}

#qcGiftWrapSelection li strong {
    display: block;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 3px;
    text-align: center;
    clear: both;
    font-size: 12px;
    height: 14px;
    overflow: hidden;
}

#qcGiftWrapSelection li i {
    display: block;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 3px;
    text-align: center;
    clear: both;
    font-style: normal;
}

/* Popup - Notify */
#notifyPopup {
    display: none;
    position: fixed;
    background-color: #ffffff;
    padding: 10px;
    top: 33%;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    min-height: 10em;
    width: 40%;
    max-width: 600px;
    min-width: 300px;
    max-height: 50%;
    overflow-y: auto;
    overflow-x: hidden;
}

#notifyPopupPane {
    margin: 15px;
    padding-bottom: 8px;
}

#notifyPopupPane em {
    font-weight: 600;
    font-style: normal;
    display: block;
    text-transform: uppercase;
}

#notifyPopupPane p {
    margin-top: 10px;
}

#notifyPopupPane #notifyEmail {
    display: block;
    height: 38px;
    margin: auto;
    width: 100%;
    padding: 5px;
    margin-top: 5px;
}

#notifyPopupPane #notifyPopupPaneButtonBar {
    margin: auto;
    margin-top: 20px;
    text-align: center;
}

#notifyPopupPane #notifyPopupPaneButtonBar input {
    margin-left: 3px;
    margin-right: 3px;
}

#notifyPopupPane #notifyPopupOk {
    padding: 0 20px;
}

/* transparencyLayer */
#transparencyLayer {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 4000;
    background-color: rgba(0, 0, 0, .6);
    display: none;
    top: 0;
}

/* ajaxPopupWindow */
#ajaxPopupWindow {
    display: none;
    position: fixed;
    background-color: #ffffff;
    padding: 10px;
    top: 33%;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    min-height: 10em;
    width: 57%;
    max-width: 800px;
    min-width: 300px;
    max-height: 50%;
    overflow-y: auto;
    overflow-x: hidden;
}

#ajaxPopupWindow:focus {
    outline: none;
}

#ajaxPopupClose {
    background-color: #fff;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 2px;
    text-align: center;
    top: 2px;
    width: 30px;
    z-index: 10000;
    cursor: pointer;
}

#ajaxPopupClose:hover:after,
#ajaxPopupClose:focus:after {
    color: #000;
    -webkit-transform: rotate(90deg); /* Safari and Chrome */
    -moz-transform: rotate(90deg); /* Firefox */
    -ms-transform: rotate(90deg); /* IE 9 */
    -o-transform: rotate(90deg); /* Opera */
    transform: rotate(90deg);
}

#ajaxPopupClose:after {
    color: #767676;
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 1.2em;
    height: 100%;
    left: 0;
    line-height: 30px;
    position: absolute;
    top: -1px;
    transition: all 200ms ease 0s;
    width: 100%;
    cursor: pointer;
}

.ajaxPopupHeader {
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
    text-transform: uppercase;
}

.ajaxPopupContent {
    padding: 5px;
}

/* ajaxPopupWindow */
#ajaxPopupNotify {
    display: none;
    position: fixed;
    background-color: #ffffff;
    padding: 10px;
    top: 33%;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    min-height: 10em;
    width: 40%;
    max-width: 600px;
    min-width: 300px;
    max-height: 50%;
    overflow-y: auto;
    overflow-x: hidden;
}

.ajaxPopupContent p:first-child {
    padding: 0;
    margin: 0;
}

.ajaxPopupContent h3 {
    font-weight: bold;
}
.ajaxPopupContent p {
    margin: 10px 0;
}
.ajaxPopupContent ul {
    margin-left: 20px;
    list-style-type: disc;
}
.ajaxPopupContent a.buttonstyle {
    border: 1px solid #000;
    border-radius: 20px;
    padding: 10px 12px;
    background-color: #974a56;
    text-decoration: none;
    color: #fff;
}

/* Ajax loader */
#ajaxLoader {
    display: none;
    z-index: 9000;
    background-color: transparent;
    width: 200px;
    height: 200px;
    border-radius: 400px;
    text-align: center;
    position: fixed;
    top: 33%;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
}

#ajaxLoader .spinner-loader {
    margin-top: 75px;
}

.axloader,
.axloader:before,
.axloader:after {
    border-radius: 50%;
}

.axloader {
    color: transparent;
    font-size: 11px;
    text-indent: -99999em;
    margin: 55px auto;
    position: relative;
    width: 10em;
    height: 10em;
    box-shadow: inset 0 0 0 1em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.axloader:before,
.axloader:after {
    position: absolute;
    content: '';
}

.axloader:before {
    width: 5.2em;
    height: 10.2em;
    background: #d7a8b0;
    border-radius: 10.2em 0 0 10.2em;
    top: -0.1em;
    left: -0.1em;
    -webkit-transform-origin: 5.2em 5.1em;
    transform-origin: 5.2em 5.1em;
    -webkit-animation: load2 2s infinite ease 1.5s;
    animation: load2 2s infinite ease 1.5s;
}

.axloader:after {
    width: 5.2em;
    height: 10.2em;
    background: #d7a8b0;
    border-radius: 0 10.2em 10.2em 0;
    top: -0.1em;
    left: 5.1em;
    -webkit-transform-origin: 0px 5.1em;
    transform-origin: 0px 5.1em;
    -webkit-animation: load2 2s infinite ease;
    animation: load2 2s infinite ease;
}

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

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

#loaderContainer {
    height: 42px;
    width: 40px;
    position: absolute;
    top: -7px;
    left: 11px;
    background-color: rgba(255, 255, 255, .7);
    z-index: 2000;
}

.loader,
.loader:before,
.loader:after {
    background: #000;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: .8em;
    height: 4em;
}

.loader:before,
.loader:after {
    position: absolute;
    top: 0;
    content: '';
}

.loader:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader {
    text-indent: -9999em;
    margin: 20px auto 26px 22px;
    position: relative;
    font-size: 5px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loader:after {
    left: 1.5em;
}

@-webkit-keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0 #ffffff;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em #ffffff;
        height: 5em;
    }
}

@keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0 #ffffff;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em #ffffff;
        height: 5em;
    }
}

.p3selectbox {
}

#ajaxLoaderSmall {
    left: -32px;
    padding-left: 10px;
    padding-top: 1px;
    position: absolute;
    top: 12px;
}

#jsCashierForm {
    font-weight: 700;
    height: 70px;
    padding: 20px !important;
    margin: 20px 0 25px;
    font-size: 1.8em;
    background-color: rgb(235, 31, 142);
}

/* Widths em */
.w9em {
    width: .9em;
}

.w2em {
    width: 2em;
}

.w3em {
    width: 3em;
}

.w4em {
    width: 4em;
}

.w5em {
    width: 5em;
}

.w6em {
    width: 6em;
}

.w7em {
    width: 7em;
}

.w8em {
    width: 8em;
}

.w9em {
    width: 9em;
}

.w10em {
    width: 10em;
}

.w19em {
    width: 1.9em;
}

.w12em {
    width: 12em;
}

.w13em {
    width: 13em;
}

.w14em {
    width: 14em;
}

.w15em {
    width: 15em;
}

.w16em {
    width: 16em;
}

.w17em {
    width: 17em;
}

.w18em {
    width: 18em;
}

.w19em {
    width: 19em;
}

.w20em {
    width: 20em;
}

.w2_9em {
    width: 2.9em;
}

.w22em {
    width: 22em;
}

.w23em {
    width: 23em;
}

.w24em {
    width: 24em;
}

.w25em {
    width: 25em;
}

.w30em {
    width: 30em;
}

.w35em {
    width: 35em;
}

.w40em {
    width: 40em;
}

/* Widths % */
.w1p {
    width: 1%;
}

.w2p {
    width: 2%;
}

.w3p {
    width: 3%;
}

.w4p {
    width: 4%;
}

.w5p {
    width: 5%;
}

.w6p {
    width: 6%;
}

.w7p {
    width: 7%;
}

.w8p {
    width: 8%;
}

.w9p {
    width: 9%;
}

.w10p {
    width: 10%;
}

.w11p {
    width: 11%;
}

.w12p {
    width: 12%;
}

.w13p {
    width: 13%;
}

.w14p {
    width: 14%;
}

.w15p {
    width: 15%;
}

.w16p {
    width: 16%;
}

.w17p {
    width: 17%;
}

.w18p {
    width: 18%;
}

.w19p {
    width: 19%;
}

.w20p {
    width: 20%;
}

.w21p {
    width: 21%;
}

.w22p {
    width: 22%;
}

.w23p {
    width: 23%;
}

.w24p {
    width: 24%;
}

.w25p {
    width: 25%;
}

.w26p {
    width: 26%;
}

.w27p {
    width: 27%;
}

.w28p {
    width: 28%;
}

.w29p {
    width: 29%;
}

.w30p {
    width: 30%;
}

.w31p {
    width: 31%;
}

.w32p {
    width: 32%;
}

.w33p {
    width: 33%;
}

.w34p {
    width: 34%;
}

.w35p {
    width: 35%;
}

.w36p {
    width: 36%;
}

.w37p {
    width: 37%;
}

.w38p {
    width: 38%;
}

.w39p {
    width: 39%;
}

.w40p {
    width: 40%;
}

.w41p {
    width: 41%;
}

.w42p {
    width: 42%;
}

.w43p {
    width: 43%;
}

.w44p {
    width: 44%;
}

.w45p {
    width: 45%;
}

.w46p {
    width: 46%;
}

.w47p {
    width: 47%;
}

.w48p {
    width: 48%;
}

.w49p {
    width: 49%;
}

.w50p {
    width: 50%;
}

.w51p {
    width: 51%;
}

.w52p {
    width: 52%;
}

.w53p {
    width: 53%;
}

.w54p {
    width: 54%;
}

.w55p {
    width: 55%;
}

.w56p {
    width: 56%;
}

.w57p {
    width: 57%;
}

.w58p {
    width: 58%;
}

.w59p {
    width: 59%;
}

.w60p {
    width: 60%;
}

.w61p {
    width: 61%;
}

.w62p {
    width: 62%;
}

.w63p {
    width: 63%;
}

.w64p {
    width: 64%;
}

.w65p {
    width: 65%;
}

.w66p {
    width: 66%;
}

.w67p {
    width: 67%;
}

.w68p {
    width: 68%;
}

.w69p {
    width: 69%;
}

.w70p {
    width: 70%;
}

.w71p {
    width: 71%;
}

.w72p {
    width: 72%;
}

.w73p {
    width: 73%;
}

.w74p {
    width: 74%;
}

.w75p {
    width: 75%;
}

.w76p {
    width: 76%;
}

.w77p {
    width: 77%;
}

.w78p {
    width: 78%;
}

.w79p {
    width: 79%;
}

.w80p {
    width: 80%;
}

.w81p {
    width: 81%;
}

.w82p {
    width: 82%;
}

.w83p {
    width: 83%;
}

.w84p {
    width: 84%;
}

.w85p {
    width: 85%;
}

.w86p {
    width: 86%;
}

.w87p {
    width: 87%;
}

.w88p {
    width: 88%;
}

.w89p {
    width: 89%;
}

.w90p {
    width: 90%;
}

.w91p {
    width: 91%;
}

.w92p {
    width: 92%;
}

.w93p {
    width: 93%;
}

.w94p {
    width: 94%;
}

.w95p {
    width: 95%;
}

.w96p {
    width: 96%;
}

.w97p {
    width: 97%;
}

.w98p {
    width: 98%;
}

.w99p {
    width: 99%;
}

.w100p {
    width: 100%;
}

/* .button Buttons: Same style for input, button and link */
.button {
    background-color: #eee;
    background-repeat: repeat-x;
    background-size: 100% auto;
    border-color: #C8C8C8 #C8C8C8 #BBBBBB;
    border-style: solid;
    border-width: 1px;
    color: #fff !important;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    line-height: 24px;
    padding: 6px 10px !important;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    text-shadow: none;
    border: 0;
    -webkit-appearance: none;
    font-family: Muli, "Open Sans", Arial, Helvetica, sans-serif;
    outline: none;
    position: relative;
    border-radius: 2px;
    z-index: 2;
    transition: all 200ms ease 0s;
}

.button:focus { /*outline: thin dotted;*/
}

.button:active {
    outline: none;
    -moz-user-select: none;
    transform: translateY(2px);
}

.button.bigBuy {
    padding: 10px 20px !important;
    font-weight: 600;
    font-size: 1.1em;
    width: 100%;
    height: 45px;
    position: relative;
    overflow: hidden;
}

.button.button-confirm.jsAddOk:after {
    background-color: #b76875; /*box-shadow: 0 2px 0 #ee77b2;*/
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 1.5em;
    height: 100%;
    left: 0;
    line-height: 32px;
    position: absolute;
    top: 0;
    transition: all 200ms ease 0s;
    width: 100%;
    border-radius: 2px;
}

.button.button-confirm.bigBuy.jsAddOk:after {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 1.5em;
    height: 105%;
    left: 0;
    line-height: 53px;
    position: absolute;
    top: -4px;
    transition: all 200ms ease 0s;
    width: 100%;
    background-size: 100% auto;
    border-color: #165b16 #165b16 #165b16;
    color: #fff !important;
    font-weight: 600;
    background-color: #b76875; /*box-shadow: 0 2px 0 #ee77b2;*/
}

.button.button-confirm.jsAddFail:after {
    background-color: #cc4c3f;
    color: #fff;
    box-shadow: 0 2px 0 #92342a;
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 1.5em;
    height: 100%;
    left: 0;
    line-height: 37px;
    position: absolute;
    top: 0;
    transition: all 200ms ease 0s;
    width: 100%;
    border-radius: 2px;
}

.button.button-confirm.bigBuy.jsAddFail:after {
    line-height: 48px;
}

.button.big {
    padding: 15px 20px !important;
    font-weight: 600;
    font-size: 1.3em;
}

.button.toCashier {
    background-color: #42b84b;
}

.button.toCashier:hover {
    background-color: #39a642;
}

.button:focus:-moz-focus-inner,
.button:active:-moz-focus-inner {
    border-color: #000;
}

.button:hover,
.button:focus {
    background-color: #333333;
    color: #ffffff !important;
    background-position: 0 -15px;
    outline-offset: -6px;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}

.button.button-disabled,
.button:disabled {
    background-color: #EEEEEE;
    border-color: #E1E1E1;
    background: none repeat scroll 0 center transparent;
    box-shadow: none;
    cursor: default;
    text-shadow: none;
}

a.button {
    padding-bottom: 6px !important;
    padding-top: 6px !important;
}

input.button-confirm,
button.button-confirm,
a.button-confirm {
    background-size: 100% auto;
    border-color: #165b16 #165b16 #165b16;
    color: #fff !important;
    font-weight: 600;
    background-color: #c78590;
    font-size: 1.1em;
}

input.button-confirm.reserve,
button.button-confirm.reserve,
a.button-confirm.reserve {
    background-color: #d99ea8;
}

input.button-confirm:hover,
input.button-confirm:focus,
button.button-confirm:hover,
button.button-confirm:focus,
a.button-confirm:hover,
a.button-confirm:focus {
    background-color: #b76875;
}

input.button-confirm:focus:-moz-focus-inner,
input.button-confirm:active:-moz-focus-inner,
button.button-confirm:focus:-moz-focus-inner,
button.button-confirm:active:-moz-focus-inner,
a.button-confirm:focus:-moz-focus-inner,
a.button-confirm:active:-moz-focus-inner {
    border-color: white;
}

input.button-confirm.button-disabled,
input.button-confirm:disabled,
button.button-confirm.button-disabled,
button.button-confirm:disabled,
a.button-confirm.button-disabled,
a.button-confirm:disabled {
    background-color: #9b9b9b;
    border-color: #165b16;
}

input.button-confirm-black,
button.button-confirm-black,
a.button-confirm-black {
    background-size: 100% auto;
    font-weight: 600;
    background-color: gray; /*box-shadow: 0 2px 0 #545454;*/
    font-size: 1em;
}

a.button-confirm-black { /*font-size: .85em;*/
}

@-moz-document url-prefix() {
    .productListContainer li .button-confirm-black {
        padding-bottom: 4px !important;
        padding-top: 4px !important;
    }
    .productListContainer li a.button-confirm {
        padding-bottom: 4px !important;
        padding-top: 4px !important;
    }
}


input.button-confirm-black:hover,
input.button-confirm-black:focus,
button.button-confirm-black:hover,
button.button-confirm-black:focus,
a.button-confirm-black:hover,
a.button-confirm-black:focus {
    background-color: #787878;
}

input.button-confirm-black:focus:-moz-focus-inner,
input.button-confirm-black:active:-moz-focus-inner,
button.button-confirm-black:focus:-moz-focus-inner,
button.button-confirm-black:active:-moz-focus-inner,
a.button-confirm-black:focus:-moz-focus-inner,
a.button-confirm-black:active:-moz-focus-inner {
    border-color: white;
}

input.button-confirm-black.button-disabled,
input.button-confirm-black:disabled,
button.button-confirm-black.button-disabled,
button.button-confirm-black:disabled,
a.button-confirm-black.button-disabled,
a.button-confirm-black:disabled {
    background-color: #f1630e;
    border-color: #000;
}


/* Medium button */
.mediumButton {
    background-color: #595959;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: 600;
    padding: 8px;
    transition: all 400ms ease 0s;
    display: inline-block;
}

.mediumButton:hover,
.mediumButton:focus {
    color: #fff;
    background-color: #323232;
}

.mediumButton.dark {
    background-color: #636363;
}

.mediumButton.dark:hover,
.mediumButton.dark:focus {
    color: #fff;
    background-color: #333;
}

/* Small button */
.smallButton, .page.dots {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-left: 3px;
    vertical-align: middle;
}

.smallButton a span {
    display: none;
}

.smallButton a {
    background-color: #595959;
    border-radius: 40px;
    color: #fff;
    display: block;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 32px;
    transition: all 400ms ease 0s;
}

.smallButton a:hover,
.smallButton a:focus {
    color: #fff;
    background-color: #323232;
}

.smallButton a.wishList:hover {
    color: red;
}

.smallButton.otherlanguage img {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-top: -3px;
}

.grow {
}

/*.grow:hover { transform: scale(1.07); transition: all .2s ease-in-out;}*/
.bigBuy.grow:hover {
    transform: scale(1.03);
}

.blurred {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.easing {
    transition: all 0.15s ease 0s;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

/* Search suggest */
div.suggest {
    font-size: 12px;
    padding: 6px;
    border-top: 1px solid #e4e4e4;
    background: #fff;
    margin: 0;
    clear: both;
    height: auto;
    overflow: auto;
}

div.suggest:first-child {
    border-top: 0;
}

div.suggest:last-child {
    border-bottom: none;
}

div.suggest em {
    float: right;
    font-size: 12px;
}

div.suggest div.image {
    display: block;
    padding-right: 4px;
    width: 10%;
    float: left;
    text-align: center;
}

div.suggest div.data {
    display: block;
    margin-right: 4px;
    width: 85%;
    float: left;
}

div.suggest div.data a {
    display: block;
}

div.suggest:hover {
    background-color: #ecfdff;
    border-top: 1px solid #cee7ea;
}

p.empty {
    margin: 0;
    padding: 3px;
    background: rgba(233, 241, 17, 0.87);
}

.typeahead,
.tt-query,
.tt-hint {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    line-height: 30px;
    border: 2px solid #ccc;
    border-radius: 2px;
    outline: none;
}

.tt-hint {
    display: none;
}

.typeahead {
    background-color: #fff;
}

.typeahead:focus {
    border: 2px solid #20659f;
}

.tt-menu { /*width:229px !important;*/
    width: 100%;
    border: 1px solid #cccccc;
    text-align: left;
}

p.fullsearch {
    background: #fff;
    padding: 5px;
    margin: 0;
    font-size: 12px;
}

p.suggestHead {
    background: #6f6c6b;
    color: #fff;
    padding: 5px;
    margin: 0;
    font-size: 12px;
    font-weight: 300;
    text-align: left;
}

.suggest.tt-suggestion.tt-selectable > a {
    display: block;
    width: 100%;
}


#topLang {
    display: flex;
    margin-bottom: 7px;
    margin-left: 14px;
    margin-top: 10px;
}

#topLang a {
    display: flex;
    align-items: center;
}

#topLang img {
    height: 20px;
    width: 20px;
    margin-right: 10px;
}

#topLang span {
    vertical-align: text-bottom;
    font-size: .8em;
    font-weight: 700;
    transition: all 0.3s ease-in 0s;
    display: inline-block;
    height: 17px;
}

#topLang:hover a,
#topLang a:hover,
#topLang a:hover img {
    text-decoration: none !important;
}

#topLang a:hover,
#topLang a:focus {
    text-decoration: none !important;
}

#topArea.fixed #topLang { /*display: none;*/
}

#topCurr {
    margin: 0px auto;
    z-index: 111;
    position: absolute;
    right: 0;
    vertical-align: middle;
    text-align: center;
    width: 85px;
    display: inline-block;
    /* float: right; */
    margin-right: 10px;
    margin-top: 13px;
    background-color: #fff;
    top: 5px;
    right: 69px;
}

#topCurr a {
    display: block;
    height: 100%;
    vertical-align: middle;
    font-size: 1.3em;
}

#topCurr a:focus {
}

#topCurr > a {
    border: 1px solid #c0c0c0;
}

#topCurr > a:after {
    content: "\f107";
    position: absolute;
    right: 7px;
    top: 5px;
    font-family: FontAwesome;
    font-size: 14px;
    color: #333;
}

#topCurr a:hover,
#topCurr a:focus {
    color: #000;
}

#toppCurr {
    padding-left: 7px;
}

#topCurr a > i:first-of-type {
    position: absolute;
    top: 26%;
    left: 0;
    right: 0;
}

#topCurr a .btnlabel {
    position: absolute;
    bottom: 6px;
    left: -8px;
    font-size: .7em;
    text-transform: uppercase;
    font-weight: 700;
    right: 0;
}

/*#topArea.fixed #topCurr { display: none;}*/
#topArea.fixed #topCurr a .btnlabel {
    bottom: 6px;
}

#topArea.fixed #topCurr a:after {
    top: 5px;
}

#currencyChoose {
    font-size: .7em;
    border: 0;
    background-color: transparent;
    height: 26px !important;
}

#currencyChoose:focus,
#currencyChoose:hover {
    outline: none;
}

#currencyChoose .countryHeadImage {
    vertical-align: middle;
    max-width: 25px;
    margin-left: 4px;
    margin-right: 4px;
}

#currencyChoose .countryHead {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
}

#currencyChoose span {
    display: inline-block;
    margin-top: 0;
    float: none;
    margin-right: 0px;
}

#currencyList {
    position: absolute;
    background-color: #f7f7f7;
    top: 37px;
    z-index: 111;
    left: -173px;
}

#currencyList ul {
	    flex-wrap: wrap;    margin: 0; gap: 0;
}

#currencyList li {
    font-size: .8em;
    text-align: left;
    display: block !important;
    font-size: .8em;
	    width: 100%;
}

#currencyList li a {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #dfdfdf;
    font-size: .9em;
}

#currencyList li a:hover,
#currencyList li a:focus {
    background: #e9e9e9;
    text-decoration: none;
}

#currencyList li a:focus {
    -webkit-animation: kiss-in 0.25s ease-out;
    -moz-animation: kiss-in 0.25s ease-out;
    animation: kiss-in 0.25s ease-out;
}

#currencyList li.active a {
    background: #c7858f;
}

#currencyList li.active a {
    color: #fff;
}

#currencyList li.active a:after {
    content: "\f00c";
    position: absolute;
    right: 12px;
    top: 20px;
    font-family: FontAwesome;
}

#currencyList li img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 9px;
}

#currencyList li span {
    display: inline-block;
    vertical-align: middle;
}

#currencyList a {
    display: block;
    padding: 2px 6px;
    text-decoration: none;
    color: #000;
}

#currencyList #currencyDiv {
    min-width: 180px;
    border: 3px solid #f7f7f7;
    left: 78px;
    top: -14px;
}

#topArea.fixed #currencyList li.active a:after {
    top: 12px;
}

span.cShort {
    font-weight: 700;
    width: 30px;
}

span.cName {
    padding-left: 5px;
    font-size: 1.1em;
}

span.currshort {
    color: #b76875;
    font-weight: 800;
    text-transform: initial;
}


/*  Target:  480- */
@media only screen and (max-width: 480px) {
    input,
    select,
    textarea {
        border: 1px solid #ccc;
        font-family: inherit;
        font-size: 16px;
    }
}

/* Target:  600- */
@media only screen and (max-width: 600px) {

}

@media only screen and (max-width: 940px) {
    /*
	#jsMenuList.desktop  li.category { font-size: 90%; }
	#jsMenuList.desktop li.category > a { padding-left: 4px !important; 	padding-right: 4px !important; }
	#jsMenuList.desktop li.category i { padding-left: 2px; padding-right: 5px; }
	 */
    /*#jsSearchField.fixed { right: 50.4% !important; }*/
}

/* Target: 720+ */
@media (min-width: 768px) {
    .onlyBig {
        display: block !important;
    }

    .onlySmall {
        display: none !important;
    }

    h1 {
        font-size: 1.8em;
        font-weight: 600;
        text-transform: uppercase;
    }

    #countryChoose .countryHead {
        font-size: 1em;
    }

    #topLang { /* display: table-cell; */
        vertical-align: middle;
        /* margin-top: -3px; */
        padding-right: 8px;
        display: inline-block;
    }

    #topLang span {
        max-width: 0;
        overflow: hidden;
        vertical-align: baseline;
    }

    #topLang a:hover span,
    #topLang a:focus span {
        display: inline-block;
        max-width: 500px;
        transition: all 0.3s ease-in 0s;
        text-decoration: none;
    }

    #topCurr { /*top: auto; right: auto; float: none;	margin: 0px auto; position: relative; vertical-align: middle; text-align: center; width: 60px; margin-top: 15px; margin-bottom: 8px; display: table-cell; margin-top: 0; margin-bottom: 0; padding-top: 1px; margin-bottom: -10px;*/
        top: auto;
        right: auto;
        /* float: none; */
        /* margin: 0px auto; */
        /* position: relative; */
        vertical-align: middle;
        /* text-align: center; */
        width: 60px;
        /* margin-top: 15px; */
        /* margin-bottom: 8px; */
        /* display: table-cell; */
        /* margin-top: 0; */
        /* margin-bottom: 0; */
        /* padding-top: 1px; */
        /* margin-bottom: -10px; */
        display: inline-block;
        margin: 0;
        position: relative;

    }

    #topLoginLink {
        display: inline-block;
        vertical-align: middle;
        background-color: #f7f7f7;
        padding: 3px 7px;
        border-radius: 20px;
        margin-right: 10px;
    }

    #currencyList {
        left: -196px;
        top: 43px;
    }

    .innerFill h1 { /*text-align: left;*/
    }

    .innerFill h2 { /*text-align: left;*/
    }

    .innerFill > h2 {
        background-color: #f0f0f0;
        border-bottom: 1px solid #e5e5e5;
    }

    #jsSearchField {
        padding: 0;
        margin-top: 8px;
        width: 100%;
        float: right;
        margin-right: -5px;
        padding-right: 0;
    }

    #countrySelect {
        padding: 0;
        height: 25px;
    }

    /* Breadcrumb */
    #breadcrumbs {
        display: block;
        text-transform: uppercase;
    }

    /* Index */
    #pageIndex .flexslider {
        min-height: 400px;
        margin-bottom: 0;
    }

    #uspIndex .uspPlate {
        min-height: 125px;
    }

    #uspIndex [class*='grid-']:nth-child(2) { /*border-right: 1px solid #eaeaea;*/
    }

    #uspIndex [class*='grid-']:first-child,
    #uspIndex [class*='grid-']:nth-child(2) {
        border-bottom: 0;
        padding-bottom: 0;
    }

    /* Category */
    #categoryPage .flexslider {
        min-height: 150px;
    }

    .categories.slim li .count {
        width: auto;
        text-align: left;
    }

    .categories.slim li a {
        font-size: .9em;
    }

    .productListContainer li .catProdImage img {
        max-height: 280px;
    }

    .productListContainer li .catProdImage {
        height: 270px;
    }

    .productListContainer li .catProdInner h3 a {
        padding-top: 300px;
    }

    .productListContainer li .catProdInner .rating {
        bottom: 16%;
    }

    .productListContainer li .innerContainer { /*height: 408px;*/
        height: 430px;
    }

    .productListContainer li .catProdInner h3 a span {
        height: 33px;
        padding: 0 5px;
        line-height: 17px;
    }

    .productListContainer li.bigProduct .catProdInner .rating {
        bottom: 15.2%;
        right: 45%;
        width: 100px;
    }

    .productListContainer li.bigProduct .innerContainer {
        height: 870px;
    }

    .productListContainer li.bigProduct .catProdImage {
        height: 710px;
    }

    .productListContainer li.bigProduct .catProdImage img {
        max-height: 580px;
    }

    .productListContainer li.bigProduct .catProdInner h3 a { /*padding-top: 570px;*/
        padding-top: 735px;
    }

    .productListContainer li.bigProduct .catProdInner h3 {
        font-size: 1.5em;
    }

    .productListContainer ul [class~='bigProduct']:nth-child(even) {
        float: right;
    }

    /* Product page */
    #prodDesc { /*margin-top: 0px;*/
    }

    #prodDesc .colDesc,
    #prodDesc .colMisc,
    #prodLatestReviews,
    #prodAssoc,
    #prodSimilars,
    #prodOthers { /*margin-top: 0px;*/
    }

    #productPageUpper .colInfo .innerFill {
        background-color: transparent;
        border: none;
        padding: 0;
    }

    #productPageUpper .colInfo,
    #productPageUpper .colDesc {
        margin-top: 0;
    }

    .productImageContainer {
        margin-top: 0px;
    }

    .productImage {
        height: 500px;
        line-height: 500px;
    }

    .productImage img {
        max-height: 500px;
    }

    .productInfo h1 {
        text-align: left;
        font-size: 1.7em;
    }

    .productInfo .prices {
        text-align: left;
    }

    .productInfo .shortDesc {
        text-align: left;
        display: block;
    }

    .productInfo .subscriptSpot {
        text-align: left;
    }

    #productManufacturer {
        text-align: left;
    }

    #prodFunctions {
        position: relative;
        bottom: auto;
    }

    .productInfo .stockStatus {
        margin-top: 0px;
        text-align: left;
        margin-bottom: 10px;
    }

    .expectedInStore {
        font-size: .9em;
    }

    #jsRatingsBtn {
        text-align: left;
    }

    #jsRatingsBtn span {
        display: inline;
    }

    /* Misc. */
    .jsShakeArea {
        height: 0px;
    }

    #vatContainer .vatInner {
        margin: 0;
    }

    #mSearch {
        display: none;
    }

    #loaderContainer {
        display: none;
    }

    /* Pagination */
    .pagination {
        text-align: right;
    }

    #paging-count {
        text-align: right;
    }

    /* Menu left */
    #menuLeftToggle {
        display: none;
    }

    #menuLeft {
        display: block;
        padding: 0;
    }

    #wrapper {
        margin-top: 0;
    }

    #wrapper.fixed,
    #menuTop.fixed,
    #topBar.fixed,
    #topArea.fixed {
        padding: 0;
    }

    .nav-wrapper {
        height: 45px;
    }

    #jsSearchField.fixed {
        position: fixed;
        top: -4px;
        z-index: 10000000;
        right: 44.5% !important;
        display: block;
        margin-top: 0;
        /* width: 25.8%; */
        width: 22%;
    }

    /* Top area (fixed) */
    #topArea {
        display: block;
        font-size: .9em;
        position: fixed;
        top: 0px;
        width: 100%;
        height: 40px;
        background-color: rgba(255, 255, 255, .95);
        z-index: 1000;
    }

    #topBarLeft, #topBarLeft a { /*color: #797979;*/ /*font-size: .85em;*/ /*margin-top: -3px;*/
    }

    /* Top bar, logo search and cart in full screen */
    #topBar {
        height: 80px;
        margin-top: 40px;
        display: block;
    }

    /*#topBarLeft li { font-weight: 400;  display:-moz-inline-stack; display:inline-block; zoom:1; 	*display:inline; }*/
    #topBarLeft em {
        color: #cf689b;
    }

    #topBarLeft a:hover {
        text-decoration: underline;
    }

    #topBarRight {
        text-align: right;
        margin-top: -5px;
        position: relative;
        font-size: .9em;
    }

    #topUsp {
        padding-top: 19px;
        padding-left: 15px;
        font-size: .9em;
        text-align: center;
    }

    ul.checked.green li:before {
        color: #cf689b;
    }

    ul.checked.green li {
        padding-left: 25px;
        color: #333;
    }

    #topLogoFixed {
        display: none;
    }

    #buttonMenu,
    #topCartFiller {
        display: none;
    }

    #buttonMenu.fixed,
    #topCartFiller.fixed {
        display: table-cell;
    }

    #topSearch {
        display: none;
    }

    /* Footer */
    #footerTop .col1 {
        text-align: left;
        justify-content: center;
        line-height: 50px;
    }

    #footerTop .col2 {
        text-align: right;
        justify-content: center;
    }

    /* Menu top */
    #menuTop,
    #menuTop.fixed {
        background-color: rgb(255, 255, 255);
        background-color: rgba(255, 255, 255, 0.9);
        height: 45px;
        border-bottom: 0px;
        box-shadow: none;
    }

    #menuTop.fixed {
        background: #6b6c6d none repeat scroll 0 0;
        box-shadow: 0 0 2px #333;
        top: 40px;
    }

    #menuTop.fixed #jsMenuList.desktop li.category > a {
    }

    #menuTop.fixed #jsMenuList.desktop li.category.active > a {
        color: #e490ba;
        background-color: transparent;
    }

    #menuTop {
        position: relative;
        border-bottom: 0; /*background-color: #6f6c6b;*/
        background-color: #6b6c6d;
    }

    #menuTop.fixed #jsMenuList.desktop li.category > .subMenuWrapper {
        left: 0;
        width: 100%;
    }

    /*	jsMenuList desktop */
    /*
	#jsMenuList li .subMenuWrapper a { color: #000;}
	#jsMenuList .subMenuWrapper .subMenuWrapper .subMenuInner { background-color: transparent; }
	#jsMenuList li.category a:after { display: none; }

	#jsMenuList .subMenuWrapper .subMenuWrapper { background-color: transparent; }
	#jsMenuList { box-shadow: none; }
	#jsMenuList.desktop { background-color: transparent; display: block; position: relative; top: 0px; max-height: none; overflow: visible; width: 100%; max-width: 1360px; text-align: center; }
	#menuTop.fixed #jsMenuList { border-bottom: 0; }
	#menuTop.fixed #jsMenuList.desktop li.category.active > a { border: none; }
	#jsMenuList.desktop li { margin-left: -5px; 	display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
	#jsMenuList.desktop .menuTxt { padding-left: 0; }
	#jsMenuList.desktop li.category > a { padding: 0 12px; line-height: 46px; border-bottom: 0; position: inherit; color: #fff; transition: background 0.1s linear; text-transform: uppercase; font-size: .9em; font-weight: normal;}
	#jsMenuList.desktop li.category i { font-weight: 600; float: right; margin-right: 15px; font-size: 1.5em; padding: 5px 12px; margin-top: -5px; border-left: 1px solid #ccc; padding-left: 23px; }
	#jsMenuList.desktop.textSmall li.category > a { padding: 0 1px;	}
	#jsMenuList.desktop.textSmall li.category i { padding-left: 3px; padding-right: 9px; }
	#jsMenuList.desktop li.category.hasSub > a { }
	#jsMenuList.desktop li.category.changed > a	{ background-color: #a2a2a2; color: #fff; }
	#jsMenuList.desktop li.category.initialChanged > a { color: #b76875; }
	#jsMenuList.desktop li.category.changed i { -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; 	transform: none; }
	#jsMenuList.desktop li.category.active > a { position: relative; color: #cf689b;  color: #e490ba; background-color: transparent; }
	#jsMenuList.desktop li.category > a:hover { }
	#jsMenuList.desktop li.category i { padding-left: 8px; font-weight: 600; float: none; margin-right: 0px; font-size: 1.2em; display: none; }
	#jsMenuList .level-1 .menuTxt { }
	#jsMenuList.desktop li > .subMenuWrapper { left: 0; max-width: 1360px;	position: absolute;	overflow: visible;	text-align: left; }
	#jsMenuList.desktop .subMenuWrapper ul:not(:first-child) { margin-top:0; }
	#jsMenuList.desktop .subMenuWrapper .subMenuInner.level-1 > ul:nth-child(5) {  }
	#jsMenuList.desktop .subMenuWrapper .subMenuWrapper ul { padding-left: 0; }
	#jsMenuList.desktop li > .subMenuWrapper .subMenuWrapper  { max-width: 1360px; position: relative; overflow: visible; text-align: left; }
	#jsMenuList.desktop li.category > a { border-bottom: none;  }
	#jsMenuList li.desktop .subMenuWrapper [class*='grid-'] { width: 100%; }
	#jsMenuList li .subMenuWrapper li.changed > a { background-color: transparent;  border: 0;}
	#jsMenuList li .subMenuWrapper li.changed i { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
	#jsMenuList.desktop li .subMenuInner.level-1 {  height: 100%; padding: 0 30px 10px 30px;  background-color: #fff; }
	#jsMenuList.desktop li .subMenuWrapper li a { padding: 2px; }
	#jsMenuList.desktop .subMenuWrapper .subMenuWrapper li.child { border: 0; }
	#jsMenuList.desktop li .subMenuInner.level-3 { display: none; }
	#jsMenuList li.category:first-of-type > a { border-top: 0; }


	*/
    /*
	#jsMenuList.desktop li.category > .subMenuWrapper.open	{ top: 45px; }

	#jsMenuList.desktop li .subMenuInner.level-1 { z-index: 1; }
	#jsMenuList.desktop li.category > .subMenuWrapper.open:before {
		content: "_";
		background-color: #888888;
		color: #888888;
		position: absolute;
		left: -100%;
		width: 100%;
		top: 0;
		z-index: -1;
		height: 100%;
	}

	#jsMenuList.desktop li.category > .subMenuWrapper.open:after {
		content: "_";
		background-color: #888888;
		color: #888888;
		position: absolute;
		right: -100%;
		width: 100%;
		top: 0;
		z-index: -1;
		height: 100%;
	}
*/
    /* Level 1 */
    /*
	#jsMenuList.desktop li .subMenuWrapper li.level-1 { margin-left: 0px; }
	#jsMenuList.desktop li .subMenuWrapper .level-1 li:hover,
	#jsMenuList.desktop li .subMenuWrapper .level-1 li.changed {  }
	#jsMenuList.desktop li .subMenuWrapper .level-1 li:hover > a,
	#jsMenuList.desktop li .subMenuWrapper .level-1 li a:focus{ color: #b76875; }
	*/
    /* Level 2 */
    /*
	#jsMenuList.desktop li .subMenuInner.level-2 { overflow: auto; height: 100%; padding: 5px; padding-top: 0; }
	#jsMenuList.desktop li .subMenuWrapper .level-2 .menuImg,
	#jsMenuList.desktop li .subMenuWrapper .level-2 .menuTxt { background-color:transparent; display: table-cell; vertical-align: middle; padding-left: 3px;  -webkit-transition: background 0.1s linear; -moz-transition: background 0.1s linear; -ms-transition: background 0.1s linear;  -o-transition: background 0.1s linear;  transition: background 0.1s linear; }
	#jsMenuList.desktop li .subMenuWrapper .level-2 .menuTxt { font-size: 1em; word-break: break-word; font-weight: 100; padding-top: 1px; padding-bottom: 1px; border: none;       display: block;}
	#jsMenuList.desktop li .subMenuWrapper .level-2 .menuImg { padding: 4px; width: 55px; line-height: 60px; }
	#jsMenuList.desktop li .subMenuWrapper .level-2 li { }
	#jsMenuList.desktop li .subMenuWrapper .level-2 li:hover > a {  }
	#jsMenuList.desktop li .subMenuWrapper .level-2 li:hover > a .menuTxt { color: #b76875; }
	*/
    /*
		#jsMenuList.desktop .subMenuWrapper .subMenuWrapper AND #jsMenuList li .subMenuWrapper li
		has to "play together" according to width, and left-position/width!
	*/
    /*
	#jsMenuList.desktop .subMenuWrapper .subMenuWrapper { display: block !important; }
	#jsMenuList.desktop .subMenuWrapper .subMenuWrapper li { background-color: transparent; }
	#jsMenuList.desktop .subMenuWrapper .subMenuWrapper li a { background-color: transparent; padding: 0; }

	 */
    /*
	#jsMenuList.desktop .subMenuWrapper ul { padding:0; margin:0; }
	#jsMenuList.desktop .level-1 li .menuTxt {padding-bottom: 0;}

	li.child.level-2 { margin: 10px 0; }
*/
    /* Top cart */
    .topCartOpen {
        position: relative;
    }

    #cashierProducts .productListContainerSmall .listProduct {
        width: 50%;
        display: block;
    }

    .cashierAdress .inner {
        width: 50%;
    }


    .xtraContainer {
        margin-left: 53%;
    }

    .cashier-form .removeall {
        position: absolute;
        left: auto;
        bottom: auto;
        right: 6px;
        top: 8px;
    }

    .cashier-form .price {
        width: 100px;
    }


    #combobox-sort {
        border-radius: 0;
    }

}

/*
	Target: 1024px+
*/
@media only screen and (min-width: 1024px) {
    .nlText {
        text-align: left;
        line-height: 50px;
    }

    .nlText span {
        display: inline;
    }

    #jsMenuList.desktop .subMenuWrapper .subMenuWrapper li {
        width: 100%;
    }

    .productListContainer li[class~='bigProduct']:nth-child(even) {
        float: right;
    }
}

/*
	Target: 1200px+
*/
@media only screen and (min-width: 1200px) {
    #cashierProducts {
        display: block;
    }
}

/*
	Print
*/
@media print {
    .divToPrint {
        page-break-after: always;
    }

    .noPrint {
        display: none;
    }

    .productListContainer li .catProdInner .productBuy {
        display: none;
    }
}


/*********************************************************************************************
GRID SYSTEM
*********************************************************************************************/

/* BASE */
*, *:after, *:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

[class*='grid-'] {
    float: left;
    padding: 5px;
    width: 100%;
}

#topBar [class*="grid-"] {
    padding-top: 0px;
}

.clear-grid {
    clear: both;
    float: inherit;
}

.container {
    margin: 0%;
    width: 100%;
}

.container:after, .container:before {
    display: table;
    clear: both;
    content: " ";
}

.nest {
    margin: 0 -10px;
    padding: 0;
    width: auto;
}

/* Mobile */
.grid-m-12 {
    width: 100%;
}

.grid-m-11 {
    width: 91.666663%;
}

.grid-m-10 {
    width: 83.33%;
}

.grid-m-9 {
    width: 74.999997%;
}

.grid-m-8 {
    width: 66.66666664%;
}

.grid-m-7 {
    width: 58.333%;
}

.grid-m-6 {
    width: 50%;
}

.grid-m-5 {
    width: 41.6665%;
}

.grid-m-4 {
    width: 33.33%;
}

.grid-m-3 {
    width: 24.99%;
}

.grid-m-2 {
    width: 16.66666%;
}

.grid-m-1 {
    width: 8.33%;
}

/* Five columns special */
.grid-m-15 {
    width: 50%;
    float: left;
}


/* 768px+ */
@media (min-width: 768px) {
    .grid-12 {
        width: 100%;
    }

    .grid-11 {
        width: 91.666663%;
    }

    .grid-10 {
        width: 83.33%;
    }

    .grid-9 {
        width: 74.999997%;
    }

    .grid-8 {
        width: 66.66666664%;
    }

    .grid-7 {
        width: 58.333%;
    }

    .grid-6 {
        width: 50%;
    }

    .grid-5 {
        width: 41.6665%;
    }

    .grid-4 {
        width: 33.33%;
    }

    .grid-3 {
        width: 24.99%;
    }

    .grid-2 {
        width: 16.66666%;
    }

    .grid-1 {
        width: 8.33%;
    }

    .grid-t-12 {
        width: 100%;
    }

    .grid-t-11 {
        width: 91.666663%;
    }

    .grid-t-10 {
        width: 83.33%;
    }

    .grid-t-9 {
        width: 74.999997%;
    }

    .grid-t-8 {
        width: 66.66666664%;
    }

    .grid-t-7 {
        width: 58.333%;
    }

    .grid-t-6 {
        width: 50%;
    }

    .grid-t-5 {
        width: 41.6665%;
    }

    .grid-t-4 {
        width: 33.33%;
    }

    .grid-t-3 {
        width: 24.99%;
    }

    .grid-t-2 {
        width: 16.66666%;
    }

    .grid-t-1 {
        width: 8.33%;
    }

    /* Five columns special */
    .grid-t-15 {
        width: 24.99%;
        float: left;
    }
}

/* 1024px+ */

@media only screen and (min-width: 1024px) {
    .grid-tl-12 {
        width: 100%;
    }

    .grid-tl-11 {
        width: 91.666663%;
    }

    .grid-tl-10 {
        width: 83.33%;
    }

    .grid-tl-9 {
        width: 74.999997%;
    }

    .grid-tl-8 {
        width: 66.66666664%;
    }

    .grid-tl-7 {
        width: 58.333%;
    }

    .grid-tl-6 {
        width: 50%;
    }

    .grid-tl-5 {
        width: 41.6665%;
    }

    .grid-tl-4 {
        width: 33.33%;
    }

    .grid-tl-3 {
        width: 24.99%;
    }

    .grid-tl-2 {
        width: 16.66666%;
    }

    .grid-tl-1 {
        width: 8.33%;
    }

    /* Five columns special */
    .grid-tl-15 {
        width: 20%;
        float: left;
    }

    .grid-tl-60 {
        width: 60%;
        float: left;
    }
}


/*********************************************************************************************

5.  Grid 1200px+

*********************************************************************************************/

@media only screen and (min-width: 1200px) {
    /*.container {max-width:1180px; margin:0 auto;}*/
    .container {
        max-width: 1360px;
        margin: 0 auto;
    }

    .container-fluid {
        max-width: 90%;
        margin: 0 5%;
    }

    .grid-d-12 {
        width: 100%;
    }

    .grid-d-11 {
        width: 91.666663%;
    }

    .grid-d-10 {
        width: 83.33%;
    }

    .grid-d-9 {
        width: 74.999997%;
    }

    .grid-d-8 {
        width: 66.66666664%;
    }

    .grid-d-7 {
        width: 58.333%;
    }

    .grid-d-6 {
        width: 50%;
    }

    .grid-d-5 {
        width: 41.6665%;
    }

    .grid-d-4 {
        width: 33.33%;
    }

    .grid-d-3 {
        width: 24.99%;
    }

    .grid-d-2 {
        width: 16.66666%;
    }

    .grid-d-1 {
        width: 8.33%;
    }

    /* Five columns special */
    .grid-d-15 {
        width: 20%;
        float: left;
    }

    .grid-d-40 {
        width: 40%;
        float: left;
    }
}


.formCol {
    position: relative;
    display: block;
}

.formCol label {
    position: absolute;
    top: 12px;
    left: 12px;
    color: rgb(120, 117, 115);
    font-size: 13px;
    font-weight: 600;
}

.formCol input {
    height: 50px;
    font-size: 16px;
}

.formCol img {
    max-width: 9px;
    width: auto;
}

.formRow .formCol input[type="text"], .formRow .formCol input[type="password"] {
    padding: 20px 3px 3px 6px
}


.formRow ::-webkit-input-placeholder {
    color: #fff;
}

.formRow :-ms-input-placeholder {
    color: #fff;
}

.formRow ::placeholder {
    color: #fff;
}

div:focus {
    outline: none;
}

.no_click_overlay, .no_click_overlay2 {
    background-color: #fff;
    opacity: 0.4;
    pointer-events: none;
    position: relative;
}

.no_click_overlay2 {
    opacity: 0.9;
}

.no_click_overlay:before, .no_click_overlay2:before {
    position: absolute;
    top: 32%;
    left: 45%;
    -webkit-animation: spiner 1s linear infinite;
    animation: spiner 1s linear infinite;
    border: 3px solid #ddd;
    border-top: 3px solid #42a5f5;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    display: block;
    content: ' ';
    z-index: 22;
}

@-webkit-keyframes spiner {
    to {
        border-top-color: #ec407a;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spiner {
    to {
        border-top-color: #ec407a;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*hiddenCashierContent { opacity: .6; pointer-events: none; position: relative; }*/
.hiddenCashierContent {
    opacity: .6;
    pointer-events: none;
    position: relative;
}

/*.hiddenCashierContent { max-height: 400px; overflow: hidden; }*/
/*.hiddenCashierContent:after { content: " ";width: 102%; max-height: 400px; overflow: hidden; background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); position: absolute; bottom: -3px; height: 181px; outline-offset: -2px; z-index: 111111; left: -2px; }*/

/*.hiddenCashierContent * { filter: blur(.04rem); }*/
/*.hiddenCashierContent * { filter: blur(.04rem) grayscale(100%); }*/
.hiddenCashierContent * {
    filter: blur(.04rem);
}

.input_error input {
    background-color: rgba(255, 0, 0, 0.05);
    border-color: #be1010;
}

.input_error .form_input_placeholder {
    color: #be1010;
}

.input_error input.postal {
    background-color: rgb(254, 237, 237) !important;
    border-color: #ef9090 !important;
}

.expand_container {
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.expand_container.expand_bonus {
    margin-bottom: 10px;
}

.expand_container.expand_bonus:last-of-type {
    margin-bottom: 0;
}

.expandable_button {
    border-radius: .25rem;
    font-family: 'Open Sans', sans-serif;
    display: flex;
    align-items: center;
    border: 0;
    padding: 10px;
    width: 100%;
    background-color: #f3f3f3;
    font-size: .9em;
    font-weight: 600;
    cursor: pointer;
}

.expandable_button:focus {
    outline: none;
}

/*.expandable_button:after { content: ""; margin: auto; margin-right: 0; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg height='448pt' viewBox='0 0 448 448' width='448pt' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m408 184h-136c-4.417969 0-8-3.582031-8-8v-136c0-22.089844-17.910156-40-40-40s-40 17.910156-40 40v136c0 4.417969-3.582031 8-8 8h-136c-22.089844 0-40 17.910156-40 40s17.910156 40 40 40h136c4.417969 0 8 3.582031 8 8v136c0 22.089844 17.910156 40 40 40s40-17.910156 40-40v-136c0-4.417969 3.582031-8 8-8h136c22.089844 0 40-17.910156 40-40s-17.910156-40-40-40zm0 0'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-size: 10px; }*/
.expandable_button:after {
    content: "";
    margin: auto;
    margin-right: 0;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M155.896 579.196c-13.795 14.185-13.488 36.863.709 50.682 14.173 13.795 36.862 13.476 50.658-.72l276.736-285.382-25.69-24.969 25.796 25.017c13.82-14.257 13.488-37.017-.768-50.824-.425-.402-.838-.78-1.263-1.157l-274.81-281c-13.796-14.197-36.485-14.516-50.659-.721-14.197 13.82-14.504 36.497-.708 50.682l252.405 258.109-252.405 260.283z" fill-rule="nonzero"/></svg>');
    background-repeat: no-repeat;
    background-position: center center;
}

.expandable_button[aria-expanded="true"] {
}

/*.expandable_button[aria-expanded="true"]:after { background-image: url("data:image/svg+xml,%3Csvg height='469pt' viewBox='0 -192 469.33333 469' width='469pt' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m437.332031.167969h-405.332031c-17.664062 0-32 14.335937-32 32v21.332031c0 17.664062 14.335938 32 32 32h405.332031c17.664063 0 32-14.335938 32-32v-21.332031c0-17.664063-14.335937-32-32-32zm0 0'/%3E%3C/svg%3E");}*/
.expandable_button[aria-expanded="true"]:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}


.expandable_button:hover:after {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill="%23E53BA0" fill-rule="evenodd" clip-rule="evenodd"><path d="M155.896 579.196c-13.795 14.185-13.488 36.863.709 50.682 14.173 13.795 36.862 13.476 50.658-.72l276.736-285.382-25.69-24.969 25.796 25.017c13.82-14.257 13.488-37.017-.768-50.824-.425-.402-.838-.78-1.263-1.157l-274.81-281c-13.796-14.197-36.485-14.516-50.659-.721-14.197 13.82-14.504 36.497-.708 50.682l252.405 258.109-252.405 260.283z" fill-rule="nonzero"/></svg>');
}

/*
.expandable_button:hover:after {background-image: url("data:image/svg+xml,%3Csvg height='448pt' viewBox='0 0 448 448' fill='%23E53BA0' width='448pt' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m408 184h-136c-4.417969 0-8-3.582031-8-8v-136c0-22.089844-17.910156-40-40-40s-40 17.910156-40 40v136c0 4.417969-3.582031 8-8 8h-136c-22.089844 0-40 17.910156-40 40s17.910156 40 40 40h136c4.417969 0 8 3.582031 8 8v136c0 22.089844 17.910156 40 40 40s40-17.910156 40-40v-136c0-4.417969 3.582031-8 8-8h136c22.089844 0 40-17.910156 40-40s-17.910156-40-40-40zm0 0'/%3E%3C/svg%3E"); }
.expandable_button[aria-expanded="true"]:hover:after { background-image: url("data:image/svg+xml,%3Csvg height='469pt' viewBox='0 -192 469.33333 469' fill='%23E53BA0' width='469pt' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m437.332031.167969h-405.332031c-17.664062 0-32 14.335937-32 32v21.332031c0 17.664062 14.335938 32 32 32h405.332031c17.664063 0 32-14.335938 32-32v-21.332031c0-17.664063-14.335937-32-32-32zm0 0'/%3E%3C/svg%3E");}
*/


.expandable_button[aria-expanded="false"] {
}

.expandable_section {
    background-color: #fafafa;
}

.expandable_section[aria-hidden="true"] {
    max-height: 0;
    overflow: hidden;
}

.expandable_section[aria-hidden="false"] {
    padding: 10px;
    max-height: none;
}

.expandable_button:disabled {
    color: #000;
}

.expandable_button:disabled:after {
    display: none;
}

.expand_container.special button.expandable_button {
    font-weight: 400;
    background-color: whitesmoke;
}

.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}

.form_input, input[type=text].form_input {
    height: 40px;
    display: block;
    margin: 0;
    padding: 1.1rem .75rem 0.15rem .75rem !important;
    font-size: .95rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15) !important;
    border-radius: .25rem;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.input_wrapper {
    position: relative;
    margin-bottom: 1.5rem;
    display: inline-flex;
}

.input_wrapper:last-of-type {
    margin-bottom: 0;
}

label.form_input_placeholder {
    letter-spacing: .04em;
    position: absolute;
    top: -2px;
    left: 0;
    padding: 7px 0 0 13px;
    transition: all 200ms;
    transform: translate3d(0, -1px, 0);
    max-width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: rgb(120, 117, 115);
    font-size: 10px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricprecision;
    text-size-adjust: none;
}


h3.head_like_text {
    font-weight: 600;
    font-size: 15px;
    margin: 0 0 10px 0;
    background-color: rgb(240, 238, 235);
    padding: 10px;
}

.active-coupon {
    font-weight: 700;
    color: #0e9a00;
}

#recalc {
    background-color: rgb(235, 31, 142);
    height: 30px;
    line-height: 21px;
    padding: 0 16px !important;
    text-transform: none;
}

#expand_cart .expandable_section {
    background-color: #fff;
    padding: 0;
}

#cashier_payment .section_content {
    padding: 2px;
}


#cashier_country #expand_country button {
    background-color: #f0eeeb;
    border-radius: 7px;
}

#cashier_country .country_container {
    display: flex;
    align-items: center;
}

#cashier_country #country_container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

#cashier_country .country_select_wrapper {
    display: flex;
    align-items: center;
    flex: 1 1 43%;
}

#cashier_country .country_head {
    display: flex;
    align-items: center;
    font-size: 1em;
}

#cashier_country .country_flag {
    margin: 0 10px;
}

#cashier_country #country_select {
    border: 7px solid #fff;
    padding: 0 10px;
    background-color: #fff;
    width: 100%;
    -webkit-appearance: none;
}

#cashier_country #country_select {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 14px) calc(6px + 2px),
    calc(100% - 9px) calc(6px + 2px),
    calc(100% - 2em) 0.1em;
    background-size: 5px 5px,
    5px 5px,
    1px 1.5em;
    background-repeat: no-repeat;
}

#cashier_country #country_select:focus {
    background-image: linear-gradient(45deg, gray 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, gray 50%),
    linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 9px) .5em,
    calc(100% - 14px) .5em,
    calc(100% - 2em) 0.1em;
    background-size: 5px 5px,
    5px 5px,
    1px 1.5em;
    background-repeat: no-repeat;
    outline: 0;
}


select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}


#cashier_usertype .usertype_list {
    list-style: none;
    display: flex;
    justify-content: space-between;
}

#cashier_usertype .usertype_list li {
    display: flex;
    flex: 1 1 50%;
    justify-content: center;
    margin-right: 10px;
}

#cashier_usertype .usertype_list li:last-child {
    margin-right: 0;
}

#cashier_usertype .usertype_list a {
    position: relative;
    padding: 50px 5px 15px 5px;
    background-color: #fff;
    font-size: .9em;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    font-weight: 600;
    border: 1px solid rgb(222, 218, 215);
    border-radius: .25rem;
    text-align: center;
}

#cashier_usertype .usertype_list a.active {
    border-color: rgb(235, 31, 142);
    background-color: #fff9fa;
}

#cashier_usertype .usertype_list a:after {
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    top: 17px;
    background-color: #fff;
    width: 23px;
    height: 23px;
    border: 2px solid rgb(222, 218, 215);
    border-radius: 100%;
    color: #000;
    text-align: center;
    line-height: 15px;
    font-size: 20px;
}

#cashier_usertype .usertype_list a.active:after {
    content: "\2022";
    border-color: rgb(235, 31, 142);
    color: rgb(235, 31, 142);
}

#cashier_usertype .usertype_list a:focus,
#cashier_usertype .usertype_list a:hover {
    background-color: #f7f7f7;
}

#postal_zip {
    width: 100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

#postal_input {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

#postal_input h3.markedtext {
    font-weight: 600;
    font-size: 14px;
    margin: 0 0 10px 0;
    flex: 1 1 100%;
    border: 0;
    font-weight: 600;
}

.markedtext {
    background-color: rgb(240, 238, 235);
    padding: 10px;
    border-radius: .25rem;
}

#postal_input .input_wrapper {
    position: relative;
    margin-bottom: 0;
    display: inline-flex;
    flex: 0 1 100%;
    margin-right: 10px;
    margin-bottom: 10px;
}

#btnPostalInputNext {
    font-size: 1em;
    cursor: pointer;
    height: 40px;
    display: flex;
    width: 100%;
    flex: 0 1 100%;
    border: 0;
    background-color: rgb(235, 31, 142);
    color: #fff;
    justify-content: center;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

#btnPostalInputNext:focus {
    outline: 2px solid rgb(235, 31, 142);
    outline-offset: 2px;
}

#btnFreightNext {
    font-size: 1em;
    cursor: pointer;
    height: 40px;
    display: flex;
    width: 100%;
    flex: 0 1 100%;
    border: 0;
    background-color: rgb(235, 31, 142);
    color: #fff;
    justify-content: center;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin: 35px auto 15px auto;
}

#btnFreightNext:focus {
    outline: 2px solid rgb(235, 31, 142);
    outline-offset: 2px;
}


.cashier_section {
    margin-top: 10px;
}

.cashier_section h2 {
    font-family: 'Open Sans', sans-serif;
    margin-top: 20px;
    color: #000;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: -0.2px;
}

.cashier_section h3 {
    font-family: 'Open Sans', sans-serif;
    border-bottom: 1px solid #dbdbdb;
    margin: 20px 0;
    font-weight: 600;
}

.cashier_section .section_inner {
}

.cashier_section .section_inner .section_content {
    border: 1px solid rgb(222, 218, 215);
    padding: 15px;
    border-radius: 5px;
}


.dynamic_choice {
    list-style: none;
}

.dynamic_choice li {
    display: flex;
    border-bottom: 1px solid #eeeeee;
    padding: 0 10px 0 0;
}

#cashier_payment .dynamic_choice li:last-child {
    border-bottom: 0;
}

.dynamic_choice li.active {
    background-color: #fff9fa;
}

.dynamic_choice li .col_rdo {
    width: 50px;
    justify-content: center;
    display: flex;
    align-items: normal;
    padding-top: 27px;
}

.dynamic_choice li .col_label {
    flex: 1;
    justify-content: center;
    align-items: center;
    padding-left: 5px;
}

.dynamic_choice li label {
    display: flex;
    cursor: pointer;
    flex-wrap: wrap;
    padding: 25px 0;
    align-items: flex-start;
}

.dynamic_choice li label .labelText {
    order: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
    font-weight: 700;
}

.dynamic_choice li label .labelText .infotext {
    font-weight: 200;
}

.dynamic_choice li label .labelText .infotext.hidetext {
    min-height: 50px;
    max-height: 85px;
    overflow: hidden;
    position: relative;
}

.dynamic_choice li label .labelText .infotext.hidetext:after {
    content: " ";
    width: 100%;
    max-height: 50px;
    overflow: hidden;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    bottom: 0;
    height: 181px;
    outline-offset: -2px;
    z-index: 1;
}


.dynamic_choice li label .labelText .infotext p {
    padding: 0 0 5px 0;
}

.dynamic_choice li label .labelText .infotext .qcrow {
    padding: 5px 0;
}

.dynamic_choice li label .labelText .infotext label {
    font-weight: 600;
    font-size: .8em;
}

.dynamic_choice li label .labelText .infotext select {
    width: 100%;
}

.dynamic_choice li label .labelFree {
    font-size: .9em;
    font-weight: 100;
    padding: 5px 0;
}

.dynamic_choice li label .labelFact {
    display: flex;
    order: 2;
    width: 100%;
    flex-direction: column;
}

.dynamic_choice li label .labelImage {
    display: flex;
    justify-content: flex-end;
}

.dynamic_choice li label .labelImage img {
    max-height: 30px;
    height: auto;
    max-width: 50px;
    display: block;
    align-self: center;
}

.dynamic_choice li label .labelPrice {
    display: flex;
    justify-content: flex-end;
    font-size: 1.3em;
    font-weight: 700;
    margin-top: 10px;
}

.dynamic_choice li label .labelText .infotext .dynamic_info {
    background-color: transparent;
    padding: 10px;
    margin-bottom: 10px;
}

.dynamic_choice li label .labelText .infotext .dynamic_info label {
    padding: 0;
}


input[type="radio"].styled {
    float: left;
    width: 23px;
    height: 23px;
    line-height: 15px;
    font-size: 20px;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
    text-align: center;
    outline: none;
    border: 2px solid rgb(222, 218, 215);
    border-radius: 100%;
    background-color: white;
}

input[type="radio"].styled:checked {
    border-color: #e53ba0;
    color: #e53ba0;
}

input[type="radio"].styled:checked:before {
    content: '\2022';
    color: #e53ba0;
}


@media (min-width: 900px) {
    #postal_input .input_wrapper {
        position: relative;
        margin-bottom: 0;
        display: inline-flex;
        flex: 0 1 40%;
        margin-right: 10px;
        margin-bottom: 0;
    }

    #btnPostalInputNext {
        font-size: 1em;
        cursor: pointer;
        height: 40px;
        display: flex;
        width: 160px;
        flex: 0 1 160px;
        border: 0;
        background-color: rgb(235, 31, 142);
        color: #fff;
        justify-content: center;
        align-items: center;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
    }

    #btnPostalInputNext:focus {
        outline: 2px solid rgb(235, 31, 142);
        outline-offset: 2px;
    }

    #btnFreightNext {
        width: 458px;
        flex: 0 1 458px;
    }

    .dynamic_choice li label .labelFact {
        width: 20%;
    }

    .dynamic_choice li label .labelText {
        order: 1;
        width: 80%;
    }

    .dynamic_choice li label .labelPrice {
    }

    .dynamic_choice li label .labelImage {
    }
}


#cashier_form {
}

.cashier_form_inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 10px;
}

#cashier_giftwrap {
}

#cashier_bonus {
}

#qcComment:read-only {
    background-color: #fff;
    border: 0;
    height: auto;
    user-select: none;
    pointer-events: none;
}

.bonus_state {
    width: 75px;
    padding: 5px 10px;
    border-radius: 34px;
    font-size: .8em;
    margin-left: 10px;
    position: absolute;
    right: 40px;
}

.bonus_state.available {
    background-color: #3ac700;
    color: #fff;
}

.bonus_state.added {
    background-color: #333;
    color: #fff;
}

.bonus_added_description {
    background-color: #ebebeb;
    padding: 5px;
    font-size: .9em;
    margin: 5px 0 10px;
    border: 1px dotted #ccc;
}

.bonus_added_description .p_first {
    font-weight: bold;
}

.bonus_content {
}

.bonus_content .bounus_product_wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 15px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 15px;
}

.bonus_content .bounus_product_wrapper .col_image {
    width: 75px;
}

.bonus_content .bounus_product_wrapper .col_desc {
    width: 40%;
}

.bonus_content .bounus_product_wrapper .col_desc .col_assoc {
}

.bonus_content .bounus_product_wrapper .col_price {
    width: 30%;
    text-align: right;
}

.bonus_content .bounus_product_wrapper .col_state {
    width: 100%;
    text-align: right;
    margin-top: 10px;
}

.bonus_content .bounus_product_wrapper .col_state .unavailable {
    color: #ff0000;
    font-size: .8em;
}


@media (min-width: 768px) {
    .bonus_content .bounus_product_wrapper .col_state {
        width: 15%;
        text-align: right;
        margin-top: 0;
    }

    .bonus_content .bounus_product_wrapper .col_price {
        width: 15%;
        text-align: left;
    }
}


/* Category and filters */
@keyframes easyfade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.3;
    }
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-40%);
    }
    100% {
        opacity: 0.9;
        transform: translateY(0);
    }
}

@keyframes slide-up {
    0% {
        transform: translateY(40%);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes fadein {
    from {
        opacity: .4;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: .4;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: .4;
    }
    to {
        opacity: 1;
    }
}

@-ms-keyframes fadein {
    from {
        opacity: .4;
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    from {
        opacity: .4;
    }
    to {
        opacity: 1;
    }
}


body.filteropen {
    overflow: hidden;
    position: relative;
    width: calc(100%);
}

.preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
}

#axFilterMask.open {
    opacity: .3;
    width: 100%;
    height: 100%;
    animation: easyfade 0.3s cubic-bezier(.59, .12, .64, .58);
    transition: none;
    z-index: 100;
}

#axFilterMask {
    background: #000;
    opacity: 0;
    width: 0;
    height: 0;
    position: fixed;
    top: 0;
    transition: opacity 0.3s cubic-bezier(.59, .12, .64, .58), width 0s ease 0.3s, height 0s ease 0.3s;
}

.axmobilebuttons {
    display: block;
    padding: 5px;
}

#btnExitFilterWrapper {
    height: 70px;
    background-color: #fff;
    border-top: 1px solid #d3d3d3;
    bottom: 0;
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 10;
}

#btnExitFilterWrapper button {
    width: 100%;
    z-index: 10;
    height: 100%;
    border-radius: 0;
}

#btnAxCategoriesClose,
#btnAxFilterClose {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 25px;
    transition: all 200ms ease 0s;
    width: 50px;
    height: 50px;
    line-height: 49px;
    text-align: center;
    border-radius: 100%;
    color: #fff;
}

#btnAxCategoriesClose:hover i,
#btnAxCategoriesClose:focus i,
#btnAxFilterClose:hover i,
#btnAxFilterClose:focus i {
    outline: 0;
    color: red;
    border-color: red;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: all 200ms ease 0s;
}

#btnAxFilterShow,
#btnAxCategoriesShow {
    text-transform: uppercase; /*animation:slide-up 0.4s;*/
    transition: background-color 0.3s ease;
    display: inline-block;
    border: 0;
    position: relative;
    width: 49.4%;
    background-color: #595959;
    text-align: center;
    padding: 9px 0;
    color: #fff;
    font-weight: 700;
    font-size: 1em;
    font-family: Muli, "Open Sans", Arial, Helvetica, sans-serif;
}

#btnAxFilterShow:focus,
#btnAxCategoriesShow:focus {
    outline: none;
}

#btnAxFilterShow.fullwidth,
#btnAxCategoriesShow.fullwidth,
#btnAxFilterShow.fixed.fullwidth,
#btnAxCategoriesShow.fixed.fullwidth {
    width: 100%;
}

#btnAxCategoriesShow i,
#btnAxFilterShow i {
    color: #fff;
    padding-right: 4px;
    font-size: 19px;
}

#btnAxFilterShow.fixed i,
#btnAxCategoriesShow.fixed i {
    color: #fff;
}

#btnAxFilterShow.fixed,
#btnAxCategoriesShow.fixed {
    animation: slide-down 0.4s;
    position: fixed;
    z-index: 1111;
    right: 0;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    top: 109px;
    width: 50%;
    border-radius: 0;
    margin: 0;
    background-color: #595959;
    color: #fff;
    font-weight: 700;
}

#btnAxCategoriesShow.fixed {
    display: block;
    border-right: 1px solid #383838;
    left: 0;
    right: auto;
}

.jumpfix { /*height: 70px;*/
}

#filtercount {
    position: absolute;
    top: 9px;
    right: 18%;
    background-color: #333;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    font-size: 13px;
    line-height: 20px;
    display: none;
}

#btnAxFilterShow.fixed #filtercount {
    position: absolute;
    top: 14px;
    right: 18%;
    background-color: #333;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    font-size: 13px;
    line-height: 20px;
    display: none;
}

#axcategories {
    display: none;
}

body.mobile #axcategories {
    display: block;
    margin: 0;
    padding: 0;
    transform: translateX(-114%);
    max-width: 90%;
    min-width: 90%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    height: 100%;
    opacity: 0;
    z-index: 4111;
    transition: all 0.45s ease;
    visibility: hidden;
}

body.mobile #axcategories,
body.mobile #axcategories > * {
    transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), box-shaow 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

body.mobile #axcategories.active {
    max-width: 90%;
    min-width: 90%;
    opacity: 1;
    transform: translateX(0%);
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
    visibility: visible;
}

body.mobile #axcategories .inner {
    height: 100%;
    padding: 0;
    overflow-y: auto;
    padding-bottom: 70px;
}

body.mobile #axcategories h2 {
    display: block;
    background-color: #f7f7f7;
    height: 60px;
    line-height: 42px;
    text-align: left;
    border-bottom: 0;
    font-size: .9em;
}

body.mobile #axcategories h2 i {
    display: inline-block;
    padding-left: 6px;
}

body.mobile #axcategories h2.styled {
    font-size: 1em;
    background: #595959;
    color: #fff;
    font-weight: 600;
    border-bottom: 1px solid #a1a1a1 !important;
}

body.mobile #axcategories ul {
    list-style-type: none;
}

body.mobile #axcategories ul li {
    display: flex;
    color: #000;
    width: 100%;
    outline: none;
    cursor: pointer;
    text-align: left;
    margin: 0;
    border-bottom: 1px solid #d1d1d1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px;
    background-color: transparent;
    padding: 10px 28px 10px 15px;
}

body.mobile #axcategories ul li a {
    margin-left: 10px;
    display: block;
    width: 100%;
}

body.mobile #axcategories ul li.maincat {
    background-color: #e5e5e5;
}

body.mobile #axcategories ul li.maincat i {
    margin-right: 5px;
    padding-left: 4px;
}

body.mobile #axcategories ul li span.check {
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 2px solid rgba(0, 0, 0, .3);
    cursor: pointer;
    overflow: hidden;
    color: #fff;
    text-align: center;
    -webkit-transition: background .25s linear;
    transition: background .25s linear;
    background-color: rgba(0, 0, 0, 0);
}

body.mobile #axcategories ul li.current span.check {
    border-color: #a66974;
    background: #d7a8b0;
    transition: background .25s linear;
    -webkit-transition: background .25s linear;
}

body.mobile #axcategories ul li.current span::before {
    content: "";
    box-sizing: content-box;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: opacity .25s linear;
    -webkit-transition: opacity .25s linear;
    opacity: 1;
}

body.mobile #axcategories ul li.check::before {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 7px;
    border: 2px solid rgba(0, 0, 0, .3);
    cursor: pointer;
    overflow: hidden;
    color: #fff;
    text-align: center;
    margin: 0;
    -webkit-transition: background .25s linear;
    transition: background .25s linear;
}

#attributes { /*margin: 10px 0;*/
    margin: 0;
}

#attributes h2 {
    display: none;
}

body.desktop #attributes {
    display: none;
}

body.mobile #attributes,
body.mobile #attributes > * {
    transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), box-shaow 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

body.mobile #attributes {
    margin: 0;
    padding: 0;
    transform: translateX(114%);
    max-width: 90%;
    min-width: 90%;
    position: fixed;
    top: 0;
    right: 0;
    background-color: #fff;
    height: 100%;
    opacity: 0;
    z-index: 4111;
    transition: all 0.45s ease;
    visibility: hidden;
}

body.mobile #attributes .inner {
    height: 100%;
    padding: 0;
    overflow-y: auto;
    padding-bottom: 70px;
}

body.mobile #attributes.active {
    max-width: 90%;
    min-width: 90%;
    opacity: 1;
    transform: translateX(0%);
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
    visibility: visible;
}

body.mobile #attributes h2 {
    display: block;
    background-color: #595959;
    height: 60px;
    line-height: 42px;
    text-align: left;
    border-bottom: 0;
    font-size: .9em;
}

body.mobile #attributes h2 i {
    display: inline-block;
}

body.mobile #attributes h2.styled {
    font-size: 1em;
    color: #fff;
    font-weight: 600;
    border-bottom: 1px solid #a1a1a1 !important;
}

body.mobile #active_filters_clones {
    margin-top: 10px;
    padding: 0 15px;
}

body.mobile .combobox-container {
    width: 100%;
    margin-bottom: 0;
}

body.mobile .combobox ul {
    text-transform: uppercase;
    position: fixed;
    height: 100%;
    max-height: none;
    top: 61px;
    border: 0;
    overflow-y: auto;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 130px;
}

body.mobile .combobox li {
    text-transform: uppercase;
    padding-left: 15px;
    font-size: 16px;
}

body.mobile .combobox input {
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-width: 1px;
    background-color: transparent;
    padding: 10px 28px 10px 15px;
}

body.mobile .combobox button.toggle {
    top: 18px;
}

body.mobile .combobox .active_options,
body.mobile .combobox .active_sorts {
    top: 11px;
    right: 26px;
}

body.mobile .chevron.bottom:before {
    transform: rotate(45deg);
}

body.mobile #axFilter .resetFilter {
    margin: 5px 0 0 0;
}

body.mobile #filterheader,
body.mobile .filterheader {
    padding-left: 12px;
}

body.mobile #filterheader i,
body.mobile .filterheader i {
    display: inline-block;
    background-color: #d7a8b0;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 100%;
    color: #fff;
    padding-left: 7px;
    font-size: 16px;
    margin-right: 5px;
    cursor: pointer;
}

body.mobile #filtername {
    display: none;
    border-left: 1px solid #ccc;
    margin-left: 8px;
    padding-left: 8px;
    color: #a4a4a4;
}

body.mobile #active_filters_clones .head {
    display: block;
    padding-left: 15px;
}

body.mobile #active_filters_clones ul#li_clones { /*margin-top: 5px;*/
}

body.mobile #active_filters_clones li {
    margin: 5px 5px 5px 0;
}

@media (min-width: 768px) {
    body.desktop #attributes {
        display: block;
    }

    body.desktop #active_filters_clones {
        display: none;
    }

    #btnExitFilterWrapper {
        display: none;
    }

    #btnAxFilterShow {
        display: none;
    }

    #btnAxCategoriesShow {
        display: none !important;
    }

    #btnAxFilterClose {
        display: none;
    }

    .axmobilebuttons {
        display: none;
    }
}

.combobox-container {
    width: 180px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.combobox-container input:focus {
    box-shadow: none;
    margin: 0;
}

.combobox {
    width: 100%;
    display: inline-block;
    position: relative;
}

.combobox input {
    text-transform: uppercase; /*border-radius: 9px;*/
    color: #000;
    width: 100%;
    outline: none;
    cursor: pointer;
    padding: 8px 28px 8px 10px;
    margin: 0;
    border: 2px solid #d1d1d1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.combobox input:focus {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px solid #d1d1d1;
}

.combobox input.selections {
    color: #000;
    background-color: #f7f7f7;
    transition: none;
}

.combobox .role_combobox[aria-expanded="false"] {
    transition: none;
}

.combobox .role_combobox[aria-expanded="true"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: none;
    border-bottom-color: #ccc !important;
}

.combobox .role_combobox:focus,
.combobox .role_combobox:hover {
    border-color: #6b6c6d;
    background-color: #f3f3f3;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.combobox button.toggle {
    cursor: pointer;
    border: 0;
    background: transparent;
    position: absolute;
    right: 14px;
    top: 12px;
}

.combobox button.toggle:focus {
    outline: none;
    box-shadow: none;
}

.combobox ul {
    display: none;
    list-style: none;
    background-color: #fff;
    font-size: 1em;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 2px solid #c5c5c5;
    position: absolute;
    z-index: 4;
    margin-top: 0;
    max-height: 300px;
    overflow-y: auto;
    border-top: 0;
}

.combobox ul:focus {
    outline: none;
}

.combobox li {
    padding: 7px 0 7px 7px;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    font-size: .9em;
}

.combobox li.activedescendant,
.combobox li:hover {
    background-color: #f3f3f3;
    color: #000;
}

.combobox li[aria-selected="true"] {
    color: #000;
}

.combobox li[aria-selected="true"].activedescendant {
    color: #000;
}

.combobox li span.check {
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 2px solid rgba(0, 0, 0, .3);
    cursor: pointer;
    overflow: hidden;
    color: #fff;
    text-align: center;
    -webkit-transition: background .25s linear;
    transition: background .25s linear;
    background-color: rgba(0, 0, 0, 0);
}

.combobox li span.name {
    display: flex;
    width: 77%;
    padding-left: 10px;
    font-size: .9em;
}

.combobox li[aria-selected="true"] span.check {
    border-color: #a66974;
    background: #c78590;
    transition: background .25s linear;
    -webkit-transition: background .25s linear;
}

.combobox li.activedescendant[aria-selected="false"] span.check,
.combobox li[aria-selected="false"]:hover span.check {
    border-color: #a66974;
    background: #fff;
    transition: background .25s linear;
    -webkit-transition: background .25s linear;
}

.combobox li span.check::before {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 7px;
    border: 2px solid rgba(0, 0, 0, .3);
    cursor: pointer;
    overflow: hidden;
    color: #fff;
    text-align: center;
    margin: 0;
    -webkit-transition: background .25s linear;
    transition: background .25s linear;
}

.combobox li[aria-selected="true"] span.check::before {
    content: "";
    box-sizing: content-box;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: opacity .25s linear;
    -webkit-transition: opacity .25s linear;
    opacity: 1;
}

.combobox input.dropdown-search {
    display: block;
    border: 1px solid #e6e6e6;
    width: 94%;
    padding-right: 10px;
    font-size: .9em;
    font-style: italic;
    border-radius: 7px;
}

.combobox .c_selections {
    display: none;
}

.combobox .active_options,
.combobox .active_sorts {
    display: none;
    position: absolute;
    top: -9px;
    right: 6px;
    cursor: pointer;
    background-color: #9f9f9f;
    height: 20px;
    width: 20px;
    line-height: 19px;
    border-radius: 100%;
    text-align: center;
    font-size: 12px;
    color: #fff;
    border: 1px solid #9f9f9f;
}

@media (min-width: 768px) {
    .combobox li span.check {
        width: 16px;
        height: 16px;
    }

    .combobox li[aria-selected="true"] span.check::before {
        top: 1px;
        left: 3px;
        width: 3px;
        border-width: 0 2px 2px 0;
    }

    .combobox li span.name {
        padding-left: 7px;
    }
}


.chevron::before {
    transition: all 0.2s ease;
    transform-origin: center center;
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: '';
    display: inline-block;
    height: 0.6em;
    left: 0.15em;
    position: relative;
    top: 0.15em;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 0.6em;
}

.chevron.right:before {
    left: 0;
    transform: rotate(45deg);
}

.chevron.bottom:before {
    top: 0;
    transform: rotate(135deg);
}

.chevron.left:before {
    left: 0.25em;
    transform: rotate(-135deg);
}

.chevron.bottom[aria-expanded="true"]::before {
    transform: rotate(-45deg);
    transition: all 0.2s ease;
    top: 2px;
}

#axFilter .resetFilter {
    text-transform: uppercase;
    margin-left: 0px;
    display: inline-block;;
}

#axFilter .resetFilter a {
    cursor: pointer;
    display: inline-block;
    font-size: .8em;
    border: 1px solid #595959;
    padding: 2px 7px;
    margin: 5px 5px 5px 0;
    background-color: #595959;
    color: #fff;
}

#axFilter .resetFilter a:focus,
#axFilter .resetFilter a:hover {
    background-color: #323232;
    text-decoration: none;
}

#active_filters_clones {
    margin: 15px 0;
    text-transform: uppercase;
}

#active_filters_clones li {
    margin: 0;
    display: inline-block;
}

#active_filters_clones li a {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: .8em;
    border: 1px solid #868686;
    padding: 2px 7px;
    margin-right: 5px;
    background-color: #868686;
    color: #fff;
}

#active_filters_clones li a:focus,
#active_filters_clones li a:hover {
    background-color: #696969;
    text-decoration: none;
}

#active_filters_clones li a:after {
    content: "\f056";
    font-family: FontAwesome;
    display: inline-block;
    color: #fff;
}

#active_filters_clones li a:hover:after {
    color: #fff;
}

#active_filters_clones .small {
    font-size: .8em;
    display: inline-block;
}

#active_filters_clones #resetFilter:after,
#active_filters_clones #resetSort:after {
    content: "\f00d";
    font-family: FontAwesome;
    display: inline-block;
    padding-left: 5px;
    color: #fff;
}

#active_filters_clones .fa-filter {
    color: #888;
    font-size: 1.2em;
    display: inline-block;
    vertical-align: middle;
}

#active_filters_clones h4 {
    display: inline-block;
    font-size: .9em;
    font-weight: 600;
}

#active_filters_clones .head {
    display: inline-block;
}

#active_filters_clones ul#li_clones {
    display: inline-block;
}


.spotWishlist {
    position: absolute;
    top: 8px;
    right: 11px;
    width: 30px;
    height: 30px;
    background-color: transparent;
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.spotWishlist span {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.spotWishlist button svg {
    fill: #d2d2d2;
}

.spotWishlist button {
    cursor: pointer;
    border: none;
    background: transparent; /*filter: drop-shadow(0 0 0.12em #333);*/
}

.spotWishlist button[aria-pressed="true"] { /*filter: drop-shadow(0 0 0.12em #333);*/
}

.spotWishlist button:focus,
.spotWishlist button[aria-pressed="true"] svg {
    fill: #c78590;
}

.spotWishlist button:active {
    outline: none;
}

.spotWishlist use {
    outline: none !important;
}

.productImageContainer .spotWishlist {
    right: 5px;
    top: 0;
}

.heart {
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}

.heart .heart-flip {
    --base: 16px;
    --duration: .6s;
    --active: #24615d;
    --inactive: #ffffff;
    width: var(--base);
    height: calc(var(--base) + var(--base) / 2);
    border-radius: calc(var(--base) / 2) calc(var(--base) / 2) 0 0;
    position: relative;
    transform-origin: 50% 66.66%;
    transform-style: preserve-3d;
    transform: rotate(var(--rotate, -45deg));
    transition: background var(--duration), transform var(--duration) ease;
    background: var(--heart-background, var(--inactive)); /* box-shadow: 0 0 17px rgb(0 0 0 / 50%); */
    filter: drop-shadow(0px 0px 0px #24615d) drop-shadow(0px 0px 0px #24615d) drop-shadow(0px 0px 1px #24615d) drop-shadow(0px 0px 1px #24615d);
}

.heart .heart-flip:before, .heart .heart-flip:after {
    content: "";
    width: calc(var(--base) / 2);
    height: var(--base);
    border-radius: var(--pseudo-border-radius, calc(var(--base) / 2) 0 0 calc(var(--base) / 2));
    position: absolute;
    left: var(--pseudo-left, -50%);
    transform-origin: var(--pseudo-origin, 100%) 50%;
    bottom: 0;
    background: var(--heart-background, var(--inactive));
    filter: brightness(var(--pseudo-filter, 50%));
    transform: translateX(1%) rotateY(var(--pseudo-rotate, 90deg)) translateZ(0);
    transition: background var(--duration), transform var(--duration) ease, filter var(--duration);
}

.heart .heart-flip:after,
.heart-button .heart-flip:after {
    --pseudo-border-radius: 0 calc(var(--base) / 2) calc(var(--base) / 2) 0;
    --pseudo-left: 100%;
    --pseudo-origin: 0;
    filter: brightness(var(--pseudo-filter-second, 100%));
    transform: translateX(-4%) rotateY(var(--pseudo-rotate-second, 0deg)) translateZ(0);
}

.spotWishlist button[aria-pressed="true"] .heart .heart-flip,
.heart-button.active .heart-flip {
    --rotate: 45deg;
    --pseudo-filter: 100%;
    --pseudo-filter-second: 50%;
    --pseudo-rotate: 0deg;
    --pseudo-rotate-second: 90deg;
    --heart-background: var(--active);
}

.heart {
    background: none;
    border: none;
    padding: 0;
    transform: scale(var(--button-scale, 1)) translateZ(0);
    transition: transform 0.2s;
}

.spotWishlist button[aria-pressed="true"] .heart:active {
    --button-scale: .95;
}

.wishList {
    display: flex;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.wishList svg use { /*fill: transparent;*/
    fill: rgba(255, 255, 255, .4);
    stroke: #bebebe;
    stroke-width: 1.2;
    transition: all 0.33s ease;
}

.wishList svg use:last-child {
    fill: var(--button-alternative-color);
    stroke: #bebebe;
    opacity: 0;
    transform: scale(0.33);
    transform-origin: center;
}

.wishList[aria-pressed="true"] svg use {
    stroke: transparent;
}

.wishList[aria-pressed="true"] svg use:last-child {
    opacity: 1;
    transform: none;
    transition: all 0.5s cubic-bezier(0.19, 2.41, 0.45, 0.94);
}

.wishList svg {
    width: 26px;
    height: 26px;
    overflow: visible !important;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.listProduct .spotWishlist {
    top: 10px;
}

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

.wishlist li {
    margin-right: 20px;
    float: left;
}

.wishContainer {
    width: 415px;
    float: left;
    border: 1px dashed #ccc;
    min-height: 180px;
    position: relative;
}

.wishContainer .inner {
    margin: 10px;
}

.wishContainer .image {
    float: left;
    width: 100px;
}

.wishContainer .infobox {
    float: left;
    padding-left: 15px;
    width: 250px;
}

.wishContainer .infobox h3 {
    min-height: 40px;
}

.wishContainer .infobox .observe {
    margin-bottom: 10px;
    padding: 5px;
}

.wishContainer .infobox .price {
    padding-left: 0;
    font-weight: 600;
}

.wishContainer .infobox .actions {
    position: absolute;
    bottom: 10px;
    margin-right: 15px;
}

.wishContainer .infobox .actions input {
    margin-right: 20px;
}


#topFavourite {
    font-size: 1.25em;
    width: 40px;
    display: table-cell;
    vertical-align: middle;
    height: 35px;
    position: relative;
    cursor: pointer;
    color: #000;
    display: table-cell;
    z-index: 0;
    vertical-align: middle; /*min-width: 60px;*/
    background-color: transparent; /*background-color: #61bdc5;*/
    text-align: center;
    border: 0;
    margin: 0 auto;
    display: block;
}

#topFavourite .dyn-favourites-count {
    position: absolute;
    color: #fff;
    display: flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: .6em;
    font-weight: bold;
}

#topFavourite a {
    display: flex;
    align-items: center;
    justify-content: center;
}

#topFavourite.favourites-text svg {
    width: 30px;
    height: 30px;
    fill: #8d8d8d;
    margin-right: 8px;
    transition: fill .3s;
    margin-top: 2px;
}

#topFavourite.favourites-text.active svg {
    fill: #c78590;
    color: #fff;
}

#topFavourite.favourites-text.active .dyn-favourites-count {
    color: #fff;
}

#topFavourite .dyn-favourites-count {
    top: 50%;
    transform: translateY(-58%);
    position: absolute;
    color: #4a4a4a;
    display: flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: .7em;
    font-weight: normal;
    left: 6px;
    transition: color .3s;
}

#topFavourite.favourites-text:hover svg,
#topFavourite.favourites-text:focus svg {
    fill: #b76875;
}

#topFavourite.favourites-text:hover .dyn-favourites-count,
#topFavourite.favourites-text:focus .dyn-favourites-count {
    color: #fff;
}

#topFavourite .dyn-favourites-text {
    display: none;
}

@media (min-width: 768px) {
    #topFavourite {
        position: absolute;
        right: -164px;
        top: 50%;
        height: 46px;
        transform: translateY(-50%);
        display: flex;
        align-items: center;
        font-size: .9em;
        width: auto;
    }

    #topFavourite.favourites-text svg {
        margin-top: 3px;
    }

    #menuTop.fixed #topFavourite {
        right: 20%;
        display: none;
    }

    #topArea.fixed #topLogin {
        display: none;
    }

    #topFavourite .dyn-favourites-text {
        display: block;
        font-size: .9em;
        font-weight: bold;
        color: #6b6c6d;
    }

    #topFavourite .dyn-favourites-count {
        top: 25px;
        left: 5px;
        font-size: .9em;
    }

}


.errorField {
    outline: 1px solid red;
}

.columnwrapper {
    display: flex;
    flex-wrap: wrap;
}

.columnwrapper .halfwidth {
    flex-basis: 100%;
}

.formWrapper {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    padding: 5px;
    flex-direction: column;
}

.formWrapper h4 {
    margin: 0 0 10px 0;
    padding: 15px 8px 15px 12px;
    background-color: #fbfbfb;
    font-weight: bold;
}

.formWrapper .contentHeadBefore {
    padding: 0 0 0 10px;
}

.formInner {
    flex: 1;
    flex-basis: 100%;
    background-color: #fff;
    padding: 25px;
}

.formInner .formRow input[type="text"],
.formInner .formRow input[type="password"],
.formInner textarea {
    width: 90%;
}

.formRow.double {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.formRow.double div {
    flex-basis: 100%;
}

.formInner .formRow {
    font-weight: bold;
    margin-bottom: 17px;
}

.formInner .formRow label {
    height: auto;
    line-height: 19px;;
}

@media (min-width: 768px) {
    .columnwrapper .halfwidth {
        flex-basis: 50%;
    }

    .formRow.double div {
        flex-basis: 50%;
    }
}


/* Article related (inspiration pages) */

.articleIntro {
    background: rgba(247, 247, 247, 1);
    background: -moz-linear-gradient(top, rgba(247, 247, 247, 1) 0%, rgba(255, 255, 255, 1) 77%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247, 247, 247, 1)), color-stop(77%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(247, 247, 247, 1) 0%, rgba(255, 255, 255, 1) 77%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(247, 247, 247, 1) 0%, rgba(255, 255, 255, 1) 77%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(247, 247, 247, 1) 0%, rgba(255, 255, 255, 1) 77%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(247, 247, 247, 1) 0%, rgba(255, 255, 255, 1) 77%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ffffff', GradientType=0);
    padding: 30px 30px 0 30px;
    text-align: center;
}

.articleIntro h1 {
    font-size: 1.5em;
    margin-bottom: 10px;
    font-family: Muli, 'Open Sans', sans-serif;
}

.inspirationPages ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.inspirationPages ul li {
    display: flex; /*overflow: hidden;*/
}

.inspirationPages ul li .articleTeaser {
    flex: 1;
    justify-content: center;
    align-items: center;
}

.inspirationPages ul li .articleHeader {
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    background-color: #f7f7f7;
    padding: 20px;
}

.inspirationPages ul li a {
    display: flex;
    flex-direction: column; /*flex-wrap: wrap;*/
    text-decoration: none;
    flex: 1;
}

.inspirationPages ul li .articleHeader h2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.inspirationPages ul li .articleBigImage {
    display: block !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    flex: 0;
}

.inspirationPages ul li .articleBigImage img {
    visibility: hidden;
}

.inspirationPages ul li .teaser {
    position: relative;
    max-height: 57px;
    overflow: hidden;
    padding: 0 10%;
    text-align: center;
}

.inspirationPages ul li .teaser h1,
.inspirationPages ul li .teaser h2 {
    display: none;
}

.inspirationPages ul li .teaserType {
    font-size: .8em;
    margin-bottom: 3px;
    color: #9a9a9a;
}

.inspirationPages ul li .teaser:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to top, rgba(247, 247, 247, 1), rgba(255, 255, 255, 0));
}

/*.inspirationPages ul li:nth-child(-n+3) a { animation:fadein 2s; transform: translate3d(0, 30px, 0); }*/

@media screen and (min-width: 721px) {
    .articleIntro h1 {
        font-size: 2.5em;
        margin-bottom: 30px;
    }

    .articleIntro p {
        padding: 1em 4em;
    }

    /* OLD */
    /*
	.inspirationPages ul { list-style-type: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); grid-auto-rows: minmax(0, 600px); grid-gap: 30px; margin: 0; }
	.inspirationPages ul li { padding: 0; }
	.inspirationPages ul li.bigger { grid-column: span 2 / 3; grid-row: span 2 / 3; margin-bottom: 30px;}
	*/
    .inspirationPages ul li a {
        transition: transform 0.25s ease;
    }

    .inspirationPages ul li.bigger .teaser {
        max-width: 600px;
        max-height: 100px;
    }

    .inspirationPages ul li.bigAfter {
    }

    /*.inspirationPages ul li.bigAfter:nth-of-type(3) { margin-bottom: 30px; }*/
    /* NEW with specfic height */
    .inspirationPages ul {
        list-style-type: none;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: minmax(400px, auto);
        grid-gap: 30px;
    }

    .inspirationPages ul li {
        padding: 0;
        height: 600px;
    }

    .inspirationPages ul li.bigger {
        grid-row: span 2 / 3; /*margin-bottom: 30px;*/
        grid-column: span 2/3;
        flex-wrap: wrap;
        height: 880px;
    }

    .inspirationPages ul li.bigAfter {
        height: 425px;
    }

    .inspirationPages ul li.bigAfter {
        height: 425px;
    }

    .inspirationPages ul li.bigAfter .articleBigImage {
        height: 285px;
    }


    /*
	OOOLD NEVER LIVE
	.inspirationPages ul {
	    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-auto-rows: minmax(0, 460px);
	}

.inspirationPages ul li.bigAfter {
    margin-bottom: 30px;
}
	*/
    .inspirationPages ul li a:hover,
    .inspirationPages ul li a:focus {
        transform: translateY(-15px);
        color: #000;
    }

    .inspirationPages ul li a:focus-visible {
        outline: 1px solid #333;
    }

    .inspirationPages ul li .articleHeader {
        padding: 0;
        padding-top: 25px;
    }

    .inspirationPages ul li .articleBigImage {
        height: 430px;
        display: block !important;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        flex: 0;
    }

    .inspirationPages ul li.bigger .articleBigImage {
        height: 630px;
        max-height: 630px;
        display: block !important; /*flex-grow: 1;*/
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        flex: inherit;
    }
}

.inspirationArticle .articleBack {
    position: absolute;
    width: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, .7);
    padding: 10px;
    text-align: center;
    color: #ababab;
}

.inspirationArticle .articleBack:hover,
.inspirationArticle .articleBack:focus-visible {
    color: #fff;
}

.inspirationArticle {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    overflow: hidden;
}

.inspirationArticle .articleBigImage {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    margin-bottom: 20px;
}

.inspirationArticle .articleBigImage img {
    visibility: hidden;
    width: 100%;
}

.inspirationArticle .articleBigImage .articleHeader {
    position: absolute;
    color: #fff;
    padding: 20px;
    text-align: center;
}

.inspirationArticle .articleBigImage .articleHeader .preHead {
    font-size: 1.1em;
    text-align: center;
    color: #fff;
    animation: fadein 2s;
    text-shadow: 4px 6px 20px rgb(0 0 0);
    font-weight: bold;
}

.inspirationArticle .articleBigImage .articleHeader .preHead,
.inspirationArticle .articleBigImage .articleHeader .subHead {
    text-transform: uppercase;
}

.inspirationArticle .articleBigImage .articleHeader h1 {
    font-size: 2em;
    letter-spacing: 4px;
    animation: fadein 2s;
    text-align: center;
    text-shadow: 0px 0px 8px rgb(0 0 0 / 100%);
}

.articleSection {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto 35px auto;
    overflow: auto;
}

.articleSection .articleInner {
    overflow: hidden;
}

.articleSection .articleInner .textContent img {
    height: auto;
}

.articleSection h2 {
    text-align: center;
    padding: 0 0 20px 0;
    font-size: 1.5em;
    font-weight: bold;
    font-family: Muli, 'Open Sans', sans-serif;
}

.articleSection video {
    width: 100%;
}

.articleSection .textContent {
    max-width: 768px;
    margin: 0 auto;
    text-align: center;
    padding: 0 20px;
}

.articleSection .textContent h2 {
    padding: 15px 0 15px 0;
}

.articleSection .textContent p {
    color: #797979;
    font-size: 1.1em;
    line-height: 2em;
}

.articleSection .textContent p a {
    text-decoration: underline;
}

.articleSection .textContent ul {
    list-style-type: disc;
    margin-left: 20px;
}

.articleSection .textContent li {
    display: list-item;
    position: relative;
    padding: 8px 0 2px 0;
}

.articleSection.textContent + .productListContainer {
    margin-top: 0;
}

.articleSection .productListContainer {
    float: left;
    width: 100%; /*margin: 50px 0;*/
    margin-top: 25px;
}

.articleSection .productListContainer > ul {
    display: flex;
    flex-wrap: wrap;
}

.articleSection .productListContainer li .innerContainer {
    box-shadow: none;
}

/* Only one child of products */
.articleSection .productListContainer [class*='grid-'] {
    padding: 10px;
}

.articleSection .productListContainer li.listProduct:first-child:nth-last-child(1) {
    width: 100%;
    flex: 1;
    max-width: 768px;
    margin: 0 auto;
}

.articleSection .productListContainer li.listProduct:first-child:nth-last-child(1) .innerContainer {
    box-shadow: none;
    height: auto;
}

.articleSection .productListContainer li.listProduct:first-child:nth-last-child(1) .productFrame {
    display: flex;
    width: 100%;
}

.articleSection .productListContainer li.listProduct:first-child:nth-last-child(1) figure {
    flex-basis: 50%;
}

.articleSection .productListContainer li.listProduct:first-child:nth-last-child(1) .catProdInner {
    flex-basis: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.articleSection .productListContainer li.listProduct:first-child:nth-last-child(1) .catProdInner h3 { /*position: relative;*/
    font-size: 1em;
}

.articleSection .productListContainer li.listProduct:first-child:nth-last-child(1) .catProdInner h3 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-left: 50%;
    padding-top: 50px;
    height: 100%;
}

.articleSection .productListContainer li.listProduct:first-child:nth-last-child(1) .catProdInner h3 a span {
    height: auto;
    line-height: normal;
}

/* Last link should have special styling */
.articleSection .textContent p:last-child > a {
    font-size: .9em;
    text-decoration: none;
    background-color: #4d4d4d;
    display: flex;
    padding: 14px;
    color: #fff; /*border-radius: 40px;*/
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: 25px auto 0 auto;
}

.articleSection .textContent p:last-child > a:after {
    content: "\00BB";
    padding-left: 8px;
    font-size: 1.6em;
}

.articleSection .textContent p:last-child > a img {
    outline: 25px solid #fff;
    margin-right: -15px;
}

.articleSection.fadeinarticle {
    animation: fadein 3s;
    transform: translate3d(0, 30px, 0);
}

.parallax {
    background-size: cover; /*margin: -55px 0 40px 0;*/
    margin-bottom: 40px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-attachment: scroll;
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@supports not (-webkit-overflow-scrolling: touch) {
    /* CSS for other than iOS devices */
    .parallax {
        background-attachment: fixed;
    }
}

.parallax-inner {
    position: relative;
    min-height: 100%;
    height: 100%;
    width: 100%;
}

.parallax-inner h2 {
    top: 50%;
    transform: translateY(-14%);
    color: #fff;
    text-shadow: 4px 6px 20px rgb(0 0 0);
    font-size: 2em;
    width: 100%;
    text-align: center;
    padding: 0 10%;
}

.parallax-inner img {
    visibility: hidden;
}

.articleSection.textDoubleImage .textContent {
    max-width: none;
    padding: 0 5px;
}

.articleSection.textDoubleImage .textContent .articleTextContainer {
    display: flex; /*gap: 20px;*/
    justify-content: space-between;
}

.articleSection.textDoubleImage .textContent .articleTextContainer p { /*flex: 1.3344; overflow: hidden; display: flex;     outline: 2px solid red;*/
    flex-basis: 50%;
}

.articleSection.textDoubleImage .textContent .articleTextContainer p img { /*height: 100%; width: auto; object-fit: contain;        height: auto;*/
    width: 100%;
}

.articleSection.textDoubleImage .textContent .articleTextContainer p:first-of-type {
    margin-left: 5px;
    margin-right: 10px;
}

.articleSection.textDoubleImage .textContent .articleTextContainer p:last-of-type {
    margin-right: 5px;
    margin-left: 10px;
}

.articleSection.textDoubleImage .textContent .articleTextContainer p:first-of-type {
    justify-content: center;
}

.articleSection.textDoubleImage .textContent .articleTextContainer p:last-of-type {
    justify-content: center;
}

.articleSection.textLeftImage .textContent h2,
.articleSection.textRightImage .textContent h2 {
    padding-top: 20px;
}

.articleSection.customDynamicLinks {
    max-width: none; /*display: flex;  flex-wrap: wrap;*/
    gap: 30px;
}

.articleSection.customDynamicLinks a {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.articleSection.customDynamicLinks a:last-child {
    margin-right: 0;
}

.articleSection.customDynamicLinks a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, rgb(120 120 120 / 60%), rgb(167 167 167 / 30%));
    transition: opacity 0.3s linear;
    opacity: 0.6;
}

.articleSection.customDynamicLinks a:hover:before {
    opacity: 0;
}

.articleSection.customDynamicLinks a .image {
    height: auto;
    max-height: 450px;
    max-width: 450px;
    overflow: hidden;
    display: block !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    flex: 1;
    width: 100%;
}

.articleSection.customDynamicLinks a .image img {
    visibility: hidden;
}

.articleSection.customDynamicLinks a .articleLinkHeader {
    text-transform: uppercase;
}

.articleSection.customDynamicLinks a .articleLinkHeader {
    background-color: rgba(255, 255, 255, .6);
    color: #000;
    padding: 20px;
    min-width: 150px;
    text-align: center;
    position: absolute;
}

.articleSection.customDynamicLinks a .articleLinkHeader .preHead {
    font-size: 1.1em;
    margin-bottom: 5px;
}

.articleSection.customDynamicLinks a .articleLinkHeader .linkName {
    font-size: 1.6em;
}

.articleSection.customDynamicLinks a .articleLinkHeader .subHead {
    font-size: 1.3em;
    margin-top: 5px;
}

.articleSection.customDynamicLinks a .articleLinkHeader .linkName:after {
    transform: scale(0.5, 1);
    content: ">";
    position: absolute;
    margin-left: 3px;
}

.articleSection.customDynamicLinks a .articleLinkHeader {
    transition: background-color 0.2s;
}

.articleSection.customDynamicLinks a:hover .articleLinkHeader {
    color: #000;
    background-color: rgba(255, 255, 255, .9);
}

@media (min-width: 768px) {
    .articleSection .textContent { /*max-width: 768px;*/
        max-width: 1360px;
        margin: 0 auto;
        text-align: center;
        padding: 0
    }

    .articleSection h2 {
        font-size: 2em;
    }

    .inspirationArticle .articleBigImage .articleHeader h1 {
        font-size: 3.4em;
    }

    .inspirationArticle .articleBigImage .articleHeader h1 {
        text-shadow: 0px 0px 14px rgb(0 0 0 / 100%);
    }

    .articleSection .productListContainer > ul {
        gap: 20px;
    }

    .articleSection .productListContainer {
        margin-top: 25px;
    }

    .articleSection .productListContainer li.listProduct {
        flex: 1;
        flex-basis: 20%;
        padding: 0;
    }

    .articleSection.textLeftImage .textContent,
    .articleSection.textRightImage .textContent {
        max-width: 1360px;
        display: flex;
        align-items: center;
    }

    .articleSection.textRightImage .textContent .articleImageContainer {
        text-align: left;
    }

    .articleSection.textLeftImage .textContent .articleImageContainer {
        text-align: right;
    }

    .articleSection.textLeftImage .textContent .articleImageContainer,
    .articleSection.textRightImage .textContent .articleImageContainer {
        flex-basis: 49.3%;
    }

    .articleSection.textLeftImage .textContent .articleTextContainer,
    .articleSection.textRightImage .textContent .articleTextContainer {
        flex: 1;
        padding-left: 50px;
    }

    .articleSection.textRightImage .textContent .articleTextContainer {
        padding-left: 0;
        padding-right: 50px;
    }

    .articleSection.textRightImage .textContent .articleImageContainer {
        order: 2;
    }

    .articleSection .textContent p:last-child > a:after {
        content: "\00BB";
        padding-left: 8px;
        font-size: 1.6em;
    }

    .articleSection .textContent p:last-child > a img {
        margin-right: 0;
    }


    .articleSection.textLeftImage .textContent h2,
    .articleSection.textRightImage .textContent h2 {
        padding-top: 0;
    }

    .articleSection.textDoubleImage .textContent {
        padding: 0;
    }

    .articleSection.textDoubleImage .textContent .articleTextContainer p:first-of-type {
        margin-left: 0;
    }

    .articleSection.textDoubleImage .textContent .articleTextContainer p:last-of-type {
        margin-right: 0;
    }

    .parallax {
        background-size: cover;
        min-height: 500px;
    }

    .parallax-inner h2 {
        font-size: 3em;
    }

    .articleSection.customDynamicLinks a {
        margin-right: 30px;
        margin-bottom: 0;
    }

    .articleSection.customDynamicLinks {
        list-style-type: none;
        display: grid;
        grid-template-columns: repeat(4, auto);
        grid-auto-rows: minmax(315px, auto); /*grid-gap: 30px;*/
        gap: 0;
        justify-content: center;
    }


    .articleSection:not(.textDoubleImage) .articleTextContainer {
        max-width: 900px;
        margin: 0 auto;
    }


}

.come-in {
    transform: translate3d(0, 80px, 0);
    animation: come-in .8s ease forwards, fadein 2s;
    transition-timing-function: ease;
}

.come-in:nth-child(odd) {
    animation-duration: 0.8s;
}

.already-visible {
    transform: translate3d(0, 0, 0);
    animation: none;
}

@keyframes come-in {
    to {
        transform: translate3d(0, 0, 0);
    }
}


.fancybox-content .fancybox-close-small {
    right: 3px;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 100%;
    top: -45px;
}

.aw-search-results-mobile {
    position: absolute !important;
}

.buybtnnotice.reached {
    background-color: #fff !important;
}

/* Cart Countdown */
.cart-countdown {
    font-weight: bold;
    text-align: center;
}




#prodStructure { position: relative; margin: 1em 0 .3em 0; padding: 10px; background-color: #fff; box-shadow: 0 -1px 6px rgba(0, 0, 0, .12), 0 1px 2px rgb(0 0 0 / 14%); border-radius: 4px;  transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
/*#prodStructure:hover { box-shadow: 0 6px 10px rgba(0, 0, 0, .25), 0 1px 4px rgba(0, 0, 0, .22); }*/
#prodStructure h2 { margin: 0 0 12px 0; font-weight: bold; text-align: left; padding: 0 0 7px 0; font-size: 1.1em;}
#prodStructure li {     flex-basis: 100%;
    /* align-items: center; */
    border-bottom: 1px solid #ededed;
    display: flex
;
    flex-wrap: wrap;
    gap: 25px;
    padding: 1em 0; }
#prodStructure li:last-child { border-bottom: 0; }
#prodStructure ul { display: flex; flex-wrap: wrap; gap: 6px; }
#prodStructure ul li a {     display: flex
;
    flex-wrap: wrap;
    gap: 25px;
    }
#prodStructure span.sIcon { position: absolute; top: 5px; right: 11px; }
#prodStructure span.sIcon svg { width: 40px; height: 40px; fill: #565656; }
#prodStructure span.sAmount {     /* align-items: self-end; */
    justify-content: flex-end;
    display: flex
;
    /* width: 50px; */
    /*min-width: 50px;*/
    font-weight: 600; }
#prodStructure span.sName {
    font-weight: 600;
    padding-top: .2em;
    flex: 1;
    align-items: end;
}

#prodStructure .innerState {
    display: flex;
    flex-wrap: wrap;
    /* gap: 2em; */
    /* flex-basis: 100%; */
    justify-content: flex-end;
}
#prodStructure .sState {     /* float: left; */
    display: flex;
    height: 100%;
    align-items: end;
    padding-bottom: 2em;
    justify-content: space-between; }
#prodStructure .sState .sStock {
    /*
    text-align: right;
    display: flex;
    justify-content: flex-end;
    margin-top: .5em;
    align-items: baseline;
    */
    text-align: right;
    display: flex;
    margin-top: .5em;
    align-items: baseline;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: .9em;
}

#prodStructure .sState .sStock .deliverydays {
    display: flex;
    justify-content: flex-start;
    text-align: left;
    flex-wrap: wrap;
    margin-top: -3px;
}

#prodStructure .sState .sStock .stockstatustext {
    display: flex
;
    align-items: flex-end;
    text-align: right;
}
#prodStructure .sState .sPrice {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    flex-wrap: wrap;
    flex-basis: 100%;
}
#prodStructure .sState .sPrice .priceOld {    font-size: 1em;
    text-decoration: line-through;
    font-weight: normal;
    padding-left: .5em;     margin-top: 0;}


#prodStructure span.sImage { height: 80px; width: 80px; min-width: 50px; display: flex; align-items: center; justify-content: center; background-color: #fff; margin-right: -25px; }
#prodStructure span.sImage img { max-height: 80px; height: auto; width: auto; }
#structureInfo { margin-top: 10px; padding: 10px; font-size: .9rem; background-color: #f3ebec; }
#structureInfo strong { display: block; margin-bottom: 5px;}

.packagePriceText {
    font-size: .6em;
    background-color: #c78590;
    color: #fff;
    padding: .2em .7em;
    margin-bottom: .1em;
    display: inline-block;
    border-radius: 20px;
}

@media (min-width: 768px) {

    #prodStructure span.sImage { height: 150px; width: 150px; }
    #prodStructure span.sImage img { max-height: 150px;  }

    #prodStructure .sState {
        justify-content: flex-end;
        flex-wrap: wrap;
        height: auto;
        gap: .5em;
        padding-bottom: 0;
    }
    #prodStructure .sState .sStock {
        flex-basis: 100%;
        order: 2;
        margin-top: 0;
        justify-content: flex-end;
    }

    #prodStructure span.sName {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
    }

    #prodStructure .sState .sStock .deliverydays {
        justify-content: flex-end;
        text-align: right;
        flex-basis: 100%;
        margin-top: -3px;
    }

}