/*Fonts */
	@font-face	{font-family: openSans; src: url('/assets/fonts/openSans.woff'); font-weight: normal; font-style: normal;}
	@font-face	{font-family: openSans; src: url('/assets/fonts/openSansBold.woff'); font-weight: bold; font-style: normal;}
	@font-face	{font-family: openSans; src: url('/assets/fonts/openSansItalic.woff'); font-weight: normal; font-style: italic;}
	@font-face	{font-family: poppins; src: url('/assets/fonts/poppinsSemibold.woff'); font-weight: bold; font-style: normal;}

/*Basics */
	body
		{background-color: white; color: #2e2e2e; font-family: openSans, sans-serif; font-size: 16px; margin: 0; -ms-overflow-style: -ms-autohiding-scrollbar; scroll-behavior: smooth;}
	h1
		{color: black; font-family: poppins, sans-serif; font-size: 1.66em; text-transform: uppercase; margin: 0 0 -0.1rem 0;}
	h2
		{color: black; font-family: poppins, sans-serif; font-size: 1.25em; margin: 0;}
	h3
		{color: black; font-family: poppins, sans-serif; font-size: 1.15em; margin: 0;}
	p
		{margin: 0;}
	strong
		{font-weight: bold;}
	ul
		{padding: 0 0 0 1em; margin: 0;}
	img
		{vertical-align: middle; border: 0;}
	a
		{color: #ef2523; text-decoration: none;}
	a:hover
		{text-decoration: underline;}

/*Table */
	.table0
		{}
	.table5
		{border-bottom: 4px solid #585858;}
	.tabHead, .tabSum
		{font-weight: bold; text-transform: uppercase;}
	.tabRow1
		{}
	.tabRow2
		{background-color: #ebf2fd;}
	.tabOver
		{background-color: #c1d4f8; cursor: default;}
	.tabCellHead
		{padding: 0.5em; border-bottom: 5px solid #585858;}
	.tabCell0
		{padding: 0.5em;}
	.tabCell1
		{padding: 0.5em; border-bottom: 1px solid #dddddd;}
	.tabCell1x
		{padding: 0.5em; border-top: 1px solid #dddddd;}
	.tabCellSum
		{padding: 0.5em; border-top: 4px solid #585858;}
	.tabWidth1
		{width: 10%;}

/*Forms */
	form
		{margin: 0;}
	label
		{cursor: pointer;}
	.checkbox
		{border: 0; -webkit-appearance: checkbox;}
	input, textarea, select
		{font-family: poppins, sans-serif; font-size: 0.875em; font-weight: bold; padding: 0.5em; border: 2px solid #cccccc; outline: 0; box-sizing: border-box;}
	textarea
		{overflow: auto;}
	.chars4
		{width: 6em;}
	.button1, .buttonX
		{color: #ef2523; font-family: poppins, sans-serif; font-weight: bold; text-transform: uppercase; padding: 0.33em 1em; display: inline-block;
		border: 2px solid #ef2523; outline: 0; -webkit-appearance: none;}
	.button1
		{background-color: #ef2523; color: white;}
	.button1:hover, .buttonX:hover
		{background-color: black; color: white; text-decoration: none; border-color: black;}
	.gapLeft, .gapSide
		{margin-left: 0.5em;}
	.gapTop
		{margin-top: 0.25em;}

/*Sections */
	.section
		{padding: 5em 10%; display: flex; flex: auto;}
	.sectionBg
		{background-color: #f0f0f0;}
	.sectionText
		{width: 50%; align-self: center; position: relative; left: 0em; opacity: 1; flex: auto; transition: 0.75s; order: 1;}
	.sectionBg .sectionText
		{order: 3;}
	.sectionText0
		{left: -3em; opacity: 0;}
	.sectionBg .sectionText0
		{left: 3em;}
	.sectionGap
		{width: 5%; order: 2;}
	.sectionImg
		{width: 45%; text-align: center; align-self: center; position: relative; right: 0em; opacity: 1; flex: auto; transition: 0.75s; order: 3;}
	.sectionBg .sectionImg
		{order: 1;}
	.sectionImg0
		{right: -3em; opacity: 0;}
	.sectionBg .sectionImg0
		{right: 3em;}

/*Layout */
	.page
		{width: 100%; min-height: 100vh; display: flex; flex-direction: column; position: relative; overflow-x: hidden;}
	.usrControls
		{background-color: #ef2523; color: white; font-size: 0.875em; padding: 1em 10% 0.75em 10%; text-align: right; flex: none; border-bottom: 1px solid #888888;}
	.usrControls a
		{color: white;}
	.controlIcon
		{width: 1.5em; display: inline-block; position: relative;}
	.iconNum
		{background-color: white; color: #ef2523; font-size: 0.66em; padding: 0 0.45em 0 0.4em; position: absolute; right: 0.75em; top: -0.5em; border-radius: 50%;}

	header
		{padding: 2em 10%; box-shadow: 0 0.25em 0.75em -0.25em black; position: relative; flex: none;}
	.logo
		{width: 20%; display: inline-block; vertical-align: middle;}
	.menu
		{font-family: poppins, sans-serif; font-size: 1.25em; font-weight: bold; width: 80%; display: inline-block; text-align: right; vertical-align: middle;}
	.menuOption1, .menuOption2
		{color: black; text-transform: uppercase; padding-bottom: 0.33em; margin-left: 2em; border-bottom: 0.2em solid transparent; transition: 0.75s;}
	.menuOption2, .menuOption1:hover
		{border-bottom: 0.2em solid #ef2523;}
	.menuOption1:hover, .menuOption2:hover
		{text-decoration: none;}

	.main, .mainSlim
		{width: 80%; margin: auto; flex: auto;}
	.mainSlim
		{width: 60%;}
	.fullGapTop
		{padding-top: 3.5em}
	.fullGapBottom
		{padding-bottom: 3.5em}

	nav
		{color: #888888; font-size: 0.875em; margin-bottom: 1.5rem;}
	nav a
		{color: #888888;}
	nav a:hover
		{color: #2e2e2e;}
	.grpLabel
		{width: 100%; text-align: center; position: relative; top: 0em; opacity: 1; transition: 0.75s;}
	.grpLabel0
		{top: 1.5em; opacity: 0;}
	.grpText
		{padding: 0 1em; display: inline-block; vertical-align: middle;}
	.grpRuler
		{width: 5%; display: inline-block; border-bottom: 2px solid black;}

	.cols2
		{width: 47.5%; display: inline-block; vertical-align: top;}
	.cols2Gap
		{margin-left: 5%; display: inline-block; vertical-align: top;}

/*Apps */
	.collections
		{width: 20%; display: inline-block; vertical-align: top;}
	.collections h2
		{background-color: black; color: white; font-size: 1.25em; padding: 0.25em 0.5em;}
	.cat1, .cat2
		{color: #2c2c2c; text-transform: uppercase; padding: 0.25em 0.5em; display: inline-block; border-bottom: 1px solid #cccccc; box-sizing: border-box;}
	.cat1:hover, .cat2, .cat2:hover
		{background-color: #ef2523; color: white; text-decoration: none;}
	.items
		{width: 77%; margin-left: 3%; display: inline-block; vertical-align: top;}
	.items h2
		{font-size: 1.25em;}
	.appControls
		{color: #2c2c2c; text-transform: uppercase; padding: 0.5em 0; border: 1px solid #cccccc; border-left: 0; border-right: 0;}
	.appControlsLeft
		{width: 33.33%; display: inline-block; vertical-align: middle;}
	.appControlsRight
		{width: 66.66%; display: inline-block; text-align: right; vertical-align: middle;}
	.appControlsRight a
		{color: #aaaaaa;}
	.appControlsRight a:hover
		{color: #2c2c2c;}
	a.sortOn
		{color: #2c2c2c;}
	a.sortOn:hover
		{color: #ef2523;}
	.sortOff
		{color: #ef2523;}

	.rulerThird
		{width: 33.33%; margin: auto; border-bottom: 1px solid #dddddd;}
	.sharingIcons
		{text-align: center; opacity: 1; transition: 1s;}
	.sharingIcons0
		{opacity: 0;}
	.sharingIcon
		{margin: -0.25em 0 0 0.75em;}

	.pager1, .pager2
		{font-size: 1.25em; text-transform: uppercase; padding: 0.33em; display: inline-block; border: 2px solid transparent; outline: 0; -webkit-appearance: none;}
	.pager2
		{font-weight: bold; border: 2px solid #ef2523;}
	.pager1:hover
		{text-decoration: none; border: 2px solid #ef2523;}
	.pager2:hover
		{background-color: #ef2523; color: white; text-decoration: none;}

/*Shop */
	.shopThumbs
		{margin: -1em;}
	.shopThumb
		{width: calc(25% - 2em); margin: 1em; display: inline-block; text-align: center; vertical-align: top; position: relative; top: 0em; opacity: 1; transition: 0.75s;}
	.shopThumb0
		{top: 1.5em; opacity: 0;}
	.prodFlags
		{text-align: right; position: absolute; right: 0em; top: 0.5em; z-index: 2;}
	.isNew
		{background-color: #488000; color: white; font-size: 0.75em; font-weight: bold; font-style: italic; padding: 0.2em 0.5em; margin: 0.25em 0; display: inline-block;}
	.isDeal
		{background-color: #ef2523; color: white; font-size: 0.75em; font-weight: bold; font-style: italic; padding: 0.2em 0.5em; margin: 0.25em 0; display: inline-block;}
	.priceAmount
		{font-size: 1.33em; font-weight: bold;}
	.priceCurrency
		{font-size: 1.1em; font-weight: bold;}
	.priceOld
		{color: #aaaaaa; text-decoration: line-through;}
	.priceNote
		{font-size: 0.875em;}

	.prodBig
		{width: 50%; vertical-align: top; display: inline-block; position: relative;}
	.prodSquares
		{margin: 0.25em -0.25em -0.25em -0.25em;}
	.prodSquare1
		{width: calc(25% - 0.5em - 2px); margin: 0.25em; display: inline-block; border: 1px solid transparent;}
	.prodSquare2
		{border: 1px solid #cccccc;}
	.prodRight
		{width: calc(50% - 2em); margin-left: 2em; vertical-align: top; display: inline-block;}
	.prodDeal
		{color: #ef2523; font-size: 0.875em; font-style: italic;}
	.buyControl
		{padding: 0.75em; display: flex; align-items: center; border: 1px solid #cccccc; border-left: 0; border-right: 0;}
	.soldOut
		{color: #aaaaaa; font-style: italic;}
	.stockPending
		{color: #0000a0; font-style: italic;}
	.inStock
		{color: #488000; font-style: italic;}
	.buyPrice
		{flex: auto;}
	.buyButton
		{flex: none;}

/*Cart */
	.cartConfirmImg
		{width: 33.33%; margin-right: 1em; display: inline-block; vertical-align: middle;}
	.cartConfirmBody
		{width: calc(66.66% - 1em); display: inline-block; vertical-align: middle;}
	.tease
		{background-color: #ffff9c; padding: 0.33em 0.75em; margin-top: 1em; border: 1px solid #cccccc; border-left: 0; border-right: 0;}
	.cartThumb
		{width: 15%; display: inline-block; vertical-align: middle;}
	.cartHeader
		{width: calc(85% - 0.75em); margin-left: 0.75em; display: inline-block; vertical-align: middle;}
	.cartPrice
		{position: relative;}
	.cartTall
		{margin-bottom: 1em;}
	.cartDel
		{font-size: 0.75rem; font-weight: normal; position: absolute; right: 0; top: 90%;}

	.cartBox
		{padding: 1.5em 1.25em 0.5em 1.25em; border: 1px solid #cccccc;}
	.feeOption
		{padding: 0.75em 0; border-top: 1px solid #cccccc;}
	.feeOptionOver
		{background-color: #f8f8f8;}
	.feeInactive
		{opacity: 0.5;}
	.feeOptionLeft
		{width: calc(75% - 0.5em); padding-left: 0.5em; display: inline-block; vertical-align: top;}
	.feeOptionRight
		{width: calc(25% - 0.5em); padding-right: 0.5em; display: inline-block; text-align: right; vertical-align: top;}
	.feeSmall
		{font-size: 0.75em; letter-spacing: 1px; margin-top: 0.5em;}

/*CMS */
	.cms
		{}
	.cms img
		{max-width: 100%; max-height: 66vh;}
	.cmsImg11
		{max-width: 99%; margin: 0.5%;}
	.cmsImg12
		{width: 49%; margin: 0.5%;}
	.cmsImg13
		{width: 32.33%; margin: 0.5%;}
	.cmsImg14
		{width: 24%; margin: 0.5%;}
	.cmsImg23
		{width: 65.66%; margin: 0.5%;}
	.cmsImg34
		{width: 74%; margin: 0.5%;}
	.cmsArticleInfo
		{margin: 0.5em auto 0 auto; display: table; opacity: 1; transition: 0.75s; transition-delay: 0.75s;}
	.cmsArticleInfo0
		{opacity: 0;}
	.cmsAuthor
		{width: 3.33em; padding-right: 0.5em; display: table-cell; vertical-align: middle; border-radius: 50%;}
	.cmsText
		{color: #888888; font-size: 0.875em; font-style: italic; display: table-cell; vertical-align: middle;}
	.cmsVideoBox
		{width: 100%; padding-top: 66.66vh; position: relative;}
	.cmsVideo
		{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
	.cmsAuthorInfo
		{color: #888888; font-size: 0.875em; font-style: italic; padding-top: 1em; border-top: 1px solid #eeeeee;}
	.cmsControls
		{font-size: 0.875em; font-style: italic; text-align: center; margin-top: 3.5em;}
	.cmsControls a
		{color: #2e2e2e;}
	.cmsControls a:hover
		{text-decoration: none;}
	.cmsIcon
		{width: 2.25em;}

/*Blog */
	.blogOption1, .blogOption2
		{font-weight: bold; text-transform: uppercase; padding: 0.5em 0.75em; border-bottom: 0.2em solid transparent; transition: 0.75s;}
	.blogOption1:hover, .blogOption2, .blogOption2:hover
		{border-bottom: 0.2em solid #ef2523; text-decoration: none;}
	.blogArticles
		{margin: -1em; display: flex; flex-wrap: wrap;}
	.blogArticle
		{color: #2e2e2e; width: calc(25% - 2em); margin: 1em; position: relative; top: 0em; opacity: 1; border: 1px solid #cccccc; transition: 0.75s; box-sizing: border-box;}
	.blogArticle:hover
		{background-color: #f6f6f6; text-decoration: none;}
	.blogArticle0
		{top: 2.5em; opacity: 0;}
	.blogArticleBox
		{padding: 1em 1em 4em 1em;}
	.blogArticleCategory
		{color: #ef2523; font-size: 0.875em; font-weight: bold;}
	.blogArticleTitle
		{font-size: 1.25em; margin-top: 1rem; display: inline-block;}
	.blogArticleIntro
		{margin-top: 0.75em;}
	.blogArticleInfo
		{color: #aaaaaa; font-size: 0.75em; font-style: italic; max-width: calc(100% - 2em); display: table; position: absolute; left: 1em; bottom: 1em;}

/*Gallery */
	.galleryThumbs
		{margin: -1em;}
	.galleryThumb
		{width: calc(25% - 2em); margin: 1em; display: inline-block; text-align: center; vertical-align: top; position: relative; top: 0em; opacity: 1; transition: 0.75s;}
	.galleryThumb0
		{top: 1.5em; opacity: 0;}

/*Footer */
	footer
		{background-color: black; color: white; font-size: 0.875em; padding: 0.75rem 10%; text-align: center; flex: none;}
	footer a
		{color: white;}

	.cookieJar
		{background-color: rgba(0,0,0,0.66); color: white; width: 100%; padding: 1em 2em; position: fixed; left: 0; bottom: 0em; z-index: 11; box-sizing: border-box; transition: 0.75s;}
	.cookieJar0
		{bottom: -4.5em;}
	.cookieJar1
		{width: 50%; display: inline-block; vertical-align: middle;}
	.cookieJar1 a
		{color: white; text-decoration: underline;}
	.cookieJar2
		{width: 50%; display: inline-block; text-align: right; vertical-align: middle;}
	.cookieJar2 .buttonX
		{color: white; border: 2px solid white;}
	.cookieJar2 .button1:hover, .cookieJar2 .buttonX:hover
		{background-color: white; color: black; border: 2px solid white;}

/*Formatting */
	.isHidden
		{display: none;}
	.isFull
		{width: 100%;}
	.isMaxFull
		{max-width: 100%;}
	.isHalf
		{width: 50%;}
	.isQuarter
		{width: 25%;}
	.isCenter
		{text-align: center;}
	.isRight
		{text-align: right;}
	.isSmall
		{font-size: 0.75em;}
	.isRed
		{color: red;}
	.isErr
		{border: 2px solid #ef2523;}
	.isPicto
		{margin-right: 0.75em; position: relative; bottom: 0.1em;}
	.isFlex
		{display: flex; align-items: center;}
	.noWrap
		{white-space: nowrap;}
	.isGrow
		{transition: 0.25s;}
	.isGrow:hover
		{transform: scale(1.1); -webkit-transform: scale(1.1);}
	.isNoGrow
		{display: inline-block; vertical-align: middle; overflow: hidden;}

/*Layers */
	.isDarken
		{background-color: rgba(0,0,0,0.66); width: 100%; height: 100vh; position: fixed; left: 0; top: 0;}
	.isDialogBox
		{width: 33.33%; max-height: 70vh; margin-top: 15vh; position: relative; left: 33.33%; opacity: 1; overflow: auto; transition: 0.75s;}
	.isDialogBox0
		{opacity: 0;}
	.isDialog
		{background-color: white; width: 100%; padding: 1.5em 2em; box-sizing: border-box;}
	.isDialogGap
		{margin-bottom: 1rem;}
	.isDialog img
		{max-width: 100%;}
	.noScroll
		{overflow: hidden; transition: 0.5s;}

	.isPreview
		{background-color: rgba(0,0,0,0.66); width: 100%; height: 100%; display: flex; align-items: center; position: fixed; left: 0; top: 0; z-index: 100;}
	.isPreviewPhoto
		{max-width: 100%; max-height: 100%; margin: auto;}
	.isPreviewLabel
		{background-color: rgba(0,0,0,0.66); color: white; width: 90%; padding: 1.25em 5%; text-align: center; position: absolute; left: 0; bottom: 0; opacity: 1; transition: 0.75s;}
	.isPreviewLabel0
		{opacity: 0;}
	.isPreviewLabelClose
		{color: white; position: absolute; right: 0.5em; top: 0.1em;}
	.isPreviewLabelClose:hover
		{text-decoration: none;}
	.isPreviewClose
		{width: 2em; position: absolute; right: 0; top: 0; z-index: 2;}
	.isPreviewLast
		{width: 2em; position: absolute; left: 0; top: calc(50% - 1em); z-index: 2;}
	.isPreviewNext
		{width: 2em; position: absolute; right: 0; top: calc(50% - 1em); z-index: 2;}

/*Media-queries*/
	@media (max-width: 1420px) {
		body
			{font-size: 15px;}
		.isDialogBox
			{width: 40%; max-height: 80vh; margin-top: 10vh; left: 30%;}
	}

	@media (max-width: 1320px) {
		body
			{font-size: 14px;}
		.blogArticle
			{width: calc(33.33% - 2em);}
	}

	@media (max-width: 1160px) {
		body
			{font-size: 13px;}
		h1
			{font-size: 1.5em;}
		.galleryThumb
			{width: calc(33.33% - 2em);}
		.shopThumb
			{width: calc(33.33% - 2em);}
		.isDialogBox
			{width: 60%; left: 20%;}
	}

	@media (max-width: 1060px) {
		body
			{font-size: 12px;}
		.blogArticle
			{width: calc(50% - 2em);}
		.isQuarter
			{width: 33.33%;}
	}

	@media (max-width: 1000px) {
		.mainSlim
			{width: 72.5%;}
	}

	@media (min-resolution: 100dpi) {
		body
			{font-size: 13px;}
	}

	@media print {
		.noPrint
			{display: none;}
	}