/* === Import styles === */


/* === Base styles === */

	*, *:before, *:after { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }

	html, body { height: 100%; min-height: 100%; }

	[class*="btn"],
	[class*="btn"] span,
	.anim { transition: all 0.15s ease-out; }
	.animall * { transition: all 0.15s ease-out; }
	.disanim { transition: none; }
	.disanimall * { transition: none; }

	audio, canvas, iframe, img, svg, video { vertical-align: middle; }
	fieldset { border: 0; margin: 0; padding: 0; }
	textarea { resize: vertical; }

/* === Headings & Texts === */

/*
	::-moz-selection { color: white; background-color: rgba(227, 6, 19, .998); }
	::selection { color: white; background-color: rgba(227, 6, 19, .998); }
*/
	h1, h2, h3, h4, h5, h6 { font-family: 'Kanit', sans-serif; font-weight: 500; padding: 0; margin: 0 0 1.5rem 0; color: rgba(227, 6, 19, 1); line-height: 1.3em; }
	h1 { font-size: 2.25em; }
	h2 { font-size: 2em; }
	h3 { font-size: 1.75em; }
	h4 { font-size: 1.5em; }
	h5 { font-size: 1.25em; }
	h6 { font-size: 1em; }

	h1 a, h2 a, h3 a, h4 a, h5 a , h6 a { color: currentColor; text-decoration: underline; }
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { }

	p { margin: 0 0 1.5em 0; padding: 0; line-height: 1.5em; }

	a { text-decoration: underline; color: rgba(227, 6, 19, 1); }
	a:hover, a:focus { color: rgba(227, 6, 19, 1); }
	a img { -webkit-text-decoration: ; text-decoration: ; border: ; }

	dl { line-height: 1.6em; }
	dl dt { font-weight: 600; }
	dl dd { margin-bottom: 1em; padding-left: 1em; }

	dl.defhoriz dd { padding-left: 0; }

	hr { margin: 2rem 0; border-width: 0; border-top: 1px solid rgba(200, 200, 200, 1); clear: both; float: none; }

	b, strong, .bold { font-weight: bold; }
	big, .big { font-size: 1.25em; }
	.xbig { font-size: 1.5em; }
	small, .small { font-size: .75em; }
	.xsmall { font-size: .5em; }

	.upper { text-transform: uppercase; }

	article center img,
	article img.fl-center,
	article img.fl-right,
	article img.fl-left,
	article img[align="left"],
	article img[align="right"] { margin: 1em auto; display: block; float: none; }

	article img.fl-center,
	article center img { margin: 1em auto; }

	article * { max-width: 100%; }


	blockquote { padding: 1rem 1.5rem; margin: 0 0 1rem 0; border-left: 0.3rem solid rgba(230, 230, 230, 1); }
	blockquote p { margin-bottom: .5rem; line-height: 1.5em; }
	blockquote small { color: rgba(150, 150, 150, 1); }
	blockquote.alignright { border-left: none; border-right: 0.3rem solid rgba(230, 230, 230, 1); }

/* === Lists === */

	ul, ol { padding: 0 0 1.5rem 1.5rem; margin: 0; line-height: 1.5em; }

	ul { list-style: none; }
	ul li:before { content: "\f111"; font-family: "FontAwesome"; font-size: .5em; position: absolute; top: 0; left: -2.5em; color: rgba(227, 6, 19, 1); }
	ul ul li:before { content: "\f10c";}

	ul ul, ol ol, ol ul, ul ol { padding-top: .7em; padding-bottom: .3em; }
	ul li, ol li { padding-bottom: .7rem; position: relative; }

	ol ol { list-style-type: upper-roman; }
	li:last-of-type { padding-bottom: 0; }

	.unstyllist,
	.unstyllist ul,
	.unstyllist ol,
	.unstyllist li,
	.unstyllist li { list-style: none; padding: 0; margin: 0; line-height: 1.6em; }
	.unstyllist li:before { display: none; }

	.inlilist,
	.inlilist ul,
	.inlilist ol,
	.inlilist li,
	.inlilist li { list-style: none; padding: 0; margin: 0; line-height: 1.6em; display: inline-block;}
	.inlilist li:before { display: none; }

/* === Tables === */

	.tabwrap { max-width: 100%; overflow: auto; margin-bottom: 1.5em; }
	.tabstripes tr:nth-child(odd) td { background: rgba(245, 245, 245, 1); }
	.tabrowhover tr:hover td { background: rgba(235, 235, 235, 1); }
	.tabcelhover td:hover { background: rgba(235, 235, 235, 1); }

	.tabbordered { border-width: 1px; border-style: solid; }
	.tabbordered td,
	.tabbordered th { border-right-width: 1px; border-right-style: solid; }
	.tabbordered td:last-of-type,
	.tabbordered th:last-of-type { border-right: none; }

	table.tabstyle, table.tabstyle td, table.tabstyle th { border-color: rgba(220, 220, 220, 1); }

	.tabstyle th, .tabstyle td { padding: .7em 1em; border-top-width: 1px; border-bottom-width: 1px; border-bottom-style: solid; }
	.tabstyle tr:last-of-type td { border-bottom: none; }
	.tabstyle th { text-align: left; font-weight: 600; border-top-width: 0px solid; }
	.tabstyle tfoot td { border-bottom: none; background: rgba(255, 255, 255, 1) !important; border-top: 2px solid rgba(220, 220, 220, 1); }

	table.tabstyle td img { max-width: none; }

	.tabcondensed td, .tabcondensed th { padding: .4em .7em; }

	.tabhlhead th,
	.tabhlfoot tfoot td,
	.tabhlfirstcol td:first-of-type { border-color: rgba(245, 245, 245, 1); background-color: rgba(180, 180, 180, 1) !important; color: white; }

	@media only screen and (max-width: 900px) {
		.respotab table, .respotab thead, .respotab tfoot, .respotab tbody, .respotab th, .respotab td, .respotab tr { display: block; }
		.respotab table { border-top: 2px solid rgba(220, 220, 220, 1); }
		.respotab tr { border-bottom: 2px solid rgba(220, 220, 220, 1); }

		.respotab td { border: none; border-bottom: 1px solid rgba(220, 220, 220, 1) !important; position: relative; apadding-left: 35%; white-space: normal; text-align:left; }
		.respotab td:before { position: absolute; top: 0; left: 0; bottom: 0; padding: .7em 1em; width: 30%; white-space: nowrap; text-align:left; font-weight: bold; }
		.respotab td:before { content: attr(data-title); }

		.respotab .tabhlfirstcol td:first-of-type { background-color: transparent !important; color: currentColor; }

		.respotab .tabcondensed td:before { padding: .4em 1em; }
		.respotab .tabhlhead td:before { color: white; background: rgba(180, 180, 180, 1); }

		.respotab .tabrowhover tr:hover td { background: transparent; }
		.respotab .tabrowhover tr td:hover { background: rgba(235, 235, 235, 1); }

		.respotab thead, .respotab tfoot { position: absolute; top: -9999px; left: -9999px; }
	}

