@import url(fontawesome-all.min.css);
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600,600italic");

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; }
mark { background-color: transparent; color: inherit; }
input::-moz-focus-inner { border: 0; padding: 0; }
input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

/* BASIC */

	@-ms-viewport { width: device-width; }
	body { -ms-overflow-style: scrollbar; }
	@media screen and (max-width: 480px) {
		html, body { min-width: 320px; }
	}
	html { box-sizing: border-box; }
	*, *:before, *:after { box-sizing: inherit; }
	body { background: #ffffff; }
		body.is-preload *, body.is-preload *:before, body.is-preload *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

/* TYPE */

	body, input, select, textarea {
		color: #404040;
		font-family: "Source Sans Pro", Helvetica, sans-serif;
		font-size: 17pt;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.65;
	}
		@media screen and (max-width: 1680px) {
			body, input, select, textarea { font-size: 14pt; }
		}
		@media screen and (max-width: 1280px) {
			body, input, select, textarea { font-size: 12pt; }
		}
		@media screen and (max-width: 360px) {
			body, input, select, textarea { font-size: 11pt; }
		}

	a { -moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; color: inherit; text-decoration: none; }
		a:hover { border-bottom-color: transparent; color: #009ee0 !important; text-decoration: none; }
		a:active { color: #007db3 !important; }

	strong, b { color: #404040; font-weight: 600; }

	em, i { font-style: italic; }
	p { margin: 0 0 2em 0; }
	h1, h3, h4, h5, h6 	{ color: #404040; font-weight: 600; line-height: 1.65; margin: 0 0 1em 0; }
	h2 					{ color: #404040; font-weight: 600; line-height: 1.2; margin: 0 0 1em 0; }
		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; border-bottom: 0; }
	h1 { font-size: 2.5em; }
	h2 { font-size: 1.75em; }
	h3 { font-size: 1.35em; }
	h4 { font-size: 1.1em; }
	h5 { font-size: 0.9em; }
	h6 { font-size: 0.7em; }
	@media screen and (max-width: 736px) {
		h1 { font-size: 2em; }
		h2 { font-size: 1.5em; }
		h3 { font-size: 1.25em; }
	}
	sub { font-size: 0.8em; position: relative; top: 0.5em; }
	sup { font-size: 0.8em; position: relative; top: -0.5em; }
	blockquote {
		border-left: solid 4px rgba(212, 212, 255, 0.1);
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}
	code {
		background: rgba(212, 212, 255, 0.035);
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}
	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0 2em 0;
	}
		pre code {
			display: block;
			line-height: 1.75;
			padding: 1em 1.5em;
			overflow-x: auto;
		}
	hr { border: 0; border-bottom: solid 1px rgba(0, 0, 0, 0.2); margin: 2em 0; }
		hr.major { margin: 3em 0; }
	.align-left { text-align: left; }
	.align-center { text-align: center; }
	.align-right { text-align: right; }

/* Row */

	.row { display: flex; flex-wrap: wrap; box-sizing: border-box; align-items: stretch; }
		.row > * {box-sizing: border-box;}
		.row.gtr-uniform > * > :last-child {margin-bottom: 0;}

		.row.aln-left {justify-content: flex-start;}
		.row.aln-center {justify-content: center;}
		.row.aln-right {justify-content: flex-end;}
		.row.aln-top {align-items: flex-start;}
		.row.aln-middle {align-items: center;}
		.row.aln-bottom {align-items: flex-end;}
		.row > .imp {order: -1;}

		.row > .col-1 {width: 8.33333%;}
		.row > .off-1 {margin-left: 8.33333%;}
		.row > .col-2 {width: 16.66667%;}
		.row > .off-2 {margin-left: 16.66667%;}
		.row > .col-3 {width: 25%;}
		.row > .off-3 {margin-left: 25%;}
		.row > .col-4 {width: 33.33333%;}
		.row > .off-4 {margin-left: 33.33333%;}
		.row > .col-5 {width: 41.66667%;}
		.row > .off-5 {margin-left: 41.66667%;}
		.row > .col-6 {width: 50%;}
		.row > .off-6 {margin-left: 50%;}
		.row > .col-7 {width: 58.33333%;}
		.row > .off-7 {margin-left: 58.33333%;}
		.row > .col-8 {width: 66.66667%;}
		.row > .off-8 {margin-left: 66.66667%;}
		.row > .col-9 {width: 75%;}
		.row > .off-9 {margin-left: 75%;}
		.row > .col-10 {width: 83.33333%;}
		.row > .off-10 {margin-left: 83.33333%;}
		.row > .col-11 {width: 91.66667%;}
		.row > .off-11 {margin-left: 91.66667%;}
		.row > .col-12 {width: 100%;}
		.row > .off-12 {margin-left: 100%;}

		.row.gtr-0 {margin-top: 0;margin-left: 0em;}
			.row.gtr-0 > * {padding: 0 0 0 0em;}
			.row.gtr-0.gtr-uniform {margin-top: 0em;}
				.row.gtr-0.gtr-uniform > * {padding-top: 0em;}

		.row.gtr-25 {margin-top: 0;margin-left: -0.5em;}
			.row.gtr-25 > * {padding: 0 0 0 0.5em;}
			.row.gtr-25.gtr-uniform {margin-top: -0.5em;}
				.row.gtr-25.gtr-uniform > * {padding-top: 0.5em;}

		.row.gtr-50 {margin-top: 0;margin-left: -1em;}
			.row.gtr-50 > * {padding: 0 0 0 1em;}
			.row.gtr-50.gtr-uniform {margin-top: -1em;}
				.row.gtr-50.gtr-uniform > * {padding-top: 1em;}

		.row {margin-top: 0;margin-left: -2em;}
			.row > * {padding: 0 0 0 2em;}

			.row.gtr-uniform {margin-top: -2em;}
				.row.gtr-uniform > * {padding-top: 2em;}

		.row.gtr-150 {margin-top: 0;margin-left: -3em;}
			.row.gtr-150 > * {padding: 0 0 0 3em;}
			.row.gtr-150.gtr-uniform {margin-top: -3em;}
				.row.gtr-150.gtr-uniform > * {padding-top: 3em;}

		.row.gtr-200 {margin-top: 0;margin-left: -4em;}
			.row.gtr-200 > * {padding: 0 0 0 4em;}
			.row.gtr-200.gtr-uniform {margin-top: -4em;}
				.row.gtr-200.gtr-uniform > * {padding-top: 4em;}

		@media screen and (max-width: 1680px) {
			.row { display: flex; flex-wrap: wrap; box-sizing: border-box; align-items: stretch; }
				.row > * {box-sizing: border-box;}
				.row.gtr-uniform > * > :last-child {margin-bottom: 0;}

				.row.aln-left {justify-content: flex-start;}
				.row.aln-center {justify-content: center;}
				.row.aln-right {justify-content: flex-end;}
				.row.aln-top {align-items: flex-start;}
				.row.aln-middle {align-items: center;}
				.row.aln-bottom {align-items: flex-end;}
				.row > .imp-xlarge {order: -1;}
				
				.row > .col-1-xlarge {width: 8.33333%;}
				.row > .off-1-xlarge {margin-left: 8.33333%;}
				.row > .col-2-xlarge {width: 16.66667%;}
				.row > .off-2-xlarge {margin-left: 16.66667%;}
				.row > .col-3-xlarge {width: 25%;}
				.row > .off-3-xlarge {margin-left: 25%;}
				.row > .col-4-xlarge {width: 33.33333%;}
				.row > .off-4-xlarge {margin-left: 33.33333%;}
				.row > .col-5-xlarge {width: 41.66667%;}
				.row > .off-5-xlarge {margin-left: 41.66667%;}
				.row > .col-6-xlarge {width: 50%;}
				.row > .off-6-xlarge {margin-left: 50%;}
				.row > .col-7-xlarge {width: 58.33333%;}
				.row > .off-7-xlarge {margin-left: 58.33333%;}
				.row > .col-8-xlarge {width: 66.66667%;}
				.row > .off-8-xlarge {margin-left: 66.66667%;}
				.row > .col-9-xlarge {width: 75%;}
				.row > .off-9-xlarge {margin-left: 75%;}
				.row > .col-10-xlarge {width: 83.33333%;}
				.row > .off-10-xlarge {margin-left: 83.33333%;}
				.row > .col-11-xlarge {width: 91.66667%;}
				.row > .off-11-xlarge {margin-left: 91.66667%;}
				.row > .col-12-xlarge {width: 100%;}
				.row > .off-12-xlarge {margin-left: 100%;}

				.row.gtr-0 {margin-top: 0; margin-left: 0em;}
					.row.gtr-0 > * {padding: 0 0 0 0em;}
					.row.gtr-0.gtr-uniform {margin-top: 0em;}
						.row.gtr-0.gtr-uniform > * {padding-top: 0em;}

				.row.gtr-25 {margin-top: 0; margin-left: -0.5em;}
					.row.gtr-25 > * {padding: 0 0 0 0.5em;}
					.row.gtr-25.gtr-uniform {margin-top: -0.5em;}
						.row.gtr-25.gtr-uniform > * {padding-top: 0.5em;}

				.row.gtr-50 {margin-top: 0;margin-left: -1em;}
					.row.gtr-50 > * {padding: 0 0 0 1em;}
					.row.gtr-50.gtr-uniform {margin-top: -1em;}
						.row.gtr-50.gtr-uniform > * {padding-top: 1em;}

				.row {margin-top: 0;margin-left: -2em;}
					.row > * {padding: 0 0 0 2em;}
					.row.gtr-uniform {margin-top: -2em;}
						.row.gtr-uniform > * {padding-top: 2em;}

				.row.gtr-150 {margin-top: 0;margin-left: -3em;}
					.row.gtr-150 > * {padding: 0 0 0 3em;}
					.row.gtr-150.gtr-uniform {margin-top: -3em;}
						.row.gtr-150.gtr-uniform > * {padding-top: 3em;}

				.row.gtr-200 {margin-top: 0;margin-left: -4em;}
					.row.gtr-200 > * {padding: 0 0 0 4em;}
					.row.gtr-200.gtr-uniform {margin-top: -4em;}
						.row.gtr-200.gtr-uniform > * {padding-top: 4em;}

		}
		@media screen and (max-width: 1280px) {
			.row { display: flex; flex-wrap: wrap; box-sizing: border-box; align-items: stretch; }
				.row > * {box-sizing: border-box;}
				.row.gtr-uniform > * > :last-child {margin-bottom: 0;}
				.row.aln-left {justify-content: flex-start;}

				.row.aln-center {justify-content: center;}
				.row.aln-right {justify-content: flex-end;}
				.row.aln-top {align-items: flex-start;}
				.row.aln-middle {align-items: center;}
				.row.aln-bottom {align-items: flex-end;}
				.row > .imp-large {order: -1;}

				.row > .col-1-large {width: 8.33333%;}
				.row > .off-1-large {margin-left: 8.33333%;}
				.row > .col-2-large {width: 16.66667%;}
				.row > .off-2-large {margin-left: 16.66667%;}
				.row > .col-3-large {width: 25%;}
				.row > .off-3-large {margin-left: 25%;}
				.row > .col-4-large {width: 33.33333%;}
				.row > .off-4-large {margin-left: 33.33333%;}
				.row > .col-5-large {width: 41.66667%;}
				.row > .off-5-large {margin-left: 41.66667%;}
				.row > .col-6-large {width: 50%;}
				.row > .off-6-large {margin-left: 50%;}
				.row > .col-7-large {width: 58.33333%;}
				.row > .off-7-large {margin-left: 58.33333%;}
				.row > .col-8-large {width: 66.66667%;}
				.row > .off-8-large {margin-left: 66.66667%;}
				.row > .col-9-large {width: 75%;}
				.row > .off-9-large {margin-left: 75%;}
				.row > .col-10-large {width: 83.33333%;}
				.row > .off-10-large {margin-left: 83.33333%;}
				.row > .col-11-large {width: 91.66667%;}
				.row > .off-11-large {margin-left: 91.66667%;}
				.row > .col-12-large {width: 100%;}
				.row > .off-12-large {margin-left: 100%;}

				.row.gtr-0 {margin-top: 0;margin-left: 0em;}
					.row.gtr-0 > * {padding: 0 0 0 0em;}
					.row.gtr-0.gtr-uniform {margin-top: 0em;}
						.row.gtr-0.gtr-uniform > * {padding-top: 0em;}

				.row.gtr-25 {margin-top: 0;margin-left: -0.375em;}
					.row.gtr-25 > * {padding: 0 0 0 0.375em;}
					.row.gtr-25.gtr-uniform {margin-top: -0.375em;}
						.row.gtr-25.gtr-uniform > * {padding-top: 0.375em;}

				.row.gtr-50 {margin-top: 0;margin-left: -0.75em;}
					.row.gtr-50 > * {padding: 0 0 0 0.75em;}
					.row.gtr-50.gtr-uniform {margin-top: -0.75em;}
						.row.gtr-50.gtr-uniform > * {padding-top: 0.75em;}

				.row {margin-top: 0;margin-left: -1.5em;}
					.row > * {padding: 0 0 0 1.5em;}
					.row.gtr-uniform {margin-top: -1.5em;}
						.row.gtr-uniform > * {padding-top: 1.5em;}

				.row.gtr-150 {margin-top: 0;margin-left: -2.25em;}
					.row.gtr-150 > * {padding: 0 0 0 2.25em;}
					.row.gtr-150.gtr-uniform {margin-top: -2.25em;}
						.row.gtr-150.gtr-uniform > * {padding-top: 2.25em;}

				.row.gtr-200 {margin-top: 0;margin-left: -3em;}
					.row.gtr-200 > * {padding: 0 0 0 3em;}
					.row.gtr-200.gtr-uniform {margin-top: -3em;}
						.row.gtr-200.gtr-uniform > * {padding-top: 3em;}
		}
		@media screen and (max-width: 980px) {
			.row { display: flex; flex-wrap: wrap; box-sizing: border-box; align-items: stretch; }
				.row > * {box-sizing: border-box;}
				.row.gtr-uniform > * > :last-child {margin-bottom: 0;}
				.row.aln-left {justify-content: flex-start;}
				.row.aln-center {justify-content: center;}
				.row.aln-right {justify-content: flex-end;}
				.row.aln-top {align-items: flex-start;}
				.row.aln-middle {align-items: center;}
				.row.aln-bottom {align-items: flex-end;}
				.row > .imp-medium {order: -1;}

				.row > .col-1-medium {width: 8.33333%;}
				.row > .off-1-medium {margin-left: 8.33333%;}
				.row > .col-2-medium {width: 16.66667%;}
				.row > .off-2-medium {margin-left: 16.66667%;}
				.row > .col-3-medium {width: 25%;}
				.row > .off-3-medium {margin-left: 25%;}
				.row > .col-4-medium {width: 33.33333%;}
				.row > .off-4-medium {margin-left: 33.33333%;}
				.row > .col-5-medium {width: 41.66667%;}
				.row > .off-5-medium {margin-left: 41.66667%;}
				.row > .col-6-medium {width: 50%;}
				.row > .off-6-medium {margin-left: 50%;}
				.row > .col-7-medium {width: 58.33333%;}
				.row > .off-7-medium {margin-left: 58.33333%;}
				.row > .col-8-medium {width: 66.66667%;}
				.row > .off-8-medium {margin-left: 66.66667%;}
				.row > .col-9-medium {width: 75%;}
				.row > .off-9-medium {margin-left: 75%;}
				.row > .col-10-medium {width: 83.33333%;}
				.row > .off-10-medium {margin-left: 83.33333%;}
				.row > .col-11-medium {width: 91.66667%;}
				.row > .off-11-medium {margin-left: 91.66667%;}
				.row > .col-12-medium {width: 100%;}
				.row > .off-12-medium {margin-left: 100%;}

				.row.gtr-0 {margin-top: 0;margin-left: 0em;}
					.row.gtr-0 > * {padding: 0 0 0 0em;}
					.row.gtr-0.gtr-uniform {margin-top: 0em;}
						.row.gtr-0.gtr-uniform > * {padding-top: 0em;}

				.row.gtr-25 {margin-top: 0;margin-left: -0.375em;}
					.row.gtr-25 > * {padding: 0 0 0 0.375em;}
					.row.gtr-25.gtr-uniform {margin-top: -0.375em;}
						.row.gtr-25.gtr-uniform > * {padding-top: 0.375em;}

				.row.gtr-50 {margin-top: 0;margin-left: -0.75em;}
					.row.gtr-50 > * {padding: 0 0 0 0.75em;}
					.row.gtr-50.gtr-uniform {margin-top: -0.75em;}
						.row.gtr-50.gtr-uniform > * {padding-top: 0.75em;}

				.row {margin-top: 0;margin-left: -1.5em;}
					.row > * {padding: 0 0 0 1.5em;}
					.row.gtr-uniform {margin-top: -1.5em;}
						.row.gtr-uniform > * {padding-top: 1.5em;}

				.row.gtr-150 {margin-top: 0;margin-left: -2.25em;}
					.row.gtr-150 > * {padding: 0 0 0 2.25em;}
					.row.gtr-150.gtr-uniform {margin-top: -2.25em;}
						.row.gtr-150.gtr-uniform > * {padding-top: 2.25em;}

				.row.gtr-200 {margin-top: 0;margin-left: -3em;}
					.row.gtr-200 > * {padding: 0 0 0 3em;}
					.row.gtr-200.gtr-uniform {margin-top: -3em;}
						.row.gtr-200.gtr-uniform > * {padding-top: 3em;}
		}
		@media screen and (max-width: 736px) {
			.row { display: flex; flex-wrap: wrap; box-sizing: border-box; align-items: stretch; }
				.row > * {box-sizing: border-box;}
				.row.gtr-uniform > * > :last-child {margin-bottom: 0;}
				.row.aln-left {justify-content: flex-start;}
				.row.aln-center {justify-content: center;}
				.row.aln-right {justify-content: flex-end;}
				.row.aln-top {align-items: flex-start;}
				.row.aln-middle {align-items: center;}
				.row.aln-bottom {align-items: flex-end;}
				.row > .imp-small {order: -1;}

				.row > .col-1-small {width: 8.33333%;}
				.row > .off-1-small {margin-left: 8.33333%;}
				.row > .col-2-small {width: 16.66667%;}
				.row > .off-2-small {margin-left: 16.66667%;}
				.row > .col-3-small {width: 25%;}
				.row > .off-3-small {margin-left: 25%;}
				.row > .col-4-small {width: 33.33333%;}
				.row > .off-4-small {margin-left: 33.33333%;}
				.row > .col-5-small {width: 41.66667%;}
				.row > .off-5-small {margin-left: 41.66667%;}
				.row > .col-6-small {width: 50%;}
				.row > .off-6-small {margin-left: 50%;}
				.row > .col-7-small {width: 58.33333%;}
				.row > .off-7-small {margin-left: 58.33333%;}
				.row > .col-8-small {width: 66.66667%;}
				.row > .off-8-small {margin-left: 66.66667%;}
				.row > .col-9-small {width: 75%;}
				.row > .off-9-small {margin-left: 75%;}
				.row > .col-10-small {width: 83.33333%;}
				.row > .off-10-small {margin-left: 83.33333%;}
				.row > .col-11-small {width: 91.66667%;}
				.row > .off-11-small {margin-left: 91.66667%;}
				.row > .col-12-small {width: 100%;}
				.row > .off-12-small {margin-left: 100%;}
				.row > .col-12-narrower {width: 100%;}

				.row.gtr-0 {margin-top: 0;margin-left: 0em;}
					.row.gtr-0 > * {padding: 0 0 0 0em;}
					.row.gtr-0.gtr-uniform {margin-top: 0em;}
						.row.gtr-0.gtr-uniform > * {padding-top: 0em;}

				.row.gtr-25 {margin-top: 0;margin-left: -0.3125em;}
					.row.gtr-25 > * {padding: 0 0 0 0.3125em;}
					.row.gtr-25.gtr-uniform {margin-top: -0.3125em;}
						.row.gtr-25.gtr-uniform > * {padding-top: 0.3125em;}

				.row.gtr-50 {margin-top: 0;margin-left: -0.625em;}
					.row.gtr-50 > * {padding: 0 0 0 0.625em;}
					.row.gtr-50.gtr-uniform {margin-top: -0.625em;}
						.row.gtr-50.gtr-uniform > * {padding-top: 0.625em;}

				.row {margin-top: 0;margin-left: -1.25em;}
					.row > * {padding: 0 0 0 1.25em;}
					.row.gtr-uniform {margin-top: -1.25em;}
						.row.gtr-uniform > * {padding-top: 1.25em;}

				.row.gtr-150 {margin-top: 0;margin-left: -1.875em;}
					.row.gtr-150 > * {padding: 0 0 0 1.875em;}
					.row.gtr-150.gtr-uniform {margin-top: -1.875em;}
						.row.gtr-150.gtr-uniform > * {padding-top: 1.875em;}

				.row.gtr-200 {margin-top: 0;margin-left: -2.5em;}
					.row.gtr-200 > * {padding: 0 0 0 2.5em;}
					.row.gtr-200.gtr-uniform {margin-top: -2.5em;}
						.row.gtr-200.gtr-uniform > * {padding-top: 2.5em;}
		}
		@media screen and (max-width: 480px) {
			.row { display: flex; flex-wrap: wrap; box-sizing: border-box; align-items: stretch; }
				.row > * {box-sizing: border-box;}
				.row.gtr-uniform > * > :last-child {margin-bottom: 0;}
				.row.aln-left {justify-content: flex-start;}
				.row.aln-center {justify-content: center;}
				.row.aln-right {justify-content: flex-end;}
				.row.aln-top {align-items: flex-start;}
				.row.aln-middle {align-items: center;}
				.row.aln-bottom {align-items: flex-end;}
				.row > .imp-xsmall {order: -1;}

				.row > .col-1-xsmall {width: 8.33333%;}
				.row > .off-1-xsmall {margin-left: 8.33333%;}
				.row > .col-2-xsmall {width: 16.66667%;}
				.row > .off-2-xsmall {margin-left: 16.66667%;}
				.row > .col-3-xsmall {width: 25%;}
				.row > .off-3-xsmall {margin-left: 25%;}
				.row > .col-4-xsmall {width: 33.33333%;}
				.row > .off-4-xsmall {margin-left: 33.33333%;}
				.row > .col-5-xsmall {width: 41.66667%;}
				.row > .off-5-xsmall {margin-left: 41.66667%;}
				.row > .col-6-xsmall {width: 50%;}
				.row > .off-6-xsmall {margin-left: 50%;}
				.row > .col-7-xsmall {width: 58.33333%;}
				.row > .off-7-xsmall {margin-left: 58.33333%;}
				.row > .col-8-xsmall {width: 66.66667%;}
				.row > .off-8-xsmall {margin-left: 66.66667%;}
				.row > .col-9-xsmall {width: 75%;}
				.row > .off-9-xsmall {margin-left: 75%;}
				.row > .col-10-xsmall {width: 83.33333%;}
				.row > .off-10-xsmall {margin-left: 83.33333%;}
				.row > .col-11-xsmall {width: 91.66667%;}
				.row > .off-11-xsmall {margin-left: 91.66667%;}
				.row > .col-12-xsmall {width: 100%;}
				.row > .off-12-xsmall {margin-left: 100%;}

				.row.gtr-0 {margin-top: 0;margin-left: 0em;}
					.row.gtr-0 > * {padding: 0 0 0 0em;}
					.row.gtr-0.gtr-uniform {margin-top: 0em;}
						.row.gtr-0.gtr-uniform > * {padding-top: 0em;}

				.row.gtr-25 {margin-top: 0;margin-left: -0.3125em;}
					.row.gtr-25 > * {padding: 0 0 0 0.3125em;}
					.row.gtr-25.gtr-uniform {margin-top: -0.3125em;}
						.row.gtr-25.gtr-uniform > * {padding-top: 0.3125em;}

				.row.gtr-50 {margin-top: 0;margin-left: -0.625em;}
					.row.gtr-50 > * {padding: 0 0 0 0.625em;}
					.row.gtr-50.gtr-uniform {margin-top: -0.625em;}
						.row.gtr-50.gtr-uniform > * {padding-top: 0.625em;}

				.row {margin-top: 0;margin-left: -1.25em;}
					.row > * {padding: 0 0 0 1.25em;}
					.row.gtr-uniform {margin-top: -1.25em;}
						.row.gtr-uniform > * {padding-top: 1.25em;}

				.row.gtr-150 {margin-top: 0;margin-left: -1.875em;}
					.row.gtr-150 > * {padding: 0 0 0 1.875em;}
					.row.gtr-150.gtr-uniform {margin-top: -1.875em;}
						.row.gtr-150.gtr-uniform > * {padding-top: 1.875em;}

				.row.gtr-200 {margin-top: 0;margin-left: -2.5em;}
					.row.gtr-200 > * {padding: 0 0 0 2.5em;}
					.row.gtr-200.gtr-uniform {margin-top: -2.5em;}
						.row.gtr-200.gtr-uniform > * {padding-top: 2.5em;}
		}
		
/* Services */

	section.special, article.special {
		text-align: center;
	}	
	.service_block { 
		width: 33.33333%; 
		float:left; 
		font-size: 0.8em;
		margin-top: 0.6em;
	}
	@media screen and (max-width: 736px) { .service_block { width: 100% } }
	
	.service_icon {
		float: left;
		padding: 0.3em 0 0 0;
		text-align: center;
		font-size: 3em;
		color: #009ee0;
	}	
	.service_desc { float: left; padding: 1em 1em 1em 1em; font-size: 1em; }	
	.service_desc h4 { margin-bottom: 0em; }	
	.service_desc span { opacity: 0.75; }
	
	.clearfix::after {
		  content: "";
		  clear: both;
		  display: table;
	}

/* Form */

	form { margin: 0 0 2em 0; }
		form > :last-child { margin-bottom: 0; }
		form > .fields {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			width: calc(100% + 3em);
			margin: -1.5em 0 2em -1.5em;
		}
			form > .fields > .field {
				-moz-flex-grow: 0;
				-webkit-flex-grow: 0;
				-ms-flex-grow: 0;
				flex-grow: 0;
				-moz-flex-shrink: 0;
				-webkit-flex-shrink: 0;
				-ms-flex-shrink: 0;
				flex-shrink: 0;
				padding: 1.5em 0 0 1.5em;
				width: calc(100% - 1.5em);
			}
				form > .fields > .field.half { width: calc(50% - 0.75em); }
				form > .fields > .field.third { width: calc(100%/3 - 0.5em); }
				form > .fields > .field.quarter { width: calc(25% - 0.375em); }

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

			form > .fields {
				width: calc(100% + 3em);
				margin: -1.5em 0 2em -1.5em;
			}
				form > .fields > .field { padding: 1.5em 0 0 1.5em; width: calc(100% - 1.5em); }
					form > .fields > .field.half { width: calc(100% - 1.5em); }
					form > .fields > .field.third { width: calc(100% - 1.5em); }
					form > .fields > .field.quarter { width: calc(100% - 1.5em); }
		}

	label {
		color: #404040;
		display: block;
		font-size: 0.7em;
		font-weight: 600;
		margin: 0 0 1em 0;
	}
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	input[type="file"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: rgba(0, 0, 0, 0.035);
		border: none;
		border-radius: 0;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1em;
		text-decoration: none;
		width: 100%;
	}
		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="tel"]:invalid,
		input[type="search"]:invalid,
		input[type="url"]:invalid,
		input[type="file"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}
		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		input[type="file"]:focus,
		select:focus,
		textarea:focus {
			border-color: #009ee0;
			background: rgba(0, 0, 0, 0.035);
			box-shadow: 0 0 0 2px #009ee0;
		}
	select {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(212, 212, 255, 0.1)' /%3E%3C/svg%3E");
		background-size: 1.25rem;
		background-repeat: no-repeat;
		background-position: calc(100% - 1rem) center;
		height: 2.75em;
		padding-right: 2.75em;
		text-overflow: ellipsis;
	}
		select option { color: #404040; background: #ffffff; }
		select:focus::-ms-value { background-color: transparent; }
		select::-ms-expand { display: none; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	input[type="file"],
	select {
		height: 2.75em;
	}
	textarea {
		padding: 0.75em 1em;
	}
	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}
		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			color: #404040;
			cursor: pointer;
			display: inline-block;
			font-weight: 300;
			position: relative;
		}
			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				line-height: 1;
				text-transform: none !important;
				font-family: 'Font Awesome 5 Free';
				font-weight: 900;
			}
			input[type="checkbox"] + label:before,
			input[type=""] + label:before {
				background: rgba(0, 0, 0, 0.035);
				content: '';
				display: inline-block;
				font-size: 0.8em;
				height: 2.0625em;
				left: 0;
				letter-spacing: 0;
				line-height: 2.0625em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 2.0625em;
			}
		input[type="checkbox"]:checked + label:before {
			background: #404040;
			border-color: #009ee0;
			content: '\f00c';
			color: #ffffff;
		}
		input[type="checkbox"]:focus + label:before {
			box-shadow: 0 0 0 2px #009ee0;
		}

/* AUTOFILL */		
		
		input:-webkit-autofill,
		input:-webkit-autofill:hover, 
		input:-webkit-autofill:focus,
		textarea:-webkit-autofill,
		textarea:-webkit-autofill:hover,
		textarea:-webkit-autofill:focus,
		select:-webkit-autofill,
		select:-webkit-autofill:hover,
		select:-webkit-autofill:focus {
			border: 1px solid #009ee0;
			background: rgba(0, 0, 0, 0.035);
			-webkit-text-fill-color: #009ee0;
			-webkit-box-shadow: 0 0 0 2px #009ee0;
			transition: background-color 5000s ease-in-out 0s;
		}
	::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5) !important; opacity: 1.0; }
	:-moz-placeholder { color: rgba(0, 0, 0, 0.5) !important; opacity: 1.0; }
	::-moz-placeholder { color: rgba(0, 0, 0, 0.5) !important; opacity: 1.0; }
	:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5) !important; opacity: 1.0; }

