@charset "UTF-8";
/* CSS Document */

/*------------------   Prevent mobile browser resizeing text   ------------------*/

html, body, form, fieldset, p, div, h1, h2, h4, h5, h6 {
    -webkit-text-size-adjust:none;
	box-sizing: border-box;
}

/*------------------   Common DOM element styles   ------------------*/

body {
	font-family: Helvetica, Arial, "sans-serif";
	box-sizing: border-box;
	margin: 0px;
}

p, h1, h2, h3, h4 {
	color: #1C75BC;
}

h1.xl {
	font-size: 42px;
	margin-bottom: 50px;
}

h1 {
	
}

h2 {
	
}

H3 {
	
} 

H4 {
	
}

p {
	font-size: 20px;
}

ol {
	font-size: 20px;
}

ul {
	font-size: 20px;
}

a {
	text-decoration: none;
	color: #1C75BC;
}

a:visited {
	text-decoration: none;
	color: #1C75BC;
}

/*------------------   Additional text styles   ------------------*/

.centred {
	text-align: center;
}

.justified {
	text-align: justify;
}

.shadow {
	text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.64);
}

.glow {
	text-shadow: 0px 3px 6px rgba(255, 255, 255, 0.64);
}

.desktopBreak {

}

blockquote {
	display:block;
	position: relative;
  }

  blockquote p {
	line-height: 35px;
	font-family: mrs-eaves-xl-serif, serif;
	font-weight: 800;
	font-style: italic;
  }

  blockquote::before {
	font-family: "miller-text", serif;
	font-weight: 700;
	font-style: italic;
	content: '“';
	font-size: 150px;
	position: absolute;
	left: -50px;
	top:-70px;

  }

  blockquote::after {
	font-family: "miller-text", serif;
	font-weight: 700;
	font-style: italic;
	content: '”';
	font-size: 150px;
	position: absolute;
	right: 0px;
	bottom:-120px;
  }

/*------------------   Form element styles   ------------------*/


form {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 0px;
	padding-top: 0px;
}

.formWrapper h2 {
	color: #FFFFFF;
	font-size: 30px;
	margin-top: 0px;
}

.formWrapper{
	box-sizing: border-box;
	width: 100%;
	height: auto;
	background-color: #1C75BC;
	border-radius: 10px;
	padding: 30px;
}

.inputWrapper {
	width: calc(50% - 8px);
}

input {
	width: 100%;
	height:40px;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color:#000000;
	border-radius: 5px;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 25px;
	padding-left: 0px;
	padding-right: 0px;
}

input::placeholder {
	color: #000000;
}

label {
	width: 100%;
	color: #FFFFFF;
	font-size: 20px;
}

.textAreaWrapper {
	width: 100%;
}

textarea {
	width: 100%;
	border-style: solid;
	min-height: 130px;
	border-width: 0px 0px 0px 0px;
	border-color:#000000;
	border-radius: 5px;
	font-size: 20px;
	line-height: 24px;
	padding-top: 15px;
	padding-bottom: 0px;
	margin-top: 10px;
	margin-bottom: 25px;
	box-sizing: border-box;
}

textarea::placeholder {
	color: #000000;
}

.formPrivacy {
	width: 100%;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	font-size: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 18px;
	box-sizing: border-box;	
	color: #FFFFFF;
}

.formPrivacy a {
	text-decoration: underline;
	color: #FFFFFF;
}

.recapcha {
	width: 100%;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	font-size: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 40px;
	box-sizing: border-box;	
}

.error {
	color: red;
	font-size: 12px;
	text-align: center;
}

button {
	box-sizing: border-box;
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	margin: 0px;
	color: #FFFFFF;
	border-radius: 20px;
	padding-left: 20px;
	padding-right: 20px;
	min-width: 100px;
	height: 40px;
	border: solid 1px #FFFFFF;
	background-color: #1C75BC;
}

a.button {
	box-sizing: border-box;
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	margin: 0px;
	color: #1C75BC;
	border-radius: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 11px;
	min-width: 100px;
	height: 40px;
	display: inline-block;
	border: solid 1px #1C75BC;

}

a.buttonReverse {
	box-sizing: border-box;
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	margin: 0px;
	color: #FFFFFF;
	border-radius: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 11px;
	min-width: 100px;
	height: 40px;
	display: inline-block;
	border: solid 1px #FFFFFF;

}