/* ==== Form elements === */

		.simpleselect { background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 32 32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1.34 10.8 14.66 12.4 14.66-12.4' fill='none' stroke='lightgray' stroke-miterlimit='10' stroke-width='3'/%3E%3C/svg%3E"); background-size: auto 50%; background-position: center right 0.75em; }

	.ms-choice,
	textarea,
	input[type="text"],
	input[type="search"],
	input[type="password"],
	select { display: inline-block; vertical-align: middle; appearance: none; -webkit-appearance: none; -moz-appearance: none; line-height: 2.5em; height: 2.5em; padding: 0 .9em; text-indent: 0.01px; text-overflow: ""; box-sizing: border-box !important; width: 100%; max-width: 100%; }

	.ms-choice,
	textarea,
	input[type="text"],
	input[type="search"],
	input[type="password"],
	select { border: 1px solid #ccc; }

	.ms-choice:disabled, textarea:disabled, input[type="text"]:disabled, input[type="search"]:disabled, input[type="password"]:disabled, [class*="btn"]:disabled, [class*="btn"].disabled, select:disabled { opacity: .6; cursor: no-drop; }

	input:focus, .ms-parent:focus, select:focus, textarea:focus, .ms-parent *:focus { outline: none; border-color: rgba(111, 171, 232, 1); box-shadow: 0 0 2px 0 rgba(111, 171, 232, 1); }

	[class*="btn"] { display: inline-block; width: auto; background-color: transparent; border-color: transparent; text-decoration: none; cursor: pointer; border: none; position: relative; height: auto; line-height: 1.3em; padding: 0.625em 1em; }
	[class*="btn"]:hover { text-decoration: none; opacity: .6; }
	[class*="btn-"][class*="-ghost"] { background-color: transparent; border: solid currentColor .1em; padding: calc(0.625em - .1em) calc(1em - .1em); }
	[class*="btn-"][class*="-ghost"]:hover { border-color: transparent; opacity: 1; }

	[class*="btn"]:disabled, [class*="btn"].disabled { background-color: #999; opacity: 1; }
	[class*="btn"][class*="-ghost"]:disabled, [class*="btn"][class*="-ghost"].disabled { border-color: #999; color: #999; background-color: transparent; opacity: 1; }

	[class*="btn-"][class*="-line"] span { content: ""; display: block; position: absolute; bottom: .4em; left: .75em; right: .75em; height: .075em; background-color: currentColor; }
	[class*="btn-"][class*="-line"]:hover span { left: .25em; right: .25em; }

	[class*="btn-"][class*="-line"].disabled, [class*="btn-"][class*="-min"].disabled { background-color: transparent; color: #999 !important; }
	[class*="btn-"][class*="-line"].disabled:hover span { left: .75em; right: .75em; }

	[class*="-round"] { border-radius: .3em; }
	[class*="-circ"] { border-radius: 1.3em; }

	input.error, select.error, select.error ~ .ms-parent button { border-color: rgba(231, 76, 60, 1) !important; }
	.radcheck input.error ~ label { color: rgba(231, 76, 60, 1) !important; }

	.matstyle { margin-top: .5em; margin-bottom: .5em; position: relative; }

	.matstyle select { border-radius: 0; background: transparent; padding-right: 2em; }
	.matstyle.selector:after { display: block; content: "\f107"; font-family: "FontAwesome"; position: absolute; right: 0; top: 0; text-align: center; height: 1.7em; width: 1.4em; line-height: 1.7em; font-size: 1.4em; z-index: -1; }

	.matstyle input[type="text"],
	.matstyle input[type="search"],
	.matstyle input[type="password"],
	.matstyle textarea:not([readonly]),
	.matstyle select { border: none; border-bottom: .1em solid #999; position: relative; }

	.matstyle input[type="text"] ~ label,
	.matstyle input[type="search"] ~ label,
	.matstyle input[type="password"] ~ label,
	.matstyle textarea:not([readonly]) ~ label { color: #999; font-weight: normal; position: absolute; pointer-events: none; left: .9em; top: .6em; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; }

	.matstyle input[type="text"]:focus,
	.matstyle input[type="search"]:focus,
	.matstyle input[type="password"]:focus,
	.matstyle textarea:not([readonly]):focus,
	.matstyle select:focus { outline: none; box-shadow: none; }

	.matstyle input[type="text"]:focus ~ label,
	.matstyle input[type="search"]:focus ~ label,
	.matstyle input[type="password"]:focus ~ label,
	.matstyle input[type="text"]:valid ~ label,
	.matstyle input[type="search"]:valid ~ label,
	.matstyle input[type="password"]:valid ~ label,
	.matstyle textarea:not([readonly]) ~ label { top: -1em; left: 1.3em; font-size: .7em; }

	.matstyle .fline { height: .1em; position: absolute; bottom: 0; left: 50%; right: 50%; z-index: 1; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; }

	.matstyle input[type="text"]:focus ~ .fline,
	.matstyle input[type="search"]:focus ~ .fline,
	.matstyle input[type="password"]:focus ~ .fline,
	.matstyle input[type="text"]:valid ~ .fline,
	.matstyle input[type="search"]:valid ~ .fline,
	.matstyle input[type="password"]:valid ~ .fline,
	.matstyle textarea:not([readonly]):focus ~ .fline,
	.matstyle select:focus ~ .fline { left: 0; right: 0; }

	textarea { height: 8em; line-height: 1.7em; padding-top: .5em; padding-bottom: .5em; }
	label { cursor: pointer; }

	/* Radio Check */
	.radcheck { display: inline-block; position: relative; line-height: 1.3em; }
	.radcheck input { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; }
	.radcheck label { padding-left: 1.5em; display: inline-block; }

	.radcheck input[type="radio"] + label:before,
	.radcheck input[type="checkbox"] + label:before { font-family: "FontAwesome"; display: inline-block; position: absolute; left: .2em; top: 0; }

	.radcheck input[type="radio"] + label:before { content: "\f10c"; }
	.radcheck input[type="checkbox"] + label:before { content: "\f096"; }

	.radcheck input[type="radio"]:focus + label:before,
	.radcheck input[type="checkbox"]:focus + label:before { text-shadow: 0px 0px 5px RGBA(111, 171, 232, 1); }

	.radcheck input[type="radio"]:checked + label:before { content: "\f192"; }
	.radcheck input[type="checkbox"]:checked + label:before { content: "\f046"; }

	/* Alerts */
	.alert-ko, .alert-ok, .alert-info { display: block; margin-bottom: 15px; padding: 10px; text-align: center; border: 1px solid; }
	.alert-ko { background: rgba(240, 197, 197, 1); border-color: rgba(202, 56, 56, 1); color: rgba(202, 56, 56, 1); }
	.alert-ok { background: rgba(192, 238, 170, 1); border-color: rgba(88, 192, 38, 1); color: rgba(88, 192, 38, 1); }
	.alert-info { background-color: rgba(254, 247, 234, 1); border-color: rgba(246, 184, 63, 1); color: rgba(246, 184, 63, 1); }

	/* Badges */
	[class*="badge"] { display: inline-block; padding: .4em; vertical-align: middle; border-radius: 99em; font-size: 0.75em; line-height: 1em; min-width: 1.761em; position: relative; margin-top: -0.45em; margin-bottom: -0.2em; }
	[class*="badge"][class*="-pab"] { display: block; position: absolute; margin-bottom: 0; }
	[class*="badge"][class*="-pab"][class*="-tr"] { top: -.4em; right: -.4em; }
	[class*="badge"][class*="-pab"][class*="-br"] { bottom: -.4em; right: -.4em; }
	[class*="badge"][class*="-pab"][class*="-tl"] { top: -.4em; left: -.4em; }
	[class*="badge"][class*="-pab"][class*="-bl"] { bottom: -.4em; left: -.4em; }

	/* Responsive media */
	[class*="mediawrapper-"] { position: relative; }
	[class*="mediawrapper-"][class*="-16by9"] { padding-bottom: 56.25%; }
	[class*="mediawrapper-"][class*="-3by2"] { padding-bottom: 66.7%; }
	[class*="mediawrapper-"][class*="-4by3"] { padding-bottom: 75%; }
	[class*="mediawrapper-"][class*="-1by1"] { padding-bottom: 100%; }
	[class*="mediawrapper-"] object,
	[class*="mediawrapper-"] iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

/* ==== Custom project styles === */
	body { background: white; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.1em; font-size: 100%; color: rgba(69, 69, 69, 1); position: relative; }

	/*
	a:focus, object:focus, embed:focus { outline: none; box-shadow: 0 0 1px 2px rgba(227, 6, 19, 1); }
	*/

	nav ul { list-style: none; padding: 0; margin: 0; line-height: 1.1em; }
	nav ul li { padding: 0; margin: 0; }
	nav ul li:before { display: none; }

	.primfont { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
	.altfont { font-family: 'Kanit', sans-serif; }
	.nodecor { text-decoration: none; }

	.inputwicon { position: relative; }
	.inputwicon input { padding-right: 2.5em; }
	.inputwicon svg { position: absolute; right: .3em; top: .3em; }

	/* -- COLORS -- */
		.b-color-00 { background-color: rgba(69, 69, 69, 1); }
		.b-color-01 { background-color: rgba(255, 255, 255, 1); }
		.b-color-02 { background-color: rgba(227, 6, 19, 1); }
		.b-color-03 { background-color: rgba(175, 175, 175, 1); }

		.t-color-00, a.t-color-00, .t-color-00 a, .t-color-00 *:not(input) { color: rgba(69, 69, 69, 1); }
		.t-color-01, a.t-color-01, .t-color-01 a, .t-color-01 *:not(input) { color: rgba(255, 255, 255, 1); }
		.t-color-02, a.t-color-02, .t-color-02 a, .t-color-02 *:not(input) { color: rgba(227, 6, 19, 1); }
		.t-color-03, a.t-color-03, .t-color-03 a, .t-color-03 *:not(input) { color: rgba(175, 175, 175, 1); }

		.s-color-00 { stroke: rgba(69, 69, 69, 1); }
		.s-color-01 { stroke: rgba(255, 255, 255, 1); }
		.s-color-02 { stroke: rgba(227, 6, 19, 1); }
		.s-color-03 { stroke: rgba(175, 175, 175, 1); }

		.f-color-00 { fill: rgba(69, 69, 69, 1); }
		.f-color-01 { fill: rgba(255, 255, 255, 1); }
		.f-color-02 { fill: rgba(227, 6, 19, 1); }
		.f-color-03 { fill: rgba(175, 175, 175, 1); }

	/* -- FLEX's -- */
		.flb-wrapp { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
		.flb-vertcent { -ms-flex-align: center; align-items: center; }
		[class*="flb-"] .grow { -ms-flex-positive: 2; flex-grow: 2; }

		/* FLEXCARDS */
			.flb-wrapp .flb-card { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
			.flb-wrapp .flb-card.flex-vertcent { -ms-flex-direction: row; flex-direction: row; }
			.flb-wrapp .flb-card .fc-image { background-size: cover; background-position: center; }
			.flb-wrapp .flb-card .fc-content { -ms-flex-positive: 2; flex-grow: 2; }

	/* -- HEADER -- */
		header { background: white; position: fixed; z-index: 10; width: 100%; top: 0; left: 0; padding: 1.5em; -webkit-box-shadow: 0 0 1.5em rgba(0, 0, 0, .16); box-shadow: 0 0 1.5em rgba(0, 0, 0, .16); }
		header .logo { width: 11em; float: left; margin: -0.55em 0; }
		header .logo svg .logotype { fill: rgba(227, 6, 19, 1); }
		header .logo svg .slogan { fill: rgba(0, 0, 0, 1); }
		header .burger,
		header .search { float: right; margin-left: 1.7em; cursor: pointer; }
		header .burger svg,
		header .search svg { stroke: rgba(69, 69, 69, 1); }
		header nav a { letter-spacing: .03em; color: rgba(69, 69, 69, 1); }
		header nav a:hover { color: rgba(69, 69, 69, 1); }

		header.glassy { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }
		header.glassy .logo svg * { fill: rgba(255, 255, 255, 1); }
		header.glassy .burger svg,
		header.glassy .search svg { stroke: rgba(255, 255, 255, 1); }
		header.glassy nav a { color: rgba(255, 255, 255, 1); }
		header.glassy nav a span:after { background-color: rgba(255, 255, 255, 1); }

		@media only screen and (min-width: 1101px) {
			header { padding: 2em; }
			header.scrolled { padding: 1.5em 2em; }
			header .burger { display: none; }
			header nav ul li { display: inline-block; }
			header nav ul li:first-of-type { padding-left: 0; }
			header nav a { display: block; line-height: 1.875em; text-decoration: none; padding: 0 .75em; }
			header nav { display: inherit; float: right; }

			header nav a span { padding: 1em 0 0 0; bottom: -0.75em; position: absolute; width: 100%; left: 0; opacity: 0; }
			header nav a span:after { content: ""; display: block; height: .2em; width: 100; background: rgba(227, 6, 19, 1); }
			header nav a:hover span,
			header nav a.active span { padding: 1em .85em 0 .85em; opacity: 1; }
		}

		@media only screen and (max-width: 1102px) {
			header nav { background-color: white; position: absolute; height: calc(100vh - 4.875em); width: 100vw; top: 4.875em; right: -100vw; overflow: hidden; opacity: .5; transition: opacity 150ms; }
			header nav { text-align: right; padding-right: 1.25em; }
			header nav ul { display: flex; flex-direction: column; height: 100%; }
			header nav ul li { flex-grow: 1; display: flex; align-items: center; justify-content: flex-end; }

			header nav ul li a { display: inline-block; font-size: 4vh; padding: 0 .33em; line-height: 1.5em; text-decoration: none; position: relative; }
			header nav ul li a.active span { display: block; position: absolute; left: .33em; right: .33em; bottom: -.5em; padding: .075em; background-color: rgba(227, 6, 19, 1); }

			header nav.monav { opacity: 1; right: 0; }
			header .burger svg line { transition: transform 150ms; transform-origin: center; }
			header .burger.close svg line:nth-child(1) { transform: translate(4px, 4px) rotate(-45deg); }
			header .burger.close svg line:nth-child(2) { transform: rotate(45deg); }
			header .burger.close svg line:nth-child(3) { transform: translateY(-6px); opacity: 0; }
		}

		@media only screen and (max-width: 399px) {
			header { padding: 1.5em; }
			header .logo { width: 9em; padding: 0.1006em 0; }
			header .burger svg,
			header .search svg { height: 1.55em; width: 1.55em; }

			header nav { top: 4.551em; height: calc(100vh - 9.102em); }
		}

		/* -- MAIN SLIDER -- */
			.mainslider {  }
			.mainslider .mainslide { height: calc(100vh - 18em); }
			.mainslider-cover { opacity: .6; z-index: 1; background-color: black; }
			.herotext { width: calc(100% - 8vw); max-width: 40em; position: absolute; bottom: 4vw; left: 4vw; right: 4vw; z-index: 1; }

			@media screen and (orientation:portrait) {
				.mainslider .mainslide { min-height: 500px; }
				.herotext { width: calc(100% - 8vh); bottom: 4vh; left: 4vh; right: 4vh; }
			}

			@media screen and (orientation:landscape) {
				.mainslider .mainslide { min-height: 320px; }
			}

			@media only screen and (min-width: 400px) {
			}
			@media only screen and (min-width: 900px) {
				.mainslider .mainslide { min-height: 700px; }
			}


	/* -- SHORTCUTS -- */
		.shortcuts { width: 100%; display: flex; flex-wrap: wrap; }
		.shortcuts div { position: relative; background-color: black; width: 100vw; height: 19vh; }
		.shortcuts div a.overlay { z-index: 1; color: white; }
		.shortcuts div span.abcenter { display: block; width: 80%; line-height: 1.2em; font-size: 1.4em; text-align: center; }
		.shortcuts div .sc-bg { background-size: cover; background-position: center; z-index: 0; opacity: 0.5; }
		.shortcuts div:hover .sc-bg { transform: scale(1.1); }

		@media only screen and (min-width: 400px) {
			.shortcuts div { width: 50%; }
			.shortcuts div > div { width: 100%; }
		}

		@media only screen and (min-width: 600px) {
			.shortcuts div span.abcenter { font-size: 1.7em; }
		}

		@media only screen and (min-width: 900px) {
			.shortcuts div { min-height: 150px; width: 25%; }
			.shortcuts div span.abcenter { font-size: 1.6em; }
		}

		@media only screen and (min-width: 1200px) {
			.shortcuts div { min-height: 180px; }
			.shortcuts div span.abcenter { font-size: 1.8em; }
		}

		@media only screen and (min-width: 1800px) {
			.shortcuts div span.abcenter { font-size: 2em; }
		}

	/* -- PRODUCTS -- */
		.productsearch { width: 12em; }

		.products:focus, .products *:focus { box-shadow: none; }
		.products { display: flex; flex-wrap: wrap; }

		.products > div { padding: 2.3em 1.8em; width: 100%; background-color: rgb(250,250,250); background-image: radial-gradient( circle at top, rgba(0,0,0,.01) 0%, rgba(0,0,0,.05) 66%, rgba(0,0,0,.12) 100%); transition: background-color 150ms; }
		.products > div:hover { background-color: rgb(255,255,255); }

		.products > div a { display: block; transition: transform 150ms; }
		.products > div:hover a { transform: scale(1.05); }

		.products img { width: 320px; max-width: 100%; display: block; margin: 0 auto;  }
		.products img:nth-child(2) { padding-top: .5em; }

		@media only screen and (min-width: 400px) {
			.products > div { width: 50%; }
		}

		@media only screen and (min-width: 900px) {
			.products > div { width: 25%; }
		}

		@media only screen and (min-width: 1800px) {
			.products > div { padding: 2.5em 2em;  }
		}

		.categ-list a.categ-item img { aborder-radius: 50%; }
		.categ-list a.categ-item { display: flex; gap: 1em; line-height: 1.5em; }

	/* -- PRODUCT -- */
		.prod-gall { width: 100%; display: grid; grid-template-columns: repeat(4, calc(25% - .57em)); grid-template-rows: repeat(auto); grid-gap: .75em; }
		.prod-gall a:nth-child(1) { grid-row: auto; grid-column: span 4; }

	/* -- ARTICLE LIST -- */
		.news { display: flex; flex-wrap: wrap; }
		.news .item { display: flex; flex-wrap: wrap; width: 100%; padding-bottom: 2em; }
		.news .item .itemimage { width: 100%; }
		.news .item .itemimage a { display: block; }
		.news .item .itemimage img { max-width: 100%; padding-bottom: 1em; }
		.news .item .itemcontent { width: 100%; }

		@media only screen and (min-width: 400px) {
			.news .item { flex-wrap: nowrap; }
			.news .item .itemimage { margin-right: 2em; width: 33.333%; }
			.news .item .itemimage img { max-width: 100%; padding-bottom: 0; }
			.news .item .itemcontent { width: 66.666%; }
		}

		@media only screen and (min-width: 900px) {
			.news .item { width: 50%; }
			.news .item .itemcontent { margin-right: 2em; }
		}

		@media only screen and (min-width: 1800px) {
			.news .item { width: 25%; }
		}

	/* -- COUPLE -- */
		@media only screen and (min-width: 900px) {
			[class^="couple-"] { display: flex; align-items: center; }
			[class^="couple-"][class*="-il"] .couple-content { order: 1; padding-left: 3em; }
			[class^="couple-"][class*="-ir"] .couple-content { order: -1; padding-right: 3em; }
		}

	/* -- FOOTER -- */
		footer { line-height: 1.5em; }
		footer a { text-decoration: none; white-space: nowrap; }
		footer a:hover { color: rgba(227, 6, 19, 1); }
		footer nav li:not(:last-of-type) { padding: 0 .5em 0 0; }

		@media only screen and (max-width: 899px) {
			footer div { text-align: center; }
		}

		@media only screen and (min-width: 900px) {
			footer nav li:not(:last-of-type) { padding: 0 2em 0 0; }
		}

	/* -- SEARCH -- */

		.search-wrapper { width: 100%; max-width: 800px; margin: 5em auto 0 auto; position: relative; background-color: transparent !important; }
		.search-wrapper input[type="text"] { padding-right: 8em; }
		.search-wrapper .submit { cursor: pointer; width: 2.5em; height: 2.5em; padding: 0.313em; position: absolute; right: 0; top: 0; -webkit-border-radius: 1.5em; -moz-border-radius: 1.5em; border-radius: 1.5em; text-align: center; }
		.search-wrapper .submit:hover { transform: scale(1.25); }
		.search-wrapper .submit svg { width: 1.5em; display: block; }
		.search-results { max-height: calc(100vh - 14em); overflow-x: auto; display: flex; flex-wrap: wrap; box-shadow: 0 6px 16px rgba(0,0,0,0.1), 0 8px 12px rgba(0,0,0,0.05); }
		.search-results.search-results-subpage { box-shadow: none; max-height: 99999999999em; }

		.search-result-item { display: flex; flex-direction: row; }
		.search-result-item .search-item-image a { display: inline-block; }
		.search-result-item .search-item-image img{ width: 120px; max-width: 15vw; }

		.search-result-item:not(:last-child) { border-bottom: 1px solid rgba(175, 175, 175, .3); }

		.search-result-item .search-item-description { display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 3em; }

		@media only screen and (min-width: 900px) {
			.search-wrapper .search-wrapper { font-size: 1.25em; line-height: 1.2em; }
			.search-result-item:nth-last-child(1),
			.search-result-item:nth-last-child(2) { border-bottom: none !important; }
		}

	/* -- FLOATING FB WIDGET -- */
		.fb-widget { position: fixed; right: 0; top: 50%; transform: translate(0, -50%); z-index: 9; }
		.fbw-toggle { font-size: 2.25em; position: absolute; margin-left: -1.5em; left: 0; top: 0; padding: .25em; border-radius: 1.4375em 0 0 1.4375em; }
		.fbw-toggle .fa { font-size: 2em; }
		.fbw-content { width: 0; padding: 0; overflow: hidden; transition-delay: .33s; border-radius: 0 0 0 .375em; }
		.fb-widget:hover .fbw-content { width: 300px; height: auto; transition-delay: 0s; }

		.ln-widget { position: fixed; right: 0; top: 50%; transform: translate(0, -50%); z-index: 9; }
		.lnw-toggle { font-size: 2.25em; position: absolute; margin-left: -1.5em; left: 0; top: 0; padding: .25em; border-radius: 1.4375em 0 0 1.4375em; }
		.lnw-toggle .fa { font-size: 2em; }
		.ytw-toggle { font-size: 2.25em; position: absolute; margin-left: -1.5em; left: 0; top: 2em; padding: .25em; border-radius: 1.4375em 0 0 1.4375em; }
		.ytw-toggle .fa { font-size: 2em; }
		.eshop-toggle { font-size: 2.25em; position: absolute; margin-left: -1.5em; left: 0; top: 4em; padding: .25em; border-radius: 1.4375em 0 0 1.4375em; }
		.eshop-toggle .fa { font-size: 2em; }

/* ==== Box styles === */
	[class*='shad-'] { transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
	.shad-1, .hov-to-shad-1:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
	.shad-2, .hov-to-shad-2:hover { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
	.shad-3, .hov-to-shad-3:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
	.shad-4, .hov-to-shad-4:hover { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
	.shad-5, .hov-to-shad-5:hover { box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);}

	.brad-1 { border-radius: .25em; }
	.brad-2 { border-radius: .5em; }
	.brad-3 { border-radius: .75em; }
	.brad-4 { border-radius: 1em; }
	.brad-5 { border-radius: 1.25em; }

/* === Owl carousel === */

	/*.owl-dots { text-align: center; }
	.owl-dot { display: inline-block; }
	.owl-dot:before { content: "X"; }
	.owl-dot.active:before { background: red; }
	.owl-nav .owl-prev { float: left; }
	.owl-nav .owl-next { float: right; }
	.owl-item { text-align: center; }*/

/* === Widthts === */

	.container { width: 100%; margin: 0 auto; box-sizing: border-box; }
	[class*='col-'] { float: left; width: 100%; max-width: 100%; }
	.w-100 { width: 100%; }

	@media only screen and (min-width: 900px) {
		article img[align="left"], article img.fl-left { margin-right: 1.5em; float: left; }
		article img[align="right"], article img.fl-right { margin-left: 1.5em; float: right; }
	}

/* === Gallery === */

	.gallery { display: -ms-flexbox; display: flex; overflow: hidden; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -1.5px; }
	.gallery:after { content: ''; -ms-flex-positive: 9999; flex-grow: 9999; height: 0; }
	.gallery > * { position: relative; display: block; margin: 1.5px; -ms-flex-positive: 1; flex-grow: 1; }
	.gallery > * > img { -o-object-fit: cover; object-fit: cover; max-width: 100%; min-width: 100%; vertical-align: bottom; }

	.gallery:after { min-width: 25px; }
	.gallery > *, .gallery > * > img { height: 65px; }

	@media only screen and (min-width: 600px) {
		.gallery:after { min-width: 50px; }
		.gallery > *, .gallery > * > img { height: 90px; }
	}

	@media only screen and (min-width: 1200px) {
		.gallery:after { min-width: 100px; }
		.gallery > *, .gallery > * > img { height: 140px; }
	}

/* === Media Queries === */

	/* === XXS === */
	@media only screen and (max-width: 399px) {

		/* === 24 col === */
			.col-xxs-1o24 { width: calc(100% / 24) }
			.col-xxs-2o24 { width: calc(100% / 24 * 2) }
			.col-xxs-3o24 { width: calc(100% / 24 * 3) }
			.col-xxs-4o24 { width: calc(100% / 24 * 4) }
			.col-xxs-5o24 { width: calc(100% / 24 * 5) }
			.col-xxs-6o24 { width: calc(100% / 24 * 6) }
			.col-xxs-7o24 { width: calc(100% / 24 * 7) }
			.col-xxs-8o24 { width: calc(100% / 24 * 8) }
			.col-xxs-9o24 { width: calc(100% / 24 * 9) }
			.col-xxs-10o24 { width: calc(100% / 24 * 10) }
			.col-xxs-11o24 { width: calc(100% / 24 * 11) }
			.col-xxs-12o24 { width: calc(100% / 24 * 12) }
			.col-xxs-13o24 { width: calc(100% / 24 * 13) }
			.col-xxs-14o24 { width: calc(100% / 24 * 14) }
			.col-xxs-15o24 { width: calc(100% / 24 * 15) }
			.col-xxs-16o24 { width: calc(100% / 24 * 16) }
			.col-xxs-17o24 { width: calc(100% / 24 * 17) }
			.col-xxs-18o24 { width: calc(100% / 24 * 18) }
			.col-xxs-19o24 { width: calc(100% / 24 * 19) }
			.col-xxs-20o24 { width: calc(100% / 24 * 20) }
			.col-xxs-21o24 { width: calc(100% / 24 * 21) }
			.col-xxs-22o24 { width: calc(100% / 24 * 22) }
			.col-xxs-23o24 { width: calc(100% / 24 * 23) }
			.col-xxs-24o24 { width: calc(100% / 24 * 24) }

		/* === 16 col === */
			.col-xxs-1o16 { width: calc(100% / 16) }
			.col-xxs-2o16 { width: calc(100% / 16 * 2) }
			.col-xxs-3o16 { width: calc(100% / 16 * 3) }
			.col-xxs-4o16 { width: calc(100% / 16 * 4) }
			.col-xxs-5o16 { width: calc(100% / 16 * 5) }
			.col-xxs-6o16 { width: calc(100% / 16 * 6) }
			.col-xxs-7o16 { width: calc(100% / 16 * 7) }
			.col-xxs-8o16 { width: calc(100% / 16 * 8) }
			.col-xxs-9o16 { width: calc(100% / 16 * 9) }
			.col-xxs-10o16 { width: calc(100% / 16 * 10) }
			.col-xxs-11o16 { width: calc(100% / 16 * 11) }
			.col-xxs-12o16 { width: calc(100% / 16 * 12) }
			.col-xxs-13o16 { width: calc(100% / 16 * 13) }
			.col-xxs-14o16 { width: calc(100% / 16 * 14) }
			.col-xxs-15o16 { width: calc(100% / 16 * 15) }
			.col-xxs-16o16 { width: calc(100% / 16 * 16) }

		/* === 12 col === */
			.col-xxs-1o12 { width: calc(100% / 12) }
			.col-xxs-2o12 { width: calc(100% / 12 * 2) }
			.col-xxs-3o12 { width: calc(100% / 12 * 3) }
			.col-xxs-4o12 { width: calc(100% / 12 * 4) }
			.col-xxs-5o12 { width: calc(100% / 12 * 5) }
			.col-xxs-6o12 { width: calc(100% / 12 * 6) }
			.col-xxs-7o12 { width: calc(100% / 12 * 7) }
			.col-xxs-8o12 { width: calc(100% / 12 * 8) }
			.col-xxs-9o12 { width: calc(100% / 12 * 9) }
			.col-xxs-10o12 { width: calc(100% / 12 * 10) }
			.col-xxs-11o12 { width: calc(100% / 12 * 11) }
			.col-xxs-12o12 { width: calc(100% / 12 * 12) }
			.col-xxs-13o12 { width: calc(100% / 12 * 13) }
			.col-xxs-14o12 { width: calc(100% / 12 * 14) }
			.col-xxs-15o12 { width: calc(100% / 12 * 15) }
			.col-xxs-12o12 { width: calc(100% / 12 * 12) }

		/* === 10 col === */
			.col-xxs-1o10 { width: calc(100% / 10) }
			.col-xxs-2o10 { width: calc(100% / 10 * 2) }
			.col-xxs-3o10 { width: calc(100% / 10 * 3) }
			.col-xxs-4o10 { width: calc(100% / 10 * 4) }
			.col-xxs-5o10 { width: calc(100% / 10 * 5) }
			.col-xxs-6o10 { width: calc(100% / 10 * 6) }
			.col-xxs-7o10 { width: calc(100% / 10 * 7) }
			.col-xxs-8o10 { width: calc(100% / 10 * 8) }
			.col-xxs-9o10 { width: calc(100% / 10 * 9) }
			.col-xxs-10o10 { width: calc(100% / 10 * 10) }

		/* === vh === */
			.vh-xxs-100 { min-height: 100vh; }
			.vh-xxs-75 { min-height: 75vh; }
			.vh-xxs-50 { min-height: 50vh; }
			.vh-xxs-25 { min-height: 25vh; }
			.vh-xxs-auto { min-height: auto; }

		/* === fix cols === */
			.colfix-1o24 { width: calc(320px / 24) }
			.colfix-2o24 { width: calc(320px / 24 * 2) }
			.colfix-3o24 { width: calc(320px / 24 * 3) }
			.colfix-4o24 { width: calc(320px / 24 * 4) }
			.colfix-5o24 { width: calc(320px / 24 * 5) }
			.colfix-6o24 { width: calc(320px / 24 * 6) }
			.colfix-7o24 { width: calc(320px / 24 * 7) }
			.colfix-8o24 { width: calc(320px / 24 * 8) }
			.colfix-9o24 { width: calc(320px / 24 * 9) }
			.colfix-10o24 { width: calc(320px / 24 * 10) }
			.colfix-11o24 { width: calc(320px / 24 * 11) }
			.colfix-12o24 { width: calc(320px / 24 * 12) }
			.colfix-13o24 { width: calc(320px / 24 * 13) }
			.colfix-14o24 { width: calc(320px / 24 * 14) }
			.colfix-15o24 { width: calc(320px / 24 * 15) }
			.colfix-16o24 { width: calc(320px / 24 * 16) }
			.colfix-17o24 { width: calc(320px / 24 * 17) }
			.colfix-18o24 { width: calc(320px / 24 * 18) }
			.colfix-19o24 { width: calc(320px / 24 * 19) }
			.colfix-20o24 { width: calc(320px / 24 * 20) }
			.colfix-21o24 { width: calc(320px / 24 * 21) }
			.colfix-22o24 { width: calc(320px / 24 * 22) }
			.colfix-23o24 { width: calc(320px / 24 * 23) }
			.colfix-24o24 { width: calc(320px / 24 * 24) }

			.colfix-xxs-1o24 { width: calc(320px / 24) }
			.colfix-xxs-2o24 { width: calc(320px / 24 * 2) }
			.colfix-xxs-3o24 { width: calc(320px / 24 * 3) }
			.colfix-xxs-4o24 { width: calc(320px / 24 * 4) }
			.colfix-xxs-5o24 { width: calc(320px / 24 * 5) }
			.colfix-xxs-6o24 { width: calc(320px / 24 * 6) }
			.colfix-xxs-7o24 { width: calc(320px / 24 * 7) }
			.colfix-xxs-8o24 { width: calc(320px / 24 * 8) }
			.colfix-xxs-9o24 { width: calc(320px / 24 * 9) }
			.colfix-xxs-10o24 { width: calc(320px / 24 * 10) }
			.colfix-xxs-11o24 { width: calc(320px / 24 * 11) }
			.colfix-xxs-12o24 { width: calc(320px / 24 * 12) }
			.colfix-xxs-13o24 { width: calc(320px / 24 * 13) }
			.colfix-xxs-14o24 { width: calc(320px / 24 * 14) }
			.colfix-xxs-15o24 { width: calc(320px / 24 * 15) }
			.colfix-xxs-16o24 { width: calc(320px / 24 * 16) }
			.colfix-xxs-17o24 { width: calc(320px / 24 * 17) }
			.colfix-xxs-18o24 { width: calc(320px / 24 * 18) }
			.colfix-xxs-19o24 { width: calc(320px / 24 * 19) }
			.colfix-xxs-20o24 { width: calc(320px / 24 * 20) }
			.colfix-xxs-21o24 { width: calc(320px / 24 * 21) }
			.colfix-xxs-22o24 { width: calc(320px / 24 * 22) }
			.colfix-xxs-23o24 { width: calc(320px / 24 * 23) }
			.colfix-xxs-24o24 { width: calc(320px / 24 * 24) }
	}

	/* === XS === */
	@media only screen and (min-width: 400px) and (max-width: 599px) {

		/* === 24 col === */
			.col-xs-1o24 { width: calc(100% / 24) }
			.col-xs-2o24 { width: calc(100% / 24 * 2) }
			.col-xs-3o24 { width: calc(100% / 24 * 3) }
			.col-xs-4o24 { width: calc(100% / 24 * 4) }
			.col-xs-5o24 { width: calc(100% / 24 * 5) }
			.col-xs-6o24 { width: calc(100% / 24 * 6) }
			.col-xs-7o24 { width: calc(100% / 24 * 7) }
			.col-xs-8o24 { width: calc(100% / 24 * 8) }
			.col-xs-9o24 { width: calc(100% / 24 * 9) }
			.col-xs-10o24 { width: calc(100% / 24 * 10) }
			.col-xs-11o24 { width: calc(100% / 24 * 11) }
			.col-xs-12o24 { width: calc(100% / 24 * 12) }
			.col-xs-13o24 { width: calc(100% / 24 * 13) }
			.col-xs-14o24 { width: calc(100% / 24 * 14) }
			.col-xs-15o24 { width: calc(100% / 24 * 15) }
			.col-xs-16o24 { width: calc(100% / 24 * 16) }
			.col-xs-17o24 { width: calc(100% / 24 * 17) }
			.col-xs-18o24 { width: calc(100% / 24 * 18) }
			.col-xs-19o24 { width: calc(100% / 24 * 19) }
			.col-xs-20o24 { width: calc(100% / 24 * 20) }
			.col-xs-21o24 { width: calc(100% / 24 * 21) }
			.col-xs-22o24 { width: calc(100% / 24 * 22) }
			.col-xs-23o24 { width: calc(100% / 24 * 23) }
			.col-xs-24o24 { width: calc(100% / 24 * 24) }

		/* === 16 col === */
			.col-xs-1o16 { width: calc(100% / 16) }
			.col-xs-2o16 { width: calc(100% / 16 * 2) }
			.col-xs-3o16 { width: calc(100% / 16 * 3) }
			.col-xs-4o16 { width: calc(100% / 16 * 4) }
			.col-xs-5o16 { width: calc(100% / 16 * 5) }
			.col-xs-6o16 { width: calc(100% / 16 * 6) }
			.col-xs-7o16 { width: calc(100% / 16 * 7) }
			.col-xs-8o16 { width: calc(100% / 16 * 8) }
			.col-xs-9o16 { width: calc(100% / 16 * 9) }
			.col-xs-10o16 { width: calc(100% / 16 * 10) }
			.col-xs-11o16 { width: calc(100% / 16 * 11) }
			.col-xs-12o16 { width: calc(100% / 16 * 12) }
			.col-xs-13o16 { width: calc(100% / 16 * 13) }
			.col-xs-14o16 { width: calc(100% / 16 * 14) }
			.col-xs-15o16 { width: calc(100% / 16 * 15) }
			.col-xs-16o16 { width: calc(100% / 16 * 16) }

		/* === 12 col === */
			.col-xs-1o12 { width: calc(100% / 12) }
			.col-xs-2o12 { width: calc(100% / 12 * 2) }
			.col-xs-3o12 { width: calc(100% / 12 * 3) }
			.col-xs-4o12 { width: calc(100% / 12 * 4) }
			.col-xs-5o12 { width: calc(100% / 12 * 5) }
			.col-xs-6o12 { width: calc(100% / 12 * 6) }
			.col-xs-7o12 { width: calc(100% / 12 * 7) }
			.col-xs-8o12 { width: calc(100% / 12 * 8) }
			.col-xs-9o12 { width: calc(100% / 12 * 9) }
			.col-xs-10o12 { width: calc(100% / 12 * 10) }
			.col-xs-11o12 { width: calc(100% / 12 * 11) }
			.col-xs-12o12 { width: calc(100% / 12 * 12) }
			.col-xs-13o12 { width: calc(100% / 12 * 13) }
			.col-xs-14o12 { width: calc(100% / 12 * 14) }
			.col-xs-15o12 { width: calc(100% / 12 * 15) }
			.col-xs-12o12 { width: calc(100% / 12 * 12) }

		/* === 10 col === */
			.col-xs-1o10 { width: calc(100% / 10) }
			.col-xs-2o10 { width: calc(100% / 10 * 2) }
			.col-xs-3o10 { width: calc(100% / 10 * 3) }
			.col-xs-4o10 { width: calc(100% / 10 * 4) }
			.col-xs-5o10 { width: calc(100% / 10 * 5) }
			.col-xs-6o10 { width: calc(100% / 10 * 6) }
			.col-xs-7o10 { width: calc(100% / 10 * 7) }
			.col-xs-8o10 { width: calc(100% / 10 * 8) }
			.col-xs-9o10 { width: calc(100% / 10 * 9) }
			.col-xs-10o10 { width: calc(100% / 10 * 10) }

		/* === vh === */
			.vh-xs-100 { min-height: 100vh; }
			.vh-xs-75 { min-height: 75vh; }
			.vh-xs-50 { min-height: 50vh; }
			.vh-xs-25 { min-height: 25vh; }
			.vh-xs-auto { min-height: auto; }

		/* === fix cols === */
			.colfix-1o24 { width: calc(400px / 24) }
			.colfix-2o24 { width: calc(400px / 24 * 2) }
			.colfix-3o24 { width: calc(400px / 24 * 3) }
			.colfix-4o24 { width: calc(400px / 24 * 4) }
			.colfix-5o24 { width: calc(400px / 24 * 5) }
			.colfix-6o24 { width: calc(400px / 24 * 6) }
			.colfix-7o24 { width: calc(400px / 24 * 7) }
			.colfix-8o24 { width: calc(400px / 24 * 8) }
			.colfix-9o24 { width: calc(400px / 24 * 9) }
			.colfix-10o24 { width: calc(400px / 24 * 10) }
			.colfix-11o24 { width: calc(400px / 24 * 11) }
			.colfix-12o24 { width: calc(400px / 24 * 12) }
			.colfix-13o24 { width: calc(400px / 24 * 13) }
			.colfix-14o24 { width: calc(400px / 24 * 14) }
			.colfix-15o24 { width: calc(400px / 24 * 15) }
			.colfix-16o24 { width: calc(400px / 24 * 16) }
			.colfix-17o24 { width: calc(400px / 24 * 17) }
			.colfix-18o24 { width: calc(400px / 24 * 18) }
			.colfix-19o24 { width: calc(400px / 24 * 19) }
			.colfix-20o24 { width: calc(400px / 24 * 20) }
			.colfix-21o24 { width: calc(400px / 24 * 21) }
			.colfix-22o24 { width: calc(400px / 24 * 22) }
			.colfix-23o24 { width: calc(400px / 24 * 23) }
			.colfix-24o24 { width: calc(400px / 24 * 24) }

			.colfix-xs-1o24 { width: calc(400px / 24) }
			.colfix-xs-2o24 { width: calc(400px / 24 * 2) }
			.colfix-xs-3o24 { width: calc(400px / 24 * 3) }
			.colfix-xs-4o24 { width: calc(400px / 24 * 4) }
			.colfix-xs-5o24 { width: calc(400px / 24 * 5) }
			.colfix-xs-6o24 { width: calc(400px / 24 * 6) }
			.colfix-xs-7o24 { width: calc(400px / 24 * 7) }
			.colfix-xs-8o24 { width: calc(400px / 24 * 8) }
			.colfix-xs-9o24 { width: calc(400px / 24 * 9) }
			.colfix-xs-10o24 { width: calc(400px / 24 * 10) }
			.colfix-xs-11o24 { width: calc(400px / 24 * 11) }
			.colfix-xs-12o24 { width: calc(400px / 24 * 12) }
			.colfix-xs-13o24 { width: calc(400px / 24 * 13) }
			.colfix-xs-14o24 { width: calc(400px / 24 * 14) }
			.colfix-xs-15o24 { width: calc(400px / 24 * 15) }
			.colfix-xs-16o24 { width: calc(400px / 24 * 16) }
			.colfix-xs-17o24 { width: calc(400px / 24 * 17) }
			.colfix-xs-18o24 { width: calc(400px / 24 * 18) }
			.colfix-xs-19o24 { width: calc(400px / 24 * 19) }
			.colfix-xs-20o24 { width: calc(400px / 24 * 20) }
			.colfix-xs-21o24 { width: calc(400px / 24 * 21) }
			.colfix-xs-22o24 { width: calc(400px / 24 * 22) }
			.colfix-xs-23o24 { width: calc(400px / 24 * 23) }
			.colfix-xs-24o24 { width: calc(400px / 24 * 24) }
	}

	/* === S === */
	@media only screen and (min-width: 600px) and (max-width: 899px) {

		/* === 24 col === */
			.col-s-1o24 { width: calc(100% / 24) }
			.col-s-2o24 { width: calc(100% / 24 * 2) }
			.col-s-3o24 { width: calc(100% / 24 * 3) }
			.col-s-4o24 { width: calc(100% / 24 * 4) }
			.col-s-5o24 { width: calc(100% / 24 * 5) }
			.col-s-6o24 { width: calc(100% / 24 * 6) }
			.col-s-7o24 { width: calc(100% / 24 * 7) }
			.col-s-8o24 { width: calc(100% / 24 * 8) }
			.col-s-9o24 { width: calc(100% / 24 * 9) }
			.col-s-10o24 { width: calc(100% / 24 * 10) }
			.col-s-11o24 { width: calc(100% / 24 * 11) }
			.col-s-12o24 { width: calc(100% / 24 * 12) }
			.col-s-13o24 { width: calc(100% / 24 * 13) }
			.col-s-14o24 { width: calc(100% / 24 * 14) }
			.col-s-15o24 { width: calc(100% / 24 * 15) }
			.col-s-16o24 { width: calc(100% / 24 * 16) }
			.col-s-17o24 { width: calc(100% / 24 * 17) }
			.col-s-18o24 { width: calc(100% / 24 * 18) }
			.col-s-19o24 { width: calc(100% / 24 * 19) }
			.col-s-20o24 { width: calc(100% / 24 * 20) }
			.col-s-21o24 { width: calc(100% / 24 * 21) }
			.col-s-22o24 { width: calc(100% / 24 * 22) }
			.col-s-23o24 { width: calc(100% / 24 * 23) }
			.col-s-24o24 { width: calc(100% / 24 * 24) }

		/* === 16 col === */
			.col-s-1o16 { width: calc(100% / 16) }
			.col-s-2o16 { width: calc(100% / 16 * 2) }
			.col-s-3o16 { width: calc(100% / 16 * 3) }
			.col-s-4o16 { width: calc(100% / 16 * 4) }
			.col-s-5o16 { width: calc(100% / 16 * 5) }
			.col-s-6o16 { width: calc(100% / 16 * 6) }
			.col-s-7o16 { width: calc(100% / 16 * 7) }
			.col-s-8o16 { width: calc(100% / 16 * 8) }
			.col-s-9o16 { width: calc(100% / 16 * 9) }
			.col-s-10o16 { width: calc(100% / 16 * 10) }
			.col-s-11o16 { width: calc(100% / 16 * 11) }
			.col-s-12o16 { width: calc(100% / 16 * 12) }
			.col-s-13o16 { width: calc(100% / 16 * 13) }
			.col-s-14o16 { width: calc(100% / 16 * 14) }
			.col-s-15o16 { width: calc(100% / 16 * 15) }
			.col-s-16o16 { width: calc(100% / 16 * 16) }

		/* === 12 col === */
			.col-s-1o12 { width: calc(100% / 12) }
			.col-s-2o12 { width: calc(100% / 12 * 2) }
			.col-s-3o12 { width: calc(100% / 12 * 3) }
			.col-s-4o12 { width: calc(100% / 12 * 4) }
			.col-s-5o12 { width: calc(100% / 12 * 5) }
			.col-s-6o12 { width: calc(100% / 12 * 6) }
			.col-s-7o12 { width: calc(100% / 12 * 7) }
			.col-s-8o12 { width: calc(100% / 12 * 8) }
			.col-s-9o12 { width: calc(100% / 12 * 9) }
			.col-s-10o12 { width: calc(100% / 12 * 10) }
			.col-s-11o12 { width: calc(100% / 12 * 11) }
			.col-s-12o12 { width: calc(100% / 12 * 12) }
			.col-s-13o12 { width: calc(100% / 12 * 13) }
			.col-s-14o12 { width: calc(100% / 12 * 14) }
			.col-s-15o12 { width: calc(100% / 12 * 15) }
			.col-s-12o12 { width: calc(100% / 12 * 12) }

		/* === 10 col === */
			.col-s-1o10 { width: calc(100% / 10) }
			.col-s-2o10 { width: calc(100% / 10 * 2) }
			.col-s-3o10 { width: calc(100% / 10 * 3) }
			.col-s-4o10 { width: calc(100% / 10 * 4) }
			.col-s-5o10 { width: calc(100% / 10 * 5) }
			.col-s-6o10 { width: calc(100% / 10 * 6) }
			.col-s-7o10 { width: calc(100% / 10 * 7) }
			.col-s-8o10 { width: calc(100% / 10 * 8) }
			.col-s-9o10 { width: calc(100% / 10 * 9) }
			.col-s-10o10 { width: calc(100% / 10 * 10) }

		/* === vh === */
			.vh-s-100 { min-height: 100vh; }
			.vh-s-75 { min-height: 75vh; }
			.vh-s-50 { min-height: 50vh; }
			.vh-s-25 { min-height: 25vh; }
			.vh-s-auto { min-height: auto; }

		/* === fix cols === */
			.colfix-1o24 { width: calc(600px / 24) }
			.colfix-2o24 { width: calc(600px / 24 * 2) }
			.colfix-3o24 { width: calc(600px / 24 * 3) }
			.colfix-4o24 { width: calc(600px / 24 * 4) }
			.colfix-5o24 { width: calc(600px / 24 * 5) }
			.colfix-6o24 { width: calc(600px / 24 * 6) }
			.colfix-7o24 { width: calc(600px / 24 * 7) }
			.colfix-8o24 { width: calc(600px / 24 * 8) }
			.colfix-9o24 { width: calc(600px / 24 * 9) }
			.colfix-10o24 { width: calc(600px / 24 * 10) }
			.colfix-11o24 { width: calc(600px / 24 * 11) }
			.colfix-12o24 { width: calc(600px / 24 * 12) }
			.colfix-13o24 { width: calc(600px / 24 * 13) }
			.colfix-14o24 { width: calc(600px / 24 * 14) }
			.colfix-15o24 { width: calc(600px / 24 * 15) }
			.colfix-16o24 { width: calc(600px / 24 * 16) }
			.colfix-17o24 { width: calc(600px / 24 * 17) }
			.colfix-18o24 { width: calc(600px / 24 * 18) }
			.colfix-19o24 { width: calc(600px / 24 * 19) }
			.colfix-20o24 { width: calc(600px / 24 * 20) }
			.colfix-21o24 { width: calc(600px / 24 * 21) }
			.colfix-22o24 { width: calc(600px / 24 * 22) }
			.colfix-23o24 { width: calc(600px / 24 * 23) }
			.colfix-24o24 { width: calc(600px / 24 * 24) }

			.colfix-s-1o24 { width: calc(600px / 24) }
			.colfix-s-2o24 { width: calc(600px / 24 * 2) }
			.colfix-s-3o24 { width: calc(600px / 24 * 3) }
			.colfix-s-4o24 { width: calc(600px / 24 * 4) }
			.colfix-s-5o24 { width: calc(600px / 24 * 5) }
			.colfix-s-6o24 { width: calc(600px / 24 * 6) }
			.colfix-s-7o24 { width: calc(600px / 24 * 7) }
			.colfix-s-8o24 { width: calc(600px / 24 * 8) }
			.colfix-s-9o24 { width: calc(600px / 24 * 9) }
			.colfix-s-10o24 { width: calc(600px / 24 * 10) }
			.colfix-s-11o24 { width: calc(600px / 24 * 11) }
			.colfix-s-12o24 { width: calc(600px / 24 * 12) }
			.colfix-s-13o24 { width: calc(600px / 24 * 13) }
			.colfix-s-14o24 { width: calc(600px / 24 * 14) }
			.colfix-s-15o24 { width: calc(600px / 24 * 15) }
			.colfix-s-16o24 { width: calc(600px / 24 * 16) }
			.colfix-s-17o24 { width: calc(600px / 24 * 17) }
			.colfix-s-18o24 { width: calc(600px / 24 * 18) }
			.colfix-s-19o24 { width: calc(600px / 24 * 19) }
			.colfix-s-20o24 { width: calc(600px / 24 * 20) }
			.colfix-s-21o24 { width: calc(600px / 24 * 21) }
			.colfix-s-22o24 { width: calc(600px / 24 * 22) }
			.colfix-s-23o24 { width: calc(600px / 24 * 23) }
			.colfix-s-24o24 { width: calc(600px / 24 * 24) }
	}

	/* === M and above === */
	@media only screen and (min-width: 900px) {

		/* === 24 col === */
			.col-1o24 { width: calc(100% / 24) }
			.col-2o24 { width: calc(100% / 24 * 2) }
			.col-3o24 { width: calc(100% / 24 * 3) }
			.col-4o24 { width: calc(100% / 24 * 4) }
			.col-5o24 { width: calc(100% / 24 * 5) }
			.col-6o24 { width: calc(100% / 24 * 6) }
			.col-7o24 { width: calc(100% / 24 * 7) }
			.col-8o24 { width: calc(100% / 24 * 8) }
			.col-9o24 { width: calc(100% / 24 * 9) }
			.col-10o24 { width: calc(100% / 24 * 10) }
			.col-11o24 { width: calc(100% / 24 * 11) }
			.col-12o24 { width: calc(100% / 24 * 12) }
			.col-13o24 { width: calc(100% / 24 * 13) }
			.col-14o24 { width: calc(100% / 24 * 14) }
			.col-15o24 { width: calc(100% / 24 * 15) }
			.col-16o24 { width: calc(100% / 24 * 16) }
			.col-17o24 { width: calc(100% / 24 * 17) }
			.col-18o24 { width: calc(100% / 24 * 18) }
			.col-19o24 { width: calc(100% / 24 * 19) }
			.col-20o24 { width: calc(100% / 24 * 20) }
			.col-21o24 { width: calc(100% / 24 * 21) }
			.col-22o24 { width: calc(100% / 24 * 22) }
			.col-23o24 { width: calc(100% / 24 * 23) }
			.col-24o24 { width: calc(100% / 24 * 24) }

		/* === 16 col === */
			.col-1o16 { width: calc(100% / 16) }
			.col-2o16 { width: calc(100% / 16 * 2) }
			.col-3o16 { width: calc(100% / 16 * 3) }
			.col-4o16 { width: calc(100% / 16 * 4) }
			.col-5o16 { width: calc(100% / 16 * 5) }
			.col-6o16 { width: calc(100% / 16 * 6) }
			.col-7o16 { width: calc(100% / 16 * 7) }
			.col-8o16 { width: calc(100% / 16 * 8) }
			.col-9o16 { width: calc(100% / 16 * 9) }
			.col-10o16 { width: calc(100% / 16 * 10) }
			.col-11o16 { width: calc(100% / 16 * 11) }
			.col-12o16 { width: calc(100% / 16 * 12) }
			.col-13o16 { width: calc(100% / 16 * 13) }
			.col-14o16 { width: calc(100% / 16 * 14) }
			.col-15o16 { width: calc(100% / 16 * 15) }
			.col-16o16 { width: calc(100% / 16 * 16) }

		/* === 12 col === */
			.col-1o12 { width: calc(100% / 12) }
			.col-2o12 { width: calc(100% / 12 * 2) }
			.col-3o12 { width: calc(100% / 12 * 3) }
			.col-4o12 { width: calc(100% / 12 * 4) }
			.col-5o12 { width: calc(100% / 12 * 5) }
			.col-6o12 { width: calc(100% / 12 * 6) }
			.col-7o12 { width: calc(100% / 12 * 7) }
			.col-8o12 { width: calc(100% / 12 * 8) }
			.col-9o12 { width: calc(100% / 12 * 9) }
			.col-10o12 { width: calc(100% / 12 * 10) }
			.col-11o12 { width: calc(100% / 12 * 11) }
			.col-12o12 { width: calc(100% / 12 * 12) }
			.col-13o12 { width: calc(100% / 12 * 13) }
			.col-14o12 { width: calc(100% / 12 * 14) }
			.col-15o12 { width: calc(100% / 12 * 15) }
			.col-12o12 { width: calc(100% / 12 * 12) }

		/* === 10 col === */
			.col-1o10 { width: calc(100% / 10) }
			.col-2o10 { width: calc(100% / 10 * 2) }
			.col-3o10 { width: calc(100% / 10 * 3) }
			.col-4o10 { width: calc(100% / 10 * 4) }
			.col-5o10 { width: calc(100% / 10 * 5) }
			.col-6o10 { width: calc(100% / 10 * 6) }
			.col-7o10 { width: calc(100% / 10 * 7) }
			.col-8o10 { width: calc(100% / 10 * 8) }
			.col-9o10 { width: calc(100% / 10 * 9) }
			.col-10o10 { width: calc(100% / 10 * 10) }

		/* === vh === */
			.vh-100 { min-height: 100vh; }
			.vh-75 { min-height: 75vh; }
			.vh-50 { min-height: 50vh; }
			.vh-25 { min-height: 25vh; }
	}

	/* === M === */
	@media only screen and (min-width: 900px) and (max-width: 1199px) {

		.container { max-width: 900px; }

		/* === 24 col === */
			.col-m-1o24 { width: calc(100% / 24) }
			.col-m-2o24 { width: calc(100% / 24 * 2) }
			.col-m-3o24 { width: calc(100% / 24 * 3) }
			.col-m-4o24 { width: calc(100% / 24 * 4) }
			.col-m-5o24 { width: calc(100% / 24 * 5) }
			.col-m-6o24 { width: calc(100% / 24 * 6) }
			.col-m-7o24 { width: calc(100% / 24 * 7) }
			.col-m-8o24 { width: calc(100% / 24 * 8) }
			.col-m-9o24 { width: calc(100% / 24 * 9) }
			.col-m-10o24 { width: calc(100% / 24 * 10) }
			.col-m-11o24 { width: calc(100% / 24 * 11) }
			.col-m-12o24 { width: calc(100% / 24 * 12) }
			.col-m-13o24 { width: calc(100% / 24 * 13) }
			.col-m-14o24 { width: calc(100% / 24 * 14) }
			.col-m-15o24 { width: calc(100% / 24 * 15) }
			.col-m-16o24 { width: calc(100% / 24 * 16) }
			.col-m-17o24 { width: calc(100% / 24 * 17) }
			.col-m-18o24 { width: calc(100% / 24 * 18) }
			.col-m-19o24 { width: calc(100% / 24 * 19) }
			.col-m-20o24 { width: calc(100% / 24 * 20) }
			.col-m-21o24 { width: calc(100% / 24 * 21) }
			.col-m-22o24 { width: calc(100% / 24 * 22) }
			.col-m-23o24 { width: calc(100% / 24 * 23) }
			.col-m-24o24 { width: calc(100% / 24 * 24) }

		/* === 16 col === */
			.col-m-1o16 { width: calc(100% / 16) }
			.col-m-2o16 { width: calc(100% / 16 * 2) }
			.col-m-3o16 { width: calc(100% / 16 * 3) }
			.col-m-4o16 { width: calc(100% / 16 * 4) }
			.col-m-5o16 { width: calc(100% / 16 * 5) }
			.col-m-6o16 { width: calc(100% / 16 * 6) }
			.col-m-7o16 { width: calc(100% / 16 * 7) }
			.col-m-8o16 { width: calc(100% / 16 * 8) }
			.col-m-9o16 { width: calc(100% / 16 * 9) }
			.col-m-10o16 { width: calc(100% / 16 * 10) }
			.col-m-11o16 { width: calc(100% / 16 * 11) }
			.col-m-12o16 { width: calc(100% / 16 * 12) }
			.col-m-13o16 { width: calc(100% / 16 * 13) }
			.col-m-14o16 { width: calc(100% / 16 * 14) }
			.col-m-15o16 { width: calc(100% / 16 * 15) }
			.col-m-16o16 { width: calc(100% / 16 * 16) }

		/* === 12 col === */
			.col-m-1o12 { width: calc(100% / 12) }
			.col-m-2o12 { width: calc(100% / 12 * 2) }
			.col-m-3o12 { width: calc(100% / 12 * 3) }
			.col-m-4o12 { width: calc(100% / 12 * 4) }
			.col-m-5o12 { width: calc(100% / 12 * 5) }
			.col-m-6o12 { width: calc(100% / 12 * 6) }
			.col-m-7o12 { width: calc(100% / 12 * 7) }
			.col-m-8o12 { width: calc(100% / 12 * 8) }
			.col-m-9o12 { width: calc(100% / 12 * 9) }
			.col-m-10o12 { width: calc(100% / 12 * 10) }
			.col-m-11o12 { width: calc(100% / 12 * 11) }
			.col-m-12o12 { width: calc(100% / 12 * 12) }
			.col-m-13o12 { width: calc(100% / 12 * 13) }
			.col-m-14o12 { width: calc(100% / 12 * 14) }
			.col-m-15o12 { width: calc(100% / 12 * 15) }
			.col-m-12o12 { width: calc(100% / 12 * 12) }

		/* === 10 col === */
			.col-m-1o10 { width: calc(100% / 10) }
			.col-m-2o10 { width: calc(100% / 10 * 2) }
			.col-m-3o10 { width: calc(100% / 10 * 3) }
			.col-m-4o10 { width: calc(100% / 10 * 4) }
			.col-m-5o10 { width: calc(100% / 10 * 5) }
			.col-m-6o10 { width: calc(100% / 10 * 6) }
			.col-m-7o10 { width: calc(100% / 10 * 7) }
			.col-m-8o10 { width: calc(100% / 10 * 8) }
			.col-m-9o10 { width: calc(100% / 10 * 9) }
			.col-m-10o10 { width: calc(100% / 10 * 10) }

		/* === vh === */
			.vh-m-100 { min-height: 100vh; }
			.vh-m-75 { min-height: 75vh; }
			.vh-m-50 { min-height: 50vh; }
			.vh-m-25 { min-height: 25vh; }
			.vh-m-auto { min-height: auto; }

		/* === fix cols === */
			.colfix-1o24 { width: calc(900px / 24) }
			.colfix-2o24 { width: calc(900px / 24 * 2) }
			.colfix-3o24 { width: calc(900px / 24 * 3) }
			.colfix-4o24 { width: calc(900px / 24 * 4) }
			.colfix-5o24 { width: calc(900px / 24 * 5) }
			.colfix-6o24 { width: calc(900px / 24 * 6) }
			.colfix-7o24 { width: calc(900px / 24 * 7) }
			.colfix-8o24 { width: calc(900px / 24 * 8) }
			.colfix-9o24 { width: calc(900px / 24 * 9) }
			.colfix-10o24 { width: calc(900px / 24 * 10) }
			.colfix-11o24 { width: calc(900px / 24 * 11) }
			.colfix-12o24 { width: calc(900px / 24 * 12) }
			.colfix-13o24 { width: calc(900px / 24 * 13) }
			.colfix-14o24 { width: calc(900px / 24 * 14) }
			.colfix-15o24 { width: calc(900px / 24 * 15) }
			.colfix-16o24 { width: calc(900px / 24 * 16) }
			.colfix-17o24 { width: calc(900px / 24 * 17) }
			.colfix-18o24 { width: calc(900px / 24 * 18) }
			.colfix-19o24 { width: calc(900px / 24 * 19) }
			.colfix-20o24 { width: calc(900px / 24 * 20) }
			.colfix-21o24 { width: calc(900px / 24 * 21) }
			.colfix-22o24 { width: calc(900px / 24 * 22) }
			.colfix-23o24 { width: calc(900px / 24 * 23) }
			.colfix-24o24 { width: calc(900px / 24 * 24) }

			.colfix-m-1o24 { width: calc(900px / 24) }
			.colfix-m-2o24 { width: calc(900px / 24 * 2) }
			.colfix-m-3o24 { width: calc(900px / 24 * 3) }
			.colfix-m-4o24 { width: calc(900px / 24 * 4) }
			.colfix-m-5o24 { width: calc(900px / 24 * 5) }
			.colfix-m-6o24 { width: calc(900px / 24 * 6) }
			.colfix-m-7o24 { width: calc(900px / 24 * 7) }
			.colfix-m-8o24 { width: calc(900px / 24 * 8) }
			.colfix-m-9o24 { width: calc(900px / 24 * 9) }
			.colfix-m-10o24 { width: calc(900px / 24 * 10) }
			.colfix-m-11o24 { width: calc(900px / 24 * 11) }
			.colfix-m-12o24 { width: calc(900px / 24 * 12) }
			.colfix-m-13o24 { width: calc(900px / 24 * 13) }
			.colfix-m-14o24 { width: calc(900px / 24 * 14) }
			.colfix-m-15o24 { width: calc(900px / 24 * 15) }
			.colfix-m-16o24 { width: calc(900px / 24 * 16) }
			.colfix-m-17o24 { width: calc(900px / 24 * 17) }
			.colfix-m-18o24 { width: calc(900px / 24 * 18) }
			.colfix-m-19o24 { width: calc(900px / 24 * 19) }
			.colfix-m-20o24 { width: calc(900px / 24 * 20) }
			.colfix-m-21o24 { width: calc(900px / 24 * 21) }
			.colfix-m-22o24 { width: calc(900px / 24 * 22) }
			.colfix-m-23o24 { width: calc(900px / 24 * 23) }
			.colfix-m-24o24 { width: calc(900px / 24 * 24) }
	}

	/* === L === */
	@media only screen and (min-width: 1200px) and (max-width: 1799px) {

		.container { max-width: 1200px; }

		/* === 24 col === */
			.col-l-1o24 { width: calc(100% / 24) }
			.col-l-2o24 { width: calc(100% / 24 * 2) }
			.col-l-3o24 { width: calc(100% / 24 * 3) }
			.col-l-4o24 { width: calc(100% / 24 * 4) }
			.col-l-5o24 { width: calc(100% / 24 * 5) }
			.col-l-6o24 { width: calc(100% / 24 * 6) }
			.col-l-7o24 { width: calc(100% / 24 * 7) }
			.col-l-8o24 { width: calc(100% / 24 * 8) }
			.col-l-9o24 { width: calc(100% / 24 * 9) }
			.col-l-10o24 { width: calc(100% / 24 * 10) }
			.col-l-11o24 { width: calc(100% / 24 * 11) }
			.col-l-12o24 { width: calc(100% / 24 * 12) }
			.col-l-13o24 { width: calc(100% / 24 * 13) }
			.col-l-14o24 { width: calc(100% / 24 * 14) }
			.col-l-15o24 { width: calc(100% / 24 * 15) }
			.col-l-16o24 { width: calc(100% / 24 * 16) }
			.col-l-17o24 { width: calc(100% / 24 * 17) }
			.col-l-18o24 { width: calc(100% / 24 * 18) }
			.col-l-19o24 { width: calc(100% / 24 * 19) }
			.col-l-20o24 { width: calc(100% / 24 * 20) }
			.col-l-21o24 { width: calc(100% / 24 * 21) }
			.col-l-22o24 { width: calc(100% / 24 * 22) }
			.col-l-23o24 { width: calc(100% / 24 * 23) }
			.col-l-24o24 { width: calc(100% / 24 * 24) }

		/* === 16 col === */
			.col-l-1o16 { width: calc(100% / 16) }
			.col-l-2o16 { width: calc(100% / 16 * 2) }
			.col-l-3o16 { width: calc(100% / 16 * 3) }
			.col-l-4o16 { width: calc(100% / 16 * 4) }
			.col-l-5o16 { width: calc(100% / 16 * 5) }
			.col-l-6o16 { width: calc(100% / 16 * 6) }
			.col-l-7o16 { width: calc(100% / 16 * 7) }
			.col-l-8o16 { width: calc(100% / 16 * 8) }
			.col-l-9o16 { width: calc(100% / 16 * 9) }
			.col-l-10o16 { width: calc(100% / 16 * 10) }
			.col-l-11o16 { width: calc(100% / 16 * 11) }
			.col-l-12o16 { width: calc(100% / 16 * 12) }
			.col-l-13o16 { width: calc(100% / 16 * 13) }
			.col-l-14o16 { width: calc(100% / 16 * 14) }
			.col-l-15o16 { width: calc(100% / 16 * 15) }
			.col-l-16o16 { width: calc(100% / 16 * 16) }

		/* === 12 col === */
			.col-l-1o12 { width: calc(100% / 12) }
			.col-l-2o12 { width: calc(100% / 12 * 2) }
			.col-l-3o12 { width: calc(100% / 12 * 3) }
			.col-l-4o12 { width: calc(100% / 12 * 4) }
			.col-l-5o12 { width: calc(100% / 12 * 5) }
			.col-l-6o12 { width: calc(100% / 12 * 6) }
			.col-l-7o12 { width: calc(100% / 12 * 7) }
			.col-l-8o12 { width: calc(100% / 12 * 8) }
			.col-l-9o12 { width: calc(100% / 12 * 9) }
			.col-l-10o12 { width: calc(100% / 12 * 10) }
			.col-l-11o12 { width: calc(100% / 12 * 11) }
			.col-l-12o12 { width: calc(100% / 12 * 12) }
			.col-l-13o12 { width: calc(100% / 12 * 13) }
			.col-l-14o12 { width: calc(100% / 12 * 14) }
			.col-l-15o12 { width: calc(100% / 12 * 15) }
			.col-l-12o12 { width: calc(100% / 12 * 12) }

		/* === 10 col === */
			.col-l-1o10 { width: calc(100% / 10) }
			.col-l-2o10 { width: calc(100% / 10 * 2) }
			.col-l-3o10 { width: calc(100% / 10 * 3) }
			.col-l-4o10 { width: calc(100% / 10 * 4) }
			.col-l-5o10 { width: calc(100% / 10 * 5) }
			.col-l-6o10 { width: calc(100% / 10 * 6) }
			.col-l-7o10 { width: calc(100% / 10 * 7) }
			.col-l-8o10 { width: calc(100% / 10 * 8) }
			.col-l-9o10 { width: calc(100% / 10 * 9) }
			.col-l-10o10 { width: calc(100% / 10 * 10) }

		/* === vh === */
			.vh-l-100 { min-height: 100vh; }
			.vh-l-75 { min-height: 75vh; }
			.vh-l-50 { min-height: 50vh; }
			.vh-l-25 { min-height: 25vh; }
			.vh-l-auto { min-height: auto; }

		/* === fix cols === */
			.colfix-1o24 { width: calc(1200px / 24) }
			.colfix-2o24 { width: calc(1200px / 24 * 2) }
			.colfix-3o24 { width: calc(1200px / 24 * 3) }
			.colfix-4o24 { width: calc(1200px / 24 * 4) }
			.colfix-5o24 { width: calc(1200px / 24 * 5) }
			.colfix-6o24 { width: calc(1200px / 24 * 6) }
			.colfix-7o24 { width: calc(1200px / 24 * 7) }
			.colfix-8o24 { width: calc(1200px / 24 * 8) }
			.colfix-9o24 { width: calc(1200px / 24 * 9) }
			.colfix-10o24 { width: calc(1200px / 24 * 10) }
			.colfix-11o24 { width: calc(1200px / 24 * 11) }
			.colfix-12o24 { width: calc(1200px / 24 * 12) }
			.colfix-13o24 { width: calc(1200px / 24 * 13) }
			.colfix-14o24 { width: calc(1200px / 24 * 14) }
			.colfix-15o24 { width: calc(1200px / 24 * 15) }
			.colfix-16o24 { width: calc(1200px / 24 * 16) }
			.colfix-17o24 { width: calc(1200px / 24 * 17) }
			.colfix-18o24 { width: calc(1200px / 24 * 18) }
			.colfix-19o24 { width: calc(1200px / 24 * 19) }
			.colfix-20o24 { width: calc(1200px / 24 * 20) }
			.colfix-21o24 { width: calc(1200px / 24 * 21) }
			.colfix-22o24 { width: calc(1200px / 24 * 22) }
			.colfix-23o24 { width: calc(1200px / 24 * 23) }
			.colfix-24o24 { width: calc(1200px / 24 * 24) }

			.colfix-l-1o24 { width: calc(1200px / 24) }
			.colfix-l-2o24 { width: calc(1200px / 24 * 2) }
			.colfix-l-3o24 { width: calc(1200px / 24 * 3) }
			.colfix-l-4o24 { width: calc(1200px / 24 * 4) }
			.colfix-l-5o24 { width: calc(1200px / 24 * 5) }
			.colfix-l-6o24 { width: calc(1200px / 24 * 6) }
			.colfix-l-7o24 { width: calc(1200px / 24 * 7) }
			.colfix-l-8o24 { width: calc(1200px / 24 * 8) }
			.colfix-l-9o24 { width: calc(1200px / 24 * 9) }
			.colfix-l-10o24 { width: calc(1200px / 24 * 10) }
			.colfix-l-11o24 { width: calc(1200px / 24 * 11) }
			.colfix-l-12o24 { width: calc(1200px / 24 * 12) }
			.colfix-l-13o24 { width: calc(1200px / 24 * 13) }
			.colfix-l-14o24 { width: calc(1200px / 24 * 14) }
			.colfix-l-15o24 { width: calc(1200px / 24 * 15) }
			.colfix-l-16o24 { width: calc(1200px / 24 * 16) }
			.colfix-l-17o24 { width: calc(1200px / 24 * 17) }
			.colfix-l-18o24 { width: calc(1200px / 24 * 18) }
			.colfix-l-19o24 { width: calc(1200px / 24 * 19) }
			.colfix-l-20o24 { width: calc(1200px / 24 * 20) }
			.colfix-l-21o24 { width: calc(1200px / 24 * 21) }
			.colfix-l-22o24 { width: calc(1200px / 24 * 22) }
			.colfix-l-23o24 { width: calc(1200px / 24 * 23) }
			.colfix-l-24o24 { width: calc(1200px / 24 * 24) }
	}

	/* === XL === */
	@media only screen and (min-width: 1800px) {

		.container { max-width: 1600px; }

		/* === 24 col === */
			.col-xl-1o24 { width: calc(100% / 24) }
			.col-xl-2o24 { width: calc(100% / 24 * 2) }
			.col-xl-3o24 { width: calc(100% / 24 * 3) }
			.col-xl-4o24 { width: calc(100% / 24 * 4) }
			.col-xl-5o24 { width: calc(100% / 24 * 5) }
			.col-xl-6o24 { width: calc(100% / 24 * 6) }
			.col-xl-7o24 { width: calc(100% / 24 * 7) }
			.col-xl-8o24 { width: calc(100% / 24 * 8) }
			.col-xl-9o24 { width: calc(100% / 24 * 9) }
			.col-xl-10o24 { width: calc(100% / 24 * 10) }
			.col-xl-11o24 { width: calc(100% / 24 * 11) }
			.col-xl-12o24 { width: calc(100% / 24 * 12) }
			.col-xl-13o24 { width: calc(100% / 24 * 13) }
			.col-xl-14o24 { width: calc(100% / 24 * 14) }
			.col-xl-15o24 { width: calc(100% / 24 * 15) }
			.col-xl-16o24 { width: calc(100% / 24 * 16) }
			.col-xl-17o24 { width: calc(100% / 24 * 17) }
			.col-xl-18o24 { width: calc(100% / 24 * 18) }
			.col-xl-19o24 { width: calc(100% / 24 * 19) }
			.col-xl-20o24 { width: calc(100% / 24 * 20) }
			.col-xl-21o24 { width: calc(100% / 24 * 21) }
			.col-xl-22o24 { width: calc(100% / 24 * 22) }
			.col-xl-23o24 { width: calc(100% / 24 * 23) }
			.col-xl-24o24 { width: calc(100% / 24 * 24) }

		/* === 16 col === */
			.col-xl-1o16 { width: calc(100% / 16) }
			.col-xl-2o16 { width: calc(100% / 16 * 2) }
			.col-xl-3o16 { width: calc(100% / 16 * 3) }
			.col-xl-4o16 { width: calc(100% / 16 * 4) }
			.col-xl-5o16 { width: calc(100% / 16 * 5) }
			.col-xl-6o16 { width: calc(100% / 16 * 6) }
			.col-xl-7o16 { width: calc(100% / 16 * 7) }
			.col-xl-8o16 { width: calc(100% / 16 * 8) }
			.col-xl-9o16 { width: calc(100% / 16 * 9) }
			.col-xl-10o16 { width: calc(100% / 16 * 10) }
			.col-xl-11o16 { width: calc(100% / 16 * 11) }
			.col-xl-12o16 { width: calc(100% / 16 * 12) }
			.col-xl-13o16 { width: calc(100% / 16 * 13) }
			.col-xl-14o16 { width: calc(100% / 16 * 14) }
			.col-xl-15o16 { width: calc(100% / 16 * 15) }
			.col-xl-16o16 { width: calc(100% / 16 * 16) }

		/* === 12 col === */
			.col-xl-1o12 { width: calc(100% / 12) }
			.col-xl-2o12 { width: calc(100% / 12 * 2) }
			.col-xl-3o12 { width: calc(100% / 12 * 3) }
			.col-xl-4o12 { width: calc(100% / 12 * 4) }
			.col-xl-5o12 { width: calc(100% / 12 * 5) }
			.col-xl-6o12 { width: calc(100% / 12 * 6) }
			.col-xl-7o12 { width: calc(100% / 12 * 7) }
			.col-xl-8o12 { width: calc(100% / 12 * 8) }
			.col-xl-9o12 { width: calc(100% / 12 * 9) }
			.col-xl-10o12 { width: calc(100% / 12 * 10) }
			.col-xl-11o12 { width: calc(100% / 12 * 11) }
			.col-xl-12o12 { width: calc(100% / 12 * 12) }
			.col-xl-13o12 { width: calc(100% / 12 * 13) }
			.col-xl-14o12 { width: calc(100% / 12 * 14) }
			.col-xl-15o12 { width: calc(100% / 12 * 15) }
			.col-xl-12o12 { width: calc(100% / 12 * 12) }

		/* === 10 col === */
			.col-xl-1o10 { width: calc(100% / 10) }
			.col-xl-2o10 { width: calc(100% / 10 * 2) }
			.col-xl-3o10 { width: calc(100% / 10 * 3) }
			.col-xl-4o10 { width: calc(100% / 10 * 4) }
			.col-xl-5o10 { width: calc(100% / 10 * 5) }
			.col-xl-6o10 { width: calc(100% / 10 * 6) }
			.col-xl-7o10 { width: calc(100% / 10 * 7) }
			.col-xl-8o10 { width: calc(100% / 10 * 8) }
			.col-xl-9o10 { width: calc(100% / 10 * 9) }
			.col-xl-10o10 { width: calc(100% / 10 * 10) }

		/* === vh === */
			.vh-xl-100 { min-height: 100vh; }
			.vh-xl-75 { min-height: 75vh; }
			.vh-xl-50 { min-height: 50vh; }
			.vh-xl-25 { min-height: 25vh; }
			.vh-xl-auto { min-height: auto; }

		/* === fix cols === */
			.colfix-1o24 { width: calc(1800px / 24) }
			.colfix-2o24 { width: calc(1800px / 24 * 2) }
			.colfix-3o24 { width: calc(1800px / 24 * 3) }
			.colfix-4o24 { width: calc(1800px / 24 * 4) }
			.colfix-5o24 { width: calc(1800px / 24 * 5) }
			.colfix-6o24 { width: calc(1800px / 24 * 6) }
			.colfix-7o24 { width: calc(1800px / 24 * 7) }
			.colfix-8o24 { width: calc(1800px / 24 * 8) }
			.colfix-9o24 { width: calc(1800px / 24 * 9) }
			.colfix-10o24 { width: calc(1800px / 24 * 10) }
			.colfix-11o24 { width: calc(1800px / 24 * 11) }
			.colfix-12o24 { width: calc(1800px / 24 * 12) }
			.colfix-13o24 { width: calc(1800px / 24 * 13) }
			.colfix-14o24 { width: calc(1800px / 24 * 14) }
			.colfix-15o24 { width: calc(1800px / 24 * 15) }
			.colfix-16o24 { width: calc(1800px / 24 * 16) }
			.colfix-17o24 { width: calc(1800px / 24 * 17) }
			.colfix-18o24 { width: calc(1800px / 24 * 18) }
			.colfix-19o24 { width: calc(1800px / 24 * 19) }
			.colfix-20o24 { width: calc(1800px / 24 * 20) }
			.colfix-21o24 { width: calc(1800px / 24 * 21) }
			.colfix-22o24 { width: calc(1800px / 24 * 22) }
			.colfix-23o24 { width: calc(1800px / 24 * 23) }
			.colfix-24o24 { width: calc(1800px / 24 * 24) }

			.colfix-xl-1o24 { width: calc(1800px / 24) }
			.colfix-xl-2o24 { width: calc(1800px / 24 * 2) }
			.colfix-xl-3o24 { width: calc(1800px / 24 * 3) }
			.colfix-xl-4o24 { width: calc(1800px / 24 * 4) }
			.colfix-xl-5o24 { width: calc(1800px / 24 * 5) }
			.colfix-xl-6o24 { width: calc(1800px / 24 * 6) }
			.colfix-xl-7o24 { width: calc(1800px / 24 * 7) }
			.colfix-xl-8o24 { width: calc(1800px / 24 * 8) }
			.colfix-xl-9o24 { width: calc(1800px / 24 * 9) }
			.colfix-xl-10o24 { width: calc(1800px / 24 * 10) }
			.colfix-xl-11o24 { width: calc(1800px / 24 * 11) }
			.colfix-xl-12o24 { width: calc(1800px / 24 * 12) }
			.colfix-xl-13o24 { width: calc(1800px / 24 * 13) }
			.colfix-xl-14o24 { width: calc(1800px / 24 * 14) }
			.colfix-xl-15o24 { width: calc(1800px / 24 * 15) }
			.colfix-xl-16o24 { width: calc(1800px / 24 * 16) }
			.colfix-xl-17o24 { width: calc(1800px / 24 * 17) }
			.colfix-xl-18o24 { width: calc(1800px / 24 * 18) }
			.colfix-xl-19o24 { width: calc(1800px / 24 * 19) }
			.colfix-xl-20o24 { width: calc(1800px / 24 * 20) }
			.colfix-xl-21o24 { width: calc(1800px / 24 * 21) }
			.colfix-xl-22o24 { width: calc(1800px / 24 * 22) }
			.colfix-xl-23o24 { width: calc(1800px / 24 * 23) }
			.colfix-xl-24o24 { width: calc(1800px / 24 * 24) }
	}

/* === Tools === */

	.hideoverflow { overflow: hidden; }
	.clear { clear: both; }
	.clearafter:after, .row:after, [class*='col-']:after, .clear, .container:after { content: ""; display: block; clear: both; padding: 0; }
	.disno { display: none; }
	.posrel { position: relative; }
	.abcenter { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }
	.overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

	.ta-left { text-align: left; }
	.ta-right { text-align: right; }
	.ta-center { text-align: center; }

	.fl-left { float: left; }
	.fl-right { float: right; }
	.fl-center { display: block; margin: 0 auto; float: none !important; }

	.bg-cover { background-size: cover; background-position: center; }

	.pad-d25 { padding: .25rem; }
		.pad-t-d25 { padding-top: .25rem; }
		.pad-r-d25 { padding-right: .25rem; }
		.pad-b-d25 { padding-bottom: .25rem; }
		.pad-l-d25 { padding-left: .25rem; }
	.pad-d5 { padding: .5rem; }
		.pad-t-d5 { padding-top: .5rem; }
		.pad-r-d5 { padding-right: .5rem; }
		.pad-b-d5 { padding-bottom: .5rem; }
		.pad-l-d5 { padding-left: .5rem; }
	.pad-d75 { padding: .75rem; }
		.pad-t-d75 { padding-top: .75rem; }
		.pad-r-d75 { padding-right: .75rem; }
		.pad-b-d75 { padding-bottom: .75rem; }
		.pad-l-d75 { padding-left: .75rem; }
	.pad-1 { padding: 1rem; }
		.pad-t-1 { padding-top: 1rem; }
		.pad-r-1 { padding-right: 1rem; }
		.pad-b-1 { padding-bottom: 1rem; }
		.pad-l-1 { padding-left: 1rem; }
	.pad-1d5 { padding: 1.5rem; }
		.pad-t-1d5 { padding-top: 1.5rem; }
		.pad-r-1d5 { padding-right: 1.5rem; }
		.pad-b-1d5 { padding-bottom: 1.5rem; }
		.pad-l-1d5 { padding-left: 1.5rem; }
	.pad-2 { padding: 2rem; }
		.pad-t-2 { padding-top: 2rem; }
		.pad-r-2 { padding-right: 2rem; }
		.pad-b-2 { padding-bottom: 2rem; }
		.pad-l-2 { padding-left: 2rem; }
	.pad-2d5 { padding: 2.5rem; }
		.pad-t-2d5 { padding-top: 2.5rem; }
		.pad-r-2d5 { padding-right: 2.5rem; }
		.pad-b-2d5 { padding-bottom: 2.5rem; }
		.pad-l-2d5 { padding-left: 2.5rem; }
	.pad-3 { padding: 3rem; }
		.pad-t-3 { padding-top: 3rem; }
		.pad-r-3 { padding-right: 3rem; }
		.pad-b-3 { padding-bottom: 3rem; }
		.pad-l-3 { padding-left: 3rem; }
	.pad-0 { padding: 0; }
		.pad-t-0 { padding-top: 0; }
		.pad-r-0 { padding-right: 0; }
		.pad-b-0 { padding-bottom: 0; }
		.pad-l-0 { padding-left: 0; }

	.mar-d25 { margin: .25rem; }
		.mar-t-d25 { margin-top: .25rem; }
		.mar-r-d25 { margin-right: .25rem; }
		.mar-b-d25 { margin-bottom: .25rem; }
		.mar-l-d25 { margin-left: .25rem; }
	.mar-d5 { margin: .5rem; }
		.mar-t-d5 { margin-top: .5rem; }
		.mar-r-d5 { margin-right: .5rem; }
		.mar-b-d5 { margin-bottom: .5rem; }
		.mar-l-d5 { margin-left: .5rem; }
	.mar-d75 { margin: .75rem; }
		.mar-t-d75 { margin-top: .75rem; }
		.mar-r-d75 { margin-right: .75rem; }
		.mar-b-d75 { margin-bottom: .75rem; }
		.mar-l-d75 { margin-left: .75rem; }
	.mar-1 { margin: 1rem; }
		.mar-t-1 { margin-top: 1rem; }
		.mar-r-1 { margin-right: 1rem; }
		.mar-b-1 { margin-bottom: 1rem; }
		.mar-l-1 { margin-left: 1rem; }
	.mar-1d5 { margin: 1.5rem; }
		.mar-t-1d5 { margin-top: 1.5rem; }
		.mar-r-1d5 { margin-right: 1.5rem; }
		.mar-b-1d5 { margin-bottom: 1.5rem; }
		.mar-l-1d5 { margin-left: 1.5rem; }
	.mar-2 { margin: 2rem; }
		.mar-t-2 { margin-top: 2rem; }
		.mar-r-2 { margin-right: 2rem; }
		.mar-b-2 { margin-bottom: 2rem; }
		.mar-l-2 { margin-left: 2rem; }
	.mar-2d5 { margin: 2.5rem; }
		.mar-t-2d5 { margin-top: 2.5rem; }
		.mar-r-2d5 { margin-right: 2.5rem; }
		.mar-b-2d5 { margin-bottom: 2.5rem; }
		.mar-l-2d5 { margin-left: 2.5rem; }
	.mar-3 { margin: 3rem; }
		.mar-t-3 { margin-top: 3rem; }
		.mar-r-3 { margin-right: 3rem; }
		.mar-b-3 { margin-bottom: 3rem; }
		.mar-l-3 { margin-left: 3rem; }
	.mar-0 { margin: 0; }
		.mar-t-0 { margin-top: 0; }
		.mar-r-0 { margin-right: 0; }
		.mar-b-0 { margin-bottom: 0; }
		.mar-l-0 { margin-left: 0; }

/* === Querie Tools === */

	/* === XXS === */
	@media only screen and (max-width: 399px) {

		.big-xxs { font-size: 1.5em; }
		.xbig-xxs { font-size: 2em; }
		.small-xxs { font-size: .75em; }
		.xsmall-xxs { font-size: .5em; }

		.disno-xxs { display: none; }
		.dis-xxs { display: inherit; }
		.abcenter-xxs { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }

		.ta-left-xxs { text-align: left; }
		.ta-right-xxs { text-align: right; }
		.ta-center-xxs { text-align: center; }

		.fl-left-xxs { float: left; }
		.fl-right-xxs { float: right; }
		.fl-center-xxs { display: block; margin: 0 auto; float: none !important; }

		.pad-d25-xxs { padding: .25rem; }
			.pad-t-d25-xxs { padding-top: .25rem; }
			.pad-r-d25-xxs { padding-right: .25rem; }
			.pad-b-d25-xxs { padding-bottom: .25rem; }
			.pad-l-d25-xxs { padding-left: .25rem; }
		.pad-d5-xxs { padding: .5rem; }
			.pad-t-d5-xxs { padding-top: .5rem; }
			.pad-r-d5-xxs { padding-right: .5rem; }
			.pad-b-d5-xxs { padding-bottom: .5rem; }
			.pad-l-d5-xxs { padding-left: .5rem; }
		.pad-d75-xxs { padding: .75rem; }
			.pad-t-d75-xxs { padding-top: .75rem; }
			.pad-r-d75-xxs { padding-right: .75rem; }
			.pad-b-d75-xxs { padding-bottom: .75rem; }
			.pad-l-d75-xxs { padding-left: .75rem; }
		.pad-1-xxs { padding: 1rem; }
			.pad-t-1-xxs { padding-top: 1rem; }
			.pad-r-1-xxs { padding-right: 1rem; }
			.pad-b-1-xxs { padding-bottom: 1rem; }
			.pad-l-1-xxs { padding-left: 1rem; }
		.pad-1d5-xxs { padding: 1.5rem; }
			.pad-t-1d5-xxs { padding-top: 1.5rem; }
			.pad-r-1d5-xxs { padding-right: 1.5rem; }
			.pad-b-1d5-xxs { padding-bottom: 1.5rem; }
			.pad-l-1d5-xxs { padding-left: 1.5rem; }
		.pad-2-xxs { padding: 2rem; }
			.pad-t-2-xxs { padding-top: 2rem; }
			.pad-r-2-xxs { padding-right: 2rem; }
			.pad-b-2-xxs { padding-bottom: 2rem; }
			.pad-l-2-xxs { padding-left: 2rem; }
		.pad-2d5-xxs { padding: 2.5rem; }
			.pad-t-2d5-xxs { padding-top: 2.5rem; }
			.pad-r-2d5-xxs { padding-right: 2.5rem; }
			.pad-b-2d5-xxs { padding-bottom: 2.5rem; }
			.pad-l-2d5-xxs { padding-left: 2.5rem; }
		.pad-3-xxs { padding: 3rem; }
			.pad-t-3-xxs { padding-top: 3rem; }
			.pad-r-3-xxs { padding-right: 3rem; }
			.pad-b-3-xxs { padding-bottom: 3rem; }
			.pad-l-3-xxs { padding-left: 3rem; }
		.pad-0-xxs { padding: 0; }
			.pad-t-0-xxs { padding-top: 0; }
			.pad-r-0-xxs { padding-right: 0; }
			.pad-b-0-xxs { padding-bottom: 0; }
			.pad-l-0-xxs { padding-left: 0; }

		.mar-d25-xxs { margin: .25rem; }
			.mar-t-d25-xxs { margin-top: .25rem; }
			.mar-r-d25-xxs { margin-right: .25rem; }
			.mar-b-d25-xxs { margin-bottom: .25rem; }
			.mar-l-d25-xxs { margin-left: .25rem; }
		.mar-d5-xxs { margin: .5rem; }
			.mar-t-d5-xxs { margin-top: .5rem; }
			.mar-r-d5-xxs { margin-right: .5rem; }
			.mar-b-d5-xxs { margin-bottom: .5rem; }
			.mar-l-d5-xxs { margin-left: .5rem; }
		.mar-d75-xxs { margin: .75rem; }
			.mar-t-d75-xxs { margin-top: .75rem; }
			.mar-r-d75-xxs { margin-right: .75rem; }
			.mar-b-d75-xxs { margin-bottom: .75rem; }
			.mar-l-d75-xxs { margin-left: .75rem; }
		.mar-1-xxs { margin: 1rem; }
			.mar-t-1-xxs { margin-top: 1rem; }
			.mar-r-1-xxs { margin-right: 1rem; }
			.mar-b-1-xxs { margin-bottom: 1rem; }
			.mar-l-1-xxs { margin-left: 1rem; }
		.mar-1d5-xxs { margin: 1.5rem; }
			.mar-t-1d5-xxs { margin-top: 1.5rem; }
			.mar-r-1d5-xxs { margin-right: 1.5rem; }
			.mar-b-1d5-xxs { margin-bottom: 1.5rem; }
			.mar-l-1d5-xxs { margin-left: 1.5rem; }
		.mar-2-xxs { margin: 2rem; }
			.mar-t-2-xxs { margin-top: 2rem; }
			.mar-r-2-xxs { margin-right: 2rem; }
			.mar-b-2-xxs { margin-bottom: 2rem; }
			.mar-l-2-xxs { margin-left: 2rem; }
		.mar-2d5-xxs { margin: 2.5rem; }
			.mar-t-2d5-xxs { margin-top: 2.5rem; }
			.mar-r-2d5-xxs { margin-right: 2.5rem; }
			.mar-b-2d5-xxs { margin-bottom: 2.5rem; }
			.mar-l-2d5-xxs { margin-left: 2.5rem; }
		.mar-3-xxs { margin: 3rem; }
			.mar-t-3-xxs { margin-top: 3rem; }
			.mar-r-3-xxs { margin-right: 3rem; }
			.mar-b-3-xxs { margin-bottom: 3rem; }
			.mar-l-3-xxs { margin-left: 3rem; }
		.mar-0-xxs { margin: 0; }
			.mar-t-0-xxs { margin-top: 0; }
			.mar-r-0-xxs { margin-right: 0; }
			.mar-b-0-xxs { margin-bottom: 0; }
			.mar-l-0-xxs { margin-left: 0; }
	}

	/* === XS === */
	@media only screen and (min-width: 400px) and (max-width: 599px) {

		.big-xs { font-size: 1.5em; }
		.xbig-xs { font-size: 2em; }
		.small-xs { font-size: .75em; }
		.xsmall-xs { font-size: .5em; }

		.disno-xs { display: none; }
		.dis-xs { display: inherit; }
		.abcenter-xs { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }

		.ta-left-xs { text-align: left; }
		.ta-right-xs { text-align: right; }
		.ta-center-xs { text-align: center; }

		.fl-left-xs { float: left; }
		.fl-right-xs { float: right; }
		.fl-center-xs { display: block; margin: 0 auto; float: none !important; }

		.pad-d25-xs { padding: .25rem; }
			.pad-t-d25-xs { padding-top: .25rem; }
			.pad-r-d25-xs { padding-right: .25rem; }
			.pad-b-d25-xs { padding-bottom: .25rem; }
			.pad-l-d25-xs { padding-left: .25rem; }
		.pad-d5-xs { padding: .5rem; }
			.pad-t-d5-xs { padding-top: .5rem; }
			.pad-r-d5-xs { padding-right: .5rem; }
			.pad-b-d5-xs { padding-bottom: .5rem; }
			.pad-l-d5-xs { padding-left: .5rem; }
		.pad-d75-xs { padding: .75rem; }
			.pad-t-d75-xs { padding-top: .75rem; }
			.pad-r-d75-xs { padding-right: .75rem; }
			.pad-b-d75-xs { padding-bottom: .75rem; }
			.pad-l-d75-xs { padding-left: .75rem; }
		.pad-1-xs { padding: 1rem; }
			.pad-t-1-xs { padding-top: 1rem; }
			.pad-r-1-xs { padding-right: 1rem; }
			.pad-b-1-xs { padding-bottom: 1rem; }
			.pad-l-1-xs { padding-left: 1rem; }
		.pad-1d5-xs { padding: 1.5rem; }
			.pad-t-1d5-xs { padding-top: 1.5rem; }
			.pad-r-1d5-xs { padding-right: 1.5rem; }
			.pad-b-1d5-xs { padding-bottom: 1.5rem; }
			.pad-l-1d5-xs { padding-left: 1.5rem; }
		.pad-2-xs { padding: 2rem; }
			.pad-t-2-xs { padding-top: 2rem; }
			.pad-r-2-xs { padding-right: 2rem; }
			.pad-b-2-xs { padding-bottom: 2rem; }
			.pad-l-2-xs { padding-left: 2rem; }
		.pad-2d5-xs { padding: 2.5rem; }
			.pad-t-2d5-xs { padding-top: 2.5rem; }
			.pad-r-2d5-xs { padding-right: 2.5rem; }
			.pad-b-2d5-xs { padding-bottom: 2.5rem; }
			.pad-l-2d5-xs { padding-left: 2.5rem; }
		.pad-3-xs { padding: 3rem; }
			.pad-t-3-xs { padding-top: 3rem; }
			.pad-r-3-xs { padding-right: 3rem; }
			.pad-b-3-xs { padding-bottom: 3rem; }
			.pad-l-3-xs { padding-left: 3rem; }
		.pad-0-xs { padding: 0; }
			.pad-t-0-xs { padding-top: 0; }
			.pad-r-0-xs { padding-right: 0; }
			.pad-b-0-xs { padding-bottom: 0; }
			.pad-l-0-xs { padding-left: 0; }

		.mar-d25-xs { margin: .25rem; }
			.mar-t-d25-xs { margin-top: .25rem; }
			.mar-r-d25-xs { margin-right: .25rem; }
			.mar-b-d25-xs { margin-bottom: .25rem; }
			.mar-l-d25-xs { margin-left: .25rem; }
		.mar-d5-xs { margin: .5rem; }
			.mar-t-d5-xs { margin-top: .5rem; }
			.mar-r-d5-xs { margin-right: .5rem; }
			.mar-b-d5-xs { margin-bottom: .5rem; }
			.mar-l-d5-xs { margin-left: .5rem; }
		.mar-d75-xs { margin: .75rem; }
			.mar-t-d75-xs { margin-top: .75rem; }
			.mar-r-d75-xs { margin-right: .75rem; }
			.mar-b-d75-xs { margin-bottom: .75rem; }
			.mar-l-d75-xs { margin-left: .75rem; }
		.mar-1-xs { margin: 1rem; }
			.mar-t-1-xs { margin-top: 1rem; }
			.mar-r-1-xs { margin-right: 1rem; }
			.mar-b-1-xs { margin-bottom: 1rem; }
			.mar-l-1-xs { margin-left: 1rem; }
		.mar-1d5-xs { margin: 1.5rem; }
			.mar-t-1d5-xs { margin-top: 1.5rem; }
			.mar-r-1d5-xs { margin-right: 1.5rem; }
			.mar-b-1d5-xs { margin-bottom: 1.5rem; }
			.mar-l-1d5-xs { margin-left: 1.5rem; }
		.mar-2-xs { margin: 2rem; }
			.mar-t-2-xs { margin-top: 2rem; }
			.mar-r-2-xs { margin-right: 2rem; }
			.mar-b-2-xs { margin-bottom: 2rem; }
			.mar-l-2-xs { margin-left: 2rem; }
		.mar-2d5-xs { margin: 2.5rem; }
			.mar-t-2d5-xs { margin-top: 2.5rem; }
			.mar-r-2d5-xs { margin-right: 2.5rem; }
			.mar-b-2d5-xs { margin-bottom: 2.5rem; }
			.mar-l-2d5-xs { margin-left: 2.5rem; }
		.mar-3-xs { margin: 3rem; }
			.mar-t-3-xs { margin-top: 3rem; }
			.mar-r-3-xs { margin-right: 3rem; }
			.mar-b-3-xs { margin-bottom: 3rem; }
			.mar-l-3-xs { margin-left: 3rem; }
		.mar-0-xs { margin: 0; }
			.mar-t-0-xs { margin-top: 0; }
			.mar-r-0-xs { margin-right: 0; }
			.mar-b-0-xs { margin-bottom: 0; }
			.mar-l-0-xs { margin-left: 0; }
	}

	/* === S === */
	@media only screen and (min-width: 600px) and (max-width: 899px) {

		.big-s { font-size: 1.5em; }
		.xbig-s { font-size: 2em; }
		.small-s { font-size: .75em; }
		.xsmall-s { font-size: .5em; }

		.disno-s { display: none; }
		.dis-s { display: inherit; }
		.abcenter-s { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }

		.ta-left-s { text-align: left; }
		.ta-right-s { text-align: right; }
		.ta-center-s { text-align: center; }

		.fl-left-s { float: left; }
		.fl-right-s { float: right; }
		.fl-center-s { display: block; margin: 0 auto; float: none !important; }

		.pad-d25-s { padding: .25rem; }
			.pad-t-d25-s { padding-top: .25rem; }
			.pad-r-d25-s { padding-right: .25rem; }
			.pad-b-d25-s { padding-bottom: .25rem; }
			.pad-l-d25-s { padding-left: .25rem; }
		.pad-d5-s { padding: .5rem; }
			.pad-t-d5-s { padding-top: .5rem; }
			.pad-r-d5-s { padding-right: .5rem; }
			.pad-b-d5-s { padding-bottom: .5rem; }
			.pad-l-d5-s { padding-left: .5rem; }
		.pad-d75-s { padding: .75rem; }
			.pad-t-d75-s { padding-top: .75rem; }
			.pad-r-d75-s { padding-right: .75rem; }
			.pad-b-d75-s { padding-bottom: .75rem; }
			.pad-l-d75-s { padding-left: .75rem; }
		.pad-1-s { padding: 1rem; }
			.pad-t-1-s { padding-top: 1rem; }
			.pad-r-1-s { padding-right: 1rem; }
			.pad-b-1-s { padding-bottom: 1rem; }
			.pad-l-1-s { padding-left: 1rem; }
		.pad-1d5-s { padding: 1.5rem; }
			.pad-t-1d5-s { padding-top: 1.5rem; }
			.pad-r-1d5-s { padding-right: 1.5rem; }
			.pad-b-1d5-s { padding-bottom: 1.5rem; }
			.pad-l-1d5-s { padding-left: 1.5rem; }
		.pad-2-s { padding: 2rem; }
			.pad-t-2-s { padding-top: 2rem; }
			.pad-r-2-s { padding-right: 2rem; }
			.pad-b-2-s { padding-bottom: 2rem; }
			.pad-l-2-s { padding-left: 2rem; }
		.pad-2d5-s { padding: 2.5rem; }
			.pad-t-2d5-s { padding-top: 2.5rem; }
			.pad-r-2d5-s { padding-right: 2.5rem; }
			.pad-b-2d5-s { padding-bottom: 2.5rem; }
			.pad-l-2d5-s { padding-left: 2.5rem; }
		.pad-3-s { padding: 3rem; }
			.pad-t-3-s { padding-top: 3rem; }
			.pad-r-3-s { padding-right: 3rem; }
			.pad-b-3-s { padding-bottom: 3rem; }
			.pad-l-3-s { padding-left: 3rem; }
		.pad-0-s { padding: 0; }
			.pad-t-0-s { padding-top: 0; }
			.pad-r-0-s { padding-right: 0; }
			.pad-b-0-s { padding-bottom: 0; }
			.pad-l-0-s { padding-left: 0; }

		.mar-d25-s { margin: .25rem; }
			.mar-t-d25-s { margin-top: .25rem; }
			.mar-r-d25-s { margin-right: .25rem; }
			.mar-b-d25-s { margin-bottom: .25rem; }
			.mar-l-d25-s { margin-left: .25rem; }
		.mar-d5-s { margin: .5rem; }
			.mar-t-d5-s { margin-top: .5rem; }
			.mar-r-d5-s { margin-right: .5rem; }
			.mar-b-d5-s { margin-bottom: .5rem; }
			.mar-l-d5-s { margin-left: .5rem; }
		.mar-d75-s { margin: .75rem; }
			.mar-t-d75-s { margin-top: .75rem; }
			.mar-r-d75-s { margin-right: .75rem; }
			.mar-b-d75-s { margin-bottom: .75rem; }
			.mar-l-d75-s { margin-left: .75rem; }
		.mar-1-s { margin: 1rem; }
			.mar-t-1-s { margin-top: 1rem; }
			.mar-r-1-s { margin-right: 1rem; }
			.mar-b-1-s { margin-bottom: 1rem; }
			.mar-l-1-s { margin-left: 1rem; }
		.mar-1d5-s { margin: 1.5rem; }
			.mar-t-1d5-s { margin-top: 1.5rem; }
			.mar-r-1d5-s { margin-right: 1.5rem; }
			.mar-b-1d5-s { margin-bottom: 1.5rem; }
			.mar-l-1d5-s { margin-left: 1.5rem; }
		.mar-2-s { margin: 2rem; }
			.mar-t-2-s { margin-top: 2rem; }
			.mar-r-2-s { margin-right: 2rem; }
			.mar-b-2-s { margin-bottom: 2rem; }
			.mar-l-2-s { margin-left: 2rem; }
		.mar-2d5-s { margin: 2.5rem; }
			.mar-t-2d5-s { margin-top: 2.5rem; }
			.mar-r-2d5-s { margin-right: 2.5rem; }
			.mar-b-2d5-s { margin-bottom: 2.5rem; }
			.mar-l-2d5-s { margin-left: 2.5rem; }
		.mar-3-s { margin: 3rem; }
			.mar-t-3-s { margin-top: 3rem; }
			.mar-r-3-s { margin-right: 3rem; }
			.mar-b-3-s { margin-bottom: 3rem; }
			.mar-l-3-s { margin-left: 3rem; }
		.mar-0-s { margin: 0; }
			.mar-t-0-s { margin-top: 0; }
			.mar-r-0-s { margin-right: 0; }
			.mar-b-0-s { margin-bottom: 0; }
			.mar-l-0-s { margin-left: 0; }
	}

	/* === M === */
	@media only screen and (min-width: 900px) and (max-width: 1199px) {

		.big-m { font-size: 1.5em; }
		.xbig-m { font-size: 2em; }
		.small-m { font-size: .75em; }
		.xsmall-m { font-size: .5em; }

		.disno-m { display: none; }
		.dis-m { display: inherit; }
		.abcenter-m { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }

		.ta-left-m { text-align: left; }
		.ta-right-m { text-align: right; }
		.ta-center-m { text-align: center; }

		.fl-left-m { float: left; }
		.fl-right-m { float: right; }
		.fl-center-m { display: block; margin: 0 auto; float: none !important; }

		.pad-d25-m { padding: .25rem; }
			.pad-t-d25-m { padding-top: .25rem; }
			.pad-r-d25-m { padding-right: .25rem; }
			.pad-b-d25-m { padding-bottom: .25rem; }
			.pad-l-d25-m { padding-left: .25rem; }
		.pad-d5-m { padding: .5rem; }
			.pad-t-d5-m { padding-top: .5rem; }
			.pad-r-d5-m { padding-right: .5rem; }
			.pad-b-d5-m { padding-bottom: .5rem; }
			.pad-l-d5-m { padding-left: .5rem; }
		.pad-d75-m { padding: .75rem; }
			.pad-t-d75-m { padding-top: .75rem; }
			.pad-r-d75-m { padding-right: .75rem; }
			.pad-b-d75-m { padding-bottom: .75rem; }
			.pad-l-d75-m { padding-left: .75rem; }
		.pad-1-m { padding: 1rem; }
			.pad-t-1-m { padding-top: 1rem; }
			.pad-r-1-m { padding-right: 1rem; }
			.pad-b-1-m { padding-bottom: 1rem; }
			.pad-l-1-m { padding-left: 1rem; }
		.pad-1d5-m { padding: 1.5rem; }
			.pad-t-1d5-m { padding-top: 1.5rem; }
			.pad-r-1d5-m { padding-right: 1.5rem; }
			.pad-b-1d5-m { padding-bottom: 1.5rem; }
			.pad-l-1d5-m { padding-left: 1.5rem; }
		.pad-2-m { padding: 2rem; }
			.pad-t-2-m { padding-top: 2rem; }
			.pad-r-2-m { padding-right: 2rem; }
			.pad-b-2-m { padding-bottom: 2rem; }
			.pad-l-2-m { padding-left: 2rem; }
		.pad-2d5-m { padding: 2.5rem; }
			.pad-t-2d5-m { padding-top: 2.5rem; }
			.pad-r-2d5-m { padding-right: 2.5rem; }
			.pad-b-2d5-m { padding-bottom: 2.5rem; }
			.pad-l-2d5-m { padding-left: 2.5rem; }
		.pad-3-m { padding: 3rem; }
			.pad-t-3-m { padding-top: 3rem; }
			.pad-r-3-m { padding-right: 3rem; }
			.pad-b-3-m { padding-bottom: 3rem; }
			.pad-l-3-m { padding-left: 3rem; }
		.pad-0-m { padding: 0; }
			.pad-t-0-m { padding-top: 0; }
			.pad-r-0-m { padding-right: 0; }
			.pad-b-0-m { padding-bottom: 0; }
			.pad-l-0-m { padding-left: 0; }

		.mar-d25-m { margin: .25rem; }
			.mar-t-d25-m { margin-top: .25rem; }
			.mar-r-d25-m { margin-right: .25rem; }
			.mar-b-d25-m { margin-bottom: .25rem; }
			.mar-l-d25-m { margin-left: .25rem; }
		.mar-d5-m { margin: .5rem; }
			.mar-t-d5-m { margin-top: .5rem; }
			.mar-r-d5-m { margin-right: .5rem; }
			.mar-b-d5-m { margin-bottom: .5rem; }
			.mar-l-d5-m { margin-left: .5rem; }
		.mar-d75-m { margin: .75rem; }
			.mar-t-d75-m { margin-top: .75rem; }
			.mar-r-d75-m { margin-right: .75rem; }
			.mar-b-d75-m { margin-bottom: .75rem; }
			.mar-l-d75-m { margin-left: .75rem; }
		.mar-1-m { margin: 1rem; }
			.mar-t-1-m { margin-top: 1rem; }
			.mar-r-1-m { margin-right: 1rem; }
			.mar-b-1-m { margin-bottom: 1rem; }
			.mar-l-1-m { margin-left: 1rem; }
		.mar-1d5-m { margin: 1.5rem; }
			.mar-t-1d5-m { margin-top: 1.5rem; }
			.mar-r-1d5-m { margin-right: 1.5rem; }
			.mar-b-1d5-m { margin-bottom: 1.5rem; }
			.mar-l-1d5-m { margin-left: 1.5rem; }
		.mar-2-m { margin: 2rem; }
			.mar-t-2-m { margin-top: 2rem; }
			.mar-r-2-m { margin-right: 2rem; }
			.mar-b-2-m { margin-bottom: 2rem; }
			.mar-l-2-m { margin-left: 2rem; }
		.mar-2d5-m { margin: 2.5rem; }
			.mar-t-2d5-m { margin-top: 2.5rem; }
			.mar-r-2d5-m { margin-right: 2.5rem; }
			.mar-b-2d5-m { margin-bottom: 2.5rem; }
			.mar-l-2d5-m { margin-left: 2.5rem; }
		.mar-3-m { margin: 3rem; }
			.mar-t-3-m { margin-top: 3rem; }
			.mar-r-3-m { margin-right: 3rem; }
			.mar-b-3-m { margin-bottom: 3rem; }
			.mar-l-3-m { margin-left: 3rem; }
		.mar-0-m { margin: 0; }
			.mar-t-0-m { margin-top: 0; }
			.mar-r-0-m { margin-right: 0; }
			.mar-b-0-m { margin-bottom: 0; }
			.mar-l-0-m { margin-left: 0; }
	}

	/* === L === */
	@media only screen and (min-width: 1200px) and (max-width: 1799px) {

		.big-l { font-size: 1.5em; }
		.xbig-l { font-size: 2em; }
		.small-l { font-size: .75em; }
		.xsmall-l { font-size: .5em; }

		.disno-l { display: none; }
		.dis-l { display: inherit; }
		.abcenter-l { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }

		.ta-left-l { text-align: left; }
		.ta-right-l { text-align: right; }
		.ta-center-l { text-align: center; }

		.fl-left-l { float: left; }
		.fl-right-l { float: right; }
		.fl-center-l { display: block; margin: 0 auto; float: none !important; }

		.pad-d25-l { padding: .25rem; }
			.pad-t-d25-l { padding-top: .25rem; }
			.pad-r-d25-l { padding-right: .25rem; }
			.pad-b-d25-l { padding-bottom: .25rem; }
			.pad-l-d25-l { padding-left: .25rem; }
		.pad-d5-l { padding: .5rem; }
			.pad-t-d5-l { padding-top: .5rem; }
			.pad-r-d5-l { padding-right: .5rem; }
			.pad-b-d5-l { padding-bottom: .5rem; }
			.pad-l-d5-l { padding-left: .5rem; }
		.pad-d75-l { padding: .75rem; }
			.pad-t-d75-l { padding-top: .75rem; }
			.pad-r-d75-l { padding-right: .75rem; }
			.pad-b-d75-l { padding-bottom: .75rem; }
			.pad-l-d75-l { padding-left: .75rem; }
		.pad-1-l { padding: 1rem; }
			.pad-t-1-l { padding-top: 1rem; }
			.pad-r-1-l { padding-right: 1rem; }
			.pad-b-1-l { padding-bottom: 1rem; }
			.pad-l-1-l { padding-left: 1rem; }
		.pad-1d5-l { padding: 1.5rem; }
			.pad-t-1d5-l { padding-top: 1.5rem; }
			.pad-r-1d5-l { padding-right: 1.5rem; }
			.pad-b-1d5-l { padding-bottom: 1.5rem; }
			.pad-l-1d5-l { padding-left: 1.5rem; }
		.pad-2-l { padding: 2rem; }
			.pad-t-2-l { padding-top: 2rem; }
			.pad-r-2-l { padding-right: 2rem; }
			.pad-b-2-l { padding-bottom: 2rem; }
			.pad-l-2-l { padding-left: 2rem; }
		.pad-2d5-l { padding: 2.5rem; }
			.pad-t-2d5-l { padding-top: 2.5rem; }
			.pad-r-2d5-l { padding-right: 2.5rem; }
			.pad-b-2d5-l { padding-bottom: 2.5rem; }
			.pad-l-2d5-l { padding-left: 2.5rem; }
		.pad-3-l { padding: 3rem; }
			.pad-t-3-l { padding-top: 3rem; }
			.pad-r-3-l { padding-right: 3rem; }
			.pad-b-3-l { padding-bottom: 3rem; }
			.pad-l-3-l { padding-left: 3rem; }
		.pad-0-l { padding: 0; }
			.pad-t-0-l { padding-top: 0; }
			.pad-r-0-l { padding-right: 0; }
			.pad-b-0-l { padding-bottom: 0; }
			.pad-l-0-l { padding-left: 0; }

		.mar-d25-l { margin: .25rem; }
			.mar-t-d25-l { margin-top: .25rem; }
			.mar-r-d25-l { margin-right: .25rem; }
			.mar-b-d25-l { margin-bottom: .25rem; }
			.mar-l-d25-l { margin-left: .25rem; }
		.mar-d5-l { margin: .5rem; }
			.mar-t-d5-l { margin-top: .5rem; }
			.mar-r-d5-l { margin-right: .5rem; }
			.mar-b-d5-l { margin-bottom: .5rem; }
			.mar-l-d5-l { margin-left: .5rem; }
		.mar-d75-l { margin: .75rem; }
			.mar-t-d75-l { margin-top: .75rem; }
			.mar-r-d75-l { margin-right: .75rem; }
			.mar-b-d75-l { margin-bottom: .75rem; }
			.mar-l-d75-l { margin-left: .75rem; }
		.mar-1-l { margin: 1rem; }
			.mar-t-1-l { margin-top: 1rem; }
			.mar-r-1-l { margin-right: 1rem; }
			.mar-b-1-l { margin-bottom: 1rem; }
			.mar-l-1-l { margin-left: 1rem; }
		.mar-1d5-l { margin: 1.5rem; }
			.mar-t-1d5-l { margin-top: 1.5rem; }
			.mar-r-1d5-l { margin-right: 1.5rem; }
			.mar-b-1d5-l { margin-bottom: 1.5rem; }
			.mar-l-1d5-l { margin-left: 1.5rem; }
		.mar-2-l { margin: 2rem; }
			.mar-t-2-l { margin-top: 2rem; }
			.mar-r-2-l { margin-right: 2rem; }
			.mar-b-2-l { margin-bottom: 2rem; }
			.mar-l-2-l { margin-left: 2rem; }
		.mar-2d5-l { margin: 2.5rem; }
			.mar-t-2d5-l { margin-top: 2.5rem; }
			.mar-r-2d5-l { margin-right: 2.5rem; }
			.mar-b-2d5-l { margin-bottom: 2.5rem; }
			.mar-l-2d5-l { margin-left: 2.5rem; }
		.mar-3-l { margin: 3rem; }
			.mar-t-3-l { margin-top: 3rem; }
			.mar-r-3-l { margin-right: 3rem; }
			.mar-b-3-l { margin-bottom: 3rem; }
			.mar-l-3-l { margin-left: 3rem; }
		.mar-0-l { margin: 0; }
			.mar-t-0-l { margin-top: 0; }
			.mar-r-0-l { margin-right: 0; }
			.mar-b-0-l { margin-bottom: 0; }
			.mar-l-0-l { margin-left: 0; }
	}

	/* === XL === */
	@media only screen and (min-width: 1800px) {

		.big-xl { font-size: 1.5em; }
		.xbig-xl { font-size: 2em; }
		.small-xl { font-size: .75em; }
		.xsmall-xl { font-size: .5em; }

		.disno-xl { display: none; }
		.dis-xl { display: inherit; }
		.abcenter-xl { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }

		.ta-left-xl { text-align: left; }
		.ta-right-xl { text-align: right; }
		.ta-center-xl { text-align: center; }

		.fl-left-xl { float: left; }
		.fl-right-xl { float: right; }
		.fl-center-xl { display: block; margin: 0 auto; float: none !important; }

		.pad-d25-xl { padding: .25rem; }
			.pad-t-d25-xl { padding-top: .25rem; }
			.pad-r-d25-xl { padding-right: .25rem; }
			.pad-b-d25-xl { padding-bottom: .25rem; }
			.pad-l-d25-xl { padding-left: .25rem; }
		.pad-d5-xl { padding: .5rem; }
			.pad-t-d5-xl { padding-top: .5rem; }
			.pad-r-d5-xl { padding-right: .5rem; }
			.pad-b-d5-xl { padding-bottom: .5rem; }
			.pad-l-d5-xl { padding-left: .5rem; }
		.pad-d75-xl { padding: .75rem; }
			.pad-t-d75-xl { padding-top: .75rem; }
			.pad-r-d75-xl { padding-right: .75rem; }
			.pad-b-d75-xl { padding-bottom: .75rem; }
			.pad-l-d75-xl { padding-left: .75rem; }
		.pad-1-xl { padding: 1rem; }
			.pad-t-1-xl { padding-top: 1rem; }
			.pad-r-1-xl { padding-right: 1rem; }
			.pad-b-1-xl { padding-bottom: 1rem; }
			.pad-l-1-xl { padding-left: 1rem; }
		.pad-1d5-xl { padding: 1.5rem; }
			.pad-t-1d5-xl { padding-top: 1.5rem; }
			.pad-r-1d5-xl { padding-right: 1.5rem; }
			.pad-b-1d5-xl { padding-bottom: 1.5rem; }
			.pad-l-1d5-xl { padding-left: 1.5rem; }
		.pad-2-xl { padding: 2rem; }
			.pad-t-2-xl { padding-top: 2rem; }
			.pad-r-2-xl { padding-right: 2rem; }
			.pad-b-2-xl { padding-bottom: 2rem; }
			.pad-l-2-xl { padding-left: 2rem; }
		.pad-2d5-xl { padding: 2.5rem; }
			.pad-t-2d5-xl { padding-top: 2.5rem; }
			.pad-r-2d5-xl { padding-right: 2.5rem; }
			.pad-b-2d5-xl { padding-bottom: 2.5rem; }
			.pad-l-2d5-xl { padding-left: 2.5rem; }
		.pad-3-xl { padding: 3rem; }
			.pad-t-3-xl { padding-top: 3rem; }
			.pad-r-3-xl { padding-right: 3rem; }
			.pad-b-3-xl { padding-bottom: 3rem; }
			.pad-l-3-xl { padding-left: 3rem; }
		.pad-0-xl { padding: 0; }
			.pad-t-0-xl { padding-top: 0; }
			.pad-r-0-xl { padding-right: 0; }
			.pad-b-0-xl { padding-bottom: 0; }
			.pad-l-0-xl { padding-left: 0; }

		.mar-d25-xl { margin: .25rem; }
			.mar-t-d25-xl { margin-top: .25rem; }
			.mar-r-d25-xl { margin-right: .25rem; }
			.mar-b-d25-xl { margin-bottom: .25rem; }
			.mar-l-d25-xl { margin-left: .25rem; }
		.mar-d5-xl { margin: .5rem; }
			.mar-t-d5-xl { margin-top: .5rem; }
			.mar-r-d5-xl { margin-right: .5rem; }
			.mar-b-d5-xl { margin-bottom: .5rem; }
			.mar-l-d5-xl { margin-left: .5rem; }
		.mar-d75-xl { margin: .75rem; }
			.mar-t-d75-xl { margin-top: .75rem; }
			.mar-r-d75-xl { margin-right: .75rem; }
			.mar-b-d75-xl { margin-bottom: .75rem; }
			.mar-l-d75-xl { margin-left: .75rem; }
		.mar-1-xl { margin: 1rem; }
			.mar-t-1-xl { margin-top: 1rem; }
			.mar-r-1-xl { margin-right: 1rem; }
			.mar-b-1-xl { margin-bottom: 1rem; }
			.mar-l-1-xl { margin-left: 1rem; }
		.mar-1d5-xl { margin: 1.5rem; }
			.mar-t-1d5-xl { margin-top: 1.5rem; }
			.mar-r-1d5-xl { margin-right: 1.5rem; }
			.mar-b-1d5-xl { margin-bottom: 1.5rem; }
			.mar-l-1d5-xl { margin-left: 1.5rem; }
		.mar-2-xl { margin: 2rem; }
			.mar-t-2-xl { margin-top: 2rem; }
			.mar-r-2-xl { margin-right: 2rem; }
			.mar-b-2-xl { margin-bottom: 2rem; }
			.mar-l-2-xl { margin-left: 2rem; }
		.mar-2d5-xl { margin: 2.5rem; }
			.mar-t-2d5-xl { margin-top: 2.5rem; }
			.mar-r-2d5-xl { margin-right: 2.5rem; }
			.mar-b-2d5-xl { margin-bottom: 2.5rem; }
			.mar-l-2d5-xl { margin-left: 2.5rem; }
		.mar-3-xl { margin: 3rem; }
			.mar-t-3-xl { margin-top: 3rem; }
			.mar-r-3-xl { margin-right: 3rem; }
			.mar-b-3-xl { margin-bottom: 3rem; }
			.mar-l-3-xl { margin-left: 3rem; }
		.mar-0-xl { margin: 0; }
			.mar-t-0-xl { margin-top: 0; }
			.mar-r-0-xl { margin-right: 0; }
			.mar-b-0-xl { margin-bottom: 0; }
			.mar-l-0-xl { margin-left: 0; }
	}

/* === Print styles === */

	@media print {
		*, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
		 a, a:visited { text-decoration: underline; }
		 a[href]:after { content: " (" attr(href) ")"; }
		 abbr[title]:after { content: " (" attr(title) ")"; }
		 a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
		 pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
		 thead { display: table-header-group; }
		 tr, img { page-break-inside: avoid; }
		 img { max-width: 100% !important; }
		 p, h2, h3 { orphans: 3; widows: 3; }
		 h2, h3 { page-break-after: avoid; }
	}