@charset "UTF-8";
/* CSS Document */
:root {
	/*
	--color-light-gray-a: #ebedec;
	--color-light-gray-b: #f2f5f3;
	--color-gray-a: #d1e0d7;
	--color-gray-b: #e8efeb;
	--color-gray-c: #f4f7f5;
	--color-gray-d: #d1e0d7;
	--color-dark-blue-a: #0c1c37;
  --color-dark-blue-b: #13294b;
	--color-dark-blue-c: #053b60;
	--color-dark-blue-transparent: rgba(35,31,32,.5625);
  --color-blue-a: #347da9;
  --color-blue-b: #00a3e0;
  --color-highlighter-blue: #00a3e0;
  --color-highlighter-green: #50d683;
  --color-highlighter-pink: #e770af;
  --color-highlighter-orange: #e7b300;
  --color-highlighter-yellow: #edeb00;
	*/
}

html,
body {
  margin: 0 0;
  padding: 0 0;
}

html {
	background-color: var(--color-light-gray-b);
}

body {
  background-color: #ffffff;
	box-shadow: 0 0 .25rem rgba(0,0,0,.15);
}



body.modal-open,
body.menu-open {
	overflow: hidden;
}

input {
  font-family: inherit;
}

* {
  box-sizing: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 0;
  padding: 0 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
}

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

.tracking-snippets {
	height: 0;
	overflow: hidden;
}

.tracking-snippets img {
	width: 1px;
	height: 1px;
}

.image-container {
  position: relative;
}

.image-container.frame--fill {
  position: absolute;
  width: 100%;
  height: 100%;
}

.image-container.frame--16-9 {
  padding-bottom: 56.25%;
}

.image-container.frame--1-1 {
  padding-bottom: 100%;
}

.image-container.frame--2-1 {
  padding-bottom: 50%;
}

.image-container.frame--3-1 {
  padding-bottom: 33%;
}

.image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

.image span {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.video-container {

}

.video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

h1,h2,h3,h4,h5,h6 {
  line-height: 1.175em;
  margin-bottom: 0rem;
}

p {
  line-height: 1.425em;
  margin-bottom: .875rem;
}

p:last-child {
	margin-bottom: 0;
}

#content {
  padding-top: 0;
}

#page {
  overflow: hidden;
  max-width: 100vw;
  padding-top: 4rem;
}

.page {
  clear: both;
  background-color: #ffffff;
}

.body-inner {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

img.alignleft {
  float: left;
  display: inline-block;
  width: unset;
  margin-right: 2rem;
  margin-bottom: 2rem;
}

img.alignright {
  float: left;
  display: inline-block;
  width: unset;
  margin-left: 2rem;
  margin-bottom: 2rem;
}

@media (max-width: 960px) {

	img.alignleft {
  	margin-right: 1rem;
		margin-bottom: 1rem;
	}

	img.alignright {
 		margin-left: 1rem;
		margin-bottom: 1rem;
	}

}

iframe {
  max-width: 100%;
}

body.menu-open {
  overflow: hidden;
}

.page {
  max-width: 1920px;
  margin: 0 auto;
}

#content {

}

/* ### Design Elements ###*/

* {
  /*letter-spacing: .01em; */
}

.drop-shadow {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.1);
}

.drop-shadow--tight {
  box-shadow: .125rem .125rem .25rem rgba(0,0,0,.1);
}

.hidden {
  display: none;
}

/* ### Layout + Columns ### */
.max-width {
  width: calc(100% - 8rem);
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}

.mw--a {
	max-width: 1275px;
}

.mw--b {
	max-width: 1215px;
}

.mw--c {
	max-width: 1175px;
}

.mw--d {
	max-width: 1080px;
}

.mw--e {
	max-width: 960px;
}

.mw--f {
	max-width: 870px;
}

.mw--p {
  width: calc(72.5% - 7rem);
  margin: 0 7rem 0 27.5%;
}

.mw--spec {
	max-width: 545px;
}

.performance-page--body .mw--a,
.performance-page--body .mw--b,
.performance-page--body .mw--c,
.performance-page--body .mw--d,
.performance-page--body .mw--e,
.performance-page--body .mw--f {
	margin: 0 0;
	width: 100%;
}

.max-width--full-width {
  width: 100%;
  max-width: 1920px;
}

.col-container {
  font-size: 0px;
}