/* Box */

	.box { border: solid 1px rgba(0, 0, 0, 0.2); margin-bottom: 2em; padding: 1.5em; }
		.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; }		
		.box.alt2 { background: #404040; opacity: 0.7; font-size: 0.75em; }
		
/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}
		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 5 Free';
			font-weight: 400;
		}
		.icon > .label {
			display: none;
		}
		.icon:before {
			line-height: inherit;
		}
		.icon.solid:before {
			font-weight: 900;
		}
		.icon.brands:before {
			font-family: 'Font Awesome 5 Brands';
		}
		.icon.alt:before {
			background-color: #404040;
			border-radius: 100%;
			color: #ffffff;
			display: inline-block;
			height: 2em;
			line-height: 2em;
			text-align: center;
			width: 2em;
		}
	a.icon.alt:before {
		-moz-transition: background-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}
	a.icon.alt:hover:before {
		background-color: #006b99;
	}
	a.icon.alt:active:before {
		background-color: #006b99;
	}
			
/* Image */

	.image {
		border: 0;
		display: inline-block;
		position: relative;
	}
		.image img {
			display: block;
		}
		.image.left, .image.right {
			max-width: 30%;
		}
			.image.left img, .image.right img {
				width: 100%;
			}
		.image.left {
			float: left;
			margin: 0 1.5em 1.25em 0;
			top: 0.25em;
		}
		.image.right {
			float: right;
			margin: 0 0 1.25em 1.5em;
			top: 0.25em;
		}
		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}
			.image.fit img {
				width: 100%;
			}
		.image.main {
			display: block;
			margin: 2.5em 0;
			width: 100%;
		}
			.image.main img {
				width: 100%;
			}
			@media screen and (max-width: 736px) {
				.image.main {
					margin: 1.5em 0;
				}
			}

