:root {
	/* //////////////////////////////////////////////////////////// */
	--text-colour              : #000;
	/* //////////////////////////////////////////////////////////// */
	--colour-1                 : #1d3d3a;
	--colour-1-darker          : #000;
	--colour-1-lighter         : #d3e1d6;
	--colour-2                 : #d2745e;
	--colour-2-darker          : #000;
	--colour-2-lighter         : #e6c8b4;
	--colour-3                 : #b9aca3;
	--colour-3-darker          : #000;
	--colour-3-lighter         : #f0ebdf;
	--colour-4                 : #e8ac92;
	--colour-4-darker          : #000;
	--colour-4-lighter         : #000;
	--colour-5                 : #000;
	--colour-5-darker          : #000;
	--colour-5-lighter         : #000;
	--colour-6                 : #000;
	--colour-6-darker          : #000;
	--colour-6-lighter         : #000;
	/* /////////////////////////////////// */
	--preloader-bg             : #f0ebdf;
	--preloader-circle         : rgba(30, 30, 30, 0.1);
	/* /////////////////////////////////// */
	--form-error               : #690207;
	--form-accent-colour       : #fff;
	--input-label              : #fff;
	--input-color              : #fff;
	--input-placeholder        : #fff;
	--input-bg                 : #e8ac92;
	--input-borders            : #fff;
	/* /////////////////////////////////// */
	--swiper-theme-color       : #FFF;
	--swiper-bullet            : #FFF;
	--swiper-bullet-off        : #000;
	--swiper-bullet-on         : #FFF;
	/* /////////////////////////////////// */
	--nav-large                : 0px;
	--nav-small                : 0px;
	/* /////////////////////////////////// */
	--alt-font                 : Times;
	/* /////////////////////////////////// */
	--popup-bg                 : #000;
	--popup-colour             : #FFF;
	/* /////////////////////////////////// */
	--base-spacing             : var(--base-spacing-temp);
	--base-spacing-temp        : 60px;
	/* /////////////////////////////////// */
	--suggestion-bg            : #efefef;
	--suggestion-colour        : #000;
	--suggestion-border-colour : lightgray;
}

html, body {
	font-family : 'Applied Sans Pro';
	color       : var(--colour-1);
	font-weight : 300;
}

.applied {
	font-family : 'Applied Sans Pro';
}

.button,
.langu {
	font-family    : 'Lagu Sans';
	letter-spacing : 1px;
}

/* //////////////////////////////////////////////////////////// */
/* Animation Classes */
/* //////////////////////////////////////////////////////////// */
.letter {
	display     : inline-block;
	line-height : 1em;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-family : 'PP Eiko';
	font-weight : 500;
}

/*h1, .h1 {
	margin-bottom : 1.5rem;
}

h2, .h2 {
	margin-bottom : 1.3rem;
}

h3, .h3 {
	margin-bottom : 1.1rem;
}

h4, .h4 {
	margin-bottom : 1rem;
}*/
/* //////////////////////////////////////////////////////////// */
/* // Header and Main Navigation */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* // Content */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* // Footer */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* // Buttons */
/* //////////////////////////////////////////////////////////// */
.button {
	text-transform   : uppercase;
	padding          : 6px 20px 2px 19px;
	border-radius    : 5px;
	letter-spacing   : 1px;
	font-weight      : normal;
	color            : var(--colour-2-lighter);
	background-color : var(--colour-2);
	border           : 1px solid var(--colour-2);
	line-height      : normal;
	font-size        : 15px;
}

.button:hover {
	color            : #fff
}

.button-green {
	color            : var(--colour-3-lighter);
	background-color : var(--colour-1);
	border           : 1px solid var(--colour-1);
}

.button-white {
	color            : var(--colour-3-lighter);
	background-color : transparent;
	border           : 1px solid var(--colour-3-lighter);
	font-size        : 15px;
	padding          : 7px 25px 3px 25px;
}

.button-white:hover {
	color            : var(--colour-2);
	background-color : var(--colour-3-lighter);
}

.button-green-outline {
	color            : var(--colour-3-lighter);
	background-color : var(--colour-1);
	border           : 1px solid var(--colour-3-lighter);
	font-size        : 12px;
	padding          : 8px 25px 2px 25px;
}

.button-green-outline:hover {
	color            : var(--colour-1);
	background-color : var(--colour-3-lighter);
	border           : 1px solid var(--colour-3-lighter);
}

button[type='submit'] {
	padding : 9px 15px 5px 15px;
}

