/* Used Modernizr detections
	inlinesvg
	touchevents
	html5shiv (for Picturefill)
*/


/* Webfont */

/* @import must be at top of file, otherwise CSS will not work */
/* @import url("//hello.myfonts.net/count/30e2d2"); */

@font-face {
	font-family: 'Semplicita';
	font-weight: 700;
	font-style: normal;
	src: url('../webfonts/semplicita_bold-webfont.eot');
	src: url('../webfonts/semplicita_bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../webfonts/semplicita_bold-webfont.woff2') format('woff2'),
		 url('../webfonts/semplicita_bold-webfont.woff') format('woff'),
		 url('../webfonts/semplicita_bold-webfont.ttf') format('truetype'),
		 url('../webfonts/semplicita_medium-webfont.svg#semplicitabold') format('svg');
}
@font-face {
	font-family: 'Semplicita';
	font-weight: 300;
	font-style: normal;
	src: url('../webfonts/semplicita_light-webfont.eot');
	src: url('../webfonts/semplicita_light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../webfonts/semplicita_light-webfont.woff2') format('woff2'),
		 url('../webfonts/semplicita_light-webfont.woff') format('woff'),
		 url('../webfonts/semplicita_light-webfont.ttf') format('truetype'),
		 url('../webfonts/semplicita_light-webfont.svg#semplicitalight') format('svg');
}
@font-face {
	font-family: 'Semplicita';
	font-weight: 400;
	font-style: normal;
	src: url('../webfonts/semplicita_regular-webfont.eot');
	src: url('../webfonts/semplicita_regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../webfonts/semplicita_regular-webfont.woff2') format('woff2'),
		 url('../webfonts/semplicita_regular-webfont.woff') format('woff'),
		 url('../webfonts/semplicita_regular-webfont.ttf') format('truetype'),
		 url('../webfonts/semplicita_medium-webfont.svg#semplicitaregular') format('svg');
}


/* Sprite */

.sprite {
	position: relative;
	display: block;
	overflow: hidden;
	/* text-indent: -200%; */
	color: transparent;
	background: transparent url('../img/sprite.svg') no-repeat left top;
	background-size: 16em 8em;
}
.no-inlinesvg .sprite {
	background-image: url('../img/sprite.png');
}
@media (-webkit-min-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3 / 2), (min-device-pixel-ratio:1.5), (min-resolution: 144dpi) {
	.no-inlinesvg .sprite {
		background-image: url('../img/sprite@2x.png');
	}
}
@media (-webkit-min-device-pixel-ratio:2.5), (-o-min-device-pixel-ratio:5 / 2), (min-device-pixel-ratio:2.5), (min-resolution: 216dpi) {
	.no-inlinesvg .sprite {
		background-image: url('../img/sprite@3x.png');
	}
}


/* Page elements */

html,
body {
	margin: 0;
	width: 100%;
	min-width: 100%;
	padding: 0;
	color: #000;
	background-color: #fff;
	font-family: 'Semplicita', sans-serif;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-text-size-adjust: 100%;  /* Prevent font scaling in landscape while allowing user zoom */
		-ms-text-size-adjust: 100%;
}
*,
*:before,
*:after {
	box-sizing: inherit;
}
#wrapper {
	position: relative;
	margin: 2em 1.25em;
	width: auto;
	min-height: 100%;
	padding: 0;
	color: #000;
}
p {
	margin: 0;
	padding: 3.5em 0 0 0;
}

@media only screen and (min-width: 73.125em) {
	#wrapper {
		margin-top: 3.5625em;
		margin-bottom: 3em;
	}
	p {
		padding-top: 3.13333em;
	}
}


/* */

header {
	position: relative;
}
h1,
h2 {
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
}
h1 {
	font-weight: 700;
	font-size: 2em;
	letter-spacing: 0.2em;
}
header h1 {
	padding-left: 0.15625em;
}
h2 {
	font-weight: 400;
	font-size: 0.75em;
	letter-spacing: 0.52083em;
}
header h2 {
	padding-top: 0.08em;
	padding-left: 0.16667em
}

@media only screen and (min-width: 73.125em) {
	h1 {
		font-size: 2.3125em;
	}
	header h2 {
		font-size: 0.8125em;
		padding-top: 0.15385em;
	}
}


