

html, body {
	width: 100%;
	height: 100%;
	text-align: left;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	color: #4c4c4d;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	background: #fff;
}


        
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}


a img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}

.gradient {
       filter: none;
}


.contentContainer {
	width: 960px;
	margin: 0px auto;
	border: 0px;
	padding: 0px 0px 0px 0px;
	color: #3e3d40;
	position: relative;
}



h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 32px;
	color: #23b3f0;
	letter-spacing: -1px;
	margin: 0px 0px 8px 0px;
	border: 0px;
	padding: 0px 0px 0px 0px;
}


#leveldown h1 {
	text-align: left;
	font-size: 40px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #452e64;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 0px 0px 20px 0px;
}




h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 26px;
	line-height: 33px;
	font-weight: 400;
	color: #333333;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 2px 0px;
}


h3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 22px;
	color: #333333;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}


.red {
	color: #eb2629;
}

.cyan {
	color: #41bacf;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

:focus {
outline: 0;
}




/* --------------------------------- HEADER AREA ------------------------------------ */



.header {
	width: 960px;
	margin: 0px auto;
	border: 0px;
	padding: 0px 0px;
	color: #fff;

}

.logo {
	float: left;
	text-align: left;
	margin: 0px;
	border: 0px;
	padding: 18px 0px 26px 0px;
}

.topRight {
	float: right;
	text-align: right;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #452e64;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 52px 0px 0px 0px;
}

.numberBlock {
	display: inline;
	text-align: center;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #452e64;
	margin: 0px 0px 0px 4px;
	border: 0px;
	padding: 8px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: #ffd800;
}

#cdiv{
	display: inline;	
}







/* --------------------------------- SPLASH AREA ------------------------------------ */


.splashArea {
	text-align: center;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #fff;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	background: #aebaec;
}

.splashHeader {
	text-align: center;
	font-size: 55px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #fff;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 10px 0px 0px 0px;
}

.splashHeader {
	height: 160px;
	text-align: center;
	font-size: 58px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	letter-spacing: -2px;
	color: #fff;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 10px 0px 0px 0px;
}


.splashHeader span {
	color: #452e64;

}




	.balloon{
		width:50px;
		height:72px;
		
		animation: balloon 60s ease infinite;
		position: absolute;
		top:320px;
		left:30px;
	}
	
	@keyframes balloon {
		0% {
			left:30px;
			top:320px;
		}
		
		30% {
			left:860px;
			top:220px;
		}
		
		69% {
			left:100px;
			top:120px;
		}
		
		100% {
			left:30px;
			top:320px;
		}
	}




#splashForm {
	width: 520px;
	display: flex;
	margin: 40px auto 20px;
	text-align: center;
}

#splashForm .input {
	width: 400px;
	height: 70px;
	text-align: left;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	padding: 0px 0px 0px 20px;
	border-left: 3px solid #452e64;
	border-right: 3px solid #452e64;
	border-bottom: 3px solid #452e64;
	border-top: 3px solid #452e64;
	margin: 0px 0px 0px 0px;
	box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
	-webkit-appearance: none;
	outline: none;
	border-radius: 6px 0px 0px 6px;
	-moz-border-radius: 6px 0px 0px 6px;
	-webkit-border-radius: 6px 0px 0px 6px;
	background: #fff;
}

#splashForm .button {
	width: 120px;
	height: 70px;
	text-align: center;
	font-size: 40px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color:#fff;
	padding: 0px 0px 0px 0px;
	border: 3px solid #452e64;
	border-left: 0px solid #452e64;
	margin: 0px 0px 0px 0px;
	box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
	-webkit-appearance: none;
	outline: none;
	border-radius: 0px 6px 6px 0px;
	-moz-border-radius: 0px 6px 6px 0px;
	-webkit-border-radius: 0px 6px 6px 0px;
	background: #ff3000;
	cursor: pointer;
}



.splashBullets {
	text-align: center;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #452e64;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 0px 0px 20px 0px;
}


.splashBullets ul {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border: 0px;
}

