/* CSS Document */

/* ---------------------------------------------------------------------------------------------------------------------------------FONTS */

@font-face {
	font-family: 'Typewriter';
	src: url(../Fonts/URWTypewriterTLigNar.woff2);
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Typewriter Bold';
	src: url(../Fonts/URWTypewriterTMedNar.woff2);
	font-style: normal;
	font-display: swap;
}



/* ---------------------------------------------------------------------------------------------------------------------------------FONTS */

/* ---------------------------------------------------------------------------------------------------------------------------------SITEWIDE */

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, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	width: auto;
	height: auto;
	-webkit-font-smoothing: antialiased;
	text-rendering: anti-aliased
}

   ::-webkit-scrollbar {
 height: 1px;
 width: 1px;
 background: #F5F5F5;
}
    ::-webkit-scrollbar-thumb:horizontal {
 background: #CCC;
 border-radius: 10px;
}


body {
	background: #F5F5F5;
}
 background:
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 display: block;
}
h1 {
	font-size: 3.6rem;
	line-height: 3.3rem;
	font-family: 'Typewriter Bold', serif;
	color: #FFF;
	text-shadow: 1px 4px 8px rgba(0,0,0,0.2);
	margin:2% 0 1% 0;
}
h2 {
	font-size: 3rem;
	line-height: 3rem;
	font-family: 'Typewriter', sans-serif;
	color: #355AB5;
	margin:0 0 2% 0;
}
h3 {
	font-size: 2.1rem;
	line-height: 2.1rem;
	font-family: 'Typewriter Bold', serif;
	color: #090;
		margin:0 0 2% 0;
}
h4 {
	font-size: 1.3rem;
	line-height: 1.3rem;
	font-family: 'Typewriter Bold', serif;
	color: #090;
}

h5 {

	font-size: 2rem;
	line-height: 2rem;
	font-family: 'Typewriter', serif;
	color: #666;
}

h6 {
	font-size: 1.3rem;
	line-height: 1.3rem;
	font-family: 'Typewriter Bold', serif;
	color: #FFF;
}

p, li, form, input, textarea {
	font-family: 'Typewriter', serif;
	font-size: 1.4rem;
	line-height: 1.8rem;
	color: #666;
}


li{
	list-style-type: circle;
	margin: 0;
}
strong {
	font-family: 'Typewriter Bold', serif;
	color: #090;
}


.intro{
	font-family: 'Typewriter', sans-serif;
	font-size: 1.7rem !important;
	line-height: 2.2rem !important;
	color: #666;
}


a {
	text-decoration: none;
	color: inherit;
	
}


/* ---------------------------------------------------------------------------------------------------------------------------------SITEWIDE */

/* ---------------------------------------------------------------------------------------------------------------------------------ANIMATEDDOWNARROW */


.scroll-down {
	position: absolute;
	left: 50%;
	bottom: 10%;
	display: block;
	text-align: center;
	font-size: 20px;
	text-decoration: none;
	width: 13px;
	height: 13px;
	border-bottom: 2px solid #FFF;
	border-right: 2px solid #FFF;
	z-index: 9;
	left: 50%;
	-webkit-transform: translate(-50%, 0%) rotate(45deg);
	-moz-transform: translate(-50%, 0%) rotate(45deg);
	transform: translate(-50%, 0%) rotate(45deg);
	-webkit-animation: fade_move_down 4s ease-in-out infinite;
	-moz-animation: fade_move_down 4s ease-in-out infinite;
	animation: fade_move_down 4s ease-in-out infinite;
}



/*animated scroll arrow animation*/
@-webkit-keyframes fade_move_down {
 0% {
-webkit-transform:translate(0, -10px) rotate(45deg);
opacity: 0;
}
 50% {
opacity: 1;
}
 100% {
-webkit-transform:translate(0, 10px) rotate(45deg);
opacity: 0;
}
}
@-moz-keyframes fade_move_down {
 0% {
-moz-transform:translate(0, -10px) rotate(45deg);
opacity: 0;
}
 50% {
opacity: 1;
}
 100% {
-moz-transform:translate(0, 10px) rotate(45deg);
opacity: 0;
}
}
@keyframes fade_move_down {
 0% {
transform:translate(0, -10px) rotate(45deg);
opacity: 0;
}
 50% {
opacity: 1;
}
 100% {
transform:translate(0, 10px) rotate(45deg);
opacity: 0;
}
}
/* ---------------------------------------------------------------------------------------------------------------------------------ANIMATEDDOWNARROW */