/* */

ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#collection {
	margin: 1.875em auto 2.25em auto;
	max-width: 71em;
}
.collectionslider {
	position: relative;
	margin: 0 auto;
	max-width: 61.5em;
}
.collectionslider * {
	-ms-touch-action: none;
	touch-action: none;
	-ms-touch-action: pan-y !important;
	touch-action: pan-y !important;
}
.collectionslider .bx-prev,
.collectionslider .bx-next {
	position: absolute;
	display: block;
	overflow: hidden;
	left: 50%;
	right: auto;
	top: 100%;
	margin-top: 0.8125em;
	margin-left: -2.875em;
	outline: 0;
	width: 3em;
	height: 3em;
	background-position: 0 -4em;
	text-indent: 100%;
	white-space: nowrap;
	z-index: 9999;
}
.collectionslider .bx-next {
	left: auto;
	right: 50%;
	margin-right: -2.875em;
	background-position: -3em -4em;
}
.collectionslider .bx-prev:hover {
	background-position:-6em -4em;
}
.collectionslider .bx-next:hover {
	background-position:-9em -4em;
}
.collectionslider .bx-prev:active {  /* Revert to initial style on touch devices */
	background-position: 0 -4em;
}
.collectionslider .bx-next:active {  /* Revert to initial style on touch devices */
	background-position: -3em -4em;
}
.collectionslider .slides-wrapper li {
	text-align: center;
}
.collectionslider .slides-wrapper picture img {
	display: block;
	margin: 0 auto;
	width: 100%;
/*	max-width: 100%;*/
	height: auto;
/*	max-height: 100%;*/
	background: #fff url('../img/loader.gif') center center no-repeat;
	background-size: 2em 2em;
}
.touchevents .collectionslider .slides-wrapper picture img {
	cursor: pointer;
}
.collectionslider .slides-wrapper li {
	display: none;
}
.collectionslider .slides-wrapper li:first-of-type {
	display: block;
}

@media only screen and (min-width: 73.125em) {
	#collection {
		margin-top: 3em;
		margin-bottom: 0;
	}
	.collectionslider {
		padding: 0 4.75em;
		max-width: 71em;
		max-height: 41.75em;
	}
	.collectionslider .bx-prev,
	.collectionslider .bx-next {
		left: 0;
		right: auto;
		top: 50%;
		margin-top: -2em;
		margin-left: 0;
		margin-right: 0;
		width: 4em;
		height: 4em;
		background-position: 0 0;
	}
	.collectionslider .bx-next {
		left: auto;
		right: 0;
		background-position: -4em 0;
	}
	.collectionslider .bx-prev:hover {
		background-position: -8em 0;
	}
	.collectionslider .bx-next:hover {
		background-position: -12em 0;
	}
	.collectionslider .bx-prev:active {  /* Revert to initial style on touch devices */
		background-position: 0 0;
	}
	.collectionslider .bx-next:active {  /* Revert to initial style on touch devices */
		background-position: -4em 0;
	}
}


/* */

#description {
	position: relative;
	margin: 0 auto;
	max-width: 68em;
}
#description p {
	padding-left: 1.75em;
	padding-right: 1.75em;
	font-size: 0.875em;
	text-align: center;
	text-transform: uppercase;
	line-height: 2.16667;
	letter-spacing: 0.1em;
}
.nobr {
	white-space: nowrap;
}
.br:after {
	display: inline;
	margin: 0;
	padding: 0;
	content: "";
}
.divider:after {
	display: block;
	margin: 0;
	padding: 0;
	content: "\A";
}

@media only screen and (min-width: 22em) {
	#description p {
		padding-left: 1.33333em;
		padding-right: 1.33333em;
		font-size: 0.9375em;
		letter-spacing: 0.15em;
	}
}

@media only screen and (min-width: 48em) {
	.br:after {
		display: block;
		margin: 0;
		padding: 0;
		content: "\A";
	}
	.divider:after {
		display: inline-block;
		margin: 0;
		padding: 0 0.5em;
		content: "I";
	}
}

@media only screen and (min-width: 73.125em) {
	#description p {
		padding-top: 2.73333em;
	}
}


/* */

footer {
	position: relative;
	margin: 0 auto;
	padding-bottom: 1.25em;
	max-width: 68em;
}
footer p {
	font-size: 0.875em;
	text-align: center;
	text-transform: uppercase;
	line-height: 2.16667;
	letter-spacing: 0.1em;
}
footer address,
footer a {
	display: inline;
	font-style: normal;
	text-decoration: none;
	color: #000;
}
footer a {
	display: inline-block;  /* Prevent Safari hover color bug */
}
footer a.contact-mail:hover,
footer .sociallinks a:hover {
	color: #ccc;
}
footer a.contact-mail:active,
footer .sociallinks a:active {  /* Revert to initial style on touch devices */
	color: #000;
}
.ico-instagram {
	font-size: 1.14286em;  /* Re-set font size */
	display: inline-block;
	margin-right: 0.6875em;
	top: 0.125em;
	width: 1em;
	height: 1em;
	background-position: 0 -7em;
}
footer a:hover .ico-instagram {
	background-position: -1em -7em;
}
footer a:active .ico-instagram {  /* Revert to initial style on touch devices */
	background-position: 0 -7em;
}

@media only screen and (min-width: 22em) {
	footer p {
		font-size: 0.9375em;
	}
	.ico-instagram {
		font-size: 1.06667em;  /* Re-set font size */
	}
}


/*! (2/2) HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
/*.hidden{display:none!important}*/.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@media print{*,*:before,*:after,*:first-letter ,*:first-line {background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}