.splashBullets li {
	display: inline;
	text-align: left;
	background-image: url('../../images/splash-bullets.png');
	background-repeat: no-repeat;
	background-position: 0% 40%;
	padding-left: 34px;  /* space for the image */
	padding-right: 12px;  /* space for the image */
	padding-top: 10px;  /* space for the image */
	padding-bottom: 13px;  /* space for the image */
	border: 0px;
	margin-bottom: 10px;
}




.soldV1 {
	position: absolute;
	top: 620px;
	left: 0px;

}

#leveldown .soldV1 {
	position: absolute;
	top: 280px;
	left: 0px;

}




.soldV1 img {
	max-width: 70%;
}


.soldV2 {
	position: absolute;
	top: 720px;
	left: 300px;
}

#leveldown .soldV2 {
	position: absolute;
	top: 380px;
	left: 300px;
}




.soldV2 img {
	max-width: 70%;
}


.soldV3 {

	position: absolute;
	top: 580px;
	left: 820px;
}

#leveldown .soldV3 {

	position: absolute;
	top: 240px;
	left: 820px;
}



.soldV3 img {
	max-width: 70%;
}







/* --------------------------------- ROW AREA ------------------------------------ */


.row {
	text-align: center;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #646464;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 80px 0px 80px 0px;
	background: #fff;
}


#leveldown .row {
	text-align: center;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #646464;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 80px 0px 80px 0px;
	background: #fff;
}

 

#leveldown  .row h1 {
	text-align: left;
	font-size: 40px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #452e64;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 0px 0px 20px 0px;
}







.row h1 {
	text-align: center;
	font-size: 40px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #452e64;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 0px 0px 0px 0px;
}


.row h1 span {

	color: #ff3000;

}


.howContainer {
	display: flex;
	text-align: center;
	font-size: 26px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #564370;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 30px 0px 0px 0px;
}



.how {
	width: 300px;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 0px 20px 0px 20px;
}

.how img {
	
	margin: 0px 0px 10px 0px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	
}





.howContainerSml {
	display: flex;
	text-align: center;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #564370;
	margin: 0px auto;
	border: 0px;
	padding: 30px 0px 0px 0px;
}



.howSml {
	width: 120px;
	margin: 0px auto;
	border: 0px;
	padding: 0px 20px 0px 20px;
}

.howSml img {
	max-width: 100%;
	margin: 0px 0px 10px 0px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	
}







.row.purple {
	text-align: center;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #fff;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 80px 0px 80px 0px;
	background: #aebaec;
}


.row.purple h1 {
	text-align: center;
	font-size: 40px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #fff;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 0px 0px 0px 0px;
}



.whyContainer {
	display: flex;
	text-align: center;
	font-size: 26px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #564370;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 30px 0px 0px 0px;
}



.why {
	width: 430px;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 0px 20px 0px 20px;
}

.whyBullets ul {
	list-style: none;
	padding: 30px 0px 0px 0px;
	margin: 0px;
	border: 0px;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #432c60;
}

