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, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


body {
	/*line-height: 1;*/
  background-color: #fafafa;
  margin: 0 !important;
  padding-top: 80px;
}
/*html, body {
  margin: 0;
  padding: 0;
}*/

/* FONTS */



h1,
article h1,
aside h1,
nav h1,
section h1{
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight:200;
  font-style: normal;
  line-height: 1.2;
  padding:0 0 0.6em 0;
}


h2 {
  font-family: "Roboto", sans-serif;
  font-weight:400;
  font-style: normal;
  color:#05364C;
  font-size:2.8em;
  line-height: 1.2;
  padding-bottom:1em;
}


h3 {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
  color:#536269;
  font-size:1.8em;
  padding:1em 0 0.4em 0;
  line-height:1.4 !important;
  text-align:left;
}


h4 {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
  color:#05364C;
  font-size:1.2em;
  line-height: 1.3;
  padding: 1em 0 1em 0;
}

h5 {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight:600;
  font-style: normal;
  color:#05364C;
  font-size:1.3em;
  text-align:left;
  padding:0 0 0.6em 0;
  line-height:1.2;
}

h6 {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight:500;
  font-style: normal;
  color:#042636;
  font-size:20px;
  text-align:left;
  padding:0 0 1em 0;
}

p {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  color:#042636;
  font-size:18px;
  line-height: 1.6;
  margin-top:1em;
}

.homeTitle {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight:200;
  font-style: normal;
  color:#02121A;
  font-size:2em;
  /*padding: 0 1em 0 0;*/
  line-height:1.4 !important;
  text-decoration:none;
}



.image-caption {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
  color:#3D535E;
  font-size:16px;
  line-height:6em;
}

a{
	font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight:500;
  font-style: normal;
  text-decoration:underline;
  color: #085375;
  font-size:inherit;
}

a:hover {
  color:#7b6e01;
}

a:focus {
	outline: 4px solid #8A7C01;
  outline-offset: 6px;
}

strong {
  font-weight: 600;
}


.xLargeTextBlue {
  font-family:"Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight:800;
  font-style: normal;
  color:#05364C;
  font-size:2.7em;
  line-height:1.4;
  text-align: left;
}

.medTextBlue {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight:200;
  font-style: normal;
  color:#05364C;
  font-size:1.6em;
  line-height: 1.4;
}

.largeTextBlack {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
  color:#042636;
  font-size:1.5em;
  line-height: 1;
}



.caseStudyTitle{
  font-family: "Roboto", sans-serif;
  font-weight:200;
  font-style: normal;
  color:#fafafa; 
  font-size:3em;
  line-height:1.2;
  padding-bottom:0.4em;
}

.caseStudySubTitle{
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
  color:#fafafa; 
  font-size:1.8em;
  line-height:1.4 !important;
  padding-bottom:1.8em;
}


.caseStudyRole{
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
  color:#fafafa; /*formerly 042636*/
  font-size:1.2em;
  line-height:1;
  margin-bottom:3em;
}
.caseStudyDiv p {
	color:#fafafa;
	line-height: 1.4;
}


/*Header */

#header {
   	position: relative;
   	text-align: left; 
   	width: 100%;
   	margin:0;
   	padding:2em 2em 4em 2em;
   	background-color: #fafafa;
   }

#headerIndex {
   	position: relative;
   	text-align: left; 
   	width: 100%;
   	margin:0;
   	padding:2em 2em 0 4em;
   	background-color: #02121A;
   }


/* BUTTONS*/

.sr-only {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  margin: -1px;

  overflow: hidden;

  clip: rect(0,0,0,0);

  white-space: nowrap;

  border: 0;

}

.CTA1 {
	width: auto;
  display: inline-block;
	align-items: center;
  background-color: #02121A;
  border-colour: #02121A;
  border-style:solid;
  border-width:2px;
  border-radius:40px;
  padding:1em 1.6em 1em 1.6em;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color 0.2s;  
}
.CTA1-font {
  font-family: "Roboto", sans-serif;
  font-weight:400;
  font-style: normal;
  color:#fafafa;
  font-size:1.2em;
  text-decoration: none;
}
.CTA1:hover {
  color:#02121A;
  text-decoration:none;
  background-color:#fafafa;
}

.CTA1:focus {
  outline: 4px solid #8A7C01;
}
.CTA2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-colour: #02121A;
  border-style:solid;
  border-width:2px;
  border-radius:40px;
  padding:1em 1.6em 1em 1.6em;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color 0.2s; 
}

.CTA2-font {
  font-family: "Roboto", sans-serif;
  font-weight:400;
  font-style: normal;
  color:#02121A;
  font-size:1.2em;
  text-decoration: none;
}

.CTA2:hover {
  color:#ffffff;
  text-decoration:none;
  background-color:#02121A;
}

.CTA2:focus {
  outline: 4px solid #8A7C01;
}

.CTA3 {
	font-family: "Roboto", sans-serif;
  font-weight:400;
  font-style: normal;
  color:#042636;
  font-size:1.2em;
  padding-bottom:0.2em;
  text-decoration: none;
  cursor: pointer;
  margin-top:2em;
  border-bottom-colour: #042636;
  border-bottom-style:solid;
  border-bottom-width:1px;
}

.CTA3:hover {
	color:#05364C;
  border-bottom-colour: #042636;
  border-bottom-style:solid;
  border-bottom-width:2px;
}

/* NAV */

#mainNav {
		/*position: relative;*/
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
		display: flex;
		align-items: center;
   	padding:1.2em 2em 1.2em 4em;
   	background-color: #ffffff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.12);
}
.menuGroup {
	margin-left: auto;
	display: flex;
	gap: 0.6em;

}


/* NAV BUTTONS */

.menu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  margin-right:1.4em;
 	padding-bottom:0;
}

.menu-on {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  margin-right:1.4em;
  padding-bottom:0;
}

