button {
	white-space:	nowrap;
}

.shop-enabled #main-menu .menu li.last > a {
	padding:	0.5rem 1rem;
	background-color:#ff6600;
	border:		2px solid #ff6600;
	border-radius:	2px;
	color:		#fff;
}

.shop-enabled #main-menu .menu li.last > a:hover {
	color:		#182043 !important;
}

.shop-enabled #mobile-menu .menu li.last {
	background-color:#ff6600;
}

@media only screen and (max-width : 1000px) {
	.shop-enabled #navigation .inner {
		padding:	0;
	}
	.shop-enabled #main-menu {
		width:		100%;
	}
	.shop-enabled #main-menu li.last  {
		text-align:	center;
		width:		100%;
		display:	block !important;
	}
	.shop-enabled #navigation {
		height:		75px;
	}
	.node-type-cart-view .shop-enabled #navigation {
		height:		28px;
	}
}



/* SIDEBAR */

#shop-modal h1,
#shop-modal h2,
#shop-modal h3,
#shop-modal h4 {
	font-family:	"proxima-nova";
	font-weight:	600;
}

#shop-modal h1 {
	font-size:	3.6rem;
	line-height:	3.6rem;
}

#sidebar {
	width:		26rem;
	min-width:	26rem;
	padding-right:	8rem;	
}

#sidebar .heading {
	font-family:	"proxima-nova";
	font-weight:	700;
	font-size:	2.2rem;
	line-height:	4rem;
	color:		#FF6600;
	border-bottom:	1px solid #fff;
}

#sidebar ul.menu {
	margin:		0;
	padding:	0;
}

#sidebar li {
	display:	block;
	width:		100%;
	margin:		0;
	padding:	0;
	border-bottom:	1px solid #fff;
	list-style-type: none !important;
	list-style-image:none !important;
}

#sidebar li a {
	position:	relative;
	display:	block;
	width:		100%;
	line-height:	4rem;
	color:		#999999;
	text-decoration: none;
}

#sidebar li a:hover,
#sidebar li a.active {
	color:		#fff;
}

#sidebar li a.active::before {
	position:	absolute;
	left:		-3rem;
	top:		0;
	content:	"\f061";
	font-family:	"Font Awesome 5 Free";
	font-weight:	900;
}


/* PRODUCTS */

#products {
	width:		100%;
	background-color:#d7dee5;
}

#products .intro {
	padding:	2rem 0 4rem 0;
}

#products .intro p {
	margin-bottom:	0;
}

#products h1,
#products h2 {
	font-family:	"proxima-nova";
	font-weight:	600;
	font-size:	3.2rem;
	line-height:	1.1em;
}

#products .content {
	position:	relative;
	display:	flex;
}

#products .content .body {
	margin-right:	3rem;
}

#products .content .advert {
	max-width:	50rem;
	min-width:	50rem;
}

#products .menu {
	position:	relative;
	top:		0;
	left:		0;
	bottom:		0;
	border-right:	1px solid #d7dee5;
	box-shadow:	0.7rem 0 0.5rem rgba(0, 0, 0, 0.2);
	z-index:	1;
	background-color:#fff;
	height:		100%;
}

#products .menu ul.main {
	width:		25rem;
	height:		100%;
	margin:		0;
	padding:	0;
	background-color:#fff;
	box-shadow:	0.7rem 0 0.5rem rgba(0, 0, 0, 0.2);
}

#products .menu ul.sub {
	width:		25rem;
	visibility:	hidden;
	position:	fixed;
	top:		178px;
	left:		-100rem;
	height:		1000px;
	padding:	0;
	background-color:#fff;
	opacity:	0;
	border-left:	1px solid #d7dee5;
	/*transition:	visibility 0.1s, opacity 0.1s linear;*/
}

#products .menu ul.sub a {
	padding:	1rem;
}

#products .menu li.open ul.sub {
	left:		25rem;
	visibility:	visible;
	opacity:	1;
}

#products .menu li {
	background-color:#fff;
	list-style-type: none !important;
	list-style-image:none !important;
}

#products .menu li.open,
#products .menu li:hover {
	background-color:#d7dee5;
}
#products .menu li.active > a {
	color:		#ff6600;
	font-weight:	600;
}

#products .menu li.children a {
	display:	flex;
	justify-content:space-between;
	align-items:	center;
	width:		100%;
}

#products .menu a {
	display:	block;
	width:		100%;
	padding:	1rem 2rem;
	color:		#333333;
	line-height:	1.1em;
	text-decoration:none;
	font-weight:	500;
}

#products .menu span {
	display:	block;
}

#products .menu span.angle {
	padding-left:	1rem;
	text-align:	right;
	font-size:	1.9rem;
	line-height:	1.9rem;
	color:		#777;
	font-family:	"Font Awesome 5 Free";
}

#products .list {
	position:	relative;
	padding:	2rem;
	width:		100%;
	background-color:#d7dee5;
}

#products .list .shadow {
	display:	block;
	position:	absolute;
	top:		0;
	bottom:		0;
	left:		9000px;
	right:		0;
	opacity:	0;
	transition:	opacity 1s;
	background-color:rgba(0, 0, 0, 0.5);
}

#products .list .shadow.set {
	left:		0;
	opacity:	1;
}

/* Categories */

#products .category {
	display:	table;
	table-layout:	fixed;
	width:		100%;
	padding:	0;
	margin:		0 0 2rem 0;
	background-color:#fff;
}

#products .category .row {
	display:	table-row;
	vertical-align:	top;
}

#products .category .picture {
	display:	table-cell;
	vertical-align:	top;
	width:		24rem;
	line-height:	0;
}

