:root {
    --cyan: #31a8db;
    --magenta: #e2007a;
    --max-width: 960px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: inherit;
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s;
}

html {
    text-align: center;
}

body {
    background-color: #ffffff;
    font-weight: 300;
    font-size: 1em;
    font-family: Helvetica, sans-serif;
    text-align: left;
    color: #222222;
    margin: 0 auto;
    word-break: break-word;
}

img {
    vertical-align: top;
    border-radius: 3px;
}

.wrap {
    max-width: var(--max-width);
    margin: 0 auto;
}

.content.wrap {
    padding: 16px 0 40px 0;
    min-height: 20em;
    display: flow-root;
}

@media (max-width: 979px) {
    .content.wrap {
        padding-left: 16px;
        padding-right: 16px;
    }
}


[hidden] {
    display: none
}

figure {
    margin: 0;
}

h1 {
    font-size: 1.75em;
    font-weight: 400;
    margin: 0.67em 0;
    color: var(--cyan);
}

h2 {
    font-size: 1.5em;
    font-weight: 300;
    margin: 0.67em 0;
    color: var(--cyan);
}

h3 {
    font-size: 1.5em;
    margin: 0.67em 0
}

img.hero {
    display: block;
    width: 100%;
}

img {
    vertical-align: top;
    max-width: 100%
}

p {
    margin: 0.5em 0;
}

a {
    text-decoration: none;
    color: #000000;
}

a:hover {
    color: var(--magenta);
}

a img {
    border: 0
}

#content a {
    text-decoration: underline;
}

hr {
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 16px 0;
}

ul {
    padding: 8px 32px;
}

button,
.button,
input[type="button"],
input[type="submit"] {
    font-weight: 300;
    border: 0;
    background: #ddd;
    padding: 8px 16px;
    border-radius: 3px;
    cursor: pointer;
    line-height: 1.25em;
    display: inline-block;
    vertical-align: top;
}

button.button-primary,
.button.button-primary,
input[type="button"].button-primary,
input[type="submit"].button-primary {
    background: var(--cyan);
    color: #fff;
}

button:hover,
.button:hover {
    box-shadow: inset 100px 100px #0002;
}

.button.wide,
button.wide {
    display: block;
    width: 100%;
    padding: .5em 0
}

button:disabled,
.button:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

input[type="text"],
input[type="email"],
input[type="search"],
textarea {
    background: #eee;
    padding: 12px 16px;
    flex: auto 1 1;
    min-width: 0;
    border: 0;
    border-radius: 3px;
}

.toast-title {
    font-weight: bold
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a, .toast-message label {
    color: #ffffff
}

.toast-message a:hover {
    color: #cccccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80)
}

.toast-close-button:hover, .toast-close-button:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: alpha(opacity=40);
    filter: alpha(opacity=40)
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#toast-container > div {
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999999;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #ffffff;
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80)
}

#toast-container > :hover {
    -moz-box-shadow: 0 0 12px #000000;
    -webkit-box-shadow: 0 0 12px #000000;
    box-shadow: 0 0 12px #000000;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer
}

#toast-container > .toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important
}

#toast-container > .toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important
}

#toast-container > .toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important
}

#toast-container > .toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important
}

#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
    width: 96%;
    margin: auto
}

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}

