.montserrat-italic {
	font-family: 'Montserrat', sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: italic;
}

.montserrat-regular {
	font-family: 'Montserrat', sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
}

.montserrat-bold {
	font-family: 'Montserrat', sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}

.leadership-accordion {
	margin-top: 2em;
}

.leadership-item {
	margin-bottom: 1em;
	border: 1px solid #dfe5ec;
	border-radius: 8px;
	overflow: hidden;
	background: #ffffff;
}

.leadership-toggle {
	width: 100%;
	background: #ffffff;
	border: none;
	cursor: pointer;
	padding: 1.2em 1.5em;
	text-align: left;
	font-size: 1.1em;
	font-weight: 700;
	color: #131313;
	transition: all 0.3s ease;
}

.leadership-toggle:hover {
	background: var(--savit-purple);
	color: #fff;
}

.leadership-toggle:after {
	content: '+';
	float: right;
	color: #000;
	font-size: 1.4em;
}

.leadership-toggle.active:after {
	content: '−';
}

.leadership-content {
	display: none;
	padding: 1.5em;
	border-top: 1px solid #edf1f5;
	text-align: left;
}

.leadership-content p,
.leadership-content li {
	color: #131313;
	line-height: 1.7em;
}

.leadership-content ul {
	margin-bottom: 1em;
}

.leadership-content h4 {
	color: var(--savit-purple);
	margin-top: 1.5em;
	margin-bottom: 0.75em;
}

.leadership-highlight {
	background: #f8fafc;
	border-left: 4px solid var(--savit-purple);
	padding: 1em;
	margin-top: 1em;
}

/* SAVIT palette */

:root {
	--savit-yellow: #ffd121;
	--savit-orange: #f5a141;
	--savit-pink: #e87587;
	--savit-purple: #926cab;
	--savit-blue: #8fcfd6;
	--savit-green: #9ebf62;
	/* Deeper shades for white text (home page toolkit cards): 4.92:1 and 4.58:1, both AA. */
	--savit-purple-deep: #8a5fa6;
	--savit-pink-deep: #cc4560;
	--savit-ink: #131313;
	/* Text placed on a palette colour: black keeps AA contrast on all six (purple is the tightest, 4.96:1). */
	--savit-on-accent: #000000;
	--savit-accent: var(--savit-green);
	/* Link text in the page's colour, darkened to keep 4.5:1 on white and on the light grey sections. */
	--savit-link: #607a32;
}

/* Each page (or component) picks the accent its components use. */
.savit-theme-yellow {
	--savit-accent: var(--savit-yellow);
}

.savit-theme-orange {
	--savit-accent: var(--savit-orange);
}

.savit-theme-pink {
	--savit-accent: var(--savit-pink);
	--savit-link: #ca3d59;
}

.savit-theme-purple {
	--savit-accent: var(--savit-purple);
	--savit-link: var(--savit-purple-deep);
}

.savit-theme-blue {
	--savit-accent: var(--savit-blue);
	--savit-link: #317c85;
}

.savit-theme-green {
	--savit-accent: var(--savit-green);
	--savit-link: #607a32;
}

/* Box border colour. On the Game, Catalogue and Materials pages the boxes go through the palette in order, skipping the page's own colour. */
.savit-border-yellow {
	--savit-border: var(--savit-yellow);
}

.savit-border-orange {
	--savit-border: var(--savit-orange);
}

.savit-border-pink {
	--savit-border: var(--savit-pink);
}

.savit-border-purple {
	--savit-border: var(--savit-purple);
}

.savit-border-blue {
	--savit-border: var(--savit-blue);
}

.savit-border-green {
	--savit-border: var(--savit-green);
}

/* SAVIT components */

.savit-band {
	background-color: var(--savit-accent);
}

.savit-band-palette {
	background-image: linear-gradient(
		90deg,
		var(--savit-yellow) 0 16.67%,
		var(--savit-orange) 0 33.33%,
		var(--savit-pink) 0 50%,
		var(--savit-purple) 0 66.67%,
		var(--savit-blue) 0 83.33%,
		var(--savit-green) 0
	);
}

/* .wrapper.style4 sets white text, so SAVIT sections need the extra specificity. */
.wrapper.style4.savit-section {
	color: var(--savit-ink);
	text-align: left;
}

/* Anchor targets clear the fixed header. */
.savit-section[id],
.savit-card[id] {
	scroll-margin-top: 7rem;
}

.savit-section p,
.savit-section li {
	color: var(--savit-ink);
	font-size: 1.1em;
	line-height: 1.6em;
}

.savit-section li li,
.savit-section li p {
	font-size: 1em;
}

/* In-text links (the ones without a class) take the page's colour instead of the template blue. */
.savit-section p a:not([class]),
.savit-section li a:not([class]) {
	color: var(--savit-link);
}

/* Section titles in the designer's style: the template h2 (1.75em) with Taylor's 1.25em on top. */
.savit-heading {
	margin-bottom: 1.25em;
	font-size: 2.1875em;
	line-height: 1.2em;
	text-align: left;
}

/* Text outside boxes, in the designer's body text style (the template one Taylor shared). Wrap such text in .savit-text; text inside boxes keeps its own smaller size. */
.savit-text {
	margin-bottom: 2em;
	text-align: left;
}

.savit-section .savit-text p,
.savit-section .savit-text li {
	margin-bottom: 1em;
	font-size: 1.35em;
	line-height: 1.3em;
}

.savit-section .savit-text li li {
	font-size: 1em;
}

.savit-text p:last-child,
.savit-text ul:last-child {
	margin-bottom: 0;
}

.savit-list {
	margin: 0 0 1.5em 0;
	padding-left: 1.25em;
}

.savit-list li {
	list-style: disc;
	margin-bottom: 0.6em;
}

.savit-list .savit-list,
.savit-list .savit-steps {
	margin: 0.6em 0 0 0;
}

.savit-list .savit-list li {
	list-style: circle;
}

.savit-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2em;
	margin-bottom: 2em;
	text-align: left;
}

.savit-grid > * {
	flex: 0 1 calc((100% - 4em) / 3);
	min-width: 0;
}

.savit-grid.savit-grid-2 > * {
	flex-basis: calc((100% - 2em) / 2);
}

.savit-card {
	display: flex;
	flex-direction: column;
	padding: 1.5em 1.75em;
	border: 3px solid var(--savit-border, var(--savit-accent));
	background-color: #ffffff;
	color: var(--savit-ink);
}

.savit-card h3 {
	margin-bottom: 0.75em;
	font-size: 1.2em;
	line-height: 1.35em;
}

.savit-card p {
	margin-bottom: 1em;
	font-size: 1em;
}

.savit-card > :last-child {
	margin-bottom: 0;
}

.savit-card .savit-source {
	margin-top: auto;
	font-size: 0.85em;
}

.savit-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	min-height: 10em;
	margin-top: auto;
	padding: 1.5em;
	border: 2px dashed var(--savit-accent);
	background-color: #f8fafc;
	color: #4b4b4b;
	font-size: 0.9em;
	font-style: italic;
	text-align: center;
}

.savit-placeholder svg {
	width: 3em;
	height: 3em;
	color: var(--savit-accent);
}

.intrinsic-container .savit-placeholder {
	position: absolute;
	inset: 0;
	min-height: 0;
	margin: 0;
}

/* Fixed-ratio picture slot; an <img> inside is cropped to fill it. */
.savit-media {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background-color: #e5e9ec;
}

.savit-media > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.savit-media .savit-placeholder {
	position: absolute;
	inset: 0;
	min-height: 0;
	margin: 0;
	padding: 1em;
	border: 0;
	background-color: transparent;
	color: #4b5563;
}

.savit-media .savit-placeholder svg {
	color: #6b7785;
}

/* The picture beside About SAVIT (a solution card) is shown whole, at its own proportions, so none of the card is cropped. */
.savit-about-media {
	aspect-ratio: auto;
	background-color: transparent;
}

.savit-about-media > img {
	height: auto;
}

/* Side by side, the columns are centred and the picture sits level with the middle of the text and cards. */
@media screen and (min-width: 1080px) {
	.savit-about .row {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

/* The template's grid has no step between 1080px and 1280px, so the picture column widens here to stay wider than a strip. */
@media screen and (min-width: 1080px) and (max-width: 1280px) {
	.savit-about .row > :first-child {
		width: 66.6666666667%;
	}

	.savit-about .row > :last-child {
		width: 33.3333333333%;
	}
}

.savit-toolkit {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.75em;
	margin-top: 2em;
}

.savit-toolkit-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 0.75em;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	color: #ffffff;
	text-decoration: none;
	transition:
		transform 0.2s ease-in-out,
		box-shadow 0.2s ease-in-out;
}

.savit-toolkit-card:hover,
.savit-toolkit-card:focus-visible {
	transform: translateY(-4px);
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
}

.savit-toolkit-game {
	background-color: var(--savit-purple-deep);
}

.savit-toolkit-catalogue {
	background-color: var(--savit-pink-deep);
}

.savit-toolkit-body {
	flex: 1 1 auto;
	padding: 1em 1.25em 1.25em;
}

/* The template forces heading colour with !important, and .savit-section p sets its own colour. */
.wrapper.style4 .savit-toolkit-card h3 {
	margin: 0 0 0.5em 0;
	color: #ffffff !important;
	font-size: 1.3em;
	text-align: center;
}

.savit-section .savit-toolkit-card p {
	margin: 0;
	color: #ffffff;
	font-size: 0.95em;
	font-style: italic;
	line-height: 1.4em;
}

.savit-tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.9em;
	padding: 0.5em;
	color: var(--savit-ink);
	text-align: center;
	text-decoration: none;
}

.savit-tile-icon {
	display: grid;
	place-items: center;
	width: 7.5em;
	height: 5.5em;
	border-radius: 1em;
	background-color: var(--savit-accent);
	color: #ffffff;
	transition:
		transform 0.2s ease-in-out,
		box-shadow 0.2s ease-in-out;
}

.savit-tile-icon svg {
	width: 3em;
	height: 3em;
}

