/* --------------------------------- LARGE FORM ------------------------------------ */

.formPageArrow {
	display: block;
	padding: 60px 0px 20px 0px;
	margin: 0px auto;
	font-size: 44px;
	color: #10e3ed;
	text-align: center;
}

#formPanelContainer {
	display: block;
	padding: 20px 0px 20px 0px;
	margin: 0px auto;
	text-align: center;
}

#formPanelContainer h1 {
	font-family: 'montserratbold';
	font-size: 38px;
	line-height: 33px;
	color: #3c84ce;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 2px 0px;
}

#formPanelContainer h1 span {
	color: #10e3ed;
}

#formPanelContainer h2 {
	font-weight: 700;
	font-size: 24px;
	line-height: 33px;
	color: #696969;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 30px 0px;
}

.flexyContainer {
	display: flex;
}

.flexyItem {
	flex: 1;
}

.flexyDivider {
	flex-basis: 20px;
}

#formPanelContainer button.fancyFormButton {
	display: inline-block;
	box-sizing: border-box;
	width: 220px;
	min-height: 108px;
	font-family: 'montserratbold';
	font-size: 28px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	border: 0px solid #347bc5;
	padding: 18px 10px;
	border-radius: 99px;
	-moz-border-radius: 99px;
	-webkit-border-radius: 99px;
	cursor: pointer;
	background-color: #347bc5;
	-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
	-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
	box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
}

#formPanelContainer button.fancyFormButton.checked {
	color: #fff;
	background-color: #01e1ec;
	border: 0px solid #01e1ec;
}

#formPanelContainer button.fancyFormButton:focus {
	color: #fff;
}

#formPanelContainer button.fancyFormButton:hover {
	background-color: #01e1ec;
}

.input {
	width: 100%;
	text-align: left;
	font-family: 'montserratlight';
	font-size: 14px;
	padding: 14px 0px 13px 20px;
	border: 2px solid #c4c4c4;
	margin: 10px 0px 0px 0px;
	background: fff;
	box-sizing: border-box;
	/* REMOVES PADDING WITH 100% WiDTHS */
	border-radius: 99px;
	-moz-border-radius: 99px;
	-webkit-border-radius: 99px;
}

.input:focus {
	border: 2px solid #10e3ed;
}

::-webkit-input-placeholder {
	color: #9f9f9e;
	font-family: 'montserratlight';
	font-size: 14px;
}

:-moz-placeholder {
	/* Firefox 18- */
	color: #9f9f9e;
	font-family: 'montserratlight';
	font-size: 14px;
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: #9f9f9e;
	font-family: 'montserratlight';
	font-size: 14px;
}

:-ms-input-placeholder {
	color: #9f9f9e;
	font-family: 'montserratlight';
	font-size: 14px;
}

.placeholder-fix:focus::-webkit-input-placeholder {
	color: transparent;
}

.placeholder-fix:focus::-moz-placeholder {
	color: transparent;
}

.placeholder-fix:-moz-placeholder {
	color: transparent;
}

.field-validation-error {
	font-size: 16px;
	font-weight: 700;
	color: #ffc107;
	padding: 8px 0px 0px 0px;
}

.hidden {
	display: none;
}

.field-validation-focus {
	border: 2px solid #FF0000;
	border-radius: 7px;
	border-color: #9ecaed;
	box-shadow: 0 0 10px #FF0000;
	outline: none;
}

.appButtonWrapper {
	padding: 36px 0px 16px 0px;
	text-align: center;
	margin: 0px auto;
	cursor: pointer;
}

.formButton {
	display: inline-block;
	text-align: center;
	font-family: fontawesome, 'montserratregular';
	font-size: 28px;
	line-height: 28px;
	box-sizing: border-box;
	/* REMOVES PADDING WITH 100% WiDTHS */
	color: #fff;
	margin: 0px;
	border: 2px solid #fff;
	text-decoration: none;
	padding: 16px 40px 14px 40px;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-transition: background-color 400ms ease-out;
	-moz-transition: background-color 400ms ease-out;
	transition: background-color 400ms ease-out;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
	background: #ffa84c;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffa84c 0%, #ff7b0d 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d', GradientType=0);
	/* IE6-9 */
	border-radius: 99px;
	-moz-border-radius: 99px;
	-webkit-border-radius: 99px;
	text-decoration: none;
}

.formButton:hover {
	color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7b0d+0,ffa84c+100 */
	background: #ff7b0d;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ff7b0d 0%, #ffa84c 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff7b0d 0%, #ffa84c 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff7b0d 0%, #ffa84c 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b0d', endColorstr='#ffa84c', GradientType=0);
	/* IE6-9 */
}

.formButton a {
	text-decoration: none;
	color: #fff;
}

.formButton a:active {
	color: #fff;
	text-decoration: none;
}

.formButton a:hover {
	color: #fff;
	text-decoration: none;
}

.formButton a:visited {
	color: #fff;
	text-decoration: none;
}

.legalText {
	font-family: 'montserratregular';
	font-size: 13px;
	line-height: 17px;
	color: black;
	margin: 0px 0px 0px 0px;
	padding: 20px 110px 0px 110px;
	text-align: center;
}

#formPanelContainerProgress {
	color: #696969;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 70px 0px;
	text-align: center;
}

.progressCell {
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 20px;
	border: 2px solid #bdbdbd;
	border-radius: 50%;
	/* the magic */
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	text-align: center;
	color: red;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0px 2px 0px 2px;
	background-color: #fff;
}

.progressCell.active {
	background-color: #3498db;
	border: 2px solid #3498db;
}

#splashFormTermContainerBar {
	padding-bottom: 20px;
}

.formSubtiteText {
	margin: -30px 0 50px;
}