#products .category .picture img {
}

#products .category .content {
	display:	table-cell;
	vertical-align:	top;
	position:	relative;
	min-width:	50%;
	padding:	2rem 2rem 9rem 2rem;
}

#products .category.open .content {
	padding-bottom:	9rem;
}

#products .category .content h2 {
	margin-bottom:	1.6rem;
}

#products .category .content p {
	line-height:	1.4em;
	margin:	0 !important;
}

#products .category .more {
	position:	absolute;
	left:		2rem;
	bottom:		2rem;
}

/* Products */

#products .product-list {
}

#products .product-list .container {
	display:	flex;
	flex-wrap:	wrap;
	align-content:	flex-start;
}

#products .item {
	position:	relative;
	width:		240px;
	margin:		2rem 2rem 0 0;
	background-color:#fff;
}

#products .item .order {
	position:	absolute;
	top:		1rem;
	right:		1rem;
}

#products .item .order select {
}


@media only screen and (max-width : 1900px) {
	#products .item {
		width:	calc(16.5% - 20px);
	}
}


@media only screen and (max-width : 1600px) {
	#products .item {
		width:	calc(20% - 20px);
	}
}


@media only screen and (max-width : 1300px) {
	#products .item {
		width:	calc(25% - 20px);
	}
}

@media only screen and (max-width : 1200px) {
	#products .content .advert {
		max-width:		40rem;
		min-width:		40rem;
	}
}

@media only screen and (max-width : 1000px) {
	#products .item {
		width:	calc(33% - 20px);
	}
}

@media only screen and (max-width : 800px) {
	#products .item {
		width:	calc(50% - 20px);
	}
	#products .intro .content {
		display:	block;
	}
	#products .intro .content .advert {
		margin-top:	5rem;
		max-width:	50rem;
	}
}

@media only screen and (max-width : 600px) {
	#products .item {
		width:	100%;
	}
}


#products .item a {
	color:		#303030;
	text-decoration:none;
}

#products .item .picture {
	margin:		0;
	padding:	0;
	line-height:	0;
	width:		100%;
	height:		auto;
	background-color:#ccc;
}

#products .item .picture img {
	width:		100%;
	height:		auto;
}

#products .item .text {
	margin:		0;
	padding:	1.5rem 2rem 6rem 2rem;
	font-size:	1.8rem;
	font-weight:	700;
	line-height:	1.1em;
}

#products .item .see {
	position:	absolute;
	left:		2rem;
	bottom:		1rem;
	font-weight:	700;
	color:		#ff6600;
	text-transform:	uppercase;
	text-decoration:none;
}

#products .item .see:after {
	content:	" \f061";
	font-family:	"Font Awesome 5 Free";
	font-size:	1.8rem;
	font-weight:	900;
}

#products .related-products {
	width:		auto;
	margin:		4rem 3rem 4rem 0;
	padding:	2rem 0 2rem 2rem;
	background-color:#eee;
}

#products .related-products.node {
	width:		100%;
	margin:		0 0 3rem 0;
	background-color:#182043;
}

#products .related-products.node h3 {
	color:		#ff6600;
	text-transform:	uppercase;
}

#products .category-related .related-products {
	margin:		4rem 0;
}

#products .related-products h3 {
	margin:		0;
}

#products .related-products-list {
	display:	flex;
	flex-wrap:	wrap;
}

/*
#products .related-products-list .item {
	flex-grow:	0;
	width:		165px;
}
#products .related-products-list .item .picture {
	width:		100%;
	height:		auto;
}
*/

#products .related-products-list .item .text {
	padding:	1.5rem 2rem 2rem 2rem;
	font-size:	1.8rem;
	font-weight:	700;
	line-height:	1.1em;
}


@media only screen and (max-width : 700px) {
	#products .category {
		display:	block;
		table-layout:	fixed;
		width:		100%;
		padding:	0;
		margin:		2rem 0;
		background-color:#fff;
	}

	#products .category .row {
		display:	block;
		vertical-align:	top;
	}

	#products .category .picture {
		margin:		0 auto;
		display:	block;
		vertical-align:	top;
		line-height:	0;
	}

	#products .category .content p {
		margin-bottom:	0 !important;
	}
}

/* PRODUCT ITEMS */


#breadcrumbs {
	margin-bottom:	1rem;
	color:		#ff6600;
}


#breadcrumbs a {
	text-decoration:none;
}

#breadcrumbs a:after {
	content:	"\00bb";
	display:	inline-block;
	margin:		0 1rem;
}

#product-item #breadcrumbs {
	margin-left:	0;
	margin-bottom:	4rem;
	color:		#888;
}

#product-item .inner {
	margin-bottom:	6rem;
}

#product-item .wrapper {
	margin:		0;
	padding:	4rem;
	background-color:#fff;
}

#product-item #wide-content {
	display:	table;
	width:		100%;
}

#product-item #wide-content .content {
	display:	table-row;
}


#product-item #wide-content #info,
#product-item #wide-content #attached {
	display:	table-cell;
	vertical-align:	top;
}

#products .category .show-more,
#product-item #info .show-more {
	color:		#2643a9;
	cursor:		pointer;
}

#products .category.open .show-more,
#product-item #info.open .show-more {
	display:	none;
}

#products .category .show-less,
#product-item #info .show-less {
	display:	none;
	color:		#2643a9;
	white-space:	nowrap;	
	cursor:		pointer;
}

#products .category.open .show-less,
#product-item #info.open .show-less {
	display:	inline;
}

#products .category .more-content,
#product-item #info .more-content {
	display:	none;
}

#products .category.open .more-content,
#product-item #info.open .more-content {
	display:	inline;
}

