/**
 * SUMOshop Common v?.?
 * Copyright 2018 SUMOshop http://www.sumoshop.dk
 * All rights reserved
 */
.common-menu li, .common-menu li img, .common-menu-hover li {
	display: block;
	margin: 0;
	vertical-align: middle;
}

.common-menu-hover li {
	position: relative;
}

.common-menu li>a, .common-menu-hover li>a, .common-menu-sub li>a, .common-menu-hover-sub li>a, .common-menu li>span, .common-menu-hover li>span, .common-menu-sub>span, .common-menu-hover-sub li>span {
	display: block;
	margin: 0;
	padding: calc(5px + 0px);
	padding: calc(var(--basic-margin) + var(--basic-padding));
	text-decoration: none;
}

.common-menu-sub li>a, .common-menu-hover-sub li>a, .common-menu-sub>span, .common-menu-hover-sub li>span {
	padding-top: calc(10px / 2);
	padding-top: calc(var(--basic-innerpadding) / 2);
	padding-bottom: calc(10px / 2);
	padding-bottom: calc(var(--basic-innerpadding) / 2);
}

.common-menu-sub>span, .common-menu-hover-sub li>span {
	font-weight: bold;
}

.common-menu>li, .common-menu>li>img, .common-menu>li>a, .common-menu-hover>li, .common-menu-hover>li>a, .common-menu-sub>li>a {
	float: left;
}

.common-menu-hover>li, .common-menu-hover-sub, .common-menu-hover-subcontainer {
	background-color: inherit;
}

.common-menu li a.selected, .common-menu-hover li a.selected {
	color: #888888;
	color: var(--basic-hover-color);
}

.common-menu-hover-sub, .common-menu-hover-subcontainer {
	visibility: hidden;
	z-index: 10000;
	position: absolute;
	top: calc(20px + 5px * 2 + 0px * 2);
	top: calc(20px + var(--basic-margin) * 2 + var(--basic-padding) * 2);
	opacity: 0;
}

.common-menu-ordered-sub, .common-menu-ordered-subcontainer {
	position: static;
}

.common-menu-hover>li>.common-menu-hover-sub, .common-menu-hover-subcontainer {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #888888;
}

.common-menu-ordered>li>.common-menu-ordered-sub, .common-menu-ordered-subcontainer {
	border: 0;
}

.common-menu-hover-subcontainer {
	top: auto;
	left: 0;
	width: 100%;
	margin-top: calc(20px + 5px * 2 + 0px * 2);
	margin-top: calc(20px + var(--basic-margin) * 2 + var(--basic-padding) * 2);
}

.fixed-top .common-menu-hover-subcontainer, .fixed-auto-top .common-menu-hover-subcontainer {
	position: fixed;
}

.common-menu-hover-subcontainer .common-menu-hover-sub {
	position: static;
	margin: auto;
}

.common-menu li:hover .common-menu-sub, .common-menu-hover li:hover .common-menu-hover-sub, .common-menu-hover li:hover .common-menu-hover-subcontainer, .common-menu li .visible, .common-menu-hover li .visible, .common-menu-ordered-sub, .common-menu-ordered-subcontainer {
	visibility: visible;
	opacity: 1;
}

.common-menu-hover .common-menu-hover-sub li a:hover {
	color: #888888;
	color: var(--basic-hover-color);
}

.common-menu-hover-sub ul {
	float: left;
}

.common-menu-sub-toggle, .common-menu-hover-toggle, .common-menu-toggle {
	display: none;
	width: calc(30px + 0px * 2);
	width: calc(30px + var(--basic-padding) * 2);
	height: calc(30px + 0px * 2);
	height: calc(30px + var(--basic-padding) * 2);
	margin: 5px;
	margin: var(--basic-margin);
	padding: 0px;
	padding: var(--basic-padding);
	background-image: url("../icon/menu.svg");
	background-size: auto 18px;
}

.menu-subcontainer, .menu-subcontainer .common-menu-hover li, .menu-fullwidth .common-menu-hover li {
	position: static;
}

.menu-fullwidth {
	position: relative;
	width: 100%;
	margin: auto;
}

.menu-fullwidth .common-menu-hover-sub {
	position: absolute;
	left: 0;
}