.savit-tile:hover .savit-tile-icon,
.savit-tile:focus-visible .savit-tile-icon {
	transform: translateY(-4px);
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
}

.savit-tile-title {
	font-size: 1.2em;
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: var(--savit-accent);
	text-decoration-thickness: 3px;
	text-underline-offset: 0.3em;
}

.savit-tile-text {
	color: #4b4b4b;
	font-size: 0.95em;
	line-height: 1.5em;
}

.savit-cta {
	display: inline-flex;
	align-items: center;
	gap: 0.75em;
	color: var(--savit-ink);
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.3em;
	text-decoration: underline;
	text-decoration-color: var(--savit-accent);
	text-decoration-thickness: 4px;
	text-underline-offset: 0.3em;
}

.savit-cta:hover {
	text-decoration-color: var(--savit-ink);
}

.savit-cta-icon {
	display: grid;
	flex: 0 0 2.25em;
	place-items: center;
	width: 2.25em;
	height: 2.25em;
	border-radius: 50%;
	background-color: var(--savit-accent);
	color: #ffffff;
}

.savit-cta-icon svg {
	width: 1.3em;
	height: 1.3em;
}

.savit-steps {
	margin: 0 0 1.5em 0;
	padding: 0;
	counter-reset: savit-step;
}

.savit-steps li {
	position: relative;
	min-height: 1.5em;
	margin-bottom: 0.75em;
	padding-left: 2.5em;
	list-style: none;
	counter-increment: savit-step;
}

/* The number is centred on the first line of text (line height 1.3em). */
.savit-steps li::before {
	content: counter(savit-step);
	position: absolute;
	top: -0.2em;
	left: 0;
	display: grid;
	place-items: center;
	width: 1.7em;
	height: 1.7em;
	border-radius: 50%;
	background-color: var(--savit-accent);
	color: var(--savit-on-accent);
	font-weight: 700;
	line-height: 1;
}

.savit-facts {
	padding: 1.5em 1.75em;
	border: 3px solid var(--savit-border, var(--savit-accent));
	background-color: #f8fafc;
	color: var(--savit-ink);
	text-align: left;
}

.savit-facts ul {
	margin: 0;
	padding: 0;
}

.savit-facts li {
	display: flex;
	align-items: baseline;
	gap: 0.75em;
	padding: 0.6em 0;
	border-bottom: 1px solid #dfe5ec;
	list-style: none;
}

.savit-facts li:last-child {
	border-bottom: 0;
}

.savit-facts strong {
	flex: 0 0 3.5em;
	font-size: 1.35em;
}

.savit-function {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 4.5em;
	padding: 1em 1.25em;
	border: 3px solid var(--savit-border, var(--savit-accent));
	background-color: #ffffff;
	color: var(--savit-ink);
	font-weight: 700;
	line-height: 1.35em;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.2s ease-in-out;
}

.savit-function:hover,
.savit-function:focus-visible {
	background-color: var(--savit-border, var(--savit-accent));
	color: var(--savit-on-accent);
}

.savit-dialog {
	width: min(56em, calc(100vw - 2em));
	max-width: none;
	max-height: calc(100dvh - 2em);
	margin: auto;
	padding: 0;
	border: 4px solid var(--savit-border, var(--savit-accent));
	background-color: #ffffff;
	box-shadow: 0 12px 48px rgba(0, 0, 0, 0.25);
	color: var(--savit-ink);
	text-align: left;
}

.savit-dialog[open] {
	display: flex;
	flex-direction: column;
}

.savit-dialog::backdrop {
	background: rgba(0, 0, 0, 0.6);
}

/* The body fills the dialog, so a click that lands on the dialog itself is a backdrop click. */
.savit-dialog-body {
	min-height: 0;
	padding: 2em 2.5em;
	overflow-y: auto;
}

.savit-dialog-body h3 {
	padding-right: 2.5em;
	font-size: 1.3em;
	line-height: 1.35em;
}

.savit-dialog-body p,
.savit-dialog-body li {
	color: var(--savit-ink);
	line-height: 1.6em;
}

.savit-dialog-close {
	position: absolute;
	top: 0.75em;
	right: 0.75em;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 10px;
	border: 0;
	border-radius: 50%;
	background: var(--savit-ink);
	color: #ffffff;
	cursor: pointer;
}

.savit-dialog-close svg {
	display: block;
	width: 100%;
	height: 100%;
}

html.savit-dialog-open {
	overflow: hidden;
}

/* Without JavaScript the function details stay readable below their buttons. */
html:not(.js) .savit-dialog {
	position: static;
	display: block;
	width: auto;
	max-height: none;
	margin: 0 0 2em 0;
	box-shadow: none;
}

html:not(.js) .savit-dialog-close {
	display: none;
}

/* The Download button (or Coming soon tag) sits below the text, so the text keeps the card's width. */
.savit-download {
	display: grid;
	grid-template-columns: 2.75em minmax(0, 1fr);
	align-items: start;
	gap: 0.5em 1em;
	padding: 0.9em 0;
	border-bottom: 1px solid #dfe5ec;
	list-style: none;
}

.savit-download-text ~ * {
	grid-column: 2;
	justify-self: start;
}

.savit-download:last-child {
	border-bottom: 0;
}

.savit-download-icon {
	display: grid;
	flex: 0 0 2.75em;
	place-items: center;
	height: 2.75em;
	border-radius: 0.5em;
	background-color: var(--savit-accent);
	color: #ffffff;
}

.savit-download-icon svg {
	width: 1.5em;
	height: 1.5em;
}

.savit-download-text {
	flex: 1 1 auto;
	min-width: 0;
	line-height: 1.45em;
}

.savit-download-text strong {
	display: block;
}

.savit-download-text span {
	color: #4b4b4b;
	font-size: 0.9em;
}

.savit-downloads {
	margin: 0;
	padding: 0;
}

/* Download link in its box's colour and the site's type (not the template's uppercase button); it lifts on hover like the toolkit cards. */
.savit-download-button {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	padding: 0.65em 1.25em 0.65em 1em;
	border-radius: 999px;
	background-color: var(--savit-border, var(--savit-accent));
	color: var(--savit-ink);
	font-size: 0.9em;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition:
		transform 0.2s ease-in-out,
		box-shadow 0.2s ease-in-out;
}

.savit-download-button:hover,
.savit-download-button:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
}

.savit-download-button svg {
	flex-shrink: 0;
	width: 1.2em;
	height: 1.2em;
}

.savit-tag {
	flex-shrink: 0;
	padding: 0.3em 0.8em;
	border: 2px dashed var(--savit-accent);
	color: #4b4b4b;
	font-size: 0.8em;
	font-style: italic;
	white-space: nowrap;
}

/* The template's medium breakpoint: the home intro columns stack, so the picture goes below the cards at a readable size. */
@media screen and (max-width: 1079px) {
	.savit-about-media {
		max-width: 20em;
		margin: 2.5em auto 0;
	}
}

@media screen and (max-width: 980px) {
	.savit-grid > * {
		flex-basis: calc((100% - 2em) / 2);
	}
}

@media screen and (max-width: 736px) {
	/* The template's phone h2 (1.35em) with the same 1.25em on top. */
	.savit-heading {
		font-size: 1.6875em;
	}

	.savit-grid > *,
	.savit-grid.savit-grid-2 > * {
		flex-basis: 100%;
	}

	.savit-dialog-body {
		padding: 1.5em 1.25em;
	}

	.savit-cta {
		font-size: 1.25em;
	}
}

@media screen and (max-width: 480px) {
	.savit-toolkit {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Reset */

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

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

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

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

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

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

main {
	/*display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px;
  font-family: "Montserrat", sans-serif;*/
}

.dib-post-back-link {
	display: none !important;
}

.dib-post-category-text a {
	pointer-events: none !important;
	cursor: default !important;
	text-decoration: none !important;
	color: inherit !important;
}

iframe {
	aspect-ratio: 16 / 9;
	width: 100% !important;
}

/*Adverts section*/

li {
	list-style: none;
}
.adverts {
	display: flex;
	flex-direction: column;
	float: right;
	position: sticky;
	top: 100px;
	right: 18px;
}

.adGifs {
	width: 125px;
	padding: 10px;
	cursor: pointer;
}
.advertLinks {
	border: none;
}
.advert2 {
	display: none;
}
.advert3 {
	display: none;
}

@media screen and (min-width: 1820px) and (max-width: 1860px) {
	.adverts {
		right: 10px;
	}
}
@media screen and (min-width: 1550px) and (max-width: 1820px) {
	.adverts {
		right: 14px;
	}
}
@media screen and (min-width: 1280px) and (max-width: 1550px) {
	.adverts {
		right: 8px;
	}
}
@media screen and (min-width: 1080px) and (max-width: 1280px) {
	.adGifs {
		width: 100px;
	}
}

@media screen and (min-width: 570px) and (max-width: 900px) {
	.adverts {
		display: flex;
		flex-direction: row;
		float: inherit;
		padding: 0.5em;
		justify-content: space-around;
		position: relative;
		width: auto;
		margin-bottom: 2em;
		right: auto;
	}

	.advert2 {
		top: -4em;
	}
}

@media screen and (max-width: 650px) {
	.flex-container-mobile {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		width: 100%;
	}

	.advert1 {
		display: flex;
		justify-content: center;
	}
	.item1 {
		display: none;
	}
	.advert2 {
		display: flex;
		justify-content: center;
	}
	.item2 {
		display: none;
	}
	.advert3 {
		display: flex;
		justify-content: center;
	}
	.item3 {
		display: none;
	}
}

#advert_title1 {
	text-align: center;
}

@media screen and (min-width: 1820px) and (max-width: 1860px) {
	#advert_title1 {
		text-align: center;
	}
}

@media screen and (min-width: 1550px) and (max-width: 1820px) {
	#advert_title1 {
		text-align: center;
	}
}

@media screen and (min-width: 1280px) and (max-width: 1550px) {
	#advert_title1 {
		text-align: center;
	}
}

@media screen and (min-width: 900px) and (max-width: 1280px) {
	#advert_title1 {
		text-align: center;
	}
}

