@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700|Open+Sans+Condensed:300,300italic,700);
* {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
img {
        height: auto;
        max-width: 100%;
}
img, a img {
        border: 0 none;
}
a {
        cursor: pointer;
}
div, p, ul, li {
        margin: 0;
        padding: 0;
}
html {
        font-family: 'Open Sans', sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
}
body {
        margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
        display: block;
        margin: 0;
        padding: 0;
}
[hidden], template {
        display: none;
}
a {
        background-color: transparent;
}
a:active, a:hover {
        outline: 0;
}
abbr[title] {
        border-bottom: 1px dotted;
}
b, strong {
        font-weight: bold;
}
dfn {
        font-style: italic;
}

/*Rubrik artiklar*/
h1 {
        font-size: 1.5em;
        margin: .67em 0;
}
small {
        font-size: 80%;
}
sub, sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
}
sup {
        top: -.5em;
}
sub {
        bottom: -.25em;
}
img {
        border: 0;
}
svg:not(:root) {
        overflow: hidden;
}
figure {
        margin: 1em 40px;
}
hr {
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        height: 0;
}
pre {
        overflow: auto;
}
code, kbd, pre, samp {
        font-family: monospace, monospace;
        font-size: 1em;
}
button, input, optgroup, select, textarea {
        color: inherit;
        font: inherit;
        margin: 0;
}
button {
        overflow: visible;
}
button, select {
        text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
}
button[disabled], html input[disabled] {
        cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
}
input {
        line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto;
}
input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
}
fieldset {
        border: 1px solid #c0c0c0;
        margin: 0 2px;
        padding: .35em .625em .75em;
}
legend {
        border: 0;
        padding: 0;
}
textarea {
        overflow: auto;
}
optgroup {
        font-weight: bold;
}
table {
        border-collapse: collapse;
        border-spacing: 0;
}
td, th {
        padding: 0;
}
@font-face {
        font-family: 'fontello';
        src: url("fontello.eot?62530155");
        src: url("fontello.eot?62530155#iefix") format("embedded-opentype"), url("fontello.woff2?62530155") format("woff2"), url("fontello.woff?62530155") format("woff"), url("fontello.ttf?62530155") format("truetype"), url("fontello.svg?62530155#fontello") format("svg");
        font-weight: normal;
        font-style: normal;
}
.icon, [class^="fw-icon-"]:before, [class*=" fw-icon-"]:before {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        margin-left: .2em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}
.fw-icon-basket:before {
        content: '';
}
.fw-icon-down-dir:before {
        content: '';
}
.fw-icon-left-dir:before {
        content: '';
}
.fw-icon-right-dir:before {
        content: '';
}
.fw-icon-up-dir:before {
        content: '';
}
.fw-icon-check:before {
        content: '';
}
.fw-icon-user:before {
        content: '';
}
.fw-icon-shop:before {
        content: '';
}
.fw-icon-user-add:before {
        content: '';
}
.fw-icon-search:before {
        content: '';
}
.fw-icon-logout:before {
        content: '';
}
.fw-icon-cancel:before {
        content: '';
}
.fw-icon-list:before {
        content: '';
}
.fw-icon-th-list:before {
        content: '';
}
.fw-icon-th-large:before {
        content: '';
}
.fw-icon-star-full:before {
        content: '';
}
.fw-icon-star-empty:before {
        content: '';
}
.fw-icon-ok:before {
        content: '';
}
.fw-icon-help-circled:before {
        content: '';
}
.fw-icon-help:before {
        content: '';
}
.fw-icon-mail:before {
        content: '';
}
.fw-icon-heart-empty:before {
        content: '';
}
.fw-icon-heart:before {
        content: '';
}
.fw-icon-update:before {
        content: '';
}
.fw-icon-eye:before {
        content: '';
}
.fw-icon-plus:before {
        content: '';
}
.fw-icon-minus:before {
        content: '';
}
.fw-icon-trackpackage:before {
        content: '';
}
.fw-icon-warning:before {
        content: '';
}
.fw-icon-globe:before {
        content: '';
}
.fw-icon-note:before {
        content: '';
}
.fw-icon-filter:before {
        content: '';
}
.fw-icon-asterisk:before {
        content: '';
}
.fw-icon-clock:before {
        content: '';
}
.fw-icon-right:before {
        content: '';
}
.fw-icon-left:before {
        content: '';
}
.fw-icon-down-open:before {
        content: '';
}
.fw-icon-up-open:before {
        content: '';
}
.fw-icon-right-open:before {
        content: '';
}
.fw-icon-left-open:before {
        content: '';
}
.fw-icon-ok-circled:before {
        content: '';
}
.fw-icon-info-circled-alt:before {
        content: '';
}
.fw-icon-check-empty:before {
        content: '';
}
.fw-icon-menu:before {
        content: '';
}
.fw-icon-mail-alt:before {
        content: '';
}
.fw-icon-angle-double-left:before {
        content: '';
}
.fw-icon-angle-double-right:before {
        content: '';
}
.fw-icon-angle-left:before {
        content: '';
}
.fw-icon-angle-right:before {
        content: '';
}
.fw-icon-stock:before {
        content: '';
}
.fw-icon-smile:before {
        content: '';
}
.fw-icon-frown:before {
        content: '';
}
.fw-icon-meh:before {
        content: '';
}
.fw-icon-star-half:before {
        content: '';
}
.fw-icon-info:before {
        content: '';
}
.fw-icon-calendar:before {
        content: '';
}
.fw-icon-file-pdf:before {
        content: '';
}
.fw-icon-shopping-bag:before {
        content: '';
}
@-webkit-keyframes fadeIn {
        from {
                opacity: 0;
        }
        to {
                opacity: 1;
        }
}
@keyframes fadeIn {
        from {
                opacity: 0;
        }
        to {
                opacity: 1;
        }
}
@-webkit-keyframes rotateLeftRight {
        0% {
                transform: rotate(0deg);
        }
        100% {
                transform: rotate(360deg);
        }
}
@keyframes rotateLeftRight {
        0% {
                transform: rotate(0deg);
        }
        100% {
                transform: rotate(360deg);
        }
}
.disabled {
        opacity: .5;
        pointer-events: none;
}
.hidden {
        display: none;
}
.fw-accordion.fw-accordionSessionOpen {
        -moz-transition: none !important;
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
}
.fw-accordion.fw-accordionSessionOpen .fw-icon-down-open, .fw-accordion.fw-accordionSessionOpen .fw-icon-up-open {
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
}
.fw-accordion .fw-accordionContent {
        display: none;
        width: 100%;
}
.fw-accordion .fw-accordionContent.fw-accordionOpen {
        display: block;
}
.fw-accordion .fw-accordionToggle {
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}
.fw-accordion .fw-accordionToggle.fw-accordionOpen.fw-icon-down-open, .fw-accordion .fw-accordionToggle.fw-accordionOpen.fw-icon-up-open {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
}
.fw-accordion .fw-accordionToggle.fw-accordionOpen .fw-icon-down-open, .fw-accordion .fw-accordionToggle.fw-accordionOpen .fw-icon-up-open {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
}
.fw-accordion .fw-icon-down-open, .fw-accordion .fw-icon-up-open {
        display: inline-block;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -moz-transition: color 250ms ease-out, transform 200ms;
        -webkit-transition: color 250ms ease-out, transform 200ms;
        -o-transition: color 250ms ease-out, transform 200ms;
        transition: color 250ms ease-out, transform 200ms;
}
.datePickerButton {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        padding-right: .5em;
        padding-left: .5em;
        cursor: pointer;
}
.datePickerDates {
        background-color: #fbfbfb;
        border: 1px solid #999;
        position: fixed;
        z-index: 10;
}
.datePickerDates .months {
        background-color: #ccc;
        height: 2em;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.datePickerDates .months > div > span {
        display: block;
        font-weight: bold;
        text-align: center;
}
.datePickerDates .months .previous, .datePickerDates .months .next {
        cursor: pointer;
        font-size: 1.2em;
        padding: .4em;
}
.datePickerDates .calendar {
        clear: both;
        font-size: .9em;
        line-height: 1.2;
}
.datePickerDates .calendar .week {
        clear: left;
        cursor: default;
        margin-left: .5em;
        margin-right: .7em;
}
.datePickerDates .calendar div {
        cursor: pointer;
        float: left;
        margin: .2em;
        padding: .1em;
        text-align: right;
        width: 1.5em;
}
.datePickerDates .calendar .weekDay {
        color: #666;
        cursor: default;
        text-align: right;
}
.datePickerDates .calendar .selected {
        border: 1px solid #f00;
}
.datePickerDates .calendar .redDay {
        color: #f00;
}
.datePickerDates .calendar .highlight {
        color: #00f;
}
.datePickerDates .calendar .highlight2 {
        font-weight: bold;
}
.datePickerDates .calendar .notValid {
        color: #ccc;
        cursor: default;
}
.datePickerDates .calendar div:hover, .datePickerDates .months .next:hover, .datePickerDates .months .previous:hover {
        font-weight: bold;
}
.datePickerDates .calendar div.notValid:hover {
        font-weight: normal;
}
.datePickerDates .buttons {
        clear: both;
        float: right;
        position: relative;
        text-align: center;
}
.datePickerDates .buttons div {
        background-color: #fff;
        border: 1px solid #0077b3;
        border-radius: 3px;
        color: #fff;
        cursor: pointer;
        float: left;
        margin: .4em .3em .4em 0;
        padding: 4px 8px;
        display: inline;
        font-size: .9em;
        text-decoration: none;
        white-space: nowrap;
        vertical-align: middle;
}
.datePickerDates .buttons div:hover {
        background-color: #fff;
        border-color: #fff;
}
@media only screen and (max-width:950px) {
        .datePickerDates {
                left: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                top: auto !important;
                overflow: hidden !important;
                max-height: 100% !important;
                border-radius: 0;
                border: 0;
                box-shadow: 0 7em 14em 9em rgba(0, 0, 0, .5);
        }
        .datePickerDates .months {
                height: 3.5em;
        }
        .datePickerDates .months .previous, .datePickerDates .months .next {
                font-size: 1.8em;
        }
        .datePickerDates .calendar {
                width: 100%;
                overflow-y: auto;
                overflow-x: hidden;
                font-size: 1em;
        }
        .datePickerDates .calendar .week, .datePickerDates .calendar .weekDay {
                font-weight: bold;
        }
        .datePickerDates .calendar div, .datePickerDates .calendar .week, .datePickerDates .calendar .weekDay {
                min-height: 1px;
                width: 12.5%;
                height: auto;
                margin: 0;
                padding: 1em 0;
                text-align: center;
        }
        .datePickerDates .buttons {
                border-top: 1px solid rgba(0, 0, 0, .3);
                display: flex;
                justify-content: space-between;
                align-items: center;
                width: 100%;
                padding: 1em;
        }
        .datePickerDates .buttons > div {
                width: 33.333%;
                line-height: 2.8em;
                margin: 0 1em 0 0;
                padding: 0;
                font-weight: bold;
                float: left;
        }
        .datePickerDates .buttons > div:last-child {
                margin: 0;
        }
}
button, .fw-button, .buttonColumn input {
        background-color: #ddd;
        border: 1px solid #bbb;
        border-radius: 3px;
        color: #333;
        display: inline-block;
        padding: 4px 8px;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        text-decoration: none;
}
button:hover, button:focus, .fw-button:hover, .fw-button:focus, .buttonColumn input:hover, .buttonColumn input:focus {
        background-color: #ccc;
        border-color: #aaa;
        text-decoration: none;
}
.fw-button.fw-button-outline {
        background-color: transparent;
        border: 0 none;
}
button > [class*="fw-icon-"]::before, .fw-button > [class*="fw-icon-"]::before {
        font-size: 1.1em;
}
.btn-buy, .btn-sendorder {
        font-size: 1.1em;
        padding: 5px 12px;
}
.btn-complete {
        font-size: 1.3em;
        padding: .3em .7em;
}
.btn-buy, .btn-tocheckout, .btn-sendorder, .btn-complete, .buttonColumn input {
        background-color: #6cad13;
        border-color: #5e9610;
        color: #fff;
}
.btn-buy:hover, .btn-buy:focus, .btn-tocheckout:hover, .btn-tocheckout:focus, .btn-sendorder:hover, .btn-sendorder:focus, .btn-complete:hover, .btn-complete:focus, .buttonColumn input:hover, .buttonColumn input:focus {
        background-color: #4c8d03;
        border-color: #3e7600;
}
.btn-action {
        background-color: #08c;
        border-color: #0077b3;
        color: #fff;
}
.btn-action:hover, .btn-action:focus {
        background-color: #fff;
        border-color: #fff;
}
.fw-button:disabled, .fw-button:disabled:hover, .btn-disabled, .btn-disabled:hover {
        background-color: #eee;
        border-color: #ccc;
        color: #b3b3b3;
        cursor: default;
}
.btn-buy.all {
        margin-left: 20px;
        margin-right: 1px;
}
.image.info {
        background-color: #ccc;
        border: 1px solid #bbb;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        padding: 2px;
}
.comboBox {
        position: relative;
}
.comboBoxTextBox {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 3px;
        height: 2.4em;
        line-height: 2.2;
        padding-left: .5em;
        width: 100%;
}
.comboBoxButton {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        line-height: 2.2;
        cursor: pointer;
        width: 100%;
}
.comboBoxButton .comboBoxButtonIcon {
        float: right;
        padding-right: .5em;
        height: 100%;
}
.comboBoxData {
        width: 100%;
}
.comboBoxData > div {
        padding: 2px;
}
.comboBoxData > div:nth-child(2n) {
        background-color: #efefef;
}
.comboBoxData .header {
        background-color: #ddd;
        cursor: default;
        font-weight: bold;
}
.comboBoxData .row {
        cursor: pointer;
        display: table-row;
}
.comboBoxData .row:hover {
        color: #000;
}
.comboBoxData .row > div {
        display: table-cell;
        padding: .2em;
}
.comboBoxData .hidden {
        display: none !important;
}
.comboBoxDataContainer {
        z-index: 7000;
        background-color: #fff;
        border: 1px solid #ccc;
        margin-right: 0;
        max-height: 250px;
        min-width: 300px;
        overflow-x: auto;
        overflow-y: auto;
        position: fixed;
        cursor: pointer;
}
.doubledim {
        white-space: nowrap;
        font-size: .9em;
}
.doubledim .header, .doubledim .row {
        display: table-row;
}
.doubledim .header div, .doubledim .row div {
        display: table-cell;
        padding: .1em .2em;
}
@media screen and (max-width:500px) {
        .comboBoxButton {
                top: auto;
                line-height: 2.5em;
        }
}
@media only screen and (max-width:800px) {
        .comboBoxDataContainer {
                cursor: pointer;
                left: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                top: auto !important;
                height: 50%;
                max-height: 50%;
                border-radius: 0;
                border: 0;
                box-shadow: 0 7em 14em 9em rgba(0, 0, 0, .5);
        }
        .comboBoxDataContainer .comboBoxData .header > div, .comboBoxDataContainer .comboBoxData .row > div {
                padding: .5rem .6rem;
        }
}
.tabControl {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
}
.tabControl .tabsContainer {
        margin-left: 0 !important;
        overflow: hidden;
        width: 100%;
}
.tabControl .tabs {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end;
        border-bottom: 1px solid #ccc;
        color: #06c;
}
.tabControl .tab {
        padding: .3em;
        border-color: #ccc;
        border-style: solid;
        border-width: 1px 1px 0 1px;
}
.tabControl .tab:not(:first-child) {
        margin-left: 2px;
}
.tabControl .tab.selected {
        padding: .4em;
        color: #444;
        background-color: #ececec;
}
.tabControl .tab:hover:not(.selected) {
        cursor: pointer;
}
.tabControl .content {
        flex-basis: 100%;
        margin-top: .3em;
        overflow: hidden;
        overflow-x: auto;
}
.tabControl .invisible {
        display: none;
        visibility: hidden;
}
.fw-tabs {
        list-style: none;
        border-bottom: 1px solid #e6e6e6;
        padding-left: 0;
}
.fw-tabs::after {
        clear: both;
        content: ' ';
        display: table;
}
.fw-tabs > li {
        display: block;
        position: relative;
        float: left;
        margin-bottom: -1px;
}
.fw-tabs > li.active > a, .fw-tabs > li.active > a:focus, .fw-tabs > li.active > a:hover {
        background-color: #fff;
        border-color: #e6e6e6 #e6e6e6 transparent;
        border-width: 1px;
        border-style: solid;
        color: #8a8a8a;
}
.fw-tabs > li > a {
        display: block;
        border: 1px solid transparent;
        border-radius: 2px 2px 0 0;
        color: #167ac6;
        margin-right: 2px;
        padding: .5rem .9rem;
        line-height: 1.4;
        position: relative;
}
.fw-tabs > li > a:hover {
        color: #000;
        background-color: #e6e6e6;
}
.fw-tab-content > .fw-tab-pane {
        display: none;
}
.fw-tab-content > .active {
        display: block;
}
.fw-tab-content .fade {
        opacity: 0;
        transition: opacity .15s linear 0s;
}
.fw-tab-content .fade.in {
        opacity: 1;
}
.form .offset, .form .offset-within {
        display: block;
        font-style: italic;
        margin-bottom: .5em;
}
.form-wrapper {
        background-color: #d1deed;
        padding-top: .5em;
        padding-bottom: .5em;
}
.form-wrapper .btn-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
}
.radiobuttonrow {
        border-bottom: 1px solid #ccc;
        padding-bottom: .5em;
        margin-bottom: 1em;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
}
.radiobuttonrow .label {
        font-weight: bold;
        margin-right: 2em;
        -webkit-box-flex: 0 1 auto;
        -moz-box-flex: 0 1 auto;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
}
.radio-group {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.radio-group .radio:not(:last-child) {
        margin-right: 1.5em;
}
.form-group, .confirmationText, .form-group .btn-group, .validation, .validation-within, .form-wrapper .btn-group {
        max-width: 700px;
}
.form-group .row {
        margin-bottom: .3em;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        white-space: nowrap;
        position: relative;
}
.form-group label, .form-group .label {
        padding-right: 1em;
}
.form-group .value, .form-group .textBox, .form-group .comboBoxTextBox, .form-group .checkBox, .form-group .select, .form-group .datePicker {
        border-radius: 0 3px 3px 0;
        padding-left: .5em;
        -webkit-box-flex: 2 1 250px;
        -moz-box-flex: 2 1 250px;
        -webkit-flex: 2 1 250px;
        -ms-flex: 2 1 250px;
        flex: 2 1 250px;
        width: 250px !important;
}
.form-group .datePicker {
        padding-left: 0;
}
.form-group .datePickerTextBox {
        border: 0 none;
        border-radius: 0 3px 3px 0;
        padding-left: .5em;
        width: 100%;
}
.form-group .checkbox-row label {
        border-right-width: 1px;
        -webkit-box-flex: 0 1 160px;
        -moz-box-flex: 0 1 160px;
        -webkit-flex: 0 1 160px;
        -ms-flex: 0 1 160px;
        flex: 0 1 160px;
}
.form-group .checkbox-row .checkbox-row .requiredField {
        -webkit-box-flex: 2 1 215px;
        -moz-box-flex: 2 1 215px;
        -webkit-flex: 2 1 215px;
        -ms-flex: 2 1 215px;
        flex: 2 1 215px;
        -ms-flex-item-align: center;
        -webkit-align-self: center;
        align-self: center;
}
.form-group .checkBox {
        -webkit-box-flex: 0 0 28px;
        -moz-box-flex: 0 0 28px;
        -webkit-flex: 0 0 28px;
        -ms-flex: 0 0 28px;
        flex: 0 0 28px;
        -ms-flex-item-align: center;
        -webkit-align-self: center;
        align-self: center;
}
.form-group .checkbox-group label {
        border: 0 none;
        background-color: inherit;
        padding-left: .2em;
}
.requiredField {
        margin-left: .2em;
        color: #bb2b2b;
}
.confirmationText {
        text-align: right;
}
.btn-group {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: .5em;
}
.btn-group .fw-button {
        margin-right: .5em;
        margin-top: .3em;
        margin-bottom: .3em;
}
.onset {
        margin-bottom: 2em;
}
.checkbox-group .checkboxrow {
        height: 1.75em;
}
.checkbox-group.value {
        padding: .2em .5em .5em;
}
.fw-input-group {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
}
.fw-input-group a.fw-input-group-button {
        text-decoration: none;
}
.fw-input-group a.fw-input-group-button:hover {
        text-decoration: none;
}
@media screen and (max-width:500px) {
        .form-group .row {
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                -ms-grid-row-align: center;
                align-items: center;
        }
        .form-group label, .form-group .label {
                width: 160px;
                line-height: 1.8;
        }
        .form-group .value, .form-group .textBox, .form-group .comboBoxTextBox, .form-group .select, .form-group .datePicker {
                background-color: #fff;
                border: 1px solid #ccc;
                height: 2.5em;
        }
        .form-group .datePickerTextBox {
                height: 2.5em;
        }
        .form-group .checkbox-row label {
                line-height: 2.1;
        }
        .form-group textarea.textBox {
                height: 6em;
        }
        .form-group .checkbox-group {
                height: auto;
        }
}
@media screen and (min-width:501px) {
        .form-group label, .form-group .label, .form-group .value, .form-group .textBox, .form-group .select, .form-group .datePicker {
                background-color: #fff;
                border: 1px solid #ccc;
                line-height: 2.2;
        }
        .form-group label, .form-group .label {
                min-width: 160px;
                border-right-width: 0;
                padding-left: 1em;
                border-radius: 3px 0 0 3px;
                -webkit-box-flex: 1 1 160px;
                -moz-box-flex: 1 1 160px;
                -webkit-flex: 1 1 160px;
                -ms-flex: 1 1 160px;
                flex: 1 1 160px;
        }
        .form-group .checkbox-row label {
                line-height: 2.3;
        }
}
.form-group span.value {
        background-color: #efefef;
        color: #727272;
}
.overviewSelect {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.overviewSelect > div {
        margin-bottom: .25em;
        margin-top: .25em;
}
.overviewSelect .radio-group {
        margin-right: 4em;
}
input[type="radio"], input[type="checkbox"] {
        margin-right: .5em;
}
input.textBox {
        border: 1px solid #ccc;
        padding-left: .3em;
        padding-right: .3em;
}
.numeric input.textBox {
        text-align: right;
}
.validation, .error, .validation-within, .validationSummary {
        border: 2px solid #bb2b2b;
        color: #bb2b2b;
        margin-bottom: 1em;
        padding: 1.25em 2em 1.25em 1.25em;
        background-color: #fff;
        text-align: left;
}
.validation-within {
        margin-top: .5em;
}
.validation.ok, .validation-within.ok {
        border: 2px solid #229622;
        color: #229622;
}
.validation.info, .validation-within.info {
        border: 2px solid #fff;
        color: #fff;
}
.validation ul, .validation-within ul, .validationSummary ul {
        list-style: none;
        margin: 0;
        min-height: 30px;
        padding: 0;
        width: auto;
        position: relative;
}
.validation ul:before, .validation-within ul:before, .validationSummary ul:before {
        font-family: "fontello";
        content: '';
        font-size: 2rem;
        color: #bb2b2b;
        line-height: 1;
        position: absolute;
        top: 0;
        left: 0;
}
.validation ul li, .validation-within ul li, .validationSummary ul li {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-bottom: .3em;
        padding-left: 2.8rem;
        width: auto;
}
.validation ul li:before, .validation-within ul li:before, .validationSummary ul li:before {
        content: '- ';
        vertical-align: text-top;
}
.table {
        display: table;
        border-collapse: collapse;
}
.table .header .sortdesc::after {
        content: " ";
        font-family: "FontAwesome";
}
.table .header .sortasc::after {
        content: " ";
        font-family: "FontAwesome";
}
.table .header, .table .row {
        display: table-row;
}
.table .cell {
        display: table-cell;
        padding: .5em;
        vertical-align: middle;
}
.table .numeric {
        text-align: right;
        white-space: nowrap;
}
.table .noWrap {
        white-space: nowrap;
}
.price .value::after, .prodlist .cell.D12813:not(:empty)::after, .prodlist .cell.D12814:not(:empty)::after {
        white-space: nowrap;
}
.curr-DKK .price .value::after, .curr-DKK .prodlist .cell.D12813:not(:empty)::after, .curr-DKK .prodlist .cell.D12814:not(:empty)::after, .curr-DKK .prodlist .cell.D12815:not(:empty)::after, .curr-DKK .prodlist .cell.D12816:not(:empty)::after, .curr-DKK .prodlist .cell.D12817:not(:empty)::after, .curr-DKK .prodlist .cell.D12818:not(:empty)::after, .curr-NOK .price .value::after, .curr-NOK .prodlist .cell.D12813:not(:empty)::after, .curr-NOK .prodlist .cell.D12814:not(:empty)::after, .curr-NOK .prodlist .cell.D12815:not(:empty)::after, .curr-NOK .prodlist .cell.D12816:not(:empty)::after, .curr-NOK .prodlist .cell.D12817:not(:empty)::after, .curr-NOK .prodlist .cell.D12818:not(:empty)::after, .curr-SEK .price .value::after, .curr-SEK .prodlist .cell.D12813:not(:empty)::after, .curr-SEK .prodlist .cell.D12814:not(:empty)::after, .curr-SEK .prodlist .cell.D12815:not(:empty)::after, .curr-SEK .prodlist .cell.D12816:not(:empty)::after, .curr-SEK .prodlist .cell.D12817:not(:empty)::after, .curr-SEK .prodlist .cell.D12818:not(:empty)::after {
        content: " kr";
}
.curr-EUR .price .value::before, .curr-EUR .prodlist .cell.D12813:not(:empty)::before, .curr-EUR .prodlist .cell.D12814:not(:empty)::before, .curr-EUR .prodlist .cell.D12815:not(:empty)::before, .curr-EUR .prodlist .cell.D12816:not(:empty)::before, .curr-EUR .prodlist .cell.D12817:not(:empty)::before, .curr-EUR .prodlist .cell.D12818:not(:empty)::before {
        content: "€ ";
}
.curr-GBP .price .value::before, .curr-GBP .prodlist .cell.D12813:not(:empty)::before, .curr-GBP .prodlist .cell.D12814:not(:empty)::before, .curr-GBP .prodlist .cell.D12815:not(:empty)::before, .curr-GBP .prodlist .cell.D12816:not(:empty)::before, .curr-GBP .prodlist .cell.D12817:not(:empty)::before, .curr-GBP .prodlist .cell.D12818:not(:empty)::before {
        content: "£ ";
}
.curr-USD .price .value::before, .curr-USD .prodlist .cell.D12813:not(:empty)::before, .curr-USD .prodlist .cell.D12814:not(:empty)::before, .curr-USD .prodlist .cell.D12815:not(:empty)::before, .curr-USD .prodlist .cell.D12816:not(:empty)::before, .curr-USD .prodlist .cell.D12817:not(:empty)::before, .curr-USD .prodlist .cell.D12818:not(:empty)::before {
        content: "$ ";
}
.price.diff-percent .value::after, .price.diff-percent .value::before {
        content: " ";
}
.price.sale .value, .sale .price.diff-percent .value, .row.sale .cell.D12813, .row.sale .cell.D12814 {
        color: #bb2b2b;
}
.grid {
        overflow-x: auto;
}
.slick-element {
        visibility: hidden;
        opacity: 0;
}
.slick-element.slick-initialized, .slick-element.slick-inactive {
        visibility: visible;
        opacity: 1;
}
ul.slick-slider {
        padding: 0;
        margin: 0;
        list-style-type: none;
}
.slick-slider {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        position: relative;
        box-sizing: border-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
}
.slick-slider.slick-dotted .slick-dots {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end;
        height: 50px;
        margin-left: 25px;
        margin-right: 25px;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        list-style: none;
        text-align: center;
}
.slick-slider.slick-dotted .slick-dots li {
        margin: 0 5px;
        padding: 0;
}
.slick-slider .slick-list {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-left: -.5em;
        margin-right: -.5em;
        position: relative;
        overflow: hidden;
}
.slick-slider .slick-list:focus {
        outline: none;
}
.slick-slider .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
}
.slick-slider .slick-track {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        position: relative;
}
.slick-loading .slick-slider .slick-track {
        visibility: hidden;
}
.slick-slider .slick-slide {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin-left: .5em;
        margin-right: .5em;
        padding: 0;
}
.slick-slider .slick-slide img {
        display: block;
}
.slick-slider .slick-prev, .slick-slider .slick-next {
        height: 30px;
        width: 30px;
        position: absolute;
        z-index: 2000;
        overflow: hidden;
        line-height: 0;
        opacity: 1;
        padding: 0;
}
.slick-slider .slick-prev i, .slick-slider .slick-next i {
        font-size: .95em;
}
.slick-slider .slick-prev:disabled, .slick-slider .slick-next:disabled {
        opacity: 0;
}
.slick-slider .slick-prev {
        left: -15px;
}
.slick-slider .slick-prev:disabled {
        left: -30px;
}
.slick-slider .slick-next {
        right: -15px;
}
.slick-slider .slick-next:disabled {
        right: -30px;
}
.slick-slider .slick-arrow.slick-hidden {
        display: none;
}
.complementwrapper, .questionwrapper, .favoritewrapper, .conditionswrapper {
        display: none;
}
#fancybox-tmp {
        padding: 0 !important;
        margin: 0;
        border: 0;
        display: none;
}
#fancybox-loading {
        z-index: 7000;
        background-color: rgba(0, 0, 0, .7);
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
        -webkit-animation: fadeIn 500ms 1s forwards;
        -moz-animation: fadeIn 500ms 1s forwards;
        -ms-animation: fadeIn 500ms 1s forwards;
        -o-animation: fadeIn 500ms 1s forwards;
        animation: fadeIn 500ms 1s forwards;
}
#fancybox-loading:after {
        content: "";
        position: fixed;
        text-indent: -9999em;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        width: 2em;
        height: 2em;
        margin-top: -1em;
        margin-left: -1em;
        border-width: .16em;
        border-style: solid;
        border-top-color: rgba(255, 255, 255, .2);
        border-right-color: rgba(255, 255, 255, .2);
        border-bottom-color: rgba(255, 255, 255, .2);
        border-left-color: #fff;
        -webkit-animation: rotateLeftRight 750ms infinite cubic-bezier(.54, .27, .78, .46);
        -moz-animation: rotateLeftRight 750ms infinite cubic-bezier(.54, .27, .78, .46);
        -ms-animation: rotateLeftRight 750ms infinite cubic-bezier(.54, .27, .78, .46);
        -o-animation: rotateLeftRight 750ms infinite cubic-bezier(.54, .27, .78, .46);
        animation: rotateLeftRight 750ms infinite cubic-bezier(.54, .27, .78, .46);
}
#fancybox-close, #fancybox-left, #fancybox-right {
        position: absolute;
        z-index: 2000;
}
#fancybox-close {
        top: 10px;
        right: 10px;
}
#fancybox-left, #fancybox-right {
        visibility: hidden;
        opacity: 0;
        margin-top: -16px;
        top: 50%;
}
#fancybox-left {
        left: 20px;
}
#fancybox-right {
        right: 20px;
}
#fancybox-title {
        text-align: center;
        max-width: 100%;
        min-width: 100%;
}
#fancybox-title:not(:empty) {
        padding: 20px;
}
#fancybox-error {
        color: #444;
        font: normal 12px/20px Arial;
        padding: 14px;
        margin: 0;
}
#fancybox-overlay {
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        z-index: 6999;
        background-color: rgba(0, 0, 0, .7);
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
}
#fancybox-overlay.show {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
}
#fancybox-wrap {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        -webkit-align-content: center;
        align-content: center;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 6999;
        padding: 20px;
        display: none;
        position: fixed;
        pointer-events: none;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
}
#fancybox-wrap[style*="block"] {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
}
#fancybox-outer {
        position: relative;
        pointer-events: auto;
        overflow: auto;
        background: #fff;
}
#fancybox-outer:hover #fancybox-left.show, #fancybox-outer:hover #fancybox-right.show {
        visibility: visible;
        opacity: 1;
}
#fancybox-outer.fancybox-image-outer {
        max-width: 100vh;
        max-height: 100vh;
}
#fancybox-outer:not(.fancybox-image-outer) {
        min-width: 300px;
        max-width: 500px;
        width: 100%;
}
#fancybox-outer:not(.fancybox-image-outer) #fancybox-content {
        padding: 20px 40px;
}
#fancybox-content {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        text-align: center;
}
#fancybox-content .form {
        margin: 20px 0;
        min-width: 100%;
        text-align: left;
}
#fancybox-content .form-group .row:last-of-type {
        margin-bottom: 20px;
}
#fancybox-content .form-group .row.comboBox {
        -webkit-perspective: 1000;
}
#fancybox-content .form-group .fw-button {
        margin-top: 5px;
        margin-left: 5px;
}
@media only screen and (max-width:500px) {
        #fancybox-outer:not(.fancybox-image-outer) {
                min-width: 0;
                max-width: 100%;
        }
        #fancybox-content .form-group .fw-button {
                min-width: 100%;
                margin-left: 0;
        }
}
.warnings .browserWarning {
        width: 100%;
        text-align: center;
        background-color: #bb2b2b;
        z-index: 999;
        color: #fff;
        padding: .5rem .5rem;
        display: none;
}
.fw-dropdown {
        position: relative;
}
.fw-dropdown .fw-dropdownContent {
        text-align: left;
        visibility: hidden;
        display: block;
}
.fw-dropdown .fw-dropdownContent a {
        display: block;
}
.fw-dropdown .fw-dropdownContent.fw-dropdown-visible {
        visibility: visible;
}
.fw-dropdown .fw-dropdownContent.right-edge {
        right: 0;
        left: auto;
}
.fw-dropdown .fw-dropdownContent.left-edge {
        right: auto;
        left: 0;
}
.fw-dropdown .fw-dropdownContent.right-edge.left-edge {
        right: 0;
        left: auto;
}
.selectionTitle {
        background-color: #fff;
        border: 1px solid #808080;
        box-sizing: border-box;
        display: block;
        margin-bottom: 5px;
        overflow: hidden;
        padding: 5px 35px 5px .5rem;
        position: relative;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        z-index: 2;
}
.selectionTitle .sortSelectionIcon {
        position: absolute;
        right: 7px;
}
.selectionOptions {
        background-color: #fff;
        border: 1px solid #808080;
        display: none;
        min-width: 110%;
        position: absolute;
        top: 37px;
        z-index: 10;
}
.selectionOptions > a {
        display: block;
        padding: .3rem .5rem;
}
.warnings .javascriptWarning {
        width: 100%;
        text-align: center;
        background-color: #bb2b2b;
        z-index: 999;
        color: #fff;
        padding: .5rem .5rem;
}
.warnings .javascriptWarning div {
        display: inline-block;
}
.warnings .javascriptWarning div.header {
        font-weight: bold;
}
#PreLoad {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background-color: rgba(0, 0, 0, .7);
        -webkit-animation: fadeIn 750ms;
        -moz-animation: fadeIn 750ms;
        -ms-animation: fadeIn 750ms;
        -o-animation: fadeIn 750ms;
        animation: fadeIn 750ms;
}
#PreLoadSpinner, #PreLoadSpinner:after {
        border-radius: 50%;
}
#PreLoadSpinner, #PreLoadSpinner:after {
        width: 2em;
        height: 2em;
}
#PreLoadSpinner {
        text-indent: -9999em;
        top: 50%;
        left: 50%;
        border-width: .16em;
        border-style: solid;
        -webkit-animation: rotateLeftRight 750ms infinite cubic-bezier(.54, .27, .78, .46);
        -moz-animation: rotateLeftRight 750ms infinite cubic-bezier(.54, .27, .78, .46);
        -ms-animation: rotateLeftRight 750ms infinite cubic-bezier(.54, .27, .78, .46);
        -o-animation: rotateLeftRight 750ms infinite cubic-bezier(.54, .27, .78, .46);
        animation: rotateLeftRight 750ms infinite cubic-bezier(.54, .27, .78, .46);
}
#PreLoadSpinner {
        position: fixed;
        margin-top: -1em;
        margin-left: -1em;
        border-top-color: rgba(255, 255, 255, .2);
        border-right-color: rgba(255, 255, 255, .2);
        border-bottom-color: rgba(255, 255, 255, .2);
        border-left-color: #fff;
}
.chooseCouLanCur {
        position: relative;
}
.currentCouLanCur {
        cursor: pointer;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
}
.currentCouLanCur .text {
        margin-left: .3em;
        margin-right: .5em;
}
.currentCouLanCur .text::after {
        content: "";
        font-family: "FontAwesome";
        margin-left: .5em;
}
.couLanCur {
        background-color: #fff;
        border: 1px solid #ccc;
        display: none;
        padding: .5em;
        position: absolute;
        top: 2em;
        z-index: 55;
}
.couLanCur.show {
        display: block;
}
.couLanCurText {
        margin-bottom: .5em;
}
.couLanCurHeader {
        font-weight: 600;
        margin-bottom: .5em;
        display: block;
}
.couLanCurChoices .row .label, .couLanCurChoices .row label {
        -webkit-box-flex: 1 1 100px;
        -moz-box-flex: 1 1 100px;
        -webkit-flex: 1 1 100px;
        -ms-flex: 1 1 100px;
        flex: 1 1 100px;
        min-width: 100px;
}
.couLanCurChoices .row .value, .couLanCurChoices .row .comboBoxTextBox {
        -webkit-box-flex: 2 1 200px;
        -moz-box-flex: 2 1 200px;
        -webkit-flex: 2 1 200px;
        -ms-flex: 2 1 200px;
        flex: 2 1 200px;
}
.couLanCurChoices .btn-group {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
}
.flagsRow a {
        float: left;
        padding-right: 9px;
}
.flagsRow img {
        float: left;
        width: 20px;
}
.flags {
        position: relative;
        z-index: 100;
}
.menu-open-btn {
        position: relative;
        padding-right: 20px;
        z-index: 100;
}
.menu-open-btn::after {
        content: "";
        font-family: "FontAwesome";
        position: absolute;
        right: 3px;
}
.nav-menu ul {
        list-style: none;
}
.menunolink {
        cursor: pointer;
}

