html
{
	overflow-y:scroll;
}
body
{
	margin:0;
	height:100%;
	
	padding:10px 25px;

	font-family:courier,sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	
	color:#797979;
}
body *
{
	box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.clear:after,
#details label:after
{
	content:'';
	display:table;
	clear:both;
}
.hidden
{
	display:none !important;
}
ul
{
	list-style:none;
	margin:0;
	padding:0;
}
a
{
	color:#797979;
}
a.button
{
	display:inline-block;
	border-radius:7px;
	padding:0 11px;

	height:24px;
	width:auto;

	font-size:15px;
	line-height:23px;
	color:white;
	text-decoration:none;

	background-color:#cacaca;
	cursor:pointer;
}
a.social
{
	display:inline-block;
	border-radius:50%;

	height:24px;
	width:24px;

	background-color:#cacaca;
}
a.social svg
{
	width:100%;
	height:100%;
}

.primary
{
	color:#e30613;
}
a.button.primary,
a.social.primary,
#item-share svg
{
	background-color:#e30613;
}
#details input.error,
#details select.error
{
	border-color:#e30613;
	/* background-color:rgba(227,6,19,.1); */
}
a.button.selected,
a.button.disabled,
#page.home a.button[data-page="home"],
#page.cart a.button[data-page="cart"],
#page.about a.button[data-page="about"],
#page.news a.button[data-page="news"],
#item-share:hover svg
{
	background-color:#cacaca !important;
}
@media (min-width:768px)
{
	a.button:hover,
	a.social:hover
	{
		background-color:#cacaca !important;
	}
}


/*	main layout */

#page:not(.home) 
{
/* 	max-width:1200px; */
}
#body 
{
	position:relative;
}
#body > div
{
	position:absolute;
	left:0;
	top:0;
	width:100%;

	display:none;
	opacity:0;
	transition:opacity .2s ease 0s;
}
#body > div:not(#page-home)
{
	max-width:1200px;
}
#body > div.display
{
	display:block;
}
#body > div.active
{
	opacity:1;
	z-index:1000;
	transition:opacity .2s ease .1s;
}
#body > #page-item:not(.active)
{
	/* transition:none; */
}
#body > .info
{
	font-size:15px;
}


/*	header & menu */
	
#header
{
	min-height:60px;
	max-width:1200px;
	margin-bottom:55px;
}
#header h1
{
	display:none;
}
#title
{
	display:block;
	float:left;
	font-family:helvetica,arial,sans-serif;
	text-decoration:none;
}
#title .title
{
	font-size:2.5em;
	line-height:1.2;
	font-weight:200;
}
#title .by
{
	display:none;
	margin:-0.5em 0 0 1.5625em;
	font-size:0.875em;
	color:#cacaca;
}
#menu,
#social
{
	margin:12px 0;
	float:right;
}
#social
{
	margin-left:12px;
}
#menu
{	
	margin-bottom:6px;
}
#menu li,
#social li
{
	position:relative;
	float:left;
	margin-left:6px;
}
#menu li
{
	margin-bottom:6px;
}
#menu li:first-child
{
	margin-left:0;
}
#social li
{
	margin-left:3px;
}
#menu .button .count
{
	position:absolute;
	right:0;
	top:0;
	margin:-8px -8px 0 0;
	
	background-color:#797979;
	border-radius:50%;
	
	width:18px;
	height:18px;
	
	font-size:13px;
	font-weight:bold;
	line-height:18px;
	text-align:center;
}

#placeholder
{
	margin-top:50px;
	
	color:white;
 	font-family:Arial,sans-serif;
 	font-size:11.25em;
 	line-height:80%;
 	/* line-height:9em; */
 	padding:0 30px 35px 30px;
 	
 	background:transparent url(../media/placeholder.jpg) no-repeat 50% 50%;
 	background-size:cover;
}


/* grid */

#page-home
{
	line-height:0;
}
#grid
{
	display:flex;
	flex-wrap:wrap;
	margin-left:-16px;
}
#page-home .item
{
	position:relative;
	margin:0 0 16px 16px;
	background-color:#eaeaea;
	background-size:contain;
	cursor:pointer;
}
#page-home > .item
{
	display:inline-block;
	margin-left:0;
	max-width:1200px;
}
#page-home .item .tag
{
	position:absolute;
	right:0px;
	top:16px;
	border:none;
	border-radius:7px 0 0 7px;

	line-height:24px;
	padding:0 11px;
	
	background-color:white;
	
	opacity:0;
	transition:opacity .4s linear .75s;
}
.item.ui-sortable-helper .tag
{
	display:none;
}
#page-home .item.hover .tag,
#page-home .item:hover .tag
/* #page-home .item .tag.sale */
{
	opacity:1;
	transition:opacity 0s linear 0s;
}
#page-home .item .tag.sale
{
	color:#009fe3;
}


/*	product, news */

#page-item
{
/* max-width:1200px; */
}
#item-navigation
{
	margin:-30px 0 6px 0;
	text-align:right;
}
#item-navigation a
{
	margin-left:6px;
	/* float:right; */
}	
#item-gallery
{
	position:relative;
	margin-bottom:16px;
}
#item-gallery > .media
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
.media
{
	position:relative;
	width:100%;
	/* background-color:#eaeaea; */
	overflow:hidden;
}
.media .slides
{	
	width:100%;
	height:100%;
}
.media .slide
{
	position:absolute;
	
	width:100%;
	height:100%;
	
	background:transparent none no-repeat center;
	background-size:contain;
	
	transform:translateX(0);
	-webkit-transform:translateX(0);

	transition:transform .4s ease 0s;
	-webkit-transition:-webkit-transform .4s ease 0s;
}
.media .slide.next
{
	transform:translateX(100%);
	-webkit-transform:translateX(100%);
}
.media .slide.prev
{
	transform:translateX(-100%);
	-webkit-transform:translateX(-100%);
}
.media a
{
	position:absolute;
	top:50%;
	margin-top:-28px;
	display:block;
	width:28px;
	height:56px;
	background:transparent url(../media/arrows.svg) no-repeat 0 50%;
	opacity:.4;
}
.media a:hover
{
	opacity:.8;
}
.media a.prev
{
	left:10px;
}
.media a.next
{
	right:10px;
	background-position:100% 0;
}

#item-stock-info
{
	display:none;
	margin-bottom:9px;
	font-style:italic;
}
#item-buying-options li
{
	margin-bottom:7px;
	line-height:1.5;
}
#item-buying-options li a
{
	margin-right:7px;
	vertical-align:baseline;
}
#item-buying-options li em
{
	white-space:nowrap;
}

#item-details,
.news-item
{
	margin-bottom:40px;

	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	/* flex-wrap:wrap-reverse; */
}
.column
{
	width:49%;
}
#item-details .header
{
	margin-bottom:16px;
}
#item-share
{
	text-decoration:none;
	color:inherit;
}
#item-share svg
{
	display:inline-block;
	width:14px;
	height:14px;
	border-radius:50%;
	vertical-align: middle;
}

.news-item .image
{
	width:100%;
	padding-bottom:66.6667%;
	border:1px solid #797979;
	background:#eaeaea none no-repeat center;
	background-size:cover;
}
.news-item .date
{
	margin-top:3px;
	font-size: 13px;
}

.cms-inline-media
{
	display:flex;
	align-items:flex-end;
}
.cms-inline-media div
{
	margin:0 16px 16px 0;
}
.cms-inline-media div:last-child
{
	margin-right:0;
}
.cms-inline-media img
{
	max-width:100%;
	display:block;
}

/*	cart */

#cart-items li
{
	display:flex;
	flex-wrap: nowrap;
	justify-content:space-between;
	align-items:baseline;
	
	border-bottom:1px solid #858584;
	font-size:17px;
	padding:6px;
	
	transition:opacity .2s ease 0s;
}
#cart-items li.remove
{
	opacity:0;
}
#cart-items li.header
{
	font-size:13px;
}
#cart-items li.header span.item
{
	padding-left:100px;
}
#cart-items li span a
{
	text-decoration:none;
}
#cart-items li span:first-child
{
	min-width:100px;
}
#cart-items li .thumb
{
	margin-right:10px;
	display:inline-block;
	width:90px;
	height:60px;
	vertical-align:middle;
	background-size:contain;
	background-repeat:no-repeat;
}
#cart-items li span.item
{
	width:30%;
}
#cart-items li span.option
{
	width:40%;
}
#cart-items li.shipping-error span.option:after
{	
	display:block;
	margin-top:3px;
	content:'Sorry, this item cannot be shipped to your country';
	font-style:italic;
	font-size:15px;
	color:red;
}
#cart-items li.stock-error span.option:after
{
	display:block;
	margin-top:3px;
	content:'Sorry, there’s not enough stock left, please lower the amount';
	font-style:italic;
	font-size:15px;
	color:red;
}
#cart-items li span.price
{
	width:15%;
	text-align:right;
	/* white-space:nowrap; */
}
#cart-items li span.amount input
{
	width:35px;
}

#details::before
{
	content:'your info';
	position:absolute;
	top:-32px;
	left:6px;
	color:#797979;
}
#details
{
	position:relative;
	border:1px solid #858584;
	border-left:none;
	border-right:none;
	padding:14px 0;
	font-size:13px;
	line-height:27px;
}
#details label
{
	display:block;
	/* width:70%; */
	/* background-color:rgba(250,0,0,.1); */
}
#details label span
{
	display:inline-block;
	min-width:100px;
	margin-left:6px;
}
#details label .input
{
	position:relative;
	display:inline-block;
	vertical-align:top;
}
#details input,
#details select
{
	border:1px solid #858584;
	width:350px;
	height:20px;
	padding:0 3px;

	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	
	font-size:13px;
	font-family:courier,sans-serif;
	color:#797979;
	outline:none;
}
#details .select::after
{
    content: url(../media/arrow-select.svg);
    position: absolute;
    right:3px;
    top:3px;
    width:18px;
    height:18px;
    pointer-events:none;
}


#details .input-error
{
	text-align:right;
	line-height:normal;
	margin-bottom:10px;
	/* float:right; */
}

#page-cart > .line
{
	padding:12px 6px;
}
#page-cart > .line div
{
	float:right;
}
#page-cart > .line .text
{
	font-size:13px;
}
#page-cart > .line .amount
{
	display:inline-block;
	min-width:80px;
	text-align:right;
}
#page-cart > .subtotal
{
	padding-top:20px;
	padding-bottom:36px;
}
#page-cart > .shipping
{
	margin-bottom:10px;
	border-bottom:1px solid #858584;
}
#page-cart > .total
{
	
}
#page-cart > .vat
{
	padding:2px 6px;
}
#page-cart > .checkout
{
	padding:12px 0 40px 0;
	text-align:right;
	font-size:13px;
	
	display:flex;
	justify-content:flex-end;
	align-items:center;
	
}
#page-cart > .checkout div
{
	/* display:inline-block; */
}
#checkout
{
	margin-left:16px;
	
	height:52px;
	padding:0 20px;
	border-radius:18px;

	font-size:30px;
	line-height:45px;
}


/* modals */

div.modal
{
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;

	background-color:rgba(255,255,255,.9);
	z-index:10000;
	
	transition:opacity .25s ease 0s;
	
	overflow-y:auto;
	
	text-align: center;
}
div.modal.remove
{
	opacity:0;
}
div.modal.hidden
{
	opacity:0;
	pointer-events:none;
}
div.modal:before
{
	/*	vertically centers dialogue within modal */
	content:'';
	display:inline-block;
	height:100%;
	max-height:100vh;
	vertical-align:middle;

}
div.modal .dialog
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	
	margin:0;
	padding:10px;

	width:400px;
	max-width:96%;

	text-align:left;
}
div.modal .dialog .head,
#signup-form .title
{
	padding-bottom:12px;
	border-bottom:1px solid rgba(0,0,0,.3);

	font-size:18px;
	font-weight:500;
	line-height:normal;
}
div.modal .dialog .body
{
	padding:15px 0 20px 0;
	font-size:16px;
	line-height:20px;
}
div.modal .dialog .footer
{
	margin-bottom:40px;
	padding-top:15px;
	border-top:1px solid rgba(0,0,0,.3);

	text-align:right;
}