#product-item #attached {
	width:		30rem;
}

#product-item #image img {
	width:		26rem;
	height:		26rem ;
	border:		2px solid #d7dee5;
}

#product-item #thumbnails {
	display:	flex;
	flex-wrap:	wrap;
}

#product-item #thumbnails img {
	width:		8rem;
	height:		8rem !important;
	margin:		1rem 1rem 0 0;
	border:		2px solid #d7dee5;
	cursor:		pointer;
}

#product-item #thumbnails img.selected {
	border:		2px solid #ff6600;
}


#product-item #files {
	width:		26rem;
	margin:		4rem 0 2rem 0;
	padding:	2rem;
	background-color:#eee;
}

#product-item #files h4 {
	margin:		0;
}

#product-item #files .list {
	line-height:	1.1em;
	word-wrap:	break-word;
}

#product-item #files .list .file {
	display:	flex;
	align-items:	center;
	margin:		1rem 0;
	font-size:	1.4rem;
	line-height:	1.1em;
}

#product-item #files .list a {
	display:	block;
	width:		19rem;
	word-wrap:	break-word;
}

#product-item #files .list .icon {
	margin-right:	1rem;
	font-size:	2.5rem;
	color:		#ff6600;
}

#product-item #files span.file-size {
	display:	none;
}

#product-item .data-wrapper {
	margin-top:	4rem;
	width:		100%;
}

#product-item .data {
	display:	table;
	width:		100%;
	font-size:	1.6rem;
	line-height:	1.1em;
}

#product-item .data .tr:nth-child(even) {
	background-color:#cfe8f8;
}

#product-item .data .th,
#product-item .data .td,
#product-item .mobile-data .td {
	padding:	1rem;
	line-height:	1.1em;
}

#product-item .data .th {
	font-weight:	600;
}

#product-item .data .td.add {
	width:		18rem;
}


#product-item .data .td.add,
#product-item .data .td.stock {
	white-space:	nowrap;
	
}

#product-item .data .th.price,
#product-item .data .td.price {
	text-align:	right;
}

#product-item .data .td.price .list,
#product-item .mobile-data .td.price .list {
	font-size:	0.8em;
}

#product-item .data .notice:after,
#product-item .mobile-data .notice:after {
	content:	'*';
	padding-left:	0.2em;
	color:		#f00;
}

#product-item .price-notice {
	margin-top:	1rem;
	font-size:	0.8em;
}

#product-item .price-notice:before {
	content:	'*';
	padding-right:	0.2em;
	color:		#f00;
}

#product-item .in-stock,
#cart #item-list .in-stock {
	color:		#0c0;
	margin:		0 0.5rem;
}

#product-item .not-in-stock,
#cart #item-list  .not-in-stock {
	color:		#d00;
	margin:		0 0.5rem;
}

#product-item  .add-to-cart input {
	width:		4rem;
	padding:	0.6rem 0;
	text-align:	center;
	border:		1px solid #ccc;
	border-radius:	3px;
}
#product-item  .add-to-cart button {
	margin-left:	1rem;
	padding:	0.7rem 1.5rem;
	color:		#fff;
	background-color:#ff6600;
	border:		0;
	border-radius:	3px;
	cursor:		pointer;
}

#product-item  .add-to-cart button svg {
	margin-right:	0.5rem;
}

#product-item  h1 {
	display:	block;
	width:		100%;
	font-family:	"proxima-nova";
	font-weight:	600;
	font-size:	3.2rem;
	line-height:	1.1em;
}

#product-item  .mobile-data,
#product-item  #narrow-content {
	display:	none;
}

#product-item  .mobile-data .table {
	width:		100%;
}

#product-item  .mobile-data .td:last-child {
	text-align:	right;
}

#product-item  .mobile-data .td:first-child {
	font-weight:	600;
}

#product-item .mobile-data .tr:nth-child(odd) {
	background-color:#cfe8f8;
}

#product-item .mobile-data .tr:nth-child(even) {
	background-color:#edf6fc;
}

#product-item .mobile-data .tr:last-child {
	background-color:#fff;
}

#product-item  #narrow-content #image-wrapper {
	display:	flex;
	align-items:	flex-start;
	justify-content:flex-start;
	position:	relative;
	margin:		3rem 0;
}

#product-item  #narrow-content #image {
	min-width:	50%;
}

#product-item  #narrow-content #image img {
	width:		32rem;
}

#product-item  #narrow-content #thumbnails {
	display:	flex;
	flex-wrap:	wrap;
	align-items:	flex-start;
	justify-content:flex-start;
}

#product-item  #narrow-content #thumbnails img {
	margin:		0 0 1rem 1rem;
	width:		calc(33% - 10px);
	height:		auto !important;
}

#product-item  #narrow-content #thumbnails.items-1 img,
#product-item  #narrow-content #thumbnails.items-2 img {
	margin:		0 0 1rem 1rem;
	width:		calc(50% - 10px);
	height:		auto;
}

#products .product-menu-toggler {
	position:	absolute;
	top:		0;
	left:		0;
	width:		5rem;
	height:		5rem;
	text-align:	center;
	line-height:	5rem;
	font-size:	2.4rem;
	color:		#fff;
	background-color:#ff6600;
	z-index:	1;
	cursor:		pointer;
	display:	none;
}

#products #mobile-top {
	position:	relative;
	padding:	1.1rem 2rem;
	background-color:#d7dee5;
	display:	none;
}
#products #mobile-top .product-menu-toggler {
	position:	absolute;
	top:		0;
	display:	inline-block;
	left:		auto;
	right:		-1px;
}


