@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,100italic,300italic|Roboto+Condensed:400,700,300,300italic,400italic,700italic);

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

body {
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #4A4A4A;
}

.blue-bg {
	position: absolute;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 500px;
	-ms-transform: skewY(-8deg);
	-webkit-transform: skewY(-8deg);
	transform: skewY(-8deg);
	-ms-transform-origin: 0;
	-webkit-transform-origin: 0;
	transform-origin: 0;
	background: linear-gradient(90deg, #0086c9 5%, #4cc8eb 95%);
}

h1, h2 {
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-weight: 100;
	color: #fff;
}

h1 {
	margin-top: 0;
}

h3 {
	color: #fff;
}

.logo {
	margin: 60px 0 50px 0;
}

.content {
	margin: 50px 0;
}

.form-control {
	width: 45%;
	height: auto;
	padding: 12px;
	font-size: 16px;
	border: 1px solid #dadada;
	background: linear-gradient(0deg, #fff 0%, #f9f9f9 100%);
	-moz-transition: all 0.3s;  
	-o-transition: all 0.3s;  
	-webkit-transition: all 0.3s;  
	transition: all 0.3s;
}

.btn-default {
	padding: 12px 40px;
	border: 1px solid #EE7F00;
	font-size: 16px;
	color: #EE7F00;
	-moz-transition: all 0.3s;  
	-o-transition: all 0.3s;  
	-webkit-transition: all 0.3s;  
	transition: all 0.3s;
}

.btn-default:hover, .btn-default:active,
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
	color: #fff;
	background-color: #ee7f00;
	border-color: #ee7f00;
}

.form-title {
	font-weight: 300;
	font-size: 22px;
	color: #fff;
}

@media screen and (max-width: 1199px) {
	.form-control {
		width: 70%;
	}
}

@media screen and (max-width: 768px) {
	.form-control {
		width: 90%;
	}
}