.col-container.carousel {
	white-space: nowrap;
	padding: .625rem 0 1.5rem 0;
}

.col-container.carousel .carousel-item {
	white-space: normal;
}

.col-container.grid {
  display: grid;
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
}

.grid--2 {
  grid-template-columns: 1fr 1fr;
}

.grid--3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.grid--4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid--5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid--6 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid--7 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid--8 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.col {
  display: inline-block;
  font-size: 1rem;
  position: relative;
}

.col.col-container {
  font-size: 0;
}

.va--top {
  vertical-align: top;
}

.va--middle {
  vertical-align: middle;
}

.va--bottom {
  vertical-align: bottom;
}

.col--1 {
  width: 100%;
}

.col--2 {
  width: 50%;
}

.col--3 {
  width: 33.33%;
}

.col--4 {
  width: 25%
}

.col--5 {
  width: 20%;
}

.col--55 {
  width: 55%;
}

.col--45 {
  width: 45%;
}

.col--60 {
  width: 60%;
}

.col--40 {
  width: 40%;
}

.col--67 {
	width: 67%;
}

.col--33 {
	width: 33%;
}

.col--70 {
  width: 70%;
}

.col--30 {
  width: 30%;
}

.col--35 {
  width: 37.5%;
}

.col--65 {
  width: 62.5%;
}

.col--80 {
  width: 80%;
}

.col--20 {
  width: 20%;
}

.fw--light {
  font-weight: 300;
}

.fw--regular {
  font-weight: 400;
}

.fw--semibold {
  font-weight: 600;
}

.fw--bold {
  font-weight: 700;
}

.fw--black {
  font-weight: 800;
}

a {
  color: #002e6d;
}


/* CTA's */
.cta-container {
  margin-top: 1.75rem;
}

.cta {
  display: inline-block;
  font-size: 1.175rem;
  letter-spacing: .01625em;
  line-height: 1em;
  text-decoration: none;
  transition: all ease-in-out 100ms;
  font-family: "clarendon-urw-extra-narrow","Georgia",serif;
  font-weight: 300;
	font-style: italic;
  border: .125rem solid;
  padding: .5rem 1.125rem .625rem 1.125rem;
  font-size: 1rem;
  line-height: 1em;
  border-radius: 3rem;
}

.cta-container .cta:last-child:not(:first-child) {
  margin-left: 1rem;
}

.cta--primary:hover {

}

.cta--primary.cta--primary--a {
  border-color: var(--color-dark-blue-a);
  background-color: var(--color-dark-blue-a);
}
.cta--primary.cta--primary--a:hover {

}

.cta--primary.cta--primary--b {

}
.cta--primary.cta--primary--a:hover {

}

.cta--primary.cta--primary--c {
  border-color: var(--color-highlighter-blue);
  color: #ffffff;
  background-color: transparent;
}
.cta--primary.cta--primary--c:hover {
  background-color: var(--color-highlighter-blue);
}

.cta--primary i {
  margin-left: .375rem;
  font-size: .875em;
  color: var(--color-highlighter-yellow);
	transition: all ease-in-out 150ms;
}



.cta--primary:hover i {
  transform: translateX(.33rem);
}

.double-cta .cta--primary i {
	display: none;
}

.cta--secondary {
  border: none;
	padding: 0;
	font-weight: 300;
}

.cta--secondary:hover {

}

.cta--secondary i {
  font-size: .875em;
  margin-left: .375rem;
  transition: all ease-in-out 150ms;
}

.cta--secondary:hover i {
  transform: translateX(.33rem);
}

.cta--tertiary {
	display: block;
	background-color: #ffffff;
	color: var(--color-dark-blue-a);
	text-transform: uppercase;
	border-radius: .25rem;
	box-shadow: .125rem .125rem .25rem rgba(0,0,0,.15);
	border-width: 0px;
	font-family: "field-gothic-xxcondensed","Impact",sans-serif;
	font-style: normal;
	font-weight: 600;
	padding: .5rem .75rem;
	line-height: 1em;
	font-size: 1.125rem;
	font-size: 1.25rem;
	letter-spacing: .0222em;
}
.cta--tertiary:hover {
  background-color: var(--color-blue-b);
  color: #ffffff;
}

.cta--tertiary i {
	float: right;
}

.cta--tertiary:hover i {

}



/* Text Alignment */
.ta--left {
  text-align: left;
}

.ta--center {
  text-align: center;
}

