/* ------------------------------------------------------------------
	CSS for data.flagstaffprofessionals.com
	Created by Action Coding
	Version 1.0
	Created : January 2017
--------------------------------------------------------------------*/
/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size:100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for oldr browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}



blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul {
	list-style:none outside none;
}
	
body {
		margin:0;
		padding:0;
		font-family: 'Lato', sans-serif;
		background: url('/images/background.jpg') no-repeat;
		background-size:cover;
		background-position:center;
		overflow-x:hidden;
		position:relative;
		height:100vh;
	}
	
.form-container {
		position:relative;
		background:#f7f7f7;
		width:1000px;
		position:absolute;
		bottom:0;
		text-align:center;
		z-index:98;
		left:50%;
		margin-left:-500px;
		border-radius:10px 10px 0 0;
		border:1px solid #dadada;
		padding:30px 0 10px;
		max-width:1000px;
	}
	
.title {
		color:#2a2a2a;
		font-size:50px;
		font-weight:400;
		width:100%;
		text-align:center;
		text-transform:uppercase;
	}
	
.sub {
	color:#2ea3f2;
	font-weight:700;
	font-size:20px;
	width:100%;
	text-align:center;
	padding-bottom:25px;
}
	
form label {
		display:block;
		width:100%;
		text-align:center;
		margin-bottom:10px;
	}

form label i {
		background-color:#ebebeb;
		text-align:center;
		color:#2a2a2a;
		font-size:20px !important;
		border:1px solid #dadada;
		border-radius:5px 0 0 5px;
		padding:13.5px 15px;
		position:relative;
		top:3px;
	}
	
form input {
		border-right:1px solid #dadada;
		border-top:1px solid #dadada;
		border-bottom:1px solid #dadada;
		border-left:none;
		padding-left:10px;
		width:300px;
		height:45px;
		border-radius:0 5px 5px 0;
	}
	
form input[type="submit"] {
		background: #4D90FD;
		border:none;
		text-transform: uppercase;
		text-align: center;
		font-size: 20px;
		width:360px;
		text-decoration: none;
		color: #fff;
		font-weight: 700;
		border-radius: 3px;
		cursor:pointer;
		border-radius:5px;
		height:50px;
	}

form input[type="submit"]:hover {
		background:#3983de;
}	
	
form input[name="notHuman"] {
		display:none;
	}
	
.forgot-link {
		margin-top:5px;
		margin-bottom:30px;
	}
	
.forgot-link a {
		color:#2a2a2a;
		font-size:12px;
		text-decoration:none;
		font-weight:400;
	}
	
.copy {
		color:#2a2a2a;
		font-weight:400;
		font-size:13px;
		margin:0 auto;
		display:block;
		text-align:center;
		position:relative;
		bottom:0;
		width:100%;
	}
	
.cover {
		position:fixed;
		width:100%;
		height:100%;
		opacity:0;
		top:0;
		left:0;
		z-index:99;
		display:none;
		-webkit-transition:all 800ms ease-in;
		transition:all 800ms ease-in;
		background:rgba(0,0,0,0.7);
}	

.cover.open {
		display:block;
		opacity:1;
}

.modal {
		background:#ebebeb;
		border-radius:5px;
		width:300px;
		position:fixed;
		left:50%;
		margin-left:-150px;
		top:50%;
		display:block;
		margin-top:-1000px;
		z-index:100;
		-webkit-transition: margin-top 1s ease;
		-moz-transition: margin-top 1s ease;
		-o-transition: margin-top 1s ease;
		transition: margin-top 1s ease;
}

.modal.open {
		margin-top:-87.5px;
}

.modal .title {
		background:#2ea3f2;
		padding:15px 0;
		border-radius:5px 5px 0 0;
		color:#fff;
		text-align:center;
		font-size:20px;
		text-transform:uppercase;
		font-weight:400;
}

.modal p {
		font-size: 15px;
		font-weight: 400;
		padding:20px 0;
		width:100%;
		margin:0 auto;
		display:block;
		color:#2a2a2a;
		text-align:center;
		line-height:20px;
}

.modal p .dcolor {
		color:#2ea3f2;
}
	
/*-----------------------------------
	Style Overrides
------------------------------------*/
@media only screen and (max-width:1099px) {
		.form-container {
			width:90%;
			border:none;
			left:50%;
			margin-left:-45%;
		}
		
		form label {
			margin-bottom:5px;
		}
		
		form input[type="submit"] {
			margin-top:10px;
		}
		
	}
	
@media only screen and (max-width:449px) {
		body {
			background:#f7f7f7;
		}
		
		.form-container {
			left:auto;
			margin-left:0;
			padding: 3vh 0 1vh;
			width:100%;
			height:100vh;
			position:relative;
			border-radius:0;
		}
		
		.title {
			font-size:40px;
		}
}

@media only screen and (max-width:349px) {
		.title {
			font-size:35px;
		}
		
		form input {
			width:200px;
		}
		
		form input[type="submit"] {
			width:263px;
		}
		
		.modal {
			width:250px;
			margin-left:-125px;
		}
		
		
}