/*Gäller för mobila skärmar */ 
@media screen and (max-width:950px) {
        .nav-menu {
                background-color: #fff;
                visibility: visible;
                -webkit-transition: visibility 0s ease 0s, max-height 1s ease 0s;
                transition: visibility 0s ease 0s, max-height 1s ease 0s;
        }
        .nav-menu.hide {
                -webkit-transition: max-height .5s ease 0s, z-index 0s ease 0s, visibility 0s ease .5s;
                transition: max-height .5s ease 0s, z-index 0s ease 0s, visibility 0s ease .5s;
        }
        .nav-menu .close-btn {
                font-size: 0;
                -ms-flex-item-align: end;
                -webkit--self: end;
                -webkit-align-self: flex-end;
                align-self: flex-end;
                padding-right: 10px;
                padding-left: 15px;
        }
        .nav-menu .close-btn::before {
                content: "";
                font-family: "FontAwesome";
                font-size: 1.5rem;
                color: #fff;
        }
        .nav-menu > ul {
                z-index: 10;
        }
        .nav-menu ul {
                overflow-y: scroll;
        }
        .nav-menu li {
                position: relative;
                display: block;
        }
        .nav-menu li .fw-drawerContent {
                overflow: hidden;
        }
        .nav-menu li .fw-drawerContentHide {
                max-height: 0;
                -webkit-transition: max-height 0s linear;
                -o-transition: max-height 0s linear;
                transition: max-height 0s linear;
        }
        .nav-menu li .fw-drawerContentShow {
                max-height: 1000px;
                -webkit-transition: max-height .5s linear;
                -o-transition: max-height .5s linear;
                transition: max-height .5s linear;
        }
        .nav-menu li a {
                display: block;
        }
    
    /* Hjälpmenyn när man går över*/
        .nav-menu li a:hover, .nav-menu li span:hover {
                color: #fff;
                cursor: pointer;
                background-color: #fff;
        }
        .nav-menu li > a, .nav-menu li > span {
                display: block;
        }
        .nav-menu li > a i, .nav-menu li > span i {
                float: right;
        }
        .nav-menu li.level1 > a, .nav-menu li.level1 > span {
                padding: 11px 15px;
        }
        .nav-menu li:hover > a, .nav-menu li:hover > span, .nav-menu li.active_last > a, .nav-menu li.active_last > span, .nav-menu li.active > a, .nav-menu li.active > span {
                background-color: #fff;
        }
        .nav-menu li li a, .nav-menu li li span {
                padding: 5px 30px;
        }
        .nav-menu li li li a, .nav-menu li li li span {
                padding-left: 45px;
        }
        .nav-menu li li li li a, .nav-menu li li li li span {
                padding-left: 60px;
        }
        .nav-menu li li > span::after, .nav-menu li li #loginToggle::after {
                top: 6px;
        }
        .nav-menu .loginFlyout, .nav-menu .loginFlyout a, .nav-menu .loginFlyout a:hover, .nav-menu .loginFlyout label, .nav-menu .loginFlyout label:hover {
                color: #444;
        }
}
/*Större skärmar */
@media screen and (min-width:951px) {
        .menu-open-btn, .menu-close-btn {
                display: none;
        }
        .flags-wrapper:hover {
                color: #111;
                background-color: rgba(255, 255, 255, .5);
        }
        .nav-menu {
                -webkit-box-flex: 0 1 auto;
                -moz-box-flex: 0 1 auto;
                -webkit-flex: 0 1 auto;
                -ms-flex: 0 1 auto;
                flex: 0 1 auto;
                color: #333;
                background-color: transparent;
        }
        .nav-menu ul {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                -webkit-justify-content: flex-end;
                justify-content: flex-end;
                white-space: nowrap;
                border: 0 none;
        }
        .nav-menu li {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-flex: 1 0 auto;
                -moz-box-flex: 1 0 auto;
                -webkit-flex: 1 0 auto;
                -ms-flex: 1 0 auto;
                flex: 1 0 auto;
                position: relative;
        }
        .nav-menu li i {
                display: none;
        }
        .nav-menu li a {
                color: #333;
        }
        .nav-menu li.level1 > a, .nav-menu li.level1 > span {
                padding: 10px 12px;
        }
  /*Mus över hjälp bakgrundsfärg, linjer m m*/  
        .nav-menu li.level1:hover > a, .nav-menu li.level1:hover > span {
                color: #111;
                cursor: pointer;
                background-color: #fff;
                
        }
        .nav-menu li.level1:hover, .nav-menu li.level1.active_last, .nav-menu li.level1.active {
                background-color: rgba(255, 255, 255, .5);
        }
        .nav-menu li.level1:hover > a, .nav-menu li.level1:hover > span, .nav-menu li.level1.active_last > a, .nav-menu li.level1.active_last > span, .nav-menu li.level1.active > a, .nav-menu li.level1.active > span {
                color: #111;
        }
        .nav-menu li > span::after {
                content: "";
                font-family: "FontAwesome";
                margin-left: .3em;
        }
        .nav-menu li:hover > .loginFlyout {
                max-height: 1000px;
                -webkit-transition: max-height .5s linear;
                -o-transition: max-height .5s linear;
                transition: max-height .5s linear;
        }
        .nav-menu .loginFlyout {
                z-index: 40;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                position: absolute;
                top: calc(1em + 20px);
                right: 0;
                overflow: hidden;
        }
        .nav-menu .loginFlyout.fw-drawerContentHide {
                max-height: 0;
                -webkit-transition: max-height 0s linear;
                -o-transition: max-height 0s linear;
                transition: max-height 0s linear;
        }
        .nav-menu .loginFlyout .login-form {
                background-color: #fff;
                border: 1px solid #ccc;
                padding: .7em;
        }
        .nav-menu .loginFlyout .part {
                margin-bottom: .5em;
        }
        .nav-menu .loginFlyout .part .row {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                margin-bottom: .5em;
        }
        .nav-menu .loginFlyout .btn-group {
                margin-top: .5em;
        }
        .nav-menu .loginFlyout .form-wrapper {
                background-color: inherit;
                padding: 0;
        }
        .nav-menu .loginFlyout .menuLoginHeader {
                font-size: 1.2em;
                font-weight: 600;
                margin-bottom: .5em;
        }
        .nav-menu .loginFlyout .validation {
                margin-left: 0;
                margin-right: 0;
        }
        .nav-menu li > ul {
                background-color: #fff;
                border: 0 solid #ccc;
                position: absolute;
                z-index: 1000;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                overflow: hidden;
                max-height: 0;
        }
        .nav-menu li:hover > ul {
                border-width: 1px;
                max-height: 1000px;
                overflow: visible;
        }
        .nav-menu li.level1 > ul {
                top: calc(1em + 20px);
                right: 0;
        }
        .nav-menu li ul ul {
                right: 98%;
                top: 0;
        }
        .nav-menu li ul li > span, .nav-menu li ul li > a {
                padding: .5em;
        }
        .nav-menu li ul li:hover {
                background-color: #fff;
                color: #111;
        }
}
@media screen and (max-width:950px) {
        .cart {
                background-color: #f3f4f5;
                border-left: 1px solid #e9e9e9;
        }
        .cart-header {
                position: relative;
                bottom: 0;
                left: 0;
                padding: 1em;
        }
}
.cart-header {
        background-color: #fff;
        color: #636363;
        width: 100%;
}
.cart-header, .cart-header a {
        color: #fff;
}
.cart {
        white-space: nowrap;
}
.cart .close-btn {
        font-size: 0;
        display: block;
        float: right;
}
.cart .close-btn::before {
        content: "";
        font-family: "FontAwesome";
        font-size: 1.5rem;
        line-height: 1;
        padding: .3em;
}
.cart.hide .close-btn {
        display: none;
}
.cart .headerinfo {
        line-height: 1.3;
}
.cart .cart-header .tocheckout {
        position: absolute;
        bottom: 1em;
        right: 1em;
}
.quantitytext, .totalcosttext {
        font-size: .85em;
}
.priceinfo {
        font-size: .8rem;
        margin-top: 1.2rem;
}
.smallcart {
        border-bottom: 2px solid #fff;
        max-height: 80vh;
        overflow-y: auto;
        color: inherit;
}
.smallcart .table {
        width: 100%;
}
.smallcart .table .row {
        border-bottom: 1px solid #ddd;
}
.smallcart .table .row::after, .smallcart .cart-footer::after {
        clear: both;
        content: ' ';
        display: table;
}
.smallcart .cell {
        overflow: hidden;
}
.smallcart .cell.image {
        min-width: calc(35px + .5rem);
}
.smallcart .cell.DeleteRow {
        cursor: pointer;
}
.smallcart .DeleteRow .delete::before {
        content: "";
        font-family: "FontAwesome";
        font-size: 1.3em;
        color: #bb2b2b;
}
.smallcart .DeleteRow .refresh::before {
        content: "";
        font-family: "FontAwesome";
        font-size: 1.3em;
}
.smallcart .DeleteRow img {
        padding-top: .4em;
}
@media screen and (max-width:500px) {
        .smallcart .table .header {
                display: none;
        }
        .smallcart .table .row {
                clear: both;
                position: relative;
                width: 100%;
                display: block;
                height: auto !important;
                line-height: 1.2;
                padding: .75em 0 .75em 75px;
        }
        .smallcart .table .cell {
                display: none;
        }
        .smallcart .cell {
                display: inline-block;
        }
        .smallcart .cell.ArtImg, .smallcart .cell.ArtCode, .smallcart .cell.ArtName, .smallcart .cell.D12815, .smallcart .cell.D10041, .smallcart .cell.D10005, .smallcart .cell.DeleteRow {
                display: block;
                float: left;
        }
        .smallcart .cell.ArtImg {
                left: 0;
                position: absolute;
                top: .75em;
                max-width: 65px;
        }
        .smallcart .cell.ArtCode, .smallcart .cell.ArtName {
                width: 100%;
        }
        .smallcart .cell.Artcode {
                font-size: .85em;
        }
        .smallcart .cell.D12815, .smallcart .cell.D10005 {
                width: 40%;
        }
        .smallcart .cell.D10041 {
                width: 20%;
        }
        .smallcart .cell.D10005 {
                text-align: right;
        }
        .smallcart .cell.DeleteRow {
                position: absolute;
                right: 0;
                top: .75em;
        }
        .cart .cart-footer {
                padding-top: 1em;
        }
        .cart .cart-footer .tocheckout {
                float: right;
        }
        .cart .cart-footer .totalinfo {
                display: none;
        }
}
@media screen and (max-width:420px) {
        .cart {
                width: 100%;
        }
        .cart .empty {
                height: auto;
        }
        .cart .empty .smallcart {
                display: none;
        }
        .cart .Artcode {
                font-size: .8rem;
        }
}
@media screen and (min-width:501px) {
        .cart-footer {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: end;
                -ms-flex-align: end;
                -webkit-align-items: flex-end;
                -ms-grid-row-align: flex-end;
                align-items: flex-end;
                margin-top: 1em;
        }
        .cart-footer .totalinfo {
                margin-top: .8em;
                background-color: #fff;
                color: #fff;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                width: 100%;
                padding: 1em;
        }
        .cart-footer .tocheckout {
                padding-right: 1em;
        }
        .cart-footer .totalinfo > div {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                -webkit-justify-content: flex-end;
                justify-content: flex-end;
                -webkit-box-align: end;
                -ms-flex-align: end;
                -webkit-align-items: flex-end;
                -ms-grid-row-align: flex-end;
                align-items: flex-end;
        }
        .cart-footer .sum {
                margin-left: 1em;
                min-width: 110px;
                text-align: right;
        }
}
@media screen and (min-width:951px) {
        .cart {
                -webkit-box-ordinal-group: 2;
                -moz-box-ordinal-group: 2;
                -ms-flex-order: 2;
                -webkit-order: 2;
                order: 2;
                -webkit-box-flex: 1 0 20px;
                -moz-box-flex: 1 0 20px;
                -webkit-flex: 1 0 20px;
                -ms-flex: 1 0 20px;
                flex: 1 0 20px;
                margin-left: 1em;
        }
        .cart-wrapper {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-pack: center;
                -webkit-box-align: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                min-width: 100px;
                position: relative;
        }
        .empty .cart-header {
                background-color: #bbb;
                width: 80px;
        }
        .cart-header::before {
                content: "";
                font-family: "FontAwesome";
                font-size: 2em;
                color: #666;
                position: relative;
                top: -2px;
        }
        .cart-header.empty::before {
                color: #555;
                margin-bottom: .5rem;
        }
        .empty .headerinfo, .empty .tocheckout, .empty .priceinfo {
                display: none;
        }
        .cart .close-btn {
                display: none;
        }
        .cart-header {
                padding: .5em 0;
                text-align: center;
                font-size: .8em;
                position: absolute;
                top: -22px;
                right: 0;
        }
        .cart .headerinfo {
                margin-top: .3em;
                padding-left: .5em;
                padding-right: .5em;
        }
        .cart-header .cartquantity {
                position: absolute;
                left: 0;
                top: 2px;
                width: 100%;
        }
        .cart-header .cartquantity .quantity {
                background-color: #f00;
                border-radius: 50%;
                font-size: .9rem;
                font-weight: 700;
                min-width: 1.6em;
                padding: 2px;
                text-align: center;
                display: inline-block;
                position: relative;
                left: 1.2em;
        }
        .cart-header .quantitytext, .cart-header .totalcosttext, .cart-header .tocheckout {
                display: none;
        }
        .cart-header .priceinfo {
                margin-top: 0;
                font-size: .7em;
        }
        .cart.hide .smallcart {
                display: none;
        }
        .smallcart {
                background-color: #fff;
                border: 2px solid #fff;
                padding: 0;
                position: absolute;
                top: 22px;
                right: 0;
                z-index: 60;
        }
        .smallcart .row img {
                max-width: none;
        }
        .cart-wrapper:not(.empty) .cart-header {
                cursor: pointer;
        }
        .empty .smallcart {
                display: none;
        }
}
.addedToCart-wrapper {
        background-color: rgba(76, 141, 3, .85);
        color: #fff;
        height: 0;
        overflow: hidden;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
        transition: height .5s ease .3s;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
}
.addedToCart-wrapper.show {
        height: auto;
        transition: height .5s ease .3s;
}
.addedToCart {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
        -webkit-box-flex: 1 1 0;
        -moz-box-flex: 1 1 0;
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: .5em 1em;
        width: 100%;
}
.addedToCart .fw-button {
        background-color: transparent;
        border: 1px solid #fff;
        color: #fff;
        margin-right: .5em;
}
.addedText {
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        text-align: center;
        white-space: nowrap;
}
#fancybox-content #CartQuestion .cartQuestionTitle {
        text-align: center;
}
#fancybox-content #CartQuestion .cartQuestionRow {
        border: 1px solid #ccc;
        padding: 1em;
        margin-bottom: 1em;
}
#fancybox-content #CartQuestion .cartMergeRow {
        margin-bottom: 1em;
}
#fancybox-content #CartQuestion .grid {
        padding: 0;
}
#fancybox-content #CartQuestion .cart-table {
        width: 100%;
        margin: 0 0 1em;
}
#fancybox-content #CartQuestion .radiobuttonlabel {
        float: none;
        width: 100%;
}
.top-search {
        position: relative;
}