@media screen and (min-width: 570px) and (max-width: 900px) {
	#advert_title1 {
		text-align: center;
		display: none;
	}
}

@media screen and (max-width: 650px) {
	#advert_title1 {
		text-align: center;
		display: none;
	}
}

#advert_title2 {
	text-align: center;
	display: none;
}

@media screen and (min-width: 1820px) and (max-width: 1860px) {
	#advert_title2 {
		text-align: center;
		display: none;
	}
}

@media screen and (min-width: 1550px) and (max-width: 1820px) {
	#advert_title2 {
		text-align: center;
		display: none;
	}
}

@media screen and (min-width: 1280px) and (max-width: 1550px) {
	#advert_title2 {
		text-align: center;
		display: none;
	}
}

@media screen and (min-width: 900px) and (max-width: 1280px) {
	#advert_title2 {
		text-align: center;
	}
}

/*! Scalar by Pixelarity | pixelarity.com | hello@pixelarity.com | License: pixelarity.com/license */

@media screen and (min-width: 570px) and (max-width: 900px) {
	#advert_title2 {
		display: block !important;

		text-align: center;
	}

	.item2 {
		position: relative;
		top: -2.5em;
	}
}

@media screen and (max-width: 650px) {
	#advert_title2 {
		display: block !important;
		text-align: center;
	}

	.item2 {
		position: relative;
		top: -2.5em;
	}
}

/*.card {
  width: 24rem;
  height: 36rem;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  color: #4b4b4b;
  box-shadow: 0 10px 30px 5px rgba(0, 0, 0, 0.2);
 
  img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.9;
    transition: opacity .2s ease-out;
  }

  h2 {
    position: absolute;
    inset: auto auto 30px 30px;
    margin-bottom: 0.75em;
    transition: inset .3s .3s ease-out;
    font-family: "Montserrat-display", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
	color: #fff !important;
  }
  
  p, a {
    position: absolute;
    opacity: 0;
    max-width: 80%;
    transition: opacity .3s ease-out;
	color: #fff !important;
  }
  
  p {
    inset: auto auto 80px 30px;
  }
  
  a {
    inset: auto auto 40px 30px;
    color: inherit;
    text-decoration: none;
  }
  
  &:hover h2 {
    inset: auto auto 220px 30px;
    transition: inset .3s ease-out;
  }
  
  &:hover p, &:hover a {
    opacity: 1;
    transition: opacity .5s .1s ease-in;
  }
  
  &:hover img {
    transition: opacity .3s ease-in;
    opacity: 1;
  }

}*/

.banner-menu-btn a {
	color: #131313 !important;
}

.banner-menu-btn a:hover {
	color: #e6335d !important;
}

.material-symbols-outlined {
	vertical-align: middle;
}

#banner-text-pos {
	background-image: url('../images/') !important;
	/*position: relative;
	top: 8em;*/
}

/* Accordion Menu */
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
	background-color: #eee;
	color: #6a6a6a; /*or can be  color: #6A6A6A;*/
	cursor: pointer;
	padding: 15px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 16px;
	font-weight: bold;
	transition: 0.4s;
}

.active,
.accordion:hover {
	background-color: var(--savit-pink);
	color: var(--savit-ink); /*font colour*/
}

.accordion:after {
	content: '\002B';
	color: #000 !important; /*colour of + sign*/
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.active:after {
	content: '';
	color: #ffffff; /*colour of + sign after expansion*/
}

.panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

/* Box Model */

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

/* Containers */

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

.container.\31 25\25 {
	width: 100%;
	max-width: 1750px;
	min-width: 1400px;
}

.container.\37 5\25 {
	width: 1050px;
}

.container.\35 0\25 {
	width: 700px;
}

.container.\32 5\25 {
	width: 350px;
}

.container {
	width: 1300px;
}

@media screen and (max-width: 2800px) {
	.container.\31 25\25 {
		width: 100%;
		max-width: 1400px;
		min-width: 1200px;
	}

	.container.\37 5\25 {
		width: 880px;
	}

	.container.\35 0\25 {
		width: 600px;
	}

	.container.\32 5\25 {
		width: 300px;
	}

	.container {
		width: 83%;
	}
}
@media screen and (max-width: 1750px) {
	.container.\31 25\25 {
		width: 100%;
		max-width: 1400px;
		min-width: 1200px;
	}

	.container.\37 5\25 {
		width: 800px;
	}

	.container.\35 0\25 {
		width: 600px;
	}

	.container.\32 5\25 {
		width: 300px;
	}

	.container {
		width: 83%;
	}
}
@media screen and (max-width: 1650px) {
	.container.\31 25\25 {
		width: 100%;
		max-width: 1400px;
		min-width: 1200px;
	}

	.container.\37 5\25 {
		width: 800px;
	}

	.container.\35 0\25 {
		width: 600px;
	}

	.container.\32 5\25 {
		width: 300px;
	}

	.container {
		width: 80%;
	}
}
@media screen and (max-width: 1550px) {
	.container.\31 25\25 {
		width: 100%;
		max-width: 1400px;
		min-width: 1200px;
	}

	.container.\37 5\25 {
		width: 800px;
	}

	.container.\35 0\25 {
		width: 600px;
	}

	.container.\32 5\25 {
		width: 300px;
	}

	.container {
		width: 80%;
	}
}

@media screen and (max-width: 1450px) {
	.container.\31 25\25 {
		width: 100%;
		max-width: 1400px;
		min-width: 1200px;
	}

	.container.\37 5\25 {
		width: 800px;
	}

	.container.\35 0\25 {
		width: 600px;
	}

	.container.\32 5\25 {
		width: 300px;
	}

	.container {
		width: 90%;
	}
	#flex_div {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: auto;
	}
}
@media screen and (max-width: 1380px) {
	.container.\31 25\25 {
		width: 100%;
		max-width: 1400px;
		min-width: 1200px;
	}

	.container.\37 5\25 {
		width: 800px;
	}

	.container.\35 0\25 {
		width: 600px;
	}

	.container.\32 5\25 {
		width: 300px;
	}

	.container {
		width: 90%;
	}
}
@media screen and (max-width: 1320px) {
	.container.\31 25\25 {
		width: 100%;
		max-width: 1200px;
		min-width: 960px;
	}

	.container.\37 5\25 {
		width: 720px;
	}

	.container.\35 0\25 {
		width: 480px;
	}

	.container.\32 5\25 {
		width: 240px;
	}

	.container {
		width: 90%;
	}
}

@media screen and (max-width: 1280px) {
	.container.\31 25\25 {
		width: 100%;
		max-width: 118.75%;
		min-width: 95%;
	}

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

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

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

	.container {
		width: 90%;
	}

	#flex_infos {
		display: flex;
		flex-direction: row;
	}
}
@media screen and (max-width: 1180px) {
	.container.\31 25\25 {
		width: 100%;
		max-width: 118.75%;
		min-width: 95%;
	}

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

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

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

	.container {
		width: 90%;
	}
}
@media screen and (max-width: 1079px) {
	.container.\31 25\25 {
		width: 100%;
		max-width: 118.75%;
		min-width: 95%;
	}

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

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

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

	.container {
		width: 90% !important;
	}
}

@media screen and (max-width: 900px) {
	.container.\31 25\25 {
		width: 100%;
		max-width: 118.75%;
		min-width: 95%;
	}

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

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

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

	.container {
		width: 100% !important;
	}
}

@media screen and (max-width: 736px) {
	.container.\31 25\25 {
		width: 100%;
		max-width: 125%;
		min-width: 100%;
	}

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

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

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

	.container {
		width: 100% !important;
	}
}

/* Grid */

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

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

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

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

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

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

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

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

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

.row > * {
	padding: 0 0 0 2em;
}

.row {
	margin: 0 0 -1px -2em;
}

.row.uniform > * {
	padding: 2em 0 0 2em;
}

.row.uniform {
	margin: -2em 0 -1px -2em;
}

.row.\32 00\25 > * {
	padding: 0 0 0 4em;
}

.row.\32 00\25 {
	margin: 0 0 -1px -4em;
}

.row.uniform.\32 00\25 > * {
	padding: 4em 0 0 4em;
}

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

.row.\31 50\25 > * {
	padding: 0 0 0 3em;
}

.row.\31 50\25 {
	margin: 0 0 -1px -3em;
}

.row.uniform.\31 50\25 > * {
	padding: 3em 0 0 3em;
}

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

.row.\35 0\25 > * {
	padding: 0 0 0 1em;
}

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

.row.uniform.\35 0\25 > * {
	padding: 1em 0 0 1em;
}

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

.row.\32 5\25 > * {
	padding: 0 0 0 0.5em;
}

.row.\32 5\25 {
	margin: 0 0 -1px -0.5em;
}

