/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

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

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/* apply a natural box layout model to all elements */
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}/* ==========================================================================
   Base
   ========================================================================== */

html {
	font-family: 'Open sans', sans-serif;
	font-size: 13px;
	line-height: 1.45;
	color: #222;
	-webkit-font-smoothing: antialiased;
}

body {
	background: #b5dbed;
	background: url(../design/body_bg.jpg) repeat-x, #b5dbed;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 10px;
	font-weight: 400;
}

h3, h4, h5, h6 {
	font-weight: 600;
}

h1 {
	font-size: 24px;
	line-height: 1.25;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 17px;
}

h4 {
	font-size: 15px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 10px;
}

p {
	margin: 0 0 10px;
}

b,
strong,
th {
	font-weight: 600;
}



th,

td {

	text-align: left;

}



img {

	max-width: 100%;

	height: auto;



	vertical-align: middle;

}



a {

	color: #666;

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}



input,

textarea {

	padding: 5px 6px;



	border: 1px solid #c2c2c2;

	border-radius: 2px;



	color: #222;

}

input:focus,

textarea:focus {

	border-color: #b2b2b2;

	outline: none;

}



select {

	padding: 2px 3px;

	font-size: 11px;

}



input[type="checkbox"],

input[type="radio"] {

	width: auto;

	height: auto;

	margin: 0;

	padding: 0;

	border: none;

	line-height: normal;

	cursor: pointer;

}



/* Custom checkbox and radio button */

input[type="radio"],

input[type="checkbox"] {

	display: none;

	display: inline-block\9;

}



input[type="radio"] + label,

input[type="checkbox"] + label {

	cursor: pointer;

}



input[type="radio"] + label:before,

