/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

/* Box Model */

	*, *:before, *:after {
		box-sizing: border-box;
	}

/* Containers */

	.container {
		margin-left: auto;
		margin-right: auto;
	}

	.container.\31 25\25 {
		width: 100%;
		max-width: 100rem;
		min-width: 80rem;
	}

	.container.\37 5\25 {
		width: 60rem;
	}

	.container.\35 0\25 {
		width: 40rem;
	}

	.container.\32 5\25 {
		width: 20rem;
	}

	.container {
		width: 80rem;
	}

	@media screen and (max-width: 1680px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 100rem;
			min-width: 80rem;
		}

		.container.\37 5\25 {
			width: 60rem;
		}

		.container.\35 0\25 {
			width: 40rem;
		}

		.container.\32 5\25 {
			width: 20rem;
		}

		.container {
			width: 80rem;
		}

	}

	@media screen and (max-width: 1280px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 81.25rem;
			min-width: 65rem;
		}

		.container.\37 5\25 {
			width: 48.75rem;
		}

		.container.\35 0\25 {
			width: 32.5rem;
		}

		.container.\32 5\25 {
			width: 16.25rem;
		}

		.container {
			width: 65rem;
		}

	}

	@media screen and (max-width: 980px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 112.5%;
			min-width: 90%;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

		.container {
			width: 90%;
		}

	}

	@media screen and (max-width: 736px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 112.5%;
			min-width: 90%;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

		.container {
			width: 90% !important;
		}

	}

	@media screen and (max-width: 480px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 112.5%;
			min-width: 90%;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

		.container {
			width: 90% !important;
		}

	}

/* Grid */

	.row {
		border-bottom: solid 1px transparent;
		box-sizing: border-box;
	}

	.row > * {
		float: left;
		box-sizing: border-box;
	}

	.row:after, .row:before {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}

	.row.uniform > * > :first-child {
		margin-top: 0;
	}

	.row.uniform > * > :last-child {
		margin-bottom: 0;
	}

	.row.\30 \25 > * {
		padding: 0 0 0 0rem;
	}

	.row.\30 \25 {
		margin: 0 0 -1px 0rem;
	}

	.row.uniform.\30 \25 > * {
		padding: 0rem 0 0 0rem;
	}

	.row.uniform.\30 \25 {
		margin: 0rem 0 -1px 0rem;
	}

	.row > * {
		padding: 0 0 0 1.6rem;
	}

	.row {
		margin: 0 0 -1px -1.6rem;
	}

	.row.uniform > * {
		padding: 1.6rem 0 0 1.6rem;
	}

	.row.uniform.special > * {
		padding: 1.6rem 0 4.8rem 1.6rem;
	}

	.row.uniform {
		margin: -1.6rem 0 -1px -1.6rem;
	}

	.row.\32 00\25 > * {
		padding: 0 0 0 3.2rem;
	}

	.row.\32 00\25 {
		margin: 0 0 -1px -3.2rem;
	}

	.row.uniform.\32 00\25 > * {
		padding: 3.2rem 0 0 3.2rem;
	}

	.row.uniform.\32 00\25 {
		margin: -3.2rem 0 -1px -3.2rem;
	}

	.row.\31 50\25 > * {
		padding: 0 0 0 2.4rem;
	}

	.row.\31 50\25 {
		margin: 0 0 -1px -2.4rem;
	}

	.row.uniform.\31 50\25 > * {
		padding: 2.4rem 0 0 2.4rem;
	}

	.row.uniform.\31 50\25 {
		margin: -2.4rem 0 -1px -2.4rem;
	}

	.row.\35 0\25 > * {
		padding: 0 0 0 0.8rem;
	}

	.row.\35 0\25 {
		margin: 0 0 -1px -0.8rem;
	}

	.row.uniform.\35 0\25 > * {
		padding: 0.8rem 0 0 0.8rem;
	}

	.row.uniform.\35 0\25 {
		margin: -0.8rem 0 -1px -0.8rem;
	}

	.row.\32 5\25 > * {
		padding: 0 0 0 0.4rem;
	}

	.row.\32 5\25 {
		margin: 0 0 -1px -0.4rem;
	}

	.row.uniform.\32 5\25 > * {
		padding: 0.4rem 0 0 0.4rem;
	}

	.row.uniform.\32 5\25 {
		margin: -0.4rem 0 -1px -0.4rem;
	}

	.\31 2u, .\31 2u\24 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u, .\31 1u\24 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u, .\31 0u\24 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u, .\39 u\24 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u, .\38 u\24 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u, .\37 u\24 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u, .\36 u\24 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u, .\35 u\24 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u, .\34 u\24 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u, .\33 u\24 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u, .\32 u\24 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u, .\31 u\24 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24 + *,
	.\31 1u\24 + *,
	.\31 0u\24 + *,
	.\39 u\24 + *,
	.\38 u\24 + *,
	.\37 u\24 + *,
	.\36 u\24 + *,
	.\35 u\24 + *,
	.\34 u\24 + *,
	.\33 u\24 + *,
	.\32 u\24 + *,
	.\31 u\24 + * {
		clear: left;
	}

	.\-11u {
		margin-left: 91.66667%;
	}

	.\-10u {
		margin-left: 83.33333%;
	}

	.\-9u {
		margin-left: 75%;
	}

	.\-8u {
		margin-left: 66.66667%;
	}

	.\-7u {
		margin-left: 58.33333%;
	}

	.\-6u {
		margin-left: 50%;
	}

	.\-5u {
		margin-left: 41.66667%;
	}

	.\-4u {
		margin-left: 33.33333%;
	}

	.\-3u {
		margin-left: 25%;
	}

	.\-2u {
		margin-left: 16.66667%;
	}

	.\-1u {
		margin-left: 8.33333%;
	}

	@media screen and (max-width: 1680px) {
/*
		.row > * {
			padding: 0 0 0 1.6rem;
		}

		.row {
			margin: 0 0 -1px -1.6rem;
		}

		.row.uniform > * {
			padding: 1.6rem 0 0 1.6rem;
		}

		.row.uniform {
			margin: -1.6rem 0 -1px -1.6rem;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 3.2rem;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -3.2rem;
		}

		.row.uniform.\32 00\25 > * {
			padding: 3.2rem 0 0 3.2rem;
		}

		.row.uniform.\32 00\25 {
			margin: -3.2rem 0 -1px -3.2rem;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 2.4rem;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -2.4rem;
		}

		.row.uniform.\31 50\25 > * {
			padding: 2.4rem 0 0 2.4rem;
		}

		.row.uniform.\31 50\25 {
			margin: -2.4rem 0 -1px -2.4rem;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.8rem;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.8rem;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.8rem 0 0 0.8rem;
		}

		.row.uniform.\35 0\25 {
			margin: -0.8rem 0 -1px -0.8rem;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.4rem;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.4rem;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.4rem 0 0 0.4rem;
		}

		.row.uniform.\32 5\25 {
			margin: -0.4rem 0 -1px -0.4rem;
		}
*/
		.\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28xlarge\29, .\39 u\24\28xlarge\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28xlarge\29, .\38 u\24\28xlarge\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28xlarge\29, .\37 u\24\28xlarge\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28xlarge\29, .\36 u\24\28xlarge\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28xlarge\29, .\35 u\24\28xlarge\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28xlarge\29, .\34 u\24\28xlarge\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28xlarge\29, .\33 u\24\28xlarge\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28xlarge\29, .\32 u\24\28xlarge\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28xlarge\29, .\31 u\24\28xlarge\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28xlarge\29 + *,
		.\31 1u\24\28xlarge\29 + *,
		.\31 0u\24\28xlarge\29 + *,
		.\39 u\24\28xlarge\29 + *,
		.\38 u\24\28xlarge\29 + *,
		.\37 u\24\28xlarge\29 + *,
		.\36 u\24\28xlarge\29 + *,
		.\35 u\24\28xlarge\29 + *,
		.\34 u\24\28xlarge\29 + *,
		.\33 u\24\28xlarge\29 + *,
		.\32 u\24\28xlarge\29 + *,
		.\31 u\24\28xlarge\29 + * {
			clear: left;
		}

		.\-11u\28xlarge\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28xlarge\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28xlarge\29 {
			margin-left: 75%;
		}

		.\-8u\28xlarge\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28xlarge\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28xlarge\29 {
			margin-left: 50%;
		}

		.\-5u\28xlarge\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28xlarge\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28xlarge\29 {
			margin-left: 25%;
		}

		.\-2u\28xlarge\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28xlarge\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 1280px) {
/*
		.row > * {
			padding: 0 0 0 1.5rem;
		}

		.row {
			margin: 0 0 -1px -1.5rem;
		}

		.row.uniform > * {
			padding: 1.5rem 0 0 1.5rem;
		}

		.row.uniform {
			margin: -1.5rem 0 -1px -1.5rem;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 3rem;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -3rem;
		}

		.row.uniform.\32 00\25 > * {
			padding: 3rem 0 0 3rem;
		}

		.row.uniform.\32 00\25 {
			margin: -3rem 0 -1px -3rem;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 2.25rem;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -2.25rem;
		}

		.row.uniform.\31 50\25 > * {
			padding: 2.25rem 0 0 2.25rem;
		}

		.row.uniform.\31 50\25 {
			margin: -2.25rem 0 -1px -2.25rem;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.75rem;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.75rem;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.75rem 0 0 0.75rem;
		}

		.row.uniform.\35 0\25 {
			margin: -0.75rem 0 -1px -0.75rem;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.375rem;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.375rem;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.375rem 0 0 0.375rem;
		}

		.row.uniform.\32 5\25 {
			margin: -0.375rem 0 -1px -0.375rem;
		}
*/
		.\31 2u\28large\29, .\31 2u\24\28large\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28large\29, .\31 1u\24\28large\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28large\29, .\31 0u\24\28large\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28large\29, .\39 u\24\28large\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28large\29, .\38 u\24\28large\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28large\29, .\37 u\24\28large\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28large\29, .\36 u\24\28large\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28large\29, .\35 u\24\28large\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28large\29, .\34 u\24\28large\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28large\29, .\33 u\24\28large\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28large\29, .\32 u\24\28large\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28large\29, .\31 u\24\28large\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28large\29 + *,
		.\31 1u\24\28large\29 + *,
		.\31 0u\24\28large\29 + *,
		.\39 u\24\28large\29 + *,
		.\38 u\24\28large\29 + *,
		.\37 u\24\28large\29 + *,
		.\36 u\24\28large\29 + *,
		.\35 u\24\28large\29 + *,
		.\34 u\24\28large\29 + *,
		.\33 u\24\28large\29 + *,
		.\32 u\24\28large\29 + *,
		.\31 u\24\28large\29 + * {
			clear: left;
		}

		.\-11u\28large\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28large\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28large\29 {
			margin-left: 75%;
		}

		.\-8u\28large\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28large\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28large\29 {
			margin-left: 50%;
		}

		.\-5u\28large\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28large\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28large\29 {
			margin-left: 25%;
		}

		.\-2u\28large\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28large\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 980px) {
/*
		.row > * {
			padding: 0 0 0 1.5rem;
		}

		.row {
			margin: 0 0 -1px -1.5rem;
		}

		.row.uniform > * {
			padding: 1.5rem 0 0 1.5rem;
		}

		.row.uniform {
			margin: -1.5rem 0 -1px -1.5rem;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 3rem;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -3rem;
		}

		.row.uniform.\32 00\25 > * {
			padding: 3rem 0 0 3rem;
		}

		.row.uniform.\32 00\25 {
			margin: -3rem 0 -1px -3rem;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 2.25rem;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -2.25rem;
		}

		.row.uniform.\31 50\25 > * {
			padding: 2.25rem 0 0 2.25rem;
		}

		.row.uniform.\31 50\25 {
			margin: -2.25rem 0 -1px -2.25rem;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.75rem;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.75rem;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.75rem 0 0 0.75rem;
		}

		.row.uniform.\35 0\25 {
			margin: -0.75rem 0 -1px -0.75rem;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.375rem;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.375rem;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.375rem 0 0 0.375rem;
		}

		.row.uniform.\32 5\25 {
			margin: -0.375rem 0 -1px -0.375rem;
		}
*/
		.\31 2u\28medium\29, .\31 2u\24\28medium\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28medium\29, .\31 1u\24\28medium\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28medium\29, .\31 0u\24\28medium\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28medium\29, .\39 u\24\28medium\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28medium\29, .\38 u\24\28medium\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28medium\29, .\37 u\24\28medium\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28medium\29, .\36 u\24\28medium\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28medium\29, .\35 u\24\28medium\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28medium\29, .\34 u\24\28medium\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28medium\29, .\33 u\24\28medium\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28medium\29, .\32 u\24\28medium\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28medium\29, .\31 u\24\28medium\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28medium\29 + *,
		.\31 1u\24\28medium\29 + *,
		.\31 0u\24\28medium\29 + *,
		.\39 u\24\28medium\29 + *,
		.\38 u\24\28medium\29 + *,
		.\37 u\24\28medium\29 + *,
		.\36 u\24\28medium\29 + *,
		.\35 u\24\28medium\29 + *,
		.\34 u\24\28medium\29 + *,
		.\33 u\24\28medium\29 + *,
		.\32 u\24\28medium\29 + *,
		.\31 u\24\28medium\29 + * {
			clear: left;
		}

		.\-11u\28medium\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28medium\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28medium\29 {
			margin-left: 75%;
		}

		.\-8u\28medium\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28medium\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28medium\29 {
			margin-left: 50%;
		}

		.\-5u\28medium\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28medium\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28medium\29 {
			margin-left: 25%;
		}

		.\-2u\28medium\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28medium\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 736px) {
/*
		.row > * {
			padding: 0 0 0 1.25rem;
		}

		.row {
			margin: 0 0 -1px -1.25rem;
		}

		.row.uniform > * {
			padding: 1.25rem 0 0 1.25rem;
		}

		.row.uniform {
			margin: -1.25rem 0 -1px -1.25rem;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 2.5rem;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -2.5rem;
		}

		.row.uniform.\32 00\25 > * {
			padding: 2.5rem 0 0 2.5rem;
		}

		.row.uniform.\32 00\25 {
			margin: -2.5rem 0 -1px -2.5rem;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 1.875rem;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -1.875rem;
		}

		.row.uniform.\31 50\25 > * {
			padding: 1.875rem 0 0 1.875rem;
		}

		.row.uniform.\31 50\25 {
			margin: -1.875rem 0 -1px -1.875rem;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.625rem;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.625rem;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.625rem 0 0 0.625rem;
		}

		.row.uniform.\35 0\25 {
			margin: -0.625rem 0 -1px -0.625rem;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.3125rem;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.3125rem;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.3125rem 0 0 0.3125rem;
		}

		.row.uniform.\32 5\25 {
			margin: -0.3125rem 0 -1px -0.3125rem;
		}
*/
		.\31 2u\28small\29, .\31 2u\24\28small\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28small\29, .\31 1u\24\28small\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28small\29, .\31 0u\24\28small\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28small\29, .\39 u\24\28small\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28small\29, .\38 u\24\28small\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28small\29, .\37 u\24\28small\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28small\29, .\36 u\24\28small\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28small\29, .\35 u\24\28small\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28small\29, .\34 u\24\28small\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28small\29, .\33 u\24\28small\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28small\29, .\32 u\24\28small\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28small\29, .\31 u\24\28small\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28small\29 + *,
		.\31 1u\24\28small\29 + *,
		.\31 0u\24\28small\29 + *,
		.\39 u\24\28small\29 + *,
		.\38 u\24\28small\29 + *,
		.\37 u\24\28small\29 + *,
		.\36 u\24\28small\29 + *,
		.\35 u\24\28small\29 + *,
		.\34 u\24\28small\29 + *,
		.\33 u\24\28small\29 + *,
		.\32 u\24\28small\29 + *,
		.\31 u\24\28small\29 + * {
			clear: left;
		}

		.\-11u\28small\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28small\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28small\29 {
			margin-left: 75%;
		}

		.\-8u\28small\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28small\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28small\29 {
			margin-left: 50%;
		}

		.\-5u\28small\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28small\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28small\29 {
			margin-left: 25%;
		}

		.\-2u\28small\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28small\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 480px) {
/*
		.row > * {
			padding: 0 0 0 1.25rem;
		}

		.row {
			margin: 0 0 -1px -1.25rem;
		}

		.row.uniform > * {
			padding: 1.25rem 0 0 1.25rem;
		}

		.row.uniform {
			margin: -1.25rem 0 -1px -1.25rem;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 2.5rem;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -2.5rem;
		}

		.row.uniform.\32 00\25 > * {
			padding: 2.5rem 0 0 2.5rem;
		}

		.row.uniform.\32 00\25 {
			margin: -2.5rem 0 -1px -2.5rem;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 1.875rem;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -1.875rem;
		}

		.row.uniform.\31 50\25 > * {
			padding: 1.875rem 0 0 1.875rem;
		}

		.row.uniform.\31 50\25 {
			margin: -1.875rem 0 -1px -1.875rem;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.625rem;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.625rem;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.625rem 0 0 0.625rem;
		}

		.row.uniform.\35 0\25 {
			margin: -0.625rem 0 -1px -0.625rem;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.3125rem;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.3125rem;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.3125rem 0 0 0.3125rem;
		}

		.row.uniform.\32 5\25 {
			margin: -0.3125rem 0 -1px -0.3125rem;
		}
*/
		.\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28xsmall\29, .\39 u\24\28xsmall\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28xsmall\29, .\38 u\24\28xsmall\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28xsmall\29, .\37 u\24\28xsmall\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28xsmall\29, .\36 u\24\28xsmall\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28xsmall\29, .\35 u\24\28xsmall\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28xsmall\29, .\34 u\24\28xsmall\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28xsmall\29, .\33 u\24\28xsmall\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28xsmall\29, .\32 u\24\28xsmall\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28xsmall\29, .\31 u\24\28xsmall\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28xsmall\29 + *,
		.\31 1u\24\28xsmall\29 + *,
		.\31 0u\24\28xsmall\29 + *,
		.\39 u\24\28xsmall\29 + *,
		.\38 u\24\28xsmall\29 + *,
		.\37 u\24\28xsmall\29 + *,
		.\36 u\24\28xsmall\29 + *,
		.\35 u\24\28xsmall\29 + *,
		.\34 u\24\28xsmall\29 + *,
		.\33 u\24\28xsmall\29 + *,
		.\32 u\24\28xsmall\29 + *,
		.\31 u\24\28xsmall\29 + * {
			clear: left;
		}

		.\-11u\28xsmall\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28xsmall\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28xsmall\29 {
			margin-left: 75%;
		}

		.\-8u\28xsmall\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28xsmall\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28xsmall\29 {
			margin-left: 50%;
		}

		.\-5u\28xsmall\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28xsmall\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28xsmall\29 {
			margin-left: 25%;
		}

		.\-2u\28xsmall\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28xsmall\29 {
			margin-left: 8.33333%;
		}

	}