/*	FF line-height fixes */

@-moz-document url-prefix()
{
	a.button
	{
		line-height:24px;
	}
	#checkout
	{
		line-height:52px;
	}
}

@media (min-width:1200px)
{
	#page-home > .item
	{
		min-height:798px;
	}
}


/*	mobile layout */

@media (max-width:450px)
{
	body
	{
		font-size:14px;
		padding:10px;
	}
	#social
	{
		/* margin:5px 0; */
	}
	a.button,
	a.social
	{
		/* font-size:1.5em; */
	}
	
	div.item > img
	{
		height:auto !important;
	}
	
	.column
	{
		width:100%;
	}
	.column
	{
		margin-bottom:16px;
	}
	.cms-inline-media
	{
		flex-wrap:wrap;
	}
	.cms-inline-media div
	{
		margin-right:0;
	}

	#cart-items li
	{
		font-size:inherit;
		padding:6px 3px;
	}
	#cart-items li.header span.item
	{
		padding-left:0;
	}
	#cart-items li span.price
	{
		width:25%;
	}
	#cart-items .thumb
	{
		margin-bottom:6px;
	}
	#page-cart > .subtotal
	{
		padding-bottom:50px;
	}
}

@media (max-width:360px)
{
	#title .title
	{
		font-size:2.2em;
	}
}