.menu-font {
  font-family: "Roboto", sans-serif;
  font-weight:300;
  font-style: normal;
  color:#02121A;
  font-size:1.1em;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  padding-bottom:0;
}

.menu-font-on {
  font-family: "Roboto", sans-serif;
  font-weight:300;
  font-style: normal;
  color:#02121A;
  font-size:1.1em;
  text-decoration: none;
  border-bottom-style: solid;
  border-bottom-color:#02121A;
  border-bottom-width:1px;
  padding-bottom:0;
}

.menu:hover {
  color:#02121A;
  text-decoration:none;
  border-bottom-style: solid;
  border-bottom-width:1px;
  border-bottom-color: #02121A;
}

.menu:focus {
	color:#05364C;
  text-decoration:none;
  outline: 4px solid #8A7C01;
}
.menu-on:focus {
	color:#05364C;
  text-decoration:none;
  outline: 4px solid #8A7C01;
}

.menu:first-of-type {
 margin-left: auto;
}


/* LOGOS */
.image.logo {
		display: block;
		width: 200px;
		max-width: 200px;
		margin-bottom: 2em;
	}
	.image.logoRole {
		display: block;
		height:80px;
		max-height:100px;
	/*	margin-bottom: 2em;*/
	padding: 1em 0 0.4em 0;
	}
	.image.logo {
		display: block;
		height:100px;
		max-height:100px;
		margin:1em 0 1em 0;
		padding-bottom:0;
	}
			
	.image.logoSB {
		display: block;
		height:100px;
		max-height:100px;
		padding-bottom:0;
	}


.image.logoDelta {
		display: block;
		width: 100%;
		max-width: 200px;	
		margin-bottom: 2em;
	}

	.image.logoDeltaIndex {
		display: block;
		width: 100%;
		max-width: 200px;	
		padding:1em 0 1em 0;
		}

		.image.linkInLogo{
		display: block;
		max-width:50px;	
	}

	.image.square {
		display: block;
		width: 100%;
		height: 100%;
	}

	/*SECTIONS*/

	.divSectionIndex {
	width:100%;
	height:100%;
	padding:4em 0 2em 0;
	margin:0 0 4em 0;
	background-color:#02121A;
}

	.divSectionIndexWhite {
	width:100%;
	height:100%;
	padding:4em 0 2em 0;
	margin:0 0 3em 0;
	background-color:#fafafa;
}

	.divSectionIndexwImage {
	width:100%;
	height:100%;
	padding:4em 0 0 0;
	margin:0;
	background-color:#02121A;
}


	/*.skyLogoIndexSection1 {
	background-image: url(images/Sky-logo-case-study.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background-color:#fafafa;
}
	.skyLogoIndexSection2 {
	background-image: url(images/Sky-logo-case-study.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background-color:#fafafa;
}
	.skyLogoIndexSection3 {
	background-image: url(images/Sky-logo-case-study.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background-color:#fafafa;
}
*/

.divSectionTitle {
	background-color: #02121A;
	width:100%;
	padding:4em;
	margin-bottom:3em;
}

.divSectionTitle h1,
.divSectionTitle h2,
.divSectionTitle p {
color:#fafafa;
text-align: left;
}

.divSectionTitle h1{
	font-size:5em;
	padding-bottom: 0.4em;
}

.divSectionTitleRole {
	text-align: left;
	width:60%;
	padding-top:2em;
	margin:3em 0 0 0;
}

/*
.divSectionTitleSkyBusiness {
	background-image: url(images/Sky-business-colour.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left;
	width:100%;
	height:100%;
	padding:4em;
	margin:0;
	color:#fafafa;
}

.divSectionTitleDelta {
	background-image: url(images/BiP-colour-1.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left;
	width:100%;
	padding:4em;
	margin:0;
}

.divSectionTitleDelta h1,
.divSectionTitleDelta h2,
.divSectionTitleDelta p {
color:#ffffff;
}
.sectionTitleDeltaIndex {
	background-image: url(images/Delta-logo-banner.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
	width:100%;
	height:100%;
	padding:4em;
	margin:0;
	color:#fafafa;
}
.sectionTitleDeltaIndex2 {
	background-image: url(images/Delta-logo-banner.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width:100%;
	height:100%;
	padding:4em;
	margin:0;
	color:#fafafa;
}*/

/* Basic */

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}


		body.is-preload *, body.is-preload *:before, body.is-preload *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

	body, input, textarea, select {
		font-family: 'Source Sans Pro';
		font-weight: 300;
		color: #999;
		font-size: 16px;
		line-height: 1.75em;
	}




/* --------------------- Container */

	.container {
		margin: 0 auto;
		max-width: 100%; /*pre 90%*/
		width:100%;/*pre 80%*/
		background-color: #fafafa;
	}
		.containerIndex {
		margin: 0 auto;
		max-width: 100%; /*pre 90%*/
		width:100%;/*pre 80%*/
		background-color: #fafafa;;
	}

		@media screen and (max-width: 1680px) {

			.container {
				width: 100%;/*pre 80%*/
			}

		}

		@media screen and (max-width: 1280px) {

			.container {
				width: 100%;
			}

		}

		@media screen and (max-width: 980px) {

			.container {
				width:100%;
			}

		}

		@media screen and (max-width: 736px) {

			.container {
				width: 100%;
			}

		}

/* ------------------------ Row */

.row.no-gap {
    margin-top: 0;
}

