@charset "utf-8";
/* t21 - Onboarding CSS */

/*===============================
  BEGIN MODULE 2
  ===============================*/
.onboarding-module2-main-container {
	position: relative;
	min-height: auto;
	height: auto;
	background: linear-gradient(0deg, rgba(83,161,69,0), rgba(83,161,69,1));
	background-size: 100% 900px;
	background-repeat: no-repeat;
	margin-top: 60px;
}
.onboarding-module2-main-container h2 {font-size:16px; font-weight:500;line-height:24px;text-align:center;margin-top:60px;text-transform: uppercase;}
.onboarding-module2-main-container p {font-size:34px; font-weight:300;line-height:47px;text-align:center;margin:0 auto;max-width:708px;margin-bottom:60px;}
p.iframe-disclaimer {font-size:14px; font-weight:300;line-height:24px;text-align:left;max-width:907px; margin:0 auto;margin-bottom: 100px;margin-top:40px;}
.onboarding-module2-inner-container {position: relative;min-height: auto;height:auto;}
.onboarding-module2-inner-content {width:100%;max-width: 1060px;margin:0 auto;text-align: center;padding:0px 20px 0px 20px;}
.gradient-4 {
	display: none;
	height: 580px;
	width: 29px;
	position: absolute;
	left: 60px;
	top: 230px;
	z-index: 0;
	border-radius: 8px;
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.3));
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.3));
	background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,.3));
}
.gradient-5 {
	display: none;
	height: 628px;
	width: 104px;
	position: absolute;
	left: 120px;
	top: 70px;
	z-index: 0;
	border-radius: 10px;
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.3));
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.6));
	background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,.6));
}
.gradient-6 {
	display: none;
	height: 334px;
	width: 117px;
	position: absolute;
	left: 250px;
	top: 350px;
	z-index: 0;
	border-radius: 10px;
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.3));
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.4));
	background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,.4));
}
.gradient-7 {
	display: none;
	height: 568px;
	width: 288px;
	position: absolute;
	right: 150px;
	top: 170px;
	z-index: 0;
	border-radius: 10px;
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.3));
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.6));
	background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,.6));
}
.gradient-8 {
	display: none;
	height: 300px;
	width: 104px;
	position: absolute;
	right: 102px;
	top: 410px;
	z-index: 0;
	border-radius: 10px;
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.3));
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.6));
	background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,.6));
}
.gradient-9 {
	display: none;
	height: 390px;
	width: 32px;
	position: absolute;
	right: 50px;
	top: 250px;
	z-index: 0;
	border-radius: 8px;
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.3));
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.3));
	background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,.3));
}

/* Begin Calculator   */	
#main {width:100%;}
#primary {margin: 0 auto;float:none;width: 728px;}
#primary iframe {height: 410px;border: 10px solid #fff;}
#wrap {margin-bottom: 0px!important;}
/* End Calculator */	

/*===============================
  END MODULE 2
  ===============================*/
/*===============================
  BEGIN MODULE 3
  ===============================*/	

.why-module-inner-container .card-3 img {
    width: 46px!important;
    padding-left: 5px;
}
.why-module-inner-container .card-4 img {
    width: 60px !important;
    padding-left: 13px;
}

/*===============================
  END MODULE 3
  ===============================*/

/*===============================
  BEGIN MODULE5
  ===============================*/	

.apple-icon img {width:120px;margin-right:20px;}
.google-icon img {width:120px;}

/*===============================
  END MODULE 5
  ===============================*/	

@media only screen and (max-width: 767px){
	#main {width: 460px;margin: 0 auto;}
	#primary {width: 100%;}
	#primary iframe {height: 1045px;border:none;}

}
	

	
@media only screen and (max-width: 509px){
	#main {width: 378px;max-width: 320px;}
	#collegesavings {max-width: 320px;overflow: hidden;margin: 0 auto;}
}
	

	
@media only screen and (max-width: 374px){	
	#main {width: 270px;}
	#primary {width: 100%;}
	#primary iframe {height: 1240px;}
}	
	

@media (min-width: 320px) {

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

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

/*===============================
  BEGIN MODULE 5
  ===============================*/	
.apple-icon img {width:145px;margin-right:15px;}
.google-icon img {width:145px;}
/*===============================
  END MODULE 5
  ===============================*/	
}
@media (min-width: 376px) {
		
}

@media (min-width: 576px) {

/*===============================
  BEGIN MODULE 2
  ===============================*/	
.onboarding-module2-main-container {min-height: auto;}
.onboarding-module2-inner-container {min-height: 984px;margin-top: 0px;}
.onboarding-module2-inner-content {padding: 0px 0px 0px 0px;}
/*===============================
  END MODULE 2
  ===============================*/

/*===============================
  BEGIN MODULE 5
  ===============================*/		
.apple-icon img {width:160px;margin-right:20px;}
.google-icon img {width:160px;}
/*===============================
  END MODULE 5
  ===============================*/
}
		
@media (min-width: 768px) {
		
}
	
@media (min-width: 992px) {
		
/*===============================
  BEGIN MODULE 2
  ===============================*/	
.onboarding-module2-main-container h2 {}
.onboarding-module2-main-container p {font-size:34px;}
p.iframe-disclaimer {font-size:14px;}
.gradient-4 {display:block;}
.gradient-5 {display:block;}
.gradient-6 {display:block;}
.gradient-7 {display:block;}
.gradient-8 {display:block;}
.gradient-9 {display:block;}
/*===============================
  END MODULE 2
  ===============================*/

.two-column-leftimage-rightcopy-l-col {
	margin-bottom:0px!important;}
}

@media (min-width: 1200px) {
	

}

@media (min-width: 1440px) {

}

@media (min-width: 1441px) {

}

@media (min-width: 1500px) {

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

}