/* List */

	ol { list-style: decimal; margin: 0 0 2em 0; padding-left: 1.25em; }
		ol li { padding-left: 0.25em; }
	ul { list-style: disc; margin: 0 0 2em 0; padding-left: 1em; }
		ul li { padding-left: 0.5em; }
		ul.alt { list-style: none; padding-left: 0; }
			ul.alt li { border-top: solid 1px rgba(82, 46, 46, 0.1); padding: 0.5em 0; }
				ul.alt li:first-child { border-top: 0; padding-top: 0; }
	dl { margin: 0 0 2em 0; }
		dl dt { display: block; font-weight: 600; margin: 0 0 1em 0; }
		dl dd { margin-left: 2em; }

/* Actions */

	ul.actions {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		cursor: default;
		list-style: none;
		margin-left: -1em;
		padding-left: 0;
	}
		ul.actions li {
			padding: 0 0 0 1em;
			vertical-align: middle;
		}
		ul.actions.special {
			-moz-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			width: 100%;
			margin-left: 0;
		}
			ul.actions.special li:first-child {
				padding-left: 0;
			}
		ul.actions.stacked {
			-moz-flex-direction: column;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			margin-left: 0;
		}
			ul.actions.stacked li {
				padding: 1.3em 0 0 0;
			}
				ul.actions.stacked li:first-child {
					padding-top: 0;
				}
		ul.actions.fit {
			width: calc(100% + 1em);
		}
			ul.actions.fit li {
				-moz-flex-grow: 1;
				-webkit-flex-grow: 1;
				-ms-flex-grow: 1;
				flex-grow: 1;
				-moz-flex-shrink: 1;
				-webkit-flex-shrink: 1;
				-ms-flex-shrink: 1;
				flex-shrink: 1;
				width: 100%;
			}
				ul.actions.fit li > * {
					width: 100%;
				}
			ul.actions.fit.stacked {
				width: 100%;
			}

/* Icons */

	ul.icons {
		cursor: default;
		list-style: none;
		padding-left: 0;
	}
		ul.icons li {
			display: inline-block;
			padding: 0 1em 0 0;
		}
			ul.icons li:last-child {
				padding-right: 0;
			}

		@media screen and (max-width: 736px) {
			ul.icons li {
				padding: 0 0.75em 0 0;
			}
		}