@font-face {
    font-family: 'icomoon';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'icomoon2';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SCN4AAAC8AAAAYGNtYXDsm+0LAAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5Zn18VSQAAAGAAAABPGhlYWQI+HNfAAACvAAAADZoaGVhB8IDxwAAAvQAAAAkaG10eA4AAEAAAAMYAAAAGGxvY2EAxgBkAAADMAAAAA5tYXhwABAAJgAAA0AAAAAgbmFtZcmYdAcAAANgAAABknBvc3QAAwAAAAAE9AAAACAAAwNVAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADsXwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg7FnsX//9//8AAAAAACDsWexf//3//wAB/+MTqxOmAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAYAAP/ABAADwAADAAcACwAPABMAFwAAEyERISUhFSEFIREhJSEVIQUhESElIRUhAAEA/wABgAKA/YD+gAEA/wABgAKA/YD+gAEA/wABgAKA/YADwP8AwIDA/wDAgMD/AMCAAAAJAEAAAAPAA4AAAwAHAAsADwATABcAGwAfACMAABMhESEBIREhASERIQUhESEBIREhASERIQUhESEBIREhASERIUABAP8AAUABAP8AAUABAP8A/YABAP8AAUABAP8AAUABAP8A/YABAP8AAUABAP8AAUABAP8AA4D/AAEA/wABAP8AQP8AAQD/AAEA/wBA/wABAP8AAQD/AAAAAAABAAAAAQAAeYmq1V8PPPUACwQAAAAAANLsl3EAAAAA0uyXcQAA/8AEAAPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAAGBAAAAAAAAAAAAAAAAgAAAAQAAAAEAABAAAAAAAAKABQAHgBQAJ4AAAABAAAABgAkAAkAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEACAAAAAEAAAAAAAIABwBpAAEAAAAAAAMACAA5AAEAAAAAAAQACAB+AAEAAAAAAAUACwAYAAEAAAAAAAYACABRAAEAAAAAAAoAGgCWAAMAAQQJAAEAEAAIAAMAAQQJAAIADgBwAAMAAQQJAAMAEABBAAMAAQQJAAQAEACGAAMAAQQJAAUAFgAjAAMAAQQJAAYAEABZAAMAAQQJAAoANACwaWNvbW9vbjIAaQBjAG8AbQBvAG8AbgAyVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbjIAaQBjAG8AbQBvAG8AbgAyaWNvbW9vbjIAaQBjAG8AbQBvAG8AbgAyUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbjIAaQBjAG8AbQBvAG8AbgAyRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAAsAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxII3mNtYXAAAAFoAAAAXAAAAFzsm+0LZ2FzcAAAAcQAAAAIAAAACAAAABBnbHlmAAABzAAAATwAAAE8fXxVJGhlYWQAAAMIAAAANgAAADYI+HNfaGhlYQAAA0AAAAAkAAAAJAfCA8dobXR4AAADZAAAABgAAAAYDgAAQGxvY2EAAAN8AAAADgAAAA4AxgBkbWF4cAAAA4wAAAAgAAAAIAAQACZuYW1lAAADrAAAAZIAAAGSyZh0B3Bvc3QAAAVAAAAAIAAAACAAAwAAAAMDVQGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA7F8DwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAEAIOxZ7F///f//AAAAAAAg7FnsX//9//8AAf/jE6sTpgADAAEAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAGAAD/wAQAA8AAAwAHAAsADwATABcAABMhESElIRUhBSERISUhFSEFIREhJSEVIQABAP8AAYACgP2A/oABAP8AAYACgP2A/oABAP8AAYACgP2AA8D/AMCAwP8AwIDA/wDAgAAACQBAAAADwAOAAAMABwALAA8AEwAXABsAHwAjAAATIREhASERIQEhESEFIREhASERIQEhESEFIREhASERIQEhESFAAQD/AAFAAQD/AAFAAQD/AP2AAQD/AAFAAQD/AAFAAQD/AP2AAQD/AAFAAQD/AAFAAQD/AAOA/wABAP8AAQD/AED/AAEA/wABAP8AQP8AAQD/AAEA/wAAAAAAAQAAAAEAAHmJqtVfDzz1AAsEAAAAAADS7JdxAAAAANLsl3EAAP/ABAADwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAAEAAABAAAAAAAAAAAAAAAAAAAABgQAAAAAAAAAAAAAAAIAAAAEAAAABAAAQAAAAAAACgAUAB4AUACeAAAAAQAAAAYAJAAJAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAgAAAABAAAAAAACAAcAaQABAAAAAAADAAgAOQABAAAAAAAEAAgAfgABAAAAAAAFAAsAGAABAAAAAAAGAAgAUQABAAAAAAAKABoAlgADAAEECQABABAACAADAAEECQACAA4AcAADAAEECQADABAAQQADAAEECQAEABAAhgADAAEECQAFABYAIwADAAEECQAGABAAWQADAAEECQAKADQAsGljb21vb24yAGkAYwBvAG0AbwBvAG4AMlZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb21vb24yAGkAYwBvAG0AbwBvAG4AMmljb21vb24yAGkAYwBvAG0AbwBvAG4AMlJlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb21vb24yAGkAYwBvAG0AbwBvAG4AMkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("woff");
    font-weight: normal;
    font-style: normal
}

