@charset "UTF-8";

body {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 100%; 
	text-align:center;
  	outline: 0;
  	padding: 0;
  	margin: 0;
  	border: 0;
 	background-color:#fff;
}

img {
    width:100%;

}

* { box-sizing:border-box;}

.content {
    width:100%;
    height:100%;
	margin-left: auto !important;
	margin-right:auto !important;
}


.logo {
	width: 180px;
 	display:block;
 	text-align:center;
    margin:auto;
    z-index:1000;
}



.loc {
	font-weight:bold;
	color:#06C;
}
a { 
	color:#000;
	text-decoration:none; 
 }

.grid {	
	height:auto;
	width:111%;
	z-index:1;
    position: fixed;
	margin-left:auto;
    margin-right:auto;
    top:1px;
    height:99%;
    overflow-y:auto;

}

.thmb-div {
    width:12.5%;
	padding:4px;
	float:left;

}

.thmb-div .handle {
	font-size:.9em;
	font-weight:500;
	color:#333;
	text-align:center;
	padding: 3px auto 3px auto;
	border-bottom: 1px solid #eee;
	display:block;
	height:40px;

}

.thmb-div img {
	display:block;
}






*:focus {
    outline: none;
}

.transparent {
	filter: alpha(opacity=90);
	opacity: 0.90;
}



.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;} .clearfix:after{clear:both;content:' ';display:block; font-size:0;line-height:0;visibility:hidden;width:0;height:0;}* html .clearfix,*:first-child+html .clearfix{zoom:1;}


/*----- flypaper form -----*/

.view { display:none; }



h1 {
	font-family: 'Racing Sans One', cursive;
	font-size:3.2rem;
	color:#000;
	text-align:center;
}
h2 {
	font-family: 'Racing Sans One', cursive;
	font-size:2.8rem;
	color:#000;
	text-align:center;
	padding: 0 auto 1rem auto;
}
h3 {
	font-family: 'Racing Sans One', cursive;
	font-size:2.7rem;
	color:#000;
	text-align:center;
	padding: .2rem;
	margin:.5rem 0;
}

.bigger, .geo { font-size:2.9rem;}
.geo { color:#ff007f;}

.form-header { 
	width:100%;
	height:auto;
	background-color:#000;
	color:#fff;
	text-align:center;
	font-size:.99rem;
	color:#f1c40f;
	text-transform:uppercase;
	padding-bottom:.4rem;
	z-index:1000;
	
}


img.logo { 
	display:block;
	margin-left:auto !important; 
	margin-right:auto !important;
	margin-bottom: .4rem;
}


img.warning { width:20px; vertical-align: middle;}


.form-container {
	width:625px;
	min-height:675px;
	
	background: rgba(255, 255, 255, .9); 
	padding-bottom:0;
	border: 4px solid #000;
	color:#222;
	border-radius: 12px;
	
	z-index:2000;
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:2%;
}
.form-container a {
 	text-decoration:underline;
 
}
.form-container a:hover {
 	text-decoration:none;
 
}
.btns   {
	margin:10px auto 2px 120px;
}

.btns li {
	font-family: 'Lato', sans-serif;
	color:#fff;
	font-size:1rem;
	line-height:2.4rem;
	background: rgba(100, 100, 100, 0.35);
	width:40px;
	height:40px;
	border-radius: 40px;
	list-style:none;
	float:left;
	padding:.075rem;
	margin:.25rem;

}

.nums {
	background-color:transparent;
	border:none;
	cursor:pointer;
	font-size:inherit;
	color:#fff;
}

.nums:hover { color:#000; } 

.btns li.current {
	background-color:#fff;
	color:#000;
	border: 1px solid #333;
	top:1px;
}

.btns li.past {
	color:#fff;

}

/*----- flypaper override -----*/
  
.form-container input[type="text"], .form-container input[type="email"], .form-container input[type="password"], .form-container input[type="number"] {
	width:300px;
	height:50px;
}

.form-container input[type="email"], .form-container input[type="password"] { border:1px solid #ccc;}
.error { 
	width:80% !important;
 	text-align:center !important;
 	padding:.25rem !important;
  	margin:auto !important;					
}


#flypaper_city, #flypaper_zip { display:none !important; }
	
.btn-next {
	
	background-color:#2e92e7;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border:none !important;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:Arial;
	font-size:28px;
	font-weight:bold;
	padding:12px 50px;
	text-decoration:none;
 	width:280px;
 	margin:1rem auto 2rem auto;
 	text-transform:uppercase;

}
.btn-next:hover {
	background-color:#1a71bc;
}
.btn-next:active {
	position:relative;
	top:1px;
}


.form-footer { 
	width:625px;
	background-color:#000;
	color:#ccc;
	font-size:.8rem;
	margin:auto;
	border-radius:0 0 12px 12px;
	border: 4px solid #000;
	z-index: 1000;
	position: relative;

}


.form-footer a { color:#666;}




.footer { width:85%; margin-left:10%; margin-right:auto; font-size:.6rem; padding:2rem; margin-top:2rem; text-align: left;}


/* --- tablet size --- */

@media screen and (min-width: 768px) {

    .thmb-div {
        width:15%;
    }


}

/* -- mobile styles --- */

@media all and (max-width: 767px) {

    .logo {
        width: 157px;
        height:50px;
        display:block;
        text-align:center;
        margin:auto;
    }

    h1, h2, h3 { font-size: 1.9rem;  }


    
    .grid { 
        min-width:0; 
        height:auto; 
        margin: auto;
        position: relative;
        top:0;
        left:0;
    }

    .thmb-div {
        width:50%;
        padding:1px;

    }

    .thmb-div .handle {
        display:none;
    }


    .btn-join {
        width:160px;
        font-size: 1rem;
        font-weight:bold;
        text-align:center; 

    }




	.form-header, .form-footer { display:none;}

	.btns li { display:none;}

	.form-container {
		min-height:0px; 
		height:auto !important; 
		display:block;
		position:fixed;
		margin-left:auto;
		margin-right:auto;
		top:4%;
		border-radius:0;
		width:100%;

	}

	* { font-size: 70%;}


	.form-container input[type="text"], .form-container input[type="email"], .form-container input[type="password"] {
	width:80%;
	height:30px;
}

}