/*!
* Inspired by KNACSS Reborn (https://www.knacss.com/)
* @author: Simon Jacques (https://www.fostra.com/)
* v1.1.18 2026
*/




/* ------------------------------ */
/* Table of Content               */
/* ------------------------------ */

/*
1- Reset (base)
2- Reset (forms)
3- Form oddities
4- Print (quick print reset)

5- Libraries :
	- Buttons
	- ...
	- ...
	- ...
	- ...

6- Components :
	- ...
	- ...
	- ...
	- ...
*/




/* ------------------------------ */
/* Reset (base)                   */
/* ------------------------------ */

/*
* 1. Switch to border-box model for all elements
* 2. Avoid min-width: auto and min-height: auto on flex and grid children
*/
*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	/* 1 */
	/* min-width: 0; */
	/* 2 */
	/* min-height: 0; */
	/* 2 */
}

html,
body {
	height: 100%;
}

/*
* 1. Set base font-size to equiv "10px", which is adapted to rem unit
* 2. IE9-IE11 math fixing. See http://bit.ly/1g4X0bX
* 3. Remove the grey highlight on links in iOS 
* 4. Prevent orientation font changes in iOS
* 5. Breaks words to prevent overflow in all browsers
*/
html {
	font-size: 62.5%;
	/* 1 */
	font-size: calc(1em * 0.625);
	/* 2 */
	-webkit-tap-highlight-color: transparent;
	/* 3 */
	-webkit-text-size-adjust: 100%;
	/* 4 */
	overflow-wrap: break-word;
	/* 5 */
}

body {
	font-family: 'Barlow', sans-serif;
	font-weight: 400;
	font-size: 1.8rem; /* equiv 18px */
	line-height: 1.167; /* equiv 21px */
	color: #2c2c22;
	background-color: #fff;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	   -ms-flex-direction: column;
	       flex-direction: column;

	min-height: 100vh;
	margin: 0;
}

/*
* 1. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
* 2. Remove the bottom border in Chrome 57-
*/
abbr[title] {
	text-decoration: underline;
	/* 1 */
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
	/* 1 */
	border-bottom: none;
	/* 2 */
}

/*
* Vertical rythm
*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
address,
blockquote,
pre {
	margin-top: 1.5em;
	margin-bottom: 0;
}

li,
dt,
dd,
figure,
legend {
	margin-top: 0.5em;
	margin-bottom: 0;
}

caption {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}

/*
First elements
*/
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
table:first-child,
address:first-child,
blockquote:first-child,
pre:first-child {
	margin-top: 0;
}

/*
* Nested elements
*/
li p,
li ul,
li ol,
ul ul,
ul ol,
ol ul,
ol ol,
nav ul,
nav ol {
	margin-top: 0;
	margin-bottom: 0;
}

/*
* Lists
*/
ul,
ol,
dl {
	padding-left: 2em;
}

nav ul,
nav ol {
	list-style: none;
	padding: 0;
}

/*
* Embed content
*/
img,
svg,
audio,
video,
canvas,
iframe {
	vertical-align: middle;
}

img,
svg,
video,
table,
td,
blockquote,
pre,
code,
input,
select,
textarea,
iframe {
	max-width: 100%;
}

img,
input,
select,
textarea,
iframe {
	height: auto;
}

/*
* Remove the border in all browsers
*/
img,
iframe {
	border-style: none;
}

/*
* Fill color matching to text color
*/
svg:not([fill]) {
	fill: currentColor;
}

/*
* Hide the overflow in IE
*/
svg:not(:root) {
	overflow: hidden;
}

/*
* Tables
*/
table {
	vertical-align: top;
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
	max-width: 100%;
	margin-top: 2em;
}

/*
* Superscript and subscript
*/
sup,
sub {
	font-size: 0.5em;
	line-height: 0;

	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.75em;
}

sub {
	bottom: 0;
}

/*
* Rulers
*/
hr {
	color: inherit;
	clear: both;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	width: 100%;
	height: 0;
	margin: 2em 0;
	border: 0;
	border-top: 1px solid;
	overflow: visible;
}

/*
* Disable animations styles when reduced motion is enabled
*/
/* @media (prefers-reduced-motion: reduce) {
	* {
		-webkit-animation: none !important;
		        animation: none !important;
		-webkit-transition: none !important;
		        transition: none !important;
	}
} */

/*
* Change the cursor on busy elements in all browsers.
*/
[aria-busy="true"] {
	cursor: progress;
}

/*
* Change the cursor on control elements in all browsers.
*/
[aria-controls] {
	cursor: pointer;
}

/*
* Change the cursor on disabled, not-editable, or otherwise
* inoperable elements in all browsers.
*/
[aria-disabled="true"],
[disabled] {
	cursor: not-allowed;
}

/*
* Change the display on visually hidden accessible elements
* in all browsers.
*/
[aria-hidden="false"][hidden] {
	display: initial;
}

[aria-hidden="false"][hidden]:not(:focus) {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}




/* ------------------------------ */
/* Reset (forms)                  */
/* ------------------------------ */
/*
* Remove the tapping delay on clickable elements in all browsers .
*/
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
	-ms-touch-action: manipulation;
	    touch-action: manipulation;
}

/*
* 1. Add typography inheritance in all browsers.
* 2. Change the inconsistent appearance in all browsers.
*/
button,
input,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: inherit;
	/* 1 */
	line-height: inherit;
	/* 1 */
	letter-spacing: inherit;
	/* 1 */
	color: inherit;
	/* 2 */
	background-color: transparent;
	/* 2 */
	vertical-align: middle;
	margin: 0;
}

/*
* Basic user interface reset
*/
button,
input:not([type="radio"]):not([type="checkbox"]),
select,
textarea {
	border: 0;
}

/*
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre,
code,
kbd,
samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

pre {
	line-height: normal;
	white-space: pre-wrap;
	-moz-tab-size: 2;
	     tab-size: 2;
	-ms-overflow-style: scrollbar;
	overflow: auto;
}

/*
* Show overflow in IE/Edge
*/
button,
input {
	overflow: visible;
}

/* 
* Remove the inheritance of text transform in Firefox
*/
button,
select {
	text-transform: none;
}

/*
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

form,
fieldset {
	border: none;
}

fieldset {
	margin: 0;
	padding: 0;
}

legend {
	white-space: normal;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0 0.5em;
	border: 0;
}

label {
	cursor: pointer;
	display: inline-block;
}

textarea {
	white-space: pre-wrap;
	vertical-align: top;
	overflow: auto;
	resize: none;
}

progress {
	display: inline-block;
	vertical-align: baseline;
	width: 100%;
}

output {
	display: inline-block;
}

summary {
	display: list-item;
}

template {
	display: none;
}




/* ------------------------------ */
/* Form oddities                  */
/* ------------------------------ */
/*
* 1. Correct the odd appearance in Chrome, Edge, and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}

/*
* Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

/*
* Correct the text style of placeholders.
*/
::-webkit-input-placeholder { /* Chrome, Opera and Safari */
	color: inherit;
	opacity: 1;
}

::-moz-placeholder { /* Firefox 19+ */
	color: inherit;
	opacity: 1;
}

:-ms-input-placeholder { /* IE 10+ */
	color: inherit;
	opacity: 1;
}

:-moz-placeholder { /* Firefox 18- */
	color: inherit;
	opacity: 1;
}

/*
* Remove the inner padding in Chrome, Edge, and Safari on macOS.
*/
::-webkit-search-decoration {
	-webkit-appearance: none;
}

/*
* 1. Change font properties to `inherit` in Safari.
* 2. Correct the inability to style upload buttons in iOS and Safari.
*/
::-webkit-file-upload-button {
	font: inherit;
	/* 1 */
	-webkit-appearance: button;
	/* 2 */
}

/*
* Remove the inner border and padding of focus outlines in Firefox.
*/
::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

/*
* Restore the focus outline styles unset by the previous rule in Firefox.
*/
:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/*
* Remove the additional :invalid styles in Firefox.
*/
:-moz-ui-invalid {
	box-shadow: none;
}