/* Sökrutan på startsidan*/ 
.searchTxt input {
        font-size: .8rem;
        float: left;
        height: 30px;
        padding-right: 2rem;
        width: 100%;
}
.top-search .btn-search {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 1.1em;
        color: #bbb;
}
.searchString {
        color: #636363;
        font-size: 1.2em;
        font-weight: bold;
}
/*navigeringsträd och sökbox*/
@media screen and (max-width:950px) {
        .top-search {
                background-color: #fff;
                float: left;
                margin-bottom: 1em;
                padding: .5em;
                top: .5rem;
                width: 100%;
        }
        .top-search.hide {
                height: 0;
                display: none;
        }
        .top-search .btn-search {
                font-size: 1.2em;
                top: .4rem;
                right: .4rem;
        }
}
.nav-wrapper .close-btn {
        display: block;
        font-size: 0;
        width: auto;
        position: absolute;
        right: 14px;
        top: -38px;
}
.nav-wrapper.hide .close-btn {
        display: none;
}
.nav-wrapper .close-btn::before {
        color: #fff;
        content: '';
        font-family: 'FontAwesome';
        font-size: 1.5rem;
}
.nav-tree ul {
        list-style: none;
}
.nav-tree {
        position: relative;
}
.nav-tree li {
        position: relative;
}
/*Nivå 2 inga radbrytningar i meny 2*/
.nav-tree li a {
        width: 100%;
        white-space: nowrap;
}
@media screen and (max-width:950px) {
        .nav-wrapper {
                background-color: #fff;
                border-right: 1px solid #ddd;
                -webkit-transition: width .3s ease 0s;
                transition: width .3s ease 0s;
                padding-top: 2.5em;
        }
        .nav-wrapper.hide {
                -webkit-transition: width .5s ease 0s, visibility 0s ease .5s;
                transition: width .5s ease 0s, visibility 0s ease .5s;
        }
        .nav-tree li {
                border-top: 1px solid #ddd;
                width: 100%;
        }
        .nav-tree li > div, .nav-tree li > a {
                display: block;
                padding: .6em 1em;
        }
        .nav-tree li ul li {
                background-color: #fff;
        }
        .nav-tree li i {
                float: right;
        }
        .nav-tree li.level1:last-child {
                border-bottom: 1px solid #ddd;
        }
        .nav-tree li.title > a::after {
                content: "";
                font-family: "FontAwesome";
                margin-left: .3em;
        }
        .nav-tree .level1 ul {
                overflow: hidden;
        }
        .nav-tree .level1 ul.fw-drawerContentHide {
                max-height: 0;
                -webkit-transition: max-height 0s linear;
                -o-transition: max-height 0s linear;
                transition: max-height 0s linear;
        }
        .nav-tree .level1 ul.fw-drawerContentShow {
                max-height: 1000px;
                -webkit-transition: max-height .5s linear;
                -o-transition: max-height .5s linear;
                transition: max-height .5s linear;
        }
}
@media screen and (min-width:951px) {
    /*containern som innehåller menyerna översta nivån*/   
    .nav-wrapper {
                -webkit-box-ordinal-group: 5;
                -moz-box-ordinal-group: 5;
                -ms-flex-order: 5;
                -webkit-order: 5;
                order: 5;
                white-space: nowrap;
                margin-top: 1em;
                /*width: 75%;*/

        }
        .nav-tree > ul {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                justify-content: center;
                gap: 8px;
        }
        .nav-tree .current {
                background-color: #fff;
        }
        .nav-tree .level1:hover {
                background-color: #fff;
        }
        .nav-tree .level1 div.nolink, .nav-tree .level1 > div a, .nav-tree .level1 > a {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                -ms-grid-row-align: center;
                align-items: center;
                line-height: 2.5;
                padding-left: 1.2em;
                padding-right: 1.2em;
                font-weight: 600;    
    }
        .nav-tree .level1 div.nolink .fw-drawerToggle, .nav-tree .level1 > div a .fw-drawerToggle, .nav-tree .level1 > a .fw-drawerToggle {
                font-size: .85em;
                margin-left: .3em;
                
        }
        .nav-tree .level1.title > div.nolink::after, .nav-tree .level1.title > div a::after, .nav-tree .level1.title > a::after {
                content: "";
                font-family: "FontAwesome";
                margin-left: .3em;
        }
        .nav-tree .level1 i {
                display: none;
        }
    /* meny 2 anpassar bredd*/   
    .nav-tree .level1 > ul {
                display: block;
                position: absolute;
                z-index: 999;
                width: fit-content;
                background-color: #fff;
                overflow: hidden;
                column-count: 2;
                max-height: 0;
                -webkit-transition: max-height 0s linear;
                -o-transition: max-height 0s linear;
                transition: max-height 0s linear;
        }
        .nav-tree .level1:hover > ul {
                max-height: 1000px;
                border: solid 1px #ccc;
                -webkit-transition: max-height .5s linear;
                -o-transition: max-height .5s linear;
                transition: max-height .5s linear;
        }
        .nav-tree .level1 li {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-column-break-inside: avoid;
                page-break-inside: avoid;
                break-inside: avoid-column;
                width: 100%;
        }
        .nav-tree .level1 li a {
                line-height: 2;
                padding-right: 1rem;
                padding-left: 1rem;
                display: block;
                
        }
    
     .nav-tree .level1 li:hover a {
                font-weight: bold;
                
        }
    
    
        .nav-tree .level1 li.title {
                padding-top: .4em;
        }
        .nav-tree .level1 li.title div.nolink, .nav-tree .level1 li.title div > a {
                font-weight: bold;
        }
        .nav-tree .level1 li > div:hover, .nav-tree .level1 li > a:hover {
                background-color: #fff;
        }
    /*Meny nivå två*/
        .nav-tree .level2 {
                padding-top: 0em;
                width: 100%;
        }
}
/* Sökväg till menyval f t o m näst sista nivån*/
.breadcrumbs {
        padding: .5rem;
        font-size: .8rem;
}
.breadcrumbs .bcSep {
        color: #808080;
        margin: 0 .4em;
}
/* Sökväg till menyval lägsta nivån*/
.breadcrumbs .breadtrail {
        color: #000000;
        font-size: .8rem;
        font-weight: 600;

}
/* Allt inom boxen för att filtrera och sortera */
.filter-wrapper {
        margin-top: 1em;
        margin-bottom: 1em;
        max-width: 100%;
        /*margin: 0 auto;*/
        font-size: .8rem;
}
.filter-outer {
        width: 100%;
}
.filter-open-btn::after {
        content: "";
        font-family: "FontAwesome";
        margin-left: .5rem;
}
.show .filter-open-btn::after {
        content: "";
        font-family: "FontAwesome";
        margin-left: .5em;
}
.filter-open-btn span {
        margin-left: 1em;
}