/*------------------   Link based button styles ------------------*/


a.button:visited {
	color: #1C75BC;
	text-decoration: none;
}

.buttonWrapper {
	width: 100%;
	display: flex;
	justify-content:flex-start;
	column-gap: 30px;
}

.col2 .buttonWrapper {
	justify-content: flex-start;
}

#viewport {
	width: 100%;
	height: 100vh;
	box-sizing: border-box;
	border: solid #000000 20px;
	overflow-y: scroll;
}

/*------------------   Generic layout elements   ------------------*/

#wrapper {
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

.section {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	padding: 40px;
	display: flex;
	justify-content: center;
	background-color: #F4F4F5;
}

.section:nth-child(odd) {
	background-color: #FFFFFF;
}

.contentArea {
	width: 1024px;
	height: auto;
	overflow-y: visible;
}

.contentAreaImage {
	margin: 50px -30px 50px -30px;
	width: 1084px;
	height: 469px;
	content: "";
	background-size: cover;
	background-position: center;
}

	.contentItemWrapper {
		width: 100%;
		display: flex;
		flex-direction: row;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	.contentItemIcon {
		width: auto;
		padding-right: 70px;
	}
	
	.contentItemText {
		flex-grow: 2;
	}

.contentItemText h2 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.contentItemText h3 {
	margin-bottom: 0px;
}

.contentItemText h3 + p {
	margin-top: 0px;
}

.contentItemText p:first-child {
	margin-top: 0px;
}








.multiColWrapper {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	margin-top: 0px;
	margin-bottom: 50px;
}

.col1 {
	width: 60%;
}

.col2 {
	width: calc(40% - 65px);
}

.col1 h2, .col2 h2 {
	margin-bottom: 40px;
}

	.col2 h2 {
		font-size: 20px;
	}

#itemCardWrapper {
	margin-top: 85px;
	margin-bottom: 40px;
}

.itemCard {
	width: 100%;
	height: 320px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

.itemCard:nth-child(odd) {
	flex-direction: row;
}

.itemCard:nth-child(even) {
	flex-direction: row-reverse;
}

.itemCard:last-child {
	margin-bottom: 0px;
}

.itemImageOuter {
	flex-basis: 400px;
	flex-grow: 0;
	flex-shrink: 0;
	padding-top: 320px;
	position: relative;
}

.itemImage {
	position:absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-position: center;
	background-size: cover;
}

.itemTextOuter {
	width: 100%;
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.itemTextInner {
	display: flex;
	width: 100%;
	border-top: solid #000000 6px;
	padding-top: 30px;
	
}

.modal {
	display: none;
	position: fixed;
	z-index: 100;
	padding: 10% 0% 10% 0%;
	box-sizing: border-box;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.6);
}

.modalContent {
	position: relative;
	background-color: #FFFFFF;
	margin: auto;
	box-sizing: border-box;
	padding: 20px;
	width: 90%;
	min-height: 70%;
	max-width: 1024px;
	display: flex;
	flex-direction: column;
	justify-content:flex-start;
}

.modalText {
	padding: 70px;
}

.modalClose {
	z-index: 101;
	position: absolute;
	top: 35px;
	right: 35px;
}

.noScroll {
	overflow-y: hidden;
  }

.modalOpen {
	display: block;
}


/*------------------   Header Section   ------------------*/


.homepageHeaderSection {
	box-sizing: border-box;
	width: 100%;
	min-height: 90vh;
	background-position: center;
	background-size: cover;
	position: relative;
	background-color: #555555;
} 

.headerSection {
	box-sizing: border-box;
	width: 100%;
	height: 80vh;
	background-position: center, center;
	background-size: cover, cover;
	position: relative;
	background-color: #555555;
} 

.headerDecoration {
	width: 100%;
	max-width: 100%;
	min-height: 100%;
	z-index: 1;
	position: absolute;
	top:0px;
}
.videoWrapper {
	width: 100%;
	max-width: 100%;
	min-height: 100%;
	z-index: 1;
	position: absolute;
	top:0px;
}

.headerDecoration div img {
	height: 100%;
	width: auto;
}

.headerDecorationMobile {
	display: none;
	overflow-y: hidden;
}

.upperDecoration {
	display: none;
	z-index: 1;
}

.lowerDecoration {
	display: none;
	z-index: 1;

}

.graphic {
			height: 120px;
			z-index: 2;

		}
		
		.graphic img {
			height: 100%;
			width: auto;
			display: block;

		}
		
		.fillWidth {
			flex-grow: 1;
			z-index: 2;

		}
		
		.fillWidth img {
			height: 120px;
			width: 100%;
			display: block;
		}

.headerSectionContent {
	box-sizing: border-box;
	width: 100%;
	padding: calc(100vw * 0.05);
	min-height: 90vh;
	background-position: center;
	background-size: cover;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: stretch;
	z-index: 10;
} 

.headerSectionContentArea {
	z-index: 1;
	width: 1024px;
	display: flex;
	flex-direction: column;
	justify-content:flex-start;
}

.headerContentOuter {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding-left: 50px;
	flex-grow: 3;

}

.headerContentInner {
	width: 50%;
	flex-direction: column;
}


/*------------------   Page Header including menu  ------------------*/


#header {
	box-sizing: border-box;
	width: auto;
	height: auto;
	min-height: 50px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	color: #FFFFFF;
	flex-grow: 0;
}