@media only screen and (max-width : 1100px) {
	#product-item  .data {
		display:	none;
	}
	#product-item  .mobile-data {
		display:	table;
		width:		100%
	}
}
@media only screen and (max-width : 1000px) {
	#products .menu {
		top:		0;
		left:		-27rem;
		transition:	all 0.2s;
		width:		0;
	}
	#products .menu.open {
		position:	relative;
		left:		0;
	}
	#products #mobile-top {
		display:	block;
	}
	#products .menu li.open ul.sub {
		position:	absolute;
		left:		11rem;
		top:		6rem;
		height:		auto !important;
		border:		1px solid #d7dee5;
	}
	#products .product-menu-toggler.open {
		display:	block;
	}
	#products .list {
		margin-left:	4rem;
	}
}
@media only screen and (max-width : 767px) {
	#product-item  #wide-content {
		display:	none;
	}
	#product-item  #narrow-content {
		display:	block;
	}
	#product-item #files {
		width:		100%;
		margin:		2rem 0;
	}
}
@media only screen and (max-width : 600px) {
	#product-item .wrapper {
		padding:	3rem;
	}
}
@media only screen and (max-width : 490px) {
	#product-item.inner {
		padding:	0;
	}
	#product-item .wrapper {
		padding:	2rem;
	}
}

/* COMPANY */

#company-page {
	max-width:	120rem;
	margin:		0 auto 4rem auto;
	padding:	5rem 4rem;
	background-color: #fff;
}

#company-page h1 {
	font-size:	4.8rem;
	line-height:	1.1em;
}

#company-page h2 {
	margin:		3rem 0 0 0;
	font-size:	2.8rem;
	line-height:	1.1em;
}

#company-page table {
	width:		100%;
	max-width:	74rem;
}

#company-page td {
	padding:	1rem 0 0 0;
}

#company-page td:first-child {
	width:		33%;
}


/* TOP */


#top #account-modal-wrapper {
	position:	absolute;
	top:		4.5rem;
	right:		-2rem;
	z-index:	9999;
	background-color:#fff;
	display:	none;
	box-shadow:	0 0.3rem 0.5rem 0.5rem rgba(0, 0, 0, 0.2);
}

#top #account-modal-wrapper.open {
	display:	block;
}

#top #account-modal {
	padding:	2rem 2rem 2rem 1rem;
	background-color:#fff;
	text-align:	left;
	white-space:	nowrap;
}

#top #account-modal .pointer {
	display:	block;
	position:	absolute;
	top:		-1rem;
	right:		1rem;
	width:		3rem;
	height:		3rem;
	background-color:#fff;
	transform:	rotate(45deg);
	z-index:	-1;
	box-shadow:	0 0.3rem 0.5rem 0.5rem rgba(0, 0, 0, 0.2);
}

#top #account-modal a {
	display:	block;
	padding:	0.5rem;
}
#top .login-link:before,
#top .mobile-login-link a:before,
#top a.account-link:before,
#top .account-link a:before,
#top .mobile-account-toggler:before {
	content:	"\f2bd";
	margin-right:	0.5rem;
	font-size:	2rem;
	font-weight:	300;
	font-family:	"Font Awesome 5 Pro";
}

#top a.account-link:after {
	content:	"\f078";
	margin-left:	0.7rem;
	font-weight:	solid;
	font-family:	"Font Awesome 5 Pro";
}

#back-to-shop button {
	margin-top:	1rem;
	padding:	0.5rem 1.5rem;
	border:		2px solid #ff6600;
	border-radius:	3px;
	cursor:		pointer;
	color:		#fff;
	text-transform:	uppercase;
	background-color: #ff6600;
}

#back-to-shop button:hover {
	border:		2px solid #182043;
	background-color: #182043;
}

#cart-link {
	position:	absolute;
	top:		2rem;
	right:		6.8rem;
	font-size:	3rem;
	line-height:	3rem;
	text-align:	center;
}

#cart-link a,
#login-link a {
	text-decoration:none;
	color:		#fff;
}

#cart-link .content {
	position:	relative;
}

#cart-link .value {
	position:	absolute;
	display:	block;
	top:		-0.6rem;
	left:		2.5rem;
	font-size:	1.4rem;
	line-height:	2.5rem;
	width:		2.5rem;
	border-radius:	50%;
	font-weight:	700;
	text-align:	center;
	color:		#fff;
	background-color: #ff6600;
}


/* USER LOGIN */

#login-modal {
	padding:	4rem 8rem 8rem 8rem;
}

@media only screen and (max-width : 767px) {
	#login-modal {
		padding:	4rem;
	}
}

@media only screen and (max-width : 479px) {
	#login-modal {
		padding:	4rem 2rem;
	}
}

#login-modal p {
	margin:		1rem 0 3rem 0 !important;
}

#login-modal .header {
	text-align:	center;
}

#login-modal input[type=submit] {
	margin-top:	0.5rem;
	width:		100%;
	line-height:	4rem;
	background-color:#ff6600;
	border-radius:	3px;
}

#login-modal a {
	color:		#ff6600;
}

#login-modal .item-list {
	position:	absolute;
	left:		8rem;
	bottom:		6rem;
}

#login-modal ul {
	list-style-type: none !important;
	list-style-image:none !important;
}

/* CART */

.ellipsis {
	display:	inline-block;
	white-space:	nowrap;
	overflow:	hidden;
	text-overflow:	ellipsis;
}

#cart button.navi,
#shop-modal button.navi {
	position:	absolute;
	padding:	0.5rem 3rem;
	border:		2px solid #ff6600;
	border-radius:	3px;
	cursor:		pointer;
	text-transform:	uppercase;
	color:		#fff;
	background-color: #ff6600;
}

