/*===========================================
	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;
}


/*===========================================
	COLOUR SCHEME
===========================================*/
:root {
  --WhiteColor: #FFFFFF;
  --BlackColor: #333333;
  --GreyColor: #C3C3C3;
  --AquaColor: #76eeef;
  /*
  --LineColor: #689e06;
  --GreyLineColor: #e5e9f2;
  --TextColor: #3f3f3f;
  */
}


/*===========================================
	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 {
	}
	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';
}	


/*===========================================
	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: #F9F9F9;}
.wild-sand-background {background: #F5F5F5;}
.black-backgrond-gradient {
	background-color: #2d3436; 
	background-image: linear-gradient(315deg, #2d3436 0%, #000000 74%);
	color: var(--WhiteColor);
}
.alabaster-black-backgrond-gradient {
	background-color: #2d3436; 
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='2500' height='1000' preserveAspectRatio='none' viewBox='0 0 2500 1000'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1028%26quot%3b)' fill='none'%3e%3cpath d='M2500 0L1662.49 0L2500 304.66z' fill='rgba(255%2c 255%2c 255%2c .1)'%3e%3c/path%3e%3cpath d='M1662.49 0L2500 304.66L2500 340.91L1523.18 0z' fill='rgba(255%2c 255%2c 255%2c .075)'%3e%3c/path%3e%3cpath d='M1523.18 0L2500 340.91L2500 513.62L1326.89 0z' fill='rgba(255%2c 255%2c 255%2c .05)'%3e%3c/path%3e%3cpath d='M1326.89 0L2500 513.62L2500 628.42L987.4200000000001 0z' fill='rgba(255%2c 255%2c 255%2c .025)'%3e%3c/path%3e%3cpath d='M0 1000L767.95 1000L0 672.56z' fill='rgba(0%2c 0%2c 0%2c .1)'%3e%3c/path%3e%3cpath d='M0 672.56L767.95 1000L1434.13 1000L0 519.43z' fill='rgba(0%2c 0%2c 0%2c .075)'%3e%3c/path%3e%3cpath d='M0 519.4300000000001L1434.13 1000L1588.89 1000L0 200.81000000000006z' fill='rgba(0%2c 0%2c 0%2c .05)'%3e%3c/path%3e%3cpath d='M0 200.80999999999995L1588.89 1000L1786.8600000000001 1000L0 106.95999999999995z' fill='rgba(0%2c 0%2c 0%2c .025)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1028'%3e%3crect width='2500' height='1000' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e") no-repeat bottom left;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='2500' height='1000' preserveAspectRatio='none' viewBox='0 0 2500 1000'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1028%26quot%3b)' fill='none'%3e%3cpath d='M2500 0L1662.49 0L2500 304.66z' fill='rgba(255%2c 255%2c 255%2c .1)'%3e%3c/path%3e%3cpath d='M1662.49 0L2500 304.66L2500 340.91L1523.18 0z' fill='rgba(255%2c 255%2c 255%2c .075)'%3e%3c/path%3e%3cpath d='M1523.18 0L2500 340.91L2500 513.62L1326.89 0z' fill='rgba(255%2c 255%2c 255%2c .05)'%3e%3c/path%3e%3cpath d='M1326.89 0L2500 513.62L2500 628.42L987.4200000000001 0z' fill='rgba(255%2c 255%2c 255%2c .025)'%3e%3c/path%3e%3cpath d='M0 1000L767.95 1000L0 672.56z' fill='rgba(0%2c 0%2c 0%2c .1)'%3e%3c/path%3e%3cpath d='M0 672.56L767.95 1000L1434.13 1000L0 519.43z' fill='rgba(0%2c 0%2c 0%2c .075)'%3e%3c/path%3e%3cpath d='M0 519.4300000000001L1434.13 1000L1588.89 1000L0 200.81000000000006z' fill='rgba(0%2c 0%2c 0%2c .05)'%3e%3c/path%3e%3cpath d='M0 200.80999999999995L1588.89 1000L1786.8600000000001 1000L0 106.95999999999995z' fill='rgba(0%2c 0%2c 0%2c .025)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1028'%3e%3crect width='2500' height='1000' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e"), linear-gradient(#2d3436, #000000);
	background-repeat: no-repeat;
	background-position: top right;
}
.alabaster-background-right {
	background: #d5d7db url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='2500' height='1000' preserveAspectRatio='none' viewBox='0 0 2500 1000'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1027%26quot%3b)' fill='none'%3e%3cpath d='M0 0L357.83 0L0 316.52z' fill='rgba(255%2c 255%2c 255%2c .1)'%3e%3c/path%3e%3cpath d='M0 316.52L357.83 0L1027.28 0L0 370.09999999999997z' fill='rgba(255%2c 255%2c 255%2c .075)'%3e%3c/path%3e%3cpath d='M0 370.09999999999997L1027.28 0L1102.1399999999999 0L0 580.49z' fill='rgba(255%2c 255%2c 255%2c .05)'%3e%3c/path%3e%3cpath d='M0 580.49L1102.1399999999999 0L1987.33 0L0 726.7z' fill='rgba(255%2c 255%2c 255%2c .025)'%3e%3c/path%3e%3cpath d='M2500 1000L2149.9 1000L2500 531.0799999999999z' fill='rgba(0%2c 0%2c 0%2c .1)'%3e%3c/path%3e%3cpath d='M2500 531.0799999999999L2149.9 1000L1647.21 1000L2500 433.7899999999999z' fill='rgba(0%2c 0%2c 0%2c .075)'%3e%3c/path%3e%3cpath d='M2500 433.78999999999996L1647.21 1000L958.22 1000L2500 354.59999999999997z' fill='rgba(0%2c 0%2c 0%2c .05)'%3e%3c/path%3e%3cpath d='M2500 354.5999999999999L958.22 1000L462.77000000000004 1000L2500 134.61999999999992z' fill='rgba(0%2c 0%2c 0%2c .025)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1027'%3e%3crect width='2500' height='1000' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e") no-repeat bottom right;
}
	
/*===========================================
	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: 960px;
	}
		.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%;
	}
	.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;
					}
					
					
/*===========================================
	SUB NAVIGATION
===========================================*/
/* Doesn't work in IE */
.navigation ul li:hover { 
	position: relative; 
}