#logoWrapper {
	width: auto;
	height: auto;
	margin-top: calc(100vw * -0.05);
	overflow-y: visible;
	z-index: 1000;
}

#logoWrapperMobile {
	display: none;
}

#headerMenu {
	display: flex;
	flex-direction: row;
	margin-top: 0px;
	margin-bottom: 40px;
}

.headerMenuLink {
	margin-left: 0px;
	margin-right: 8px;
	text-align: center;
	text-shadow: 0px 0px 4px rgba(255,255,255, 0.1);
}

.headerMenuLink a {
	color: #1C75BC;
	font-size: 18px;
}

.headerMenuLink a:visited {
	text-decoration: none;
	color: #1C75BC;
}

.headerMenuLink::after {
	content: "";
	margin-left: 16px;
}

.headerMenuLink:last-child::before {
	content: "|";
	margin-right: 20px;
	color: #1C75BC;
}

#leftCurveDecoration {
	z-index: 100;
}


.pointer {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	
	border-bottom: 10px solid white;
  }
/* 			  .dropdown {
				  display: none;
				  width: 100px;
				  height: auto;
				  background-color: white;
				  border-radius: 5px;
				  content: "";
			  } */
  
			  .submenu {
  z-index: 250;
				  min-width: 200px;
				  overflow-x: visible;
				  padding-top: 45px;
				  flex-direction: column;
				  align-items: center;
				  box-sizing: border-box;
  position:absolute;
			  }
  
			  .submenuContent {
				  width: auto;
				  height: auto;
				  background-color: white;
				  border-radius: 5px;
				  padding: 10px;
				  display: flex;
				  flex-direction: column;
				  align-items: center;
				  row-gap: 10px;
			  }
			  .show {
				  display: block;
			  }
  
			  .menuLink {
				  text-align: center;
				  box-sizing: border-box;
				  float: left;
				  display: flex;
				  flex-direction: column;
				  align-items: center;
				  margin-right: 8px
			  }

.menuLink:last-child {
margin-right: 0px;
}

.menuLink:last-child::before {
	content: "|";
	margin-right: 20px;
	color: black;
}
  
			  a.submenuLink {
				  text-decoration: none;
				  color: #000000 !important;
			  }
			  a:visited.submenuLink {
				  text-decoration: none;
				  color: #000000 !important;
			  }
  

#headerSocialWrapper {
	width: 150px;
	display: flex;
	flex-direction: row-reverse;
	column-gap: 5px;
}

#mobileMenuWrapper {
	display: none;
}

.headerTopFeatherHidden {
	display: none;
}

.headerTopFeather {
	background-image: url('../images/template/header_top_feather.png'); 
	background-size: cover;
	content='';
	position: absolute; 
	top: 0px;
	width: 100%;
	height: 250px;
	left: 0px;
}

.homepageHeaderTopFeather {
	background-image: url('../images/template/home_header_top_feather.png'); 
	background-size: cover;
	content='';
	position: absolute; 
	top: 0px;
	width: 100%;
	height: 400px;
	left: 0px;
}

.headerTopFeatherRev {
	background-image: url('../images/template/header_top_feather_rev.png'); 
	background-size: cover;
	content='';
	position: absolute; 
	top: 0px;
	width: 100%;
	height: 250px;
	left: 0px;
}

/*------------------   Home page specific elements   ------------------*/