/* ------------------------------ */
/* Print (quick print reset)      */
/* ------------------------------ */
@media print {
	* {
		background: transparent !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	body {
		font-family: serif;
		font-size: 12pt;
		width: auto;
		margin: auto;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	ul,
	ol,
	blockquote,
	label {
		color: #000;
		margin: auto;
	}
	.print {
		display: block;
	}
	.no-print {
		display: none;
	}
	/* No orphans, no widows */
	p,
	blockquote {
		orphans: 3;
		widows: 3;
	}
	/* No breaks inside these elements */
	ul,
	ol,
	blockquote {
		page-break-inside: avoid;
	}
	/* Page break before main headers */
	/* h1 {
		page-break-before: always;
	}
	*/
	/* No breaks after these elements */
	h1,
	h2,
	h3,
	caption {
		page-break-after: avoid;
	}
	a {
		color: #000;
	}
	/* Displaying URLs */
	/* a[href]::after {
		content: " (" attr(href) ")";
	}
	*/
	a[href^="javascript:"]::after,
	a[href^="#"]::after {
		content: "";
	}
}




/* ------------------------------ */
/* Buttons                        */
/* ------------------------------ */

/* Preferably use <button> for buttons */
/* Use .button- classes for variants */

.button,
.button-square {
	font-family: 'Barlow', sans-serif;
	font-size: 1.8rem; /* equiv 18px */
	line-height: 1; /* equiv 18px */
	letter-spacing: 0.125em;
	text-align: center;

	display: inline-block;
	max-width: 100%;
}

.button > *,
.button-square > * {
	background-color: transparent !important;

	display: block;
	width: 100%;
}

.button > * {
	padding: 0.75em 1.5em;
	border-radius: 10px !important;
}

.button-square > * {
	padding: 1em 2.5em;
}

.button .ba1 {
	padding: calc(0.75em - 1px) calc(1.5em - 1px);
}

.button .ba2 {
	padding: calc(0.75em - 2px) calc(1.5em - 2px);
}

.button .ba3 {
	padding: calc(0.75em - 3px) calc(1.5em - 3px);
}

.button .ba4 {
	padding: calc(0.75em - 4px) calc(1.5em - 4px);
}

.button-square .ba1 {
	padding: calc(1em - 1px) calc(2.5em - 1px);
}

.button-square .ba2 {
	padding: calc(1em - 2px) calc(2.5em - 2px);
}

.button-square .ba3 {
	padding: calc(1em - 3px) calc(2.5em - 3px);
}

.button-square .ba4 {
	padding: calc(1em - 4px) calc(2.5em - 4px);
}

.button .text,
.button-square .text {
	display: block;
}




/* ------------------------------ */
/* Helpers                        */
/* ------------------------------ */

/* Typo Helpers */
/* ------------ */

/* Barlow */
.sans {
	font-family: 'Barlow', sans-serif;
}

/* Playfair Display */
.serif {
	font-family: 'Playfair Display', serif;
}

/* Headings */
h1, .h1-like,
h2, .h2-like,
h3, .h3-like,
h4, .h4-like,
h5, .h5-like,
h6, .h6-like,
.h7-like,
.h8-like,
.h9-like,
.h10-like,
.h11-like,
.h12-like,
.h13-like,
.h14-like,
.h15-like,
.h16-like,
.h17-like,
.h18-like {
	font-weight: 400;
}

h1, .h1-like {
	font-size: 5rem; /* equiv 60px */
	line-height: 1.1; /* equiv 66px */
}

h2, .h2-like {
	font-size: 5rem; /* equiv 50px */
	line-height: 1.12; /* equiv 56px */
}

h3, .h3-like {
	font-size: 4rem; /* equiv 40px */
	line-height: 1.1; /* equiv 44px */
}

h4, .h4-like {
	font-size: 3.8rem; /* equiv 36px */
	line-height: 1.111; /* equiv 40px */
}

h5, .h5-like {
	font-size: 3.4rem; /* equiv 34px */
	line-height: 1.176; /* equiv 40px */
}

h6, .h6-like {
	font-size: 3.2rem; /* equiv 32px */
	line-height: 1.188; /* equiv 38px */
}

.h7-like {
	font-size: 2.8rem; /* equiv 28px */
	line-height: 1.214; /* equiv 34px */
}

.h8-like {
	font-size: 2.6rem; /* equiv 26px */
	line-height: 1.231; /* equiv 32px */
}

.h9-like {
	font-size: 2.4rem; /* equiv 24px */
	line-height: 1.25; /* equiv 30px */
}

.h10-like {
	font-size: 2.2rem; /* equiv 22px */
	line-height: 1.227; /* equiv 27px */
}

.h11-like {
	font-size: 2.1rem; /* equiv 21px */
	line-height: 1.238; /* equiv 26px */
}

.h12-like {
	font-size: 2rem; /* equiv 20px */
	line-height: 1.2; /* equiv 24px */
}

.h13-like {
	font-size: 1.8rem; /* equiv 18px */
	line-height: 1.167; /* equiv 21px */
}

.h14-like {
	font-size: 1.6rem; /* equiv 16px */
	line-height: 1.125; /* equiv 18px */
}

.h15-like {
	font-size: 1.4rem; /* equiv 14px */
	line-height: 1.143; /* equiv 16px */
}

.h16-like {
	font-size: 1.2rem; /* equiv 12px */
	line-height: 1.167; /* equiv 14px */
}

.h17-like {
	font-size: 1.1rem; /* equiv 11px */
	line-height: 1.182; /* equiv 13px */
}

.h18-like {
	font-size: 1rem; /* equiv 10px */
	line-height: 1.2; /* equiv 12px */
}

/* Big screens and bigger */
@media (min-width: 900px) {
	h1, .h1-like {
		font-size: 7.2rem; /* equiv 72px */
		line-height: 1.222; /* equiv 88px */
	}

	h2, .h2-like {
		font-size: 6rem; /* equiv 60px */
		line-height: 1.2; /* equiv 72px */
	}

	h3, .h3-like {
		font-size: 5rem; /* equiv 50px */
		line-height: 1.2; /* equiv 60px */
	}

	h4, .h4-like {
		font-size: 4.4rem; /* equiv 44px */
		line-height: 1.227; /* equiv 54px */
	}

	h5, .h5-like {
		font-size: 4rem; /* equiv 40px */
		line-height: 1.2; /* equiv 48px */
	}

	h6, .h6-like {
		font-size: 3.6rem; /* equiv 36px */
		line-height: 1.222; /* equiv 44px */
	}

	.h7-like {
		font-size: 3.2rem; /* equiv 32px */
		line-height: 1.25; /* equiv 40px */
	}

	.h8-like {
		font-size: 3rem; /* equiv 30px */
		line-height: 1.2; /* equiv 36px */
	}

	.h9-like {
		font-size: 2.8rem; /* equiv 28px */
		line-height: 1.214; /* equiv 34px */
	}

	.h10-like {
		font-size: 2.6rem; /* equiv 26px */
		line-height: 1.231; /* equiv 32px */
	}

	.h11-like {
		font-size: 2.4rem; /* equiv 24px */
		line-height: 1.25; /* equiv 30px */
	}

	.h12-like {
		font-size: 2.2rem; /* equiv 22px */
		line-height: 1.227; /* equiv 27px */
	}

	.h13-like {
		font-size: 2rem; /* equiv 20px */
		line-height: 1.2; /* equiv 24px */
	}

	.h14-like {
		font-size: 1.8rem; /* equiv 18px */
		line-height: 1.167; /* equiv 21px */
	}

	.h15-like {
		font-size: 1.6rem; /* equiv 16px */
		line-height: 1.125; /* equiv 18px */
	}

	.h16-like {
		font-size: 1.4rem; /* equiv 14px */
		line-height: 1.143; /* equiv 16px */
	}

	.h17-like {
		font-size: 1.2rem; /* equiv 12px */
		line-height: 1.167; /* equiv 14px */
	}

	.h18-like {
		font-size: 1rem; /* equiv 10px */
		line-height: 1.2; /* equiv 12px */
	}
}

/* Font sizes */
.text-enormous {
	font-size: 3.4rem; /* equiv 34px */
	line-height: 1.176; /* equiv 40px */
}

.text-massive {
	font-size: 3.2rem; /* equiv 32px */
	line-height: 1.188; /* equiv 38px */
}

.text-huge {
	font-size: 2.8rem; /* equiv 28px */
	line-height: 1.214; /* equiv 34px */
}

.text-largest {
	font-size: 2.6rem; /* equiv 26px */
	line-height: 1.231; /* equiv 32px */
}

.text-larger {
	font-size: 2.4rem; /* equiv 24px */
	line-height: 1.25; /* equiv 30px */
}

.text-large {
	font-size: 2.2rem; /* equiv 22px */
	line-height: 1.227; /* equiv 27px */
}

.text-biggest {
	font-size: 2.1rem; /* equiv 21px */
	line-height: 1.238; /* equiv 26px */
}

.text-bigger {
	font-size: 2rem; /* equiv 20px */
	line-height: 1.2; /* equiv 24px */
}

.text-big {
	font-size: 1.8rem; /* equiv 18px */
	line-height: 1.167; /* equiv 21px */
}

.text-regular {
	font-size: 1.6rem; /* equiv 16px */
	line-height: 1.125; /* equiv 18px */
}

.text-average {
	font-size: 1.4rem; /* equiv 14px */
	line-height: 1.143; /* equiv 16px */
}

.text-small {
	font-size: 1.2rem; /* equiv 12px */
	line-height: 1.167; /* equiv 14px */
}

.text-mini {
	font-size: 1.1rem; /* equiv 11px */
	line-height: 1.182; /* equiv 13px */
}

.text-tiny {
	font-size: 1rem; /* equiv 10px */
	line-height: 1.2; /* equiv 12px */
}

/* Big screens and bigger */
@media (min-width: 900px) {
	.text-enormous {
		font-size: 4rem; /* equiv 40px */
		line-height: 1.2; /* equiv 48px */
	}

	.text-massive {
		font-size: 3.6rem; /* equiv 36px */
		line-height: 1.222; /* equiv 44px */
	}

	.text-huge {
		font-size: 3.2rem; /* equiv 32px */
		line-height: 1.25; /* equiv 40px */
	}

	.text-largest {
		font-size: 3rem; /* equiv 30px */
		line-height: 1.2; /* equiv 36px */
	}

	.text-larger {
		font-size: 2.8rem; /* equiv 28px */
		line-height: 1.214; /* equiv 34px */
	}

	.text-large {
		font-size: 2.6rem; /* equiv 26px */
		line-height: 1.231; /* equiv 32px */
	}

	.text-biggest {
		font-size: 2.4rem; /* equiv 24px */
		line-height: 1.25; /* equiv 30px */
	}

	.text-bigger {
		font-size: 2.2rem; /* equiv 22px */
		line-height: 1.227; /* equiv 27px */
	}

	.text-big {
		font-size: 2rem; /* equiv 20px */
		line-height: 1.2; /* equiv 24px */
	}

	.text-regular {
		font-size: 1.8rem; /* equiv 18px */
		line-height: 1.167; /* equiv 21px */
	}

	.text-average {
		font-size: 1.6rem; /* equiv 16px */
		line-height: 1.125; /* equiv 18px */
	}

	.text-small {
		font-size: 1.4rem; /* equiv 14px */
		line-height: 1.143; /* equiv 16px */
	}

	.text-mini {
		font-size: 1.2rem; /* equiv 12px */
		line-height: 1.167; /* equiv 14px */
	}

	.text-tiny {
		font-size: 1rem; /* equiv 10px */
		line-height: 1.2; /* equiv 12px */
	}
}

/* Big screens and bigger */
@media (min-width: 900px) {

	/* Line heights */
	.line-height-12 {
		line-height: 1.2rem; /* equiv 12px */
	}

	.line-height-14 {
		line-height: 1.4rem; /* equiv 14px */
	}

	.line-height-16 {
		line-height: 1.6rem; /* equiv 16px */
	}

	.line-height-18 {
		line-height: 1.8rem; /* equiv 18px */
	}

	.line-height-20 {
		line-height: 2rem; /* equiv 20px */
	}

	.line-height-21 {
		line-height: 2.1rem; /* equiv 21px */
	}

	.line-height-24 {
		line-height: 2.4rem; /* equiv 24px */
	}

	.line-height-27 {
		line-height: 2.7rem; /* equiv 27px */
	}

	.line-height-30 {
		line-height: 3rem; /* equiv 30px */
	}

	.line-height-32 {
		line-height: 3.2rem; /* equiv 32px */
	}

	.line-height-34 {
		line-height: 3.4rem; /* equiv 34px */
	}

	.line-height-36 {
		line-height: 3.6rem; /* equiv 36px */
	}

	.line-height-40 {
		line-height: 4rem; /* equiv 40px */
	}

	.line-height-44 {
		line-height: 4.4rem; /* equiv 44px */
	}

	.line-height-48 {
		line-height: 4.8rem; /* equiv 48px */
	}

	.line-height-54 {
		line-height: 5.4rem; /* equiv 54px */
	}

	.line-height-60 {
		line-height: 6rem; /* equiv 60px */
	}

	.line-height-72 {
		line-height: 7.2rem; /* equiv 72px */
	}

	.line-height-88 {
		line-height: 8.8rem; /* equiv 88px */
	}
}

/* Font weights and styles */
.light {
	font-weight: 300;
}

.regular {
	font-weight: 400;
}

.medium {
	font-weight: 500;
}

strong,
.bold {
	font-weight: 700;
}

em,
.italic {
	font-style: italic;
}

/* Links */
a:not(.svg-container),
a:not(.svg-container) *,
button,
.button,
.button * {
	/* -webkit-transition: all 0.25s;
	        transition: all 0.25s; */

	-webkit-transition: color 0.25s, background-color 0.25s, border 0.25s, opacity 0.25s, -webkit-transform 0.25s;
	        transition: color 0.25s, background-color 0.25s, border 0.25s, opacity 0.25s, -webkit-transform 0.25s;
	        transition: color 0.25s, background-color 0.25s, border 0.25s, opacity 0.25s, transform 0.25s;
	        transition: color 0.25s, background-color 0.25s, border 0.25s, opacity 0.25s, transform 0.25s, -webkit-transform 0.25s;
}

a,
a * {
	text-decoration: none;
	color: #d6461d;
}

a:focus,
a:hover,
a:active,
a:focus *,
a:hover *,
a:active * {
	text-decoration: none;
	color: #a6200b;
}

/* Images with links */
a:not(.svg-container):hover img {
	/* opacity: 0.6; */

	-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
			transform: scale(1.05);
}

/* Letter spacings */
.letter-spacing-n050 {
	letter-spacing: -0.05em;
}

.letter-spacing-n025 {
	letter-spacing: -0.025em;
}

.letter-spacing-none {
	letter-spacing: 0em;
}

.letter-spacing-025 {
	letter-spacing: 0.025em;
}

.letter-spacing-050 {
	letter-spacing: 0.05em;
}

.letter-spacing-100 {
	letter-spacing: 0.1em;
}

.letter-spacing-150 {
	letter-spacing: 0.15em;
}

.letter-spacing-200 {
	letter-spacing: 0.2em;
}

/* Text decorations */
.underline,
.underline-hover:hover {
	text-decoration: underline;
}

.no-underline,
.no-underline-hover:hover {
	text-decoration: none;
}

/* Miscellaneous */
.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

.wrap {
	white-space: normal;
}

.no-wrap {
	white-space: nowrap;
}




/* Backgrounds */
/* ----------- */

/* White */
.bg-white,
.bg-white-offset::before { background-color: #fff !important; }

/* Beige */
.bg-beige,
.bg-beige-offset::before { background-color: #fffbf4 !important; }

/* Charcoal brown */
[class*="bg-charcoal-brown"],
[class*="bg-charcoal-brown"] * { color: #fff !important; }
.bg-charcoal-brown,
.bg-charcoal-brown-offset::before { background-color: #2c2c22 !important; }

/* Charcoal gray */
[class*="bg-charcoal-gray"],
[class*="bg-charcoal-gray"] * { color: #fff !important; }
.bg-charcoal-gray,
.bg-charcoal-gray-offset::before { background-color: #272525 !important; }

/* Charcoal gradient */
[class*="bg-charcoal-gradient"],
[class*="bg-charcoal-gradient"] * { color: #fff !important; }
.bg-charcoal-gradient,
.bg-charcoal-gradient-offset::before {
	background: rgb(47, 45, 44) !important;
	background: linear-gradient(to right, rgba(23, 22, 21, 88%) 0%, rgba(47, 45, 44, 88%) 75%, rgba(35, 33, 33, 88%) 100%) !important;
}

.button .bg-charcoal-gradient {
	background: linear-gradient(to left, rgba(23, 22, 21, 88%) 0%, rgba(47, 45, 44, 88%) 75%, rgba(35, 33, 33, 88%) 100%) !important;
}

/* Taupe tan */
[class*="bg-taupe-tan"],
[class*="bg-taupe-tan"] * { color: #fff !important; }
.bg-taupe-tan,
.bg-taupe-tan-offset::before { background-color: #bdaa8b !important; }

/* Taupe brown */
[class*="bg-taupe-brown"],
[class*="bg-taupe-brown"] * { color: #fff !important; }
.bg-taupe-brown,
.bg-taupe-brown-offset::before { background-color: #887558 !important; }

/* Taupe gray */
[class*="bg-taupe-gray"],
[class*="bg-taupe-gray"] * { color: #fff !important; }
.bg-taupe-gray,
.bg-taupe-gray-offset::before { background-color: #62625f !important; }

/* Gold */
[class*="bg-gold"],
[class*="bg-gold"] * { color: #fff !important; }
.bg-gold,
.bg-gold-offset::before { background-color: #ac874d !important; }

/* Orange */
[class*="bg-orange"],
[class*="bg-orange"] * { color: #fff !important; }
.bg-orange,
.bg-orange-offset::before { background-color: #d6461d !important; }

/* Orange dark */
[class*="bg-orange-dark"],
[class*="bg-orange-dark"] * { color: #fff !important; }
.bg-orange-dark,
.bg-orange-dark-offset::before { background-color: #a6200b !important; }

/* Orange gradient */
[class*="bg-orange-gradient"],
[class*="bg-orange-gradient"] * { color: #fff !important; }
.bg-orange-gradient,
.bg-orange-gradient-offset::before {
	background: rgb(166, 32, 11) !important;
	background: linear-gradient(to right, rgba(214, 70, 29, 1), rgba(166, 32, 11, 1)) !important;
}

.button .bg-orange-gradient {
	background: linear-gradient(to left, rgba(214, 70, 29, 1), rgba(166, 32, 11, 1)) !important;
}

/* Navy */
[class*="bg-navy"],
[class*="bg-navy"] * { color: #fff !important; }
.bg-navy,
.bg-navy-offset::before { background-color: #10121a !important; }




/* Offset backgrounds */
/* ------------------ */

.bg-offset-left,
.bg-offset-right,
.bg-offset-top,
.bg-offset-bottom {
	position: relative;
}

.bg-offset-left::before,
.bg-offset-right::before {
	content: "";

	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.bg-offset-top::before,
.bg-offset-bottom::before {
	content: "";

	position: absolute;
	left: 0;
	width: 100%;
	height: 50%;
	z-index: 1;
}

.bg-offset-top::before {
	bottom: 50%;
}

.bg-offset-bottom::before {
	top: 50%;
}

.bg-offset-left > *,
.bg-offset-right > *,
.bg-offset-top > *,
.bg-offset-bottom > * {
	position: relative;
	z-index: 2;
}

/* Huge screens and bigger */
@media (min-width: 1280px) {
	.bg-offset-left::before {
		right: calc(50% - 600px);
		width: calc(50% + 600px);
	}

	.bg-offset-right::before {
		left: calc(50% - 600px);
		width: calc(50% + 600px);
	}
}

/* Large screens, big screens and intermediate screens */
@media (max-width: 1279px) and (min-width: 768px) {
	.bg-offset-left::before {
		right: 40px;
		width: calc(100% - 40px);
	}

	.bg-offset-right::before {
		left: 40px;
		width: calc(100% - 40px);
	}
}

/* Medium screens and smaller */
@media (max-width: 767px) {
	.bg-offset-left .iwsite,
	.bg-offset-right .iwsite,
	.bg-offset-top .iwsite,
	.bg-offset-bottom .iwsite {
		padding: 0;
	}
}




/* Mobile full background */
/* ---------------------- */

/* Big screens and smaller */
@media (max-width: 1023px) {
	.bg-mobile-full .background .content {
		padding-left: 60px !important;
		padding-right: 60px !important;
	}
}

/* Medium screens and smaller */
@media (max-width: 767px) {
	.bg-mobile-full .iwsite {
		padding: 0;
	}

	.bg-mobile-full .content,
	.bg-mobile-full .background .content {
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
}

/* Mini screens and smaller */
@media (max-width: 479px) {
	.bg-mobile-full .content,
	.bg-mobile-full .background .content {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}




/* Colors */
/* ------ */

/* White */
.white,
.white *,
a.white,
a.white * {
	color: #fff !important;
}

/* Beige */
.beige,
.beige *,
a.beige,
a.beige * {
	color: #fffbf4 !important;
}

/* Charcoal brown and default */
.charcoal-brown,
.charcoal-brown *,
a.charcoal-brown,
a.charcoal-brown *,
.no-color,
.no-color *,
a.no-color,
a.no-color * {
	color: #2c2c22 !important;
}

/* Charcoal gray */
.charcoal-gray,
.charcoal-gray *,
a.charcoal-gray,
a.charcoal-gray * {
	color: #272525 !important;
}

/* Taupe tan */
.taupe-tan,
.taupe-tan *,
a.taupe-tan,
a.taupe-tan * {
	color: #bdaa8b !important;
}

/* Taupe brown */
.taupe-brown,
.taupe-brown *,
a.taupe-brown,
a.taupe-brown * {
	color: #887558 !important;
}

/* Taupe gray */
.taupe-gray,
.taupe-gray *,
a.taupe-gray,
a.taupe-gray * {
	color: #62625f !important;
}

/* Gold */
.gold,
.gold *,
a.gold,
a.gold * {
	color: #ac874d !important;
}

/* Orange */
.orange,
.orange *,
a.orange,
a.orange * {
	color: #d6461d !important;
}

/* Orange dark */
.orange-dark,
.orange-dark *,
a.orange-dark,
a.orange-dark * {
	color: #a6200b !important;
}

/* Navy */
.navy,
.navy *,
a.navy,
a.navy * {
	color: #10121a !important;
}




/* Borders */
/* ------- */

/*
a,t,r,b,l = all, top, right, bottom, left
*/

.ba1, .ba2, .ba3, .ba4 { border-style: solid !important; }
.bt1, .bt2, .bt3, .bt4 { border-top-style: solid !important; }
.br1, .br2, .br3, .br4 { border-right-style: solid !important; }
.bb1, .bb2, .bb3, .bb4 { border-bottom-style: solid !important; }
.bl1, .bl2, .bl3, .bl4 { border-left-style: solid !important; }

.ba1, .bt1, .br1, .bb1, .bl1 { border-width: 1px !important; border-color: #d6461d; }
.ba2, .bt2, .br2, .bb2, .bl2 { border-width: 2px !important; border-color: #d6461d; }
.ba3, .bt3, .br3, .bb3, .bl3 { border-width: 3px !important; border-color: #d6461d; }
.ba4, .bt4, .br4, .bb4, .bl4 { border-width: 4px !important; border-color: #d6461d; }

.bc-white          { border-color: #fff !important; }
.bc-beige          { border-color: #fffbf4 !important; }
.bc-beige-dark     { border-color: #eae2dd !important; }
.bc-charcoal-brown { border-color: #2c2c22 !important; }
.bc-charcoal-gray  { border-color: #272525 !important; }
.bc-taupe-tan      { border-color: #bdaa8b !important; }
.bc-taupe-brown    { border-color: #887558 !important; }
.bc-taupe-gray     { border-color: #62625f !important; }
.bc-gold           { border-color: #ac874d !important; }
.bc-orange         { border-color: #d6461d !important; }
.bc-orange-dark    { border-color: #a6200b !important; }
.bc-navy           { border-color: #10121a !important; }




/* Border Radius */
/* ------------- */

.rounded-full { border-radius: 50%; overflow: hidden; }




/* Bullets */
/* ------- */

/* Round */
#main ul {
	list-style: none;

	padding: 0;
}

#main ul:not(.unstyled) > li {
	position: relative;
	padding-left: 30px;
}

#main ul:not(.unstyled) > li::before {
	content: "";
	background-color: #d6461d;

	position: absolute;
	left: 0;
	top: 0.4em;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

/* Square */
#main ul.bullet-square > li::before {
	border-radius: 0;
}

/* Triangle */
#main ul.bullet-triangle > li::before {
	background-color: transparent;

	top: 0.3em;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 7px solid #d6461d;
	border-radius: 0;
}




/* Ordered Lists */
/* ------------- */
#main ol:not(.unstyled) {
	counter-reset: li;
	list-style: none;

	padding: 0;
}

#main ol:not(.unstyled) > li {
	padding-left: 30px;
}

#main ol:not(.unstyled) > li::before {
	content: counter(li) ".";
	color: #d6461d;

	vertical-align: baseline;
	display: inline-block;
	min-width: 30px;
	margin-left: -30px;
	padding-right: 0.25em;
}

#main ol:not(.unstyled) > li {
	counter-increment: li;
}




/* Shadows */
/* ------- */

.text-shadow {
	text-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
}

.box-shadow {
	/* -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
	        box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2); */

	-webkit-box-shadow: -5px 7px 20px 5px rgba(0, 0, 0, 0.35);
	        box-shadow: -5px 7px 20px 5px rgba(0, 0, 0, 0.35);
}




/* Layout Helpers */
/* -------------- */

/* Text and content alignments */
.text-left {
	text-align: left;
}

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

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

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

/* Block alignments */
.left {
	margin-right: auto;
}

.right {
	margin-left: auto;
}

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

/* Vertical alignments */
.top {
	vertical-align: top;
}

.bottom {
	vertical-align: bottom;
}

.middle {
	vertical-align: middle;
}

/* Module, gains superpower "BFC" Block Formating Context */
.mod {
	overflow: hidden;
}

/* Blocks that need to be placed under floats */
.clear,
.line {
	clear: both;
}

/* Blocks that must contain floats */
.clearfix::after,
.line::after {
	content: "";

	clear: both;
	display: table;
	border-collapse: collapse;
}

/* Floating elements */
.float-left,
.start {
	float: left;
}

img.float-left,
img.start {
	margin-right: 1em;
}

.float-right,
.end {
	float: right;
}

img.float-right,
img.end {
	margin-left: 1em;
}

img.float-left,
img.float-right,
img.start,
img.end {
	margin-bottom: 0.5em;
}

/* Media objects */
.media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.media-content {
	-webkit-box-flex: 1;
	        -ms-flex: 1 1 0%;
	            flex: 1 1;
}

/* Displays */
.display-none {
	display: none;
}

.display-inline {
	display: inline;
}

.display-inline-block {
	display: inline-block;
}

.anchor,
.display-block {
	display: block;
}

.hidden {
	visibility: hidden;
}

.visible {
	visibility: visible;
}

/* Overflows */
.overflow-hidden {
	overflow: hidden;
}

.overflow-visible {
	overflow: visible;
}

.overflow-auto {
	overflow: auto;
}

.overflow-scroll {
	overflow: scroll;
}




/* Width Helpers */
/* ------------- */

/* Widths (percentage) */
.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33.3333%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w66 { width: 66.6666%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w100 { width: 100%; }

/* Site inner width */
.iwsite {
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 40px;
}

/* Site outter width */
.owsite {
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
}

/* Site large width */
.lwsite {
	max-width: 1480px;
	margin-right: auto;
	margin-left: auto;
}

/* Site full width */
.fwsite {
	max-width: 100%;
}

/* Large screens and smaller */
@media (max-width: 1279px) {
	.owsite {
		max-width: 1279px;
	}
}

/* Big screens and smaller */
@media (max-width: 1023px) {
	.owsite {
		max-width: 1023px;
	}
}

/* Intermediate screens and smaller */
@media (max-width: 899px) {
	.owsite {
		max-width: 899px;
	}
}

/* Medium screens and smaller */
@media (max-width: 767px) {
	.owsite {
		max-width: 767px;
	}
}

/* Small screens and smaller */
@media (max-width: 599px) {
	.owsite {
		max-width: 599px;
	}
}

/* Mini screens and smaller */
@media (max-width: 479px) {
	.iwsite {
		padding: 0 20px;
	}

	.owsite {
		max-width: 479px;
	}
}

/* Tiny screens and smaller */
@media (max-width: 399px) {
	.owsite {
		max-width: 399px;
	}
}




/* Height Helpers */
/* -------------- */

/* Heights (percentage) */
.h10 { height: 10%; }
.h15 { height: 15%; }
.h20 { height: 20%; }
.h25 { height: 25%; }
.h30 { height: 30%; }
.h33 { height: 33.3333%; }
.h35 { height: 35%; }
.h40 { height: 40%; }
.h45 { height: 45%; }
.h50 { height: 50%; }
.h55 { height: 55%; }
.h60 { height: 60%; }
.h65 { height: 65%; }
.h66 { height: 66.6666%; }
.h70 { height: 70%; }
.h75 { height: 75%; }
.h80 { height: 80%; }
.h85 { height: 85%; }
.h90 { height: 90%; }
.h100 { height: 100%; }




/* Section Helpers */
/* --------------- */

/* Sections */
.section-10 { margin-top: 10px; }
.section-15 { margin-top: 15px; }
.section-20 { margin-top: 20px; }
.section-25 { margin-top: 25px; }
.section-30 { margin-top: 30px; }
.section-35 { margin-top: 35px; }
.section-40 { margin-top: 40px; }
.section-45 { margin-top: 45px; }
.section-50 { margin-top: 50px; }
.section-60 { margin-top: 60px; }
.section-70 { margin-top: 70px; }
.section-80 { margin-top: 80px; }
.section-100 { margin-top: 100px; }
.section-120 { margin-top: 120px; }
.section-140 { margin-top: 140px; }
.section-150 { margin-top: 150px; }
.section-160 { margin-top: 160px; }
.section-180 { margin-top: 180px; }
.section-200 { margin-top: 200px; }

/* [class*=" section-"]:first-child, [class^="section-"]:first-child { margin-top: 150px; } */

/* Sections with border */
.section-10.bt1 { padding-top: 10px; }
.section-15.bt1 { padding-top: 15px; }
.section-20.bt1 { padding-top: 20px; }
.section-25.bt1 { padding-top: 25px; }
.section-30.bt1 { padding-top: 30px; }
.section-35.bt1 { padding-top: 35px; }
.section-40.bt1 { padding-top: 40px; }
.section-45.bt1 { padding-top: 45px; }
.section-50.bt1 { padding-top: 50px; }
.section-60.bt1 { padding-top: 60px; }
.section-70.bt1 { padding-top: 70px; }
.section-80.bt1 { padding-top: 80px; }
.section-100.bt1 { padding-top: 100px; }
.section-120.bt1 { padding-top: 120px; }
.section-140.bt1 { padding-top: 140px; }
.section-150.bt1 { padding-top: 150px; }
.section-160.bt1 { padding-top: 160px; }
.section-180.bt1 { padding-top: 180px; }
.section-200.bt1 { padding-top: 200px; }

/* Sections with background */
.section-10.background { padding-top: 10px; padding-bottom: 10px; }
.section-15.background { padding-top: 15px; padding-bottom: 15px; }
.section-20.background { padding-top: 20px; padding-bottom: 20px; }
.section-25.background { padding-top: 25px; padding-bottom: 25px; }
.section-30.background { padding-top: 30px; padding-bottom: 30px; }
.section-35.background { padding-top: 35px; padding-bottom: 35px; }
.section-40.background { padding-top: 40px; padding-bottom: 40px; }
.section-45.background { padding-top: 45px; padding-bottom: 45px; }
.section-50.background { padding-top: 50px; padding-bottom: 50px; }
.section-60.background { padding-top: 60px; padding-bottom: 60px; }
.section-70.background { padding-top: 70px; padding-bottom: 70px; }
.section-80.background { padding-top: 80px; padding-bottom: 80px; }
.section-100.background { padding-top: 100px; padding-bottom: 100px; }
.section-120.background { padding-top: 120px; padding-bottom: 120px; }
.section-140.background { padding-top: 140px; padding-bottom: 140px; }
.section-150.background { padding-top: 150px; padding-bottom: 150px; }
.section-160.background { padding-top: 160px; padding-bottom: 160px; }
.section-180.background { padding-top: 180px; padding-bottom: 180px; }
.section-200.background { padding-top: 200px; padding-bottom: 200px; }

.banner-hero + .background,
.background + .background {
	margin-top: 0;
}

.header + *:not(.content-area) > *:last-child {
	margin-bottom: 100px;
}

.header + * > .background:last-child {
	margin-bottom: 0;
}




/* Spacing Helpers */
/* --------------- */

/*
m = margin
t = top
r = relative
*/

/* Margins top (relative sizes) */
.mtr025 { margin-top: 0.25em !important; }
.mtr050 { margin-top: 0.50em !important; }
.mtr075 { margin-top: 0.75em !important; }
.mtr100 { margin-top: 1.00em !important; }
.mtr125 { margin-top: 1.25em !important; }
.mtr150 { margin-top: 1.50em !important; }
.mtr175 { margin-top: 1.75em !important; }
.mtr200 { margin-top: 2.00em !important; }
.mtr225 { margin-top: 2.25em !important; }
.mtr250 { margin-top: 2.50em !important; }
.mtr275 { margin-top: 2.75em !important; }
.mtr300 { margin-top: 3.00em !important; }
.mtr325 { margin-top: 3.25em !important; }
.mtr350 { margin-top: 3.50em !important; }
.mtr375 { margin-top: 3.75em !important; }
.mtr400 { margin-top: 4.00em !important; }
.mtr450 { margin-top: 4.50em !important; }
.mtr500 { margin-top: 5.00em !important; }
.mtr600 { margin-top: 6.00em !important; }

/*
m = margin
x,y = X-axis, Y-axis
a,t,b,l,r = all, top, bottom, left, right
*/

/* Margins all */
.man   { margin: 0 !important; }
.ma5   { margin: 5px !important; }
.ma10  { margin: 10px !important; }
.ma15  { margin: 15px !important; }
.ma20  { margin: 20px !important; }
.ma25  { margin: 25px !important; }
.ma30  { margin: 30px !important; }
.ma35  { margin: 35px !important; }
.ma40  { margin: 40px !important; }
.ma45  { margin: 45px !important; }
.ma50  { margin: 50px !important; }
.ma60  { margin: 60px !important; }
.ma70  { margin: 70px !important; }
.ma80  { margin: 80px !important; }
.ma100 { margin: 100px !important; }
.ma120 { margin: 120px !important; }
.ma150 { margin: 150px !important; }
.ma160 { margin: 160px !important; }
.ma180 { margin: 180px !important; }
.ma200 { margin: 200px !important; }

/* Margins top */
.myn,   .mtn   { margin-top: 0 !important; }
.my5,   .mt5   { margin-top: 5px !important; }
.my10,  .mt10  { margin-top: 10px !important; }
.my15,  .mt15  { margin-top: 15px !important; }
.my20,  .mt20  { margin-top: 20px !important; }
.my25,  .mt25  { margin-top: 25px !important; }
.my30,  .mt30  { margin-top: 30px !important; }
.my35,  .mt35  { margin-top: 35px !important; }
.my40,  .mt40  { margin-top: 40px !important; }
.my45,  .mt45  { margin-top: 45px !important; }
.my50,  .mt50  { margin-top: 50px !important; }
.my60,  .mt60  { margin-top: 60px !important; }
.my70,  .mt70  { margin-top: 70px !important; }
.my80,  .mt80  { margin-top: 80px !important; }
.my100, .mt100 { margin-top: 100px !important; }
.my120, .mt120 { margin-top: 120px !important; }
.my150, .mt150 { margin-top: 150px !important; }
.my160, .mt160 { margin-top: 160px !important; }
.my180, .mt180 { margin-top: 180px !important; }
.my200, .mt200 { margin-top: 200px !important; }

/* Margins bottom */
.myn,   .mbn   { margin-bottom: 0 !important; }
.my5,   .mb5   { margin-bottom: 5px !important; }
.my10,  .mb10  { margin-bottom: 10px !important; }
.my15,  .mb15  { margin-bottom: 15px !important; }
.my20,  .mb20  { margin-bottom: 20px !important; }
.my25,  .mb25  { margin-bottom: 25px !important; }
.my30,  .mb30  { margin-bottom: 30px !important; }
.my35,  .mb35  { margin-bottom: 35px !important; }
.my40,  .mb40  { margin-bottom: 40px !important; }
.my45,  .mb45  { margin-bottom: 45px !important; }
.my50,  .mb50  { margin-bottom: 50px !important; }
.my60,  .mb60  { margin-bottom: 60px !important; }
.my70,  .mb70  { margin-bottom: 70px !important; }
.my80,  .mb80  { margin-bottom: 80px !important; }
.my100, .mb100 { margin-bottom: 100px !important; }
.my120, .mb120 { margin-bottom: 120px !important; }
.my150, .mb150 { margin-bottom: 150px !important; }
.my160, .mb160 { margin-bottom: 160px !important; }
.my180, .mb180 { margin-bottom: 180px !important; }
.my200, .mb200 { margin-bottom: 200px !important; }

/* Margins left */
.mxn,   .mln   { margin-left: 0 !important; }
.mx5,   .ml5   { margin-left: 5px !important; }
.mx10,  .ml10  { margin-left: 10px !important; }
.mx15,  .ml15  { margin-left: 15px !important; }
.mx20,  .ml20  { margin-left: 20px !important; }
.mx25,  .ml25  { margin-left: 25px !important; }
.mx30,  .ml30  { margin-left: 30px !important; }
.mx35,  .ml35  { margin-left: 35px !important; }
.mx40,  .ml40  { margin-left: 40px !important; }
.mx45,  .ml45  { margin-left: 45px !important; }
.mx50,  .ml50  { margin-left: 50px !important; }
.mx60,  .ml60  { margin-left: 60px !important; }
.mx70,  .ml70  { margin-left: 70px !important; }
.mx80,  .ml80  { margin-left: 80px !important; }
.mx100, .ml100 { margin-left: 100px !important; }
.mx120, .ml120 { margin-left: 120px !important; }
.mx150, .ml150 { margin-left: 150px !important; }
.mx160, .ml160 { margin-left: 160px !important; }
.mx180, .ml180 { margin-left: 180px !important; }
.mx200, .ml200 { margin-left: 200px !important; }

/* Margins right */
.mxn,   .mrn   { margin-right: 0 !important; }
.mx5,   .mr5   { margin-right: 5px !important; }
.mx10,  .mr10  { margin-right: 10px !important; }
.mx15,  .mr15  { margin-right: 15px !important; }
.mx20,  .mr20  { margin-right: 20px !important; }
.mx25,  .mr25  { margin-right: 25px !important; }
.mx30,  .mr30  { margin-right: 30px !important; }
.mx35,  .mr35  { margin-right: 35px !important; }
.mx40,  .mr40  { margin-right: 40px !important; }
.mx45,  .mr45  { margin-right: 45px !important; }
.mx50,  .mr50  { margin-right: 50px !important; }
.mx60,  .mr60  { margin-right: 60px !important; }
.mx70,  .mr70  { margin-right: 70px !important; }
.mx80,  .mr80  { margin-right: 80px !important; }
.mx100, .mr100 { margin-right: 100px !important; }
.mx120, .mr120 { margin-right: 120px !important; }
.mx150, .mr150 { margin-right: 150px !important; }
.mx160, .mr160 { margin-right: 160px !important; }
.mx180, .mr180 { margin-right: 180px !important; }
.mx200, .mr200 { margin-right: 200px !important; }

/* Margins left (negative) */
.nmx5,   .nml5   { margin-left: -5px !important; padding-left: 5px !important; }
.nmx10,  .nml10  { margin-left: -10px !important; padding-left: 10px !important; }
.nmx15,  .nml15  { margin-left: -15px !important; padding-left: 15px !important; }
.nmx20,  .nml20  { margin-left: -20px !important; padding-left: 20px !important; }
.nmx25,  .nml25  { margin-left: -25px !important; padding-left: 25px !important; }
.nmx30,  .nml30  { margin-left: -30px !important; padding-left: 30px !important; }
.nmx35,  .nml35  { margin-left: -35px !important; padding-left: 35px !important; }
.nmx40,  .nml40  { margin-left: -40px !important; padding-left: 40px !important; }
.nmx45,  .nml45  { margin-left: -45px !important; padding-left: 45px !important; }
.nmx50,  .nml50  { margin-left: -50px !important; padding-left: 50px !important; }
.nmx60,  .nml60  { margin-left: -60px !important; padding-left: 60px !important; }
.nmx70,  .nml70  { margin-left: -70px !important; padding-left: 70px !important; }
.nmx80,  .nml80  { margin-left: -80px !important; padding-left: 80px !important; }
.nmx100, .nml100 { margin-left: -100px !important; padding-left: 100px !important; }
.nmx120, .nml120 { margin-left: -120px !important; padding-left: 120px !important; }
.nmx150, .nml150 { margin-left: -150px !important; padding-left: 150px !important; }
.nmx160, .nml160 { margin-left: -160px !important; padding-left: 160px !important; }
.nmx180, .nml180 { margin-left: -180px !important; padding-left: 180px !important; }
.nmx200, .nml200 { margin-left: -200px !important; padding-left: 200px !important; }

/*
p = padding
x,y = X-axis, Y-axis
a,t,b,l,r = all, top, bottom, left, right
n,t,m,s,a,r,b = none, tiny, mini, small, average, regular, big
*/

/* Paddings top (relative sizes) */
.ptr025 { padding-top: 0.25em !important; }
.ptr050 { padding-top: 0.50em !important; }
.ptr075 { padding-top: 0.75em !important; }
.ptr100 { padding-top: 1.00em !important; }
.ptr125 { padding-top: 1.25em !important; }
.ptr150 { padding-top: 1.50em !important; }
.ptr175 { padding-top: 1.75em !important; }
.ptr200 { padding-top: 2.00em !important; }
.ptr225 { padding-top: 2.25em !important; }
.ptr250 { padding-top: 2.50em !important; }
.ptr275 { padding-top: 2.75em !important; }
.ptr300 { padding-top: 3.00em !important; }
.ptr325 { padding-top: 3.25em !important; }
.ptr350 { padding-top: 3.50em !important; }
.ptr375 { padding-top: 3.75em !important; }
.ptr400 { padding-top: 4.00em !important; }
.ptr450 { padding-top: 4.50em !important; }
.ptr500 { padding-top: 5.00em !important; }
.ptr600 { padding-top: 6.00em !important; }

/* Paddings all */
.pan   { padding: 0 !important; }
.pa5   { padding: 5px !important; }
.pa10  { padding: 10px !important; }
.pa15  { padding: 15px !important; }
.pa20  { padding: 20px !important; }
.pa25  { padding: 25px !important; }
.pa30  { padding: 30px !important; }
.pa35  { padding: 35px !important; }
.pa40  { padding: 40px !important; }
.pa45  { padding: 45px !important; }
.pa50  { padding: 50px !important; }
.pa60  { padding: 60px !important; }
.pa70  { padding: 70px !important; }
.pa80  { padding: 80px !important; }
.pa100 { padding: 100px !important; }
.pa120 { padding: 120px !important; }
.pa150 { padding: 150px !important; }
.pa160 { padding: 160px !important; }
.pa180 { padding: 180px !important; }
.pa200 { padding: 200px !important; }

/* Paddings top */
.pyn,   .ptn   { padding-top: 0 !important; }
.py5,   .pt5   { padding-top: 5px !important; }
.py10,  .pt10  { padding-top: 10px !important; }
.py15,  .pt15  { padding-top: 15px !important; }
.py20,  .pt20  { padding-top: 20px !important; }
.py25,  .pt25  { padding-top: 25px !important; }
.py30,  .pt30  { padding-top: 30px !important; }
.py35,  .pt35  { padding-top: 35px !important; }
.py40,  .pt40  { padding-top: 40px !important; }
.py45,  .pt45  { padding-top: 45px !important; }
.py50,  .pt50  { padding-top: 50px !important; }
.py60,  .pt60  { padding-top: 60px !important; }
.py70,  .pt70  { padding-top: 70px !important; }
.py80,  .pt80  { padding-top: 80px !important; }
.py100, .pt100 { padding-top: 100px !important; }
.py120, .pt120 { padding-top: 120px !important; }
.py150, .pt150 { padding-top: 150px !important; }
.py160, .pt160 { padding-top: 160px !important; }
.py180, .pt180 { padding-top: 180px !important; }
.py200, .pt200 { padding-top: 200px !important; }

/* Paddings bottom */
.pyn,   .pbn   { padding-bottom: 0 !important; }
.py5,   .pb5   { padding-bottom: 5px !important; }
.py10,  .pb10  { padding-bottom: 10px !important; }
.py15,  .pb15  { padding-bottom: 15px !important; }
.py20,  .pb20  { padding-bottom: 20px !important; }
.py25,  .pb25  { padding-bottom: 25px !important; }
.py30,  .pb30  { padding-bottom: 30px !important; }
.py35,  .pb35  { padding-bottom: 35px !important; }
.py40,  .pb40  { padding-bottom: 40px !important; }
.py45,  .pb45  { padding-bottom: 45px !important; }
.py50,  .pb50  { padding-bottom: 50px !important; }
.py60,  .pb60  { padding-bottom: 60px !important; }
.py70,  .pb70  { padding-bottom: 70px !important; }
.py80,  .pb80  { padding-bottom: 80px !important; }
.py100, .pb100 { padding-bottom: 100px !important; }
.py120, .pb120 { padding-bottom: 120px !important; }
.py150, .pb150 { padding-bottom: 150px !important; }
.py160, .pb160 { padding-bottom: 160px !important; }
.py180, .pb180 { padding-bottom: 180px !important; }
.py200, .pb200 { padding-bottom: 200px !important; }

/* Paddings left */
.pxn,   .pln   { padding-left: 0 !important; }
.px5,   .pl5   { padding-left: 5px !important; }
.px10,  .pl10  { padding-left: 10px !important; }
.px15,  .pl15  { padding-left: 15px !important; }
.px20,  .pl20  { padding-left: 20px !important; }
.px25,  .pl25  { padding-left: 25px !important; }
.px30,  .pl30  { padding-left: 30px !important; }
.px35,  .pl35  { padding-left: 35px !important; }
.px40,  .pl40  { padding-left: 40px !important; }
.px45,  .pl45  { padding-left: 45px !important; }
.px50,  .pl50  { padding-left: 50px !important; }
.px60,  .pl60  { padding-left: 60px !important; }
.px70,  .pl70  { padding-left: 70px !important; }
.px80,  .pl80  { padding-left: 80px !important; }
.px100, .pl100 { padding-left: 100px !important; }
.px120, .pl120 { padding-left: 120px !important; }
.px150, .pl150 { padding-left: 150px !important; }
.px160, .pl160 { padding-left: 160px !important; }
.px180, .pl180 { padding-left: 180px !important; }
.px200, .pl200 { padding-left: 200px !important; }

/* Paddings right */
.pxn,   .prn   { padding-right: 0 !important; }
.px5,   .pr5   { padding-right: 5px !important; }
.px10,  .pr10  { padding-right: 10px !important; }
.px15,  .pr15  { padding-right: 15px !important; }
.px20,  .pr20  { padding-right: 20px !important; }
.px25,  .pr25  { padding-right: 25px !important; }
.px30,  .pr30  { padding-right: 30px !important; }
.px35,  .pr35  { padding-right: 35px !important; }
.px40,  .pr40  { padding-right: 40px !important; }
.px45,  .pr45  { padding-right: 45px !important; }
.px50,  .pr50  { padding-right: 50px !important; }
.px60,  .pr60  { padding-right: 60px !important; }
.px70,  .pr70  { padding-right: 70px !important; }
.px80,  .pr80  { padding-right: 80px !important; }
.px100, .pr100 { padding-right: 100px !important; }
.px120, .pr120 { padding-right: 120px !important; }
.px150, .pr150 { padding-right: 150px !important; }
.px160, .pr160 { padding-right: 160px !important; }
.px180, .pr180 { padding-right: 180px !important; }
.px200, .pr200 { padding-right: 200px !important; }




/* Offset Helpers */
/* -------------- */

[class*=" offset-"],
[class^="offset-"] {
	position: relative;
	z-index: 2;
}

/* Offset top */
.offset-top-10 { margin-top: -10px !important; }
.offset-top-15 { margin-top: -15px !important; }
.offset-top-20 { margin-top: -20px !important; }
.offset-top-25 { margin-top: -25px !important; }
.offset-top-30 { margin-top: -30px !important; }
.offset-top-35 { margin-top: -35px !important; }
.offset-top-40 { margin-top: -40px !important; }
.offset-top-45 { margin-top: -45px !important; }
.offset-top-50 { margin-top: -50px !important; }
.offset-top-60 { margin-top: -60px !important; }
.offset-top-70 { margin-top: -70px !important; }
.offset-top-80 { margin-top: -80px !important; }
.offset-top-90 { margin-top: -90px !important; }
.offset-top-100 { margin-top: -100px !important; }
.offset-top-110 { margin-top: -110px !important; }
.offset-top-120 { margin-top: -120px !important; }
.offset-top-130 { margin-top: -130px !important; }
.offset-top-140 { margin-top: -140px !important; }
.offset-top-150 { margin-top: -150px !important; }
.offset-top-160 { margin-top: -160px !important; }
.offset-top-180 { margin-top: -180px !important; }
.offset-top-200 { margin-top: -200px !important; }

/* Offset bottom */
.offset-bottom-10 { margin-bottom: -10px !important; }
.offset-bottom-15 { margin-bottom: -15px !important; }
.offset-bottom-20 { margin-bottom: -20px !important; }
.offset-bottom-25 { margin-bottom: -25px !important; }
.offset-bottom-30 { margin-bottom: -30px !important; }
.offset-bottom-35 { margin-bottom: -35px !important; }
.offset-bottom-40 { margin-bottom: -40px !important; }
.offset-bottom-45 { margin-bottom: -45px !important; }
.offset-bottom-50 { margin-bottom: -50px !important; }
.offset-bottom-60 { margin-bottom: -60px !important; }
.offset-bottom-70 { margin-bottom: -70px !important; }
.offset-bottom-80 { margin-bottom: -80px !important; }
.offset-bottom-90 { margin-bottom: -90px !important; }
.offset-bottom-100 { margin-bottom: -100px !important; }
.offset-bottom-110 { margin-bottom: -110px !important; }
.offset-bottom-120 { margin-bottom: -120px !important; }
.offset-bottom-130 { margin-bottom: -130px !important; }
.offset-bottom-140 { margin-bottom: -140px !important; }
.offset-bottom-150 { margin-bottom: -150px !important; }
.offset-bottom-160 { margin-bottom: -160px !important; }
.offset-bottom-180 { margin-bottom: -180px !important; }
.offset-bottom-200 { margin-bottom: -200px !important; }




/* Opacity Helpers */
/* --------------- */

.opacity-0   { opacity: 0; }
.opacity-5   { opacity: 0.05; }
.opacity-10  { opacity: 0.1; }
.opacity-15  { opacity: 0.15; }
.opacity-20  { opacity: 0.2; }
.opacity-25  { opacity: 0.25; }
.opacity-30  { opacity: 0.3; }
.opacity-35  { opacity: 0.35; }
.opacity-40  { opacity: 0.4; }
.opacity-45  { opacity: 0.45; }
.opacity-50  { opacity: 0.5; }
.opacity-55  { opacity: 0.55; }
.opacity-60  { opacity: 0.6; }
.opacity-65  { opacity: 0.65; }
.opacity-70  { opacity: 0.7; }
.opacity-75  { opacity: 0.75; }
.opacity-80  { opacity: 0.8; }
.opacity-85  { opacity: 0.85; }
.opacity-90  { opacity: 0.9; }
.opacity-95  { opacity: 0.95; }
.opacity-100 { opacity: 1; }




/* ----------------------------- */
/* Flexbox Layout                */
/* ----------------------------- */

/* http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html */

.flex,
.flex-row,
.flex-column,
.flex-row-reverse,
.flex-column-reverse {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.inline-flex {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.flex-row {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	   -ms-flex-direction: row;
	       flex-direction: row;
}

.flex-column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	   -ms-flex-direction: column;
	       flex-direction: column;
}

.flex-row-reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	   -ms-flex-direction: row-reverse;
	       flex-direction: row-reverse;

	-webkit-box-pack: end;
	   -ms-flex-pack: end;
	 justify-content: flex-end;
}

.flex-column-reverse {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	   -ms-flex-direction: column-reverse;
	       flex-direction: column-reverse;

	-webkit-box-pack: end;
	   -ms-flex-pack: end;
	 justify-content: flex-end;
}

.flex-wrap {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.flex-no-wrap {
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
}

.flex-item-fluid {
	-webkit-box-flex: 1;
	        -ms-flex: 1 1 0%;
	            flex: 1 1;
}

.flex-item-first {
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: -1;
	         order: -1;
}

.flex-item-middle {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0;
	         order: 0;
}

.flex-item-last {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	         order: 1;
}

.flex-item-center {
	margin: auto;
}

/* Justify content */
.flex-justify-content-start {
	-webkit-box-pack: start;
	   -ms-flex-pack: start;
	 justify-content: flex-start; /* (default) */
}

.flex-justify-content-end {
	-webkit-box-pack: end;
	   -ms-flex-pack: end;
	 justify-content: flex-end;
}

.flex-justify-content-center {
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
	 justify-content: center;
}

.flex-justify-content-between {
	-webkit-box-pack: justify;
	   -ms-flex-pack: justify;
	 justify-content: space-between;
}

.flex-justify-content-around {
	  -ms-flex-pack: distribute;
	justify-content: space-around;
}

.flex-justify-content-evenly {
	-webkit-box-pack: space-evenly;
	   -ms-flex-pack: space-evenly;
	 justify-content: space-evenly;
}

/* Align content */
.flex-align-content-start {
	-ms-flex-line-pack: start;
	     align-content: flex-start; /* (default) */
}

.flex-align-content-end {
	-ms-flex-line-pack: end;
	     align-content: flex-end;
}

.flex-align-content-center {
	-ms-flex-line-pack: center;
	     align-content: center;
}

.flex-align-content-between {
	-ms-flex-line-pack: justify;
	     align-content: space-between;
}

.flex-align-content-around {
	-ms-flex-line-pack: distribute;
	     align-content: space-around;
}

.flex-align-content-stretch {
	-ms-flex-line-pack: stretch;
	     align-content: stretch;
}

/* Align items */
.flex-align-items-start {
	-webkit-box-align: start;
	   -ms-flex-align: start;
	      align-items: flex-start;
}

.flex-align-items-end {
	-webkit-box-align: end;
	   -ms-flex-align: end;
	      align-items: flex-end;
}

.flex-align-items-center {
	-webkit-box-align: center;
	   -ms-flex-align: center;
	      align-items: center;
}

.flex-align-items-baseline {
	-webkit-box-align: baseline;
	   -ms-flex-align: baseline;
	      align-items: baseline;
}

.flex-align-items-stretch {
	-webkit-box-align: stretch;
	   -ms-flex-align: stretch;
	      align-items: stretch; /* (default) */
}

/* Align self */
.flex-align-self-start {
	-ms-flex-item-align: start;
	         align-self: flex-start;
}

.flex-align-self-end {
	-ms-flex-item-align: end;
	         align-self: flex-end;
}

.flex-align-self-center {
	-ms-flex-item-align: center;
	 -ms-grid-row-align: center;
	         align-self: center;
}

.flex-align-self-baseline {
	-ms-flex-item-align: baseline;
	         align-self: baseline;
}

.flex-align-self-stretch {
	-ms-flex-item-align: stretch;
	 -ms-grid-row-align: stretch;
	         align-self: stretch; /* (default) */
}

/* Flex sizes */
.f10  { -webkit-box-flex: 0; -ms-flex: 0 0 10%;      flex: 0 0 10%;      max-width: 10%; }
.f14  { -webkit-box-flex: 0; -ms-flex: 0 0 14.2857%; flex: 0 0 14.2857%; max-width: 14.2857%; }
.f15  { -webkit-box-flex: 0; -ms-flex: 0 0 15%;      flex: 0 0 15%;      max-width: 15%; }
.f16  { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666%; flex: 0 0 16.6666%; max-width: 16.6666%; }
.f20  { -webkit-box-flex: 0; -ms-flex: 0 0 20%;      flex: 0 0 20%;      max-width: 20%; }
.f25  { -webkit-box-flex: 0; -ms-flex: 0 0 25%;      flex: 0 0 25%;      max-width: 25%; }
.f30  { -webkit-box-flex: 0; -ms-flex: 0 0 30%;      flex: 0 0 30%;      max-width: 30%; }
.f33  { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; }
.f35  { -webkit-box-flex: 0; -ms-flex: 0 0 35%;      flex: 0 0 35%;      max-width: 35%; }
.f40  { -webkit-box-flex: 0; -ms-flex: 0 0 40%;      flex: 0 0 40%;      max-width: 40%; }
.f45  { -webkit-box-flex: 0; -ms-flex: 0 0 45%;      flex: 0 0 45%;      max-width: 45%; }
.f50  { -webkit-box-flex: 0; -ms-flex: 0 0 50%;      flex: 0 0 50%;      max-width: 50%; }
.f55  { -webkit-box-flex: 0; -ms-flex: 0 0 55%;      flex: 0 0 55%;      max-width: 55%; }
.f60  { -webkit-box-flex: 0; -ms-flex: 0 0 60%;      flex: 0 0 60%;      max-width: 60%; }
.f65  { -webkit-box-flex: 0; -ms-flex: 0 0 65%;      flex: 0 0 65%;      max-width: 65%; }
.f66  { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666%; flex: 0 0 66.6666%; max-width: 66.6666%; }
.f70  { -webkit-box-flex: 0; -ms-flex: 0 0 70%;      flex: 0 0 70%;      max-width: 70%; }
.f75  { -webkit-box-flex: 0; -ms-flex: 0 0 75%;      flex: 0 0 75%;      max-width: 75%; }
.f80  { -webkit-box-flex: 0; -ms-flex: 0 0 80%;      flex: 0 0 80%;      max-width: 80%; }
.f85  { -webkit-box-flex: 0; -ms-flex: 0 0 85%;      flex: 0 0 85%;      max-width: 85%; }
.f90  { -webkit-box-flex: 0; -ms-flex: 0 0 90%;      flex: 0 0 90%;      max-width: 90%; }
.f100 { -webkit-box-flex: 0; -ms-flex: 0 0 100%;     flex: 0 0 100%;     max-width: 100%; }

/* Flex gutters */
.gut5     { margin-left: -5px; margin-bottom: -5px; }
.gut5 > * { padding-left: 5px; margin-bottom: 5px; }

.gut10     { margin-left: -10px; margin-bottom: -10px; }
.gut10 > * { padding-left: 10px; margin-bottom: 10px; }

.gut15     { margin-left: -15px; margin-bottom: -15px; }
.gut15 > * { padding-left: 15px; margin-bottom: 15px; }

.gut20     { margin-left: -20px; margin-bottom: -20px; }
.gut20 > * { padding-left: 20px; margin-bottom: 20px; }

.gut25     { margin-left: -25px; margin-bottom: -25px; }
.gut25 > * { padding-left: 25px; margin-bottom: 25px; }

.gut30     { margin-left: -30px; margin-bottom: -30px; }
.gut30 > * { padding-left: 30px; margin-bottom: 30px; }

.gut35     { margin-left: -35px; margin-bottom: -35px; }
.gut35 > * { padding-left: 35px; margin-bottom: 35px; }

.gut40     { margin-left: -40px; margin-bottom: -40px; }
.gut40 > * { padding-left: 40px; margin-bottom: 40px; }

.gut45     { margin-left: -45px; margin-bottom: -45px; }
.gut45 > * { padding-left: 45px; margin-bottom: 45px; }

.gut50     { margin-left: -50px; margin-bottom: -50px; }
.gut50 > * { padding-left: 50px; margin-bottom: 50px; }

.gut60     { margin-left: -60px; margin-bottom: -60px; }
.gut60 > * { padding-left: 60px; margin-bottom: 60px; }

.gut70     { margin-left: -70px; margin-bottom: -70px; }
.gut70 > * { padding-left: 70px; margin-bottom: 70px; }

.gut80     { margin-left: -80px; margin-bottom: -80px; }
.gut80 > * { padding-left: 80px; margin-bottom: 80px; }

.gut100     { margin-left: -100px; margin-bottom: -100px; }
.gut100 > * { padding-left: 100px; margin-bottom: 100px; }

.gut120     { margin-left: -120px; margin-bottom: -120px; }
.gut120 > * { padding-left: 120px; margin-bottom: 120px; }

.gut140     { margin-left: -140px; margin-bottom: -140px; }
.gut140 > * { padding-left: 140px; margin-bottom: 140px; }

.gut150     { margin-left: -150px; margin-bottom: -150px; }
.gut150 > * { padding-left: 150px; margin-bottom: 150px; }

.gut160     { margin-left: -160px; margin-bottom: -160px; }
.gut160 > * { padding-left: 160px; margin-bottom: 160px; }

.gut180     { margin-left: -180px; margin-bottom: -180px; }
.gut180 > * { padding-left: 180px; margin-bottom: 180px; }

.gut200     { margin-left: -200px; margin-bottom: -200px; }
.gut200 > * { padding-left: 200px; margin-bottom: 200px; }

/* Right gutters (for float elements) */
.gutr5     { margin-right: -5px; margin-bottom: -5px; }
.gutr5 > * { padding-right: 5px; margin-bottom: 5px; }

.gutr10     { margin-right: -10px; margin-bottom: -10px; }
.gutr10 > * { padding-right: 10px; margin-bottom: 10px; }

.gutr15     { margin-right: -15px; margin-bottom: -15px; }
.gutr15 > * { padding-right: 15px; margin-bottom: 15px; }

.gutr20     { margin-right: -20px; margin-bottom: -20px; }
.gutr20 > * { padding-right: 20px; margin-bottom: 20px; }

.gutr25     { margin-right: -25px; margin-bottom: -25px; }
.gutr25 > * { padding-right: 25px; margin-bottom: 25px; }

.gutr30     { margin-right: -30px; margin-bottom: -30px; }
.gutr30 > * { padding-right: 30px; margin-bottom: 30px; }

.gutr35     { margin-right: -35px; margin-bottom: -35px; }
.gutr35 > * { padding-right: 35px; margin-bottom: 35px; }

.gutr40     { margin-right: -40px; margin-bottom: -40px; }
.gutr40 > * { padding-right: 40px; margin-bottom: 40px; }

.gutr45     { margin-right: -45px; margin-bottom: -45px; }
.gutr45 > * { padding-right: 45px; margin-bottom: 45px; }

.gutr50     { margin-right: -50px; margin-bottom: -50px; }
.gutr50 > * { padding-right: 50px; margin-bottom: 50px; }

.gutr60     { margin-right: -60px; margin-bottom: -60px; }
.gutr60 > * { padding-right: 60px; margin-bottom: 60px; }

.gutr70     { margin-right: -70px; margin-bottom: -70px; }
.gutr70 > * { padding-right: 70px; margin-bottom: 70px; }

.gutr80     { margin-right: -80px; margin-bottom: -80px; }
.gutr80 > * { padding-right: 80px; margin-bottom: 80px; }

.gutr100     { margin-right: -100px; margin-bottom: -100px; }
.gutr100 > * { padding-right: 100px; margin-bottom: 100px; }

.gutr120     { margin-right: -120px; margin-bottom: -120px; }
.gutr120 > * { padding-right: 120px; margin-bottom: 120px; }

.gutr140     { margin-right: -140px; margin-bottom: -140px; }
.gutr140 > * { padding-right: 140px; margin-bottom: 140px; }

.gutr150     { margin-right: -150px; margin-bottom: -150px; }
.gutr150 > * { padding-right: 150px; margin-bottom: 150px; }

.gutr160     { margin-right: -160px; margin-bottom: -160px; }
.gutr160 > * { padding-right: 160px; margin-bottom: 160px; }

.gutr180     { margin-right: -180px; margin-bottom: -180px; }
.gutr180 > * { padding-right: 180px; margin-bottom: 180px; }

.gutr200     { margin-right: -200px; margin-bottom: -200px; }
.gutr200 > * { padding-right: 200px; margin-bottom: 200px; }









/* ----------------------------- */
/* Responsive helpers            */
/* ----------------------------- */

/* ----------------------- */
/* Huge screens and bigger */
@media (min-width: 1280px) {
}




/* ------------------------- */
/* Large screens and smaller */
@media (max-width: 1279px) {

	/* Layouts for large screens */
	.float-lg-none {
		float: none !important;
	}

	.display-lg-none {
		display: none !important;
	}

	.display-lg-inline {
		display: inline !important;
	}

	.display-lg-inline-block {
		display: inline-block !important;
	}

	.display-lg-block {
		display: block !important;
	}

	/* Widths for large screens */
	.w-lg-25 { width: 25% !important; }
	.w-lg-33 { width: 33.333333% !important; }
	.w-lg-50 { width: 50% !important; }
	.w-lg-66 { width: 66.666666% !important; }
	.w-lg-75 { width: 75% !important; }
	.w-lg-100 { width: 100% !important; }

	/* Flex wrap for large screens */
	.flex-lg-wrap {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.flex-lg-no-wrap {
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
	}

	/* Flex sizes for large screens */
	.f-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto;     flex: 0 0 auto;     max-width: 100%; }
	.f-lg-10   { -webkit-box-flex: 0; -ms-flex: 0 0 10%;      flex: 0 0 10%;      max-width: 10%; }
	.f-lg-14   { -webkit-box-flex: 0; -ms-flex: 0 0 14.2857%; flex: 0 0 14.2857%; max-width: 14.2857%; }
	.f-lg-15   { -webkit-box-flex: 0; -ms-flex: 0 0 15%;      flex: 0 0 15%;      max-width: 15%; }
	.f-lg-16   { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666%; flex: 0 0 16.6666%; max-width: 16.6666%; }
	.f-lg-20   { -webkit-box-flex: 0; -ms-flex: 0 0 20%;      flex: 0 0 20%;      max-width: 20%; }
	.f-lg-25   { -webkit-box-flex: 0; -ms-flex: 0 0 25%;      flex: 0 0 25%;      max-width: 25%; }
	.f-lg-30   { -webkit-box-flex: 0; -ms-flex: 0 0 30%;      flex: 0 0 30%;      max-width: 30%; }
	.f-lg-33   { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; }
	.f-lg-35   { -webkit-box-flex: 0; -ms-flex: 0 0 35%;      flex: 0 0 35%;      max-width: 35%; }
	.f-lg-40   { -webkit-box-flex: 0; -ms-flex: 0 0 40%;      flex: 0 0 40%;      max-width: 40%; }
	.f-lg-45   { -webkit-box-flex: 0; -ms-flex: 0 0 45%;      flex: 0 0 45%;      max-width: 45%; }
	.f-lg-50   { -webkit-box-flex: 0; -ms-flex: 0 0 50%;      flex: 0 0 50%;      max-width: 50%; }
	.f-lg-55   { -webkit-box-flex: 0; -ms-flex: 0 0 55%;      flex: 0 0 55%;      max-width: 55%; }
	.f-lg-60   { -webkit-box-flex: 0; -ms-flex: 0 0 60%;      flex: 0 0 60%;      max-width: 60%; }
	.f-lg-65   { -webkit-box-flex: 0; -ms-flex: 0 0 65%;      flex: 0 0 65%;      max-width: 65%; }
	.f-lg-66   { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666%; flex: 0 0 66.6666%; max-width: 66.6666%; }
	.f-lg-70   { -webkit-box-flex: 0; -ms-flex: 0 0 70%;      flex: 0 0 70%;      max-width: 70%; }
	.f-lg-75   { -webkit-box-flex: 0; -ms-flex: 0 0 75%;      flex: 0 0 75%;      max-width: 75%; }
	.f-lg-80   { -webkit-box-flex: 0; -ms-flex: 0 0 80%;      flex: 0 0 80%;      max-width: 80%; }
	.f-lg-85   { -webkit-box-flex: 0; -ms-flex: 0 0 85%;      flex: 0 0 85%;      max-width: 85%; }
	.f-lg-90   { -webkit-box-flex: 0; -ms-flex: 0 0 90%;      flex: 0 0 90%;      max-width: 90%; }
	.f-lg-100  { -webkit-box-flex: 0; -ms-flex: 0 0 100%;     flex: 0 0 100%;     max-width: 100%; }

	/* Flex gutters for large screens */
	.gut-lg-5     { margin-left: -5px; margin-bottom: -5px; }
	.gut-lg-5 > * { padding-left: 5px; margin-bottom: 5px; }

	.gut-lg-10     { margin-left: -10px; margin-bottom: -10px; }
	.gut-lg-10 > * { padding-left: 10px; margin-bottom: 10px; }

	.gut-lg-15     { margin-left: -15px; margin-bottom: -15px; }
	.gut-lg-15 > * { padding-left: 15px; margin-bottom: 15px; }

	.gut-lg-20     { margin-left: -20px; margin-bottom: -20px; }
	.gut-lg-20 > * { padding-left: 20px; margin-bottom: 20px; }

	.gut-lg-25     { margin-left: -25px; margin-bottom: -25px; }
	.gut-lg-25 > * { padding-left: 25px; margin-bottom: 25px; }

	.gut-lg-30     { margin-left: -30px; margin-bottom: -30px; }
	.gut-lg-30 > * { padding-left: 30px; margin-bottom: 30px; }

	.gut-lg-35     { margin-left: -35px; margin-bottom: -35px; }
	.gut-lg-35 > * { padding-left: 35px; margin-bottom: 35px; }

	.gut-lg-40     { margin-left: -40px; margin-bottom: -40px; }
	.gut-lg-40 > * { padding-left: 40px; margin-bottom: 40px; }

	.gut-lg-45     { margin-left: -45px; margin-bottom: -45px; }
	.gut-lg-45 > * { padding-left: 45px; margin-bottom: 45px; }

	.gut-lg-50     { margin-left: -50px; margin-bottom: -50px; }
	.gut-lg-50 > * { padding-left: 50px; margin-bottom: 50px; }

	.gut-lg-60     { margin-left: -60px; margin-bottom: -60px; }
	.gut-lg-60 > * { padding-left: 60px; margin-bottom: 60px; }

	.gut-lg-70     { margin-left: -70px; margin-bottom: -70px; }
	.gut-lg-70 > * { padding-left: 70px; margin-bottom: 70px; }

	.gut-lg-80     { margin-left: -80px; margin-bottom: -80px; }
	.gut-lg-80 > * { padding-left: 80px; margin-bottom: 80px; }

	.gut-lg-100     { margin-left: -100px; margin-bottom: -100px; }
	.gut-lg-100 > * { padding-left: 100px; margin-bottom: 100px; }

	.gut-lg-120     { margin-left: -120px; margin-bottom: -120px; }
	.gut-lg-120 > * { padding-left: 120px; margin-bottom: 120px; }
}




/* ----------------------- */
/* Big screens and smaller */
@media (max-width: 1023px) {

	/* Layouts for big screens */
	.float-bg-none {
		float: none !important;
	}

	.display-bg-none {
		display: none !important;
	}

	.display-bg-inline {
		display: inline !important;
	}

	.display-bg-inline-block {
		display: inline-block !important;
	}

	.display-bg-block {
		display: block !important;
	}

	/* Widths for big screens */
	.w-bg-25 { width: 25% !important; }
	.w-bg-33 { width: 33.333333% !important; }
	.w-bg-50 { width: 50% !important; }
	.w-bg-66 { width: 66.666666% !important; }
	.w-bg-75 { width: 75% !important; }
	.w-bg-100 { width: 100% !important; }

	/* Flex wrap for big screens */
	.flex-bg-wrap {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.flex-bg-no-wrap {
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
	}

	/* Flex sizes for big screens */
	.f-bg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto;     flex: 0 0 auto;     max-width: 100%; }
	.f-bg-10   { -webkit-box-flex: 0; -ms-flex: 0 0 10%;      flex: 0 0 10%;      max-width: 10%; }
	.f-bg-14   { -webkit-box-flex: 0; -ms-flex: 0 0 14.2857%; flex: 0 0 14.2857%; max-width: 14.2857%; }
	.f-bg-15   { -webkit-box-flex: 0; -ms-flex: 0 0 15%;      flex: 0 0 15%;      max-width: 15%; }
	.f-bg-16   { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666%; flex: 0 0 16.6666%; max-width: 16.6666%; }
	.f-bg-20   { -webkit-box-flex: 0; -ms-flex: 0 0 20%;      flex: 0 0 20%;      max-width: 20%; }
	.f-bg-25   { -webkit-box-flex: 0; -ms-flex: 0 0 25%;      flex: 0 0 25%;      max-width: 25%; }
	.f-bg-30   { -webkit-box-flex: 0; -ms-flex: 0 0 30%;      flex: 0 0 30%;      max-width: 30%; }
	.f-bg-33   { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; }
	.f-bg-35   { -webkit-box-flex: 0; -ms-flex: 0 0 35%;      flex: 0 0 35%;      max-width: 35%; }
	.f-bg-40   { -webkit-box-flex: 0; -ms-flex: 0 0 40%;      flex: 0 0 40%;      max-width: 40%; }
	.f-bg-45   { -webkit-box-flex: 0; -ms-flex: 0 0 45%;      flex: 0 0 45%;      max-width: 45%; }
	.f-bg-50   { -webkit-box-flex: 0; -ms-flex: 0 0 50%;      flex: 0 0 50%;      max-width: 50%; }
	.f-bg-55   { -webkit-box-flex: 0; -ms-flex: 0 0 55%;      flex: 0 0 55%;      max-width: 55%; }
	.f-bg-60   { -webkit-box-flex: 0; -ms-flex: 0 0 60%;      flex: 0 0 60%;      max-width: 60%; }
	.f-bg-65   { -webkit-box-flex: 0; -ms-flex: 0 0 65%;      flex: 0 0 65%;      max-width: 65%; }
	.f-bg-66   { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666%; flex: 0 0 66.6666%; max-width: 66.6666%; }
	.f-bg-70   { -webkit-box-flex: 0; -ms-flex: 0 0 70%;      flex: 0 0 70%;      max-width: 70%; }
	.f-bg-75   { -webkit-box-flex: 0; -ms-flex: 0 0 75%;      flex: 0 0 75%;      max-width: 75%; }
	.f-bg-80   { -webkit-box-flex: 0; -ms-flex: 0 0 80%;      flex: 0 0 80%;      max-width: 80%; }
	.f-bg-85   { -webkit-box-flex: 0; -ms-flex: 0 0 85%;      flex: 0 0 85%;      max-width: 85%; }
	.f-bg-90   { -webkit-box-flex: 0; -ms-flex: 0 0 90%;      flex: 0 0 90%;      max-width: 90%; }
	.f-bg-100  { -webkit-box-flex: 0; -ms-flex: 0 0 100%;     flex: 0 0 100%;     max-width: 100%; }

	/* Flex gutters for big screens */
	.gut-bg-5     { margin-left: -5px; margin-bottom: -5px; }
	.gut-bg-5 > * { padding-left: 5px; margin-bottom: 5px; }

	.gut-bg-10     { margin-left: -10px; margin-bottom: -10px; }
	.gut-bg-10 > * { padding-left: 10px; margin-bottom: 10px; }

	.gut-bg-15     { margin-left: -15px; margin-bottom: -15px; }
	.gut-bg-15 > * { padding-left: 15px; margin-bottom: 15px; }

	.gut-bg-20     { margin-left: -20px; margin-bottom: -20px; }
	.gut-bg-20 > * { padding-left: 20px; margin-bottom: 20px; }

	.gut-bg-25     { margin-left: -25px; margin-bottom: -25px; }
	.gut-bg-25 > * { padding-left: 25px; margin-bottom: 25px; }

	.gut-bg-30     { margin-left: -30px; margin-bottom: -30px; }
	.gut-bg-30 > * { padding-left: 30px; margin-bottom: 30px; }

	.gut-bg-35     { margin-left: -35px; margin-bottom: -35px; }
	.gut-bg-35 > * { padding-left: 35px; margin-bottom: 35px; }

	.gut-bg-40     { margin-left: -40px; margin-bottom: -40px; }
	.gut-bg-40 > * { padding-left: 40px; margin-bottom: 40px; }

	.gut-bg-45     { margin-left: -45px; margin-bottom: -45px; }
	.gut-bg-45 > * { padding-left: 45px; margin-bottom: 45px; }

	.gut-bg-50     { margin-left: -50px; margin-bottom: -50px; }
	.gut-bg-50 > * { padding-left: 50px; margin-bottom: 50px; }

	.gut-bg-60     { margin-left: -60px; margin-bottom: -60px; }
	.gut-bg-60 > * { padding-left: 60px; margin-bottom: 60px; }

	.gut-bg-70     { margin-left: -70px; margin-bottom: -70px; }
	.gut-bg-70 > * { padding-left: 70px; margin-bottom: 70px; }

	.gut-bg-80     { margin-left: -80px; margin-bottom: -80px; }
	.gut-bg-80 > * { padding-left: 80px; margin-bottom: 80px; }

	.gut-bg-100     { margin-left: -100px; margin-bottom: -100px; }
	.gut-bg-100 > * { padding-left: 100px; margin-bottom: 100px; }

	.gut-bg-120     { margin-left: -120px; margin-bottom: -120px; }
	.gut-bg-120 > * { padding-left: 120px; margin-bottom: 120px; }
}




/* -------------------------------- */
/* Intermediate screens and smaller */
@media (max-width: 899px) {

	/* Layouts for intermediate screens */
	.float-in-none {
		float: none !important;
	}

	.display-in-none {
		display: none !important;
	}

	.display-in-inline {
		display: inline !important;
	}

	.display-in-inline-block {
		display: inline-block !important;
	}

	.display-in-block {
		display: block !important;
	}

	/* Widths for intermediate screens */
	.w-in-25 { width: 25% !important; }
	.w-in-33 { width: 33.333333% !important; }
	.w-in-50 { width: 50% !important; }
	.w-in-66 { width: 66.666666% !important; }
	.w-in-75 { width: 75% !important; }
	.w-in-100 { width: 100% !important; }

	/* Flex wrap for intermediate screens */
	.flex-in-wrap {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.flex-in-no-wrap {
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
	}

	/* Flex sizes for intermediate screens */
	.f-in-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto;     flex: 0 0 auto;     max-width: 100%; }
	.f-in-10   { -webkit-box-flex: 0; -ms-flex: 0 0 10%;      flex: 0 0 10%;      max-width: 10%; }
	.f-in-14   { -webkit-box-flex: 0; -ms-flex: 0 0 14.2857%; flex: 0 0 14.2857%; max-width: 14.2857%; }
	.f-in-15   { -webkit-box-flex: 0; -ms-flex: 0 0 15%;      flex: 0 0 15%;      max-width: 15%; }
	.f-in-16   { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666%; flex: 0 0 16.6666%; max-width: 16.6666%; }
	.f-in-20   { -webkit-box-flex: 0; -ms-flex: 0 0 20%;      flex: 0 0 20%;      max-width: 20%; }
	.f-in-25   { -webkit-box-flex: 0; -ms-flex: 0 0 25%;      flex: 0 0 25%;      max-width: 25%; }
	.f-in-30   { -webkit-box-flex: 0; -ms-flex: 0 0 30%;      flex: 0 0 30%;      max-width: 30%; }
	.f-in-33   { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; }
	.f-in-35   { -webkit-box-flex: 0; -ms-flex: 0 0 35%;      flex: 0 0 35%;      max-width: 35%; }
	.f-in-40   { -webkit-box-flex: 0; -ms-flex: 0 0 40%;      flex: 0 0 40%;      max-width: 40%; }
	.f-in-45   { -webkit-box-flex: 0; -ms-flex: 0 0 45%;      flex: 0 0 45%;      max-width: 45%; }
	.f-in-50   { -webkit-box-flex: 0; -ms-flex: 0 0 50%;      flex: 0 0 50%;      max-width: 50%; }
	.f-in-55   { -webkit-box-flex: 0; -ms-flex: 0 0 55%;      flex: 0 0 55%;      max-width: 55%; }
	.f-in-60   { -webkit-box-flex: 0; -ms-flex: 0 0 60%;      flex: 0 0 60%;      max-width: 60%; }
	.f-in-65   { -webkit-box-flex: 0; -ms-flex: 0 0 65%;      flex: 0 0 65%;      max-width: 65%; }
	.f-in-66   { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666%; flex: 0 0 66.6666%; max-width: 66.6666%; }
	.f-in-70   { -webkit-box-flex: 0; -ms-flex: 0 0 70%;      flex: 0 0 70%;      max-width: 70%; }
	.f-in-75   { -webkit-box-flex: 0; -ms-flex: 0 0 75%;      flex: 0 0 75%;      max-width: 75%; }
	.f-in-80   { -webkit-box-flex: 0; -ms-flex: 0 0 80%;      flex: 0 0 80%;      max-width: 80%; }
	.f-in-85   { -webkit-box-flex: 0; -ms-flex: 0 0 85%;      flex: 0 0 85%;      max-width: 85%; }
	.f-in-90   { -webkit-box-flex: 0; -ms-flex: 0 0 90%;      flex: 0 0 90%;      max-width: 90%; }
	.f-in-100  { -webkit-box-flex: 0; -ms-flex: 0 0 100%;     flex: 0 0 100%;     max-width: 100%; }

	/* Flex gutters for intermediate screens */
	.gut-in-5     { margin-left: -5px; margin-bottom: -5px; }
	.gut-in-5 > * { padding-left: 5px; margin-bottom: 5px; }

	.gut-in-10     { margin-left: -10px; margin-bottom: -10px; }
	.gut-in-10 > * { padding-left: 10px; margin-bottom: 10px; }

	.gut-in-15     { margin-left: -15px; margin-bottom: -15px; }
	.gut-in-15 > * { padding-left: 15px; margin-bottom: 15px; }

	.gut-in-20     { margin-left: -20px; margin-bottom: -20px; }
	.gut-in-20 > * { padding-left: 20px; margin-bottom: 20px; }

	.gut-in-25     { margin-left: -25px; margin-bottom: -25px; }
	.gut-in-25 > * { padding-left: 25px; margin-bottom: 25px; }

	.gut-in-30     { margin-left: -30px; margin-bottom: -30px; }
	.gut-in-30 > * { padding-left: 30px; margin-bottom: 30px; }

	.gut-in-35     { margin-left: -35px; margin-bottom: -35px; }
	.gut-in-35 > * { padding-left: 35px; margin-bottom: 35px; }

	.gut-in-40     { margin-left: -40px; margin-bottom: -40px; }
	.gut-in-40 > * { padding-left: 40px; margin-bottom: 40px; }

	.gut-in-45     { margin-left: -45px; margin-bottom: -45px; }
	.gut-in-45 > * { padding-left: 45px; margin-bottom: 45px; }

	.gut-in-50     { margin-left: -50px; margin-bottom: -50px; }
	.gut-in-50 > * { padding-left: 50px; margin-bottom: 50px; }

	.gut-in-60     { margin-left: -60px; margin-bottom: -60px; }
	.gut-in-60 > * { padding-left: 60px; margin-bottom: 60px; }

	.gut-in-70     { margin-left: -70px; margin-bottom: -70px; }
	.gut-in-70 > * { padding-left: 70px; margin-bottom: 70px; }

	.gut-in-80     { margin-left: -80px; margin-bottom: -80px; }
	.gut-in-80 > * { padding-left: 80px; margin-bottom: 80px; }

	.gut-in-100     { margin-left: -100px; margin-bottom: -100px; }
	.gut-in-100 > * { padding-left: 100px; margin-bottom: 100px; }

	.gut-in-120     { margin-left: -120px; margin-bottom: -120px; }
	.gut-in-120 > * { padding-left: 120px; margin-bottom: 120px; }
}




/* -------------------------- */
/* Medium screens and smaller */
@media (max-width: 767px) {

	/* Layouts for medium screens */
	.float-md-none {
		float: none !important;
	}

	.display-md-none {
		display: none !important;
	}

	.display-md-inline {
		display: inline !important;
	}

	.display-md-inline-block {
		display: inline-block !important;
	}

	.display-md-block {
		display: block !important;
	}

	/* Widths for medium screens */
	.w-md-25 { width: 25% !important; }
	.w-md-33 { width: 33.333333% !important; }
	.w-md-50 { width: 50% !important; }
	.w-md-66 { width: 66.666666% !important; }
	.w-md-75 { width: 75% !important; }
	.w-md-100 { width: 100% !important; }

	/* Flex wrap for medium screens */
	.flex-md-wrap {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.flex-md-no-wrap {
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
	}

	/* Flex sizes for medium screens */
	.f-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto;     flex: 0 0 auto;     max-width: 100%; }
	.f-md-10   { -webkit-box-flex: 0; -ms-flex: 0 0 10%;      flex: 0 0 10%;      max-width: 10%; }
	.f-md-14   { -webkit-box-flex: 0; -ms-flex: 0 0 14.2857%; flex: 0 0 14.2857%; max-width: 14.2857%; }
	.f-md-15   { -webkit-box-flex: 0; -ms-flex: 0 0 15%;      flex: 0 0 15%;      max-width: 15%; }
	.f-md-16   { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666%; flex: 0 0 16.6666%; max-width: 16.6666%; }
	.f-md-20   { -webkit-box-flex: 0; -ms-flex: 0 0 20%;      flex: 0 0 20%;      max-width: 20%; }
	.f-md-25   { -webkit-box-flex: 0; -ms-flex: 0 0 25%;      flex: 0 0 25%;      max-width: 25%; }
	.f-md-30   { -webkit-box-flex: 0; -ms-flex: 0 0 30%;      flex: 0 0 30%;      max-width: 30%; }
	.f-md-33   { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; }
	.f-md-35   { -webkit-box-flex: 0; -ms-flex: 0 0 35%;      flex: 0 0 35%;      max-width: 35%; }
	.f-md-40   { -webkit-box-flex: 0; -ms-flex: 0 0 40%;      flex: 0 0 40%;      max-width: 40%; }
	.f-md-45   { -webkit-box-flex: 0; -ms-flex: 0 0 45%;      flex: 0 0 45%;      max-width: 45%; }
	.f-md-50   { -webkit-box-flex: 0; -ms-flex: 0 0 50%;      flex: 0 0 50%;      max-width: 50%; }
	.f-md-55   { -webkit-box-flex: 0; -ms-flex: 0 0 55%;      flex: 0 0 55%;      max-width: 55%; }
	.f-md-60   { -webkit-box-flex: 0; -ms-flex: 0 0 60%;      flex: 0 0 60%;      max-width: 60%; }
	.f-md-65   { -webkit-box-flex: 0; -ms-flex: 0 0 65%;      flex: 0 0 65%;      max-width: 65%; }
	.f-md-66   { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666%; flex: 0 0 66.6666%; max-width: 66.6666%; }
	.f-md-70   { -webkit-box-flex: 0; -ms-flex: 0 0 70%;      flex: 0 0 70%;      max-width: 70%; }
	.f-md-75   { -webkit-box-flex: 0; -ms-flex: 0 0 75%;      flex: 0 0 75%;      max-width: 75%; }
	.f-md-80   { -webkit-box-flex: 0; -ms-flex: 0 0 80%;      flex: 0 0 80%;      max-width: 80%; }
	.f-md-85   { -webkit-box-flex: 0; -ms-flex: 0 0 85%;      flex: 0 0 85%;      max-width: 85%; }
	.f-md-90   { -webkit-box-flex: 0; -ms-flex: 0 0 90%;      flex: 0 0 90%;      max-width: 90%; }
	.f-md-100  { -webkit-box-flex: 0; -ms-flex: 0 0 100%;     flex: 0 0 100%;     max-width: 100%; }

	/* Flex gutters for medium screens */
	.gut-md-5     { margin-left: -5px; margin-bottom: -5px; }
	.gut-md-5 > * { padding-left: 5px; margin-bottom: 5px; }

	.gut-md-10     { margin-left: -10px; margin-bottom: -10px; }
	.gut-md-10 > * { padding-left: 10px; margin-bottom: 10px; }

	.gut-md-15     { margin-left: -15px; margin-bottom: -15px; }
	.gut-md-15 > * { padding-left: 15px; margin-bottom: 15px; }

	.gut-md-20     { margin-left: -20px; margin-bottom: -20px; }
	.gut-md-20 > * { padding-left: 20px; margin-bottom: 20px; }

	.gut-md-25     { margin-left: -25px; margin-bottom: -25px; }
	.gut-md-25 > * { padding-left: 25px; margin-bottom: 25px; }

	.gut-md-30     { margin-left: -30px; margin-bottom: -30px; }
	.gut-md-30 > * { padding-left: 30px; margin-bottom: 30px; }

	.gut-md-35     { margin-left: -35px; margin-bottom: -35px; }
	.gut-md-35 > * { padding-left: 35px; margin-bottom: 35px; }

	.gut-md-40     { margin-left: -40px; margin-bottom: -40px; }
	.gut-md-40 > * { padding-left: 40px; margin-bottom: 40px; }

	.gut-md-45     { margin-left: -45px; margin-bottom: -45px; }
	.gut-md-45 > * { padding-left: 45px; margin-bottom: 45px; }

	.gut-md-50     { margin-left: -50px; margin-bottom: -50px; }
	.gut-md-50 > * { padding-left: 50px; margin-bottom: 50px; }

	.gut-md-60     { margin-left: -60px; margin-bottom: -60px; }
	.gut-md-60 > * { padding-left: 60px; margin-bottom: 60px; }

	.gut-md-70     { margin-left: -70px; margin-bottom: -70px; }
	.gut-md-70 > * { padding-left: 70px; margin-bottom: 70px; }

	.gut-md-80     { margin-left: -80px; margin-bottom: -80px; }
	.gut-md-80 > * { padding-left: 80px; margin-bottom: 80px; }

	.gut-md-100     { margin-left: -100px; margin-bottom: -100px; }
	.gut-md-100 > * { padding-left: 100px; margin-bottom: 100px; }

	.gut-md-120     { margin-left: -120px; margin-bottom: -120px; }
	.gut-md-120 > * { padding-left: 120px; margin-bottom: 120px; }
}




/* ------------------------- */
/* Small screens and smaller */
@media (max-width: 599px) {

	/* Layouts for small screens */
	.float-sm-none {
		float: none !important;
	}

	.display-sm-none {
		display: none !important;
	}

	.display-sm-inline {
		display: inline !important;
	}

	.display-sm-inline-block {
		display: inline-block !important;
	}

	.display-sm-block {
		display: block !important;
	}

	/* Widths for small screens */
	.w-sm-25 { width: 25% !important; }
	.w-sm-33 { width: 33.333333% !important; }
	.w-sm-50 { width: 50% !important; }
	.w-sm-66 { width: 66.666666% !important; }
	.w-sm-75 { width: 75% !important; }
	.w-sm-100 { width: 100% !important; }

	/* Flex wrap for small screens */
	.flex-sm-wrap {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.flex-sm-no-wrap {
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
	}

	/* Flex sizes for small screens */
	.f-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto;     flex: 0 0 auto;     max-width: 100%; }
	.f-sm-10   { -webkit-box-flex: 0; -ms-flex: 0 0 10%;      flex: 0 0 10%;      max-width: 10%; }
	.f-sm-14   { -webkit-box-flex: 0; -ms-flex: 0 0 14.2857%; flex: 0 0 14.2857%; max-width: 14.2857%; }
	.f-sm-15   { -webkit-box-flex: 0; -ms-flex: 0 0 15%;      flex: 0 0 15%;      max-width: 15%; }
	.f-sm-16   { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666%; flex: 0 0 16.6666%; max-width: 16.6666%; }
	.f-sm-20   { -webkit-box-flex: 0; -ms-flex: 0 0 20%;      flex: 0 0 20%;      max-width: 20%; }
	.f-sm-25   { -webkit-box-flex: 0; -ms-flex: 0 0 25%;      flex: 0 0 25%;      max-width: 25%; }
	.f-sm-30   { -webkit-box-flex: 0; -ms-flex: 0 0 30%;      flex: 0 0 30%;      max-width: 30%; }
	.f-sm-33   { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; }
	.f-sm-35   { -webkit-box-flex: 0; -ms-flex: 0 0 35%;      flex: 0 0 35%;      max-width: 35%; }
	.f-sm-40   { -webkit-box-flex: 0; -ms-flex: 0 0 40%;      flex: 0 0 40%;      max-width: 40%; }
	.f-sm-45   { -webkit-box-flex: 0; -ms-flex: 0 0 45%;      flex: 0 0 45%;      max-width: 45%; }
	.f-sm-50   { -webkit-box-flex: 0; -ms-flex: 0 0 50%;      flex: 0 0 50%;      max-width: 50%; }
	.f-sm-55   { -webkit-box-flex: 0; -ms-flex: 0 0 55%;      flex: 0 0 55%;      max-width: 55%; }
	.f-sm-60   { -webkit-box-flex: 0; -ms-flex: 0 0 60%;      flex: 0 0 60%;      max-width: 60%; }
	.f-sm-65   { -webkit-box-flex: 0; -ms-flex: 0 0 65%;      flex: 0 0 65%;      max-width: 65%; }
	.f-sm-66   { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666%; flex: 0 0 66.6666%; max-width: 66.6666%; }
	.f-sm-70   { -webkit-box-flex: 0; -ms-flex: 0 0 70%;      flex: 0 0 70%;      max-width: 70%; }
	.f-sm-75   { -webkit-box-flex: 0; -ms-flex: 0 0 75%;      flex: 0 0 75%;      max-width: 75%; }
	.f-sm-80   { -webkit-box-flex: 0; -ms-flex: 0 0 80%;      flex: 0 0 80%;      max-width: 80%; }
	.f-sm-85   { -webkit-box-flex: 0; -ms-flex: 0 0 85%;      flex: 0 0 85%;      max-width: 85%; }
	.f-sm-90   { -webkit-box-flex: 0; -ms-flex: 0 0 90%;      flex: 0 0 90%;      max-width: 90%; }
	.f-sm-100  { -webkit-box-flex: 0; -ms-flex: 0 0 100%;     flex: 0 0 100%;     max-width: 100%; }

	/* Flex gutters for small screens */
	.gut-sm-5     { margin-left: -5px; margin-bottom: -5px; }
	.gut-sm-5 > * { padding-left: 5px; margin-bottom: 5px; }

	.gut-sm-10     { margin-left: -10px; margin-bottom: -10px; }
	.gut-sm-10 > * { padding-left: 10px; margin-bottom: 10px; }

	.gut-sm-15     { margin-left: -15px; margin-bottom: -15px; }
	.gut-sm-15 > * { padding-left: 15px; margin-bottom: 15px; }

	.gut-sm-20     { margin-left: -20px; margin-bottom: -20px; }
	.gut-sm-20 > * { padding-left: 20px; margin-bottom: 20px; }

	.gut-sm-25     { margin-left: -25px; margin-bottom: -25px; }
	.gut-sm-25 > * { padding-left: 25px; margin-bottom: 25px; }

	.gut-sm-30     { margin-left: -30px; margin-bottom: -30px; }
	.gut-sm-30 > * { padding-left: 30px; margin-bottom: 30px; }

	.gut-sm-35     { margin-left: -35px; margin-bottom: -35px; }
	.gut-sm-35 > * { padding-left: 35px; margin-bottom: 35px; }

	.gut-sm-40     { margin-left: -40px; margin-bottom: -40px; }
	.gut-sm-40 > * { padding-left: 40px; margin-bottom: 40px; }

	.gut-sm-45     { margin-left: -45px; margin-bottom: -45px; }
	.gut-sm-45 > * { padding-left: 45px; margin-bottom: 45px; }

	.gut-sm-50     { margin-left: -50px; margin-bottom: -50px; }
	.gut-sm-50 > * { padding-left: 50px; margin-bottom: 50px; }

	.gut-sm-60     { margin-left: -60px; margin-bottom: -60px; }
	.gut-sm-60 > * { padding-left: 60px; margin-bottom: 60px; }

	.gut-sm-70     { margin-left: -70px; margin-bottom: -70px; }
	.gut-sm-70 > * { padding-left: 70px; margin-bottom: 70px; }

	.gut-sm-80     { margin-left: -80px; margin-bottom: -80px; }
	.gut-sm-80 > * { padding-left: 80px; margin-bottom: 80px; }

	.gut-sm-100     { margin-left: -100px; margin-bottom: -100px; }
	.gut-sm-100 > * { padding-left: 100px; margin-bottom: 100px; }

	.gut-sm-120     { margin-left: -120px; margin-bottom: -120px; }
	.gut-sm-120 > * { padding-left: 120px; margin-bottom: 120px; }
}




/* ------------------------ */
/* Mini screens and smaller */
@media (max-width: 479px) {

	/* Layouts for mini screens */
	.float-mn-none {
		float: none !important;
	}

	.display-mn-none {
		display: none !important;
	}

	.display-mn-inline {
		display: inline !important;
	}

	.display-mn-inline-block {
		display: inline-block !important;
	}

	.display-mn-block {
		display: block !important;
	}

	/* Widths for mini screens */
	.w-mn-25 { width: 25% !important; }
	.w-mn-33 { width: 33.333333% !important; }
	.w-mn-50 { width: 50% !important; }
	.w-mn-66 { width: 66.666666% !important; }
	.w-mn-75 { width: 75% !important; }
	.w-mn-100 { width: 100% !important; }

	/* Flex wrap for mini screens */
	.flex-mn-wrap {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.flex-mn-no-wrap {
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
	}

	/* Flex sizes for mini screens */
	.f-mn-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto;     flex: 0 0 auto;     max-width: 100%; }
	.f-mn-10   { -webkit-box-flex: 0; -ms-flex: 0 0 10%;      flex: 0 0 10%;      max-width: 10%; }
	.f-mn-14   { -webkit-box-flex: 0; -ms-flex: 0 0 14.2857%; flex: 0 0 14.2857%; max-width: 14.2857%; }
	.f-mn-15   { -webkit-box-flex: 0; -ms-flex: 0 0 15%;      flex: 0 0 15%;      max-width: 15%; }
	.f-mn-16   { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666%; flex: 0 0 16.6666%; max-width: 16.6666%; }
	.f-mn-20   { -webkit-box-flex: 0; -ms-flex: 0 0 20%;      flex: 0 0 20%;      max-width: 20%; }
	.f-mn-25   { -webkit-box-flex: 0; -ms-flex: 0 0 25%;      flex: 0 0 25%;      max-width: 25%; }
	.f-mn-30   { -webkit-box-flex: 0; -ms-flex: 0 0 30%;      flex: 0 0 30%;      max-width: 30%; }
	.f-mn-33   { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; }
	.f-mn-35   { -webkit-box-flex: 0; -ms-flex: 0 0 35%;      flex: 0 0 35%;      max-width: 35%; }
	.f-mn-40   { -webkit-box-flex: 0; -ms-flex: 0 0 40%;      flex: 0 0 40%;      max-width: 40%; }
	.f-mn-45   { -webkit-box-flex: 0; -ms-flex: 0 0 45%;      flex: 0 0 45%;      max-width: 45%; }
	.f-mn-50   { -webkit-box-flex: 0; -ms-flex: 0 0 50%;      flex: 0 0 50%;      max-width: 50%; }
	.f-mn-55   { -webkit-box-flex: 0; -ms-flex: 0 0 55%;      flex: 0 0 55%;      max-width: 55%; }
	.f-mn-60   { -webkit-box-flex: 0; -ms-flex: 0 0 60%;      flex: 0 0 60%;      max-width: 60%; }
	.f-mn-65   { -webkit-box-flex: 0; -ms-flex: 0 0 65%;      flex: 0 0 65%;      max-width: 65%; }
	.f-mn-66   { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666%; flex: 0 0 66.6666%; max-width: 66.6666%; }
	.f-mn-70   { -webkit-box-flex: 0; -ms-flex: 0 0 70%;      flex: 0 0 70%;      max-width: 70%; }
	.f-mn-75   { -webkit-box-flex: 0; -ms-flex: 0 0 75%;      flex: 0 0 75%;      max-width: 75%; }
	.f-mn-80   { -webkit-box-flex: 0; -ms-flex: 0 0 80%;      flex: 0 0 80%;      max-width: 80%; }
	.f-mn-85   { -webkit-box-flex: 0; -ms-flex: 0 0 85%;      flex: 0 0 85%;      max-width: 85%; }
	.f-mn-90   { -webkit-box-flex: 0; -ms-flex: 0 0 90%;      flex: 0 0 90%;      max-width: 90%; }
	.f-mn-100  { -webkit-box-flex: 0; -ms-flex: 0 0 100%;     flex: 0 0 100%;     max-width: 100%; }

	/* Flex gutters for mini screens */
	.gut-mn-5     { margin-left: -5px; margin-bottom: -5px; }
	.gut-mn-5 > * { padding-left: 5px; margin-bottom: 5px; }

	.gut-mn-10     { margin-left: -10px; margin-bottom: -10px; }
	.gut-mn-10 > * { padding-left: 10px; margin-bottom: 10px; }

	.gut-mn-15     { margin-left: -15px; margin-bottom: -15px; }
	.gut-mn-15 > * { padding-left: 15px; margin-bottom: 15px; }

	.gut-mn-20     { margin-left: -20px; margin-bottom: -20px; }
	.gut-mn-20 > * { padding-left: 20px; margin-bottom: 20px; }

	.gut-mn-25     { margin-left: -25px; margin-bottom: -25px; }
	.gut-mn-25 > * { padding-left: 25px; margin-bottom: 25px; }

	.gut-mn-30     { margin-left: -30px; margin-bottom: -30px; }
	.gut-mn-30 > * { padding-left: 30px; margin-bottom: 30px; }

	.gut-mn-35     { margin-left: -35px; margin-bottom: -35px; }
	.gut-mn-35 > * { padding-left: 35px; margin-bottom: 35px; }

	.gut-mn-40     { margin-left: -40px; margin-bottom: -40px; }
	.gut-mn-40 > * { padding-left: 40px; margin-bottom: 40px; }

	.gut-mn-45     { margin-left: -45px; margin-bottom: -45px; }
	.gut-mn-45 > * { padding-left: 45px; margin-bottom: 45px; }

	.gut-mn-50     { margin-left: -50px; margin-bottom: -50px; }
	.gut-mn-50 > * { padding-left: 50px; margin-bottom: 50px; }

	.gut-mn-60     { margin-left: -60px; margin-bottom: -60px; }
	.gut-mn-60 > * { padding-left: 60px; margin-bottom: 60px; }

	.gut-mn-70     { margin-left: -70px; margin-bottom: -70px; }
	.gut-mn-70 > * { padding-left: 70px; margin-bottom: 70px; }

	.gut-mn-80     { margin-left: -80px; margin-bottom: -80px; }
	.gut-mn-80 > * { padding-left: 80px; margin-bottom: 80px; }

	.gut-mn-100     { margin-left: -100px; margin-bottom: -100px; }
	.gut-mn-100 > * { padding-left: 100px; margin-bottom: 100px; }

	.gut-mn-120     { margin-left: -120px; margin-bottom: -120px; }
	.gut-mn-120 > * { padding-left: 120px; margin-bottom: 120px; }
}




/* ------------------------ */
/* Tiny screens and smaller */
@media (max-width: 399px) {

	/* Layouts for tiny screens */
	.float-tn-none {
		float: none !important;
	}

	.display-tn-none {
		display: none !important;
	}

	.display-tn-inline {
		display: inline !important;
	}

	.display-tn-inline-block {
		display: inline-block !important;
	}

	.display-tn-block {
		display: block !important;
	}

	/* Widths for tiny screens */
	.w-tn-25 { width: 25% !important; }
	.w-tn-33 { width: 33.333333% !important; }
	.w-tn-50 { width: 50% !important; }
	.w-tn-66 { width: 66.666666% !important; }
	.w-tn-75 { width: 75% !important; }
	.w-tn-100 { width: 100% !important; }

	/* Flex wrap for tiny screens */
	.flex-tn-wrap {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.flex-tn-no-wrap {
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
	}

	/* Flex sizes for tiny screens */
	.f-tn-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto;     flex: 0 0 auto;     max-width: 100%; }
	.f-tn-10   { -webkit-box-flex: 0; -ms-flex: 0 0 10%;      flex: 0 0 10%;      max-width: 10%; }
	.f-tn-14   { -webkit-box-flex: 0; -ms-flex: 0 0 14.2857%; flex: 0 0 14.2857%; max-width: 14.2857%; }
	.f-tn-15   { -webkit-box-flex: 0; -ms-flex: 0 0 15%;      flex: 0 0 15%;      max-width: 15%; }
	.f-tn-16   { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666%; flex: 0 0 16.6666%; max-width: 16.6666%; }
	.f-tn-20   { -webkit-box-flex: 0; -ms-flex: 0 0 20%;      flex: 0 0 20%;      max-width: 20%; }
	.f-tn-25   { -webkit-box-flex: 0; -ms-flex: 0 0 25%;      flex: 0 0 25%;      max-width: 25%; }
	.f-tn-30   { -webkit-box-flex: 0; -ms-flex: 0 0 30%;      flex: 0 0 30%;      max-width: 30%; }
	.f-tn-33   { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; }
	.f-tn-35   { -webkit-box-flex: 0; -ms-flex: 0 0 35%;      flex: 0 0 35%;      max-width: 35%; }
	.f-tn-40   { -webkit-box-flex: 0; -ms-flex: 0 0 40%;      flex: 0 0 40%;      max-width: 40%; }
	.f-tn-45   { -webkit-box-flex: 0; -ms-flex: 0 0 45%;      flex: 0 0 45%;      max-width: 45%; }
	.f-tn-50   { -webkit-box-flex: 0; -ms-flex: 0 0 50%;      flex: 0 0 50%;      max-width: 50%; }
	.f-tn-55   { -webkit-box-flex: 0; -ms-flex: 0 0 55%;      flex: 0 0 55%;      max-width: 55%; }
	.f-tn-60   { -webkit-box-flex: 0; -ms-flex: 0 0 60%;      flex: 0 0 60%;      max-width: 60%; }
	.f-tn-65   { -webkit-box-flex: 0; -ms-flex: 0 0 65%;      flex: 0 0 65%;      max-width: 65%; }
	.f-tn-66   { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666%; flex: 0 0 66.6666%; max-width: 66.6666%; }
	.f-tn-70   { -webkit-box-flex: 0; -ms-flex: 0 0 70%;      flex: 0 0 70%;      max-width: 70%; }
	.f-tn-75   { -webkit-box-flex: 0; -ms-flex: 0 0 75%;      flex: 0 0 75%;      max-width: 75%; }
	.f-tn-80   { -webkit-box-flex: 0; -ms-flex: 0 0 80%;      flex: 0 0 80%;      max-width: 80%; }
	.f-tn-85   { -webkit-box-flex: 0; -ms-flex: 0 0 85%;      flex: 0 0 85%;      max-width: 85%; }
	.f-tn-90   { -webkit-box-flex: 0; -ms-flex: 0 0 90%;      flex: 0 0 90%;      max-width: 90%; }
	.f-tn-100  { -webkit-box-flex: 0; -ms-flex: 0 0 100%;     flex: 0 0 100%;     max-width: 100%; }

	/* Flex gutters for tiny screens */
	.gut-tn-5     { margin-left: -5px; margin-bottom: -5px; }
	.gut-tn-5 > * { padding-left: 5px; margin-bottom: 5px; }

	.gut-tn-10     { margin-left: -10px; margin-bottom: -10px; }
	.gut-tn-10 > * { padding-left: 10px; margin-bottom: 10px; }

	.gut-tn-15     { margin-left: -15px; margin-bottom: -15px; }
	.gut-tn-15 > * { padding-left: 15px; margin-bottom: 15px; }

	.gut-tn-20     { margin-left: -20px; margin-bottom: -20px; }
	.gut-tn-20 > * { padding-left: 20px; margin-bottom: 20px; }

	.gut-tn-25     { margin-left: -25px; margin-bottom: -25px; }
	.gut-tn-25 > * { padding-left: 25px; margin-bottom: 25px; }

	.gut-tn-30     { margin-left: -30px; margin-bottom: -30px; }
	.gut-tn-30 > * { padding-left: 30px; margin-bottom: 30px; }

	.gut-tn-35     { margin-left: -35px; margin-bottom: -35px; }
	.gut-tn-35 > * { padding-left: 35px; margin-bottom: 35px; }

	.gut-tn-40     { margin-left: -40px; margin-bottom: -40px; }
	.gut-tn-40 > * { padding-left: 40px; margin-bottom: 40px; }

	.gut-tn-45     { margin-left: -45px; margin-bottom: -45px; }
	.gut-tn-45 > * { padding-left: 45px; margin-bottom: 45px; }

	.gut-tn-50     { margin-left: -50px; margin-bottom: -50px; }
	.gut-tn-50 > * { padding-left: 50px; margin-bottom: 50px; }

	.gut-tn-60     { margin-left: -60px; margin-bottom: -60px; }
	.gut-tn-60 > * { padding-left: 60px; margin-bottom: 60px; }

	.gut-tn-70     { margin-left: -70px; margin-bottom: -70px; }
	.gut-tn-70 > * { padding-left: 70px; margin-bottom: 70px; }

	.gut-tn-80     { margin-left: -80px; margin-bottom: -80px; }
	.gut-tn-80 > * { padding-left: 80px; margin-bottom: 80px; }

	.gut-tn-100     { margin-left: -100px; margin-bottom: -100px; }
	.gut-tn-100 > * { padding-left: 100px; margin-bottom: 100px; }

	.gut-tn-120     { margin-left: -120px; margin-bottom: -120px; }
	.gut-tn-120 > * { padding-left: 120px; margin-bottom: 120px; }
}









/* ----------------------------- */
/* Your Styles                   */
/* ----------------------------- */




/* ----------------------------- */
/* Header                        */
/* ----------------------------- */

/* Global */
/* ------ */

.header {
	background-color: #fff;

	position: fixed;
	width: 100%;
	padding: 0 60px 0 50px;
	z-index: 1001;

	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	        box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.header .menu {
	display: none;
}

/* .logo-gradient-container {
	visibility: hidden;
	position: absolute;
	width: 0;
	height: 0;
} */

.header .nav-container,
.header .menu-primary-container,
.header .menu-secondary-container,
.header .menu-primary-container > ul,
.header .menu-secondary-container > ul,
.header .buttons-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.header .nav-container {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.header .menu-primary-container {
	-webkit-box-flex: 1;
	        -ms-flex: 1;
	            flex: 1;

	-webkit-box-pack: center;
	   -ms-flex-pack: center;
	 justify-content: center;
}

.header .menu-secondary-container {
	-webkit-box-pack: end;
	   -ms-flex-pack: end;
	 justify-content: flex-end;

	width: 100%;
}

.header .buttons-container {
	margin-top: 8px;
}

.header .flex-break {
	display: none;
}

.header ul li a:hover,
.header ul li a:hover *
/* .header .menu-primary-container > ul > li:hover > a,
.header .menu-primary-container > ul > li:hover > a * */ {
	color: #d6461d;
}




/* Primary */
/* ------- */

/* Global */
.header .menu-primary-container li {
	margin-top: 0;
}

.header .menu-primary-container li a,
.header .menu-primary-container li a * {
	letter-spacing: 0.15em;
	color: #2c2c22;

	display: inline-block;
}

.header .menu-primary-container li.menu-item-nolink > a {
	cursor: text;
}

.header .menu-primary-container li.menu-item-nolink > a .image-container img {
	-webkit-transform: scale(1);
		-ms-transform: scale(1);
			transform: scale(1);
}

.header .menu-primary-container li.active > a span {
	text-decoration: underline;
}

/* Nav */
.header .menu-primary-container > ul > li > a {
	font-size: 1.6rem; /* equiv 16px */
	line-height: 1; /* equiv 16px */
	text-transform: uppercase;
	white-space: nowrap;

	padding: 15px 30px 61px 30px;
}

.header .menu-primary-container > ul > li > a:hover,
.header .menu-primary-container > ul > li > a:hover * {
	color: #2c2c22;
}

.header .menu-primary-container > ul > li.hover > a,
.header .menu-primary-container > ul > li.hover > a *,
.header .menu-primary-container > ul > li.open > a,
.header .menu-primary-container > ul > li.open > a * {
	color: #d6461d;
}

/* Large screens and bigger */
@media (min-width: 1024px) {

	/* Subnav */
	.header .menu-primary-container .sub-menu-container {
		visibility: hidden;
		position: absolute;
		left: 0;
		width: 100%;
		padding-bottom: 30px;
		overflow: hidden;
		opacity: 0;
		z-index: 1;

		-webkit-transition: opacity 0.25s linear 0.15s, visibility 0s linear 0.4s;
		     -o-transition: opacity 0.25s linear 0.15s, visibility 0s linear 0.4s;
		        transition: opacity 0.25s linear 0.15s, visibility 0s linear 0.4s;
	}

	.header .menu-primary-container > ul > li.open > a ~ .sub-menu-container {
		visibility: visible;
		opacity: 1;
		z-index: 2;

		-webkit-transition: opacity 0.25s, visibility 0s linear 0s;
		     -o-transition: opacity 0.25s, visibility 0s linear 0s;
		        transition: opacity 0.25s, visibility 0s linear 0s;
	}

	.header .menu-primary-container .sub-menu-container::before {
		content: "";
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));

		position: absolute;
		left: 0;
		top: -10px;
		width: 100%;
		height: 30px;
	}

	.header .menu-primary-container .sub-menu-wrapper {
		background-color: #fffbf4;

		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;

		-webkit-box-pack: center;
		   -ms-flex-pack: center;
		 justify-content: center;

		width: 100%;
		max-height: calc(100vh - 130px);
		min-height: calc(100vh - 130px);
		overflow: auto;

		-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
		        box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	}

	.header .menu-primary-container .sub-menu-wrapper::after {
		content: "";

		width: 100%;
		height: 0;
	}

	.header .menu-primary-container .sub-menu.depth-1 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		-webkit-box-pack: end;
		   -ms-flex-pack: end;
		 justify-content: flex-end;

		width: 100%;
		max-width: 1720px;
		padding: 40px 60px 80px 60px;
	}

	.header .menu-primary-container .sub-menu.depth-1 > li {
		-webkit-box-flex: 1;
		        -ms-flex: 1 1 auto;
		            flex: 1 1 auto;

		max-width: 24%;
		min-width: 18%;
		padding-right: 40px;
	}

	.header .menu-primary-container .sub-menu.depth-1 > li.menu-item-slideshow {
		-webkit-box-flex: 1;
		        -ms-flex: 1 0 1;
		            flex: 1 0 1;

		max-width: 28%;
		min-width: 28%;
		margin-top: 40px;
		padding-right: 0;
	}

	/* Close button */
	.close {
		position: absolute;
		right: 20px;
		top: 20px;
		display: block;
		width: 30px;
		height: 26px;
		z-index: 101;
	}

	.open .close {
		cursor: pointer;
	}

	.close::before,
	.close::after {
		content: "";
		background-color: #2c2c22;

		position: absolute;
		display: block;
		width: 30px;
		height: 2px;
		top: 12px;
		opacity: 1;
	}

	.close::before {
		-webkit-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		        transform: rotate(45deg);
	}

	.close::after {
		-webkit-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		        transform: rotate(-45deg);
	}
}

/* Subnav */
.header .menu-primary-container .sub-menu li.menu-item-nolink > a,
.header .menu-primary-container .sub-menu li.menu-item-nolink > a * {
	color: #2c2c22 !important;
}

.header .menu-primary-container .sub-menu.depth-1 > li > a,
.header .menu-primary-container .sub-menu.depth-1 > li > a *,
.header .menu-primary-container .menu-item-slideshow > .sub-menu.depth-2 > li > a,
.header .menu-primary-container .menu-item-slideshow > .sub-menu.depth-2 > li > a * {
	font-family: 'Playfair Display', serif;
	font-size: 2.4rem; /* equiv 24px */
	line-height: 1; /* equiv 24px */
	letter-spacing: 0.025em;

	display: block;
}

.header .menu-primary-container .sub-menu.depth-1 > li > a {
	padding: 12px 0;
}

.header .menu-primary-container .sub-menu.depth-1 > li > a .image-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-align: end;
	   -ms-flex-align: end;
	      align-items: flex-end;

	min-height: 120px;
	margin-bottom: 36px;
}

.header .menu-primary-container .sub-menu.depth-1 > li > a .image-container span {
	display: inline-block;
}

.header .menu-primary-container .sub-menu.depth-1 > li:not(.menu-item-icon) > a .image-container img {
	max-width: none;
	width: 50%;
}

.header .menu-primary-container .sub-menu.depth-2 > li > a {
	font-size: 1.4rem; /* equiv 14px */
	line-height: 1.143; /* equiv 16px */

	padding: 8px 0;
}

.header .menu-primary-container .sub-menu.depth-2 > li:first-child > a {
	margin-top: 8px;
}

.header .menu-primary-container > ul > li:first-child .sub-menu.depth-2 > li > a {
	padding: 4px 0;
}

.header .menu-primary-container .sub-menu.depth-2 > li.menu-item-filter > a {
	margin: 14px 0;
}

.header .menu-primary-container > ul > li:first-child .sub-menu.depth-2 > li.menu-item-filter > a {
	margin: 12px 0;
}

.header .menu-primary-container .sub-menu.depth-2 > li + li.menu-item-filter > a {
	margin-top: 32px;
}

.header .menu-primary-container > ul > li:first-child .sub-menu.depth-2 > li + li.menu-item-filter > a {
	margin-top: 24px;
}

.header .menu-primary-container .sub-menu.depth-2 > li.menu-item-filter > a,
.header .menu-primary-container .sub-menu.depth-2 > li.menu-item-filter > a span {
	color: #d6461d !important;
}

.header .menu-primary-container .sub-menu.depth-2 > li.menu-item-filter > a:hover,
.header .menu-primary-container .sub-menu.depth-2 > li.menu-item-filter > a:hover * {
	color: #a6200b !important;
}

/* Slideshow */
.header .menu-primary-container .sub-menu.depth-1 > li.menu-item-slideshow > a {
	padding: 0;
}

.header .menu-primary-container .sub-menu.depth-1 > li.menu-item-slideshow > a > span {
	display: none;
}

.header .menu-primary-container .sub-menu.depth-1 > li.menu-item-slideshow > a .image-container {
	margin-bottom: 0;
}

.header .menu-primary-container .sub-menu.depth-1 > li.menu-item-slideshow > a .image-container img {
	max-width: 100%;
	width: 100%;
}

.header .menu-primary-container .sub-menu.depth-1 > li.menu-item-slideshow > a:hover .image-container img {
	-webkit-transform: scale(1);
		-ms-transform: scale(1);
			transform: scale(1);
}

.header .menu-primary-container .menu-item-slideshow > .sub-menu.depth-2 > li > a {
	padding: 0;
}

.header .menu-primary-container .menu-item-slideshow > .sub-menu.depth-2 > li > a:hover .image-container img {
	-webkit-transform: scale(1.025);
		-ms-transform: scale(1.025);
			transform: scale(1.025);
}

.header .menu-primary-container .menu-item-slideshow > .sub-menu.depth-2 > li > a > span {
	margin-top: 3em;
}

.header .menu-primary-container .menu-item-slideshow > .sub-menu.depth-2 > li > a > span + span {
	font-family: 'Barlow', sans-serif;
	font-size: 1.4rem; /* equiv 14px */
	line-height: 1.143; /* equiv 16px */
	letter-spacing: 0.15em;

	margin-top: 1em;
}

/* Trademark */
.header .menu-primary-container .sub-menu.depth-2 > li > a sup:not(.text):not(.number),
.header .menu-primary-container .sub-menu.depth-2 > li > a sup.trademark,
.header .menu-primary-container .menu-item-slideshow > .sub-menu.depth-2 > li > a sup:not(.text):not(.number),
.header .menu-primary-container .menu-item-slideshow > .sub-menu.depth-2 > li > a sup.trademark {
	font-family: 'Barlow', sans-serif;
	font-size: 1.143em; /* equiv 16px */;
	line-height: 0;

	display: inline-block;
	top: 0;
}




/* Secondary */
/* --------- */

.header .menu-secondary-container .menu-language {
	margin-left: 8px;
}

.header .menu-secondary-container .menu-secondary li {
	margin: 8px 8px;
}

.header .menu-secondary-container .menu-language li {
	margin: 8px 0px;
}

.header .menu-secondary-container .menu-language li.active {
	margin: 8px 6px;
}

.header .menu-secondary-container li a,
.header .menu-secondary-container li span {
	font-weight: 500;
	font-size: 1rem; /* equiv 10px */
	line-height: 1.2; /* equiv 12px */
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #62625f;

	display: block;
	padding: 5px 6px;
}

.header .menu-secondary-container .menu-secondary li.active a {
	text-decoration: underline;
}

.header .menu-secondary-container .menu-language li * {
	color: #d6461d;
}

.header .menu-secondary-container .menu-language li a:hover {
	color: #a6200b;
}

.header .menu-secondary-container .menu-language li.active span {
	padding: 5px 0 3px 0;
	border-bottom: 2px solid #d6461d;;
}

/* Custom */
@media (max-width: 1599px) and (min-width: 1024px) {

	/* Primary */
	/* ------- */

	/* Nav */
	.header .menu-primary-container > ul > li > a {
		font-size: 1.5rem; /* equiv 15px */
	}
}

/* Custom */
@media (max-width: 1199px) and (min-width: 1024px) {

	/* Global */
	/* ------ */

	.header .buttons-container {
		margin-right: 15px !important;
	}
}

/* Custom */
@media (max-width: 1599px) and (min-width: 1400px) {

	/* Primary */
	/* ------- */

	/* Nav */
	.header .menu-primary-container > ul > li > a {
		padding: 16px 15px 61px 15px;
	}
}

/* Custom */
@media (max-width: 1399px) and (min-width: 1300px) {

	/* Primary */
	/* ------- */

	/* Nav */
	.header .menu-primary-container > ul > li > a {
		padding: 16px 30px 38px 30px;
	}
}

/* Custom */
@media (max-width: 1299px) and (min-width: 1200px) {

	/* Primary */
	/* ------- */

	/* Nav */
	.header .menu-primary-container > ul > li > a {
		padding: 16px 25px 38px 25px;
	}

	.header .menu-primary-container > ul > li > a * {
		letter-spacing: 0.125em;
	}
}

/* Custom */
@media (max-width: 1199px) and (min-width: 1100px) {

	/* Primary */
	/* ------- */

	/* Nav */
	.header .menu-primary-container > ul > li > a {
		padding: 16px 20px 38px 20px;
	}

	.header .menu-primary-container > ul > li > a * {
		letter-spacing: 0.1em;
	}
}

/* Custom */
@media (max-width: 1099px) and (min-width: 1024px) {

	/* Primary */
	/* ------- */

	/* Nav */
	.header .menu-primary-container > ul > li > a {
		padding: 16px 15px 38px 15px;
	}

	.header .menu-primary-container > ul > li > a * {
		letter-spacing: 0.075em;
	}
}

/* Custom */
@media (max-width: 1399px) and (min-width: 1024px) {

	/* Global */
	/* ------ */

	.header {
		padding: 0 20px 0 40px;
	}

	.header .nav-container {
		-webkit-box-pack: justify;
		   -ms-flex-pack: justify;
		 justify-content: space-between;
	}

	.header .logo-container {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		         order: 3;

		margin-top: -12px
	}

	.header .menu-primary-container {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		         order: 4;

		-webkit-box-flex: 0;
			    -ms-flex: 0 1 auto;
				    flex: 0 1 auto;

		margin-top: 10px;
	}

	.header .menu-secondary-container {
		-webkit-box-flex: 1;
		        -ms-flex: 1;
		            flex: 1;

		width: auto;
		margin-top: 12px;
	}

	.header .buttons-container {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		         order: 1;

		margin: 20px 30px 0 40px;
	}

	.header .flex-break {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		         order: 2;

		display: block;
		width: 100%;
	}


	/* Buttons */
	/* ------- */

	.header .buttons-container .display-tablet-none {
		display: none;
	}

	.header .buttons-container .button > * {
		font-size: 1rem; /* equiv 10px */
		line-height: 1.2; /* equiv 12px */

		padding: 0.5em 1.5em;
	}

	.header .buttons-container .button .ba1 {
		padding: calc(0.5em - 1px) calc(1.5em - 1px);
	}
}

/* Custom */
@media (max-width: 1399px) {

	/* Primary */
	/* ------- */

	/* Subnav */
	.header .menu-primary-container li.menu-item-nolink .sub-menu.depth-1 > li.menu-item-slideshow {
		display: none;
	}
}

/* Custom */
@media (max-width: 1099px) {

	/* Primary */
	/* ------- */

	/* Subnav */
	.header .menu-primary-container .sub-menu.depth-1 > li.menu-item-slideshow {
		display: none;
	}
}

/* Custom */
@media (max-width: 1399px) and (min-width: 1024px) {

	/* Primary */
	/* ------- */

	/* Subnav */
	.header .menu-primary-container .sub-menu-wrapper {
		min-height: 600px;
	}

	.header .menu-primary-container li.menu-item-nolink .sub-menu.depth-1 {
		-webkit-box-pack: center;
		   -ms-flex-pack: center;
		 justify-content: center;
	}

	.header .menu-primary-container li.menu-item-nolink .sub-menu.depth-1 > li {
		max-width: 25%;
		min-width: 25%;
		padding: 0 20px;
	}
}

/* Custom */
@media (max-width: 1099px) and (min-width: 1024px) {

	/* Primary */
	/* ------- */

	/* Subnav */
	.header .menu-primary-container .sub-menu-wrapper {
		min-height: 500px;
	}

	.header .menu-primary-container .sub-menu.depth-1 {
		-webkit-box-pack: center;
		   -ms-flex-pack: center;
		 justify-content: center;

		padding-top: 20px;
		padding-bottom: 60px;
	}

	.header .menu-primary-container .sub-menu.depth-1 > li {
		max-width: 25%;
		min-width: 25%;
		padding: 0 20px;
	}
}

/* Large screens and bigger */
@media (min-width: 1024px) {

	/* Primary */
	/* ------- */

	/* Global */
	.header .menu-primary-container > ul > li > .arrow,
	.header .menu-primary-container .sub-menu.depth-1 > li > .arrow {
		display: none;
	}
}

/* Big screens and smaller */
@media (max-width: 1023px) {

	/* Global */
	/* ------ */

	.header {
		padding: 0;
	}

	.header .menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		min-height: 100px;
	}

	.header .nav-container {
		background-color: #fffbf4;

		   -webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		   -ms-flex-direction: column;
			   flex-direction: column;

		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;

		-webkit-box-pack: start;
		   -ms-flex-pack: start;
		 justify-content: flex-start;

		position: fixed;
		left: -100vw;
		top: 0;
		width: 100vw;
		height: 100vh;
		padding: 100px 30px 0 30px;
		overflow: auto;
		z-index: 100;

		-webkit-transition: all 0.5s ease-in-out;
		     -o-transition: all 0.5s ease-in-out;
		        transition: all 0.5s ease-in-out;
	}

	.header .nav-container.open {
		-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);
		        box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);

		-webkit-transform: translate(100vw, 0);
		   -moz-transform: translate(100vw, 0);
		     -o-transform: translate(100vw, 0);
		        transform: translate(100vw, 0);
	}

	.header .nav-container .logo-container {
		display: none;
	}

	.header .menu .logo-container {
		margin: auto;
		padding: 20px 80px;
	}

	.header .menu-primary-container {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		         order: 1;

		-webkit-box-flex: 0;
			    -ms-flex: 0 1 auto;
				    flex: 0 1 auto;
	}

	.header .menu-secondary-container {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		         order: 3;

		-webkit-box-pack: start;
		   -ms-flex-pack: start;
		 justify-content: flex-start;


		margin: 60px 0 0 -14px;
		padding-bottom: 12px;
	}

	.header .buttons-container {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		         order: 2;

		margin-top: 80px;
	}


	/* Primary */
	/* ------- */

	/* Global */
	.header .menu-primary-container > ul > li,
	.header .menu-primary-container .sub-menu.depth-1 > li {
		position: relative;
	}

	.header .menu-primary-container > ul > li > .arrow,
	.header .menu-primary-container .sub-menu.depth-1 > li > .arrow {
		font-size: 2rem; /* equiv 20px */
		line-height: 1; /* equiv 20px */
		letter-spacing: 0;

		cursor: pointer;

		-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		        user-select: none;

		position: absolute;
		top: 0;

		-webkit-transition: -webkit-transform 0.1s;
		        transition: -webkit-transform 0.1s;

		-o-transition: transform 0.1s;
		   transition: transform 0.1s;
		   transition: transform 0.1s, -webkit-transform 0.1s;
	}

	.header .menu-primary-container > ul > li > .arrow {
		right: -16px;
		padding: 16px;
	}

	.header .menu-primary-container .sub-menu.depth-1 > li > .arrow {
		right: -14px;
		padding: 14px;
	}

	.header .menu-primary-container > ul > li > .arrow.openTrigger,
	.header .menu-primary-container > ul > li > .arrow.openTrigger *,
	.header .menu-primary-container .sub-menu.depth-1 > li > .arrow.openTrigger,
	.header .menu-primary-container .sub-menu.depth-1 > li > .arrow.openTrigger * {
		color: #d6461d !important;
	}

	.header .menu-primary-container > ul > li > .arrow.openTrigger,
	.header .menu-primary-container .sub-menu.depth-1 > li > .arrow.openTrigger {
		-webkit-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		        transform: rotate(90deg);
	}

	/* Nav */
	.header .menu-primary-container > ul {
		display: block;
		width: 100%;
	}

	.header .menu-primary-container > ul > li > a {
		display: block;
		padding: 18px 30px 18px 0;
		border-bottom: 1px solid #dbd5cd;
	}

	/* Subnav */
	.header .menu-primary-container .sub-menu-container {
		display: none;
	}

	.header .menu-primary-container .sub-menu.depth-1 {
		padding: 0 0 30px 15px;
	}

	.header .menu-primary-container .sub-menu.depth-2 {
		display: none;
		padding-bottom: 30px;
	}

	.header .menu-primary-container .sub-menu.depth-1 > li > a .image-container {
		display: none;
	}

	.header .menu-primary-container .sub-menu.depth-2 > li.menu-item-filter > a {
		margin-bottom: 0;
	}

	.header .menu-primary-container .sub-menu.depth-2 > li + li.menu-item-filter > a {
		margin-top: 14px;
	}


	/* Secondary */
	/* --------- */

	.header .menu-secondary-container .menu-language {
		position: absolute;
		right: 24px;
		top: 30px;
		opacity: 0;

		-webkit-transition: opacity 0.25s linear 0s;
		     -o-transition: opacity 0.25s linear 0s;
		        transition: opacity 0.25s linear 0s;
	}

	.header .nav-container.open .menu-secondary-container .menu-language {
		opacity: 1;

		-webkit-transition: opacity 0.25s linear 0.25s;
		     -o-transition: opacity 0.25s linear 0.25s;
		        transition: opacity 0.25s linear 0.25s;
	}


	/* Buttons */
	/* ------- */

	.header .buttons-container .button {
		width: 200px;
		/* max-width: 50%; */
		max-width: 100%;
	}


	/* Burger */
	/* ------ */

	.burger {
		cursor: pointer;

		-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		        user-select: none;

		position: absolute;
		left: 20px;
		top: 37px;
		display: block;
		width: 30px;
		height: 26px;
		z-index: 101;
	}

	.burger span,
	.burger::before,
	.burger::after {
		content: "";
		background-color: #2c2c22;

		position: absolute;
		display: block;
		width: 30px;
		height: 2px;
	}

	.burger span {
		top: 12px;
		opacity: 0;

		-webkit-transition: opacity 0s linear 0.1s, -webkit-transform 0.1s linear 0s;
		        transition: opacity 0s linear 0.1s, -webkit-transform 0.1s linear 0s;

		-o-transition: transform 0.1s linear 0s, opacity 0s linear 0.1s;
		   transition: transform 0.1s linear 0s, opacity 0s linear 0.1s;
		   transition: transform 0.1s linear 0s, opacity 0s linear 0.1s, -webkit-transform 0.1s linear 0s;

		-webkit-transform: rotate(0deg);
		    -ms-transform: rotate(0deg);
		        transform: rotate(0deg);
	}

	.burger.open span {
		opacity: 1;

		-webkit-transition: opacity 0s linear 0.1s, -webkit-transform 0.1s linear 0.1s;
		        transition: opacity 0s linear 0.1s, -webkit-transform 0.1s linear 0.1s;

		-o-transition: transform 0.1s linear 0.1s, opacity 0s linear 0.1s;
		   transition: transform 0.1s linear 0.1s, opacity 0s linear 0.1s;
		   transition: transform 0.1s linear 0.1s, opacity 0s linear 0.1s, -webkit-transform 0.1s linear 0.1s;

		-webkit-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		        transform: rotate(45deg);
	}

	.burger.open span + span {
		-webkit-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		        transform: rotate(-45deg);
	}

	.burger::before {
		top: 6px;
	}

	.burger::after {
		top: 18px;
	}

	.burger::before,
	.burger::after {
		opacity: 1;

		-webkit-transition: top 0.1s linear 0.1s, opacity 0s linear 0.1s;
		     -o-transition: top 0.1s linear 0.1s, opacity 0s linear 0.1s;
		        transition: top 0.1s linear 0.1s, opacity 0s linear 0.1s;
	}

	.burger.open::before,
	.burger.open::after {
		top: 12px;
		opacity: 0;

		-webkit-transition: top 0.1s linear 0s, opacity 0s linear 0.1s;
		     -o-transition: top 0.1s linear 0s, opacity 0s linear 0.1s;
		        transition: top 0.1s linear 0s, opacity 0s linear 0.1s;
	}
}

/* Tiny screens and smaller */
@media (max-width: 399px) {

	/* Buttons */
	/* ------- */

	/* .header .buttons-container .display-tablet-none {
		display: none;
	} */
}









/* ----------------------------- */
/* Footer                        */
/* ----------------------------- */

/* Global */
/* ------ */

.footer {
	position: relative;
	z-index: 1000;
}

.border-container {
	position: absolute;
	width: 100%;
	margin-top: -1.25%;
}

.border-container svg {
	display: block;
}

.footer .nav-container {
	padding: 100px 0;
}

.footer *,
.footer a {
	color: #fffbf4 !important;
}

.footer a:hover,
.footer .networks-container a:hover * {
	color: #d6461d !important;
}

.footer .menu-footer-container > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.footer .menu-footer-container > ul     { margin-left: -60px; margin-bottom: -60px; }
.footer .menu-footer-container > ul > * { padding-left: 60px; margin-bottom: 60px; }

.footer .menu-footer-container > ul > li {
	-webkit-box-flex: 0;
	        -ms-flex: 0 0 25%;
	            flex: 0 0 25%;
}

.footer .menu-footer-container li.menu-item-nolink > a {
	color: #fffbf4 !important;

	cursor: text;
}

.footer .menu-footer-container > ul > li > a {
	font-weight: 500;
	font-size: 1.6rem; /* equiv 16px */
	line-height: 1.125; /* equiv 18px */
	text-transform: uppercase;

	display: inline-block;
	padding: 4px 0;
}

.footer .menu-footer-container .sub-menu {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #a6200b;
}

.footer .menu-footer-container .sub-menu > li > a {
	font-size: 1.4rem; /* equiv 14px */
	line-height: 1.143; /* equiv 16px */

	display: inline-block;
	padding: 4px 0;
}




/* Networks */
/* -------- */

.networks-container {
	margin-left: -0.5em;
}

.networks-container li {
	display: inline-block;
}




/* Copyright */
/* --------- */

.copyright-container p {
	line-height: 1.5em;

	margin-top: 0;
}

.copyright-container a:hover {
	color: #fff !important;
	text-decoration: underline;
}

/* Big screens and intermediate screens */
@media (max-width: 1023px) and (min-width: 768px) {

	/* Global */
	/* ------ */

	.footer .menu-footer-container > ul {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;

		position: relative;
	}

	.footer .menu-footer-container > ul > li {
		-webkit-box-flex: 0;
		        -ms-flex: 0 0 33.3333%;
		            flex: 0 0 33.3333%;
	}

	.footer .menu-footer-container > ul > li:nth-child(3) {
		position: absolute;
		left: 33.3333%;
		bottom: 0;
	}
}

/* Medium screens and smaller */
@media (max-width: 767px) {

	/* Global */
	/* ------ */

	.footer .menu-footer-container > ul {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.footer .menu-footer-container > ul > li {
		-webkit-box-flex: 0;
		        -ms-flex: 0 0 100%;
		            flex: 0 0 100%;
	}


	/* Copyright */
	/* --------- */

	.copyright-container .flex > * {
		text-align: center;
	}
}









/* ----------------------------- */
/* Slogan                        */
/* ----------------------------- */

/* Hero Banner */
/* ----------- */

.banner-hero-1 .slogan-container svg {
	filter: drop-shadow(0 0 5px rgb(0 0 0 / 0.5));
}




/* Footer */
/* ------ */

html[lang="fr-FR"] .footer .slogan-container {
	max-width: 550px;
}

html[lang="en-US"] .footer .slogan-container {
	max-width: 500px;
}

.footer .slogan-container svg {
	width: 75%;
}









/* ----------------------------- */
/* Main                          */
/* ----------------------------- */

.header + * {
	-webkit-box-flex: 1;
	        -ms-flex: 1;
	            flex: 1;

	position: relative;
	margin-top: 130px;
	/* border: 5px solid #ff0000; */
	z-index: 1;
}

/* Big screens and smaller */
@media (max-width: 1023px) {
	.header + * {
		margin-top: 100px;
	}
}









/* ----------------------------- */
/* Forms                         */
/* ----------------------------- */

/* Normal form */
/* ----------- */

.form-normal .label {
	font-size: 1.2rem; /* equiv 12px */
	line-height: 1.666666em; /* equiv 20px */
	color: #887558;

	margin-top: 2.666666em;
}

.form-normal .label:not(.uppercase-first-letter) {
	text-transform: uppercase;
}

.form-normal ::-webkit-input-placeholder { /* Chrome, Opera and Safari */
	font-size: 1.2rem; /* equiv 12px */
	line-height: 1.666666em; /* equiv 20px */
	text-transform: uppercase;
}

.form-normal ::-moz-placeholder { /* Firefox 19+ */
	font-size: 1.2rem; /* equiv 12px */
	line-height: 1.666666em; /* equiv 20px */
	text-transform: uppercase;
}

.form-normal :-ms-input-placeholder { /* IE 10+ */
	font-size: 1.2rem; /* equiv 12px */
	line-height: 1.666666em; /* equiv 20px */
	text-transform: uppercase;
}

.form-normal :-moz-placeholder { /* Firefox 18- */
	font-size: 1.2rem; /* equiv 12px */
	line-height: 1.666666em; /* equiv 20px */
	text-transform: uppercase;
}

.form-normal .input-text,
.form-normal .textarea {
	font-size: 1.6rem; /* equiv 16px */
	line-height: 1.25em; /* equiv 20px */
	color: #887558;

	width: 100%;
	margin-top: 1em;
	padding: 1em 0;
	border-bottom: 1px solid #dcd6cd !important;
}

.form-normal .textarea-normal {
	height: calc(2px + 1.25em * 6 + 2em); /* 2px (borders) + 1.25em * 6 (number of lines) + 2em (paddings) */
	padding: 1em;
	border: 1px solid #dcd6cd !important;
}

.form-normal .input-radio,
.form-normal .input-checkbox {
	visibility: hidden;
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
}

.form-normal .label-radio,
.form-normal .label-checkbox {
	position: relative;
	padding-left: 30px;
}

.form-normal .label-radio::before,
.form-normal .label-checkbox::before {
	content: "";

	display: block;
	position: absolute;
	left: 0;
	top: 0.083em;
	width: 18px;
	height: 18px;
	border: 4px solid #fff;

	-webkit-box-shadow: 0 0 0 1px #887558;
	        box-shadow: 0 0 0 1px #887558;
}

.form-normal input:checked ~ .label-radio::before,
.form-normal input:checked ~ .label-checkbox::before {
	background-color: #d6461d;
}




/* Dealer Locator form */
/* ------------------- */

.form-dealer-locator .button-location,
.form-dealer-locator input:not([type="radio"]):not([type="checkbox"]),
.form-dealer-locator textarea {
	font-size: 1.4rem; /* equiv 14px */
	line-height: 1.143; /* equiv 16px */

	padding: 1em;
	border: 1px solid #2c2c22;
}




/* Custom select menu */
/* ------------------ */

.select-hidden {
	display: none;
}

.select-containter {
	font-size: 1.4rem; /* equiv 14px */
	line-height: 1.143; /* equiv 16px */
	cursor: pointer;

	position: relative;
	display: inline-block;
}

.select-styled {
	padding: 1em 34px 1em 1em;
	border: 1px solid #2c2c22;
}

.select-styled::after {
	content: "";

	position: absolute;
	top: 20px;
	right: 11px;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-color: #2c2c22 transparent transparent transparent;
}

.select-styled.active::after {
	top: 13px;
	border-color: transparent transparent #2c2c22 transparent;
}

.select-options {
	background-color: #fffbf4;

	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	border-right: 1px solid #2c2c22;
	border-bottom: 1px solid #2c2c22;
	border-left: 1px solid #2c2c22;
	z-index: 999;
}

.select-options li {
	margin: 0;
	padding: 1em;
}

.select-options li:hover {
	color: #fff;
	background: #d6461d;
}

.select-options li[rel="hide"] {
	display: none;
}









/* ----------------------------- */
/* Hero Banner                   */
/* ----------------------------- */

.banner-hero {
	position: relative;
}

.banner-hero .image-container {
	position: absolute;
	left: 0;
	top: 0;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}

.banner-hero .image-container img {
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
}

.banner-hero .image-container iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 30vw;
	min-width: 2000px;
	min-height: 600px;

	pointer-events: none; /* Empêche l’interaction avec la vidéo */

	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

/* Start of temporary CSS for the JC Bordelet video */
.archive .banner-hero .image-container iframe {
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	height: 56.25vw;
	min-width: 1066.666666px;
	min-height: 600px;

	pointer-events: none; /* Empêche l’interaction avec la vidéo */

	-webkit-transform: translate(-50%, 0);
	    -ms-transform: translate(-50%, 0);
	        transform: translate(-50%, 0);
}

@media (max-width: 1299px) and (min-width: 700px) {
	.archive .banner-hero .image-container iframe {
		min-width: 1333.333333px;
		min-height: 750px;
	}
}
/* End of temporary CSS for the JC Bordelet video */

.banner-hero .text-container {
	position: relative;
	min-height: 600px;
	z-index: 2;
}

/* For this rule to apply, you need to add "banner-title" as a class in the Gutenberg block "Hero Banner (Style 2)" */
.banner-title .text-container {
	min-height: 300px;
}

/* Mini screens and smaller */
@media (max-width: 479px) {
	.home .banner-hero .h1-like {
		font-size: 4rem; /* equiv 40px */
		line-height: 1.1; /* equiv 44px */
	}

	.home .banner-hero .h6-like {
		font-size: 2.4rem; /* equiv 24px */
		line-height: 1.25; /* equiv 30px */
	}
}









/* ----------------------------- */
/* Promo                         */
/* ----------------------------- */

.banner-hero-promo .h1-like {
	font-size: 4.4rem; /* equiv 44px */
	line-height: 1.0909090; /* equiv 48px */
}

.banner-hero-promo .label-promo {
	line-height: 1;

	display: inline-block;
	padding: 0.75em 1.75em;
	border-radius: 1.25em;
}

/* Big screens and bigger */
@media (min-width: 900px) {
	.banner-hero-promo .h1-like {
		font-size: 6.6rem; /* equiv 66px */
		line-height: 1.2121212; /* equiv 80px */
	}
}









/* --------------------------------------- */
/* Overlapped Image & Text                 */
/* --------------------------------------- */

/* Style 1 */
/* ------- */

.section-overlapped-1 .text-container {
	padding: 80px 40px 80px 80px;
}

.section-overlapped-1 .iwsite .text-container {
	padding-top: 0;
}

.section-overlapped-1 .text-container .content {
	width: 520px;
	max-width: 100%;
	min-height: 434px;
}

.section-overlapped-1 .iwsite .text-container .content {
	min-height: 0;
}

.section-overlapped-1 .image-container {
	position: relative;
}

.section-overlapped-1 .image-container img {
	position: absolute;
	right: 0;
	width: 1000px;
}

/* Custom */
@media (min-width: 2000px) {
	.section-overlapped-1 {
		padding-top: 330px;
	}

	.section-overlapped-1 .image-container img {
		margin-top: -200px;
	}
}

/* Custom */
@media (max-width: 1999px) {
	.section-overlapped-1 {
		padding-top: calc(10% + 130px);
	}

	.section-overlapped-1 .image-container img {
		margin-top: -20%;
	}
}

/* Large screens and smaller */
@media (max-width: 1279px) {
	.section-overlapped-1 .iwsite .text-container .content {
		width: 75%;
		margin: 0 auto;
	}
}

/* Big screens and smaller */
@media (max-width: 1023px) {
	.section-overlapped-1 .text-container {
		padding-left: 60px;
	}
}

/* Medium screens and smaller */
@media (max-width: 767px) {
	.section-overlapped-1 {
		padding-top: 160px;
	}

	.section-overlapped-1 .text-container {
		padding: 60px 40px 80px 40px;
	}

	.section-overlapped-1 .text-container .content,
	.section-overlapped-1 .iwsite .text-container .content {
		width: 100%;
		max-width: 100%;
		min-height: 0;
	}

	.section-overlapped-1 .image-container img {
		position: relative;
		right: auto;
		width: calc(66.6666% - 20px);
		margin-top: -60px;
	}
}

/* Mini screens and smaller */
@media (max-width: 479px) {
	.section-overlapped-1 .text-container {
		padding: 60px 20px 80px 20px;
	}

	.section-overlapped-1 .image-container img {
		width: calc(100% - 80px);
	}
}




/* Style 2 */
/* ------- */

.section-overlapped-2 .text-container {
	-ms-flex: 0 0 calc(50% + 80px);
	    flex: 0 0 calc(50% + 80px);

	max-width: calc(50% + 80px);
	padding: 80px 40px 80px 80px;
}

.section-overlapped-2 .text-container .content {
	min-height: 464px;
}

.section-overlapped-2 .image-container {
	-ms-flex: 0 0 calc(50% - 80px);
	    flex: 0 0 calc(50% - 80px);

	position: relative;
	max-width: calc(50% - 80px);
}

.section-overlapped-2 .image-container img {
	position: absolute;
	width: 520px;
}

/* Custom */
@media (min-width: 1440px) {
	.section-overlapped-2 .image-container img {
		right: -80px;
	}
}

/* Custom */
@media (max-width: 1439px) {
	.section-overlapped-2 .image-container img {
		right: -40px;
	}
}

/* Huge screens and bigger */
@media (min-width: 1280px) {
	.section-overlapped-2 {
		margin-top: 80px !important;
	}

	.section-overlapped-2 .image-container img {
		margin-top: -80px;
	}
}

/* Large screens and smaller */
@media (max-width: 1279px) {
	.section-overlapped-2 {
		margin-top: 6.25% !important;
	}

	.section-overlapped-2 .image-container img {
		margin-top: -15.3846%;
	}

	.section-overlapped-2 .media {
		text-align: center;

		margin: 0 auto;
	}

	.section-overlapped-2 .media img {
		margin: 0 auto !important;
	}

	.section-overlapped-2 .media-content {
		margin-top: 20px;
	}
}

/* Big screens and intermediate screens */
@media (max-width: 1023px) and (min-width: 768px) {
	.section-overlapped-2 .text-container {
		padding: 80px 50px 80px 60px;
	}

	.section-overlapped-2 .overflow-hidden {
		width: calc(200% - 60px);
	}
}

/* Medium screens and smaller */
@media (max-width: 767px) {
	.section-overlapped-2 {
		margin-top: 160px !important;
		padding-top: 0 !important;
	}

	.section-overlapped-2 .text-container {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		         order: 1;

		-ms-flex: 0 0 100%;
		    flex: 0 0 100%;

		max-width: 100%;
		padding: 60px 40px 80px 40px;
	}

	.section-overlapped-2 .text-container .content {
		min-height: 0;
	}

	.section-overlapped-2 .image-container {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		         order: 0;

		-ms-flex: 0 0 100%;
		    flex: 0 0 100%;

		max-width: 100%;
	}

	.section-overlapped-2 .image-container img {
		position: relative;
		right: auto;
		width: calc(66.6666% - 20px);
		margin-top: -60px;
	}
}

/* Small screens and smaller */
@media (max-width: 599px) {
	.section-overlapped-2 .button-square {
		width: 240px;
		margin: 0 auto;
	}
}

/* Mini screens and smaller */
@media (max-width: 479px) {
	.section-overlapped-2 .text-container {
		padding: 60px 20px 80px 20px;
	}

	.section-overlapped-2 .image-container img {
		width: calc(100% - 80px);
	}
}









/* --------------------------------------- */
/* Offset Image                            */
/* --------------------------------------- */

/* Style 1 */
/* ------- */

.section-offset-image-left-1 .text-container {
	padding: 60px 40px 0 80px;
}

.section-offset-image-left-1 .text-container .content {
	width: 520px;
	max-width: 100%;
}

.section-offset-image-left-1 .image-container {
	text-align: right;
}

.section-offset-image-left-1 .image-container img {
	width: 1000px;
}

/* Big screens and smaller */
@media (max-width: 1023px) {
	.section-offset-image-left-1 .text-container {
		padding: 40px 40px 0 60px;
	}
}

/* Medium screens and smaller */
@media (max-width: 767px) {
	.section-offset-image-left-1 .text-container {
		padding: 40px 40px 0 40px;
	}

	.section-offset-image-left-1 .text-container .content {
		width: 100%;
	}
}

/* Mini screens and smaller */
@media (max-width: 479px) {
	.section-offset-image-left-1 .text-container {
		padding: 40px 20px 0 20px;
	}
}









/* ----------------------------- */
/* Buttons Section               */
/* ----------------------------- */

/* Large screens and smaller */
@media (max-width: 1279px) {
	.section-buttons .media {
		text-align: center;

		margin: 0 auto;
	}

	.section-buttons .media img {
		margin: 0 auto !important;
	}

	.section-buttons .media-content {
		margin-top: 20px;
	}
}

/* Small screens and smaller */
@media (max-width: 599px) {
	.section-buttons .button-square {
		width: 240px;
		margin: 0 auto;
	}
}









/* --------------------------------------- */
/* Advantages                              */
/* --------------------------------------- */

/* Large screens and bigger */
@media (min-width: 1024px) {
	.section-advantages .media {
		-webkit-box-align: center;
		   -ms-flex-align: center;
		      align-items: center;

		height: 100%;
	}
}

/* Intermediate screens and bigger */
@media (min-width: 768px) {
	.section-advantages .media {
		max-width: 500px;
		min-width: 200px;
	}
}

/* Big screens and smaller */
@media (max-width: 1023px) {
	.section-advantages .media {
		text-align: center;
	}

	.section-advantages .media img {
		margin: 0 auto !important;
	}

	.section-advantages .media-content {
		margin-top: 20px;
	}
}









/* ----------------------------- */
/* Resources                     */
/* ----------------------------- */

.section-resources .container {
	padding-left: 80px;
}

.section-resources .block-blog {
	position: relative;
}

.section-resources .block-blog .image-containter {
	position: relative;
	z-index: 1;
}

.section-resources .block-blog .text-containter {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

/* Big screens and smaller */
@media (max-width: 1023px) {
	.section-resources .container {
		padding-left: 60px;
	}
}

/* Intermediate screens and smaller */
@media (max-width: 899px) {
	.section-resources .container {
		padding-right: 20px;
	}

	.section-resources .block-blog {
		max-width: 520px;
	}
}

/* Medium screens and smaller */
@media (max-width: 767px) {
	.section-resources .container {
		padding: 0 40px;
	}
}

/* Mini screens and smaller */
@media (max-width: 479px) {
	.section-resources .container {
		padding: 0 20px;
	}
}

/* Tiny screens and smaller */
@media (max-width: 399px) {
	.section-resources .media-content {
		margin-top: 20px;
	}
}









/* ----------------------------- */
/* High Standards                */
/* ----------------------------- */

/* Big screens and smaller */
@media (max-width: 1023px) {
	.section-high-standards .pa80 {
		padding-left: 60px !important;
		padding-right: 60px !important;
	}
}

/* Medium screens and smaller */
@media (max-width: 767px) {
	.section-high-standards .pa80 {
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
}

/* Mini screens and smaller */
@media (max-width: 479px) {
	.section-high-standards .pa80 {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}









/* ----------------------------- */
/* Overlay Blocks                */
/* ----------------------------- */

.block-image-overlay {
	position: relative;
	display: block;
	height: 100%;
	overflow: hidden;
}

/* Image */
.block-image-overlay .image-container {
	height: 100%;
}

a.block-image-overlay:hover .image-container {
	opacity: 0.4;
}

.block-image-overlay .image-container img {
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
}

/* Text */
.block-image-overlay .text-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}









/* ----------------------------- */
/* Mosaic                        */
/* ----------------------------- */

/* Text */
.section-mosaic .text-container {
	padding: 35px 40px;
}

/* Large screens and smaller */
@media (max-width: 1279px) {
	.section-mosaic .text-container {
		padding: 30px 35px;
	}
}

/* Big screens and smaller */
@media (max-width: 1023px) {
	.section-mosaic .text-container {
		padding: 25px 30px;
	}
}

/* Intermediate screens and smaller */
@media (max-width: 899px) {
}

/* Medium screens and smaller */
@media (max-width: 767px) {
}

/* Small screens and smaller */
@media (max-width: 599px) {
}

/* Mini screens and smaller */
@media (max-width: 479px) {
	.section-mosaic .text-container {
		padding: 18px 20px;
	}
}

/* Tiny screens and smaller */
@media (max-width: 399px) {
}









/* ----------------------------- */
/* Mini Slider                   */
/* ----------------------------- */

/* Text */
.section-mini-slider .text-container {
	padding: 40px;
}

/* Large screens and smaller */
@media (max-width: 1279px) {
	/* .section-mini-slider .text-container {
		padding: 30px 35px;
	} */
}

/* Big screens and smaller */
@media (max-width: 1023px) {
	/* .section-mini-slider .text-container {
		padding: 25px 30px;
	} */
}

/* Intermediate screens and smaller */
@media (max-width: 899px) {
}

/* Medium screens and smaller */
@media (max-width: 767px) {
}

/* Small screens and smaller */
@media (max-width: 599px) {
	.section-mini-slider .pa40 {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}
}

/* Mini screens and smaller */
@media (max-width: 479px) {
	.section-mini-slider .pa40 {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.section-mini-slider .text-container {
		padding: 18px 20px;
	}
}

/* Tiny screens and smaller */
@media (max-width: 399px) {
}









/* ----------------------------- */
/* Products                      */
/* ----------------------------- */

.section-products ul.flex > li {
	margin-top: 0;
}

.page .section-product-specifications,
.page .section-product-colors {
	max-width: 340px;
	padding: 0 30px;
}

.page a + .section-product-specifications,
.page a + .section-product-colors {
	padding-top: 1em;
	border-top: 1px solid #bdaa8b;
}

.section-product-specifications > ul > li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-align: center;
	   -ms-flex-align: center;
	      align-items: center;
}

.section-product-specifications > ul > li > span {
	-webkit-box-flex: 1;
	        -ms-flex: 1 1 0%;
	            flex: 1 1;
}

.page .section-product-specifications > ul > li > span {
	padding: 6px 0;
}

.woocommerce .section-product-specifications > ul > li > span {
	padding: 5px 0 4px 0;
}

/* Custom */
@media (max-width: 1099px) {
	.section-products .pa80 {
		padding: 60px !important;
	}
}

/* Big screens and smaller */
@media (max-width: 1023px) {
	.page .section-product-specifications,
	.page .section-product-colors {
		padding: 0 20px;
	}
}

/* Intermediate screens and smaller */
@media (max-width: 899px) {
	.section-products .pa80 {
		padding: 40px !important;
	}

	.page .section-product-specifications > ul > li > span {
		padding: 7px 0;
	}

	.woocommerce .section-product-specifications > ul > li > span {
		padding: 6px 0;
	}
}

/* Medium screens and smaller */
@media (max-width: 767px) {
	.section-products .pa80 {
		padding-right: 30px !important;
		padding-left: 30px !important;
	}

	.page .section-product-specifications,
	.page .section-product-colors {
		padding: 0;
	}
}









/* ----------------------------- */
/* Product Features              */
/* ----------------------------- */

/* Big screens and smaller */
@media (max-width: 1023px) {
	.section-features .h11-like {
		font-size: 1.8rem; /* equiv 18px */
		line-height: 1.167; /* equiv 21px */
	}
}

/* Medium screens and smaller */
@media (max-width: 767px) {
	.section-features img {
		width: 140px;
	}
}









/* ----------------------------- */
/* Product Options               */
/* ----------------------------- */

/* Big screens and smaller */
@media (max-width: 1023px) {
	.section-options .h13-like {
		font-size: 1.6rem; /* equiv 16px */
		line-height: 1.125; /* equiv 18px */
	}
}

/* Medium screens and smaller */
@media (max-width: 767px) {
	.section-options img {
		width: 100px;
	}
}









/* ----------------------------- */
/* Certifications                */
/* ----------------------------- */

.section-certifications .logo-certification-enerchoice > * > img {
	width: 275px;
}

/* Intermediate screens and smaller */
@media (max-width: 899px) {
	.section-certifications .logo-certification-enerchoice > * {
		margin: 0 20%;
	}

	.section-certifications .logo-certification-enerchoice > * > img {
		margin-left: 8%;
	}
}









/* ----------------------------- */
/* Landing Pages                 */
/* ----------------------------- */

/* Medium screens and bigger */
@media (min-width: 600px) {
	.section-product-categories .section-alternated:nth-child(even) > .flex > .f50 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		         order: 1;
	}

	.section-product-categories .section-alternated:nth-child(even) > .flex > .f50 + .f50 {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		         order: 0;
	}
}









/* ----------------------------- */
/* Shop                          */
/* ----------------------------- */

/* Breadcrumb */
/* ---------- */

.breadcrumb {
	font-size: 1.4rem; /* equiv 14px */
	line-height: 1.143; /* equiv 16px */
	background-color: #fffbf4;

	display: block;
	padding: 25px 0;
}

.breadcrumb a {
	color: #2c2c22;
}

.breadcrumb a:hover {
	color: #d6461d;
}




/* Intro */
/* ----- */

.archive .section-intro > .flex {
	margin-left: -40px;
}

.archive .section-intro > .flex > * {
	padding-left: 40px;
}

.archive .woocommerce-products-header {
	min-width: 66.6666%;
	margin-top: 30px;
}

.archive .term-description {
	-webkit-box-flex: 0;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;

	max-width: 100%;
}

.archive .term-description p {
	font-family: 'Barlow', sans-serif;
	font-size: 1.6rem; /* equiv 16px */
	line-height: 1.125; /* equiv 18px */
	color: #887558 !important;
}

.archive .term-description p:first-child {
	margin-top: 2em;
}

.archive .filter-container {
	margin-top: 42px;
}

.archive .term-description + .filter-container {
	margin-top: 80px;
}

/* Large screens and bigger */
@media (min-width: 1024px) {
	.archive .filter-container {
		-webkit-box-flex: 1;
		        -ms-flex: 1 0 auto;
		            flex: 1 0 auto;

		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;

		-webkit-box-pack: end;
		   -ms-flex-pack: end;
		 justify-content: flex-end;

		max-width: 100%;
	}
}

/* Big screens and bigger */
@media (min-width: 900px) {
	.archive .term-description p {
		font-size: 1.8rem; /* equiv 18px */
		line-height: 1.167; /* equiv 21px */
	}
}




/* Filters and attributes */
/* ---------------------- */

.woocommerce-widget-layered-nav ul li a,
.section-product-attributes ul li a,
.section-product-attributes ul li span {
	color: #d6461d;

	display: block;
	padding: 0.15em 0.6em 0.25em 0.75em;
	border: 1px solid #d6461d;
	border-radius: 0.75em;
}

.woocommerce-widget-layered-nav ul li.chosen a {
	color: #fff;
	background-color: #d6461d;
}

.woocommerce-widget-layered-nav ul li span {
	display: none;
}

/* Large screens and bigger */
@media (min-width: 1024px) {
	.woocommerce-widget-layered-nav {
		margin-left: 30px;
		padding-left: 30px;
		border-left: 1px solid #62625f;
	}
}




/* Subseries */
/* --------- */

.section-subseries {
	margin-top: 120px;
}

.section-intro + .section-subseries {
	margin-top: 80px;
}




/* Products loop */
/* ------------- */

/* Archive */
.archive .products.columns-3 > li {
	margin-top: 0;
}

.archive .products.columns-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; }

.archive .products.columns-3     { margin-left: -30px; margin-bottom: -80px; }
.archive .products.columns-3 > * { padding-left: 30px; margin-bottom: 80px; }

/* Intermediate screens and smaller */
@media (max-width: 899px) {
	.archive .products.columns-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
}

/* Small screens and smaller */
@media (max-width: 599px) {
	.archive .products.columns-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}




/* Upsells */
.upsells .products.columns-2 > li {
	margin-top: 0;
}

.upsells .products.columns-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

/* Small screens and smaller */
@media (max-width: 599px) {
	.upsells .products.columns-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}




/* Product link */
.woocommerce-loop-product__link {
	display: block;
}









/* ----------------------------- */
/* Product Page                  */
/* ----------------------------- */

/* Summary */
/* ------- */

.summary-inner {
	width: 640px;
	max-width: 100%;
	padding: 80px 40px 80px 100px;
}

/* Big screens and smaller */
@media (max-width: 1023px) {
	.summary-inner {
		padding-left: 60px;
	}
}

/* Small screens and smaller */
@media (max-width: 599px) {
	.summary-inner {
		padding-left: 40px;
	}
}

/* Mini screens and smaller */
@media (max-width: 479px) {
	.summary-inner {
		padding: 80px 20px;
	}
}




/* Gallery */
/* ------- */

.woocommerce-product-gallery {
	background-color: #000;

	min-height: 100%;
}

.woocommerce-product-gallery__wrapper {
	margin: 0;
}

.woocommerce-product-gallery__image,
.woocommerce-product-gallery__image--placeholder {
	position: relative;
}

.woocommerce-product-gallery__image--placeholder {
	background-color: #fff;

	height: 100%;
}

.woocommerce-product-gallery__image img,
.woocommerce-product-gallery__image--placeholder img {
	position: relative;
	width: 100%;
	z-index: 1;
}

.woocommerce-product-gallery__image .figcaption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 2;
}

.woocommerce-product-gallery__image .figcaption div {
	color: #fff;
	background-color: rgba(0, 0, 0, 0.5);

	display: inline-block;
	padding: 6px 15px;
}

/* Medium screens and bigger */
@media (min-width: 600px) {
	.woocommerce-product-gallery__wrapper .embed-iframe-wrapper {
		position: relative;
		padding-bottom: 56.25%;
		overflow: hidden;
	}

	.woocommerce-product-gallery__wrapper .embed-iframe {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
}

/* Small screens and smaller */
@media (max-width: 599px) {
	.woocommerce-product-gallery__wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		height: calc(50vh - 66px - 52px);
		overflow: auto;
	}

	.woocommerce-product-gallery__image {
		height: 100%;
	}

	.woocommerce-product-gallery__image--placeholder {
		text-align: center;

		width: 100vw;
	}

	.woocommerce-product-gallery__image img,
	.woocommerce-product-gallery__image--placeholder img {
		width: auto;
		max-width: none;
		height: 100%;
	}

	.woocommerce-product-gallery__wrapper .embed-iframe {
		width: calc((50vh - 66px - 52px) * 1.777777);
		max-width: none;
		height: 100%;
	}
}




/* Buttons */
/* ------- */

.section-product-buttons {
	width: 210px;
	max-width: 100%;
}

.section-product-buttons {
	margin-top: 30px;
}

p + .section-product-buttons {
	margin-top: 0;
}




/* Tabs */
/* ---- */

.woocommerce-tabs-nav  {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	/* top: 130px; */
	bottom: auto;
	width: 100%;
	z-index: 998;
}

.woocommerce-tabs-nav.sticky {
	position: fixed;
	top: auto !important;
	bottom: 0;
}

.site-main > .product ~ * {
	position: relative;
	z-index: 999;
}

.woocommerce-tabs .tabs {
	margin: 0 20px;
	overflow: auto;
}

.woocommerce-tabs .tabs li {
	margin: 0 0 0 20px;
}

.woocommerce-tabs .tabs li:first-child {
	margin-left: 0;
}

.woocommerce-tabs .tabs li.button-shop-now {
	padding: 15px 20px;
}

.woocommerce-tabs .tabs li:not(.button-shop-now) a {
	white-space: nowrap;

	display: block;
	padding: 20px 20px 21px 20px;
}

/* Big screens and smaller */
@media (max-width: 1023px) {
	.woocommerce-tabs .tabs li + li {
		margin-left: 10px;
	}
}

/* Intermediate screens and smaller */
@media (max-width: 899px) {
	.woocommerce-tabs .tabs {
		font-size: 1.4rem; /* equiv 14px */
		line-height: 1.143; /* equiv 16px */

		margin: 0 10px;
	}

	.woocommerce-tabs .tabs li.button-shop-now {
		display: none;
	}

	.woocommerce-tabs .tabs li:not(.button-shop-now) a {
		padding: 18px 10px;
	}
}




/* Features */
/* -------- */

.section-product-features a {
	text-decoration: underline;
}

.section-product-features a:hover {
	text-decoration: none;
}




/* Overview */
/* -------- */

.section-product-overview .background-container {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.section-product-overview .bg-taupe-brown {
	background-color: rgba(136, 117, 88, 0.9) !important;
}

.section-product-overview .bg-navy {
	background-color: rgba(16, 18, 26, 0.85) !important;
}

/* Round bullets */
#main .section-product-overview ul:not(.unstyled) > li::before {
	background-color: #fff;
}

/* Triangle bullets */
#main .section-product-overview ul.bullet-triangle > li::before {
	background-color: transparent;

	border-left-color: #fff;
}

.section-product-overview .overview-2 a {
	text-decoration: underline;
}

.section-product-overview .overview-2 a:hover {
	text-decoration: none;
}

/* Big screens and smaller */
@media (max-width: 1023px) {
	.section-product-overview .pa80,
	.section-product-overview .px80 {
		padding-left: 60px !important;
		padding-right: 60px !important;
	}
}

/* Medium screens and smaller */
@media (max-width: 767px) {
	.section-product-overview .iwsite {
		padding: 0;
	}

	.section-product-overview .pa80,
	.section-product-overview .px80 {
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
}

/* Mini screens and smaller */
@media (max-width: 479px) {
	.section-product-overview .pa80,
	.section-product-overview .px80 {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}




/* Colors */
/* ------ */

.section-product-colors ul {
	margin: 0 0 -2em -2px;
}

.page .section-product-colors ul {
	margin-bottom: -0.5em;
}

.woocommerce .section-product-colors ul li,
.woocommerce .section-product-colors ul li .text {
	-webkit-transition: all 0.25s;
	     -o-transition: all 0.25s;
	        transition: all 0.25s;
}

.section-product-colors ul li {
	position: relative;
	display: inline-block;
	margin: 0 4px 2em 0;
	border: 1px solid transparent;
	border-radius: 18px;
}

.page .section-product-colors ul li {
	margin-bottom: 0.5em;
}

.archive .section-product-colors ul li {
	border-radius: 13px;
}

.woocommerce .section-product-colors ul li:hover {
	border: 1px solid #d6461d;
}

.section-product-colors ul li .image {
	background-color: gray;

	display: block;
	width: 34px;
	height: 34px;
	border: 2px solid #eae3d6;
	border-radius: 17px;
	overflow: hidden;
}

.archive .section-product-colors ul li .image {
	width: 24px;
	height: 24px;
	border-radius: 12px;
}

.woocommerce .section-product-colors ul li:hover .image {
	border: 2px solid #fff;
}

.section-product-colors ul li .image img {
	display: block;
}

.woocommerce .section-product-colors ul li .text {
	white-space: nowrap;

	position: absolute;
	display: block;
	padding-top: 6px;
	opacity: 0;
}

.woocommerce .text-center .section-product-colors ul li .text {
	left: 50%;

	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.woocommerce .section-product-colors ul li:hover > .text {
	opacity: 1;
}




/* Specifications table */
/* -------------------- */

.section-product-specifications-table table {
	font-size: 1.8rem; /* equiv 18px */
	line-height: 1.167; /* equiv 21px */
	color: #887558;

	width: auto;
	min-width: 100%;
}

.section-product-specifications-table table tr:not(:first-child) {
	border-top: 1px solid #887558;
}

.section-product-specifications-table table th,
.section-product-specifications-table table td {
	text-align: left;

	vertical-align: top;
	padding: 18px 0 30px 0;
}

.section-product-specifications-table table td {
	padding-left: 40px;
}

.section-product-specifications-table table .icon {
	width: 10%;
	min-width: 90px;
	padding-right: 40px;
}

.section-product-specifications-table table .title {
	font-weight: 500;

	width: 15%;
}

.section-product-specifications-table table .icon div {
	margin-top: 0.6666666em;
}

.section-product-specifications-table table .title div {
	margin-top: 1.5em;
}

.section-product-specifications-table table .spec-title {
	font-size: 1rem; /* equiv 10px */
	line-height: 1.2; /* equiv 12px */
	text-transform: uppercase;
}

.section-product-specifications-table table .spec-text {
	display: block;
	padding-top: 0.3333333em;
}




/* Videos */
/* ------ */

.section-product-videos .background-container {
	background-image: url('/wp-content/uploads/2021/04/section-background-technical-documents.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.section-product-videos .embed-iframe-wrapper {
	position: relative;
	overflow: hidden;
}

.section-product-videos .product-video-standard .embed-iframe-wrapper {
	padding-bottom: 56.25%;
}

.section-product-videos .product-video-short .embed-iframe-wrapper {
	padding-bottom: 177.7777778%;
}

.section-product-videos .embed-iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/* Big screens and bigger */
@media (min-width: 900px) {
	/* .section-product-videos .flex .flex-item-fluid */
	.section-product-videos .flex .product-video {
		max-width: 100%;
		min-width: 33.3333%;
	}

	/* .section-product-videos .flex .flex-item-fluid:nth-child(n+3) */
	.section-product-videos .flex .product-video:nth-child(n+3) {
		max-width: 33.3333%;
	}
}

/* Big screens and smaller */
@media (max-width: 1023px) {
	.section-product-videos .pa80 {
		padding-left: 60px !important;
		padding-right: 60px !important;
	}
}

/* Medium screens and smaller */
@media (max-width: 767px) {
	.section-product-videos .pa80 {
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
}

/* Mini screens and smaller */
@media (max-width: 479px) {
	.section-product-videos .pa80 {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}




/* Options */
/* ------- */

.woocommerce-Tabs-panel--videos + .woocommerce-Tabs-panel--options > .background {
	margin-top: 0;
}

.section-product-options a {
	text-decoration: underline;
}

.section-product-options a:hover {
	text-decoration: none;
}




/* 3D */
/* -- */

.section-product-3d-rendering .embed-iframe-wrapper {
	position: relative;
	padding-bottom: 100%;
}

.section-product-3d-rendering .embed-iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/* Big screens and bigger */
@media (min-width: 900px) {
	.section-product-3d-rendering .options-wrapper {
		max-width: 400px;
		margin-right: auto;
		margin-left: auto;
	}
}




/* Technical documents */
/* ------------------- */

.section-product-technical-documents .background-container {
	background-image: url('/wp-content/uploads/2021/04/section-background-technical-documents.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Medium screens and bigger */
@media (min-width: 600px) {
	/* .section-product-technical-documents .flex .flex-item-fluid {
		max-width: 33.3333%;
		min-width: 25%;
	} */
}

/* Big screens and smaller */
@media (max-width: 1023px) {
	.section-product-technical-documents .pa80 {
		padding-left: 60px !important;
		padding-right: 60px !important;
	}
}

/* Medium screens and smaller */
@media (max-width: 767px) {
	.section-product-technical-documents .pa80 {
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
}

/* Mini screens and smaller */
@media (max-width: 479px) {
	.section-product-technical-documents .pa80 {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}









/* ----------------------------- */
/* Product Documents             */
/* ----------------------------- */

.section-product-manuals ul li a:hover img {
	-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
			transform: scale(1.1);
}









/* ----------------------------- */
/* Lookbook                      */
/* ----------------------------- */

/* Global */
/* ------ */

html body.page.modula-best-grid-gallery .modula.modula-gallery {
	max-width: 1280px;
	margin: 60px auto 200px auto;
	padding: 0 40px;
}

html body.page.modula-best-grid-gallery .modula.modula-gallery.horizontal-filters .filters {
	margin-bottom: 60px;
}

html body.page.modula-best-grid-gallery .modula.modula-gallery > .filters ul.modula_menu__list {
	display: none;
}




/* Landing Page */
/* ------------ */

/* Image - subtle zoom on hover, override Modula's default opacity */
html body.page-parent.modula-best-grid-gallery .modula.modula-gallery-initialized .modula-item:hover img {
	opacity: 1 !important;

	-webkit-transform: scale(1.025);
			transform: scale(1.025);
}

/* Overlay via ::before - sits above image (z-index: 1) but below figc (z-index: 2) */
html body.page-parent.modula-best-grid-gallery .modula .modula-items .modula-item .modula-item-content::before {
	content: "";
	background-color: #000;

	pointer-events: none;

	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	z-index: 1;

	-webkit-transition: opacity 0.25s;
	        transition: opacity 0.25s;
}

html body.page-parent.modula-best-grid-gallery .modula .modula-items .modula-item:hover .modula-item-content::before {
	opacity: 0;
}

/* figc - visible by default, fades out on hover */
html body.page-parent.modula-best-grid-gallery .modula .modula-items .modula-item .figc {
	pointer-events: none;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	   -ms-flex-direction: column;
	       flex-direction: column;

	-webkit-box-pack: end;
	   -ms-flex-pack: end;
	 justify-content: flex-end;

	-webkit-box-align: center;
	   -ms-flex-align: center;
	      align-items: center;

	top: 0;
	height: 100% !important;
	padding: 15% 30px;
	opacity: 1;
	z-index: 2;

	-webkit-transition: opacity 0.25s;
	        transition: opacity 0.25s;
}

html body.page-parent.modula-best-grid-gallery .modula .modula-items .modula-item:hover .figc {
	opacity: 0;
}

/* figc-inner */
html body.page-parent.modula-best-grid-gallery .modula .modula-items .modula-item .figc .figc-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	   -ms-flex-direction: column;
	       flex-direction: column;

	-webkit-box-pack: justify;
	   -ms-flex-pack: justify;
	 justify-content: space-between;

	-webkit-box-align: center;
	   -ms-flex-align: center;
	      align-items: center;

	height: calc(50% + 1.9rem);
}

/* Title */
html body.page-parent.modula-best-grid-gallery .modula .modula-items .modula-item .figc .jtg-title {
	font-family: 'Playfair Display', serif;
	font-size: 3.2rem !important; /* equiv 32px */
	line-height: 1.188; /* equiv 38px */
	letter-spacing: 0.01em;
	text-shadow: 0 0 50px rgba(0, 0, 0, 0.5);

	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}

/* Description as button */
html body.page-parent.modula-best-grid-gallery .modula .modula-items .modula-item .figc .figc-inner p.description {
	font-family: 'Barlow', sans-serif;
	font-size: 1.4rem !important; /* equiv 14px */
	line-height: 1.143; /* equiv 16px */
	background-color: #bdaa8b;

	margin-top: 1.5em;
	padding: 0.625em 2em;
	border-radius: 20px;
	opacity: 1;

	-webkit-transition: opacity 0.25s;
	        transition: opacity 0.25s;

	-webkit-transform: scale(1);
			transform: scale(1);
}

/* Big screens and bigger */
@media (min-width: 900px) {

	/* figc-inner */
	html body.page-parent.modula-best-grid-gallery .modula .modula-items .modula-item .figc .figc-inner {
		height: calc(50% + 2.2rem);
	}

	/* Title */
	html body.page-parent.modula-best-grid-gallery .modula .modula-items .modula-item .figc .jtg-title {
		font-size: 3.6rem !important; /* equiv 36px */
		line-height: 1.222; /* equiv 44px */
	}

	/* Description as button */
	html body.page-parent.modula-best-grid-gallery .modula .modula-items .modula-item .figc .figc-inner p.description {
		font-size: 1.6rem !important; /* equiv 16px */
		line-height: 1.125; /* equiv 18px */
	}
}




/* Links */
/* ----- */

/* html body.page.modula-best-grid-gallery .modula .modula-items .modula-item .jtg-social a, */
html body.page.modula-best-grid-gallery .modula .modula-items .modula-item .jtg-social a * {
	color: #bdaa8b;
}

html body.page.modula-best-grid-gallery .modula .modula-items .modula-item .jtg-social a:hover,
html body.page.modula-best-grid-gallery .modula .modula-items .modula-item .jtg-social a:hover * {
	color: #ded5c5;
}

/* html body.page.modula-best-grid-gallery .modula .modula-items .modula-item .jtg-social-expandable a, */
html body.page.modula-best-grid-gallery .modula .modula-items .modula-item .jtg-social-expandable a *,
/* html body.page.modula-best-grid-gallery .modula .modula-items .modula-item .jtg-social-expandable-icons a, */
html body.page.modula-best-grid-gallery .modula .modula-items .modula-item .jtg-social-expandable-icons a * {
	color: #bdaa8b;
}

html body.page.modula-best-grid-gallery .modula .modula-items .effect-quiet .jtg-social {
	bottom: 40px;
}




/* Fancybox */
/* -------- */

html body.page.modula-best-grid-gallery .fancybox__slide {
	padding: 0;
}

html body.page.modula-best-grid-gallery .fancybox__caption {
	padding: 30px 70px;
}

html body.page.modula-best-grid-gallery .fancybox__container a:is(:focus, :hover, :active, :visited),
html body.page.modula-best-grid-gallery .fancybox__container a:is(:focus, :hover, :active, :visited) * {
	color: #d6461d;
}

html body.page.modula-best-grid-gallery .modula-fancybox-container .fancybox__slide .modula-fancybox-share__button:is(:link, :focus, :hover, :active, :visited),
html body.page.modula-best-grid-gallery .modula-fancybox-container .fancybox__slide .modula-fancybox-share__button:is(:link, :focus, :hover, :active, :visited) * {
	color: #fff;
}

html body.page.modula-best-grid-gallery .fancybox__infobar {
	font-size: 12px;
	text-shadow: none;
	background-color: rgba(24, 24, 27,0.65);

	width: 70px;
}




/* Filters */
/* ------- */

html body.page.modula-best-grid-gallery .modula > .filters ul.modula_menu__list {
	font-family: 'Barlow', sans-serif;
	font-size: 1.2rem; /* equiv 12px */
	line-height: 1.167; /* equiv 14px */
	letter-spacing: 0.15em;

	list-style: none;

	margin: 0 0 -30px -30px;
	padding: 0;
}

html body.page.modula-best-grid-gallery .modula > .filters ul.modula_menu__list li.modula_menu__item {
	margin: 0 0 30px 0;
	padding-left: 30px !important; /* Overwrite #main ul:not(.unstyled) > li */
}

html body.page.modula-best-grid-gallery .modula > .filters ul.modula_menu__list li.modula_menu__item::before {
	content: none !important; /* Overwrite #main ul:not(.unstyled) > li::before */
}

html body.page.modula-best-grid-gallery .modula > .filters ul.modula_menu__list li.modula_menu__item a {
	font-size: 1.2rem; /* equiv 12px */
	line-height: 1.167; /* equiv 14px */
	color: #d6461d;

	display: block;
	padding: 0.15em 0.6em 0.25em 0.75em !important;
	border: 1px solid #d6461d;
	border-radius: 0.75em;
}

html body.page.modula-best-grid-gallery .modula > .filters ul.modula_menu__list li.modula_menu__item.modula_menu__item--current a {
	color: #fff;
	background-color: #d6461d;
}

html body.page.modula-best-grid-gallery .modula > .filters ul.modula_menu__list li.modula_menu__item.modula_menu__item--current-parent:not(.modula_menu__item--current) a {
	color: #fff;
	background-color: #404040;

	border-color: #404040;
}

/* Big screens and bigger */
@media (min-width: 900px) {
	html body.page.modula-best-grid-gallery .modula > .filters ul.modula_menu__list,
	html body.page.modula-best-grid-gallery .modula > .filters ul.modula_menu__list li.modula_menu__item a {
		font-size: 1.4rem; /* equiv 14px */
		line-height: 1.143; /* equiv 16px */
	}
}

/* Intermediate screens and smaller */
@media (max-width: 899px) {
	html body.page.modula-best-grid-gallery .modula > .filters ul.modula_menu__list {
		margin: 0 0 -20px -20px;
	}

	html body.page.modula-best-grid-gallery .modula > .filters ul.modula_menu__list li.modula_menu__item {
		margin: 0 0 20px 0;
		padding-left: 20px !important; /* Overwrite #main ul:not(.unstyled) > li */
	}
}









/* ----------------------------- */
/* Dealer Locator                */
/* ----------------------------- */

/* Map */
/* --- */

.section-dealer-locator .embed-iframe-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
}

.section-dealer-locator .embed-iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/* Tiny screens and smaller */
@media (max-width: 399px) {
	.section-dealer-locator .embed-iframe-wrapper {
		padding-bottom: 100%;
	}
}




/* Result count */
/* ------------ */

/* Large screens and bigger */
@media (min-width: 1024px) {
	.dealer-result-count {
		margin-left: 30px;
		padding-left: 30px;
		border-left: 1px solid #62625f;
	}
}




/* Dealer cards */
/* ------------ */

/* .section-dealer-cards .button {
	width: 200px;
} */

.section-dealer-cards .buttons > .flex {
	margin-bottom: -30px;
}

.section-dealer-cards .buttons > .flex > * {
	margin-bottom: 30px;
}

/* Big screens and intermediate screens, small screens and smaller */
/* @media (max-width: 1023px) and (min-width: 768px), (max-width: 599px) {
	.section-dealer-cards .button {
		width: 200px;
	}
} */

/* Intermediate screens and smaller */
@media (max-width: 899px) {
	.section-dealer-cards .marker {
		margin-top: 0.333333em;
	}

	.section-dealer-cards .marker img {
		width: 20px;
	}
}

/* Medium screens */
/* @media (max-width: 767px) and (min-width: 600px) {
	.section-dealer-cards .buttons > .flex > .f-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; }
} */

/* Tiny screens and smaller */
@media (max-width: 399px) {
	.section-dealer-cards .dealer-card > .pa40 {
		padding: 30px !important;
	}

	.section-dealer-cards .button .px10 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
}









/* ----------------------------- */
/* Font Icons                    */
/* ----------------------------- */

@font-face {
	font-family: 'ambfont';
	src: url('../fonts/ambfont.ttf?8lok8a') format('truetype'),
	     url('../fonts/ambfont.woff?8lok8a') format('woff'),
	     url('../fonts/ambfont.svg?8lok8a#ambfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'ambfont' !important;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	text-transform: none;
	font-variant: normal;
	speak: never;

	vertical-align: middle;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.text.hidden,
.header [class^="icon-"] + .text,
.header [class*=" icon-"] + .text,
.footer [class^="icon-"] + .text,
.footer [class*=" icon-"] + .text {
	text-indent: -1000px;

	display: inline-block;
	overflow: hidden;
}

/* Icons */
.icon-facebook::before { content: "\e900"; }
.icon-x::before { content: "\e901"; }
.icon-instagram::before { content: "\e902"; }
.icon-pinterest::before { content: "\e903"; }
.icon-houzz::before { content: "\e904"; }
.icon-youtube::before { content: "\e905"; }
.icon-vimeo::before { content: "\e906"; }
.icon-linkedin::before { content: "\e907"; }
.icon-tiktok::before { content: "\e90a"; }

.icon-arrow-left::before { content: "\e908"; }
.icon-arrow-right::before { content: "\e909"; }

/* Alternate icon sizes */
.icon-5 { font-size: 0.5rem; }
.icon-10 { font-size: 1.0rem; }
.icon-15 { font-size: 1.5rem; }
.icon-20 { font-size: 2.0rem; }
.icon-25 { font-size: 2.5rem; }
.icon-30 { font-size: 3.0rem; }
.icon-35 { font-size: 3.5rem; }
.icon-40 { font-size: 4.0rem; }
.icon-45 { font-size: 4.5rem; }
.icon-50 { font-size: 5.0rem; }
.icon-55 { font-size: 5.5rem; }
.icon-60 { font-size: 6.0rem; }
.icon-65 { font-size: 6.5rem; }
.icon-70 { font-size: 7.0rem; }
.icon-75 { font-size: 7.5rem; }
.icon-80 { font-size: 8.0rem; }
.icon-85 { font-size: 8.5rem; }
.icon-90 { font-size: 9.0rem; }
.icon-95 { font-size: 9.5rem; }
.icon-100 { font-size: 10rem; }
.icon-110 { font-size: 11rem; }
.icon-120 { font-size: 12rem; }
.icon-130 { font-size: 13rem; }
.icon-140 { font-size: 14rem; }
.icon-150 { font-size: 15rem; }
.icon-160 { font-size: 16rem; }









/* ----------------------------- */
/* Translated Elements           */
/* ----------------------------- */




/* ----------------------------- */
/* Header                        */
/* ----------------------------- */

/* Custom */
@media (min-width: 1400px) {

	/* Buttons */
	/* ------- */

	html[lang="fr-FR"] .header .button {
		letter-spacing: 0.075em;
	}
}

/* Big screens and smaller */
@media (max-width: 1023px) {

	/* Buttons */
	/* ------- */

	html[lang="fr-FR"] .header .buttons-container .button {
		width: 240px;
	}
}




/* ----------------------------- */
/* Product Page                  */
/* ----------------------------- */

/* Buttons */
/* ------- */

html[lang="fr-FR"] .section-product-buttons {
	width: 280px;
}


/* ----------------------------- */
/* Quote Forms - 2-7         */
/* ----------------------------- */

#gform_2 input,
#gform_2 select,
#gform_2 textarea,
#gform_3 input,
#gform_3 select,
#gform_3 textarea,
#gform_4 input,
#gform_4 select,
#gform_4 textarea,
#gform_5 input,
#gform_5 select,
#gform_5 textarea,
#gform_6 input,
#gform_6 select,
#gform_6 textarea,
#gform_7 input,
#gform_7 select,
#gform_7 textarea {
	font-size: 1.6rem;
	line-height: 1.25em;
	color: #887558;
	padding: 1em 0;
	border-bottom: 1px solid #dcd6cd !important;
}
#gform_2 input[type=submit],
#gform_3 input[type=submit],
#gform_4 input[type=submit],
#gform_5 input[type=submit],
#gform_6 input[type=submit],
#gform_7 input[type=submit] {
	background: linear-gradient(to left, rgba(214, 70, 29, 1), rgba(166, 32, 11, 1)) !important;
	text-transform: uppercase;
	padding: 0.75em 1.5em;
	border-radius: 10px !important;
	font-size: 1.8rem;
	line-height: 1.167;
	color: #FFF;
}
#gform_2 label.gfield_label,
#gform_3 label.gfield_label,
#gform_4 label.gfield_label,
#gform_5 label.gfield_label,
#gform_6 label.gfield_label,
#gform_7 label.gfield_label,
#gform_2 legend.gfield_label,
#gform_3 legend.gfield_label,
#gform_4 legend.gfield_label,
#gform_5 legend.gfield_label,
#gform_6 legend.gfield_label,
#gform_7 legend.gfield_label {
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	font-size: 2rem;
	line-height: 1.2;
}
#gform_2 h3.gsection_title,
#gform_3 h3.gsection_title,
#gform_4 h3.gsection_title,
#gform_5 h3.gsection_title,
#gform_6 h3.gsection_title,
#gform_7 h3.gsection_title {
	font-family: 'Playfair Display', serif;
	font-size: 3.6rem;
	line-height: 1.222;
	margin-bottom: 10px;
	color: #887558 !important;
}




/* Header language/currency switch dropdowns */
.switch-dropdown {
	position: relative;
}

.menu-secondary ~ .switch-dropdown:first-of-type {
	margin-left: 14px;
}

.switch-dropdown + .switch-dropdown {
	margin-left: 24px;
}

.switch-trigger {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-family: 'Barlow', sans-serif;
	font-weight: 500;
	font-size: 10px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #d6461d;
	background: transparent;
	border: none;
	padding: 7px 8px;
	border-radius: 6px;
	line-height: 1.2;
	cursor: pointer;
}

.switch-trigger.is-open {
	background: #faf5f0;
}

.switch-trigger.is-open svg {
	transform: rotate(180deg);
}

.switch-panel {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	min-width: 96px;
	background: #fff;
	border: 1px solid #e2ded8;
	border-radius: 8px;
	box-shadow: 0 14px 30px rgba(44, 44, 34, 0.16);
	padding: 6px;
	z-index: 50;

	-webkit-transition: opacity 0.25s linear 0.15s, visibility 0s linear 0.4s;
	     -o-transition: opacity 0.25s linear 0.15s, visibility 0s linear 0.4s;
	        transition: opacity 0.25s linear 0.15s, visibility 0s linear 0.4s;
}

.switch-panel.is-open {
	visibility: visible;
	opacity: 1;

	-webkit-transition: opacity 0.25s, visibility 0s linear 0s;
	     -o-transition: opacity 0.25s, visibility 0s linear 0s;
	        transition: opacity 0.25s, visibility 0s linear 0s;
}

.switch-panel .opt-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	font-family: 'Barlow', sans-serif;
	font-weight: 500;
	font-size: 10px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	padding: 10px 12px;
	border-radius: 5px;
	color: #62625f;
}

a.opt-row:hover {
	background: #faf5f0;
	color: #d6461d;
}

.switch-panel .opt-row.active {
	color: #d6461d;
	background: #faf5f0;
}