/*===========================================
	FONTS
===========================================*/
@font-face {
	font-family: 'theme-font-regular';
	src: url("/assets/fonts/EuclidCircular-Regular.woff2") format('woff2');
	font-weight: 400;
	font-style: normal
	font-display: swap;
}
@font-face {
	font-family: 'theme-font-bold';
	src: url("/assets/fonts/EuclidCircular-Regular.woff2") format('woff2');
	font-weight: 700;
	font-style: normal
	font-display: swap;
}
@font-face {
	font-family: 'bootstrap-icons';
	src: url("/man-plugins/Bootstrap-icons-1.11.3/font/fonts/bootstrap-icons.woff2") format('woff2');
	font-weight: 700;
	font-style: normal
	font-display: swap;
}


/*===========================================
	COLOUR SCHEME
===========================================*/
:root {
  --WhiteColor: #FFFFFF;
  --BlackColor: #333333;
  --GreyColor: #C3C3C3;
  --AquaColor: #005bc5;
}


/*===========================================
	STANDARD ELEMENTS
===========================================*/
* {
	margin: 0; 
	padding: 0;
}

body {
	font-family: 'theme-font-regular', sans-serif;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
    color: var(--BlackColor);
    background-color: var(--WhiteColor);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html, body {
	height: 100%;
}

img {
	max-width: 100%;
	height: auto;
}
div {
	outline: none;
}

.bullet-list ul {
	margin-left: 30px;
	list-style: none;
}
	.bullet-list ul li {
		list-style-type: disc;
		padding-bottom: 1em;
	}


/*===========================================
	HEADERS
===========================================*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'theme-font-bold';
	margin: 0;
	padding: 0;
}
	h1 {
		font-family: 'theme-font-bold';
		font-size: 2em;
		text-align: center;
		margin-bottom: 50px;
		line-height: 1.25em;
	}
	h2 {
		font-size: 2em;
		line-height: 1.5em;
		margin-bottom: 15px;
	}
	h3 {
		font-size: 48px;
        line-height: 56px;
        letter-spacing: -.5px;
	}
	h4 {
		font-family: 'theme-font-bold';
		font-size: 1.25em;
	}
	h5 {
		font-family: 'theme-font-bold';
		font-size: 1em;
	}
	
	
/*===========================================
	HYPERLINKS
===========================================*/
a:link, a:active, a:visited {
	text-decoration: none;
	color: var(--BlackColor);
	transition: color 0.3s linear;
	-webkit-transition: color 0.3s linear;
	-moz-transition: color 0.3s linear;
}
	a:hover {
		text-decoration: underline;
		color: #454545;
	}
	
a.oval-button {
	border-radius: 25px;
	color: var(--BlackColor);
	background: var(--AquaColor);
	transition: all 500ms ease;
	padding: 15px 20px;
}
	a.oval-button:hover {
		text-decoration: none;
	}
	a.oval-button svg {
		margin-left: 8px;
	}
	
	
/*===========================================
	IMAGES
===========================================*/
img {
	max-width: 100%;
	height: auto;
}
.image-holder {
	border-radius: 4px;
	width: 100%;
	padding-top: 60%;
	position: relative;
	overflow: hidden;
}
	.image {
		object-fit: cover;
		width: 100%;
		height: 100%;
		position: absolute;
		inset: 0%;
		transition: transform .75s;
	}
	
.image-holder-bordered {
	border-radius: 10px;
	width: 100%;
	padding-top: 40%;
	position: relative;
	overflow: hidden;
}
	.image-holder-bordered .image-border {
		object-fit: cover;
		width: calc(100% - 20px);
		height: calc(100% - 20px);
		position: absolute;
		inset: 0%;
		transition: transform .75s;
		background: #FFF;
		padding: 10px;
	}
	
.section-full-image {
   position: relative;
	object-fit: cover;
    width: 100%;
    position: relative;
}
	.image-overlay {
		z-index: 0;
		position: absolute;
		inset: 0%;
		overflow: hidden;
		background-image: linear-gradient(45deg, #020814 30%, #29143300, #020814);
		opacity: 0.5;
	}
	.bg-image {
		object-fit: cover;
		background-color: #0000;
		width: 100%;
		height: 500px;
	}
	.bg-image-small {
		object-fit: cover;
		width: 100%;
		height: 350px;
		position: relative;
	}

div {
	outline: none;
}
header, footer, section, figure {
	display: block;
}



/*===========================================
	ALIGNMET
===========================================*/		
.text-left {
	text-align: left;
}
.text-center,
.text-center h2,
.text-center h5,
.text-center p {
	text-align: center;
}
.text-right {
	text-align: right;
}
.small-text {
	font-size: 0.8em;
}
.bold-text {
	font-family: 'theme-font-bold';
}	
.underlined {
	border-bottom: 1px solid #DEDEDE;
}

/*===========================================
	SPACING
===========================================*/
.margin-top-30 {
	margin-top: 30px;
}
.margin-bottom-30 {
	margin-bottom: 30px;
}
.margin-top-50 {
	margin-top: 50px;
}
.margin-bottom-50 {
	margin-bottom: 50px;
}
.padding-top-bottom-100 {
	padding: 100px 0;
}
.padding-top-100 {
	padding-top: 100px;
}
.padding-bottom-100 {
	padding-bottom: 100px;
}
.padding-bottom-50 {
	padding-bottom: 50px;
}


/*===========================================
	CLEAR FIXES
===========================================*/
.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}


/*===========================================
	HIDDEN
===========================================*/
.hidden-section {display: none;}


/*===========================================
	COLOURS
===========================================*/
.white-text {color: var(--WhiteColor);}
.alabaster-background {background: #F5F5F5;}
.black-background {background: #121212;}
	
/*===========================================
	UNDER CONSTRUCTION
===========================================*/
.under-construction {
	margin: 0 auto;
	margin-top: 100px;
	width: 500px;
	color: #000;
	position: relative;
	text-align: left;
	overflow: auto;
	z-index: 2;	
}
.under-construction img{
	margin-bottom: 50px;
}
.under-construction h2 {
	text-align: center;
	margin-bottom: 10px;
}
.under-construction p {
	text-align: center;
	margin-bottom: 10px;
}
	.under-construction a:link, .under-construction a:active, .under-construction a:visited {
		text-decoration: none;
		color: #000;
	}
	.under-construction a:hover {
		text-decoration: underline;
	}


/*===========================================
	FRAME CONTAINERS
===========================================*/
.frame-container {
	display: block;
}
.center-container {
	position: relative;
	margin: 0 auto;
	max-width: 1130px;
	padding: 0 10px;
}
	.center-container.max-width {
		max-width: calc(100% - 120px);
		padding: 0 60px;
	}
	.center-container.semi-narrow {
		max-width: 760px;
	}
		.center-container.block-item {
			background: var(--WhiteColor);
			margin-top: -175px;
			padding: 75px;
			box-shadow: 0 0 1px #2914331a, 1px 1px 6px #0003;
		}
		
.flex-center-container {
	display: flex;
	justify-content: left;
	align-items: center;
}		
.center-container-vmiddle {
	margin: auto;
	display: flex;
	justify-content: center;
	flex-direction: column;			
	height: 100%;
	text-align: left;
	width: 100%;
}
	.center-container-vmiddle.center-content {
		align-items: center;
	}
	
	
/*===========================================
	FLEX CONTAINERS
===========================================*/
.flex-container {
	display: flex;
	flex-wrap: wrap;		
}
.flex-space-between {
	display: flex;
	justify-content: space-between;
}
	.half-flex-item {
		/*width: 49%;*/
		width: 50%;
	}
		.half-flex-item.content-padding:nth-child(1) {
			width: 45%;
			margin-right: 5%;
		}
		.half-flex-item.content-padding:nth-child(2) {
			width: 45%;
			margin-left: 5%;
		}
		
	.half-margin-flex-item {
		width: 49%;
	}	
	.half-margin-flex-item.wide-gap {
		width: 45%;
	}
	.third-flex-item {
		width: 30%;
	}
	.third-flex-item-margin {
		flex-basis: 32.66%;
		margin: 0 1% 10px 0;
	}
		.third-flex-item-margin:nth-child(3n), 
		.third-flex-item-margin:last-child {
			flex-basis: 32.68%;
			margin-right: 0;
		}
	.quarter-flex-item {
		width: 24%;
	}
	

/*===========================================
	PAGE HEADER MANAGEMENT
===========================================*/
.PageContentManagement {
	background: #24170e;
	padding: 4px 0;
	width: 100%;
}
	.PageContentManagement ul {
		float: right;
	}
		.PageContentManagement ul li {
			float: left;
			margin-right: 15px;
		}
			.PageContentManagement ul li:last-child {
				margin-right: 0px;
			}
			.PageContentManagement ul li a {
				font-size: 0.8em;
				color: var(--WhiteColor);
			}
				.PageContentManagement ul li a i {
					padding-right: 5px;
				}
				
				
				
/*===========================================
	HEADER
===========================================*/
header {
	height: 70px;
	background: none;
	z-index: 1;
}
	header .header-container {
		display: flex;
		justify-content: space-between;
	}
		header .header-container .company-logo {
			height: 69px;
			display: flex;
			justify-content: left;
			align-items: center;
			width: 125px;
			margin-right: 20px;
		}
			header .header-container .company-logo img {
				width: 160px;
			}
		
	header .main-navigation {
		display: flex;
		justify-content: right;
		align-items: center;
	}
		
	header .responsive-navigation {
		display: flex;
		justify-content: right;
		align-items: center;
		cursor: pointer;
	}
		header .responsive-navigation svg {
			fill: var(--WhiteColor);
			width: 32px;
			height: 32px;
		}

.fixed-navigation {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	height: 69px;
	border-bottom: 1px solid #a7b7c5;
	background: var(--WhiteColor);
	z-index: 99998;
}
	.fixed-navigation header .responsive-navigation svg {
		fill: #000000;
	}
	.fixed-navigation .navigation li a {
		color: #020814;
	}


/*===========================================
	NAVIGATION
===========================================*/
.navigation {
	height: 69px;
	display: flex;
	justify-content: center;
	align-items: center;
}
	.navigation ul {
		text-align: center;
		list-style: inside;
		z-index: 99990;
	}
		.navigation li {
			display: inline-block;
			background: none;
		}
			.navigation li a {
				font-size: 14px;
				color: var(--BlackColor);
				text-decoration: none;
				padding: 23px 7px 24px 7px;
				margin-right: 14px;
			}
				.navigation li a:hover  {
					color: var(--AquaColor);;
				}
				.navigation li a i  {
					padding-left: 8px;
					font-size: 10px;
				}
				
				.navigation li a.oval-button {
					border-radius: 25px;
					color: var(--BlackColor);
					background: var(--AquaColor);
					transition: all 500ms ease;
					padding: 10px 20px;
				}
					.navigation li a.oval-button:hover {
						background: #65d3d4;
					}
					
					
/*===========================================
	MAIN MENU MODAL
===========================================*/
.main-modal-menu {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	background-color: #333;
	overflow-x: hidden;
	transition: 0.01s;
}
	.main-modal-menu .navigation li a {
		color: var(--WhiteColor);
	}
	.main-modal-menu .navigation li a.oval-button {
		color: var(--BlackColor);
	}
	
	.main-modal-menu .main-menu-content {
		margin-top: 50px;
	}
		.main-modal-menu .main-menu-content .quarter-flex-item:nth-child(4) {
			border-left: 1px solid #DEDEDE;
			padding-left: 60px;
		}
		
		
		
		.main-modal-menu .main-menu-content h5 {
			text-transform: uppercase;
			margin-bottom: 10px;
			color: #FFF;
		}
		.main-modal-menu .main-menu-content ul li {
			font-size: 0.9em;
			margin-bottom: 0.75em;
		}
			.main-modal-menu .main-menu-content ul li a {
				transition: all 500ms ease;
				text-decoration: none;
				color: #DDD;
			}
			.main-modal-menu .main-menu-content ul li a:hover {
				color: var(--AquaColor);
			}


/*===========================================
	RESPONSIVE NAVIGATION
===========================================*/
.responsive-menu-modal {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	background-color: #121212;
	overflow-x: hidden;
	transition: 0.5s;
}

.responsive-menu-modal-content {
	position: relative;
	top: 25%;
	width: 100%;
	text-align: left;
	margin-top: 30px;
	padding: 0 30px;
}

.responsive-menu-modal .closebtn {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;
	color: green;
}
	.responsive-menu-modal a.closebtn {
		color: var(--WhiteColor);
		text-decoration: none;
	}
	

.accordion-menu {
}
.accordion-menu .accordion-item {
	margin-bottom: 20px;
	cursor: pointer;
}
	.accordion-menu .accordion-item .accordion-title a,
	.accordion-menu .accordion-item .accordion-title span {
		font-family: 'theme-font-regular';
		font-size: 1.5em;
		color: var(--WhiteColor);
		text-decoration: none;
	}
		.accordion-menu .accordion-item .accordion-title a:hover,
		.accordion-menu .accordion-item .accordion-title span:hover {
			color: var(--AquaColor);
		}
		.accordion-menu .accordion-item .accordion-title span .far {
			font-size: 14px;
			margin-left: 12px;
			color: var(--WhiteColor);
		}
	.accordion-menu .accordion-item .accordion-dropdown {
		display: none;
		padding-top: 10px;
	}
		.accordion-menu .accordion-item .accordion-dropdown ul {
			margin-left: 20px;
		}
			.accordion-menu .accordion-item .accordion-dropdown ul li a {
				display: block;
				margin-bottom: 12px;
				font-size: 1em;
				color: var(--WhiteColor);
				text-decoration: none;
			}
				.accordion-menu .accordion-item .accordion-dropdown ul li a:hover {
					color: var(--AquaColor);
				}


/*===========================================
	PAGE IMAGE CONTAINER
===========================================*/
.hero-image-container {
	height: 100%;
	position: relative;
}
	.hero-image-container .hero-image-content {
		position: relative;
		margin: 0 auto;
		max-width: 1130px;
		padding: 0;
		height: calc(100% - 150px);
		padding: 0 20px;
		color: var(--WhiteColor);
		text-align: center;
	}		
		
		.hero-image-container .hero-image-content h1 {
			font-size: 68px;
			line-height: 76px;
			letter-spacing: -1px;
			margin-bottom: 50px;
			text-align: left;
		}
		.hero-image-container .hero-image-content h2 {
			max-width: 600px;
			font-size: 68px !important;
			line-height: 76px !important;
			margin-bottom: 50px;
		}
			.hero-image-container .hero-image-content h1 span.alt-color,
			.hero-image-container .hero-image-content h2 span.alt-color {
				color: var(--AquaColor);
			}
		.hero-image-container .hero-image-content p {
			max-width: 520px;
			text-align: left;
			font-size: 18px;
			line-height: 1.4em;
			color: var(--WhiteColor);
		}
		.hero-image-container .hero-image-content a.oval-button {
			display: inline-block;
			border-radius: 25px;
			color: var(--BlackColor);
			background: var(--AquaColor);
			transition: all 500ms ease;
			padding: 10px 20px;
			width: 150px;
		}
			.hero-image-container .hero-image-content a.oval-button:hover {
				background: #65d3d4;
			}
		
			.hero-image-container .hero-image-content a.oval-button svg {
				margin-left: 8px;
			}
		
		.hero-image-container .hero-image-content .breadcrumb {
			display: flex;
			flex-wrap: wrap;
			color: var(--AquaColor);
		}
			.hero-image-container .hero-image-content .breadcrumb .icon {
				display: flex;
				justify-content: center;
				align-items: center;
				margin-right: 8px;
			}
			.hero-image-container .hero-image-content .breadcrumb .title {
				display: flex;
				justify-content: center;
				align-items: center;
				text-transform: uppercase;
			}
		
	.hero-image-container .navigation li a {
		color: var(--WhiteColor);
	}	
		.hero-image-container .navigation li a.oval-button {
			color: var(--BlackColor);
		}
		
/*===========================================
	OTHER HERO LAYOUTS
===========================================*/
.hero-image-container .hero-image-content .content-container p {
	max-width: 100%;
}
	.hero-image-container .hero-image-content .content-container ul li {
		margin-bottom: 0;
		padding-left: 32px;
		position: relative;
		list-style: none;
	}
		.hero-image-container .hero-image-content .content-container ul li:before {
			content: "";
			width: 8px;
			height: 8px;
			border: 2px solid var(--AquaColor);
			position: absolute;
			top: 6px;
			left: 0;
			border-radius: 10px;
		}
			.hero-image-container .hero-image-content .content-container ul li a {
				font-family: 'theme-font-bold';
				color: var(--AquaColor);
			}	
		
.hero-image-container .hero-image-content .content-container .image-holder {
	border-radius: 10px;
	height: 300px;
	position: relative;
	overflow: hidden;
}
	.hero-image-container .hero-image-content .content-container .image {
		object-fit: cover;
		width: calc(100% - 20px);
		height: calc(100% - 20px);
		position: absolute;
		inset: 0%;
		transition: transform .75s;
		background: #FFF;
		padding: 10px;
	}
		
/*===========================================
	CONTENT LAYOUT
===========================================*/
.content-container {
	display: flex;
	justify-content: space-between;
}
	.content-container .text-content {
		width: 55%;
	}
	.content-container .image-content {
		width: 40%;
	}
	
	.content-container .header-icons {
		margin-bottom: 20px;
	}
		.content-container .header-icons .bootstrap-icon {
			font-size: 2em;
			line-height: 1em;
			margin-right: 20px;
		}
		
	
/*===========================================
	TEXT CONTENT
===========================================*/
.text-content h2 {
	margin-bottom: 15px;
}
.text-content h5 {
	margin-bottom: 15px;
}
.text-content ol {
	margin-left: 30px;
	margin-bottom: 15px;
}
	.text-content ol:last-child {
		margin-bottom: 0;
	}
	.text-content ol li {
		list-style-type: decimal;
		padding-bottom: 10px;
	}
		.text-content ol li:last-child {
			padding-bottom: 0;
		}
	
.text-content ul {
	list-style: none;
	margin-left: 30px;
	margin-bottom: 15px;
}
	.text-content ul:last-child {
		margin-bottom: 0;
	}
	.text-content ul li {
		list-style-type: disc;
		padding-bottom: 10px;
	}
		.text-content ul li:last-child {
			padding-bottom: 0;
		}
		
.description ul li {
	margin-bottom: 16px;
	padding-left: 32px;
	position: relative;
	list-style: none;
}
	.description ul li:before {
		content: "";
		width: 8px;
		height: 8px;
		border: 2px solid var(--AquaColor);
		position: absolute;
		top: 6px;
		left: 0;
		border-radius: 10px;
	}
		.description ul li h5 {
			color: var(--AquaColor);
		}
		
.text-content a.oval-bold-button,
.text-content span.oval-bold-button {
	border-radius: 4px;
    color: var(--WhiteColor);
    background: #c4a236;
    transition: all 500ms ease;
    padding: 10px 20px;
	text-decoration: none;
}		
	.text-content a.oval-bold-button:hover,
	.text-content span.oval-bold-button:hover {
		background: #ecce60;
	}
	
/*===========================================
	ACCORDION MENU
===========================================*/
.accordion-content-menu {
}
	.accordion-content-menu .accordion-item {
		display: flex;
		flex-wrap: wrap;
		border-bottom: 1px solid #ebebeb;
		padding: 10px;
		margin-bottom: 10px;
	}
		.accordion-content-menu .accordion-item .accordion-title {
			position: relative;
			width: calc(100% - 80px);
			margin-right: 10px;
			padding-left: 30px;
		}
			.accordion-content-menu .accordion-item .accordion-title:before {
				font-family: 'bootstrap-icons';
				font-size: 1.25em;
				content: "\F26B";
				color: var(--AquaColor);
				/*width: 8px;
				height: 8px;*/
				position: absolute;
				top: 1px;
				left: 0;
			}
		.accordion-content-menu .accordion-item .accordion-icon {
			width: 40px;
			text-align: center;
		}
			.accordion-content-menu .accordion-item .accordion-icon .lnrprm {
				font-size: 2em;
				cursor: pointer;
				color: #121212;
			}
		.accordion-content-menu .accordion-item .accordion-dropdown {
			display: none;
			padding-top: 10px;
		}
			.accordion-content-menu .accordion-item .accordion-dropdown.active {
				display: block;
			}
		
		.accordion-content-menu .accordion-item .accordion-dropdown ol {
			padding-bottom: 1em;
		}
		

/*===========================================
	BOXED ITEM LAYOUT
===========================================*/
.boxed-item-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	.boxed-item-container.alternate .third-flex-item {
		width: calc(30% - 40px);
		padding: 20px;
		background: #F9F9F9;
	}
	
	.boxed-item-container .icon {
		margin-bottom: 50px;
		text-align: center;
	}
	.boxed-item-container .number {
		font-size: 68px;
		line-height: 76px;
		letter-spacing: -1px;
		color: var(--AquaColor);
		border-bottom: 1px solid #DEDEDE;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
		.boxed-item-container .icon .bootstrap-icon {
			color: var(--AquaColor);
			font-size: 4em;
		}
	.boxed-item-container .title {
		font-size: 1.25em;
		margin-bottom: 10px;
		text-align: center;
	}
	.boxed-item-container .description {
		font-size: 1em;
		text-align: center;
	}
		.boxed-item-container .description ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
			.boxed-item-container .description ul li {
				margin-bottom: 16px;
				padding-left: 32px;
				position: relative;
			}
				.boxed-item-container .description ul li:before {
					content: "";
					width: 8px;
					height: 8px;
					border: 2px solid var(--AquaColor);
					position: absolute;
					top: 6px;
					left: 0;
					border-radius: 10px;
				}
	
	.boxed-item-container .third-flex-item {
		margin-bottom: 50px;
	}
	

/*===========================================
	BOXED ITEM LAYOUT
===========================================*/
.boxed-item-container.products {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	.boxed-item-container.products .third-flex-item {
		width: calc(30% - 40px);
		padding: 20px;
	}
		.boxed-item-container.products .icon {
			text-align: center;
		}
			.boxed-item-container.products .icon span {
				display: block;
				background: red;
			}
				.boxed-item-container.products .icon span.bootstrap-icon {
					display: block;
					font-size: 4em;
				}
				
					
/*===========================================
	BREADCRUMB
===========================================*/
.breadcrumb {
	font-family: 'theme-font-bold';
	text-transform: uppercase;
	color: var(--AquaColor);
	margin-bottom: 15px;
}
	
	
/*===========================================
	PAGE BANNER
===========================================*/
.page-banner {
	padding: 100px 0;
}
	.page-banner .title {
		display: flex;
		align-items: center;
		justify-content: left;
	}
		.page-banner .title h2 {
			font-size: 42px;
			line-height: 52px;
			letter-spacing: -.5px;
			margin-bottom: 0;
		}
	.page-banner .link {
		display: flex;
		align-items: center;
		justify-content: right;
		width: 300px;
	}
		.page-banner .link a.oval-button {
			border-radius: 25px;
			color: var(--BlackColor);
			background: var(--AquaColor);
			transition: all 500ms ease;
			padding: 15px 20px;
		}
			.page-banner .link a.oval-button svg {
				margin-left: 8px;
			}


/*===========================================
	FORM CONTAINER
===========================================*/
.form-container h5 {
	margin-bottom: 10px;
}
.form-container p {
	font-size: 0.8em;
	text-align: center;
	color: #AAA;
}


/*===========================================
	FAQs
===========================================*/
.faqs .faq-item {
	margin-bottom: 30px;
}
	.faqs .faq-item ul {
		margin-left: 30px;
		list-style: none;
	}
		.faqs .faq-item ul li {
			list-style-type: disc;
			padding-bottom: 0.25em;
		}



/*===========================================
	FOOTER
===========================================*/
.footer {
	color: var(--WhiteColor);
	padding: 50px 0;
}
	.footer .top-banner {
		text-align: center;
		margin-bottom: 40px;
	}
		.footer .top-banner .company-logo {
			text-align: center;
			margin-bottom: 50px;
		}
			.footer .top-banner .company-logo img {
				width: 175px;
			}
			
		.footer .top-banner .header {
			font-size: 1.25em;
			margin-bottom: 15px;
		}
		.footer .top-banner .find-container {
			margin: 0 auto;
			display: flex;
			width: 600px;
			text-align: center;
		}
			.footer .top-banner .find-container .email-holder {
				width: 480px;
				margin-right: 20px;
			}
				.footer .top-banner .find-container .email-holder input {
					background: none;
					border-color: #FFF;
				}
			.footer .top-banner .find-container .find-button {
				width: 100px;
			}
				.footer .top-banner .find-container .find-button span {
					display: block;
					background: #FFF;
					color: #000;
					border-radius: 3px;
					cursor: pointer;
					padding: 9px 0;
				}
			
		.footer .bottom-banner {
			
		}
			.footer .bottom-banner p {
				font-size: 0.8em;
				text-align: center;
			}
			.footer .bottom-banner ul {
				text-align: center;
			}
				.footer .bottom-banner ul li {
					display: inline;
					text-align: center;
					padding: 0 10px;
				}
					.footer .bottom-banner ul li a {
						color: #FFF;
						text-decoration: none;
					}


/*===========================================
	FORM
===========================================*/
label {
	margin-top: 20px;
    margin-bottom: 6px;
    display: block;
    font-weight: normal;
    font-size: 1em;
}
	label span {
		color: #FF0000;
	}
	
input, select {
	width: 100%;
    padding: 6px 10px;
    margin: 2px 0 10px 0;
    min-height: 35px;
    box-sizing: border-box;
    border: 1px solid #CCC;
	line-height: 24px;
    color: #555;
	background: var(--WhiteColor);
	font-family: inherit;
    font-size: inherit;
    letter-spacing: normal;
	transition: border-color 0.2s ease;
	border-radius: 3px;
}
	input:focus, select:focus {
		border-color: #AAA;
	}
	
textarea {
	font-family: inherit;
    font-size: inherit;
	border: 1px solid #CCC;
	height: 100px;
	line-height: 24px;
	background: #FFF;
	border-radius: 3px;
	resize: none;
	padding: 6px 10px;
}
	textarea:focus {
		border-color: #AAA;
	}
	input.validate-error,
	textarea.validate-error {
		border-color: #FF0000;
	}
	
.send-message-button {
	display: block;
	padding: 12px 20px;
    background: #121212;
    opacity: 1;
    border-radius: 5px;
	text-align: center;
    color: var(--WhiteColor);
	margin: 20px 0;
	cursor: pointer;
}	
	.send-message-button:hover {
		background: #383838;
	}