.row.no-gap > * {
    padding-top: 0;
}

	.row {
		flex-wrap: wrap;
		box-sizing: border-box;
	  align-items: stretch;
		margin-bottom:4em;
		display: flex; 
	}
	.row:last-of-type {
    margin-bottom: 0;
}

	.responsive-box {
   		 width: 33.33333%;
  		}

		.row > * {
			box-sizing: border-box;
		}

		.row.gtr-uniform > * > :last-child {
			margin-bottom: 0;
		}

		.row.aln-left {
			justify-content: flex-start;
		}

		.row.aln-center {
			justify-content: center;
		}

		.row.aln-right {
			justify-content: flex-end;
		}

		.row.aln-top {
			align-items: flex-start;
		}

		.row.aln-middle {
			align-items: center;
		}

		.row.aln-bottom {
			align-items: flex-end;
		}

		.row > .imp {
			order: -1;
		}

		.row > .col-1 {
			width: 8.3333333333%;
		}

		.row > .off-1 {
			margin-left: 8.3333333333%;
		}

		.row > .col-2 {
			width: 16.6666666667%;
		}

		.row > .off-2 {
			margin-left: 16.6666666667%;
		}

		.row > .col-3 {
			width: 25%;
		}

		.row > .off-3 {
			margin-left: 25%;
		}

		.row > .col-4 {
			width: 33.3333333333%;
		}

		.row > .off-4 {
			margin-left: 33.3333333333%;
		}

		.row > .col-5 {
			width: 41.6666666667%;
		}

		.row > .off-5 {
			margin-left: 41.6666666667%;
		}

		.row > .col-6 {
			width: 50%;
		}

		.row > .off-6 {
			margin-left: 50%;
		}

		.row > .col-7 {
			width: 58.3333333333%;
		}

		.row > .off-7 {
			margin-left: 58.3333333333%;
		}

		.row > .col-8 {
			width: 66.6666666667%;
		}

		.row > .off-8 {
			margin-left: 66.6666666667%;
		}

		.row > .col-9 {
			width: 75%;
		}

		.row > .off-9 {
			margin-left: 75%;
		}

		.row > .col-10 {
			width: 83.3333333333%;
		}

		.row > .off-10 {
			margin-left: 83.3333333333%;
		}

		.row > .col-11 {
			width: 91.6666666667%;
		}

		.row > .off-11 {
			margin-left: 91.6666666667%;
		}

		.row > .col-12 {
			width: 100%;
		}

		.row > .off-12 {
			margin-left: 100%;
		}

		.row.gtr-0 {
			margin-top: 0px;
			margin-left: 0px;
		}

			.row.gtr-0 > * {
				padding: 0px 0 0 0px;
			}

			.row.gtr-0.gtr-uniform {
				margin-top: 0px;
			}

				.row.gtr-0.gtr-uniform > * {
					padding-top: 0px;
				}

		.row.gtr-25 {
			margin-top: -12.5px;
			margin-left: -12.5px;
		}

			.row.gtr-25 > * {
				padding: 12.5px 0 0 12.5px;
			}

			.row.gtr-25.gtr-uniform {
				margin-top: -12.5px;
			}

				.row.gtr-25.gtr-uniform > * {
					padding-top: 12.5px;
				}

		.row.gtr-50 {
			margin-top: -25px;
			margin-left: -25px;
		}

			.row.gtr-50 > * {
				padding: 25px 0 0 25px;
			}

			.row.gtr-50.gtr-uniform {
				margin-top: -25px;
			}

				.row.gtr-50.gtr-uniform > * {
					padding-top: 25px;
				}

		.row {
			margin-top: -50px;
			margin-left: -50px;
		}

			.row > * {
				padding: 50px 0 0 50px;
			}

			.row.gtr-uniform {
				margin-top: -50px;
			}

				.row.gtr-uniform > * {
					padding-top: 50px;
				}

		.row.gtr-150 {
			margin-top: -75px;
			margin-left: -75px;
		}

			.row.gtr-150 > * {
				padding: 75px 0 0 75px;
			}

			.row.gtr-150.gtr-uniform {
				margin-top: -75px;
			}

				.row.gtr-150.gtr-uniform > * {
					padding-top: 75px;
				}

		.row.gtr-200 {
			margin-top: -100px;
			margin-left: -100px;
		}

			.row.gtr-200 > * {
				padding: 100px 0 0 100px;
			}

			.row.gtr-200.gtr-uniform {
				margin-top: -100px;
			}

				.row.gtr-200.gtr-uniform > * {
					padding-top: 100px;
				}

