/**/
/* font */
/**/
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:300,300i,500');


html, *					              		{margin:0; padding:0; box-sizing:border-box;}
body 															{background:transparent!important;}

.sky-form 												{color:#FFF;
																	font-family:"Barlow Condensed", Arial, Helvetica, sans-serif; font-size:1.8rem; font-weight:300; letter-spacing:0.05em;}

header 														{display:none;}
fieldset 													{border:0;}
#pnlEmail			 										{padding-bottom:40px;}
footer 														{padding-top:40px;}

@media screen and (min-width:480px){
	footer 													{display:flex; align-items:center; justify-content:space-between;}
}


/* form row */
.input														{display:block; padding:5px 0; position:relative;}


/* input */
input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='date'],
select,
textarea 													{background:0; border:0; border-bottom:1px solid rgba(255,255,255,0.6); border-radius:0; color:#FFF;
																	font-family:inherit; font-size:18px; font-weight:300;
																	height:48px; width:100%;
																	-webkit-appearance:none;}

textarea 													{height:160px; padding-top:17px;}


/* input :: hover */
input[type='text']:hover,
input[type='email']:hover,
input[type='password']:hover,
input[type='tel']:hover,
input[type='date']:hover,
select:hover,
textarea:hover										{border-color:rgba(255,255,255,0.8)!important;}


/* input :: focus */
input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='tel']:focus,
input[type='date']:focus,
select:focus,
textarea:focus										{border-color:#9F8C5E!important;}


/* input icons */
.icon-append,
.icon-prepend 										{font-size:18px; line-height:48px; text-align:center;
																	position:absolute;}

.icon-append 											{right:0;}
.icon-prepend 										{left:0;}

.icon-append + input 							{padding-right:48px;}
.icon-prepend + input 						{padding-left:48px;}


/* names */
@media screen and (min-width:480px){

	fieldset:first-of-type {display:flex; flex-wrap:wrap; justify-content:space-between;}
	fieldset:first-of-type > *	{width:100%;}
	fieldset:first-of-type > div:nth-child(-n+2) {align-self:flex-end; flex:0 0 47.5%;}

}


/* button */
.button 													{background:#9F8C5E!important; border-radius:0; border:2px solid #9F8C5E; color:#FFF;
																	font-family:inherit; font-size:18px; font-weight:500; line-height:1.4; text-align:center; text-transform:uppercase;
																	display:inline-block; margin-bottom:10px; padding:9px 40px; position:relative; min-width:240px;
																	cursor:pointer; -webkit-appearance:none;}

.button:hover 										{background:#FFF!important; border-color:#FFF; color:#0E1519;}


/* progress */
.progress 												{color:rgba(255,255,255,0.5); font-size:18px;}



/* validation */
.message,
#lblCustomDetail,
#valSummary1											{background:#41B199; border-radius:5px; color:#FFF!important;
																	font-size:18px; font-weight:300!important;
																	display:block; margin:18px 0; padding:20px; position:relative;}

footer label,
.message													{display:none;}

#valSummary1											{background:#BB263C;}

@media screen and (min-width:480px){
	#valSummary1										{width:210%;}
}

.message p,
#valSummary1 li										{line-height:1.3;
																	padding:8px 0;}

#valSummary1 ul										{list-style:none; margin:-5px 0; padding:0;}
#valSummary1 li										{padding:4px 0;}


/* hints */
input[type='text'].invalid,
input[type='email'].invalid,
input[type='password'].invalid,
input[type='tel'].invalid,
input[type='date'].invalid,
select.invalid,
textarea.invalid									{border-color:#BB263C!important;}

em.invalid												{color:#BB263C;
																	font-size:16px;
																	display:block; margin-bottom:5px;}


/* datepicker */
.ajax__calendar										{top:100%!important;}
.ajax__calendar,
.ajax__calendar * 								{box-sizing:content-box;}