/*	LEVEL TWO	*/
.navigation ul ul { 
	width: 235px;
	padding: 0;
	visibility: hidden; 
	position: absolute; 
	top: 100%;
	left: 0;
	margin: 0;
	background: var(--WhiteColor);
	border: 1px solid #CCC;
	text-align: left;
}
	.navigation ul ul li {
		width: 100%;
		display: block;
		font-weight: normal;
		border: none;
		padding: 0;
		border-radius: 0px;
		line-height: 1em;
		font-size: 1em;
		color: #000;
	}
		.navigation ul ul li:first-child  {
			border-left: 0;					
		}
		.navigation ul ul li:Last-child {
			float: left;
			padding: 0px;
		}
		
		.navigation ul ul li a {
			display: block;
			border: none;
			padding: 8px 10px;
			margin-right: 0px;
			line-height: 1.45em;
		}
			.navigation ul li:hover li a, 
			.navigation ul li.current li a {
				color: #000;
			}
			.navigation ul ul li a:hover {
				text-decoration: none;
				transition: background-color 0.3s linear;
				-webkit-transition: background-color 0.3s linear;
				-moz-transition: background-color 0.3s linear;
				background: #DEDEDE;
			}
			.navigation ul ul li.current a {
				background: none;
			}
			
		.navigation ul ul li.IndentItem a {
			padding: 5px 10px 5px 20px;
		}
			.navigation ul ul li.IndentItem a i {
				padding-right: 8px;
				color: #19bfc0;
			}
			
	/*	LEVEL THREE	*/
	.navigation ul ul ul { 
		left: 100%; 
		top: 0; 
	}
	.navigation ul li:hover > ul { 
		visibility: visible; 
	}
					
					
/*===========================================
	MAIN MENU MODAL
===========================================*/
.main-modal-menu {
	/*width: 100%!important;*/
	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: 88px;
			line-height: 96px;
			letter-spacing: -1px;
			margin-bottom: 50px;
		}
		.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: 400px;
			text-align: left;
			font-size: 20px;
			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;
	}
		