/* ----------------------------- MEDIA SCREEN MAX 1680  ROW */

		@media screen and (max-width: 1680px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
				pading-bottom:1em;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-xlarge {
					order: -1;
				}

				.row > .col-1-xlarge {
					width: 8.3333333333%;
				}

				.row > .off-1-xlarge {
					margin-left: 8.3333333333%;
				}

				.row > .col-2-xlarge {
					width: 16.6666666667%;
				}

				.row > .off-2-xlarge {
					margin-left: 16.6666666667%;
				}

				.row > .col-3-xlarge {
					width: 25%;
				}

				.row > .off-3-xlarge {
					margin-left: 25%;
				}

				.row > .col-4-xlarge {
					width: 33.3333333333%;
				}

				.row > .off-4-xlarge {
					margin-left: 33.3333333333%;
				}

				.row > .col-5-xlarge {
					width: 41.6666666667%;
				}

				.row > .off-5-xlarge {
					margin-left: 41.6666666667%;
				}

				.row > .col-6-xlarge {
					width: 50%;
				}

				.row > .off-6-xlarge {
					margin-left: 50%;
				}

				.row > .col-7-xlarge {
					width: 58.3333333333%;
				}

				.row > .off-7-xlarge {
					margin-left: 58.3333333333%;
				}

				.row > .col-8-xlarge {
					width: 66.6666666667%;
				}

				.row > .off-8-xlarge {
					margin-left: 66.6666666667%;
				}

				.row > .col-9-xlarge {
					width: 75%;
				}

				.row > .off-9-xlarge {
					margin-left: 75%;
				}

				.row > .col-10-xlarge {
					width: 83.3333333333%;
				}

				.row > .off-10-xlarge {
					margin-left: 83.3333333333%;
				}

				.row > .col-11-xlarge {
					width: 91.6666666667%;
				}

				.row > .off-11-xlarge {
					margin-left: 91.6666666667%;
				}

				.row > .col-12-xlarge {
					width: 100%;
				}

				.row > .off-12-xlarge {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -12.5px;
					margin-left: -12.5px;
				}

					.row.gtr-25 > * {
						padding: 12.5px 0 0 12.5px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -12.5px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 12.5px;
						}

				.row.gtr-50 {
					margin-top: -25px;
					margin-left: -25px;
				}

					.row.gtr-50 > * {
						padding: 25px 0 0 25px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -25px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 25px;
						}

				.{
					margin-top: -50px;
					margin-left: -50px;
				}

					.row > * {
						padding: 50px 0 0 50px;
					}

					.row.gtr-uniform {
						margin-top: -50px;
					}

						.row.gtr-uniform > * {
							padding-top: 50px;
						}

				.row.gtr-150 {
					margin-top: -75px;
					margin-left: -75px;
				}

					.row.gtr-150 > * {
						padding: 75px 0 0 75px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -75px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 75px;
						}

				.row.gtr-200 {
					margin-top: -100px;
					margin-left: -100px;
				}

					.row.gtr-200 > * {
						padding: 100px 0 0 100px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -100px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 100px;
						}

		}


		/* ----------------------------- MEDIA SCREEN MAX 1280  ROW */

		@media screen and (max-width: 1280px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
				padding-bottom:1em;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-large {
					order: -1;
				}

				.row > .col-1-large {
					width: 8.3333333333%;
				}

				.row > .off-1-large {
					margin-left: 8.3333333333%;
				}

				.row > .col-2-large {
					width: 16.6666666667%;
				}

				.row > .off-2-large {
					margin-left: 16.6666666667%;
				}

				.row > .col-3-large {
					width: 25%;
				}

				.row > .off-3-large {
					margin-left: 25%;
				}

				.row > .col-4-large {
					width: 33.3333333333%;
				}

				.row > .off-4-large {
					margin-left: 33.3333333333%;
				}

				.row > .col-5-large {
					width: 41.6666666667%;
				}

				.row > .off-5-large {
					margin-left: 41.6666666667%;
				}

				.row > .col-6-large {
					width: 50%;
				}

				.row > .off-6-large {
					margin-left: 50%;
				}

				.row > .col-7-large {
					width: 58.3333333333%;
				}

				.row > .off-7-large {
					margin-left: 58.3333333333%;
				}

				.row > .col-8-large {
					width: 66.6666666667%;
				}

				.row > .off-8-large {
					margin-left: 66.6666666667%;
				}

				.row > .col-9-large {
					width: 75%;
				}

				.row > .off-9-large {
					margin-left: 75%;
				}

				.row > .col-10-large {
					width: 83.3333333333%;
				}

				.row > .off-10-large {
					margin-left: 83.3333333333%;
				}

				.row > .col-11-large {
					width: 91.6666666667%;
				}

				.row > .off-11-large {
					margin-left: 91.6666666667%;
				}

				.row > .col-12-large {
					width: 100%;
				}

				.row > .off-12-large {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -7.5px;
					margin-left: -7.5px;
				}

					.row.gtr-25 > * {
						padding: 7.5px 0 0 7.5px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -7.5px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 7.5px;
						}

				.row.gtr-50 {
					margin-top: -15px;
					margin-left: -15px;
				}

					.row.gtr-50 > * {
						padding: 15px 0 0 15px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -15px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 15px;
						}

				.row {
					margin-top: -30px;
					margin-left: -30px;
				}

					.row > * {
						padding:  30px 0 0 30px;
					}

					.row.gtr-uniform {
						margin-top: -30px;
					}

						.row.gtr-uniform > * {
							padding-top: 30px;
						}

				.row.gtr-150 {
					margin-top: -45px;
					margin-left: -45px;
				}

					.row.gtr-150 > * {
						padding: 45px 0 0 45px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -45px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 45px;
						}

				.row.gtr-200 {
					margin-top: -60px;
					margin-left: -60px;
				}

					.row.gtr-200 > * {
						padding: 60px 0 0 60px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -60px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 60px;
						}

		}


/* ----------------------------- MEDIA SCREEN MAX 980 ROW */

		@media screen and (max-width: 980px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
				padding-bottom:1em;
			}

			.responsive-box {
   		 width: 50%;
  		}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-medium {
					order: -1;
				}

				.row > .col-1-medium {
					width: 8.3333333333%;
				}

				.row > .off-1-medium {
					margin-left: 8.3333333333%;
				}

				.row > .col-2-medium {
					width: 16.6666666667%;
				}

				.row > .off-2-medium {
					margin-left: 16.6666666667%;
				}

				.row > .col-3-medium {
					width: 25%;
				}

				.row > .off-3-medium {
					margin-left: 25%;
				}

				.row > .col-4-medium {
					width: 33.3333333333%;
				}

				.row > .off-4-medium {
					margin-left: 33.3333333333%;
				}

				.row > .col-5-medium {
					width: 41.6666666667%;
				}

				.row > .off-5-medium {
					margin-left: 41.6666666667%;
				}

				.row > .col-6-medium {
					width: 50%;
				}

				.row > .off-6-medium {
					margin-left: 50%;
				}

				.row > .col-7-medium {
					width: 58.3333333333%;
				}

				.row > .off-7-medium {
					margin-left: 58.3333333333%;
				}

				.row > .col-8-medium {
					width: 66.6666666667%;
				}

				.row > .off-8-medium {
					margin-left: 66.6666666667%;
				}

				.row > .col-9-medium {
					width: 75%;
				}

				.row > .off-9-medium {
					margin-left: 75%;
				}

				.row > .col-10-medium {
					width: 83.3333333333%;
				}

				.row > .off-10-medium {
					margin-left: 83.3333333333%;
				}

				.row > .col-11-medium {
					width: 91.6666666667%;
				}

				.row > .off-11-medium {
					margin-left: 91.6666666667%;
				}

				.row > .col-12-medium {
					width: 100%;
				}

				.row > .off-12-medium {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -10px;
					margin-left: -10px;
				}

					.row.gtr-25 > * {
						padding: 10px 0 0 10px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -10px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 10px;
						}

				.row.gtr-50 {
					margin-top: -20px;
					margin-left: -20px;
				}

					.row.gtr-50 > * {
						padding: 20px 0 0 20px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -20px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 20px;
						}

				.row {
					margin-top: -40px;
					margin-left: -40px;
				}

					.row > * {
						padding: 40px 0 0 40px;
					}

					.row.gtr-uniform {
						margin-top: -40px;
					}

						.row.gtr-uniform > * {
							padding-top: 40px;
						}

				.row.gtr-150 {
					margin-top: -60px;
					margin-left: -60px;
				}

					.row.gtr-150 > * {
						padding: 60px 0 0 60px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -60px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 60px;
						}

				.row.gtr-200 {
					margin-top: -80px;
					margin-left: -80px;
				}

					.row.gtr-200 > * {
						padding: 80px 0 0 80px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -80px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 80px;
						}

		}