/*Sökrutor övergripande*/
.filters {
        background-color: #fff;
        display: none;
        padding-top: .5rem;
        padding-bottom: .5rem;
}
.show .filters {
        display: block;
}
.filter-wrapper::after, .filters::after {
        clear: both;
        content: ' ';
        display: table;
}
/* Text vid antal träffar*/
.hits {
        font-size: .8rem;
        width: 100%;
}
#FilterSearchContent {
        margin-bottom: .5em;
}
.filter-search > div {
        position: relative;
}

/*Sök i artikellista*/
.filter-search .searchText {
        font-size: .7rem;    
        border: 1px solid #808080;
        height: 30px;
        padding-left: 5px;
        padding-right: 30px;
        width: 100%;
}
.filter-search .searchbutton {
        position: absolute;
        right: 0;
        top: 0;
}
#FilterInner {
        display: flex;
        margin-bottom: 1em;
}
#FilterInner .comboBox {
        margin-bottom: .5em;
}
#FilterInner .checkbox-group {
        padding-top: .5em;
        display: flex;
}
#FilterInner .checkbox-group .checkbox-row {
        margin-right: .5em;
}
#FilterInner > div {
        margin-right: 1em;
}
.viewchanger > a {
        background-color: #fff;
        color: #444;
        height: 2em;
        line-height: 1.9;
        margin-right: .2rem;
        padding: 0;
        width: 2em;
}
/* Visa per sida */
.filters .sortcolumns {
        flex: 1 0 auto;
        display: inline-block;
        margin-right: 2rem;
        vertical-align: middle;
        font-size: .8rem;
        height: 30px;        
}
/* Sortera efter på startsidan*/
.selectionBox {
        color: #555;
        cursor: pointer;
        display: inline-block;
        margin: 5px 4px;
        min-height: 39px;
        position: relative;
        vertical-align: middle;
        width: 200px;
        font-size: .8rem;
        height: 30px;
}
.selectionBox.sortSelection {
        z-index: 11;
}
.selectionBox a:hover {
        background-color: #efefef;
        color: #000;
}
.filter-search .searchtext::after {
        font-family: "FontAwesome";
        margin-left: .3rem;
}
.fw-accordion .filter-showless {
        display: none;
}
.fw-accordion.fw-accordionOpen .filter-showless {
        display: block;
}
.fw-accordion.fw-accordionOpen .filter-showmore {
        display: none;
}
.rangeslider-group {
        width: 50%;
        padding-top: .5em;
}
.rangeslider {
        padding-bottom: 10px;
        margin-right: .3em;
        margin-bottom: 1em;
}
.irs {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start;
        width: 100%;
        position: relative;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}