.homepageWelcomeOuter {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: row;
	margin-bottom: 0px;
}

.homepageWelcomeInner {
	width: 600px;
	padding: 0px;
}

.homepageWelcomeInner p {
	line-height: 20px;
	margin: 10px 0px 0px 0px;
	color: #ffffff;
}

.homepageWelcomeInner h2 {
	margin: 0px;
	color: #ffffff;
}

					.servicePromoWrapper {
						margin-top: 60px;
						margin-bottom: 50px;
						display: flex;
						flex-direction: row;
						justify-content: center;
					}
					
					.servicePromoItem {
						width: auto;
						height: auto;
						display: flex; 
						flex-direction: row;
						margin-right: 40px;
					}

					.servicePromoItem:last-child {
						margin-right: 0px;
					}

					.servicePromoSet {
						display: flex;
						flex-direction: column;
					}		

					.servicePromoSet:last-child {
						border-left: 2px solid #3871B9;
						padding-left: 60px;
						margin-left: 60px;
					}

					.servicePromoUpper {
						width: auto;
						height: auto;
						display: flex;
						flex-direction: row;
					}
					
					.servicePromoLower {
						margin-top: 20px;
						width: auto;
						text-align: left;
					}
					
					.servicePromoIcon {
						width: 110px;
						height: auto;
						overflow-y: visible;
						text-align: left;
					}
					
					.servicePromoText {
						width: auto;
						height: auto;
						margin-left: 20px;
						display: flex;
						flex-direction: column;
						justify-content: center;
						text-align: left;
					}

.homepageBanner {
	text-align: center;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	min-height: 400px;
	display: flex;
	flex-direction: row;
	justify-content:flex-start;
	align-items: stretch;
	background-position: center;
	background-size: cover;
	background-color: #1C75BC;
	margin-bottom: 2px;
	position: relative;
}

.homepageBanner:nth-child(2n) {
	flex-direction: row-reverse;
}

.homepageBannerText {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content:space-between;
	width: 40%;
	height: auto;
	text-align: left;
	padding:75px;
	color:#FFFFFF;
}

.homepageBannerText h1 {
	color: #FFFFFF;
	font-weight: 100;
}

.homepageBannerText p {
	color: #FFFFFF;
}

.homepageBannerImage {
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 60%;
	text-align: left;
	padding: 0px;
	color:#FFFFFF;
	background-size: cover;
	background-position: center;
	background-color: #555555;
}

.homepageBannerImageDecorationOne {
	box-sizing: border-box;
	height: auto;
	width: auto;
	flex-basis: 50%;
}

.homepageBanner:nth-child(2n) .homepageBannerImage {
	flex-direction: row-reverse;
}

.homepageBanner:nth-child(2n) .homepageBannerImageDecorationOne {
	box-sizing: border-box;
	height: auto;
	width: auto;
	flex-basis: 50%;
	text-align: right;
}

.homepageBanner:nth-child(2n) .homepageBannerImageDecorationOne img {
transform: scaleX(-1);
}



.homepageBannerImageDecorationTwo {
	box-sizing: border-box;
	height: auto;
	width: auto;
	flex-basis: 50%;
	text-align: right;
}

.homepageBanner:nth-child(2n) .homepageBannerImageDecorationTwo {
	box-sizing: border-box;
	height: auto;
	width: auto;
	flex-basis: 50%;
	text-align: left;
}

.homepageBanner:nth-child(2n) .homepageBannerImageDecorationTwo img {
transform: scaleX(-1);
}

.homepageBannerImageDecorationOne img {
	height: 100%;
	width: auto;
	margin: 0px;
	padding: 0px;
}

.homepageBannerImageDecorationTwo img {
	height: 100%;
	width: auto;
	margin: 0px;
	padding: 0px;
}

.homepageBannerImageDecorationMobile {
		display: none;
	
	}

.homepageBannerImageDecorationMobile img {
	width: 100%;
	display: block;
}




.makeFlexCenter {
	display: flex;
	justify-content: center;
}


/*------------------   Owl carousel   ------------------*/


.owl-carousel {
	margin: 50px -30px 50px -30px;
	width: 1084px !important;
	height: 469px;
}

.owl-carousel .item {
	width: 1084px;
	height: 469px;
	background-size: cover;
	background-position: center;
    content: "";
}