/* ----------------------------- MEDIA SCREEN MAX 736 ROW */

		@media screen and (max-width: 736px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
				padding-bottom:1em;
			}
			/*.responsive-box {
   		 width: 100%;
  		}*/

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-small {
					order: -1;
				}

				.row > .col-1-small {
					width: 8.3333333333%;
				}

				.row > .off-1-small {
					margin-left: 8.3333333333%;
				}

				.row > .col-2-small {
					width: 16.6666666667%;
				}

				.row > .off-2-small {
					margin-left: 16.6666666667%;
				}

				.row > .col-3-small {
					width: 25%;
				}

				.row > .off-3-small {
					margin-left: 25%;
				}

				.row > .col-4-small {
					width: 33.3333333333%;
				}

				.row > .off-4-small {
					margin-left: 33.3333333333%;
				}

				.row > .col-5-small {
					width: 41.6666666667%;
				}

				.row > .off-5-small {
					margin-left: 41.6666666667%;
				}

				.row > .col-6-small {
					width: 50%;
				}

				.row > .off-6-small {
					margin-left: 50%;
				}

				.row > .col-7-small {
					width: 58.3333333333%;
				}

				.row > .off-7-small {
					margin-left: 58.3333333333%;
				}

				.row > .col-8-small {
					width: 66.6666666667%;
				}

				.row > .off-8-small {
					margin-left: 66.6666666667%;
				}

				.row > .col-9-small {
					width: 75%;
				}

				.row > .off-9-small {
					margin-left: 75%;
				}

				.row > .col-10-small {
					width: 83.3333333333%;
				}

				.row > .off-10-small {
					margin-left: 83.3333333333%;
				}

				.row > .col-11-small {
					width: 91.6666666667%;
				}

				.row > .off-11-small {
					margin-left: 91.6666666667%;
				}

				.row > .col-12-small {
					width: 100%;
				}

				.row > .off-12-small {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -5px;
					margin-left: -5px;
				}

					.row.gtr-25 > * {
						padding: 5px 0 0 5px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -5px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 5px;
						}

				.row.gtr-50 {
					margin-top: -10px;
					margin-left: -10px;
				}

					.row.gtr-50 > * {
						padding: 10px 0 0 10px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -10px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 10px;
						}

				.row {
					margin-top: -20px;
					margin-left: -20px;
				}

					.row > * {
						padding: 20px 0 0 20px;
					}

					.row.gtr-uniform {
						margin-top: -20px;
					}

						.row.gtr-uniform > * {
							padding-top: 20px;
						}

				.row.gtr-150 {
					margin-top: -30px;
					margin-left: -30px;
				}

					.row.gtr-150 > * {
						padding: 30px 0 0 30px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -30px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 30px;
						}

				.row.gtr-200 {
					margin-top: -40px;
					margin-left: -40px;
				}

					.row.gtr-200 > * {
						padding: 40px 0 0 40px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -40px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 40px;
						}

		}



/* Section/Article */

	section, article {
		margin-bottom: 2.5em;
	}

		section > :last-child, section:last-child, article > :last-child, article:last-child {
			margin-bottom: 0;
		}





	/* --------------------------------- FOOTER 

	footer {
		margin: 2.25em 0 0 0;
	}*/


/* ----------------------------  Feature Boxes*/


	.sectionBoxTitle {
		padding: 1em 3em 1em 3em;
		text-align:left;
		background-color:#fafafa;
		margin:0;
	}
		.sectionBox {
		padding: 0 3em 1em 0;
		text-align:left;
		background-color:#fafafa;
		margin:0;
	}

	.whiteBox {
		padding: 1em 6em 1em 6em;
		text-align:left;
		background-color:#ffffff;
		margin:0;
	}


.metricsBox {
	font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight:200;
  font-style: normal;
  color:#05364C;
  font-size:1.4em;
  line-height: 1.8em;
  margin:4em 0 1em 0;
 	border-left-color: #05364C;
  border-left-width:8px;
  border-left-style:solid;
  padding: 0 0 0 1em;
  text-align: left;
	}

.metricsBox .xlText {
	font-size:1.4em;
	font-weight:400;
	line-height:1.2em;
	text-align: center;
}


.centeredBox {
    width: 40%;
    padding: 2em 0 6em 0;
    display: flex;
    flex-direction: column;  
    align-items: left;  
    text-align: justify;  
    margin: 0 auto;
}

.centeredBox h2 {
    padding-bottom:0;
}

