:focus {
    outline: none
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none
}

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

@font-face {
    font-display: swap;
    font-family: "PT Sans";
    font-style: normal;
    font-weight: 400;
    src: url("/fonts/pt-sans-v17-latin-ext-regular.eot");
    src: url("/fonts/pt-sans-v17-latin-ext-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/pt-sans-v17-latin-ext-regular.woff2") format("woff2"), url("/fonts/pt-sans-v17-latin-ext-regular.woff") format("woff"), url("/fonts/pt-sans-v17-latin-ext-regular.ttf") format("truetype"), url("/fonts/pt-sans-v17-latin-ext-regular.svg#PTSans") format("svg")
}

@font-face {
    font-display: swap;
    font-family: "PT Sans";
    font-style: normal;
    font-weight: 700;
    src: url("/fonts/pt-sans-v17-latin-ext-700.eot");
    src: url("/fonts/pt-sans-v17-latin-ext-700.eot?#iefix") format("embedded-opentype"), url("/fonts/pt-sans-v17-latin-ext-700.woff2") format("woff2"), url("/fonts/pt-sans-v17-latin-ext-700.woff") format("woff"), url("/fonts/pt-sans-v17-latin-ext-700.ttf") format("truetype"), url("/fonts/pt-sans-v17-latin-ext-700.svg#PTSans") format("svg")
}

html {
    -webkit-text-size-adjust: 100%;
    height: 100%;
    font-size: 16px
}

body {
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    font-family: "PT Sans", sans-serif;
    color: #000;
    font-weight: 400;
    background: #fff;
    min-width: 320px
}

main {
    display: flex;
    width: 100%;
    flex-flow: column
}

strong {
    font-weight: 700
}

a {
    color: #000;
    text-decoration: none;
    position: relative
}

a:hover {
    text-decoration: none
}

p {
    margin: 20px 0;
    font-size: 1.125rem;
}

section {
    display: flex;
    width: 100%
}

.contentContainer {
    margin-top: 80px;
    flex-flow: column
}

.contentInner {
    display: block;
    width: 100%;
    max-width: 1460px;
    padding: 0 20px;
    margin: 0 auto
}

.contentInner + .contentInner {
    margin-top: 40px
}

.contentInner p:first-child, .contentInner ul:first-child, .contentInner h1:first-child, .contentInner h2:first-child, .contentInner h3:first-child, .contentInner h4:first-child, .contentInner table:first-child {
    margin-top: 0
}

.contentInner p:last-child, .contentInner ul:last-child, .contentInner h1:last-child, .contentInner h2:last-child, .contentInner h3:last-child, .contentInner h4:last-child, .contentInner table:last-child {
    margin-bottom: 0
}

.contentContainer h1, .contentContainer h2, .contentContainer h3, .contentContainer h4 {
    margin: 0 0 20px 0
}

.contentInner p a, .contentInner ul a {
    text-decoration: none;
    color: #000;
    text-decoration: underline;
    text-decoration-color: #000;
    text-decoration-thickness: 3px
}

@media (hover: hover) {
    .contentInner p a:hover, .contentInner ul a:hover {
        color: #7d7d7d
    }
}

@media (hover: none) {
    .contentInner p a:active, .contentInner ul a:active {
        color: #7d7d7d
    }
}

.center {
    text-align: center
}

.contentInnerHeroImg {
    display: block;
    width: 100%;
    height: auto
}

.contentImg {
    display: block;
    width: 100%;
    height: auto
}

@media only screen and (min-width: 768px) {
    .contentImg.square {
        width: 60%;
        margin: 0 auto
    }
}

ul, ol {
    list-style: disc;
    padding-left: 32px;
    margin: 20px 0
}

ol {
    list-style: decimal
}

@media only screen and (max-width: 1023px) {
    .contentContainer, #lineItemContainer {
        margin-top: 60px
    }
}

@media only screen and (max-width: 767px) {
    .productShortDescription {
        margin-top: 60px
    }

    .contentInner {
        padding: 0 20px
    }

    body.notFound main {
        margin: 40px 0 20px
    }
}

h1, h2, h3, h4 {
    padding: 0;
    line-height: 1.2em;
    font-weight: 700
}

p, ul, h1, h2, h3, h4 {
    margin: 20px 0
}

h1 {
    font-size: 3rem
}

h2 {
    font-size: 2.5rem
}

h3 {
    font-size: 2rem
}

h4 {
    font-size: 1.5rem
}

@media only screen and (max-width: 1023px) {
    h1 {
        font-size: 2.6rem
    }

    h2 {
        font-size: 2.1rem
    }

    h3 {
        font-size: 1.6rem
    }

    h4 {
        font-size: 1.25rem
    }
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 2.4rem
    }

    h2 {
        font-size: 1.9rem
    }

    h3 {
        font-size: 1.4rem
    }

    h4 {
        font-size: 1.125rem
    }
}

p a.file {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyNCAyNCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDYgMiBDIDQuOTA1NzQ1MyAyIDQgMi45MDU3NDUzIDQgNCBMIDQgMjAgQyA0IDIxLjA5NDI1NSA0LjkwNTc0NTMgMjIgNiAyMiBMIDE4IDIyIEMgMTkuMDk0MjU1IDIyIDIwIDIxLjA5NDI1NSAyMCAyMCBMIDIwIDggTCAxNCAyIEwgNiAyIHogTSA2IDQgTCAxMyA0IEwgMTMgOSBMIDE4IDkgTCAxOCAyMCBMIDYgMjAgTCA2IDQgeiI+PC9wYXRoPjwvc3ZnPg==") no-repeat left center;
    padding-left: 26px
}

p a.file[href*=".txt"] {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyNCAyNCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDYgMiBDIDQuOTA1NzQ1MyAyIDQgMi45MDU3NDUzIDQgNCBMIDQgOSBDIDIuODk1IDkgMiA5Ljg5NSAyIDExIEwgMiAxNiBDIDIgMTcuMTA1IDIuODk1IDE4IDQgMTggTCA0IDIwIEMgNCAyMS4wOTQyNTUgNC45MDU3NDUzIDIyIDYgMjIgTCAxOCAyMiBDIDE5LjA5NDI1NSAyMiAyMCAyMS4wOTQyNTUgMjAgMjAgTCAyMCA3IEwgMTUgMiBMIDYgMiB6IE0gNiA0IEwgMTQgNCBMIDE0IDggTCAxOCA4IEwgMTggOSBMIDYgOSBMIDYgNCB6IE0gNCAxMSBMIDcgMTEgTCA3IDEyIEwgNiAxMiBMIDYgMTYgTCA1IDE2IEwgNSAxMiBMIDQgMTIgTCA0IDExIHogTSA4LjAyNTM5MDYgMTEgTCA5LjI3MzQzNzUgMTEgTCA5Ljk5ODA0NjkgMTIuNzE2Nzk3IEwgMTAuNzI0NjA5IDExIEwgMTEuOTcwNzAzIDExIEwgMTAuNzAzMTI1IDEzLjQ3ODUxNiBMIDEyIDE2IEwgMTAuNzM4MjgxIDE2IEwgOS45OTgwNDY5IDE0LjI1MTk1MyBMIDkuMjYxNzE4OCAxNiBMIDggMTYgTCA5LjI5NDkyMTkgMTMuNDc4NTE2IEwgOC4wMjUzOTA2IDExIHogTSAxMyAxMSBMIDE2IDExIEwgMTYgMTIgTCAxNSAxMiBMIDE1IDE2IEwgMTQgMTYgTCAxNCAxMiBMIDEzIDEyIEwgMTMgMTEgeiBNIDYgMTggTCAxOCAxOCBMIDE4IDIwIEwgNiAyMCBMIDYgMTggeiI+PC9wYXRoPjwvc3ZnPg==") no-repeat left center
}

p a.file[href*=".xls"], p a.file[href*=".xlsx"] {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyNCAyNCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDYgMiBDIDQuOTA1NzQ1MyAyIDQgMi45MDU3NDUzIDQgNCBMIDQgOSBDIDIuODk1IDkgMiA5Ljg5NSAyIDExIEwgMiAxNiBDIDIgMTcuMTA1IDIuODk1IDE4IDQgMTggTCA0IDIwIEMgNCAyMS4wOTQyNTUgNC45MDU3NDUzIDIyIDYgMjIgTCAxOCAyMiBDIDE5LjA5NDI1NSAyMiAyMCAyMS4wOTQyNTUgMjAgMjAgTCAyMCA3LjQxNDA2MjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE5LjcwNzAzMSA2LjcwNzAzMTIgTCAxNS4yOTI5NjkgMi4yOTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxNC41ODU5MzggMiBMIDYgMiB6IE0gNiA0IEwgMTQgNCBMIDE0IDcgQyAxNCA3LjU1MiAxNC40NDggOCAxNSA4IEwgMTggOCBMIDE4IDkgTCA2IDkgTCA2IDQgeiBNIDQuMDI1MzkwNiAxMSBMIDUuMjczNDM3NSAxMSBMIDUuOTk4MDQ2OSAxMi43MTY3OTcgTCA2LjcyNDYwOTQgMTEgTCA3Ljk3MDcwMzEgMTEgTCA2LjcwMzEyNSAxMy40Nzg1MTYgTCA4IDE2IEwgNi43MzgyODEyIDE2IEwgNS45OTgwNDY5IDE0LjI1MTk1MyBMIDUuMjYxNzE4OCAxNiBMIDQgMTYgTCA1LjI5NDkyMTkgMTMuNDc4NTE2IEwgNC4wMjUzOTA2IDExIHogTSA5IDExIEwgMTAgMTEgTCAxMCAxNSBMIDEyIDE1IEwgMTIgMTYgTCA5IDE2IEwgOSAxMSB6IE0gMTQuNDkwMjM0IDExIEMgMTUuOTEzMjM0IDExLjA0MSAxNiAxMi4yODI5MDYgMTYgMTIuNTAzOTA2IEwgMTUuMDMxMjUgMTIuNTAzOTA2IEMgMTUuMDMxMjUgMTIuNDAwOTA2IDE1LjA0ODY1NiAxMS44MDY2NDEgMTQuNDcyNjU2IDExLjgwNjY0MSBDIDE0LjI5NzY1NiAxMS44MDY2NDEgMTMuOTA1NTQ3IDExLjg4NDE4NyAxMy45MzU1NDcgMTIuMzY3MTg4IEMgMTMuOTY0NTQ3IDEyLjgxMDE4OCAxNC41NDcyOTcgMTMuMDE5NDA2IDE0LjY1NDI5NyAxMy4wNjY0MDYgQyAxNC44NzgyOTcgMTMuMTQ4NDA2IDE1Ljk4NzA5NCAxMy42NDIzOTEgMTUuOTk2MDk0IDE0LjY1MDM5MSBDIDE1Ljk5ODA5NCAxNC44NjQzOTEgMTUuOTQyNzY2IDE1Ljk4NSAxNC41MDk3NjYgMTYgQyAxMi45NTA3NjYgMTYuMDE3IDEyLjg0NTcwMyAxNC42NzU0MzcgMTIuODQ1NzAzIDE0LjM5ODQzOCBMIDEzLjgyMDMxMiAxNC4zOTg0MzggQyAxMy44MjAzMTIgMTQuNTQ1NDM4IDEzLjgzMjc2NiAxNS4yNTYxNzIgMTQuNTA5NzY2IDE1LjIwMTE3MiBDIDE0LjkxNjc2NiAxNS4xNjcxNzIgMTUuMDA1NTMxIDE0Ljg3NDI1IDE1LjAxOTUzMSAxNC42NTYyNSBDIDE1LjA0MjUzMSAxNC4yODkyNSAxNC42OTIyNjYgMTQuMDY4NjI1IDE0LjMyMjI2NiAxMy44OTA2MjUgQyAxMy44MDIyNjYgMTMuNjQwNjI1IDEyLjk3OTg0NCAxMy4zMzMzNzUgMTIuOTY0ODQ0IDEyLjM1OTM3NSBDIDEyLjk1MTg0NCAxMS40ODIzNzUgMTMuNTk2MjM0IDEwLjk3NSAxNC40OTAyMzQgMTEgeiBNIDYgMTggTCAxOCAxOCBMIDE4IDIwIEwgNiAyMCBMIDYgMTggeiI+PC9wYXRoPjwvc3ZnPg==") no-repeat left center
}

p a.file[href*=".doc"], p a.file[href*=".docx"] {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyNCAyNCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDYgMiBDIDQuOTA1NzQ1MyAyIDQgMi45MDU3NDUzIDQgNCBMIDQgOSBDIDIuODk1IDkgMiA5Ljg5NSAyIDExIEwgMiAxNiBDIDIgMTcuMTA1IDIuODk1IDE4IDQgMTggTCA0IDIwIEMgNCAyMS4wOTQyNTUgNC45MDU3NDUzIDIyIDYgMjIgTCAxOCAyMiBDIDE5LjA5NDI1NSAyMiAyMCAyMS4wOTQyNTUgMjAgMjAgTCAyMCAxNiBMIDIwIDExIEwgMjAgNyBMIDE1IDIgTCA2IDIgeiBNIDYgNCBMIDE0IDQgTCAxNCA4IEwgMTggOCBMIDE4IDkgTCA2IDkgTCA2IDQgeiBNIDE2IDExIEMgMTcuMTA1IDExIDE4IDExLjg5NSAxOCAxMyBMIDE3IDEzIEMgMTcgMTIuNDQ5IDE2LjU1MSAxMiAxNiAxMiBDIDE1LjQ0OSAxMiAxNSAxMi40NDkgMTUgMTMgTCAxNSAxNCBDIDE1IDE0LjU1MSAxNS40NDkgMTUgMTYgMTUgQyAxNi41NTEgMTUgMTcgMTQuNTUxIDE3IDE0IEwgMTggMTQgQyAxOCAxNS4xMDUgMTcuMTA1IDE2IDE2IDE2IEMgMTQuODk1IDE2IDE0IDE1LjEwNSAxNCAxNCBMIDE0IDEzIEMgMTQgMTEuODk1IDE0Ljg5NSAxMSAxNiAxMSB6IE0gNCAxMS4wMjM0MzggTCA1LjYyODkwNjIgMTEuMDIzNDM4IEMgNy4yMTE5MDYzIDExLjAyMzQzOCA4IDExLjk3NDkwNiA4IDEzLjEyODkwNiBMIDggMTMuOTAwMzkxIEMgOCAxNS4wNjgzOTEgNy4yMDkyMzQ0IDE2IDUuNjE1MjM0NCAxNiBMIDQgMTYgTCA0IDExLjAyMzQzOCB6IE0gMTEgMTEuMDY0NDUzIEMgMTIuODY0IDExLjAzNDQ1MyAxMyAxMi44NDI0MDYgMTMgMTMuMTkxNDA2IEwgMTMgMTQgQyAxMyAxNC4zNDIgMTIuOTEzODEyIDE2LjEwMTU0NyAxMS4wMDc4MTIgMTYuMDYwNTQ3IEMgOC45NjY4MTI1IDE2LjAxODU0NyA5IDE0LjM0MiA5IDE0IEwgOSAxMy4xOTE0MDYgQyA5IDEyLjg0MDQwNiA5LjE2NyAxMS4wOTM0NTMgMTEgMTEuMDY0NDUzIHogTSAxMS4wMDE5NTMgMTEuODg2NzE5IEMgMTAuMDU2OTUzIDExLjkwNTcxOSAxMCAxMi45NTM1NDcgMTAgMTMuMTg1NTQ3IEwgMTAgMTQgQyAxMCAxNC4yMjIgMTAuMTU0NzE5IDE1LjI1OTE4NyAxMS4wMTE3MTkgMTUuMjQyMTg4IEMgMTEuODMzNzE5IDE1LjIyNzE4NyAxMiAxNC4yMjEgMTIgMTQgTCAxMiAxMy4xODU1NDcgQyAxMiAxMi45NTM1NDcgMTEuODg3OTUzIDExLjg2ODcxOSAxMS4wMDE5NTMgMTEuODg2NzE5IHogTSA1IDEyLjAyMzQzOCBMIDUgMTUgTCA1LjYxNTIzNDQgMTUgQyA2LjI0NzIzNDQgMTUgNyAxNC44MDgzOTEgNyAxMy45MDAzOTEgTCA3IDEzLjEyODkwNiBDIDcgMTIuMjE0OTA2IDYuMjU0OTA2MiAxMi4wMjM0MzggNS42Mjg5MDYyIDEyLjAyMzQzOCBMIDUgMTIuMDIzNDM4IHogTSA2IDE4IEwgMTggMTggTCAxOCAyMCBMIDYgMjAgTCA2IDE4IHoiPjwvcGF0aD48L3N2Zz4=") no-repeat left center
}

p a.file[href*=".pdf"] {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyNCAyNCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDYgMiBDIDQuOTA1NzQ1MyAyIDQgMi45MDU3NDUzIDQgNCBMIDQgOSBDIDIuODk1IDkgMiA5Ljg5NSAyIDExIEwgMiAxNiBDIDIgMTcuMTA1IDIuODk1IDE4IDQgMTggTCA0IDIwIEMgNCAyMS4wOTQyNTUgNC45MDU3NDUzIDIyIDYgMjIgTCAxOCAyMiBDIDE5LjA5NDI1NSAyMiAyMCAyMS4wOTQyNTUgMjAgMjAgTCAyMCA3IEwgMTUgMiBMIDYgMiB6IE0gNiA0IEwgMTQgNCBMIDE0IDggTCAxOCA4IEwgMTggOSBMIDYgOSBMIDYgNCB6IE0gNCAxMSBMIDUuNSAxMSBDIDYuMzI4IDExIDcgMTEuNjcyIDcgMTIuNSBDIDcgMTMuMzI4IDYuMzI4IDE0IDUuNSAxNCBMIDUgMTQgTCA1IDE2IEwgNCAxNiBMIDQgMTEgeiBNIDEzIDExIEwgMTYgMTEgTCAxNiAxMiBMIDE0IDEyIEwgMTQgMTMgTCAxNS41OTk2MDkgMTMgTCAxNS41OTk2MDkgMTQgTCAxNCAxNCBMIDE0IDE2IEwgMTMgMTYgTCAxMyAxMSB6IE0gOCAxMS4wMjM0MzggTCA5LjYyODkwNjIgMTEuMDIzNDM4IEMgMTEuMjEwOTA2IDExLjAyMzQzOCAxMiAxMS45NzQ5MDYgMTIgMTMuMTI4OTA2IEwgMTIgMTMuOTAwMzkxIEMgMTIgMTUuMDY4MzkxIDExLjIwOTIzNCAxNiA5LjYxNTIzNDQgMTYgTCA4IDE2IEwgOCAxMS4wMjM0MzggeiBNIDUgMTIgTCA1IDEzIEwgNS41IDEzIEMgNS43NzYgMTMgNiAxMi43NzYgNiAxMi41IEMgNiAxMi4yMjQgNS43NzYgMTIgNS41IDEyIEwgNSAxMiB6IE0gOSAxMi4wMjM0MzggTCA5IDE1IEwgOS42MTUyMzQ0IDE1IEMgMTAuMjQ3MjM0IDE1IDExIDE0LjgwODM5MSAxMSAxMy45MDAzOTEgTCAxMSAxMy4xMjg5MDYgQyAxMSAxMi4yMTQ5MDYgMTAuMjU0OTA2IDEyLjAyMzQzOCA5LjYyODkwNjIgMTIuMDIzNDM4IEwgOSAxMi4wMjM0MzggeiBNIDYgMTggTCAxOCAxOCBMIDE4IDIwIEwgNiAyMCBMIDYgMTggeiI+PC9wYXRoPjwvc3ZnPg==") no-repeat left center
}

a.external {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyNCAyNCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDUgMyBDIDMuOTA2OTM3MiAzIDMgMy45MDY5MzcyIDMgNSBMIDMgMTkgQyAzIDIwLjA5MzA2MyAzLjkwNjkzNzIgMjEgNSAyMSBMIDE5IDIxIEMgMjAuMDkzMDYzIDIxIDIxIDIwLjA5MzA2MyAyMSAxOSBMIDIxIDEyIEwgMTkgMTIgTCAxOSAxOSBMIDUgMTkgTCA1IDUgTCAxMiA1IEwgMTIgMyBMIDUgMyB6IE0gMTQgMyBMIDE0IDUgTCAxNy41ODU5MzggNSBMIDguMjkyOTY4OCAxNC4yOTI5NjkgTCA5LjcwNzAzMTIgMTUuNzA3MDMxIEwgMTkgNi40MTQwNjI1IEwgMTkgMTAgTCAyMSAxMCBMIDIxIDMgTCAxNCAzIHoiPjwvcGF0aD48L3N2Zz4=") no-repeat right center;
    padding-right: 22px;
    background-size: 18px
}

.spinner {
    align-self: center;
    display: inline-block;
    position: relative;
    width: 64px;
    height: 24px
}

.spinner div {
    position: absolute;
    top: 7px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #7d7d7d;
    animation-timing-function: cubic-bezier(0, 1, 1, 0)
}

.spinner.bright div {
    background: #fff !important
}

.spinner.color div {
    background: #000 !important
}

.spinner div:nth-child(1) {
    left: 6px;
    animation: spinner1 .6s infinite
}

.spinner div:nth-child(2) {
    left: 6px;
    animation: spinner2 .6s infinite
}

.spinner div:nth-child(3) {
    left: 26px;
    animation: spinner2 .6s infinite
}

.spinner div:nth-child(4) {
    left: 45px;
    animation: spinner3 .6s infinite
}

@keyframes spinner1 {
    0% {
        transform: scale(0)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes spinner3 {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(0)
    }
}

@keyframes spinner2 {
    0% {
        transform: translate(0, 0)
    }
    100% {
        transform: translate(19px, 0)
    }
}

.width12 {
    max-width: 1460px
}

.width10 {
    max-width: 1220px
}

.width8 {
    max-width: 980px
}

.width6 {
    max-width: 740px
}

.width4 {
    max-width: 500px
}

.width2 {
    max-width: 260px
}

.modalMessage {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .65);
    z-index: 1003;
    visibility: visible;
    transition: opacity .25s ease-in-out, visibility .25s ease-in-out
}

.modalMessage div.modalMessageInner {
    background-color: #fff;
    position: relative;
    display: flex;
    flex-flow: column;
    width: 90%;
    padding: 24px;
    text-align: center;
    max-width: 800px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3);
    color: #000;
    transition: transform .25s ease-in-out;
    transform-origin: center center
}

.modalMessage.modalHidden {
    opacity: 0;
    visibility: hidden
}

.modalMessage.modalHidden div.modalMessageInner {
    transform: scale(0.9)
}

.modalTitle {
    font-size: 1.75rem;
    line-height: 1.2em;
    margin: 10px 0;
    padding: 0 68px;
    font-weight: 700
}

.modalMessage div.modalMessageInner div.modalClose {
    position: absolute;
    top: 25px;
    right: 25px;
    cursor: pointer;
    width: 48px;
    height: 48px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4LjcyLDE4bC02LTYsNi02TDE4LDUuMjhsLTYsNi02LTZMNS4yOCw2bDYsNi02LDYsLjcxLjcxLDYtNiw2LDZaIi8+PC9zdmc+");
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media (hover: hover) {
    .modalMessage div.modalMessageInner div.modalClose:hover {
        background-color: rgba(0, 0, 0, .1)
    }
}

@media (hover: none) {
    .modalMessage div.modalMessageInner div.modalClose:active {
        background-color: rgba(0, 0, 0, .1)
    }
}

.modalAddedItem {
    display: flex;
    flex-flow: column;
    font-size: .875rem;
    line-height: 1.2em
}

.modalAddedCustomImg {
    display: block;
    width: 100%;
    height: auto;
    max-width: 360px;
    margin: 0 auto
}

.modalMessageButtons {
    display: flex;
    width: 100%;
    flex-flow: row;
    margin-top: 40px;
    justify-content: center
}

.modalButton {
    display: flex;
    flex-flow: column;
    width: 50%;
    max-width: 300px;
    height: 48px;
    margin: 0 10px;
    justify-content: center;
    text-transform: uppercase;
    vertical-align: middle;
    line-height: 1em;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 2px solid #7d7d7d;
    color: #7d7d7d;
    cursor: pointer
}

.modalButton.primary {
    background-color: #7d7d7d;
    color: #fff
}

@media (hover: hover) {
    .modalButton:hover {
        background-color: #000;
        border: 2px solid #000;
        color: #fff
    }

    .modalButton.primary:hover {
        background-color: #000;
        border: 2px solid #000
    }
}

@media (hover: none) {
    .modalButton:active {
        background-color: #000;
        border: 2px solid #000;
        color: #fff
    }

    .modalButton.primary:active {
        background-color: #000;
        border: 2px solid #000
    }
}

@media only screen and (min-width: 768px) {
    .modalAddedItem {
        padding: 20px 40px
    }
}

@media only screen and (max-width: 767px) {
    #modalMessage div.modalMessageInner {
        width: 95%
    }

    .modalMessageButtons {
        flex-flow: column;
        margin-top: 0
    }

    .modalButton {
        width: 100%;
        margin: 10px 0 0 0;
        max-width: 100%
    }

    .modalTitle {
        padding: 0 48px
    }

    .modalAddedItemInfo {
        margin: 10px 0
    }

    .modalMessage div.modalMessageInner div.modalClose {
        top: 0px;
        right: 0px
    }
}

@media only screen and (max-width: 567px) {
    .modalTitle {
        padding: 28px 0 0;
        margin: 0
    }
}

.videoContiner {
    display: block;
    width: 100%;
    height: auto
}

.hidden {
    display: none !important
}

#hpAgree {
    display: none !important
}



.btn {
    display: flex;
    height: 54px;
    border-radius: 27px;
    flex-flow: row;
    justify-content: center;
    cursor: pointer;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    color: #fff;
    white-space: nowrap;
    background-color: #000
}

.btn div, .btn span {
    display: flex;
    align-self: center
}

@media (hover: hover) {
    .btn:not(.disabled):hover {
        transform: scale(1.05)
    }
}

.btn.disabled {
    background-color: #d3d3d3;
    cursor: default
}

.btn:not(.processing) div.btnProgress, .btn.processing div.btnTitle {
    display: none
}

.btn.btnCenter {
    margin: 0 auto
}

.btn.btnLg {
    height: 64px
}

.btn.btnMd {
    height: 54px
}

.btn.btnSm {
    height: 44px
}

.btn.btnTiny {
    height: 36px
}

.btn.btnPrimary {
    background-color: #000;
    line-height: 1.2em
}

.btn.addToCart {
    background-color: #46b93a
}

@media only screen and (min-width: 768px) {
    .btn.btnPrimary {
        font-size: 1.25rem
    }
}

.btn.btnSecondary {
    background-color: #7d7d7d
}

.btn.btnLight {
    background-color: rgba(0, 0, 0, .1);
    color: #000
}

@media (hover: hover) {
    .btn.btnLight:not(.disabled):hover {
        background-color: rgba(0, 0, 0, .2)
    }
}

.btn.btnIcon {
    width: 54px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 42px 42px;
    position: relative
}

.btn.btnIcon .btnProgress {
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid rgba(0, 0, 0, 0);
    border-image: url("data:image/svg+xml;charset=utf-8, %3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3Epath%7Banimation:stroke 5s infinite linear;%7D@keyframes stroke%7Bto%7Bstroke-dashoffset:776;%7D%7D%3C/style%3E%3Cpath d='M1.5 1.5 l97 0l0 97l-97 0 l0 -97' stroke-linecap='square' stroke='%23333333' stroke-width='3' stroke-dasharray='388'/%3E%3C/svg%3E") 1
}

.btn.btnIcon.btnSm {
    width: 44px;
    background-size: 32px 32px
}

.btn.btnIcon.btnTiny {
    width: 36px;
    background-size: 24px 24px
}

.btn.btnIcon.processing .btnProgress {
    display: block
}

#pagination {
    display: flex;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 60px
}

.paginationInner {
    display: flex;
    flex-flow: row;
    width: 100%;
    max-width: 1460px;
    padding: 0 20px;
    margin: 0 auto;
    justify-content: center
}

.paginationInner.split {
    justify-content: space-between
}

#pagination .padding {
    padding: 8px 20px 0;
    color: rgba(0, 0, 0, .2)
}

#pagination a, .paginationDots {
    text-decoration: none;
    min-width: 40px;
    height: 44px;
    text-align: center;
    margin: 0 8px;
    padding: 0 5px;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    line-height: 44px
}

#pagination a.paginationPrev, #pagination a.paginationNext {
    padding: 0 20px;
    background-color: rgba(0, 0, 0, .1)
}

@media (hover: hover) {
    #pagination a:hover {
        background-color: #7d7d7d;
        color: #fff
    }
}

@media (hover: none) {
    #pagination a:active {
        background-color: #7d7d7d;
        color: #fff
    }
}

#pagination a.paginationPrev .paginationHide {
    padding-left: 10px
}

#pagination a.paginationNext .paginationHide {
    padding-right: 10px
}

#pagination a.active {
    background-color: #000;
    color: #fff
}

#pagination .paginationDots {
    color: rgba(0, 0, 0, .3);
    letter-spacing: 3px
}

@media only screen and (max-width: 767px) {
    #pagination .padding {
        padding: 0 10px
    }

    #pagination {
        margin: 0 auto
    }

    #pagination a, .paginationDots {
        font-size: 1rem
    }

    span.paginationHide {
        display: none
    }
}



.toasterItem ul {
    margin: 0 0 0 15px;
    list-style: none;
    padding: 0
}

.toasterContent {
    flex-grow: 1
}

.toasterTitle {
    font-weight: 700;
    margin-bottom: 5px
}

@media only screen and (max-width: 567px) {
    #headerTopUser {
        margin: 0
    }

    .toasterContainer {
        left: 0;
        width: 100%
    }
}



input[type=text], input[type=password], input[type=email], input[type=submit], button, textarea, select {
    font-size: 1rem;
    padding: 0;
    border-radius: 0;
    -webkit-appearance: none;
    font-family: "PT Sans", sans-serif
}

.form input[type=text], .form input[type=password], .form input[type=email], .form textarea, .form select {
    display: block;
    width: 100%;
    padding-left: 10px;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    height: 44px;
    border: 1px solid rgba(0, 0, 0, .2)
}

.form select {
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48dGl0bGU+aWNvbi1kcm9wZG93bi1hcnJvdzwvdGl0bGU+PHBhdGggZD0iTTIxLjIxLDguMSwxOS43OSw2LjY5LDEyLDE0LjQ4LDQuMjEsNi42OSwyLjc5LDguMSwxMiwxNy4zMVoiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: center right 10px;
    padding-right: 40px;
    border-radius: 0;
    background-color: #fff;
    cursor: pointer
}

.form select:disabled {
    background-image: none
}

@media (hover: hover) {
    .form input[type=text]:hover, .form input[type=password]:hover, .form input[type=email]:hover, .form textarea:hover, .form select:hover {
        border: 1px solid rgba(0, 0, 0, .5)
    }
}

.form input[type=text]:disabled {
    border: rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .1);
    cursor: default
}

@media (hover: hover) {
    .form input[type=text]:disabled:hover {
        border: rgba(0, 0, 0, .1);
        background-color: rgba(0, 0, 0, .1);
        cursor: default
    }

    .form select:disabled:hover {
        cursor: not-allowed
    }

    .form select:hover {
        border: 1px solid rgba(0, 0, 0, .2);
        cursor: pointer
    }
}

.form textarea {
    height: auto;
    min-height: 133px
}

.form .formLabel {
    display: block;
    padding: 20px 0 5px 0;
    font-weight: 700
}

.form .formLabel span.formDescription {
    font-weight: 400
}

.form .formRequired {
    color: #f00004;
    line-height: 1em
}

.form .error {
    display: block;
    color: #f00004;
    margin-top: 10px
}

.form .success {
    display: block;
    color: #46b93a;
    margin-top: 10px
}

.formContainer {
    background-color: rgba(0, 0, 0, .05)
}

.formContainerInner {
    display: flex;
    width: 100%;
    margin: 0 auto;
    flex-flow: column;
    padding: 20px 0
}

.formContainer input[type=text], .formContainer input[type=password], #subscribeForm input[type=email], .formContainer textarea, .formContainer select, .productVariation select {
    display: block;
    width: 100%;
    height: 44px;
    font-size: 1rem;
    border: 1px solid rgba(0, 0, 0, .2);
    padding-left: 10px;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

#pagination select {
    display: block;
    height: 44px;
    font-size: 1rem;
    border: 1px solid rgba(0, 0, 0, .2);
    padding-left: 10px;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.formContainer select, #pagination select, .productVariation select {
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTcuNCw4LjVMNS45LDEwbDYuMSw2LjFsNi4xLTYuMWwtMS41LTEuNUwxMiwxMy4xTDcuNCw4LjV6Ii8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-position: center right 10px;
    padding-right: 40px;
    border-radius: 0;
    background-color: #fff;
    cursor: pointer;
    background-size: 28px 28px
}

.formContainer select:disabled {
    background-image: none
}

@media (hover: hover) {
    .formContainer input[type=text]:hover, .formContainer input[type=password]:hover, #subscribeForm input[type=email]:hover, .formContainer textarea:hover, #pagination select:hover, .productVariation select:hover {
        border: 1px solid rgba(0, 0, 0, .5)
    }

    .formContainer select:disabled:hover {
        cursor: not-allowed
    }

    .formContainer select:hover {
        border: 1px solid rgba(0, 0, 0, .5);
        cursor: pointer
    }
}

.formContainer textarea {
    height: auto;
    min-height: 133px
}

.formBlock {
    display: flex;
    flex: 0 1 100%;
    padding: 20px;
    flex-flow: row wrap
}

.formRow {
    flex: 0 1 100%
}

.formRow.split50 {
    flex: 0 1 50%
}

.formRow.split70 {
    flex: 0 1 70%
}

.formRow.split30 {
    flex: 0 1 30%
}

.formRow.split20 {
    flex: 0 1 20%
}

.formRow.padding {
    padding-right: 20px
}

#formType .formRowRadioGroup {
    display: flex;
    flex-flow: row;
    font-weight: bold;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding-bottom: 20px;
    margin-bottom: 20px
}

.formRowName, .formRowNameDelivery {
    display: block;
    padding: 20px 0 5px 0;
    font-weight: 700
}

#formType .formRowRadioGroup .formRowRadio + .formRowRadio {
    margin-left: 20px
}

.formRowName span.formRequired, .formRowNameDelivery span.formRequired, .formRowCheckbox span.formRequired {
    color: #f00004
}

.formRowName span.formDescription, .formRowNameDelivery span.formDescription {
    font-weight: 400
}

.formRowCompany.hidden, .formRowDelivery.hidden {
    display: none
}

#formDeliveryMethod, #formPaymentMethod {
    display: flex;
    flex-flow: column
}

#formDeliveryMethod .formRowTitle, #formPaymentMethod .formRowTitle {
    margin: 40px 0 0;
    font-size: 1.5rem;
    line-height: 1.5em;
    padding: 0
}

.rowSubmit {
    display: flex;
    flex: 0 1 100%;
    flex-flow: row
}

.formRowCheckboxGroup {
    padding: 40px 0
}

.formRowCheckbox.important {
    border: 2px dashed #f00004;
    padding: 20px;
    background-color: #fff
}

.formRowCheckbox.important a {
    color: #f00004;
    white-space: nowrap
}

.formRowCheckbox.important a.legal {
    margin-left: 10px;
    display: inline-block
}

@media (hover: hover) {
    .formRowCheckbox.important a.legal:hover {
        text-decoration: underline
    }
}

@media (hover: none) {
    .formRowCheckbox.important a.legal:active {
        text-decoration: underline
    }
}

.formRow .status.hidden {
    display: none
}

.alternateAddress {
    border-top: 1px solid rgba(0, 0, 0, .2);
    padding-top: 40px
}

#formPhone {
    border-top: 1px solid rgba(0, 0, 0, .2);
    padding-top: 20px
}

.cardStatus .error, .status .error {
    display: block;
    color: #f00004;
    margin-top: 5px;
    font-size: .875rem;
    font-weight: 700
}

.cardStatus .error:before, .status .error:before {
    content: "";
    display: block;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2YwMDAwNCI+PHBhdGggZD0iTTg2LDIxLjcwOTk2Yy00LjAzNjE3LDAgLTguMDcwNjEsMS44ODA4NCAtMTAuMzMwMDgsNS42NDA5NWwtNjMuMDQ0MjcsMTA0Ljg4MjQ5Yy00LjY0NTY3LDcuNzI1NzcgMS4yOTgyNSwxOC4yNjY2IDEwLjMxNjA4LDE4LjI2NjZoMTI2LjEwMjU0YzkuMDE1MTYsMCAxNC45NzU3NSwtMTAuNTQwODMgMTAuMzMwMDgsLTE4LjI2NjZsLTYzLjA0NDI3LC0xMDQuODgyNDljLTIuMjU5NDcsLTMuNzYwMTEgLTYuMjkzOSwtNS42NDA5NSAtMTAuMzMwMDgsLTUuNjQwOTV6TTg2LDM3Ljk3NDkzbDU5LjAyNzAyLDk4LjE5MTczaC0xMTguMDU0MDR6TTc4LjgzMzMzLDY0LjV2MzUuODMzMzNoMTQuMzMzMzN2LTM1LjgzMzMzek03OC44MzMzMywxMTQuNjY2Njd2MTQuMzMzMzNoMTQuMzMzMzN2LTE0LjMzMzMzeiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    float: left;
    padding: 0 5px 0 0
}

#formSubmitBtn {
    border: none;
    width: 100%;
    font-size: 1.25rem;
    color: #fff;
    align-items: center;
    letter-spacing: 1px
}

#contentForm {
    display: block
}

#form {
    display: block;
    float: left;
    width: 100%
}

.formBlock input[type=checkbox], .formBlock input[type=radio] {
    margin: 0 8px 0 0
}

.formObvezno {
    font-weight: bold;
    color: #f00004;
    padding-left: 4px
}

input.textbox, textarea {
    font-family: "PT Sans", sans-serif;
    display: block;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .2);
    background-color: #fff;
    padding: 5px;
    font-size: 1rem;
    line-height: normal
}

input.textbox {
    height: 32px
}

input.button {
    font-family: "PT Sans", sans-serif;
    background-color: #000;
    border: none;
    color: #fff;
    height: 44px;
    padding: 0 50px;
    font-size: 1.2rem
}

@media (hover: hover) {
    input.button:hover {
        cursor: pointer;
        background-color: rgba(0, 0, 0, .5)
    }
}

@media (hover: none) {
    input.button:active {
        cursor: pointer;
        background-color: rgba(0, 0, 0, .5)
    }
}

.formValidation {
    padding: 10px;
    font-weight: bold;
    color: #f00004;
    padding-bottom: 10px !important
}

.mailConsent {
    display: block;
    padding: 5px 0 20px 34px;
    color: rgba(0, 0, 0, .5);
    font-size: .75rem;
    line-height: 1.5em
}

.mailConsentToggle {
    display: inline-block;
    color: #000;
    cursor: pointer;
    font-weight: 700
}

@media (hover: hover) {
    .mailConsentToggle:hover {
        text-decoration: underline
    }
}

.paypalContainer, .cardContainer img {
    display: inline-block;
    height: 22px;
    width: auto
}

.radioLabel {
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
    line-height: 1.5rem
}

.radioPaymentFee {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5rem
}

.radioDeliveryPrice {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    text-transform: uppercase;
    font-size: .75rem;
    color: rgba(0, 0, 0, .5);
    font-weight: 400;
    line-height: 1.5rem
}

.cardPayment {
    display: flex;
    flex: 0 1 100%;
    padding: 20px;
    flex-flow: row wrap;
    border: 3px solid #46b93a;
    background-color: rgba(49, 192, 84, .1);
    position: relative;
    margin: 0 20px 20px
}

.cardPayment .iconSecure {
    display: block;
    width: 38px;
    height: 38px;
    position: absolute;
    top: -19px;
    left: 50%;
    margin-left: -19px;
    z-index: 1
}

.cardPaymentHeader {
    display: block
}

.cardPaymentHeader h4 {
    color: #46b93a;
    margin: 0
}

.cardPaymentHeader p {
    margin-bottom: 0
}

.cardNumber, .cardExpiry, .cardCvc {
    border: 1px solid rgba(0, 0, 0, .2);
    background: #fff;
    padding: 5px;
    transition: .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    height: 44px
}

input[type=text].cardExpiry {
    padding: 5px;
    user-select: none
}

.formCVC {
    font-size: .875em;
    float: right;
    color: #000;
    cursor: pointer;
    border-bottom: 1px dotted #000
}

@media (hover: hover) {
    .cardNumber:hover, .cardExpiry:hover, .cardCvc:hover {
        border: 1px solid rgba(0, 0, 0, .5)
    }

    .formCVC:hover {
        border-bottom: 1px solid #000
    }
}

.cvcImg {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
    height: auto
}

@media only screen and (max-width: 767px) {
    .formBlock {
        display: flex;
        flex: 0 1 100%;
        padding: 20px 10px;
        flex-flow: row wrap
    }

    .formRow {
        flex: 0 1 100%
    }

    .formRow.split50 {
        flex: 0 1 100%
    }

    .formRow.split70 {
        flex: 0 1 100%
    }

    .formRow.split30 {
        flex: 0 1 100%
    }

    .formRow.split20 {
        flex: 0 1 100%
    }

    .formRow.padding {
        padding-right: 0
    }

    .formRowCheckbox.important a.legal {
        margin: 5px 0 0 34px
    }
}

.checkboxContainer {
    display: inline-block;
    position: relative;
    padding-left: 34px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 24px;
    cursor: pointer
}

.checkboxContainer strong {
    display: inline-block;
    line-height: 24px
}

.checkboxContainer input {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0
}

.checkboxCheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #fff;
    border: 1px solid #ccc
}

@media only screen and (min-width: 1024px) {
    .checkboxCheckmark:hover {
        background-color: #b4b4b4;
        cursor: pointer
    }
}

.checkboxContainer input:checked ~ .checkboxCheckmark {
    background-color: #000;
    border: 1px solid #000
}

.checkboxCheckmark:after {
    content: "";
    position: absolute;
    display: none
}

.checkboxContainer input:checked ~ .checkboxCheckmark:after {
    display: block
}

.checkboxContainer .checkboxCheckmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.radioContainer {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radioContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.radioCheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 50%
}

@media (hover: hover) {
    .radioContainer:hover input ~ .radioCheckmark {
        background-color: rgba(0, 0, 0, .05)
    }
}

.radioContainer input:checked ~ .radioCheckmark {
    background-color: #000;
    border: 1px solid #000
}

.radioCheckmark:after {
    content: "";
    position: absolute;
    display: none
}

.radioContainer input:checked ~ .radioCheckmark:after {
    display: block
}

.radioContainer .radioCheckmark:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff
}

#formDeliveryMethod.formRowRadioGroup, #formPaymentMethod.formRowRadioGroup {
    border-top: 1px solid rgba(0, 0, 0, .2);
    margin-top: 20px
}

#formDeliveryMethod .radioContainer, #formPaymentMethod .radioContainer {
    padding: 20px 20px 20px 50px;
    line-height: 24px;
    height: 64px
}

#formDeliveryMethod .formRowRadio, #formPaymentMethod .formRowRadio {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    border-left: 1px solid rgba(0, 0, 0, .2);
    border-right: 1px solid rgba(0, 0, 0, .2)
}

#formDeliveryMethod .formRowRadio label, #formPaymentMethod .formRowRadio label {
    font-weight: 700
}

#formDeliveryMethod .radioCheckmark, #formPaymentMethod .radioCheckmark {
    top: 21px;
    left: 20px
}

@media (hover: hover) {
    #formDeliveryMethod .formRowRadio:hover, #formPaymentMethod .formRowRadio:hover {
        background-color: rgba(0, 0, 0, .05)
    }
}

@media only screen and (max-width: 567px) {
    #formDeliveryMethod .radioContainer, #formPaymentMethod .radioContainer {
        padding: 15px 15px 15px 45px;
        height: 54px
    }

    #formDeliveryMethod .radioCheckmark, #formPaymentMethod .radioCheckmark {
        top: 16px;
        left: 15px
    }
}

#loginForm .contentInner.form, #changePassword .contentInner.form {
    display: flex;
    flex-flow: row
}

.loginHeroImg {
    display: flex;
    width: 40%
}

.loginForm {
    display: flex;
    width: 60%
}

.loginForm {
    padding: 40px;
    background-color: rgba(0, 0, 0, .05)
}

.loginForm a.legal {
    color: #000
}

@media (hover: hover) {
    .loginForm a.legal:hover {
        text-decoration: underline
    }
}

.loginHeroImgInner {
    display: flex;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%
}

.loginFormInner {
    display: flex;
    width: 100%;
    flex-flow: column
}

.loginBtn {
    margin-top: 40px;
    font-size: 1.25rem;
    line-height: 1em
}

p.loginDescription {
    margin-bottom: 20px
}

.lostPassword {
    display: flex;
    margin-top: 30px;
    justify-content: center
}

.loginFormFooter {
    display: flex;
    width: 60%;
    margin-left: 40%;
    justify-content: center;
    margin-top: 40px
}

.loginFormFooter span {
    font-weight: 700
}

.lostPassword a, .loginFormFooter a {
    color: #7d7d7d;
    text-decoration: underline;
    transition: .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media (hover: hover) {
    .lostPassword a:hover, .loginFormFooter a:hover {
        color: #000;
        cursor: pointer
    }
}

@media (hover: none) {
    .lostPassword a:active, .loginFormFooter a:active {
        color: #7d7d7d;
        cursor: pointer
    }
}

@media only screen and (max-width: 1023px) {
    #loginForm.contentContainer {
        margin-top: 0
    }

    .contentInner.form {
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    #loginForm .contentInner.form {
        flex-flow: column
    }

    .loginForm {
        width: 100%;
        padding: 40px 20px
    }

    .loginHeroImg {
        display: none
    }

    .loginFormFooter {
        width: 100%;
        margin-left: 0
    }
}



.cartOverviewItems a {
    color: #000
}

.cartOverviewContent {
    max-width: 1460px;
    margin: 60px auto 0;
    display: flex;
    flex-flow: row
}

.cartOverviewItems {
    display: flex;
    width: 65%;
    padding: 0 20px;
    flex-flow: column
}

.cartOverviewSide {
    width: 35%;
    min-width: 380px;
    padding: 0 20px;
    flex-flow: column
}

.cartOverviewItemRow {
    display: flex;
    flex-flow: row;
    flex: 1 1 100%
}

.cartOverviewItemBreak {
    display: flex;
    flex-flow: row
}

.cartOverviewItem {
    display: flex;
    flex-flow: row;
    padding: 20px 0;
    border-top: 1px solid rgba(0, 0, 0, .2)
}

.cartOverviewItemCol {
    display: flex;
    flex-flow: column;
    justify-content: center
}

.cartOverviewItemCol1 {
    flex: 0 1 120px;
    min-width: 120px
}

.cartOverviewItemCol1 a {
    display: block;
    width: 100%;
    padding-bottom: 100% !important;
    position: relative;
    text-indent: -9999px;
    overflow: hidden
}

.cartOverviewItemCol1 img {
    position: absolute;
    top: -9999px;
    left: -9999px;
    right: -9999px;
    bottom: -9999px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    display: block
}

.cartOverviewItemCol2 {
    flex-grow: 1;
    margin-left: 20px
}

.cartOverviewItemCol2 .cartOverviewItemId {
    color: #999;
    padding-bottom: 5px
}

.cartOverviewItemCol2 .productOversized {
    margin: 10px 0 0
}

.cartOverviewItemCol2 .cartOverviewItemDesc:not(.productOversized) span {
    color: rgba(0, 0, 0, .2);
    padding: 0 10px
}

@media (hover: hover) {
    .cartOverviewItemCol2 h4 a:hover {
        text-decoration: underline
    }
}

@media (hover: none) {
    .cartOverviewItemCol2 h4 a:active {
        text-decoration: underline
    }
}

.cartOverviewItemCol3 {
    display: flex;
    flex-flow: row nowrap;
    margin-left: 20px
}

.cartOverviewItemCol3 div {
    align-self: center
}

.itemControls {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 20px;
    align-items: center
}

.itemMinus, .cartOverviewItemMinus, .itemPlus, .cartOverviewItemPlus {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    text-indent: 9999px;
    background-color: rgba(0, 0, 0, .1);
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.itemUnit, .cartOverviewItemUnit {
    padding-right: 10px
}

.cartPopupItemQty .itemMinus, .cartPopupItemQty .itemPlus {
    width: 30px;
    height: 30px
}

.itemMinus, .cartOverviewItemMinus {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHJlY3QgeD0iMTEiIHk9IjQiIHdpZHRoPSIyIiBoZWlnaHQ9IjE2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNCkgcm90YXRlKDkwKSIvPjwvc3ZnPg==")
}

.itemPlus, .cartOverviewItemPlus {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBvbHlnb24gcG9pbnRzPSIyMCAxMSAxMyAxMSAxMyA0IDExIDQgMTEgMTEgNCAxMSA0IDEzIDExIDEzIDExIDIwIDEzIDIwIDEzIDEzIDIwIDEzIDIwIDExIi8+PC9zdmc+")
}

.itemMinus.disabled, .cartOverviewItemMinus.disabled, .itemPlus.disabled, .cartOverviewItemPlus.disabled {
    opacity: .2
}

.cartOverviewItemName {
    display: flex;
    font-size: 1rem;
    line-height: 1.2em
}

.cartOverviewItemName a {
    font-weight: 700
}

@media (hover: hover) {
    .cartOverviewItemName a:hover {
        text-decoration: underline
    }
}

@media (hover: none) {
    .cartOverviewItemName a:active {
        text-decoration: underline
    }
}

.cartOverviewVariations {
    margin-top: 10px;
    flex-flow: row wrap;
    display: flex
}

.cartOverviewVariations div {
    font-size: .875rem;
    white-space: nowrap;
    line-height: 1em
}

.cartOverviewItemVariationValue {
    font-weight: 700;
    margin-left: 5px;
    margin-right: 10px
}

.cartOverviewItemPrice {
    font-weight: 700;
    line-height: 1.2em;
    flex-flow: row wrap;
    display: flex;
    white-space: nowrap;
    margin-top: 10px
}

.cartOverviewItems .productNormalPrice {
    padding-right: 10px
}

.cartOverviewItems .discount .productNormalPrice {
    font-weight: 400;
    text-decoration-line: line-through;
    text-decoration-color: rgba(0, 0, 0, .3);
    text-decoration-style: solid;
    text-decoration-thickness: 2px
}

.cartOverviewItems .productDiscountPrice {
    font-weight: 700;
    color: #f00004;
    padding-right: 10px
}

.cartOverviewItemBadge {
    background-color: #f00004;
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
    height: 16px;
    font-size: .875rem;
    padding: 0 4px;
    line-height: 1.2em
}

.itemQty, .cartOverviewItemQty {
    display: block;
    width: 48px
}

.itemQty input, .cartOverviewItemQty input {
    width: 48px;
    width: 100%;
    height: 30px;
    text-align: center;
    font-size: 1rem;
    border: none
}

.cartOverviewItemCol4 {
    text-align: right;
    flex-flow: column;
    white-space: nowrap;
    min-width: 140px;
    margin-left: 20px
}

.cartOverviewItemCol5 {
    text-align: right;
    white-space: nowrap;
    min-width: 140px;
    margin-left: 20px
}

.cartOverviewItemCol6 {
    flex: 0 0 48px;
    margin-left: 20px
}

.cartOverviewItemDelBtn {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    text-indent: 9999px;
    overflow: hidden;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwLDBBMiwyLDAsMCwwLDguNTYuNTYsMiwyLDAsMCwwLDgsMlYzSDJWNUgzVjIxYTMsMywwLDAsMCwzLDNIMThhMywzLDAsMCwwLDMtM1Y1aDFWM0gxNlYyQTIsMiwwLDAsMCwxNS40NC41NiwyLDIsMCwwLDAsMTQsMFptMCwyaDRWM0gxMFpNNSw1SDE5VjIxYTEsMSwwLDAsMS0xLDFINmExLDEsMCwwLDEtMS0xWk03LDhWMTlIOVY4Wm00LDBWMTloMlY4Wm00LDBWMTloMlY4WiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.cartInfo {
    display: block;
    width: 100%;
    padding-top: 40px
}

.cartInfo ul {
    margin: 0;
    padding: 0 0 0 20px
}

.cartInfo li {
    margin: 0;
    padding: 5px 0 0 0
}

.productItemFreeShipping {
    display: block;
    margin: 20px 0;
    font-weight: 700;
    color: #7d7d7d;
    line-height: 26px
}

.productItemFreeShipping::before {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    float: left;
    margin: 0 6px 0 0;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyLjE3MSAxMS4yODEtMS45MDQtMS45NjguMzgzLTIuNzExYy4wNzgtLjU1Mi0uMjk2LTEuMDY2LS44NDUtMS4xNjNsLTIuNjk3LS40NzMtMS4yODMtMi40MThjLS4yNi0uNDkxLS44NjUtLjY4OC0xLjM2NS0uNDQzbC0yLjQ2IDEuMjAyLTIuNDYtMS4yMDJjLS41LS4yNDUtMS4xMDUtLjA0OC0xLjM2Ni40NDRsLTEuMjgzIDIuNDE5LTIuNjk3LjQ3M2MtLjU0OS4wOTYtLjkyMy42MS0uODQ1IDEuMTYybC4zODMgMi43MTEtMS45MDQgMS45NjhjLS4zODguNDAxLS4zODggMS4wMzYgMCAxLjQzN2wxLjkwNCAxLjk2OC0uMzgzIDIuNzExYy0uMDc4LjU1Mi4yOTYgMS4wNjYuODQ1IDEuMTYzbDIuNjk3LjQ3MyAxLjI4MyAyLjQxOGMuMjYxLjQ5Mi44NjYuNjg5IDEuMzY3LjQ0NGwyLjQ1OS0xLjIwMyAyLjQ2IDEuMjAyYy41MDEuMjQ1IDEuMTA1LjA0OCAxLjM2Ny0uNDQ0bDEuMjgzLTIuNDE4IDIuNjk3LS40NzNjLjU0OS0uMDk2LjkyMy0uNjExLjg0NS0xLjE2M2wtLjM4My0yLjcxMSAxLjkwNC0xLjk2OGMuMzg1LS40LjM4NS0xLjAzNi0uMDAyLTEuNDM3em0tMTEuMTcxIDUuMTMzLTMuNzA3LTMuNzA3IDEuNDE0LTEuNDE0IDIuMjkzIDIuMjkzIDUuMjkzLTUuMjkzIDEuNDE0IDEuNDE0eiIgZmlsbD0iIzMxYzA1NCIvPjwvc3ZnPg==")
}

.cartOverviewEmpty, #cartSuccess {
    display: flex;
    width: 100%;
    margin: 60px auto 0;
    flex-flow: column
}

.cartOverviewEmptyMessage {
    display: flex;
    width: 100%;
    max-width: 1460px;
    justify-content: center;
    font-weight: 700;
    margin: 60px auto 0
}

.cartOverviewEmptyIcon {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyNCAyNCI+CjxwYXRoIGQ9Ik0gMTEuNDk4MDQ3IDEuMjUgQyAxMC4yMzkwNDcgMS4yNSA5LjAzMDYyNSAxLjc0OTYyNSA4LjE0MDYyNSAyLjY0MDYyNSBDIDcuNDI4ODYyOSAzLjM1MTU4ODMgNi45ODEzOTI3IDQuMjY5Mjg4OSA2LjgyNDIxODggNS4yNSBMIDUuOTM5NDUzMSA1LjI1IEMgNS4wMTU0NTMxIDUuMjUgNC4yNTAzNTk0IDUuOTY4NjI1IDQuMTkzMzU5NCA2Ljg5MDYyNSBDIDQuMDE4MzU5NCA5LjY4NDYyNSAzLjUwMjM1OTQgMTcuOTQwNjI1IDMuMzE4MzU5NCAyMC44OTA2MjUgQyAzLjI4ODM1OTQgMjEuMzcyNjI1IDMuNDU4MDYyNSAyMS44NDUyNjYgMy43ODkwNjI1IDIyLjE5NzI2NiBDIDQuMTIwMDYyNSAyMi41NDkyNjYgNC41ODE0NTMxIDIyLjc1IDUuMDY0NDUzMSAyMi43NSBMIDE4LjkzNTU0NyAyMi43NSBDIDE5LjQxODU0NyAyMi43NSAxOS44Nzk5MzggMjIuNTQ5MjY2IDIwLjIxMDkzOCAyMi4xOTcyNjYgQyAyMC41NDE5MzcgMjEuODQ1MjY2IDIwLjcxMTY0MSAyMS4zNzI2MjUgMjAuNjgxNjQxIDIwLjg5MDYyNSBMIDE5LjgwNjY0MSA2Ljg5MDYyNSBDIDE5Ljc0OTY0MSA1Ljk2ODYyNSAxOC45ODQ1NDcgNS4yNSAxOC4wNjA1NDcgNS4yNSBMIDE3LjE3NTc4MSA1LjI1IEMgMTYuODE0MDM0IDIuOTg1NjgzOCAxNC44NjYwOCAxLjI1IDEyLjUgMS4yNSBMIDExLjQ5ODA0NyAxLjI1IHogTSAxMS40OTgwNDcgMi43NSBMIDEyLjUgMi43NSBDIDE0LjAzNyAyLjc1IDE1LjMyMzEwOSAzLjgxNyAxNS42NjIxMDkgNS4yNSBMIDguMzM3ODkwNiA1LjI1IEMgOC40NzQ4OTA2IDQuNjY4IDguNzcyMTcxOSA0LjEzMTE3MTkgOS4yMDExNzE5IDMuNzAxMTcxOSBDIDkuODEwMTcxOSAzLjA5MjE3MTkgMTAuNjM3MDQ3IDIuNzUgMTEuNDk4MDQ3IDIuNzUgeiBNIDUuOTM5NDUzMSA2Ljc1IEwgNy41IDYuNzUgTCAxNi41IDYuNzUgTCAxOC4wNjA1NDcgNi43NSBDIDE4LjE5MjU0NyA2Ljc1IDE4LjMwMjU0NyA2Ljg1MzM3NSAxOC4zMTA1NDcgNi45ODQzNzUgTCAxOS4xODU1NDcgMjAuOTg0Mzc1IEMgMTkuMTg5NTQ3IDIxLjA1MzM3NSAxOS4xNjQxODcgMjEuMTIxODc1IDE5LjExNzE4OCAyMS4xNzE4NzUgQyAxOS4wNzAxODcgMjEuMjIxODc1IDE5LjAwNDU0NyAyMS4yNSAxOC45MzU1NDcgMjEuMjUgTCA1LjA2NDQ1MzEgMjEuMjUgQyA0Ljk5NTQ1MzEgMjEuMjUgNC45Mjk4MTI1IDIxLjIyMTg3NSA0Ljg4MjgxMjUgMjEuMTcxODc1IEMgNC44MzU4MTI1IDIxLjEyMTg3NSA0LjgxMDQ1MzEgMjEuMDUzMzc1IDQuODE0NDUzMSAyMC45ODQzNzUgTCA1LjY4OTQ1MzEgNi45ODQzNzUgQyA1LjY5NzQ1MzEgNi44NTMzNzUgNS44MDc0NTMxIDYuNzUgNS45Mzk0NTMxIDYuNzUgeiBNIDguNSA4Ljc1IEMgOC4wODYgOC43NSA3Ljc1IDkuMDg2IDcuNzUgOS41IEMgNy43NSAxMC4xOTkgNy45NjY2NTYzIDEwLjg1NDkyMiA4LjM0NzY1NjIgMTEuNDE5OTIyIEMgOS4wNzk2NTYyIDEyLjUwMjkyMiAxMC40MzYgMTMuMjUgMTIgMTMuMjUgQyAxMy41NjQgMTMuMjUgMTQuOTIwMzQ0IDEyLjUwMjkyMiAxNS42NTIzNDQgMTEuNDE5OTIyIEMgMTYuMDMzMzQ0IDEwLjg1NDkyMiAxNi4yNSAxMC4xOTkgMTYuMjUgOS41IEMgMTYuMjUgOS4wODYgMTUuOTE0IDguNzUgMTUuNSA4Ljc1IEMgMTUuMDg2IDguNzUgMTQuNzUgOS4wODYgMTQuNzUgOS41IEMgMTQuNzUgOS44OTQgMTQuNjI1MTU2IDEwLjI2MjA3OCAxNC40MTAxNTYgMTAuNTgwMDc4IEMgMTMuOTMwMTU2IDExLjI5MDA3OCAxMy4wMjUgMTEuNzUgMTIgMTEuNzUgQyAxMC45NzUgMTEuNzUgMTAuMDY5ODQ0IDExLjI5MDA3OCA5LjU4OTg0MzggMTAuNTgwMDc4IEMgOS4zNzQ4NDM4IDEwLjI2MjA3OCA5LjI1IDkuODk0IDkuMjUgOS41IEMgOS4yNSA5LjA4NiA4LjkxNCA4Ljc1IDguNSA4Ljc1IHoiPjwvcGF0aD4KPC9zdmc+");
    background-size: contain;
    background-repeat: no-repeat
}

#cartSuccessBox {
    display: flex;
    width: 100%;
    padding: 0 20px;
    margin: 40px auto 0;
    flex-flow: column;
    max-width: 1460px
}

.cartSuccessBoxMessage {
    display: flex;
    flex-flow: column;
    width: 100%
}

.cartSuccessBoxMessage h3 {
    margin-bottom: 20px
}

.cartSuccessBoxMessage p a {
    font-weight: 700
}

.orderInfo {
    display: flex;
    width: 100%;
    flex-direction: row;
    padding: 20px 10px;
    border: 1px solid rgba(0, 0, 0, .1);
    font-size: .875rem
}

.orderInfo > div {
    width: 33.33%;
    padding: 0 20px
}

.orderInfo > div p {
    margin-top: 10px
}

.orderInfo > div h3 {
    font-size: 1.25rem
}

.orderInfo > div:nth-of-type(1), .orderInfo > div:nth-of-type(2) {
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.cartConsent {
    display: block;
    padding: 20px 0 0 0;
    font-style: italic;
    color: rgba(0, 0, 0, .5);
    font-size: .875rem;
    line-height: 1.5em
}

.cartOverviewSum {
    border: 1px solid rgba(0, 0, 0, .2);
    padding: 30px
}

.cartOverviewSumRow {
    display: flex;
    flex-flow: row;
    font-weight: 700;
    margin-bottom: 5px
}

.cartOverviewSumRow .col1 {
    flex-grow: 1
}

.cartOverviewSumRow .col2 {
    flex-shrink: 0;
    text-align: right;
    white-space: nowrap
}

.cartOverviewSumRow.cartOverviewDiscount {
    font-weight: 400;
    color: #f00004
}

.cartOverviewSumDelivery {
    margin-top: 20px;
    font-size: .875rem;
    line-height: 1.2em
}

.cartOverviewCheckout {
    margin-top: 40px
}

.cartOverviewCheckout .cartOverviewCheckoutBtn {
    align-items: center;
    font-size: 1.25rem;
    line-height: 1.5rem
}

.cartOverviewCheckout .cartOverviewCheckoutBtn span::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    float: right;
    margin: 0 0 0 8px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTEwMC4zMzMzMywzNS4zMjk0M2wtMTAuNzUsMTAuNzVsMzIuNzUzOSwzMi43NTM5MWgtMTAwLjgzNzI0djE0LjMzMzMzaDEwMC44MzcyNGwtMzIuNzUzOSwzMi43NTM5bDEwLjc1LDEwLjc1bDUwLjY3MDU3LC01MC42NzA1N3oiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==")
}

.cartOverviewSecure {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    text-align: center;
    color: #46b93a;
    line-height: 1.25rem
}

.cartOverviewSecure span {
    display: flex;
    align-self: center
}

.cartOverviewSecure span::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin: 0 8px 0 0;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE0IDE2Ij48cGF0aCBkPSJNNDMsMTZhNSw1LDAsMCwwLTUsNXYxYTIsMiwwLDAsMC0yLDJ2NmEyLDIsMCwwLDAsMiwySDQ4YTIsMiwwLDAsMCwyLTJWMjRhMiwyLDAsMCwwLTItMlYyMUE1LDUsMCwwLDAsNDMsMTZabTAsMmEzLjAwNiwzLjAwNiwwLDAsMSwzLDN2MUg0MFYyMUEzLjAwNiwzLjAwNiwwLDAsMSw0MywxOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNiAtMTYpIiBmaWxsPSIjNDZiOTNhIi8+PC9zdmc+")
}

@media only screen and (max-width: 1279px) {
    .cartOverviewItemRow {
        flex-flow: row wrap;
        position: relative
    }

    .cartOverviewItemBreak {
        flex: 0 1 100%;
        order: 4;
        margin-top: 10px;
        flex-flow: row wrap
    }

    .cartOverviewItemCol2 {
        order: 2;
        flex: 1 1 0;
        padding: 0 56px 0 0
    }

    .cartOverviewItemCol3 {
        margin: 0
    }

    .cartOverviewItemCol4 {
        flex: 1;
        text-align: left
    }

    .cartOverviewItemCol5 {
        display: flex;
        padding-right: 0;
        flex: 1
    }

    .cartOverviewItemCol6 {
        order: 3;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0
    }
}

@media (hover: hover) {
    .cartOverviewItemDelBtn:hover {
        cursor: pointer;
        background-color: rgba(0, 0, 0, .1)
    }

    .itemMinus:hover, .cartOverviewItemMinus:hover, .itemPlus:hover, .cartOverviewItemPlus:hover {
        cursor: pointer;
        background-color: rgba(0, 0, 0, .2)
    }

    .itemMinus.disabled:hover, .cartOverviewItemMinus.disabled:hover, .itemPlus.disabled:hover, .cartOverviewItemPlus.disabled:hover {
        cursor: auto;
        background-color: rgba(0, 0, 0, 0)
    }
}

@media (hover: none) {
    .cartOverviewItemDelBtn:active {
        cursor: pointer;
        background-color: rgba(0, 0, 0, .1)
    }

    .itemMinus:active, .cartOverviewItemMinus:active, .itemPlus:active, .cartOverviewItemPlus:active {
        cursor: pointer;
        background-color: rgba(0, 0, 0, .2)
    }

    .itemMinus.disabled:active, .cartOverviewItemMinus.disabled:active, .itemPlus.disabled:active, .cartOverviewItemPlus.disabled:active {
        cursor: auto;
        background-color: rgba(0, 0, 0, 0)
    }
}

@media only screen and (max-width: 1023px) {
    #cartContainer {
        margin-top: 40px
    }

    .cartOverviewContent {
        flex-flow: column
    }

    .cartOverviewItems {
        width: 100%
    }

    .cartOverviewItem:last-of-type {
        border-bottom: 1px solid rgba(0, 0, 0, .2)
    }

    .cartOverviewSide {
        width: 50%;
        align-self: end
    }

    .cartOverviewSum {
        border-top: none
    }
}

@media only screen and (min-width: 768px) {
    .orderInfo > div {
        text-align: left
    }
}

@media only screen and (max-width: 767px) {
    .orderInfo {
        flex-direction: column;
        padding: 0 20px
    }

    .orderInfo > div h3 {
        font-size: 1.125rem
    }

    .orderInfo > div {
        width: 100%;
        padding: 20px 0
    }

    .orderInfo > div:nth-of-type(1), .orderInfo > div:nth-of-type(2) {
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }

    .cartOverviewSide {
        width: 100%;
        padding: 0 10px
    }

    .cartOverviewContent {
        margin-top: 40px
    }

    .cartOverviewItems {
        padding: 0 10px
    }

    .cartOverviewItemCol2 {
        padding-right: 36px;
        margin-left: 10px
    }
}

@media only screen and (max-width: 400px) {
    .cartOverviewItemRow {
        flex-flow: column
    }

    .cartOverviewItemCol1 {
        flex: auto
    }

    .cartOverviewItemCol2 {
        margin: 20px 0 10px 0
    }

    .cartOverviewItemCol6 {
        top: 10px;
        right: 10px
    }

    .cartOverviewSide {
        min-width: 0
    }

    .cartOverviewSum {
        padding: 20px
    }
}

.checkoutForm {
    max-width: 1460px;
    margin: 60px auto 0;
    display: flex;
    flex-flow: row;
    padding: 0 20px
}

.checkoutContent {
    width: 66.66%;
    padding-right: 40px
}

.checkoutStepHeader {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    cursor: pointer;
    padding: 20px
}

.checkoutStepHeader.orderStatusSuccess, .checkoutStepHeader.orderStatusPaid, .checkoutStepHeader.orderStatusPickedUp, .checkoutStepHeader.orderStatusReadyForPickup, .checkoutStepHeader.orderStatusShipped, .checkoutStepHeader.orderStatusCompleted {
    color: #46b93a
}

.checkoutStepHeader.orderStatusCancelled {
    color: #f00004
}

.checkoutStepNumber {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .1);
    color: #000;
    text-align: center;
    line-height: 44px;
    font-size: 1.25em;
    font-weight: 700
}

.checkoutStepTitle {
    display: flex;
    flex-grow: 1;
    padding-left: 16px;
    font-size: 1.8em;
    font-weight: 700
}

.checkoutStepSummaryTitle {
    display: flex;
    flex-grow: 1;
    font-size: 1.8em;
    font-weight: 700;
    padding-left: 20px
}

.checkoutStepEdit {
    font-size: 1rem;
    color: #46b93a;
    text-transform: uppercase;
    display: none
}

@media (hover: hover) {
    .checkoutStepEdit:hover {
        text-decoration: underline
    }
}

@media (hover: none) {
    .checkoutStepEdit:active {
        text-decoration: underline
    }
}

.checkoutStepEdit::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 6px 0 0;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iIzQ2YjkzYSI+PHBhdGggZD0iTTEzMy4wMzEyNSwxNS4wNzUyYy0zLjg3Mzg0LC0wLjA1NTc2IC03LjYwNTI2LDEuNDU5MDIgLTEwLjM0NDA3LDQuMTk5MjJsLTE1LjE4NzE4LDE1LjIwMTE3bC00MS4xMzgzNSw0MC40OTQ0N2MtMC44NjI4MSwwLjk0MDQ5IC0xLjQ5OTUzLDIuMDY1NTMgLTEuODYxNjUsMy4yODkzOWwtNy4xNjY2NywyNy40NDg4OWMtMC41NjU1LDIuMTg1NDIgLTAuMDY4MjYsNC41MDk1NiAxLjM0MTkzLDYuMjcyMjljMS40MTAxOSwxLjc2Mjc0IDMuNTY4NDgsMi43NTgwMiA1LjgyNDc0LDIuNjg2MDRjMC41OTUxNywwLjA3MDAxIDEuMTk2NSwwLjA3MDAxIDEuNzkxNjcsMGwyNy44MTI4MiwtNy4zNzY2M2MxLjIyMzg2LC0wLjM2MjEyIDIuMzQ4OSwtMC45OTg4NCAzLjI4OTM5LC0xLjg2MTY1bDQwLjQ5NDQ2LC00MC41NjQ0NmMwLjQ0NzkzLC0wLjQ1MDc5IDAuODMzOTEsLTAuOTU5MTUgMS4xNDc3OSwtMS41MTE3MmwxMy42ODk0NSwtMTMuNjg5NDVjMi42OTE2NCwtMi42ODg1IDQuMjA0MDYsLTYuMzM2NzggNC4yMDQwNiwtMTAuMTQxMTFjMCwtMy44MDQzNCAtMS41MTI0MSwtNy40NTI2MSAtNC4yMDQwNiwtMTAuMTQxMTFsLTkuNzU2MTgsLTEwLjEwNjEyYy0yLjYzOTM4LC0yLjY0MDY3IC02LjIwNDk2LC00LjE0NzI1IC05LjkzODE1LC00LjE5OTIyek0zNS44MzMzMywyOC42NjY2N2MtMTEuODc0MTIsMCAtMjEuNSw5LjYyNTg4IC0yMS41LDIxLjV2ODZjMCwxMS44NzQxMiA5LjYyNTg4LDIxLjUgMjEuNSwyMS41aDg2YzExLjg3NDEyLDAgMjEuNSwtOS42MjU4OCAyMS41LC0yMS41di0yOC42NjY2N2MwLC0zLjk1ODA0IC0zLjIwODYzLC03LjE2NjY3IC03LjE2NjY3LC03LjE2NjY3Yy0zLjk1ODA0LDAgLTcuMTY2NjcsMy4yMDg2MyAtNy4xNjY2Nyw3LjE2NjY3djI4LjY2NjY3YzAsMy45NTgwNCAtMy4yMDg2Myw3LjE2NjY3IC03LjE2NjY3LDcuMTY2NjdoLTg2Yy0zLjk1ODA0LDAgLTcuMTY2NjcsLTMuMjA4NjMgLTcuMTY2NjcsLTcuMTY2Njd2LTg2YzAsLTMuOTU4MDQgMy4yMDg2MywtNy4xNjY2NyA3LjE2NjY3LC03LjE2NjY3aDI4LjY2NjY3YzMuOTU4MDQsMCA3LjE2NjY3LC0zLjIwODYzIDcuMTY2NjcsLTcuMTY2NjdjMCwtMy45NTgwNCAtMy4yMDg2MywtNy4xNjY2NyAtNy4xNjY2NywtNy4xNjY2N3pNMTMyLjUxMzM0LDI5LjM4MDUzbDEwLjEwNjEzLDEwLjEwNjEybC05Ljk2NjE1LDEwLjAzNjEzbC0xMC4xNzYxMSwtMTAuMTc2MTF6TTExMi4yMzExMiw0OS42NjI3NmwxMC4xMDYxMiwxMC4xMDYxMmwtMzQuMTExNjUsMzQuMTExNjVsLTEzLjY4OTQ1LDMuNTgzMzNsMy41ODMzMywtMTMuNjg5NDV6Ij48L3BhdGg+PC9nPjwvZz48L3N2Zz4=")
}

.checkoutStepInfo {
    display: none;
    padding: 20px 20px 20px 80px
}

.checkoutStepSummary {
    padding: 20px 40px 20px 40px
}

.checkoutStepForm {
    display: none;
    padding: 20px 80px
}

.checkoutStepForm .formBlock {
    padding-left: 0;
    padding-right: 0
}

.checkoutStepForm .formBlock1 {
    padding-top: 0
}

.checkoutStepForm .checkoutUserForm {
    display: none
}

.checkoutStepForm.form .checkoutUser {
    display: none
}

.checkoutStepForm.form .checkoutUserForm {
    display: block
}

.checkoutFormTitle {
    display: flex;
    font-size: 1.5em;
    font-weight: 700;
    margin-top: 40px
}

.checkoutFormTitle:first-of-type {
    margin-top: 0
}

.checkoutUserInfo {
    display: flex;
    flex-flow: row;
    justify-content: space-between
}

.checkoutUserBilling, .checkoutUserDelivery {
    width: 48%
}

.checkoutStepInfoTitle {
    font-size: .75rem;
    text-transform: uppercase;
    color: rgba(0, 0, 0, .5);
    font-weight: 700
}

.checkoutUserText {
    margin-top: 20px
}

.checkoutUser .formRow {
    margin-top: 20px
}

.checkoutUserSeparator {
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-top: 40px
}

.checkoutBtn {
    width: 100%;
    margin-top: 40px;
    font-size: 1.25rem
}

.checkoutStep1 .checkoutBtn.checkoutStepNext {
    margin-top: 20px
}

.checkoutUserRegister {
    margin-top: 40px;
    font-weight: 700
}

.checkoutUserRegister a {
    color: #7d7d7d;
    font-weight: 400;
    text-decoration: underline;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media (hover: hover) {
    .checkoutUserRegister a:hover {
        color: #000
    }
}

.checkoutName {
    margin-top: 10px
}

.checkoutPhone, .checkoutCompanyId {
    margin-top: 20px
}

.checkoutStrong {
    font-weight: 700
}

.checkoutDelivery, .checkoutPayment {
    font-weight: 700
}

.checkoutDelivery + .checkoutStepInfoTitle {
    margin-top: 20px
}

.checkoutStep {
    background-color: rgba(0, 0, 0, .05);
    padding: 20px;
    margin-bottom: 40px;
    border-radius: 12px
}

.checkoutStep.active .checkoutStepEdit {
    display: none
}

.checkoutStep.active .checkoutStepInfo {
    display: none
}

.checkoutStep.active .checkoutStepForm {
    display: block
}

.checkoutStep.active .checkoutStepHeader {
    cursor: default
}

.checkoutStep.active .checkoutStepNumber {
    background-color: #000;
    color: #fff
}

.checkoutStep:not(.active) .checkoutStepHeader {
    cursor: default
}

.checkoutStep.completed .checkoutStepHeader {
    cursor: pointer
}

.checkoutStep.completed .checkoutStepNumber {
    background-color: #000;
    color: #fff;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTE0NS40MzI5NCwzNy45MzI5NGwtODAuOTMyOTQsODAuOTMyOTVsLTMwLjc2NjI4LC0zMC43NjYyOGwtMTAuMTM0MTEsMTAuMTM0MTFsNDAuOTAwMzksNDAuOTAwMzlsOTEuMDY3MDYsLTkxLjA2NzA1eiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+");
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    background-size: 32px 32px;
    background-position: 6px 6px
}

.checkoutStep.completed .checkoutStepEdit {
    display: block
}

.checkoutStep.completed .checkoutStepInfo {
    display: block
}

.checkoutStep.completed .checkoutStepForm {
    display: none
}

.checkoutStep.checkoutStep3 {
    margin-bottom: 0
}

.checkoutStep3 .formRowCheckboxGroup {
    padding: 20px 0 40px
}

.checkoutProformaTitle {
    font-weight: 700;
    font-size: 1.15em;
    margin-bottom: 10px
}

.checkoutProforma {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.checkoutProformaQr {
    width: 200px;
    height: 200px
}

.formContainer.checkoutStepForm {
    background-color: rgba(0, 0, 0, 0)
}

.formContainer .checkoutUser input {
    width: 50%
}

.checkoutSumContainer {
    display: flex;
    width: 100%;
    margin: 0 auto;
    flex-flow: column;
    background-color: #fff;
    padding: 40px;
    border: 1px solid rgba(0, 0, 0, .2)
}

.checkoutSumRow {
    display: flex;
    flex-flow: row;
    font-size: 1rem;
    line-height: 1em
}

.checkoutSumRow.checkoutSumDiscount {
    color: #f00004
}

.checkoutSumRow + .checkoutSumRow {
    margin-top: 15px
}

.checkoutSumRow.sumNoTax {
    margin-top: 5px;
    font-size: .875rem
}

.checkoutSumRow.checkoutSumRow2 {
    font-size: 1.2rem;
    font-weight: 700;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, .2)
}

.checkoutSumTaxes {
    margin-top: 15px;
    margin-bottom: 15px
}

.checkoutSumCol1 {
    flex-grow: 1
}

.checkoutSumCol2 {
    flex-shrink: 0;
    text-align: right;
    white-space: nowrap
}

.checkoutSumComment {
    margin-top: 40px
}

.checkoutSumCommentTitle {
    font-weight: 700
}

.checkoutSumCommentText {
    margin-top: 20px
}

.checkoutSumContinue {
    margin-top: 40px
}

.checkoutSide {
    width: 33.33%
}

.checkoutSide .productOversized {
    margin: 10px 0 0
}

.checkoutCartHeader {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 10px
}

.checkoutCartTitle {
    flex-grow: 1;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1em
}

.checkoutCartEdit {
    display: flex;
    flex-shrink: 0
}

.checkoutCartEdit a {
    font-size: 1rem;
    color: #46b93a;
    text-transform: uppercase
}

.checkoutCartEdit a::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 6px 0 0;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iIzQ2YjkzYSI+PHBhdGggZD0iTTEzMy4wMzEyNSwxNS4wNzUyYy0zLjg3Mzg0LC0wLjA1NTc2IC03LjYwNTI2LDEuNDU5MDIgLTEwLjM0NDA3LDQuMTk5MjJsLTE1LjE4NzE4LDE1LjIwMTE3bC00MS4xMzgzNSw0MC40OTQ0N2MtMC44NjI4MSwwLjk0MDQ5IC0xLjQ5OTUzLDIuMDY1NTMgLTEuODYxNjUsMy4yODkzOWwtNy4xNjY2NywyNy40NDg4OWMtMC41NjU1LDIuMTg1NDIgLTAuMDY4MjYsNC41MDk1NiAxLjM0MTkzLDYuMjcyMjljMS40MTAxOSwxLjc2Mjc0IDMuNTY4NDgsMi43NTgwMiA1LjgyNDc0LDIuNjg2MDRjMC41OTUxNywwLjA3MDAxIDEuMTk2NSwwLjA3MDAxIDEuNzkxNjcsMGwyNy44MTI4MiwtNy4zNzY2M2MxLjIyMzg2LC0wLjM2MjEyIDIuMzQ4OSwtMC45OTg4NCAzLjI4OTM5LC0xLjg2MTY1bDQwLjQ5NDQ2LC00MC41NjQ0NmMwLjQ0NzkzLC0wLjQ1MDc5IDAuODMzOTEsLTAuOTU5MTUgMS4xNDc3OSwtMS41MTE3MmwxMy42ODk0NSwtMTMuNjg5NDVjMi42OTE2NCwtMi42ODg1IDQuMjA0MDYsLTYuMzM2NzggNC4yMDQwNiwtMTAuMTQxMTFjMCwtMy44MDQzNCAtMS41MTI0MSwtNy40NTI2MSAtNC4yMDQwNiwtMTAuMTQxMTFsLTkuNzU2MTgsLTEwLjEwNjEyYy0yLjYzOTM4LC0yLjY0MDY3IC02LjIwNDk2LC00LjE0NzI1IC05LjkzODE1LC00LjE5OTIyek0zNS44MzMzMywyOC42NjY2N2MtMTEuODc0MTIsMCAtMjEuNSw5LjYyNTg4IC0yMS41LDIxLjV2ODZjMCwxMS44NzQxMiA5LjYyNTg4LDIxLjUgMjEuNSwyMS41aDg2YzExLjg3NDEyLDAgMjEuNSwtOS42MjU4OCAyMS41LC0yMS41di0yOC42NjY2N2MwLC0zLjk1ODA0IC0zLjIwODYzLC03LjE2NjY3IC03LjE2NjY3LC03LjE2NjY3Yy0zLjk1ODA0LDAgLTcuMTY2NjcsMy4yMDg2MyAtNy4xNjY2Nyw3LjE2NjY3djI4LjY2NjY3YzAsMy45NTgwNCAtMy4yMDg2Myw3LjE2NjY3IC03LjE2NjY3LDcuMTY2NjdoLTg2Yy0zLjk1ODA0LDAgLTcuMTY2NjcsLTMuMjA4NjMgLTcuMTY2NjcsLTcuMTY2Njd2LTg2YzAsLTMuOTU4MDQgMy4yMDg2MywtNy4xNjY2NyA3LjE2NjY3LC03LjE2NjY3aDI4LjY2NjY3YzMuOTU4MDQsMCA3LjE2NjY3LC0zLjIwODYzIDcuMTY2NjcsLTcuMTY2NjdjMCwtMy45NTgwNCAtMy4yMDg2MywtNy4xNjY2NyAtNy4xNjY2NywtNy4xNjY2N3pNMTMyLjUxMzM0LDI5LjM4MDUzbDEwLjEwNjEzLDEwLjEwNjEybC05Ljk2NjE1LDEwLjAzNjEzbC0xMC4xNzYxMSwtMTAuMTc2MTF6TTExMi4yMzExMiw0OS42NjI3NmwxMC4xMDYxMiwxMC4xMDYxMmwtMzQuMTExNjUsMzQuMTExNjVsLTEzLjY4OTQ1LDMuNTgzMzNsMy41ODMzMywtMTMuNjg5NDV6Ij48L3BhdGg+PC9nPjwvZz48L3N2Zz4=")
}

@media (hover: hover) {
    .checkoutCartEdit a:hover {
        text-decoration: underline
    }
}

@media (hover: none) {
    .checkoutCartEdit a:active {
        text-decoration: underline
    }
}

.orderStatus .checkoutCartContent {
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.orderStatus .couponUsed .couponValue {
    padding-right: 20px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px
}

.checkoutItem {
    border-top: 1px solid rgba(0, 0, 0, .2);
    padding: 20px 0
}

.checkoutItemInner {
    display: flex;
    flex-flow: row;
    align-items: center
}

.checkoutItemImg a {
    display: block;
    width: 75px;
    min-width: 75px;
    height: 75px;
    position: relative;
    text-indent: -9999px;
    overflow: hidden
}

.checkoutItemImg img {
    position: absolute;
    top: -9999px;
    left: -9999px;
    right: -9999px;
    bottom: -9999px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    display: block
}

.checkoutItemData {
    flex-grow: 1;
    padding-left: 20px;
    display: flex;
    flex-flow: column
}

.checkoutItemTitle {
    display: flex;
    font-size: .875rem;
    line-height: 1.2em
}

.checkoutItemTitle a {
    font-weight: 700
}

.checkoutItemTitle a:hover {
    text-decoration: underline
}

.checkoutItemPrice {
    font-weight: 700;
    line-height: 1.2em;
    flex-flow: row wrap;
    display: flex;
    white-space: nowrap;
    font-size: .875rem;
    margin-top: 8px
}

.checkoutItemPrice.discount .productNormalPrice {
    font-weight: 400;
    padding-right: 10px;
    text-decoration-line: line-through;
    text-decoration-color: rgba(0, 0, 0, .3);
    text-decoration-style: solid;
    text-decoration-thickness: 2px
}

.checkoutItemPrice.discount .productDiscountPrice {
    padding-right: 10px;
    font-weight: 700;
    color: #f00004
}

.checkoutItemVariation {
    display: flex;
    flex-flow: row;
    font-size: .75rem;
    line-height: 1.2em;
    margin-top: 8px
}

.checkoutItemVariationValue {
    font-weight: 700;
    padding-left: 5px;
    padding-right: 10px
}

.checkoutTotal {
    border: 1px solid rgba(0, 0, 0, .2);
    padding: 30px;
    margin-top: 20px
}

.checkoutTotalRow {
    display: flex;
    flex-flow: row;
    font-weight: 700;
    margin-bottom: 5px
}

.checkoutTotalRow .checkoutTotalCol1 {
    flex-grow: 1
}

.checkoutTotalRow .checkoutTotalCol2 {
    flex-shrink: 0;
    text-align: right;
    white-space: nowrap
}

.checkoutTotalRow.cartOverviewDiscount {
    font-weight: 400;
    color: #f00004
}

.checkoutTotalRow.checkoutTotalDiscount {
    font-weight: 400;
    color: #f00004
}

.checkoutTotalWithDelivery, .checkoutTotalWithoutDelivery {
    margin-top: 20px;
    font-size: .875rem;
    line-height: 1.2em
}

.checkoutCoupon {
    margin-top: 30px
}

.checkoutFreeDeliveryUntil {
    font-size: 1.2em;
    font-weight: 700
}

@media only screen and (max-width: 1023px) {
    .checkoutForm {
        flex-flow: column;
        flex-direction: column-reverse
    }

    .checkoutContent {
        width: 100%;
        padding-right: 0
    }

    .checkoutSide {
        width: 100%;
        margin-bottom: 40px
    }

    .checkoutCartTitle {
        display: none
    }

    .checkoutCartHeader {
        justify-content: end
    }

    .checkoutForm {
        margin-top: 20px
    }
}

@media only screen and (max-width: 767px) {
    .checkoutForm {
        padding: 0
    }

    .checkoutSide {
        padding: 0 10px
    }

    .checkoutStepInfo, .checkoutStepForm {
        padding: 30px 0 20px
    }

    .checkoutStepHeader {
        padding: 0
    }

    .checkoutStepNumber {
        width: 36px;
        height: 36px
    }

    .checkoutStepTitle, .checkoutFormTitle {
        font-size: 1.25rem
    }

    .checkoutStepNumber {
        line-height: 36px;
        font-size: 1rem
    }

    .checkoutStep.completed .checkoutStepNumber {
        background-position: 3px 3px;
        background-size: 30px 30px
    }

    .checkoutStep {
        padding: 20px 10px
    }

    .couponTitle, .checkoutUserInfo, .radioLabel {
        font-size: .875rem
    }

    .checkoutCartEdit a {
        font-size: .875rem;
        line-height: 20px
    }

    .checkoutCartEdit a::before {
        width: 20px;
        height: 20px;
        background-size: 20px 20px
    }

    .checkoutStepEdit {
        font-size: .875rem;
        line-height: 20px
    }

    .checkoutStepEdit::before {
        width: 20px;
        height: 20px;
        background-size: 20px 20px
    }
}

@media only screen and (max-width: 567px) {
    .checkoutUserInfo {
        flex-flow: column
    }

    .checkoutUserBilling, .checkoutUserDelivery {
        width: 100%
    }

    .checkoutUserDelivery {
        margin-top: 30px
    }

    .checkoutStep.completed .checkoutStepEdit {
        display: block;
        width: 100%;
        margin-top: 20px
    }
}

@media only screen and (max-width: 400px) {
    .checkoutTotal, .checkoutSumContainer {
        padding: 20px
    }
}

.cartOverviewCoupon {
    margin-top: 35px
}

.couponTitle {
    padding-right: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

.couponForm input[type=text] {
    flex-grow: 1;
    display: block;
    width: 100%;
    height: 44px;
    font-size: 1rem;
    border: 1px solid rgba(0, 0, 0, .2);
    padding-left: 1rem;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-right: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

@media (hover: hover) {
    .couponForm input[type=text]:hover {
        border: 1px solid rgba(0, 0, 0, .5);
        border-right: 0
    }
}

.couponForm .couponConfirm {
    padding: 0 30px;
    align-items: center;
    border: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.couponRow {
    display: flex;
    flex-flow: row;
    width: 100%
}

.couponFeedback {
    display: flex;
    font-weight: 700;
    color: #f00004;
    font-size: .875rem
}

.couponUsed .couponCode, .couponUsed .couponValue {
    display: flex;
    font-weight: 700;
    height: 44px;
    align-items: center
}

.couponUsed .couponCode {
    padding-left: 20px;
    background-color: rgba(0, 0, 0, .05);
    flex-grow: 1
}

.couponUsed .couponValue {
    padding: 0 20px;
    background-color: rgba(0, 0, 0, .05)
}

.couponUsed .couponRemove {
    padding: 0 30px;
    align-items: center;
    border: 0
}

@media only screen and (max-width: 767px) {
    .productItemCoupon, .couponShown {
        flex-flow: column;
        padding: 0 10px
    }

    .couponTitle {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 567px) {
    .couponBtn {
        width: 100%;
        padding-top: 10px
    }
}

@media only screen and (max-width: 767px) {
    .productItemCoupon, .couponShown {
        flex-flow: column;
        padding: 0 10px
    }

    .couponTitle {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 567px) {
    .couponBtn {
        width: 100%;
        padding-top: 10px
    }
}

.checkoutGiftCard {
    margin-top: 40px;
    width: 100%
}

.giftCardTitle {
    padding-right: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    display: block
}

.giftCardForm input[type=text] {
    flex-grow: 1;
    display: block;
    width: 100%;
    height: 44px;
    font-size: 1rem;
    border: 1px solid rgba(0, 0, 0, .2);
    padding-left: 1rem;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-right: 0;
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px
}

@media (hover: hover) {
    .giftCardForm input[type=text]:hover {
        border: 1px solid rgba(0, 0, 0, .5);
        border-right: 0
    }
}

.giftCardForm .giftCardConfirm {
    padding: 0 30px;
    align-items: center;
    border: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.giftCardRow {
    display: flex;
    flex-flow: row;
    width: 100%
}

.giftCardError {
    display: flex;
    font-weight: 700;
    color: #f00004;
    font-size: .875rem
}

.giftCardUsed .giftCardCode, .giftCardUsed .giftCardValue {
    display: flex;
    font-weight: 700;
    height: 44px;
    align-items: center
}

.giftCardUsed .giftCardCode {
    padding-left: 20px;
    background-color: rgba(0, 0, 0, .05);
    flex-grow: 1
}

.giftCardUsed .giftCardValue {
    padding: 0 20px;
    background-color: rgba(0, 0, 0, .05)
}

.giftCardUsed .giftCardRemove {
    padding: 0 30px;
    align-items: center;
    border: 0
}

@media only screen and (max-width: 767px) {
    .giftCardShown {
        flex-flow: column;
        padding: 0 10px
    }

    .giftCardTitle {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 567px) {
    .giftCardBtn {
        width: 100%;
        padding-top: 10px
    }
}

@media only screen and (max-width: 767px) {
    .giftCardShown {
        flex-flow: column;
        padding: 0 10px
    }

    .giftCardTitle {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 567px) {
    .giftCardBtn {
        width: 100%;
        padding-top: 10px
    }
}

.iconGift {
    display: inline-block;
    height: 20px;
    margin-top: 1px
}

.giftRow {
    display: flex
}

.giftInfo {
    display: inline-block;
    margin-left: 30px;
    line-height: 22px;
    max-height: 22px
}

#formSelectWrapping {
    width: 100%
}

#formSelectWrapping .showGiftOrder {
    width: 100%
}

#formSelectWrapping .giftOrderBox {
    display: flex;
    flex-flow: column
}

#formSelectWrapping .wrapHolder {
    display: flex;
    flex-flow: row nowrap;
    padding: 10px 10px 0
}

#formSelectWrapping .wrapItem {
    display: flex;
    width: 33.33%;
    padding: 6px
}

#formSelectWrapping .wrapItem .wrapContent {
    display: flex;
    flex-direction: column;
    border: 3px solid rgba(0, 0, 0, 0);
    border-radius: 10px;
    padding: 5px;
    cursor: pointer;
    position: relative
}

#formSelectWrapping .wrapItem .wrapContent {
    display: flex;
    flex-direction: column;
    border: 3px solid rgba(0, 0, 0, 0);
    border-radius: 10px;
    padding: 5px;
    cursor: pointer
}

#formSelectWrapping .wrapItem.selected .wrapContent::after {
    content: "IZBRANO";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #31c054;
    color: #fff;
    text-align: center;
    padding: 5px 20px 1px;
    font-weight: 700;
    border-top-right-radius: 10px;
    font-size: .875em
}

#formSelectWrapping .wrapItem .wrapContent img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px
}

#formSelectWrapping .wrapItem.selected .wrapContent {
    border: 3px solid #31c054
}

.giftDisclaimer {
    font-size: .875em
}

#mainNavCartDropdown {
    display: flex;
    position: relative;
    margin-left: 10px
}

#headerCartNum, #mainNavCart .headerCartText {
    font-weight: 700
}

#headerCartNum {
    text-align: center
}

#mainNavCartPopup {
    position: absolute;
    visibility: visible;
    width: 520px;
    top: 100%;
    right: 0;
    z-index: 1001;
    border: 2px solid #000;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2);
    background-color: #fff;
    transition: opacity .25s ease-in-out, transform .25s ease-in-out, visibility .25s ease-in-out;
    transform-origin: top right;
    border-radius: 12px
}

#mainNavCartPopup::before {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    right: 14px;
    width: 0;
    height: 0;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid #000
}

#mainNavCartPopup.headerCartHidden {
    opacity: 0;
    transform: scale(0.9);
    visibility: hidden
}

#mainNavCartContent {
    display: flex;
    flex-flow: column;
    margin: 0 20px
}

#mainNavCartTitle {
    text-align: center
}

#mainNavCartItemsContainer {
    display: flex;
    position: relative
}

#mainNavCartItemsContainer {
    display: flex;
    position: relative
}

#mainNavCartItems {
    display: flex;
    width: 100%;
    flex-flow: column
}

#mainNavCartSpinner {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .7);
    text-align: center
}

#mainNavCartPopup:not(.processing) #mainNavCartSpinner {
    display: none
}

#mainNavCartPopup a.cartPopupImgContainer {
    display: block;
    width: 75px;
    min-width: 75px;
    height: 75px;
    position: relative;
    text-indent: -9999px;
    overflow: hidden
}

#mainNavCartPopup a.cartPopupImgContainer img {
    position: absolute;
    top: -9999px;
    left: -9999px;
    right: -9999px;
    bottom: -9999px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    display: block
}

#mainNavCartPopup .cartPopupInfo {
    display: flex;
    flex-flow: row;
    flex-grow: 1;
    margin-left: 20px;
    justify-content: space-between
}

#mainNavCartLink {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 100%;
    height: 44px;
    border-radius: 6px;
    margin: 20px 0;
    background-color: #000;
    cursor: pointer;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media (hover: hover) {
    #mainNavCartLink:hover {
        text-decoration: none;
        background-color: #7d7d7d
    }
}

@media (hover: none) {
    #mainNavCartLink:active {
        text-decoration: none;
        background-color: #7d7d7d
    }
}

#mainNavCartShipping {
    display: flex;
    flex-flow: column
}

#mainNavCartShipping div {
    text-align: center
}

#mainNavCartShippingCost, #mainNavCartShippingFree {
    margin-top: 20px
}

#mainNavCartShippingFree {
    color: #000
}

#mainNavCartEmpty {
    text-align: center;
    margin: 30px 0 30px
}

#mainNavCartEmptyIcon {
    display: block;
    width: 70px;
    height: 70px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyNCAyNCI+CjxwYXRoIGQ9Ik0gMTEuNDk4MDQ3IDEuMjUgQyAxMC4yMzkwNDcgMS4yNSA5LjAzMDYyNSAxLjc0OTYyNSA4LjE0MDYyNSAyLjY0MDYyNSBDIDcuNDI4ODYyOSAzLjM1MTU4ODMgNi45ODEzOTI3IDQuMjY5Mjg4OSA2LjgyNDIxODggNS4yNSBMIDUuOTM5NDUzMSA1LjI1IEMgNS4wMTU0NTMxIDUuMjUgNC4yNTAzNTk0IDUuOTY4NjI1IDQuMTkzMzU5NCA2Ljg5MDYyNSBDIDQuMDE4MzU5NCA5LjY4NDYyNSAzLjUwMjM1OTQgMTcuOTQwNjI1IDMuMzE4MzU5NCAyMC44OTA2MjUgQyAzLjI4ODM1OTQgMjEuMzcyNjI1IDMuNDU4MDYyNSAyMS44NDUyNjYgMy43ODkwNjI1IDIyLjE5NzI2NiBDIDQuMTIwMDYyNSAyMi41NDkyNjYgNC41ODE0NTMxIDIyLjc1IDUuMDY0NDUzMSAyMi43NSBMIDE4LjkzNTU0NyAyMi43NSBDIDE5LjQxODU0NyAyMi43NSAxOS44Nzk5MzggMjIuNTQ5MjY2IDIwLjIxMDkzOCAyMi4xOTcyNjYgQyAyMC41NDE5MzcgMjEuODQ1MjY2IDIwLjcxMTY0MSAyMS4zNzI2MjUgMjAuNjgxNjQxIDIwLjg5MDYyNSBMIDE5LjgwNjY0MSA2Ljg5MDYyNSBDIDE5Ljc0OTY0MSA1Ljk2ODYyNSAxOC45ODQ1NDcgNS4yNSAxOC4wNjA1NDcgNS4yNSBMIDE3LjE3NTc4MSA1LjI1IEMgMTYuODE0MDM0IDIuOTg1NjgzOCAxNC44NjYwOCAxLjI1IDEyLjUgMS4yNSBMIDExLjQ5ODA0NyAxLjI1IHogTSAxMS40OTgwNDcgMi43NSBMIDEyLjUgMi43NSBDIDE0LjAzNyAyLjc1IDE1LjMyMzEwOSAzLjgxNyAxNS42NjIxMDkgNS4yNSBMIDguMzM3ODkwNiA1LjI1IEMgOC40NzQ4OTA2IDQuNjY4IDguNzcyMTcxOSA0LjEzMTE3MTkgOS4yMDExNzE5IDMuNzAxMTcxOSBDIDkuODEwMTcxOSAzLjA5MjE3MTkgMTAuNjM3MDQ3IDIuNzUgMTEuNDk4MDQ3IDIuNzUgeiBNIDUuOTM5NDUzMSA2Ljc1IEwgNy41IDYuNzUgTCAxNi41IDYuNzUgTCAxOC4wNjA1NDcgNi43NSBDIDE4LjE5MjU0NyA2Ljc1IDE4LjMwMjU0NyA2Ljg1MzM3NSAxOC4zMTA1NDcgNi45ODQzNzUgTCAxOS4xODU1NDcgMjAuOTg0Mzc1IEMgMTkuMTg5NTQ3IDIxLjA1MzM3NSAxOS4xNjQxODcgMjEuMTIxODc1IDE5LjExNzE4OCAyMS4xNzE4NzUgQyAxOS4wNzAxODcgMjEuMjIxODc1IDE5LjAwNDU0NyAyMS4yNSAxOC45MzU1NDcgMjEuMjUgTCA1LjA2NDQ1MzEgMjEuMjUgQyA0Ljk5NTQ1MzEgMjEuMjUgNC45Mjk4MTI1IDIxLjIyMTg3NSA0Ljg4MjgxMjUgMjEuMTcxODc1IEMgNC44MzU4MTI1IDIxLjEyMTg3NSA0LjgxMDQ1MzEgMjEuMDUzMzc1IDQuODE0NDUzMSAyMC45ODQzNzUgTCA1LjY4OTQ1MzEgNi45ODQzNzUgQyA1LjY5NzQ1MzEgNi44NTMzNzUgNS44MDc0NTMxIDYuNzUgNS45Mzk0NTMxIDYuNzUgeiBNIDguNSA4Ljc1IEMgOC4wODYgOC43NSA3Ljc1IDkuMDg2IDcuNzUgOS41IEMgNy43NSAxMC4xOTkgNy45NjY2NTYzIDEwLjg1NDkyMiA4LjM0NzY1NjIgMTEuNDE5OTIyIEMgOS4wNzk2NTYyIDEyLjUwMjkyMiAxMC40MzYgMTMuMjUgMTIgMTMuMjUgQyAxMy41NjQgMTMuMjUgMTQuOTIwMzQ0IDEyLjUwMjkyMiAxNS42NTIzNDQgMTEuNDE5OTIyIEMgMTYuMDMzMzQ0IDEwLjg1NDkyMiAxNi4yNSAxMC4xOTkgMTYuMjUgOS41IEMgMTYuMjUgOS4wODYgMTUuOTE0IDguNzUgMTUuNSA4Ljc1IEMgMTUuMDg2IDguNzUgMTQuNzUgOS4wODYgMTQuNzUgOS41IEMgMTQuNzUgOS44OTQgMTQuNjI1MTU2IDEwLjI2MjA3OCAxNC40MTAxNTYgMTAuNTgwMDc4IEMgMTMuOTMwMTU2IDExLjI5MDA3OCAxMy4wMjUgMTEuNzUgMTIgMTEuNzUgQyAxMC45NzUgMTEuNzUgMTAuMDY5ODQ0IDExLjI5MDA3OCA5LjU4OTg0MzggMTAuNTgwMDc4IEMgOS4zNzQ4NDM4IDEwLjI2MjA3OCA5LjI1IDkuODk0IDkuMjUgOS41IEMgOS4yNSA5LjA4NiA4LjkxNCA4Ljc1IDguNSA4Ljc1IHoiPjwvcGF0aD4KPC9zdmc+");
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto 10px
}

#headerCartInfo {
    display: flex;
    flex-flow: column;
    font-size: .75rem;
    line-height: 18px;
    position: absolute;
    background-color: #f00004;
    color: #fff;
    height: 18px;
    min-width: 18px;
    border-radius: 11px;
    bottom: 8px;
    right: 8px;
    z-index: 5;
    padding: 0 5px
}

#mainNavCartPopup .cartPopupItem {
    display: flex;
    flex-flow: row nowrap;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

#mainNavCartPopup .cartPopupItemName {
    display: flex;
    flex-flow: column;
    justify-content: center
}

#mainNavCartPopup .cartPopupItemName a:hover {
    text-decoration: underline
}

#mainNavCartPopup .cartPopupProductName {
    display: flex;
    font-size: .875rem;
    line-height: 1.2em;
    font-weight: 700
}

#mainNavCartPopup .cartPopupPrice {
    font-weight: 700;
    line-height: 1.2em;
    flex-flow: row wrap;
    display: flex;
    white-space: nowrap;
    font-size: .875rem;
    margin-top: 8px
}

#mainNavCartPopup .cartPopupPrice .cartPopupNormalPrice {
    padding-right: 10px
}

#mainNavCartPopup .cartPopupPrice.discount .cartPopupNormalPrice {
    font-weight: 400;
    padding-right: 10px;
    text-decoration-line: line-through;
    text-decoration-color: rgba(0, 0, 0, .3);
    text-decoration-style: solid;
    text-decoration-thickness: 2px
}

#mainNavCartPopup .cartPopupPrice.discount .cartPopupDiscountPrice {
    padding-right: 10px;
    font-weight: 700;
    color: #f00004
}

#mainNavCartPopup .cartPopupVariations {
    display: flex;
    flex-flow: row;
    font-size: .75rem;
    line-height: 1.2em;
    margin-top: 8px
}

#mainNavCartPopup .cartPopupVariationValue {
    font-weight: 700;
    margin-left: 5px;
    margin-right: 10px
}

#mainNavCartPopup .cartPopupBadge {
    background-color: #f00004;
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
    font-size: .75rem;
    line-height: 1em;
    padding: 2px 6px;
    align-self: center
}

#mainNavCartPopup .cartPopupControls {
    display: flex;
    width: 128px;
    flex-flow: column;
    padding-left: 20px
}

#mainNavCartPopup .itemMinus, #mainNavCartPopup .cartItemMinus {
    background-size: 24px 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHJlY3QgeD0iNiIgeT0iMTEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIyIi8+PC9zdmc+")
}

#mainNavCartPopup .itemPlus, #mainNavCartPopup .cartItemPlus {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBvbHlnb24gcG9pbnRzPSIxOCAxMSAxMyAxMSAxMyA2IDExIDYgMTEgMTEgNiAxMSA2IDEzIDExIDEzIDExIDE4IDEzIDE4IDEzIDEzIDE4IDEzIDE4IDExIi8+PC9zdmc+")
}

#mainNavCartPopup .cartPopupItemQty {
    display: flex;
    flex-flow: row nowrap;
    margin: 0;
    align-items: center
}

#mainNavCartPopup .cartPopupRemove {
    display: flex;
    font-size: .75rem;
    text-transform: uppercase;
    margin-top: 10px;
    line-height: 30px;
    border-radius: 15px;
    justify-content: center;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

#mainNavCartPopup .cartPopupRemove::before {
    content: "";
    float: left;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwLDNjLS41NC0uMDEtMS4wNSwuMTktMS40NCwuNTYtLjM3LC4zOS0uNTcsLjktLjU2LDEuNDR2MUg0djJoMXYxMGMwLDEuNjYsMS4zNCwzLDMsM2g4YzEuNjYsMCwzLTEuMzQsMy0zVjhoMXYtMmgtNHYtMWMuMDEtLjU0LS4xOS0xLjA1LS41Ni0xLjQ0LS4zOS0uMzctLjktLjU3LTEuNDQtLjU2aC00Wm0wLDJoNHYxaC00di0xWm0tMywzaDEwdjEwYzAsLjU1LS40NSwxLTEsMUg4Yy0uNTUsMC0xLS40NS0xLTFWOFptMiwydjdoMnYtN2gtMlptNCwwdjdoMnYtN2gtMloiLz48L3N2Zz4=");
    background-size: 24px 24px;
    margin: 3px 2px 0 0
}

@media (hover: hover) {
    #mainNavCartPopup .cartPopupRemove:hover {
        cursor: pointer;
        background-color: rgba(0, 0, 0, .1)
    }
}

@media (hover: none) {
    #mainNavCartPopup .cartPopupRemove:active {
        cursor: pointer;
        background-color: rgba(0, 0, 0, .1)
    }
}

@media only screen and (max-width: 1023px) {
    #headerTopCart {
        display: block;
        margin: 0;
        position: relative;
        width: 48px;
        height: 48px;
        align-self: center;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyNCAyNCI+CjxwYXRoIGQ9Ik0gMTEuNDk4MDQ3IDEuMjUgQyAxMC4yMzkwNDcgMS4yNSA5LjAzMDYyNSAxLjc0OTYyNSA4LjE0MDYyNSAyLjY0MDYyNSBDIDcuNDI4ODYyOSAzLjM1MTU4ODMgNi45ODEzOTI3IDQuMjY5Mjg4OSA2LjgyNDIxODggNS4yNSBMIDUuOTM5NDUzMSA1LjI1IEMgNS4wMTU0NTMxIDUuMjUgNC4yNTAzNTk0IDUuOTY4NjI1IDQuMTkzMzU5NCA2Ljg5MDYyNSBDIDQuMDE4MzU5NCA5LjY4NDYyNSAzLjUwMjM1OTQgMTcuOTQwNjI1IDMuMzE4MzU5NCAyMC44OTA2MjUgQyAzLjI4ODM1OTQgMjEuMzcyNjI1IDMuNDU4MDYyNSAyMS44NDUyNjYgMy43ODkwNjI1IDIyLjE5NzI2NiBDIDQuMTIwMDYyNSAyMi41NDkyNjYgNC41ODE0NTMxIDIyLjc1IDUuMDY0NDUzMSAyMi43NSBMIDE4LjkzNTU0NyAyMi43NSBDIDE5LjQxODU0NyAyMi43NSAxOS44Nzk5MzggMjIuNTQ5MjY2IDIwLjIxMDkzOCAyMi4xOTcyNjYgQyAyMC41NDE5MzcgMjEuODQ1MjY2IDIwLjcxMTY0MSAyMS4zNzI2MjUgMjAuNjgxNjQxIDIwLjg5MDYyNSBMIDE5LjgwNjY0MSA2Ljg5MDYyNSBDIDE5Ljc0OTY0MSA1Ljk2ODYyNSAxOC45ODQ1NDcgNS4yNSAxOC4wNjA1NDcgNS4yNSBMIDE3LjE3NTc4MSA1LjI1IEMgMTYuODE0MDM0IDIuOTg1NjgzOCAxNC44NjYwOCAxLjI1IDEyLjUgMS4yNSBMIDExLjQ5ODA0NyAxLjI1IHogTSAxMS40OTgwNDcgMi43NSBMIDEyLjUgMi43NSBDIDE0LjAzNyAyLjc1IDE1LjMyMzEwOSAzLjgxNyAxNS42NjIxMDkgNS4yNSBMIDguMzM3ODkwNiA1LjI1IEMgOC40NzQ4OTA2IDQuNjY4IDguNzcyMTcxOSA0LjEzMTE3MTkgOS4yMDExNzE5IDMuNzAxMTcxOSBDIDkuODEwMTcxOSAzLjA5MjE3MTkgMTAuNjM3MDQ3IDIuNzUgMTEuNDk4MDQ3IDIuNzUgeiBNIDUuOTM5NDUzMSA2Ljc1IEwgNy41IDYuNzUgTCAxNi41IDYuNzUgTCAxOC4wNjA1NDcgNi43NSBDIDE4LjE5MjU0NyA2Ljc1IDE4LjMwMjU0NyA2Ljg1MzM3NSAxOC4zMTA1NDcgNi45ODQzNzUgTCAxOS4xODU1NDcgMjAuOTg0Mzc1IEMgMTkuMTg5NTQ3IDIxLjA1MzM3NSAxOS4xNjQxODcgMjEuMTIxODc1IDE5LjExNzE4OCAyMS4xNzE4NzUgQyAxOS4wNzAxODcgMjEuMjIxODc1IDE5LjAwNDU0NyAyMS4yNSAxOC45MzU1NDcgMjEuMjUgTCA1LjA2NDQ1MzEgMjEuMjUgQyA0Ljk5NTQ1MzEgMjEuMjUgNC45Mjk4MTI1IDIxLjIyMTg3NSA0Ljg4MjgxMjUgMjEuMTcxODc1IEMgNC44MzU4MTI1IDIxLjEyMTg3NSA0LjgxMDQ1MzEgMjEuMDUzMzc1IDQuODE0NDUzMSAyMC45ODQzNzUgTCA1LjY4OTQ1MzEgNi45ODQzNzUgQyA1LjY5NzQ1MzEgNi44NTMzNzUgNS44MDc0NTMxIDYuNzUgNS45Mzk0NTMxIDYuNzUgeiBNIDguNSA4Ljc1IEMgOC4wODYgOC43NSA3Ljc1IDkuMDg2IDcuNzUgOS41IEMgNy43NSAxMC4xOTkgNy45NjY2NTYzIDEwLjg1NDkyMiA4LjM0NzY1NjIgMTEuNDE5OTIyIEMgOS4wNzk2NTYyIDEyLjUwMjkyMiAxMC40MzYgMTMuMjUgMTIgMTMuMjUgQyAxMy41NjQgMTMuMjUgMTQuOTIwMzQ0IDEyLjUwMjkyMiAxNS42NTIzNDQgMTEuNDE5OTIyIEMgMTYuMDMzMzQ0IDEwLjg1NDkyMiAxNi4yNSAxMC4xOTkgMTYuMjUgOS41IEMgMTYuMjUgOS4wODYgMTUuOTE0IDguNzUgMTUuNSA4Ljc1IEMgMTUuMDg2IDguNzUgMTQuNzUgOS4wODYgMTQuNzUgOS41IEMgMTQuNzUgOS44OTQgMTQuNjI1MTU2IDEwLjI2MjA3OCAxNC40MTAxNTYgMTAuNTgwMDc4IEMgMTMuOTMwMTU2IDExLjI5MDA3OCAxMy4wMjUgMTEuNzUgMTIgMTEuNzUgQyAxMC45NzUgMTEuNzUgMTAuMDY5ODQ0IDExLjI5MDA3OCA5LjU4OTg0MzggMTAuNTgwMDc4IEMgOS4zNzQ4NDM4IDEwLjI2MjA3OCA5LjI1IDkuODk0IDkuMjUgOS41IEMgOS4yNSA5LjA4NiA4LjkxNCA4Ljc1IDguNSA4Ljc1IHoiPjwvcGF0aD4KPC9zdmc+");
        background-repeat: no-repeat;
        background-size: 28px 28px;
        background-position: 50% 50%
    }
}

@media only screen and (max-width: 374px) {
    .modalAddedItemImg {
        width: 100%;
        padding-bottom: 100% !important
    }
}



.popupBg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    z-index: 998;
    transition: opacity .25s ease-in-out, visibility .25s ease-in-out
}

.popupBgHidden {
    opacity: 0;
    visibility: hidden
}

header, #headerContainer, #header {
    display: flex;
    width: 100%;
    padding: 0;
    flex-flow: column
}

#header {
    max-width: 1460px;
    margin: 0 auto;
    background-color: #f2f2f2;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px
}

#headerTopContainer {
    display: flex;
    width: 100%;
    background: #fff;
    height: 48px;
    color: #000;
    transition: top .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

#headerTopContainer a {
    color: #000;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    text-decoration-color: rgba(0, 0, 0, 0)
}

@media (hover: hover) {
    #headerTopContainer a:hover {
        text-decoration: underline;
        text-decoration-thickness: 3px;
        text-decoration-color: rgba(0, 0, 0, .2)
    }
}

#headerTop {
    display: flex;
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
    flex-flow: row;
    justify-content: space-between;
    position: relative
}

#headerTopLeft, #headerTopRight {
    display: flex;
    flex-flow: row
}

.headerTopSlogan {
    display: flex;
    flex-flow: column;
    justify-content: center;
    font-style: italic;
    font-weight: bold;
    padding: 0 20px;
}

.headerTopItem {
    display: flex;
    align-items: center;
    margin: 0 20px
}

#headerTopPhone::before, #headerTopMail::before, #mainNavCart::before, #headerTopFacebook::before, #headerTopInstagram::before, #mainNavSavedBtn::before, #mainNavCompareBtn::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 8px 0 0;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    border-radius: 6px
}

#headerTopPhone::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDE5LjA0MTAxNiA0LjAxMzY3MTkgQyAxOC4zODI3NTcgMy45NjU3ODM5IDE3LjcwODI3MSA0LjAzMzA2NDkgMTcuMDQ2ODc1IDQuMjI4NTE1NiBMIDE0LjY3OTY4OCA0LjkyOTY4NzUgQyAxMi4xNTcyMzYgNS42NzU2OTQ0IDEwLjE4NjMzOCA3LjY3NzA3NSA5LjUxOTUzMTIgMTAuMjAzMTI1IEMgOC4wMzg5NTQ4IDE1LjgyMDg2OCA5LjczMjY3NjggMjIuNDcwMjkgMTQuMTQwNjI1IDI5Ljk1NTA3OCBDIDE4LjU0MjM3NyAzNy40Mjk1MzkgMjMuNTU4MDE5IDQyLjE3OTkzNyAyOS4yMjI2NTYgNDMuNzMwNDY5IEMgMzEuNzczNjQxIDQ0LjQyODY4NSAzNC41MjQ3NTUgNDMuNzYxNzA5IDM2LjQ1NzAzMSA0MS45NjY3OTcgTCAzOC4yNTc4MTIgNDAuMjk2ODc1IEMgNDAuMjcyODE5IDM4LjQyNTk5MyA0MC41NzMyNjUgMzUuMzA5ODgyIDM4Ljk0NTMxMiAzMy4wOTU3MDMgTCAzNi4zNDM3NSAyOS41NjI1IEMgMzQuOTQ5MjEyIDI3LjY2ODM0NCAzMi40OTA5NiAyNi44NjE5MTYgMzAuMjMwNDY5IDI3LjU0MTAxNiBMIDI2LjE2MDE1NiAyOC43NTk3NjYgQyAyNS45ODkzMDEgMjguODA5NjU2IDI1LjU4MDQyNCAyOC41NzY5NjMgMjUuMjI0NjA5IDI4LjI2OTUzMSBMIDI1LjIyMjY1NiAyOC4yNjc1NzggQyAyNC41ODg5MTcgMjcuNzE2NTE3IDIzLjcxMDg2MyAyNi42MDI3MTIgMjIuNzcxNDg0IDI1LjAwOTc2NiBMIDIyLjc3MTQ4NCAyNS4wMDc4MTIgQyAyMS43NjQyMTQgMjMuMjk3MDkzIDIxLjMzNDU5NCAyMi4xNzgyOCAyMS4xNjIxMDkgMjEuNTE3NTc4IEMgMjAuOTg5NTQ1IDIwLjg1NjU3MiAyMS4wMzE0MjMgMjAuNzc2MTY0IDIxLjA1NjY0MSAyMC41NTI3MzQgQyAyMS4wNjk3NTEgMjAuNDQxMjQ4IDIxLjEyMjcyMSAyMC4zMzc5NDggMjEuMjEyODkxIDIwLjI1NTg1OSBMIDIxLjIxNDg0NCAyMC4yNTM5MDYgTCAyNC4yNSAxNy40Nzg1MTYgQyAyNS45ODg4OTMgMTUuODg4ODY3IDI2LjUxMzg0MyAxMy4zNDg1MTMgMjUuNTMzMjAzIDExLjIxMDkzOCBMIDIzLjcwMzEyNSA3LjIxODc1IEwgMjMuNzAzMTI1IDcuMjE2Nzk2OSBDIDIyLjg0MTUxOSA1LjMzODY5NzEgMjEuMDE1MjY2IDQuMTU3Mjk2MiAxOS4wNDEwMTYgNC4wMTM2NzE5IHogTSAxOC44MjQyMTkgNy4wMDU4NTk0IEMgMTkuNzQyNDE0IDcuMDc0NDYzMyAyMC41ODc5MzMgNy42MjUyMTc0IDIwLjk3NDYwOSA4LjQ2ODc1IEwgMjIuODA2NjQxIDEyLjQ2MDkzOCBDIDIzLjI1IDEzLjQyNzM2MSAyMy4wMjc2NzEgMTQuNTMzMjc0IDIyLjIyNjU2MiAxNS4yNjU2MjUgTCAxOS4xOTE0MDYgMTguMDM5MDYyIEMgMTguNTY5MTk3IDE4LjYwNjM4NiAxOC4xNzEyOTUgMTkuMzc5ODc4IDE4LjA3NjE3MiAyMC4yMTQ4NDQgTCAxOC4wNzYxNzIgMjAuMjE2Nzk3IEMgMTguMDUxMzkyIDIwLjQzNjM2NyAxNy45OTI4MzIgMjEuMjUyODk3IDE4LjI1OTc2NiAyMi4yNzUzOTEgQyAxOC41MjY3MDEgMjMuMjk3ODg0IDE5LjA3NzgxNyAyNC42NTAzMDcgMjAuMTg1NTQ3IDI2LjUzMTI1IEwgMjAuMTg3NSAyNi41MzEyNSBDIDIxLjIyMTA4NCAyOC4yODQyNTggMjIuMTk3OTM5IDI5LjYxNjA0MSAyMy4yNTU4NTkgMzAuNTM1MTU2IEwgMjMuMjU3ODEyIDMwLjUzNTE1NiBDIDIzLjYwMTM3NCAzMC44MzI1ODMgMjUuMDQxMjgyIDMyLjIxMjYwNyAyNyAzMS42NDA2MjUgTCAyNy4wMDU4NTkgMzEuNjM4NjcyIEwgMzEuMDkzNzUgMzAuNDE0MDYyIEMgMzIuMTU1MjU5IDMwLjA5NTE2MyAzMy4yOTAyNzMgMzAuNDc1OTUyIDMzLjkyNzczNCAzMS4zNDE3OTcgTCAzNi41MjkyOTcgMzQuODc1IEMgMzcuMjY2MDAzIDM1Ljg3ODY2OCAzNy4xMzcyOSAzNy4yNDMwMDIgMzYuMjE2Nzk3IDM4LjA5NzY1NiBMIDM0LjQxNjAxNiAzOS43Njk1MzEgQyAzMy4yNjQzNTEgNDAuODM5Nzg3IDMxLjU1NDE2NyA0MS4yNTc1NzggMzAuMDEzNjcyIDQwLjgzNTkzOCBDIDI1LjQzNDMwOSAzOS41ODI0NjkgMjAuOTAyODEgMzUuNTI1MTMzIDE2LjcyNjU2MiAyOC40MzM1OTQgQyAxMi41NDQ1MTEgMjEuMzMyMzgyIDExLjIzNjQ5OCAxNS40NTkwMDcgMTIuNDE5OTIyIDEwLjk2ODc1IEMgMTIuODExMTE1IDkuNDg2OCAxNC4wMDk3MDEgOC4yNTY2MzM3IDE1LjUzMTI1IDcuODA2NjQwNiBMIDE3Ljg5NjQ4NCA3LjEwNTQ2ODggQyAxOC4yMDQ1ODkgNy4wMTQ0MTk5IDE4LjUxODE1NCA2Ljk4Mjk5MTQgMTguODI0MjE5IDcuMDA1ODU5NCB6Ij48L3BhdGg+PC9zdmc+")
}

#headerTopMail::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDEwLjUgOCBDIDYuOTI4MDYxOSA4IDQgMTAuOTI4MDYyIDQgMTQuNSBMIDQgMzMuNSBDIDQgMzcuMDcxOTM4IDYuOTI4MDYxOSA0MCAxMC41IDQwIEwgMzcuNSA0MCBDIDQxLjA3MTkzOCA0MCA0NCAzNy4wNzE5MzggNDQgMzMuNSBMIDQ0IDE0LjUgQyA0NCAxMC45MjgwNjIgNDEuMDcxOTM4IDggMzcuNSA4IEwgMTAuNSA4IHogTSAxMC41IDExIEwgMzcuNSAxMSBDIDM5LjQ1MDA2MiAxMSA0MSAxMi41NDk5MzggNDEgMTQuNSBMIDQxIDE1LjYwNTQ2OSBMIDI0IDI0Ljc5NDkyMiBMIDcgMTUuNjA1NDY5IEwgNyAxNC41IEMgNyAxMi41NDk5MzggOC41NDk5MzgxIDExIDEwLjUgMTEgeiBNIDcgMTkuMDE1NjI1IEwgMjMuMjg3MTA5IDI3LjgyMDMxMiBBIDEuNTAwMTUgMS41MDAxNSAwIDAgMCAyNC43MTI4OTEgMjcuODIwMzEyIEwgNDEgMTkuMDE1NjI1IEwgNDEgMzMuNSBDIDQxIDM1LjQ1MDA2MiAzOS40NTAwNjIgMzcgMzcuNSAzNyBMIDEwLjUgMzcgQyA4LjU0OTkzODEgMzcgNyAzNS40NTAwNjIgNyAzMy41IEwgNyAxOS4wMTU2MjUgeiI+PC9wYXRoPjwvc3ZnPg==")
}

#mainNavCart::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyNCAyNCI+CjxwYXRoIGQ9Ik0gMTEuNDk4MDQ3IDEuMjUgQyAxMC4yMzkwNDcgMS4yNSA5LjAzMDYyNSAxLjc0OTYyNSA4LjE0MDYyNSAyLjY0MDYyNSBDIDcuNDI4ODYyOSAzLjM1MTU4ODMgNi45ODEzOTI3IDQuMjY5Mjg4OSA2LjgyNDIxODggNS4yNSBMIDUuOTM5NDUzMSA1LjI1IEMgNS4wMTU0NTMxIDUuMjUgNC4yNTAzNTk0IDUuOTY4NjI1IDQuMTkzMzU5NCA2Ljg5MDYyNSBDIDQuMDE4MzU5NCA5LjY4NDYyNSAzLjUwMjM1OTQgMTcuOTQwNjI1IDMuMzE4MzU5NCAyMC44OTA2MjUgQyAzLjI4ODM1OTQgMjEuMzcyNjI1IDMuNDU4MDYyNSAyMS44NDUyNjYgMy43ODkwNjI1IDIyLjE5NzI2NiBDIDQuMTIwMDYyNSAyMi41NDkyNjYgNC41ODE0NTMxIDIyLjc1IDUuMDY0NDUzMSAyMi43NSBMIDE4LjkzNTU0NyAyMi43NSBDIDE5LjQxODU0NyAyMi43NSAxOS44Nzk5MzggMjIuNTQ5MjY2IDIwLjIxMDkzOCAyMi4xOTcyNjYgQyAyMC41NDE5MzcgMjEuODQ1MjY2IDIwLjcxMTY0MSAyMS4zNzI2MjUgMjAuNjgxNjQxIDIwLjg5MDYyNSBMIDE5LjgwNjY0MSA2Ljg5MDYyNSBDIDE5Ljc0OTY0MSA1Ljk2ODYyNSAxOC45ODQ1NDcgNS4yNSAxOC4wNjA1NDcgNS4yNSBMIDE3LjE3NTc4MSA1LjI1IEMgMTYuODE0MDM0IDIuOTg1NjgzOCAxNC44NjYwOCAxLjI1IDEyLjUgMS4yNSBMIDExLjQ5ODA0NyAxLjI1IHogTSAxMS40OTgwNDcgMi43NSBMIDEyLjUgMi43NSBDIDE0LjAzNyAyLjc1IDE1LjMyMzEwOSAzLjgxNyAxNS42NjIxMDkgNS4yNSBMIDguMzM3ODkwNiA1LjI1IEMgOC40NzQ4OTA2IDQuNjY4IDguNzcyMTcxOSA0LjEzMTE3MTkgOS4yMDExNzE5IDMuNzAxMTcxOSBDIDkuODEwMTcxOSAzLjA5MjE3MTkgMTAuNjM3MDQ3IDIuNzUgMTEuNDk4MDQ3IDIuNzUgeiBNIDUuOTM5NDUzMSA2Ljc1IEwgNy41IDYuNzUgTCAxNi41IDYuNzUgTCAxOC4wNjA1NDcgNi43NSBDIDE4LjE5MjU0NyA2Ljc1IDE4LjMwMjU0NyA2Ljg1MzM3NSAxOC4zMTA1NDcgNi45ODQzNzUgTCAxOS4xODU1NDcgMjAuOTg0Mzc1IEMgMTkuMTg5NTQ3IDIxLjA1MzM3NSAxOS4xNjQxODcgMjEuMTIxODc1IDE5LjExNzE4OCAyMS4xNzE4NzUgQyAxOS4wNzAxODcgMjEuMjIxODc1IDE5LjAwNDU0NyAyMS4yNSAxOC45MzU1NDcgMjEuMjUgTCA1LjA2NDQ1MzEgMjEuMjUgQyA0Ljk5NTQ1MzEgMjEuMjUgNC45Mjk4MTI1IDIxLjIyMTg3NSA0Ljg4MjgxMjUgMjEuMTcxODc1IEMgNC44MzU4MTI1IDIxLjEyMTg3NSA0LjgxMDQ1MzEgMjEuMDUzMzc1IDQuODE0NDUzMSAyMC45ODQzNzUgTCA1LjY4OTQ1MzEgNi45ODQzNzUgQyA1LjY5NzQ1MzEgNi44NTMzNzUgNS44MDc0NTMxIDYuNzUgNS45Mzk0NTMxIDYuNzUgeiBNIDguNSA4Ljc1IEMgOC4wODYgOC43NSA3Ljc1IDkuMDg2IDcuNzUgOS41IEMgNy43NSAxMC4xOTkgNy45NjY2NTYzIDEwLjg1NDkyMiA4LjM0NzY1NjIgMTEuNDE5OTIyIEMgOS4wNzk2NTYyIDEyLjUwMjkyMiAxMC40MzYgMTMuMjUgMTIgMTMuMjUgQyAxMy41NjQgMTMuMjUgMTQuOTIwMzQ0IDEyLjUwMjkyMiAxNS42NTIzNDQgMTEuNDE5OTIyIEMgMTYuMDMzMzQ0IDEwLjg1NDkyMiAxNi4yNSAxMC4xOTkgMTYuMjUgOS41IEMgMTYuMjUgOS4wODYgMTUuOTE0IDguNzUgMTUuNSA4Ljc1IEMgMTUuMDg2IDguNzUgMTQuNzUgOS4wODYgMTQuNzUgOS41IEMgMTQuNzUgOS44OTQgMTQuNjI1MTU2IDEwLjI2MjA3OCAxNC40MTAxNTYgMTAuNTgwMDc4IEMgMTMuOTMwMTU2IDExLjI5MDA3OCAxMy4wMjUgMTEuNzUgMTIgMTEuNzUgQyAxMC45NzUgMTEuNzUgMTAuMDY5ODQ0IDExLjI5MDA3OCA5LjU4OTg0MzggMTAuNTgwMDc4IEMgOS4zNzQ4NDM4IDEwLjI2MjA3OCA5LjI1IDkuODk0IDkuMjUgOS41IEMgOS4yNSA5LjA4NiA4LjkxNCA4Ljc1IDguNSA4Ljc1IHoiPjwvcGF0aD4KPC9zdmc+")
}

#headerTopInstagram::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDE2LjUgNSBDIDEwLjE2NjM5IDUgNSAxMC4xNjYzOSA1IDE2LjUgTCA1IDMxLjUgQyA1IDM3LjgzMjc1NyAxMC4xNjYyMDkgNDMgMTYuNSA0MyBMIDMxLjUgNDMgQyAzNy44MzI5MzggNDMgNDMgMzcuODMyOTM4IDQzIDMxLjUgTCA0MyAxNi41IEMgNDMgMTAuMTY2MjA5IDM3LjgzMjc1NyA1IDMxLjUgNSBMIDE2LjUgNSB6IE0gMTYuNSA4IEwgMzEuNSA4IEMgMzYuMjExMjQzIDggNDAgMTEuNzg3NzkxIDQwIDE2LjUgTCA0MCAzMS41IEMgNDAgMzYuMjExMDYyIDM2LjIxMTA2MiA0MCAzMS41IDQwIEwgMTYuNSA0MCBDIDExLjc4Nzc5MSA0MCA4IDM2LjIxMTI0MyA4IDMxLjUgTCA4IDE2LjUgQyA4IDExLjc4NzYxIDExLjc4NzYxIDggMTYuNSA4IHogTSAzNCAxMiBDIDMyLjg5NSAxMiAzMiAxMi44OTUgMzIgMTQgQyAzMiAxNS4xMDUgMzIuODk1IDE2IDM0IDE2IEMgMzUuMTA1IDE2IDM2IDE1LjEwNSAzNiAxNCBDIDM2IDEyLjg5NSAzNS4xMDUgMTIgMzQgMTIgeiBNIDI0IDE0IEMgMTguNDk1MTc4IDE0IDE0IDE4LjQ5NTE3OCAxNCAyNCBDIDE0IDI5LjUwNDgyMiAxOC40OTUxNzggMzQgMjQgMzQgQyAyOS41MDQ4MjIgMzQgMzQgMjkuNTA0ODIyIDM0IDI0IEMgMzQgMTguNDk1MTc4IDI5LjUwNDgyMiAxNCAyNCAxNCB6IE0gMjQgMTcgQyAyNy44ODMxNzggMTcgMzEgMjAuMTE2ODIyIDMxIDI0IEMgMzEgMjcuODgzMTc4IDI3Ljg4MzE3OCAzMSAyNCAzMSBDIDIwLjExNjgyMiAzMSAxNyAyNy44ODMxNzggMTcgMjQgQyAxNyAyMC4xMTY4MjIgMjAuMTE2ODIyIDE3IDI0IDE3IHoiPjwvcGF0aD48L3N2Zz4=")
}

#headerTopFacebook::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDExLjUgNiBDIDguNDgwMjI1OSA2IDYgOC40ODAyMjU5IDYgMTEuNSBMIDYgMzYuNSBDIDYgMzkuNTE5Nzc0IDguNDgwMjI1OSA0MiAxMS41IDQyIEwgMzYuNSA0MiBDIDM5LjUxOTc3NCA0MiA0MiAzOS41MTk3NzQgNDIgMzYuNSBMIDQyIDExLjUgQyA0MiA4LjQ4MDIyNTkgMzkuNTE5Nzc0IDYgMzYuNSA2IEwgMTEuNSA2IHogTSAxMS41IDkgTCAzNi41IDkgQyAzNy44OTgyMjYgOSAzOSAxMC4xMDE3NzQgMzkgMTEuNSBMIDM5IDM2LjUgQyAzOSAzNy44OTgyMjYgMzcuODk4MjI2IDM5IDM2LjUgMzkgTCAzMCAzOSBMIDMwIDI5IEwgMzMuNjI1IDI5IEMgMzQuMTI5IDI5IDM0LjU1NTE4NyAyOC42MjMwNDcgMzQuNjE3MTg4IDI4LjEyMzA0NyBMIDM0Ljk5MjE4OCAyNS4xMjMwNDcgQyAzNS4wMjgxODggMjQuODM5MDQ3IDM0LjkzODA0NyAyNC41NTM4OTEgMzQuNzQ4MDQ3IDI0LjMzNzg5MSBDIDM0LjU1OTA0NyAyNC4xMjI4OTEgMzQuMjg3IDI0IDM0IDI0IEwgMzAgMjQgTCAzMCAyMC41IEMgMzAgMTkuMzk3IDMwLjg5NyAxOC41IDMyIDE4LjUgTCAzNCAxOC41IEMgMzQuNTUyIDE4LjUgMzUgMTguMDUzIDM1IDE3LjUgTCAzNSAxNC4xMjUgQyAzNSAxMy42MDcgMzQuNjA0ODQ0IDEzLjE3NDkwNiAzNC4wODk4NDQgMTMuMTI4OTA2IEMgMzQuMDMwODQ0IDEzLjEyMzkwNiAzMi42MTk5ODQgMTMgMzAuODMzOTg0IDEzIEMgMjYuNDI2OTg0IDEzIDI0IDE1LjYxNjE4NyAyNCAyMC4zNjcxODggTCAyNCAyNCBMIDIwIDI0IEMgMTkuNDQ4IDI0IDE5IDI0LjQ0NyAxOSAyNSBMIDE5IDI4IEMgMTkgMjguNTUzIDE5LjQ0OCAyOSAyMCAyOSBMIDI0IDI5IEwgMjQgMzkgTCAxMS41IDM5IEMgMTAuMTAxNzc0IDM5IDkgMzcuODk4MjI2IDkgMzYuNSBMIDkgMTEuNSBDIDkgMTAuMTAxNzc0IDEwLjEwMTc3NCA5IDExLjUgOSB6Ij48L3BhdGg+PC9zdmc+")
}

#mainNavSavedBtn::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDE1IDcgQyA4Ljk0MjQ0MTYgNyA0IDExLjk0MjQ0MiA0IDE4IEMgNCAyMi4wOTYxNTQgNy4wODc2NDQ4IDI1Ljk1Mjg5OSAxMC44NTE1NjIgMjkuOTA4MjAzIEMgMTQuNjE1NDgxIDMzLjg2MzUwNyAxOS4yNDgzNzkgMzcuODY5NDcyIDIyLjkzOTQ1MyA0MS41NjA1NDcgQSAxLjUwMDE1IDEuNTAwMTUgMCAwIDAgMjUuMDYwNTQ3IDQxLjU2MDU0NyBDIDI4Ljc1MTYyMSAzNy44Njk0NzIgMzMuMzg0NTE4IDMzLjg2MzUwNyAzNy4xNDg0MzggMjkuOTA4MjAzIEMgNDAuOTEyMzU2IDI1Ljk1Mjg5OSA0NCAyMi4wOTYxNTQgNDQgMTggQyA0NCAxMS45NDI0NDIgMzkuMDU3NTU4IDcgMzMgNyBDIDI5LjUyMzU2NCA3IDI2LjQ5NjgyMSA4Ljg2NjQ4ODMgMjQgMTIuMDM3MTA5IEMgMjEuNTAzMTc5IDguODY2NDg4MyAxOC40NzY0MzYgNyAxNSA3IHogTSAxNSAxMCBDIDE3LjkyODU3MSAxMCAyMC4zNjYzIDExLjU1ODM5OSAyMi43MzI0MjIgMTUuMzAwNzgxIEEgMS41MDAxNSAxLjUwMDE1IDAgMCAwIDI1LjI2NzU3OCAxNS4zMDA3ODEgQyAyNy42MzM3IDExLjU1ODM5OSAzMC4wNzE0MjkgMTAgMzMgMTAgQyAzNy40MzY0NDIgMTAgNDEgMTMuNTYzNTU4IDQxIDE4IEMgNDEgMjAuNDAzODQ2IDM4LjU4NzY0NCAyNC4wNDcxMDEgMzQuOTc2NTYyIDI3Ljg0MTc5NyBDIDMxLjY4MzU5IDMxLjMwMjIxIDI3LjU5MDMxMiAzNC45MTc0NTMgMjQgMzguNDE3OTY5IEMgMjAuNDA5Njg4IDM0LjkxNzQ1MyAxNi4zMTY0MSAzMS4zMDIyMSAxMy4wMjM0MzggMjcuODQxNzk3IEMgOS40MTIzNTUyIDI0LjA0NzEwMSA3IDIwLjQwMzg0NiA3IDE4IEMgNyAxMy41NjM1NTggMTAuNTYzNTU4IDEwIDE1IDEwIHoiPjwvcGF0aD48L3N2Zz4=")
}

#mainNavCompareBtn::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2M1YWI3MSI+PHBhdGggZD0iTTExOS45ODU2OCw3LjExMDY4Yy0yLjE4ODE0LDAuMDAwNTMgLTQuMTU3NiwxLjMyNzM1IC00Ljk4MDA1LDMuMzU1MDRjLTAuODIyNDUsMi4wMjc2OSAtMC4zMzM3NSw0LjM1MTU2IDEuMjM1NzUsNS44NzYyNGwyNi42NTgwNCwyNi42NTgwNGgtODMuNzc0NDFjLTEuOTM4NDIsLTAuMDI3NDEgLTMuNzQxNDQsMC45OTEwMiAtNC43MTg2NSwyLjY2NTMyYy0wLjk3NzIxLDEuNjc0MyAtMC45NzcyMSwzLjc0NTA3IDAsNS40MTkzN2MwLjk3NzIxLDEuNjc0MyAyLjc4MDIzLDIuNjkyNzMgNC43MTg2NSwyLjY2NTMyaDgzLjc3NDQxbC0yNi42NTgwNCwyNi42NTgwNGMtMS40MDQxMiwxLjM0ODE1IC0xLjk2OTcxLDMuMzUwMDUgLTEuNDc4NjYsNS4yMzM2NGMwLjQ5MTA1LDEuODgzNTkgMS45NjIwMiwzLjM1NDU2IDMuODQ1NjEsMy44NDU2MWMxLjg4MzU5LDAuNDkxMDUgMy44ODU0OSwtMC4wNzQ1NSA1LjIzMzY0LC0xLjQ3ODY2bDM1LjgzMzMzLC0zNS44MzMzM2MyLjA5ODIzLC0yLjA5OTEgMi4wOTgyMywtNS41MDE0OSAwLC03LjYwMDU5bC0zNS44MzMzMywtMzUuODMzMzNjLTEuMDEyMjIsLTEuMDQyNCAtMi40MDMzLC0xLjYzMDY0IC0zLjg1NjI4LC0xLjYzMDd6TTIzLjI5MTY3LDQzYy0yLjk2ODUzLDAgLTUuMzc1LDIuNDA2NDcgLTUuMzc1LDUuMzc1YzAsMi45Njg1MyAyLjQwNjQ3LDUuMzc1IDUuMzc1LDUuMzc1YzIuOTY4NTMsMCA1LjM3NSwtMi40MDY0NyA1LjM3NSwtNS4zNzVjMCwtMi45Njg1MyAtMi40MDY0NywtNS4zNzUgLTUuMzc1LC01LjM3NXpNNDEuMjA4MzMsNDNjLTIuOTY4NTMsMCAtNS4zNzUsMi40MDY0NyAtNS4zNzUsNS4zNzVjMCwyLjk2ODUzIDIuNDA2NDcsNS4zNzUgNS4zNzUsNS4zNzVjMi45Njg1MywwIDUuMzc1LC0yLjQwNjQ3IDUuMzc1LC01LjM3NWMwLC0yLjk2ODUzIC0yLjQwNjQ3LC01LjM3NSAtNS4zNzUsLTUuMzc1ek01MS44NTMzNSw4Mi4zNjc2OGMtMS4zOTU5MiwwLjA0MDY4IC0yLjcyMTIxLDAuNjIzMDEgLTMuNjk1MzEsMS42MjM3bC0zNS44MzMzMywzNS44MzMzM2MtMi4wOTgyMywyLjA5OTEgLTIuMDk4MjMsNS41MDE0OSAwLDcuNjAwNTlsMzUuODMzMzMsMzUuODMzMzNjMS4zNDgxNSwxLjQwNDEyIDMuMzUwMDUsMS45Njk3MSA1LjIzMzY0LDEuNDc4NjZjMS44ODM1OSwtMC40OTEwNSAzLjM1NDU2LC0xLjk2MjAyIDMuODQ1NjEsLTMuODQ1NjFjMC40OTEwNSwtMS44ODM1OSAtMC4wNzQ1NSwtMy44ODU0OSAtMS40Nzg2NiwtNS4yMzM2NGwtMjYuNjU4MDQsLTI2LjY1ODA0aDgzLjc3NDQxYzEuOTM4NDIsMC4wMjc0MSAzLjc0MTQ0LC0wLjk5MTAyIDQuNzE4NjUsLTIuNjY1MzJjMC45NzcyMSwtMS42NzQzIDAuOTc3MjEsLTMuNzQ1MDcgMCwtNS40MTkzN2MtMC45NzcyMSwtMS42NzQzIC0yLjc4MDIzLC0yLjY5MjczIC00LjcxODY1LC0yLjY2NTMyaC04My43NzQ0MWwyNi42NTgwNCwtMjYuNjU4MDRjMS41ODcwNiwtMS41NDU2NiAyLjA2MzM2LC0zLjkwNjY2IDEuMTk5NjYsLTUuOTQ2NzNjLTAuODYzNywtMi4wNDAwNyAtMi44OTA0OCwtMy4zNDEzNCAtNS4xMDQ5MywtMy4yNzc1NnpNMTMwLjc5MTY3LDExOC4yNWMtMi45Njg1MywwIC01LjM3NSwyLjQwNjQ3IC01LjM3NSw1LjM3NWMwLDIuOTY4NTMgMi40MDY0Nyw1LjM3NSA1LjM3NSw1LjM3NWMyLjk2ODUzLDAgNS4zNzUsLTIuNDA2NDcgNS4zNzUsLTUuMzc1YzAsLTIuOTY4NTMgLTIuNDA2NDcsLTUuMzc1IC01LjM3NSwtNS4zNzV6TTE0OC43MDgzMywxMTguMjVjLTIuOTY4NTMsMCAtNS4zNzUsMi40MDY0NyAtNS4zNzUsNS4zNzVjMCwyLjk2ODUzIDIuNDA2NDcsNS4zNzUgNS4zNzUsNS4zNzVjMi45Njg1MywwIDUuMzc1LC0yLjQwNjQ3IDUuMzc1LC01LjM3NWMwLC0yLjk2ODUzIC0yLjQwNjQ3LC01LjM3NSAtNS4zNzUsLTUuMzc1eiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+")
}

@media only screen and (min-width: 1024px) {
    #headerTop {
        padding: 0 30px
    }
}

#headerTopLanguage {
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer;
    position: relative;
    display: flex;
    height: 48px
}

#headerTopLanguage .headerTopLanguageBtn {
    display: flex;
    height: 48px;
    color: #000;
    align-items: center;
    text-transform: uppercase
}

@media (hover: hover) {
    #headerTopLanguage .headerTopLanguageBtn:hover {
        text-decoration: underline;
        text-decoration-thickness: 3px;
        text-decoration-color: rgba(0, 0, 0, .2)
    }
}

#headerTopLanguage .headerTopLanguageBtn::before {
    content: "";
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 6px 0 0;
    background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDIzLjk3NjU2MiAzLjk3ODUxNTYgQSAxLjUwMDE1IDEuNTAwMTUgMCAwIDAgMjMuNzE4NzUgNC4wMDc4MTI1IEMgMTIuODIwNTQ5IDQuMTU5NTIzMiA0IDEzLjA2NjQyNyA0IDI0IEMgNCAzNC45Mzc1MTggMTIuODI2ODM1IDQzLjg0ODcgMjMuNzMwNDY5IDQzLjk5NDE0MSBBIDEuNTAwMTUgMS41MDAxNSAwIDAgMCAyNC4yNzkyOTcgNDMuOTkyMTg4IEMgMzUuMTc4NCA0My44NDE1MTcgNDQgMzQuOTM0MjI4IDQ0IDI0IEMgNDQgMTMuMDY0NDQ2IDM1LjE3NjMxOSA0LjE1NDQyMjggMjQuMjc1MzkxIDQuMDA1ODU5NCBBIDEuNTAwMTUgMS41MDAxNSAwIDAgMCAyMy45NzY1NjIgMy45Nzg1MTU2IHogTSAyMi41IDcuMzUzNTE1NiBMIDIyLjUgMTYgTCAxNy4xMDE1NjIgMTYgQyAxNy41Mjc3MTEgMTQuNDAwMjk4IDE3Ljk4ODAyOSAxMi44Mjg3MTggMTguNjE3MTg4IDExLjYwMzUxNiBDIDE5Ljc2OTk2OSA5LjM1ODYyMzMgMjEuMTMzODEyIDcuOTU2NzA4OSAyMi41IDcuMzUzNTE1NiB6IE0gMjUuNSA3LjM1MzUxNTYgQyAyNi44NjYxODggNy45NTY3MDg5IDI4LjIzMDAzMSA5LjM1ODYyMzMgMjkuMzgyODEyIDExLjYwMzUxNiBDIDMwLjAxMTk3MSAxMi44Mjg3MTggMzAuNDcyMjg4IDE0LjQwMDI5OCAzMC44OTg0MzggMTYgTCAyNS41IDE2IEwgMjUuNSA3LjM1MzUxNTYgeiBNIDE2Ljk2NDg0NCA4LjUzMTI1IEMgMTYuNjAzMjA5IDkuMDY3NDE2NCAxNi4yNTc3OTggOS42Mjc3MDAzIDE1Ljk0NzI2NiAxMC4yMzI0MjIgQyAxNS4wODg3MDEgMTEuOTA0MzY0IDE0LjQ0MTc3NiAxMy44ODU5NTggMTMuOTQzMzU5IDE2IEwgOC45OTYwOTM4IDE2IEMgMTAuNzQ5ODQ2IDEyLjcxMDAzMSAxMy41NTUwMSAxMC4wODA0MjYgMTYuOTY0ODQ0IDguNTMxMjUgeiBNIDMxLjAzMzIwMyA4LjUzMTI1IEMgMzQuNDQzNzYyIDEwLjA4MDMyNiAzNy4yNDk4NzkgMTIuNzA5NTE0IDM5LjAwMzkwNiAxNiBMIDM0LjA1NjY0MSAxNiBDIDMzLjU1ODIyNCAxMy44ODU5NTggMzIuOTExMjk5IDExLjkwNDM2NCAzMi4wNTI3MzQgMTAuMjMyNDIyIEMgMzEuNzQxOTk4IDkuNjI3MzAyMyAzMS4zOTUxMSA5LjA2NzcwMzEgMzEuMDMzMjAzIDguNTMxMjUgeiBNIDcuNzQ4MDQ2OSAxOSBMIDEzLjUxNTYyNSAxOSBDIDEzLjI4NjY2NyAyMC42MzM0MjggMTMgMjIuMjMxODg5IDEzIDI0IEMgMTMgMjUuNzY4MTExIDEzLjI4NjY2NyAyNy4zNjY1NzIgMTMuNTE1NjI1IDI5IEwgNy43NDgwNDY5IDI5IEMgNy4yNjQzMjg5IDI3LjQxOTY3NSA3IDI1Ljc0MTI0OSA3IDI0IEMgNyAyMi4yNTg3NTEgNy4yNjQzMjg5IDIwLjU4MDMyNSA3Ljc0ODA0NjkgMTkgeiBNIDE2LjUyMTQ4NCAxOSBMIDIyLjUgMTkgTCAyMi41IDI5IEwgMTYuNTIxNDg0IDI5IEMgMTYuMjcxMzg5IDI3LjM4ODEyMyAxNiAyNS43Nzk1MDMgMTYgMjQgQyAxNiAyMi4yMjA0OTcgMTYuMjcxMzg5IDIwLjYxMTg3NyAxNi41MjE0ODQgMTkgeiBNIDI1LjUgMTkgTCAzMS40Nzg1MTYgMTkgQyAzMS43Mjg2MTEgMjAuNjExODc3IDMyIDIyLjIyMDQ5NyAzMiAyNCBDIDMyIDI1Ljc3OTUwMyAzMS43Mjg2MTEgMjcuMzg4MTIzIDMxLjQ3ODUxNiAyOSBMIDI1LjUgMjkgTCAyNS41IDE5IHogTSAzNC40ODQzNzUgMTkgTCA0MC4yNTE5NTMgMTkgQyA0MC43MzU2NzEgMjAuNTgwMzI1IDQxIDIyLjI1ODc1MSA0MSAyNCBDIDQxIDI1Ljc0MTI0OSA0MC43MzU2NzEgMjcuNDE5Njc1IDQwLjI1MTk1MyAyOSBMIDM0LjQ4NDM3NSAyOSBDIDM0LjcxMzMzMyAyNy4zNjY1NzIgMzUgMjUuNzY4MTExIDM1IDI0IEMgMzUgMjIuMjMxODg5IDM0LjcxMzMzMyAyMC42MzM0MjggMzQuNDg0Mzc1IDE5IHogTSA4Ljk5NjA5MzggMzIgTCAxMy45NDMzNTkgMzIgQyAxNC40NDE3NzYgMzQuMTE0MDQyIDE1LjA4ODcwMSAzNi4wOTU2MzYgMTUuOTQ3MjY2IDM3Ljc2NzU3OCBDIDE2LjI1ODAwMiAzOC4zNzI2OTggMTYuNjA0ODkgMzguOTMyMjk3IDE2Ljk2Njc5NyAzOS40Njg3NSBDIDEzLjU1NjIzOCAzNy45MTk2NzQgMTAuNzUwMTIxIDM1LjI5MDQ4NiA4Ljk5NjA5MzggMzIgeiBNIDE3LjEwMTU2MiAzMiBMIDIyLjUgMzIgTCAyMi41IDQwLjY0NjQ4NCBDIDIxLjEzMzgxMiA0MC4wNDMyOTEgMTkuNzY5OTY5IDM4LjY0MTM3NiAxOC42MTcxODggMzYuMzk2NDg0IEMgMTcuOTg4MDI5IDM1LjE3MTI4MiAxNy41Mjc3MTEgMzMuNTk5NzAyIDE3LjEwMTU2MiAzMiB6IE0gMjUuNSAzMiBMIDMwLjg5ODQzOCAzMiBDIDMwLjQ3MjI4OSAzMy41OTk3MDIgMzAuMDExOTcxIDM1LjE3MTI4MiAyOS4zODI4MTIgMzYuMzk2NDg0IEMgMjguMjMwMDMxIDM4LjY0MTM3NiAyNi44NjYxODggNDAuMDQzMjkxIDI1LjUgNDAuNjQ2NDg0IEwgMjUuNSAzMiB6IE0gMzQuMDU2NjQxIDMyIEwgMzkuMDAzOTA2IDMyIEMgMzcuMjUwMTU0IDM1LjI4OTk2OSAzNC40NDQ5OSAzNy45MTk1NzQgMzEuMDM1MTU2IDM5LjQ2ODc1IEMgMzEuMzk2NzkxIDM4LjkzMjU4NCAzMS43NDIyMDIgMzguMzcyMyAzMi4wNTI3MzQgMzcuNzY3NTc4IEMgMzIuOTExMjk5IDM2LjA5NTYzNiAzMy41NTgyMjQgMzQuMTE0MDQyIDM0LjA1NjY0MSAzMiB6Ij48L3BhdGg+PC9zdmc+")
}

#headerTopLanguage .headerTopLanguageBtn::after {
    content: "";
    width: 18px;
    height: 24px;
    float: right;
    margin: 2px 0 0 3px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url("data:image/svg+xml;base64,PCEtLSBSZXBsYWNlIHRoZSBjb250ZW50cyBvZiB0aGlzIGVkaXRvciB3aXRoIHlvdXIgU1ZHIGNvZGUgLS0+Cgo8c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAyNCI+PHBhdGggZD0iTTYuNDMsNy41bC0xLjUsMS41LDYuMDcsNi4wNyw2LjA3LTYuMDctMS41LTEuNS00LjU3LDQuNTdMNi40Myw3LjVaIi8+PC9zdmc+")
}

#headerTopLanguage .headerTopLanguageBtn:hover {
    cursor: pointer
}

#headerTopLanguage .headerTopLanguagePopup {
    position: absolute;
    visibility: visible;
    width: 300px;
    top: 100%;
    right: 0px;
    z-index: 1001;
    border: 2px solid #000;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2);
    background-color: #fff;
    transition: opacity .25s ease-in-out, transform .25s ease-in-out, visibility .25s ease-in-out;
    transform-origin: top center;
    border-radius: 12px
}

#headerTopLanguage .headerTopLanguagePopup.headerTopLanguagePopupHidden {
    opacity: 0;
    transform: scale(0.9);
    visibility: hidden
}

#headerTopLanguage .headerTopLanguagePopupInner {
    padding: 10px
}

#headerTopLanguage .headerTopLanguagePopupInner a {
    display: flex;
    height: 44px;
    padding: 0 10px;
    align-items: center;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer;
    color: #000;
    border-radius: 6px
}

#headerTopLanguage .headerTopLanguagePopupInner a::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0px 10px 0 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.lang-sl::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMzAiIGhlaWdodD0iMzAiCnZpZXdCb3g9IjAgMCAzMCAzMCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBmaWxsPSIjZjJmYWZmIiBkPSJNMC41IDQuNUgyOS41VjI1LjVIMC41eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNhM2I3Y2MiIGQ9Ik0yOSw1djIwSDFWNUgyOSBNMzAsNEgwdjIyaDMwVjRMMzAsNHoiPjwvcGF0aD48cGF0aCBmaWxsPSIjZjc4ZjhmIiBkPSJNMC41IDE1LjVIMjkuNVYyNS41SDAuNXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjYzc0MzQzIiBkPSJNMjksMTZ2OUgxdi05SDI5IE0zMCwxNUgwdjExaDMwVjE1TDMwLDE1eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiM4YmI3ZjAiIGQ9Ik0wLjUgMTEuNUgyOS41VjE4LjVIMC41eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiM0ZTdhYjUiIGQ9Ik0yOSwxMnY2SDF2LTZIMjkgTTMwLDExSDB2OGgzMFYxMUwzMCwxMXoiPjwvcGF0aD48Zz48cGF0aCBmaWxsPSIjOGJiN2YwIiBkPSJNOCwxNi40NjVDNy4yOTUsMTYuMTY2LDQuNSwxNC42ODgsNC41LDEwVjguNWg3VjEwQzExLjUsMTQuNjg4LDguNzA1LDE2LjE2Niw4LDE2LjQ2NXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjNGU3YWI1IiBkPSJNMTEsOXYxYzAsNC4wMi0yLjE3NSw1LjQ5OC0yLjk5OSw1LjkxM0M3LjE3LDE1LjQ5NCw1LDE0LjAxNSw1LDEwVjlIMTEgTTEyLDhINHYyYzAsNS43MTEsNCw3LDQsNyBzNC0xLjI4OSw0LTdWOEwxMiw4eiI+PC9wYXRoPjwvZz48cGF0aCBmaWxsPSIjYzc0MzQzIiBkPSJNMTEsOHYxdjFjMCw0LjAyLTIuMTc1LDUuNDk4LTIuOTk5LDUuOTEzQzcuMTcsMTUuNDk0LDUsMTQuMDE1LDUsMTBWOVY4SDR2MmMwLDUuNzExLDQsNyw0LDcJczQtMS4yODksNC03VjhIMTF6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTguMDAxLDE1LjkxM2MwLjY4NC0wLjM0NSwyLjI5Ny0xLjQyOSwyLjgyNS00LjA4N0wxMCwxMWwtMSwxbC0xLTJsLTEsMmwtMS0xbC0wLjgyNiwwLjgyNglDNS43MDEsMTQuNDgxLDcuMzExLDE1LjU2NSw4LjAwMSwxNS45MTN6Ij48L3BhdGg+PC9zdmc+")
}

.lang-en::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMzAiIGhlaWdodD0iMzAiCnZpZXdCb3g9IjAgMCAzMCAzMCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBmaWxsPSIjOGJiN2YwIiBkPSJNMC41IDUuNUgyOS41VjI0LjVIMC41eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiM0ZTdhYjUiIGQ9Ik0yOSw2djE4SDFWNkgyOSBNMzAsNUgwdjIwaDMwVjVMMzAsNXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMSA4LjcxTDE0LjI0MyAxNi44ODcgMTYuMjM0IDEzLjU5NSAzLjkzMiA2IDEgNnoiPjwvcGF0aD48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjkgNkwyNi43MDMgNiAxNC40MDIgMTMuNTk1IDE2LjM5MyAxNi44ODcgMjkgOS4xMDJ6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjM5MyAxMi42MDNMMTQuNDAyIDE1Ljg5NCAyNy41MzEgMjQgMjkgMjQgMjkgMjAuMzg3eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xIDIwLjc4TDEgMjQgMy4xMDYgMjQgMTYuMjM0IDE1Ljg5NSAxNC4yNDMgMTIuNjAzeiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xIDEzSDI5VjE3SDF6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEzIDZIMTdWMjRIMTN6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2Y3OGY4ZiIgZD0iTTEuNSAxNC41SDI4LjVWMTUuNUgxLjV6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2M3NDM0MyIgZD0iTTI5IDE0TDEgMTQgMSAxNiAyOSAxNiAyOSAxNHoiPjwvcGF0aD48cGF0aCBmaWxsPSIjZjc4ZjhmIiBkPSJNMTQuNSA2LjVIMTUuNVYyMy41SDE0LjV6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2M3NDM0MyIgZD0iTTE1IDd2MTZWN00xNiA2aC0ydjE4aDJWNkwxNiA2ek0yOSA2TDI4LjA3NiA2IDE3LjE4NyAxMyAxOS4wMzYgMTMgMjkgNi41OTR6TTEyLjgxMyAxN0wxMC45NjQgMTcgMSAyMy40MDYgMSAyNCAxLjkyNCAyNHpNMSA2LjY2TDEgNy44NCA5LjI1NyAxMyAxMS4xNDMgMTN6TTI5IDIxLjIxN0wyMS45NzIgMTcgMjAuMDI4IDE3IDI5IDIyLjM4M3oiPjwvcGF0aD48L3N2Zz4=")
}

.lang-hr::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMTYiIGhlaWdodD0iMTYiCnZpZXdCb3g9IjAgMCA0MCA0MCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cmVjdCB3aWR0aD0iMzkiIGhlaWdodD0iMTEiIHg9Ii41IiB5PSIxNC41IiBmaWxsPSIjZjJmYWZmIj48L3JlY3Q+PHBhdGggZmlsbD0iI2EzYjdjYyIgZD0iTTM5LDE1djEwSDFWMTVIMzkgTTQwLDE0SDB2MTJoNDBWMTRMNDAsMTR6Ij48L3BhdGg+PHJlY3Qgd2lkdGg9IjM5IiBoZWlnaHQ9IjkiIHg9Ii41IiB5PSIyNS41IiBmaWxsPSIjOGJiN2YwIj48L3JlY3Q+PHBhdGggZmlsbD0iIzRlN2FiNSIgZD0iTTM5LDI2djhIMXYtOEgzOSBNNDAsMjVIMHYxMGg0MFYyNUw0MCwyNXoiPjwvcGF0aD48cmVjdCB3aWR0aD0iMzkiIGhlaWdodD0iOSIgeD0iLjUiIHk9IjUuNSIgZmlsbD0iI2Y3OGY4ZiI+PC9yZWN0PjxwYXRoIGZpbGw9IiNjNzQzNDMiIGQ9Ik0zOSw2djhIMVY2SDM5IE00MCw1SDB2MTBoNDBWNUw0MCw1eiI+PC9wYXRoPjxnPjxwYXRoIGZpbGw9IiNmNzhmOGYiIGQ9Ik0yMCwyNy41Yy0zLjAzMiwwLTUuNS0yLjQ2OC01LjUtNS41di03LjVoMTFWMjJDMjUuNSwyNS4wMzIsMjMuMDMyLDI3LjUsMjAsMjcuNXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjYzc0MzQzIiBkPSJNMjUsMTV2N2MwLDIuNzU3LTIuMjQzLDUtNSw1cy01LTIuMjQzLTUtNXYtN0gyNSBNMjYsMTRIMTR2OGMwLDMuMzE0LDIuNjg2LDYsNiw2czYtMi42ODYsNi02VjE0IEwyNiwxNHoiPjwvcGF0aD48cGF0aCBmaWxsPSIjZjc4ZjhmIiBkPSJNMjUsMTVIMTV2N2MwLDIuNzU3LDIuMjQzLDUsNSw1czUtMi4yNDMsNS01VjE1eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNmMmZhZmYiIGQ9Ik0yMSwyNi44OTljMC43NDMtMC4xNTIsMS40MTYtMC40ODIsMi0wLjkyNFYyNWgtMlYyNi44OTl6Ij48L3BhdGg+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMjEiIHk9IjIxIiBmaWxsPSIjZjJmYWZmIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMjEiIHk9IjE3IiBmaWxsPSIjZjJmYWZmIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMTkiIHk9IjIzIiBmaWxsPSIjZjJmYWZmIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMTkiIHk9IjE5IiBmaWxsPSIjZjJmYWZmIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMTkiIHk9IjE1IiBmaWxsPSIjZjJmYWZmIj48L3JlY3Q+PHBhdGggZmlsbD0iI2YyZmFmZiIgZD0iTTE3LDI1Ljk3NWMwLjU4NCwwLjQ0MiwxLjI1NywwLjc3MywyLDAuOTI0VjI1aC0yVjI1Ljk3NXoiPjwvcGF0aD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSIxNyIgeT0iMjEiIGZpbGw9IiNmMmZhZmYiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSIxNyIgeT0iMTciIGZpbGw9IiNmMmZhZmYiPjwvcmVjdD48cGF0aCBmaWxsPSIjZjJmYWZmIiBkPSJNMTYuMDI1LDI1SDE3di0yaC0xLjg5OUMxNS4yNTMsMjMuNzQzLDE1LjU4MywyNC40MTYsMTYuMDI1LDI1eiI+PC9wYXRoPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjE1IiB5PSIxOSIgZmlsbD0iI2YyZmFmZiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjE1IiB5PSIxNSIgZmlsbD0iI2YyZmFmZiI+PC9yZWN0PjxwYXRoIGZpbGw9IiNmMmZhZmYiIGQ9Ik0yNC44OTksMjNIMjN2MmgwLjk3NUMyNC40MTcsMjQuNDE2LDI0Ljc0NywyMy43NDMsMjQuODk5LDIzeiI+PC9wYXRoPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjIzIiB5PSIxOSIgZmlsbD0iI2YyZmFmZiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjIzIiB5PSIxNSIgZmlsbD0iI2YyZmFmZiI+PC9yZWN0PjwvZz48Zz48cGF0aCBmaWxsPSIjOGVlNGVmIiBkPSJNMTQuMzIxLDE0LjU4NkwxMywxMS41OTlsMC45NzUtMS41OTZsMS43NSwwLjY1bDAuODA0LDMuMTYyIEMxNi41MjgsMTMuODE2LDE1LjI4NSwxNC4xMzksMTQuMzIxLDE0LjU4NnoiPjwvcGF0aD48cGF0aCBmaWxsPSIjNGU3YWI1IiBkPSJNMTguODI3LDEzLjQzOGwtMC4yNjMtMy4yNTRsLTEuNjE4LTAuOTM1bC0xLjIyMywxLjQwNGwwLjgwOCwzLjE1OSBDMTYuNTMyLDEzLjgxMiwxNy44MDcsMTMuNDk3LDE4LjgyNywxMy40Mzh6Ij48L3BhdGg+PHBhdGggZmlsbD0iIzRlN2FiNSIgZD0iTTIxLjE3NiwxMy40MzhsMC4yNjMtMy4yNTRsMS42MTgtMC45MzVsMS4yMjMsMS40MDRsLTAuODA4LDMuMTU5IEMyMy40NzIsMTMuODEyLDIyLjE5NywxMy40OTcsMjEuMTc2LDEzLjQzOHoiPjwvcGF0aD48cGF0aCBmaWxsPSIjOGVlNGVmIiBkPSJNMjEuMTc2LDEzLjQzOGwwLjI2My0zLjI1NEwyMC4wMDIsOWwtMS40MzgsMS4xODRsMC4yNjMsMy4yNTQgQzE4LjgyNywxMy40MzgsMjAuMjU5LDEzLjMyOCwyMS4xNzYsMTMuNDM4eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiM0ZmMzZjciIGQ9Ik0yNS42NzgsMTQuNTg2TDI3LDExLjU5OWwtMC45NzUtMS41OTZsLTEuNzUsMC42NWwtMC44MDQsMy4xNjIgQzIzLjQ3MiwxMy44MTYsMjQuNzE1LDE0LjEzOSwyNS42NzgsMTQuNTg2eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiM4ZWU0ZWYiIGQ9Ik0yNS42NzgsMTQuNTg2TDI3LDExLjU5OWwtMC45NzUtMS41OTZsLTEuNzUsMC42NWwtMC44MDQsMy4xNjIgQzIzLjQ3MiwxMy44MTYsMjQuNzE1LDE0LjEzOSwyNS42NzgsMTQuNTg2eiI+PC9wYXRoPjwvZz48L3N2Zz4=")
}

@media (hover: hover) {
    #headerTopLanguage .headerTopLanguagePopupInner a:hover {
        background-color: rgba(0, 0, 0, .1);
        text-decoration: none
    }
}

@media (hover: none) {
    #headerTopLanguage .headerTopLanguagePopupInner a:active {
        background-color: rgba(0, 0, 0, .1)
    }
}

@media only screen and (min-width: 1024px) {
    #headerTopLanguage .headerTopLanguagePopup {
        right: -20px
    }
}

@media only screen and (max-width: 1023px) {
    #headerTopLanguage {
        align-self: center;
        margin: 0
    }

    #headerTopRight {
        padding-right: 10px
    }

    #headerTopLanguage .headerTopLanguageBtn {
        padding: 0
    }

    #headerTopLanguage .headerTopLanguageBtn::after {
        display: none
    }

    #headerTopLanguage .headerTopLanguageBtn {
        position: relative;
        width: 48px
    }

    #headerTopLanguage .headerTopLanguageBtn span {
        display: flex;
        line-height: 16px;
        position: absolute;
        background-color: #fff;
        height: 16px;
        min-width: 16px;
        border-top-left-radius: 8px;
        bottom: 6px;
        right: 4px;
        z-index: 5;
        padding: 0 5px;
        font-size: .625em
    }

    #headerTopLanguage .headerTopLanguageBtn::before {
        width: 28px;
        height: 28px;
        margin: 0 auto
    }
}

#headerLogo {
    display: flex;
    width: 371px;
    flex-shrink: 0
}

#logo {
    display: flex;
    width: 100%
}

#logo img {
    display: block;
    width: 100%;
    height: auto
}

nav#headerNav {
    display: block;
    width: 100%;
    padding: 50px 10px 0 50px
}

nav#headerNav #headerNavInner {
    display: flex;
    width: 100%;
    flex-flow: row
}

nav#headerNav .headerNavToolbar {
    display: flex;
    flex-flow: row;
    align-items: center
}

nav#headerNav .headerNavAccount {
    position: relative;
    display: flex;
    padding: 0 20px 0 10px;
    height: 48px
}

nav#headerNav .headerNavAccountBtn {
    display: flex;
    height: 48px;
    color: #000;
    align-items: center;
    padding: 0 20px;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 24px
}

nav#headerNav .headerNavAccountBtn::before {
    content: "";
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 6px 0 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDI0IDQgQyAxOC40OTQ5MTcgNCAxNCA4LjQ5NDkyMSAxNCAxNCBDIDE0IDE5LjUwNTA3OSAxOC40OTQ5MTcgMjQgMjQgMjQgQyAyOS41MDUwODMgMjQgMzQgMTkuNTA1MDc5IDM0IDE0IEMgMzQgOC40OTQ5MjEgMjkuNTA1MDgzIDQgMjQgNCB6IE0gMjQgNyBDIDI3Ljg4Mzc2NCA3IDMxIDEwLjExNjIzOCAzMSAxNCBDIDMxIDE3Ljg4Mzc2MiAyNy44ODM3NjQgMjEgMjQgMjEgQyAyMC4xMTYyMzYgMjEgMTcgMTcuODgzNzYyIDE3IDE0IEMgMTcgMTAuMTE2MjM4IDIwLjExNjIzNiA3IDI0IDcgeiBNIDExLjk3ODUxNiAyOCBDIDkuNzk4NzA0NCAyOCA4IDI5Ljc5ODcwNSA4IDMxLjk3ODUxNiBMIDggMzMuNSBDIDggMzcuMTA0MTY3IDEwLjI3OTI3IDM5Ljg5MjIyNyAxMy4zMDY2NDEgNDEuNTYyNSBDIDE2LjMzNDAxMSA0My4yMzI3NzMgMjAuMTY4MTAzIDQ0IDI0IDQ0IEMgMjcuODMxODk3IDQ0IDMxLjY2NTk4OSA0My4yMzI3NzMgMzQuNjkzMzU5IDQxLjU2MjUgQyAzNy4yNzQ2NDEgNDAuMTM4MzQ1IDM5LjIxNzMzNSAzNy44NjI2MTYgMzkuNzYxNzE5IDM1IEwgNDAuMDAxOTUzIDM1IEwgNDAuMDAxOTUzIDMxLjk3ODUxNiBDIDQwLjAwMTk1MyAyOS43OTg3MDUgMzguMjAxMjk1IDI4IDM2LjAyMTQ4NCAyOCBMIDExLjk3ODUxNiAyOCB6IE0gMTEuOTc4NTE2IDMxIEwgMzYuMDIxNDg0IDMxIEMgMzYuNTc5Njc0IDMxIDM3LjAwMTk1MyAzMS40MjAzMjYgMzcuMDAxOTUzIDMxLjk3ODUxNiBMIDM3LjAwMTk1MyAzMiBMIDM3IDMyIEwgMzcgMzMuNSBDIDM3IDM1Ljg5NTgzMyAzNS42NTQyNyAzNy42MDc3NzMgMzMuMjQ0MTQxIDM4LjkzNzUgQyAzMC44MzQwMTEgNDAuMjY3MjI3IDI3LjQxODEwMyA0MSAyNCA0MSBDIDIwLjU4MTg5NyA0MSAxNy4xNjU5ODkgNDAuMjY3MjI3IDE0Ljc1NTg1OSAzOC45Mzc1IEMgMTIuMzQ1NzMgMzcuNjA3NzczIDExIDM1Ljg5NTgzMyAxMSAzMy41IEwgMTEgMzEuOTc4NTE2IEMgMTEgMzEuNDIwMzI2IDExLjQyMDMyNiAzMSAxMS45Nzg1MTYgMzEgeiI+PC9wYXRoPjwvc3ZnPg==");
    background-size: contain
}

nav#headerNav .headerNavAccountBtn::after, .mainNavBtn.dropdown::after {
    content: "";
    width: 18px;
    height: 24px;
    float: right;
    margin: 2px 0 0 3px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url("data:image/svg+xml;base64,PCEtLSBSZXBsYWNlIHRoZSBjb250ZW50cyBvZiB0aGlzIGVkaXRvciB3aXRoIHlvdXIgU1ZHIGNvZGUgLS0+Cgo8c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAyNCI+PHBhdGggZD0iTTYuNDMsNy41bC0xLjUsMS41LDYuMDcsNi4wNyw2LjA3LTYuMDctMS41LTEuNS00LjU3LDQuNTdMNi40Myw3LjVaIi8+PC9zdmc+")
}

.mainNavBtn.dropdown::after {
    background-image: url("data:image/svg+xml;base64,PCEtLSBSZXBsYWNlIHRoZSBjb250ZW50cyBvZiB0aGlzIGVkaXRvciB3aXRoIHlvdXIgU1ZHIGNvZGUgLS0+Cgo8c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAyNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNlYjIyMmM7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYuNDMsNy41bC0xLjUsMS41LDYuMDcsNi4wNyw2LjA3LTYuMDctMS41LTEuNS00LjU3LDQuNTdMNi40Myw3LjVaIi8+PC9zdmc+")
}

.mainNavBtn.dropdown.open::after {
    transform: rotate(180deg);
    background-position: bottom -1px left -4px
}

@media (hover: hover) {
    nav#headerNav .headerNavAccountBtn:hover {
        cursor: pointer;
        background: rgba(0, 0, 0, .1)
    }
}

@media (hover: none) {
    nav#headerNav .headerNavAccountBtn:active {
        cursor: pointer;
        background: #000
    }
}

nav#headerNav .headerNavAccountPopup, nav#headerNav .headerNavLoginPopup {
    position: absolute;
    visibility: visible;
    width: 300px;
    top: 100%;
    right: 20px;
    z-index: 1001;
    border: 2px solid #000;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2);
    background-color: #fff;
    transition: opacity .25s ease-in-out, transform .25s ease-in-out, visibility .25s ease-in-out;
    transform-origin: top center;
    border-radius: 12px
}

nav#headerNav .headerNavAccountPopup.headerNavAccountPopupHidden, nav#headerNav .headerNavLoginPopup.headerNavLoginPopupHidden {
    opacity: 0;
    transform: scale(0.9);
    visibility: hidden
}

nav#headerNav .headerNavLoginPopupInner, nav#headerNav .headerNavAccountPopupInner {
    padding: 10px
}

nav#headerNav .headerNavLoginPopupInner a, nav#headerNav .headerNavAccountPopupInner a, .headerNavAccountLogout {
    display: flex;
    height: 44px;
    padding: 0 10px;
    align-items: center;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer;
    border-radius: 6px
}

@media (hover: hover) {
    nav#headerNav .headerNavLoginPopupInner a:hover, nav#headerNav .headerNavAccountPopupInner a:hover, .headerNavAccountLogout:hover {
        background-color: rgba(0, 0, 0, .1)
    }
}

@media (hover: none) {
    nav#headerNav .headerNavLoginPopupInner a:active, nav#headerNav .headerNavAccountPopupInner a:active, .headerNavAccountLogout:active {
        background-color: rgba(0, 0, 0, .1)
    }
}

.headerNavPopupDivider {
    display: flex;
    width: 100%;
    padding: 10px
}

.headerNavPopupDivider div {
    display: block;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, .1)
}

#headerNotification {
    display: flex;
    max-width: 1460px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    transition: max-height .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
    max-height: 200px
}

#headerNotification.notificationHidden {
    max-height: 0
}

#headerNotificationInner {
    position: relative;
    display: flex;
    width: 100%;
    flex-flow: column;
    justify-content: center;
    min-height: 44px;
    color: #fff;
    text-align: center;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    padding: 0 46px 0 46px;
    background: #7d7d7d
}

#headerNotificationCoupon {
    display: block;
    text-align: center;
    line-height: 1em;
    min-height: 30px;
    padding: 8px 0 2px 0;
    cursor: pointer
}

#headerNotificationText {
    display: block;
    color: #fff;
    padding: 0 0 8px 0;
    line-height: 1em;
    min-height: 28px
}

#headerNotificationTextInner {
    display: inline-block;
    font-size: .8125rem;
    line-height: 1em;
    opacity: .8;
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

#headerNotificationAlert {
    display: flex;
    color: #fff;
    padding: 8px 0;
    justify-content: center;
    align-items: center
}

#headerNotificationAlertInner {
    display: block;
    font-size: 1rem;
    line-height: 1.4em
}

@media (hover: hover) {
    #headerNotificationText:hover #headerNotificationTextInner, #headerNotificationCoupon:hover #headerNotificationCode {
        border-bottom: 2px dotted #fff;
        opacity: 1
    }
}

@media (hover: none) {
    #headerNotificationText:active #headerNotificationTextInner, #headerNotificationCoupon:active #headerNotificationCode {
        border-bottom: 2px dotted #fff;
        opacity: 1
    }
}

#headerNotificationCopy {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 6px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTI4LjY2NjY3LDE0LjMzMzMzYy03LjkxOTE3LDAgLTE0LjMzMzMzLDYuNDE0MTcgLTE0LjMzMzMzLDE0LjMzMzMzdjEwMC4zMzMzM2gxNC4zMzMzM3YtMTAwLjMzMzMzaDEwMC4zMzMzM3YtMTQuMzMzMzN6TTU3LjMzMzMzLDQzYy03LjkxOTE3LDAgLTE0LjMzMzMzLDYuNDE0MTcgLTE0LjMzMzMzLDE0LjMzMzMzdjg2YzAsNy45MTkxNyA2LjQxNDE3LDE0LjMzMzMzIDE0LjMzMzMzLDE0LjMzMzMzaDg2YzcuOTE5MTcsMCAxNC4zMzMzMywtNi40MTQxNyAxNC4zMzMzMywtMTQuMzMzMzN2LTg2YzAsLTcuOTE5MTcgLTYuNDE0MTcsLTE0LjMzMzMzIC0xNC4zMzMzMywtMTQuMzMzMzN6TTU3LjMzMzMzLDU3LjMzMzMzaDg2djg2aC04NnoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==") 50% 50% no-repeat;
    background-size: 100%
}

#headerNotificationClose {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 44px;
    cursor: pointer;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTQwLjkwMDM5LDMwLjc2NjI4bC0xMC4xMzQxMSwxMC4xMzQxMWw0NS4wOTk2MSw0NS4wOTk2MWwtNDUuMDk5NjEsNDUuMDk5NjFsMTAuMTM0MTEsMTAuMTM0MTFsNDUuMDk5NjEsLTQ1LjA5OTYxbDQ1LjA5OTYxLDQ1LjA5OTYxbDEwLjEzNDExLC0xMC4xMzQxMWwtNDUuMDk5NjEsLTQ1LjA5OTYxbDQ1LjA5OTYxLC00NS4wOTk2MWwtMTAuMTM0MTEsLTEwLjEzNDExbC00NS4wOTk2MSw0NS4wOTk2MXoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==") 50% 50% no-repeat;
    background-size: 24px 24px;
    transition: background .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media (hover: hover) {
    #headerNotificationClose:hover {
        background-color: rgba(0, 0, 0, .1)
    }
}

@media (hover: none) {
    #headerNotificationClose:active {
        background-color: rgba(0, 0, 0, .1)
    }
}

#mainNav {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    margin: 0 auto;
    padding: 0 0 0 30px;
    z-index: 999;
    justify-content: center
}

#mainNav .mainNavRow {
    display: flex;
    flex-flow: row
}

#mainNav .mainNavBtn {
    display: flex;
    height: 54px;
    line-height: 1em;
    margin: 0 30px;
    color: #000;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    transition: background .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

#mainNav .mainNavBtn::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 0;
    height: 5px;
    background: rgba(0, 0, 0, .2);
    transition: width .3s
}

@media (hover: hover) {
    #mainNav .mainNavBtn:hover {
        cursor: pointer;
        text-decoration: none;
        color: #000
    }

    #mainNav .mainNavBtn:hover::after {
        width: 100%
    }
}

@media (hover: none) {
    #mainNav .mainNavBtn:active {
        cursor: pointer;
        text-decoration: none
    }
}

#mainNav .mainNavBtn.open {
    cursor: pointer;
    text-decoration: none;
    color: #000
}

#mainNav .mainNavDropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    overflow: hidden;
    border: 2px solid #000;
    z-index: 999;
    background-color: #fff;
    padding: 10px;
    transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
    transform-origin: top center;
    justify-content: center;
    border-radius: 12px
}

#mainNav .mainNavDropdown.mainNavDropdownHidden {
    opacity: 0;
    visibility: hidden
}

#mainNav .mainNavDropdownChild {
    display: flex;
    width: 16.66%;
    padding: 10px
}

#mainNav .mainNavDropdownChildInner {
    display: flex;
    flex-flow: column;
    width: 100%
}

#mainNav .mainNavDropdownChildInner picture, #mainNav .mainNavDropdownChildInner img {
    display: block;
    width: 100%;
    height: auto;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

#mainNav .mainNavChildText {
    display: flex;
    width: 100%;
    flex-flow: column
}

#mainNav .mainNavChildTitle, #mainNav .mainNavChildCount {
    display: block;
    width: 100%;
    text-align: center;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

#mainNav .mainNavChildTitle {
    text-transform: uppercase;
    margin-top: 10px;
    font-size: .875rem;
    line-height: 1.2em
}

#mainNav .mainNavChildCount {
    font-size: .875rem;
    color: #aaa
}

@media (hover: hover) {
    #mainNav .mainNavDropdownChild:hover .mainNavChildTitle {
        color: #000
    }

    #mainNav .mainNavDropdownChild:hover img {
        transform: scale(0.95)
    }
}

@media (hover: none) {
    #mainNav .mainNavDropdownChild:active .mainNavChildTitle {
        color: #000
    }

    #mainNav .mainNavDropdownChild:active img {
        transform: scale(0.95)
    }
}

#mainNav .mainNavChildTitle {
    color: #000
}

#mainNav .mainNavLeft, #mainNav .mainNavRight {
    display: flex;
    height: 50px
}

#mainNav .mainNavHello {
    display: flex;
    align-items: center;
    padding-left: 20px
}

#mainNavSavedBtn, #mainNavCompareBtn, #mainNavCart {
    display: flex;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer;
    align-items: center;
    padding: 0 14px;
    border-radius: 24px;
    position: relative;
    height: 48px
}

#mainNavSavedBtn::before, #mainNavCart::before {
    margin: 0
}

#mainNavCompareBtn::before, #headerTopContainer a::before {
    margin-right: 6px
}

#mainNavSavedBtn:hover, #mainNavCompareBtn:hover, #mainNavCart:hover {
    background-color: rgba(0, 0, 0, .1)
}

#mainNavCartText .headerCartSum, #mainNavCartText .headerCartText {
    display: none !important
}

#mainNavCartText .headerCartNum {
    display: flex;
    flex-flow: column;
    font-size: .75rem;
    line-height: 18px;
    background-color: #f00004;
    color: #fff;
    height: 18px;
    min-width: 18px;
    border-radius: 9px;
    padding: 0 5px;
    font-weight: 700;
    text-align: center;
    position: absolute;
    bottom: 8px;
    right: 10px
}

.headerCartEmpty {
    display: none !important
}

.mainNavSavedBtnCount, .mainNavCompareBtnCount {
    display: inline-block;
    padding-left: 4px;
    font-size: .875rem;
    line-height: 1em;
    font-weight: 700
}

.cartBody #mainNavCart {
    cursor: default
}

.cartBody #mainNavCart:hover {
    background-color: rgba(0, 0, 0, 0)
}

.crumblineContainer {
    display: flex;
    width: 100%
}

.crumblineInner {
    display: flex;
    width: 100%;
    padding: 5px 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.crumblineInner ul {
    list-style: none;
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    padding: 0;
    margin: 0
}

.crumblineInner ul li {
    color: rgba(0, 0, 0, .5);
    padding: 0 5px 0 0;
    font-size: .75rem;
    margin: 0
}

.crumblineInner ul li:last-of-type {
    padding: 0
}

.crumblineInner ul li a {
    color: rgba(0, 0, 0, .5);
    white-space: nowrap
}

.crumblineInner ul li.active, .crumblineInner ul li.active a {
    color: #000
}

@media (hover: hover) {
    .crumblineInner ul li a:hover {
        text-decoration: underline
    }

    .crumblineInner ul li.active a:hover {
        text-decoration: none
    }
}

@media (hover: none) {
    .crumblineInner ul li a:active {
        text-decoration: underline
    }

    .crumblineInner ul li.active a:active {
        text-decoration: none
    }
}

@media only screen and (min-width: 1024px) {
    .crumblineContainer {
        max-width: 1460px;
        padding: 0 20px;
        margin: 0 auto;
        background-color: #f2f2f2
    }
}

@media only screen and (max-width: 1023px) {
    .crumblineInner {
        padding: 3px 20px
    }
}

@media only screen and (max-width: 767px) {
    .crumblineInner {
        padding: 3px 10px
    }
}

#mobileMenuBtn {
    display: none;
    width: 48px;
    height: 48px;
    cursor: pointer;
    align-self: center
}

#nav-icon {
    width: 26px;
    height: 20px;
    position: relative;
    margin: 14px auto;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

#nav-icon span:nth-child(1) {
    top: 1px
}

#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
    top: 9px
}

#nav-icon span:nth-child(4) {
    top: 18px
}

#nav-icon.open span:nth-child(1) {
    top: 10px;
    width: 0;
    left: 50%
}

#nav-icon.open span:nth-child(2) {
    transform: rotate(45deg)
}

#nav-icon.open span:nth-child(3) {
    transform: rotate(-45deg)
}

#nav-icon.open span:nth-child(4) {
    top: 10px;
    width: 0;
    left: 50%
}

@media only screen and (max-width: 1023px) {
    #mobileMenuBtn {
        display: flex !important
    }
}

.mm-menu {
    --mm-navbar-size: 54px
}

.mm-navbar__title {
    font-weight: 700
}

.mm-navbar__title > span {
    overflow: visible;
    color: #000
}

.mm-wrapper__blocker {
    background: #000;
    opacity: .5
}

@media only screen and (min-width: 1024px) {
    #mobileLogo, #headerTopCart, #mobileHeaderContainer, #headerTopUser {
        display: none !important
    }
}

@media only screen and (max-width: 1023px) {
    #headerTopLeft, #headerTopPhone, #headerLogo, #mainNav, .headerCartEmpty, .headerNavToolbar {
        display: none !important
    }

    #header {
        margin-top: 54px
    }

    nav#headerNav {
        margin: 0;
        display: none !important
    }

    #headerContainer {
        height: 54px
    }

    #headerTopContainer {
        position: fixed;
        z-index: 1000;
        top: 0;
        height: 54px
    }

    #headerTopContainer.nav-up {
        top: -54px
    }

    nav#headerNav .headerNavAccount {
        display: none
    }

    #headerNotification {
        padding: 0
    }

    #headerNotificationInner {
        margin-top: 0
    }

    #mobileHeaderContainer {
        display: flex;
        flex-flow: row;
        padding-left: 10px
    }

    #mobileLogo {
        display: block;
        align-self: center;
    }

    #mobileLogo, #mobileLogo img {
        display: block;
        height: 36px;
        width: auto
    }

    #headerTopUser {
        display: block;
        margin: 0;
        position: relative;
        width: 48px;
        height: 48px;
        align-self: center;
        background-size: 28px 28px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDI0IDQgQyAxOC40OTQ5MTcgNCAxNCA4LjQ5NDkyMSAxNCAxNCBDIDE0IDE5LjUwNTA3OSAxOC40OTQ5MTcgMjQgMjQgMjQgQyAyOS41MDUwODMgMjQgMzQgMTkuNTA1MDc5IDM0IDE0IEMgMzQgOC40OTQ5MjEgMjkuNTA1MDgzIDQgMjQgNCB6IE0gMjQgNyBDIDI3Ljg4Mzc2NCA3IDMxIDEwLjExNjIzOCAzMSAxNCBDIDMxIDE3Ljg4Mzc2MiAyNy44ODM3NjQgMjEgMjQgMjEgQyAyMC4xMTYyMzYgMjEgMTcgMTcuODgzNzYyIDE3IDE0IEMgMTcgMTAuMTE2MjM4IDIwLjExNjIzNiA3IDI0IDcgeiBNIDExLjk3ODUxNiAyOCBDIDkuNzk4NzA0NCAyOCA4IDI5Ljc5ODcwNSA4IDMxLjk3ODUxNiBMIDggMzMuNSBDIDggMzcuMTA0MTY3IDEwLjI3OTI3IDM5Ljg5MjIyNyAxMy4zMDY2NDEgNDEuNTYyNSBDIDE2LjMzNDAxMSA0My4yMzI3NzMgMjAuMTY4MTAzIDQ0IDI0IDQ0IEMgMjcuODMxODk3IDQ0IDMxLjY2NTk4OSA0My4yMzI3NzMgMzQuNjkzMzU5IDQxLjU2MjUgQyAzNy4yNzQ2NDEgNDAuMTM4MzQ1IDM5LjIxNzMzNSAzNy44NjI2MTYgMzkuNzYxNzE5IDM1IEwgNDAuMDAxOTUzIDM1IEwgNDAuMDAxOTUzIDMxLjk3ODUxNiBDIDQwLjAwMTk1MyAyOS43OTg3MDUgMzguMjAxMjk1IDI4IDM2LjAyMTQ4NCAyOCBMIDExLjk3ODUxNiAyOCB6IE0gMTEuOTc4NTE2IDMxIEwgMzYuMDIxNDg0IDMxIEMgMzYuNTc5Njc0IDMxIDM3LjAwMTk1MyAzMS40MjAzMjYgMzcuMDAxOTUzIDMxLjk3ODUxNiBMIDM3LjAwMTk1MyAzMiBMIDM3IDMyIEwgMzcgMzMuNSBDIDM3IDM1Ljg5NTgzMyAzNS42NTQyNyAzNy42MDc3NzMgMzMuMjQ0MTQxIDM4LjkzNzUgQyAzMC44MzQwMTEgNDAuMjY3MjI3IDI3LjQxODEwMyA0MSAyNCA0MSBDIDIwLjU4MTg5NyA0MSAxNy4xNjU5ODkgNDAuMjY3MjI3IDE0Ljc1NTg1OSAzOC45Mzc1IEMgMTIuMzQ1NzMgMzcuNjA3NzczIDExIDM1Ljg5NTgzMyAxMSAzMy41IEwgMTEgMzEuOTc4NTE2IEMgMTEgMzEuNDIwMzI2IDExLjQyMDMyNiAzMSAxMS45Nzg1MTYgMzEgeiI+PC9wYXRoPjwvc3ZnPg==");
        background-repeat: no-repeat;
        background-position: 50% 50%
    }

    nav#headerNav .headerNavSearch {
        position: relative;
        display: flex;
        flex-grow: 1;
        flex-flow: row;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }

    nav#headerNav .headerNavSearchInner {
        display: flex;
        position: relative;
        width: 100%;
        height: 42px
    }

    nav#headerNav .headerNavSearch #searchForm {
        display: flex;
        flex-grow: 1;
        flex-flow: row;
        align-self: center;
        transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    nav#headerNav .headerNavSearch #searchFormClear, nav#headerNav .headerNavSearch #searchForm button {
        border: 0;
        width: 62px;
        height: 42px;
        background-color: #fff;
        text-indent: -9999px;
        overflow: hidden;
        background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+PHBhdGggZD0iTSAxOSAzIEMgMTMuNDg4MjgxIDMgOSA3LjQ4ODI4MSA5IDEzIEMgOSAxNS4zOTQ1MzEgOS44Mzk4NDQgMTcuNTg5ODQ0IDExLjI1IDE5LjMxMjUgTCAzLjI4MTI1IDI3LjI4MTI1IEwgNC43MTg3NSAyOC43MTg3NSBMIDEyLjY4NzUgMjAuNzUgQyAxNC40MTAxNTYgMjIuMTYwMTU2IDE2LjYwNTQ2OSAyMyAxOSAyMyBDIDI0LjUxMTcxOSAyMyAyOSAxOC41MTE3MTkgMjkgMTMgQyAyOSA3LjQ4ODI4MSAyNC41MTE3MTkgMyAxOSAzIFogTSAxOSA1IEMgMjMuNDI5Njg4IDUgMjcgOC41NzAzMTMgMjcgMTMgQyAyNyAxNy40Mjk2ODggMjMuNDI5Njg4IDIxIDE5IDIxIEMgMTQuNTcwMzEzIDIxIDExIDE3LjQyOTY4OCAxMSAxMyBDIDExIDguNTcwMzEzIDE0LjU3MDMxMyA1IDE5IDUgWiIvPjwvc3ZnPg==");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 28px 28px;
        margin: 0;
        transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0)
    }

    nav#headerNav .headerNavSearch #searchFormClear {
        background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyLDJBMTAsMTAsMCwxLDAsMjIsMTIsMTAsMTAsMCwwLDAsMTIsMlptNSwxMy41OUwxNS41OSwxNywxMiwxMy40MSw4LjQxLDE3LDcsMTUuNTksMTAuNTksMTIsNyw4LjQxLDguNDEsNywxMiwxMC41OSwxNS41OSw3LDE3LDguNDEsMTMuNDEsMTJaIi8+PC9zdmc+")
    }

    nav#headerNav .headerNavSearch input[type=text] {
        display: flex;
        flex-grow: 1;
        height: 42px;
        padding-left: 20px;
        transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
        background-color: #fff;
        border: none;
        margin: 0;
        min-width: 240px;
        position: relative;
        z-index: 3
    }

    #searchDropDown {
        margin-top: 0
    }
}
@media only screen and (max-width: 767px) {
    #headerTopMail span {
        display: none !important
    }
    #headerTopContainer a::before {
        margin: 0;
    }
    #headerTopContainer a::before {
        width: 30px;
        height: 30px;
    }
}

@media only screen and (max-width: 567px) {
    #headerTopUser {
        margin: 0
    }
}



#newsletterContainer {
    display: flex;
    flex-flow: column;
    width: 100%;
    margin: 80px 0 0
}

#newsletterInner {
    display: flex;
    flex-flow: row;
    width: 100%;
    max-width: 1460px;
    padding: 0 20px;
    margin: 0 auto
}

.newsletterFrame {
    display: flex;
    flex-flow: row;
    width: 100%;
    border: 3px solid #000;
    border-radius: 24px;
    padding: 40px 240px 40px 40px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTEwLjcgMTI2LjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDExMC43IDEyNi4xOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0M1QUI3MTt9Cjwvc3R5bGU+CjxnIHRyYW5zZm9ybT0ibWF0cml4KDAuOTY2LCAwLjI1OSwgLTAuMjU5LCAwLjk2NiwgLTIwLjQxNCwgLTE0LjM0OCkiPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0Mi4xLDc4LjljMSwwLDEuOS0wLjgsMS45LTEuOWwwLDBWMzJjMC0yLjQtMC45LTQuNi0yLjUtNi40TDEyNy42LDguN2MtMC43LTAuOS0xLjUtMS42LTIuNS0yLjIKCQljMC4xLTAuNiwwLjEtMS4yLDAuMS0xLjd2LTIxYzAtMS0wLjgtMS45LTEuOS0xLjlzLTEuOSwwLjgtMS45LDEuOWMwLDAsMCwyMS4yLDAsMjEuM2MtMC41LTAuMS0xLjEtMC4xLTEuNi0wLjFIOTUuNgoJCWMtMS43LDAtMy40LDAuNS00LjksMS40Yy0wLjEsMC0wLjEsMC0wLjIsMC4xbC0xOC4zLDguOWMtMiwxLTMuNiwyLjctNC42LDQuOGMwLDAsMCwwLDAsMC4xbC03LjYsMTkuMmMtMC40LDEsMC4xLDIuMSwxLjEsMi40CgkJYzEsMC40LDIuMS0wLjEsMi40LTEuMWw3LjUtMTkuMWMwLjYtMS4zLDEuNS0yLjMsMi44LTIuOWw5LjctNC43bC05LjYsMTEuN2MtMS41LDEuOC0yLjMsNC4xLTIuMiw2LjR2NjQuOGMwLDAuNywwLjEsMS41LDAuMiwyLjIKCQlsLTE5LjMtOC42Yy00LjQtMi02LjMtNy4xLTQuNC0xMS41bDAtMC4xbDEyLjItMzAuNGMwLjQtMS0wLjEtMi4xLTEtMi40Yy0xLTAuNC0yLjEsMC4xLTIuNCwxbDAsMEw0NC43LDc3LjQKCQlDNDIsODMuNyw0NC44LDkxLDUxLjEsOTMuOGwyMi43LDEwYzAsMCwwLjEsMCwwLjEsMGMyLjMsMy43LDYuNCw2LDEwLjgsNmg0Ni4yYzcuMi0wLjEsMTMtNS45LDEzLjEtMTMuMXYtMTFjMC0xLTAuOC0xLjktMS45LTEuOQoJCXMtMS45LDAuOC0xLjksMS45djExYy0wLjEsNS4xLTQuMiw5LjMtOS40LDkuNEg4NC42Yy01LjEtMC4xLTkuMi00LjMtOS4xLTkuNFYzMmMwLTEuNSwwLjQtMi45LDEuMy00LjFsMTMuOS0xNi44CgkJYzEuMi0xLjUsMy0yLjQsNC45LTIuNWgyNC4yYzAuNCwwLDAuNywwLDEuMSwwLjFjLTEuMiw0LjEtNC4xLDcuNC04LDljLTEuNy0yLjgtNS4zLTMuNy04LjEtMmMtMi44LDEuNy0zLjcsNS4zLTIsOC4xCgkJYzEuNywyLjgsNS4zLDMuNyw4LjEsMmMxLjYtMC45LDIuNi0yLjUsMi44LTQuM2M1LTEuOSw4LjgtNS45LDEwLjYtMTAuOWMwLjIsMC4yLDAuMywwLjMsMC41LDAuNWwxMy45LDE2LjhjMSwxLjEsMS42LDIuNiwxLjYsNC4xCgkJdjQ1QzE0MC4yLDc4LDE0MSw3OC44LDE0Mi4xLDc4LjlDMTQyLjEsNzguOSwxNDIuMSw3OC45LDE0Mi4xLDc4Ljl6IE0xMDcuOCwyMi45Yy0xLjIsMC0yLjEtMS0yLjEtMi4xczEtMi4xLDIuMS0yLjEKCQlzMi4xLDEsMi4xLDIuMUMxMTAsMjEuOSwxMDksMjIuOSwxMDcuOCwyMi45eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTkxLjYsODEuNmMwLjUsMCwxLTAuMiwxLjMtMC41bDMyLTMyYzAuNy0wLjcsMC43LTEuOSwwLTIuN2MtMC43LTAuNy0xLjktMC43LTIuNiwwbC0zMiwzMgoJCWMtMC43LDAuNy0wLjcsMS45LDAsMi43QzkwLjYsODEuNCw5MS4xLDgxLjYsOTEuNiw4MS42eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTk1LjYsNjEuOWM0LjUsMCw4LjEtMy42LDguMS04LjFzLTMuNi04LjEtOC4xLTguMWwwLDBoLTAuMmMtNC41LDAtOC4xLDMuNi04LjEsOC4xczMuNiw4LjEsOC4xLDguMUg5NS42egoJCSBNOTEsNTMuN2MwLTIuNCwyLTQuNCw0LjQtNC40aDAuMmMyLjQsMCw0LjQsMiw0LjQsNC40cy0yLDQuNC00LjQsNC40aC0wLjJDOTIuOSw1OC4xLDkxLDU2LjEsOTEsNTMuN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTkuOCw4MS42aDAuMmM0LjUsMCw4LjEtMy42LDguMS04LjFzLTMuNi04LjEtOC4xLTguMWgtMC4yYy00LjUsMC04LjEsMy42LTguMSw4LjFTMTE1LjMsODEuNiwxMTkuOCw4MS42egoJCSBNMTE5LjgsNjkuMWgwLjJjMi40LDAsNC40LDIsNC40LDQuNHMtMiw0LjQtNC40LDQuNGgtMC4yYy0yLjQsMC00LjQtMi00LjQtNC40UzExNy40LDY5LjEsMTE5LjgsNjkuMXoiLz4KPC9nPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: top -4px right 80px;
    background-size: 100px;
    background-color: rgba(197, 171, 113, .1)
}

.newsletterText {
    display: flex;
    flex-flow: column;
    text-align: right;
    justify-content: flex-end;
    padding-right: 40px;
    flex-grow: 1
}

.newsletterText span:nth-of-type(1) {
    font-size: 1.25rem;
    line-height: 1.2em;
    font-weight: 700;
    margin-bottom: 4px
}

.newsletterBtn {
    padding: 0 80px
}

@media only screen and (max-width: 1200px) {
    .newsletterFrame {
        padding: 40px;
        background-position: bottom 20px right 30px
    }

    .newsletterFrame {
        flex-flow: column
    }

    .newsletterText {
        padding-right: 0;
        margin-bottom: 20px;
        text-align: center
    }

    .newsletterBtn {
        align-self: center
    }
}

@media only screen and (max-width: 767px) {
    #newsletterInner {
        padding: 0 10px
    }

    .newsletterFrame {
        background-image: none;
        padding: 30px
    }
}

@media only screen and (max-width: 567px) {
    .newsletterBtn {
        padding: 0 20px;
        width: 100%
    }
}

#advantagesContainer {
    display: flex;
    flex-flow: column;
    width: 100%;
    margin: 80px 0
}

#advantagesInner {
    display: flex;
    flex-flow: row;
    width: 100%;
    max-width: 1460px;
    padding: 0 20px;
    margin: 0 auto
}

.advantagesItem {
    display: flex;
    flex-flow: column;
    width: 33.33%;
    padding: 20px 40px;
    justify-content: center
}

/*.advantagesItem:nth-of-type(2) {*/
/*    border-left: 1px solid rgba(0, 0, 0, .1);*/
/*    border-right: 1px solid rgba(0, 0, 0, .1)*/
/*}*/

.advantagesItemContent {
    display: flex;
    align-self: center;
    flex-flow: row
}

.advantagesItemContent {
    align-self: center
}

.advantagesIcon {
    display: flex;
    width: 64px;
    height: 64px;
    background-size: contain;
    background-repeat: no-repeat
}

.advantagesText {
    display: flex;
    flex-flow: column;
    align-self: center;
    text-transform: uppercase;
    text-align: center;
}

.advantagesText strong {
    font-size: 1.2rem;
}
.advantagesText img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 180px;
    margin: 0 auto 20px;
}

.advantagesText span {
    text-transform: none
}

@media only screen and (max-width: 1200px) {
    #advantagesContainer {
        margin: 60px 0
    }

    .advantagesItem {
        width: 100%;
        padding: 20px
    }

    .advantagesItemContent {
        flex-flow: column;
        text-align: center
    }

    .advantagesIcon {
        margin-bottom: 10px;
        width: 54px;
        height: 54px
    }

    .advantagesText {
        padding-left: 0
    }

    .productCategoriesInner {
        display: flex;
        width: 100%;
        flex-flow: row wrap
    }
}

@media only screen and (max-width: 767px) {
    #advantagesInner {
        flex-flow: column;
        width: 100%
    }

    .advantagesIcon {
        display: flex;
        background-size: contain;
        background-repeat: no-repeat
    }

    .advantagesText {
        max-width: 60%;
    }

    .advantagesText span {
    }

    .advantagesItem {
        padding: 0;
        border: none !important;
        justify-content: flex-start
    }

    .advantagesItem + .advantagesItem {
        margin-top: 30px
    }
}

.footerSubscribe {
    display: flex;
    width: 100%;
    padding: 40px 0;
    background-color: rgba(0, 0, 0, .1);
    border-top: 6px solid #7d7d7d
}

.footerSubscribe .checkboxConsent {
    color: rgba(0, 0, 0, .5);
    font-size: .75rem;
    line-height: 1.5em;
    max-width: 80%;
    padding-top: 5px
}

.footerSubscribeInner {
    display: flex;
    flex-flow: row;
    width: 100%;
    max-width: 1460px;
    padding: 0 20px;
    margin: 0 auto
}

.footerSubscribeTitle {
    display: flex;
    width: 40%;
    flex-flow: column;
    justify-content: center;
    font-size: 1.6rem;
    line-height: 1.2em;
    color: #000;
    padding-right: 10%
}

.footerSubscribeForm {
    display: flex;
    flex-flow: column;
    width: 60%
}

.subscribeFormRow {
    display: flex;
    flex-flow: row;
    margin-bottom: 10px
}

.subscribeFormRow .subscribeEmail {
    width: 100%
}

.subscribeBtn {
    padding: 0 40px;
    margin-left: 10px
}

.subscribeBtn.processing .btnTitle {
    display: none
}

.subscribeBtn.processing .btnTitle {
    display: none
}

.subscribeBtn.processing .btnProgress {
    margin-top: 5px
}

.subscribeError {
    color: #f00004;
    margin-top: 10px
}

@media only screen and (max-width: 1023px) {
    .footerSubscribeTitle {
        padding-right: 5%
    }
}

@media only screen and (max-width: 767px) {
    .footerSubscribe {
        padding: 20px 0
    }

    .footerSubscribeInner {
        flex-flow: column;
        padding: 0 10px
    }

    .footerSubscribeTitle, .footerSubscribeForm {
        width: 100%
    }

    .footerSubscribeTitle {
        padding-right: 0;
        margin-bottom: 15px;
        font-size: 1.3rem;
        text-align: center
    }
}

footer {
    display: flex;
    max-width: 1460px;
    flex-flow: column;
    width: 100%;
    margin: 0 auto
}

@media only screen and (min-width: 1460px) {
    footer {
        margin-bottom: 48px
    }
}

footer a {
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

#footerContainer {
    display: flex;
    flex-flow: column;
    width: 100%;
    max-width: 1460px;
    padding: 0 50px;
    margin: 0 auto;
    justify-content: space-between;
    font-size: .875rem;
    background-color: #f2f2f2;
}

@media only screen and (min-width: 1460px) {
    #footerContainer {
        border-top-left-radius: 40px;
        border-top-right-radius: 40px
    }
}

#footerLinks {
    display: flex;
    width: 100%;
    flex-flow: row;
    margin: 50px 0
}

#footerColCompany {
    display: flex;
    width: 30%;
    flex-flow: column;
    line-height: 1.8em
}

#footerLogoContainer {
    display: flex;
    width: 100%;
    margin-bottom: 40px
}

#footerLogo {
    display: block;
    height: 80px
}

#footerLogo img {
    width: 80px
}

#headerFooterMail {
    display: flex;
    margin-top: 20px
}

#headerFooterMail a span {
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: inline-block;
    text-decoration-color: rgba(0, 0, 0, 0)
}

@media (hover: hover) {
    #headerFooterMail a:hover span {
        text-decoration: underline;
        text-decoration-thickness: 3px;
        text-decoration-color: rgba(0, 0, 0, .2)
    }
}

#headerFooterMail a::before {
    content: "";
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 6px 0 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDEwLjUgOCBDIDYuOTI4MDYxOSA4IDQgMTAuOTI4MDYyIDQgMTQuNSBMIDQgMzMuNSBDIDQgMzcuMDcxOTM4IDYuOTI4MDYxOSA0MCAxMC41IDQwIEwgMzcuNSA0MCBDIDQxLjA3MTkzOCA0MCA0NCAzNy4wNzE5MzggNDQgMzMuNSBMIDQ0IDE0LjUgQyA0NCAxMC45MjgwNjIgNDEuMDcxOTM4IDggMzcuNSA4IEwgMTAuNSA4IHogTSAxMC41IDExIEwgMzcuNSAxMSBDIDM5LjQ1MDA2MiAxMSA0MSAxMi41NDk5MzggNDEgMTQuNSBMIDQxIDE1LjYwNTQ2OSBMIDI0IDI0Ljc5NDkyMiBMIDcgMTUuNjA1NDY5IEwgNyAxNC41IEMgNyAxMi41NDk5MzggOC41NDk5MzgxIDExIDEwLjUgMTEgeiBNIDcgMTkuMDE1NjI1IEwgMjMuMjg3MTA5IDI3LjgyMDMxMiBBIDEuNTAwMTUgMS41MDAxNSAwIDAgMCAyNC43MTI4OTEgMjcuODIwMzEyIEwgNDEgMTkuMDE1NjI1IEwgNDEgMzMuNSBDIDQxIDM1LjQ1MDA2MiAzOS40NTAwNjIgMzcgMzcuNSAzNyBMIDEwLjUgMzcgQyA4LjU0OTkzODEgMzcgNyAzNS40NTAwNjIgNyAzMy41IEwgNyAxOS4wMTU2MjUgeiI+PC9wYXRoPjwvc3ZnPg==")
}

#footerPayment {
    display: block;
    margin-top: 40px
}

#footerPayment img {
    display: block;
    height: 26px;
    width: auto
}

#footerLinksContainer {
    display: flex;
    flex-flow: row;
    width: 70%
}

#footerLinks .linksColGroup {
    display: flex;
    width: 66.666666%;
    flex-flow: row
}

#footerLinks .linksCol {
    display: flex;
    width: 50%;
    flex-flow: column;
    padding-right: 20px
}

#footerLinks .linksCol ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#footerLinks .linksCol ul li {
    display: flex;
    width: 100%
}

#footerLinks .linksCol ul li a {
    display: block;
    width: 100%;
    line-height: 1.2rem;
    padding: 8px 0;
    text-decoration-color: rgba(0, 0, 0, 0);
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media (hover: hover) {
    #footerLinks .linksCol ul li a:hover {
        text-decoration: underline;
        text-decoration-color: rgba(0, 0, 0, .2);
        text-decoration-thickness: 3px
    }
}

.linksColTitle {
    display: flex;
    width: 100%;
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 20px
}

.linksColSplit {
    display: flex;
    flex-flow: row wrap
}

#footerLinks .linksColGroup .linksCol {
    width: 100%
}

#footerLinks .linksCol ul.linksColSplit li {
    width: 50%
}

#footerFacebook::before, #footerInstagram::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 8px 0 0;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    border-radius: 6px
}

#footerInstagram::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDE2LjUgNSBDIDEwLjE2NjM5IDUgNSAxMC4xNjYzOSA1IDE2LjUgTCA1IDMxLjUgQyA1IDM3LjgzMjc1NyAxMC4xNjYyMDkgNDMgMTYuNSA0MyBMIDMxLjUgNDMgQyAzNy44MzI5MzggNDMgNDMgMzcuODMyOTM4IDQzIDMxLjUgTCA0MyAxNi41IEMgNDMgMTAuMTY2MjA5IDM3LjgzMjc1NyA1IDMxLjUgNSBMIDE2LjUgNSB6IE0gMTYuNSA4IEwgMzEuNSA4IEMgMzYuMjExMjQzIDggNDAgMTEuNzg3NzkxIDQwIDE2LjUgTCA0MCAzMS41IEMgNDAgMzYuMjExMDYyIDM2LjIxMTA2MiA0MCAzMS41IDQwIEwgMTYuNSA0MCBDIDExLjc4Nzc5MSA0MCA4IDM2LjIxMTI0MyA4IDMxLjUgTCA4IDE2LjUgQyA4IDExLjc4NzYxIDExLjc4NzYxIDggMTYuNSA4IHogTSAzNCAxMiBDIDMyLjg5NSAxMiAzMiAxMi44OTUgMzIgMTQgQyAzMiAxNS4xMDUgMzIuODk1IDE2IDM0IDE2IEMgMzUuMTA1IDE2IDM2IDE1LjEwNSAzNiAxNCBDIDM2IDEyLjg5NSAzNS4xMDUgMTIgMzQgMTIgeiBNIDI0IDE0IEMgMTguNDk1MTc4IDE0IDE0IDE4LjQ5NTE3OCAxNCAyNCBDIDE0IDI5LjUwNDgyMiAxOC40OTUxNzggMzQgMjQgMzQgQyAyOS41MDQ4MjIgMzQgMzQgMjkuNTA0ODIyIDM0IDI0IEMgMzQgMTguNDk1MTc4IDI5LjUwNDgyMiAxNCAyNCAxNCB6IE0gMjQgMTcgQyAyNy44ODMxNzggMTcgMzEgMjAuMTE2ODIyIDMxIDI0IEMgMzEgMjcuODgzMTc4IDI3Ljg4MzE3OCAzMSAyNCAzMSBDIDIwLjExNjgyMiAzMSAxNyAyNy44ODMxNzggMTcgMjQgQyAxNyAyMC4xMTY4MjIgMjAuMTE2ODIyIDE3IDI0IDE3IHoiPjwvcGF0aD48L3N2Zz4=")
}

#footerFacebook::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDExLjUgNiBDIDguNDgwMjI1OSA2IDYgOC40ODAyMjU5IDYgMTEuNSBMIDYgMzYuNSBDIDYgMzkuNTE5Nzc0IDguNDgwMjI1OSA0MiAxMS41IDQyIEwgMzYuNSA0MiBDIDM5LjUxOTc3NCA0MiA0MiAzOS41MTk3NzQgNDIgMzYuNSBMIDQyIDExLjUgQyA0MiA4LjQ4MDIyNTkgMzkuNTE5Nzc0IDYgMzYuNSA2IEwgMTEuNSA2IHogTSAxMS41IDkgTCAzNi41IDkgQyAzNy44OTgyMjYgOSAzOSAxMC4xMDE3NzQgMzkgMTEuNSBMIDM5IDM2LjUgQyAzOSAzNy44OTgyMjYgMzcuODk4MjI2IDM5IDM2LjUgMzkgTCAzMCAzOSBMIDMwIDI5IEwgMzMuNjI1IDI5IEMgMzQuMTI5IDI5IDM0LjU1NTE4NyAyOC42MjMwNDcgMzQuNjE3MTg4IDI4LjEyMzA0NyBMIDM0Ljk5MjE4OCAyNS4xMjMwNDcgQyAzNS4wMjgxODggMjQuODM5MDQ3IDM0LjkzODA0NyAyNC41NTM4OTEgMzQuNzQ4MDQ3IDI0LjMzNzg5MSBDIDM0LjU1OTA0NyAyNC4xMjI4OTEgMzQuMjg3IDI0IDM0IDI0IEwgMzAgMjQgTCAzMCAyMC41IEMgMzAgMTkuMzk3IDMwLjg5NyAxOC41IDMyIDE4LjUgTCAzNCAxOC41IEMgMzQuNTUyIDE4LjUgMzUgMTguMDUzIDM1IDE3LjUgTCAzNSAxNC4xMjUgQyAzNSAxMy42MDcgMzQuNjA0ODQ0IDEzLjE3NDkwNiAzNC4wODk4NDQgMTMuMTI4OTA2IEMgMzQuMDMwODQ0IDEzLjEyMzkwNiAzMi42MTk5ODQgMTMgMzAuODMzOTg0IDEzIEMgMjYuNDI2OTg0IDEzIDI0IDE1LjYxNjE4NyAyNCAyMC4zNjcxODggTCAyNCAyNCBMIDIwIDI0IEMgMTkuNDQ4IDI0IDE5IDI0LjQ0NyAxOSAyNSBMIDE5IDI4IEMgMTkgMjguNTUzIDE5LjQ0OCAyOSAyMCAyOSBMIDI0IDI5IEwgMjQgMzkgTCAxMS41IDM5IEMgMTAuMTAxNzc0IDM5IDkgMzcuODk4MjI2IDkgMzYuNSBMIDkgMTEuNSBDIDkgMTAuMTAxNzc0IDEwLjEwMTc3NCA5IDExLjUgOSB6Ij48L3BhdGg+PC9zdmc+")
}

#footerFacebook span, #footerInstagram span {
    line-height: 20px
}

@media only screen and (max-width: 1199px) {
    #newsletterContainer {
        margin-top: 60px
    }

    #footerLinks .linksColGroup {
        flex-flow: column
    }

    #footerLinks .linksColGroup, #footerLinks .linksCol {
        width: 50%
    }

    #footerLinks .linksCol ul.linksColSplit li {
        width: 100%
    }
}

@media only screen and (max-width: 1023px) {
    #footerLinks, #footerLinksContainer {
        flex-flow: column;
        width: 100%
    }

    #footerLinks .linksCol {
        margin: 40px 0 0;
        text-align: center;
        width: 100%
    }

    #footerLinks .linksCol {
        padding-right: 0;
        text-align: center;
        width: 100%
    }

    #footerColCompany {
        width: 100%;
        text-align: center
    }

    #footerLogo {
        margin: 0 auto
    }

    #footerPayment img {
        margin: 0 auto
    }

    .linksColTitle {
        text-align: center;
        justify-content: center
    }

    #headerFooterMail {
        justify-content: center
    }

    #footerLinks .linksCol ul li a#footerInstagram {
        width: auto !important;
        margin: 0 auto
    }
}

#footerCopyrightContainer {
    display: flex;
    width: 100%;
    flex-flow: column;
    font-size: .875rem;
    background-color: #f2f2f2;
    padding: 0 50px 50px;
}

@media only screen and (min-width: 1460px) {
    #footerCopyrightContainer {
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;
        margin-bottom: 48px;
    }
}

#copyrightAlign {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
    padding: 50px 0 0;
    position: relative
}

#copyrightAlign::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, .1);
    position: absolute;
    top: 0;
    left: 0
}

#foterWebdesign, #footerCopyright, .footerCopyrightCol {
    display: flex
}

.footerCopyrightCol a {
    color: #000
}

.footerCopyrightCol a, #foterWebdesign a {
    border-bottom: 1px dotted #000;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media (hover: hover) {
    .footerCopyrightCol a:hover, #foterWebdesign a:hover {
        border-bottom: 1px solid #000
    }

    .footerCopyrightCol a:hover, #foterWebdesign a:hover {
        color: #000
    }
}

#footerCopyrightContainer span.padding {
    padding: 0 20px;
    opacity: .4
}

@media only screen and (max-width: 950px) {
    #copyrightAlign {
        flex-flow: column;
        align-items: center
    }

    #foterWebdesign {
        margin-top: 40px
    }
}

@media only screen and (max-width: 767px) {
    #footerCopyright {
        flex-flow: column
    }

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

    .footerCopyrightCol + .footerCopyrightCol {
        margin-top: 20px
    }

    .footerCopyrightCol > span:first-of-type {
        display: none
    }

    #footerCopyrightContainer span.padding {
        width: 100%;
        display: block;
        text-indent: -9999px;
        overflow: hidden;
        line-height: 15px
    }

    #footerCopyrightContainer span.padding:first-of-type {
        display: none
    }
}

#cookieBox {
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 20px;
    z-index: 1001;
    max-width: 567px;
    font-size: .875rem;
    line-height: 1.5em
}

#cookieBoxContent {
    display: flex;
    flex-flow: column;
    width: 100%;
    max-width: 1460px;
    padding: 15px;
    background-color: #fff;
    border: 2px solid #000;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3)
}

#cookieText {
    display: block;
    margin-bottom: 15px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTguNTgiIGN5PSI1LjYyIiByPSIyLjEyIi8+PGNpcmNsZSBjeD0iMjMuMjQiIGN5PSI3LjEzIiByPSIxLjA3Ii8+PGNpcmNsZSBjeD0iMjYuMTEiIGN5PSIxMC40MyIgcj0iLjc4Ii8+PGNpcmNsZSBjeD0iMjMuNjUiIGN5PSIxMC4zMSIgcj0iLjY2Ii8+PHBhdGggZD0ibTIxLjE3IDEwYTYuMTggNi4xOCAwIDAgMSAtMS41Ni4yIDYuMjMgNi4yMyAwIDAgMSAtNi4yLTUuNjUgMTEgMTEgMCAxIDAgMTEuNzEgMTEgMTAuNjkgMTAuNjkgMCAwIDAgLS4wNy0xLjI3IDQuNjkgNC42OSAwIDAgMSAtMy44OC00LjI4em0tMTIuNyAxMC4yOWExLjcyIDEuNzIgMCAxIDEgMS43Mi0xLjcyIDEuNzIgMS43MiAwIDAgMSAtMS43MiAxLjcyem0xLjUzLTEwLjY0YTEuMDkgMS4wOSAwIDEgMSAxLjA5IDEuMDkgMS4wOSAxLjA5IDAgMCAxIC0xLjA5LTEuMDl6bTMuNTkgMTIuOWExLjA1IDEuMDUgMCAxIDEgMS0xLjA1IDEgMSAwIDAgMSAtMS4wNCAxLjA1em0tLjQ2LTYuNTVhMS41OSAxLjU5IDAgMSAxIDEuNTktMS41OSAxLjU5IDEuNTkgMCAwIDEgLTEuNTkgMS41OXptNS40NSAzLjY1YTEuOTQgMS45NCAwIDEgMSAxLjk0LTEuOTQgMS45NCAxLjk0IDAgMCAxIC0xLjk0IDEuOTZ6Ii8+PC9zdmc+");
    background-repeat: no-repeat;
    background-size: 42px 42px;
    padding-left: 52px;
    background-position: left top
}

#cookieBtnBox {
    display: flex;
    flex-flow: row
}

#cookieBoxAgree, #cookieBoxMore, #cookieAccept, #cookieDecline {
    display: flex;
    min-height: 36px;
    font-weight: 700;
    padding: 6px 20px;
    justify-content: center;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer;
    text-align: center;
    align-items: center
}

#cookieBoxAgree, #cookieAccept {
    background-color: #000;
    color: #fff
}

#cookieBoxMore, #cookieDecline {
    border: 2px solid #000;
    color: #000;
    margin-left: 15px
}

#cookieAccept, #cookieDecline {
    min-height: 44px
}

#cookieBoxAgree, #cookieBoxMore {
    width: 90%
}

#cookieDecline {
    margin: 20px 0 0 0
}

@media (hover: hover) {
    #cookieBoxAgree:hover, #cookieAccept:hover {
        text-decoration: none;
        background-color: #000
    }

    #cookieBoxMore:hover, #cookieDecline:hover {
        text-decoration: none;
        color: #fff;
        background-color: #000
    }
}

@media (hover: none) {
    #cookieBoxAgree:active, #cookieAccept:active {
        text-decoration: none;
        background-color: #000
    }

    #cookieBoxMore:active, #cookieDecline:active {
        text-decoration: none;
        color: #fff;
        background-color: #000
    }
}

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

@media only screen and (max-width: 767px) {
    #cookieBox {
        padding: 10px
    }
}

@media only screen and (max-width: 567px) {
    #cookieBox {
        max-width: 100%
    }

    #cookieBtnBox {
        flex-flow: column
    }

    #cookieBoxAgree, #cookieBoxMore {
        width: 100%
    }

    #cookieBoxMore {
        margin-left: 0;
        margin-top: 10px
    }
}

#scrollTop {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #000;
    position: fixed;
    right: 20px;
    bottom: 20px;
    box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, .3);
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTcuNCw4LjVMNS45LDEwbDYuMSw2LjFsNi4xLTYuMWwtMS41LTEuNUwxMiwxMy4xTDcuNCw4LjV6Ii8+Cjwvc3ZnPgo=");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    cursor: pointer;
    transform: rotate(180deg);
    z-index: 1000;
    opacity: .75;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

#scrollTop.hidden {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    bottom: -10px
}

@media (hover: hover) {
    #scrollTop:hover {
        opacity: 1
    }
}

@media (hover: none) {
    #scrollTop:active {
        opacity: 1
    }
}

#favouritesCircle, #comparisonCircle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #000;
    position: fixed;
    right: 20px;
    box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, .3);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    cursor: pointer;
    z-index: 1000;
    opacity: .75;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

#favouritesCircle {
    bottom: 156px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDE1IDcgQyA4Ljk0MjQ0MTYgNyA0IDExLjk0MjQ0MiA0IDE4IEMgNCAyMi4wOTYxNTQgNy4wODc2NDQ4IDI1Ljk1Mjg5OSAxMC44NTE1NjIgMjkuOTA4MjAzIEMgMTQuNjE1NDgxIDMzLjg2MzUwNyAxOS4yNDgzNzkgMzcuODY5NDcyIDIyLjkzOTQ1MyA0MS41NjA1NDcgQSAxLjUwMDE1IDEuNTAwMTUgMCAwIDAgMjUuMDYwNTQ3IDQxLjU2MDU0NyBDIDI4Ljc1MTYyMSAzNy44Njk0NzIgMzMuMzg0NTE4IDMzLjg2MzUwNyAzNy4xNDg0MzggMjkuOTA4MjAzIEMgNDAuOTEyMzU2IDI1Ljk1Mjg5OSA0NCAyMi4wOTYxNTQgNDQgMTggQyA0NCAxMS45NDI0NDIgMzkuMDU3NTU4IDcgMzMgNyBDIDI5LjUyMzU2NCA3IDI2LjQ5NjgyMSA4Ljg2NjQ4ODMgMjQgMTIuMDM3MTA5IEMgMjEuNTAzMTc5IDguODY2NDg4MyAxOC40NzY0MzYgNyAxNSA3IHogTSAxNSAxMCBDIDE3LjkyODU3MSAxMCAyMC4zNjYzIDExLjU1ODM5OSAyMi43MzI0MjIgMTUuMzAwNzgxIEEgMS41MDAxNSAxLjUwMDE1IDAgMCAwIDI1LjI2NzU3OCAxNS4zMDA3ODEgQyAyNy42MzM3IDExLjU1ODM5OSAzMC4wNzE0MjkgMTAgMzMgMTAgQyAzNy40MzY0NDIgMTAgNDEgMTMuNTYzNTU4IDQxIDE4IEMgNDEgMjAuNDAzODQ2IDM4LjU4NzY0NCAyNC4wNDcxMDEgMzQuOTc2NTYyIDI3Ljg0MTc5NyBDIDMxLjY4MzU5IDMxLjMwMjIxIDI3LjU5MDMxMiAzNC45MTc0NTMgMjQgMzguNDE3OTY5IEMgMjAuNDA5Njg4IDM0LjkxNzQ1MyAxNi4zMTY0MSAzMS4zMDIyMSAxMy4wMjM0MzggMjcuODQxNzk3IEMgOS40MTIzNTUyIDI0LjA0NzEwMSA3IDIwLjQwMzg0NiA3IDE4IEMgNyAxMy41NjM1NTggMTAuNTYzNTU4IDEwIDE1IDEwIHoiPjwvcGF0aD48L3N2Zz4=")
}

#comparisonCircle {
    bottom: 88px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2M1YWI3MSI+PHBhdGggZD0iTTExOS45ODU2OCw3LjExMDY4Yy0yLjE4ODE0LDAuMDAwNTMgLTQuMTU3NiwxLjMyNzM1IC00Ljk4MDA1LDMuMzU1MDRjLTAuODIyNDUsMi4wMjc2OSAtMC4zMzM3NSw0LjM1MTU2IDEuMjM1NzUsNS44NzYyNGwyNi42NTgwNCwyNi42NTgwNGgtODMuNzc0NDFjLTEuOTM4NDIsLTAuMDI3NDEgLTMuNzQxNDQsMC45OTEwMiAtNC43MTg2NSwyLjY2NTMyYy0wLjk3NzIxLDEuNjc0MyAtMC45NzcyMSwzLjc0NTA3IDAsNS40MTkzN2MwLjk3NzIxLDEuNjc0MyAyLjc4MDIzLDIuNjkyNzMgNC43MTg2NSwyLjY2NTMyaDgzLjc3NDQxbC0yNi42NTgwNCwyNi42NTgwNGMtMS40MDQxMiwxLjM0ODE1IC0xLjk2OTcxLDMuMzUwMDUgLTEuNDc4NjYsNS4yMzM2NGMwLjQ5MTA1LDEuODgzNTkgMS45NjIwMiwzLjM1NDU2IDMuODQ1NjEsMy44NDU2MWMxLjg4MzU5LDAuNDkxMDUgMy44ODU0OSwtMC4wNzQ1NSA1LjIzMzY0LC0xLjQ3ODY2bDM1LjgzMzMzLC0zNS44MzMzM2MyLjA5ODIzLC0yLjA5OTEgMi4wOTgyMywtNS41MDE0OSAwLC03LjYwMDU5bC0zNS44MzMzMywtMzUuODMzMzNjLTEuMDEyMjIsLTEuMDQyNCAtMi40MDMzLC0xLjYzMDY0IC0zLjg1NjI4LC0xLjYzMDd6TTIzLjI5MTY3LDQzYy0yLjk2ODUzLDAgLTUuMzc1LDIuNDA2NDcgLTUuMzc1LDUuMzc1YzAsMi45Njg1MyAyLjQwNjQ3LDUuMzc1IDUuMzc1LDUuMzc1YzIuOTY4NTMsMCA1LjM3NSwtMi40MDY0NyA1LjM3NSwtNS4zNzVjMCwtMi45Njg1MyAtMi40MDY0NywtNS4zNzUgLTUuMzc1LC01LjM3NXpNNDEuMjA4MzMsNDNjLTIuOTY4NTMsMCAtNS4zNzUsMi40MDY0NyAtNS4zNzUsNS4zNzVjMCwyLjk2ODUzIDIuNDA2NDcsNS4zNzUgNS4zNzUsNS4zNzVjMi45Njg1MywwIDUuMzc1LC0yLjQwNjQ3IDUuMzc1LC01LjM3NWMwLC0yLjk2ODUzIC0yLjQwNjQ3LC01LjM3NSAtNS4zNzUsLTUuMzc1ek01MS44NTMzNSw4Mi4zNjc2OGMtMS4zOTU5MiwwLjA0MDY4IC0yLjcyMTIxLDAuNjIzMDEgLTMuNjk1MzEsMS42MjM3bC0zNS44MzMzMywzNS44MzMzM2MtMi4wOTgyMywyLjA5OTEgLTIuMDk4MjMsNS41MDE0OSAwLDcuNjAwNTlsMzUuODMzMzMsMzUuODMzMzNjMS4zNDgxNSwxLjQwNDEyIDMuMzUwMDUsMS45Njk3MSA1LjIzMzY0LDEuNDc4NjZjMS44ODM1OSwtMC40OTEwNSAzLjM1NDU2LC0xLjk2MjAyIDMuODQ1NjEsLTMuODQ1NjFjMC40OTEwNSwtMS44ODM1OSAtMC4wNzQ1NSwtMy44ODU0OSAtMS40Nzg2NiwtNS4yMzM2NGwtMjYuNjU4MDQsLTI2LjY1ODA0aDgzLjc3NDQxYzEuOTM4NDIsMC4wMjc0MSAzLjc0MTQ0LC0wLjk5MTAyIDQuNzE4NjUsLTIuNjY1MzJjMC45NzcyMSwtMS42NzQzIDAuOTc3MjEsLTMuNzQ1MDcgMCwtNS40MTkzN2MtMC45NzcyMSwtMS42NzQzIC0yLjc4MDIzLC0yLjY5MjczIC00LjcxODY1LC0yLjY2NTMyaC04My43NzQ0MWwyNi42NTgwNCwtMjYuNjU4MDRjMS41ODcwNiwtMS41NDU2NiAyLjA2MzM2LC0zLjkwNjY2IDEuMTk5NjYsLTUuOTQ2NzNjLTAuODYzNywtMi4wNDAwNyAtMi44OTA0OCwtMy4zNDEzNCAtNS4xMDQ5MywtMy4yNzc1NnpNMTMwLjc5MTY3LDExOC4yNWMtMi45Njg1MywwIC01LjM3NSwyLjQwNjQ3IC01LjM3NSw1LjM3NWMwLDIuOTY4NTMgMi40MDY0Nyw1LjM3NSA1LjM3NSw1LjM3NWMyLjk2ODUzLDAgNS4zNzUsLTIuNDA2NDcgNS4zNzUsLTUuMzc1YzAsLTIuOTY4NTMgLTIuNDA2NDcsLTUuMzc1IC01LjM3NSwtNS4zNzV6TTE0OC43MDgzMywxMTguMjVjLTIuOTY4NTMsMCAtNS4zNzUsMi40MDY0NyAtNS4zNzUsNS4zNzVjMCwyLjk2ODUzIDIuNDA2NDcsNS4zNzUgNS4zNzUsNS4zNzVjMi45Njg1MywwIDUuMzc1LC0yLjQwNjQ3IDUuMzc1LC01LjM3NWMwLC0yLjk2ODUzIC0yLjQwNjQ3LC01LjM3NSAtNS4zNzUsLTUuMzc1eiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+")
}

#favouritesCircle.hidden, #comparisonCircle.hidden {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    right: -10px
}

#favouritesCircleInfo, #comparisonCircleInfo {
    display: flex;
    flex-flow: column;
    line-height: 22px;
    position: absolute;
    color: #fff;
    background-color: #000;
    height: 22px;
    min-width: 22px;
    border-radius: 11px;
    bottom: -6px;
    right: -6px;
    z-index: 5;
    padding: 0 5px;
    text-align: center;
    font-weight: 700;
    font-size: .875rem
}

@media (hover: hover) {
    #favouritesCircle:hover, #comparisonCircle:hover {
        opacity: 1
    }
}

@media (hover: none) {
    #favouritesCircle:active, #comparisonCircle:active {
        opacity: 1
    }
}

.headerTopLanguageBg, .headerNavAccountBg, #mainNavCartBg, .mainNavDropdownBg, #searchDropDownBackground {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(25, 30, 43, .2);
    z-index: 1000;
    transition: opacity .25s ease-in-out, visibility .25s ease-in-out
}

.headerTopLanguageBg.headerTopLanguageBgHidden, .headerNavAccountBg.headerNavAccountBgHidden, #mainNavCartBg.headerCartBgHidden, .mainNavDropdownBg.mainNavDropdownBgHidden, #searchDropDownBackground.searchDropDownBgHidden {
    opacity: 0;
    visibility: hidden
}



.profileContainer {
    display: flex;
    width: 100%;
    max-width: 1460px;
    margin: 40px auto 0
}

.profileContainer h1 span {
    font-size: 1.5rem
}

.profileInner {
    display: flex;
    flex-flow: row;
    width: 100%
}

.profileDataBlock {
    display: block;
    width: 66.666667%;
    padding: 0 20px
}

.profileDataBlockInner {
    display: flex;
    flex-flow: column;
    margin-top: 30px
}

.userOrders .profileDataBlockInner {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.profileInfoRow {
    display: flex;
    flex-flow: row;
    margin: 0 0 40px
}

.profileInfoCol {
    display: flex;
    width: 50%;
    padding-right: 20px;
    flex-grow: 1
}

.profileInfoCol + .profileInfoCol {
    padding-right: 0;
    padding-left: 20px
}

.profileInfoColInner {
    display: flex;
    flex-flow: column;
    border: 2px solid rgba(0, 0, 0, .1);
    flex-grow: 1
}

.profileInfoTitle {
    display: block;
    padding: 0 20px;
    line-height: 44px;
    background-color: rgba(0, 0, 0, .1)
}

.profileInfoData {
    display: block;
    padding: 20px
}

.profileDivider {
    display: block;
    width: 100%
}

.profileMenuBlock .profileDivider {
    margin: 10px 0;
    padding: 0 10px
}

.profileMenuBlock .profileDivider div {
    background-color: rgba(0, 0, 0, .1);
    height: 1px
}

.profileBtnBlock {
    display: block
}

@media only screen and (max-width: 1023px) {
    .profileInner {
        flex-flow: column
    }

    .profileContainer {
        margin: 20px auto 0
    }

    .profileDataBlock {
        width: 100%
    }

    .profileDataBlockInner {
        margin-top: 20px
    }

    .profileInfoCol {
        padding-right: 10px
    }

    .profileInfoCol + .profileInfoCol {
        padding-right: 0;
        padding-left: 10px
    }

    .profileInfoRow {
        margin-bottom: 20px
    }

    .profileMenuBlock .profileDivider {
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    .profileContainer {
        margin: 10px auto 0
    }

    .profileDataBlock {
        padding: 0 10px
    }

    .profileInfoCol {
        padding-right: 5px
    }

    .profileInfoCol + .profileInfoCol {
        padding-right: 0;
        padding-left: 5px
    }

    .profileInfoRow {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 567px) {
    .profileInfoCol {
        padding: 0;
        width: 100%
    }

    .profileInfoCol + .profileInfoCol {
        padding: 0;
        margin-top: 10px
    }

    .profileInfoRow {
        flex-flow: column
    }
}

.profileOrderList {
    display: flex;
    flex-flow: column;
    margin: 80px 0 40px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.profileOrderList h2 {
    margin: 0 0 30px
}

.profileOrder {
    display: flex;
    flex-flow: column
}

.profileOrderLine {
    display: flex;
    border-top: 1px solid rgba(0, 0, 0, .1);
    transition: .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media (hover: hover) {
    .profileOrderLine:hover {
        cursor: pointer;
        background-color: rgba(0, 0, 0, .05)
    }
}

@media (hover: none) {
    .profileOrderLine:active {
        cursor: pointer;
        background-color: rgba(0, 0, 0, .05)
    }
}

.profileOrderLineInner {
    display: flex;
    flex-flow: row;
    width: 100%;
    min-height: 64px;
    justify-content: space-between;
    padding: 0 20px
}

.profileOrderLineLeft, .profileOrderLineRight {
    display: flex;
    flex-flow: row;
    align-items: center
}

.profileOrderLineRight {
    font-weight: 700;
    padding-right: 24px;
    position: relative
}

.profileOrderExpandArrow {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTcuNCw4LjVMNS45LDEwbDYuMSw2LjFsNi4xLTYuMWwtMS41LTEuNUwxMiwxMy4xTDcuNCw4LjV6Ii8+Cjwvc3ZnPgo=");
    background-size: contain;
    transition: .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.profileOrder.open .profileOrderLineRight .profileOrderExpandArrow {
    transform: rotate(180deg)
}

.textVerticalSpace {
    opacity: .3;
    padding: 0 8px
}

.profileOrderLineLeft:nth-child(1) {
    padding-left: 32px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyNCAyNCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDEyIDEuOTI3NzM0NCBDIDExLjY1OTYyMyAxLjkyNzY3ODEgMTEuMzE5MzU0IDIuMDA4OTcyIDExLjAwOTc2NiAyLjE3MTg3NSBMIDExLjAwNzgxMiAyLjE3MTg3NSBMIDIgNi40NDkyMTg4IEwgMiA3LjA4MDA3ODEgTCAyIDE3LjQ3ODUxNiBMIDExLjAwOTc2NiAyMS43NTM5MDYgQyAxMS42Mjg1MDYgMjIuMDc5MjYyIDEyLjM3MTA1NyAyMi4wNzk3MTIgMTIuOTkwMjM0IDIxLjc1MzkwNiBDIDEyLjk5MDIzNCAyMS43NTM5MDYgMTIuOTkyMTg4IDIxLjc1MzkwNiAxMi45OTIxODggMjEuNzUzOTA2IEwgMjIgMTcuNDc2NTYyIEwgMjIgNi40NDkyMTg4IEwgMTIuOTkwMjM0IDIuMTcxODc1IEMgMTIuNjgwODY0IDIuMDA5MTk3MSAxMi4zNDAzNzcgMS45Mjc3OTA2IDEyIDEuOTI3NzM0NCB6IE0gMTEuOTQxNDA2IDMuOTQxNDA2MiBDIDExLjk3Nzg2NiAzLjkyMjE3ODIgMTIuMDIxODk2IDMuOTIxMDgzMyAxMi4wNjA1NDcgMy45NDE0MDYyIEwgMTIuMDc4MTI1IDMuOTUxMTcxOSBMIDE4LjU5Mzc1IDcuMDQ0OTIxOSBMIDE2LjYxOTE0MSA3LjkxMjEwOTQgTCA5LjkzMTY0MDYgNC44OTY0ODQ0IEwgMTEuOTIzODI4IDMuOTUxMTcxOSBMIDExLjk0MTQwNiAzLjk0MTQwNjIgeiBNIDcuNTU4NTkzOCA2LjAyMzQzNzUgTCAxNC4xNTQyOTcgOC45OTQxNDA2IEwgMTIuMDg5ODQ0IDkuOTAwMzkwNiBMIDEyLjA2MDU0NyA5LjkxNjAxNTYgQyAxMi4wMjE4OTcgOS45MzYzMzg2IDExLjk3Nzg1NyA5LjkzNzE5OTggMTEuOTQxNDA2IDkuOTE3OTY4OCBMIDExLjkxMDE1NiA5LjkwMDM5MDYgTCA1LjQwNjI1IDcuMDQ0OTIxOSBMIDcuNTU4NTkzOCA2LjAyMzQzNzUgeiBNIDQgOC42MTEzMjgxIEwgMTEgMTEuNjg1NTQ3IEwgMTEgMTkuNTM3MTA5IEwgNCAxNi4yMTQ4NDQgTCA0IDguNjExMzI4MSB6IE0gMjAgOC42MTEzMjgxIEwgMjAgMTYuMjEyODkxIEwgMTMgMTkuNTM1MTU2IEwgMTMgMTEuNjg1NTQ3IEwgMjAgOC42MTEzMjgxIHoiPjwvcGF0aD48L3N2Zz4=");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center left
}

.profileOrderStatus {
    padding-left: 40px
}

.profileOrder .profileOrderContent {
    transition: all .25s ease-in-out;
    overflow: hidden;
    max-height: 0
}

.profileOrder.open .profileOrderContent {
    max-height: inherit
}

.profileOrder.open .profileOrderLine {
    background-color: #f2f2f2
}

.profileOrder.placed .profileOrderStatus {
    color: #ff8c00
}

.profileOrder.cancelled .profileOrderStatus, .profileOrder.paid .profileOrderStatus {
    color: #f00004
}

.profileOrder.ready .profileOrderStatus, .profileOrder.picked_up .profileOrderStatus, .profileOrder.shipped .profileOrderStatus, .profileOrder.completed .profileOrderStatus {
    color: #46b93a
}

.profileOrderContentInner {
    display: flex;
    flex-flow: column;
    padding: 0 20px 20px
}

.profileOrderItem, .profileOrderItemInner {
    display: flex;
    width: 100%
}

.profileOrderItemInner {
    flex-flow: row;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px dashed rgba(0, 0, 0, .2)
}

.profileOrderFooter {
    display: flex;
    flex-flow: row;
    padding: 20px 0;
    justify-content: space-between
}

.profileOrderRepeat {
    height: 36px;
    padding: 0 40px 0 72px;
    background-color: rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    font-weight: 700;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyNCAyNCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij4gICAgPHBhdGggZD0iTSAxOCAxIEwgMTggNCBMIDIgNCBMIDIgMTIgTCA0IDEyIEwgNCA2IEwgMTggNiBMIDE4IDkgTCAyMiA1IEwgMTggMSB6IE0gMjAgMTIgTCAyMCAxOCBMIDYgMTggTCA2IDE1IEwgMiAxOSBMIDYgMjMgTCA2IDIwIEwgMjIgMjAgTCAyMiAxMiBMIDIwIDEyIHoiPjwvcGF0aD48L3N2Zz4=");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center left 40px
}

@media (hover: hover) {
    .profileOrderRepeat:hover {
        background-color: rgba(0, 0, 0, .2)
    }
}

@media (hover: none) {
    .profileOrderRepeat:active {
        background-color: rgba(0, 0, 0, .2)
    }
}

.profileOrderSum {
    display: flex;
    font-weight: 700
}

.profileOrderSum > span:nth-of-type(1) {
    padding-right: 40px
}

@media only screen and (max-width: 1459px) {
    .profileOrderLineLeft {
        display: flex;
        flex-flow: row wrap;
        align-self: center
    }

    .profileOrderLineLeft:nth-child(1) {
        background-position: top left
    }

    .profileOrderStatus {
        width: 100%;
        padding-left: 0
    }
}

@media only screen and (max-width: 1023px) {
    .profileOrderList {
        margin: 40px 0 20px
    }

    .profileOrderList h2 {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 767px) {
    .profileOrderList {
        margin: 40px 0 10px
    }

    .profileOrderLineInner {
        padding: 0 10px
    }

    .profileOrderLineRight {
        text-indent: -9999px;
        overflow: hidden
    }

    .profileOrderContentInner {
        padding: 0 10px 20px
    }

    .profileOrderFooter {
        padding: 10px 0 20px
    }

    .profileOrderSum > span:nth-of-type(1) {
        padding-right: 20px
    }

    .profileOrderRepeat {
        padding: 0 20px 0 52px;
        background-position: center left 20px
    }

    .profileOrderItemRight {
        white-space: nowrap
    }
}

@media only screen and (max-width: 567px) {
    .profileOrderLineLeft span:nth-of-type(4), .profileOrderLineLeft span:nth-of-type(5), .profileOrderSum span:first-of-type {
        display: none
    }

    .profileOrderStatus {
        font-size: .75rem
    }

    .profileOrderContentInner {
        padding: 0 0 20px
    }
}

.profileNewsletterBlock {
    display: flex;
    flex-flow: column;
    margin: 80px 0 0
}

.profileNewsletterBlock h2 {
    margin: 0 0 30px
}

.profileNewsletterIntro {
    display: block;
    margin-bottom: 20px;
    font-weight: 700
}

#profileNewsletterForm {
    display: block;
    margin-bottom: 40px
}

#profileNewsletterError, #profileNewsletterSuccess {
    color: #f00004;
    margin-bottom: 20px;
    font-weight: 700
}

#profileNewsletterSuccess {
    color: #46b93a
}

.consentText {
    font-size: .875rem
}

#profileNewsletterForm .checkboxContainer {
    line-height: 1.3em
}

@media only screen and (max-width: 1023px) {
    .profileNewsletterBlock {
        margin: 40px 0 0
    }

    .profileNewsletterBlock h2 {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 767px) {
    #profileNewsletterForm, .profileNewsletterIntro {
        margin-bottom: 10px
    }
}

.profileMenuBlock {
    display: block;
    width: 33.333333%;
    padding: 0 20px;
    min-width: 360px
}

.profileMenuHeader {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: #000;
    color: #fff;
    padding: 20px
}

.profileMenuToggle {
    display: none
}

.profileMenuExpandArrow {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTcuNCw4LjVMNS45LDEwbDYuMSw2LjFsNi4xLTYuMWwtMS41LTEuNUwxMiwxMy4xTDcuNCw4LjV6Ii8+Cjwvc3ZnPgo=");
    background-size: contain;
    transition: .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.profileMenuHeader.profileMobileHidden .profileMenuExpandArrow {
    transform: rotate(0deg)
}

.profileMenuBlockInner {
    display: flex;
    width: 100%;
    flex-flow: column;
    border: 2px solid #000;
    border-radius: 12px;
    overflow: hidden
}

.profileMenuName {
    font-weight: 700
}

.profileMenuList {
    display: flex;
    flex-flow: column;
    padding: 10px
}

.profileMenuBtn {
    display: block;
    width: 100%;
    padding: 0 10px;
    line-height: 44px;
    background-position: right 10px top 10px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    border-radius: 6px
}

.profileMenuBtn.userMenuActive {
    cursor: auto;
    background-color: #000;
    color: #fff
}

@media (hover: hover) {
    .profileMenuBtn:hover {
        background-color: rgba(0, 0, 0, .1);
        cursor: pointer;
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTkuNSwxNi42bDEuNSwxLjVsNi4xLTYuMUwxMSw1LjlMOS41LDcuNGw0LjYsNC42TDkuNSwxNi42eiIvPgo8L3N2Zz4K")
    }

    .profileMenuBtn.userMenuActive:hover {
        cursor: auto;
        background-color: #000;
        color: #fff;
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTkuNSwxNi42bDEuNSwxLjVsNi4xLTYuMUwxMSw1LjlMOS41LDcuNGw0LjYsNC42TDkuNSwxNi42eiIvPgo8L3N2Zz4K")
    }
}

@media (hover: none) {
    .profileMenuBtn:active {
        background-color: rgba(0, 0, 0, .1);
        cursor: pointer;
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTkuNSwxNi42bDEuNSwxLjVsNi4xLTYuMUwxMSw1LjlMOS41LDcuNGw0LjYsNC42TDkuNSwxNi42eiIvPgo8L3N2Zz4K")
    }

    .profileMenuBtn.userMenuActive:active {
        cursor: auto;
        background-color: #000;
        color: #fff;
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTkuNSwxNi42bDEuNSwxLjVsNi4xLTYuMUwxMSw1LjlMOS41LDcuNGw0LjYsNC42TDkuNSwxNi42eiIvPgo8L3N2Zz4K")
    }
}

@media only screen and (min-width: 1024px) {
    .profileMenuName {
        font-size: 1.5rem;
        line-height: 1em;
        margin-top: 5px
    }

    .profileMenuBtn.userMenuActive {
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTkuNSwxNi42bDEuNSwxLjVsNi4xLTYuMUwxMSw1LjlMOS41LDcuNGw0LjYsNC42TDkuNSwxNi42eiIvPgo8L3N2Zz4K")
    }
}

@media only screen and (max-width: 1023px) {
    .profileMenuBlock {
        width: 100%
    }

    .profileMenuHeader {
        padding: 10px 20px
    }

    .profileMenuToggle {
        display: block
    }

    .profileMenuList.profileMobileHidden {
        display: none
    }

    .profileMenuGreeting {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .profileMenuBlock {
        padding: 0 10px;
        min-width: 200px
    }
}

.userFavoriteProducts .profileDataBlockInner {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.userFavoriteItem, .userFavoriteItemInner {
    display: flex;
    flex-flow: row
}

.userFavoriteItem {
    padding: 20px 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    justify-content: space-between
}

.userFavoriteImg {
    display: block;
    width: 75px;
    min-width: 75px;
    height: 75px;
    position: relative;
    text-indent: -9999px;
    overflow: hidden
}

.userFavoriteImg img {
    position: absolute;
    top: -9999px;
    left: -9999px;
    right: -9999px;
    bottom: -9999px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    display: block
}

.userFavoriteBadge {
    background-color: #f00004;
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
    height: 16px;
    font-size: .875rem;
    padding: 0 4px;
    line-height: 1.2em
}

.userFavouritesDetails {
    display: flex;
    flex-flow: column;
    padding-left: 20px;
    justify-content: center
}

.userFavouritesName {
    display: flex;
    font-size: 1rem;
    line-height: 1em;
    font-weight: 700
}

@media (hover: hover) {
    .userFavouritesName:hover {
        text-decoration: underline
    }
}

@media (hover: none) {
    .userFavouritesName:active {
        text-decoration: underline
    }
}

.userFavoriteVariations {
    display: flex;
    flex-flow: row;
    font-size: .75rem;
    margin-top: 8px;
    line-height: 1.2em
}

.userFavoriteVariationsValue {
    font-weight: bold;
    margin-left: 5px;
    margin-right: 10px
}

.userFavoritePrice {
    font-weight: 700;
    line-height: 1.2em;
    flex-flow: row wrap;
    display: flex;
    white-space: nowrap;
    font-size: .875rem;
    margin-top: 8px
}

.userFavoriteNormalPrice {
    font-weight: 400;
    padding-right: 10px;
    text-decoration-line: line-through;
    text-decoration-color: rgba(0, 0, 0, .3);
    text-decoration-style: solid;
    text-decoration-thickness: 2px
}

.userFavoriteDiscountPrice {
    padding-right: 10px;
    font-weight: 700;
    color: #f00004
}

.userFavouritesDetails .productAvailabilityContainer {
    margin-top: 8px;
    margin-bottom: 0;
    font-size: .75rem;
    line-height: 1.2em;
    display: flex;
    flex-flow: column
}

.userFavoriteBtnBox {
    display: flex;
    flex-flow: row;
    align-items: center
}

.userFavoriteInCart, .userFavoriteAddToCart {
    min-width: 200px;
    margin-right: 10px;
    padding: 0 20px
}

.userFavoriteInCart div.btnTitle::before, .userFavoriteAddToCart div.btnTitle::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 8px 0 0;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain
}

.userFavoriteInCart div.btnTitle::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTg2LDE0LjMzMzMzYy0zOS41MTcsMCAtNzEuNjY2NjcsMzIuMTQ5NjcgLTcxLjY2NjY3LDcxLjY2NjY3YzAsMzkuNTE3IDMyLjE0OTY3LDcxLjY2NjY3IDcxLjY2NjY3LDcxLjY2NjY3YzM5LjUxNywwIDcxLjY2NjY3LC0zMi4xNDk2NyA3MS42NjY2NywtNzEuNjY2NjdjMCwtOC4wNjk2NyAtMS40MDQ3OCwtMTUuODA4MjEgLTMuODc3MjgsLTIzLjA1MzcxbC0xMS42MDM4NCwxMS42MDM4NGMwLjc1MjUsMy42OTggMS4xNDc3OCw3LjUyOTcgMS4xNDc3OCwxMS40NDk4N2MwLDMxLjYxMjE3IC0yNS43MjExNyw1Ny4zMzMzMyAtNTcuMzMzMzMsNTcuMzMzMzNjLTMxLjYxMjE3LDAgLTU3LjMzMzMzLC0yNS43MjExNyAtNTcuMzMzMzMsLTU3LjMzMzMzYzAsLTMxLjYxMjE3IDI1LjcyMTE3LC01Ny4zMzMzMyA1Ny4zMzMzMywtNTcuMzMzMzNjMTEuNzAzMTcsMCAyMi41ODg3NywzLjUzOTU1IDMxLjY3NjExLDkuNTg4MjJsMTAuMjYwMDksLTEwLjI2MDA5Yy0xMS44MTA2NywtOC41NTcgLTI2LjI3NzAzLC0xMy42NjE0NiAtNDEuOTM2MTksLTEzLjY2MTQ2ek0xNTIuNTk5NjEsMjMuNTk5NjFsLTczLjc2NjI4LDczLjc2NjI4bC0yMy41OTk2MSwtMjMuNTk5NjFsLTEwLjEzNDExLDEwLjEzNDExbDMzLjczMzcyLDMzLjczMzcybDgzLjkwMDM5LC04My45MDAzOXoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==")
}

.userFavoriteAddToCart div.btnTitle::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAsMCwyNTYsMjU2IgpzdHlsZT0iZmlsbDojMDAwMDAwOyI+CjxnIGZpbGw9IiNmZmZmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxnIHRyYW5zZm9ybT0ic2NhbGUoMTAuNjY2NjcsMTAuNjY2NjcpIj48cGF0aCBkPSJNMTEuNDk4MDUsMS4yNWMtMS4yNTksMCAtMi40Njc0MiwwLjQ5OTYzIC0zLjM1NzQyLDEuMzkwNjNjLTAuNzExNzYsMC43MTA5NiAtMS4xNTkyMywxLjYyODY2IC0xLjMxNjQxLDIuNjA5MzhoLTAuODg0NzdjLTAuOTI0LDAgLTEuNjg5MDksMC43MTg2MyAtMS43NDYwOSwxLjY0MDYzYy0wLjE3NSwyLjc5NCAtMC42OTEsMTEuMDUgLTAuODc1LDE0Yy0wLjAzLDAuNDgyIDAuMTM5NywwLjk1NDY0IDAuNDcwNywxLjMwNjY0YzAuMzMxLDAuMzUyIDAuNzkyMzksMC41NTI3MyAxLjI3NTM5LDAuNTUyNzNoMTMuODcxMDljMC40ODMsMCAwLjk0NDM5LC0wLjIwMDczIDEuMjc1MzksLTAuNTUyNzNjMC4zMzEsLTAuMzUyIDAuNTAwNywtMC44MjQ2NCAwLjQ3MDcsLTEuMzA2NjRsLTAuODc1LC0xNGMtMC4wNTcsLTAuOTIyIC0wLjgyMjA5LC0xLjY0MDYyIC0xLjc0NjA5LC0xLjY0MDYyaC0wLjg4NDc3Yy0wLjM2MTc1LC0yLjI2NDMyIC0yLjMwOTcsLTQgLTQuNjc1NzgsLTR6TTExLjQ5ODA1LDIuNzVoMS4wMDE5NWMxLjUzNywwIDIuODIzMTEsMS4wNjcgMy4xNjIxMSwyLjVoLTcuMzI0MjJjMC4xMzcsLTAuNTgyIDAuNDM0MjgsLTEuMTE4ODMgMC44NjMyOCwtMS41NDg4M2MwLjYwOSwtMC42MDkgMS40MzU4OCwtMC45NTExNyAyLjI5Njg4LC0wLjk1MTE3ek01LjkzOTQ1LDYuNzVoMS41NjA1NWg5aDEuNTYwNTVjMC4xMzIsMCAwLjI0MiwwLjEwMzM3IDAuMjUsMC4yMzQzOGwwLjg3NSwxNGMwLjAwNCwwLjA2OSAtMC4wMjEzNiwwLjEzNzUgLTAuMDY4MzYsMC4xODc1Yy0wLjA0NywwLjA1IC0wLjExMjY0LDAuMDc4MTMgLTAuMTgxNjQsMC4wNzgxM2gtMTMuODcxMDljLTAuMDY5LDAgLTAuMTM0NjQsLTAuMDI4MTIgLTAuMTgxNjQsLTAuMDc4MTJjLTAuMDQ3LC0wLjA1IC0wLjA3MjM2LC0wLjExODUgLTAuMDY4MzYsLTAuMTg3NWwwLjg3NSwtMTRjMC4wMDgsLTAuMTMxIDAuMTE4LC0wLjIzNDM3IDAuMjUsLTAuMjM0Mzd6TTguNSw4Ljc1Yy0wLjQxNCwwIC0wLjc1LDAuMzM2IC0wLjc1LDAuNzVjMCwwLjY5OSAwLjIxNjY2LDEuMzU0OTIgMC41OTc2NiwxLjkxOTkyYzAuNzMyLDEuMDgzIDIuMDg4MzQsMS44MzAwOCAzLjY1MjM0LDEuODMwMDhjMS41NjQsMCAyLjkyMDM0LC0wLjc0NzA4IDMuNjUyMzQsLTEuODMwMDhjMC4zODEsLTAuNTY1IDAuNTk3NjYsLTEuMjIwOTIgMC41OTc2NiwtMS45MTk5MmMwLC0wLjQxNCAtMC4zMzYsLTAuNzUgLTAuNzUsLTAuNzVjLTAuNDE0LDAgLTAuNzUsMC4zMzYgLTAuNzUsMC43NWMwLDAuMzk0IC0wLjEyNDg0LDAuNzYyMDggLTAuMzM5ODQsMS4wODAwOGMtMC40OCwwLjcxIC0xLjM4NTE2LDEuMTY5OTIgLTIuNDEwMTYsMS4xNjk5MmMtMS4wMjUsMCAtMS45MzAxNiwtMC40NTk5MiAtMi40MTAxNiwtMS4xNjk5MmMtMC4yMTUsLTAuMzE4IC0wLjMzOTg0LC0wLjY4NjA4IC0wLjMzOTg0LC0xLjA4MDA4YzAsLTAuNDE0IC0wLjMzNiwtMC43NSAtMC43NSwtMC43NXoiPjwvcGF0aD48L2c+PC9nPgo8L3N2Zz4=")
}

.userFavoriteAddToCart.disabled {
    background-color: rgba(0, 0, 0, .2);
    cursor: default
}

.userFavoriteDeleteBtn {
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    text-indent: 9999px;
    overflow: hidden;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwLDBBMiwyLDAsMCwwLDguNTYuNTYsMiwyLDAsMCwwLDgsMlYzSDJWNUgzVjIxYTMsMywwLDAsMCwzLDNIMThhMywzLDAsMCwwLDMtM1Y1aDFWM0gxNlYyQTIsMiwwLDAsMCwxNS40NC41NiwyLDIsMCwwLDAsMTQsMFptMCwyaDRWM0gxMFpNNSw1SDE5VjIxYTEsMSwwLDAsMS0xLDFINmExLDEsMCwwLDEtMS0xWk03LDhWMTlIOVY4Wm00LDBWMTloMlY4Wm00LDBWMTloMlY4WiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.userFavoriteDeleteBtn .btnProgress {
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid rgba(0, 0, 0, 0);
    border-image: url("data:image/svg+xml;charset=utf-8, %3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3Epath%7Banimation:stroke 5s infinite linear;%7D@keyframes stroke%7Bto%7Bstroke-dashoffset:776;%7D%7D%3C/style%3E%3Cpath d='M1.5 1.5 l97 0l0 97l-97 0 l0 -97' stroke-linecap='square' stroke='%23333333' stroke-width='3' stroke-dasharray='388'/%3E%3C/svg%3E") 1
}

.userFavoriteDeleteBtn.processing .btnProgress {
    display: block
}

@media (hover: hover) {
    .userFavoriteDeleteBtn:hover {
        cursor: pointer;
        background-color: rgba(0, 0, 0, .1)
    }
}

@media (hover: none) {
    .userFavoriteDeleteBtn:active {
        cursor: pointer;
        background-color: rgba(0, 0, 0, .1)
    }
}

@media only screen and (max-width: 767px) {
    .userFavouritesDetails {
        padding-left: 10px
    }

    .userFavoriteItemInner {
        width: 100%;
        margin-bottom: 10px
    }

    .userFavoriteItem {
        flex-flow: row wrap
    }

    .userFavoriteBtnBox {
        width: 100%
    }

    .userFavoriteAddToCart, .userFavoriteInCart {
        flex-grow: 1
    }
}

.profileAlertContainer {
    display: flex;
    flex-flow: column;
    width: 100%;
    background-color: #b6e1fd;
    border: 3px dashed #5db3f5;
    align-items: center;
    margin-bottom: 40px;
    border-radius: 24px
}

.profileAlertContainer + .profileAlertContainer {
    margin-top: -30px
}

.profileAlertItem {
    display: flex;
    flex-flow: column;
    width: 100%;
    color: #0667bd;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 15px 20px
}

.profileAlertItem a {
    color: #0667bd
}

#profileConfirmEmailShort, #profileConfirmEmailFull {
    display: block;
    width: 100%
}

.profileAlertLink {
    text-decoration: underline;
    cursor: pointer;
    white-space: nowrap
}

@media (hover: hover) {
    .profileAlertLink:hover {
        text-decoration: none
    }
}

@media (hover: none) {
    .profileAlertLink:active {
        text-decoration: none
    }
}

#profileConfirmEmailError {
    color: #f00004
}

#profileConfirmEmailSend {
    background-color: #0667bd;
    color: #b6e1fd;
    min-height: 44px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer
}

#profileConfirmEmailSend:hover {
    background-color: #7d7d7d
}

#profileConfirmEmailProgress.spinner div {
    background: #0667bd !important
}

@media only screen and (max-width: 1023px) {
    .profileAlertContainer {
        margin-bottom: 20px
    }
}

.profileFormBlock {
    background-color: rgba(0, 0, 0, .05);
    padding: 40px;
    display: flex;
    flex: 0 1 100%;
    flex-flow: row wrap;
    border-radius: 12px
}

#alternateAddress {
    display: flex;
    flex: 0 1 100%;
    flex-flow: row wrap
}

#changeData .profileFormBlock + .profileFormBlock {
    margin: 40px 0
}

#formMailChange {
    display: flex
}

#formMailChange a {
    display: flex;
    height: 44px;
    align-self: end;
    align-items: center;
    color: #7d7d7d;
    text-decoration: underline;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

#formTaxCheckbox {
    display: flex
}

#formTaxCheckboxAlign {
    display: flex;
    height: 44px;
    align-self: end;
    align-items: center
}

@media (hover: hover) {
    #formMailChange a:hover {
        color: #000
    }
}

@media (hover: none) {
    #formMailChange a:active {
        color: #000
    }
}

.profileAlternateAddressCheckbox {
    display: block;
    width: 100%
}

#changeDataError, #changeDataSuccess {
    color: #f00004;
    margin-bottom: 20px;
    font-weight: 700
}

#changeDataSuccess {
    color: #46b93a
}

@media only screen and (max-width: 767px) {
    .profileFormBlock {
        padding: 20px 10px
    }

    #changeData .profileFormBlock + .profileFormBlock {
        margin: 10px 0
    }
}

#changePassword .profileFormBlock, #changeEmail .profileFormBlock {
    margin-bottom: 40px;
    display: block
}

#changePasswordError, #changePasswordSuccess, #changeEmailError, #changeEmailSuccess {
    color: #f00004;
    margin-bottom: 20px;
    font-weight: 700
}

#changePasswordSuccess, #changeEmailSuccess {
    color: #46b93a
}

#changePassword .passwordStrength {
    margin-bottom: 0
}

#changePassword .profileFormBlock > .formLabel:first-of-type, #changeEmail .profileFormBlock > .formLabel:first-of-type {
    padding-top: 0
}

.loginForm #changePasswordBtn {
    margin-top: 40px
}

@media only screen and (max-width: 1023px) {
    #changePassword .profileFormBlock, #changeEmail .profileFormBlock {
        margin-bottom: 10px
    }
}

.passwordStrength {
    display: flex;
    flex-flow: column;
    margin-top: 10px;
    margin-bottom: 40px
}

.checkmarkGreen {
    margin-right: 4px;
    width: 16px;
    height: 16px
}

.checkmarkGreen path {
    fill: #46b93a
}

.checkmarkRed {
    margin-right: 4px;
    width: 16px;
    height: 16px
}

.checkmarkRed path {
    fill: #f00004
}

.passwordStrength .passwordStrengthLine {
    display: flex;
    flex-flow: row;
    font-size: .875rem;
    align-items: center;
    color: #f00004
}

.checkmarkGreen {
    display: none
}

.passwordStrength .passwordStrengthLine.ok {
    color: #46b93a
}

.passwordStrength .passwordStrengthLine.ok .checkmarkGreen {
    display: block;
    color: #46b93a
}

.passwordStrength .passwordStrengthLine.ok .checkmarkRed {
    display: none
}

.passwordStrengthProgress {
    border-top: 4px solid #fff;
    margin-top: -2px;
    transition: .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

div.passBad .passwordStrengthProgress {
    border-color: #f00004;
    width: 33.3333%
}

div.passGood .passwordStrengthProgress {
    border-color: #ff8c00;
    width: 66.3333%
}

div.passBest .passwordStrengthProgress {
    border-color: #46b93a;
    width: 100%
}



#searchDropDown {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    top: 100%;
    margin-top: -2px;
    z-index: 1000;
    transition: opacity .25s ease-in-out, transform .25s ease-in-out, visibility .25s ease-in-out;
    transform-origin: top center
}

#searchDropDown.searchDropDownHidden {
    opacity: 0;
    transform: scale(0.9);
    visibility: hidden
}

#searchFormProgress {
    display: block;
    width: 64px
}

#searchDropDownInner {
    position: relative;
    display: flex;
    background-color: #fff;
    border: 2px solid #7d7d7d;
    border-radius: 24px
}

#searchDropDownInner::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid #7d7d7d
}

#searchFormContainer {
    position: absolute;
    width: 100%;
    z-index: 10
}

.searchSection {
    display: flex;
    flex-flow: column
}

.searchTitle {
    display: flex;
    position: relative;
    width: 100%;
    padding: 0 0 10px 36px;
    font-size: 1.2rem;
    line-height: 1em;
    color: #7d7d7d;
    text-transform: uppercase;
    font-weight: 700
}

.searchTitle::before {
    content: "";
    float: left;
    position: absolute;
    bottom: 14px;
    left: 20px;
    width: 10px;
    height: 10px;
    background-color: #000
}

#searchProducts {
    display: flex;
    width: 60%;
    border-right: 2px solid rgba(0, 0, 0, .1);
    padding: 20px 0
}

#searchOther {
    display: flex;
    flex-flow: column;
    width: 40%
}

#searchNews, #searchCategories {
    display: flex;
    flex-flow: column;
    width: 100%;
    padding: 20px 0
}

.searchProductList {
    display: flex;
    width: 100%;
    flex-flow: column
}

.searchProductListItem {
    display: flex;
    flex-flow: row;
    width: 100%;
    padding: 10px 20px;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer
}

@media (hover: hover) {
    .searchProductListItem:hover {
        background-color: rgba(0, 0, 0, .1)
    }
}

@media (hover: none) {
    .searchProductListItem:active {
        background-color: rgba(0, 0, 0, .1)
    }
}

.searchProductListImg {
    display: block;
    width: 60px;
    min-width: 60px !important;
    height: 0;
    position: relative;
    overflow: hidden;
    padding-bottom: 60px !important;
    background-color: #fff
}

.searchProductListImg img {
    position: absolute;
    top: -9999px;
    left: -9999px;
    right: -9999px;
    bottom: -9999px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    background-color: rgba(0, 0, 0, .05)
}

.searchProductListInfo {
    display: flex;
    position: relative;
    flex-grow: 1;
    flex-flow: column;
    padding-left: 10px;
    justify-content: center
}

.searchProductListName, .searchCategoryListItem, .searchNewsListItem {
    line-height: 1.2em;
    font-size: .875rem
}

.searchDiscount {
    display: flex;
    padding: 0 4px;
    flex-flow: column;
    justify-content: center;
    background-color: #f00004;
    color: #fff;
    font-weight: 700;
    line-height: 1.4em;
    margin-left: 10px;
    white-space: nowrap
}

.searchProductListPrice {
    font-weight: 700;
    line-height: 1.4em;
    flex-flow: row;
    display: flex;
    white-space: nowrap;
    margin-top: 5px;
    font-size: .75rem
}

.searchProductListPrice.discount .productNormalPrice {
    font-weight: 400;
    text-decoration-line: line-through;
    text-decoration-color: rgba(0, 0, 0, .3);
    text-decoration-style: solid;
    text-decoration-thickness: 2px
}

.searchProductListPrice.discount .productDiscountPrice {
    padding-left: 10px;
    font-weight: 700;
    color: #f00004
}

.searchCategoryList, .searchCategoryListItem, .searchCategoryListInfo, .searchNewsListItem, .searchNewsListInfo {
    display: block;
    width: 100%
}

.searchCategoryListItem, .searchNewsListItem {
    padding-left: 20px
}

.searchCategoryListItem + .searchCategoryListItem, .searchNewsListItem + .searchNewsListItem {
    padding-top: 10px
}

@media (hover: hover) {
    a.searchCategoryListName:hover, a.searchNewsListName:hover {
        text-decoration: underline
    }
}

#searchProductShowAll {
    display: flex;
    flex-flow: row;
    width: 100%;
    padding: 20px 20px 0
}

#searchProductShowAllBtn {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #000
}

@media (hover: hover) {
    #searchProductShowAllBtn:hover {
        text-decoration: none;
        background-color: #7d7d7d
    }
}

@media (hover: none) {
    #searchProductShowAllBtn:active {
        text-decoration: none;
        background-color: #7d7d7d
    }
}

@media only screen and (max-width: 1279px) {
    .productListNoItems {
        padding: 10px
    }
}

@media only screen and (min-width: 1024px) {
    nav#headerNav .headerNavSearch {
        display: flex;
        position: relative;
        flex-grow: 1;
        flex-flow: row;
        justify-content: flex-end;
        padding: 0 20px 0 40px
    }

    nav#headerNav .headerNavSearchInner {
        display: flex;
        position: relative;
        width: 100%;
        height: 48px
    }

    nav#headerNav .headerNavSearch #searchForm {
        display: flex;
        flex-grow: 1;
        flex-flow: row;
        align-self: center;
        border: 1px solid rgba(0, 0, 0, .1);
        transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
        border-radius: 24px;
        overflow: hidden
    }

    nav#headerNav .headerNavSearch:hover #searchForm, nav#headerNav .headerNavSearch .headerNavSearchInner.dropdownActive #searchForm {
        border: 1px solid rgba(0, 0, 0, .2)
    }

    nav#headerNav .headerNavSearch #searchFormProgress {
        background-color: #e8e8e9
    }

    nav#headerNav .headerNavSearch #searchFormClear, nav#headerNav .headerNavSearch #searchForm button {
        border: 0;
        width: 66px;
        height: 46px;
        text-indent: -999px;
        overflow: hidden;
        background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+PHBhdGggZD0iTSAxOSAzIEMgMTMuNDg4MjgxIDMgOSA3LjQ4ODI4MSA5IDEzIEMgOSAxNS4zOTQ1MzEgOS44Mzk4NDQgMTcuNTg5ODQ0IDExLjI1IDE5LjMxMjUgTCAzLjI4MTI1IDI3LjI4MTI1IEwgNC43MTg3NSAyOC43MTg3NSBMIDEyLjY4NzUgMjAuNzUgQyAxNC40MTAxNTYgMjIuMTYwMTU2IDE2LjYwNTQ2OSAyMyAxOSAyMyBDIDI0LjUxMTcxOSAyMyAyOSAxOC41MTE3MTkgMjkgMTMgQyAyOSA3LjQ4ODI4MSAyNC41MTE3MTkgMyAxOSAzIFogTSAxOSA1IEMgMjMuNDI5Njg4IDUgMjcgOC41NzAzMTMgMjcgMTMgQyAyNyAxNy40Mjk2ODggMjMuNDI5Njg4IDIxIDE5IDIxIEMgMTQuNTcwMzEzIDIxIDExIDE3LjQyOTY4OCAxMSAxMyBDIDExIDguNTcwMzEzIDE0LjU3MDMxMyA1IDE5IDUgWiIvPjwvc3ZnPg==");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 28px 28px;
        margin: 0;
        transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
        z-index: 3;
        border-radius: 23px
    }

    nav#headerNav .headerNavSearch #searchFormClear {
        background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyLDJBMTAsMTAsMCwxLDAsMjIsMTIsMTAsMTAsMCwwLDAsMTIsMlptNSwxMy41OUwxNS41OSwxNywxMiwxMy40MSw4LjQxLDE3LDcsMTUuNTksMTAuNTksMTIsNyw4LjQxLDguNDEsNywxMiwxMC41OSwxNS41OSw3LDE3LDguNDEsMTMuNDEsMTJaIi8+PC9zdmc+")
    }

    nav#headerNav .headerNavSearch #searchFormClear:hover, nav#headerNav .headerNavSearch #searchForm button:hover {
        cursor: pointer
    }

    nav#headerNav .headerNavSearch input[type=text] {
        flex-grow: 1;
        height: 46px;
        padding-left: 1rem;
        transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
        border: none;
        margin: 0;
        min-width: 240px;
        z-index: 3
    }

    nav#headerNav .headerNavSearch #searchFormProgress .spinner {
        margin-top: 10px
    }
}

@media only screen and (max-width: 1023px) {
    nav#headerNav .headerNavSearch #searchFormProgress .spinner {
        margin-top: 9px
    }
}

@media only screen and (max-width: 767px) {
    .productListNoItems {
        padding: 0 5px 10px
    }

    nav#headerNav .headerNavSearch input[type=text] {
        padding-left: 10px
    }

    nav#headerNav .headerNavSearch #searchForm button {
        width: 42px
    }
}

@media only screen and (max-width: 567px) {
    #searchDropDownInner {
        flex-flow: column
    }

    #searchProducts {
        border-right: 0;
        border-bottom: 2px solid rgba(0, 0, 0, .1);
        width: 100%
    }

    #searchOther {
        width: 100%
    }

    .searchTitle {
        padding-left: 10px
    }

    .searchProductListItem {
        padding: 10px 10px
    }

    .searchProductListInfo {
        padding-left: 10px
    }

    .searchCategoryListItem {
        padding: 5px 10px
    }
}



.productContainer {
    display: flex;
    width: 100%;
    flex-flow: column;
    margin-top: 40px
}

.productInner {
    display: flex;
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
    flex-flow: column
}

.productInfo {
    display: flex;
    width: 100%;
    flex-flow: row
}

.productDetails {
    display: flex;
    width: 50%;
    flex-flow: row;
    padding: 0 20px
}

.productDetailsAlign {
    display: flex;
    width: 100%;
    flex-flow: column
}

.productCode {
    color: #7d7d7d;
    opacity: .6;
    font-size: .875rem
}

.productName {
    display: flex
}

.productManufacturers {
    margin-bottom: 40px;
    display: block
}

.productManufacturer {
    color: #000;
    text-transform: uppercase;
    font-weight: 700
}

@media (hover: hover) {
    .productManufacturer:hover {
        text-decoration: underline;
        cursor: pointer
    }
}

.productAvailabilityContainer {
    margin-bottom: 40px;
    display: block
}

.productAvailabilityContainer .productAvailabilityValue {
    color: #000;
    text-transform: uppercase;
    font-weight: 700
}

.productAvailabilityContainer.lowStock .productAvailabilityValue {
    color: #ff8c00
}

.productAvailabilityContainer.availableOutOfStock .productAvailabilityValue {
    color: #ff8c00
}

.productAvailabilityContainer.outOfStock .productAvailabilityValue {
    color: #f00004
}

.productAvailabilityContainer.availableSoon .productAvailabilityValue {
    color: #7d7d7d
}

.productAvailabilityContainer.unavailable .productAvailabilityValue {
    color: #000
}

.productManufacturer {
    color: #000;
    text-transform: uppercase;
    font-weight: 700
}

.productBadge {
    display: flex
}

.productBadge + .productBadge {
    margin-left: 8px
}

.productBadge:empty {
    display: none
}

.productBadges {
    display: flex;
    flex-flow: row wrap
}

.productBadgeBox {
    display: inline-block;
    background-color: #f00004;
    color: #fff;
    font-weight: 700;
    line-height: 28px;
    padding: 0 10px;
    text-transform: uppercase;
    border-radius: 3px
}

.productPrice {
    display: flex;
    flex-flow: column;
    margin-bottom: 40px;
    font-size: 1.75rem;
    line-height: 1em
}

.productPrice .productDiscountPrice {
    display: none
}

.productPrice.discount .productNormalPrice {
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
    text-decoration-line: line-through;
    text-decoration-color: rgba(0, 0, 0, .3);
    text-decoration-style: solid;
    text-decoration-thickness: 2px;
    color: #000;
    font-size: 1rem
}

.productPrice.discount .productDiscountPrice {
    display: block;
    font-weight: 700;
    color: #f00004
}

.productPriceCents, .productPriceCurrency {
    font-size: .75em
}

@media only screen and (max-width: 767px) {
    .productPrice {
        font-size: 1.5rem;
        line-height: 1em
    }

    .productBadgeBox {
        font-size: .75rem;
        line-height: 20px
    }
}

.addToCart {
    align-items: center
}

.addToCart div {
    display: flex;
    align-self: center
}

.addToCart div span {
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding-top: 1px
}

.addToCart div span::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 8px 0 0;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAsMCwyNTYsMjU2IgpzdHlsZT0iZmlsbDojMDAwMDAwOyI+CjxnIGZpbGw9IiNmZmZmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxnIHRyYW5zZm9ybT0ic2NhbGUoMTAuNjY2NjcsMTAuNjY2NjcpIj48cGF0aCBkPSJNMTEuNDk4MDUsMS4yNWMtMS4yNTksMCAtMi40Njc0MiwwLjQ5OTYzIC0zLjM1NzQyLDEuMzkwNjNjLTAuNzExNzYsMC43MTA5NiAtMS4xNTkyMywxLjYyODY2IC0xLjMxNjQxLDIuNjA5MzhoLTAuODg0NzdjLTAuOTI0LDAgLTEuNjg5MDksMC43MTg2MyAtMS43NDYwOSwxLjY0MDYzYy0wLjE3NSwyLjc5NCAtMC42OTEsMTEuMDUgLTAuODc1LDE0Yy0wLjAzLDAuNDgyIDAuMTM5NywwLjk1NDY0IDAuNDcwNywxLjMwNjY0YzAuMzMxLDAuMzUyIDAuNzkyMzksMC41NTI3MyAxLjI3NTM5LDAuNTUyNzNoMTMuODcxMDljMC40ODMsMCAwLjk0NDM5LC0wLjIwMDczIDEuMjc1MzksLTAuNTUyNzNjMC4zMzEsLTAuMzUyIDAuNTAwNywtMC44MjQ2NCAwLjQ3MDcsLTEuMzA2NjRsLTAuODc1LC0xNGMtMC4wNTcsLTAuOTIyIC0wLjgyMjA5LC0xLjY0MDYyIC0xLjc0NjA5LC0xLjY0MDYyaC0wLjg4NDc3Yy0wLjM2MTc1LC0yLjI2NDMyIC0yLjMwOTcsLTQgLTQuNjc1NzgsLTR6TTExLjQ5ODA1LDIuNzVoMS4wMDE5NWMxLjUzNywwIDIuODIzMTEsMS4wNjcgMy4xNjIxMSwyLjVoLTcuMzI0MjJjMC4xMzcsLTAuNTgyIDAuNDM0MjgsLTEuMTE4ODMgMC44NjMyOCwtMS41NDg4M2MwLjYwOSwtMC42MDkgMS40MzU4OCwtMC45NTExNyAyLjI5Njg4LC0wLjk1MTE3ek01LjkzOTQ1LDYuNzVoMS41NjA1NWg5aDEuNTYwNTVjMC4xMzIsMCAwLjI0MiwwLjEwMzM3IDAuMjUsMC4yMzQzOGwwLjg3NSwxNGMwLjAwNCwwLjA2OSAtMC4wMjEzNiwwLjEzNzUgLTAuMDY4MzYsMC4xODc1Yy0wLjA0NywwLjA1IC0wLjExMjY0LDAuMDc4MTMgLTAuMTgxNjQsMC4wNzgxM2gtMTMuODcxMDljLTAuMDY5LDAgLTAuMTM0NjQsLTAuMDI4MTIgLTAuMTgxNjQsLTAuMDc4MTJjLTAuMDQ3LC0wLjA1IC0wLjA3MjM2LC0wLjExODUgLTAuMDY4MzYsLTAuMTg3NWwwLjg3NSwtMTRjMC4wMDgsLTAuMTMxIDAuMTE4LC0wLjIzNDM3IDAuMjUsLTAuMjM0Mzd6TTguNSw4Ljc1Yy0wLjQxNCwwIC0wLjc1LDAuMzM2IC0wLjc1LDAuNzVjMCwwLjY5OSAwLjIxNjY2LDEuMzU0OTIgMC41OTc2NiwxLjkxOTkyYzAuNzMyLDEuMDgzIDIuMDg4MzQsMS44MzAwOCAzLjY1MjM0LDEuODMwMDhjMS41NjQsMCAyLjkyMDM0LC0wLjc0NzA4IDMuNjUyMzQsLTEuODMwMDhjMC4zODEsLTAuNTY1IDAuNTk3NjYsLTEuMjIwOTIgMC41OTc2NiwtMS45MTk5MmMwLC0wLjQxNCAtMC4zMzYsLTAuNzUgLTAuNzUsLTAuNzVjLTAuNDE0LDAgLTAuNzUsMC4zMzYgLTAuNzUsMC43NWMwLDAuMzk0IC0wLjEyNDg0LDAuNzYyMDggLTAuMzM5ODQsMS4wODAwOGMtMC40OCwwLjcxIC0xLjM4NTE2LDEuMTY5OTIgLTIuNDEwMTYsMS4xNjk5MmMtMS4wMjUsMCAtMS45MzAxNiwtMC40NTk5MiAtMi40MTAxNiwtMS4xNjk5MmMtMC4yMTUsLTAuMzE4IC0wLjMzOTg0LC0wLjY4NjA4IC0wLjMzOTg0LC0xLjA4MDA4YzAsLTAuNDE0IC0wLjMzNiwtMC43NSAtMC43NSwtMC43NXoiPjwvcGF0aD48L2c+PC9nPgo8L3N2Zz4=");
    background-size: contain
}

.addToCart.inCart {
    background-color: #7d7d7d
}

.addToCart.inCart div.btnInCartTitle {
    display: flex
}

.addToCart.inCart div.btnInCartTitle span::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTE0NS40MzI5NCwzNy45MzI5NGwtODAuOTMyOTQsODAuOTMyOTVsLTMwLjc2NjI4LC0zMC43NjYyOGwtMTAuMTM0MTEsMTAuMTM0MTFsNDAuOTAwMzksNDAuOTAwMzlsOTEuMDY3MDYsLTkxLjA2NzA1eiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+")
}

.addToCart.disabled {
    background-color: rgba(0, 0, 0, .2);
    cursor: default
}

@media (hover: hover) {
    .addToCart:not(.disabled):hover {
        background-color: #7d7d7d
    }
}

@media (hover: none) {
    .addToCart:not(.disabled):active {
        background-color: #7d7d7d
    }
}

.addToCart:not(.processing) div.btnProgress, .addToCart div.btnInCartTitle, .addToCart:not(.enableInquiry) div.btnEnableInquiryTitle, .addToCart:not(.inquiryEnabled) div.btnRemoveInquiryTitle, .addToCart.processing div.btnTitle, .addToCart.processing div.btnInCartTitle, .addToCart.processing div.btnEnableInquiryTitle, .addToCart.processing div.btnRemoveInquiryTitle, .addToCart.enableInquiry div.btnTitle, .addToCart.enableInquiry div.btnInCartTitle, .addToCart.enableInquiry div.btnRemoveInquiryTitle, .addToCart.inquiryEnabled div.btnTitle, .addToCart.inquiryEnabled div.btnInCartTitle, .addToCart.inquiryEnabled div.btnEnableInquiryTitle, .addToCart.inCart div.btnTitle, .addToCart.inCart div.btnEnableInquiryTitle, .addToCart.inCart div.btnRemoveInquiryTitle {
    display: none
}

.productAdditionalBtn {
    display: flex;
    flex-flow: row wrap
}

.productFavoriteLink, .productFavorite, .productComparison {
    height: 36px;
    display: flex;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    padding: 7px 20px;
    margin-top: 20px;
    border-radius: 24px;
    flex-grow: 0
}

.productFavoriteLink::before, .productFavorite::before, .productComparison::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 8px 0 0;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain
}

@media (hover: hover) {
    .productFavoriteLink:hover, .productFavorite:hover, .productComparison:hover {
        background-color: rgba(0, 0, 0, .1)
    }
}

@media (hover: none) {
    .productFavoriteLink:active, .productFavorite:active, .productComparison:active {
        background-color: rgba(0, 0, 0, .1)
    }
}

.productFavoriteLink .productComparisonRemove, .productFavoriteLink .productFavoriteRemove, .productFavorite .productComparisonRemove, .productFavorite .productFavoriteRemove, .productComparison .productComparisonRemove, .productComparison .productFavoriteRemove {
    display: none
}

.productFavoriteLink::before, .productFavorite::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDE1IDcgQyA4Ljk0MjQ0MTYgNyA0IDExLjk0MjQ0MiA0IDE4IEMgNCAyMi4wOTYxNTQgNy4wODc2NDQ4IDI1Ljk1Mjg5OSAxMC44NTE1NjIgMjkuOTA4MjAzIEMgMTQuNjE1NDgxIDMzLjg2MzUwNyAxOS4yNDgzNzkgMzcuODY5NDcyIDIyLjkzOTQ1MyA0MS41NjA1NDcgQSAxLjUwMDE1IDEuNTAwMTUgMCAwIDAgMjUuMDYwNTQ3IDQxLjU2MDU0NyBDIDI4Ljc1MTYyMSAzNy44Njk0NzIgMzMuMzg0NTE4IDMzLjg2MzUwNyAzNy4xNDg0MzggMjkuOTA4MjAzIEMgNDAuOTEyMzU2IDI1Ljk1Mjg5OSA0NCAyMi4wOTYxNTQgNDQgMTggQyA0NCAxMS45NDI0NDIgMzkuMDU3NTU4IDcgMzMgNyBDIDI5LjUyMzU2NCA3IDI2LjQ5NjgyMSA4Ljg2NjQ4ODMgMjQgMTIuMDM3MTA5IEMgMjEuNTAzMTc5IDguODY2NDg4MyAxOC40NzY0MzYgNyAxNSA3IHogTSAxNSAxMCBDIDE3LjkyODU3MSAxMCAyMC4zNjYzIDExLjU1ODM5OSAyMi43MzI0MjIgMTUuMzAwNzgxIEEgMS41MDAxNSAxLjUwMDE1IDAgMCAwIDI1LjI2NzU3OCAxNS4zMDA3ODEgQyAyNy42MzM3IDExLjU1ODM5OSAzMC4wNzE0MjkgMTAgMzMgMTAgQyAzNy40MzY0NDIgMTAgNDEgMTMuNTYzNTU4IDQxIDE4IEMgNDEgMjAuNDAzODQ2IDM4LjU4NzY0NCAyNC4wNDcxMDEgMzQuOTc2NTYyIDI3Ljg0MTc5NyBDIDMxLjY4MzU5IDMxLjMwMjIxIDI3LjU5MDMxMiAzNC45MTc0NTMgMjQgMzguNDE3OTY5IEMgMjAuNDA5Njg4IDM0LjkxNzQ1MyAxNi4zMTY0MSAzMS4zMDIyMSAxMy4wMjM0MzggMjcuODQxNzk3IEMgOS40MTIzNTUyIDI0LjA0NzEwMSA3IDIwLjQwMzg0NiA3IDE4IEMgNyAxMy41NjM1NTggMTAuNTYzNTU4IDEwIDE1IDEwIHoiPjwvcGF0aD48L3N2Zz4=")
}

.productFavorite.productFavoriteAdded::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDE1IDcgQyA4Ljk0MjQ0MTYgNyA0IDExLjk0MjQ0MiA0IDE4IEMgNCAyMi4wOTYxNTQgNy4wODc2NDQ4IDI1Ljk1Mjg5OSAxMC44NTE1NjIgMjkuOTA4MjAzIEMgMTQuNjE1NDgxIDMzLjg2MzUwNyAxOS4yNDgzNzkgMzcuODY5NDcyIDIyLjkzOTQ1MyA0MS41NjA1NDcgQSAxLjUwMDE1IDEuNTAwMTUgMCAwIDAgMjUuMDYwNTQ3IDQxLjU2MDU0NyBDIDI4Ljc1MTYyMSAzNy44Njk0NzIgMzMuMzg0NTE4IDMzLjg2MzUwNyAzNy4xNDg0MzggMjkuOTA4MjAzIEMgNDAuOTEyMzU2IDI1Ljk1Mjg5OSA0NCAyMi4wOTYxNTQgNDQgMTggQyA0NCAxMS45NDI0NDIgMzkuMDU3NTU4IDcgMzMgNyBDIDI5LjUyMzU2NCA3IDI2LjQ5NjgyMSA4Ljg2NjQ4ODMgMjQgMTIuMDM3MTA5IEMgMjEuNTAzMTc5IDguODY2NDg4MyAxOC40NzY0MzYgNyAxNSA3IHoiPjwvcGF0aD48L3N2Zz4=")
}

.productFavorite.productFavoriteAdded .productFavoriteRemove {
    display: inline
}

.productFavorite.productFavoriteAdded .productFavoriteAdd {
    display: none
}

.productComparison.productComparisonAdded .productComparisonRemove {
    display: inline
}

.productComparison.productComparisonAdded .productComparisonAdd {
    display: none
}

.productComparison::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2M1YWI3MSI+PHBhdGggZD0iTTExOS45ODU2OCw3LjExMDY4Yy0yLjE4ODE0LDAuMDAwNTMgLTQuMTU3NiwxLjMyNzM1IC00Ljk4MDA1LDMuMzU1MDRjLTAuODIyNDUsMi4wMjc2OSAtMC4zMzM3NSw0LjM1MTU2IDEuMjM1NzUsNS44NzYyNGwyNi42NTgwNCwyNi42NTgwNGgtODMuNzc0NDFjLTEuOTM4NDIsLTAuMDI3NDEgLTMuNzQxNDQsMC45OTEwMiAtNC43MTg2NSwyLjY2NTMyYy0wLjk3NzIxLDEuNjc0MyAtMC45NzcyMSwzLjc0NTA3IDAsNS40MTkzN2MwLjk3NzIxLDEuNjc0MyAyLjc4MDIzLDIuNjkyNzMgNC43MTg2NSwyLjY2NTMyaDgzLjc3NDQxbC0yNi42NTgwNCwyNi42NTgwNGMtMS40MDQxMiwxLjM0ODE1IC0xLjk2OTcxLDMuMzUwMDUgLTEuNDc4NjYsNS4yMzM2NGMwLjQ5MTA1LDEuODgzNTkgMS45NjIwMiwzLjM1NDU2IDMuODQ1NjEsMy44NDU2MWMxLjg4MzU5LDAuNDkxMDUgMy44ODU0OSwtMC4wNzQ1NSA1LjIzMzY0LC0xLjQ3ODY2bDM1LjgzMzMzLC0zNS44MzMzM2MyLjA5ODIzLC0yLjA5OTEgMi4wOTgyMywtNS41MDE0OSAwLC03LjYwMDU5bC0zNS44MzMzMywtMzUuODMzMzNjLTEuMDEyMjIsLTEuMDQyNCAtMi40MDMzLC0xLjYzMDY0IC0zLjg1NjI4LC0xLjYzMDd6TTIzLjI5MTY3LDQzYy0yLjk2ODUzLDAgLTUuMzc1LDIuNDA2NDcgLTUuMzc1LDUuMzc1YzAsMi45Njg1MyAyLjQwNjQ3LDUuMzc1IDUuMzc1LDUuMzc1YzIuOTY4NTMsMCA1LjM3NSwtMi40MDY0NyA1LjM3NSwtNS4zNzVjMCwtMi45Njg1MyAtMi40MDY0NywtNS4zNzUgLTUuMzc1LC01LjM3NXpNNDEuMjA4MzMsNDNjLTIuOTY4NTMsMCAtNS4zNzUsMi40MDY0NyAtNS4zNzUsNS4zNzVjMCwyLjk2ODUzIDIuNDA2NDcsNS4zNzUgNS4zNzUsNS4zNzVjMi45Njg1MywwIDUuMzc1LC0yLjQwNjQ3IDUuMzc1LC01LjM3NWMwLC0yLjk2ODUzIC0yLjQwNjQ3LC01LjM3NSAtNS4zNzUsLTUuMzc1ek01MS44NTMzNSw4Mi4zNjc2OGMtMS4zOTU5MiwwLjA0MDY4IC0yLjcyMTIxLDAuNjIzMDEgLTMuNjk1MzEsMS42MjM3bC0zNS44MzMzMywzNS44MzMzM2MtMi4wOTgyMywyLjA5OTEgLTIuMDk4MjMsNS41MDE0OSAwLDcuNjAwNTlsMzUuODMzMzMsMzUuODMzMzNjMS4zNDgxNSwxLjQwNDEyIDMuMzUwMDUsMS45Njk3MSA1LjIzMzY0LDEuNDc4NjZjMS44ODM1OSwtMC40OTEwNSAzLjM1NDU2LC0xLjk2MjAyIDMuODQ1NjEsLTMuODQ1NjFjMC40OTEwNSwtMS44ODM1OSAtMC4wNzQ1NSwtMy44ODU0OSAtMS40Nzg2NiwtNS4yMzM2NGwtMjYuNjU4MDQsLTI2LjY1ODA0aDgzLjc3NDQxYzEuOTM4NDIsMC4wMjc0MSAzLjc0MTQ0LC0wLjk5MTAyIDQuNzE4NjUsLTIuNjY1MzJjMC45NzcyMSwtMS42NzQzIDAuOTc3MjEsLTMuNzQ1MDcgMCwtNS40MTkzN2MtMC45NzcyMSwtMS42NzQzIC0yLjc4MDIzLC0yLjY5MjczIC00LjcxODY1LC0yLjY2NTMyaC04My43NzQ0MWwyNi42NTgwNCwtMjYuNjU4MDRjMS41ODcwNiwtMS41NDU2NiAyLjA2MzM2LC0zLjkwNjY2IDEuMTk5NjYsLTUuOTQ2NzNjLTAuODYzNywtMi4wNDAwNyAtMi44OTA0OCwtMy4zNDEzNCAtNS4xMDQ5MywtMy4yNzc1NnpNMTMwLjc5MTY3LDExOC4yNWMtMi45Njg1MywwIC01LjM3NSwyLjQwNjQ3IC01LjM3NSw1LjM3NWMwLDIuOTY4NTMgMi40MDY0Nyw1LjM3NSA1LjM3NSw1LjM3NWMyLjk2ODUzLDAgNS4zNzUsLTIuNDA2NDcgNS4zNzUsLTUuMzc1YzAsLTIuOTY4NTMgLTIuNDA2NDcsLTUuMzc1IC01LjM3NSwtNS4zNzV6TTE0OC43MDgzMywxMTguMjVjLTIuOTY4NTMsMCAtNS4zNzUsMi40MDY0NyAtNS4zNzUsNS4zNzVjMCwyLjk2ODUzIDIuNDA2NDcsNS4zNzUgNS4zNzUsNS4zNzVjMi45Njg1MywwIDUuMzc1LC0yLjQwNjQ3IDUuMzc1LC01LjM3NWMwLC0yLjk2ODUzIC0yLjQwNjQ3LC01LjM3NSAtNS4zNzUsLTUuMzc1eiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+")
}

.productShortDescription {
    display: block;
    margin-top: 40px;
    font-size: 1.125rem;
    line-height: 1.5em;
    font-weight: 700
}

.productDescription, .productProperties, .productDeclaration, .productReviews {
    display: block;
    width: 100%;
    margin: 80px auto 0;
    padding: 0 20px
}

.productDescriptionInner, .productPropertiesInner, .productDeclarationInner, .productReviewsInner {
    display: block;
    position: relative;
    padding-top: 40px;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.productDescriptionHead, .productPropertiesHead, .productDeclarationHead, .productReviewsHead {
    position: absolute;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #fff;
    left: 50%;
    transform: translateX(-50%);
    top: -12px;
    padding: 0 10px
}

.productDescription h1, .productDescription h2, .productDescription h3, .productDescription h4 {
    margin-bottom: 20px
}

.productDeclarationText {
    opacity: .6;
    font-size: .75rem;
    line-height: 1.5em
}

.productDescription img {
    max-width: 100%;
    height: auto
}

.productOversized {
    display: flex;
    margin-bottom: 20px
}

.productOversized:hover {
    text-decoration: none
}

.productOversized span {
    font-size: .75rem;
    color: #000
}

@media (hover: hover) {
    .productOversized span:hover {
        text-decoration: underline;
        cursor: pointer
    }
}

.productOversized span::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin: 1px 6px 0 0;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNSAzYy0xLjA5MzA2MjggMC0yIC45MDY5MzcyLTIgMnYxNGMwIDEuMDkzMDYzLjkwNjkzNzIgMiAyIDJoNS4wMjkyOTdsMS45NzA3MDMgMi4wMDc4MTIgMS45NzA3MDMtMi4wMDc4MTJoNS4wMjkyOTdjMS4wOTMwNjMgMCAyLS45MDY5MzcgMi0ydi0xNGMwLTEuMDkzMDYyOC0uOTA2OTM3LTItMi0yem0wIDJoMTR2MTRoLTUuODY5MTQxbC0xLjEzMDg1OSAxLjE1MjM0NC0xLjEzMDg1OS0xLjE1MjM0NGgtNS44NjkxNDF6bTYgMnYyaDJ2LTJ6bTAgNHY2aDJ2LTZ6Ii8+PC9zdmc+");
    background-size: contain
}

#productVariations {
    display: flex;
    width: 100%;
    flex-flow: column;
    margin-bottom: 40px
}

.productVariation {
    display: flex;
    flex-flow: column;
    width: 100%;
    position: relative
}

.productVariation + .productVariation {
    margin-top: 20px
}

.variationsTitle {
    position: absolute;
    margin-bottom: 5px;
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #fff;
    left: 10px;
    top: -12px;
    padding: 0 4px
}

@media only screen and (max-width: 1023px) {
    .productDetails {
        padding: 0 20px 0 0
    }
}

@media only screen and (max-width: 767px) {
    .productContainer {
        margin-top: 0
    }

    .productInfo {
        flex-flow: column
    }

    .productDetails {
        width: 100%;
        padding: 0 10px;
        margin-top: 20px
    }

    .productDescription, .productProperties {
        margin: 50px auto 0;
        padding: 0 10px
    }

    .productDescription, .productProperties, .productDeclaration, .productReviews {
        padding: 0 10px
    }
}

.productGallery {
    display: block;
    width: 50%;
    flex-flow: row;
    padding: 0 20px;
    margin-bottom: 20px
}

.productGallery #productSlider a, .productGallery .productGallerySingle, .productGallery #productSliderThumbnails .productThumbnailContainer {
    display: block;
    width: 100%;
    padding-bottom: 100% !important;
    position: relative
}

.productGallery #productSliderThumbnails .productThumbnailContainer img {
    display: block;
    width: 100%;
    object-fit: contain;
    position: absolute;
    background-color: rgba(0, 0, 0, .05)
}

.productGallery #productSliderThumbnails .productThumbnailContainer img {
    height: 100% !important
}

.productGallery #productSlider img, .productGallery .productGallerySingle img {
    position: absolute;
    top: -9999px;
    left: -9999px;
    right: -9999px;
    bottom: -9999px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    display: block
}

.productGallery #productSliderThumbnails {
    margin-top: 20px
}

.productGallery #productSliderThumbnails:hover {
    cursor: pointer
}

.productColorGroup {
    display: flex;
    position: relative;
    flex-flow: row;
    border: 1px solid rgba(0, 0, 0, .2);
    padding: 10px
}

.productColorHead {
    position: absolute;
    margin-bottom: 5px;
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #fff;
    left: 10px;
    top: -12px;
    padding: 0 4px
}

.productColor {
    display: flex;
    flex-flow: row wrap;
    width: 100%
}

.productColor .colorItem {
    width: 48px;
    height: 48px;
    padding: 4px;
    margin: 5px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .2);
    background-color: rgba(0, 0, 0, .05)
}

.productColor .colorItem.disabled .colorContent {
    background-color: #d3d3d3 !important
}

@media (hover: hover) {
    .productColor .colorItem:not(.disabled):not(.selected):hover {
        padding: 0;
        cursor: pointer
    }
}

@media (hover: none) {
    .productColor .colorItem:not(.disabled):not(.selected):active {
        padding: 0;
        cursor: pointer
    }
}

.productColor .colorItem.selected::after {
    content: "";
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    bottom: -9px;
    right: -9px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjQuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMiAyMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjIgMjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMTEiIGN5PSIxMSIgcj0iMTAiLz4KPGc+Cgk8cG9seWdvbiBwb2ludHM9IjE2LjcsNS42IDEwLjcsMTEuNiA4LjQsOS4zIDcsMTAuNyAxMC43LDE0LjQgMTguMSw3IAkiLz4KPC9nPgo8cGF0aCBkPSJNMTcsMTAuOUMxNywxMSwxNywxMSwxNywxMC45YzAsMy40LTIuNyw2LjEtNiw2LjFzLTYtMi43LTYtNnMyLjctNiw2LTZjMSwwLDIsMC4zLDIuOCwwLjdsMS41LTEuNUMxNCwzLjUsMTIuNiwzLDExLDMKCWMtNC40LDAtOCwzLjYtOCw4czMuNiw4LDgsOHM4LTMuNiw4LThjMC0wLjYtMC4xLTEuMy0wLjItMS44TDE3LDEwLjl6Ii8+Cjwvc3ZnPgo=")
}

.productColor .colorItem.selected {
    padding: 2px;
    border: 2px solid #7d7d7d
}

.productColor .colorItem .colorContent {
    width: 100%;
    height: 100%
}

.productProperties table {
    width: 100%
}

.productProperties tr {
    width: 100%
}

.productProperties td {
    width: 100%;
    padding: 12px 20px;
    vertical-align: middle
}

.productProperties td:first-of-type {
    width: 50%;
    font-weight: 700
}

.productProperties tr:nth-of-type(2n+1) {
    background-color: rgba(0, 0, 0, .05)
}

.productReviewsOverview {
    display: flex;
    align-items: flex-start
}

.productReviewsRating {
    padding-right: 20px;
    width: 50%
}

.productReviewsNumberContainer {
    display: flex;
    align-items: center
}

.productReviewsNumber {
    font-size: 3rem;
    line-height: 1em;
    font-weight: 700;
    margin-right: 20px
}

.productReviewsStars {
    display: flex;
    align-items: center
}

.productReviewsText {
    margin-top: 10px;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.2em
}

.productReviewsShowForm {
    margin-top: 40px;
    width: 100%;
    max-width: 340px
}

.productReviewsDist {
    padding-left: 20px;
    width: 50%;
    display: grid;
    grid-template-columns:auto auto 1fr auto;
    grid-template-rows:auto auto auto auto auto;
    align-items: center;
    row-gap: 5px
}

.productReviewsDistNumber {
    margin-right: 10px;
    font-weight: 700;
    flex-shrink: 0;
    font-size: 1rem;
    line-height: 1em;
    padding-top: 4px
}

.productReviewsDistStar {
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2YwZDcxNCI+PHBhdGggZD0iTTg2LDEyOC4xMTg1bDQ4Ljk1NTUsMjkuNTQ4MTdsLTEyLjk5MzE3LC01NS42ODVsNDMuMjUwODMsLTM3LjQ2NzMzbC01Ni45NTM1LC00LjgzMDMzbC0yMi4yNTk2NywtNTIuNTE3MzNsLTIyLjI1OTY3LDUyLjUxNzMzbC01Ni45NTM1LDQuODMwMzNsNDMuMjUwODMsMzcuNDY3MzNsLTEyLjk5MzE3LDU1LjY4NXoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==");
    flex-shrink: 0;
    margin-right: 10px;
    background-size: cover
}

.productReviewsDistPercent {
    flex-grow: 1;
    margin-right: 12px;
    height: 10px;
    background-color: rgba(0, 0, 0, .1)
}

.productReviewsDistPercentActive {
    height: 100%;
    background-color: #000
}

.productReviewsDistCount {
    font-size: 1rem;
    line-height: 1em;
    text-align: right;
    padding-top: 4px
}

.productReviewsEmpty {
    display: flex;
    align-items: center
}

.productReviewsEmpty .productReviewsShowForm {
    margin: 0
}

.productReviewsEmptyText {
    margin-left: 20px
}

.productReviewsForm {
    padding: 0 20px 20px 20px;
    margin-top: 40px
}

.productReviewsSubmit {
    margin-top: 20px;
    width: 100%;
    max-width: 340px
}

.productReviewStar {
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyNCAyNCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij4gICAgPHBhdGggZD0iTTEyLDE3Ljg3N0wxOC44MzEsMjJsLTEuODEzLTcuNzdsNi4wMzUtNS4yMjhsLTcuOTQ3LTAuNjc0TDEyLDFMOC44OTQsOC4zMjhMMC45NDcsOS4wMDJsNi4wMzUsNS4yMjhMNS4xNjksMjJMMTIsMTcuODc3eiI+PC9wYXRoPjwvc3ZnPg==");
    opacity: .1;
    background-size: cover
}

.productReviewStar.active {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2YwZDcxNCI+PHBhdGggZD0iTTg2LDEyOC4xMTg1bDQ4Ljk1NTUsMjkuNTQ4MTdsLTEyLjk5MzE3LC01NS42ODVsNDMuMjUwODMsLTM3LjQ2NzMzbC01Ni45NTM1LC00LjgzMDMzbC0yMi4yNTk2NywtNTIuNTE3MzNsLTIyLjI1OTY3LDUyLjUxNzMzbC01Ni45NTM1LDQuODMwMzNsNDMuMjUwODMsMzcuNDY3MzNsLTEyLjk5MzE3LDU1LjY4NXoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==");
    opacity: 1;
    background-size: cover
}

.productReviewStar + .productReviewStar {
    margin-left: 6px
}

.productReviewsNumberContainer .productReviewStar {
    width: 32px;
    height: 32px
}

.productReviewsForm .productReviewStar {
    width: 44px;
    height: 44px;
    cursor: pointer
}

.productReviewsLogin {
    background-color: rgba(206, 208, 210, .4);
    padding: 20px;
    margin-top: 40px
}

@media (hover: hover) {
    .productReviewsForm .productReviewStar:hover {
        opacity: 1;
        background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2YwZDcxNCI+PHBhdGggZD0iTTg2LDEyOC4xMTg1bDQ4Ljk1NTUsMjkuNTQ4MTdsLTEyLjk5MzE3LC01NS42ODVsNDMuMjUwODMsLTM3LjQ2NzMzbC01Ni45NTM1LC00LjgzMDMzbC0yMi4yNTk2NywtNTIuNTE3MzNsLTIyLjI1OTY3LDUyLjUxNzMzbC01Ni45NTM1LDQuODMwMzNsNDMuMjUwODMsMzcuNDY3MzNsLTEyLjk5MzE3LDU1LjY4NXoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==");
        background-size: cover
    }
}

@media only screen and (max-width: 767px) {
    .productReviewsOverview {
        flex-flow: column
    }

    .productReviewsRating, .productReviewsDist {
        padding: 0;
        width: 100%
    }

    .productReviewsDist {
        margin-top: 40px
    }
}

@media only screen and (max-width: 567px) {
    .productReviewsForm {
        padding: 0 10px
    }

    .productReviewsForm .formBlock {
        padding-top: 0
    }

    .productReviewCommentHead {
        flex-flow: row wrap
    }

    .productReviewCommentDate {
        width: 100%;
        font-size: .875rem;
        line-height: 1em
    }
}

.productReviewsSuccess {
    background-color: rgba(0, 0, 0, .05);
    font-size: 1rem;
    line-height: 1.2em;
    margin-top: 40px;
    padding: 40px
}

.productReviewsSuccessTitle {
    font-weight: 700
}

.productReviewsSuccessText {
    margin-top: 20px
}

.productReviewsComments {
    display: flex;
    flex-flow: column;
    margin-top: 40px
}

.productReviewComment {
    display: flex;
    flex-flow: column;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.productReviewComment + .productReviewComment {
    margin-top: 20px
}

.productReviewCommentHead {
    display: flex;
    align-items: center
}

.productReviewCommentStars {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 10px
}

.productReviewCommentName {
    font-weight: 700;
    flex-grow: 1;
    padding-top: 4px;
    line-height: 20px
}

.productReviewCommentDate {
    color: rgba(0, 0, 0, .3);
    flex-shrink: 0;
    padding-top: 4px;
    line-height: 20px
}

.productReviewCommentText {
    font-size: 1rem;
    line-height: 1.2em;
    margin-top: 15px;
    margin-bottom: 20px
}

.recommendedProducts .contentInner {
    margin-bottom: 20px
}

.productListContainer {
    flex-flow: row;
    align-items: flex-start
}

.productListInner {
    display: flex;
    width: 100%;
    max-width: 1460px;
    padding: 0;
    margin: 0 auto;
    flex-flow: row wrap
}

.productListMenu {
    display: none
}

.productListItem {
    display: flex;
    width: 25%;
    padding: 20px;
    flex-flow: column
}

.productListFrame {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    padding: 10px;
    background-color: #fff;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    justify-content: flex-start;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 12px
}

@media (hover: hover) {
    .productListFrame:hover {
        border: 1px solid rgba(0, 0, 0, .1)
    }
}

.productListImg {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 100% !important
}

.productListImg img {
    position: absolute;
    top: -9999px;
    left: -9999px;
    right: -9999px;
    bottom: -9999px;
    text-indent: -9999px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, .05);
    transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 12px
}

.productListRating {
    display: flex;
    flex-flow: row;
    justify-content: center;
    margin-top: 5px
}

.productListStars {
    display: flex;
    flex-flow: row
}

.productListStar {
    display: block;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyNCAyNCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij4gICAgPHBhdGggZD0iTTEyLDE3Ljg3N0wxOC44MzEsMjJsLTEuODEzLTcuNzdsNi4wMzUtNS4yMjhsLTcuOTQ3LTAuNjc0TDEyLDFMOC44OTQsOC4zMjhMMC45NDcsOS4wMDJsNi4wMzUsNS4yMjhMNS4xNjksMjJMMTIsMTcuODc3eiI+PC9wYXRoPjwvc3ZnPg==");
    opacity: .1;
    background-size: 16px 16px
}

.productListStar.productListStarActive {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2YwZDcxNCI+PHBhdGggZD0iTTg2LDEyOC4xMTg1bDQ4Ljk1NTUsMjkuNTQ4MTdsLTEyLjk5MzE3LC01NS42ODVsNDMuMjUwODMsLTM3LjQ2NzMzbC01Ni45NTM1LC00LjgzMDMzbC0yMi4yNTk2NywtNTIuNTE3MzNsLTIyLjI1OTY3LDUyLjUxNzMzbC01Ni45NTM1LDQuODMwMzNsNDMuMjUwODMsMzcuNDY3MzNsLTEyLjk5MzE3LDU1LjY4NXoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==");
    background-size: 16px 16px;
    opacity: 1
}

.productListRatingCount {
    display: none
}

.productListBadges {
    display: flex;
    flex-flow: row wrap;
    position: absolute;
    top: 10px;
    right: 10px
}

.productListBadge {
    display: flex;
    background-color: #f00004;
    color: #fff;
    font-weight: 700;
    font-size: .75rem;
    line-height: 20px;
    padding: 0px 6px 0px;
    text-transform: uppercase;
    border-radius: 3px
}

.productListBadge + .productListBadge {
    margin-left: 4px
}

.productListOverlay {
    display: none !important;
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 100%;
    left: 0;
    right: 0;
    height: 100%;
    background-color: #000;
    z-index: 2;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    color: #fff;
    padding: 10%;
    text-align: center;
    cursor: pointer
}

.productListName {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
    color: #000;
    line-height: 1.2em
}

@media (hover: hover) {
    .productListName:hover {
        color: #7d7d7d;
        text-decoration: none
    }
}

@media (hover: none) {
    .productListName:active, .productListName:focus {
        color: #7d7d7d;
        text-decoration: none
    }
}

.productListPrice {
    display: flex;
    width: 100%;
    flex-flow: row;
    justify-content: center;
    margin-top: 5px;
    font-weight: 700
}

.productListPrice.discount .productNormalPrice {
    font-weight: 400;
    text-decoration-line: line-through;
    text-decoration-color: rgba(0, 0, 0, .3);
    text-decoration-style: solid;
    text-decoration-thickness: 2px
}

.productListPrice.discount .productDiscountPrice {
    font-weight: 700;
    color: #f00004;
    padding-left: 10px
}

@media only screen and (min-width: 1280px) {
    .listMenu .productListMenu {
        margin: 30px auto
    }
}

@media only screen and (max-width: 1279px) {
    .productListInner {
        padding: 0 10px
    }

    .productListItem {
        padding: 10px
    }
}

@media only screen and (min-width: 1024px) {
    .productListContainer {
        width: 100%;
        max-width: 1460px;
        margin: 0 auto
    }

    .listMenu .productListInner {
        width: 75%
    }

    .listMenu .productListMenu {
        display: flex;
        width: 25%;
        min-width: 340px;
        padding: 0 20px;
        margin: 30px auto;
        flex-flow: column
    }

    .listMenu .productListTitle {
        display: flex;
        flex-flow: column;
        height: 48px;
        justify-content: center;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        margin-bottom: 16px;
        font-size: 1.4rem
    }

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

    .listMenu .productListMenu ul li {
        display: block;
        margin: 0;
        padding: 0
    }

    .listMenu .productListMenu ul li div {
        display: block;
        position: relative;
        padding-right: 24px
    }

    .listMenu .productListMenu ul li.active > a, .listMenu .productListMenu ul li.active > div a {
        color: #000
    }

    .listMenu .productListMenu ul li a {
        display: flex;
        position: relative;
        min-height: 44px;
        flex-flow: column;
        justify-content: center;
        padding: 5px 0
    }
}

@media only screen and (min-width: 1024px)and (hover: hover) {
    .listMenu .productListMenu ul li a:hover {
        text-decoration: none;
        color: #7d7d7d
    }
}

@media only screen and (min-width: 1024px)and (hover: none) {
    .listMenu .productListMenu ul li a:active {
        text-decoration: none;
        color: #7d7d7d
    }
}

@media only screen and (min-width: 1024px) {
    .listMenu .productListItem {
        width: 33.33%
    }
}

@media only screen and (min-width: 1024px) {
    .listMenu .productListMenu ul ul li {
        margin-left: 10px;
        border: none;
        font-size: .9rem
    }
}

@media only screen and (min-width: 1024px) {
    .listMenu .productListMenu ul ul li a {
        min-height: 38px
    }
}

@media only screen and (min-width: 1024px) {
    .listMenu .toggle {
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 50%;
        right: -3px;
        transform: translateY(-50%)
    }
}

@media only screen and (min-width: 1024px) {
    .listMenu .toggle::before {
        content: "";
        position: absolute;
        display: block;
        width: 2px;
        height: 14px;
        background: #000;
        top: 3px;
        right: 9px;
        opacity: 1;
        transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
    }
}

@media only screen and (min-width: 1024px) {
    .listMenu .toggle::after {
        content: "";
        position: absolute;
        display: block;
        width: 14px;
        height: 2px;
        background: #000;
        top: 9px;
        right: 3px;
        opacity: 1;
        transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
    }
}

@media only screen and (min-width: 1024px) {
    .listMenu li.expanded > div span.toggle::before {
        transform: rotate(-90deg)
    }
}

@media only screen and (min-width: 1024px)and (hover: hover) {
    .listMenu .toggle:hover {
        cursor: pointer;
        background-color: rgba(0, 0, 0, .05)
    }

    .productListImg:hover img {
        transform: scale(0.98)
    }
}

@media only screen and (min-width: 1024px)and (hover: none) {
    .listMenu .toggle:active {
        cursor: pointer;
        background-color: rgba(0, 0, 0, .05)
    }
}

@media only screen and (max-width: 1023px) {
    .productListItem {
        padding: 10px;
        width: 33.33%
    }

    .productListName {
        font-size: 1rem
    }

    .productListPrice {
        flex-flow: column
    }

    .productListPrice span {
        text-align: center
    }

    .productListPrice.discount .productDiscountPrice, .cartItemCol4 .productDiscountPrice {
        padding-right: 0;
        padding-left: 0
    }

    .productListOverlay {
        display: none !important
    }

    .listMenu .productListInner {
        width: 100%
    }

    .productListMenu {
        display: none !important
    }
}

@media only screen and (max-width: 767px) {
    .productListInner {
        padding: 0 5px
    }

    .productListItem {
        padding: 5px
    }

    .productGallery {
        width: 100%;
        padding: 0
    }
}

@media only screen and (max-width: 567px) {
    .productListItem {
        width: 50%
    }
}

.productListColor {
    display: flex;
    position: absolute;
    top: 16px;
    right: 16px;
    flex-flow: column;
    z-index: 1;
    width: 24px
}

.productListColor span {
    display: flex;
    width: 100%;
    padding-top: 100%;
    border-radius: 50%
}

.productListColor span + span {
    margin-top: 8px
}

.productListToolbar {
    display: flex;
    width: 100%;
    padding: 10px 20px 0;
    margin-top: 20px
}

.productListToolbarInner {
    display: flex;
    flex-flow: row;
    min-height: 48px;
    padding: 10px 0;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.productListToolbarTitle {
    display: flex;
    align-self: center;
    font-size: 1.4rem
}

.productListNoItems {
    display: flex;
    width: 100%;
    padding: 20px
}

.productListNoItemsInner {
    display: flex;
    width: 100%;
    flex-flow: column;
    justify-content: center;
    min-height: 200px;
    background-color: rgba(0, 0, 0, .03);
    align-content: center;
    text-align: center;
    padding: 20px
}

.productCategories {
    display: flex;
    width: 100%;
    padding: 0 20px;
    margin-bottom: 20px
}

.productCategoriesInner {
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    border-left: 1px solid #e5e5e5
}

.productCategory {
    display: flex;
    width: 33.33%;
    cursor: pointer
}

.productCategory.desktopHidden {
    display: none
}

.productCategory.desktopHidden.visible {
    display: flex
}

.productCategoryInner {
    display: flex;
    flex-flow: row;
    width: 100%;
    justify-content: flex-end;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px;
    position: relative;
    min-height: 80px
}

.productCategoryInner picture {
    overflow: hidden
}

.productCategoryInner picture, .productCategoryInner img {
    display: block;
    width: 100%;
    max-width: 80px;
    height: auto;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.productCategoryInner picture + .productCategoryText {
    padding-left: 10px
}

.productCategoryText {
    display: flex;
    width: 100%;
    flex-flow: column;
    justify-content: center
}

.productCategoryName {
    display: block;
    width: 100%;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.productCategoryName {
    font-size: .875rem
}

.productCategoryCount {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: .75rem;
    background-color: rgba(0, 0, 0, .1);
    padding: 0 5px
}

@media (hover: hover) {
    .productCategory:hover .productCategoryName {
        color: #000
    }

    .productCategory:hover img {
        transform: scale(1.1)
    }
}

@media (hover: none) {
    .productCategory:active .productCategoryName {
        color: #000
    }
}

@media only screen and (max-width: 1279px) {
    .productCategories {
        padding: 0 10px
    }
}

@media only screen and (min-width: 1024px) {
    .productCategories, .productCategoriesToggle {
        display: none !important
    }
}

@media only screen and (max-width: 767px) {
    .productCategories {
        padding: 0 5px
    }

    .productCategory {
        width: 50%
    }
}

@media only screen and (max-width: 567px) {
    .productCategory {
        width: 100%
    }

    .productCategory.mobileHidden {
        display: none
    }

    .productCategory.mobileHidden.visible {
        display: flex
    }

    .productCategoryInner picture, .productCategoryInner img {
        max-width: 60px
    }

    .productCategoryInner {
        min-height: 60px;
        padding: 5px
    }
}

@media only screen and (max-width: 412px) {
    .productCategoryInner {
        border-top: none
    }

    .productCategoriesInner {
        padding: 5px 0
    }

    .productCategoriesInner > div:first-of-type .productCategoryInner {
        border-top: 1px solid rgba(0, 0, 0, .1)
    }
}

.productCategoriesToggle {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    margin-top: -10px;
    padding: 0 20px
}

.productCategoriesToggle.desktopHidden, .productCategoriesToggle.mobileHidden, .productCategory.desktopHidden {
    display: none
}

.productCategory.desktopHidden.visible {
    display: flex
}

.productCategoriesToggleInner {
    display: flex;
    width: 100%
}

.productCategoriesShowInner, .productCategoriesHideInner {
    display: flex;
    margin: 0 auto;
    height: 38px;
    border: 1px solid #e5e5e5;
    line-height: 38px;
    padding: 0 40px;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media (hover: hover) {
    .productCategoriesShowInner:hover, .productCategoriesHideInner:hover {
        color: #000;
        cursor: pointer
    }
}

@media (hover: none) {
    .productCategoriesShowInner:active, .productCategoriesHideInner:active {
        color: #000;
        cursor: pointer
    }
}

@media only screen and (max-width: 767px) {
    .productCategoriesToggle {
        padding: 0 5px
    }

    .productCategoryBackInner {
        padding-bottom: 10px
    }
}

.productCategoryBack {
    display: flex;
    width: 100%;
    padding: 20px 20px 0
}

.productCategoryBackInner {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px
}

.productCategoryBackInner a {
    line-height: 24px
}

@media (hover: hover) {
    .productCategoryBackInner a:hover {
        text-decoration: underline
    }
}

.productCategoryBackInner a:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBvbHlnb24gcG9pbnRzPSIxNyAxNi4yMiAxNyA5LjIyIDkuMTkgOS4yMiAxMC45NyA3LjQ0IDkuNTMgNiA2LjAzIDkuNSA1LjM0IDEwLjIyIDYuMDMgMTAuOTQgOS41MyAxNC40NCAxMC45NyAxMyA5LjE5IDExLjIyIDE1IDExLjIyIDE1IDE2LjIyIDE3IDE2LjIyIi8+PC9zdmc+")
}

@media only screen and (max-width: 1279px) {
    .productCategoryBack {
        padding: 20px 10px 0
    }
}

@media only screen and (max-width: 767px) {
    .productCategoryBack {
        padding: 10px 5px 0
    }
}

.productFilter {
    padding: 0 20px 20px
}

.itemCount {
    display: flex;
    flex-flow: column;
    padding-left: 10px;
    justify-content: center;
    font-size: .75rem;
    opacity: .5
}

.filterContainer {
    display: flex;
    width: 100%;
    flex-flow: row;
    padding: 10px;
    background-color: rgba(0, 0, 0, .05);
    justify-content: space-between
}

.filterBox {
    display: flex;
    flex-flow: row
}

.filterInner {
    display: flex;
    flex-flow: column;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-left: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.filterInner:last-of-type {
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.filterItem {
    display: flex;
    text-align: center;
    justify-content: center;
    height: 36px;
    padding: 0 10px;
    min-width: 100px;
    background-color: #fff;
    font-size: .875rem;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.filterItem span {
    align-self: center
}

.filterItem.active {
    font-weight: 700
}

@media (hover: hover) {
    .filterItem:hover {
        background-color: rgba(0, 0, 0, .08);
        cursor: pointer
    }

    a.filterInner:hover span {
        text-decoration: none
    }
}

@media (hover: none) {
    .filterItem:active {
        background-color: rgba(0, 0, 0, .08);
        cursor: pointer
    }
}

.filterItem span:after {
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.filterItem.desc span:after {
    display: block;
    float: right;
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIxLjgzIDExLjU4LTYuODMgNi44NC02LjgzLTYuODR6Ii8+PC9zdmc+")
}

.filterItem.asc span:after {
    display: block;
    transform: rotate(180deg);
    float: right;
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIxLjgzIDExLjU4LTYuODMgNi44NC02LjgzLTYuODR6Ii8+PC9zdmc+")
}

@media only screen and (max-width: 1279px) {
    .productListToolbar {
        padding: 10px 10px 0
    }

    .productFilter {
        padding: 0 10px 10px
    }
}

@media only screen and (max-width: 1023px) {
    .filterContainer {
        margin: 0 auto
    }

    .productListToolbar {
        margin-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .productListToolbar {
        padding: 10px 5px 0
    }

    .productFilter {
        padding: 0 5px 10px
    }
}

@media only screen and (max-width: 567px) {
    .filterBox {
        width: 100%
    }

    .filterInner {
        width: 33.33%
    }

    .filterItem {
        width: 100%;
        min-width: 100%
    }

    .itemCount {
        width: 100%;
        padding: 0 0 5px 0;
        align-items: center
    }

    .filterContainer {
        flex-flow: row wrap
    }
}

.comparisonSwitchContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 40px
}

.comparisonSwitchContainer .comparisonSwitch {
    border: 1px solid rgba(0, 0, 0, .1);
    height: 44px;
    display: flex;
    flex-direction: row
}

.comparisonSwitchContainer .comparisonShowAll, .comparisonSwitchContainer .comparisonShowDiff {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 220px;
    cursor: pointer;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.comparisonSwitchContainer .comparisonShowAll.comparisonSelected, .comparisonSwitchContainer .comparisonShowDiff.comparisonSelected {
    font-weight: bold;
    background-color: rgba(0, 0, 0, .1)
}

.comparisonContainerInner {
    display: block;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto
}

.comparisonListItem {
    display: flex;
    width: 100%;
    padding: 20px;
    flex-flow: column
}

.comparisonListFrame {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 10px;
    background-color: #fff;
    justify-content: space-between;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    justify-content: flex-start
}

.comparisonRemove {
    display: flex;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    padding: 7px 0;
    margin-bottom: 10px
}

.comparisonRemove::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 8px 0 0;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwLDNjLS41NC0uMDEtMS4wNSwuMTktMS40NCwuNTYtLjM3LC4zOS0uNTcsLjktLjU2LDEuNDR2MUg0djJoMXYxMGMwLDEuNjYsMS4zNCwzLDMsM2g4YzEuNjYsMCwzLTEuMzQsMy0zVjhoMXYtMmgtNHYtMWMuMDEtLjU0LS4xOS0xLjA1LS41Ni0xLjQ0LS4zOS0uMzctLjktLjU3LTEuNDQtLjU2aC00Wm0wLDJoNHYxaC00di0xWm0tMywzaDEwdjEwYzAsLjU1LS40NSwxLTEsMUg4Yy0uNTUsMC0xLS40NS0xLTFWOFptMiwydjdoMnYtN2gtMlptNCwwdjdoMnYtN2gtMloiLz48L3N2Zz4=")
}

@media (hover: hover) {
    .comparisonRemove:hover {
        background-color: rgba(0, 0, 0, .1)
    }
}

@media (hover: none) {
    .comparisonRemove:active {
        background-color: rgba(0, 0, 0, .1)
    }
}

.comparisonListImg {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 100% !important
}

.comparisonListImg img {
    position: absolute;
    top: -9999px;
    left: -9999px;
    right: -9999px;
    bottom: -9999px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    text-indent: -9999px;
    overflow: hidden
}

.comparisonListBadge {
    display: flex;
    flex-flow: column;
    max-width: 75%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f00004;
    color: #fff;
    z-index: 5;
    font-weight: 700;
    font-size: .875rem;
    line-height: 16px;
    padding: 2px 8px
}

.comparisonListName {
    display: block;
    width: 100%;
    text-align: center;
    margin: 15px 0;
    cursor: pointer;
    color: #7d7d7d;
    font-weight: 700
}

@media (hover: hover) {
    .comparisonListName:hover {
        color: #000;
        text-decoration: none
    }
}

@media (hover: none) {
    .comparisonListName:active {
        color: #000;
        text-decoration: none
    }
}

.comparisonListPrice {
    display: flex;
    width: 100%;
    flex-flow: row;
    justify-content: center;
    font-weight: 700
}

.comparisonListPrice.discount .productNormalPrice {
    font-weight: 400;
    text-decoration-line: line-through;
    text-decoration-color: rgba(0, 0, 0, .3);
    text-decoration-style: solid;
    text-decoration-thickness: 2px
}

.comparisonListPrice.discount .productDiscountPrice {
    font-weight: 700;
    color: #f00004;
    padding-left: 10px
}

.comparisonRow .productPrice, .comparisonRow .productAvailabilityContainer, .comparisonRow .productFavorite {
    margin: 10px auto 0
}

.comparisonRow .productAvailabilityContainer {
    font-size: .75rem;
    line-height: 1em
}

.comparisonRow .productAvailability, .comparisonRow .productAvailabilityDelivery {
    text-align: center
}

.comparisonListPropertyName {
    display: block;
    text-align: center;
    font-weight: bold;
    background-color: rgba(0, 0, 0, .05);
    padding: 0 10px;
    font-size: .875rem
}

.comparisonListSpacer {
    margin-top: 20px
}

.comparisonListPropertyValue {
    text-align: center;
    margin: 7px 0
}

@media only screen and (max-width: 1279px) {
    .comparisonListInner {
        padding: 0 10px
    }

    .comparisonListItem {
        padding: 10px
    }
}

@media (hover: hover) {
    .comparisonListImg:hover img {
        transform: scale(1.05)
    }

    .comparisonListFrame:hover {
        border: 1px solid #000
    }
}

@media only screen and (max-width: 1023px) {
    .comparisonListItem {
        padding: 10px
    }

    .comparisonListName {
        font-size: 1rem;
        margin: 10px 0
    }

    .comparisonListPrice {
        flex-flow: column
    }

    .comparisonListPrice span {
        text-align: center
    }

    .comparisonListPrice.discount .productDiscountPrice {
        margin-right: 0;
        margin-left: 0
    }

    .comparisonListOverlay {
        display: none !important
    }

    .productComparisonBody .productFavorite {
        padding: 7px 0
    }
}

@media only screen and (max-width: 850px) {
    .productComparisonBody .productFavorite {
        font-size: .875rem
    }
}

@media only screen and (max-width: 767px) {
    .comparisonContainerInner {
        padding: 0 10px
    }

    .comparisonListInner {
        padding: 0 5px
    }

    .comparisonListItem {
        padding: 5px
    }

    .comparisonListPrice {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 567px) {
    .comparisonSwitchContainer .comparisonSwitch {
        width: 100%
    }

    .comparisonSwitchContainer .comparisonShowAll, .comparisonSwitchContainer .comparisonShowDiff {
        width: 50%
    }

    .productComparisonBody .productFavorite {
        line-height: 1.2em;
        font-size: .625rem
    }
}

@media only screen and (max-width: 1023px) {
    .productContainer .slick-prev, .productContainer .slick-next {
        top: auto;
        bottom: -76px;
        width: 48px;
        height: 48px
    }

    .productContainer .slick-prev {
        left: 21px
    }

    .productContainer .slick-next {
        right: 21px
    }

    .productContainer .slick-dots {
        margin: 10px 0 0 0
    }
}



.articleListFilter {
    padding: 20px
}

.articleListFilter a {
    color: #d80000
}

@media (hover: hover) {
    .articleListFilter a {
        text-decoration-color: #000
    }
}

.articleListBlock + .articleListBlock {
    margin-top: 40px
}

.articleListBlock {
    display: flex;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 20px
}

.articleListBox {
    display: flex;
    flex-flow: row;
    width: 100%
}

a.articleListImg picture, a.articleListImg img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.articleListContent {
    display: flex;
    flex-grow: 1;
    flex-flow: column;
    padding: 0 10px 0 20px;
    justify-content: flex-start
}

.articleListText {
    display: flex;
    flex-flow: column;
    margin-top: 20px
}

.articleListTitle {
    display: flex
}

.articleListTitle a {
    color: #000;
    font-weight: 700
}

.articleListDate {
    display: flex;
    color: rgba(0, 0, 0, .5);
    margin-top: 10px
}

a.linkMore span {
    position: relative;
    line-height: 1em;
    font-weight: 700;
    color: #000
}

@media (hover: hover) {
    a.articleListImg:hover img {
        transform: scale(1.05);
        cursor: pointer
    }

    a.linkMore:hover span {
        text-decoration: underline;
        text-decoration-color: #000
    }
}

@media only screen and (min-width: 768px) {
    a.articleListImg {
        display: flex;
        overflow: hidden;
        align-items: flex-start;
        width: 380px;
        flex: 0 0 380px
    }

    .articleListTitle h2 {
        font-size: 2rem;
        line-height: 1.2em
    }
}

@media only screen and (max-width: 767px) {
    .articleListBox {
        flex-flow: column
    }

    .articleListContent {
        width: 100%;
        padding: 20px 0 0 0
    }

    a.articleListImg {
        display: block;
        overflow: hidden;
        width: 100%
    }

    .articleListTitle h2 {
        font-size: 1.6rem;
        line-height: 1.2em
    }

    .articleListBlock {
        padding: 10px
    }

    .articleList {
        margin-top: 40px
    }
}

.newsBody .contentInner p, .newsBody .contentInner ul, .newsBody .contentInner h1, .newsBody .contentInner h2, .newsBody .contentInner h3, .newsBody .contentInner h4 {
    margin: 40px 0
}

.newsBody .contentInner p:first-child, .newsBody .contentInner ul:first-child, .newsBody .contentInner h1:first-child, .newsBody .contentInner h2:first-child, .newsBody .contentInner h3:first-child, .newsBody .contentInner h4:first-child, .newsBody .contentInner table:first-child {
    margin-top: 0
}

.newsBody .contentInner p:last-child, .newsBody .contentInner ul:last-child, .newsBody .contentInner h1:last-child, .newsBody .contentInner h2:last-child, .newsBody .contentInner h3:last-child, .newsBody .contentInner h4:last-child, .newsBody .contentInner table:last-child {
    margin-bottom: 0
}

.newsBody .articleContent p {
    line-height: 1.875em
}

.articleItemCoverImg, .articleItemCoverImg img {
    display: block;
    width: 100%;
    height: auto
}

.newsBody .contentInner h1.articleTitle {
    margin: 0
}

.contentContainer h2.articleSubtitle {
    line-height: 1.2em;
    font-weight: 700;
    margin: 40px 0 0 0
}

.articleItemMeta {
    font-size: .875rem;
    line-height: 1em;
    color: rgba(0, 0, 0, .5)
}

.articleItemContent {
    font-weight: 400 !important
}

.articleItemContent strong {
    font-weight: 700 !important
}

.contentInner.articleItemContent p a, .contentInner.articleItemContent ul a {
    color: #000;
    text-decoration: underline
}

@media (hover: hover) {
    .contentInner.articleItemContent p a:hover, .contentInner.articleItemContent ul a:hover {
        color: #000
    }
}

.articleItemContent figure, .articleItemContent img {
    display: block;
    width: 100% !important;
    height: auto !important
}

.articleItemContent figure figcaption {
    font-size: .875rem;
    line-height: 1.2em;
    color: rgba(0, 0, 0, .5);
    padding-top: 5px;
    text-align: center
}

blockquote {
    border-left: 4px solid #000;
    padding: 8px 0 8px 16px
}

.articleItemGallery {
    display: flex;
    padding: 0
}

.articleItemGalleryInner {
    display: flex;
    flex-flow: row wrap;
    width: 100%
}

.articleGalleryItem {
    display: flex;
    width: 50%;
    padding: 20px
}

.articleItemGallery img, .articleItemGallery picture {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media (hover: hover) {
    .articleItemGallery a:hover img {
        transform: scale(1.05);
        cursor: pointer
    }
}

ul.fileItemList {
    list-style: none;
    padding: 0;
    font-weight: 700
}

ul.fileItemList li + li {
    margin-top: 10px
}

.contentInner ul.fileItemList a {
    text-decoration: none
}

@media (hover: hover) {
    .contentInner ul.fileItemList a:hover {
        color: #000;
        text-decoration: underline;
        text-decoration-color: #000
    }
}

.articleItemTagList {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
    justify-content: center
}

.articleItemTagList a {
    display: flex;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    font-size: .875rem;
    background-color: rgba(0, 0, 0, .1)
}

.articleItemTagList a:hover {
    text-decoration: none;
    background-color: #000;
    color: #fff
}

.nextArticleContainer {
    display: flex;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 30px 40px;
    justify-content: center;
    font-weight: 700;
    text-align: center;
    line-height: 1.5em;
    font-size: 1.25rem;
    margin-top: 20px
}

.nextArticleDescription {
    position: absolute;
    margin-bottom: 5px;
    font-size: .875rem;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #fff;
    left: 50%;
    transform: translateX(-50%);
    top: -8px;
    padding: 0 10px;
    color: rgba(0, 0, 0, .5)
}

.articleItemBack {
    color: #000;
    font-weight: 700
}

@media (hover: hover) {
    .articleItemBack:hover {
        text-decoration: underline;
        text-decoration-color: #000
    }

    a.nextArticle:hover {
        text-decoration: underline;
        text-decoration-color: #000
    }
}

@media only screen and (min-width: 1024px) {
    .contentInner.articleItemCover {
        margin-top: 80px
    }
}

@media only screen and (max-width: 767px) {
    .articleItem {
        margin: 40px 0 0
    }

    .articleGalleryItem {
        padding: 10px
    }

    .articleItemGallery {
        padding: 0 10px
    }

    .contentInner.articleItemCover {
        padding: 0
    }
}

.articleShareBox {
    display: flex;
    flex-flow: row;
    width: 100%;
    justify-content: center;
    padding-top: 40px;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.articleShareTitle {
    display: flex;
    color: rgba(0, 0, 0, .5);
    font-size: .875rem;
    line-height: 1em;
    white-space: nowrap;
    font-weight: 700;
    flex-flow: column;
    justify-content: center;
    padding-right: 10px;
    text-transform: uppercase
}

.articleShare {
    display: flex;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    overflow: hidden;
    margin: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .3s .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer
}

.articleShare.articleShareFb {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTYgMGExNiAxNiAwIDEgMCAxNiAxNiAxNiAxNiAwIDAgMCAtMTYtMTZ6bTMuNDMgMTZoLTIuMjR2OGgtMy4zM3YtOGgtMS41OHYtMi44MmgxLjU4di0xLjgzYTMuMTEgMy4xMSAwIDAgMSAzLjM2LTMuMzVoMi40NnYyLjc0aC0xLjc5YS42OC42OCAwIDAgMCAtLjcuNzd2MS42NmgyLjUzeiIvPjwvc3ZnPg==")
}

.articleShare.articleShareTwitter {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTYgMGExNiAxNiAwIDEgMCAxNiAxNiAxNiAxNiAwIDAgMCAtMTYtMTZ6bTYuMzYgMTIuNzR2LjQyYTkuMzQgOS4zNCAwIDAgMSAtMTQuMzYgNy44NCA2Ljc5IDYuNzkgMCAwIDAgLjc4IDAgNi41OCA2LjU4IDAgMCAwIDQuMDgtMS40IDMuMyAzLjMgMCAwIDEgLTMuMDctMi4yOCAzLjIyIDMuMjIgMCAwIDAgMS40OS0uMDYgMy4yOSAzLjI5IDAgMCAxIC0yLjY0LTMuMjIgMy4yOSAzLjI5IDAgMCAwIDEuNDkuNDEgMy4yOSAzLjI5IDAgMCAxIC0xLTQuMzggOS4zMiA5LjMyIDAgMCAwIDYuNzcgMy40MyAzLjA4IDMuMDggMCAwIDEgLS4wOS0uNzUgMy4yOCAzLjI4IDAgMCAxIDUuNjgtMi4yNCA2LjYyIDYuNjIgMCAwIDAgMi4wOS0uOCAzLjI5IDMuMjkgMCAwIDEgLTEuNDQgMS44MSA2LjMxIDYuMzEgMCAwIDAgMS44Ni0uNTIgNi42MyA2LjYzIDAgMCAxIC0xLjY0IDEuNzR6Ii8+PC9zdmc+")
}

.articleShare.articleSharePinterest {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTYgMGExNiAxNiAwIDEgMCAxNiAxNiAxNiAxNiAwIDAgMCAtMTYtMTZ6bTEuNjUgMTkuNTZhMi42MiAyLjYyIDAgMCAxIC0yLjI0LTEuMTRzLS41NCAyLjEyLS42NSAyLjUyYTkuODMgOS44MyAwIDAgMSAtMS42NiAzIC4xMi4xMiAwIDAgMSAtLjIyLS4wNSAxMC41MiAxMC41MiAwIDAgMSAwLTMuNDljLjE4LS43NSAxLjE4LTUgMS4xOC01YTMuNTggMy41OCAwIDAgMSAtLjI2LTEuNGMwLTEuMzcuNzktMi4zOCAxLjc3LTIuMzhhMS4yMyAxLjIzIDAgMCAxIDEuMjQgMS4zOCAxOS40NiAxOS40NiAwIDAgMSAtLjgxIDMuMjEgMS40MiAxLjQyIDAgMCAwIDEuNDUgMS43OWMxLjc0IDAgMi45MS0yLjI0IDIuOTEtNC44OSAwLTItMS4zNS0zLjUyLTMuODItMy41MmE0LjM1IDQuMzUgMCAwIDAgLTQuNTQgNC40MSAyLjYzIDIuNjMgMCAwIDAgLjYgMS44LjQ0LjQ0IDAgMCAxIC4xMy41MmwtLjE4LjczYS4zMS4zMSAwIDAgMSAtLjQ2LjIzIDMuNTMgMy41MyAwIDAgMSAtMS44OS0zLjUxYzAtMi42MSAyLjIxLTUuNzQgNi41Ny01Ljc0YTUuNSA1LjUgMCAwIDEgNS44MiA1LjI3Yy4wMiAzLjU3LTEuOTggNi4yNi00Ljk0IDYuMjZ6Ii8+PC9zdmc+")
}

.articleShare.articleShareLinkedin {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTYgMGExNiAxNiAwIDEgMCAxNiAxNiAxNiAxNiAwIDAgMCAtMTYtMTZ6bS00LjM3IDIzLjY1aC0zLjQzdi0xMC4zMmgzLjQzem0tMS43MS0xMS43M2ExLjc3IDEuNzcgMCAwIDEgLTEuOTItMS43OCAxLjc5IDEuNzkgMCAwIDEgMS45NC0xLjc5IDEuNzkgMS43OSAwIDEgMSAwIDMuNTd6bTE0LjA4IDExLjczaC0zLjQzdi01LjUyYzAtMS4zOS0uNS0yLjM0LTEuNzQtMi4zNGExLjg5IDEuODkgMCAwIDAgLTEuNzYgMS4yNiAyLjMyIDIuMzIgMCAwIDAgLS4xMS44M3Y1Ljc3aC0zLjQzczAtOS4zNSAwLTEwLjMyaDMuNDd2MS40NmEzLjQxIDMuNDEgMCAwIDEgMy4wOS0xLjdjMi4yNiAwIDMuOTUgMS40NyAzLjk1IDQuNjR6Ii8+PC9zdmc+")
}

.articleShare.articleShareMail {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTYgMGExNiAxNiAwIDEgMCAxNiAxNiAxNiAxNiAwIDAgMCAtMTYtMTZ6bTkuMjEgOS42OS03LjA5IDcuMDljLTIuMTEgMi4xLTIuMTggMi4xNS00LjM2IDBsLTctN3ptLTE4LjgxLjMxIDUuNzEgNi01LjcxIDUuODN6bS4zMyAxMi4zMiA1Ljc3LTYgLjg0Ljg0YzEuMTIgMS4xNCAxLjc5IDEuODQgMi42NiAxLjg0czEuNDQtLjYzIDIuNTgtMS43N2wxLTEgNS44OCA2LjF6bTE4Ljg3LS40OC01LjcxLTUuODQgNS43MS02eiIvPjwvc3ZnPg==")
}



#heroContainer.contentContainer {
    margin-top: 0 !important
}

#heroContainer h1 {
    font-weight: 700;
}

#heroContainer h4 {
    font-weight: 400
}

#heroContainer .contentInner {
    display: flex;
    flex-flow: column;
    background-color: #f2f2f2;
    padding: 0 5% 80px;
}

@media only screen and (min-width: 1460px) {
    #heroContainer .contentInner {
        border-top-left-radius: 40px;
        border-top-right-radius: 40px
    }
}

#heroContainer .contentInner img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 50px
}

.homeHeroBtnContainer {
    display: flex;
    flex-flow: row;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    justify-content: space-between;
    margin-top: 20px
}

.homeHeroBtnContainer a {
    display: flex;
    flex-flow: column;
    width: 45%;
    height: 54px;
    border-radius: 27px;
    text-transform: uppercase;
    font-size: 1.125rem;
    justify-content: center;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    background-color: #000;
    color: #fff
}

@media (hover: hover) {
    .homeHeroBtnContainer a:hover {
        transform: scale(1.05)
    }
}

@media only screen and (min-width: 1024px) {
    #heroContainer .contentInner {
        margin-top: -130px;
    }
}

@media only screen and (max-width: 1023px) {
    #heroContainer .contentInner {
        display: flex;
        flex-flow: column;
        background-color: #f2f2f2;
        padding: 0 5% 80px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .homeHeroBtnContainer {
        display: flex;
        flex-flow: column;
        width: 100%;
        max-width: 460px;
        margin: 0 auto;
        justify-content: space-between;
        margin-top: 20px
    }

    .homeHeroBtnContainer a {
        width: 100%
    }

    .homeHeroBtnContainer a.homeHeroBtnMen {
        margin-top: 20px
    }
}

@media only screen and (max-width: 767px) {
    #heroContainer .contentInner {
        padding: 0 20px 40px
    }

    .homeHeroBtnContainer {
        margin-top: 0
    }

    #heroContainer .contentInner img {
        margin: 0 auto 20px
    }
    #heroContainer .contentInner img {
        width: 160%;
        margin-left: -35%;
    }
}

#factContainer.contentContainer {
    margin-top: 0 !important
}

#factContainer h2 {
    font-weight: 700;
}

@media only screen and (max-width: 767px) {
    #factContainer h2 {
        font-size: 1.8rem;
        line-height: 1.5em
    }
}

#factContainer h2 a {
    text-decoration: underline;
    text-decoration-color: rgba(0, 0, 0, 0);
    text-decoration-thickness: 4px;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media (hover: hover) {
    #factContainer h2 a:hover {
        text-decoration: underline;
        text-decoration-color: rgba(0, 0, 0, .2);
        text-decoration-thickness: 4px
    }
}

#factContainer h4 {
    font-weight: 400;
    line-height: 1.5em
}

#factContainer .contentInner {
    display: flex;
    flex-flow: column;
    background-color: #000;
    color: #fff;
    padding: 80px 6%;
    background-image: url("/img/content/bd_cosmetics_black_bg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (min-width: 1460px) {
    #factContainer .contentInner {
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;
    }
}

#factContainer .contentInner a {
    color: #fff
}

.offerCircleBox {
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    justify-content: space-evenly;
    padding: 0 0 20px 0
}

.offerImageBtnItem {
    display: flex;
    width: 25%;
    min-width: 170px;
    flex-flow: column;
    padding: 0 20px;
    margin-top: 20px;
}

.offerImageBtnItem p {
    margin-top: 10px;
    font-size: 1rem;
    line-height: 1.3em;
    opacity: .5;
}

.offerImageBtnItemInner {
    display: flex;
    width: 100%;
    overflow: hidden;
    position: relative;
    justify-content: center;
    align-items: center;
}

.offerImageBtnItemInner img {
    display: block;
    width: 100%;
    height: auto;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.offerImageTitle {
    display: flex;
    position: absolute;
    width: 100%;
    padding: 0 10px;
    flex-flow: column;
    justify-content: center;
    top: 60%;
    font-size: .875rem;
    line-height: 1em;
    color: #fff;
    font-weight: 700
}

@media only screen and (max-width: 1023px) {
    #factContainer .contentInner {
        padding: 60px 20px
    }
}

@media only screen and (max-width: 767px) {
    #factContainer .contentInner {
        padding: 40px 20px
    }
    .offerCircleBox {
        flex-flow: column;
        padding: 0;
        gap: 20px;
    }
    .offerImageBtnItem {
        width: 100%;
        min-width: 60%;
    }
}

@media only screen and (max-width: 360px) {
    .offerCircleBox {
        flex-flow: column
    }

    .offerImageBtnItem {
        margin: 0 auto
    }

    .offerImageBtnItem + .offerImageBtnItem {
        margin-top: 20px
    }

    .offerImageBtnItemInner {
        margin: 10px auto
    }
}

#homeSplitContainer.contentContainer {
    margin-top: 0 !important
}

#homeSplitContainer .contentInner {
    display: flex;
    flex-flow: row;
    padding: 0
}

.homeSplitItem {
    display: flex;
    width: 50%;
    margin-top: 60px
}

.homeSplitItemInner {
    display: flex;
    width: 100%;
    flex-flow: row;
    background-color: #f2f2f2;
    border-radius: 40px;
    padding: 40px 40px 40px 20px
}

.homeSplitItemImg {
    display: block;
    width: 40%
}

.homeSplitItemImg img {
    display: block;
    width: 100%;
    height: auto;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media (hover: hover) {
    .homeSplitItemImg img:hover {
        transform: scale(1.05)
    }
}

.homeSplitItemContent {
    display: flex;
    width: 60%;
    flex-flow: column;
    padding-left: 20px;
    align-items: baseline;
    justify-content: center
}

.homeSplitItemInner h4 {
    text-transform: uppercase;
    font-size: 1.25rem;
    color: rgba(0, 0, 0, .5)
}

.homeSplitItemInner h3 {
    font-size: 1.75rem;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    text-decoration: underline;
    text-decoration-color: rgba(0, 0, 0, 0);
    text-decoration-thickness: 4px
}

.homeSplitItemInner p {
    margin-top: 0;
    font-size: .875rem;
    line-height: 1.5em
}

a.homeSplitItemBtn {
    display: flex;
    flex-flow: column;
    height: 44px;
    border-radius: 22px;
    padding: 0 30px;
    min-width: 200px;
    text-transform: uppercase;
    justify-content: center;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    background-color: #000;
    color: #fff;
    text-align: center
}

@media (hover: hover) {
    a.homeSplitItemBtn:hover {
        transform: scale(1.05)
    }

    .homeSplitItemInner h3:hover {
        text-decoration: underline;
        text-decoration-color: rgba(0, 0, 0, .2);
        text-decoration-thickness: 4px
    }
}

@media only screen and (min-width: 1024px) {
    .homeSplitItem:nth-of-type(1) {
        padding-right: 30px
    }

    .homeSplitItem:nth-of-type(2) {
        padding-left: 30px
    }
}

@media only screen and (max-width: 1023px) {
    #homeSplitContainer .contentInner {
        flex-flow: column
    }

    .homeSplitItem {
        width: 100%;
        margin-top: 60px
    }
}

@media only screen and (max-width: 767px) {
    .homeSplitItemInner {
        padding: 40px 40px 40px 0
    }

    .homeSplitItemContent {
        padding-left: 0
    }
}

@media only screen and (max-width: 567px) {
    .homeSplitItemInner {
        flex-flow: column;
        padding: 40px 20px 40px 20px
    }

    .homeSplitItemImg {
        margin: 0 auto
    }

    .homeSplitItemContent {
        width: 100%;
        margin-top: 20px
    }
}

@media only screen and (max-width: 400px) {
    .homeSplitItemImg {
        width: 60%
    }
}

article.customContainer {
    display: flex;
    flex-flow: column;
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
    background-color: #f2f2f2;
    padding-bottom: 60px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px
}

article.customContainer > .contentContainer:first-of-type {
    margin-top: 40px
}

.contentCenterImg {
    display: block;
    width: 100%;
    margin: 0 auto
}

.contentCenterImg img {
    display: block;
    width: 100%;
    height: auto
}

.ingredients {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 40px;
    font-size: .875rem;
    color: rgba(0, 0, 0, .5)
}

.subtitle {
    font-size: 1.375rem;
    line-height: 1.5em
}

.checkList {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNjQiIGhlaWdodD0iNjQiCnZpZXdCb3g9IjAgMCA2NCA2NCI+CjxwYXRoIGQ9Ik0zMiw2QzE3LjY0MSw2LDYsMTcuNjQxLDYsMzJjMCwxNC4zNTksMTEuNjQxLDI2LDI2LDI2czI2LTExLjY0MSwyNi0yNkM1OCwxNy42NDEsNDYuMzU5LDYsMzIsNnogTTI5LjA4MSw0Mi43NDgJbC0xMC40MDktOS4yNTNsMi42NTctMi45OWw3LjU5MSw2Ljc0N0w0NCwyMWwzLjQxNCwzLjQxNEwyOS4wODEsNDIuNzQ4eiI+PC9wYXRoPgo8L3N2Zz4=");
    background-size: 32px 32px;
    padding-left: 42px;
    background-repeat: no-repeat
}

@media only screen and (min-width: 1024px) {
    article.customContainer .contentImg {
        border-radius: 20px
    }

    article.customContainer {
        padding-bottom: 80px
    }
}

@media only screen and (max-width: 567px) {
    .subtitle {
        font-size: 1.125rem;
        line-height: 1.5em
    }

    .checkList {
        background-size: 26px 26px;
        padding-left: 36px;
        background-repeat: no-repeat
    }
}

#sliderContainer {
    display: block;
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 20px
}

.splide__pagination {
    bottom: auto;
    margin-top: 13px
}

.splide__pagination__page {
    border-radius: 0
}

.splide__pagination__page.is-active {
    background-color: #000;
    transform: none
}

.splide--nav > .splide__track > .splide__list > .splide__slide:hover {
    border: 3px solid #7d7d7d
}

.splide__slide {
    display: flex
}

.splide__pagination li {
    line-height: 0
}

.splide__slide a.slideLink, #productSliderThumbnails .splide__slide picture, #productSliderThumbnails .splide__slide img, #newsSliderThumbnails .splide__slide picture, #newsSliderThumbnails .splide__slide img, #homeSlider .splide__slide img {
    width: 100%;
    height: auto
}

.splide__arrow[disabled] {
    opacity: 0
}

.productGallery .splide ul li, .productGallery .splide ol li {
    padding: 0;
    display: flex;
    align-items: flex-start
}

.splide--nav > .splide__track > .splide__list > .splide__slide.is-active {
    border-color: #000
}

.splide__arrow {
    width: 40px;
    height: 80px;
    border-radius: 0;
    background: none;
    background-size: 60%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.splide__arrow svg {
    display: none !important
}

.splide__arrow--prev {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA4NCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5zbGlkZXItYXJyb3ctcHJldjwvdGl0bGU+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMS40OCIgeTE9IjMuMzEiIHgyPSI0LjUyIiB5Mj0iMC42OSIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjEuNDciIHkxPSI4MC43MSIgeDI9IjQuNTMiIHkyPSI4My4yOSIvPjxwb2x5Z29uIHBvaW50cz0iMzMuODUgNC45IDM3LjY4IDguMTIgOC44OCA0Mi40IDM3LjY2IDc1Ljg0IDMzLjg3IDc5LjEgMi4zMiA0Mi40MyAzMy44NSA0LjkiLz48L3N2Zz4=")
}

.splide__arrow--next {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA4NCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5zbGlkZXItYXJyb3ctbmV4dDwvdGl0bGU+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMS40OCIgeTE9IjMuMzEiIHgyPSI0LjUyIiB5Mj0iMC42OSIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjEuNDciIHkxPSI4MC43MSIgeDI9IjQuNTMiIHkyPSI4My4yOSIvPjxwb2x5Z29uIHBvaW50cz0iNi4xNSA3OS4xIDIuMzIgNzUuODggMzEuMTIgNDEuNiAyLjM0IDguMTYgNi4xMyA0LjkgMzcuNjggNDEuNTcgNi4xNSA3OS4xIi8+PC9zdmc+")
}

.splideItems .splide__arrow--prev {
    left: auto;
    right: 80px
}

.splideItems .splide__arrow--next {
    right: 20px
}

.splideItems .splide__arrow {
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    top: -60px
}

.splideItems .splide__arrow:hover {
    background-color: rgba(0, 0, 0, .1)
}

@media only screen and (min-width: 1025px) {
    #homeSlider .splide__slide {
        padding-top: 10px
    }

    #sliderContainer {
        margin-top: 10px
    }
}

@media only screen and (max-width: 1023px) {
    .splide__arrows {
        display: none !important
    }

    #sliderContainer {
        padding: 0
    }
}

.featuredProductsMake .splide__arrows {
    position: absolute;
    display: block;
    left: -20px;
    bottom: 0
}

.featuredProductsMake .splide__arrow {
    width: 80px;
    height: 120px;
    background-color: #fff
}

.featuredProductsMake .splideItems .splide__arrow--prev {
    right: 80px;
    background-size: 35px 70px
}

.featuredProductsMake .splideItems .splide__arrow--next {
    right: 0px;
    background-size: 35px 70px
}

.featuredProductsMake .splideItems .splide__arrow:hover {
    background-color: #fff
}