/*Fonts */
	@font-face	{font-family: introLight; src: url('/assets/fonts/introLight.woff'); font-weight: normal; font-style: normal;}
	@font-face	{font-family: latoBlold; src: url('/assets/fonts/latoBold.woff'); font-weight: normal; font-style: normal;}

/*Basics */
	body
		{background-color: white; color: #2e2e2e; font-family: introLight, sans-serif; font-size: 15px; margin: 0; -ms-overflow-style: -ms-autohiding-scrollbar; scroll-behavior: smooth;}
	h1
		{color: black; font-family: latoBlold, sans-serif; font-size: 2.5em; text-transform: uppercase; margin: 0 0 -0.1rem 0;}
	h2
		{color: black; font-family: latoBlold, sans-serif; font-size: 1.5em; margin: 0;}
	h3
		{color: black; font-family: latoBlold, sans-serif; font-size: 1.25em; 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: #ca1141; text-decoration: none;}
	a:hover
		{text-decoration: underline;}

/*Forms */
	form
		{margin: 0;}
	label
		{vertical-align: middle; cursor: pointer;}
	.checkbox
		{vertical-align: middle; border: 0; -webkit-appearance: checkbox;}
	input, textarea, select
		{font-family: introLight, sans-serif; font-size: 0.875em; padding: 0.5em; vertical-align: middle; border: 2px solid #cccccc; outline: 0; box-sizing: border-box;}
	textarea
		{overflow: auto;}
	.chars4
		{width: 6em;}
	.button1, .buttonX
		{color: #ca1141; font-weight: bold; text-transform: uppercase; padding: 0.33em 1em; display: inline-block; vertical-align: middle; border: 2px solid #ca1141; outline: 0; -webkit-appearance: none;}
	.button1
		{background-color: #ca1141; 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.5em;}

/*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;}
	.tabCellSum
		{padding: 0.5em; border-top: 4px solid #585858;}

/*Formatting */
	.isHidden
		{display: none;}
	.isFull
		{width: 100%;}
	.isMaxFull
		{max-width: 100%;}
	.isHalf
		{width: 50%;}
	.isQuarter
		{width: 25%;}
	.isCenter
		{text-align: center;}
	.isSmall
		{font-size: 0.75em;}
	.isErr
		{border: 2px solid #ca1141;}
	.fileIcon
		{width: 2em; margin: 0.5em 0.5em 0.5em 0;}

	.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: 0.5rem;}
	.isDialog img
		{max-width: 100%;}
	.noScroll
		{overflow: hidden; transition: 0.5s;}

/*Layout */
	.page
		{width: 100%; min-height: 100vh; display: flex; flex-direction: column; position: relative; overflow-x: hidden;}
	.main
		{padding: 2.5em 16.66% 2em 16.6%;}
	.leadPhoto
		{text-align: center; position: relative; top: 0em; opacity: 1; transition: 0.75s;}
	.leadPhoto0
		{top: 2em; opacity: 0;}
	.subtitle
		{margin: 1.5em 0; text-align: center;}
	.contactForm
		{width: 66.66%; margin: 3em auto 0 auto; position: relative; top: 0em; opacity: 1; transition: 0.75s;}
	.contactForm0
		{top: 1.5em; opacity: 0;}

	.sharingIcons
		{text-align: center; opacity: 1; transition: 1s;}
	.sharingIcons0
		{opacity: 0;}
	.sharingIcon
		{margin: -0.25em 0 0 0.75em;}
	.eshopFixed
		{position: fixed; left: 0; top: 0; z-index: 1001; opacity: 1; transition: 0.75s;}
	.eshopFixed0
		{opacity: 0;}

/*CMS */
	.cms
		{font-size: 1.15em; line-height: 133%; padding: 0 16.66% 3.5em 16.66%;}
	.collapsed
		{height: 0px; overflow: hidden; transition: 0.75s;}
	.cms img
		{max-width: 100%; max-height: 66vh;}
	.cms h3
		{margin: 0.75em 0; text-align: center;}
	.cmsVideoBox
		{width: 100%; padding-top: 66.66vh; position: relative;}
	.cmsVideo
		{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
	.twoCols
		{display: flex;}
	.twoCols1
		{flex: 50%; align-self: top;}
	.twoColsLine
		{margin: 0 2em; flex: auto; border-left: 1px solid #cccccc;}
	.twoCols2
		{flex: 50%; align-self: top;}
	.cmsRuler
		{width: 20%; margin: 3em auto 0.5em auto; border-bottom: 1px solid #888888;}
	.galleryThumbs
		{background-color: #cccccc; width: 100%;}
	.galleryThumb, .galleryThumbWide, .galleryThumbTall
		{width: calc(100% - 1em); margin: 0.5em; text-align: center;}
	.galleryThumbTall
		{height: 100%; object-fit: cover;}

/*Footer */
	footer
		{background-color: #7a8288; color: white; font-size: 0.875em; padding: 1rem 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: 75%; display: inline-block; vertical-align: middle;}
	.cookieJar1 a
		{color: white; text-decoration: underline;}
	.cookieJar2
		{width: 25%; 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;}

/*Media-queries*/
	@media (max-width: 1420px) {
		body
			{font-size: 14px;}

		.isDialogBox
			{width: 40%; max-height: 80vh; margin-top: 10vh; left: 30%;}
	}

	@media (max-width: 1320px) {
		body
			{font-size: 13px;}
	}

	@media (max-width: 1160px) {
		body
			{font-size: 12px;}
		h1
			{font-size: 1.5em;}

		.isDialogBox
			{width: 60%; left: 20%;}
	}

	@media (max-width: 1060px) {
	}

	@media (max-width: 1000px) {
		.contactForm
			{width: 75%;}
		.isDialogBox
			{width: 75%; left: 12.5%;}
	}

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