.centeredBoxIndex {
    width:60%;
    padding:3em 0 3em 0;
    /*display: flex;*/
    flex-direction: column;  
    align-items: flex-start;  
    text-align: left;  
    margin: 0 auto;
}
.centeredBoxIndexDark {
    width:60%;
    padding: 2em;
    /*display: flex;*/
    flex-direction: column;  
    align-items: flex-start;  
    text-align: left;  
    margin: 0 auto;
}

.centeredBoxIndex h1{
	color:#fafafa;
	font-size:6.2em;
	font-weight:200;
	text-align: left;
	padding-bottom:0.2em;
}

.centeredBoxIndex h2{
	color:#fafafa;
	font-size:2.4em;
	font-weight:100;
	line-height:1.2;
	text-align: left;
	padding-bottom:1em;
}

.centeredBoxIndex h3{
	color:#fafafa;
	font-size:1.6em;
	font-weight:200;
	line-height:1.2;
	text-align: left;
	padding:0 2em 2em 0;
}
.centeredBoxIndexDark h1{
	color:#02121A;
	font-size:6.4em;
	font-weight:200;
	text-align: left;
	padding-bottom:0.2em;
}

.centeredBoxIndexDark h2{
	color:#02121A;
	font-size:2.4em;
	font-weight:200;
	line-height:1.2;
	text-align: left;
	padding-bottom:1.8em;
}
.centeredBoxIndexDark h3{
	color:#02121A;
	font-size:1.6em;
	font-weight:200;
	line-height:1.2;
	text-align: left;
	padding:0 2em 2em 2em;
}

/* ABOUT */

.centeredBoxAbout {
    width:60%;
    padding:4em 0 4em 0;
    display: flex;
    flex-direction: column;  
    align-items: left;  
    text-align: left;  
    margin: 0 auto;
}
.centeredBoxAboutButtons {
	width: 60%;
	padding-bottom:4em;
	margin: 0 auto;
	display: flex;
	gap: 2em;
	justify-content: flex-start;
	align-items: center;
	color: #fafafa;
}
.centeredBoxAboutwImage {
    width:60%;
    padding:4em 0 4em 0;
    display: flex;
    flex-direction: column;  
    align-items: left;  
    text-align: left;  
    margin: 0 auto;
  }
.centeredBoxAboutwImage h2{
  margin-bottom: 0;
  padding-bottom:0;
}
.centeredBoxAboutButtons .CTA3{
	color:#fafafa;
  margin-bottom:2em;
  display: inline-flex;
}

.centeredBoxAboutImage {
    width:100%;
    padding-top:6em;
    padding-bottom:0;
    margin-bottom:0;
}
.no-bottom-space {
    margin-bottom: 0;
}

.centeredBoxAboutImage img {
    display: block;
    width:100%;
    margin-bottom:0;
}
	.image.about {
			display: block;
			width:100%;
			margin-bottom:0;
		}
.centeredBoxAboutDark {
    width:60%;
    padding: 2em;
    display: flex;
    flex-direction: column;  
    align-items: left;  
    text-align: left;  
    margin: 0 auto;
}



.centeredBoxAbout h1{
	color:#fafafa;
	font-size: 4em;
	font-weight:200;
	text-align: left;
}

.centeredBoxAbout h2{
	color:#fafafa;
	font-size:2em;
	font-weight:200;
	line-height:1.4em;
	text-align: left;
}


.centeredBoxAboutDark h1{
	color:#02121A;
	font-size:5em;
	font-weight:200;
	text-align: left;
}

.centeredBoxAboutDark h2{
	color:#02121A;
	font-size:2em;
	font-weight:200;
	line-height:1.4;
	text-align: left;
}

.centeredBoxAboutwImage h1{
	color:#fafafa;
	font-size:5em;
	font-weight:100;
	text-align: left;
}

.centeredBoxAboutwImage h2{
	color:#fafafa;
	font-size:1.6em;
	font-weight:200;
	line-height:1.4em;
	text-align: left;
}


.centeredBoxDark p{
	color: #02121A;
}


.centeredBox img {
    width: auto;
    max-width: 100%;
    align-self: flex-start;   
}

.centeredBox .CTA2 {
    width: auto;         
    align-self: flex-start; 
    display: inline-block;
}
.centeredBox .CTA1 {
    width: auto;         
    align-self: center; 
    display: inline-block;
    margin-top:4em;
}

.centeredBoxIndexDark .CTA1 {
    width: auto;         
    align-self: flex-start ; 
    display: inline-block;
    margin-top:3em;
}

.centeredBoxIndexDark .CTA2 {
    width: auto;          
    align-self: center; 
    display: inline-block;
    margin-top:3em;
}

.centeredBoxIndex .CTA1 {
    width: auto;          
    align-self: center; 
    display: inline-block;
    margin-top:3em;
}

.centeredBoxIndex .CTA2 {
    width: auto;         
    align-self: center;  
    margin-top:3em;
}



.caseStudyDiv {
	margin: 0;
	padding:0 2em 4em 2em;
	background-color: #02121A; 
}

.caseStudyBox {
    text-align: left;
    padding: 4em 3em 4em 3em;
    margin: 4em 2em;
    border-left-width:8px;
    border-left-style: solid;
    border-left-color: #fafafa; 
		background-color: #02121A;
}

.linedBox {
	border-left-color: #085375;
	border-left-style: solid;
	border-left-width: 1px;
	padding: 1em;
	margin:3em;
}

/* Image */

	.image {
		display: inline-block;
		outline: 0;
	}

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


	.image.featured {
			display: block;
			width: 100%;
			max-width: 100%;
			margin:0 0 0.5em 0;
			background-color: #ffffff;
		}

	/*		.image.home {
			display: block;
			width: 100px;
			max-width: 100px;
			margin:0 0 0.5em 0;
		}*/

.image.centered {
  display: block;        
  width: 80%;            
  max-width: 100%;      
  margin: 0 auto 0.5em; 
}