/* Pagination - NIEUŻYWANE */

	ul.pagination {
		cursor: default;
		list-style: none;
		padding-left: 0;
	}
		ul.pagination li {
			display: inline-block;
			padding-left: 0;
			vertical-align: middle;
		}
			ul.pagination li > .page {
				-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
				-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
				-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
				transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
				border-bottom: 0;
				display: inline-block;
				font-size: 0.8em;
				font-weight: 600;
				height: 1.5em;
				line-height: 1.5em;
				margin: 0 0.125em;
				min-width: 1.5em;
				padding: 0 0.5em;
				text-align: center;
			}
				ul.pagination li > .page.active {
					background-color: #404040;
					color: #ffffff;
				}
					ul.pagination li > .page.active:hover {
						background-color: #9bf1ff;
						color: #ffffff !important;
					}
					ul.pagination li > .page.active:active {
						background-color: #53e3fb;
					}
			ul.pagination li:first-child {
				padding-right: 0.75em;
			}
			ul.pagination li:last-child {
				padding-left: 0.75em;
			}

		@media screen and (max-width: 480px) {
			ul.pagination li:nth-child(n+2):nth-last-child(n+2) {
				display: none;
			}
			ul.pagination li:first-child {
				padding-right: 0;
			}
		}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		border: 0;
		border-radius: 0;
		color: #404040;
		cursor: pointer;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 600;
		height: 3.5em;
		line-height: 3.5em;
		padding: 0 1.75em;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
	}
	.button.st {
		background-color: rgba(0, 0, 0, 0.02);
		box-shadow: inset 0 0 0 2px #404040;
		letter-spacing: 0.25em;
		text-transform: uppercase;
	}
		input[type="submit"]:hover, input[type="submit"]:active,
		input[type="reset"]:hover,
		input[type="reset"]:active,
		input[type="button"]:hover,
		input[type="button"]:active,
		button:hover,
		button:active,
		.button:hover,
		.button:active {
			box-shadow: inset 0 0 0 2px #009ee0;
			color: #009ee0;
		}
		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		button:active,
		.button:active {
			background-color: rgba(179, 232, 255, 0.1);
			box-shadow: inset 0 0 0 2px #006b99;
			color: #006b99;
		}
		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		input[type="button"].icon:before,
		button.icon:before,
		.button.icon:before {
			margin-right: 0.5em;
		}
		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,
		.button.fit {
			width: 100%;
		}
		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		button.small,
		.button.small {
			font-size: 0.6em;
		}
		input[type="submit"].large,
		input[type="reset"].large,
		input[type="button"].large,
		button.large,
		.button.large {
			font-size: 1.25em;
			height: 3em;
			line-height: 3em;
		}
		input[type="submit"].next,
		input[type="reset"].next,
		input[type="button"].next,
		button.next,
		.button.next {
			padding-right: 4.5em;
			position: relative;
		}
			input[type="submit"].next:before, input[type="submit"].next:after,
			input[type="reset"].next:before,
			input[type="reset"].next:after,
			input[type="button"].next:before,
			input[type="button"].next:after,
			button.next:before,
			button.next:after,
			.button.next:before,
			.button.next:after {
				-moz-transition: opacity 0.2s ease-in-out;
				-webkit-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;
				background-position: center right;
				background-repeat: no-repeat;
				background-size: 36px 24px;
				content: '';
				display: block;
				height: 100%;
				position: absolute;
				right: 1.5em;
				top: 0;
				vertical-align: middle;
				width: 36px;
			}
			input[type="submit"].next:before,
			input[type="reset"].next:before,
			input[type="button"].next:before,
			button.next:before,
			.button.next:before {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36px' height='24px' viewBox='0 0 36 24' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %23404040%3B stroke-width: 2px%3B %7D%3C/style%3E%3Cline x1='0' y1='12' x2='34' y2='12' /%3E%3Cline x1='25' y1='4' x2='34' y2='12.5' /%3E%3Cline x1='25' y1='20' x2='34' y2='11.5' /%3E%3C/svg%3E");
			}
			input[type="submit"].next:after,
			input[type="reset"].next:after,
			input[type="button"].next:after,
			button.next:after,
			.button.next:after {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36px' height='24px' viewBox='0 0 36 24' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %23009ee0%3B stroke-width: 2px%3B %7D%3C/style%3E%3Cline x1='0' y1='12' x2='34' y2='12' /%3E%3Cline x1='25' y1='4' x2='34' y2='12.5' /%3E%3Cline x1='25' y1='20' x2='34' y2='11.5' /%3E%3C/svg%3E");
				opacity: 0;
				z-index: 1;
			}
			input[type="submit"].next:hover:after, input[type="submit"].next:active:after,
			input[type="reset"].next:hover:after,
			input[type="reset"].next:active:after,
			input[type="button"].next:hover:after,
			input[type="button"].next:active:after,
			button.next:hover:after,
			button.next:active:after,
			.button.next:hover:after,
			.button.next:active:after {
				opacity: 1;
			}
			@media screen and (max-width: 1280px) {

				input[type="submit"].next,
				input[type="reset"].next,
				input[type="button"].next,
				button.next,
				.button.next {
					padding-right: 5em;
				}
			}
		input[type="submit"].primary,
		input[type="reset"].primary,
		input[type="button"].primary,
		button.primary,
		.button.primary {
			background-color: #404040;
			box-shadow: none;
			color: #ffffff;
		}
			input[type="submit"].primary:hover, input[type="submit"].primary:active,
			input[type="reset"].primary:hover,
			input[type="reset"].primary:active,
			input[type="button"].primary:hover,
			input[type="button"].primary:active,
			button.primary:hover,
			button.primary:active,
			.button.primary:hover,
			.button.primary:active {
				background-color: #009ee0;
				color: #ffffff !important;
			}
			input[type="submit"].primary:active,
			input[type="reset"].primary:active,
			input[type="button"].primary:active,
			button.primary:active,
			.button.primary:active {
				background-color: #006b99;
			}
		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;
			cursor: default;
			opacity: 0.25;
		}
		button.success,
		.button.success {
			background-color: rgba(256, 256, 256, 0.1);
			box-shadow: inset 0 0 0 2px #495283;
			color: #495283;
		}
			button.success:hover,
			button.success:active,
			.button.success:hover,
			.button.success:active {
				box-shadow: inset 0 0 0 2px #5c67a3;
				color: #5c67a3;
			}
		button.warning,
		.button.warning {
			background-color: rgba(256, 256, 256, 0.1);
			box-shadow: inset 0 0 0 2px #ffc107;
			color: #ffc107;
		}
			button.warning:hover,
			button.warning:active,
			.button.warning:hover,
			.button.warning:active {
				box-shadow: inset 0 0 0 2px #ffda6b;
				color: #ffda6b;
			}
		button.danger,
		.button.danger {
			background-color: rgba(256, 256, 256, 0.1);
			box-shadow: inset 0 0 0 2px #ff3f3a;
			color: #ff3f3a;
		}
			button.danger:hover,
			button.danger:active,
			.button.danger:hover,
			.button.danger:active {
				background-color: rgba(256, 256, 256, 0.1);
				box-shadow: inset 0 0 0 2px #ff7f7c;
				color: #ff7f7c;
			}
			button.danger:active,
			.button.danger:active {
				background-color: rgba(256, 256, 256, 0.1);
				box-shadow: inset 0 0 0 2px #ff9191;
				color: #ff9191;
			}
  
  /* Tiles */

	.tiles {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		border-top: 0 !important;
	}
		.tiles + * {
			border-top: 0 !important;
		}
		.tiles article {
			-moz-align-items: center;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-transition: -moz-transform 0.25s ease, opacity 0.25s ease, -moz-filter 1s ease, -webkit-filter 1s ease;
			-webkit-transition: -webkit-transform 0.25s ease, opacity 0.25s ease, -webkit-filter 1s ease, -webkit-filter 1s ease;
			-ms-transition: -ms-transform 0.25s ease, opacity 0.25s ease, -ms-filter 1s ease, -webkit-filter 1s ease;
			transition: transform 0.25s ease, opacity 0.25s ease, filter 1s ease, -webkit-filter 1s ease;
			padding: 4em 4em 2em 4em ;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			cursor: default;
			height: 40vh;
			max-height: 40em;
			min-height: 23em;
			overflow: hidden;
			position: relative;
			width: 40%; /* EDIT 60% */
		}
			.tiles article .image {
				display: none;
			}
			.tiles article header {
				position: relative;
				z-index: 3;
			}
			.tiles article h3 {
				font-size: 1.75em;
			}
				.tiles article h3 a:hover {
					color: inherit !important;
				}
			.tiles article .link.primary {
				border: 0;
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 4;
			}
			.tiles article:before {
				-moz-transition: opacity 0.5s ease;
				-webkit-transition: opacity 0.5s ease;
				-ms-transition: opacity 0.5s ease;
				transition: opacity 0.5s ease;
				bottom: 0;
				content: '';
				display: block;
				height: 100%;
				left: 0;
				opacity: 0.85;
				position: absolute;
				width: 100%;
				z-index: 2;
			}
			.tiles article:after {
				background-color: rgba(36, 41, 67, 0.25);
				content: '';
				display: block;
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 1;
			}
			.tiles article:hover:before {
				opacity: 0.55;
			}
			.tiles article.is-transitioning {
				-moz-transform: scale(0.95);
				-webkit-transform: scale(0.95);
				-ms-transform: scale(0.95);
				transform: scale(0.95);
				-moz-filter: blur(0.5em);
				-webkit-filter: blur(0.5em);
				-ms-filter: blur(0.5em);
				filter: blur(0.5em);
				opacity: 0;
			}
			/*.tiles article:nth-child(4n - 1), .tiles article:nth-child(4n - 2) { width: 40%; }*/
			.tiles article:nth-child(3n - 1), .tiles article:nth-child(6n - 2), .tiles article:nth-child(6n - 3) { width: 30%; }
			.tiles article:nth-child(6n - 5):before { background-color: #6fc3df; }
			.tiles article:nth-child(6n - 4):before { background-color: #8d82c4; }
			.tiles article:nth-child(6n - 3):before { background-color: #ec8d81; }
			.tiles article:nth-child(6n - 2):before { background-color: #e7b788; }
			.tiles article:nth-child(6n - 1):before { background-color: #8ea9e8; }
			.tiles article:nth-child(6n):before { background-color: #87c5a4; }
		@media screen and (max-width: 1280px) {
			.tiles article {
				padding: 4em 3em 2em 3em ;
				height: 30vh;
				max-height: 30em;
				min-height: 20em;
			}
		}
		@media screen and (max-width: 980px) {
			.tiles article {
				width: 50% !important;
			}
			.tiles.blocks article {
				width: 100%% !important;
			}
		}
		@media screen and (max-width: 736px) {
			.tiles article {
				padding: 3em 1.5em 1em 1.5em ;
				height: 16em;
				max-height: none;
				min-height: 0;
			}
				.tiles article h3 {
					font-size: 1.5em;
				}
		}
		@media screen and (max-width: 480px) {
			.tiles {
				display: block;
			}
				.tiles article {
					height: 20em;
					width: 100% !important;
				}
		}

/* Spotlights - NIE W UŻYCIU */

	.spotlights {
		border-top: 0 !important;
	}
		.spotlights + * {
			border-top: 0 !important;
		}
		.spotlights > section {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-flex-direction: row;
			-webkit-flex-direction: row;
			-ms-flex-direction: row;
			flex-direction: row;
			background-color: #2e3450;
		}
			.spotlights > section > .image {
				background-position: center center;
				background-size: cover;
				border-radius: 0;
				display: block;
				position: relative;
				width: 30%;
			}
				.spotlights > section > .image img {
					border-radius: 0;
					display: block;
					width: 100%;
				}
				.spotlights > section > .image:before {
					background: rgba(36, 41, 67, 0.9);
					content: '';
					display: block;
					height: 100%;
					left: 0;
					opacity: 0;
					position: absolute;
					top: 0;
					width: 100%;
				}
			.spotlights > section > .content {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				padding: 2em 3em 0.1em 3em ;
				width: 70%;
			}
				.spotlights > section > .content > .inner {
					margin: 0 auto;
					max-width: 100%;
					width: 65em;
				}
			.spotlights > section:nth-child(2n) {
				-moz-flex-direction: row-reverse;
				-webkit-flex-direction: row-reverse;
				-ms-flex-direction: row-reverse;
				flex-direction: row-reverse;
				background-color: #eff0f6;
			}
				.spotlights > section:nth-child(2n) > .content {
					-moz-align-items: -moz-flex-end;
					-webkit-align-items: -webkit-flex-end;
					-ms-align-items: -ms-flex-end;
					align-items: flex-end;
				}
		@media screen and (max-width: 1680px) {

			.spotlights > section > .image {
				width: 40%;
			}
			.spotlights > section > .content {
				width: 60%;
			}
		}
		@media screen and (max-width: 1280px) {

			.spotlights > section > .image {
				width: 45%;
			}
			.spotlights > section > .content {
				width: 55%;
			}
		}

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

			.spotlights > section {
				display: block;
			}
				.spotlights > section > .image {
					width: 100%;
				}
				.spotlights > section > .content {
					padding: 4em 3em 2em 3em ;
					width: 100%;
				}
		}
		@media screen and (max-width: 736px) {

			.spotlights > section > .content {
				padding: 3em 1.5em 1em 1.5em ;
			}
		}

/* Header */

	@-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 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		background-color: #f4f4f4;
		box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.15);
		cursor: default;
		font-weight: 600;
		height: 3.25em;
		left: 0;
		letter-spacing: 0.25em;
		line-height: 3.25em;
		margin: 0;
		position: fixed;
		text-transform: uppercase;
		top: 0;
		width: 100%;
		z-index: 10000;
	}
		#header .logo_pre {
			border: 0;
			display: inline-block;
			font-size: 0.8em;
			height: inherit;
			line-height: inherit;
			padding: 0 0;
		}
			#header .logo_pre strong {
				background-color: none;
				color: none;
				display: inline-block;
				line-height: 1.65em;
				width: 3.3em;
				padding: 0 0.125em 0 0.375em;
			}
		@media screen and (max-width: 736px) {
			#header .logo_pre strong {
				width: 1.7em;
			}
			
		}	
		#header .logo {
			border: 0;
			display: inline-block;
			font-size: 0.8em;
			height: inherit;
			line-height: inherit;
			padding: 0 0; /* 0, 1.5em */
		}
			#header .logo strong {
				-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
				-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
				-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
				transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
				background-color: #404040;
				color: #ffffff;
				display: inline-block;
				line-height: 1.65em;
				margin-right: 0.325em;
				padding: 0 0.7em 0 0.95em;
			}
			#header .logo:hover strong {
				background-color: rgba(64, 64, 64, 0.7);
			}
			#header .logo:active strong {
				background-color: rgba(64, 64, 64, 0.4);
			}
			#header .logo span {
				padding-left: 0.5em;
				padding-right: 0.5em;
			}
		#header .basket {
			height: inherit;
			line-height: inherit;
			position: absolute;
			right: 9em;
		}
			@media screen and (max-width: 736px) {
				#header .basket {
					right: 8em;
				}
			}
				@media screen and (max-width: 480px) {
					#header .basket {
						right: 4em;
					}
				}	
		#header nav {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-justify-content: -moz-flex-end;
			-webkit-justify-content: -webkit-flex-end;
			-ms-justify-content: -ms-flex-end;
			justify-content: flex-end;
			-moz-flex-grow: 1;
			-webkit-flex-grow: 1;
			-ms-flex-grow: 1;
			flex-grow: 1;
			height: inherit;
			line-height: inherit;
			margin: 0 0 0 0;
		}
			#header nav a {
				border: 0;
				display: block;
				font-size: 0.8em;
				height: inherit;
				line-height: inherit;
				padding: 0 0.75em;
				position: relative;
				vertical-align: middle;
			}
				#header nav a:last-child {
					padding-right: 1.5em;
				}
				#header nav a[href="#menu"] {
					padding-right: 3.325em !important;
				}
					#header nav a[href="#menu"]:before, #header nav a[href="#menu"]:after {
						background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='32' viewBox='0 0 24 32' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 2px%3B stroke: %23404040%3B %7D%3C/style%3E%3Cline x1='0' y1='11' x2='24' y2='11' /%3E%3Cline x1='0' y1='21' x2='24' y2='21' /%3E%3Cline x1='0' y1='16' x2='24' y2='16' /%3E%3C/svg%3E");
						background-position: center;
						background-repeat: no-repeat;
						background-size: 24px 32px;
						content: '';
						display: block;
						height: 100%;
						position: absolute;
						right: 1.5em;
						top: 0;
						vertical-align: middle;
						width: 24px;
					}
					#header nav a[href="#menu"]:after {
						-moz-transition: opacity 0.2s ease-in-out;
						-webkit-transition: opacity 0.2s ease-in-out;
						-ms-transition: opacity 0.2s ease-in-out;
						transition: opacity 0.2s ease-in-out;
						background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='32' viewBox='0 0 24 32' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 2px%3B stroke: %23009ee0%3B %7D%3C/style%3E%3Cline x1='0' y1='11' x2='24' y2='11' /%3E%3Cline x1='0' y1='21' x2='24' y2='21' /%3E%3Cline x1='0' y1='16' x2='24' y2='16' /%3E%3C/svg%3E");
						opacity: 0;
						z-index: 1;
					}
					#header nav a[href="#menu"]:hover:after, #header nav a[href="#menu"]:active:after {
						opacity: 1;
					}
					#header nav a[href="#menu"]:last-child {
						padding-right: 3.875em !important;
					}
						#header nav a[href="#menu"]:last-child:before, #header nav a[href="#menu"]:last-child:after {
							right: 2em;
						}		 
		#header.reveal {
			-moz-animation: reveal-header 0.35s ease;
			-webkit-animation: reveal-header 0.35s ease;
			-ms-animation: reveal-header 0.35s ease;
			animation: reveal-header 0.35s ease;
		}
		#header.alt {
			-moz-transition: opacity 2.5s ease;
			-webkit-transition: opacity 2.5s ease;
			-ms-transition: opacity 2.5s ease;
			transition: opacity 2.5s ease;
			-moz-transition-delay: 0.75s;
			-webkit-transition-delay: 0.75s;
			-ms-transition-delay: 0.75s;
			transition-delay: 0.75s;
			-moz-animation: none;
			-webkit-animation: none;
			-ms-animation: none;
			animation: none;
			background-color: transparent;
			box-shadow: none;
			position: absolute;
		}
			#header.alt.style1 .logo strong { color: #6fc3df; }
			#header.alt.style2 .logo strong { color: #450b3f; }
			#header.alt.style3 .logo strong { color: #1a566a; }
			#header.alt.style4 .logo strong { color: #e7b788; }
			#header.alt.style5 .logo strong { color: #8ea9e8; }
			#header.alt.style6 .logo strong { color: #87c5a4; }
		body.is-preload #header.alt {
			opacity: 0;
		}
		@media screen and (max-width: 1680px) {

			#header ul {
				position: absolute;
				right: 8em;
				vertical-align: middle;
			}			
			#header nav a[href="#menu"] {
				padding-right: 3.75em !important;
			}
				#header nav a[href="#menu"]:last-child {
					padding-right: 4.25em !important;
				}
		}
		@media screen and (max-width: 1280px) {

			#header ul {
				position: absolute;
				right: 8em;
				vertical-align: middle;
			}		
			#header nav a[href="#menu"] {
				padding-right: 4em !important;
			}
				#header nav a[href="#menu"]:last-child {
					padding-right: 4.5em !important;
				}
		}
		@media screen and (max-width: 736px) {

			#header {
				height: 2.75em;
				line-height: 2.75em;
			}
				#header .logo {
					padding: 0 0; /* 0, 1em */
				}
				#header .logo span {
					display: none;
				}		
				#header nav a {
					padding: 0 0.5em;
				}
					#header nav a:last-child {
						padding-right: 1em;
					}
					#header nav a[href="#menu"] {
						padding-right: 3.25em !important;
					}
						#header nav a[href="#menu"]:before, #header nav a[href="#menu"]:after {
							right: 0.75em;
						}
						#header nav a[href="#menu"]:last-child {
							padding-right: 4em !important;
						}
							#header nav a[href="#menu"]:last-child:before, #header nav a[href="#menu"]:last-child:after {
								right: 1.5em;
							}
		}
		@media screen and (max-width: 480px) {

			#header .logo span {
				display: none;
			}			
			#header ul {
				position: absolute;
				right: 3em;
				vertical-align: middle;
			}
			#header nav a[href="#menu"] {
				overflow: hidden;
				padding-right: 0 !important;
				text-indent: 5em;
				white-space: nowrap;
				width: 5em;
			}
				#header nav a[href="#menu"]:before, #header nav a[href="#menu"]:after {
					right: 0;
					width: inherit;
				}
				#header nav a[href="#menu"]:last-child:before, #header nav a[href="#menu"]:last-child:after {
					width: 4em;
					right: 0;
				}
		}