/*===========================================
	CONTACT US
===========================================*/
.table-list-content {

}
	.table-list-content .list-item {
		display: flex;
		flex-wrap: wrap;
		padding: 30px 0; 
		border-bottom: 1px solid #DEDEDE;
	}
		.table-list-content .list-item:first-child {
			border-top: 1px solid #DEDEDE;
		}
		.table-list-content .icon {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 99px;
			border-right: 1px solid #DEDEDE;
		}
			.table-list-content .icon .bootstrap-icon {
				color: var(--AquaColor);
				font-size: 1.75em;
			}
		.table-list-content .title {
			display: flex;
			justify-content: left;
			align-items: center;
			width: calc(50% - 151px);
			border-right: 1px solid #DEDEDE;
			padding: 0 50px;
			font-size: 1.25em;
		}
		.table-list-content .description {
			display: flex;
			justify-content: left;
			align-items: center;
			width: calc(50% - 150px);
			padding: 0 50px;
		}		
		

/*===========================================
	CONTACT US
===========================================*/
.contact-item {
    padding: 20px 0;
	border-bottom: 1px solid #DEDEDE;
}
	.contact-item .breadcrumb {
		margin-bottom: 5px;
	}
	.contact-item h2 {
		margin-bottom: 5px;
	}

/*===========================================
	BOXED ITEM LAYOUT
===========================================*/
.boxed-item-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	.boxed-item-container .icon {
		margin-bottom: 30px;
	}
	.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: 1.75em;
		}
	.boxed-item-container .title {
		font-size: 1.25em;
		margin-bottom: 20px;
	}
	.boxed-item-container .description {
		font-size: 1em;
	}
		.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;
				}
				
				
/*===========================================
	OWL CAROUSEL
===========================================*/
.owl-carousel {

}
	.owl-carousel .item {
		padding: 30px;
	}
		.owl-carousel .item .icon {
			color: var(--AquaColor);
			margin-bottom: 20px;
		}
			.owl-carousel .item .icon .bootstrap-icon {
				font-size: 3em;
				line-height: 1em;
			}
		.owl-carousel .item .title {
			font-size: 1.25em;
			margin-bottom: 20px;
		}
		.owl-carousel .item .description {
			font-size: 0.8em;
			line-height: 1.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;
			}


/*===========================================
	FOOTER
===========================================*/
.footer {
	color: var(--WhiteColor);
	padding: 50px 0;
}
	.footer .top-banner {
		display: flex;
		justify-content: space-between;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #DEDEDE;
	}
		.footer .top-banner .company-logo {
			width: 175px;
		}
		.footer .top-banner .contact-adviser {
			display: flex;
			justify-content: center;
			align-items: center;
		}
	
	
	.footer .middle-banner {
		display: flex;
		justify-content: space-between;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #DEDEDE;
	}
		.footer .disclaimer {
			width: 100%;
		}
			.footer .disclaimer p {
				font-size: 0.8em;
			}
		.footer .bottom-banner {
			
		}
			.footer .bottom-banner p {
				font-size: 0.8em;
				text-align: right;
			}


/*===========================================
	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 4px;
    margin: 2px 0 5px 0;
    min-height: 35px;
    box-sizing: border-box;
    border: 0;
    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: #e2c487;
	}
	
textarea {
	font-family: inherit;
    font-size: inherit;
	height: 100px;
	line-height: 24px;
	background: #f6f6f6;
	border: 0;
    border-bottom: 2px solid #e0e0e0;
	resize: none;
}
	textarea:focus {
		border-bottom: 2px solid #103556;
	}
	input.validate-error,
	textarea.validate-error {
		border-color: #FF0000;
	}
	
.send-message-button {
	display: inline-block;
	padding: 8px 20px;
    background: #174e53;
    opacity: 1;
    border-radius: 5px;
    color: var(--WhiteColor);
	margin-top: 20px;
	cursor: pointer;
}	
	.send-message-button:hover {
		background: #144448;
	}