/* ---------------------------------------------------------------------------------------------------------------------------------TEXT COLOURS */

.TCW {
	color: #FFF;
}
.TCD {
	color: #333 !important;
}
.TCB {
	color: #355ab5 !important;
}
.TCG {
	color: #090 !important;
}
.TCSBW {
	color: #355ab5 !important;
}
.TCSGW {
	color: #090 !important;
}
/* ---------------------------------------------------------------------------------------------------------------------------------TEXT COLOURS */


/* ---------------------------------------------------------------------------------------------------------------------------------TEXTMODIFIERS */

.TAL {
	text-align: left !important;
}
.TAR {
	text-align: right !important;
}
.TAC {
	text-align: center;
}
.TSLR {
	text-align: right !important;
}
.TSRL {
	text-align: left !important;
}
/* ---------------------------------------------------------------------------------------------------------------------------------TEXTMODIFIERS */


/* ---------------------------------------------------------------------------------------------------------------------------------FLOATMODIFIERS */

.FL {
	float: left;
}
.FR {
	float: right;
}
.FLR {
	float: right;
}
.FRL {
	float: left;
}
/* ---------------------------------------------------------------------------------------------------------------------------------FLOATMODIFIERS */



/* ---------------------------------------------------------------------------------------------------------------------------------BACKGROUNDS */


.BGB {
	background: #355ab5;
}

.BGW {
	background: #FFF !important;
}
/* ---------------------------------------------------------------------------------------------------------------------------------BACKGROUNDS */


/* ---------------------------------------------------------------------------------------------------------------------------------OVERLAY */


.overlay {
	position: absolute;
	top: 0;
	left : 0;
	width: calc(100% - 0px);
	height: 100%;
	background: url(../Images/Layout/bg_pattern.png) center repeat;
	z-index: -1;
}
.overlayl {
	position: absolute;
	top: 0;
	left : 0;
	width: calc(100% - 0px);
	height: 100%;
	background: url(../Images/Layout/bg_patternl.png) center repeat;
	z-index: -1;
}
.overlayw {
	position: absolute;
	top: 0;
	left : 0;
	width: calc(100% - 0px);
	height: 100%;
	background: url(../Images/Layout/bg_patternw2.png) center repeat;
	z-index: -1;
}
.overlayd {
	position: absolute;
	top: 0;
	left : 0;
	width: calc(100% - 0px);
	height: 100%;
	background: url(../Images/Layout/bg_pattern3.png) center repeat;
	z-index: -1;
}
.overlayg {
	position: absolute;
	top: 0;
	left : 0;
	width: calc(100% - 0px);
	height: 100%;
	background: url(../Images/Layout/bg_patterng.png) center repeat;
	z-index: -1;
}

.overlaynoise {
	position: absolute;
	top: 0;
	left : 0;
	width: calc(100% - 0px);
	height: 100%;
	background: url(../Images/Layout/bg_noise02.png) center repeat;
	z-index: -1;
}