.icon, .icon2 {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

/*noinspection CssNoGenericFontName*/
.icon {
    font-family: 'icomoon'
}

/*noinspection CssNoGenericFontName*/
.icon2 {
    font-family: 'icomoon2'
}

.icon-cart:before {
    content: "\e0c4"
}

.icon-cart-plus:before {
    content: "\e0c8"
}

.icon-cart-minus:before {
    content: "\e0c9"
}

.icon-cart-add:before {
    content: "\e0ca"
}

.icon-cart-remove:before {
    content: "\e0cb"
}

.icon-cart-checkout:before {
    content: "\e0cc"
}

.icon-cart-remove2:before {
    content: "\e0cd"
}

.icon-envelop:before {
    content: "\e0ec"
}

.icon-search:before {
    content: "\e1ba"
}

.icon-menu:before {
    content: "\e2ac"
}

.icon-info:before {
    content: "\e362"
}

.icon-arrow-right:before {
    content: "\e411"
}

.icon-arrow-left:before {
    content: "\e413"
}

.icon2-list:before {
    content: "\ec59"
}

.icon2-grid3:before {
    content: "\ec5f"
}

.featherlight {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background: #333333;
    background: rgba(0, 0, 0, 0)
}

.featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8)
}

.featherlight:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em
}

.featherlight .featherlight-content {
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    min-width: 30%;
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    background: #ffffff;
    cursor: auto;
    white-space: normal;
    border-radius: 3px;
}

.featherlight .featherlight-inner {
    display: block
}

.featherlight .featherlight-close-icon {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    line-height: 25px;
    width: 25px;
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    background: #ffffff;
    background: rgba(255, 255, 255, 0.3);
    color: #000000
}

.featherlight .featherlight-image {
    width: 100%
}

.featherlight-iframe .featherlight-content {
    border-bottom: 0;
    padding: 0
}

.featherlight iframe {
    border: none
}

@media (max-width: 1024px) {
    .featherlight .featherlight-content {
        margin-left: 10px;
        margin-right: 10px;
        max-height: 98%;
        padding: 10px 10px 0;
        border-bottom: 10px solid transparent
    }
}

.breadcrumb {
    margin: 0
}

.right {
    float: right
}

.text-right {
    text-align: right
}

p.error {
    color: #ff1111;
    font-weight: bold
}

#content > :first-child {
    margin-top: 0;
}

@media (min-width: 980px) {
    #content {
        float: right;
        width: 710px;
    }
}

#content .bar {
    margin-top: 10px
}

.price {
    color: var(--magenta);
    font-weight: 400;
}

.price span.cents {
    font-size: .6em
}

.bar {
    clear: both;
    color: #ffffff;
    border-radius: 2px;
    padding: .5em 1em;
    font-weight: 500
}

.bar.blue {
    background: var(--cyan);
}

#email_unsub {
    display: none
}

.youtube-embed {
    display: block;
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    border: 0
}

header {
    background-color: #151515;
    padding: 16px;
}

header .wrap {
    display: flex;
    gap: 32px 16px;
}

header #logo {
    flex: 1 1 auto;
    min-width: 0;
    display: inline-block;
    width: 169px;
}

header #logo a {
    display: block;
}

header #logo a img {
    width: 100%;
}

header .cart {
    margin: auto 0 0 auto;
    position: relative;
    color: #fff;
    display: flex;
    align-items: baseline;
    gap: 10px;
}

header .cart .icon {
    position: relative;
    font-size: 30px;
}
header .cart .icon span {
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    font-family: Helvetica, sans-serif;
    background-color: red;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    overflow: hidden;
}

.search {
    display: flex;
    margin: 0 0 16px 0;
    border-radius: 3px;
}

.search input[type="search"] {
    background: #eee;
    padding: 12px 16px;
    flex: auto 1 1;
    min-width: 0;
    border: 0;
}

.search input[type="submit"] {
    flex: auto 0 0;
}

.search input[type="submit"]:hover {
    box-shadow: inset 100px 0 #0001;
}

#sidebar {
    padding-bottom: 80px;
}

#sidebar > *:first-child {
    margin-top: 0 !important;
}

#sidebar .bar {
    margin-top: 16px
}

@media (min-width: 980px) {
    #sidebar {
        display: inline-block;
        float: left;
        width: 230px;
    }
}

@media (max-width: 979px) {
    #sidebar {
        padding: 0 0 16px 0;
    }
}

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

#sidebar > ul > li {
    border-bottom: 1px solid #eeeeee
}

#sidebar #categories-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 8px;
    padding-right: 8px;
}