/* Basic */

	body {
		-ms-overflow-style: scrollbar;
	}

	@media screen and (max-width: 480px) {

		html, body {
			min-width: 320px;
		}

	}

	body {
		background: #fff;
	}

		body.is-loading *, body.is-loading *:before, body.is-loading *:after {
			animation: none !important;
			transition: none !important;
		}

/* Type */

	html {
		font-size: 62.5%;
	}
/*
		@media screen and (max-width: 1680px) {

			html {
				font-size: 11pt;
			}

		}

		@media screen and (max-width: 1280px) {

			html {
				font-size: 11pt;
			}

		}

		@media screen and (max-width: 980px) {

			html {
				font-size: 12pt;
			}

		}

		@media screen and (max-width: 736px) {

			html {
				font-size: 12pt;
			}

		}

		@media screen and (max-width: 480px) {

			html {
				font-size: 12pt;
			}

		}
*/
	body {
		background-color: #fff;
		color: #4b4b4b;
	}

	body, input, select, textarea {
		font-family: "PressExtra-Light"; /*"CeraPRO-Regular", sans-serif;*/
		font-weight: normal;
		font-size: 2.4rem;
		line-height: 1.5;
	}

	a {
		text-decoration: underline;
	}

		a:hover {
			text-decoration: none;
		}

	strong, b {
		font-weight: 600;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 2rem 0;
	}

	h1, h2, h3, h4, h5, h6 {
		font-family: "GazpachoBlack"; /*"CeraPRO-Bold", sans-serif;*/
		font-weight: normal;
		line-height: 1.2;
		margin: 0 0 1.5em 0;
		color:#2D231E; /*#1A365C;*/
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	h2 {
		font-size: 4rem;
	}

	h3 {
		/*font-family: "CeraPRO-Medium", sans-serif;*/
		font-size: 3.4rem;
		font-weight: normal;
	}

	h4 {
		font-size: 1.1rem;
	}

	h5 {
		font-size: 0.9rem;
	}

	h6 {
		font-size: 0.7rem;
	}

		@media screen and (max-width: 736px) {

			h2 {
				font-size: 2.4rem;
			}
			h3 {
				font-size: 2rem;
			}
		}

	sub {
		font-size: 0.8rem;
		position: relative;
		top: 0.5rem;
	}

	sup {
		font-size: 0.8rem;
		position: relative;
		top: -0.5rem;
	}

	blockquote {
		border-left: solid 4px;
		font-style: italic;
		margin: 0 0 2rem 0;
		padding: 0.5rem 0 0.5rem 2rem;
	}

	code {
		border-radius: 4px;
		border: solid 1px;
		font-family: "Courier New", monospace;
		font-size: 0.9rem;
		margin: 0 0.25rem;
		padding: 0.25rem 0.65rem;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9rem;
		margin: 0 0 2rem 0;
	}

		pre code {
			display: block;
			line-height: 1.75;
			padding: 1rem 1.5rem;
			overflow-x: auto;
		}

	hr {
		border: 0;
		border-bottom: solid 1px;
		margin: 2rem 0;
	}

		hr.major {
			margin: 3rem 0;
		}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}

	input, select, textarea {
		/*color: #555;*/
	}

	a {
		color: #A5D2BE; /*#1A365C;*/
	}

	blockquote {
		border-left-color: rgba(144, 144, 144, 0.25);
	}

	code {
		background: rgba(144, 144, 144, 0.075);
		border-color: rgba(144, 144, 144, 0.25);
	}

	hr {
		border-bottom-color: rgba(45, 35, 30, 0.35);
	}