.common-menu-hover-subcontainer .common-menu-hover-sub, .menu-fullwidth .common-menu-hover-sub {
	width: 1200px;
	width: var(--basic-full);
	max-width: 100%;
}

.menu-justify .common-menu, .menu-justify .common-menu-hover {
	display: flex;
	justify-content: space-between;
}

.menu-justify .common-menu-hover:after {
	display: none;
}

.menu-justify .common-menu-hover>li, .menu-justify .common-menu-hover>li>a {
	float: none;
}

.menu-justify .common-menu-hover-subcontainer {
	margin-top: 0;
}

.common-cart, .common-shortlist, .common-wishlist {
	margin: 5px;
	margin: var(--basic-margin);
	padding: 0px;
	padding: var(--basic-padding);
}

.common-cart.updated {
	animation: none;
	-webkit-animation: none;
}

.common-cart.updated .common-menu-hover-sub {
	animation: inout 4s none;
	-webkit-animation: inout 4s none;
}

@keyframes inout {  
	0% {
		visibility: hidden;
		opacity: 0;
	}
	5% {
		visibility: visible;
		opacity: 1;
	}
	95% {
		visibility: visible;
		opacity: 1;
	}
	100% {
		visibility: hidden;
		opacity: 0;
	}
}

.common-cart-info, .common-shortlist-info, .common-wishlist-info {
	height: 30px;
}

.common-cart-info>li, .common-shortlist-info>li, .common-wishlist-info>li {
	width: 100%;
	height: 100%;
}

.common-cart-info>li>a, .common-shortlist-info>li>a, .common-wishlist-info>li>a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 0 0 25px;
	line-height: 30px;
	background-image: url("../icon/cart.svg");
	background-size: auto 18px;
	background-position: left center;
}

.header-hover-invert>header:hover .common-cart-info>li>a, .header-unhover-invert>header:not(:hover) .common-cart-info>li>a {
	background-image: url("../icon/invert/cart.svg");
}

.common-cart-total, .common-cart-quantity, .common-shortlist-quantity, .common-wishlist-quantity {
	font-weight: bold;
}

.common-cart-quantity {
	display: none;
}

.common-shortlist a.disabled {
	opacity: 1;
}

.common-shortlist-info>li>a, .common-wishlist-info>li>a {
	background-image: url("../icon/heart-active.svg");
}

.header-hover-invert>header:hover .common-shortlist-info>li>a, .header-unhover-invert>header:not(:hover) .common-shortlist-info>li>a, .header-hover-invert>header:hover .common-wishlist-info>li>a, .header-unhover-invert>header:not(:hover) .common-wishlist-info>li>a {
	background-image: url("../icon/invert/heart-active.svg");
}

.common-cart .common-menu-hover-sub, .common-shortlist .common-menu-hover-sub, .common-wishlist .common-menu-hover-sub {
	overflow: none;
	position: absolute;
	top: 30px;
	right: 0;
}

.common-cart .common-menu-hover-sub li, .common-shortlist .common-menu-hover-sub li, .common-wishlist .common-menu-hover-sub li {
	clear: both;
	border-top: 1px solid #dddddd;
}

.common-cart .common-menu-hover-sub li:first-child, .common-shortlist .common-menu-hover-sub li:first-child, .common-wishlist .common-menu-hover-sub li:first-child {
	border-top: 0;
}

.common-cart .common-menu-hover-sub li>a, .common-shortlist .common-menu-hover-sub li>a, .common-wishlist .common-menu-hover-sub li>a {
	width: calc(1200px * 1/4 - 5px * 2);
	width: calc(var(--basic-full) * 1/4 - var(--basic-margin) * 2);
	margin: 5px;
	margin: var(--basic-margin);
	padding: 0px;
	padding: var(--basic-padding);
	text-transform: none;
}

.common-cart .common-menu-hover-sub li>a:after, .common-shortlist .common-menu-hover-sub li>a:after, .common-wishlist .common-menu-hover-sub li>a:after {
	content: "";
	clear: both;
	display: block;
}

.common-cart .common-menu-hover-sub img, .common-shortlist .common-menu-hover-sub img, .common-wishlist .common-menu-hover-sub img {
	float: left;
	max-width: 50%;
	margin: 0 calc(5px + 0px) 0 0;
	margin: 0 calc(var(--basic-margin) + var(--basic-padding)) 0 0;
}

