@charset "UTF-8";
/* CSS Document */

* {
	box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, "sans-serif";
	font-size: 16px;
	line-height: 20px;
	color: #58595b;
}
img {
	border: 0;
}

.row {
  margin-right: 0;
  margin-left: 0;
}

hr {
	margin-top: 0;
	margin-bottom: 25px;
	height: 5px;
	border-width: 0;
	color:#0095d5;
	background-color:#0095d5;

}

.headerContentimg {
	border: 0;
	display: block;
}
.nav {
	width: 1000px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.contactBtn {
	background-color: #13b5ea;
	border: none;
	color: #ffffff;
	padding: 12px 30px 12px 30px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 0;
	cursor: pointer;
	border-radius: 5px;
}

a.contactBtn:hover {
    color: #0069aa;
	text-decoration: none;

}

.navLeft {
	float: left;
}
.navRight {
	float: right;
}
.navClearfix::after {
	content: "";
	clear: both;
	display: table;
}
.header {
	width: 100%;
	background-color: #073b51;
}
.headerContent {
	width: 1000px;
	margin: 0 auto;
}
.mainContent {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}
h1 {
	font-size: 40px;
	line-height: 44px;
	color: #0069aa;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 30px;
}
.btnHdr {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	font-family: Helvetica, Arial, "sans-serif";
	font-size: 26px;
	line-height: 30px;
	color: #ffffff;
}
li.modlist {
	margin-bottom: 15px;
}
ul.green {
	list-style-image: url('http://www.envestnet.com/files/EN-OneWealth/EN-OneWealth-InGr/images/checkmark-icon-green.png');
}
ul.purple {
	list-style-image: url('http://www.envestnet.com/files/EN-OneWealth/EN-OneWealth-InGr/images/checkmark-icon-purple.png');
}
ul.yellow {
	list-style-image: url('http://www.envestnet.com/files/EN-OneWealth/EN-OneWealth-InGr/images/checkmark-icon-yellow.png');
}
.Modalcolumnleft {
	float: left;
	width: 20%;
	height: 20px;
}
.Modalcolumnright {
	float: left;
	width: 80%;
	height: 20px;
}
.modalRow {
	margin-top: 30px;
	padding-left: 0;
	margin-bottom: 90px;
}
/* Clear floats after the columns */
.modalRow:after {
	content: "";
	display: table;
	clear: both;
}
/* GREEN BUTTON */

.buttonGrn {
	background-color: #4CAF50; /* Green */
	border: none;
	color: white;
	padding: 40px 20px 40px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
	float: left;
	width: 25%;
	margin: 4%;
}
.buttonGrn:hover {
	background-color: #254f05;
}
/* PURPLE BUTTON */

.buttonPur {
	background-color: #652d89; /* Purple */
	border: none;
	color: white;
	padding: 40px 20px 40px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
	float: left;
	width: 25%;
	margin: 4%;
}
.buttonPur:hover {
	background-color: #28084a;
}
/* YELLOW BUTTON */

.buttonYel {
	background-color: #E8CF00; /* Yellow */
	border: none;
	color: white;
	padding: 40px 20px 40px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
	float: left;
	width: 25%;
	margin: 4%;
}
.buttonYel:hover {
	background-color: #d3a800;
}
/*MODAL GREEN BEGIN */		
	
/* The Modal (background) */
.modalGrn {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 250px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-contentGrn {
	text-align: left;
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 20px 30px 20px 30px;
	border: 1px solid #888;
	width: 600px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
 from {
top:-300px;
opacity:0
}
 to {
top:0;
opacity:1
}
}
 @keyframes animatetop {
 from {
top:-300px;
opacity:0
}
 to {
top:0;
opacity:1
}
}
/* The Close Button */
.closeGrn {
	color: #58595b;
	float: right;
	font-size: 28px;
}
.closeGrn:hover, .closeGrn:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
.modal-headerGrn {
/*    padding: 2px 16px;
*/}
.greenHdr {
	color: #5cb85c;
	font-size: 40px;
	margin-top: 30px;
}
.modal-bodyGrn {
	/*	padding: 2px 16px;
*//*	color: #58595b;
*/	font-size: 20px;
	line-height: 24px
}
.modal-footerGrn {
	/*    padding: 2px 30px;
*/    color: #58595b;
	font-size: 10px;
	line-height: 14px
}
/*	MODAL GREEN END
*/		
	

/*	MODAL PURPLE BEGIN
*/		
	
/* The Modal (background) */
.modalPur {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 250px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-contentPur {
	text-align: left;
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 20px 30px 20px 30px;
	border: 1px solid #888;
	width: 600px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
 from {
top:-300px;
opacity:0
}
 to {
top:0;
opacity:1
}
}
 @keyframes animatetop {
 from {
top:-300px;
opacity:0
}
 to {
top:0;
opacity:1
}
}
/* The Close Button */
.closePur {
	color: #58595b;
	float: right;
	font-size: 28px;
}
.closePur:hover, .closePur:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
.modal-headerPur {
/*    padding: 2px 16px;
*/
}
.purpleHdr {
	color: #652d89;
	font-size: 40px;
	margin-top: 30px;
}
.modal-bodyPur {
	color: #58595b;
	font-size: 20px;
	line-height: 24px;/*	padding: 2px 16px;
*/
}
.modal-footerPur {
	/*    padding: 2px 30px;
*/    color: #58595b;
	font-size: 10px;
	line-height: 14px;
}
/*	MODAL PURPLE END
*/		
	

/*	MODAL YELLOW BEGIN
*/		
	
/* The Modal (background) */
.modalYel {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 250px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-contentYel {
	text-align: left;
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 20px 30px 20px 30px;
	border: 1px solid #888;
	width: 600px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
 from {
top:-300px;
opacity:0
}
 to {
top:0;
opacity:1
}
}
 @keyframes animatetop {
 from {
top:-300px;
opacity:0
}
 to {
top:0;
opacity:1
}
}
/* The Close Button */
.closeYel {
	color: #58595b;
	float: right;
	font-size: 28px;
}
.closeYel:hover, .closeYel:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
.modal-headerYel {
/*	padding: 2px 16px;
*/}
.yellowHdr {
	color: #E8CF00;
	font-size: 40px;
	margin-top: 30px;
}
.modal-bodyYel {
	color: #58595b;
	font-size: 20px;
	line-height: 24px;/*	padding: 2px 16px;
*/
}
.modal-footerYel {
	/*    padding: 2px 30px;
*/    color: #58595b;
	font-size: 10px;
	line-height: 14px;
}
/*	MODAL YELLOW END
*/	
	
	/* Clear floats after the columns */
.mainClearfix:after {
	content: "";
	display: table;
	clear: both;
}
.env {
	width: 100%;
	background-color: #0069aa;
}
.envContent {
	width: 1000px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 auto;

}
h2 {
	font-size: 40px;
	line-height: 44px;
	color: #ffffff;
	font-weight: normal;
	margin: 0;
}
.add {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.addContent {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 40px;
}
h3 {
	font-size: 30px;
	line-height: 34px;
	font-weight: normal;
	margin-top: 12px;
	margin-bottom: 20px;
	color: #618e24;
}
.description {
	font-size: 19px;
	line-height: 24px;
	margin-bottom: 40px;
}
.columnleft {
	float: left;
	width: 8%;
}
.columnright {
	float: left;
	width: 92%;
}

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

.par {
	width: 100%;
	background-color: #f2f2f2;
}
.parContent {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 10px;
}
.parOne {
	width: 100%;
	background-color: #f2f2f2;
	margin-left: auto;
	margin-right: auto;
}
.parOneContent {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;
}
.parOne1Left {
	width: 33%;
	float: left;
	text-align: center;
	padding-top: 10px;
	padding-right: 60px;
	padding-bottom: 10px;
	padding-left: 60px;
}
.parOne2Left {
	width: 33%;
	float: left;
	text-align: center;
	padding-top: 10px;
	padding-right: 60px;
	padding-bottom: 10px;
	padding-left: 60px;
	border-left: #a2a2a2 solid 1px;
	border-right: #a2a2a2 solid 1px;
}
.parOne3Left {
	width: 33%;
	float: left;
	text-align: center;
	padding-top: 10px;
	padding-right: 60px;
	padding-bottom: 10px;
	padding-left: 60px;
}
.parTwo {
	width: 100%;
	background-color: #f2f2f2;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
}
.parTwoContent {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.parTwo1Left {
	width: 33%;
	float: left;
	text-align: center;
	padding-top: 10px;
	padding-right: 60px;
	padding-bottom: 10px;
	padding-left: 60px;
	border-right: #a2a2a2 solid 1px;
	margin-left: 160px;
}
.parTwo2Left {
	width: 33%;
	float: left;
	text-align: center;
	padding-top: 10px;
	padding-right: 60px;
	padding-bottom: 10px;
	padding-left: 60px;
}
.parHeader {
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #0095d5;
	margin-top: 20px;
	margin-bottom: 15px;
}
.parBody {
	font-size: 22px;
	line-height: 26px;
	color: #58595b;
	margin-top: 20px;
	margin-bottom: 15px;
}
.call {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #0069aa;
}
.callContent {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}
.callText {
	font-size: 26px;
	line-height: 30px;
	color: #ffffff;
	margin-top: 0;
	margin-bottom: 0;
}
a.calllink{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

a.calllink:hover {
    color: #13b5ea;
	text-decoration: none;

}
.footContent {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 30px;
}
.footer {
	font-size: 12px;
	line-height: 16px;
}
.slideHeader {
	font-family: Helvetica, Arial, "sans-serif";
	font-size: 26px;
	line-height: 30px;
	font-weight: bold;
	color: #0081c6;
}
.slidebody {
	font-family: Helvetica, Arial, "sans-serif";
	font-size: 16px;
	line-height: 20px;
	color: #58595b;
}
.caption {
  position: absolute;
  right: 5%;
  top: 5px;
  left: 5%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #58595b;
  text-align: center;
/*  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
*/}





@media (max-width: 600px) {
	
h1, h2 {
	font-size: 32px;
	line-height: 36px;
}
	
h3 {
	font-size: 26px;
	line-height: 30px;		
}	
.description {
	font-size: 18px;
	line-height: 22px;
}	
	
.nav {
	width: 90%;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
}
.main, .mainContent {
	width: 90%;
}
.envContent, .callContent, .footContent {
	width: 90%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 17px;
}
.header, .headerContent, .headerContentimg {
	width: 100%;
	height: 100%;
}
.buttonGrn, .buttonPur, .buttonYel, .parOne1Left, .parOne2Left, .parOne3Left, .parTwo1Left, .parTwo2Left {
	width: 90%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 5%;
}
.modal-contentGrn, .modal-contentPur, .modal-contentYel {
	width: 80%;
}
.modalGrn, .modalPur, .modalYel {
	padding-top: 50px; /* Location of the box */
}
.columnleft, .columnright {
	width: 90%;
	text-align: center;
	margin-left: 15px;
}
.addContent, .parContent, .parOneContent, .parTwoContent {
	width: 90%;
}
.text, .textReg, .slideHeader, .slidebody {
	width: 90%;
	padding: 0;
}
.greenHdr, .purpleHdr, .yellowHdr {
	font-size: 30px;
}
.Modalcolumnleft {
	float: left;
	width: 40%;
	height: 20px;
}
.Modalcolumnright {
	float: left;
	width: 60%;
	height: 20px;
}
	
.buttonGrn, .buttonPur, .buttonYel {
	margin-bottom: 15px;
}
	
.parOne1Left {
	border-bottom: #13b5ea solid 2px;
}
	
.parOne2Left {
	border-bottom: #13b5ea solid 2px;
	border-left: none;
	border-right: none;
}
	
.parOne3Left {
	border-bottom: #13b5ea solid 2px;
}	
	
.parTwo1Left {
	border-bottom: #13b5ea solid 2px;
		border-right: none;
}
	
.parOneContent {
	padding-bottom: 0;
}
	
.callText {
	font-size: 22px;
	line-height: 26px;
}
	
.slideHeader {
	font-size: 15px;
	line-height: 19px;
}	
.slidebody {
	font-size: 12px;
	line-height: 16px;
}
	
.caption {
  right: 2%;
  top: 10px;
  left: 12%;
  padding-top: 20px;
  padding-bottom: 20px;
}
.caption img {
  width: 250px;
	height: 130px;
}		
.carousel-inner {
	height: 350px;
}	
	
	

	
}