@charset "utf-8";
/* t? - Page Name CSS */

.header-10-main-container {height: auto;position: relative;max-width: 100%;z-index:1;}
.header-10-inner-container {position: relative;padding:0px 0px 60px 0px;}
.header-10-l-col {position: relative;padding:20px 20px 0px 20px;}
.header-10-r-col {position: relative;padding:0px 0px 0px 0px;}
.header-10-h1 {color:#0E3652;font-weight:300;font-size:34px;max-width: 100%;}
.header-10-p {color:#000;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-10-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-10-image-1 img {width:270px;height:184px;}
.header-10-link {position: relative;height: auto;min-height: 83px;}
.header-10-cta ul {list-style:none;padding-left:0px;}
.header-10-cta li {list-style: none;}
a.header-footnote-link {
	font-size: 24px;
	color: #0E3652;
	font-weight: 300;
	text-decoration: underline;
	text-underline-offset: -5px;
	cursor: pointer;
}
a.header-footnote-link:hover {
  color:#0E3652;
text-decoration: none;

}
a.header-footnote-link:focus {
  outline: thin solid #000;
  outline-offset: 2px;
text-decoration: underline;
text-underline-offset: -5px;
}
a.header-footnote-link-blue {
	font-size: 24px;
	color: #02b0b8;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: -5px;
	cursor: pointer;
}

	a.header-footnote-link-blue:hover {
		color: #02b0b8;
		text-decoration: none;
	}

	a.header-footnote-link-blue:focus {
		outline: thin solid #000;
		outline-offset: 2px;
		text-decoration: underline;
		text-underline-offset: -5px;
	}
.csm-module3-terms:target {
    background: yellow;
}
.header-10-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-10-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-10-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-10-h1 {font-size: 38px;max-width: 335px;}
a.header-footnote-link { font-size: 24px;}
	
}
@media (min-width: 376px) {
.header-10-cta {margin:0;}
.header-10-p .sub-width-fix {
    width: 370px;
    display: inline-block;
}		
}

@media (min-width: 576px) {
.header-10-h1 {max-width: 465px;}
a.header-footnote-link { font-size: 24px;}
.header-10-p {color:#000;font-weight:300;font-size: 16px;max-width: 420px;}
.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-10-image-1 {width: 325px;height: 226px;border-radius: 20px;overflow: hidden;z-index: 2;position: relative;}
.header-10-image-1 img {width:325px;height:226px;margin-left:0px;}
.header-10-p .sub-width-fix {
    width: 370px;
    display: inline-block;
}
.header-10-gradient-1 {
	height: 345px;
	width: 125px;
	right: -9px;
	top: -70px;
	border-radius: 10px;
}

.header-10-gradient-2 {
	height: 220px;
	width: 70px;
	right: 87px;
	top: -25px;
	border-radius: 10px;
}

.header-10-gradient-3 {
	height: 160px;
	width: 25px;
	right: 215px;
	top: 110px;
	border-radius: 5px;
}	

.grad3Left {right: 275px;}
}		

@media (min-width: 768px) {
.header-10-inner-container {}
.header-10-l-col {padding:0px 0px 0px 0px;}
a.header-footnote-link { font-size: 24px;}
.header-10-p {color:#000;font-weight:300;font-size:18px;max-width:440px;}
.text-inner-container {position: relative; top:0px;left:0px;z-index:4;max-width:550px;padding-top: 100px;}
.animation-inner-container {position: relative; top:0px;right:0px;z-index: -1;margin-top:0px;}

.header-10-image-1 {width: 257px;height: 179px;border-radius: 20px;overflow: hidden;z-index: 2;position: relative;margin-top: 130px;margin-bottom: 30px;}
.header-10-image-1 img {width:257px;height:179px;}		
.header-10-p .sub-width-fix {
    width: 400px;
    display: inline-block;
}
.header-10-gradient-1 {
	height: 280px;
	width: 110px;
	right: -20px;
	top: 73px;
	border-radius: 10px;
}

.header-10-gradient-2 {
	height: 183px;
	width: 65px;
	right: 73px;
	top: 110px;
	border-radius: 10px;
}

.header-10-gradient-3 {
	height: 140px;
	width: 24px;
	right: 167px;
	top: 215px;
	border-radius: 5px;
}	

.grad3Left {right: 220px;}
}
	
@media (min-width: 992px) {
.header-10-h1 {max-width:900px;}
a.header-footnote-link { font-size: 35px;}
.header-10-p {color:#000;font-weight:300;font-size:18px;max-width: 480px;}
.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-10-image-1 {width: 350px;height: 243px;border-radius: 20px;overflow: hidden;z-index: 2;position: relative;}
.header-10-image-1 img {width:350px;height:243px;}
.header-10-p .sub-width-fix {
    width: 520px;
    display: inline-block;
}

.header-10-gradient-1 {
	height: 365px;
	width: 133px;
	right: 0px;
	top: 60px;
	border-radius:10px;
}

.header-10-gradient-2 {
	height: 270px;
	width: 60px;
	right: 120px;
	top: 100px;
	border-radius:10px;
}

.header-10-gradient-3 {
	height: 167px;
	width: 35px;
	right: 230px;
	top: 251px;
	border-radius: 8px;
}

.grad3Left {right: 295px;}
}

@media (min-width: 1200px) {
.header-10-h1 {color: #0E3652;font-weight: 300;font-size: 60px;max-width: 615px;line-height: 80px;}
a.header-footnote-link { font-size: 45px;}
.header-10-p {color: #000;font-weight: 300;font-size: 20px;line-height: 30px;max-width: 600px;}
.text-inner-container {position: relative;height: auto;z-index: 4;max-width: 880px;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-10-image-1 {width: 471px;height: 327px;border-radius: 20px 0px 0px 20px;overflow: hidden;z-index: 2;position: relative;}
.header-10-image-1 img {width:471px;height:327px;}
.header-10-p .sub-width-fix {
    width: 650px;
    display: inline-block;
}

.header-10-gradient-1 {
	height: 480px;
	width: 170px;
	right: 0px;
	top: 50px;
	border-radius:10px 0px 0px 10px;
}
.header-10-gradient-2 {
	height: 355px;
	width: 96px;
	right: 150px;
	top: 100px;
	border-radius:10px;
}

.header-10-gradient-3 {
	height: 210px;
	width: 50px;
	right: 307px;
	top: 295px;
	border-radius: 8px;
}	

.grad3Left {right: 395px;}
}

@media (min-width: 1440px) {
.header-10-h1 {max-width: 900px;}
.header-10-gradient-1 {
		height: 480px;
		width: 170px;
		right: 0px;
		top: 50px;
		border-radius: 10px 0px 0px 10px;
	}
	.header-10-gradient-2 {
		height: 355px;
		width: 96px;
		right: 150px;
		top: 100px;
		border-radius: 10px;
	}

	.header-10-gradient-3 {
		height: 210px;
		width: 50px;
		right: 307px;
		top: 295px;
		border-radius: 8px;
	}	

	.grad3Left {right: 395px;}
}

@media (min-width: 1441px) {
.header-10-image-1 {border-radius: 20px;}
.header-10-gradient-1 {border-radius:10px;}

}
@media (min-width: 1500px) {
.header-10-image-1 {border-radius: 20px;}
.header-10-gradient-1 {right:-20px;width:190px;}

}

@media (min-width: 1650px) {
		
}