.common-cart-brand, .common-cart-title, .common-cart-color, .common-cart-size, .common-cart-price, .common-shortlist-brand, .common-shortlist-title, .common-shortlist-color, .common-shortlist-size, .common-shortlist-price, .common-wishlist-brand, .common-wishlist-title, .common-wishlist-color, .common-wishlist-size, .common-wishlist-price {
	display: block;
	margin-bottom: 5px;
}

.common-cart-title, .common-cart-size, .common-shortlist-title, .common-shortlist-size, .common-wishlist-title, .common-wishlist-size {
	margin-bottom: 15px;
}

.common-cart-brand, .common-cart-price, .common-shortlist-brand, .common-shortlist-price, .common-wishlist-brand, .common-wishlist-price {
	font-weight: bold;
}

.common-cart-viewall, .common-shortlist-viewall, .common-wishlist-viewall {
	text-align: center;
}

.common-search {
	height: calc(30px + 0px * 2);
	height: calc(30px + var(--basic-padding) * 2);
	padding: 0px;
	padding: var(--basic-padding);
}

.common-search form input[type=search] {
	float: right;
	width: calc(100% - 20px);
	margin: 5px;
	margin: var(--basic-margin);
	height: 30px;
	padding: 0 30px 0 0;
	background-image: url("../icon/search.svg");
	background-size: auto 18px;
	background-position: left center;
}

.header-hover-invert>header:hover .common-search form input[type=search], .header-unhover-invert>header:not(:hover) .common-search form input[type=search] {
	background-image: url("../icon/invert/search.svg");
}

.common-menu .common-search form input[type="search"], .common-menu-hover .common-search form input[type="search"] {
	width: calc(100% - 20px);
	border-bottom-color: #888888;	
}

.common-search form input[type=submit] {
	display: none;
}

.common-newsletter {
	padding: 0px;
	padding: var(--basic-padding);
}

.common-newsletter form input[type=email], .common-newsletter form input[type=text], .common-newsletter form input[type=checkbox], .common-newsletter form label {
	display: block;
	float: left;
	margin: 5px;
	margin: var(--basic-margin);
}

.common-newsletter form input[type=checkbox] {
	margin-right: 0px;
}

.common-newsletter form input[type=email], .common-newsletter form input[type=text] {
	width: calc(100% - 100px - 5px * 2 - 10px * 2);
	width: calc(100% - 100px - var(--basic-margin) * 2 - var(--basic-innerpadding) * 2);
	height: calc(20px + 10px * 2);
	height: calc(20px + var(--basic-innerpadding) * 2);
}

.common-newsletter form>label {
	clear: both;
}

.common-newsletter form input[type=submit] {
	display: block;
	float: left;
	width: 100px;
	height: calc(20px + 10px * 2);
	height: calc(20px + var(--basic-innerpadding) * 2);
	font-size: 13px;
}

.common-newsletter form::after {
	content: "";
	display: block;
	clear: both;
}

.common-orderheader-invoiceaddress, .common-orderheader-shippingaddress, .common-orderheader-details {
	float: left;
	width: calc(1200px * 1/3 - 5px * 2);
	width: calc(var(--basic-full) * 1/3 - var(--basic-margin) * 2);
	margin: 5px;
	margin: var(--basic-margin);
	padding: 0px;
	padding: var(--basic-padding);
}

.common-orderheader-details, .common-orderheader-shippingaddress, .common-orderheader-invoiceaddress {
	line-height: 160%;
}

.common-orderlines, .form .common-orderlines {
	display: block;
}

.common-orderlines .list-table th.quantity, .common-orderlines .list-table th.quantityinput, .common-orderlines .list-table th.price, .common-orderlines .list-table th.total, .common-orderlines .list-table th.delete, .common-orderlines .list-table td.quantity, .common-orderlines .list-table td.quantityinput, .common-orderlines .list-table td.quantitydelete, .common-orderlines .list-table td.deletenoquantity, .common-orderlines .list-table td.price, .common-orderlines .list-table td.delete {
	text-align: center;
}

.common-orderlines .list-table th.total, .common-orderlines .list-table td.total, .common-orderlines .list-table th.total_novat, .common-orderlines .list-table td.total_novat {
	text-align: right;
	width: 160px;
	max-width: 160px;
	white-space: nowrap;
}