.Overlay-Fade-Top-White {
	display: table;
	position: absolute;
	width: 100%;
	height: 60vh;
	z-index: 0;
	background: linear-gradient( to bottom, hsl(0, 0%, 100%) 0%, hsla(0, 0%, 100%, 0.987) 8.1%, hsla(0, 0%, 100%, 0.951) 15.5%, hsla(0, 0%, 100%, 0.896) 22.5%, hsla(0, 0%, 100%, 0.825) 29%, hsla(0, 0%, 100%, 0.741) 35.3%, hsla(0, 0%, 100%, 0.648) 41.2%, hsla(0, 0%, 100%, 0.55) 47.1%, hsla(0, 0%, 100%, 0.45) 52.9%, hsla(0, 0%, 100%, 0.352) 58.8%, hsla(0, 0%, 100%, 0.259) 64.7%, hsla(0, 0%, 100%, 0.175) 71%, hsla(0, 0%, 100%, 0.104) 77.5%, hsla(0, 0%, 100%, 0.049) 84.5%, hsla(0, 0%, 100%, 0.013) 91.9%, hsla(0, 0%, 100%, 0) 100% );
}
.Overlay-Fade-Top-Black {
	display: table;
	position: absolute;
	width: 100%;
	height: 60vh;
	z-index: 0;
	background: linear-gradient( to bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.987) 8.1%, hsla(0, 0%, 0%, 0.951) 15.5%, hsla(0, 0%, 0%, 0.896) 22.5%, hsla(0, 0%, 0%, 0.825) 29%, hsla(0, 0%, 0%, 0.741) 35.3%, hsla(0, 0%, 0%, 0.648) 41.2%, hsla(0, 0%, 0%, 0.55) 47.1%, hsla(0, 0%, 0%, 0.45) 52.9%, hsla(0, 0%, 0%, 0.352) 58.8%, hsla(0, 0%, 0%, 0.259) 64.7%, hsla(0, 0%, 0%, 0.175) 71%, hsla(0, 0%, 0%, 0.104) 77.5%, hsla(0, 0%, 0%, 0.049) 84.5%, hsla(0, 0%, 0%, 0.013) 91.9%, hsla(0, 0%, 0%, 0) 100% );
}
.Overlay-Fade-Bottom-White {
	display: table;
	position: absolute;
	width: 100%;
	height: 60vh;
	bottom: 0;
	left: 0;
	z-index: 0;
	background: linear-gradient( to bottom, hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, 0.013) 8.1%, hsla(0, 0%, 100%, 0.049) 15.5%, hsla(0, 0%, 100%, 0.104) 22.5%, hsla(0, 0%, 100%, 0.175) 29%, hsla(0, 0%, 100%, 0.259) 35.3%, hsla(0, 0%, 100%, 0.352) 41.2%, hsla(0, 0%, 100%, 0.45) 47.1%, hsla(0, 0%, 100%, 0.55) 52.9%, hsla(0, 0%, 100%, 0.648) 58.8%, hsla(0, 0%, 100%, 0.741) 64.7%, hsla(0, 0%, 100%, 0.825) 71%, hsla(0, 0%, 100%, 0.896) 77.5%, hsla(0, 0%, 100%, 0.951) 84.5%, hsla(0, 0%, 100%, 0.987) 91.9%, hsl(0, 0%, 100%) 100% );
}
.Overlay-Fade-Left-White {
	display: table;
	position: absolute;
	width: 100vw;
	height: 100%;
	bottom: 0;
	left: 0;
	z-index: 0;
	background: linear-gradient( to left, hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, 0.013) 8.1%, hsla(0, 0%, 100%, 0.049) 15.5%, hsla(0, 0%, 100%, 0.104) 22.5%, hsla(0, 0%, 100%, 0.175) 29%, hsla(0, 0%, 100%, 0.259) 35.3%, hsla(0, 0%, 100%, 0.352) 41.2%, hsla(0, 0%, 100%, 0.45) 47.1%, hsla(0, 0%, 100%, 0.55) 52.9%, hsla(0, 0%, 100%, 0.648) 58.8%, hsla(0, 0%, 100%, 0.741) 64.7%, hsla(0, 0%, 100%, 0.825) 71%, hsla(0, 0%, 100%, 0.896) 77.5%, hsla(0, 0%, 100%, 0.951) 84.5%, hsla(0, 0%, 100%, 0.987) 91.9%, hsl(0, 0%, 100%) 100% );
}
.Overlay-Fade-Bottom-Black {
	display: table;
	position: absolute;
	width: 100%;
	height: 60vh;
	bottom: 0;
	left: 0;
	z-index: 0;
	background: linear-gradient( to top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.987) 8.1%, hsla(0, 0%, 0%, 0.951) 15.5%, hsla(0, 0%, 0%, 0.896) 22.5%, hsla(0, 0%, 0%, 0.825) 29%, hsla(0, 0%, 0%, 0.741) 35.3%, hsla(0, 0%, 0%, 0.648) 41.2%, hsla(0, 0%, 0%, 0.55) 47.1%, hsla(0, 0%, 0%, 0.45) 52.9%, hsla(0, 0%, 0%, 0.352) 58.8%, hsla(0, 0%, 0%, 0.259) 64.7%, hsla(0, 0%, 0%, 0.175) 71%, hsla(0, 0%, 0%, 0.104) 77.5%, hsla(0, 0%, 0%, 0.049) 84.5%, hsla(0, 0%, 0%, 0.013) 91.9%, hsla(0, 0%, 0%, 0) 100% );
}
.Overlay-Fade-Left-Black {
	display: table;
	position: absolute;
	width: 100vw;
	height: 100%;
	bottom: 0;
	left: 0;
	z-index: 0;
	background: linear-gradient( to right, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.987) 8.1%, hsla(0, 0%, 0%, 0.951) 15.5%, hsla(0, 0%, 0%, 0.896) 22.5%, hsla(0, 0%, 0%, 0.825) 29%, hsla(0, 0%, 0%, 0.741) 35.3%, hsla(0, 0%, 0%, 0.648) 41.2%, hsla(0, 0%, 0%, 0.55) 47.1%, hsla(0, 0%, 0%, 0.45) 52.9%, hsla(0, 0%, 0%, 0.352) 58.8%, hsla(0, 0%, 0%, 0.259) 64.7%, hsla(0, 0%, 0%, 0.175) 71%, hsla(0, 0%, 0%, 0.104) 77.5%, hsla(0, 0%, 0%, 0.049) 84.5%, hsla(0, 0%, 0%, 0.013) 91.9%, hsla(0, 0%, 0%, 0) 100% );
}
.Overlay-Fade-Right-Black {
	display: table;
	position: absolute;
	width: 100vw;
	height: 100%;
	bottom: 0;
	right: 0;
	z-index: 0;
	background: linear-gradient( to left, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.987) 8.1%, hsla(0, 0%, 0%, 0.951) 15.5%, hsla(0, 0%, 0%, 0.896) 22.5%, hsla(0, 0%, 0%, 0.825) 29%, hsla(0, 0%, 0%, 0.741) 35.3%, hsla(0, 0%, 0%, 0.648) 41.2%, hsla(0, 0%, 0%, 0.55) 47.1%, hsla(0, 0%, 0%, 0.45) 52.9%, hsla(0, 0%, 0%, 0.352) 58.8%, hsla(0, 0%, 0%, 0.259) 64.7%, hsla(0, 0%, 0%, 0.175) 71%, hsla(0, 0%, 0%, 0.104) 77.5%, hsla(0, 0%, 0%, 0.049) 84.5%, hsla(0, 0%, 0%, 0.013) 91.9%, hsla(0, 0%, 0%, 0) 100% );
}
.Overlay-Fade-Top-Grey {
	display: table;
	position: absolute;
	width: 100%;
	height: 60vh;
	top: 0;
	left: 0;
	z-index: 0;
	background: linear-gradient( to top, hsla(0, 0%, 96%, 0) 0%, hsla(0, 0%, 96%, 0.013) 8.1%, hsla(0, 0%, 96%, 0.049) 15.5%, hsla(0, 0%, 96%, 0.104) 22.5%, hsla(0, 0%, 96%, 0.175) 29%, hsla(0, 0%, 96%, 0.259) 35.3%, hsla(0, 0%, 96%, 0.352) 41.2%, hsla(0, 0%, 96%, 0.45) 47.1%, hsla(0, 0%, 96%, 0.55) 52.9%, hsla(0, 0%, 96%, 0.648) 58.8%, hsla(0, 0%, 96%, 0.741) 64.7%, hsla(0, 0%, 96%, 0.825) 71%, hsla(0, 0%, 96%, 0.896) 77.5%, hsla(0, 0%, 96%, 0.951) 84.5%, hsla(0, 0%, 96%, 0.987) 91.9%, hsl(0, 0%, 96%) 100% );
}

