html { 
        background: url('../images/sell-goodwin-front-door.jpg') no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
body { ackground:#ffffff; color:#fff; margin:0; text-align:center; }
body, input, select, textarea, button { font-family: OpenSans, sans-serif; }

.clear { clear:both; }
.fleft { float:left; }
.fright { float:right; }
div { display:block; }
header { background: rgba(0,0,0,0.65) !important;}
footer {
   position:absolute;
   bottom:0;
   text-shadow:0 1px 25px rgba(0, 0, 0, 0.8),1px 1px 3px rgba(0, 0, 0, 0.5);
   width:100%;
}
h1 {
	font-family:"Droid Sans",Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:36px;
	line-height:1.2em;
	text-shadow:0 1px 25px rgba(0, 0, 0, 0.8),1px 1px 3px rgba(0, 0, 0, 0.5);
}
h2 {
	font-family:"Droid Sans",Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:normal;
	line-height:16px;
	text-shadow:0 1px 25px rgba(0, 0, 0, 0.8),1px 1px 3px rgba(0, 0, 0, 0.5);
}
#red_border { position:fixed; top:0; width:100%; height:6px; border-top:6px solid #b31f24; }

#imgbg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -5000;
}
#logo { padding:20px 0; }

#step1.centerHorizontal { margin-left:auto; margin-right:auto; min-width:220px; max-width:420px; width:80%; }
#step2.centerHorizontal, #step3.centerHorizontal { margin-left:auto; margin-right:auto; min-width:220px; max-width:740px; width:80%; }
.addressBox { padding:21px 0; }
#step1 { padding:0 10px; }
.container { 
	background:none repeat scroll 0 0 #fafafa;
	background-color:rgba(245,245,245,0.8) !important;
	border:1px solid rgba(0, 0, 0, 0.05); 
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	box-sizing:border-box;
	color:#000;
	margin:20px 0; 
	padding:20px; 
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05); 
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
	z-index:999;
}
#step2 h3 { font-size:20px; margin:3px 0; }
#step2 div { font-size:14px; }
.contact-info { margin-top:15px; }
.contact-info div { float:left; margin-right:10px; }
.contact-info div.last { margin-right:0; }
.contact-info div input { width:167px; }
.contact-info div label { display:block; text-align:left; font-weight:bold; margin-left:9px; }
.contact-info div input[type="submit"] { padding:1.2em 1em; }
.alert { 
	border:2px solid red;
}
.alert::-webkit-input-placeholder { color: red; }
.alert:-moz-placeholder { color: red; }
.alert::-moz-placeholder { color: red; }
.alert:-ms-input-placeholder { color: red; }

input {
	box-sizing:border-box;
	padding:.7em;
	border-radius:4px;
	border:1px solid #ccc;
	box-shadow:inset 0 1px 5px rgba(0,0,0,0.1);
	transition:border .2s;
	width:100%;
}
input[type="button"],input[type="submit"]
{
	background:linear-gradient(#b31f24, #721417);
	border:1px solid #003457 !important;
	border-radius:4px;
	color:#fff;
	box-shadow:none;
	cursor:pointer;
	font-size:14px;
	padding:.8em 1em;
	text-shadow:none;
	width:100%;
}
input[type="button"]:hover,input[type="submit"]:hover
{
	background:linear-gradient(#c92328, #88181b);
}
input[type="submit"] 
{
	border-radius:4px;
	font-size:14px;
	/*height:35px;*/
	margin-bottom:10px;
	padding:0;
	width:120px;
}
select
{
	border-radius:4px;
	font-size:12px;
	height:30px;
	margin:7px 0 8px 3px;
	padding:2px;
	width:240px;
}
#content1, #content2, #content3 
{
	margin:auto;
	/*padding:30px;*/
	width:760px;
}
#footer 
{
	clear:both;
	height:14px;
	margin:auto;
	text-align:center;
}

/* Mobile Styles 
@media screen and (max-width: 698px) and (min-width: 494px){#bg-slides{height:210px;}}
@media screen and (max-width: 494px) and (min-width: 481px){#bg-slides{height:261px;}}*/
@media screen and (max-width: 600px){
	h1 { font-size:20px; }
}
@media screen and (max-width: 480px){
	.centerHorizontal { width:100%; }
}
@media screen and (max-width: 400px){
	#logo img { width:292px; height:64px; }
}
@media screen and (max-width: 734px){
	.contact-info div input { width:100%; }
	.contact-info div { display:block; float:none; margin-bottom:15px; margin-right:0; }
	.contact-info div.last { margin-bottom:0px; }
}
@media screen and (max-width: 940px) and (min-width:735px){
	.contact-info div { margin-bottom:15px; }
	.contact-info div.last { margin-bottom:0px; }
}