.owl-carousel button.owl-dot {
	min-width: 14px;
    width: 14px !important;
    height: 14px !important;
    border-radius: 7px;
    background-color: white !important;
	padding: 0px !important;
}

.owl-dots {
    display: flex;
    column-gap: 25px;
    justify-content: center;
}	


/*------------------   Contact page specific elements   ------------------*/


.contactDetails {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	margin-bottom: 30px;
}

.contactItem {
	display: flex;
	flex-direction: row;
	width: 100%;
	height: auto;
}

.contactItemIcon {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: auto;
	margin-right: 20px;	
}

.contactItemText {
	display: flex;
	box-sizing: border-box;
	flex-direction: column;
	justify-content:flex-start;

}

.contactItemText p {
	font-size: 20px;
	margin-top: 6px;
	margin-bottom: 6px;
}

.contactItemText p a {
	text-decoration: none;
	color: #1C75BC;
}

.contactItemText p a:visited {
	text-decoration: none;
	color: #1C75BC;
}

/*------------------   Leadership section images   ------------------*/

#leaderCardWrapper {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 40px;
}

.leaderCard {
	width: 240px;
	height: auto;
	display: flex;
	flex-direction: column;
	margin: 35px;
}

.leaderPhoto {
	width: 100%;
	height: 186px;
	display: flex;
	margin-bottom: 25px;
	justify-content: center;
	align-items:  center;
}

.leaderPhoto img {
	width: 186px;
	height: 186px;
}

.leaderDetails {
	width: 100%;
	text-align: center;
}

.leaderDetails h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.leaderDetails p {
	font-size: 14px;
	margin-top: 0px;
}


/*------------------   Footer Section   ------------------*/


.footer {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 40px;
	display: flex;
	justify-content: center;
	background-color: #FFFFFF;
	color: #1C75BC;
}

footer a {
	color: #1C75BC;
}

footer a:visited {
	text-decoration: none;
	color: #1C75BC;
}

.footerContentArea {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.footerContentArea div {
}

.footerMenu {
	display: flex;
	flex-direction: row;
	margin-top: 35px;
	margin-bottom: 40px;
}

.footerMenuLink {
	margin-left: 0px;
	margin-right: 12px;
	text-align: center;
}

.footerMenuLink a {
	color: #1C75BC;
	font-size: 20px;
}

.footerMenuLink a:visited {
	text-decoration: none;
	color: #1C75BC;
}

.footerMenuLink::after {
	content: "";
	margin-left: 16px;
}

.footerMenuLink:last-child::before {
	content: "|";
	margin-right: 20px;
}

.footerSubscribe {
	margin-bottom: 10px;
}

.footerSubscribe button {
	border-radius: 0px 20px 20px 0px;
	border: 1px solid #1C75BC;
}

.footerSubscribe input {
	box-sizing: border-box;
	border-radius: 20px 0px 0px 20px;
	width: 300px;
	padding-left: 30px;
	border: 1px solid #1C75BC;
	margin-top: 0px;
}

.footerSubscribe input::placeholder {
	color: #28AAE1;
}


.footerSubscribe a {
	margin-left: 5px;
	margin-right: 5px;
}

.credit a {
	font-size: 12px;
	color: #1C75BC;
	font-weight: 100;
}

.credit a:visited {
	color: #1C75BC !important;
}


/*------------------   Mobile menu   ------------------*/


#menuButton {

}

.mobileMenu {
	position:fixed;
	top: 0px;
	right: -310px;
	z-index: 16000161;
	width: 300px;
	height: 100vh;
	min-height: 300px;
	background-color: #FFFFFF;
	box-sizing: border-box;
	padding: 30px;
	display: flex;
	flex-direction: column;
	transition: .3s;
	box-shadow : 0px 0px 5px rgba(0, 0, 0, 0.75);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000') ;
}

.active {
	position: fixed;
	right: 0px;
}

.mobileMenu #closeButton {
	flex-basis: 15%;
	color: #FFFFFF;
}

.mobileMenu #pageList {
	flex-basis: 60%;
	color: #FFFFFF;
}

.mobileMenu #pageList ul {
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
}

.mobileMenu #pageList ul li.listHeader {
	list-style: none;
	color: #1C75BC;
	font-size: 20px;
	line-height: 26px;
	font-weight: 400;
}