/* Box */

	.box {
		margin-bottom: 2rem;
		background: #FFF;
	}

		.box .content {
			padding: 3rem;
		}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}

		@media screen and (max-width: 736px) {

			.box .content {
				padding: 2rem;
			}

		}

	.box {
		border-color: rgba(144, 144, 144, 0.25);
	}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button:not([class^="Cybot"]),
	.button {
		appearance: none;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		border-radius: 2px;
		border: 0;
		cursor: pointer;
		display: inline-block;
		height: 2.85em;
		line-height: 2.95em;
		padding: 0 1.5em;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		/*text-transform: uppercase;*/
		/*font-family: Arial, sans-serif;*/
		/*font-weight:bold;*/
		font-size:2rem;
	}

		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="button"].icon,
		button.icon,
		.button.icon {
			padding-left: 1.35rem;
		}

			input[type="submit"].icon:before,
			input[type="reset"].icon:before,
			input[type="button"].icon:before,
			button.icon:before,
			.button.icon:before {
				margin-right: 0.5rem;
			}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,
		.button.fit {
			display: block;
			margin: 0 0 1rem 0;
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		button.small,
		.button.small {
			font-size: 1rem;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		button.big,
		.button.big {
			font-size: 1.35rem;
		}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		button.disabled,
		button:disabled,
		.button.disabled,
		.button:disabled {
			pointer-events: none;
			opacity: 0.25;
		}

		@media screen and (max-width: 480px) {

			input[type="submit"],
			input[type="reset"],
			input[type="button"],
			button,
			.button {
				padding: 0;
			}

		}

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button:not([class^="Cybot"]),
	.button {
		background-color: #f2f2f2;
		color: #000 !important;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:not([class^="Cybot"]):hover,
		.button:hover {
			background-color: white;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		button:not([class^="Cybot"]):active,
		.button:active {
			background-color: #e5e5e5;
		}

		input[type="submit"].alt,
		input[type="reset"].alt,
		input[type="button"].alt,
		button.alt,
		.button.alt {
			background-color: transparent;
			box-shadow: inset 0 0 0 2px rgba(144, 144, 144, 0.25);
			color: #555 !important;
		}

			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			input[type="button"].alt:hover,
			button.alt:hover,
			.button.alt:hover {
				background-color: rgba(144, 144, 144, 0.075);
			}

			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			input[type="button"].alt:active,
			button.alt:active,
			.button.alt:active {
				background-color: rgba(144, 144, 144, 0.2);
			}

			input[type="submit"].alt.icon:before,
			input[type="reset"].alt.icon:before,
			input[type="button"].alt.icon:before,
			button.alt.icon:before,
			.button.alt.icon:before {
				color: #bbb;
			}

		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		button.special,
		.button.special {
			border-radius: 4px;
			height:3em; line-height:3.1em;
			padding:0 3.5em;
			background-color: #a5d2be; /*#68B42D;*/
			color:#2d231e !important;
		}

			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			input[type="button"].special:hover,
			button.special:hover,
			.button.special:hover {
				background-color: #2d231e; /*#16729B;*/
				color: #fff !important;
			}

			input[type="submit"].special:active,
			input[type="reset"].special:active,
			input[type="button"].special:active,
			button.special:active,
			.button.special:active {
				/*background-color: #16729B;*/
			}

/* Form */

	form {
		margin: 0 0 2rem 0;
	}

		form .field {
			margin-bottom: 2rem;
		}

			form .field.half {
				display: inline-block;
				width: 48%;
			}

				form .field.half.first {
					margin-right: 2.5%;
				}

		@media screen and (max-width: 980px) {

			form .field.half {
				display: block;
				width: 100%;
			}

				form .field.half.first {
					margin-right: 0;
				}

		}

	label {
		display: block;
		font-size: 1.6rem;
		/*font-family: "CeraPRO-Medium", sans-serif;*/
		font-weight: 600;
		margin: 0;
	}

	#mapsearch { margin-bottom:3rem; }
	#mapsearch .inner {
			margin: 0 auto;
			width: 80%;
			max-width: 70rem;
		}
	#mapsearch .inputwrapper { float:left; margin-right:1rem; background:#a5d2be;/*#68B42D;*/ text-align:left; padding:4px; border-radius:4px; display:flex; width:70%; max-width:81.5rem; align-items: start;  }
	#mapsearch  input[type="search"] { font-size:2.4rem; width:72%; }
	#mapsearch input[type="submit"].special { padding:0 2em; margin:0 auto; }
	#mapsearch input[type="submit"].nearest { height:6.8rem; }
	#mapsearch input[type="submit"].special:hover { background-color:#a5d2be !important; /*#68B42D*/ }

	@media screen and (max-width: 1280px) {
		#mapsearch .inputwrapper { width:62%; }
	}

	@media screen and (max-width: 980px) {
		#mapsearch .inner { width:100%; max-width:100%; }
		#mapsearch .inputwrapper { flex-wrap:wrap; text-align:center; width:100%; margin-bottom:1rem; }
		#mapsearch input[type="search"] { width:100%; max-width:100%; font-size:1.6rem; }
		#mapsearch input[type="submit"].special { width:80%; font-size:1.6rem; height:4.6rem; line-height:5.4rem; }
		#mapsearch input[type="submit"].nearest { width:100%; line-height:4.65rem;  }
		#mapsearch ::placeholder { text-align:center; }
		#mapsearch .formerize-placeholder { text-align:center; }
	}

	#search .inputwrapper { background: #a5d2be;/*#68B42D;*/ text-align:left; padding:4px; border-radius:4px; display:flex; max-width:81.5rem; align-items:center;  }
	#search > form { }
	#search input[type="search"] { font-size:3.6rem; width:75%; max-width:60rem; }
	#search input[type="submit"].special { font-size:3rem; height:2.5em; line-height:2.55em; padding:0 2em; margin:0 auto; }
	#search input[type="submit"].special:hover { background-color:#a5d2be;/*#68B42D;*/ }

	#nsearch .inputwrapper { background:#a5d2be; text-align:left; padding:4px; border-radius:4px; display:flex; max-width:81.5rem; align-items:center; margin:0 auto;  }
	#nsearch > form { }
	#nsearch input[type="search"] { font-size:2.4rem; width:75%; max-width:60rem; }
	#nsearch input[type="submit"].special { font-size:2rem; height:3em; line-height:3.05em; padding:0 2rem; margin:0 auto; }
	#nsearch input[type="submit"].special:hover { background-color:#a5d2be; }


	@media screen and (max-width: 980px) {
		#search .inputwrapper { flex-wrap:wrap; text-align:center; }
		#search input[type="search"] { width:100%; max-width:100%; font-size:2.4rem; }
		#search input[type="submit"].special { width:80%; font-size:2.4rem; }
		#search ::placeholder { text-align:center; }
		#search .formerize-placeholder { text-align:center; }
	}

	#magsearch:after {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}
	#magsearch .inner {
		margin: 0 auto;
		width: 80%;
		max-width: 81.5rem;
	}
	#magsearch .inputwrapper { float:left; margin-right:1rem; background:#a5d2be; text-align:left; padding:4px; border-radius:4px; display:flex; width:calc(50% - 0.5rem); max-width:81.5rem; align-items: start; }
	#magsearch .select-wrapper { float:left; background:#a5d2be; text-align:left; padding:4px; border-radius:4px; width:calc(50% - 3.5rem); }
	#magsearch select { width:100%; font-size:2.4rem; background:#a5d2be; color:#2d231e; /*font-weight:bold;*/ padding-right:4rem; outline:none; }
	#magsearch .select-wrapper > select > * { background:#a5d2be; color:#2d231e; font-weight:normal; font-size:2rem; }
	#magsearch > form { }
	#magsearch input[type="search"] { font-size:2.4rem; width:70%; max-width:60rem; }
	#magsearch input[type="submit"].special { font-size:2rem; height:3em; line-height:3.05em; padding:0 2rem; margin:0 auto; }
	#magsearch input[type="submit"].special:hover { background-color:#a5d2be; }

	#magdetail .inputwrapper { position:relative; background:#a5d2be; text-align:left; padding:4px; border-radius:4px; display:flex; max-width:48rem; align-items: start; }
	#magdetail > form { }
	#magdetail input[type="search"] { font-size:2rem; width:75%; max-width:40rem }
	#magdetail input[type="submit"].special { font-size:1.6rem; height:3.2em; line-height:3.25em; padding:0 1em; margin:0 auto;  }
	#magdetail input[type="submit"].special:hover { background-color:#a5d2be; }
	#magdetail a.button.inquiry { margin-top:0.5rem; }

	@media screen and (max-width: 1280px) {
		#magsearch .innner { width:90%; }
	}

	@media screen and (max-width: 980px) {
		#magdetail .inputwrapper { max-width:100%; }
		#magdetail input[type="search"] { width:85%; max-width:100%; font-size:1.6rem; }
		#magdetail input[type="submit"].special { height:4rem; line-height:4.2rem; }
		#magsearch .inner { width:100%; max-width:100%; }
		#magsearch .inputwrapper { flex-wrap:wrap; text-align:center; margin-bottom:1rem; }
		#magsearch .inputwrapper, #magsearch .select-wrapper { width:100%; }
		#magsearch select { font-size:1.8rem; text-align:center; }
		#magsearch .select-wrapper:before {  bottom:1.4rem; font-size:2rem; }
		#magsearch input[type="search"] { width:100%; max-width:100%; font-size:1.6rem; }
		#magsearch input[type="submit"].special { width:80%; font-size:1.6rem; height:4.6rem; line-height:5.4rem; }
		#magsearch ::placeholder { text-align:center; }
		#magsearch .formerize-placeholder { text-align:center; }
	}

	@media screen and (max-width: 736px) {
		#magdetail input[type="search"] { width:75%; }
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="search"],
	input[type="number"],
	input[type="date"],
	select,
	textarea {
		appearance: none;
		border-radius: 0px;
		border: solid 0px;
		color: #2d231e;
		display: inline-block;
		outline: 0;
		padding: 0 1rem;
		text-decoration: none;
		/*width: 100%;*/
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="number"]:invalid,
		input[type="date"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}

		.select-wrapper:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family:'Font Awesome 5 Pro';
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.select-wrapper:before {
			content: '\f078';
			font-size:2.4rem;
			display: block;
			height: 2.75rem;
			line-height: 2.75rem;
			pointer-events: none;
			position: absolute;
			right: 1.5rem;
			text-align: center;
			bottom: 1.75rem;
			width: 2.75rem;
		}

		.select-wrapper select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="search"],
	input[type="number"],
	input[type="date"],
	select {
		height:2.5em; margin:0;
	}

	textarea {
		padding: 0.75rem 1rem;
	}

	input[type="checkbox"],
	input[type="radio"] {
		appearance: none;
		display: block;
		float: left;
		margin-right: -2rem;
		opacity: 0;
		width: 1rem;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			cursor: pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: 400;
			padding-left: 3.5rem;
			padding-right: 1rem;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family:'Font Awesome 5 Pro';
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				border-radius: 4px;
				border: solid 1px;
				content: '';
				display: inline-block;
				height: 1em;
				left: 0;
				line-height: 1em;
				position: absolute;
				text-align: center;
				top: 0.2em;
				width: 1em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			content: '\f00c';
		}

	input[type="checkbox"] + label:before {
		border-radius: 4px;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	label {
		color: #2d231e;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="search"],
	input[type="number"],
	input[type="date"],
	select,
	textarea {
		background: #fff;
		border-color: #a5d2be;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="number"]:focus,
		input[type="date"]:focus,
		select:focus,
		textarea:focus {
			/*border-color: #a5d2be;*/
			box-shadow: 0 0 0 1px #a5d2be;
		}

	.select-wrapper:before {
		color:#2d231e;
	}

	input[type="checkbox"] + label,
	input[type="radio"] + label {
		color: #2d231e;
	}

		input[type="checkbox"] + label:before,
		input[type="radio"] + label:before {
			background: rgba(45, 35, 30, 0.075); /*rgba(144, 144, 144, 0.075);*/
			border-color: rgba(45, 35, 30, 0.45);
		}

	input[type="checkbox"]:checked + label:before,
	input[type="radio"]:checked + label:before {
		background-color: #a5d2be;
		border-color: transparent;
		color: #2d231e;
	}

	input[type="checkbox"]:focus + label:before,
	input[type="radio"]:focus + label:before {
		border-color: #a5d2be;
		box-shadow: 0 0 0 1px #a5d2be;
	}

	::placeholder {
		color: #2D231E !important;
		opacity: 1.0;
	}

	.formerize-placeholder {
		color: #2D231E !important;
		opacity: 1.0;
	}

/* Icon */
/*
	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: 'Font Awesome 5 Pro';
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}
*/
/* Image */

	.image {
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			display: block;
		}

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.left {
			float: left;
			margin: 0 1.5rem 1rem 0;

		}

		.image.right {
			float: right;
			margin: 0 0 1rem 1.5rem;

		}

		.image.fit {
			display: block;
			margin: 0 0 2rem 0;
			width: 100%;
		}

			.image.fit img {
				width: 100%;
			}

		.image.main {
			display: block;
			margin: 0 0 3rem 0;
			width: 100%;
		}

			.image.main img {
				width: 100%;
			}

		.nomargin { margin:0 !important; }
/* List */

	ol {
		list-style: decimal;
		margin: 0 0 2rem 0;
		padding-left: 1.25rem;
	}

		ol li {
			padding-left: 0.25rem;
		}
/*
	ul {
		list-style: disc;
		margin: 0 0 2rem 0;
		padding-left: 1rem;
	}

		ul li {
			padding-left: 0.5rem;
		}
*/
		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: solid 1px;
				padding: 0.5rem 0;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}

		ul.icons {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.icons li {
				display: inline-block;
				padding: 0 1rem 0 0;
			}

				ul.icons li:last-child {
					padding-right: 0;
				}

				ul.icons li .icon:before {
					font-size: 2rem;
				}

		ul.actions {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.actions li {
				display: inline-block;
				padding: 0 1rem 0 0;
				vertical-align: middle;
			}

				ul.actions li:last-child {
					padding-right: 0;
				}

			ul.actions.small li {
				padding: 0 0.5rem 0 0;
			}

			ul.actions.vertical li {
				display: block;
				padding: 1rem 0 0 0;
			}

				ul.actions.vertical li:first-child {
					padding-top: 0;
				}

				ul.actions.vertical li > * {
					margin-bottom: 0;
				}

			ul.actions.vertical.small li {
				padding: 0.5rem 0 0 0;
			}

				ul.actions.vertical.small li:first-child {
					padding-top: 0;
				}

			ul.actions.fit {
				display: table;
				margin-left: -1rem;
				padding: 0;
				table-layout: fixed;
				width: calc(100% + 1rem);
			}

				ul.actions.fit li {
					display: table-cell;
					padding: 0 0 0 1rem;
				}

					ul.actions.fit li > * {
						margin-bottom: 0;
					}

				ul.actions.fit.small {
					margin-left: -0.5rem;
					width: calc(100% + 0.5rem);
				}

					ul.actions.fit.small li {
						padding: 0 0 0 0.5rem;
					}

			@media screen and (max-width: 480px) {

				ul.actions {
					margin: 0 0 2rem 0;
				}

					ul.actions li {
						padding: 1rem 0 0 0;
						display: block;
						text-align: center;
						width: 100%;
					}

						ul.actions li:first-child {
							padding-top: 0;
						}

						ul.actions li > * {
							width: 100%;
							margin: 0 !important;
						}

							ul.actions li > *.icon:before {
								margin-left: -2rem;
							}

					ul.actions.small li {
						padding: 0.5rem 0 0 0;
					}

						ul.actions.small li:first-child {
							padding-top: 0;
						}

			}

	dl {
		margin: 0 0 2rem 0;
	}

		dl dt {
			display: block;
			font-weight: 400;
			margin: 0 0 1rem 0;
		}

		dl dd {
			margin-left: 2rem;
		}

	ul.alt li {
		border-top-color: rgba(144, 144, 144, 0.25);
	}

/* Section/Article */

	section.special, article.special {
		text-align: center;
	}

	header p {
		position: relative;
		margin: 0 0 1.5rem 0;
	}

	header h2 + p {
		font-size: 2rem;
		margin-top: -1rem;
	}

	header h3 + p {
		font-size: 1.1rem;
		margin-top: -0.8rem;
	}

	header h4 + p,
	header h5 + p,
	header h6 + p {
		font-size: 0.9rem;
		margin-top: -0.6rem;
	}

/* Table */

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	table {
		margin: 0 0 2rem 0;
		width: 100%;
	}

		table tbody tr {
			border: solid 1px;
			border-left: 0;
			border-right: 0;
		}

		table td {
			padding: 0.75rem 0.75rem;
		}

		table th {
			font-size: 0.9rem;
			font-weight: 400;
			padding: 0 0.75rem 0.75rem 0.75rem;
			text-align: left;
		}

		table thead {
			border-bottom: solid 2px;
		}

		table tfoot {
			border-top: solid 2px;
		}

		table.alt {
			border-collapse: separate;
		}

			table.alt tbody tr td {
				border: solid 1px;
				border-left-width: 0;
				border-top-width: 0;
			}

				table.alt tbody tr td:first-child {
					border-left-width: 1px;
				}

			table.alt tbody tr:first-child td {
				border-top-width: 1px;
			}

			table.alt thead {
				border-bottom: 0;
			}

			table.alt tfoot {
				border-top: 0;
			}

	table tbody tr {
		border-color: rgba(144, 144, 144, 0.25);
	}

		table tbody tr:nth-child(2n + 1) {
			background-color: rgba(144, 144, 144, 0.075);
		}

	table th {
		color: #555;
	}

	table thead {
		border-bottom-color: rgba(144, 144, 144, 0.25);
	}

	table tfoot {
		border-top-color: rgba(144, 144, 144, 0.25);
	}

	table.alt tbody tr td {
		border-color: rgba(144, 144, 144, 0.25);
	}

/* Wrapper */

	.wrapper {
		padding: 6rem 0 4rem 0 ;
		position: relative;
		margin: 0;
	}

	.inline-wrapper {
		padding: 2rem 0 2rem 0;
	}

		.wrapper > .inner {
			margin: 0 auto;
			width: 71%;
			max-width: 136.4rem;
		}

	.wrapper.wide > .inner { width:85%; max-width:164rem; }

		@media screen and (max-width: 980px) {

			.wrapper > .inner {
				width: 80%;
			}

			.wrapper.style3 {
				background-attachment: scroll;
			}

		}

		@media screen and (max-width: 736px) {

			.wrapper {
				padding: 3rem 0 1rem 0 ;
			}

		}

		@media screen and (max-width: 480px) {

			.wrapper > .inner {
				width: 90%;
			}
		}

/* Header */

	body:not(.frontpage) {
		/*padding-top: 7.2rem;*/
	}

/*
	@-moz-keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}

	@-webkit-keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}

	@-ms-keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}
*/
	@keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}

	#header {
		background: #fff; /*#1A365C;*/
		/*color: #fff;*/
		cursor: default;
		height: 7.2rem;
		left: 0;
		line-height: 7.2rem;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10001;
		box-shadow:0px 1px 2px 0px rgba(45, 35, 30, 0.1);
	}

		#header .toggle span, #header .search span {
			display: none;
		}

		#header h1 { position:absolute; left:2.4rem; width:19.2rem; margin:2.4rem 2.4rem 2.4rem 0; }
		#header .menu { position:absolute; right:2.4rem; }

		#header a.logo {
			display: block;
			height:0; padding-bottom:12.5%;
			text-indent:-999em;
			text-decoration: none;
			background:url('../gfx/logo_c.svg') no-repeat center center / contain;
		}

		#header .menu > a {
			transition: color 0.2s ease-in-out;
			display: inline-block;
			padding: 0 0.75em;
			text-decoration: none;
			color: #fff;
		}

			#header .menu > a.icon  {
				color: #2d231e; /*#fff;*/
				font-size:2.4rem;
				text-decoration: none;
				-webkit-tap-highlight-color: transparent;
			}

				#header .menu > a.icon:before {
					display:inline-block;
					-moz-osx-font-smoothing: grayscale;
					-webkit-font-smoothing: antialiased;
					font-style: normal;
					font-variant:normal;
					text-rendering:auto;
					text-transform: none !important;
					font-family:'Font Awesome 5 Pro';
					font-weight:400;
				}

				#header .menu > a.toggle:before { content:'\f0c9'; }
				#header .menu > a.search:before { content: '\f002'; }

				#header .menu > a.icon:hover {
					color: #a5d2be; /*#68B42D;*/
				}

			#header .menu > a.toggle {
				/*
				border-left: solid 1px rgba(255, 255, 255, 0.25);
				padding-left: 1.25em;
				*/
				margin-left: 2rem;
			}

			#header .menu > a:last-child {
				/*padding-right: 1.25em;*/
			}



			@media screen and (max-width: 736px) {

				#header .menu > a.icon {
					padding: 0 0.25em;
				}

					#header .menu > a.toggle {

						margin-left: 1rem;
					}

			}

		#header.reveal {
			animation: reveal-header 0.5s ease;
		}

		#header.alt {
			animation: none;
			/*
			background-color: transparent;
			top: 1.5em;
			*/
			/*box-shadow: none;*/
			overflow: hidden;
			position: absolute;

		}

	@media screen and (max-width: 980px) {

		#header > h1 { left:2rem; width:15.2rem; margin-top:2.65rem; }
		#header .menu { right:2rem; }
		#header .menu > a.toggle { margin-left:1rem; }

	}

	@media screen and (max-width: 480px) {

		#header {
			min-width: 320px;
		}

	}

