body {
	font-family: 'Roboto', sans-serif;
	background-color: #9e3039;
	background-image: url('../img/background.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

h1, h2, h3 {
	font-family: 'Roboto Black';
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 16px;
}

ul#ui-id-1 {
	list-style: none;
	margin: 0;
	padding: 3px;
	background: #fff;
	font-size: 14px;
	border: #ccc 1px solid;
	max-width: 500px;
	overflow: hidden;
}

ul#ui-id-1 li {
	padding: 5px 8px;
	cursor: default;
}

ul#ui-id-1 li:hover {
	background: #9e3039;
	color: #fff;
}

.row {
	padding: 5px 0;
}

label {
	font-size: 14px;
	display: inline-block;
	padding: 5px;
}

select, input[type="text"] {
	font-size: 14px;
	padding: 5px;
	border-radius: 3px;
	border: #ccc 1px solid;
}

input[type="text"],
input[type="tel"],
input[type="email"] {
	width: 100%;
}

div.ui-helper-hidden-accessible {
	display: none;
}

.main-box {
	background: #fff;
	margin: 80px 0;
	padding: 60px;
	border-radius: 5px;
}

.main-box .step {
	/*display: none;*/
	display: block;
}

/*
.main-box .step.step-1 {
	display: block;
}
*/

button {
	background: #9e3039;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Roboto Black';
	border: none;
	text-transform: uppercase;
	padding: 10px 15px;
}

button i.fa {
	display: inline-block;
	margin-left: 15px;
}

button.btn-proceed {
	display: none;
}

.invalid {
	border: #f00 2px solid;
	background: #fcc;
}

.validation {
	display: none;
	color: #f00;
}