@charset "utf-8";
/* Header 15 CSS */

.header-15-main-container {height: auto;position: relative;max-width: 100%;z-index:1;}
.header-15-inner-container {position: relative;padding:0px 0px 0px 0px;}
.header-15-l-col {position: relative;padding:20px 20px 0px 20px;}
.header-15-r-col {position: relative;padding:0px 0px 0px 0px;}
.header-15-h1 {font-weight:300;font-size:34px;max-width: 100%;}
.header-15-p {font-weight:300;font-size:18px;line-height:27px;max-width: 100%;}
.text-inner-container {position: relative; top:10px;left:0px;z-index:4;padding:0px;}
.animation-inner-container {position: relative;height:100%;top:0px;right:0px;z-index: -1;margin-top:40px}
.header-15-image-1 {width: 270px;height: 184px;border-radius: 20px 0px 0px 20px;overflow: hidden;z-index: 2;position: relative;float: right;margin-bottom:20px;}
.header-15-image-1 img {width:270px;height:184px;}
.header-15-link {position: relative;height: auto;min-height: 83px;}
.header-15-cta ul {list-style:none;padding-left:0px;}
.header-15-cta li {list-style: none;}
.heroLink {text-decoration: none; white-space: nowrap;}
a.header-footnote-link {
	font-size: 24px;
	color: #4d4d4F;
	font-weight: 300;
	text-decoration: underline;
	text-underline-offset: -5px;
	cursor: pointer;
}
	a.header-footnote-link:hover {
		color: #4d4d4F;
		text-decoration: none;
		text-underline-offset: -10px;
	}
	a.header-footnote-link:focus {
		outline: thin solid #4d4d4F;
		outline-offset: 2px;
		text-decoration: none;
		text-decoration: underline;
		text-underline-offset: -5px;
	}
.header-15-terms:target {
    background: yellow;
}
.header-15-gradient-1 {
	display: block;
	height: 264px;
	width: 80px;
	position: absolute;
	right: 0px;
	top: -40px;
	z-index: 0;
	border-radius: 5px;
	background-image: -webkit-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,1));
	background-image: -o-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,1));
	background-image: linear-gradient(to top, rgba(14,54,82,0), rgba(14,54,82,1));
}

.header-15-gradient-2 {
	display: block;
	height: 205px;
	width: 44px;
	position: absolute;
	right: 67px;
	top: -20px;
	z-index: 1;
	border-radius: 5px;
	background-image: -webkit-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.7));
	background-image: -o-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.7));
	background-image: linear-gradient(to top, rgba(153,198,109,0), rgba(153,198,109,.7));
}
.header-15-gradient-3 {
	display: block;
	height: 135px;
	width: 22px;
	position: absolute;
	right: 175px;
	bottom: 0px;
	z-index: 2;
	border-radius: 5px;
	background-image: -webkit-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.7));
	background-image: -o-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.7));
	background-image: linear-gradient(to top, rgba(2,176,184,0), rgba(2,176,184,.7));
}

.zind1 {z-index: 1 !important;}
.grad3Left {right: 230px;}

@media (min-width: 320px) {
	
}

@media (min-width: 360px) {
	
}

@media (min-width: 375px) {
.header-15-h1 {font-size: 38px;max-width: 335px;}
a.header-footnote-link { font-size: 24px;}
	
}

@media (min-width: 375px) and (max-width: 575px) {
	.header-15-h1.header-width-fix {
		max-width: 100%;
	}
}

@media (min-width: 376px) {
.header-15-cta {margin:0;}
		
}

@media (min-width: 576px) {
.header-15-h1 {max-width: 460px;}
a.header-footnote-link { font-size: 24px;}
.header-15-p {font-weight:300;font-size: 16px;max-width: 420px;}
.header-15-p .sub-width-fix {width: 100%; display:inline-block;}
.text-inner-container {position: relative; top:10px;left:0px;z-index:4;}
.animation-container {position: relative;height:660px;max-width: 576px;}
.animation-inner-container {position: relative; top:0px;right:0px;z-index: -1;margin-top: 40px;}
.header-15-image-1 {width: 325px;height: 226px;border-radius: 20px;overflow: hidden;z-index: 2;position: relative;}
.header-15-image-1 img {width:325px;height:226px;margin-left:0px;}

.header-15-gradient-1 {
	height: 345px;
	width: 125px;
	right: -9px;
	top: -70px;
	border-radius: 10px;
}

.header-15-gradient-2 {
	height: 220px;
	width: 70px;
	right: 87px;
	top: -25px;
	border-radius: 10px;
}

.header-15-gradient-3 {
	height: 160px;
	width: 25px;
	right: 215px;
	top: 110px;
	border-radius: 5px;
}

.grad3Left {right: 275px;}
}

@media (min-width: 576px) and (max-width: 767px) {
	.header-15-p.header-width-fix {
		max-width: 485px;
	}
}