.Overlay-Fade-Top-Grey-Short {
	display: table;
	position: absolute;
	width: 100%;
	height: 30vh;
	top: 0;
	left: 0;
	z-index: 0;
	background: linear-gradient( to top, hsla(0, 0%, 96%, 0) 0%, hsla(0, 0%, 96%, 0.013) 8.1%, hsla(0, 0%, 96%, 0.049) 15.5%, hsla(0, 0%, 96%, 0.104) 22.5%, hsla(0, 0%, 96%, 0.175) 29%, hsla(0, 0%, 96%, 0.259) 35.3%, hsla(0, 0%, 96%, 0.352) 41.2%, hsla(0, 0%, 96%, 0.45) 47.1%, hsla(0, 0%, 96%, 0.55) 52.9%, hsla(0, 0%, 96%, 0.648) 58.8%, hsla(0, 0%, 96%, 0.741) 64.7%, hsla(0, 0%, 96%, 0.825) 71%, hsla(0, 0%, 96%, 0.896) 77.5%, hsla(0, 0%, 96%, 0.951) 84.5%, hsla(0, 0%, 96%, 0.987) 91.9%, hsl(0, 0%, 96%) 100% );
}


.Overlay-Fade-Bottom-Grey {
	display: table;
	position: absolute;
	width: 100%;
	height: 60vh;
	bottom: 0;
	left: 0;
	z-index: 0;
	background: linear-gradient( to bottom, hsla(0, 0%, 96%, 0) 0%, hsla(0, 0%, 96%, 0.013) 8.1%, hsla(0, 0%, 96%, 0.049) 15.5%, hsla(0, 0%, 96%, 0.104) 22.5%, hsla(0, 0%, 96%, 0.175) 29%, hsla(0, 0%, 96%, 0.259) 35.3%, hsla(0, 0%, 96%, 0.352) 41.2%, hsla(0, 0%, 96%, 0.45) 47.1%, hsla(0, 0%, 96%, 0.55) 52.9%, hsla(0, 0%, 96%, 0.648) 58.8%, hsla(0, 0%, 96%, 0.741) 64.7%, hsla(0, 0%, 96%, 0.825) 71%, hsla(0, 0%, 96%, 0.896) 77.5%, hsla(0, 0%, 96%, 0.951) 84.5%, hsla(0, 0%, 96%, 0.987) 91.9%, hsl(0, 0%, 96%) 100% );
}

