a,
		abbr,
		acronym,
		address,
		applet,
		article,
		aside,
		audio,
		b,
		big,
		blockquote,
		body,
		canvas,
		caption,
		center,
		cite,
		code,
		dd,
		del,
		details,
		dfn,
		div,
		dl,
		dt,
		em,
		embed,
		fieldset,
		figcaption,
		figure,
		footer,
		form,
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		header,
		hgroup,
		html,
		i,
		iframe,
		img,
		ins,
		kbd,
		label,
		legend,
		li,
		mark,
		menu,
		nav,
		object,
		ol,
		output,
		p,
		pre,
		q,
		ruby,
		s,
		samp,
		section,
		small,
		span,
		strike,
		strong,
		sub,
		summary,
		sup,
		table,
		tbody,
		td,
		tfoot,
		th,
		thead,
		time,
		tr,
		tt,
		u,
		ul,
		var,
		video {
			margin: 0;
			padding: 0;
			border: 0;
			font-size: 100%;
			font: inherit;
			vertical-align: baseline
		}

		article,
		aside,
		details,
		figcaption,
		figure,
		footer,
		header,
		hgroup,
		main,
		menu,
		nav,
		section {
			display: block
		}

		body {
			line-height: 1
		}

		ol,
		ul {
			list-style: none
		}

		blockquote,
		q {
			quotes: none
		}

		blockquote:after,
		blockquote:before,
		q:after,
		q:before {
			content: '';
			content: none
		}

		table {
			border-collapse: collapse;
			border-spacing: 0
		}


		h1,
		h2 {
			margin: 5px 0
		}

		h1 {
			color: #fff
		}

		body {
			margin: 0
		}

		.cd-primary-nav,
		.header-bg {
			-webkit-backface-visibility: hidden
		}

		.cd-header,
		.header-bg {
			position: absolute;
			background: 0 0;
			width: 100%
		}

		.cd-primary-nav .cd-label,
		body {
			font-family: 'Work Sans', sans-serif
		}

		body,
		html {
			padding: 0;
			scroll-behavior: smooth;
			scroll-padding-top: 1rem
		}

		.cd-header,
		body {
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale
		}

		h1,
		h2 {
			letter-spacing: -.03em
		}

		*,
		::after,
		::before {
			-webkit-box-sizing: border-box;
			box-sizing: border-box
		}

		@media handheld,
		only screen and (max-width:1024px) {

			body,
			html {
				max-width: 100%;
				overflow-x: hidden;
				height: auto !important
			}
		}

		body {
			font-size: 100%;
			font-weight: 400;
			overflow-x: hidden;
			-webkit-text-size-adjust: 100%
		}

		h1,
		h2 {
			font-weight: 700
		}

		h1,
		h2 {
			font-family: Quicksand, sans-serif;
			text-transform: lowercase
		}

		h1 {
			font-size: 65px;
			line-height: 67px
		}

		h2 {
			font-size: 50px;
			line-height: 50px
		}

		p {
			line-height: 30px
		}

		p {
			font-size: 18px;
			margin: 15px 0
		}

		a {
			color: #000;
			text-decoration: none
		}

		a.main-button {
			text-decoration: none
		}

		.cd-primary-nav a {
			border-bottom: 1px solid rgba(255, 255, 255, 0)
		}

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

			h1,
			h2 {
				font-weight: 700
			}

			h2 {
				margin: 5px 0
			}

			p {
				line-height: 24px
			}

			h1 {
				font-size: 52px;
				line-height: 55px;
				width: 90%
			}

			h2 {
				font-size: 36px;
				line-height: 36px;
				letter-spacing: -.03em
			}

			p {
				font-size: 16px;
				margin: 15px 0
			}
		}

		body,
		html {
			margin: 0;
			height: 100%
		}

		.header-bg {
			top: -20px;
			height: 100px;
			z-index: 2;
			-webkit-transform: translate3d(0, 0, 0) matrix(1, -.06, 0, 1, 0, 0);
			-moz-transform: translate3d(0, 0, 0) matrix(1, -.06, 0, 1, 0, 0);
			-ms-transform: translate3d(0, 0, 0) matrix(1, -.06, 0, 1, 0, 0);
			-o-transform: translate3d(0, 0, 0) matrix(1, -.06, 0, 1, 0, 0);
			transform: translate3d(0, 0, 0) matrix(1, -.06, 0, 1, 0, 0);
			backface-visibility: hidden
		}

		@media only screen and (min-width:320px) {
			.header-bg {
				top: -160px;
				height: 120px
			}

			.cd-header {
				-webkit-transform: translate3d(0, 0, 0);
				-moz-transform: translate3d(0, 0, 0);
				-ms-transform: translate3d(0, 0, 0);
				-o-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden
			}
		}

		@media only screen and (min-width:480px) {
			.header-bg {
				top: -150px;
				height: 120px
			}
		}

		@media only screen and (min-width:1024px) {
			.header-bg {
				top: -200px;
				height: 150px;
				-webkit-transform: translate3d(0, 100%, 0) matrix(1, -.04, 0, 1, 0, 0);
				-moz-transform: translate3d(0, 100%, 0) matrix(1, -.04, 0, 1, 0, 0);
				-ms-transform: translate3d(0, 100%, 0) matrix(1, -.04, 0, 1, 0, 0);
				-o-transform: translate3d(0, 100%, 0) matrix(1, -.04, 0, 1, 0, 0);
				transform: translate3d(0, 100%, 0) matrix(1, -.04, 0, 1, 0, 0)
			}
		}

		@media only screen and (min-width:1366px) {
			.header-bg {
				top: -190px
			}
		}

		.cd-header {
			top: 0;
			left: 0;
			height: 80px;
			z-index: 4
		}

		.cd-logo,
		.cd-primary-nav-trigger .cd-menu-icon {
			top: 50%;
			position: absolute;
			bottom: auto
		}

		.cd-logo {
			display: block;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);
			left: .875em
		}

		.cd-logo img {
			display: block;
			max-width: 100px;
			max-height: 37px
		}

		.cd-primary-nav-trigger {
			position: absolute;
			right: 1.2em;
			top: 0;
			height: 100%;
			width: 40px
		}

		.cd-primary-nav-trigger .cd-menu-icon {
			display: inline-block;
			left: 50%;
			right: auto;
			-webkit-transform: translateX(-50%) translateY(-50%);
			-moz-transform: translateX(-50%) translateY(-50%);
			-ms-transform: translateX(-50%) translateY(-50%);
			-o-transform: translateX(-50%) translateY(-50%);
			transform: translateX(-50%) translateY(-50%);
			width: 40px;
			height: 4px;
			background-color: #fff
		}

		.cd-primary-nav-trigger .cd-menu-icon::before,
		.cd-primary-nav-trigger .cd-menu-icon:after {
			content: '';
			width: 100%;
			height: 100%;
			position: absolute;
			background-color: #fff;
			right: 0
		}

		.cd-primary-nav-trigger .cd-menu-icon::before {
			top: -12px
		}

		.cd-primary-nav-trigger .cd-menu-icon::after {
			top: 12px
		}

		.cd-primary-nav {
			display: flex;
			align-items: center;
			position: fixed;
			left: 0;
			top: 0;
			height: 100%;
			width: 100%;
			background: #004ebc;
			z-index: 3;
			padding: 50px 15px;
			backface-visibility: hidden;
			overflow: auto;
			-webkit-overflow-scrolling: touch;
			-webkit-transform: translateY(-100%);
			-moz-transform: translateY(-100%);
			-ms-transform: translateY(-100%);
			-o-transform: translateY(-100%);
			transform: translateY(-100%)
		}

		.cd-primary-nav a {
			display: inline-block;
			color: #fff;
			margin: .2em 0
		}

		.cd-primary-nav .main-nav a {
			font-family: Quicksand, sans-serif;
			font-weight: 700;
			font-size: 42px;
			font-size: 2.625rem;
			display: inline-block;
			color: #fff;
			margin: .2em 0
		}

		.cd-primary-nav .cd-label {
			color: #acacac;
			font-weight: 400;
			font-size: 1rem;
			margin: 0 0 2.6em;
			text-align: right
		}

		.cd-primary-nav .cd-label p {
			line-height: 24px
		}

		.hero-container,
		.hero-content,
		.hero-content-right {
			position: relative
		}

		@media only screen and (min-width:768px) {
			.cd-header {
				height: 80px;
				background: 0 0;
				box-shadow: none
			}

			.cd-logo {
				left: 2.6em
			}

			.cd-logo img {
				max-width: 122px;
				max-height: 45px
			}

			.cd-primary-nav-trigger {
				width: 60px;
				padding-left: 1em;
				background-color: transparent;
				height: 30px;
				line-height: 30px;
				right: 2.2em;
				top: 50%;
				bottom: auto;
				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
				transform: translateY(-50%)
			}

			.cd-primary-nav-trigger .cd-menu-icon {
				left: auto;
				right: 1em;
				-webkit-transform: translateX(0) translateY(-50%);
				-moz-transform: translateX(0) translateY(-50%);
				-ms-transform: translateX(0) translateY(-50%);
				-o-transform: translateX(0) translateY(-50%);
				transform: translateX(0) translateY(-50%)
			}

			.cd-primary-nav {
				padding: 120px 0 80px
			}
		}

		@media only screen and (min-width:1170px) {
			.cd-primary-nav .cd-label {
				font-size: 1.125rem
			}
		}

		.hero-container {
			color: #fff;
			overflow: hidden;
			width: 100%;
			height: 100vh;
			min-height: 580px;
			background: #004dbc;
			display: flex;
			align-items: flex-start;
			justify-content: center
		}

		.hero-content {
			z-index: 1;
			top: 50%;
			transform: translateY(-60%)
		}

		.hero-container p {
			margin: 20px 0 0;
			font-size: 18px;
			line-height: 26px;
			color: #fff;
			max-width: 650px
		}

		.wave-shape>svg,
		header {
			position: absolute
		}

		@keyframes animateWave {
			0% {
				transform: scale(1, 0)
			}

			100% {
				transform: scale(1, 1)
			}
		}

		.wave-shape>svg {
			display: block;
			bottom: -1px;
			left: -1px;
			z-index: 0
		}

		.wave-shape.animate-wave>svg {
			transform-origin: bottom;
			animation: 2s cubic-bezier(.23, 1, .32, 1) forwards animateWave
		}

		header {
			width: 100%;
			height: 100px
		}

		.bgtext {
			position: absolute;
			z-index: 0;
			left: -100px
		}

		.bgtext {
			top: -260px;
			opacity: 0;
			width: 100%
		}

		.bgtext h2 {
			font-size: 300px;
			font-weight: 700;
			line-height: normal;
			letter-spacing: -.08em;
			background: -webkit-linear-gradient(#0050be 30%, #fff 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent
		}

		a.main-button:after {
			background-image: repeating-linear-gradient(45deg, #fff, #fff 1px, transparent 2px, transparent 5px)
		}

		a.main-button {
			font-size: 24px;
			font-weight: 700;
			font-family: Quicksand, sans-serif
		}

		a.main-button:after {
			content: '';
			display: block;
			height: 100px !important;
			width: 100%;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			position: absolute;
			left: 0;
			top: 0;
			background-size: 7px 7px;
			opacity: .1
		}

		a.main-button {
			position: relative;
			overflow: hidden;
			width: 100%;
			max-width: 280px;
			border: 2px solid #fff;
			border-radius: 6px;
			padding: 15px 25px;
			text-align: center;
			text-transform: lowercase;
			color: #fff;
			margin: 30px 10px 0 0;
			display: inline-block;
			z-index: 1
		}

		.grid {
			width: 100%
		}

		.icon img {
			max-width: 25px !important;
			height: auto !important
		}

		.accordion-container {
			position: relative;
			width: 100%;
			max-width: 80rem;
			margin: 0 auto;
			padding: 0 2rem;
			z-index: 1
		}

		.accordion-item {
			background-color: transparent;
			border-radius: .4rem
		}

		.accordion-item hr {
			border: 1px solid rgba(0, 0, 0, .1)
		}

		.accordion-link {
			font-size: 1.6rem;
			color: rgba(0, 0, 0, .8);
			text-decoration: none;
			background-color: transparent;
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 1rem 0
		}

		.accordion-link h3 {
			font-weight: 600;
			font-size: 26px;
			letter-spacing: -.03em
		}

		.accordion-link i {
			color: #e7d5ff;
			padding: .5rem
		}

		.accordion-link ul {
			display: flex;
			align-items: flex-end;
			list-style-type: none;
			margin-left: 25px
		}

		.accordion-link li {
			font-size: 10px;
			color: rgba(0, 0, 0, .4);
			padding: 0 0 1px 5px
		}

		.accordion-link div {
			display: flex
		}

		.accordion-link .ion-md-arrow-down {
			display: none
		}

		.answer {
			max-height: 0;
			overflow: hidden;
			position: relative;
			background-color: transparent
		}

		.answer p {
			color: #000;
			font-size: 16px;
			line-height: 24px;
			padding: 1rem 0
		}

		.accordion-item:target .answer {
			max-height: 50rem;
			transition: max-height 1000ms
		}

		.accordion-item:target .accordion-link .ion-md-arrow-forward {
			display: none
		}

		.accordion-item:target .accordion-link .ion-md-arrow-down {
			display: block
		}

		@media (max-width:1400px) {
			.hero-container h1 {
				margin-top: 0
			}

			.hero-container p {
				font-size: 16px;
				line-height: 24px
			}
		}

		@media screen and (max-width:1024px) {
			.cd-primary-nav {
				padding-left: 30px;
				padding-right: 30px
			}

			.hero-content {
				padding: 0 30px !important
			}

			.bgtext {
				top: -200px;
				left: -20px
			}

			.bgtext h2 {
				font-size: 220px
			}
		}

		@media screen and (max-width:800px) {
			.cd-primary-nav .cd-label {
				text-align: left
			}

			.bgtext h2 {
				font-size: 200px
			}
		}

		@media (max-width:600px) {
			.bgtext {
				top: -120px
			}

			.bgtext h2 {
				font-size: 140px
			}
		}

		@media screen and (orientation:landscape) and (max-width:850px) {
			.hero-container {
				min-height: 750px
			}

			.bgtext {
				top: -140px
			}

			.bgtext h2 {
				font-size: 160px;
				margin-left: -50px
			}

			.cd-primary-nav {
				align-items: flex-start;
				padding-top: 80px
			}
		}

		@media (max-width:595px) {
			h1 {
				font-size: 36px;
				line-height: 39px
			}

			.hero-container {
				min-height: 800px
			}

			.hero-content {
				padding: 0 20px !important;
				transform: translateY(-55%)
			}

			[class*=col-] {
				padding: 10px 20px !important
			}

			.accordion-container {
				padding: 0
			}
		}

		@media (max-width:480px) {
			.bgtext {
				top: -90px;
				left: -10px
			}

			.bgtext h2 {
				font-size: 120px
			}
		}

		@media (max-width:440px) {
			.cd-primary-nav {
				padding-left: 10px;
				padding-right: 10px
			}

			.cd-primary-nav .cd-label {
				margin: 0 0 .6em
			}

			.bgtext {
				top: -80px;
				left: 0
			}

			.bgtext h2 {
				font-size: 100px;
				margin-left: -20px
			}
		}

		@media (max-width:320px) {
			h1 {
				font-size: 30px;
				line-height: 33px
			}

			.cd-primary-nav .cd-label p {
				font-size: 14px !important
			}

			a.main-button {
				font-size: 20px;
				margin: 10px 0 0
			}

			.hero-container p {
				margin: 0
			}

			.bgtext {
				top: -60px;
				left: -30px
			}

			.bgtext h2 {
				font-size: 75px
			}
		}

		*,
		:after,
		:before {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box
		}

		[class*=col-] {
			float: left;
			padding: 10px
		}

		.grid {
			max-width: 1170px;
			margin: 0 auto;
			padding: 0
		}

		.grid:after {
			content: "";
			display: table;
			clear: both
		}

		.col-1-2,
		.col-6-12 {
			width: 50%
		}

		.col-5-12 {
			width: 41.66%
		}

		@media handheld,
		only screen and (max-width:800px) {
			.grid {
				max-width: 100%;
				min-width: 0;
				margin-left: auto;
				margin-right: auto;
				padding-left: 0;
				padding-right: 0
			}

			[class*=col-] {
				width: auto;
				float: none;
				margin: 0;
				padding: 10px
			}

			.cta-container {
				height: auto !important;
				min-height: 100vh !important
			}
		}

		@media (max-width:768px) {
			.gototop img {
				max-width: 200px !important;
				max-height: 88px
			}
		}

			@media only screen and (max-width:1170px) {
				.cd-primary-nav .main-nav a {
					font-size: 32px;
					font-size: 1.875rem
				}
			}

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

				body,
				html {
					padding: 0;
					scroll-behavior: smooth;
					scroll-padding-top: 6rem
				}

				.cta-content h2 {
					font-size: 80px !important;
					line-height: 100px;
					margin-bottom: 0;
					color: #fff
				}
			}

			@media only screen and (max-width:595px) {
				.cta-content h2 {
					font-size: 70px !important;
					line-height: 90px;
					margin-bottom: 60px;
					color: #fff
				}
			}

			@media (max-width:595px) {
				.cta-content {
					margin-top: 60px !important;
					margin-bottom: 90px !important
				}
			}