#cart button.edit,
#shop-modal button.edit {
	position:	absolute;
	padding:	0.5rem 3rem;
	border:		2px solid #ff6600;
	border-radius:	3px;
	color:		#ff6600;
	background-color: #fff;
	cursor:		pointer;
}

#cart input[type=text],
#shop-modal input[type=text],
#shop-modal input[type=password] {
	padding:	0.7rem 1rem;
	border:		2px solid #ccc;
	border-radius:	3px;
	background-color: #fff;
}

#cart select {
	padding:	0.7rem 1rem;
	border:		1px solid #ccc;
	border-radius:	3px;
	background-color: #fff;
}

#cart #confirm-order button,
#cart #next-tab button {
	bottom:		0;
	right:		0;
}

#cart #prev-tab button {
	bottom:		0;
	left:		0;
	color:		#ff6600;
	background-color: #fff;
}

#cart #next-tab.disabled button {
	bottom:		0;
	right:		0;
	color:		#fff;
	border-color:	#ccc;
	background-color:#ccc;
	cursor:		default;
}

#cart .inner {
	width:		100%;
	margin-bottom:	3rem;
	display:	table;
}

#cart .inner .content {
	display:	table-row;
}

#cart .inner .content .tabs,
#cart .inner .content .sidebar {
	display:	table-cell;
	vertical-align:	top;
}

#cart .sidebar {
	width:		28rem;
	padding:	0 2rem 2rem 0;
}

#cart .sidebar .content {
	display:	block;
	position:	relative;
	margin-bottom:	2rem;
	padding:	2rem 2rem 3rem 2rem;
	background-color:#fff;
}

#cart .sidebar #account.content {
	line-height:	1.1em;
}

#cart .sidebar #manage a {
	text-decoration:none;
}

#cart .sidebar #manage a.selected {
	font-weight:	600;
}

#cart .sidebar button {
	position:	relative;
	display:	block;
	margin-top:	3rem;
	width:		100%;
	color:		#fff;
	background-color:#ff6600;
}
#cart .sidebar .ellipsis {
	width:		24rem;
}

#cart #tab-selector .td {
	border-left:	1px solid #ccc;
	padding:	1.5rem;
	font-weight:	600;
	line-height:	1.1em;
	vertical-align:	middle;
	text-align:	center;
	background-color:#cfe8f8;
}

#cart #tab-selector .td:first-child {
	border:		none;
}

#cart #tab-selector .td.active {
	color:		#0070ba;
	background-color:#fff;
}


#cart .tab-wrapper {
	width:		100%;
	padding:	4rem 4rem 6rem 4rem;
	background-color:#fff;
}

#cart .tab {
	position:	relative;
	width:		100%;
	padding-bottom:	8rem;
}

#cart h1 {
	display:	block;
	width:		100%;
	margin-bottom:	1rem;
	font-family:	"proxima-nova";
	font-size:	3.6rem;
}

#cart h2 {
	display:	block;
	width:		100%;
	margin-bottom:	1rem;
	font-family:	"proxima-nova";
	font-size:	2.4rem;
}

span.required:after {
	content:	"*";
	color:		#f00;
}

/* Item list */

#cart #item-list .td {
	vertical-align:	top;
	padding:	3.5rem 0 2rem 0;;
	line-height:	1.2em;
	border-bottom:	1px solid #ccc;
}

#cart #item-list .image {
	padding-top:	2rem;
	width:		13rem;
}

#cart #item-list .image .wrapper {
	width:		11rem;
	height:		11rem;
	line-height:	0;
	border:		1px solid #ccc;
}

#cart #item-list .image img {
	width:		100%;
	height:		auto;
}

#cart #item-list .name {
	font-weight:	600;
}

#cart #item-list .name a {
	color:		#333333;
	text-decoration:none;
}

#cart #item-list .name a:hover {
	text-decoration:underline;
}

#cart #item-list .code {
	color:		#888;
}

#cart #item-list .stock {
	margin-top:	1em;
}

#cart #item-list .modify {
	white-space:	nowrap;
}

#cart #item-list .total {
	margin-top:	2.8rem;
	font-weight:	600;
}

#cart #item-list  .modify-cart {
	white-space:	nowrap;
	
}

#cart #item-list  .modify-cart button {
	padding:	0.7rem 1rem;
	background-color:#eee;
	border:		1px solid #ccc;
	border-radius:	3px;
	cursor:		pointer;
}

#cart #item-list  .modify-cart .count {
	margin:		0 1rem;
	padding:	0.7rem 1rem;
	width:		5rem;
	text-align:	center;
	border:		1px solid #ccc;
	border-radius:	3px;
}

#cart #item-list  .price-unit,
#cart #item-list  .modify-form {
	margin-left:	1rem;
	display:	inline-block;
	vertical-align:	top;
	white-space:	nowrap;
}

#cart #item-list .order-total .td {
	padding:	1rem 0;
	border:		none;
}

#cart #item-list .order-total .total-vat .td {
	border-top:	2px solid #333333;
	font-weight:	600;
	text-transform:	uppercase;
}
#cart #item-list .order-total .total-vat .td.right {
	color:		#ff6600;
}



/* Contact information */

#cart #contact-info #modify button {
	top:		2rem;
	right:		0;
}

#cart #contact-info #add-contact button {
	top:		0.5rem;
	right:		0;
}

#cart #contact-info .table {
	margin-bottom:	4rem;
}

#cart #contact-info .td {
	padding:	1.5rem;
	line-height:	1.1em;
}

#cart #contact-info .tr:nth-child(odd) {
	background-color:#cfe8f8;
}