@media (min-width: 768px) {
.header-15-inner-container {}
.header-15-l-col {padding:0px 30px 0px 0px;}
a.header-footnote-link { font-size: 24px;}
.header-15-p {font-weight:300;font-size:18px;max-width:440px;}
.header-15-p .sub-width-fix {width: 415px;display:inline-block;}
.text-inner-container {position: relative; top:0px;left:0px;z-index:4;max-width:440px;padding-top: 100px;}
.animation-inner-container {position: relative; top:0px;right:0px;z-index: -1;margin-top:0px;}

.header-15-image-1 {width: 257px;height: 179px;border-radius: 20px;overflow: hidden;z-index: 2;position: relative;margin-top: 130px;margin-bottom: 30px;}
.header-15-image-1 img {width:257px;height:179px;}		

.header-15-gradient-1 {
	height: 280px;
	width: 110px;
	right: -20px;
	top: 73px;
	border-radius: 10px;
}

.header-15-gradient-2 {
	height: 183px;
	width: 65px;
	right: 73px;
	top: 110px;
	border-radius: 10px;
}

.header-15-gradient-3 {
	height: 140px;
	width: 24px;
	right: 167px;
	top: 215px;
	border-radius: 5px;

}	

.grad3Left {right: 220px;}
}
	
@media (min-width: 992px) {
.header-15-h1 {max-width:900px;}
a.header-footnote-link { font-size: 35px;}
.header-15-p {font-weight:300;font-size:18px;max-width: 480px;}
.header-15-p .sub-width-fix {width: 530px;display:inline-block;}
.text-inner-container {position: relative;z-index:4;max-width:590px;padding-top:83px;}
.animation-container {position: relative;height:632px;max-width:992px;}
.animation-inner-container {position: relative; top:0px;right:0px;z-index: -1}
.header-15-image-1 {width: 350px;height: 243px;border-radius: 20px;overflow: hidden;z-index: 2;position: relative;}
.header-15-image-1 img {width:350px;height:243px;}


.header-15-gradient-1 {
	height: 365px;
	width: 133px;
	right: 0px;
	top: 60px;
	border-radius:10px;
}

.header-15-gradient-2 {
	height: 270px;
	width: 60px;
	right: 120px;
	top: 100px;
	border-radius:10px;
}

.header-15-gradient-3 {
	height: 167px;
	width: 35px;
	right: 230px;
	top: 251px;
	border-radius: 8px;
}

.grad3Left {right: 295px;}
}

@media (min-width: 1200px) {
.header-15-h1 {color: #101f3f;font-weight: 300;font-size: 60px;max-width: 615px;line-height: 80px;}
a.header-footnote-link { font-size: 45px;}
.header-15-p {font-weight: 300;font-size: 20px;line-height: 30px;max-width: 550px;}
.header-15-p .sub-width-fix {width: 565px;display:inline-block;}
.text-inner-container {position: relative;height: auto;z-index: 4;max-width: 650px;padding-top:100px;}
.animation-container {position: relative;min-height: 722px;max-width: 100%;height: auto;}
.animation-inner-container {position: relative; top:0px;right:0px;z-index: -1}
.header-15-image-1 {width: 471px;height: 327px;border-radius: 20px 0px 0px 20px;overflow: hidden;z-index: 2;position: relative;}
.header-15-image-1 img {width:471px;height:327px;}


.header-15-gradient-1 {
	height: 480px;
	width: 170px;
	right: 0px;
	top: 50px;
	border-radius:10px 0px 0px 10px;
}
.header-15-gradient-2 {
	height: 355px;
	width: 96px;
	right: 150px;
	top: 100px;
	border-radius:10px;
}

.header-15-gradient-3 {
	height: 210px;
	width: 50px;
	right: 307px;
	top: 295px;
	border-radius: 8px;
}	

.grad3Left {right: 395px;}
}

@media (min-width: 1300px) {
	.text-inner-container {max-width: 760px;}
}

	@media (min-width: 1440px) {
		.header-15-p .sub-width-fix {
			width: 750px;
			display: inline-block;
		}

		.header-15-h1 {
			max-width: 900px;
		}

		.header-15-gradient-1 {
			height: 480px;
			width: 170px;
			right: 0px;
			top: 50px;
			border-radius: 10px 0px 0px 10px;
		}

		.header-15-gradient-2 {
			height: 355px;
			width: 96px;
			right: 150px;
			top: 100px;
			border-radius: 10px;
		}

		.header-15-gradient-3 {
			height: 210px;
			width: 50px;
			right: 307px;
			top: 295px;
			border-radius: 8px;
		}

		.grad3Left {
			right: 395px;
		}
		.text-inner-container {
			max-width: 900px;
		}
	}

	@media (min-width: 1441px) {
		.header-15-image-1 {
			border-radius: 20px;
		}

		.header-15-gradient-1 {
			border-radius: 10px;
		}
	}

	@media (min-width: 1500px) {
		.header-15-image-1 {
			border-radius: 20px;
		}

		.header-15-gradient-1 {
			right: -20px;
			width: 190px;
		}
	}

	@media (min-width: 1650px) {
	}
	
		