/* List */

	ul {
	list-style: circle;
	padding-left: 1em;
	ffont-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  color:#042636;
  font-size:18px;
  line-height: 1.6;
  padding-top:1em;
	}

		ul li {
	padding-left: 0.5em;
	font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  color:#042636;
  font-size:18px;
  line-height: 1.6;
		}

	ol {
	list-style: decimal;
	padding-left: 1.25em;
	font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  color:#042636;
  font-size:18px;
  line-height: 1.6;
   padding-top:1em;
	}

	ol li {
	padding-left: 0.25em;
	font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  color:#042636;
  font-size:18px;
  line-height: 1.6;
		}



/* Page Wrapper */

	#page-wrapper > section {
		margin-bottom: 0;
	}

.dropotron a, .dropotron span {
			color: #aaa;
			text-decoration: none;
			-moz-transition: color .25s ease-in-out;
			-webkit-transition: color .25s ease-in-out;
			-ms-transition: color .25s ease-in-out;
			transition: color .25s ease-in-out;
		}

		.dropotron li {
			padding: 0.25em 0 0.25em 0;
		}

			.dropotron li:hover > a, .dropotron li:hover > span {
				color: #fff;
			}

		.dropotron.level-0 {
			margin-top: 2em;
		}

			.dropotron.level-0:before {
				content: '';
				display: block;
				position: absolute;
				left: 50%;
				margin-left: -10px;
				top: -9px;
				border-left: solid 10px transparent;
				border-right: solid 10px transparent;
				border-bottom: solid 10px #252122;
				border-bottom-color: rgba(34, 30, 31, 0.98);
			}



/*Main */

	#main {
		position: relative;
		background: #fafafa;
		padding:0;
		margin:0;
	}

	#main:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			background-size: 100% 100%;
			z-index: 0;
			opacity: 0.1;
		}


/* XLarge */

	@media screen and (max-width: 1680px) {


			body, input, textarea, select {
				font-size: 16px;
			}


.centeredBox {
    width: 40%;
    display: flex;
    flex-direction: column;  
    align-items: left;  
    text-align: justify;  
    margin:8em auto 4em auto;

}

.highlightDiv {
  background-color: #02121A;
	padding: 6em 4em 6em 4em;
	margin: 0;
}


.highlightBox{
	font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight:200;
  font-style: normal;
  color:#fafafa;
  font-size:2em;
  line-height: 1.3em;
  width:60%;
  display: block;
  margin: 0 auto;
  border-left-color: #ffffff;
  border-left-width:8px;
  border-left-style:solid;
  padding: 1em;
}

.highlightDivLight {
  padding: 2em 4em 3em 0;
	margin: 2em 0 0 0;
	width:60%;
}
.highlightBoxLight{
	font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight:200;
  font-style: italic;
  color:#fafafa;
  font-size:1.4em;
  line-height: 1.3em;
  text-align:left;
 	border-left-color: #fafafa;
  border-left-width:6px;
  border-left-style:solid;
  padding-left:1em;
}

	
	}

/* Large */

	@media screen and (max-width: 1280px) {


			body, input, textarea, select {
				font-size: 16px;
			}

}

/* Medium max-width: 980px*/

	@media screen and (max-width: 980px) {

		/* Basic */

			html, body {
				overflow-x: hidden;
			}

			.centeredBox {
    width: 60%;
    padding: 2em;
    display: flex;
    flex-direction: column;  
    align-items: left;  
    text-align: justify;  
    margin: 0 auto;
}

		.whiteBox {
		padding: 2em 1em 0 1em;
		text-align:left;
		background-color:#ffffff;
		margin:0;
	}


.highlightBox{
	font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight:200;
  font-style: normal;
  color:#fafafa;
  font-size:2em;
  line-height: 1.3em;
  width:80%;
  display: block;
  margin: 0 auto;
  border-left-color: #ffffff;
  border-left-width:6px;
  border-left-style:solid;
  padding-left: 1em;
}
.highlightDiv {
  background-color: #02121A;
	padding: 6em 4em 6em 4em;
	margin: 0;
}

	}