/* Topmenu */

	#topmenu {
		display: none;
	}
	.logo.topmenu:hover + #topmenu {
		display: block;
		background: #f2f2f2;
		width: 100%;
		height: 300px;
	}

/* Banner */

	#banner {
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		background-image: url("../img/banner.jpg");
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		padding: 6em 0 2em 0 ;
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100%;
		border-bottom: 0 !important;
		cursor: default;
		height: 40vh; /* 60vh */
		margin-bottom: -3.25em;
		max-height: 32em;
		min-height: 12em; /* 22em */
		position: relative;
		top: -3.25em;
	}
		#banner:after {
			-moz-transition: opacity 2.5s ease;
			-webkit-transition: opacity 2.5s ease;
			-ms-transition: opacity 2.5s ease;
			transition: opacity 2.5s ease;
			-moz-transition-delay: 0.75s;
			-webkit-transition-delay: 0.75s;
			-ms-transition-delay: 0.75s;
			transition-delay: 0.75s;
			pointer-events: none;
			background-color: #f2f2f2;
			content: '';
			display: block;
			height: 100%;
			left: 0;
			opacity: 0.685;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 1;
		}
		#banner h1 {
			font-size: 2.55em;
		}
		.companylogo { width: 10em; }
		#banner > .inner {
			-moz-transition: opacity 1.5s ease, -moz-transform 0.5s ease-out, -moz-filter 0.5s ease, -webkit-filter 0.5s ease;
			-webkit-transition: opacity 1.5s ease, -webkit-transform 0.5s ease-out, -webkit-filter 0.5s ease, -webkit-filter 0.5s ease;
			-ms-transition: opacity 1.5s ease, -ms-transform 0.5s ease-out, -ms-filter 0.5s ease, -webkit-filter 0.5s ease;
			transition: opacity 1.5s ease, transform 0.5s ease-out, filter 0.5s ease, -webkit-filter 0.5s ease;
			padding: 0 !important;
			position: relative;
			z-index: 2;
		}
			#banner > .inner .image {
				display: none;
			}
			#banner > .inner header {
				width: auto;
			}
				#banner > .inner header > :first-child {
					width: auto;
				}
					#banner > .inner header > :first-child:after {
						max-width: 100%;
					}
			#banner > .inner .content {
				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;
				margin: 0 0 2em 0;
			}
				#banner > .inner .content > * {
					margin-right: 1.5em;
					margin-bottom: 0;
				}
				#banner > .inner .content > :last-child {
					margin-right: 0;
				}
				#banner > .inner .content p {
					font-size: 0.7em;
					font-weight: 600;
					letter-spacing: 0.25em;
					text-transform: uppercase;
				}
		/*#banner.major {
			height: 75vh;
			min-height: 30em;
			max-height: 50em;
		}*/		
		#banner.major {
			height: 30vh; /* 50ev */
			min-height: 20em;
			max-height: 50em;
		}
			#banner.major.alt {
				opacity: 0.75;
			}
		#banner.style1:after { background-color: #cc0000; }
		#banner.style2:after { background-color: #450b3f; }
		#banner.style3:after { background-color: #1a566a; }
		#banner.style4:after { background-color: #e7b788; }
		#banner.style5:after { background-color: #8ea9e8; }
		#banner.style6:after { background-color: #87c5a4; }
		body.is-preload #banner:after {
			opacity: 0.55;
		}
		body.is-preload #banner > .inner {
			-moz-filter: blur(0.125em);
			-webkit-filter: blur(0.125em);
			-ms-filter: blur(0.125em);
			filter: blur(0.125em);
			-moz-transform: translateX(-0.5em);
			-webkit-transform: translateX(-0.5em);
			-ms-transform: translateX(-0.5em);
			transform: translateX(-0.5em);
			opacity: 0;
		}
		@media screen and (max-width: 1280px) {

			#banner {
				background-attachment: scroll;
				background-size: cover;
			}
		}
		@media screen and (max-width: 736px) {

			#banner {
				padding: 5em 0 1em 0 ;
				height: auto;
				margin-bottom: -2.75em;
				max-height: none;
				min-height: 0;
				top: -2.75em;
				background-size: cover;
			}
				#banner h1 {
					font-size: 2em;
				}
				#banner > .inner .content {
					display: block;
				}
					#banner > .inner .content > * {
						margin-right: 0;
						margin-bottom: 2em;
					}
				#banner.major {
					height: auto;
					min-height: 0;
					max-height: none;
				}
		}
		@media screen and (max-width: 480px) {

			#banner {
				padding: 6em 0 2em 0 ;
			}
				#banner > .inner .content p br {
					display: none;
				}
				#banner.major {
					padding: 8em 0 4em 0 ;
				}
		}



/* Banner - content */

	header.major {
		width: -moz-max-content;
		width: -webkit-max-content;
		width: -ms-max-content;
		width: max-content;
		margin-bottom: 2em;
	}
		header.major > :first-child {
			margin-bottom: 0;
			width: calc(100% + 0.5em);
		}
			header.major > :first-child:after {
				content: '';
				background-color: #404040;
				display: block;
				height: 2px;
				margin: 0.325em 0 0.5em 0;
				width: 100%;
			}
		header.major > p {
			font-size: 0.7em;
			font-weight: 600;
			letter-spacing: 0.25em;
			margin-bottom: 0;
			text-transform: uppercase;
		}
		body.is-ie header.major > :first-child:after {
			max-width: 9em;
		}
		body.is-ie header.major > h1:after {
			max-width: 100% !important;
		}
	@media screen and (max-width: 736px) {

		header.major > p br {
			display: none;
		}
	}
	.banner_left {
		float: left;
		width: 75%;
	}
	.banner_right {
		float: left;
		padding: 0 0 0 2em;
		width: 25%;
	}
	@media screen and (max-width: 980px) {

		.banner_left {
			width: 100%;
		}
		.banner_right {
			display: none;
		}
	}
	.main-log {
		width: 100%;
		float: right;
		margin: 0;
		padding-bottom: 1em;
	}
	.main-log:first-child {
		padding-top: 2.5em;
	}
	
	.rabat {
		width:100%;
	}
	.rabat > .rabat1 {
		white-space: nowrap;
		font-size: 1.3em;
		letter-spacing: 0.225em;
		text-transform: uppercase;
		text-align: center;
		margin: 7em 0 0 0;
	}
	.rabat > .rabat2 {
		white-space: nowrap;
		font-size: 0.7em;
		letter-spacing: 0.375em;
		text-transform: uppercase;
		text-align: center;
		margin: -2.75em 0 0 0;
	}
	.lang {
		width: 100%;
		float:right;
		font-size: 0.8em;
		text-align: right;
		padding-bottom: 2em;
	}
	
	.lang_mob {
		display: none;
	}
	@media screen and (max-width: 980px) {

		.lang_mob {
			display: block;
			width: 100%;
			float: right;
			text-align: right;
			font-size: 0.8em;
			padding-bottom: 2em;
		}
	}
	@media screen and (max-width: 480px) {

		.lang_mob {
			margin-top: -3em;
		}
	}