#sidebar #categories.visible {
    display: flow-root !important;
}

@media (max-width: 979px) {
    #sidebar #categories {
        display: none;
    }
}

@media (min-width: 980px) {
    #sidebar #categories-toggle .icon {
        display: none;
    }
}

#sidebar #categories > div {
    display: block;
}
#sidebar #categories a {
    display: block;
    padding: .5em .35em;
    border-bottom: 1px solid #dddddd
}
#sidebar #categories > div:last-child a {
    border-bottom: 0;
}
#sidebar #categories div div a {
    padding-left: 1em;
}

#sidebar #categories .active {
    background-color: #f4f4f4;
}

#sidebar #categories div div .active {
    font-weight: bold;
}

.newsletter-form {
    display: flex;
    margin-top: 8px;
}
.newsletter-form #email {
    display: none
}
.newsletter-form input[type="email"] {
    flex: auto 1 1;
    min-width: 0;
}
.newsletter-form button {
    flex: auto 0 0;
    min-width: 0;
}
@media (max-width: 979px) {
    .newsletter-title,
    .newsletter-form {
        display: none !important
    }
}

footer {
    margin-top: 60px;
    padding: 10px 20px;
    color: #ffffff;
    clear: both;
    overflow: hidden;
    background-color: #151515
}

@media (min-width: 768px) {
    footer .footer-left {
        width: 15%;
        display: inline-block;
        vertical-align: middle
    }

    footer .footer-right {
        width: 15%;
        display: inline-block;
        vertical-align: top
    }

    footer nav {
        width: 70%;
        columns: 3 140px;
        -moz-columns: 3 140px;
        -webkit-columns: 3 140px;
        display: inline-block;
        vertical-align: middle
    }
}

@media (max-width: 767px) {
    footer nav {
        margin: 20px 0
    }
}

footer h3 {
    font-size: 1em;
    color: #ffffff;
    font-weight: 500
}

footer nav {
    height: auto;
    line-height: 1.5em
}

footer nav a {
    display: block;
    color: #ffffff;
    font-weight: 500
}

p.not-available {
    margin: 0;
    font-weight: 400
}

@media (min-width: 550px) {
    p.not-available {
        float: right;
        width: 55%
    }
}

@media (max-width: 549px) {
    p.not-available {
        clear: both;
        width: 100%
    }
}

@media (max-width: 549px) {
    .product-availability {
        padding-top: 10px;
        width: 100%;
        clear: both
    }
}

.product-availability p {
    margin: 0
}

.product-availability p.availability-title {
    font-weight: bold
}

.product-availability p.availability-desc {
    font-size: .8em
}

.box {
    clear: both;
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    background-color: #f1f1f1;
    margin-bottom: .5em
}
ul.box {
    padding-left: 30px;
}

.product-price {
    padding: .25em .5em .5em .5em;
    border: 1px solid #cccccc;
    border-radius: 5px;
    background-color: #f1f1f1;
    margin-bottom: .5em;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.price-container p {
    text-align: right;
    margin: 0;
}

.price-container .price-title {
    color: initial;
    font-size: 1.25rem;
}

.price-container .price {
    font-size: 1.5rem;
    text-align: right;
}

.price-container .price-novat {
    font-size: .75rem;
    color: #444444;
}

.product-price .addtocart {
    margin-top: 16px;
    grid-column: 1 / -1;
}

.browse-subnav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0;
}

.browse-subnav a {
    display: inline-block;
    border-radius: 3px;
    padding: 8px 16px;
    background: var(--cyan);
    color: #fff;
    text-decoration: none !important;
}

.browse-subnav a.active {
    background: var(--magenta);
}

.category-description {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 16px;
}

.products-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
}

.products-header .viewtype {
    display: flex;
    gap: 8px;
    font-size: 24px;
}

.products-header .viewtype a {
    display: inline-block;
    text-decoration: none !important;
}

.products {
    clear: both;
    border-top: 1px solid #cccccc
}

.products.grid {
    padding: 8px;
    background-color: #e5e5e5;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 8px;
}

.products.grid .product {
    padding: 8px;
    background-color: #fff;
    border-radius: 3px;
    word-wrap: break-word;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.products.grid h3 {
    margin: 0;
}

.products .product h3 a {
    text-decoration: none !important;
}

.products.grid figure img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: contain;
    background-color: #f1f1f1;
}