/* Small */

	@media screen and (max-width: 736px) {

		/* Basic */

			body, input, textarea, select {
				font-size: 16px;
			}

/* BOXES*/

.centeredBox {
    width: 90%;
    padding: 2em;
    display: flex;
    flex-direction: column;  
    align-items: left;  
    text-align: justify;  
    margin: 0 auto;
}

.whiteBox {
		padding: 2em 1em 0 1em;
		text-align:left;
		background-color:#ffffff;
		margin:0;
	}

/* HIGHLIGHT BOX  MOBILE*/

.highlightDiv {
  background-color: #02121A; 
	padding: 6em 3em 6em 3em;
	margin-bottom: 6em;
}


.highlightBox{
	font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight:200;
  font-style: normal;
  color:#fafafa;
  font-size:2em;
  line-height: 1.3em;
  width:100%;
  display: block;
  margin: 0 auto;
  border-left-color: #ffffff;
  border-left-width:8px;
  border-left-style:solid;
  padding: 1em;
}

.highlightDivLight {
  padding: 2em 4em 3em 0;
	margin: 2em 0 0 0;
	width:100%;
}
.highlightBoxLight{
	font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight:200;
  font-style: normal;
  color:#fafafa;
  font-size:1.4em;
  line-height: 1.3em;
  text-align:left;
 	border-left-color: #fafafa;
  border-left-width:6px;
  border-left-style:solid;
  padding-left:1em;
}


/* INDEX MOBILE */


.divSectionIndex {
	width:100%;
	height:100%;
	padding:2em 0 2em 0;
	margin:0 0 4em 0;
	background-color:#02121A;
}

	.divSectionIndexWhite {
	width:100%;
	height:100%;
	padding:2em;
	margin:0 0 2em 0;
	background-color:#fafafa;
}

	.divSectionIndexwImage {
	width:100%;
	height:100%;
	padding:4em 0 0 0;
	margin:0;
	background-color:#02121A;
}
	.divSectionIndexwImageW {
	width:100%;
	height:100%;
	padding:4em 0 0 0;
	margin:0;
	background-color:#fafafa;
}
.centeredBoxIndex {
    width:90%;
    padding: 2em;
    display: flex;
    flex-direction: column;  
    align-items: flex-start;  
    text-align: left;  
    margin: 0 auto;
}
.centeredBoxIndexDark {
    width:90%;
    padding: 2em;
    display: flex;
    flex-direction: column;  
    align-items: flex-start; 
    text-align: left;  
    margin: 0 auto;
}

.centeredBoxIndex h1{
	color:#fafafa;
	font-size:6em;
	font-weight:100;
	line-height:1.2;
	text-align: left;
	margin-bottom:0;
	padding-bottom:0.2em;
}

.centeredBoxIndex h2{
	color:#fafafa;
	font-size:3em;
	font-weight:400;
	line-height:1.2;
	text-align: left;
	padding-bottom:2em;
}

.centeredBoxIndex h3{
	color:#fafafa;
	font-size:1.6em;
	font-weight:200;
	line-height:1;
	text-align: left;
}
.centeredBoxIndex .CTA1 {
   	width: auto;         
    align-self: flex-start ; 
    display: inline-block;
    margin-top:3em;
}
.centeredBoxIndex .CTA2 {
   	width: auto;          
    align-self: flex-start ;  
    display: inline-block;
    margin-top:3em;
}

.centeredBoxIndexDark h1{
	color:#02121A;
	font-size:6em;
	font-weight:100;
	line-height:1.2;
	text-align: left;
	margin-bottom:0;
	padding-bottom: 0.2em;
}

.centeredBoxIndexDark h2{
	color:#02121A;
	font-size:3em;
	font-weight: 400;
	line-height:1.2;
	text-align: left;
	padding-bottom:2em;
}
.centeredBoxIndexDark h3{
	color:#02121A;
	font-size:1.6em;
	font-weight:200;
	line-height:1;
	text-align: center;
}

.centeredBoxIndexDark .CTA2 {
    width: auto;          
    align-self: flex-start ; 
    display: inline-block;
    margin-top:3em;
}

/*NAV MOBILE*/

#mainNav {

flex-direction: column;
align-items: flex-start;
gap: 1em;
padding: 1.2em 1.5em;
}

.menuGroup {
	margin-left: 0;
	display: flex;
	flex-direction: row;
	gap:0.6em;
	flex-wrap: nowrap;
}

.menu:first-of-type {
	margin-left: 0;
}

/* ABOUT MOBILE */

.centeredBoxAboutwImage {
    width:100%;
    padding: 2em 2em 0 2em;
    display: flex;
    flex-direction: column;  
    align-items: left;  
    text-align: left;  
    margin: 0 auto;
  }

  .centeredBoxAboutButtons {
	width:100%;
	padding:2em 0 1em 0 2em;
	margin: 0 auto;
	display: flex;
	gap: 1em;
	justify-content: flex-start;
	align-items: center;
	color: #fafafa;
}

.centeredBoxAboutwImage h2{
  margin-bottom: 0;
  padding-bottom:0;
}

.centeredBoxAboutImage {
    width:100%;
    padding-top:4em;
    padding-bottom:0;
    margin-bottom:0;
}
.no-bottom-space {
    margin-bottom: 0;
}

.centeredBoxAboutImage img {
    display: block;
    width:100%;
    margin-bottom:0;
}
	.image.about {
			display: block;
			width:100%;
			margin-bottom:0;
		}

	.centeredBoxAbout {
    width:100%;
    padding: 2em 2em 0 2em;
    display: flex;
    flex-direction: column;  
    align-items: left;  
    text-align: left;  
    margin: 0 auto;
}
.centeredBoxAboutDark {
    width:100%;
    padding: 2em 2em 0 2em;
    display: flex;
    flex-direction: column;  
    align-items: left;  
    text-align: left;  
    margin: 0 auto;
}


.centeredBoxAbout h1{
	color:#fafafa;
	font-size:6em;
	font-weight:200;
	text-align: left;
}

.centeredBoxAbout h2{
	color:#fafafa;
	font-size:2em;
	font-weight:200;
	line-height:1.4em;
	text-align: left;
}
.centeredBoxAbout h3{
	color:#fafafa;
	font-size:1.3em;
	font-weight: 400;
	line-height:1.4em;
	text-align: left;
}

.centeredBoxAboutDark h1{
	color:#02121A;
	font-size:5em;
	font-weight:200;
	text-align: left;
}

.centeredBoxAboutDark h2{
	color:#02121A;
	font-size:2em;
	font-weight:200;
	line-height:1.4;
	text-align: left;
}

.centeredBoxAboutwImage h1{
	color:#fafafa;
	font-size:5em;
	font-weight:200;
	text-align: left;
}

.centeredBoxAboutwImage h2{
	color:#fafafa;
	font-size:2em;
	font-weight:200;
	line-height:1.4em;
	text-align: left;
}


/* CASE STUDY MOBILE*/

.caseStudyBox {
    text-align: left;
    padding: 4em 3em 4em 3em;
    margin: 4em 2em;
    border-left-width:8px;
    border-left-style: solid;
    border-left-color: #fafafa; 
		background-color: #02121A;
}

/* CASE STUDY MOBILE TITLE*/

.divSectionTitle {
	background-color: #02121A;
	width:100%;
	padding:4em 2em 4em 2em;
	margin-bottom:6em;
}

.divSectionTitle h1,
.divSectionTitle h2,
.divSectionTitle p {
color:#ffffff;
text-align: left;
}

.divSectionTitle h1 {
	font-size:4em;
}
.divSectionTitleRole {
	text-align: left;
	width:90%;
	padding-top:2em;
	margin:3em 0 0 0;
}

}