.row.uniform.\32 5\25 > * {
	padding: 0.5em 0 0 0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 2800px) {
	.row > * {
		padding: 0 0 0 2em;
	}

	.row {
		margin: 0 0 -1px -2em;
		display: flex;
		padding: 1em;
	}

	.row.uniform > * {
		padding: 2em 0 0 2em;
	}

	.row.uniform {
		margin: -2em 0 -1px -2em;
	}

	.row.\32 00\25 > * {
		padding: 0 0 0 4em;
	}

	.row.\32 00\25 {
		margin: 0 0 -1px -4em;
	}

	.row.uniform.\32 00\25 > * {
		padding: 4em 0 0 4em;
	}

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

	.row.\31 50\25 > * {
		padding: 0 0 0 3em;
	}

	.row.\31 50\25 {
		margin: 0 0 -1px -3em;
	}

	.row.uniform.\31 50\25 > * {
		padding: 3em 0 0 3em;
	}

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

	.row.\35 0\25 > * {
		padding: 0 0 0 1em;
	}

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

	.row.uniform.\35 0\25 > * {
		padding: 1em 0 0 1em;
	}

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

	.row.\32 5\25 > * {
		padding: 0 0 0 0.5em;
	}

	.row.\32 5\25 {
		margin: 0 0 -1px -0.5em;
	}

	.row.uniform.\32 5\25 > * {
		padding: 0.5em 0 0 0.5em;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.row {
		margin: 0 0 -1px -1.5em;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.\-1u\28medium\29 {
		margin-left: 8.33333%;
	}
}
@media screen and (max-width: 736px) {
	#flex_div {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: auto;
	}
	#flex_infos {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		width: auto;
	}
	#flex_div .image.fit {
		width: auto;
	}
}
@media screen and (max-width: 736px) {
	.row > * {
		padding: 0 0 0 1.5em;
	}

	.row {
		margin: 0 0 -1px -1.5em;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Basic */

html {
	scroll-behavior: smooth;
}

body {
	background: #f5f5f5;
	display: flex;
	flex-direction: column;
}

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

body,
input,
select,
textarea {
	color: #868686;
	font-family: 'Montserrat', sans-serif;
	font-size: 14pt;
	font-weight: 400;
	line-height: 1.65em;
}

a {
	color: #2770b7;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

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

em,
i {
	font-style: italic;
}

p {
	margin: 0 0 2em 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #131313 !important;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1em;
	margin: 0 0 1em 0;
	/*text-transform: uppercase;*/
}

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

h2 {
	font-size: 1.75em;
	line-height: 1.5em;
}

h3 {
	font-size: 1.25em;
	line-height: 1.5em;
}

h4 {
	font-size: 1.1em;
	line-height: 1.5em;
}

h5 {
	font-size: 0.9em;
	line-height: 1.5em;
}

h6 {
	font-size: 0.7em;
	line-height: 1.5em;
}

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

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

hr {
	border: 0;
	border-bottom: solid 2px rgba(144, 144, 144, 0.25);
	margin: 3em 0;
}

hr.major {
	margin: 6em 0;
}

blockquote {
	border-left: solid 4px rgba(144, 144, 144, 0.25);
	/* font-style: italic;*/
	margin: 0 0 2em 0;
	padding: 0.5em 0 0.5em 2em;
}

blockquote.testimonial {
	border: 0;
	margin-top: 1em;
	padding: 0;
	text-align: center;
}

blockquote.testimonial p {
	background: #38abda;
	color: #fff;
	margin: 0 auto 2.5em auto;
	padding: 1em 2em;
	position: relative;
	max-width: 22em;
}

blockquote.testimonial p:after {
	border-left: solid 1em transparent;
	border-right: solid 1em transparent;
	border-top: solid 1em #38abda;
	bottom: -2em;
	content: '';
	height: 2em;
	left: 50%;
	margin: 0 0 0 -1em;
	position: absolute;
	width: 2em;
}

blockquote.testimonial cite {
	display: block;
}

blockquote.testimonial cite .image {
	display: inline-block;
	margin: 0 0 1em 0;
}

blockquote.testimonial cite .name {
	color: #38abda;
	display: block;
	font-style: normal;
	font-weight: 900;
}

blockquote.testimonial cite .title {
	color: #a5a5a5;
	display: block;
	font-style: normal;
}

code {
	background: rgba(144, 144, 144, 0.075);
	border: solid 1px rgba(144, 144, 144, 0.25);
	font-family: 'Courier New', monospace;
	font-size: 0.9em;
	margin: 0 0.25em;
	padding: 0.25em 0.65em;
}

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

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

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

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

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

/* Section/Article */

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

header p {
	color: #a5a5a5;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	letter-spacing: 0.05em;
	margin: 0 0 2em 0;
	position: relative;
	/*text-transform: uppercase;*/
}

header h2 + p {
	font-size: 1.25em;
	margin-top: -0.5em;
	line-height: 1.5em;
}

header h3 + p {
	font-size: 1.1em;
	margin-top: -0.8em;
	line-height: 1.5em;
}

header h4 + p,
header h5 + p,
header h6 + p {
	font-size: 0.9em;
	margin-top: -0.6em;
	line-height: 1.5em;
}

header.major {
	margin: 0 0 4em 0;
	text-align: center;
}

header.major:after {
	height: 2px;
	width: 20em;
	max-width: 60%;
	background: rgba(144, 144, 144, 0.25);
	content: '';
	display: block;
	margin: 0 auto;
}

/* Carousel */

.carousel {
	position: relative;
	overflow: hidden;
	border-radius: 12px;
}

.carousel-track {
	display: flex;
	transition: transform 0.5s ease-in-out;
}

.carousel-slide {
	min-width: 100%;
	position: relative;
	opacity: 0.6;
	transition: opacity 0.3s ease;
}

.carousel-slide.active {
	opacity: 1;
	background: transparent !important;
}

.carousel-slide img {
	width: 100%;
	display: block;
	background: transparent !important;
}

.caption {
	position: absolute;
	bottom: 15px;
	left: 20px;
	color: white;
	font-size: 1.2em;
	background: rgba(0, 0, 0, 0.5);
	padding: 8px 12px;
	border-radius: 8px;
}

.carousel-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.5);
	border: none;
	color: white;
	font-size: 2em;
	padding: 10px;
	cursor: pointer;
	border-radius: 50%;
}

.carousel-btn:hover {
	background: rgba(0, 0, 0, 0.8);
}

.prev {
	left: 0px;
}
.next {
	right: 10px;
}

/* Form */

form {
	margin: 0 0 2em 0;
}

label {
	color: #7f7f7f;
	display: block;
	font-size: 0.9em;
	font-weight: 600;
	margin: 0 0 1em 0;
}

input[type='text'],
input[type='password'],
input[type='email'],
select,
textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: rgba(144, 144, 144, 0.075);
	border: none;
	border: solid 1px rgba(144, 144, 144, 0.25);
	border-radius: 0 !important;
	color: inherit;
	display: block;
	outline: 0;
	padding: 0 1em;
	text-decoration: none;
	width: 100%;
}

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

input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
select:focus,
textarea:focus {
	border-color: #2770b7;
	box-shadow: 0 0 0 1px #2770b7;
}

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

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

.select-wrapper:before {
	content: '\f078';
	color: rgba(144, 144, 144, 0.25);
	display: block;
	height: 2.75em;
	line-height: 2.75em;
	pointer-events: none;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 2.75em;
}

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

input[type='text'],
input[type='password'],
input[type='email'],
select {
	height: 2.75em;
}

textarea {
	padding: 0.75em 1em;
}

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

input[type='checkbox'] + label,
input[type='radio'] + label {
	text-decoration: none;
	color: #868686;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: 400;
	padding-left: 2.4em;
	padding-right: 0.75em;
	position: relative;
}

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

input[type='checkbox'] + label:before,
input[type='radio'] + label:before {
	background: rgba(144, 144, 144, 0.075);
	border: solid 1px rgba(144, 144, 144, 0.25);
	content: '';
	display: inline-block;
	height: 1.65em;
	left: 0;
	line-height: 1.58125em;
	position: absolute;
	text-align: center;
	top: 0;
	width: 1.65em;
}

input[type='checkbox']:checked + label:before,
input[type='radio']:checked + label:before {
	background: #2770b7;
	border-color: #2770b7;
	color: #ffffff;
	content: '\f00c';
}

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

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

::-webkit-input-placeholder {
	color: #a5a5a5 !important;
	opacity: 1;
}

:-moz-placeholder {
	color: #a5a5a5 !important;
	opacity: 1;
}

::-moz-placeholder {
	color: #a5a5a5 !important;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #a5a5a5 !important;
	opacity: 1;
}

.formerize-placeholder {
	color: #a5a5a5 !important;
	opacity: 1;
}

/* Box */

.box {
	border: solid 1px rgba(144, 144, 144, 0.25);
	margin-bottom: 2em;
	padding: 1.5em;
}

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

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

/* Icon */

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

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

.icon > .label {
	display: none;
}

.icon.major {
	display: block;
	height: 4.5em;
	line-height: 4.5em;
	margin: 1em auto 3em auto;
	position: relative;
	text-align: center;
	width: 4.5em;
}

.icon.major:before {
	color: #ffffff;
	font-size: 2em;
	position: relative;
	z-index: 1;
}

.icon.major:after {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #2770b7;
	content: '';
	height: inherit;
	left: 0;
	line-height: inherit;
	position: absolute;
	top: 0;
	width: inherit;
}

.icon.major.fa-paper-plane:before {
	left: -0.125em;
}

/* Image */

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

.image img {
	display: block;
}

.image.left {
	float: left;
	padding: 0 1.5em 1em 0;
	top: 0.25em;
}

.image.right {
	float: right;
	padding: 0 0 1em 1.5em;
	top: 0.25em;
}

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

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

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

.image.fit img {
	width: 100%;
}
@media screen and (max-width: 1320px) {
	/* .image.fit img {
    width: 50%;
  }*/
	#logo {
		top: 1em;
		left: 5em;
		width: 100%;
	}
	/* .img_logo{
    bottom: 2em;
    width: 25%;
  }*/
}
@media screen and (max-width: 1079px) {
	.image.fit img {
		width: 100%;
	}
	/*.img_logo{
    width: 50%;
  }*/
	#logo_mobile {
		width: 50%;
	}
}
.image.style1 {
	background: #ffffff;
	border-radius: 0.5em;
	border: solid 2em #f5f5f5;
	box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.125);
	margin-top: -0.25em;
}

/*.image.style1:after {
				background: #f0f0f0;
				border-radius: 100%;
				content: '';
				display: block;
				height: 0.75em;
				margin: -0.5em 0.5em 0 0;
				position: absolute;
				right: -2em;
				top: 50%;
				width: 0.75em;
			}
*/
.image.style2 {
	/*	background: rgba(144, 144, 144, 0.2);*/
	border-radius: 100%;
	overflow: hidden;
}

.image.style2 img {
	border-radius: 100%;
}

/* List */

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

ol li {
	padding-left: 0.25em;
}

ul {
	list-style: disc;
	margin: 0 0 2em 0;
	padding-left: 1em;
}

ul li {
	padding-left: 0.5em;
}

ul.alt {
	list-style: none;
	padding-left: 0;
}

ul.alt li {
	border-top: solid 1px rgba(144, 144, 144, 0.25);
	padding: 0.5em 0;
}

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

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

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

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

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

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

ul.major-icons li {
	display: inline-block;
	padding: 0 2.5em 0 0;
}

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