.products.grid .product-number {
    font-size: 0.7rem;
    margin: 0;
}

.products.grid .addtocart {
    margin-top: auto;
}

.products.list .product {
    border-bottom: 1px solid #cccccc;
    padding: 1em 0;
    display: grid;
    grid-template-columns: 40% 1fr;
    gap: 16px;
}

.products.list h3 {
    grid-column: 1 / -1;
    margin: 0;
}

.products.list figure {
    grid-row: 2 / span 3;
}

.products.list figure img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: contain;
    background-color: #f1f1f1;
}

.products.list .product-number {
    display: none;
}

.products.list .addtocart {
    grid-column: 1 / -1;
}

@media print {
    .products .addtocart {
        display: none
    }
}

.cart-products {
    border-top: 1px solid #aaa;
    margin-top: 8px;
}

.cart-products .product {
    display: grid;
    grid-template-columns: 20% 1fr;
    padding: 8px;
    gap: 8px;
    border-bottom: 1px solid #aaa;
}

.cart-products h3 {
    grid-column: 1 / -1;
}

.cart-products .price {
    font-size: 1.35rem;
    text-align: right;
}

.cart-products figure {
    grid-row: 2 / span 3;
}

.cart-products figure img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: contain;
}

.checkout-form label:not(.button) {
    margin-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.checkout-form label.button {
    margin-bottom: 16px;
    display: block;
}

@media (max-width: 500px) {
    .checkout-form label {
        flex-direction: column;
    }
    .checkout-form label:not(.button) * {
        display: block;
        width: 100%;
    }
}

.checkout-form label:not(.button) span {
    min-width: 180px;
    display: inline-block;
    margin-right: 8px;
}

.checkout-form textarea {
    width: 100%;
    height: 100px;
}

.buttons {
    margin: 16px 0 0 0;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.buttons .right {
    margin-left: auto;
}

#productphoto {
    margin: .5em 0;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #aaaaaa;
    text-align: center;
    cursor: zoom-in
}

#productphoto span {
    background-color: var(--cyan);
    display: block;
    padding: .25em;
    color: #ffffff;
    border-radius: 3px;
}

#productphoto div.img {
    padding: .25em
}

#productphoto div.img img {
    display: inline-block;
    max-height: 480px
}

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

#productinfo li {
    padding: .5em .25em;
    border-bottom: 1px solid #cccccc
}

#productinfo li:first-of-type {
    padding-top: 0
}

#productinfo li:last-of-type {
    border-bottom: 0
}

#productinfo li span.title {
    display: inline-block;
    width: 7em;
    font-weight: bold
}

.not-available.product-page {
    text-align: center;
    width: 100%;
    margin: 1em 0;
}

.products.cart {
    margin-top: 0.5em;
}

.price.price-total {
    font-size: 1.25em;
    margin: 0.25em 0
}

textarea#notes {
    margin-bottom: 20px
}

#order-youarehere {
    border-radius: 3px;
    background-color: #eeeeee;
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 500px) {
    #order-youarehere {
        flex-direction: column;
    }
}

#order-youarehere span {
    text-align: center;
    flex-grow: 1;
    padding: 16px;
}

#order-youarehere span.cur {
    background-color: #dddddd;
    font-weight: bold;
}

#order-youarehere span.done {
    background-color: #66ff66;
}

#confirmorder-table {
    width: 100%;
    margin-bottom: 16px
}

.brands-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 16px;
}

.brands-list a {
    filter: grayscale(1) contrast(0.3) brightness(1.1);
    transition: filter 0.3s;
}

.brands-list a:hover {
    filter: none;
}

@media print {
    #headright, #sidebar, header + nav, .wrap > .search, footer {
        display: none
    }

    body {
        font-size: 0.9em
    }
}

#cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #2b2b2b; /* Harmaampi tausta */
    color: #fff;
    padding: 15px 20px;
    z-index: 9999;
    display: none;
    font-size: 16px;
}

#cookie-banner .cookie-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    max-width: 960px;
    margin: 0 auto;
}

@media (min-width: 600px) {
    #cookie-banner .cookie-content {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

#cookie-banner a {
    color: #00aaff;
    text-decoration: underline;
}

.cookie-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

#cookie-banner button {
    padding: 8px 16px;
    background-color: #00aaff;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    font-size: 15px;
}

#cookie-banner button.reject {
    background-color: #666; /* Harmaampi hylkää-painike */
}