.Overlay-Fade-Bottom-Grey-Short {
	display: table;
	position: absolute;
	width: 100%;
	height: 30vh;
	bottom: 0;
	left: 0;
	z-index: 0;
	background: linear-gradient( to bottom, hsla(0, 0%, 96%, 0) 0%, hsla(0, 0%, 96%, 0.013) 8.1%, hsla(0, 0%, 96%, 0.049) 15.5%, hsla(0, 0%, 96%, 0.104) 22.5%, hsla(0, 0%, 96%, 0.175) 29%, hsla(0, 0%, 96%, 0.259) 35.3%, hsla(0, 0%, 96%, 0.352) 41.2%, hsla(0, 0%, 96%, 0.45) 47.1%, hsla(0, 0%, 96%, 0.55) 52.9%, hsla(0, 0%, 96%, 0.648) 58.8%, hsla(0, 0%, 96%, 0.741) 64.7%, hsla(0, 0%, 96%, 0.825) 71%, hsla(0, 0%, 96%, 0.896) 77.5%, hsla(0, 0%, 96%, 0.951) 84.5%, hsla(0, 0%, 96%, 0.987) 91.9%, hsl(0, 0%, 96%) 100% );
}


.DisplayNone {
	display: none;
}
.MobileDisplayNone {
	display: table;
}
/* ---------------------------------------------------------------------------------------------------------------------------------OVERLAY */


/* ---------------------------------------------------------------------------------------------------------------------------------ANIMATE */


.block {
  height: 5em;
  line-height: 5em;
  width: 10em;
  background: #464646;
  color: #fdfdfd;
  text-align: center;
  margin: 1em auto;
  text-shadow: 0 0 1px #333; /* so one can see fadeBgColor properly */
}

.animatable {
  /* initially hide animatable objects */
  visibility: hidden;

  /* initially pause animatable objects their animations */
  animation-play-state: paused;
}

/* show objects being animated */
.animated {
  visibility: visible;

  animation-fill-mode: both;
  animation-duration: 1s;
  animation-play-state: running;
}