.mobileMenu #pageList ul li.mobileMenuItem {
	list-style: none;
	font-size: 20px;
	line-height: 26px;
	color: ##1C75BC;
	font-weight: 100;
	border-top: 1px solid #28AAE1;
	padding-top:20px;
	padding-bottom:20px;
}

.mobileMenu #pageList ul li.mobileMenuItem:last-child {
	border-bottom: 1px solid #28AAE1;
}

.mobileMenu #pageList ul li.mobileMenuItem ul {
	list-style-type: "– ";
	margin-left: 20px;
	color: #1C75BC;
}

.mobileMenu #pageList ul li.mobileMenuItem ul li a {
	color: ##1C75BC;
}

.mobileMenu #pageList ul li.mobileMenuItem ul li a:visited {
	color: #1C75BC;
}

.mobileMenu #pageList ul li.mobileMenuItem a {
	color: ##1C75BC;
	font-size: 20px;
	line-height: 26px;
	font-weight: 100;
}

.mobileMenu #pageList ul li.mobileMenuItem a:visited {
	color: #1C75BC;
	text-decoration: none;
}

.mobileMenu #details {
	flex-basis: 20%;
	color: #FFFFFF;
	display: flex;
	flex-direction: column;
	justify-content:flex-end;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #FFFFFF;
}

.mobileMenu #details ul {
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
}

.mobileMenu #details ul li.mobileMenuItem {
	list-style: none;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 18.5px;
}

.mobileMenu #details ul li.mobileMenuItem a {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 18px;
	font-weight: 100;
}

.mobileMenu #details ul li.mobileMenuItem a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.mobileMenu #details .iconRow {
	display: flex;
	flex-direction: row;
	gap: 15px;
}

@media screen and (min-width: 1085px) and (max-width: 1200px) {
	
	#logoWrapper {
		margin-left: 100px;
	}
	
	.headerContentOuter {
		margin-left: 100px;
	}
	
}

@media screen and (min-width: 595px) and (max-width: 1084px) {
	

	
	#logoWrapper {
		display: none;
	}
	
	.mobileCentered {
		text-align: center;
	}
	
		.contentItemWrapper {
		flex-direction: column;
	}
	
	.contentItemIcon {
		width: 100%;
		text-align: center;
		margin-bottom: 50px;
		margin-right: 0px;
			padding-right: 0px;


	}
	
		.headerContentOuter {
		margin-left: 0px;
			padding-bottom: 60px;
	}
	
	.headerDecoration {
		display: none;
	}
	
	.upperDecoration {
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
	}
	
		.lowerDecoration {
			width: 100%;
			height: auto;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			position: absolute;
			bottom: 0px;
	}
	
	.headerDecoration {
		display: none;
	}
	
	#logoWrapperMobile {
		display: block;
		margin-left: -30px;
		margin-top: calc(100vw * 0.05);
	}
	
	.headerDecorationMobile {
		display: block;
	width: 100%;
	max-width: 100%;
	min-height: 100%;
	z-index: 1;
	position: absolute;
	top:0px;
}
	
	
	.headerDecoration {
		display: none;
	}
	
	.headerDecoration {
		display: none;
	}

	