.ta--right {
  text-align: right;
}

/* Float */
.float--left {
  float: left;
}

.float--right {
  float: right;
}

.carousel {
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  padding-bottom: 2rem;
}

.carousel-item {
  white-space: normal;
}

.initial--z {
	transform: translate(0,0);
	transition: all ease-in-out 400ms;
}

.initial--opacity,
.initial--up,
.initial--down,
.initial--left,
.initial--right {
  opacity: 1;
  transform: translate(0,0);
  transition: all ease-in-out 400ms;
}

.initial.initial--opacity {
  opacity: 0 !important;
}

.initial.initial--up {
  opacity: 0 !important;
  transform: translateY(-6rem);
}
.initial.initial--down {
  opacity: 0 !important;
  transform: translateY(6rem);
}

.initial.initial--left {
  opacity: 0 !important;
  transform: translateX(-6rem);
}
.initial.initial--right {
  opacity: 0 !important;
  transform: translateX(6rem);
}

@media (min-width: 1500px) {

  .mw--a {
    max-width: 1360px;
  }

}

@media (min-width: 1600px) {

  .mw--a {
    max-width: 1525px;
  }

}

@media (min-width: 1700px) {

  .mw--a {
    max-width: 1575px;
  }

}

@media (min-width: 1800px) {

	.mw--a {
		max-width: 1440px;
	}

	.mw--b {
		max-width: 1360px;
	}

	.mw--c {
		max-width: 1260px;
	}

	.mw--d {
		max-width: 1175px;
	}

	.mw--e {
		max-width: 1024px;
	}

	.mw--f {
		max-width: 960px;
	}

}


@media (max-width: 1300px) {

  .max-width {
    width: calc(100% - 7.5rem);
  }

}

@media (max-width: 1260px) {

  .max-width {
    width: calc(100% - 7rem);
  }

}


@media (max-width: 1200px) {

  .max-width {
    width: calc(100% - 6rem);
  }

}

@media (max-width: 1160px) {

  .max-width {
    width: calc(100% - 5.75rem);
  }

}


@media (max-width: 1100px) {

  .max-width {
    width: calc(100% - 5.5rem);
  }

}

@media (max-width: 1024px) {

  .max-width {
    width: calc(100% - 5.25rem);
  }

	.mw--e {
		max-width: 860px;
	}

	.mw--f {
		max-width: 768px;
	}

	.cta-container {
    margin-top: 1.5rem;
  }

	.cta {
    padding: .425rem 1rem .5rem 1rem;
		font-size: .95rem;
	}

}

@media (max-width: 960px) {

  .max-width {
    width: calc(100% - 5rem);
  }

	.mw--e {
		max-width: 800px;
	}

	.mw--f {
		max-width: 720px;
	}

	.cta-container {
    margin-top: 1.375rem;
  }

	.cta {
		padding: .375rem .9rem .425rem .9rem;
		font-size: .9rem;
	}

}

@media (max-width: 900px) {

  .max-width {
    width: calc(100% - 4.75rem);
  }

}

@media (max-width: 860px) {

  .max-width {
    width: calc(100% - 4.25rem);
  }



}

@media (max-width: 800px) {

	.mw--e {
		max-width: 760px;
	}

	.mw--f {
		max-width: 640px;
	}

}

@media (max-width: 768px) {

  .max-width {
    width: calc(100% - 4rem);
  }

	.cta {
    font-size: .875rem;
	}

}

@media (max-width: 720px) {

  .max-width {
    width: calc(100% - 3.75rem);
  }

}

@media (max-width: 640px) {

  .max-width {
    width: calc(100% - 3.5rem);
  }

}

@media (max-width: 575px) {

  .max-width {
    width: calc(100% - 3.25rem);
  }

}

@media (max-width: 525px) {

  .max-width {
    width: calc(100% - 3rem);
  }

}

@media (max-width: 480px) {

  .max-width {
    width: calc(100% - 2.75rem);
  }

	.cta {
  	font-size: .775rem;
		padding-left: .75rem;
		padding-right: .75rem;
	}

}

@media (max-width: 428px) {

  .max-width {
    width: calc(100% - 2.5rem);
  }

}

@media (max-width: 375px) {

  .max-width {
    width: calc(100% - 2.4rem);
  }

}

@media (max-width: 360px) {

  .max-width {
    width: calc(100% - 2.375rem);
  }

}



/* */