body {
	font-family:arial;
	font-size:1.2em;
	margin:auto;
}
#header {
	background-color:#200073;
	height:175px;
	border-radius:5px;
	margin:0 auto;
	display:block;
	width:960px;
}
#errors {
	display:none;
	margin:0;
}
#content {
	margin:auto;
}
p {
    margin: 20px 0 15px 25px;
}
#num_guests {
	width:50px;
}
.form {
    width: 960px;
	margin:auto;
}
.lineheight30px {
	line-height:30px;
}
.form img{
	display:none;
}
.required {
	color:red;
	font-size:2em;
	font-weight:bold;
}
ul { list-style: none; margin:0 auto 20px auto; padding: 0; }
li { margin: 8px auto; line-height:30px; }
label {
	float: left; 
	width: 170px; 
	margin-left: 15px;
	margin-right: 15px;
	text-align: right;
	height:30px;
	line-height: 60px;
}
.info {
	font-size: .8em;
    margin-left: -15px;
    padding-bottom: 8px;
	text-align:center;
}
.width250px {
	width: 250px;
	float:left;
	display:block;
	margin-right:25px;
}
input, textarea, select {
    display: inline-block;
    font: 1em;/* sans-serif;*/
    width: 300px;
    height: 30px;
    box-sizing: border-box;
    border: 1px solid #999;
}
input[type=checkbox], input[type=radio] {
    width: auto;
    border: none;
}
input:focus, select:focus, textarea:focus {
    border-color: #000;
}
select {
    display: inline-block;
    font: 1em;
    width: 100px;
    height: 35px;
    box-sizing: border-box;
    border: 1px solid #999;
}
textarea {
    vertical-align: top;
    height: 5em;
    resize: vertical;
	width: 100% !important;
	margin: auto 0;
	margin-top: -25px;
}
fieldset {
    width: 650px;
    box-sizing: border-box;
    margin: 0 auto;
    border: 1px solid #999;
}
legend {
    /*font-family: 'Luckiest Guy', cursive;*/
	margin-top: 25px;
	background:#5277a1;
	font-size:2em;
	font-weight:bold;
	color: #f7f9fb !important;
	text-align:center;
	line-height:70px;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
p {
	display:block;
}/*
button {
    margin: 20px 0 0 124px;
}*/
.errorTxt, .error{
	color: red;
	padding-left: 8px;
	font-weight:bold;
	line-height:20px;
	text-align:center;
}
.errorTxt, .pass{
	color: black;
	padding-left: 8px;
	font-weight:bold;
	line-height:20px;
	text-align:center;
}
.submit_div {
	float:right;
	margin: 8px;
}
#submit {
	padding:10px;
	font-size:1.5em;
	font-weight:bold;
	width: 90px;
	height: 50px;
}

input[type="submit"] {
	padding:10px;
	font-size:1.5em;
	font-weight:bold;
	width: 80px;
	height: 50px;
}
@media (max-width: 991px) {
	body {
		width: 400px;
		font-size:1em;
	}
   #wrapper {
		width: 400px;
		margin:auto;
		text-align:center;
	}
   #outer_wrapper {
		width: 400px;
		margin:auto;
		text-align:center;
	}
   #inner_wrapper {
		width: 400px;
		margin:auto;
		text-align:center;
	}
   #header {
		width: 100%;
	}
	#content {
		margin:15px auto;
	}
	.form {
		width: 400px;
	}
	.validated{
		width: 19px;
		float: right;
	}
	fieldset {
		width: 375px;
		margin: 8px auto !important;
	}
	legend {
		line-height:30px;
		text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
		margin-top:8px !important;
		padding-top:3px;
	}
	label{
		width: 100px;
		margin-left:0;
	}		
	.info {
		padding-bottom: 0;
	}
	.mobile_lineheight30px {
		line-height:30px;
	}
	.lineheight20px{
		line-height:20px;
	}
	input{
		font-size:1em;
		margin-bottom:5px;
		width:200px;
	}
	ul {list-style: none; margin:0 auto 10px auto; padding: 0;}
	.width250px {
		width:100% !important;
		margin-top:8px;
	}
	.mobile_label {
		width:200px;
	}
}



*,body{
 /* transition: all 0.3s ease;
  font-family: 'Raleway', sans-serif;*/
}
.loading{
	padding: 8px;
	font-size: 1em;
	font-weight: bold;
	width: 100px;
	border:3px solid #FFFFFF;
	border-bottom:3px solid rgba(255,255,255,0.0);
	border-left:3px solid rgba(255,255,255,0.0);
	background-color:transparent !important;
	animation-name: rotateAnimation;
	-webkit-animation-name: wk-rotateAnimation;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes rotateAnimation {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
@-webkit-keyframes wk-rotateAnimation {
    0%   {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}

.fa{
  color:#ffffff;
  font-size:18px !important;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-9px;
  margin-top:-9px;
  -webkit-transform:scaleX(0) !important;
  transform:scaleX(0) !important;
  cursor:default !important;
}

.finish{
  -webkit-transform:scaleX(1) !important;
  transform:scaleX(1) !important;
  cursor:pointer !important;
}
.hide-loading{
  opacity:0;
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
  -webkit-transform:scale(0) !important;
  transform:scale(0) !important;
}