.irs:not(.irs-with-grid) {
        height: 10px;
}
.irs.irs-with-grid {
        height: 60px;
}
.irs.irs-with-grid .irs-min, .irs.irs-with-grid .irs-max {
        display: none;
}
.irs-line {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
        width: 100%;
        height: 33.33%;
        top: 33.33%;
        position: relative;
        overflow: hidden;
        outline: none !important;
}
.irs-line:before {
        background-color: #444;
        border-radius: 50px;
        height: 10px;
        left: 5px;
        right: 5px;
        content: "";
        position: absolute;
}
.irs-bar {
        border-radius: 10px;
        height: 5px;
        top: -20px;
        position: absolute;
        left: 0;
        width: 0;
}
.irs-bar--single {
        border-radius: 50px 0 0 50px;
}
.irs-handle {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
        width: 10px;
        height: 10px;
        background-color: transparent;
        position: absolute;
        box-sizing: border-box;
        cursor: default;
        z-index: 1;
}
.irs-handle.type_last {
        z-index: 2;
}
.irs-handle > i:first-child {
        background-color: #fff;
        border-radius: 10px;
        width: 10px;
        height: 10px;
        position: absolute;
        display: block;
}
.irs-handle.state_hover > i:first-child, .irs-handle:hover > i:first-child {
        background-color: #808080;
}
.irs-min, .irs-max {
        min-width: 10px;
        min-height: 10px;
        pointer-events: none;
        position: absolute;
        display: block;
        cursor: default;
        font-size: 10px;
}
.irs-min .irs-min-value, .irs-min .irs-max-value, .irs-max .irs-min-value, .irs-max .irs-max-value {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
        color: #000;
        min-width: 10px;
        min-height: 10px;
        border-radius: 10px;
        padding: 0 5px;
        text-shadow: none;
        position: relative;
        z-index: 1;
}
.irs-min .irs-min-bg, .irs-min .irs-max-bg, .irs-max .irs-min-bg, .irs-max .irs-max-bg {
        min-width: 10px;
        min-height: 10px;
        border-radius: 5px;
        content: "";
        display: block;
        position: absolute;
        margin: 0 -3px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
}
.irs-min {
        top: 16.5px;
}
.irs-max {
        right: 0;
        top: 16.5px;
}
.irs-to, .irs-from, .irs-single {
        color: #000;
        border-radius: 5px;
        top: 15px;
        font-size: 10px;
        line-height: 1.333;
        padding: 2px 5px;
        text-shadow: none;
        position: absolute;
        display: block;
        left: 0;
        cursor: default;
        white-space: nowrap;
}
.irs-with-grid .irs-grid {
        display: block;
}
.irs-grid {
        height: 10px;
        position: absolute;
        display: none;
        bottom: 0;
        left: 0;
        width: 100%;
}
.irs-grid-pol {
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
}
.irs-grid-pol.irs-grid-pol.small {
        height: 25px;
}
.irs-grid-text {
        position: absolute;
        bottom: 0;
        left: 0;
        white-space: nowrap;
        text-align: center;
        font-size: 9px;
        line-height: 9px;
        padding: 0 3px;
}
.irs-hidden-input {
        position: absolute !important;
        display: block !important;
        top: 0 !important;
        left: 0 !important;
        width: 0 !important;
        height: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden;
        outline: none !important;
        z-index: -9999 !important;
        background: none !important;
        border-style: solid !important;
        border-color: transparent !important;
}
@media screen and (max-width:420px) {
        .filter-search, .filterbox {
                border-bottom: 1px solid #a0adbc;
                padding-bottom: .75rem;
                padding-top: .75rem;
        }
        .comboBox {
                position: relative;
        }
        .filterbox .comboBox {
                font-size: 11px;    
                margin-bottom: .5em;
                border: 1px solid #555;
                box-sizing: border-box;
                height: 30px;
                margin-bottom: .5rem;
                min-width: 145px;
                vertical-align: middle;
                width: 100%;
        }
        .filterbox .comboBoxTextBox {
                font-size: 11px;
                border: 1px solid #808080;
                cursor: default;
                min-height: 30px;
                padding-right: 30px;
                width: 100%;
        }
        .filterbox .comboBoxButton {
                position: absolute;
                right: 0;
                top: 0;
        }
        .filterbox .comboBoxButton img {
                cursor: pointer;
                padding: 9px 5px 5px;
        }
        .comboBoxDataContainer.filterCombo {
                background-color: #fff;
                border: 1px solid #808080;
                color: #555;
                font-size: 11px;
                margin-left: 0;
                margin-top: 0;
                max-height: 250px;
                min-width: 200px;
                overflow: auto;
                position: fixed;
                z-index: 900;
        }
        .sort-page-settings {
                margin-top: .75rem;
        }
        .sortcolumns, .dpnoofrows {
                float: left;
        }
        .sortcolumns {
                margin-right: 0;
                width: 50%;
        }
        .dpnoofrows {
                width: 40%;
        }
        .selectionBox {
                margin: 0;
                width: 150px;
        }
        .sortcolumns .textsort, .dpnoofrows .shownorowstext {
                float: left;
                width: 100%;
        }
        .dpnoofrows .selectionBox {
                width: 60px;
        }
        .pager {
                clear: both;
        }
        .pager .pager_inner {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-pack: distribute;
                -webkit-justify-content: space-around;
                justify-content: space-around;
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                -ms-grid-row-align: center;
                align-items: center;
          }
        .pager .pager_inner .back, .pager .pager_inner .forward {
                -webkit-box-flex: 1 0 80px;
                -moz-box-flex: 1 0 80px;
                -webkit-flex: 1 0 80px;
                -ms-flex: 1 0 80px;
                flex: 1 0 80px;
        }
        .pager .pager_inner .pagerText {
                -webkit-box-flex: 2 0 auto;
                -moz-box-flex: 2 0 auto;
                -webkit-flex: 2 0 auto;
                -ms-flex: 2 0 auto;
                flex: 2 0 auto;
                text-align: center;
        }
        .filters .pager {
                padding: .5em 0;
        }
}
@media screen and (max-width:800px) {
        .filters {
                border-radius: 3px;
        }
        .filter-title {
                display: none;
        }
        .pager {
                -webkit-box-flex: 1 1 35px;
                -moz-box-flex: 1 1 35px;
                -webkit-flex: 1 1 35px;
                -ms-flex: 1 1 35px;
                flex: 0;
                white-space: nowrap;
                margin-left: 4px;
        }
        .pager .pager_inner {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                -webkit-justify-content: flex-end;
                justify-content: flex-end;
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                -ms-grid-row-align: center;
                align-items: center;
        }
        .pager .pager_inner .pagerText {
                margin-left: 1em;
                margin-right: 1em;
        }
        .pager .back a {
                margin-right: .5em;
                padding: 0;
        }
        .pager .forward a {
                margin-left: .5em;
                padding: 0;
        }
        .pager2 {
    padding: .75em 1.2em;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px 0;
    font-size: .8rem;
          }
}
@media screen and (min-width:801px) {
    .view-list .filter-wrapper{
        max-width: 75%;
        margin: 0 auto;
        margin-bottom: 16px;
    }
        .filter-open-btn {
                display: none;
        }
        .filters {
                display: block;
        }
        .filter-content-wrapper > div {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        }
        .hits {
                -webkit-box-flex: 2 2 44%;
                -moz-box-flex: 2 2 44%;
                -webkit-flex: 2 2 44%;
                -ms-flex: 2 2 44%;
                flex: 2 2 44%;
                -ms-flex-item-align: center;
                -webkit-align-self: center;
                align-self: center;
        }
/* Sökresultat antal hits*/
        .filters .hitsNo {
                font-weight: bold;
                font-size: .8rem;
        }
        .filter-search {
                -webkit-box-flex: 1 1 300px;
                -moz-box-flex: 1 1 300px;
                -webkit-flex: 1 1 300px;
                -ms-flex: 1 1 300px;
                flex: 0 0 400px;
        }
        .filterbox {
                -webkit-box-flex: 1 1 100%;
                -moz-box-flex: 1 1 100%;
                -webkit-flex: 1 1 100%;
                -ms-flex: 1 1 100%;
                flex: 1 1 100%;
        }
        .sort-page-settings {
                -webkit-box-flex: 1 1 100%;
                -moz-box-flex: 1 1 100%;
                -webkit-flex: 1 1 100%;
                -ms-flex: 1 1 100%;
                flex: 1 1 100%;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                -ms-grid-row-align: center;
                align-items: center;
        }
        .viewchanger {
                margin-right: 2em;
        }
        .pager {
                -webkit-box-flex: 1 1 35px;
                -moz-box-flex: 1 1 35px;
                -webkit-flex: 1 1 35px;
                -ms-flex: 1 1 35px;
                flex: 0;
                white-space: nowrap;
                margin-left: 4px;
        }
        .pager .pager_inner {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                -webkit-justify-content: flex-end;
                justify-content: flex-end;
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                -ms-grid-row-align: center;
                align-items: center;
        }
/* Blädda sidor tidigare*/
        .pager .back a {
                margin-right: .5em;
                padding: 0;
                font-size: .8rem;
        }
/* Blädda sidor kommande*/
        .pager .forward a {
                margin-left: .5em;
                padding: 0;
                font-size: .8rem;
        }
/* Blädda sidor nuvarande*/
        .pager2 {
    margin-top: 1.5em;
    padding-right: 1.2em;
    font-size: .8rem;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
        }
        .selectionBox {
                color: #555;
                cursor: pointer;
                display: inline-block;
                margin: 5px 4px;
                min-height: 30px;
                position: relative;
                vertical-align: middle;
                width: 200px;
        }
        .sortSelection {
                width: 150px;
        }
        .rowSelection {
                width: 60px;
        }
}
.crossSelling {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.cross-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.cross-header {
        -webkit-box-flex: 1 1 100%;
        -moz-box-flex: 1 1 100%;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin-bottom: 1em;
}
.cross-header h2.cross-title {
        margin-top: 0;
}
.cross-item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex: 0 0 180px;
        -moz-box-flex: 0 0 180px;
        -webkit-flex: 0 0 180px;
        -ms-flex: 0 0 180px;
        flex: 0 0 180px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        border: 1px solid transparent;
        padding: .6em;
}
.cross-item:hover {
        border-color: #ccc;
}
.cross-item .inner {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
        width: 100%;
}
.cross-item .info-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%;
}
.cross-item .cross-name {
        font-size: 1.1em;
}
.cross-item .cross-code {
        font-size: .85em;
        margin-bottom: .5em;
}
.cross-item .buy-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: .75em;
}
.cross-item .buy-wrapper .fw-input-group-button, .cross-item .buy-wrapper .fw-button {
        width: 100%;
}
.cross-item .price-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: .5em;
}
.cross-item .price {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end;
}
.cross-item .price .label {
        font-size: .9em;
}
.cross-item .price .value {
        font-size: .9em;
        white-space: nowrap;
}
.cross-item .price:first-child .value {
        font-size: 1.1em;
}
.cross-item .quantity {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
}
.cross-item .quantity .numeric {
        margin-right: .3em;
}
.cross-item .quantity-mod .numeric {
        margin-right: 0;
}
.cross-item .quantity-mod .fw-input-group {
        -webkit-box-flex: 1 0 auto;
        -moz-box-flex: 1 0 auto;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
}
.cross-item .quantity-mod .fw-input-group .quantmodifier {
        color: #444;
        -webkit-box-flex: auto;
        -moz-box-flex: auto;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
}
.cross-item .quantity-mod .fw-input-group .quantmodifier i {
        font-size: .9em;
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
        .cross-item .quantity .textBox {
                margin-right: .8em;
        }
}
@media screen and (max-width:420px) {
        .cross {
                padding: 5px;
        }
        .crossItemsWrapper {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                -webkit-justify-content: flex-start;
                justify-content: flex-start;
                max-width: 100%;
                overflow: hidden;
        }
        .cross-item {
                font-size: .81em;
                overflow: hidden;
                padding: 5px;
                position: relative;
                width: 50%;
        }
        .cross-item .buyInfo {
                font-size: 1.2em;
        }
}
@media screen and (max-width:950px) {
        .cross {
                margin-top: 2em;
                border-top: 1px solid #ccc;
                padding-top: 2em;
        }
}
@media screen and (min-width:951px) {
        .cross {
                border-left: 1px solid #ccc;
                padding-left: .5em;
        }
        .cross-header {
                text-align: center;
        }
        .cross-item {
                margin-bottom: 1em;
        }
}
#BannersContent, .bannerset-inner {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.bannersets {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.bannersets .bannerset:last-child {
        margin-bottom: 50px/2;
}
.bannersets .bannerset-inner {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.bannersets .bannerset-inner.slick-noslide .slick-list {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
}
.bannersets .bannerset-inner.slick-noslide .slick-track {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}
.bannersets .bannerset-inner.bannerset-slider {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.bannersets .bannerset-inner.bannerset-slider.bannerset-center .slick-list {
        margin-left: 0;
        margin-right: 0;
}
.bannersets .bannerset-inner.slick-slider.slick-initialized .slick-slide {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
}
.bannersets .bannerset-inner.slick-dotted {
        margin-bottom: 50px;
}
.banner {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-basis: 400px;
        -ms-flex-preferred-size: 400px;
        flex-basis: 400px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 50px/2;
}
.banner .banner-link {
        text-decoration: none;
        color: inherit;
}
/* Adressuppgifter sidfot*/
footer {
        width: 100%;
        background-color: #ffffff;
        border-top: 2px solid #ddd;
        font-size: .8rem;
}
footer .footer-inner {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
footer .footer-inner > div {
        background-color: #ffffff;
        padding: .8rem;
        margin: .3rem;
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.footerMenusWrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-flex: 1 0 auto;
        -moz-box-flex: 1 0 auto;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        white-space: nowrap;
}
.footerMenu {
        font-size: .9em;
        margin-bottom: .75em;
        -webkit-box-flex: 1 0 auto;
        -moz-box-flex: 1 0 auto;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
}
.footerMenu ul {
        list-style: none;
        padding: 0;
}
.footerMenu ul li .menunolink {
        cursor: default;
        display: block;
        font-size: .9em;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 1.5em;
}
.footerMenu a {
        color: inherit;
}
.footerMenu a:hover {
        color: #636363;
        text-decoration: underline;
}
.footerTitle {
        margin-bottom: .6em;
        font-size: 1.1rem;
}
.footerTitle h4 {
        margin: 0;
        font-size: 1em;
}
.footer .footerText {
        -webkit-box-flex: 1 1 250px;
        -moz-box-flex: 1 1 250px;
        -webkit-flex: 1 1 250px;
        -ms-flex: 1 1 250px;
        flex: 1 1 250px;
        margin-bottom: 1rem;
}
.footer .footerInfo div {
        display: flex;
}
.footer .footerInfo .label {
        margin-right: .3em;
}
@media screen and (max-width:800px) {
        .footerMenusWrapper {
                -webkit-box-flex: 1 1 100%;
                -moz-box-flex: 1 1 100%;
                -webkit-flex: 1 1 100%;
                -ms-flex: 1 1 100%;
                flex: 1 1 100%;
        }
}
@media screen and (max-width:500px) {
        .footer {
                display: block;
        }
        .footerMenusWrapper {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
        }
        .footerMenu {
                -webkit-box-flex: 1 1 0;
                -moz-box-flex: 1 1 0;
                -webkit-flex: 1 1 0;
                -ms-flex: 1 1 0;
                flex: 1 1 0;
                flex-basis: auto;
        }
}
body.fs-results #Search {
        z-index: 9999;
}
body.fs-results #SearchTxt > input {
        position: relative;
        z-index: 1;
        float: right;
        width: 360px;
}
body.fs-results #SearchBtn {
        z-index: 1;
}
#Search > #FastSearchBtn {
        display: none;
}
#FastSearch {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        background-color: #fff;
        border: 1px solid #bbb;
        border-top: 0;
        pointer-events: none;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 100%;
        right: 0;
        max-height: 60vh;
        width: 360px;
}
#FastSearch.fs-show {
        pointer-events: all;
        visibility: visible;
        opacity: 1;
}
#FastSearch #ResultsContent {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
}
#FastSearch #ResultsWrapper {
        overflow-y: auto;
        overflow-x: hidden;
}
#FastSearch #ArticleWrapper strong, #FastSearch #ViewWrapper strong {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex: 0 0 100%;
        -moz-box-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0 1em;
        margin-bottom: .5em;
}
#FastSearch #ArticleWrapper, #FastSearch #ViewWrapper {
        margin: 1em 0;
}
#FastSearch .result-link, #FastSearch .result-info, #FastSearch #ViewWrapper .result-title, #FastSearch #ViewWrapper .result-info {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
}
#FastSearch #ArticleWrapper .result-link {
        padding: 1em;
}
#FastSearch #ArticleWrapper .result-link:hover {
        background-color: #efefef;
}
#FastSearch #ArticleWrapper .result-image {
        -webkit-box-flex: 0 0 70px;
        -moz-box-flex: 0 0 70px;
        -webkit-flex: 0 0 70px;
        -ms-flex: 0 0 70px;
        flex: 0 0 70px;
        margin-right: 1em;
}
#FastSearch #ArticleWrapper .result-title {
        -webkit-box-flex: 0 0 100%;
        -moz-box-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        font-weight: bold;
}
#FastSearch #ArticleWrapper .result-info {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
#FastSearch #ViewWrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
#FastSearch #ViewWrapper .result-item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex: 1 0 50%;
        -moz-box-flex: 1 0 50%;
        -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
}
#FastSearch #ViewWrapper .result-item.no-image {
        min-height: 100px;
}
#FastSearch #ViewWrapper .result-link, #FastSearch #ViewWrapper .result-image {
        position: relative;
}
#FastSearch #ViewWrapper .result-link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 0 1 100%;
        -moz-box-flex: 0 1 100%;
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        overflow: hidden;
        padding: 0;
        margin: 1em;
        cursor: pointer;
}
#FastSearch #ViewWrapper .result-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        color: #fff;
        position: absolute;
        z-index: 1;
        text-align: center;
}
#FastSearch #ViewWrapper .result-image {
        -webkit-box-flex: 0 0 100%;
        -moz-box-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
}
#FastSearch #ViewWrapper .result-image:before {
        background-color: rgba(0, 0, 0, .65);
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
}
#FastSearch #FastSearchInfoWrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-flex: 1 0 60px;
        -moz-box-flex: 1 0 60px;
        -webkit-flex: 1 0 60px;
        -ms-flex: 1 0 60px;
        flex: 1 0 60px;
        border-top: 1px solid #bbb;
}
#FastSearch #FastSearchInfoWrapper .result-allhits {
        margin-right: .5em;
}
@media screen and (max-width:1500px) {
        body.fs-results.scrolled #FastSearch {
                position: fixed;
                top: 105px;
                bottom: 0;
                max-height: none;
        }
        body.fs-results #Search {
                bottom: 0;
        }
        body.fs-results #SearchTxt > input {
                float: left;
                width: 100%;
        }
        body.fs-results #FastSearch {
                width: 100%;
                max-height: 50vh;
        }
}
*::before, *::after {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
}
#ResponsiveCheck {
        content: "XXLG";
}
.stars i {
        color: #ffae00;
        cursor: default;
        display: inline-block;
        margin-right: -.25em;
}
.stars i.fw-icon-star-empty {
        color: #b3becd;
}
i[class*="fw-stock-"] {
        cursor: default;
}
i.fw-stock-instock {
        color: #5aa606;
}
i.fw-stock-outofstock {
        color: #de0402;
}
i.fw-stock-onorder {
        color: #f37f0c;
}
@media only screen and (max-width:1400px) {
        #ResponsiveCheck {
                content: "XLG";
        }
}
@media only screen and (max-width:900px) {
        #ResponsiveCheck {
                content: "LG";
        }
}
@media only screen and (max-width:600px) {
        #ResponsiveCheck {
                content: "MD";
        }
}
@media only screen and (max-width:500px) {
        #ResponsiveCheck {
                content: "SM";
        }
}
.error-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
}
.error-wrapper h1 {
        margin-bottom: .5em;
        color: #bb2b2b;
}
.error-wrapper .message {
        margin-bottom: 3em;
}
.error-wrapper h1, .error-wrapper .message, .error-wrapper .links-wrapper {
        text-align: center;
}
.error-wrapper .search-wrapper {
        position: relative;
        margin-bottom: 2em;
        width: 100%;
        padding: .5em;
        background-color: #d1deed;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
}
.error-wrapper .search-wrapper .btn-search {
        position: absolute;
        top: .7em;
}
.searchTxt input {
        border: 1px solid #bbb;
        border-radius: 2px;
        padding-left: .3em;
        padding-right: 2rem;
        width: 100%;
}
.links-wrapper {
        font-size: 1.1em;
}
.links-wrapper .label {
        font-family: 'Open Sans', sans-serif;
        font-size: 1.3em;
        font-weight: bold;
}
.links-wrapper ul {
        list-style-type: none;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
}
.links-wrapper li {
        float: left;
        padding: .5em 1em;
}
.links-wrapper a:hover {
        text-decoration: underline;
}
@media screen and (max-width:700px) {
        .error-wrapper .search-wrapper > div {
                width: 90%;
        }
        .error-wrapper .search-wrapper .btn-search {
                right: calc(5% + .5em);
                top: .6em;
        }
        .error-wrapper .searchTxt input {
                height: 35px;
                padding-right: 2em;
        }
}
@media screen and (min-width:701px) {
        .error-wrapper .search-wrapper > div {
                width: 50%;
        }
        .error-wrapper .search-wrapper .btn-search {
                right: calc(25% + .3em);
                top: .8em;
        }
        .error-wrapper .searchTxt input {
                height: 40px;
                padding-right: 3em;
        }
}
@media screen and (min-width:1500px) {
        .error-wrapper .search-wrapper > div {
                width: 30%;
        }
        .error-wrapper .search-wrapper .btn-search {
                right: calc(35% + .2em);
        }
}
.intro {
        margin-bottom: 2em;
}
.form .loginPassword {
        display: none;
}
.bonusReg-wrapper {
        margin-bottom: 1em;
}
.bonustext {
        margin-top: .8em;
}
.newpwd-wrapper {
        margin-top: 1em;
}
.newpwd-wrapper .offset {
        padding: 0;
}
.registerOk {
        margin-bottom: 4em;
}
.conditionstext {
        max-width: 50em;
}
#LoginView .validation {
        margin-left: 0;
        margin-right: 0;
}
#DefaultDeliveryAddress {
        margin-top: -.4em;
}
#DefaultDeliveryAddress .label {
        border-top: 0 none;
}
#DeliveryAddress span {
        display: block;
        line-height: 1.7;
}
#ApprovalConsent .consent-date {
        margin-left: 1em;
}
.overview-wrapper .overviewSelect {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
}
.overview-wrapper .overviewSelect .checkbox-group {
        flex: 1 0 auto;
}
.overview-wrapper .overviewSelect .btn-group .fw-button {
        margin-top: 0;
}
.overview-wrapper .filter-wrapper {
        margin-bottom: 2px;
}
.overview-wrapper .table {
        border-collapse: collapse;
        width: 100%;
        font-size: .9em;
}
.overview-wrapper .table a:hover {
        text-decoration: underline;
}
.overview-wrapper .header {
        white-space: nowrap;
}
.overview-wrapper .header .cell {
        padding-top: .8em;
}
.overview-wrapper .cell {
        padding: .5em;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
}
.overview-wrapper .row .cell {
        border: 1px solid #e6e6e6;
}