#cart #contact-info .td:nth-child(1) {
	font-weight:	600;
	width:		30%;
}

#cart #contact-info .contacts {
	position:	relative;
}

#cart #contact-info .person a {
	text-decoration:none;
}
#cart #contact-info .person a:hover {
	text-decoration:underline;
}


#cart #contact-info .reference {	
	margin:		2rem 0;
}

#cart #contact-info #reference h2:after {
	content:	"*";
	color:		#f00;
}

#cart #contact-info #set-reference {
	width:		66%;
}

#cart #modify-company button {
	top:		2rem;
	right:		0;
}

@media only screen and (max-width : 639px) {
	#cart #contact-info .td,
	#cart #contact-info .tr,
	#cart #contact-info .table {
		display:	block;
	}
	#cart #contact-info .td {
		padding:	0;
	}
	#cart #contact-info .td:first-child {
		width:		100%;
		padding:	0;
	}
	#cart #contact-info .td:first-child:after {
		content:	':';
	}
	#cart #contact-info .tr {
		padding:	2rem;
	}

}

/* Delivery */

#cart #destination-list {
	position:	relative;
}

#cart #destination-list .flex-wrapper,
#cart #shipping-method .flex-wrapper,
#cart #contact-info #person-list,
#cart #summary #info {
	margin:		2.5rem -1rem 0 -1rem;
	display:	flex;
	justify-content:space-between;
	flex-wrap:	wrap
	
}

#cart #contact-info .person-wrapper,
#cart #destination-list .destination-wrapper,
#cart #summary #info .info-wrapper {
	width:		50%;
	display:	flex;
}

#cart #destination-list .destination,
#cart #contact-info .person,
#cart #summary #info .info {
	width:		100%;
	padding:	2rem;
	margin:		0 1rem 2rem 1rem;
	line-height:	1.1em;
	border:		2px solid #ccc;
	cursor:		pointer;
}

#cart #summary.order #info .info {
	width:		32rem;
	cursor:		default;
}

#cart #summary #modify-contact,
#cart #summary #modify-destination {
	margin-top:	2rem;
}

#cart #summary.order .customer {
	width:		100%;
	padding:	1.5rem;
	margin-top:	2rem;
	margin-bottom:	2rem;
	line-height:	1.1em;
	border:		2px solid #ccc;
}

#cart #summary.order .customer .td {
	padding:	0.5rem;
	line-height:	1.1em;
}

#cart #destination-list .destination.selected,
#cart #contact-info .person.selected {
	background-color:#cfe8f8;
	cursor:		default;
}

#cart #destination-list .destination:hover,
#cart #contact-info .person:hover {
	background-color:#edf6fc;
}


#cart #destination-list .destination.selected:hover,
#cart #contact-info .person.selected:hover {
	background-color:#cfe8f8;
}

#cart #add-destination button {
	top:		-7rem;
	right:		0;
}

#cart .manage-content #add-destination button {
	top:		0;
}

#cart #shipping-method h2,
#cart #delivery-date h2 {
	margin:		2rem 0 0 0;

}

#cart #shipping-method h2:after {
	content:	"*";
	color:		#f00;
}

#cart #shipping-method .select,
#cart #shipping-method .comment,
#cart #delivery-date .select {
	width:		50%;
	padding-right:	1rem;
}

#cart #delivery-date input,
#cart #shipping-method select {
	width:		100%;
	font-size:	1.8rem;
	font-family:	"proxima-nova";
	border:		2px solid #ccc;
}

#cart #shipping-method option:focus {
	border:		none;
}
#cart #shipping-method option {
	padding-bottom:	1rem;
}
#cart #shipping-method option:disabled {
	color:		#ccc;
}

#cart #shipping-method textarea,
#cart #delivery-date textarea {
	width:		100%;
	height:		10rem;
	min-height:	10rem !important;
	margin:		1rem 0;
	padding:	1.2rem;
	font-size:	1.8rem;
	font-family:	"proxima-nova";
	border:		2px solid #ccc;
}

#cart #shipping-method p,
#cart #delivery-date p {
	margin:		1rem 0 1.5rem 0;
	line-height:	1.2em;
}

.shop-modal-cancel {
	color:		#ccc;
	cursor:		pointer;
}

#shop-modal .shop-modal-save.disabled button {
	border-color:	#ccc;
	cursor:		default;
	background-color:#ccc;
}

@media only screen and (max-width : 639px) {
	#cart #destination-list .flex-wrapper,
	#cart #shipping-method .flex-wrapper,
	#cart #contact-info #person-list,
	#cart #summary #info {
		display:	block;
		margin:		2.5rem 0 0 0;
	}
	#cart #contact-info .person-wrapper,
	#cart #destination-list .destination-wrapper,
	#cart #summary #info .info-wrapper {
		width:		100%;
		display:	block;
	}
	#cart #destination-list .destination,
	#cart #contact-info .person,
	#cart #summary #info .info {
		margin:		0 0 2rem 0;
		line-height:	1.1em;
	}

	#cart #shipping-method .select,
	#cart #shipping-method .comment,
	#cart #delivery-date .select {
		width:		100%;
		padding-right:	0;
	}
	#cart #destination-list {
		padding-bottom: 5rem;
	}
	#cart #destination-list #add-destination button {
		top:		auto;
		right:		auto;
		bottom:		2rem;
		left:		0;
	}
	#cart #contact-info .table {
		position:	relative;
		padding-bottom: 5rem;
	}
	#cart #contact-info .table button {
		top:		auto;
		right:		auto;
		bottom:		2rem;
		left:		0;
	}
	#cart #contact-info .contacts {
		position:	relative;
		padding-bottom: 7rem;
	}
	#cart #contact-info #add-contact button {
		top:		auto;
		right:		auto;
		bottom:		4rem;
		left:		0;
	}
}