input[type="checkbox"] + label:before {

	display:inline-block;

	display: none\9;

	width: 12px;

	height: 12px;

	margin-right: 4px;

	margin-top: 3px;



	border: 1px solid #a9a9a9;

	border-radius: 2px;

	background: #f9f9f9;

	background: linear-gradient(#f9f9f9, #e9e9e9);



	vertical-align: top;

	content: '';

}

input[type="radio"] + label:before {

	border-radius: 50%;

}

input[type="radio"]:checked + label:before {

	background: #f9f9f9 url(//wgrremote.se/img/mixed/checkbox-radio-2.png) center no-repeat;

	background-size: 6px;

}

input[type="checkbox"]:checked + label:before {

	background: #f9f9f9 url(//wgrremote.se/img/mixed/checkbox-box-2.png) center no-repeat;

	background-size: 8px;

}



input[type="radio"]:disabled + label:before,

input[type="checkbox"]:disabled + label:before {

	background: #bbb;

	cursor: default;

}



hr {

	display: block;

	height: 1px;

	margin: 15px 0;

	padding: 0;



	border: 0;

	border-top: 1px solid #cfcfcf;

}



/* ==========================================================================

   Grid

   ========================================================================== */



/* Grid styles */

.grid {

	margin-left: -20px;

}

.grid:before,

.grid:after {

	content: "";

	display: table;

}

.grid:after {

	clear: both;

}



.grid-item {

	display: inline-block;

	padding-left: 20px;

	margin-bottom: 20px;



	vertical-align: top;

}



.grid--middle .grid-item {

	vertical-align: middle;

}

.grid-item-1-1 {

    width: 100%;

}

.grid-item-1-2 {

	width: 50%;

}

.grid-item-1-3 {

	width: 33.33%;

}

.grid-item-2-3 {

	width: 66.66%;

}

.grid-item-1-4 {

	width: 25%;

}



.grid-item-1-6 {

	width: 16.66%;

}



/* ==========================================================================

   Layout

   ========================================================================== */



.l-holder {

	position: relative;



	max-width: 1150px;

	margin: 15px auto;



	border-radius: 5px;



	background-color: #fff;

	box-shadow: 0 5px 15px #444;

}



.l-constrained {
	position: relative;
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto;
}

.l-header {
	position: relative;
	height: 145px;
	padding: 15px;
	background: url(../design/header_bg.jpg);
}

.l-header__search {
	float: right;
	width: 100%;
	max-width: 320px;
	margin-top: 40px;
	margin-left: 20px;
}

.l-header__searchbox {
	float: right;
	width: 100%;
	max-width: 320px;
	height: 45px;
	/*margin-top: 80px;*/
	margin-left: 20px;
}

.l-menubar {
	position: relative;
	z-index: 10;
	min-height: 41px;
	margin-bottom: 15px;
	background: #000;
	background: linear-gradient(to bottom, #3d3d3d 0%, #383838 50%, #1f1f1f 50%, #131313 100%);
}

.is-menubar-sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.l-content {
	margin-left: 15px;
	margin-right: 15px;
}

.l-main {
	overflow: hidden;
	margin-bottom: 15px;
}

.l-inner {
	margin-left: 25px;
	margin-right: 25px;
}

.view-home .l-inner {
	margin: 0 10px;
}

.view-checkout .l-inner {
	margin-left: 0;
	margin-right: 0;
}

.l-sidebar,
.l-sidebar-primary {
	width: 180px;
}

.l-sidebar-primary {
	margin-right: 15px;
	float: left;
}

.l-sidebar {
	margin-left: 15px;
	float: right;
}

.l-footer {
	margin-bottom: 15px;
	padding: 15px;
	overflow: hidden;
	border-top: 1px solid #dcdcdc;
}

.l-footer h3 {
	color: #666;
	font-size: 16px;
	font-weight: 600;
}

.l-footer-col-1 {
	width: 200px;
	margin-right: 20px;
	float: left;
}

.l-footer-col-2,

.l-footer-col-3 {

	width: 200px;

	margin-left: 20px;

	float: right;

}

.l-footer-col-overflow {

	overflow: hidden; /* Overflow hidden layout */

}



.l-footer-payment {

	display: none;

	text-align: center;

	margin-top: 10px;

	padding-top: 25px;

	border-top: 1px solid #eee;

}



.l-footer-payment .payment-logo--list {

	display: inline-block;

	max-width: 80px;

	max-height: 70px;

	padding: 0;

	margin: 10px;

}

.l-footer-payment .klarna-logo-list {

	max-width: 330px;

}



/* Productpage */

.l-product {

	overflow: hidden;

}

.l-product-col-1,

.l-product-col-3 {

	width: 45%;

	float: left;

}

.l-product-col-2 {

	float: right;

	width: 50%;

}

.l-product-col-3 {

	clear: left;

}



/* Checkout */

.l-checkout {

	margin-top: 15px;

	margin-bottom: 15px;

}

.l-checkout-col-1,

.l-checkout-col-1-2 {

	float: left;

	width: 45%;

	padding-left: 10px;

}

.l-checkout-col-1-2 {

	clear: left;

}

.l-checkout-col-1-inner {

	margin-top: 10px;

	margin-bottom: 15px;

	padding: 10px 20px 20px;



	background-color: #fcfcfc;

	border: 1px solid #e5e5e5;

	border-top-width: 2px;

}

.l-checkout-col-2 {

	float: right;

	width: 55%;

	padding-left: 35px;

	padding-right: 10px;

}

.l-checkout-col-2-inner {

	padding-top: 17px;

	padding-left: 10px;

	padding-right: 10px;

	margin-top: 10px;

	margin-bottom: 15px;



	border-top: 2px solid #e5e5e5;

}



/* ==========================================================================

   Modules

   ========================================================================== */



/* Media Object  */

.media {

	margin-bottom: 15px;

}

.media,

.media-body {

	overflow: hidden;

}

.media-img {

	margin-right: 15px;

	float: left;

}

.media-img img {

	display: block;

}



.table {

	width: 100%;

	border-collapse: collapse;

	border-spacing: 0;

}

.table td,

.table th {

	padding: 0;

}



.default-table {

	width: 100%;

}

.default-table > thead > tr {

	border-bottom: 1px solid #e2e2e2;

}

.default-table > thead th {

	padding: 8px;

}

.default-table > tbody td {

	padding: 8px;

}



.label-wrapper {

	padding-left: 20px;

}

.label-wrapper > label {

	position: relative;

}

.label-wrapper > label:before {

	position: absolute;

	margin-left: -20px;

}



/* List in horizontal mode  */

.nav,

.nav-block,

.nav-float {

	margin: 0;

	padding-left: 0;

	list-style-type: none;

}

.nav > li,

.nav > li > a {

	display: inline-block;

}



.nav-float > li {

	float: left;

}



.nav-block > li > a {

	display: block;

}



.nav-tick li {

	margin-right: 10px;

}

.nav-tick {

	margin-bottom: 10px;

}



/* Clean list */

.block-list {

	margin: 0;

	padding-left: 0;

	list-style-type: none;

}



.list-info dd {

	margin: 0 0 15px;

}



/* Clean button */

.neutral-btn {

	padding: 0;



	border-style: none;

	background-color: transparent;

	outline: none;



   -webkit-appearance: none;

   	  -moz-appearance: none;

   		   appearance: none;

}



.breadcrumbs {

	padding-bottom: 7px;

	margin-bottom: 25px;

	border-bottom: 1px solid #dcdcdc;

}

.breadcrumbs > li {

	color: #777;

}

.breadcrumbs a {

	color: #444;

}

.breadcrumbs .wgr-icon {

	margin-left: 2px;

	margin-right: 2px;

	color: #999;

}



.sort-section {

	margin-bottom: 15px;

}

.sort-section > li {

	margin-right: 4px;

}



/* Used at ex: .sort-section and .rewies  */

.highlight-bar {

	padding: 7px 10px;

	border: 1px solid #e1e1e1;



	background-color: #fff;

	background-image: linear-gradient(to bottom, #fff, #f6f6f6);

}



.startpage-bar {

	margin-top: 20px;

	padding: 5px 10px;



	border: 1px solid #000;

	border-radius: 4px 4px 0 0;



	background-color: #222;

	background-image: linear-gradient(to bottom, #3d3d3d 0%, #383838 50%, #1f1f1f 50%, #131313 100%);



	color: #fff;

	font-size: 18px;

}



.input-highlight {

	border: 1px solid #dcdcdc;

	border-radius: 4px;



	background-color: #fff;

	background-image: linear-gradient(to bottom, #fff 70%, #eee);

}

.input-highlight:focus {

	border-color: #dcdcdc;

}



.site-logo {
	float: left;

	margin: 20px;

}



.site-banner {
	float: left;
	position: relative;
	margin-left: 55px;
	margin-top: 85px;
	width: 292px;
	height: 31px;
	background: url(../design/header_banner.png) no-repeat;

}



.vat-selector {

	position: absolute;

	top: 5px;

	right: 5px;

}

.vat-selector label {

	margin-left: 4px;

}



/* Main navigation section */

.site-nav {

	float: left;

}

.site-nav > li > a {

	display: block;

	padding: 0 15px;



	box-shadow: 1px 0 0 #444; /* First border */

	border-right: 1px solid #000; /* Secondary border */



	color: #fff;

	font-weight: 600;

	line-height: 41px;

	white-space: nowrap; /* Fix for overlapping text in ie8 */

}

.site-nav > li > a:hover {

	text-decoration: none;

	opacity: .8;

}

.site-nav__home .wgr-icon {

	position: relative;

	top: -2px;



	font-size: 16px;

	vertical-align: middle;

}



/* Languages section */

.lang-changer select {

	vertical-align: middle;

}



/* Primary search section */
.site-search {
	position: relative;
	height: 40px;
	margin-bottom: 5px;
	overflow: hidden;
	background: #fff;
	border: 3px solid #4489a7;
}

.site-search__input,
.site-search__btn {
	position: absolute;
	top: 0;
	bottom: 0;
	height: 40px;
	margin: auto;

}

.site-search__input {
	left: 0;
	width: 80%;
	padding-left: 12px;
}

.site-search__btn {
	right: 0;
	width: 20%;
	padding-right: 8px;
	text-align: right;
	font-size: 16px;
	color: #000;
}

/* Block section */
.module {

	margin-bottom: 15px;

}

.module__heading {

	margin: 0;

	padding: 7px 10px;



	border-radius: 4px 4px 0 0;



	background-color: #92b264;

	background-image: linear-gradient(to bottom, #3ba9d6 0%, #3baad6 49%, #36a6d2 50%, #31a2cf 100%);



	font-weight: 600;

	color: #fff;

	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

}

.module__body {

	padding: 10px;



	border: 1px solid #dcdcdc;

	border-top-style: none;



	background: #fff;



}

/* Secondary navigation */

.listmenu {

	margin: 0;

	padding-left: 10px;

	list-style-type: none;

}

.listmenu a {

	position: relative;

	display: block;



	color: #222;

}

.listmenu .selected {

	font-weight: 600;

}



.listmenu-0 {

	padding-left: 0;

}

.listmenu-0:last-child {

	margin-bottom: -1px; /* Fix for double-border */

}



.listmenu-0 > li > a {

	padding-top: 6px;

	padding-bottom: 6px;

	padding-left: 10px;

	padding-right: 17px;

	border-bottom: solid 1px #dcdcdc;

	background-color: #fff;

	background-image: linear-gradient(to bottom, #fff, #f8f8f8);

}



.listmenu-1 {

	padding-top: 4px;

	padding-bottom: 4px;

	padding-left: 15px;



	border-bottom: solid 1px #dcdcdc;



	background: #fff;

}

.listmenu-1 > li > a {

	padding-top: 4px;

	padding-bottom: 4px;

}



/* Toggle menu */

li .listmenu {

	display: none;

}

.is-listmenu-opened > .listmenu {

	display: block;

}



/* Icon font */

.menu-node {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;



	margin: auto;

	width: 15px;

	height: 12px; /* Same as font-size */



	font-size: 12px;

	color: #CC0000;

}



/* Grid for product-items and category-items */

/* Sub-modules: .grid-gallery--products and .grid-gallery--categories */

.grid-gallery,

.list-gallery {

	margin: 0;

	padding-left: 0;

	list-style-type: none;

}

.grid-gallery {

	margin-left: -2%;

}

.grid-gallery > li {

	display: inline-block;

	*display: inline;

	width: 23%;

	margin-left: 2%;

	margin-bottom: 2%;

	padding: 8px;



	border: 1px solid #e9e9e9;



	background: #fff;



	vertical-align: top;

	cursor: pointer;

	zoom: 1;

}

.view-home .grid-gallery > li {

	width: 31%;

}

.view-checkout .grid-gallery > li {

	width: 18%;

}



.list-gallery > li {

	margin-bottom: 15px;

}

.list-gallery > li:last-child {

	margin-bottom: 0;

}



/* Product-item style */

.product-item {

	position: relative;

}



.product-item__img {

	height: 175px;

	margin-bottom: 7px;



	line-height: 175px;

	text-align: center;

}

.product-item__body {}

.product-item__heading {

	height: 35px;

	overflow: hidden; /* clip text */

	margin-bottom: 7px;

	font-size: 13px;

	line-height: 1.3;

}

.product-item .price {

	font-size: 14px;

}

.product-item__buttons {

	margin-top: 7px;

}



/* Product list, row style */

.list-rows-table {

	width: 100%;

	max-width: 700px;

}



.list-rows-image {

	max-height: 50px;

	max-width: 50px;

}



/* Category-item style */

.category-item {

	text-align: center;

}

.category-item__img {

	height: 175px;

	margin-bottom: 10px;



	line-height: 175px;

}

.category-item__heading {

	overflow: hidden;
	height: 37px;

}

.category-item__heading a {

	text-decoration: none;
	color: #333;

}



/* Category section */

.category-heading {}

.category-lead {

	margin-bottom: 10px;

}



/* Product section */

.product-title {

	margin-bottom: 15px;

}

.product-carousel {

	position: relative;



	height: 400px;

	margin-bottom: 15px;



	line-height: 400px;

	text-align: center;

}

.product-thumbs {

	margin-bottom: 15px;



	font-size: 0; /* Fix: Removes whitespace */

}

.product-thumbs img {

	height: 50px;

	margin-top: 5px;

	margin-right: 5px;



	cursor: pointer;

}

.product-option-spacing {

	padding-right: 10px;

	padding-bottom: 7px;

}

.product-cart-button-wrapper {

	margin-bottom: 15px;

}



.product-cart-button-wrapper .btn--primary {

	vertical-align: middle;

	padding: 7px 10px;

}

.product-quantity {

	width: 30px;

	height: 29px;

	padding-top: 4px;

	padding-bottom: 4px;



	border: 1px solid #ccc;

	border-radius: 3px;



	font-weight: 600;

	text-align: center;

	vertical-align: middle;

}

.product-custom-fields {

	margin-left: 5px;

	margin-top: 10px;

}

.product-price-field {

	margin-bottom: 15px;

}

.product-price-field .price {

	font-size: 21px;

}

.product-stock {

	margin-bottom: 10px;

}

.product-stock-item {

	display: none; /* Show them with js */

}

.product-stock-item__text {

	vertical-align: middle;

}

.product-stock-item .wgr-icon {

	vertical-align: middle;

	font-size: 16px;

}

.in-stock .wgr-icon {

	color: #3eac0d;

}

.on-order .wgr-icon {

	color: #eba709;

}

.soon-out-of-stock .wgr-icon {

	color: #114b85;

}

.out-of-stock .wgr-icon {

	color: #d4463d;

}

.product-part-payment-klarna,

.product-part-payment-hbank {

	margin-bottom: 10px;

}



/* News-page section */

.news-item .media-img {

	width: 100px;

	min-height: 1px; /* Fix for collapsing width if .media-img is empty */

}

.news-item__date {

	font-style: italic;

	color: #999;

}



/* Button section */

.btn {

	display: inline-block;

	padding: 6px 9px;



	border: 1px solid #000;

	border-radius: 4px;



	background-color: #000;

	background-image: linear-gradient(to bottom, #444, #222);



	font-weight: 600;

	color: #fff;

	line-height: 1;



	cursor: pointer;

}

.btn:hover {

	text-decoration: none;

	opacity: 0.8;

}



.btn--large {

	padding: 10px 14px;

	font-size: 20px;

}



.btn--primary {

	border: 1px solid #31a2cf;



	background-color: #36a6d2;

	background-image: linear-gradient(to bottom, #40BDE7 0%, #31a2cf 100%);



	color: #fff;

	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);

}



/* Price section */

.price {

	font-weight: 600;

	color: #CC0000;

}

.price-discount {

	color: #c00;

}

.price-orginal {

	font-size: 10px;

	text-decoration: line-through;

}

.price-klarna {

	font-size: 11px;

}



/* Alert-box section */



.alert {

	position: relative;

	padding: 8px;

	margin-bottom: 15px;



	border: 1px solid #97c1da;

	border-radius: 3px;



	background-color: #d8ebf8;

	background-image: linear-gradient(to bottom, #d8ebf8, #d0e3ef);



	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);



	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);

	color: #264c72;

}

.alert--success {

	border-color: #b6d79a;



	background-color: #dff0d8;

	background-image: linear-gradient(to bottom, #dff0d8, #d3edc8);



	color: #387b39;

}

.alert--error {

	border-color: #da9797;



	background-color: #f8d8d8;

	background-image: linear-gradient(to bottom, #f8d8d8, #efd0d0);



	color: #9c2400;

}

.alert--warn {

	border-color: #dca874;



	background-color: #ffe3c8;

	background-image: linear-gradient(to bottom, #ffe3c8, #f5dac0);



	color: #613a00;

}

.is-alert-close {

	padding-right: 30px;

}

.is-alert-close .icon-times {

	position: absolute;

	top: 0;

	bottom: 0;

	right: 0;

	width: 30px;



	line-height: 34px;

	font-size: 14px;

	cursor: pointer;

	text-align: center;

}

.is-alert-close .icon-times:hover {

	color: #666;

}



/* Reviews section */

.reviews {

	margin-bottom: 20px;

}

.review-body {

	padding: 10px 0;

	overflow: hidden;



	border-bottom: 1px solid #ddd;

}

.review-col-1 {

	max-width: 150px;

	margin-right: 15px;

	float: left;

}

.review-col-2 {

	overflow: hidden; /* Overflow hidden layout */

}

.review-date {

	font-size: 10px;

}



/* Icon fonts */

.review-stars {

	font-size: 14px;

	margin-right: 2px;

}

.review-stars-on {

	color: #e8b025;

}

.review-stars-off {

	color: #ccc;

}



/* Input form */

.input-form input,

.input-form textarea {

	width: 100%;

}

.input-form__row {

	margin-bottom: 8px;

}

.input-form label {

	display: inline-block;

}

.max-width-form {

	max-width: 300px;

}

.max-width-form-x2 {

	max-width: 400px;

}



/* Input's in group */

.input-group {

	position: relative;

	overflow: hidden;

	vertical-align: middle;

}

.input-group .input-group__item {

	position: relative;



	float: left;



	width: 50%;

}

.input-group .input-group__item:first-child {

	width: 48%;

	margin-right: 2%;

}



.input-group-1-4 .input-group__item {

	width: 70%;

}

.input-group-1-4 > .input-group__item:first-child {

	width: 28%;

}



/* Payment logos */

/* In sidebar and checkout */

.payment-logo {

	max-width: 100px;

}

.payment-logo--medium {

	width: 50px;

}

.payment-logo--small {

	width: 30px;

}



.payment-logo--list {

	display: block;

	margin-right: auto;

	margin-bottom: 15px;

	margin-left: auto;

}

.payment-logo--list:last-child {

	margin-bottom: 0;

}



.payment-logo--highlight {

	padding: 5px 7px;

	border-radius: 3px;



	background: #fff;

}



/* Checkout section */

.checkout-stepnumber {

	display: inline-block;

	margin-right: 3px;

	height: 28px;

	width: 28px;

	line-height: 28px;

	vertical-align: middle;



	border-radius: 50%;

	background-color: #CC0000;



	color: #fff;

	font-size: 14px;

	font-weight: 600;

	text-align: center;

}

.checkout-termsinfo {

	margin-top: 12px;

}



.is-checkout-collapse-heading {

	cursor: pointer;

	display: inline-block;

}

.is-checkout-collapse-body {

	padding-top: 5px;

	padding-bottom: 10px;

}



.checkout-title {

	margin-bottom: 0;

	vertical-align: middle;



	font-size: 20px;

	font-weight: 600;

}

.checkout-title span {

	vertical-align: middle;

}



.checkout-info {

	padding: 10px 20px 0;

	margin-bottom: 15px;

	overflow: hidden;



	border: 1px solid #e2e2e2;

	border-radius: 3px;

	background: #f9f9f9;

}



.checkout-info-item {

	float: left;

	margin-bottom: 10px;

	margin-right: 30px;

}



.checkout-switch-info {

	margin-bottom: 10px;

}



/* Shipping form table */

.checkout-shipping-form {}



.checkout-separate-shipping {

	padding-bottom: 10px;

	margin-bottom: 15px;



	border-bottom: 1px solid #e2e2e2;

}



/* Payment methods table */

.checkout-payment-methods {}

.checkout-payment-methods td {

	padding-bottom: 10px;

}



.checkout-change-payment-option {

	display: inline-block;

	margin-left: 5px;
	color: #000;
	font-weight: 700;

}



/* Cart table */

.checkout-cart {}

.checkout-cart th,

.checkout-cart-row td {

	padding-top: 7px;

	padding-bottom: 7px;

}

.checkout-cart tfoot th,

.checkout-cart tfoot td {

	padding-top: 10px;

	padding-bottom: 10px;

}

.checkout-cart tfoot th {

	text-align: right;

}

.checkout-cart-row {

	border-top: 1px solid #ededed;

}

.checkout-cart thead th:last-child,

.checkout-cart-row td:last-child {

	padding-left: 15px;

	white-space: nowrap;

}



.checkout-cart-item-cell-1 {

	text-align: center;

}

.checkout-cart-item-cell-2 {

	width: 50%;

}

.checkout-cart-item-cell-3 {

	width: 50%;



	text-align: center;

}



.checkout-cart-thumbnail {

	text-align: center;

}



.checkout-cart-thumbnail {

	max-height: 35px;

	max-width: 35px;

	display: inline-block;

	margin-right: 10px;

}



.checkout-cart-link {

	color: #222;

}



.checkout-cart-quantity {

	display: inline-block;

	white-space: nowrap;

}

.checkout-cart-quantity-btn {

	display: inline-block;

	height: 30px;

	padding-left: 7px;

	padding-right: 7px;



	line-height: 30px;

	font-size: 12px;

	vertical-align: middle;

}

.checkout-cart-quantity-btn:hover {

	text-decoration: none;

}

.checkout-cart-quantity-input {

	display: inline-block;

	width: 30px;

	height: 30px;

	padding: 0;



	line-height: 30px;

	text-align: center;

	vertical-align: middle;

	-webkit-appearance: none;

}



.checkout-cart-vat {

	font-size: 11px;

	font-weight: normal;

	opacity: 0.5;

	color: #222;

}



.checkout-cart-shipping-info {

	margin-right: 5px;

	font-weight: normal;

}



.checkout-cart-topay {

	vertical-align: bottom;

	font-size: 15px;

	font-weight: 600;

	color: #CC0000;

}



.checkout-message {

	width: 100%;

	max-width: 350px;

}



.checkout-call-to-action .wgr-icon {

	display: inline-block;

	height: 55px;

	width: 55px;

	margin-top: 8px;

	margin-bottom: 8px;

	margin-right: 15px;



	border-radius: 50%;

	background: #f2f2f2;



	text-align: center;

	line-height: 55px;

}



.checkout-call-to-action h3 {

	margin-bottom: 0;

	vertical-align: middle;

	font-size: 14px;

	line-height: 1;

}



.checkout-call-to-action p {

	margin-bottom: 0;

}



.checkout-personal-id-info {

	padding: 7px;

	margin-top: 7px;

	margin-bottom: 10px;



	background: #f9f9f9;

	border: 1px solid #e2e2e2;

	border-radius: 3px;

	font-size: 11px;

}



.checkout-target-link {

	color: #24659C;

	margin-bottom: 3px;

}

.checkout-target-link:hover {

	text-decoration: underline;

}



/* followup on orders */

.followup {

	margin-bottom: 14px;

	padding: 10px;



	background: #fff;

	border: 1px solid #ccc;

}

.followup textarea {

	width: 100%;

	max-width: 400px;

}

.followup .media-img {

	width: 160px;

	text-align: center;

}

.followup .media-img img {

	display: inline-block;

}



.followup-stars {

	margin-bottom: 5px;



	unicode-bidi: bidi-override;

	direction: rtl;

	font-size: 0;

	text-align: left;

}

.followup-stars input,

.followup-stars input + label:before {

	display: none;

}

.followup-stars > label {

	cursor: pointer;

	font-size: 16px;

	color: #999;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

}

.followup-stars .wgr-icon {

	display: inline-block;

	padding: 4px 2px;

}

.followup-stars input:checked + label .wgr-icon:before,

.followup-stars input:checked + label ~ label .wgr-icon:before,

.followup-stars > label:hover .wgr-icon:before,

.followup-stars > label:hover ~ label .wgr-icon:before {

	content: "\f005";

	color: #e8b025;

}



/* Wishlist section */

.wishlist-input-headline {

	width: 100%;

	max-width: 500px;



	font-size: 24px;

	line-height: 26px;

}

.wishlist-input-description {

	width: 100%;

	max-width: 500px;



	font-size: 11px;

}



/* Paginator */

.paginator {

	margin-bottom: 10px;

}



.paginator__item {

	display: inline-block;

	padding: 4px 8px;

	margin-right: 5px;



	background-color: #fff;

	background-image: linear-gradient(to bottom, #fff, #efefef);



	border: 1px solid #dcdcdc;

	border-radius: 3px;



	cursor: pointer;

}

.paginator__item:hover {

	text-decoration: none;

	border-color: #cacaca;

}

.paginator__item.selected {

	font-weight: 600;

}

.paginator__item.disabled {

	opacity: .5;

	cursor: text;

}

.paginator__item--prev {}

.paginator__item--next {}



/* Dropdown - Barebone */

.mega-menu ul,

.dropdown-menu ul {

	margin: 0;

	padding-left: 0;

	list-style-type: none;

}

.dropdown {

	position: absolute;

	top: 100%;

	left: 0;



	display: none; /* Hide dropdown */

}

.sub-menu {

	top: 0;

	left: 100%;

}

.has-dropdown:hover > .dropdown {

	display: block; /* Show dropdown */

}

.has-dropdown .wgr-icon {

	margin-left: 10px;

}



/* Standard dropdown */

.dropdown-menu .has-dropdown {

	position: relative;

}

.dropdown-menu .dropdown {

	min-width: 100%;

	border: 1px solid #dcdcdc;

	border-top-style: none;



	background: #fff;

}

.dropdown-menu .dropdown a {

	display: block;

	padding: 10px 30px 10px 10px;

	border-top: 1px solid #dcdcdc;



	white-space: pre;

}



.dropdown-menu .dropdown .wgr-icon {

	position: absolute;

	top: 0;

	right: 10px;

	bottom: 0;



	margin: auto;

	height: 11px; /* Same as font-size */



	font-size: 11px;

}



/* Mega dropdown */

.mega-menu .dropdown {

	padding: 20px 0 20px 20px;

	border: 1px solid #dcdcdc;

	border-radius: 0 0 3px 3px;



	background: #fff;

	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);

}



/* Any level */

.mega-menu .dropdown a {

	display: block;

	padding-top: 2px;

	padding-bottom: 2px;

}



/* First level */

.mega-menu .dropdown > li {

	display: inline-block;

	min-width: 140px;

	margin-right: 20px;



	vertical-align: top;

}

.mega-menu .dropdown > li > a {

	margin-bottom: 7px;



	border-bottom: 1px solid #eee;



	font-weight: 600;

	font-size: 13px;

}



.category-checkout-link {

	color: #999;

}

.category-checkout-link:hover {

	color: #333;

	text-decoration: none;

}

.category-checkout-link__text,

.category-checkout-link .wgr-icon {

	vertical-align: middle;

}

.category-checkout-link .wgr-icon {

	padding-right: 3px;

	font-size: 18px;

}



.rss-logo .wgr-icon {

	font-size: 14px;

	vertical-align: middle;

}

.rss-logo a {

	color: #333;

}

.rss-logo a:hover {

	color: #db6b27;

	text-decoration: none;

}



/* Spinner */

.spinner-container {

	position: relative;

	z-index: 9;



	color: #222; /* Spinner color */

}

.spinner-container--small {

	height: 25px;

}

.spinner-container--large {

	height: 100px;

}

.spinner-container--pno {

	position: absolute;

	top: 50%;

	right: 14px;

}

.spinner-container--kco {

	height: 300px;

	color: #0070ba;

}



.wgr-production {

	margin-bottom: 15px;



	text-align: center;

}



.video-wrapper {

	position: relative;

	padding-bottom: 56.25%;

	padding-top: 25px;

	height: 0;

	margin-bottom: 20px;

}

.video-wrapper iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.sitemap-list,

.sitemap-list ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}

.sitemap-list li {

	margin-top: 1px;

	margin-bottom: 1px;

}

.sitemap-list ul {

	margin-bottom: 8px;

	border-left: 1px solid #E2E2E2;

}

.sitemap-list ul li {

	position: relative;

	padding-left: 15px;

}

.sitemap-list ul li:before {

	position: absolute;

	top: 50%;

	left: 0;



	width: 8px;

	border-top: 1px solid #E2E2E2;

	content: '';

}

.sitemap-list > li > a {

	font-weight: 600;

}



/*  Nosto   */

.grid-gallery--nosto {

    overflow: hidden;

}

.grid-gallery--nosto li {

    float: left;

}

.grid-gallery--nosto img {

    max-height: 100%;

}

.grid-gallery--nostoDense li {

	float: left;

}

.grid-gallery--nostoDense img {

	max-height: 92%;

}

.grid-gallery--nostoDense .product-item__img {

	height: 117px;

	line-height: 111px;

}



/* ==========================================================================

   States

   ========================================================================== */



.is-hidden {

	display: none !important;

}



/* ==========================================================================

   Helpers

   ========================================================================== */



/* Clear floated elements */

.clearfix:before,

.clearfix:after {

	content: "";

	display: table;

}

.clearfix:after {

	clear: both;

}

.clearfix {

	*zoom: 1;

}



.flush {

	margin: 0 !important;

}

.wipe {

	padding: 0 !important;

}



.right {

	float: right !important;

}

.left {

	float: left !important;

}

.float-none {

	float: none !important;

}



.text-left {

	text-align: left !important;

}

.text-center {

	text-align: center !important;

}

.text-right {

	text-align: right !important;

}



.go:after{

	content: "\00A0" "\00BB" !important;

}



.stretched {

	width: 100% !important;

}



.center-block {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.muted {

	color: #999;

}



.brand {

	color: #CC0000;

}



/* ==========================================================================
   OLD CSS
   ========================================================================== */

div#popcart img {
	width: auto;
}

/* Dropdown-cart */

div#topcart-holder {

	position: relative;

	z-index: 2;



	float: right;

	margin-right: 4px;

	margin-top: 3px;

	height: 35px;

}

div#topcart-area {

	display: inline-block;

	height: 35px;

	padding: 0 5px;

	border-radius: 2px;



	background-color: #ededed;

	background-image: linear-gradient(to bottom, #444, #222);

	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8);



	color: #fff;

	font-size: 13px;

	line-height: 34px;

}



div#topcart-hoverarea {

	display: inline-block;

	*display: inline;

	margin-right: 5px;

	cursor: pointer;

}



.topcart-count,

.topcart-subtotal {

	font-weight: 600;

}



.topcart-icon {

	margin-right: 8px;

}

.topcart-font-icon {

	display: none;

}

.topcart-arrow {

	margin-right: 4px;

}

.topcart-font-arrow {

	display: none;

}



div#popcart {

	position: absolute;

	right: 5px;

	top: 39px;

	z-index: 900;



	display: none;

	height: 0;

	max-width: 350px;

	padding: 3px;

	border: 1px solid #ccc;

	border-top-style: none;

	border-radius: 3px;

	overflow: hidden;



	background-color: #fff;

	box-shadow: -1px 1px 8px rgba(50, 50, 50, 0.3);



	color: #666;



	-webkit-box-sizing: content-box;

	   -moz-box-sizing: content-box;

			box-sizing: content-box;

}

div#popcart .btn {

	margin-right: 5px;

	margin-top: 5px;

	margin-bottom: 5px;

}



/* Icon fonts */

.cart-icons {

	color: #595959;

	font-size: 14px;

}

.cart-icons:hover {

	text-decoration: none;

}

.cart-add:hover {

	color: #338b33;

}

.cart-sub:hover {

	color: #3e62a3;

}

.cart-remove:hover {

	color: #900;

}



div.popCartRowSplit {

	height: 1px;

	border-bottom: 1px dashed #ccc;

	margin-bottom: 2px;

}

div.popCartErrorMessage {

	background-color: #fcc;

	text-align: center;

	font-style: italic;

	padding: 5px;

	width: 100%;

	font-size: 10px;

	color: #333;

}



div#popCartShipping {

	background: #eee;

	color: #CC0000;

	margin: 4px;

	margin-bottom: 6px;

	padding: 4px;

	font-weight: 600;

	font-size: 11px;

}

div#popCartShipping a, div#popCartShipping a:hover {

	text-decoration: underline;

	color: #CC0000;

}



/* Icon font */

.popcart-shipping-icon {

	color: #535353;

	font-size: 13px;

	padding-right: 5px;

	text-shadow: 0 1px 1px #fff;

}



.fb_iframe_widget iframe {

	position: relative !important;

}



.banner {

    position: absolute;

    top: 10px;

    right: 0;

    height: 26px;

    padding-left: 11px;

    padding-right: 11px;



    background-color: #d9d9d9;

    font-weight: bold;

    line-height: 26px;

}

.banner:after {

    position: absolute;

    top: 0;

    right: 100%;



    border: 13px solid #d9d9d9;

    border-right-style: none;

    border-left-color: transparent;

    border-left-width: 9px;



    content: '';

}



.banner--news {

    background-color: #0CB5C0;

    color: #fff;

}

.banner--news:after {

    border-top-color: #0CB5C0;

    border-bottom-color: #0CB5C0;

}



.banner--campaign {

    background-color: #f2c5dd;

}

.banner--campaign:after {

    border-top-color: #f2c5dd;

    border-bottom-color: #f2c5dd;

}



.banner--download {

	background: url(../design/download.png) no-repeat, transparent;

	width: 100%;

	height: 50%;

}

.banner--download:after {

    border: none;



}

.product-description img {
	margin: 0px 10px 10px 0px;
}
/* Hidden in desktop */
.l-mobile-header,
.l-mobile-nav,
.sort-select,
.filter-responsive,
.checkout-cart-row-small {
	display: none;
}

.l-menubar {
	/* overwrite inline style... */
	max-width: 1150px !important;
}

/* ==========================================================================
   Grid
   ========================================================================== */

/* Large */
@media all and (max-width: 768px) {
	.grid-item-1-4 {
		width: 50%;
	}
	.grid-item-1-4:nth-child(3) {
		clear: both;
	}
	.grid-item-1-6 {
		width: 31.33%;
	}
}

/* medium */
@media all and (max-width: 480px) {
	.grid {
		margin-left: 0;
	}

	.grid-item {
		padding-left: 0;
	}
	.grid-item-1-2,
	.grid-item-1-3,
	.grid-item-2-3,
	.grid-item-1-4 {
		width: 100%;
	}

	.grid-item-1-6 {
		width: 50%;
	}
}

/* Large */
@media all and (max-width: 768px) {
	.grid-item-1-4 {
		width: 50%;
	}
	.grid-item-1-4:nth-child(3) {
		clear: both;
	}
}

/* medium */
@media all and (max-width: 480px) {
	.grid {
		margin-left: 0;
	}

	.grid-item {
		padding-left: 0;
	}
	.grid-item-1-2,
	.grid-item-1-3,
	.grid-item-2-3,
	.grid-item-1-4 {
		width: 100%;
	}
}

/* ==========================================================================
   Layout
   ========================================================================== */

@media all and (max-width: 1190px) {
	.l-holder {
		margin-left: 15px;
		margin-right: 15px;
		width: auto;
	}
	.is-menubar-sticky {
		margin-left: 30px;
		margin-right: 30px;
		width: auto;
	}

	.l-header__search {
		max-width: 230px;
	}
	.l-header__searchbox {
		max-width: 230px;
	}
}

/* XLarge */
@media all and (max-width: 960px) {
	.l-sidebar {
		display: none;
	}

	.l-header__search {
			position: absolute;
			right: 20px;
			top: 40px;
			margin: 0;
	}

	.l-header__searchbox {
		display: none;
	}

	.l-footer-col-1 {
		width: 30%;
		margin-right: 0;
	}
	.l-footer-col-2,
	.l-footer-col-3 {
		width: 30%;
		margin-left: 4.5%;
	}
	.l-footer-col-overflow {
		clear: both;
	}

	/* Checkout */
	.l-checkout-col-1,
	.l-checkout-col-1-2,
	.l-checkout-col-2 {
		float: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.l-checkout-col-1-2 {
		clear: none;
	}
	.l-checkout-col-1-inner {
		padding: 5px;
		margin-bottom: 15px;

		background-color: transparent;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
	}
	.l-checkout-col-2-inner {
		padding-left: 5px;
		padding-right: 5px;
	}

}

/* Large */
@media all and (max-width: 768px) {
	body {
		background: #fff;
	}

	.l-inner,
	.view-home .l-inner,
	.view-checkout .l-inner {
		margin-left: 0;
		margin-right: 0;
	}

	.l-menubar-wrapper,
	.l-menubar {
		display: none;
	}

	.l-menubar,
	.l-footer {
		margin-left: 0;
		margin-right: 0;
	}

	.l-sidebar-primary {
		display: none;
	}

	.filter-responsive {
		display: block;
	}

	.l-content {
		margin-top: 15px;
	}

	.l-holder {
		margin: 0;
		margin-top: 65px; /* Same as .l-mobile-header height */

		background: #fff;
		box-shadow: none;
		border-radius: 0;
	}

	.l-mobile-header {
		position: fixed;

		top: 0;
		left: 0;
		z-index: 1000;

		display: block;
		width: 100%;
		height: 65px;

		background: linear-gradient(to bottom, #6cbfe0 0%, #6cbfe0 49%, #65badc 50%, #31a2cf 100%);
		box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	}

	.mobile-header__middle {
		position: absolute;
		left: 90px;
		right: 90px;
		top: 0;
		overflow: hidden;
		height: 65px;
	}

	.l-header {
		display: none;
	}

	.l-mobile-nav {
		position: absolute;
		z-index: 99;
		top: 65px; /* Same as .l-mobile-header height */
		bottom: 0;
		left: 0;
		right: 0;

		display: none;
		padding-top: 20px;
		padding-bottom: 70px;
		overflow-y: auto;

		background-color: #F6F6F6;

		-moz-user-select: -moz-none;
		-webkit-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		-webkit-overflow-scrolling: touch !important;
	}

	html.is-mobile-nav-open,
	.is-mobile-nav-open body {
		height: 100%;
		overflow: hidden;
	}
	.is-mobile-nav-open .l-holder {
		height: 100%;
		margin-top: 0;
	}
	.is-mobile-nav-open .l-mobile-nav {
		display: block;
	}

	.l-footer {
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 0;

		border-style: none;
		border-bottom-color: #e2e2e2;
		border-radius: 0;

		background: #f6f6f6;
		box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
	}

	.l-footer-payment {
		display: block;
	}
}

@media screen and (orientation:landscape) {
	.l-mobile-header {
		position: absolute;
	}
}

@media all and (max-width: 600px) {
	.l-product-col-1,
	.l-product-col-2,
	.l-product-col-3 {
		width: auto;
		padding-right: 0;
		float: none;
	}
}

/* Medium */
@media all and (max-width: 480px) {
	.l-holder {
		margin-top: 50px; /* Same as .l-mobile-header height */
	}
	.l-mobile-header {
		height: 50px;
	}
	.l-mobile-nav {
		top: 50px; /* Same as .l-mobile-header height */
	}

	.l-content {
		margin-left: 10px;
		margin-right: 10px;
	}

	/* Cancel KCO's margins... */
	.l-klarna-checkout {
		margin-left: -10px;
		margin-right: -10px;
	}

	.l-footer-col-1,
	.l-footer-col-2,
	.l-footer-col-3 {
		width: 100%;
		margin-bottom: 15px;
		margin-left: 0;
		float: none;
		overflow: hidden;
	}

	.l-footer-payment .klarna-logo-list {
		max-width: 100%;
	}
}

@media all and (max-width: 350px) {
	.l-checkout-col-1-inner {
		padding-left: 0;
		padding-right: 0;
	}
}

/* ==========================================================================
   Modules
   ========================================================================== */

/* Large */
@media all and (max-width: 768px) {
	.site-banner,
	div#topcart-hoverarea,
	.vat-selector {
		display: none;
	}

	.mini-site-logo,
	.mini-menu,
	.mini-cart,
	.mini-search {
		position: absolute;
		top: 0;
		bottom: 0;
	}

	.mini-site-logo {
		left: 65px;
		right: 65px;

		max-width: 155px;
		max-height: 60px;
		margin: auto;

		-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
				transform: translateY(0);

		-webkit-transition: -webkit-transform .4s cubic-bezier(.694, .0482, .335, 1);
				transition: transform .4s cubic-bezier(.694, .0482, .335, 1);
	}
	.is-new-mini-cart-item .mini-site-logo {
		-webkit-transform: translateY(-65px);
			-ms-transform: translateY(-65px);
				transform: translateY(-65px);

		-webkit-transition-delay: 0.15s;
				transition-delay: 0.15s;
	}
	.no-csstransforms .mini-site-logo {
		top: 0;
	}
	.no-csstransforms .new-mini-cart-item .mini-site-logo {
		top: -100px;
	}

	.mini-cart-info {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0px;
		right: 0px;
		margin: auto;
		text-align: center;
		color: #222;
		font-weight: 600;
		font-size: 11px;

		-webkit-transform: translateY(65px);
			-ms-transform: translateY(65px);
				transform: translateY(65px);

		-webkit-transition: -webkit-transform .4s cubic-bezier(.694, .0482, .335, 1);
				transition: transform .4s cubic-bezier(.694, .0482, .335, 1);
	}
	.is-new-mini-cart-item .mini-cart-info {
		-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
				transform: translateY(0);

		-webkit-transition-delay: 0.15s;
				transition-delay: 0.15s;
	}
	.no-csstransforms .mini-cart-info {
		top: 100px;
	}
	.no-csstransforms .new-mini-cart-item .mini-cart-info {
		top: 0;
	}
	.mini-cart-info:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
	}
	.mini-cart-info-text {
		display: inline-block;
		vertical-align: middle;
		line-height: 1.1;
	}

	.mini-menu,
	.mini-cart,
	.mini-search {
		width: 65px;
		color: #444;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	.mini-menu {
		left: 0;
		font-size: 30px;
	}
	.mini-cart {
		right: 0;
		font-size: 22px;
	}

	.mini-search {
		left: 70px;
		line-height: 65px;
		font-size: 22px;
	}

	.is-touch.mini-menu,
	.is-touch.mini-cart {
		opacity: 0.5;

	    -webkit-transition: opacity .15s;
	   			transition: opacity .15s;
	}
	.mini-cart-inner {
		position: relative;
		display: inline-block;
	}
	.mini-cart-count {
		position: absolute;
		top: -4px;
		right: -10px;

		height: 17px;
		width: 17px;

		background: #CC0000;
		border-radius: 50%;

		line-height: 17px;
		font-size: 9px;
		color: #fff;
		text-align: center;
	}
	.is-new-mini-cart-item .mini-cart-count {
		-webkit-animation: cart-count-pop .25s cubic-bezier(.694, .0482, .335, 1);
				animation: cart-count-pop .25s cubic-bezier(.694, .0482, .335, 1);
	}
	.is-mobile-nav-open .mini-menu {
		font-size: 22px;
	}
	.is-mobile-nav-open .mini-menu .wgr-icon:before {
		content: "\f00d";
	}

	.wgr-production {
		margin-top: 15px;
		color: #555;
	}

	.sort-section {
        display: none;
    }
    .sort-select {
        display: block;
        margin-bottom: 15px;
    }
    .sort-select select {
        width: 100%;
    }

	.checkout-info {
		padding: 7px 15px 0;
	}

	.checkout-info-item {
		float: none;
		margin-right: 0;
		margin-bottom: 7px;
	}
	.checkout-info-terms {
		display: none;
	}
	.checkout-stepnumber {
		height: 22px;
		width: 22px;
		line-height: 22px;
		font-size: 11px;
	}

	.mini-search__dropdown {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		height: 40px;
		z-index: 11;
	}

	.mini-search__dropdown .site-search {
		margin: 0;
		max-width: none;
		border-top-style: none;
		border-radius: 0;
	}
}

/* Medium */
@media all and (max-width: 480px) {
	.mini-site-logo {
		max-width: 135px;
		max-height: 50px;
	}

	.mini-search {
		line-height: 50px;
		left: 55px;
	}

	.mobile-header__middle {
		height: 50px;
	}

	.product-carousel {
		height: auto;
		margin-left: 50px;
		margin-right: 50px;
		margin-bottom: 15px;
		line-height: 1;
		text-align: center;
	}

	.review-col-1 {
		max-width: auto;
		margin-right: 0;
		float: none;
		margin-bottom: 10px;
	}

	.checkout-cart thead th:last-child,
	.checkout-cart-row td:last-child {
		padding-left: 10px;
		white-space: nowrap;
	}

	.checkout-cart-quantity-btn {
		/* display:none; */
	}

	.checkout-cart-custom-text {
		display: none;
	}
	.checkout-cart-row-small {
		display: table-row;
	}
	.checkout-cart-row-small td {
		padding-top: 0;
	}

	.followup {
		text-align: center;
	}
	.followup textarea {
		font-size: 16px;
	}
	.followup .media-img {
		width: auto;
		float: none;
		margin-left: 0;
		margin-bottom: 15px;
	}
	.followup-stars {
		margin-top: 10px;
		margin-bottom: 15px;

		text-align: center;
	}
	.followup-stars > label {
		font-size: 20px;
	}
}

@media all and (max-width: 350px) {
	.checkout-cart-thumbnail {
		max-height: 25px;
		max-width: 25px;
		margin-right: 5px;
	}
	.checkout-cart-quantity-input {
		width: 25px;
		height: 25px;
		line-height: 25px;
	}
}

/** Menu modules **/

/* Large */
@media all and (max-width: 768px) {
	.site-search {
		max-width: 440px;
		margin-left: auto;
		margin-right: auto;
	}

	.mobile-module {
		margin-bottom: 30px;
	}
	.mobile-module__heading {
		margin: 0;
		padding: 8px 18px;
		font-weight: 600;
		color: #444;
	}

	.mobile-module__body {
		background-color: #fcfcfc;
		padding: 20px;
		border-top: 1px solid #e2e2e2;
		border-bottom: 1px solid #e2e2e2;
	}

	.mobile-listmenu {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	.mobile-listmenu a {
		position: relative;

		display: block;
		padding: 12px 18px;
		border-bottom: 1px solid #e2e2e2;

		font-size: 13px;
		color: #222;
	}
	.mobile-listmenu a:hover {
		text-decoration: none;
	}

	.mobile-listmenu .selected {
		font-weight: 600;
	}

	.mobile-listmenu-0 {
		background-color: #fcfcfc;
		border-top: 1px solid #e2e2e2;
	}

	.mobile-listmenu-0 + .mobile-listmenu-0 {
		border-top-style: none; /* Fix for double-border */
	}

	.mobile-listmenu-1 {
		background: rgba(0,0,0,.02);
	}

	.mobile-listmenu-1 .mobile-listmenu {
		/*background: rgba(0,0,0,.02);*/
		border-left: 5px solid #c9c9c9;
	}

	/* Toggle menu */
	li .mobile-listmenu {
		display: none;
	}
	.is-listmenu-opened > .mobile-listmenu {
		display: block;
	}

	/* Font icon */
	.menu-node {
		width: 40px;
		height: 100%;

		text-align: center;
		line-height: 42px;
		font-size: 22px;
	}
	.lang-changer {
		text-align: center;
	}
}

/* Medium */
@media all and (max-width: 480px) {
	.site-search {
		margin-left: 12px;
		margin-right: 12px;
	}
	.mobile-module__heading {
		padding-left: 12px;
		padding-right: 12px;
	}
	.mobile-module__body {
		padding: 12px;
	}
	.mobile-listmenu a {
		padding-left: 12px;
		padding-right: 12px;
	}
}

/** Grid-gallery **/

@media all and (max-width: 1100px) {
	.view-home .grid-gallery > li {
		width: 31.33%;
	}
}

/* XLarge */
@media all and (max-width: 960px) {
	.grid-gallery > li,
	.view-checkout .grid-gallery > li {
		width: 31.33%;
	}
}
/* Medium */
@media all and (max-width: 480px) {
	.grid-gallery > li,
	.view-home .grid-gallery > li,
	.view-checkout .grid-gallery > li {
		width: 48%;
	}
}

/* ==========================================================================
   Helpers
   ========================================================================== */

/* XLarge */
@media all and (max-width: 960px) {
	.hide-for-xlarge {
		display: none !important;
	}
}

/* Large */
@media all and (max-width: 768px) {
	.hide-for-large {
		display: none !important;
	}
}

/* Medium */
@media all and (max-width: 480px) {
	.hide-for-medium {
		display: none !important;
	}
}

/* Small */
@media all and (max-width: 320px) {
	.hide-for-small {
		display: none !important;
	}
}


/* ==========================================================================
   Custom animations
   ========================================================================== */

@-webkit-keyframes cart-count-pop {
	50% {
		-webkit-transform: scale(1.35);
				transform: scale(1.35);
	}
	100% {
		-webkit-transform: scale(1);
				transform: scale(1);
	}
}
@keyframes cart-count-pop {
	50% {
		-webkit-transform: scale(1.35);
				transform: scale(1.35);
	}
	100% {
		-webkit-transform: scale(1);
				transform: scale(1);
	}
}
@media print {
    /* Base */
    @page {
        padding: 1.5cm
    }

    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    /* Layout */
    .l-menubar,
    .l-menubar-wrapper,
    .l-sidebar,
    .l-sidebar-primary,
    .l-footer {
        display: none;
    }

    .l-holder {
        margin: 0;
        padding: 0;
        width: auto;
        
        -webkit-transition: none; 
        transition: none;
    }

    .l-header {
        position: static;
        margin-bottom: 15px;
        text-align: center;
    }

    .site-logo {
        max-width: 250px;
    }

    .l-content,
    .l-inner {
        margin: 0;
    }

    /* Modules */
    .btn,
    .vat-selector,
    .mini-menu-icon,
    .mini-cart-icon,
    .category-checkout-link,
    .product-cart-button-wrapper,
    .product-part-payment-klarna,
    .product-part-payment-hbank {
        display: none;
    }

    /* Helpers */
    .hidden-print {
        display: none !important;
    }
}/* This CSS will be loaded last so you can overload any previous instructions */