ul.major-icons li .icon {
	display: block;
	font-size: 0.675em;
	height: 4.5em;
	line-height: 4.5em;
	position: relative;
	text-align: center;
	width: 4.5em;
}

ul.major-icons li .icon:before {
	color: #ffffff;
	font-size: 2em;
	position: relative;
	z-index: 1;
}

ul.major-icons li .icon:after {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #2770b7;
	content: '';
	height: inherit;
	left: 0;
	line-height: inherit;
	position: absolute;
	top: 0;
	width: inherit;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

dl {
	margin: 0 0 2em 0;
}

/* Table */

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

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

table tbody tr {
	border: solid 1px rgba(144, 144, 144, 0.25);
	border-left: 0;
	border-right: 0;
}

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

table td {
	padding: 0.75em 0.75em;
}

table th {
	color: #7f7f7f;
	font-size: 0.9em;
	font-weight: 600;
	padding: 0 0.75em 0.75em 0.75em;
	text-align: left;
}

table thead {
	border-bottom: solid 2px rgba(144, 144, 144, 0.25);
}

table tfoot {
	border-top: solid 2px rgba(144, 144, 144, 0.25);
}

table.alt {
	border-collapse: separate;
}

table.alt tbody tr td {
	border: solid 1px rgba(144, 144, 144, 0.25);
	border-left-width: 0;
	border-top-width: 0;
}

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

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

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

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

/* Button */

input[type='submit'],
input[type='reset'],
input[type='button'],
.button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition:
		background-color 0.2s ease-in-out,
		color 0.2s ease-in-out;
	-webkit-transition:
		background-color 0.2s ease-in-out,
		color 0.2s ease-in-out;
	-ms-transition:
		background-color 0.2s ease-in-out,
		color 0.2s ease-in-out;
	transition:
		background-color 0.2s ease-in-out,
		color 0.2s ease-in-out;
	background-color: #cf1944;
	border: 0;
	color: #fff !important;
	cursor: pointer;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	height: 3em;
	height: calc(3em + 2px);
	letter-spacing: 0.05em;
	line-height: 3em;
	padding: 0 1.25em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

input[type='submit']:hover,
input[type='reset']:hover,
input[type='button']:hover,
.button:hover {
	background-color: #ec6887 !important;
}

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

input[type='submit'].icon,
input[type='reset'].icon,
input[type='button'].icon,
.button.icon {
	padding: 0 1.25em 0 1.35em;
}

input[type='submit'].icon:before,
input[type='reset'].icon:before,
input[type='button'].icon:before,
.button.icon:before {
	margin: 0 0.5em 0 0;
}

input[type='submit'].icon-after,
input[type='reset'].icon-after,
input[type='button'].icon-after,
.button.icon-after {
	padding: 0 1.35em 0 1.25em;
}

input[type='submit'].icon-after:before,
input[type='reset'].icon-after:before,
input[type='button'].icon-after:before,
.button.icon-after:before {
	margin: 0 0 0 0.75em;
	float: right;
}

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

input[type='submit'].small,
input[type='reset'].small,
input[type='button'].small,
.button.small {
	font-size: 0.8em;
}

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

input[type='submit'].special,
input[type='reset'].special,
input[type='button'].special,
.button.special {
	background-color: #008500;
	color: #ffffff !important;
}

input[type='submit'].special:hover,
input[type='reset'].special:hover,
input[type='button'].special:hover,
.button.special:hover {
	background-color: #3aa000 !important;
}

input[type='submit'].special:active,
input[type='reset'].special:active,
input[type='button'].special:active,
.button.special:active {
	background-color: #3aa000 !important;
}

input[type='submit'].disabled,
input[type='submit']:disabled,
input[type='reset'].disabled,
input[type='reset']:disabled,
input[type='button'].disabled,
input[type='button']:disabled,
.button.disabled,
.button:disabled {
	background-color: #868686 !important;
	border: 0;
	color: #f5f5f5 !important;
	cursor: default;
	height: 3em;
	opacity: 0.25;
}

/* Feature */

.feature {
	margin: 0 0 2em 0;
	padding-left: 7.5em;
	position: relative;
	text-align: left;
}

.feature:before {
	background: rgba(144, 144, 144, 0.25);
	content: '';
	height: 100%;
	left: 5.5em;
	position: absolute;
	top: 0;
	width: 1px;
}

.feature .icon.major {
	font-size: 0.675em;
	left: 0;
	position: absolute;
	top: 0;
}

.feature p {
	margin: 0;
}

/* Tree */

.tree {
	margin: 1em 0 0 0;
	padding: 3em 0 0 0;
	position: relative;
}

.tree:before {
	background: rgba(144, 144, 144, 0.25);
	content: '';
	display: block;
	height: 3.25em;
	left: 50%;
	margin-left: -0.5px;
	position: absolute;
	top: 1px;
	width: 1px;
}

.tree:after {
	background: rgba(144, 144, 144, 0.25);
	content: '';
	display: block;
	height: 1px;
	left: -4em;
	position: absolute;
	top: 0;
	width: calc(100% + 4em);
}

.tree.first:after {
	left: 50%;
	width: 50%;
}

.tree.last:after {
	width: calc(50% + 4em);
}

/* Wrapper */

.wrapper {
	padding: 3em 0 3em 0;
}

.wrapper:after {
	clear: both;
	content: '';
	display: block;
}

.wrapper.split {
	overflow-x: hidden;
	padding: 0;
}

.wrapper.split .primary {
	padding: 6em 4em 4em 0;
	float: left;
	width: 50%;
}

.wrapper.split .secondary {
	color: #838886;
	float: left;
	width: 50%;
}

.wrapper.split .secondary > section {
	padding: 4em 0 2em 4em;
	color: #868686;
	position: relative;
}

.wrapper.split .secondary > section > * {
	position: relative;
	z-index: 1;
}

.wrapper.split .secondary > section:before {
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 1000%;
	z-index: 0;
}

.wrapper.split .secondary > section:nth-child(2n):before {
	background: #ffffff;
}

.wrapper.split .secondary > section:nth-child(2n + 1):before {
	background: #f5f5f5;
}

.wrapper.split .secondary > section h1,
.wrapper.split .secondary > section h2,
.wrapper.split .secondary > section h3,
.wrapper.split .secondary > section h4,
.wrapper.split .secondary > section h5,
.wrapper.split .secondary > section h6 {
	color: #7f7f7f;
}

.wrapper.split .secondary > section strong,
.wrapper.split .secondary > section b {
	color: #fff;
}

.wrapper.split .secondary > section header p {
	color: #a5a5a5;
}

.wrapper.split .secondary > section input[type='submit'],
.wrapper.split .secondary > section input[type='reset'],
.wrapper.split .secondary > section input[type='button'],
.wrapper.split .secondary > section .button {
	border-color: #7f7f7f;
	color: #7f7f7f !important;
}

.wrapper.split .secondary > section input[type='submit']:hover,
.wrapper.split .secondary > section input[type='reset']:hover,
.wrapper.split .secondary > section input[type='button']:hover,
.wrapper.split .secondary > section .button:hover {
	background-color: rgba(144, 144, 144, 0.075);
}

.wrapper.split .secondary > section input[type='submit']:active,
.wrapper.split .secondary > section input[type='reset']:active,
.wrapper.split .secondary > section input[type='button']:active,
.wrapper.split .secondary > section .button:active {
	background-color: rgba(144, 144, 144, 0.2);
}

.wrapper.split .secondary > section .image.style2 {
	background: rgba(144, 144, 144, 0.075);
}

.wrapper.style1 {
	background-color: #38abda;
	color: #def2ed;
}

.wrapper.style1.split .secondary > section h1,
.wrapper.style1.split .secondary > section h2,
.wrapper.style1.split .secondary > section h3,
.wrapper.style1.split .secondary > section h4,
.wrapper.style1.split .secondary > section h5,
.wrapper.style1.split .secondary > section h6 {
	color: #2770b7;
}

.wrapper.style1 h1,
.wrapper.style1 h2,
.wrapper.style1 h3,
.wrapper.style1 h4,
.wrapper.style1 h5,
.wrapper.style1 h6,
.wrapper.style1 strong,
.wrapper.style1 b {
	color: #fff;
}

.wrapper.style1 header p {
	color: #caebe3;
}

.wrapper.style1 input[type='submit'],
.wrapper.style1 input[type='reset'],
.wrapper.style1 input[type='button'],
.wrapper.style1 .button {
	border-color: #ffffff;
	color: #ffffff !important;
}

.wrapper.style1 input[type='submit']:hover,
.wrapper.style1 input[type='reset']:hover,
.wrapper.style1 input[type='button']:hover,
.wrapper.style1 .button:hover {
	background-color: rgba(255, 255, 255, 0.075);
}

.wrapper.style1 input[type='submit']:active,
.wrapper.style1 input[type='reset']:active,
.wrapper.style1 input[type='button']:active,
.wrapper.style1 .button:active {
	background-color: rgba(255, 255, 255, 0.2);
}

.wrapper.style1 .image.style2 {
	background: rgba(255, 255, 255, 0.2);
}

.wrapper.style1 blockquote.testimonial p {
	background-color: rgba(0, 0, 0, 0.25);
}

.wrapper.style1 blockquote.testimonial p:after {
	border-top-color: rgba(0, 0, 0, 0.25);
}

.wrapper.style1 blockquote.testimonial cite .name {
	color: #ffffff;
}

.wrapper.style1 blockquote.testimonial cite .title {
	color: #caebe3;
}

.wrapper.style1 .tree:before {
	background: #ffffff;
}

.wrapper.style1 .tree:after {
	background: #ffffff;
}

.wrapper.style1 .icon.major:before {
	color: #2770b7;
}

.wrapper.style1 .icon.major:after {
	background: #ffffff;
}

.wrapper.style2 {
	background-color: #f5f5f5;
}

.wrapper.style3 {
	background-color: #ffffff;
}

.wrapper.style4 {
	/*background-color: #fff;
  color: #4B4B4B;*/

	color: #fff;
}

.wrapper.style4.split .secondary > section h1,
.wrapper.style4.split .secondary > section h2,
.wrapper.style4.split .secondary > section h3,
.wrapper.style4.split .secondary > section h4,
.wrapper.style4.split .secondary > section h5,
.wrapper.style4.split .secondary > section h6 {
	color: #2770b7;
}

.wrapper.style4 h1,
.wrapper.style4 h2,
.wrapper.style4 h4,
.wrapper.style4 h5,
.wrapper.style4 h6,
.wrapper.style4 strong,
.wrapper.style4 b {
	color: #131313;
}

.wrapper.style4 h3 {
	color: #38abda;
}

.wrapper.style4 header p {
	color: #c0cdd9;
}

.wrapper.style4 input[type='submit'],
.wrapper.style4 input[type='reset'],
.wrapper.style4 input[type='button'],
.wrapper.style4 .button {
	border-color: #ffffff;
	color: #ffffff !important;
}

.wrapper.style4 input[type='submit']:hover,
.wrapper.style4 input[type='reset']:hover,
.wrapper.style4 input[type='button']:hover,
.wrapper.style4 .button:hover {
	background-color: rgba(255, 255, 255, 0.075);
}

.wrapper.style4 input[type='submit']:active,
.wrapper.style4 input[type='reset']:active,
.wrapper.style4 input[type='button']:active,
.wrapper.style4 .button:active {
	background-color: rgba(255, 255, 255, 0.2);
}

.wrapper.style4 .image.style2 {
	background: rgba(255, 255, 255, 0.075);
}

.wrapper.style4 blockquote.testimonial p {
	background-color: rgba(0, 0, 0, 0.25);
}

.wrapper.style4 blockquote.testimonial p:after {
	border-top-color: rgba(0, 0, 0, 0.25);
}

.wrapper.style4 blockquote.testimonial cite .name {
	color: #ffffff;
}

.wrapper.style4 blockquote.testimonial cite .title {
	color: #c0cdd9;
}

.wrapper.style4 .tree:before {
	background: #ffffff;
}

.wrapper.style4 .tree:after {
	background: #ffffff;
}

.wrapper.style4 .icon.major:before {
	color: #2770b7;
}

.wrapper.style4 .icon.major:after {
	background: #ffffff;
}

.wrapper.styleblog {
	background-color: #fff;
	color: #4b4b4b;
}

.wrapper.styleblog h1,
.wrapper.styleblog h2,
.wrapper.styleblog h4,
.wrapper.styleblog h5,
.wrapper.styleblog h6,
.wrapper.styleblog strong,
.wrapper.styleblog b {
	color: #fff;
}

.wrapper.styleblog h3 {
	color: #38abda;
}

.wrapper.styleblog header p {
	color: #c0cdd9;
}

.wrapper.styleblog input[type='submit'],
.wrapper.styleblog input[type='reset'],
.wrapper.styleblog input[type='button'],
.wrapper.styleblog .button {
	border-color: #ffffff;
	color: #ffffff !important;
}

.wrapper.styleblog input[type='submit']:hover,
.wrapper.styleblog input[type='reset']:hover,
.wrapper.styleblog input[type='button']:hover,
.wrapper.styleblog .button:hover {
	background-color: rgba(255, 255, 255, 0.075);
}

.wrapper.styleblog input[type='submit']:active,
.wrapper.styleblog input[type='reset']:active,
.wrapper.styleblog input[type='button']:active,
.wrapper.styleblog .button:active {
	background-color: rgba(255, 255, 255, 0.2);
}

.wrapper.styleblog .image.style2 {
	background: rgba(255, 255, 255, 0.075);
}

.wrapper.styleblog blockquote.testimonial p {
	background-color: rgba(0, 0, 0, 0.25);
}

.wrapper.styleblog blockquote.testimonial p:after {
	border-top-color: rgba(0, 0, 0, 0.25);
}

.wrapper.styleblog blockquote.testimonial cite .name {
	color: #ffffff;
}

.wrapper.styleblog blockquote.testimonial cite .title {
	color: #c0cdd9;
}

.wrapper.styleblog .tree:before {
	background: #ffffff;
}

.wrapper.styleblog .tree:after {
	background: #ffffff;
}

.wrapper.styleblog .icon.major:before {
	color: #2770b7;
}

.wrapper.styleblog .icon.major:after {
	background: #ffffff;
}

.wrapper.styleblog ul {
	color: #4b4b4b;
	text-align: left;
}

.wrapper.styleblog ul li {
	color: #4b4b4b;
	text-align: left;
	list-style: disc;
}

.wrapper.styleblog ol li {
	color: #4b4b4b;
	text-align: left;
	list-style: decimal;
}

/* Header */

#page-wrapper {
	padding-top: 4.5em;
}

