@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,700&subset=latin,latin-ext);

body {
  font-family:"Open Sans", Helvetica, Arial, sans-serif;
  font-weight:300;
  background-image: -moz-linear-gradient( 90deg, rgb(216,216,216) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(216,216,216) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(216,216,216) 0%, rgb(255,255,255) 100%);
  min-height:100vh;
}

.maincontainer {
  padding:0 0 60px 0;
}

.logobar {
	background-color:#FFFFFF;
	box-shadow: 0px -3px 18px 0px rgba(0, 0, 0, 0.35);
}

.bold {
	font-weight:700;
}
.red {
	color:rgb(237,28,36);
}
.nobreak {
	white-space:nowrap;
}

.slogan {
	font-size:2.2em;
	text-transform:uppercase;
	text-align:center;
	margin:40px 0 30px;
}
.logobox {
	width:100%;
	text-align:center;
	margin:20px 0 20px 0;
}
.logobox img {
	margin:0 auto;
}


.tagline {
	color:rgb(102,102,102);
	font-size:.8em;
	text-transform:uppercase;
	margin:5px 0;
}

.formbox {
	background:rgb(237,28,36);
	color:rgb(255,255,255);
	width:100%;
	padding:10px 30px;
	overflow:auto;
	text-align:center;
	border:solid 3px rgba(255,255,255,1.00);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.26);
	
	
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label
{
    color: #fff !important;
}
label, input[type=text] {
	float:left;
	clear:both;
	width:100%;
	text-align:left;
}

label {
	font-weight:300;

}

input[type=text] {
	color:rgb(0,0,0);
	border:0;
	padding:10px;
	margin:0 0 10px 0;
	
}

input[type="submit"] {

  border-radius: 10px;
  border:none;
  width: 80%;
  background:rgb(56,0,1);
  text-transform:uppercase;
  margin: 10px auto;
  padding:10px;
  font-weight:700;
}
input[type="submit"]:hover {
	background:rgb(135,8,13);
}
	
.signuptext {
	font-weight:700;
	font-size:1.15em;
	text-align:left;
	margin:10px 0;
	
}
.fineprint {
	width:100%;
	text-align:center;
	font-size:.8em;
	color:rgb(102,102,102);
	margin:15px 0;
}
.fineprint a {
	text-decoration:underline;
	color:rgb(102,102,102);
}

.pphoto {
	position:relative;
	
}
.pphoto img {
	
	position:absolute;
	bottom:1px;
	right:0;
}


.bottom-banner {
	margin-top:-50px;
	padding:0 20px;
	background-color: rgba(90, 90, 90, .7);
	box-shadow: 0px 0px 2px 0px rgba(90,90,90,.6);
	position: absolute;
	min-height: 50px;
	z-index: 1000;
	width:100%;
	color:#fff;
	text-align:center;
}

.bottom-banner p {
	position: relative;
	top: 25px;
	transform: translateY(-50%);
}
	

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

.bottom-banner {
	position:absolute;
	bottom:0px;
}


.maincontainer {
	height:100vh;
	margin-top:-124px;
	
}







}
	



@media (min-width:768px){
	
.logobox {
	max-width:470px;
}

.formbox {
	max-width:470px;
}
.slogan {
	max-width:470px;
}
.fineprint {
	max-width:470px;
}
	
	
	
	
	
}