/* //////////////////////////////////////////////////////////// */
/* // Forms */
/* //////////////////////////////////////////////////////////// */
input[type="checkbox"] {
	appearance         : none;
	-webkit-appearance : none; /* Safari */
	-moz-appearance    : none; /* Firefox */
	width              : 14px;
	height             : 14px;
	border             : 1px solid var(--form-accent-colour);
	cursor             : pointer;
	margin             : 0 4px 2px 0;
	display            : inline-flex; /* helps alignment */
	align-items        : center;
	justify-content    : center;
	vertical-align     : middle;
	overflow           : hidden;
	border-radius      : 2px;
}

input[type="checkbox"]:checked::after {
	content         : "✓";
	width           : 100%;
	height          : 100%;
	display         : flex;
	align-items     : center;
	justify-content : center;
	font-size       : 12px; /* slightly smaller = balanced inside box */
	color           : white;
	background      : var(--form-accent-colour);
	border-radius   : 0px;
	line-height     : 1;
	border          : none;
}

.form-grid {
	display               : grid;
	grid-template-columns : 1fr;
	grid-gap              : 5px 20px;
}

.fl-form .fl-is-active label.fl-label {
	opacity : 1 !important;
	/*visibility: visible;*/
}

/* //////////////////////////////////////////////////////////// */
/* // Custom */
/* //////////////////////////////////////////////////////////// */
.line {
	margin  : 30px auto;
	width   : 1px;
	height  : 30px;
	opacity : 0.5;
}

.line-green {
	background-color : var(--colour-1);
}

.line-peach {
	background-color : var(--colour-2);
}

.generic b, .generic strong {
	font-weight : bolder;
	font-family : 'Applied Sans Pro';
}

.fixed-a > div {
	display      : inline-block;
	border-left  : 1px solid var(--colour-3-lighter);
	border-right : 1px solid var(--colour-3-lighter);
	padding      : 4px 14px 0 14px;
	position     : relative;
}

.fixed-a > div div {
	position       : relative;
	top            : 2px;
	letter-spacing : 1px;
}

/*.fixed-a span {
	font-family : none;
	font-size   : inherit;
}*/
.fixed-a,
.fixed-b {
	transition : all 0.5s ease;
	/*	visibility : hidden;
		opacity    : 0;*/
}

.fixed-b {
}

.show-a .fixed-a,
.show-b .fixed-b {
	visibility : visible;
	opacity    : 1;
}

#intro h1 {
	font-size : 3rem;
}

.padding-fix > div {
	padding-bottom : 15vh;
}

.footer-text p {
	font-size   : 75%;
	line-height : 1.3;
}

.fixed-c {
	border-top-left-radius    : 5px;
	border-bottom-left-radius : 5px;
	top                       : 12vh;
}

.hide-in-footer {
	transition : all 0.5s ease;
	/*	opacity: 1;
		visibility: visible;*/
}

.hide-in-footer.invisible {
	opacity    : 0;
	visibility : hidden;
}

.fix-1 {
	line-height : 1;
	/*padding-top: 4px;*/
}

/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* placeholder */
/* //////////////////////////////////////////////////////////// */
/* Modern standard */
::placeholder,
::-webkit-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder {
	color   : var(--input-placeholder) !important;
	opacity : 0; /* Firefox lowers opacity by default */
}

@media (min-width : 1600px) {
}

@media (min-width : 1200px) {
}

@media (min-width : 769px) {
	.form-width {
		width     : calc(100% - 125px);
		margin    : auto;
		max-width : 480px;
	}
}

@media (max-width : 1400px) {
}

@media (max-width : 1200px) {
}

@media (max-width : 1024px) {
}

@media (max-width : 768px) {
	.footer-logo {
		max-width : 60%;
		width     : 120px;
		bottom    : calc(100% - 98px);
		top       : auto;
	}
}

@media (max-width : 640px) {
}

@media (max-width : 480px) {
	.full-height {
		height     : auto !important;
		min-height : 100vh !important;
	}

	.padding-fix {
		padding-bottom : 20vh;
		padding-top    : 8vh;
	}

	.fixed-b {
		padding : 12px 0px;
	}

	.fixed-b .h5-size {
		font-size   : var(--h6-font-size);
		line-height : var(--h6-line-height);
	}

	.fixed-c {
		transform        : scale(0.9);
		transform-origin : right;
	}

	#intro h1 {
		line-height : 1.2;
	}

	.mobile-fix {
		object-position : left;
	}
}

/* Anime.js letter animation styles */
.letter {
	display     : inline-block;
	line-height : 1em;
}