/* Menu  + Search */
	ul#nav { display:none; }

	#menu, #search {
		transform: translateX(200em);
		transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
		-webkit-overflow-scrolling: touch;
		background: rgba(45,35,30,0.95); /*rgba(13,30,52,0.95);*/ /*#0D1E34;*/
		box-shadow: none;
		color: #fff;
		overflow-y: auto;
		padding:10.2rem 3rem 10rem;
		position: fixed;
		right: 0;
		top: 0;
		visibility: hidden;
		min-height: 100vh;
		height: 100vh !important;
		width: 100%;
		display:flex;
		justify-content: center;
		align-content: center;
		text-align: center;
		z-index: 10000;
	}

		#menu > ul, #search > form {
			margin: auto;
		}

			#menu > ul.links {
				list-style: none;
				padding: 0;
			}

				#menu > ul.links > li {
					padding: 0 0 1.5rem;
				}

					#menu > ul.links > li > a:not(.button) {
						border: 0;
						border-top: solid 0px rgba(255, 255, 255, 0.25);
						color: /*#2D231E;*/ #fff;
						display: block;
						text-decoration: none;
						font-family: "GazpachoBlack"; /*"CeraPRO-Bold", sans-serif;*/
						font-size:6rem;
						font-weight:normal;
						line-height: 1.2em;
					}

						#menu > ul.links > li > a:not(.button):hover, #menu > ul.links > li.active > a:not(.button) {
							color: #a5d2be; /*#68B42D;*/
						}

					#menu > ul.links > li > .button {
						display: block;
						margin: 0.5em 0 0 0;
					}

					#menu > ul.links > li:first-child > a:not(.button) {
						border-top: 0 !important;
					}

					#menu > ul.links > li.campaign { display:none; }

		#menu .close, #search .close {
			text-decoration: none;
			transition: color 0.2s ease-in-out;
			-webkit-tap-highlight-color: transparent;
			border: 0;
			color: /*#2D231E;*/ #fff;
			cursor: pointer;
			display: block;
			height: 3.25em;
			line-height: 3.25em;
			padding-right: 1.5em;
			padding-top: 0.5em;
			position: absolute;
			right: 0;
			text-align: right;
			top: 7.2rem;
			vertical-align: middle;
			width: 7em;
		}

			#menu .close:before, #search .close:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: 'Font Awesome 5 Pro';
				font-style: normal;
				font-variant:normal;
				text-rendering:auto;
				font-weight: 400;
				text-transform: none !important;

			}

			#menu .close:before, #search .close:before {
				content: '\f00d';
				font-size: 1.5em;
			}

			#menu .close:hover, #search .close:hover {
				color: #a5d2be;/*#68B42D;*/
			}

			@media screen and (max-width: 736px) {

				#menu .close {
                  	top: 4rem;
					height: 4em; width:4em;
					line-height: 4em;
				}

			}

		#menu.visible, #search.visible {
			transform: translateX(0);
			box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.2);
			visibility: visible;
		}

		@media screen and (max-width: 736px) {
            #menu > ul.links > li { padding-bottom:1.8rem; }
            #menu > ul.links > li > a:not(.button) { font-size:2.5rem; }
		}

/* Banner */

	#banner {
		align-items: center;
		display: flex;
		justify-content: center;
		background-image: url("../../assets/gfx/Kaffe_1920x1080.jpg");
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		border-top: 0;
		min-height: 100vh;
		height: 100vh !important;
		width: 100%;
		position: relative;
		text-align: center;
		overflow: hidden;
	}

		#banner .inner {
			transform: scale(1.0);
			transition: opacity 1s ease, transform 1s ease;
			opacity: 1;
			position: relative;
			z-index: 2;
		}

		#banner h1 {
			font-size: 4rem;
			margin-bottom: 1rem;
			color: #FFF;
		}

		#banner p {
			font-family: "GazpachoBlack"; /*"CeraPRO-Bold", sans-serif;*/
			color: #fff;
			font-size: 7.2rem;
			font-weight:500;
			line-height:1.1;
			margin-bottom: 3rem;
			text-shadow: 1px 1px 2px rgba(75, 75, 75, 0.7);
		}
		#banner .dark > p { color:#2D231E !important; /*#1A365C !important;*/ }

		#banner a {
			color: #FFF;
			text-decoration: none;
		}

		#banner video {
			transform: translateX(50%) translateY(50%);
			position: absolute;
			bottom: 50%;
			right: 50%;
			width: auto;
			height: auto;
			min-width: 100%;
			min-height: 100%;
			overflow: hidden;
		}

		#banner:before {
			transition: opacity 1.5s ease;
			transition-delay: 0.25s;
			content: '';
			display: block;
			background-color: rgba(0, 0, 0, 0.45);
			height: 100%;
			left: 0;
			opacity: 0;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 1;
		}

		#banner:after {
			transition: opacity 1s ease;
			transition-delay: 0.5s;
			content: '';
			display: block;
			background: transparent;
			background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9));
			height: 10%;
			left: 0;
			opacity: 0.20;
			position: absolute;
			bottom: 0;
			width: 100%;
			z-index: 1;
		}