/* Main */

	#main {
		background-color: #f9f9f9;
	}
		#main > * {
			border-top: solid 1px rgba(0, 0, 0, 0.1);
		}
			/*#main > *:first-child {
				border-top: 0;
			}*/
			#main > * > .inner {
				padding: 4em 0 2em 0 ;
				margin: 0 auto;
				max-width: 65em;
				width: calc(100% - 6em);
			}
				@media screen and (max-width: 736px) {

					#main > * > .inner {
						padding: 5em 0 1em 0 ;
						width: calc(100% - 3em);
					}
				}			
			#main > * > .inner2 {
				padding: 0 0 2em 0 ;
				margin: 0 auto;
				max-width: 65em;
				width: calc(100% - 6em);
			}
				@media screen and (max-width: 736px) {

					#main > * > .inner2 {
						padding: 0 0 1em 0 ;
						width: calc(100% - 3em);
					}
				}				
			#main > * > .inner3 {
				padding: 2em 0 2em 0 ;
				margin: 0 auto;
				max-width: 65em;
				width: calc(100% - 6em);
			}
				@media screen and (max-width: 736px) {

					#main > * > .inner3 {
						padding: 3em 0 3em 0 ;
						width: calc(100% - 3em);
					}
				}
		#main.alt {
			background-color: #ffffff;  /* transparent */
			border-bottom: solid 1px rgba(0, 71, 102, 0.1);
		}		
		#main.alt2 {
			background-color: #ffffff;  /* transparent */
			border-bottom: none;
		}
		#main.alt3 {
			background: url("../img/printing2.jpg") no-repeat center center fixed;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}
		/*#main.alt3 {
			background-image: url("../img/printing2.jpg");
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			border-bottom: none;
			background-attachment: fixed;
		}*/
		.backcolor {
			/*background-image: linear-gradient(-70deg, rgba(51, 56, 86, 0.7), rgba(51, 56, 86, 0.95));*/
			background-color: rgba(51, 56, 86, 0.775);
			height: 8em;
		}
		.backcolor2 {
			background-image: linear-gradient(-70deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.95));
			height: 100%;
		}
		
/* Page Wrapper + Menu */

	#wrapper {
		-moz-transition: -moz-filter 0.35s ease, -webkit-filter 0.35s ease, opacity 0.375s ease-out;
		-webkit-transition: -webkit-filter 0.35s ease, -webkit-filter 0.35s ease, opacity 0.375s ease-out;
		-ms-transition: -ms-filter 0.35s ease, -webkit-filter 0.35s ease, opacity 0.375s ease-out;
		transition: filter 0.35s ease, -webkit-filter 0.35s ease, opacity 0.375s ease-out;
		opacity: 1;
		padding-top: 3.25em; /* lub 3em */
	}
		#wrapper:before {
			background: rgba(0, 0, 0, 0);
			content: '';
			display: block;
			display: none;
			height: 100%;
			left: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 1000;
		}	

		#wrapper.is-transitioning {
			opacity: 0;
		}

		#wrapper > * > .inner {
			padding: 4em 0 2em 0 ;
			margin: 0 auto;
			max-width: 65em;
			width: calc(100% - 6em);
		}

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

				#wrapper > * > .inner {
					padding: 5em 0 1em 0 ;
					width: calc(100% - 3em);
				}

			}

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

			#wrapper {
				padding-top: 2.75em;
			}

		}
	#menu {
		-moz-transform: translateX(20em);
		-webkit-transform: translateX(20em);
		-ms-transform: translateX(20em);
		transform: translateX(20em);
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		-webkit-overflow-scrolling: touch;
		background: #EC008C;
		color: #ffffff;
		height: 100%;
		max-width: 80%;
		overflow-y: auto;
		padding: 3em 2em;
		position: fixed;
		right: 0;
		top: 0;
		width: 20em;
		z-index: 10002;
	}
		#menu ul {
			list-style: none;
			padding: 0;
		}
			#menu ul > li {
				border-top: solid 1px rgba(102, 0, 66, 0.3);
				margin: 0.5em 0 0 0;
				padding: 0.5em 0 0 0;
			}
				#menu ul > li:first-child {
					border-top: 0 !important;
					margin-top: 0 !important;
					padding-top: 0 !important;
				}
				#menu ul > li > a {
					border: 0;
					color: inherit;
					display: block;
					font-size: 0.7em;
					letter-spacing: 0.225em;
					outline: 0;
					text-decoration: none;
					text-transform: uppercase;
				}
					@media screen and (max-width: 736px) {

						#menu ul > li > a {
							line-height: 3em;
						}
					}
		#menu .close {
			background-image: url("images/close.svg");
			background-position: 4.85em 1em;
			background-repeat: no-repeat;
			border: 0;
			cursor: pointer;
			display: block;
			height: 3em;
			position: absolute;
			right: 0;
			top: 0;
			vertical-align: middle;
			width: 7em;
		}
		@media screen and (max-width: 736px) {

			#menu {
				padding: 3em 1.5em;
			}
		}
	body.is-menu-visible #page-wrapper {
		opacity: 0.35;
		-moz-filter: blur(0.3em);
		-webkit-filter: blur(0.3em);
		-ms-filter: blur(0.3em);
		filter: blur(0.3em);
	}
		body.is-menu-visible #page-wrapper:before {
			display: block;
		}
	body.is-menu-visible #menu {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}	
		body.content-active #header, 
		body.content-active #banner, 
		body.content-active #main {
			-moz-filter: blur(0.3em);
			-webkit-filter: blur(0.3em);
			-ms-filter: blur(0.3em);
			filter: blur(0.3em);
		}
			body.content-active #header:after, 
			body.content-active #banner:after, 
			body.content-active #main:after {
				pointer-events: auto;
				opacity: 1;
				visibility: visible;
			}
			
/* Search - Get started - Common stuff */

	.search { 
		margin-left: auto;
		margin-right: auto;
		}
	#search {
		padding: 2em 1em 0 1em;
		}
	#search form {
		text-decoration: none;
		position: relative;
		}
	#search form:before {
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		line-height: 1;
		text-transform: none !important;
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		}
	#search form:before {
		-moz-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		-ms-transform: scaleX(-1);
		transform: scaleX(-1);
		color: #5c6368;
		content: '\f002';
		cursor: default;
		display: block;
		font-size: 1.5em;
		height: 2em;
		line-height: 2em;
		opacity: 0.325;
		position: absolute;
		right: 6em; /* 0 */
		text-align: center;
		top: 0;
		width: 2em;
		}
	#search form input[type="text"] {
		padding-right: 2.75em;
		margin-right: 0.5em;
		width: 30em;
		float:left
		}
	#search form a {
		width: 10em;
		float:left;
		}
			@media screen and (max-width: 980px) {
				#search form:before {
					right: 6em;
				}
				#search form input[type="text"] {
					width: 25em;
				}
				#search form a {
					width: 10em;
				}
			}
			@media screen and (max-width: 736px) {
				#search form:before {
					right: 6em;
				}
				#search form input[type="text"] {
					width: 18em;
				}
				#search form a {
					width: 10em;
				}
			}	
			@media screen and (max-width: 480px) {
				#search form:before {
					right: 10%;
				}
				#search form input[type="text"] {
					width: 90%;
				}
				#search form a {
					width: 90%;
					margin-top: 1em;
				}
			}
	
	
	#all_products {
		display: block;
		width: 100%;
		padding: 0 0 0 0;
		}
	.all_products_btn {
		display: block;
		width: 35em;
		max-width: calc(100% - 2em);
		margin-left: auto;
		margin-right: auto;
		}	
	#company_profile p {
		font-size: 0.8em;
	}
	#get_started {
		background-color: #ffffff;
	}
		@media screen and (max-width: 736px) {
			#get_started { padding: 0 0 2.5em 0; }
		}	
	#primaryfooter {
		padding-bottom: 2em;
		margin-left: -1.3em;
	}
	#primaryfooter > * > .col-2 {
		float: left;
		width: 16.66666%
	}
	#primaryfooter > * > .col-4 {
		float: left;
		width: 33.33334%
	}
	#primaryfooter:after {
		content:'';
		display:block;
		clear:both;
	}
	#primaryfooter > * > * > .ttl {
		font-size: 0.7em;
		color: #006b99;
		text-transform: uppercase;
		font-weight: 600;
	}
	#primaryfooter > * > * > .ttl2 {
		color: #006b99;
		text-transform: uppercase;
		font-weight: 600;
		border: 0;
		display: inline-block;
		font-size: 0.7em;
		height: inherit;
		line-height: inherit;
	}
		#primaryfooter > * > * > .ttl2 strong {
			background-color: #006b99;
			color: #ffffff;
			display: inline-block;
			line-height: 1.65em;
			margin-right: 0.325em;
			padding: 0 0.125em 0 0.375em;
			letter-spacing: 0.225em;
			}
	#primaryfooter a {
		font-size: 0.7em;
	}
	#primaryfooter p {
		padding-top: 0.65em;
		opacity: 0.6; 
		font-size: 0.7em;
		line-height: 1.65em;
	}
		@media screen and (max-width: 736px) {
			#primaryfooter { display: none; }
		}
	.user { margin: 0 0 1em 0; }		/* <-- Co to jest */
	.logotypes {
		background-image: url("../img/logotypes.png");
		opacity: 1;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100%;
		width: 25em;
		height: 5em;
		position: relative;
		margin-left: 0;
		margin-top: 1em;
	}
	@media screen and (max-width: 736px) {
			.logotypes { width: 15em; margin-left: 0; }
	}
	

/* Contact */

	#contact {
		border-bottom: solid 1px rgba(212, 212, 255, 0.1);
		overflow-x: hidden;
	}
		#contact > .inner {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			padding: 0 !important;
		}
			#contact > .inner > :nth-child(2n - 1) {
				padding: 4em 3em 2em 0 ;
				border-right: solid 1px rgba(212, 212, 255, 0.1);
				width: 60%;
			}
			#contact > .inner > :nth-child(2n) {
				padding-left: 3em;
				width: 40%;
			}
			#contact > .inner > .split {
				padding: 0;
			}
				#contact > .inner > .split > * {
					padding: 3em 0 1em 3em ;
					position: relative;
				}
					#contact > .inner > .split > *:before {
						border-top: solid 1px rgba(212, 212, 255, 0.1);
						content: '';
						display: block;
						margin-left: -3em;
						position: absolute;
						top: 0;
						width: calc(100vw + 3em);
					}
				#contact > .inner > .split > :first-child:before {
					display: none;
				}
		@media screen and (max-width: 980px) {

			#contact > .inner {
				display: block;
			}
				#contact > .inner > :nth-child(2n - 1) {
					padding: 4em 0 2em 0 ;
					border-right: 0;
					width: 100%;
				}
				#contact > .inner > :nth-child(2n) {
					padding-left: 0;
					width: 100%;
				}
				#contact > .inner > .split > * {
					padding: 3em 0 1em 0 ;
				}
				#contact > .inner > .split > :first-child:before {
					display: block;
				}
		}
		@media screen and (max-width: 736px) {

			#contact > .inner > :nth-child(2n - 1) {
				padding: 3em 0 1em 0 ;
			}
		}
	#contact_icons {
		border-bottom: solid 1px rgba(212, 212, 255, 0.1);
		overflow-x: hidden;
	}
		#contact_icons > .inner {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			padding: 0 !important;
		}
	.contact_box {
		width: 33%;
		padding: 2em 1em 0 2em;
		border-right: solid 1px rgba(212, 212, 255, 0.1);
		float: left;
	}
	.contact_box2 {
		width: 33%;
		padding: 2em 1em 0 2em;
		float: left;
	}
	.contact_icon {
		margin: 0 0 2em 0;
		padding-left: 3.25em ;
		position: relative;
		background-color:none;
	}
		.contact_icon .icon {
			left: 0;
			position: absolute;
			top: 0;
		}
		.contact_icon h3 {
			margin: 0 0 0.5em 0;
		}
	@media screen and (max-width: 736px) {
		.contact_box {
			width: 100%;
			padding: 2em 0 0 2em;
			border-right: solid 1px rgba(212, 212, 255, 0.1);
		float: left;
		}
		.contact_box2 {
			width: 100%;
			padding: 2em 0 0 2em;
		float: left;
		}
		.contact_icon {
		margin: 0 0 2em 0;
		padding-left: 3.25em ;
		position: relative;
		background-color:none;
		}
		.contact_icon .icon {
			left: 0;
			position: absolute;
			top: 0;
		}
		.contact_icon h3 {
			margin: 0 0 0.5em 0;
		}
	}

/* Footer copyrights */

	.copyright {
		font-size: 0.8em;
		list-style: none;
		padding-left: 0;
	}
		.copyright li {
			border-left: solid 1px rgba(0, 71, 102, 0.5);
			color: rgba(0, 71, 102, 0.6);
			display: inline-block;
			line-height: 1;
			margin-left: 1em;
			padding-left: 1em;
		}
			.copyright li:first-child {
				border-left: 0;
				margin-left: 0;
				padding-left: 0;
			}
	.footer2 {
				display: none;
	}
	@media screen and (max-width: 980px) {
		.copyright li {
			display: block;
			border-left: 0;
			margin-left: 0;
			padding-left: 0;
			line-height: inherit;
		}
		.footer2 {
			display: block;
			background: #ffffff;
		}
	}
	#footer a { border-bottom: none; }