/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@keyframes fadeIn {
  0%,
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    transform: translateX(20px);
  }
  80% {
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    transform: translateX(-20px);
  }
  80% {
    transform: translateX(5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes moveUp {
  0% {
    transform: translateY(40px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes fadeBgColor {
  0%,
  70% {
    background: none;
  }
  100% {
    background: #464646;
  }
}

.animated.animationDelay {
  animation-delay: 0.4s;
}
.animated.animationDelayMed {
  animation-delay: 1.2s;
}
.animated.animationDelayLong {
  animation-delay: 1.6s;
}
.animated.fadeBgColor {
  animation-name: fadeBgColor;
}
.animated.bounceIn {
  animation-name: bounceIn;
}
.animated.bounceInRight {
  animation-name: bounceInRight;
}
.animated.bounceInLeft {
  animation-name: bounceInLeft;
}
.animated.fadeIn {
  animation-name: fadeIn;
}
.animated.fadeInDown {
  animation-name: fadeInDown;
}
.animated.fadeInUp {
  animation-name: fadeInUp;
}
.animated.moveUp {
  animation-name: moveUp;
}


/* ---------------------------------------------------------------------------------------------------------------------------------ANIMATE */



/* ---------------------------------------------------------------------------------------------------------------------------------HUMBLESCROLL */


:root{--hs-delay:0ms;--hs-easing:var(--hs-ease-out);--hs-duration:600ms;--hs-ease-in:cubic-bezier(0.4,0,1,1);--hs-ease-in-out:cubic-bezier(0.4,0,0.2,1);--hs-ease-out:cubic-bezier(0,0,0.2,1);--hs-ease-out-back:cubic-bezier(0.34,1.56,0.64,1);--hs-opacity:1;--hs-translate-y:0;--hs-translate-x:0;--hs-scale:1;--hs-rotate:0deg;--hs-perspective:0;--hs-rotate-x:0deg;--hs-rotate-y:0deg;--hs-skew-x:0deg;--hs-skew-y:0deg;--hs-translate-ratio:1;--hs-scale-ratio:0.2;--hs-duration-ratio:1;--hs-translate-x-amount:2rem;--hs-translate-y-amount:3rem;--hs-flip-x-amount:100deg;--hs-flip-y-amount:-100deg;--hs-perspective-amount:2000px;--hs-stagger-amount:100ms;--hs-skew-amount:20deg;--hs-reveal-amount:100%;--hs-blur:0;--hs-blur-amount:5px}[data-hs*=ease-in]{--hs-easing:var(--hs-ease-in)}[data-hs*=ease-out]{--hs-easing:var(--hs-ease-out)}[data-hs*=ease-in-out]{--hs-easing:var(--hs-ease-in-out)}[data-hs*=ease-out-back]{--hs-easing:var(--hs-ease-out-back)}[data-hs*=sm]{--hs-translate-ratio:0.5}[data-hs*=md]{--hs-translate-ratio:0.75}[data-hs*=lg]{--hs-translate-ratio:1.5}[data-hs*=xl]{--hs-translate-ratio:2}[data-hs*="2xl"]{--hs-translate-ratio:3}[data-hs~=extra-slow]{--hs-duration-ratio:3}[data-hs~=slow]{--hs-duration-ratio:1.5}[data-hs~=fast]{--hs-duration-ratio:0.75}[data-hs~=extra-fast]{--hs-duration-ratio:0.5}[data-hs*=fade],[data-hs*=zoom]{--hs-opacity:0}[data-hs*=zoom-in]>*{--hs-scale:calc(1 + var(--hs-scale-ratio))}[data-hs*=zoom-out]>*{--hs-scale:calc(1 - var(--hs-scale-ratio))}[data-hs~=up]>*{--hs-translate-y:calc(var(--hs-translate-y-amount)*var(--hs-translate-ratio))}[data-hs~=down]>*{--hs-translate-y:calc(0px - var(--hs-translate-y-amount)*var(--hs-translate-ratio))}[data-hs~=left]>*{--hs-translate-x:calc(var(--hs-translate-x-amount)*var(--hs-translate-ratio))}[data-hs~=right]>*{--hs-translate-x:calc(0px - var(--hs-translate-x-amount)*var(--hs-translate-ratio))}[data-hs*=flip]>*{--hs-perspective:var(--hs-perspective-amount);-webkit-backface-visibility:hidden;backface-visibility:hidden}[data-hs*=flip-up]>*{--hs-rotate-x:calc(0deg - var(--hs-flip-x-amount))}[data-hs*=flip-down]>*{--hs-rotate-x:var(--hs-flip-x-amount)}[data-hs*=flip-left]>*{--hs-rotate-y:calc(0deg - var(--hs-flip-y-amount))}[data-hs*=flip-right]>*{--hs-rotate-y:var(--hs-flip-y-amount)}[data-hs*=blur]{--hs-blur:var(--hs-blur-amount)}[data-hs*=skew-up]>*{--hs-skew-y:var(--hs-skew-amount)}[data-hs*=skew-down]>*{--hs-skew-y:calc(0deg - var(--hs-skew-amount))}[data-hs*=skew-right]>*{--hs-skew-x:var(--hs-skew-amount)}[data-hs*=skew-left]>*{--hs-skew-x:calc(0deg - var(--hs-skew-amount))}[data-hs*=reveal]{overflow:hidden}[data-hs*=reveal-up] *{--hs-translate-y:var(--hs-reveal-amount)}[data-hs*=reveal-down]>*{--hs-translate-y:calc(0px - var(--hs-reveal-amount))}[data-hs*=reveal-right]>*{--hs-translate-x:calc(0px - var(--hs-reveal-amount))}[data-hs*=reveal-left]>*{--hs-translate-x:var(--hs-reveal-amount)}@media (prefers-reduced-motion:no-preference){[data-hs]>*{filter:blur(var(--hs-blur));opacity:var(--hs-opacity);transform:translate3d(var(--hs-translate-x),var(--hs-translate-y),0) scale(var(--hs-scale)) rotate(var(--hs-rotate)) perspective(var(--hs-perspective)) rotateX(var(--hs-rotate-x)) rotateY(var(--hs-rotate-y)) skew(var(--hs-skew-x),var(--hs-skew-y));transition-delay:var(--hs-delay);transition-duration:calc(var(--hs-duration)*var(--hs-duration-ratio));transition-property:transform,opacity,filter;transition-timing-function:var(--hs-easing)}[data-hs]:not(.hs-inview){pointer-events:none}[data-hs].hs-inview>*{--hs-opacity:1;--hs-translate-y:0;--hs-translate-x:0;--hs-scale:1;--hs-rotate:0deg;--hs-rotate-x:0deg;--hs-rotate-y:0deg;--hs-skew-x:0deg;--hs-skew-y:0deg;--hs-blur:0;pointer-events:auto}}@media (max-width:768px){body [data-hs*="phone:zoom-in"]>*{--hs-scale:calc(1 + var(--hs-scale-ratio))}body [data-hs*="phone:zoom-out"]>*{--hs-scale:calc(1 - var(--hs-scale-ratio))}body [data-hs*="phone:up"]>*{--hs-translate-y:calc(var(--hs-translate-y-amount)*var(--hs-translate-ratio))}body [data-hs*="phone:down"]>*{--hs-translate-y:calc(0px - var(--hs-translate-y-amount)*var(--hs-translate-ratio))}body [data-hs*="phone:left"]>*{--hs-translate-x:calc(var(--hs-translate-x-amount)*var(--hs-translate-ratio))}body [data-hs*="phone:right"]>*{--hs-translate-x:calc(0px - var(--hs-translate-x-amount)*var(--hs-translate-ratio))}body [data-hs*="phone:flip-up"]>*{--hs-rotate-x:calc(0deg - var(--hs-flip-x-amount))}body [data-hs*="phone:flip-down"]>*{--hs-rotate-x:var(--hs-flip-x-amount)}body [data-hs*="phone:flip-left"]>*{--hs-rotate-y:calc(0deg - var(--hs-flip-y-amount))}body [data-hs*="phone:flip-right"]>*{--hs-rotate-y:var(--hs-flip-y-amount)}body [data-hs*="phone:blur"]>*{--hs-blur:var(--hs-blur-amount)}}@media (min-width:768px){body [data-hs*="tablet:zoom-in"]>*{--hs-scale:calc(1 + var(--hs-scale-ratio))}body [data-hs*="tablet:zoom-out"]>*{--hs-scale:calc(1 - var(--hs-scale-ratio))}body [data-hs*="tablet:up"]>*{--hs-translate-y:calc(var(--hs-translate-y-amount)*var(--hs-translate-ratio))}body [data-hs*="tablet:down"]>*{--hs-translate-y:calc(0px - var(--hs-translate-y-amount)*var(--hs-translate-ratio))}body [data-hs*="tablet:left"]>*{--hs-translate-x:calc(var(--hs-translate-x-amount)*var(--hs-translate-ratio))}body [data-hs*="tablet:right"]>*{--hs-translate-x:calc(0px - var(--hs-translate-x-amount)*var(--hs-translate-ratio))}body [data-hs*="tablet:flip-up"]>*{--hs-rotate-x:calc(0deg - var(--hs-flip-x-amount))}body [data-hs*="tablet:flip-down"]>*{--hs-rotate-x:var(--hs-flip-x-amount)}body [data-hs*="tablet:flip-left"]>*{--hs-rotate-y:calc(0deg - var(--hs-flip-y-amount))}body [data-hs*="tablet:flip-right"]>*{--hs-rotate-y:var(--hs-flip-y-amount)}body [data-hs*="tablet:blur"]>*{--hs-blur:var(--hs-blur-amount)}}@media (min-width:1240px){body [data-hs*="desktop:zoom-in"]>*{--hs-scale:calc(1 + var(--hs-scale-ratio))}body [data-hs*="desktop:zoom-out"]>*{--hs-scale:calc(1 - var(--hs-scale-ratio))}body [data-hs*="desktop:up"]>*{--hs-translate-y:calc(var(--hs-translate-y-amount)*var(--hs-translate-ratio))}body [data-hs*="desktop:down"]>*{--hs-translate-y:calc(0px - var(--hs-translate-y-amount)*var(--hs-translate-ratio))}body [data-hs*="desktop:left"]>*{--hs-translate-x:calc(var(--hs-translate-x-amount)*var(--hs-translate-ratio))}body [data-hs*="desktop:right"]>*{--hs-translate-x:calc(0px - var(--hs-translate-x-amount)*var(--hs-translate-ratio))}body [data-hs*="desktop:flip-up"]>*{--hs-rotate-x:calc(0deg - var(--hs-flip-x-amount))}body [data-hs*="desktop:flip-down"]>*{--hs-rotate-x:var(--hs-flip-x-amount)}body [data-hs*="desktop:flip-left"]>*{--hs-rotate-y:calc(0deg - var(--hs-flip-y-amount))}body [data-hs*="desktop:flip-right"]>*{--hs-rotate-y:var(--hs-flip-y-amount)}body [data-hs*="desktop:blur"]>*{--hs-blur:var(--hs-blur-amount)}}


/* ---------------------------------------------------------------------------------------------------------------------------------HUMBLESCROLL */



/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------RESPONSIVE1 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------RESPONSIVE1 */

 @media all and (max-width : 1100px) {
/* ---------------------------------------------------------------------------------------------------------------------------------SITEWIDE */


h1 {
	font-size: 2.8rem;
	line-height: 2.8rem;
	color: #FFF;
}
	 
 h2 {
	font-size: 5vw;
	line-height: 5vw;
} 
	 

.DisplayNone {
	display: none;
}
/* ---------------------------------------------------------------------------------------------------------------------------------SITEWIDE */




/* ---------------------------------------------------------------------------------------------------------------------------------TEXTMODIFIERS */

.TSLR {
	text-align: left;
}
.TSRL {
	text-align: left;
}
/* ---------------------------------------------------------------------------------------------------------------------------------TEXTMODIFIERS */


/* ---------------------------------------------------------------------------------------------------------------------------------FLOATMODIFIERS */

.FLR {
	float: left;
}
.FRL {
	float: left;
}
/* ---------------------------------------------------------------------------------------------------------------------------------FLOATMODIFIERS */


 }
 
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------RESPONSIVE2 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------RESPONSIVE2 */
 
 
 @media all and (max-width : 600px) {
/* ---------------------------------------------------------------------------------------------------------------------------------SITEWIDE */


	
h1 {
	font-size: 2.8rem;
	line-height: 2.5rem;
	color: #FFF;
	margin-bottom:2%;
}
h2 {
	font-size: 2.5rem;
	line-height: 2.4rem;
}

h3 {
	font-size: 2.4rem;
	line-height: 2.4rem;
	margin-bottom:-.1%;
}

h4 {
	font-size: 1.4rem;
	line-height: 1.4rem;
	margin:0 0 0 0 !important;
}

h5 {

	font-size: 1.6rem;
	line-height: 1.6rem;

}

	 h6 {
	font-size: 1.4rem;
	line-height: 1.4rem;
	margin:7% 0 0 0 !important;
}

p, li, form, input, textarea {
		font-size: 1.2rem;
	line-height: 1.6rem;
}

.intro{
	font-size: 1.4rem !important;
	line-height: 1.7rem !important;
}


/* ---------------------------------------------------------------------------------------------------------------------------------SITEWIDE */

/* ---------------------------------------------------------------------------------------------------------------------------------ANIMATEDDOWNARROW */


.scroll-down {
	bottom: 25%;
	border-bottom: 2px solid #355ab5;
	border-right: 2px solid #355ab5;
}
/* ---------------------------------------------------------------------------------------------------------------------------------ANIMATEDDOWNARROW */

/* ---------------------------------------------------------------------------------------------------------------------------------TEXTCOLOURS */

.TCSBW {
	color: #FFF !important;
}
.TCSGW {
	color: #FFF !important;
}
/* ---------------------------------------------------------------------------------------------------------------------------------TEXTCOLOURS */

.TSLR {
	text-align: left;
}
.TSRL {
	text-align: right !important;
}
/* ---------------------------------------------------------------------------------------------------------------------------------TEXTMODIFIERS */



/* ---------------------------------------------------------------------------------------------------------------------------------FLOATMODIFIERS */

.FLR {
	float: left;
}
.FRL {
	float: right !important;
}
/* ---------------------------------------------------------------------------------------------------------------------------------FLOATMODIFIERS */



/* ---------------------------------------------------------------------------------------------------------------------------------OVERLAY */
.DisplayNone {
	display: table;
}
.MobileDisplayNone {
	display: none !important;
}
/* ---------------------------------------------------------------------------------------------------------------------------------OVERLAY */



 }