.whyBullets li {
	text-align: left;
	background-image: url('../../images/splash-bullets.png');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding-left: 34px;  /* space for the image */
	padding-top: 0px;  /* space for the image */
	padding-bottom: 13px;  /* space for the image */
	border: 0px;
}



	.contactWrapper {
		display: flex;
	}

	.contactLeft {
		margin: 0px 0px 0px 0px;
		border: 0px;
		padding: 0px 30px 0px 0px;
	}
	
	
	.contactForm {
		width: 620px;
		margin: 0px 0px 0px 0px;
		border: 0px;
		padding: 0px 20px 0px 20px;
	}



	.formRow {
		display: flex;
		margin: 16px auto 0px;
		text-align: center;
	}

	.formRow label {
		width: 200px;
		text-align: left;
		font-size: 18px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		color: #432c60;
		padding: 10px 0px 0px 0px;
		border: 0px;
		margin: 0px 0px 0px 0px;

	}


	.formRow .input {
		width: 100%;
		height: 40px;
		text-align: left;
		font-size: 18px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		padding: 0px 0px 0px 10px;
		border: 0px solid #452e64;
		margin: 0px 0px 0px 0px;
		box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
		-webkit-appearance: none;
		outline: none;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		background: #d1d7f3;
	}


	.formRow .select {
		width: 100%;
		height: 40px;
		text-align: left;
		font-size: 18px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		padding: 0px 0px 0px 10px;
		border: 0px solid #452e64;
		margin: 0px 0px 0px 0px;
		box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
		outline: none;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		background:#d1d7f3 url(../../images/select-arrow.png);
		background-repeat: no-repeat;
		background-position: 100% 50%;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		cursor: pointer;
	}

	.formRow .message {
		width: 100%;

		text-align: left;
		font-size: 18px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		padding: 20px 0px 0px 10px;
		border: 0px solid #452e64;
		margin: 0px 0px 0px 0px;
		box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
		-webkit-appearance: none;
		outline: none;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		background: #d1d7f3;
	}	.modalButton, .contactButton {
		width: 100%;
		height: 70px;
		text-align: center;
		font-size: 40px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 700;
		color: #fff;
		padding: 0px 0px 0px 0px;
		border: 0px solid #452e64;
		margin: 0px 0px 0px 0px;
		box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
		-webkit-appearance: none;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		background: #ff3000;
		cursor: pointer;
	}







	.pageButtonWrapper {
		display: block;
		padding: 20px 0px 20px 0px;
		border: 0px;
		margin: 0px 0px 0px 0px;

	}

	.pageButton {
		display: inline-block;
		text-align: center;
		font-size: 25px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 700;
		color: #fff;
		padding: 20px 20px 20px 20px;
		border: 0px solid #452e64;
		margin: 0px 0px 0px 0px;
		box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
		-webkit-appearance: none;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		background: #ff3000;
		cursor: pointer;
		text-decoration: none;
	}


	.pageButton:hover {
		color: #fff;
		text-decoration: none;
	}






/* --------------------------------- FOOTER AREA ------------------------------------ */



#footer {
	width: 960px;
	margin: 20px auto 0px;
	/*border-top: 1px dashed #3e3e3e;*/
	padding: 40px 0px 40px 0px;
	text-align: center;
	color: #3e454a;
	font-size: 13px;
}

#leveldown #footer {
	width: 960px;
	margin: 20px auto 0px;
	border-top: 1px dashed #3e3e3e;
	padding: 40px 0px 40px 0px;
	text-align: center;
	color: #3e454a;
	font-size: 13px;
}
 






#footer img {
	display: inline-block;
	max-width: 40%;
	padding-top: 20px;
}

#footer .last {
	margin-right: 3px

}

#footer a 	      {  font-weight: bold; text-decoration: underline; color: #3e454a; }
#footer a:active      {  color: #3e454a; text-decoration: underline;  }
#footer a:hover	      {  color: #3e454a; text-decoration: none;  }



a 	      {  font-weight: bold; text-decoration: underline; color: #ff2f00; }
a:active      {  color: #ff2f00; text-decoration: underline;  }
a:hover	      {  color: #ff2f00; text-decoration: none;  }


.hidden, .formRow label.hidden{
	display: none;
}

.field-validation-focus{
	border: 			2px solid #FF0000;
    border-radius: 		7px;
    border-color: 		#9ecaed;
    box-shadow:			0 0 10px #FF0000;
    outline: 			none;
}

.field-validation-error, .formRow label.field-validation-error{
	color: red;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	text-align: center;
}

.field-validation-success, .formRow label.field-validation-success{
	color: green;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	text-align: center;
}

.field-validation-error-big, .formRow label.field-validation-error-big{
	color:				#FF0000;
	font-size:			20px;
	line-height: 		22px;
	text-align: 		center;
}

.modalSpan{
	position:			absolute;
	z-index:			100;
	top:				0;
	left:				0;
	width:				100%;
	height:				100%;	
}