/* Bottom menu */

	body {
		padding: 0 0 3em 0;
	}
	#bottom {
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		-moz-transition: -moz-transform 1s ease;
		-webkit-transition: -webkit-transform 1s ease;
		-ms-transition: -ms-transform 1s ease;
		transition: transform 1s ease;
		-moz-user-select: none;
		-ms-user-select: none;
		-webkit-user-select: none;
		background: #ffffff;
		bottom: -1em;
		height: 4em;
		left: 0;
		line-height: 3em;
		padding: 0 1.5em;
		position: fixed;
		user-select: none;
		width: 100%;
		z-index: 10002;
		border-top: solid 1px rgba(0, 0, 0, 0.2);
	}
		body.is-preload #bottom {
			-moz-transform: translateY(4em);
			-webkit-transform: translateY(4em);
			-ms-transform: translateY(4em);
			transform: translateY(4em);
		}
		#bottom nav {
			position: absolute;
			right: 0;
			top: 0;
		}
			#bottom nav > ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
				#bottom nav > ul > li {
					display: inline-block;
					padding: 0;
				}
					#bottom nav > ul > li a {
						-moz-transition: background-color 0.5s ease;
						-webkit-transition: background-color 0.5s ease;
						-ms-transition: background-color 0.5s ease;
						transition: background-color 0.5s ease;
						border: 0;
						color: #404040;
						display: inline-block;
						padding: 0 1.65em;
						text-transform: uppercase;
						font-weight: 600;
						height: 3.8em;
						left: 0;
						letter-spacing: 0.25em;
						line-height: 3.8em;
						font-size: 0.8em;
					}
						#bottom nav > ul > li a:hover {
							color: #009ee0 !important;
							background-color: none;
						}
						#bottom nav > ul > li a.active {
							background-color: none;
						}						
						#bottom nav > ul > li a.produkty {
							background-color: #fff200; /* 2987a7 */
						}						
						#bottom nav > ul > li a.produkty:hover {
							color: #494400 !important;
							background-color: #009ee0; /* 6fc3df */
						}
	@media screen and (max-width: 980px) {

		#bottom {
			display: none;
		}
	}
	
/* ANIMATIONS */

		.param { visibility: hidden; animation-name: showup; animation-duration: 1.5s; animation-fill-mode: forwards; }
		.param2 { animation-delay: 0.2s; }
		.param3 { animation-delay: 0.4s; }
		.param4 { animation-delay: 0.6s; }
		.param5 { animation-delay: 0.8s; }
		.param6 { animation-delay: 1s; }
		@keyframes showup {
		  from { opacity: 0; visibility: hidden }
		  to { opacity: 1; visibility: visible }
		}
		/*.flying_letters .letter { display: inline-block; }   <-- z głównej */
        .flying_letters { font-weight: 200; text-transform: uppercase; letter-spacing: 0.5em; }
		.flying_letters .letter { display: inline-block; line-height: 1em; }