/*	.headerDecorationMobile div img {
	width: 100%;
	height: auto;
	display:block;
}*/

	.headerSectionContentArea {
		width: 100%;
	}
	
		.headerSectionContent {
		padding: 25px;
	}
	
	.contactItem {
		flex-direction: column;
		align-items: center;
		height: auto;
		width: 100%;
		margin-bottom: 20px;
	}

	.contactItemIcon {
		margin-right: 0px;
	}

	.contactItemText {
		text-align: center;
	}
	
	.desktopBreak {
		display: none;
	}

	.modalText {
		padding: 0px;
	}

	h1.xl {
		font-size: 40px;
	}
	
	#headerMenu {
		display: none;
	}

	#mobileMenuWrapper {
		display: flex;
		justify-content: flex-end;
		width: 150px;
	}
	

	
	.inputWrapper {
		width: 100%;
	}

	.multiColWrapper {
		flex-direction: column;
	}
	.col1, .col2 {
		width: 100%;
	}
	
	.col2 {
		margin-top: 60px;
	}
	
	.col1 h2, .col2 h2 {
		text-align: center;
		margin-bottom: 30px;
	}

	.headerContentInner {
		width: auto;
	}

	.homepageWelcomeInner {
		width: 600px;
	}

		.servicePromoWrapper {
		flex-direction: column;
			align-items: center;
	}
	
						.servicePromoSet:last-child {
						border-left: 0px; 
						border-top: 2px solid #3871B9;
						padding-left: 0px;
						margin-left: 0px;
						padding-top: 60px;
						margin-top: 60px;
					}
	
	.servicePromoUpper {
		flex-direction: column;
	}
	
	.servicePromoItem {
		flex-direction: column;
		margin-right: 0px;
		margin-bottom: 40px;
	}
	
	.servicePromoItem:last-child {
		margin-bottom: 20px;
	}
	
	.servicePromoIcon, .servicePromoText {
				text-align: center;
		margin-left: 0px;
	}
	
	.servicePromoIcon {
		width: 100%;
	}
	
	.servicePromoLower {
		text-align: center;
	}
	
		.homepageBanner {
		flex-direction: column;
		height: auto;
	}
	
	.homepageBanner:nth-child(2n) {
	flex-direction: column;
}
	
	.homepageBannerText {
		width: 100%;
		padding-bottom: 0px;
	}
	
	.homepageBannerImage {
		width: 100%;
	}
	
	.homepageBannerImageDecorationOne {
		display: none;
	}
	
	.homepageBannerImageDecorationTwo {
		display: none;
	}
	
	.homepageBannerImageDecorationMobile {
			display: block;

		width: 100%;
	}
	
	.footerMenuLink:last-child::before {
		display: none;
	}
	
	.footerSubscribe input {
		text-align: center;
		width: 100%;
		margin-bottom: 0px;
		border-radius: 20px 20px 0px 0px;
	}
	
	.footerSubscribe button {
		width: 100%;
		margin-bottom: 25px;
		border-radius: 0px 0px 20px 20px;
	}

	.itemCard {
		flex-direction: column;
		height: auto;
	}
	
	.itemCard:nth-child(odd) {
		flex-direction: column;
	}

	.itemCard:nth-child(even) {
		flex-direction: column;
	}

	.itemImageOuter {
		flex-basis: auto;
		position: relative;
		width: 100%;
		padding-top: 75%;
	}

	.itemTextOuter {
		padding: 40px 0px 0px 0px;
	}

	.contentArea {
		width: 100%;
	}

	.contentAreaImage {
		margin: 50px -40px 50px -40px;
		width: calc(100% + 80px);
		height: 400px;
	}

	.owl-carousel {
		margin: 50px -40px 50px -40px;
		width: calc(100% + 80px) !important;
		height: 400px;
	}

	.owl-carousel .item {
		width: calc(100% + 0px);
		height: 400px;
	}

	.contactDetails {
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		column-gap: 10px;
	}

	.footerMenu {
		flex-direction: column;
	}

	.footerMenuLink {
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: center;
	}
	
	.footerMenuLink::after {
		content: "";
		margin-left: 0px;
	}

}

@media  screen and (max-width: 594px) {
	
		.g-recaptcha {
		transform: scale(0.8);
		margin-left: -32px;
		margin-top: -9px;
		margin-bottom: -11px;
	}
	
		.mobileCentered {
		text-align: center;
	}
	
			.contentItemWrapper {
		flex-direction: column;
	}
	
	.contentItemIcon {
		width: 100%;
		text-align: center;
		margin-bottom: 50px;
		margin-right: 0px;
		padding-right: 0px;
	}
	
	.headerSectionContent {
		padding: 25px;
	}
	
	#logoWrapper {
		display: none;
	}
	
			.headerContentOuter {
		margin-left: -30px;
		justify-content: flex-start;
	}
	
	.headerDecoration {
		display: none;
	}
	
	.headerDecoration {
		display: none;
	}
	
	#logoWrapperMobile {
		display: block;
		margin-left: -30px;
		margin-top: calc(100vw * 0.05);
	}
	
	.headerDecorationMobile {
		display: block;
	width: 100%;
	max-width: 100%;
	min-height: 100%;
	z-index: 1;
	position: absolute;
	top:0px;
}
	