/* Summary */

#summary #modify-items button {
	right:		0;
}

#summary #modify-contact button,
#summary #modify-destination button {
	position:	relative;
}

.strong {
	font-weight:	600;
}

#cart .messages {
	margin-top:	2rem;
	margin-bottom:	2rem;
}

/* Confirmed */

#order-confirmed {
	text-align:	center;
}

#order-confirmed p {
	margin:	0 4rem;
}

#order-confirmed .icon {
	margin:		2rem;
	font-size:	20rem;
	line-height:	1em;
	color:		#0d0;
}

#order-confirmed p {
	margin:	0 4rem;
}

#order-confirmed button {
	position:	relative !important;
	margin-top:	2rem;
	width:		25rem;
}


#order-confirmed button#order-history {
	margin-top:	4rem;
	color:		#ff6600;
	text-transform:	none;
	background-color:#fff;
}

/* Edit company */


#shop-modal.wait {
	position: fixed;
	top:		50%;
	left:		50%;
	margin-top:	-50px;
	margin-left:	-100px;
	z-index:	9;
}

#shop-modal-wrapper {
	position:	relative;
}

#shop-modal .modal-box {
	position:	absolute;
	top:		4rem;
	left:		50%;
	width:		100%;
	max-width:	70rem;
	transform:	translate(-50%, -50%);
	z-index:	9;
}

#shop-modal .modal-wrapper {
	position:	fixed;
	top:		0;
	right:		0;
	bottom:		0;
	left:		0;
	background-color:rgba(0, 0, 0, 0.4);
	z-index:	8;
}

#shop-modal .content {
	position:	absolute;
	top:		0;
	left:		0;
	right:		0;
	display:	block;
	padding:	2rem;
	box-shadow:	0 0.3rem 0.5rem 0.5rem rgba(0, 0, 0, 0.4);
	background-color: #fff;
}

#shop-modal .content .close {
	position:	absolute;
	top:		2rem;
	right:		2rem;
}

#shop-modal .messages {
	margin-top:	2rem;
}

#shop-modal p {
	margin:		1rem 0;
}

#shop-modal p.sub-heading {
	margin-top:	2rem;
	font-weight:	600;
}

#shop-modal input[type=text],
#shop-modal input[type=password] {
	width:		100%;
}

#shop-modal .submit-notice {
	padding-bottom:	3rem;
}


#edit-company .post-container {
	display:	flex;
}

#edit-company .post-container p {
	margin:		0 2rem 0 0;
}

#edit-company #admin {
	width:		100%;
	padding:	0.6rem 0;
	border:		1px solid #ccc;
	border-radius:	3px;
	background-color: #fff;
}

#cart .manage-content input,
#cart .manage-content select {
	width:		100%;
	border:		1px solid #ccc;
}

.button-wrapper {	
	margin:		4rem 0 2rem 0;;
	display:	flex;
	justify-content:flex-end;
}

.button-wrapper button {
	position:	relative !important;
	margin-left:	1rem;
}

/* ORDERS */

#order-list {
	padding-bottom:	3rem;
}

#order-list .tr:nth-child(odd) {
	background-color:#cfe8f8;
}

#order-list .td {
	padding:	2rem;
	line-height:	1.1em;
}

#order-list form.tr:hover {
	background-color:#edf6fc;
}

/* DESTINATIONS */

#destination-list .tr:nth-child(odd) {
	background-color:#cfe8f8;
}

#destination-list .td {
	padding:	2rem;
	line-height:	1.1em;
}

#destination-list form.tr:hover {
	background-color:#edf6fc;
}


/* USERS */


#user-list .tr:nth-child(odd) {
	background-color:#cfe8f8;
}

#user-list .td {
	padding:	2rem 1rem;
	line-height:	1.1em;
}

#user-list .user-disabled {
	text-decoration:line-through;
}

#cart #status-select {
	width:		auto;
}

.modal-box select {
	padding:	0.7rem 1rem;
	width:		100%;
	border:		1px solid #ccc;
	border-radius:	3px;
	background-color: #fff;
}


/* CART */

#cart-modal {
	position:	absolute;
	right:		-2rem;
	top:		3.5rem;
	padding:	3rem 1rem 1rem 1rem;
	width:		60rem;
	z-index:	200;
	text-align:	left;
	display:	none;
}

#cart-modal.empty {
	width:		auto;
}

#cart-modal.empty .content {
	font-size:	1.8rem;
	font-weight:	600;

}

#cart-modal.open {
	display:	block;
}

#cart-modal .content {
	box-shadow:	0 0.3rem 0.5rem 0.5rem rgba(0, 0, 0, 0.2);
	position:	relative;
	padding:	2rem;
	font-size:	1.6rem;
	line-height:	1.1em;
	background-color:#fff
}
#cart-modal .pointer {
	display:	block;
	position:	absolute;
	top:		-1rem;
	right:		1rem;
	width:		3rem;
	height:		3rem;
	background-color:#fff;
	transform:	rotate(45deg);
}

#cart-modal .th,
#cart-modal .td {
	padding:	1rem 0.5rem;
}

#cart-modal .th:last-child,
#cart-modal .td:last-child {
	padding-right:	0;
}

#cart-modal .th {
	font-weight:	600;
}

#cart-modal .td {
	vertical-align:	middle;
	border-bottom:	1px solid #ccc;
}

#cart-modal .td a {
	color:		#333333;
}