#header {
	background: #ffffff;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.125);
	color: #4b4b4b;
	height: 7.5em;
	left: 0;
	line-height: 4.5em;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}

#header .container {
	position: relative;
}

#header .icon:before {
	color: #2770b7;
}

#header h1,
#header h2,
#header h3,
#header h4,
#header h5,
#header h6,
#header strong,
#header b {
	color: #4b4b4b;
}

#header h1 {
	font-size: 1.25em;
	height: inherit;
	left: 0;
	line-height: inherit;
	position: absolute;
	top: 0;
}

#header h2 {
	font-size: 1.25em;
	height: inherit;
	left: 0;
	line-height: inherit;
	position: absolute;
	top: 0;
}

#header p {
	margin-right: 0.5em;
	color: #4b4b4b;
}

#header h1 a.icon:before {
	margin-right: 0.5em;
}

#header nav {
	height: inherit;
	line-height: inherit;
	position: absolute;
	right: 0;
	top: 0.5em;
}

#header nav > ul {
	list-style: none;
	margin: 2em 0 0 0;
	padding: 0;
}

#header nav > ul > li {
	-moz-transition: background-color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	display: inline-block;
	margin: 0 0.5em;
	padding: 0;
}

#header nav > ul > li > a {
	color: #131313;
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 2.5em;
	padding: 0 0.5em;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1em;
}

#header nav > ul > li > a:hover {
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	color: #e6335d;
}

#header nav > ul > li > a.page-selected {
	color: #7d0f4f !important;
}
#header nav > ul > li > a.page-selected:hover {
	color: #e6335d !important;
}

#header nav > ul > li > a.icon:before {
	margin-right: 0.5em;
}

#header nav > ul > li.active {
	border: solid thin #4b4b4b;
}

#header nav > ul > li.current {
	border: solid thin #4b4b4b;
}

#header nav > ul > li > ul {
	display: none;
}

#header nav > ul > li:last-child {
	margin-right: 0;
}

.dropotron {
	background: #2770b7;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.075);
	color: #d8dfe7;
	list-style: none;
	margin-top: -0.5em;
	min-width: 15em;
	padding: 0.5em 0;
}

.dropotron > li {
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
	padding: 0;
}

.dropotron > li > a {
	color: #d8dfe7;
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.75em;
	padding: 0 1em;
	text-decoration: none;
	text-transform: uppercase;
}

.dropotron > li:hover > a,
.dropotron > li.active > a {
	background-color: #2770b7;
	color: #ffffff !important;
}

.dropotron > li:first-child {
	box-shadow: none !important;
}

.dropotron.level-0 {
	font-size: 0.8em;
	margin-top: 3.5em;
}

.dropotron.level-0:before {
	border-bottom: solid 1em #2770b7;
	border-left: solid 1em transparent;
	border-right: solid 1em transparent;
	content: '';
	display: block;
	height: 2em;
	left: 50%;
	margin-left: -1em;
	position: absolute;
	top: -2em;
	width: 2em;
}

/* Banner */

#banner {
	padding: 6em 0 6em 0;
	background-color: #4b4b4b;
	background-image: url('../../images/banner-back.webp');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #cfcecd;
}

#banner h1,
#banner h2,
#banner h3,
#banner h4,
#banner h5,
#banner h6,
#banner strong,
#banner b {
	color: #4b4b4b;
}

#banner header p {
	color: #e6335d;
}

#banner input[type='submit'],
#banner input[type='reset'],
#banner input[type='button'],
#banner .button {
	border-color: #ffffff;
	color: #ffffff !important;
}

#banner input[type='submit']:hover,
#banner input[type='reset']:hover,
#banner input[type='button']:hover,
#banner .button:hover {
	background-color: rgba(255, 255, 255, 0.075);
}

#banner input[type='submit']:active,
#banner input[type='reset']:active,
#banner input[type='button']:active,
#banner .button:active {
	background-color: rgba(255, 255, 255, 0.2);
}

#banner h2 {
	font-size: 1.5em;
	line-height: 1.35em;
}

#stretch2 {
	padding: 9em 0 7em 0;
	background-color: #fff;
	background-image: url('../../images/stretch.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #cfcecd;
}

#stretch2 h1,
#stretch2 h2,
#stretch2 h3,
#stretch2 h4,
#stretch2 h5,
#stretch2 h6,
#stretch2 strong,
#stretch2 b {
	color: #ffffff;
}

#stretch2 header p {
	color: #ffffff;
}

#stretch2 input[type='submit'],
#stretch2 input[type='reset'],
#stretch2 input[type='button'],
#stretch2 .button {
	border-color: #ffffff;
	color: #ffffff !important;
}

#stretch2 input[type='submit']:hover,
#stretch2 input[type='reset']:hover,
#stretch2 input[type='button']:hover,
#stretch2 .button:hover {
	background-color: rgba(255, 255, 255, 0.075);
}

#stretch2 input[type='submit']:active,
#stretch2 input[type='reset']:active,
#stretch2 input[type='button']:active,
#stretch2 .button:active {
	background-color: rgba(255, 255, 255, 0.2);
}

#stretch2 h2 {
	font-size: 2.25em;
}

#stretch3 {
	background-color: rgba (255, 255, 255, 0);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #cfcecd;
}

#stretch3 h1,
#stretch3 h2,
#stretch3 h3,
#stretch3 h4,
#stretch3 h5,
#stretch3 h6,
#stretch3 strong,
#stretch3 b {
	color: #ffffff;
}