/*	.headerDecorationMobile div img {
	width: 100%;
	height: auto;
	display:block;
}*/
	
		.upperDecoration {
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
	}
	
	.lowerDecorationWrapper {
	display: block;

	bottom: 0px;
	}
	
		.lowerDecoration {
			width: 100%;
			height: auto;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			position: absolute;
			bottom: 0px;
	}	

	.mobileMenu {
		padding-bottom: 150px;
	}

	.headerSectionContentArea {
		width: 100%;
	}

	.contactItem {
		flex-direction: column;
		align-items: center;
		height: auto;
	}

	.contactItemIcon {
		margin-right: 0px;
	}

	.contactItemText {
		text-align: center;
	}

	.modalText {
		padding: 0px;
	}

	.desktopBreak {
		display: none;
	}
	
	p {
		font-size: 22px;
	}

	h1.xl {
		font-size: 40px;
	}

#headerMenu {
	display: none;
}

#headerSocialWrapper {
	display: none;
}

#mobileMenuWrapper {
	display: flex;
	justify-content: flex-end;
	width: 150px;
}

	.multiColWrapper {
		flex-direction: column;
	}

	.col1, .col2 {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
		.col2 {
		margin-top: 60px;
	}

	.col2 .buttonWrapper {
		justify-content: flex-start;
	}

	.col1 h2, .col2 h2 {
		text-align: center;
		margin-bottom: 30px;
	}
	


	.headerContentInner {
		width: auto;
	}

	.button {
		text-align: center;
	}

	input {
		width: 100%;
	}

	.contentArea {
		width: 100%;
	}
	
	
.servicePromoWrapper {
		flex-direction: column;
			align-items: center;
	}
	
	.servicePromoSet {
		width: 90%;
	}
	
						.servicePromoSet:last-child {
						border-left: 0px; 
						border-top: 2px solid #3871B9;
						padding-left: 0px;
						margin-left: 0px;
						padding-top: 60px;
						margin-top: 60px;
					}
	
	.servicePromoUpper {
		flex-direction: column;
	}
	
	.servicePromoItem {
		flex-direction: column;
		margin-right: 0px;
		margin-bottom: 40px;
	}
	
	.servicePromoItem:last-child {
		margin-bottom: 20px;
	}
	
	.servicePromoIcon, .servicePromoText {
				text-align: center;
		margin-left: 0px;
	}
	
	.servicePromoIcon {
		width: 100%;
	}
	
	.servicePromoLower {
		text-align: center;
	}
	
	
	
	
	.homepageBanner {
		flex-direction: column;
		height: auto;
	}
	
		.homepageBanner:nth-child(2n) {
	flex-direction: column;
}
	
	.homepageBannerText {
		width: 100%;
		padding-bottom: 0px;
	}
	
		.homepageBannerImage {
		width: 100%;
	}
	
	.homepageBannerImageDecorationOne {
		display: none;
	}
	
	.homepageBannerImageDecorationTwo {
		display: none;
	}
	
	.homepageBannerImageDecorationMobile {
			display: block;

		width: 100%;
	}
	
	.footerMenuLink:last-child::before {
		display: none;
	}
	
		.inputWrapper {
		width: 100%;
	}
	
	.footerSubscribe input {
		text-align: center;
		width: 100%;
		margin-bottom: 0px;
		border-radius: 20px 20px 0px 0px;
	}
	
	.footerSubscribe button {
		width: 100%;
		margin-bottom: 25px;
		border-radius: 0px 0px 20px 20px;
	}

	.itemCard {
		flex-direction: column;
		height: auto;
	}
	.itemCard:nth-child(odd) {
		flex-direction: column;
	}

	.itemCard:nth-child(even) {
		flex-direction: column;
	}

	.itemImageOuter {
		flex-basis: auto;
		position: relative;
		width: 100%;
		padding-top: 75%;
	}

	.itemTextOuter {
		padding: 40px 0px 0px 0px;
	}
	.contentAreaImage {
		margin: 50px -40px 50px -40px;
		width: calc(100% + 80px);
		height: 200px;
	}

	.owl-carousel {
		margin: 50px -40px 50px -40px;
		width: calc(100% + 80px) !important;
		height: 200px;
	}

	.owl-carousel .item {
		width: calc(100% + 0px) !important;
		height: 200px;
	}

	.owl-dots {
		column-gap: 10px;
	}

	.buttonWrapper {
		width: 100%;
		height: 100px;
		display: flex;
		flex-direction: column;
		align-items: center;
		row-gap: 15px;
	}
	.footerMenu {
		flex-direction: column;
	}

	.footerMenuLink {
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: center;
	}
	
	.footerMenuLink::after {
		content: "";
		margin-left: 0px;
	}
}