.common-orderlines .list-table th.item, .common-orderlines .list-table td.item {
	text-align: left;
}

.common-orderlines .list-table td.item a {
	text-decoration: none;
}

.common-orderlines .list-table td.item img {
	float: left;
	margin-right: calc((5px + 0px) * 2);
	margin-right: calc((var(--basic-margin) + var(--basic-padding)) * 2);
}

.common-orderlines-list-item-brand, .common-orderlines-list-item-title, .common-orderlines-list-item-externalcode, .common-orderlines-list-item-color, .common-orderlines-list-item-size {
	display: block;
	margin-bottom: 5px;
}

.common-orderlines-list-item-brand {
	font-weight: bold;
}

.common-orderlines-list-item-title {
	margin-bottom: 15px;
}

.common-orderlines .list-table .quantityinputdelete input, .common-orderlines .list-table .quantityinput input {
	width: calc(50px + 0px * 2);
	width: calc(50px + var(--basic-padding) * 2);
}

.common-orderlines .list-table .quantityinputdelete a {
	margin-left: 10px;
}

.common-orderlines .list-table tr.total td, .common-orderlines .list-table td.total, .common-orderlines .list-table td.total_novat {
	font-weight: bold;	
}

.common-orderlines .list-table tr.vat td {
	font-weight: normal;
	color: #888888;
}

.common-orderlines .list-table tr.total {
	font-size: 18px;
}

.common-orderlines .list-table td.list-table-foot-span {
	text-align: right;
}

.common-orderlines .list-table td.list-table-foot-span>span {
	display: inline-block;
	width: 160px;
	max-width: 160px;
	text-align: left;
}

@media only screen and (max-width: 600px) {
	.menu-toggle-auto.fixed {
		position: static;
	}

	.menu-toggle-auto>.common-menu-hover, .menu-toggle-auto>.common-menu-sub, .menu-toggle-auto>.common-menu {
		display: none;
	}

	.menu-toggle-auto .common-menu-hover>li, .menu-toggle-auto .common-menu-sub>li, .menu-toggle-auto .common-menu-hover>li>a, .menu-toggle-auto .common-menu-sub>li>a, .menu-toggle-auto .common-menu-hover-sub ul, .menu-toggle-auto .common-menu>li, .menu-toggle-auto .common-menu>li>a {
		float: none;
	}

	.menu-toggle-auto .common-menu .common-menu-sub, .menu-toggle-auto .common-menu .common-menu-sub-inner, .menu-toggle-auto .common-menu-hover .common-menu-hover-sub, .menu-toggle-auto .common-menu-hover .common-menu-hover-sub-inner, .menu-toggle-auto .common-menu-hover .common-menu-hover-subcontainer {
		position: static;
		visibility: visible;
		opacity: 1;
	}

	.menu-toggle-auto .common-menu-hover .common-menu-hover-subcontainer:after {
		content: "";
		display: block;
		clear: both;
	}

	.menu-toggle-auto .common-menu-hover, .menu-toggle-auto .common-menu {
		overflow-y: scroll;
		width: 100%;
	}

	.menu-toggle-auto .common-menu li {
		width: 100%;
	}

	.menu-toggle-auto .common-menu-hover-subcontainer {
		margin-top: 0;
	}

	.common-menu-hover-toggle, .common-menu-sub-toggle, .common-menu-toggle {
		display: block;
	}

	.common-cart-quantity {
		display: block;
	}

	.common-cart-headline, .common-cart-total {
		display: none;
	}

	.common-cart .common-menu-hover-sub, .common-shortlist .common-menu-hover-sub {
		display: none;
	}

	.common-orderheader-shippingaddress, .common-orderheader-invoiceaddress, .common-orderheader-handling {
		width: calc(100% - 5px * 2);
		width: calc(100% - var(--basic-margin) * 2);
	}

	.common-orderlines .list-table td.item img {
		width: 50%;
	}

	.common-orderlines .list-table th.total, .common-orderlines .list-table td.total, .common-orderlines .list-table td.list-table-foot-span>span {
		width: auto;
	}

	.common-orderlines .list-table td.list-table-foot-span {
		text-align: left;
	}

	.common-language>ul>li>a, .common-currency>ul>li>a {
		display: none;
	}
}

.common-cart