#stretch3 header p {
	color: #ffffff;
}

#stretch3 input[type='submit'],
#stretch3 input[type='reset'],
#stretch3 input[type='button'],
#stretch3 .button {
	border-color: #ffffff;
	color: #ffffff !important;
}

#stretch3 input[type='submit']:hover,
#stretch3 input[type='reset']:hover,
#stretch3 input[type='button']:hover,
#stretch3 .button:hover {
	background-color: rgba(255, 255, 255, 0.075);
}

#stretch3 input[type='submit']:active,
#stretch3 input[type='reset']:active,
#stretch3 input[type='button']:active,
#stretch3 .button:active {
	background-color: rgba(255, 255, 255, 0.2);
}

#stretch3 h2 {
	font-size: 2.25em;
}

/* Footer */

#footer {
	padding: 0 0 0 0;
	text-align: center;
	background-color: #242424;
}

#footer .icon:before {
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	color: #a5a5a5;
}

#footer .icon:after {
	-moz-transition: background-color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	background-color: rgba(144, 144, 144, 0.2);
}

#footer .icon:hover:before {
	color: #ffffff;
}

#footer .icon:hover:after {
	background-color: #2770b7;
}

#footer a {
	color: #fff;
}

.imgclick {
	top: -8.5em;
}

.container-size {
	max-height: 150em;
}

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

.vis-desk {
	visibility: visible;
}

.vis-mob {
	visibility: hidden;
	display: none;
}

.content-box {
	position: relative;
	padding: 0em;
	background-color: #ffffff; /*#218BCC;*/
	color: #000000;
}

.content-box2 {
	position: relative;
	padding: 1.5em;
	background-color: #f49c0d;
	color: #000000;
}

/* Downloads: two-column layout */
.savit-download-layout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2em;
	align-items: stretch;
}

/* Each column */
.savit-download-column {
	min-width: 0;
	display: flex;
	flex-direction: column;
}

/* Cards fill the available width */
.savit-download-column > .savit-card {
	width: 100%;
	box-sizing: border-box;
}

/* Right column: stack the two cards with the same gap as between the columns */
.savit-download-column-right {
	gap: 2em;
}

/* The two cards share the left card's height equally (a card never gets shorter than its content) */
.savit-download-column-right > .savit-card {
	flex: 1 1 0;
}

/* Responsive layout */
@media screen and (max-width: 736px) {
	.savit-download-layout {
		grid-template-columns: 1fr;
	}
}

/*.content-box:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right-color: #F9BD11;
	border-left: 0;
	border-bottom: 0;
	margin-top: -10px;
	margin-left: -20px;
}

.content-box2:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right-color: #F49C0D;
	border-left: 0;
	border-bottom: 0;
	margin-top: -10px;
	margin-left: -20px;
}*/

.img-link a img {
}

.img-link a:hover img {
	transform: scale(1.1);
	transition: 0.3s ease;
	opacity: 0.8;
}

.img-link a:active img {
	transform: scale(1.1);
	transition: 0.3s ease;
	opacity: 0.8;
}

#logo {
	position: relative;
	margin-top: 0.7em;
	left: 5em;
	width: 100%;
}

#logo img {
	width: 18%;
}

/* XLarge */

@media screen and (max-width: 2800px) {
	/* Basic */

	body,
	input,
	select,
	textarea {
		font-size: 11pt;
	}

	.moneyhelp {
		position: relative;
		right: 12em;
	}

	.imgclick img {
		top: 0em;
		width: 50%;
	}

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

@media screen and (max-width: 2000px) {
	/* Basic */

	.imgclick {
		top: 0em;
	}

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

@media screen and (max-width: 1650px) {
	/* #header nav {
    display: none;
  }*/

	#banner-text-pos {
		font-size: 90%;
	}

	/* Off-Canvas Navigation */

	#logo {
		position: relative;
		margin-top: 0.7em;
		left: 5em;
		width: 100%;
	}

	#logo img {
		width: 22%;
	}

	#page-wrapper {
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		padding-bottom: 1px;
	}

	#navButton {
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		display: block;
		height: 3em;
		right: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10001;
	}

	#navButton .toggle {
		text-decoration: none;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	#navButton .toggle:before {
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-transform: none !important;
	}

	#navButton .toggle:before {
		background: #2770b7;
		color: #def2ed;
		content: '\f0c9';
		display: block;
		font-size: 16px;
		height: 6em;
		line-height: 3em;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
		width: 4em;
	}

	#navPanel {
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		background-image:
			-moz-linear-gradient(top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
			-moz-linear-gradient(top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.1));
		background-image:
			-webkit-linear-gradient(top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
			-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.1));
		background-image:
			-ms-linear-gradient(top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
			-ms-linear-gradient(top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.1));
		background-image:
			linear-gradient(top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
			linear-gradient(top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.1));
		-moz-transform: translateY(-20em);
		-webkit-transform: translateY(-20em);
		-ms-transform: translateY(-20em);
		transform: translateY(-20em);
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		background-color: #2770b7;
		color: #d8dfe7;
		display: block;
		height: 20em;
		left: 0;
		overflow-y: auto;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10002;
	}

	#navPanel .link {
		box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
		color: #d8dfe7;
		font-family: 'Montserrat', sans-serif;
		font-size: 0.8em;
		font-weight: 400;
		letter-spacing: 0.05em;
		line-height: 4em;
		padding: 0 1.5em;
		text-decoration: none;
		text-transform: uppercase;
	}

	#navPanel .link:first-child {
		box-shadow: none;
	}

	#navPanel .link.depth-0 {
		color: #ffffff;
	}

	#navPanel .link .indent-1 {
		display: inline-block;
		width: 1.25em;
	}

	#navPanel .link .indent-2 {
		display: inline-block;
		width: 2.5em;
	}

	#navPanel .link .indent-3 {
		display: inline-block;
		width: 3.75em;
	}

	#navPanel .link .indent-4 {
		display: inline-block;
		width: 5em;
	}

	#navPanel .link .indent-5 {
		display: inline-block;
		width: 6.25em;
	}

	html.navPanel-visible {
		overflow-y: hidden;
	}

	html.navPanel-visible body {
		overflow-y: hidden;
	}

	html.navPanel-visible body #page-wrapper,
	html.navPanel-visible body #navButton,
	html.navPanel-visible body #header {
		-moz-transform: translateY(20em);
		-webkit-transform: translateY(20em);
		-ms-transform: translateY(20em);
		transform: translateY(20em);
	}

	html.navPanel-visible body #navPanel {
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

/* Large */

@media screen and (max-width: 1080px) {
	/* Basic */

	.vis-desk {
		visibility: hidden;
		display: none;
	}

	.vis-mob {
		visibility: visible;
		display: block;
	}

	.imgclick {
		top: 0em;
	}

	.container-size {
		max-height: 270em;
	}
	/*
	section.wrapper.style4.special h2 {
		text-align: center;
	}*/

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

	body,
	input,
	select,
	textarea {
		font-size: 11pt;
	}
	#flex_div {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: auto;
	}
	/* Tree */

	.tree:after {
		left: -3em;
		width: calc(100% + 3em);
	}

	.tree.last:after {
		width: calc(50% + 3em);
	}

	/* Wrapper */

	.wrapper {
		padding: 4em 0 2em 0;
	}

	.wrapper.split .primary {
		padding: 3em 3em 1em 0;
	}

	.wrapper.split .secondary > section {
		padding: 3em 0 1em 3em;
	}

	/* Header */

	#page-wrapper {
		padding-top: 3.5em;
	}

	#header {
		height: 6.5em;
		line-height: 3.5em;
	}

	#header h1 {
		font-size: 1em;
	}

	#header nav {
		font-size: 0.9em;
	}

	.dropotron.level-0 {
		font-size: 0.9em;
	}

	/* Banner */

	#banner {
		padding: 6em 0 4em 0;
		background-color: #e6335d;
		color: #4b4b4b;
	}

	#anatomy-logo {
		margin-top: 7em;
	}

	/* Footer */

	#footer {
		padding: 4em 0 2em 0;
	}
}

/* Medium */

#navPanel,
#navButton {
	display: none;
}