#cart-modal .td a:hover {
	text-decoration:underline;
}

#cart-modal .image .wrapper {
	width:		5rem;
	height:		5rem;
	border:		1px solid #ccc;
	background-color:#eee;
}
#cart-modal .image {
	width:		7rem;
}
#cart-modal .div.name {
	width:		20rem;
}

#cart-modal .total .td {
	font-weight:	600;
	border:		none;
}

#cart-modal .td.remove .button {
	color:		#f00;
	font-size:	2.4rem;
	cursor:		pointer;
	z-index:	300;
}

#cart-modal  .checkout button {
	margin-left:	1rem;
	padding:	0.7rem 3rem;
	color:		#fff;
	background-color:#ff6600;
	border:		0;
	border-radius:	3px;
	cursor:		pointer;
}

#cart-modal  .checkout {
	margin-top:	2rem;
	text-align:	right;
}

#cart-modal  .checkout svg {
	margin-right:	0.5rem;
}

span.price {
	white-space:	nowrap;
}

.ui-dialog {
	margin:		0;
	padding:	0;
	border:		none;
	background-color:transparent
}

#cart .manage-content {
	padding:	2rem;
	background-color:#fff;
}

#search-block-form {
	right:		17rem !important;
}

@media only screen and (max-width : 1200px) {
	#top .login-link,
	#top .account-link,
	#top .account-modal-wrapper {
		display:	none;
	}
	.node-type-cart-view #top .account-link {
		display:	inline-block;
	}
	#cart-link {
		top:		-5rem;
		right:		11rem;
	}
	#cart-link a.toggler {
		color:		#182043;
		font-size:	2.4rem;
	}
	#cart-link .value {
		top:		-0.4rem;
		left:		1.5rem;
	}
	#cart-modal {
		top:		4rem;
		right:		-2.5rem;
		width:		55rem;
	}
	#cart .inner,
	#cart .inner .content,
	#cart .sidebar,
	#cart .main {
    		display:	block;
	}
	#cart .inner .content .sidebar {
		display:	flex;
		width:		100%;
		padding:	0;
		justify-content:space-between;
	}
	#cart .inner .content .sidebar #account,
	#cart .inner .content .sidebar #manage {
		width: 		calc(50% - 10px);
		margin:		0 0 2rem 0;
	}	
}

@media only screen and (max-width : 799px) {
	#cart .inner {
		margin:		0;
		padding:	2rem;
	}
	#cart .tab-wrapper {
		padding:	2rem;
	}
	#cart .tab {
		padding-bottom: 6rem;
	}
	#cart #item-list .table.list .td,
	#cart #item-list .table.list .tr,
	#cart #item-list .table.list,
	#cart #item-table .td,
	#cart #item-table .tr,
	#cart #item-table .table {
		display:	block;
	}
	#cart #item-list .td.image {
		float:		left;
	}
	#cart #item-list .td {
		padding:	1rem 0;
		border-bottom:	none;
	}
	#cart #item-list .tr {
		margin:		1rem 0;
		border-bottom:	1px solid #ccc;
	}
	#cart #item-list .td.modify {
		clear:		both;
		padding-top:	0;
	}
	#cart #item-list .stock {
		margin-top:	0.5em;

	}
	#cart #item-list .total {
		margin-top:	0.5em;
	}
	#cart #tab-selector .td {
		padding:	1rem 0.5rem;
		font-size:	1.5rem;
	}
}

@media only screen and (max-width : 639px) {
	#cart #user-list .td,
	#cart #user-list .tr,
	#cart #user-list .table {
		display:	block;
	}
	#cart #user-list .td {
		padding:	0;
	}
	#cart #user-list .tr {
		padding:	2rem;
	}
	#cart #user-list .user-link:first-child {
		margin-top:	1rem;
	}
	#cart #destination-list .td,
	#cart #destination-list .tr,
	#cart #destination-list .table {
		display:	block;
	}
	#cart #destination-list .td {
		padding:	0;
	}
	#cart #destination-list .tr {
		padding:	2rem;
	}
	#cart #destination-list .user-link:first-child {
		margin-top:	1rem;
	}
	#cart #order-list .td,
	#cart #order-list .tr,
	#cart #order-list .table {
		display:	block;
	}
	#cart #order-list .td {
		padding:	0;
	}
	#cart #order-list .tr {
		padding:	2rem;
	}
	#cart #order-list .td.right {
		margin-top:	1rem;
	}
	#cart #order-list .td:first-child {
		margin-bottom:	1rem;
	}
	#cart #order-list .user-link:first-child,
	#cart #destination-list .destination-link:first-child {
		margin-top:	1rem;
	}
	#cart #person-list {
		display:	block;
	}
	#cart .inner .content .sidebar {
		display:	block;
	}
	#cart .inner .content .sidebar #account,
	#cart .inner .content .sidebar #manage {
		width: 		100%;
	}
	#cart-modal {
		right:		-10rem;
		width:		48rem;
	}
	#cart-modal .pointer {
		right:		8.5rem;
	}
	#cart-modal .content {
		padding:	1rem;
	}
}

@media only screen and (max-width : 479px) {
	#cart .inner {
		padding:	2rem 0 1rem 0;
		min-width:	360px !important;
	}
	#cart #item-list .image .wrapper {
		width:		8rem;
		height:		8rem;
	}
	#cart #item-list .image {
		width:		9rem;
	}
	#cart-link {
		right:		8rem;
	}

	#search-block-form {
		right:		14rem !important;
	}
	#cart-modal {
		right:		-9rem;
		width:		48rem;
	}
	#cart-modal .pointer {
		right:		6.5rem;
	}
}