/* PANEL - BOTTOM-MENU */

	.panel {
		padding: 0em 4em 0em 4em ;
		-moz-transform: translateY(100vh);
		-webkit-transform: translateY(100vh);
		-ms-transform: translateY(100vh);
		transform: translateY(100vh);
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		-webkit-overflow-scrolling: touch;
		background: rgba(200, 200, 200, 0.7);
		border-top: solid 1px rgba(0, 0, 0, 0.2);
		bottom: 3em;
		left: 0;
		max-height: calc(80vh - 4em);
		min-height: 24em;
		overflow-y: auto;
		position: fixed;
		width: 100%;
		z-index: 10001;
	}
		.panel.active {
			-moz-transform: translateY(1px);
			-webkit-transform: translateY(1px);
			-ms-transform: translateY(1px);
			transform: translateY(1px);
		}
		.panel > .inner2 {
			margin: 0 auto;
			max-width: 100%;
			width: 75em;
		}
		.panel > .closer {
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			background-image: url("images/close.svg");
			background-position: center;
			background-repeat: no-repeat;
			background-size: 1em;
			cursor: pointer;
			height: 5em;
			opacity: 1;
			position: absolute;
			right: 0;
			top: 0;
			width: 5em;
			z-index: 2;
		}
			.panel > .closer:hover { opacity: 0.25; }
	.panelmenu {
		max-height: calc(80vh - 4em);
		min-height: 26em;
	}	
	.panelbox {
		/*background-color: #ffffff;*/
	}
		@media screen and (max-width: 1280px) {
			.panel { padding: 0 3em 0 3em ; height: calc(83vh - 4em); min-height: 39em; }
			.panelmenu,.panellist { min-height: 25em; }	
				.panel > .closer { background-size: 1em; background-position: center; }
		}
		@media screen and (max-width: 736px) {
			.panel { display: none; }
		}
	
	.s1 { display: block; float: left; background: #00AEEF; width: 10%; height: 15% }
	.s2 { display: block; float: left; background: #EC008C; width: 10%; height: 15% }
	.s3 { display: block; float: left; background: #FFF200; width: 10%; height: 15% }
	.s4 { display: block; float: left; background: #231F20; width: 10%; height: 15% }
	.s5 { display: block; float: left; background: rgba(0, 0, 0, 0.0); width: 100%; height: 40% }
	.section {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		display: block;
		width: 90%;
		height: 15%;
		margin: 0 auto;
		text-align: left;
		border: 0;
		border-radius: 0;
		color: #404040;
		background: rgba(0, 0, 0, 0.0);
		cursor: pointer;
		font-size: 0.8em;
		font-weight: 300;
		line-height: 3.5em;
		padding: 0 1.75em;
		text-decoration: none;
		white-space: nowrap;
		letter-spacing: 0.25em;
		text-transform: uppercase;
	}
		.section:active {
			background-color: #f2f2f2;
		}
		.section.icon:before {
			margin-right: 0.5em;
		}
		.section.fit {
			width: 100%;
		}
		.section.small {
			font-size: 0.6em;
		}

		.section.large {
			font-size: 1.25em;
			height: 3em;
			line-height: 3em;
		}
		.section.checked {
			background-color: #f2f2f2;
		}
			.section.checked:active {
				background-color: #f2f2f2;
			}

	.panellist {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		min-height: 22em;
		max-height: calc(70vh - 4em);
		padding: 2em 0 1em 0;
	}
	.panellist > .item {
		width: calc(50% - 1em);
		height: 2em;
		font-size: 0.9em;
		white-space: nowrap;
	}

/* Tiles produkty - menu */

.innertiles {
				padding: 2.5em 0 2.5em 0 ;
				margin: 0 auto;
				width: calc(100% - 6em);
			}

.tiles_products_menu {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin: -2.5em 0 0 -2.5em;
}
.tiles_products_menu article {
    -moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease, background-color 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease, background-color 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease, background-color 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease, background-color 0.5s ease;
    position: relative;
    margin: 2.5em 0 0 2.5em;
	background: #404040;
}
.tiles_products_menu article:hover {
    -moz-transition: background-color 0.5s ease, opacity 0.5s ease;
    -webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
    -ms-transition: background-color 0.5s ease, opacity 0.5s ease;
    transition: background-color 0.5s ease, opacity 0.5s ease;
    background: #404040;
}
.tiles_products_menu article.completelist {
    width: calc(14.28571% - 2.5em);
    margin: 2.5em 0 0 2.5em;
    font-size: 0.4em;
}
.tiles_products_menu article > .image {
    -moz-transition: -moz-transform 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease;
    transition: transform 0.5s ease;
    position: relative;
    display: block;
    width: 100%;
	padding: 0.2em 0.2em 5.5em 0.2em;
    overflow: hidden;
}
.tileskalendarze article > .image {
	padding: 0.2em 0.2em 7.4em 0.2em;
}
.tiles_products_menu article > .image img {
    display: block;
    width: 100%;
}
.tiles_products_menu article > .image:before {
    pointer-events: none;
    -moz-transition: background-color 0.5s ease, opacity 0.5s ease;
    -webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
    -ms-transition: background-color 0.5s ease, opacity 0.5s ease;
    transition: background-color 0.5s ease, opacity 0.5s ease;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 1;
}
.tiles_products_menu article > .image:after {
    pointer-events: none;
    -moz-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 0.25;
    z-index: 2;
}
.tiles_products_menu article > a {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -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;
    -moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
    -webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
    -ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
    transition: background-color 0.5s ease, transform 0.5s ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10.5em 1em 0 1em;
    border-bottom: 0;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    z-index: 3;
}
.tiles_products_menu article.completelist > a h2 {
    -moz-transition: opacity 0.4s ease-in-out, color 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out, color 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out, color 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, color 0.4s ease-in-out;
    opacity: 1;
	color: #ffffff;
}
.tiles_products_menu article > a > :last-child { margin: 0; }
.tiles_products_menu article > a h2 { margin: 0; }

.tiles_products_menu article:nth-child(6n - 5) > .image:before { background-color: #6fc3df; }
.tiles_products_menu article:nth-child(6n - 4) > .image:before { background-color: #8d82c4; }
.tiles_products_menu article:nth-child(6n - 3) > .image:before { background-color: #ec8d81; }
.tiles_products_menu article:nth-child(6n - 2) > .image:before { background-color: #c75b9b; }
.tiles_products_menu article:nth-child(6n - 1) > .image:before { background-color: #8ea9e8; }
.tiles_products_menu article:nth-child(6n) > .image:before { background-color: #87c5a4; }

body:not(.is-touch) .tiles_products_menu article:nth-child(6n - 5):hover > .image:before { background-color: #6fc3df; opacity: 0.4;}
body:not(.is-touch) .tiles_products_menu article:nth-child(6n - 4):hover > .image:before { background-color: #8d82c4; opacity: 0.4;}
body:not(.is-touch) .tiles_products_menu article:nth-child(6n - 3):hover > .image:before { background-color: #ec8d81; opacity: 0.4;}
body:not(.is-touch) .tiles_products_menu article:nth-child(6n - 2):hover > .image:before { background-color: #c75b9b; opacity: 0.4;}
body:not(.is-touch) .tiles_products_menu article:nth-child(6n - 1):hover > .image:before { background-color: #8ea9e8; opacity: 0.4;}
body:not(.is-touch) .tiles_products_menu article:nth-child(6n):hover > .image:before { background-color: #87c5a4; opacity: 0.4;}

body:not(.is-touch) .tiles_products_menu article:hover > .image:after {
    opacity: 0.0;
}
* + .tiles_products_menu {
    margin-top: 2em;
}
body.is-preload .tiles_products_menu article {
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
}
@media screen and (max-width: 1480px) {
    .tiles_products_menu article > a { padding: 9.6em 1em 0 1em; }
}
@media screen and (max-width: 1380px) {
    .tiles_products_menu article > a { padding: 8.7em 1em 0 1em; }
}
@media screen and (max-width: 1280px) {
    .tiles_products_menu article.completelist { width: calc(16.66666% - 2.5em); }
    .tiles_products_menu article > a { padding: 12.5em 1em 0 1em; }
    .tiles_products_menu { margin: -1.25em 0 0 -1.25em; }
    .tiles_products_menu article { margin: 1.25em 0 0 1.25em; }
}
@media screen and (max-width: 1180px) {
    .tiles_products_menu article > a { padding: 11em 1em 0 1em; }
}
@media screen and (max-width: 1080px) {
    .tiles_products_menu article > a { padding: 9.5em 1em 0 1em; }
}
@media screen and (max-width: 980px) {
	.tiles_products_menu article.completelist { width: calc(25% - 2.5em); }
    .tiles_products_menu { margin: -2.5em 0 0 -2.5em; }
    .tiles_products_menu article { margin: 2.5em 0 0 2.5em; }
}
@media screen and (max-width: 736px) {
    .tiles_products_menu article.completelist {width: calc(33.33333% - 2.5em); font-size: 1em; }
    .tiles_products_menu { margin: -1.25em 0 0 -1.25em; }
    .tiles_products_menu article { margin: 1.25em 0 0 1.25em; }
    .tiles_products_menu article:hover > .image { -moz-transform: scale(1.0); -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); }
}
@media screen and (max-width: 480px) {
    .tiles_products_menu { margin: 0; }
    .tiles_products_menu article { margin: 1.25em 0 0 0; }
}


/* All Products Page */

	.allmenu {
		max-height: calc(70vh - 4em);
		min-height: 22em;
		position: fixed;
	}	
	.allbox {
		background-color: #ffffff;
		margin-left: 33vw;
	}
		@media screen and (max-width: 1280px) {
			.allmenu,.alllist { min-height: 25em; }
		}

	.alllist {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		min-height: 22em;
		padding: 2em 0 1em 0;
	}
	.alllist > .item {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition:all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		font-size: 0.9em;
	}
		.alllist > .item img {
			float: left;
			height: 4em;
			padding-right: 1em;
			padding-bottom: 1em;
		}
			.alllist > .item:hover {
				opacity: 0.7;
			}
		.item-ttl {
			float: left;
			height: 3em;
			padding-top: 0.65em;
		}
	.section2 {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		display: block;
		width: 22em;
		height: 3.5em;
		margin: 1.5em auto;
		text-align: right;
		border: 0;
		border-radius: 0;
		color: #ffffff;
		cursor: pointer;
		font-size: 0.8em;
		font-weight: 300;
		line-height: 3.5em;
		padding: 0 1.75em;
		text-decoration: none;
		white-space: nowrap;
		background-color: rgba(256, 256, 256, 0.1);
		box-shadow: inset 0 0 0 2px #ffffff;
		letter-spacing: 0.25em;
		text-transform: uppercase;
	}
		.section2:hover,
		.section2:active {
			box-shadow: inset 0 0 0 2px #9bf1ff;
			color: #9bf1ff;
			background: #2b88a7;
		}
		.section2:active {
			background-color: rgba(155, 241, 255, 0.1);
			box-shadow: inset 0 0 0 2px #53e3fb;
			color: #53e3fb;
		}
		.section2.icon:before {
			margin-right: 0.5em;
		}
		.section2.fit {
			width: 100%;
		}
		.section2.small {
			font-size: 0.6em;
		}

		.section2.large {
			font-size: 1.25em;
			height: 3em;
			line-height: 3em;
		}
		.section2.checked {
			background-color: #f49f53;
			box-shadow: none;
			color: #ffffff;
		}
			.section2.checked:hover,
			.section2.checked:active {
				box-shadow: inset 0 0 0 2px #9bf1ff;
				color: #9bf1ff;
				background: #f49f53;
			}
			.section2.checked:active {
				background-color: #53e3fb;
			}
	.allbox > #triangle {
		position: fixed;
		margin-top: 1.6em;
	}
		#scope2 > #triangle {
		margin-top: 5.6em;
		}
		#scope3 > #triangle {
		margin-top: 9.6em;
		}
		#scope4 > #triangle {
		margin-top: 13.6em;
		}
	@media screen and (max-width: 1280px) {
			#triangle {
				margin-left: -2.5em;
			}
	}
	#products-full-page { display: block; }
	@media screen and (max-width: 980px) {
			#products-full-page { display: none; }
	}
	#products-mobile-page { display: none; }
	@media screen and (max-width: 980px) {
			#products-mobile-page { display: block; margin-top: -3em; }
	}
	.allbox-m {
		background-color: #ffffff;
		margin: 0 auto;
	}
	.alllist-m {
		padding: 2em 0 1em 0;
		font-size: 0.9em; 
	}
	.item1 { float: left; width: 18%; height: 4em; }
	.item1 img { 
			height: 4em;
			padding-right: 0.7em;
			padding-bottom: 1em; 
			}
	.item2 { float: left; width: 82%; height: 4em; padding-top: 0.65em; }
	@media screen and (max-width: 480px) {
			.item1 { width: 30%; }
			.item2 { width: 70%; }
	}
	
/*  All Products Page version 2  */	

	.product-card {
		-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
		transition: transform 0.5s ease, opacity 0.5s ease;
		float: left;
		margin-right: 1em;
		margin-bottom: 1em;
		background-color: #ffffff;
		width: calc(20% - 1em);
		height: 11em;
		padding: 1em;
		font-size: 1em;
		letter-spacing: 0.05em;
		text-transform: uppercase;
	}
		.product-card img {
			-moz-transition: -moz-transform 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease;
			transition: transform 0.5s ease;
			width: 100%;
			height: auto;
			overflow: hidden;
		}
				.product-card > .image:before {
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}
				.product-card > .image:after {
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.25;
					z-index: 2;
				}
	
	
/* Tiles - wzorniki */

	.tiles_produkty {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		position: relative;
		margin: -2.5em 0 0 -2.5em;
	}
		.tiles_produkty article {
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			position: relative;
			width: calc(33.33333% - 2.5em);
			margin: 2.5em 0 0 2.5em;
		}
			@media screen and (max-width: 1280px) {
				.tiles_produkty article.completelist {
					width: calc(25% - 2.5em);
				}
			}
			@media screen and (max-width: 980px) {
				.tiles_produkty article.completelist {
					width: calc(33.33333% - 2.5em);
				}
			}
			@media screen and (max-width: 728px) {
				.tiles_produkty article.completelist {
					width: calc(50% - 2.5em);
					font-size: 1em;
				}
			}
			@media screen and (max-width: 480px) {
				.tiles_produkty article.completelist {
					width: 100%;
				}
			}
			.tiles_produkty article > .image {
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				position: relative;
				display: block;
				width: 100%;
				overflow: hidden;
			}
				.tiles_produkty article > .image img {
					display: block;
					width: 100%;
				}
				.tiles_produkty article > .image:before {
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 0.8;
					z-index: 1;
				}
				.tiles_produkty article > .image:after {
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.25;
					z-index: 2;
				}
			.tiles_produkty article > a {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-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;
				-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
				transition: background-color 0.5s ease, transform 0.5s ease;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				padding: 1em;
				border-radius: 4px;
				border-bottom: 0;
				color: red !important;
				text-align: center;
				text-decoration: none;
				z-index: 3;
			}
			.tiles_produkty article.completelist > a h2 {
				-moz-transition: opacity 0.4s ease-in-out, color 0.4s ease-in-out;
				-webkit-transition: opacity 0.4s ease-in-out, color 0.4s ease-in-out;
				-ms-transition: opacity 0.4s ease-in-out, color 0.4s ease-in-out;
				transition: opacity 0.4s ease-in-out, color 0.4s ease-in-out;
				opacity: 1;
			}
			.tiles_produkty article.completelist > a:hover h2 {
				-moz-transition: opacity 0.4s ease-in-out, color 0.4s ease-in-out;
				-webkit-transition: opacity 0.4s ease-in-out, color 0.4s ease-in-out;
				-ms-transition: opacity 0.4s ease-in-out, color 0.4s ease-in-out;
				transition: opacity 0.4s ease-in-out, color 0.4s ease-in-out;
				opacity: 0.7;
				color: #404040;
			}
				.tiles_produkty article > a > :last-child { margin: 0; }
				.tiles_produkty article > a:hover { color: #404040 !important; }
				.tiles_produkty article > a h2 { margin: 0; }
				.tiles_produkty article > a .content {
					-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0.35em;
					opacity: 0;
				}
					.tiles_produkty article > a .content > :last-child { margin-bottom: 0; }
			.tiles_produkty article:nth-child(6n - 5) > .image:before { background-color: #6fc3df; }
			.tiles_produkty article:nth-child(6n - 4) > .image:before { background-color: #8d82c4; }
			.tiles_produkty article:nth-child(6n - 3) > .image:before { background-color: #ec8d81; }
			.tiles_produkty article:nth-child(6n - 2) > .image:before { background-color: #c75b9b; }
			.tiles_produkty article:nth-child(6n - 1) > .image:before { background-color: #8ea9e8; }
			.tiles_produkty article:nth-child(6n) > .image:before { background-color: #87c5a4; }
			body:not(.is-touch) .tiles_produkty article:hover > .image {
				-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);
			}
			
			
				body:not(.is-touch) .tiles_produkty article:hover > .image:before {
					background-color: #00dbff;
					opacity: 0.35;
				}
				body:not(.is-touch) .tiles_produkty article:hover > .image:after {
					opacity: 0;
				}
			body:not(.is-touch) .tiles_produkty article:hover .content {
				max-height: 15em;
				opacity: 1;
			}
		* + .tiles_produkty {
			margin-top: 2em;
		}
		body.is-preload .tiles_produkty article {
			-moz-transform: scale(0.9);
			-webkit-transform: scale(0.9);
			-ms-transform: scale(0.9);
			transform: scale(0.9);
			opacity: 0;
		}
		body.is-touch .tiles_produkty article .content {
			max-height: 15em;
			opacity: 1;
		}
		@media screen and (max-width: 1280px) {
			.tiles_produkty { margin: -1.25em 0 0 -1.25em; }
			.tiles_produkty article { width: calc(33.33333% - 1.25em); margin: 1.25em 0 0 1.25em; }
		}
		@media screen and (max-width: 980px) {
			.tiles_produkty { margin: -2.5em 0 0 -2.5em; }
			.tiles_produkty article { width: calc(50% - 2.5em); margin: 2.5em 0 0 2.5em; }
		}
		@media screen and (max-width: 736px) {
			.tiles_produkty { margin: -1.25em 0 0 -1.25em; }
			.tiles_produkty article { width: calc(50% - 1.25em); margin: 1.25em 0 0 1.25em; }
			.tiles_produkty article:hover > .image { -moz-transform: scale(1.0); -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); }
		}
		@media screen and (max-width: 480px) {
			.tiles_produkty { margin: 0; }
			.tiles_produkty article { width: 100%; margin: 1.25em 0 0 0; }
		}

/* FANCYBOX */
body.compensate-for-scrollbar{overflow:hidden}
.fancybox-active{height:auto}
.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}
.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}
.fancybox-container *{box-sizing:border-box}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}
.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}
.fancybox-bg{background:#ffffff;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}
.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.36,.41,.67,1)}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}
.fancybox-infobar{color:#9bf1ff;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.fancybox-toolbar{right:0;top:0}
.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}
.fancybox-is-open .fancybox-stage{overflow:hidden}
.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}
.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,.fancybox-slide--next,
.fancybox-slide--previous{display:block}
.fancybox-slide--image{overflow:hidden;padding:44px 0}
.fancybox-slide--image:before{display:none}
.fancybox-slide--html{padding:6px}
.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}
.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}
.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}
.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}
.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}
.fancybox-is-grabbing .fancybox-content{cursor:grabbing}
.fancybox-container [data-selectable=true]{cursor:text}
.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}
.fancybox-spaceball{z-index:1}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}
.fancybox-slide--video .fancybox-content{background:#000}
.fancybox-slide--map .fancybox-content{background:#e5e3df}
.fancybox-slide--iframe .fancybox-content{background:#fff}
.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}
.fancybox-iframe{left:0;position:absolute;top:0}
.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}
.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}
.fancybox-button{background:rgba(36,41,67,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}
.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}
.fancybox-button:hover{color:#9bf1ff}
.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}
.fancybox-button div{height:100%}
.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}
.fancybox-button svg path{fill:currentColor;stroke-width:0}
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2){display:none}
.fancybox-progress{background:#37a6cb;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}
.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}
.fancybox-close-small:hover{color:#fff;opacity:1}
.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}
.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}
.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:100px}
.fancybox-navigation .fancybox-button div{padding:7px}
.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:22px 16px 16px 6px}
.fancybox-navigation .fancybox-button--arrow_right{padding:22px 6px 16px 16px;right:0;right:env(safe-area-inset-right)}
.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}
.fancybox-caption--separate{margin-top:-50px}
.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited{color:#ccc;text-decoration:none}
.fancybox-caption a:hover{color:#fff;text-decoration:underline}
.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}
.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}
.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}
.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}
.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}
.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}
.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}
.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}
.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}
.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}
.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}
.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}
.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}
.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}
.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}
.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}
.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}
.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){
	.fancybox-slide{padding-left:6px;padding-right:6px}
.fancybox-slide--image{padding:6px 0}
.fancybox-close-small{right:-6px}
.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}
.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}
.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}
.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}
.fancybox-share p{margin:0;padding:0}
.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}
.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}
.fancybox-share__button:hover{text-decoration:none}
.fancybox-share__button--fb{background:#3b5998}
.fancybox-share__button--fb:hover{background:#344e86}
.fancybox-share__button--pt{background:#bd081d}
.fancybox-share__button--pt:hover{background:#aa0719}
.fancybox-share__button--tw{background:#1da1f2}
.fancybox-share__button--tw:hover{background:#0d95e8}
.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}
.fancybox-share__button svg path{fill:#fff}
.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}
.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}
.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}
.fancybox-show-thumbs .fancybox-thumbs{display:block}
.fancybox-show-thumbs .fancybox-inner{right:212px}
.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}
.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}
.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}
.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}
.fancybox-thumbs__list a:focus:before{opacity:.5}
.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){
	.fancybox-thumbs{width:110px}
	.fancybox-show-thumbs .fancybox-inner{right:110px}
	.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}