@media screen and (max-width: 1079px) {
	/* Basic */

	.imgclick {
		top: 0em;
	}

	html,
	body {
		overflow-x: hidden;
	}

	body,
	input,
	select,
	textarea {
		font-size: 12pt;
	}

	blockquote.testimonial {
		margin-top: 0;
	}

	blockquote.testimonial p {
		max-width: 30em;
	}

	/* Wrapper */

	.wrapper.split .primary {
		padding: 3em 0 1em 0;
		float: none;
		width: 100%;
	}

	.wrapper.split .secondary {
		float: none;
		width: 100%;
	}

	.wrapper.split .secondary > section {
		padding: 3em 3em 1em 3em;
		left: -3em;
		width: calc(100% + 6em);
	}

	.wrapper.split .secondary > section:before {
		width: 100%;
	}

	/* Header */

	#page-wrapper {
		padding-top: 3em;
	}

	#header {
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		height: 5em;
		line-height: 3em;
	}

	#header .container {
		width: 100% !important;
	}

	#header h1 {
		margin-left: 1em;
	}

	#header p {
		display: none;
	}

	#header nav {
		display: none;
	}

	/* Banner */

	#banner {
		padding: 8em 0 6em 0;
	}

	#banner h2 {
		font-size: 2em;
	}

	#header h1 {
		margin-left: 1em;
	}

	/* Off-Canvas Navigation */

	#page-wrapper {
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		padding-bottom: 1px;
	}

	#navButton {
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		display: block;
		height: 3em;
		right: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10001;
	}

	#navButton .toggle {
		text-decoration: none;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	#navButton .toggle:before {
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-transform: none !important;
	}

	#navButton .toggle:before {
		background: #2770b7;
		color: #def2ed;
		content: '\f0c9';
		display: block;
		font-size: 25.5px;
		height: 3em;
		line-height: 3em;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
		width: 4em;
	}

	#navPanel {
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		background-image:
			-moz-linear-gradient(top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
			-moz-linear-gradient(top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.1));
		background-image:
			-webkit-linear-gradient(top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
			-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.1));
		background-image:
			-ms-linear-gradient(top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
			-ms-linear-gradient(top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.1));
		background-image:
			linear-gradient(top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
			linear-gradient(top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.1));
		-moz-transform: translateY(-20em);
		-webkit-transform: translateY(-20em);
		-ms-transform: translateY(-20em);
		transform: translateY(-20em);
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		background-color: #2770b7;
		color: #d8dfe7;
		display: block;
		height: 20em;
		left: 0;
		overflow-y: auto;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10002;
	}

	#navPanel .link {
		box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
		color: #d8dfe7;
		display: block;
		font-family: 'Montserrat', sans-serif;
		font-size: 0.8em;
		font-weight: 400;
		letter-spacing: 0.05em;
		line-height: 4em;
		padding: 0 1.5em;
		text-decoration: none;
		text-transform: uppercase;
	}

	#navPanel .link:first-child {
		box-shadow: none;
	}

	#navPanel .link.depth-0 {
		color: #ffffff;
	}

	#navPanel .link .indent-1 {
		display: inline-block;
		width: 1.25em;
	}

	#navPanel .link .indent-2 {
		display: inline-block;
		width: 2.5em;
	}

	#navPanel .link .indent-3 {
		display: inline-block;
		width: 3.75em;
	}

	#navPanel .link .indent-4 {
		display: inline-block;
		width: 5em;
	}

	#navPanel .link .indent-5 {
		display: inline-block;
		width: 6.25em;
	}

	html.navPanel-visible {
		overflow-y: hidden;
	}

	html.navPanel-visible body {
		overflow-y: hidden;
	}

	html.navPanel-visible body #page-wrapper,
	html.navPanel-visible body #navButton,
	html.navPanel-visible body #header {
		-moz-transform: translateY(20em);
		-webkit-transform: translateY(20em);
		-ms-transform: translateY(20em);
		transform: translateY(20em);
	}

	html.navPanel-visible body #navPanel {
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	/* Landing */

	body.landing #banner {
		text-align: center;
	}

	body.landing #one {
		text-align: center;
	}

	body.landing #two {
		text-align: center;
	}
}

@media screen and (max-width: 1079px) and (max-height: 480px) {
	.imgclick {
		top: 0em;
	}

	#navPanel {
		-moz-transform: translateY(-13em);
		-webkit-transform: translateY(-13em);
		-ms-transform: translateY(-13em);
		transform: translateY(-13em);
		height: 13em;
	}

	html.navPanel-visible body #page-wrapper,
	html.navPanel-visible body #navButton,
	html.navPanel-visible body #header {
		-moz-transform: translateY(13em);
		-webkit-transform: translateY(13em);
		-ms-transform: translateY(13em);
		transform: translateY(13em);
	}
}

/* Small */

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

	.imgclick {
		top: 0em;
		padding-left: 6em;
		padding-right: 6em;
	}

	.vis-desk {
		visibility: hidden;
		display: none;
	}

	.vis-mob {
		visibility: visible;
		display: block;
	}

	#header {
		height: 4em !important;
	}

	body,
	input,
	select,
	textarea {
		font-size: 12pt;
	}

	h1 br,
	h2 br,
	h3 br,
	h4 br,
	h5 br,
	h6 br {
		display: none;
	}

	h2 {
		font-size: 1.35em;
	}

	h3 {
		font-size: 1.1em;
	}

	h4 {
		font-size: 1em;
	}

	/* Section/Article */

	header p br {
		display: none;
	}

	header h2 + p {
		font-size: 1.1em;
	}

	header h3 + p {
		font-size: 1em;
	}

	/* Icon */

	.icon.major {
		height: 3.75em;
		line-height: 3.75em;
		width: 3.75em;
	}

	.icon.major:before {
		font-size: 1.75em;
	}

	/* Image */

	.image.style1 {
		border-width: 0.75em;
	}

	/*.image.style1:after {
					display: none;
				}*/

	/* List */

	ul.major-icons li {
		padding-right: 1.5em;
	}

	ul.major-icons li .icon {
		font-size: 0.5em;
	}

	/* Feature */

	.feature {
		padding-left: 5em;
	}

	.feature:before {
		left: 3.75em;
	}

	.feature .icon.major {
		font-size: 0.5em;
	}

	/* Tree */

	.tree {
		margin: 0;
		padding: 0;
	}

	.tree:before,
	.tree:after {
		display: none;
	}

	/* Header */

	#page-wrapper {
		padding-top: 44px;
	}

	#header {
		height: 44px;
		line-height: 44px;
	}

	#header h1 {
		font-size: 0.9em;
	}

	/* Banner */

	#banner {
		padding: 4em 0 2em 0;
	}

	#banner h2 {
		font-size: 1.5em;
	}

	#logo {
		position: relative;
		margin-top: 0.7em;
		left: 5em;
		width: 100%;
	}

	#logo img {
		width: 30%;
	}

	/* Off-Canvas Navigation */

	#navButton .toggle:before {
		height: 64px;
		line-height: 64px;
		width: 64px;
	}

	#navPanel .link {
		line-height: 44px;
		padding: 0 1.25em;
	}
}

/* XSmall */

@media screen and (max-width: 380px) {
	/* Basic */

	.imgclick {
		top: 0em;
		padding-left: 3em;
		padding-right: 3em;
	}

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

	body,
	input,
	select,
	textarea {
		font-size: 12pt;
	}

	/* List */

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

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

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

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

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

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

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

	/* Button */

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

	input[type='submit'].icon-after:before,
	input[type='reset'].icon-after:before,
	input[type='button'].icon-after:before,
	.button.icon-after:before {
		display: none;
	}

	/* Banner */

	#banner {
		padding: 5em 0 3em 0;
	}
}

/* Video iframe */

.intrinsic-container {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
}

/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
}

/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
	/* padding-bottom: 75%;*/
}

.intrinsic-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

* {
	box-sizing: border-box;
}

/* Slidesimcontainer */
.slideshow-container {
	max-width: 2000px;
	position: relative;
	margin: auto;
}

/* Hide the images by default */
.mySlides {
	display: none;
}

/* Next & previous buttons */
.prev,
.next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}

/* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

/* Caption text */
.text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

/* The dots/bullets/indicators */
.dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.active,
.dot:hover {
	background-color: #e7e7e7;
}

/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}

@-webkit-keyframes fade {
	from {
		opacity: 0.4;
	}
	to {
		opacity: 1;
	}
}

@keyframes fade {
	from {
		opacity: 0.4;
	}
	to {
		opacity: 1;
	}
}
/*Adverts section*/
li {
	list-style: none;
}
/*.adverts {
  display: flex;
  flex-direction: column;
  float: right;
  position: sticky;
  top: 100px;
  right: 18px;
}

.adGifs {
  width: 150px;
  padding: 10px;
  cursor: pointer;
}
.advertLinks {
  border: none;
}
.advert2 {
  display: none;
}
.advert3 {
  display: none;
}*/
@media screen and (min-width: 2220px) and (max-width: 2800px) {
	/*.adverts {
    right: 10px;
  }*/

	.imgclick {
		top: -8em;
		padding-left: 3em;
		padding-right: 3em;
	}
}
@media screen and (min-width: 1550px) and (max-width: 2220px) {
	/*.adverts {
    right: 14px;
  }*/
	.imgclick {
		top: -8em;
		padding-left: 4em;
		padding-right: 4em;
	}
}
@media screen and (min-width: 1280px) and (max-width: 1550px) {
	/*.adverts {
    right: 8px;
  }*/
	.imgclick {
		top: -8em;
	}
}
@media screen and (min-width: 900px) and (max-width: 1280px) {
	/*.adGifs {
    width: 180px;
  }
  .adverts {
    right: 5px;
  }*/

	.imgclick {
		top: 0em;
	}
}

@media screen and (min-width: 570px) and (max-width: 900px) {
	/*  .adverts {
    display: flex;
    flex-direction: row;
    float: inherit;
    padding: 10px;
    justify-content: space-around;
    position: relative;
    width: auto;
    margin-bottom: 100px;
    right: auto;
  }
}

#advert_title1{
  text-align: center;
  color: white;
  text-transform: bold;
}
#advert_title2{
  color: white;
  text-transform: bold;
}*/

	@media screen and (min-width: 1820px) and (max-width: 1860px) {
		/*#advert_title1 {
    text-align: center;
  }*/
	}

	@media screen and (min-width: 1550px) and (max-width: 1820px) {
		/* #advert_title1 {
    text-align: center;
  }*/
	}

	@media screen and (min-width: 1280px) and (max-width: 1550px) {
		/*#advert_title1 {
    text-align: center;
  }*/
	}

	@media screen and (min-width: 900px) and (max-width: 1280px) {
		/* #advert_title1 {
    text-align: center;
  }*/
	}

	@media screen and (min-width: 570px) and (max-width: 900px) {
		/*#advert_title1 {
    text-align: center;
    display: none;
  }*/
	}

	/*#advert_title2 {
  text-align: center;
  display: none;
}*/

	@media screen and (min-width: 2220px) and (max-width: 2260px) {
		/* #advert_title2 {
    text-align: center;
    display: none;
  }*/
	}

	@media screen and (min-width: 1550px) and (max-width: 2220px) {
		/*#advert_title2 {
    text-align: center;
    display: none;
  }*/
	}

	@media screen and (min-width: 1280px) and (max-width: 1550px) {
		/*#advert_title2 {
    text-align: center;
    display: none;
  }*/
	}

	@media screen and (min-width: 900px) and (max-width: 1280px) {
		/* #advert_title2 {
    text-align: center;
  }*/
	}

	@media screen and (min-width: 570px) and (max-width: 900px) {
		/* #advert_title2 {
    display: block !important;

    text-align: center;
  }*/

		.item2 {
			position: relative;
			top: -2.5em;
		}
	}

	/*
@media screen and (max-width:1450px){
  #row_flex_1{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
*/

	.chat_click {
	}

	.chat_click img:hover {
		transform: scale(1.1);
		transition: 0.3s ease;
		opacity: 0.8;
	}
}