/*
	@-webkit-keyframes more {
		0% {
			bottom: -3.5em;
		}

		100% {
			bottom: 1.5em;
		}
	}

	@-ms-keyframes more {
		0% {
			bottom: -3.5em;
		}

		100% {
			bottom: 1.5em;
		}
	}
*/
	@keyframes more {
		0% {
			bottom: -3.5em;
		}

		100% {
			bottom: 1.5em;
		}
	}

@media screen and (max-width: 480px) {
/*
	@-webkit-keyframes more {
		0% {
			bottom: -3.5em;
		}

		100% {
			bottom: 5.5em;
		}
	}

	@-ms-keyframes more {
		0% {
			bottom: -3.5em;
		}

		100% {
			bottom: 5.5em;
		}
	}
*/
	@keyframes more {
		0% {
			bottom: -3.5em;
		}

		100% {
			bottom: 1em;
		}
	}
}

		#banner .more {
			transition: height 0.2s ease;
			animation: more 0.5s ease-out 2s forwards;
			border: 0;
			bottom: -3.5em;
			color: rgba(255, 255, 255, 0.9);
			display: block;
			height: 3em;
			left: 50%;
			margin-left: -1.5em;
			overflow: hidden;
			position: absolute;
			text-indent: 3em;
			white-space: nowrap;
			width: 3em;
			z-index: 2;
			border-radius: 100%;
			text-decoration: none;
			box-shadow: 0 0 3px 0 rgba(255, 255, 255, 0.85);
		}

			#banner .more:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: 'Font Awesome 5 Pro';
				font-style: normal;
				font-weight: 300;
				text-transform: none !important;
			}

			#banner .more:hover {
				background: rgba(255, 255, 255, 0.25);
				color: rgba(255, 255, 255, 1);
				box-shadow: none;
			}

				#banner .more:hover:before {
					color: rgba(255, 255, 255, 1);
				}

			#banner .more:before {
				content: '\f063';
				color: #fff;
				font-size: 1.5em;
				position: absolute;
				right: .525em;
				bottom: .2em;
			}


		@media screen and (max-width: 1280px) {
/*
			#banner video {
				display: none;
			}
*/
		}

		@media screen and (max-width: 736px) {

			#banner {
				/*min-height: 0;*/
				height:100% !important;
				padding: 6rem 2rem 4rem 2rem;
			}

			#banner p {
				font-size:5rem;
			}
/*
			#banner video {
				display: none;
			}

				#banner .inner {
					width: 100%;
				}

				#banner h1 {
					font-size: 1.75em;
					margin-bottom: 0.5em;
					padding-bottom: 0;
				}

				#banner p {
					font-size: 1.25em;
				}

				#banner br {
					display: none;
				}

				#banner .button {
					width: 100%;
				}
*/
		}

		@media screen and (max-width: 480px) {
			#banner {
				/*background-image: url("../../assets/gfx/Kaffe_mobil.jpg");
				background-position-y: 0;*/
				padding-top:0;padding-bottom:0;
			}

			#banner p {
				font-size:4rem;
			}

		}

		body.is-loading #banner .inner {
			transform: scale(0.99);
			opacity: 0;
		}

		body.is-loading #banner:before {
			opacity: 1;
		}

		body.magazine #banner:before { height:0; }

/* Main */

	#main { padding: 14rem 0; }

	.videoholder { position:relative; width:100%; height:0; padding-top:56.25%; margin-bottom:2rem; }
	.videoholder.format916 { padding-top:177.7778%; }
	.videoholder.format45 { padding-top:125%; }

	.videoholder video { position:absolute; top:0; left:0; width:100%; height:100%; }
	.featured figure figcaption { margin-top:2rem; }
	.featured figure figcaption p { margin:0; }
	.range { position: relative; width:100%; height:0; padding-bottom:79.16%; overflow: hidden; }
	.range > figure { position: absolute; top:0; left:0; bottom:0; right:0; }
	.range > figure.hidden {  }

	@media screen and (max-width: 980px) {
		#main { padding:8rem 0; }
	}

	@media screen and (max-width: 480px) {
		#main { padding:4rem 0; }
		body.frontpage #main { padding:10rem 0; }
		body.survey #main { padding:8rem 0 4rem; }
	}

	.articlecontent header:not(.align-left) { width:60%; max-width:81.5rem; margin:0 auto; }
	.articlecontent header h2, .list header h3 { margin-bottom:3.2rem; line-height:1.2; }
	.articlecontent .ptxt:not(.align-left) { width:80%; max-width:81.5rem; margin:0 auto; }
	.articlecontent .ptxt .button { margin:0 auto; }
	.articlecontent .ptxt p[style*="center"] > .multi { margin:0 1.5rem 2.5rem 1.5rem; }
	.articlecontent .ptxt img { max-width:100%; }
	.articlecontent .ptxt img.left { float:left; max-width:50%; }
	.articlecontent .ptxt img.right { float:right; max-width:50%; }
	.articlecontent .ptxt img.half { max-width:50%; margin:0 auto; }
	.articlecontent .ptxt img.quarter { max-width:25%; margin:0 auto; }


	.articlecontent .teaser { font-size:2.8rem; }

	.ptxt ul, .ptxt ol { margin-bottom:2rem; }
	.ptxt ul li { list-style: disc outside; margin:0 0 0 1.5rem; padding:0; }
	.ptxt.align-center ul li { list-style: disc inside; }
	.ptxt ol li { list-style:decimal outside; margin:0 0 0 1.5rem; padding:0; }

	@media screen and (max-width: 980px) {
		.articlecontent header.align-left { width:60%; max-width:81.5rem; margin:0 auto; text-align:center; }
		.campaign .articlecontent header.align-left { width:100%; text-align:left; }
		.articlecontent header:not(.align-left) { width:100%; }
		.articlecontent .ptxt.align-left { width:100%; max-width:81.5rem; margin:0 auto; }
		.articlecontent .ptxt:not(.align-left) { width:100%; text-align:left; }
	}

	@media screen and (max-width: 480px) {
		.articlecontent header:not(.align-left) { width:100%; }
		.articlecontent .ptxt:not(.align-left) { width:100%; }
	}

	.list .list-teaser { height:8rem; margin-bottom:2rem; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; box-sizing:content-box; }
	.list .readlist-teaser { height:8rem; margin-bottom:2rem; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; box-sizing:content-box; }
	.list .list-teaser + p.filler, .list .readlist-teaser + p.filler { height:8rem; }

	@media screen and (max-width: 1280px) {
		.list .list-teaser + p > .button { font-size:1.4rem; padding:0 2.5em; }
	}
	@media screen and (max-width: 980px) {
		.list .list-teaser + p > .button, .list .readlist-teaser + p > .button { font-size:1.2rem; padding:0 2em; }
	}
	@media screen and (max-width: 480px) {
		.list .list-teaser, .list .readlist-teaser  { height:auto; display:block; overflow:auto; }
	}

/* Footer */

	#footer {
		padding: 5rem 0 0 0;
		background: #3B302B; /*#1A365C;*/
		color: #fff;
		/*font-family: Arial, sans-serif;*/
		font-size: 1.4rem;
	}
		#footer ul { list-style:none; padding:0; }
		#footer li { padding:0; }
		#footer .menu { display:flex; align-items:flex-start; justify-content:space-between; align-content:space-between; }
		#footer .menu > li > span { display:block; border-bottom:1px solid #A5D2BE; /*#16729B;*/ font-family: "GazpachoBlack"; font-size:1.2rem; line-height:1; margin-bottom:1.25em; padding:0 0 1.25em 0; }
		#footer .menu > li > ul {  }
		#footer .menu > li > ul > li { line-height:1.75; }
		#footer .menu > li > ul > li a { color:#fff; text-decoration:none; display:block; }
		#footer .menu > li > ul > li:hover a, #footer .menu > li > ul > li.active a { color:#A5D2BE; /*#68B42D;*/ }

		#footer .id > figure { width:12.5rem; }
		#footer a.logo {
			display: block;
			height:0; padding-bottom:100%;
			text-indent:-999em;
			text-decoration: none;
			background:url('../gfx/nlogo.svg') no-repeat center center / contain;
		}
		#footer .copyright {
			height:5rem;
			line-height:5rem;
			background: #2D231E; /*#0D1E34;*/
			margin:5rem 0 0 0;
			padding: 0;
			font-size: 1.2rem;
		}

		#shortcut-menu .about, #shortcut-menu .campaign, #shortcut-menu .material { display:none; }
		#footer .social { display:inline-block; font-size:3.5rem; line-height:1 !important; }
		#footer .social:first-of-type { margin-right:1rem; }
		#footer .social a { padding:0.5rem; }

		#footer .partner { display:inline-block; }
		#footer .partner:first-of-type { margin-right:1rem; }
		#footer .mot { width:10.6rem; }
		#footer .tgtg { width:7.5rem; }
		#footer .mot a { background: url('../../../../../navigation/mot.png') no-repeat center center / contain; text-indent: -9999em; height:0; padding-bottom:60%; }
		#footer .tgtg a { background: url('../../../../../navigation/toogoodtogo.png') no-repeat center center / contain; text-indent: -9999em; height:0; padding-bottom:100%; }

		#footer .copyright a { color:rgba(255,255,255,0.65); text-decoration:none; }
		#footer .copyright a:hover { color:rgba(255,255,255,0.85); }

		@media screen and (max-width: 980px) {
			#footer .menu { flex-wrap:wrap; justify-content:space-between; }
			#footer .menu li.id { flex: 1 100%; margin-bottom:5rem; }
			#footer .menu > li { flex:0 30%; margin-bottom:5rem; }
			#footer .mot { margin-bottom:2rem; }
		}

		@media screen and (max-width: 736px) {
			#footer { padding:3rem 0 0 0; }

		}
		@media screen and (max-width: 480px) {
			#footer .menu > li { flex:1 100%; }
		}