/*Produktlista tillbehör*/
.view-list .prodlist-wrapper {
        max-width: 100%;
        overflow: hidden;
        overflow-x: auto;
        margin: 0 auto;
}
#PaymentKlarnaConvert {
        background-color: #fff;
        width: 100%;
        padding-bottom: 2em;
}
.checkout-wrapper .tableHolder.overview.noArtImages {
        padding-left: 1em;
        padding-right: 1em;
}
.checkout-wrapper .tableHolder.overview.noArtImages .row .cell {
        border: 1px solid #e6e6e6;
}
.orderdata, .deliverydata, .invoicedata {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        white-space: nowrap;
}
.orderdata .row, .deliverydata .row, .invoicedata .row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
}
.orderdata .label, .deliverydata .label, .invoicedata .label {
        font-size: .85em;
        font-weight: bold;
}
.orderdata {
        max-width: 950px;
}
.orderdata .row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.headerSection {
        margin: .5em 4em .5em 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
}
.section-delivery {
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.section-delivery .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start;
}
.section-head, .section-amounts, .section-reminder {
        -webkit-box-flex: 2 1 auto;
        -moz-box-flex: 2 1 auto;
        -webkit-flex: 2 1 auto;
        -ms-flex: 2 1 auto;
        flex: 2 1 auto;
}
.section-head .row, .section-amounts .row, .section-reminder .row {
        width: 100%;
}
.section-head .label, .section-amounts .label, .section-reminder .label {
        -webkit-box-flex: 1 0 130px;
        -moz-box-flex: 1 0 130px;
        -webkit-flex: 1 0 130px;
        -ms-flex: 1 0 130px;
        flex: 1 0 130px;
        -ms-flex-item-align: end;
        -webkit--self: end;
        -webkit-align-self: flex-end;
        align-self: flex-end;
        max-width: 160px;
}
.section-head .value.noValue::after, .section-amounts .value.noValue::after, .section-reminder .value.noValue::after {
        content: "-";
}
.section-head .label, .deliverydata .label {
        -webkit-box-flex: 1 0 130px;
        -moz-box-flex: 1 0 130px;
        -webkit-flex: 1 0 130px;
        -ms-flex: 1 0 130px;
        flex: 1 0 130px;
        max-width: 160px;
}
.section-head .value, .deliverydata .value {
        -webkit-box-flex: 1 0 50%;
        -moz-box-flex: 1 0 50%;
        -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
}
.section-amounts, .section-reminder {
        margin-right: 0;
}
.section-amounts .value, .section-reminder .value {
        width: 70px;
        text-align: right;
}
.orderView .btn-group {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
}
.deliverydata, .invoicedata {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 1em;
}
.invoice-pdf {
        margin-top: 1em;
}
.invoice-pdf.noPdf {
        display: none;
}
.invoice-pdf object {
        width: 100%;
        height: 100vh;
}
.subscription .btn-group {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
}
.addorcreate {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.addorcreate .radio-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
}
.addtolist .btn-group {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 1em;
}
.addtolist .btn-group input {
        margin-left: 0;
}
.favouritelist > .header {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
}
.favouritelist h2 {
        margin-bottom: .3em;
        margin-right: 3em;
}
.favouritelist .quantity .textBox {
        width: 3em;
}
.favouritelist .quantity-mod {
        padding-right: 0;
}
.favouritelist .quantity-mod .quantmodifier i {
        font-size: .9em;
}
.favouriteArtList {
        max-width: 100%;
        overflow: auto;
}
.favouriteArtList .cell .image_link img {
        min-width: 50px;
}
.complementtable .btn-group {
        float: right;
}
.complementtable .cell > .textBox input {
        min-width: 7em;
}
.complementtable .cell > span {
        display: block;
        min-width: 5em;
}
.complementtable .cell > span.errortext {
        min-width: 6em;
}
@media screen and (max-width:800px) {
        .addorcreate {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
        }
}
@media screen and (min-width:801px) {
        .addorcreate {
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                -ms-grid-row-align: center;
                align-items: center;
        }
        .addorcreate .addtolist {
                -webkit-box-flex: 1 1 20%;
                -moz-box-flex: 1 1 20%;
                -webkit-flex: 1 1 20%;
                -ms-flex: 1 1 20%;
                flex: 1 1 20%;
                -ms-flex-item-align: start;
                -webkit-align-self: flex-start;
                align-self: flex-start;
        }
        .addorcreate .createlist {
                -webkit-box-flex: 1 1 45%;
                -moz-box-flex: 1 1 45%;
                -webkit-flex: 1 1 45%;
                -ms-flex: 1 1 45%;
                flex: 1 1 45%;
                -ms-flex-item-align: start;
                -webkit-align-self: flex-start;
                align-self: flex-start;
        }
}
.bonusView {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.bonusView .info {
        width: 100%;
}
.bonusView .points {
        -webkit-box-flex: 0 1 50%;
        -moz-box-flex: 0 1 50%;
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
}
@media screen and (max-width:800px) {
        .bonusView .points {
                -webkit-box-flex: 1 1 100%;
                -moz-box-flex: 1 1 100%;
                -webkit-flex: 1 1 100%;
                -ms-flex: 1 1 100%;
                flex: 1 1 100%;
        }
}
.bonusView .accumulated {
        margin-bottom: 1em;
}
.bonusView .accumulated .value {
        font-weight: bold;
}
@media screen and (min-width:1400px) {
        .bonusView .points {
                padding-right: 1rem;
        }
        .bonusView .levels {
                padding-left: 1rem;
        }
}
.serialNoOverview .prodlist-header {
        display: none;
}
.serialNo .details, .serviceRegistration .details, .meterReading .details {
        display: table;
}
.serialNo .details .row, .serviceRegistration .details .row, .meterReading .details .row {
        display: table-row;
}
.serialNo .details span, .serviceRegistration .details span, .meterReading .details span {
        display: table-cell;
}
.serialNo .details .label, .serviceRegistration .details .label, .meterReading .details .label {
        font-weight: bold;
        padding-right: 1.5em;
}
.serialNoOverview .header, .serialNo .header {
        font-weight: bold;
}
.serialNo .posts {
        max-width: 100%;
}
.serialNo .fw-tab-content {
        margin-top: 1em;
}
#SerialNoDetails.fw-flex-row {
        display: flex;
}
.grid {
        padding-right: 1rem;
        padding-left: 1rem;
}
#MainContent_viewsSerialNo_TableView_pnlListViewHolder.tableHolder .table {
        border-collapse: collapse;
        width: 100%;
        font-size: .9em;
}
#MainContent_viewsSerialNo_TableView_pnlListViewHolder.tableHolder .table .header {
        white-space: nowrap;
        font-family: 'Open Sans', sans-serif;
        line-height: 1.5;
        font-weight: normal;
}
#MainContent_viewsSerialNo_TableView_pnlListViewHolder.tableHolder .table .row .cell {
        border: 1px solid #e6e6e6;
        padding-right: 1em;
}
#MainContent_SerialNoPosts .table {
        border-collapse: collapse;
        width: 100%;
        font-size: .9em;
}
#MainContent_SerialNoPosts .table .header {
        white-space: nowrap;
        font-family: 'Open Sans', sans-serif;
        line-height: 1.5;
        font-weight: normal;
}
#MainContent_SerialNoPosts .table .row .cell {
        border: 1px solid #e6e6e6;
}
.orderPricelist .form-wrapper {
        float: left;
        margin-bottom: 1em;
        width: 100%;
}
.pricelists-wrapper {
        float: left;
        margin-bottom: 1em;
        width: 100%;
}
.pricelists-wrapper .row > div {
        float: left;
}
.pricelists-wrapper .row .text {
        margin-bottom: .4em;
}
.pricelists-wrapper .checkbox-group .row {
        float: left;
        width: 100%;
}
.pricelists-wrapper .checkbox-group .fw-accordionToggle {
        float: left;
        margin-left: .5em;
}
.pricelists-wrapper .checkbox-group .fw-accordionContent {
        float: left;
        width: 100%;
        padding: .5em 1.5em;
        margin-bottom: 1.5em;
        background-color: #f3f3f3;
        border-radius: 2px;
}
.product-wrapper, .page-Product .product, .product-info, .product .details {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
}
.product-wrapper, .product-info, .product .details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
}
.page-Product .product {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
}
.page-Product h1 {
        margin-bottom: 0;
}
.product-images .extra-image {
        float: left;
        margin-right: 1rem;
}
.product-info {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
}
.product-info > div {
        padding-top: .5rem;
        padding-bottom: .5rem;
}
.product-info .product-code {
        padding: 0;
}
.rating-summary .stars, .rating-summary .link {
        float: left;
}
.rating-summary .link {
        margin-left: 1em;
}
.details .prices .price:first-child .value {
        font-size: 1.5em;
}
#ChooseDimWrapper {
        margin-bottom: 1em;
}
.product .details .price-wrapper {
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.price-wrapper .prices {
        background-color: #efefef;
        padding: .5rem;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
}
.price-wrapper .prices::after, .price-wrapper .prices > div::after {
        clear: both;
        content: ' ';
        display: table;
}
.price-wrapper .prices > div {
        clear: both;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        -webkit-align-items: baseline;
        -ms-grid-row-align: baseline;
        align-items: baseline;
}
.price-wrapper .prices .price {
        text-align: right;
}
.price-wrapper .prices .price .label {
        white-space: nowrap;
        -webkit-box-flex: 1 1 50%;
        -moz-box-flex: 1 1 50%;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        text-align: right;
}
.price-wrapper .prices .price .value {
        -webkit-box-flex: 0 1 150px;
        -moz-box-flex: 0 1 150px;
        -webkit-flex: 0 1 150px;
        -ms-flex: 0 1 150px;
        flex: 0 1 150px;
        text-align: right;
}
.gradated-wrapper {
        margin-top: .5rem;
}
.gradated-wrapper .title {
        color: #111;
        display: block;
        font-size: 1.1em;
        margin-bottom: .3em;
        cursor: pointer;
}
.gradated-wrapper .title::after {
        content: "";
        font-family: "FontAwesome";
        margin-left: .3em;
}
.gradated-grid {
        display: none;
}
.gradated-grid .table {
        width: 100%;
}
.selected-image-wrapper {
        margin-bottom: 1em;
}
.product-wrapper .tabslist {
        margin-top: 1rem;
}
.product-wrapper .dimensions {
        width: 100%;
        margin-bottom: 1.2em;
        margin-top: .3em;
}
.customtext .textBox {
        width: 100%;
}
.customtext .textBoxLabel {
        display: block;
}
.addToCart {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
        float: right;
}
.addToCart .buttonPlace {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
}
.quantity input.textBox {
        border: 1px solid #ccc;
        border-radius: 2px;
        padding: 4px 3px;
        width: 2em;
        font-size: 1.15em;
}
.page-Product .quantity {
        margin-right: .3em;
}
.page-Product .quantity-mod {
        margin-right: 0;
}
.page-Product .quantity-mod .quantmodifier i {
        font-size: .9em;
}
.page-Product .btn-group .fw-button {
        margin-top: 0;
}
.page-Product .btn-group .fw-button:first-child {
        margin-left: 0;
}
.availability {
        background-color: #efefef;
        margin-top: .5rem;
        margin-bottom: .5rem;
        padding: .5rem;
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.availability > div {
        min-height: 2em;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.availability .label {
        font-style: italic;
        color: #111;
        min-width: 45%;
}
.monitor.form-wrapper {
        padding-left: .5rem;
}
.monitor .text {
        font-size: .85em;
        margin-bottom: .3em;
}
.stock .value {
        margin-right: .5em;
}
.productButtons {
        display: block;
}
.productButtons > a {
        border: 1px solid #ccc;
        padding: .6em;
        border-radius: 2px;
        margin-right: .3em;
}
.productButtons > a i {
        color: #888;
        margin-right: .3em;
}
.product-info .hidden {
        padding: 0;
}
.page-Product h2, .page-Product h3 {
        margin-bottom: .2em;
}
.specs .table {
        width: 100%;
}
.specs .table .header, .links .table .header {
        display: none;
}
.specs .cell, .links .cell {
        padding: .2em;
}
#LinksList li {
        list-style-type: none;
        padding: .2em 0;
}
.specs .row:nth-child(2n) {
        background-color: #efefef;
}

/*Bakgrund tillbehör */
.accessories {
        background-color: #ffffff;
        
}
.rateHeaderLinks {
        margin-bottom: .75em;
        margin-top: .75em;
}
.rateHeaderLinks * {
        float: left;
}
.rateHeaderLinks .login {
        margin-right: .3rem;
}
.rateHeaderLinks::after, .outer_register::after {
        clear: both;
        content: ' ';
        display: table;
}
.addRating .stars.value {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
}
.ratings-list .row > div {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        color: #777;
        padding-bottom: 1rem;
        padding-top: 1rem;
}
.ratings-list .row:not(:last-child) {
        border-bottom: 1px solid #ccc;
}
.ratings-list .header, .ratings-list .comment {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
}
.ratings-list .header {
        font-size: .85em;
        align-items: baseline;
}
.ratings-list .comment {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start;
}
.ratings-list .headline {
        color: #444;
        margin-bottom: .1em;
        margin-top: .6em;
}
.ratings-list .text {
        line-height: 1.2;
        font-family: "Open Sans", sans-serif;
}
.monitor-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
}
.monitor-wrapper .btn-group {
        flex-basis: 0;
        margin-top: 0;
}
.monitor-wrapper #txtEmailMonitor, .monitor-wrapper #txtMobileNoMonitor {
        flex-basis: 100%;
        padding-right: 12px;
}
.matrix-wrapper {
        -webkit-box-flex: 0 1 auto;
        -moz-box-flex: 0 1 auto;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-top: 1rem;
        max-width: 100%;
        overflow: hidden;
}
.matrixblockouter {
        overflow: auto;
        max-width: 100%;
}
.matrixblock {
        font-size: .85em;
        overflow: auto;
        width: 100%;
}
.matrixblock .header {
        font-weight: bold;
        background-color: #e0e0e0;
        vertical-align: middle;
}
.matrixblock .header:first-child {
        text-align: right;
}
.matrixblock .cell {
        border: 1px solid #bbb;
        padding: .4em;
        background-color: #efefef;
}
.matrixblock .cell input {
        width: 4em;
}
.matrixblock .sum {
        text-align: right;
}
.matrixblock .stock span, .matrixblock .label {
        margin-right: .3em;
}
.matrixblock .prices .row {
        background-color: transparent;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
}
.matrixfooter {
        margin-top: .5em;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
        padding: .5em;
        width: 100%;
}
.matrixfooter .label {
        float: left;
        margin-right: .5em;
}
.matrixText {
        width: 100%;
}
.clearmatrix, .matrixBuy {
        -webkit-box-flex: 0 1 auto;
        -moz-box-flex: 0 1 auto;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin-left: .3em;
}
.matrixfootblock {
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.description .fw-truncateButtonLabelHide {
        display: none;
}
.description:not(.showall) .fw-truncateWrapper {
        max-height: 200px;
        overflow: hidden;
        position: relative;
}
.description:not(.showall) .fw-truncateWrapper:after {
        content: "";
        position: absolute;
        bottom: 0;
        height: 90px;
        width: 100%;
        box-shadow: inset 0 -80px 80px -30px #fff;
}
.description .fw-DescriptionContent {
        overflow: visible;
        max-height: 100%;
        height: 100% !important;
        text-align: left;
        position: relative;
}
.description .fw-DescriptionContent:after {
        display: none;
}
@media screen and (max-width:950px) {
        .page-Error #OpenCartWrapper {
                display: none;
        }
        .page-Product main, .product-wrapper, .product-info, .product .details {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
        }
        .product-info, .tabslist, .specs, .description, .links, .accessories {
                padding: .5rem;
        }
        .ratings-wrapper h2, .ratings-wrapper .ratings-list {
                padding: 0 .5rem;
        }
}
@media screen and (max-width:800px) {
        .accessories .table .row {
                border: 0 none;
                background-color: #fff;
                padding: .5em;
                margin-bottom: .6rem;
                -webkit-box-flex: 1 1 22%;
                -moz-box-flex: 1 1 22%;
                -webkit-flex: 1 1 22%;
                -ms-flex: 1 1 22%;
                flex: 1 1 22%;
        }
        .accessories .table {
                justify-content: space-around;
        }
}
@media screen and (max-width:700px) {
        .accessories .table .row {
                -webkit-box-flex: 1 1 30%;
                -moz-box-flex: 1 1 30%;
                -webkit-flex: 1 1 30%;
                -ms-flex: 1 1 30%;
                flex: 1 1 30%;
        }
}
@media screen and (max-width:550px) {
        .accessories .table .row {
                -webkit-box-flex: 1 1 45%;
                -moz-box-flex: 1 1 45%;
                -webkit-flex: 1 1 45%;
                -ms-flex: 1 1 45%;
                flex: 1 1 45%;
        }
        .ratings-list .row {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
        }
        .ratings-list .header {
                -webkit-box-align: baseline;
                -ms-flex-align: baseline;
                -webkit-align-items: baseline;
                -ms-grid-row-align: baseline;
                align-items: baseline;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
        }
        .ratings-list .stars {
                -webkit-box-flex: 1 1 auto;
                -moz-box-flex: 1 1 auto;
                -webkit-flex: 1 1 auto;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        }
        .ratings-list .date, .ratings-list .name {
                -webkit-box-flex: 0 1 auto;
                -moz-box-flex: 0 1 auto;
                -webkit-flex: 0 1 auto;
                -ms-flex: 0 1 auto;
                flex: 0 1 auto;
        }
}
@media screen and (min-width:551px) {
        .ratings-list .header {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: start;
                -ms-flex-align: start;
                -webkit-align-items: flex-start;
                -ms-grid-row-align: flex-start;
                align-items: flex-start;
                -webkit-box-flex: 0 1 200px;
                -moz-box-flex: 0 1 200px;
                -webkit-flex: 0 1 200px;
                -ms-flex: 0 1 200px;
                flex: 0 1 200px;
                padding-right: 1.5em;
                border-right: 1px solid #ccc;
                margin-right: 1.5em;
        }
        .ratings-list .stars {
                margin-bottom: .5em;
        }
        .ratings-list .comment {
                -webkit-box-flex: 1 1 0;
                -moz-box-flex: 1 1 0;
                -webkit-flex: 1 1 0;
                -ms-flex: 1 1 0;
                flex: 1 1 0;
                max-width: 500px;
        }
}
@media screen and (min-width:951px) {
        .tabslist, .specs, .description, .links, .accessories {
                padding: .5rem;
        }
        .product-info {
                -webkit-flex-shrink: 1;
                -moz-flex-shrink: 1;
                -ms-flex-negative: 1;
                flex-shrink: 1;
                -webkit-flex-basis: 25vw;
                -ms-flex-preferred-size: 25vw;
                flex-basis: 25vw;
        }
        .product .details {
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
        }
        .customtext {
                width: 100%;
        }
        .specs {
                -webkit-box-flex: 1 1 35vw;
                -moz-box-flex: 1 1 35vw;
                -webkit-flex: 1 1 35vw;
                -ms-flex: 1 1 35vw;
                flex: 1 1 35vw;
        }
        .links {
                -webkit-box-flex: 1 1 20vw;
                -moz-box-flex: 1 1 20vw;
                -webkit-flex: 1 1 20vw;
                -ms-flex: 1 1 20vw;
                flex: 1 1 20vw;
        }
        .pageLinks, .tabslist, .description {
                -webkit-box-flex: 0 1 100vw;
                -moz-box-flex: 0 1 100vw;
                -webkit-flex: 0 1 100vw;
                -ms-flex: 0 1 100vw;
                flex: 0 1 100vw;
        }
}
@media screen and (min-width:1200px) {
        .product-info {
                margin-left: 1rem;
        }
}
.groupview {
        padding: .5rem;
}
.groupview-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.groupview-wrapper .item {
        -webkit-box-flex: 0 1 auto;
        -moz-box-flex: 0 1 auto;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-flex-basis: calc(20vw - .5em);
        -ms-flex-preferred-size: calc(20vw - .5em);
        flex-basis: calc(20vw - .5em);
        max-width: 19%;
        position: relative;
        margin-bottom: 3em;
        margin-right: .25em;
        margin-left: .25em;
}
@media screen and (max-width:950px) {
        .groupview-wrapper .item {
                -webkit-box-flex: 1 1 auto;
                -moz-box-flex: 1 1 auto;
                -webkit-flex: 1 1 auto;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                -webkit-flex-basis: calc(25vw - .5em);
                -ms-flex-preferred-size: calc(25vw - .5em);
                flex-basis: calc(25vw - .5em);
                max-width: 24%;
        }
}
@media screen and (max-width:700px) {
        .groupview-wrapper .item {
                -webkit-box-flex: 1 1 auto;
                -moz-box-flex: 1 1 auto;
                -webkit-flex: 1 1 auto;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                -webkit-flex-basis: calc(30vw - .5em);
                -ms-flex-preferred-size: calc(30vw - .5em);
                flex-basis: calc(30vw - .5em);
                max-width: 30%;
        }
}
@media screen and (max-width:500px) {
        .groupview-wrapper .item {
                -webkit-box-flex: 1 1 auto;
                -moz-box-flex: 1 1 auto;
                -webkit-flex: 1 1 auto;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                -webkit-flex-basis: calc(45vw - .5em);
                -ms-flex-preferred-size: calc(45vw - .5em);
                flex-basis: calc(45vw - .5em);
                max-width: 45%;
        }
}
.groupview-wrapper .item a {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        position: relative;
}
.groupview-wrapper .group-image {
        align-self: center;
        max-width: 100%;
        text-align: center;
}
.groupview-wrapper .group-title {
        background-color: rgba(221, 221, 221, .7);
        border: 1px solid #ccc;
        border-radius: 2px;
        color: #444;
        padding: .2em;
        text-align: center;
        position: absolute;
        bottom: -1em;
        width: 100%;
}
@media screen and (max-width:950px) {
        .groupview-wrapper {
                -ms-flex-pack: distribute;
                -webkit-justify-content: space-around;
                justify-content: space-around;
        }
}
.prodlist {
        padding-top: .5rem;
        padding-bottom: .5em;
}
.prodlist::after, .prodlist::before {
        clear: both;
        content: ' ';
        display: table;
}
.prodlist .table {
        width: 100%;
}
.prodlist a:hover {
        text-decoration: underline;
}
.prodlist-header {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
}
@media screen and (max-width:420px) {
        .prodlist-header {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
        }
        .prodlist-header .image_link {
                -ms-flex-item-align: center;
                -webkit-align-self: center;
                align-self: center;
        }
        .list_info h1 {
                text-align: center;
        }
}
.window-view > .inner {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.productContainer {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        border: 1px solid transparent;
        padding: 1em;
        margin: .3em;
}
.productContainer.cols-1 {
        -webkit-box-flex: 1 1 calc(100% - .6em - 2px);
        -moz-box-flex: 1 1 calc(100% - .6em - 2px);
        -webkit-flex: 1 1 calc(100% - .6em - 2px);
        -ms-flex: 1 1 calc(100% - .6em - 2px);
        flex: 1 1 calc(100% - .6em - 2px);
        width: calc(100% - .6em - 2px);
}
.productContainer.cols-2 {
        -webkit-box-flex: 0 1 calc(50% - .6em - 2px);
        -moz-box-flex: 0 1 calc(50% - .6em - 2px);
        -webkit-flex: 0 1 calc(50% - .6em - 2px);
        -ms-flex: 0 1 calc(50% - .6em - 2px);
        flex: 0 1 calc(50% - .6em - 2px);
        width: calc(50% - .6em - 2px);
}
.productContainer.cols-3 {
        -webkit-box-flex: 0 1 calc(33.33% - .6em - 2px);
        -moz-box-flex: 0 1 calc(33.33% - .6em - 2px);
        -webkit-flex: 0 1 calc(33.33% - .6em - 2px);
        -ms-flex: 0 1 calc(33.33% - .6em - 2px);
        flex: 0 1 calc(33.33% - .6em - 2px);
        width: calc(33.33% - .6em - 2px);
}
.productContainer.cols-4 {
        -webkit-box-flex: 0 1 calc(25% - .6em - 2px);
        -moz-box-flex: 0 1 calc(25% - .6em - 2px);
        -webkit-flex: 0 1 calc(25% - .6em - 2px);
        -ms-flex: 0 1 calc(25% - .6em - 2px);
        flex: 0 1 calc(25% - .6em - 2px);
        width: calc(25% - .6em - 2px);
}
.productContainer:hover {
        border-color: #ddd;
}
.productContainer > .inner, .productContainer .info-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
}
.productContainer .inner {
        width: 100%;
}
/*Artikelns benämning product-name */
.productContainer .product-name {
        font-size: 1em;
        font-weight: bold;
}
.productContainer .product-code {
        font-size: .85em;
        margin-bottom: .5em;
}
.productContainer .text {
        font-size: .85em;
}
.productContainer .buy-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
}
.productContainer .buy-wrapper .fw-input-group-button, .productContainer .buy-wrapper .fw-button {
        width: 100%;
}
.productContainer .quantity {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
}
.productContainer .quantity .numeric {
        margin-right: .3em;
}
.productContainer .quantity .textBox {
        height: 100%;
}
.productContainer .quantity.quantity-mod {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.productContainer .quantity.quantity-mod .numeric {
        margin-right: 0;
}
.productContainer .quantity.quantity-mod .fw-input-group {
        -webkit-box-flex: 1 0 auto;
        -moz-box-flex: 1 0 auto;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
}
.productContainer .quantity.quantity-mod .fw-input-group .quantmodifier {
        -webkit-box-flex: auto;
        -moz-box-flex: auto;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
}
.productContainer .quantity.quantity-mod .fw-input-group .quantmodifier i {
        font-size: .9em;
}
.productContainer .quantity.quantity-mod .fw-input-group-button {
        -webkit-box-flex: auto;
        -moz-box-flex: auto;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        width: auto;
}
.list-view {
        white-space: nowrap;
}
.list-view .cell.ArtImg .image {
        min-width: 50px;
        max-width: 50px;
}
.list-view .cell.quantity-mod i {
        font-size: .9em;
}
.window-view .productContainer .inner, .window-view .info-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
}
.window-view .productContainer .inner {
        position: relative;
}
.window-view .attribute-image {
        position: absolute;
        max-width: 100%;
        top: 0;
        right: 0;
}
.window-view .info-wrapper {
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.window-view .image-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        margin-bottom: .4em;
}
.window-view .buy-wrapper {
        margin-top: 1em;
}
.extended-view .image-wrapper {
        -webkit-box-flex: 0 0 auto;
        -moz-box-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: .75em;
        max-width: 50%;
}
.extended-view .image-wrapper .product-image {
        max-width: 250px;
}
.extended-view .info-wrapper {
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.extended-view .description-wrapper {
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.prodlist .price-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: .5em;
}
.prodlist .price {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end;
}
.prodlist .price .label {
        font-size: .8em;
}
.prodlist .price .value {
        white-space: nowrap;
        font-size: .9em;
}
.exclVat.inclVat .prodlist .price-wrapper .price:first-child .value {
        font-size: 1.1em;
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
        .productContainer .quantity .textBox {
                margin-right: .8em;
        }
}
@media screen and (max-width:700px) {
        .productContainer.cols-3, .productContainer.cols-4 {
                -webkit-box-flex: 0 1 calc(50% - .6em - 2px);
                -moz-box-flex: 0 1 calc(50% - .6em - 2px);
                -webkit-flex: 0 1 calc(50% - .6em - 2px);
                -ms-flex: 0 1 calc(50% - .6em - 2px);
                flex: 0 1 calc(50% - .6em - 2px);
                width: calc(50% - .6em - 2px);
        }
}
@media screen and (max-width:600px) {
        .extended-view .info-wrapper {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
        }
        .extended-view .buy-wrapper {
                margin-left: 0;
                margin-top: .5em;
        }
        .extended-view .buy-wrapper .label {
                margin-right: .5em;
        }
        .extended-view .buy-wrapper .fw-button {
                width: auto;
        }
        .extended-view .buy-inner {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: end;
                -ms-flex-align: end;
                -webkit-align-items: flex-end;
                -ms-grid-row-align: flex-end;
                align-items: flex-end;
        }
}
@media screen and (min-width:601px) {
        .extended-view .buy-wrapper {
                -webkit-box-flex: 0 0 20vw;
                -moz-box-flex: 0 0 20vw;
                -webkit-flex: 0 0 20vw;
                -ms-flex: 0 0 20vw;
                flex: 0 0 20vw;
                margin-left: 1em;
                max-width: 200px;
        }
        .productContainer .button {
                width: 100%;
        }
}
@media screen and (max-width:800px) {
        .list-view .table {
                overflow-x: scroll;
                overflow-y: hidden;
                overflow: auto;
        }
}
.list-view .table .row {
        border-bottom: 1px solid #ddd;
}
@media screen and (min-width:801px) {
        .list-view {
                padding: 0 2px;
                background-color: #e4dfd6;
                max-width: 100%;
        }
        .prodlist .table {
                width: 100%;
                border-collapse: collapse;
                margin-bottom: 1em;
                margin-top: 1em;
        }
        .list-view .table .row {
                background-color: #fff;
                border-color: #e4dfd6;
        }
        .list-view .cell {
                padding: .5em;
                vertical-align: middle;
        }
        .list-view .stars img {
                width: 12px;
        }
}
.linklist-wrapper {
        max-width: 700px;
}
.link-post {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 1em;
}
.link {
        -webkit-box-flex: 1 1 45%;
        -moz-box-flex: 1 1 45%;
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
}
.link-post .image {
        margin-left: 1em;
        margin-right: 1em;
}
.post {
        max-width: 950px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 2em;
        padding-bottom: 1em;
}
.post .header {
        margin-bottom: .7em;
}
.post .date {
        font-size: .9em;
        color: #777;
        font-style: italic;
        width: 100%;
}
.post .subtitle {
        margin: .75em 0 .5em;
}
.post .image {
        margin-bottom: .7em;
}
.post .link {
        margin-top: 1em;
}
@media screen and (min-width:700px) {
        .post .header {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                -ms-grid-row-align: center;
                align-items: center;
        }
}
.express-form .btn-group {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
}
.express-form .form-group {
        margin-top: 1em;
        max-width: 100%;
        overflow: hidden;
}
.express-form .header {
        font-weight: bold;
        white-space: nowrap;
}
.express-form .header .cell {
        padding: .4em;
}
.express-form .row {
        white-space: normal;
}
.express-form .row:nth-child(2n+1) {
        background-color: #f3f3f3;
}
.express-form .cell {
        padding: .3em;
}
.express-form .cell .icon {
        max-width: 20px;
}
.express-form .cell input[type="text"] {
        border: 1px solid #ccc;
        font-size: 1.1em;
        padding: .15em .4em;
}
.express-form .artcode input {
        width: 12em;
}
.express-form .numeric input {
        text-align: right;
        width: 4em;
}
.express-form .artimg {
        min-width: 45px;
}
.page-Checkout h1, .page-Checkout h2, .page-Checkout h3, .page-Checkout h4, .page-Checkout h5, .page-Checkout h6 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        margin-left: 1rem;
        margin-right: 1rem;
        margin-top: .5em;
}
.page-Checkout .breadcrumbs, .page-Checkout #OpenCartWrapper {
        display: none;
}
.page-Checkout .content-wrapper {
        background-color: #ededed;
        margin-top: 0;
}
.checkout-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
}
.section-wrapper {
        background-color: #fff;
        width: 100%;
        padding-bottom: 2em;
}
.section-wrapper h3.linkTitle {
        margin-bottom: 0;
        position: relative;
}
.section-wrapper h3.linkTitle::after {
        content: "";
        font-family: "FontAwesome";
        position: absolute;
        right: 0;
}
.section-wrapper .form-wrapper {
        padding-left: 1rem;
        padding-right: 1rem;
}
.campaign-section, .bonus-section {
        padding-bottom: .5rem;
}
.campaign-section:hover, .bonus-section:hover {
        background-color: #d1deed;
}
.section-header {
        text-align: center;
}
.cart-table {
        margin-top: 1em;
}
.cart-section:not(.cart-empty) h2 {
        margin-bottom: 0;
}
.cart-section .table {
        width: 100%;
        border-collapse: collapse;
}
.cart-section .header {
        padding-top: .5em .3em;
}
.cart-section .row {
        border-bottom: 1px solid #e6e6e6;
}
.cart-section .cell {
        padding: .3em;
}
.cart-section .cell.quantity {
        width: 1%;
}
.cart-section .cell.quantity input {
        width: 3em;
}
.cart-section .Update:hover, .cart-section .DeleteRow:hover {
        cursor: pointer;
}
.cart-section .btn-group {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 1.5em;
}
.cart-section .quantity-mod {
        padding-right: 0;
}
.cart-section .quantity-mod .quantmodifier.plus {
        padding-right: 0;
}
.cart-section .quantity-mod .quantmodifier i {
        font-size: .9em;
}
.cart-section .quantity-mod + .cell.Update {
        padding-left: 0;
}
.cart-section.cart-empty {
        text-align: center;
}
.cart-section.cart-empty .btn-group {
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
}
.emptycart .btn-group {
        justify-content: center;
}
.campaign-wrapper .form-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
}
.campaign-wrapper .form-wrapper .label {
        margin-right: 1em;
}
.campaign-wrapper .form-wrapper .value {
        margin-right: .3em;
}
.campaign-wrapper input.textBox {
        border: 1px solid #ccc;
        height: 2.2em;
        line-height: 2;
}
.campaign-wrapper .activateCampaign.hide {
        display: none;
}
.appliedCode {
        display: flex;
        align-items: center;
        margin-left: 1rem;
}
.appliedCode .value {
        margin-left: .5em;
        font-weight: bold;
}
@media screen and (max-width:500px) {
        .campaign-wrapper .form-wrapper {
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        }
        .campaign-wrapper .form-wrapper .fw-input-group-label {
                -webkit-box-flex: 0 0 100%;
                -moz-box-flex: 0 0 100%;
                -webkit-flex: 0 0 100%;
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        }
}
.bonus-wrapper .section-header {
        display: none;
}
.bonus-wrapper .bonus-list.hide {
        display: none;
}
.bonus-wrapper .table .row {
        background-color: inherit;
}
.bonus-wrapper .cell.bonuscheck {
        padding: .2em .75em .2em 0;
}
.bonus-wrapper .disabled .cell {
        color: #888;
        text-decoration: line-through;
}
.totalbox {
        background-color: rgba(41, 106, 136, .7);
        margin-top: 1em;
        padding: 1em;
        color: #fff;
}
.totalbox .table .row {
        background-color: inherit;
}
.totalbox .info-wrapper {
        margin-bottom: .5em;
}
.totalbox .label {
        margin-right: .7em;
}
.totalbox .sum-bonus .label {
        float: left;
        margin-right: .7em;
}
.totalbox .sum-bonus .value span:not(:last-child)::after {
        content: ", ";
}
.totalbox .sumTotal {
        font-size: 1.3em;
        font-weight: bold;
}
.totalbox .sumTotal.row {
        border-top: 1px solid #efefef;
        margin-top: .5em;
        padding-top: .3em;
}
.totalbox .sumTotal .label {
        -webkit-box-flex: 0 1 auto;
        -moz-box-flex: 0 1 auto;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
}
.totalbox .sumTotal .currency {
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-left: 1em;
}
.totalbox .sumTotal .currency::before {
        content: "( ";
}
.totalbox .sumTotal .currency::after {
        content: " )";
}
.totalbox .sumTotal.row, .totalbox .whereOf.row, .totalbox .sum-costs .row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        -webkit-align-items: baseline;
        -ms-grid-row-align: baseline;
        align-items: baseline;
}
.optionsRadiobutton div:last-child {
        margin-bottom: 0;
}
.sectionRadiobuttons .radiobutton {
        margin: 15px;
}
.sectionRadiobuttons .radiobutton > input {
        display: none;
}
.sectionRadiobuttons .radiobuttonlabel {
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        cursor: pointer;
        min-height: 80px;
        width: 100%;
        border: 1px solid #efefef;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        border-radius: 7px;
        padding: 0 .5em;
}
.sectionRadiobuttons .radiobuttonlabel:before {
        font-family: "fontello";
        content: ' ';
        position: absolute;
        left: 1em;
        top: 50%;
        margin-top: -12.5px;
        font-size: 1em;
        height: 25px;
        width: 25px;
        border: 2px solid #d6d6d6;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        transition: background-color .25s ease-out, color .25s ease-out, border .25s ease-out;
}
.sectionRadiobuttons .radiobuttonlabel:hover:before {
        background-color: #d6d6d6;
}
.sectionRadiobuttons .selected .radiobuttonlabel:before {
        content: '';
        text-align: center;
        line-height: 22px;
        margin-left: 0;
        margin-right: 0;
        border-color: #333;
        background-color: #333;
        color: #fff;
}
.sectionRadiobuttons .innerContent {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%;
        margin-left: 60px;
}
.sectionRadiobuttons .option {
        font-weight: bold;
}
.sectionRadiobuttons .partDescription {
        width: 60%;
}
.sectionRadiobuttons .partFee {
        margin-right: 10px;
        text-align: right;
}
.sectionRadiobuttons .fee {
        display: block;
}
.sectionRadiobuttons .noCost {
        font-size: .85em;
        min-width: 120px;
}
.sectionRadiobuttons .images img {
        max-height: 25px;
}
.sectionRadiobuttons .label {
        float: left;
        margin: 2px 5px 0 0;
        min-width: 100px;
}
.sectionRadiobuttons .row {
        margin: 2px 0;
}
.sectionRadiobuttons .textBoxLabel {
        margin-right: 1em;
}
.partDescription .partHeader {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
}
.partDescription input.textBox {
        height: 2em;
}
.info-toggle {
        margin-left: .5em;
}
.partText, .partInput {
        font-size: .85em;
}
.partInput {
        margin-top: .6em;
}
.userinfo-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: .5em;
}
.userinfo-wrapper > div {
        -webkit-box-flex: 1 1 50%;
        -moz-box-flex: 1 1 50%;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
}
.userinfo-wrapper .userInfoLabel {
        margin-top: .5em;
}
.userinfo-wrapper .userInfoLabel span {
        font-size: .85em;
        font-weight: bold;
}
.userinfo-wrapper .deliveryAddress {
        margin-top: 1em;
}
.userinfo-wrapper .addressRadio input:not(:first-child) {
        margin-left: 1em;
}
@media screen and (max-width:900px) {
        .userinfo-wrapper > div {
                -webkit-box-flex: 1 0 100%;
                -moz-box-flex: 1 0 100%;
                -webkit-flex: 1 0 100%;
                -ms-flex: 1 0 100%;
                flex: 1 0 100%;
        }
}
.myinfo-section .loginPassword {
        display: none;
}
.myinfo-section .addressRadio label {
        margin-right: 2.5em;
}
.myinfo-wrapper .login {
        padding-left: 1rem;
        padding-right: 1rem;
}
.myinfo-wrapper .registration .lblRegisterText {
        display: block;
        margin-bottom: .5rem;
}
.myinfo-wrapper .registration .registration-form {
        padding-top: 0;
        padding-bottom: 0;
}
.myinfo-wrapper .login-register > div .btn-toggle {
        float: right;
        margin-top: .7rem;
}
.myinfo-wrapper .login-register > div .fw-accordionToggle {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        -webkit-align-items: baseline;
        -ms-grid-row-align: baseline;
        align-items: baseline;
}
.KlarnaCheckout .login-register {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.KlarnaCheckout .login-register .fastcheckout-form {
        margin-left: 1rem;
}
.getaddress-form .form-group .row {
        align-items: center;
}
.getaddress-form .form-group .fw-input-group {
        align-items: center;
}
.getaddress-form .form-group .fw-input-group-text {
        border: 0 none;
        padding-left: 0;
}
.getaddress-form .form-group .fw-input-group-text .textBox {
        border-radius: 0;
        padding-bottom: 0;
        padding-top: 0;
        height: 2.35em;
}
.getaddress-form .form-group .fw-button-affix {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        font-size: .99em;
}
.reg-wrapper {
        padding: 0 1rem;
}
@media screen and (min-width:901px) {
        .login-register {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
        }
        .login-register .btn-toggle {
                display: none;
        }
        .login-register > div {
                flex-basis: 100%;
                margin-left: 5px;
                margin-right: 5px;
        }
        .checkout .form.registration, .checkout .login-form, .checkout .tempBoxTable, .checkout .reg-wrapper, .checkout .getaddress-form, .page-Checkout .comboBoxDataContainer {
                font-size: .85em;
        }
}
#KCheckoutWrapper .btn-group {
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
}
#CheckoutSectionKCO .checkout-text {
        padding-left: 1rem;
        padding-right: 1rem;
}
.complete-text {
        padding: 1em;
}
.complete-section .checkout-text, .complete-section .gdpr-content {
        margin: 15px;
}
.complete-section .btn-group {
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
}
body.page-CreatePassword .form-wrapper {
        background-color: #fff;
        padding-bottom: 50px;
}
body.page-CreatePassword .textBox {
        width: 100% !important;
        padding: 0;
}
body.page-ChangePassword .form-wrapper {
        background-color: #fff;
        padding-bottom: 50px;
}
body.page-ChangePassword .textBox {
        width: 100% !important;
        padding: 0;
}
.welcome {
        display: none;
}
.page {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
}
.page > * {
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
header {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
}
.header-top {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -ms-grid-row-align: center;
        align-items: center;
}
.SVGLogo {
        width: 100%;
}
.flags {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
}
.flags .hide {
        display: none;
}
.header-icons, .header-icons a {
        color: #444;
}
.searchtext, .filter-open-btn {
        padding: 0 5px;
}
.open-btn::before {
        font-size: 1.3rem;
}
.cart-open-btn .quantity {
        background-color: #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        color: #fff;
        font-size: .9em;
        font-weight: 700;
        min-width: 1.7em;
        padding: 2px;
}
.cart-open-btn .quantity.empty {
        background-color: #ccc;
}
@media screen and (max-width:950px) {
        .scrolled .logo, .scrolled .header-icons {
                position: fixed;
                top: 0;
                z-index: 150;
        }
        .scrolled .logo {
                background-color: #fff;
                min-height: 55px;
                left: 0;
                width: 100%;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
        }
        .scrolled .logo > a {
                max-width: 50%;
        }
        .scrolled .logo img {
                max-height: 50px;
        }
        .scrolled .header-icons {
                width: 50%;
                right: 0;
        }
        .scrolled .header-icons, .scrolled .header-icons a {
                color: #fff;
        }
        .scrolled .open-btn {
                margin-top: 1.2rem;
        }
        .scrolled .top-search {
                position: fixed;
                left: 0;
                top: 55px;
                z-index: 100;
        }
        .scrolled .content-wrapper {
                padding-top: 200px;
        }
        .scrolled .cart-open-btn .quantity:not(.empty) {
                background-color: #f00;
        }
}
.nav-menu-title {
        display: none;
}
@media screen and (min-width:500px) {
        .logo {
                -ms-flex-item-align: start;
                -webkit-align-self: flex-start;
                align-self: flex-start;
        }
}
@media screen and (max-width:950px) {
        .nav-menu {
                overflow: hidden;
                top: 0;
                width: 100%;
                z-index: 950;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: reverse;
                -webkit-flex-direction: column-reverse;
                -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
                position: fixed;
                right: 0;
                max-height: 100vh;
        }
        .nav-menu.hide {
                max-height: 0;
                z-index: 1;
                visibility: hidden;
                display: none;
        }
}
@media screen and (min-width:951px) {
        .nav-menu {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
        }
}
.cart-container {
        position: relative;
}
.content-wrapper {
        clear: both;
        float: left;
        margin-top: 1rem;
        width: 100%;
}
.banners {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
}
.bannerbox {
        -ms-flex-item-align: center;
        -webkit-align-self: center;
        align-self: center;
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
footer {
        padding-right: .5rem;
        padding-left: .5rem;
}
@media screen and (max-width:950px) {
        .header-top {
                width: 100%;
        }
        .header-icons {
                width: 100%;
                margin-bottom: .8em;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: reverse;
                -webkit-flex-direction: row-reverse;
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
        }
        .header-icons > * {
                -webkit-box-flex: 0 1 50px;
                -moz-box-flex: 0 1 50px;
                -webkit-flex: 0 1 50px;
                -ms-flex: 0 1 50px;
                flex: 0 1 50px;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: center;
                -webkit-box-align: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
        }
        .open-btn {
                position: relative;
        }
        .open-btn::before {
                content: "";
                font-family: "FontAwesome";
                font-size: 1.4em;
                float: right;
                line-height: 1;
                vertical-align: baseline;
                float: left;
        }
        .open-btn-txt {
                width: 0;
                display: none;
        }
        .cart-open-btn::before {
                content: '';
        }
        .cart-open-btn .quantity {
                position: absolute;
                right: -13px;
                text-align: center;
                top: -16px;
        }
        .search-open-btn::before {
                content: '';
        }
        .tree-open-btn::before {
                content: '';
        }
        .cart {
                display: block;
                overflow-y: auto;
                position: fixed;
                right: 0;
                top: 0;
                width: 85%;
                z-index: 300;
        }
        .cart.hide {
                display: none;
                z-index: 1;
        }
        .nav-wrapper {
                height: 100%;
                left: 0;
                width: 95%;
                overflow-y: auto;
                position: fixed;
                top: 0;
                visibility: visible;
                z-index: 999;
        }
        .nav-wrapper.hide {
                width: 0;
                z-index: 1;
                visibility: hidden;
        }
        .onset, .form .offset, .form-wrapper, .bonusReg-wrapper, .filter-title, .filters, .overview, .overview-wrapper .pager2, .noPayments, .extended-view {
                padding-right: .5rem;
                padding-left: .5rem;
        }
        .form .validation, .checkout-wrapper, .favouritelist {
                margin-left: .5rem;
                margin-right: .5rem;
        }
        .form .validation-within {
                margin-left: 0 !important;
                margin-right: 0 !important;
        }
        .product, .product-images, .product-info, .tabslist, .specs, .description, .links, .accessories, .ratings-wrapper h2, .ratings-list {
                padding-right: .5rem;
                padding-left: .5rem;
        }
        .startPageIFrame, .userpage {
                border: 0 none;
                height: 100vh;
                width: 100vw;
        }
}
@media screen and (min-width:700px) {
        .banners {
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                -webkit-justify-content: flex-start;
                justify-content: flex-start;
        }
        .bannerbox {
                -webkit-box-flex: 0 1 auto;
                -moz-box-flex: 0 1 auto;
                -webkit-flex: 0 1 auto;
                -ms-flex: 0 1 auto;
                flex: 0 1 auto;
        }
}
@media screen and (min-width:951px) {
        header {
                background-color: #ddd;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
        }
        .welcome {
                display: none;
        }
        .search-open-btn, .tree-open-btn {
                display: none;
        }
        .header-top {
                background-color: fff;
                font-size: .9em;
                -webkit-box-ordinal-group: 1;
                -moz-box-ordinal-group: 1;
                -ms-flex-order: 1;
                -webkit-order: 1;
                order: 1;
                -webkit-box-flex: 2 1 70%;
                -moz-box-flex: 2 1 70%;
                -webkit-flex: 2 1 70%;
                -ms-flex: 2 1 70%;
                flex: 2 1 70%;
                -ms-flex-item-align: start;
                -webkit-align-self: flex-start;
                align-self: flex-start;
                max-width: 97%;
        }
        .header-top > * {
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
        }
        .logo {
                -webkit-box-ordinal-group: 3;
                -moz-box-ordinal-group: 3;
                -ms-flex-order: 3;
                -webkit-order: 3;
                order: 3;
                -webkit-box-flex: 1 1 30%;
                -moz-box-flex: 1 1 30%;
                -webkit-flex: 1 1 30%;
                -ms-flex: 1 1 30%;
                flex: 1 1 30%;
        }
        .top-search {
                -webkit-box-ordinal-group: 4;
                -moz-box-ordinal-group: 4;
                -ms-flex-order: 4;
                -webkit-order: 4;
                order: 4;
                -ms-flex-item-align: end;
                -webkit--self: end;
                -webkit-align-self: flex-end;
                align-self: flex-end;
                width: 17em;
        }
        .searchTxt input {
                padding-left: .3em;
                border-radius: 2px;
                border: 1px solid #bbb;
        }
        .header-icons {
                display: none;
        }
        .flags-wrapper {
                -ms-flex-item-align: start;
                -webkit-align-self: flex-start;
                align-self: flex-start;
        }
        .flags {
                -webkit-box-flex: 0 0 auto;
                -moz-box-flex: 0 0 auto;
                -webkit-flex: 0 0 auto;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                padding: 10px 12px;
        }
        .flags-wrapper:hover {
                background-color: rgba(255, 255, 255, .4);
        }
        .cart {
                position: relative;
        }
        header {
                padding-right: 0;
                padding-left: 0;
        }
        .header-top, .logo {
                margin-left: 1rem;
        }
        .cart, .top-search {
                margin-right: 1rem;
        }
        .nav-wrapper, .breadcrumbs {
                padding-left: 1rem;
                padding-right: 1rem;
        }
        .cross-items .main {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                width: 100%;
        }
        .startView, .prodlistView, .view-wrapper, .product-wrapper {
                -webkit-box-flex: 1 1 80%;
                -moz-box-flex: 1 1 80%;
                -webkit-flex: 1 1 80%;
                -ms-flex: 1 1 80%;
                flex: 1 1 80%;
                overflow: hidden;
        }
        .cross {
                -webkit-box-flex: 0 0 180px;
                -moz-box-flex: 0 0 180px;
                -webkit-flex: 0 0 180px;
                -ms-flex: 0 0 180px;
                flex: 0 0 180px;
                margin-right: 1rem;
        }
        .onset, .form .offset, .form-wrapper, .bonusReg-wrapper, .filter-title, .filters, .noPayments, .overview, .overview-wrapper .pager2, .window-view, .extended-view {
                padding-right: 1rem;
                padding-left: 1rem;
        }
        .form .validation, .checkout-wrapper, .favouritelist {
                margin-left: 1rem;
                margin-right: 1rem;
        }
        .form .validation-within {
                margin-left: 0 !important;
                margin-right: 0 !important;
        }
        .product, .product-info, .tabslist, .description, .specs, .links, .accessories, .ratings-wrapper h2, .ratings-list {
                padding-right: 1rem;
                padding-left: 1rem;
        }
        .startPageIFrame, .userpage {
                border: 0 none;
                height: 100vh;
                margin-left: 1rem;
                margin-right: 1rem;
                width: calc(100vw - 3rem);
        }
}
@media screen and (min-width:1400px) {
        .breadcrumbs, footer {
                padding-right: 10vw;
                padding-left: 10vw;
        }
        header {
                padding-right: 0;
                padding-left: 0;
        }
        .header-top, .logo {
                margin-left: 10vw;
        }
        .nocart .header-top {
                margin-right: 10vw;
        }
        .cart, .top-search {
                margin-right: 10vw;
        }
        .nav-wrapper, .breadcrumbs {
                padding-left: 10vw;
                padding-right: 10vw;
        }
        .main {
                margin-top: 1rem;
                padding-top: 1rem;
        }
        .cross {
                margin-right: 10vw;
        }
        .onset, .form .offset, .form-wrapper, .bonusReg-wrapper, body:not(.view-list) .filter-title, body:not(.view-list) .filters, .type-MyAccount.view-list .filter-title, .type-MyAccount.view-list .filters, .banners, .noPayments, .overview, .overview-wrapper .pager2, .window-view, .extended-view {
                padding-left: 10vw;
                padding-right: 10vw;
        }
        .form .validation, .checkout-wrapper, .favouritelist {
                margin-left: 10vw;
                margin-right: 10vw;
        }
        .product, .tabslist, .description, .specs, .links, .accessories, .ratings-wrapper h2, .ratings-list {
                padding-right: 10vw;
                padding-left: 10vw;
        }
        .cross-items .onset, .cross-items .form .offset, .cross-items .form-wrapper, .cross-items .bonusReg-wrapper, .cross-items:not(.view-list) .filter-title, .cross-items:not(.view-list) .filters, .cross-items.type-MyAccount.view-list .filter-title, .cross-items.type-MyAccount.view-list .filters, .cross-items .banners, .cross-items .window-view, .cross-items .extended-view {
                padding-right: .5em;
        }
        .cross-items .form-validation {
                margin-right: .5em;
        }
        .cross-items .product, .cross-items .tabslist, .cross-items .specs, .cross-items .links, .cross-items .description, .cross-items .accessories, .cross-items .ratings-wrapper h2, .cross-items .ratings-list {
                padding-right: .5em;
        }
        .startPageIFrame, .userpage {
                border: 0 none;
                height: 100vh;
                margin-left: 10vw;
                margin-right: 10vw;
                width: calc(100vw - 15px - 2*10vw);
        }
}
@media screen and (min-width:1700px) {
        .breadcrumbs, footer {
                padding-right: 15vw;
                padding-left: 15vw;
        }
        header {
                padding-right: 0;
                padding-left: 0;
        }
        .header-top, .logo {
                margin-left: 15vw;
        }
        .nocart .header-top {
                margin-right: 15vw;
        }
        .header-top {
                -webkit-flex-basis: 60%;
                -ms-flex-preferred-size: 60%;
                flex-basis: 60%;
                max-width: 70%;
        }
        .cart, .top-search {
                margin-right: 15vw;
        }
        .nav-wrapper, .breadcrumbs {
                padding-left: 15vw;
                padding-right: 15vw;
        }
        .main {
                margin-top: 1rem;
                padding-top: 1rem;
        }
        .cross {
                margin-right: 15vw;
        }
        .onset, .form .offset, .form-wrapper, .bonusReg-wrapper, body:not(.view-list) .filter-title, body:not(.view-list) .filters, .type-MyAccount.view-list .filter-title, .type-MyAccount.view-list .filters, .banners, .noPayments, .overview, .overview-wrapper .pager2, .window-view, .extended-view {
                padding-left: 15vw;
                padding-right: 15vw;
        }
        .form .validation, .checkout-wrapper, .favouritelist {
                margin-left: 15vw;
                margin-right: 15vw;
        }
        .product, .tabslist, .description, .specs, .links, .accessories, .ratings-wrapper h2, .ratings-list {
                padding-right: 15vw;
                padding-left: 15vw;
        }
        .cross-items .onset, .cross-items .form .offset, .cross-items .form-wrapper, .cross-items .bonusReg-wrapper, .cross-items:not(.view-list) .filter-title, .cross-items:not(.view-list) .filters, .cross-items.type-MyAccount.view-list .filter-title, .cross-items.type-MyAccount.view-list .filters, .cross-items .banners, .cross-items .window-view, .cross-items .extended-view {
                padding-right: .5em;
        }
        .cross-items .form-validation {
                margin-right: .5em;
        }
        .cross-items .product, .cross-items .tabslist, .cross-items .specs, .cross-items .links, .cross-items .description, .cross-items .accessories, .cross-items .ratings-wrapper h2, .cross-items .ratings-list {
                padding-right: .5em;
        }
        .startPageIFrame, .userpage {
                border: 0 none;
                height: 100vh;
                margin-left: 15vw;
                margin-right: 15vw;
                width: calc(100vw - 15px - 30vw);
        }
}
#fancybox-content .fw-button {
        float: right;
}
#EndScripts {
        display: none;
}
body {
        color: #444;
        font-family: 'Open Sans', sans-serif;
        line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
        font-family: 'Open Sans', sans-serif;
}
a {
        color: #636363;
        text-decoration: none;
}
.nav-menu li a, .nav-menu li span {
        width: 100%;
}
.loginFlyout .login-title {
        font-family: "Open Sans", sans-serif;
        font-size: 1.4em;
        font-weight: bold;
        margin-bottom: .3em;
}
.loginFlyout .login-title i {
        display: none;
}
.forgotten-link .link-image {
        color: #636363;
}
.register-link .fw-button {
        color: #636363;
        padding: 0;
        text-align: left;
}
.register-link i {
        display: none;
}
.link-image::after {
        font-family: "FontAwesome";
        margin-left: .3em;
}
body {
        color: #444;
}
header {
        background-color: #fff;
        border-bottom-color: #ccc;
}
.scrolled .logo {
        background-color: #fff;
}
.nav-wrapper {
        background-color: #fff;
        color: #636363;
}
.nav-wrapper a {
        color: #636363;
}
.cart-header {
        background-color: #fff;
}
.cart-header .fw-icon-basket {
        display: none;
}
.smallcart {
        border-color: #fff;
}
.table .header {
        background-color: #e6e6e6;
}
.table .header a {
        color: inherit;
}
.table .sort {
        cursor: pointer;
}
.table .sort.sortasc, .table .sort.sortdesc, .table .sort.primarySort, .table .sort:hover {
        color: #000;
}
.table .row {
        background-color: #fff;
        border-color: #e6e6e6;
}
footer {
        background-color: #fff;
        border-top: 2px solid #ccc;
}
@media screen and (max-width:800px) {
        .list-view {
                background-color: #e6e6e6;
        }
}
@media screen and (min-width:801px) {
        .list-view {
                background-color: #e6e6e6;
        }
}
@media screen and (max-width:950px) {
        .header-top {
                background-color: #fff;
                padding: 10px;
        }
        .nav-menu, .nav-menu a {
                color: #fff;
        }
        .nav-menu a:hover {
                color: #636363;
        }
        .nav-menu > ul {
                border-top: 1px solid #f3f4f5;
        }
        .nav-menu > ul > li {
                border-bottom: 1px solid #f3f4f5;
        }
}