/* Flexgrid */

	#flexgrid {
		width: 100%;
		margin: 0 0 2.5rem 0;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
	}

		#flexgrid > * {
			flex-shrink: 1;
			flex-grow: 0;
		}

		#flexgrid > * {
			width: 33.33333%;
		}

		#flexgrid > * {
			padding: 0.8rem;
			width: calc(33.33333% + 0.4rem);
		}

		#flexgrid > :nth-child(-n + 3) {
			padding-top: 0;
		}

		#flexgrid > :nth-last-child(-n + 3) {
			padding-bottom: 0;
		}

		#flexgrid > :nth-child(3n + 1) {
			padding-left: 0;

		}

		#flexgrid > :nth-child(3n) {
			padding-right: 0;

		}

		#flexgrid > :nth-child(3n + 1) {
			width: calc(33.33333% + -0.4rem);
		}


		#flexgrid > :nth-child(3n) {
			width: calc(33.33333% + -0.4rem);
		}

		/*
		#flexgrid > div {
			border-style: solid;
			border-color: rgba(255, 255, 255, 0.25);
			border-left-width: 1px;
			border-top-width: 1px;
			text-align: center;
		}

			#flexgrid > div > :last-child {
				margin-bottom: 0;
			}

			#flexgrid > div:nth-child(3n - 2) {
				border-left-width: 0;
			}

			#flexgrid > div:nth-child(-n + 3) {
				border-top-width: 0;
			}

			#flexgrid > div .icon {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
				font-size: 3.5rem;
				background: #fff;
				color: #5AA6ED;
				width: 8rem;
				height: 8rem;
				border-radius: 100%;
				margin: 0 auto 2rem auto;
			}
		*/
		@media screen and (max-width: 980px) {

			#flexgrid > * {
				width: 50%;
			}

			#flexgrid > * {
				padding: 0.8rem;
				width: calc(50% + 0.8rem);
			}

			#flexgrid > :nth-child(2n + 1),
			#flexgrid > :nth-child(2n) {
				padding: 0.8rem;
				width: 50%;
			}

			#flexgrid > :nth-child(-n + 2) {
				padding-top: 0;
			}

			#flexgrid > :nth-last-child(-n + 2) {
				padding-bottom: 0;
			}

			#flexgrid > :nth-child(2n + 1) {
				padding-left:0;
			}

			#flexgrid > :nth-child(2n) {
				padding-right:0;
			}
		}

		@media screen and (max-width: 480px) {

			#flexgrid > * {
				width: 100%;
			}

			#flexgrid > * {
				padding: 0.8rem;
				width: calc(100% + 0.8rem);
			}

			#flexgrid > :nth-child(-n + 1) {
				padding-top: 0;
			}

			#flexgrid > :nth-last-child(-n + 1) {
				padding-bottom: 0;
			}

			#flexgrid > :nth-child(1n + 1) {
				padding-left: 0;
			}

			#flexgrid > :nth-child(1n) {
				padding-right: 0;
			}

			#flexgrid > :nth-child(1n + 1),
			#flexgrid > :nth-child(1n) {
				width: 100%;
			}

		}
		/*
			#flexgrid > :nth-child(-n + 3) {
				padding-top: 2rem;
			}

			#flexgrid > :nth-last-child(-n + 3) {
				padding-bottom: 2rem;
			}

			#flexgrid > :nth-child(3n + 1) {
				padding-left: 2rem;
			}

			#flexgrid > :nth-child(3n) {
				padding-right: 2rem;
			}

			#flexgrid > :nth-child(3n + 1),
			#flexgrid > :nth-child(3n) {
				padding: 2rem;
				width: calc(100% + 4rem);
			}

			#flexgrid > * {
				padding: 2rem;
				width: calc(50% + 2rem);
			}

			#flexgrid > :nth-child(-n + 2) {
				padding-top: 2rem;
			}

			#flexgrid > :nth-last-child(-n + 2) {
				padding-bottom: 2rem;
			}

			#flexgrid > :nth-child(2n + 1) {
				padding-left: 2rem;
			}

			#flexgrid > :nth-child(2n) {
				padding-right: 2rem;
			}

			#flexgrid > :nth-child(2n + 1),
			#flexgrid > :nth-child(2n) {
				padding: 2rem;
				width: calc(100% + 4rem);
			}

			#flexgrid > * {
				padding: 2rem;
				width: calc(100% + 4rem);
			}

			#flexgrid > :nth-child(-n + 1) {
				padding-top: 0;
			}

			#flexgrid > :nth-last-child(-n + 1) {
				padding-bottom: 0;
			}

			#flexgrid > :nth-child(1n + 1) {
				padding-left: 0;
			}

			#flexgrid > :nth-child(1n) {
				padding-right: 0;
			}

			#flexgrid > :nth-child(1n + 1),
			#flexgrid > :nth-child(1n) {
				width: calc(100% + 2rem);
			}

			#flexgrid > div:nth-child(2n - 1) {
				border-left-width: 1px;
			}

			#flexgrid > div:nth-child(-n + 2) {
				border-top-width: 1px;
			}

			#flexgrid > div:nth-child(-n + 3) {
				border-top-width: 1px;
			}

			#flexgrid > div:nth-child(n) {
				border-left-width: 0;
			}

			#flexgrid > div:nth-child(-n + 1) {
				border-top-width: 0;
			}

			#flexgrid > div .icon {
				font-size: 2rem;
				width: 6rem;
				height: 6rem;
			}

		}
		*/

	.grid-style {
		width: 100%;
		margin: 0;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
	}

		.grid-style > * {
			flex-shrink: 1;
			flex-grow: 0;
		}

		.grid-style > * {
			width: 50%;
		}

		.grid-style > * {
			padding: 0.8rem;
			width: calc(49.9999% + 0.8rem);
		}

		.grid-style > :nth-child(-n + 2) {
			/*padding-top: 0.8rem;*/
		}

		.grid-style > :nth-last-child(-n + 2) {
			padding-bottom: 0;
		}

		.grid-style > :nth-child(2n + 1) {
			padding-left: 0;
		}

		.grid-style > :nth-child(2n) {
			padding-right: 0;
		}

		.grid-style > .bigbox ~ :nth-child(2n) { padding-left: 0; padding-right: 0.8rem; } /* .grid-style > .bigbox + :nth-child(2n) */
		.grid-style > .bigbox ~ .bigbox ~ :nth-child(2n + 1) { padding-left: 0; padding-right: 0.8rem; }
		.grid-style > .bigbox ~ :nth-child(2n + 1) { padding-left: 0.8rem; padding-right:0; } /* .grid-style > .bigbox + :nth-child(2n) + :nth-child(2n + 1) */
		.grid-style > .bigbox ~ .bigbox ~ :nth-child(2n) { padding-left: 0.8rem; padding-right:0; }

		.grid-style > :nth-child(2n + 1),
		.grid-style > :nth-child(2n) {
			width: calc(49.9999% + 0rem);
		}

		.grid-style .box {
			margin: 0;
		}

		.grid-style > .bigbox, .grid-style > .bigbox ~ .bigbox {
			flex:1 100%;
			padding-right:0; padding-left:0;
		}

		.grid-style .box figcaption { position:absolute; top:25%; left:12%; max-width:40%; }
		.grid-style .box figcaption h2 { line-height:1.1; margin-bottom:0.5em; color:#fff; }
		.grid-style .box figcaption h2 + p { font-size:2.8rem; line-height:1.2; color:#fff; }

		.grid-style .bigbox figcaption { top:16%; left:5.94%; max-width:75%; }
		.grid-style .bigbox figcaption h2 { font-size:7.2rem; }
		.grid-style .bigbox figcaption h2 + p { font-size:4rem; font-weight:500; }

			.dark > * { color:#2D231E !important; /*#1A365C*/ }

		@media screen and (max-width: 1280px) {
			.grid-style .box figcaption { max-width:80%; }
			.grid-style .box figcaption h2 + p { display:block; font-size:1.6rem; font-weight:400; }
		}

		@media screen and (max-width: 980px) {

			.grid-style .box figcaption { max-width:60%; }
			.grid-style .box figcaption h2 { font-size:2.4rem; }
			.grid-style .box figcaption h2 + p { display:none; }

			.grid-style .bigbox figcaption { top:16%; left:5.94%; max-width:60%; }
			.grid-style .bigbox figcaption h2 { font-size:2.4rem; }
			/*.grid-style .bigbox figcaption h2 + p { display:block; font-size:1.6rem; font-weight:400; }*/

			/*#maglist .grid-style > * {
				padding: 0 0 1.6rem 0;
				width: calc(100% + 0rem);
			}*/
		}

		@media screen and (max-width: 480px) {
/*
			.grid-style > * {
				width: 100%;
			}

			.grid-style > * {
				padding: 2rem;
				width: calc(50% + 2rem);
			}

			.grid-style > :nth-child(-n + 2) {
				padding-top: 2rem;
			}

			.grid-style > :nth-last-child(-n + 2) {
				padding-bottom: 2rem;
			}

			.grid-style > :nth-child(2n + 1) {
				padding-left: 2rem;
			}

			.grid-style > :nth-child(2n) {
				padding-right: 2rem;
			}

			.grid-style > :nth-child(2n + 1),
			.grid-style > :nth-child(2n) {
				padding: 2rem;
				width: calc(100% + 4rem);
			}
*/
			.grid-style > * {
				padding: 0 0 1.6rem 0;
				width: calc(100% + 0rem);
			}

			.grid-style > :nth-child(-n + 1) {
				padding-top: 0;
			}

			.grid-style > :last-child {
				padding-bottom: 0;
			}
			.grid-style > :nth-child(1n + 1) {
				padding-left: 0;
			}

			.grid-style > :nth-child(1n) {
				padding-right: 0;
			}

			.grid-style > :nth-last-child(-n + 2) {
				padding-bottom: 1.6rem;
			}

			.grid-style > :nth-child(1n + 1),
			.grid-style > :nth-child(1n) {
				width: calc(100% + 0.8rem);
			}

			.grid-style > .bigbox + :nth-child(2n) { padding-right: 0; }
			.grid-style > .bigbox + :nth-child(2n) + :nth-child(2n + 1) { padding-left:0; }
			.grid-style > .bigbox ~ .bigbox ~ :nth-child(2n + 1) { padding-right: 0; }
			.grid-style > .bigbox ~ .bigbox ~ :nth-child(2n) { padding-left: 0; }

		}

	/* Paging */
	#paging a { display:inline-block; font-size:2rem; color:#2D231E; background:#ebebeb; padding:0.5rem 1.5rem 0; text-decoration:none; margin-left:0.5rem; }
	#paging a:first-of-type { margin-left:0; }
	#paging a:hover, #paging a.active { background:#A5D2BE;/*#68B42D;*/ color:#fff; }


	/* Search */

	#searchlist h3 { margin-bottom:1rem; font-size:2.8rem; color:inherit; }
	#searchlist li { padding:2rem; }
	#searchlist li:nth-child(even) { background-color:#3B302B; /*#ebebeb;*/ color:#fff; }
	#searchlist .ptxt { color:inherit; margin-bottom:1rem; height:7.5rem; display:block; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; box-sizing:content-box; }
	#searchlist .ptxt a { color:inherit;  text-decoration:none; }
	#searchlist a.path { font-style:italic; color:#A5D2BE; /*#68b42d;*/ text-decoration: none;}

	/* Magazines */

	#orderform .hidden { display:none !important; }
	#orderform input[type="text"], #orderform input[type="number"], #orderform input[type="date"], #orderform input[type="email"], #orderform textarea { border:1px solid rgba(45, 35, 30, 0.45); border-radius:4px; width:100%;}
	#orderform input[type="text"]:focus, #orderform input[type="number"]:focus, #orderform input[type="date"]:focus, #orderform input[type="email"]:focus, #orderform textarea:focus { border-color:#A5D2BE; }
	#orderform .contactpreference { line-height: 4rem; margin-right:1rem; }
	#orderform .price, #orderform .recurring, #orderform .rel { margin-top:2rem; }
	#orderform h3 { margin-bottom: 0.5rem }
	#orderform hr { margin-top: 0; }
	#orderform #magdetail, #orderform #maginquiry { margin-bottom:5rem; }
	#orderform label { font-weight:400; }
	#orderform.b2bcampaign { margin-top:4rem; }

	@media screen and (max-width: 1040px) {
		#orderform .contactpreference { font-size:1.4rem; }
	}

	@media screen and (max-width: 980px) {
		#orderform #magdetail h2 { font-size:4rem; }
		#orderform h3 { font-size:2.8rem; }
	}

	@media screen and (max-width: 870px) {
		#orderform .contactpreference { font-size:1.6rem; display:block; }
	}

	@media screen and (max-width: 736px) {
		#orderform .contactpreference { display:inline-block; }
	}

	@media screen and (max-width: 480px) {
		#orderform #magdetail h2 { font-size:3.5rem; }
		#orderform h3 { font-size:2.4rem; }
		#orderform .contactpreference { display:block; }
	}


	#maglist .grid-style .ptxt:only-child { width:100%; }
	#maglist .innerbox { background-color:#3B302B; /*#ebebeb;*/ height:0; padding-bottom:56.25%; overflow:hidden; position:relative; }

	#maglist .innerbox:after {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}

	#maglist .innerbox a.detail { position:absolute; top:0; left:0; bottom:0; right:60%; text-indent:-999rem; }

	#maglist .info { float:right; width:60%; max-width:60%; padding:2.5rem 2rem 0 2rem; display:inline-block; text-align:center; color:#fff; }
	#maglist h3 { font-size:2.8rem; margin-bottom:1.5rem; color:inherit; }
	#maglist p { margin-bottom:0; height: 6.5rem; line-height:1.3; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; box-sizing:content-box; }
	#maglist .price { display:block; font-size:2.8rem; margin-top:2rem; line-height:1.1; /*font-weight:bold;*/ }
	#maglist a.button { font-size:1.8rem; position:absolute; bottom:1.5rem; margin:0 auto; left: calc(70% - 7rem); width:auto; height:3.5rem; line-height:3.8rem; padding:0 2.5rem; }

	@media screen and (max-width: 1440px) {
		#maglist p { font-size: 2rem; height:5.2rem; }
		#maglist .price { margin-top:1rem; }
	}

	@media screen and (max-width: 1280px) {
		#maglist .innerbox { padding-bottom:200%; background-size: 100% 65% !important; }
		#maglist .innerbox a.detail { right:0; bottom:35%; }
		#maglist .info { float:none; width:100%; max-width:100%; position:absolute; top:65%; padding:3rem 2rem 0 2rem; }
		#maglist h3 { font-size:2.8rem; margin-bottom:1.5rem; display:block; height:auto; overflow: auto; }
		#maglist p { font-size: 2.4rem; height:6.5rem; }
		#maglist .price { margin-top:2rem; }
		#maglist a.button { left: calc(50% - 7.5rem); bottom:2.5rem }
	}

	@media screen and (max-width: 1024px) {
		#maglist h3 { font-size:2.4rem; height:2.5rem; margin-bottom:1rem; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; box-sizing:content-box; }
		#maglist p { font-size: 2rem; height:5.2rem; }
		#maglist .price { margin-top:1rem; }
	}

	/*
	@media screen and (max-width: 1280px) {
		#maglist .info { padding:2rem 1.5rem 0 1.5rem; }
		#maglist h3 { font-size:2.4rem; height:2.5rem; margin-bottom:1rem; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; box-sizing:content-box; }
		#maglist .price { font-size:2.4rem; }
		#maglist a.button { padding:0 2rem; left: calc(70% - 6.5rem); }
	}
	@media screen and (max-width: 1024px) {
		#maglist .info { padding:1rem 1rem 0 1rem; }
		#maglist h3 { font-size:1.8rem; /*margin-bottom:1.5rem; }
		#maglist a.button { bottom:1rem; }
	}
	*/
	@media screen and (max-width: 980px) {
		#maglist .innerbox { padding-bottom:200%; }

		/*
		#maglist .innerbox a.detail { right:0; bottom:40%; }
		#maglist .info { float:none; width:100%; max-width:100%; position:absolute; top:60%; padding:3rem 2rem 0 2rem; }
		#maglist h3 { font-size:2.8rem; margin-bottom:1.5rem; display:block; height:auto; overflow: auto; }
		#maglist .price { margin-top:2rem; }
		#maglist a.button { font-size:1.2rem; padding:0 2.5em; left: calc(50% - 9rem); width:auto; bottom:2.5rem }
		*/
	}

	@media screen and (max-width: 840px) {
		#maglist .innerbox { padding-bottom:210%; background-size: 100% 55% !important; }
		#maglist .innerbox a.detail { bottom:45%; }
		#maglist .info { padding:2rem 1.5rem 0 1.5rem; top:55%; }
		/*#maglist a.button { font-size:1.2rem; padding:0 2em; left: calc(50% - 8.5rem); width:auto; bottom:1.5rem }*/
	}
	@media screen and (max-width: 736px) {
		#maglist .innerbox { padding-bottom:215%; }
		#maglist h3, #maglist .price { font-size:2.4rem; }
		#maglist a.button { bottom:1.5rem; }
	}
	@media screen and (max-width: 576px) {
		#maglist .innerbox { padding-bottom:235%; background-size: 100% 50% !important; }
		#maglist .innerbox a.detail { bottom:50%; }
		#maglist .info { top:55%; }
		#maglist h3 { font-size:2rem; }
		#maglist a.button { /*font-size:1rem; padding:0 2em; left: calc(50% - 7rem); width:auto; bottom:1.5rem*/ }
	}
	@media screen and (max-width: 480px) {
		#maglist .innerbox { padding-bottom:200%; background-size: 100% 65% !important;}
		#maglist .innerbox a.detail { bottom:35%; }
		#maglist .info { top:65%; }
		#maglist h3 { }
	}

/* revised maglist */
#maglist.rev .innerbox { padding-bottom:70.3%; }
#maglist.rev .innerbox a.detail { right:50%; }
#maglist.rev .info { width:50%; max-width:50%; }
#maglist.rev a.button { position: static; margin:0 1.5rem 1.5rem auto; width:auto; padding:0 1.5rem; }
#maglist.rev a.button:last-child { margin-right:auto; }
#maglist.rev .purchaseinfo { position:absolute; bottom:0; left:50%; width:50%; max-width:50%; padding:2.5rem 2rem 0 2rem; text-align:center; }
/*#maglist.rev .purchaseinfo > div.rel { width:50%; text-align:center; display:inline-block; }*/
#maglist.rev a.button.inquiry { /*margin-right:1.5rem; /*position:absolute; bottom:1.5rem; margin:0 auto; left: 3rem; width:auto;*/ }
#maglist.rev a.button.details { /*position:absolute; bottom:1.5rem; margin:0 auto; left:auto; right:3rem; width:auto;*/ }

@media screen and (max-width: 1860px) {
	#maglist.rev a.button { margin-right:auto; width:14.5rem; display:block;}
}
@media screen and (max-width: 1280px) {
	#maglist.rev .innerbox { padding-bottom:200%; background-size: 100% 65% !important; }
	#maglist.rev .innerbox a.detail { right:0; bottom:35%; }
	#maglist.rev .info { float:none; width:100%; max-width:100%; position:absolute; top:65%; padding:3rem 2rem 0 2rem; }
	#maglist.rev h3 { font-size:2.8rem; margin-bottom:1.5rem; display:block; height:auto; overflow: auto; }
	#maglist.rev .purchaseinfo { width:100%; max-width:100%; left:0; }
	#maglist.rev a.button { margin:0 1.5rem 1.5rem auto; width:auto; padding:0 1.5rem; display:inline-block;}
}
@media screen and (max-width: 980px) {
	#maglist.rev a.button { font-size:1rem; }
}

@media screen and (max-width: 836px) {
	#maglist.rev a.button { /*margin-right:auto; width:14.5rem; display:block;*/ }
	#maglist.rev .innerbox { padding-bottom:235%; background-size: 100% 60% !important; }
	#maglist.rev .innerbox a.detail { bottom:40%; }
	#maglist.rev .info { top:60%; }
	#maglist.rev a.button { position:relative; top:0; left:0; width:5rem; margin-bottom:0.5rem; padding:0; height:3rem; line-height:3rem;}
	#maglist.rev a.button span {display:none; }
	#maglist.rev a.button:before { position:absolute; left:calc(50% - 1rem); top:0.2rem; content:''; font-family: 'Font Awesome 5 Pro'; font-size:2rem; font-weight: 200; }
	#maglist.rev a.button.inquiry:before { content:'\f059'; }
	#maglist.rev a.button.details:before { content:'\f05a'; }
}

@media screen and (max-width: 736px) {
	#maglist.rev .innerbox { padding-bottom:240%; background-size: 100% 55% !important; }
	#maglist.rev .innerbox a.detail { bottom:45%; }
	#maglist.rev .info { padding:2rem 1.5rem 0 1.5rem; top:55%; }
	#maglist.rev h3 { }
}

@media screen and (max-width: 576px) {
	#maglist.rev .innerbox { padding-bottom:265%; background-size: 100% 45% !important; }
	#maglist.rev .innerbox a.detail { bottom:55%; }
	#maglist.rev .info { top:45%; }
	#maglist.rev h3 { }
}

@media screen and (max-width: 480px) {
	#maglist.rev .innerbox { padding-bottom:190%; background-size: 100% 70% !important;}
	#maglist.rev .innerbox a.detail { bottom:30%; }
	#maglist.rev .info { top:70%; }
	#maglist.rev h3 { }
}

	#magdetail:not(.row) { width:80%; max-width:150rem; margin:auto; }

	#magdetail h2 { font-size:5rem; margin-bottom:3rem; }
	#magdetail .price { font-size:3.4rem; color:#2D231E;/*#1A365C;*/ margin-bottom:1rem; }
	#magdetail .description { font-size:2.4rem; line-height:1.2; }
	#magdetail .image.left { margin-right:2rem; }
	#magdetail .info { line-height:1.4; /*width:calc(60% - 2rem);*/ }
	#magdetail h3 { font-size:2.4rem; margin-bottom:1.5rem; }

	#nextissue { display:inline-block; }
	#retailers { float:left; margin-top:2rem; z-index:99; }

	#retailers input[type="text"] { display:inline-block; font:1em/1.4 Arial, sans-serif; outline:0; width:20em; margin-bottom:0.5em; padding:0.454em; border-radius:0.454em; border:1px solid #ccc; }
	.inputholder {position:relative;}
	#city-error { display:inline-block; position:absolute; font-size:1.4rem; top:6.5rem; left:0; margin-left:0.5rem; font-style:italic; color:#2D231E; /*#1A365C;*/ }
	#resultmsg { display:none; }

	#searchresult { display:none; margin-top:2rem; }
	#searchresult table { border-collapse:collapse; width:100%; height:100%; margin:0; padding:0; border:1px solid #707070; }
	#searchresult tr:nth-child(odd) { background-color:#fff; border-bottom:1px solid #707070; border-top:1px solid #707070;}
	#searchresult tr:nth-child(even) { border-bottom:1px solid #707070; 	}
	#searchresult tr:nth-child(even):last-child {  }
	#searchresult td { vertical-align:middle; text-align:left; padding:0.5rem; }
	#searchresult td:first-child { text-align:left; color:#A5D2BE;/*#68b42d;*/ font-weight:500; }
	#searchresult .notfound { display:inline-block; font-style:italic; vertical-align:middle; text-align:left; padding:0.5em; }
	#searchresult .storelink { color:inherit; }
	#resultlistitems { max-height:35.1rem; overflow-y:auto; }
	body.magazine #banner { height:auto !important; padding-bottom:8rem; padding-top:10rem; }

	@media screen and (max-width: 980px) {
		body.magazine #banner { height:auto !important; padding-top:3rem; padding-bottom:10rem; }
		#magdetail:not(.row) { width:90%; margin-top:6.5rem; }
	}

	@media screen and (max-width: 736px) {
		#magdetail:not(.row) { width:95%; }
		#searchresult { font-size:1.4rem; }
		#resultlistitems { max-height:35.3rem; }
	}
	@media screen and (max-width: 576px) {
		#searchresult { font-size:1.2rem; }
		#resultlistitems { max-height:34.9rem; }
	}
	@media screen and (max-width: 480px) {
		#resultlistitems { max-height:33.1rem; }
	}

	/* Extranet, filepublish */

	#login .inputwrapper label { width: 10rem; font-size:1em; display: inline-block; margin-right:1em; color:#4b4b4b; }
	#login .inputwrapper { width:100%; }
	#login .inputwrapper input[type="text"], #login .inputwrapper input[type="password"] { width:65%; margin-right:0.5em; border:1px solid #ccc; }
	#login .inputwrapper input[type="text"]:focus, #login .inputwrapper input[type="password"]:focus { border-color:#68b42d; box-shadow: none; }
	#login .inputwrapper input[type="text"] { margin-bottom: 0.5em; }
	#logoff { margin-bottom:1.5em; }

	@media screen and (max-width: 980px) {
		#login .button, #login .inputwrapper input[type="text"], #login .inputwrapper input[type="password"] { font-size:0.8em; }
	}

	@media screen and (max-width: 480px) {
		#login { padding-top:3rem; }
		#login .button { width: 100%; }
		#login .inputwrapper input[type="text"], #login .inputwrapper input[type="password"] { width:100%; }
	}

	/* Map */

	.mapinner { height:0; padding-bottom:56.25%; }
	.dynamicweb-map-info-window { padding:1.5rem; }
	.dynamicweb-map-info-window h3.name { line-height:1.0; margin-bottom:1rem; }
	.dynamicweb-map-info-window figure.logo { width:5rem; }
	.dynamicweb-map-info-window .adr { font-family:"PressExtra-Light"; font-size:2rem; font-weight:normal; line-height:1.4; }
	.dynamicweb-map-info-window .postal, .dynamicweb-map-info-window .email { margin-bottom:1.5rem; }
	.dynamicweb-map-info-window .contact, .dynamicweb-map-info-window .status { line-height:1.6; }
	.dynamicweb-map-info-window .small { font-size:1.6rem; font-style:italic; }
	.dynamicweb-map-info-window .contact > i, .dynamicweb-map-info-window .status > i, .dynamicweb-map-info-window .mapsdir > i { margin-right:0.5rem; }
	.dynamicweb-map-info-window .contact > i { color:#16729b; }
	.dynamicweb-map-info-window .green { color:#68B42d; }
	.dynamicweb-map-info-window .red { color:#ea4436; }
	.dynamicweb-map-info-window .mapsdir { color:#16729b; margin-bottom:1.5rem; line-height:1.8;  }
	.dynamicweb-map-info-window .mapsdir a { color:#16729b; text-decoration:none; }
	.dynamicweb-map-info-window a.hourslink { display:inline-block; margin-top:1rem; font-size:2rem; color:#16729b; text-decoration:none; }
	.dynamicweb-map-info-window .hours > b { display:inline-block; margin-top:1rem; color:#2d231e; /*#16729b;*/ }
	.dynamicweb-map-info-window .hours { font-size:1.2rem; }
	div.cluster.cluster-0 > img + div { top: 20px !important; }
	div.cluster.cluster-1 > img + div { top: 22px !important; }
	div.cluster.cluster-2 > img + div { top: 28px !important; }

	@media screen and (max-width: 980px) {
		.mapinner { padding-bottom:100%; }
	}

	@media screen and (max-width: 480px) {
		.mapinner { padding-bottom:150%; }
	}

	/* App */

	.coupons {
		width:100%;
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box; }
		.coupons > * {
			box-sizing: border-box; }
			.coupons.uniform > * > :last-child {
				margin-bottom: 0; }

	.coupons {
		margin-top: 0;
		margin-left: -1.6rem; }
		.coupons > * {
			padding: 0 0 0 1.6rem; }
		.coupons.uniform {
			margin-top: -1.6rem; }
			.coupons.uniform > * {
				padding-top: 1.6rem; }
		.coupons > .col-4 {
			width: 33.3333333333%; }

@media screen and (max-width: 980px) {
	.coupons > .col-6-medium {
    	width: 50%; }
}
@media screen and (max-width: 480px) {
	.coupons > .col-12-xsmall {
    	width: 100%; }
}
	.thmb::before {
		content:"";
		display:block;
		padding-top:66.4%;
	}

	.thmb img { position:absolute; top:0; left:0; bottom:0; right:0; }

	#flexgrid .flip { cursor:pointer; }
	#flexgrid .fixH > div { position: relative; width:100%; height:0; padding-bottom:150%; overflow:hidden; }
	#flexgrid .fixH > div > div { position:absolute; width:100%; height:100%;  }
	#flexgrid .fixH > div > div.back { position:absolute !important; }
	/*#flexgrid .back { display:none; } */

	.appcoupon { position:relative; }
	.appcoupon figure { position:relative; display:block; margin:0; height:0; padding-bottom:150%; }
	.appcoupon figure img { position:absolute; top:17.5%; left:21%; width:59%; }
	.appcoupon:last-of-type figure img { left:calc(21% - 0.8rem); }
	.appcoupon .outerframe { position:absolute; top:0; left:0; width:100%; height:100%; background:url('/files/images/v2/app/phone_bg_gray.png') no-repeat center / contain; }
	.appcoupon:last-of-type .outerframe { background:url('/files/images/v2/app/phone_bg_gold.png') no-repeat center / contain; }

	@media screen and (max-width: 480px) {
		.appcoupon figure img { left:calc(21% - 0.8rem); width:calc(59% + 0.8rem); }
	}

	/*
	.appcoupon:first-of-type { background:url('/files/images/v2/app/phone_bg_gray_edit.png') no-repeat center / contain; }
	.appcoupon:last-of-type { background:url('/files/images/v2/app/phone_bg_gold_edit.png') no-repeat center / contain; }
	.appcoupon .innerbox { position:relative; left:21.52%; top:-3.2%; width:58%; padding-bottom:150%; }
	.appcoupon:last-of-type .innerbox { left:calc(21.4% - 0.8rem); top:-3.2%; width:58.01%;  }

	<div class="innerbox" style="background:url('@frontUrl') no-repeat center / 100%;">
	*/

	/* Gallery */

	#gallery {}
	.gallery-item {position:relative; }
	.gallery-item a { display:inline-block; }
	.gallery-item figure {}
	.gallery-item:hover figure::before { position:absolute; content:""; top:0; right:0; bottom:0; left:0; background-color:rgba(26,54,92,0.3); width:100%; height:100%; }
	.gallery-item figcaption { position:absolute; top:3rem; left:3rem; display:none; }
	.gallery-item figcaption h3 { font-size:2.8rem; color:#fff; margin-bottom:0; line-height:1.0; }
	.gallery-item .copyright { color:#fff; font-size:1rem; line-height:1.0; }
	.gallery-item .cta { position:absolute; bottom:2.5rem; right:2.5rem; display:none; font-size:2.8rem; color:#68B42D; background-color:#fff; line-height:1; height:2.5rem; width:2.75rem; }
	.gallery-item:hover figcaption, .gallery-item:hover .cta { display:block; }
	#filter { padding-bottom:6rem; }
	#filter a { display:inline-block; font-size:2rem; /*color:#68B42D;*/ padding:0.25rem 0.5rem; margin:1rem 2rem; }
	#filter a:hover, #filter a.active  { color:#2D231E; /*#16729B;*/ text-decoration:none; }

	@media screen and (max-width: 1680px) {
		.gallery-item figcaption { left:2rem; }
		.gallery-item figcaption h3 { font-size:2.4rem; }
	}

	@media screen and (max-width: 1280px) {
		.gallery-item figcaption { top:2rem; left:1.5rem; }
		.gallery-item figcaption h3 { font-size:2rem; }
	}

	@media screen and (max-width: 980px) {
		.gallery-item figcaption { left:1rem; }
	}

	@media screen and (max-width: 480px) {
		.gallery-item figcaption { top:3rem; left:2rem; }
	}

	/* Shop */
	.shopwrapper { margin-top:4rem; margin-left:auto; margin-right:auto; width:100%; height:100%; max-width:100%; }
	.shopwrapper iframe { border:none; width:100%; min-height:700px; }
	.shopwrapper.info { margin-top:8rem; }
	.shopwrapper small { font-size:1rem; }


	/* Freedom */
	body.freedom {
		padding-top:27rem; background:rgb(249,245,242);
		/*background: rgb(255,255,255);
		background: radial-gradient(circle, rgba(255,255,255,1) 10%, rgba(249,245,242,1) 70%, rgba(243,240,235,1) 90%, rgba(219,216,211,1) 100%);*/
	}
	.freedom #header { box-shadow:none; height:auto; display:flex; justify-content:space-between; background:rgb(249,245,242); }
	.freedom #header h1 { position:static; margin-left:2.4rem; }
	.freedom #content { padding-top:10rem; }
	.freedom .wrapper.mini { padding-top:0; }
	.freedom h2 { hyphens:manual; font:normal 9.6rem/1.1 'CeraPro-Black', sans-serif; color:#a5d2be; text-transform:uppercase; margin-bottom:4rem; }
	.freedom h3 { font:normal 6.4rem/1.1 'CeraPro-Bold', sans-serif; text-transform:uppercase; margin-bottom:4rem; }
	.freedom .definition { font: normal 3.2rem/1.2 'CeraPro-Medium', sans-serif; }
	.freedom .text { font: normal 2rem/1.2 'CeraPro-Regular', sans-serif; width:75%; max-width:120rem; margin:0 auto; }
	.freedom p { font:inherit; }
	.freedom a { /*color:#a01919;*/ }
	.freedom #footer { padding:0; background:none; }
	.freedom #footer .homelink { color:#fff; float:right; }
	.freedom #footer .homelink > i { margin-right:1rem; }
	.freedom .topics { margin:2.4rem 2.4rem 2.4rem 2.4rem; text-align:right; }
	.freedom .topics a { display:block; position:relative; color:#2d231e; text-transform:uppercase; font: bold italic 2rem/1.1 'CeraPro-Medium', sans-serif; text-decoration:none; padding:0.5rem; margin-bottom:0.5rem; transition: color 0.2s ease-in-out;}
	.freedom .topics a:hover { color:#a5d2be; }

	.contributionform input[type="text"], .contributionform input[type="email"], .contributionform textarea, .contributionform select { border:1px solid rgba(45, 35, 30, 0.45); border-radius:4px; width:100%; }
	.contributionform input[type="number"] { border:1px solid rgba(45, 35, 30, 0.45); border-radius:4px; width:75%; }
	.contributionform input[type="text"]:focus, .contributionform input[type="email"]:focus, .contributionform textarea:focus, .contributionform select:focus { border-color:#a5d2be; /*border-color:#a01919; box-shadow: 0 0 0 1px #a01919;*/ }
	.contributionform .inputwrapper.rel { margin-top:2rem; }
	.contributionform .select-wrapper:before { font-size:2rem; right:1rem; height:2rem; width:2rem; line-height:normal; bottom:1rem; }
	.contributionform ::placeholder { opacity: 0.45; }
	.contributionform label { font-weight:400; font-size:2.4rem; margin-bottom:1rem; }
	.contributionform .consent label { margin-bottom:0 }
	.contributionform .consent { font-size:2.2rem; }
	.contributionform .terms > p { padding-left:3.5rem; }
	.contributionform .desc { display:inline-block; margin-left:0.5rem; }
	/*
	#contributionform .select-wrapper > select > * {  }
	#contributionform input[type="checkbox"]:checked + label:before, #contributionform input[type="radio"]:checked + label:before { background-color:#a01919; border-color:#a01919; color:#fff; }
	#contributionform input[type="submit"].special { background-color:#2d231e; border-color:#2d231e; color:#fff !important; }
	#contributionform input[type="submit"].special:hover { background-color:#a01919; border-color:#a01919; color:#fff; }
	*/

	.freedom a.anchor { position:relative; top:-27rem; display:block; }

	@media screen and (max-width: 980px) {
		.freedom #content { padding-top:6rem; }
		.freedom .topics a { font-size:1.8rem; }
		.freedom h2 { font-size:7.2rem; }
		.freedom h3 { font-size:4.8rem; }
		.freedom .definition { font-size:2.4rem; }
		.freedom .text { font-size:1.8rem; }
	}
	@media screen and (max-width: 736px) {
		.contributionform label, .contributionform .consent, .contributionform .desc { font-size:2rem !important; }
		.freedom #content { padding-top:4rem; }
		.freedom .topics a { font-size:1.6rem; }
		.freedom h2 { font-size:4.8rem; }
		.freedom h3 { font-size:3.2rem; }
		.freedom .definition { font-size:2rem; }
		.freedom .text { font-size:1.6rem; width:100%; max-width: none; }
	}



/* CookiePanel */

#CookiePanel {
  bottom: 0;
  top: auto;
  left: 0;
  right: 0;
  width: 100%;
  height: 175px;
  position: fixed;
  z-index: 10000;
  background-color: #fff;
  box-shadow: 0 0 18px rgba(0,0,0,.175);
  transition: all .2s ease-out;
}

#CookiePanelTrigger {
  display:inline;
  visibility: hidden;
  position: absolute;
  box-sizing: border-box;
  padding: 0;
}

.panel-trigger:not(:checked) ~ #CookiePanel {
  bottom: -138px;
}

.panel-trigger-btn {
  height: 100%;
  display: inline-block;
  background-color: rgba(45,35,30,0.075);
  float: left;
  padding: .6em;
  cursor: pointer;
  text-align: center;
  margin-bottom: .25em;
}
.panel-trigger-btn::before {
  content: '\f107';
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 18px;
  padding: .15em;
  color: #2d231e;
}

.panel-trigger:not(:checked) ~ #CookiePanel .panel-trigger-btn::before {
  content: '\f106';
}

.panel-trigger:not(:checked) ~ #CookiePanel .panel-content {
  display: none;
}

.panel-content {
  width: calc(100% - 42px);
  font-size: 14px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  float: left;
  padding: 1em;
  transition: all .2s ease-in;
}
#CookiePanel h4 { font: normal 2rem/1.2 'CeraPro-Medium', sans-serif; margin-bottom:1rem;}
#CookiePanel p { margin-bottom:2em; }
#CookiePanel form { margin-bottom:0; }
#CookiePanel .form-content { display:flex; }

#CookiePanel input[type="radio"] + label { padding-left:30px; padding-right:20px; font-size:14px; font-weight:400; }

#CookiePanel input[type="radio"] + label::before {
  content: '';
  display: inline-flex;
  align-self: flex-start;
  margin: 0 12px 4px 2px;
  background-color: transparent;
  width: 18px;
  height: 18px;
  border:none;
  border-radius: 50%;
  pointer-events: none;
  box-shadow: 0 0 0 2px rgba(45,35,30,0.45);
  transition: all .3s ease;
}

#CookiePanel input[type="radio"] + label:hover::before {
  background-color: #a5d2be;
  box-shadow: 0 0 0 2px #a5d2be,inset 0 0 0 3px #fefefe;
}

@media screen and (max-width: 980px) {
	#CookiePanel p > br { display:none; }
	#CookiePanel {
		height:230px;
	}
	.panel-trigger:not(:checked) ~ #CookiePanel {
		bottom: -193px;
	}
}

@media screen and (max-width: 576px) {
	#CookiePanel .form-content { flex-wrap:wrap; }
	#CookiePanel { height:280px; }
	.panel-trigger:not(:checked) ~ #CookiePanel { bottom: -233px; }
	#CookiePanel .form-content .input-wrapper { margin-bottom: 1.5em; }
}

@media screen and (max-width: 375px) {
	#CookiePanel p { display:none; }
}