*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

@font-face {
	font-family:'merriweather';
	src:url('fonts/merriweather/Merriweather-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/merriweather/Merriweather-Regular.otf') format('opentype'),
		url('fonts/merriweather/Merriweather-Regular.woff') format('woff'),
		url('fonts/merriweather/Merriweather-Regular.woff2') format('woff2'),
		url('fonts/merriweather/Merriweather-Regular.ttf') format('truetype'),
		url('fonts/merriweather/Merriweather-Regular.svg#Merriweather-Regular') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'merriweatherblack';
	src:url('fonts/merriweather/Merriweather-Black.eot?#iefix') format('embedded-opentype'),
		url('fonts/merriweather/Merriweather-Black.otf') format('opentype'),
		url('fonts/merriweather/Merriweather-Black.woff') format('woff'),
		url('fonts/merriweather/Merriweather-Black.woff2') format('woff2'),
		url('fonts/merriweather/Merriweather-Black.ttf') format('truetype'),
		url('fonts/merriweather/Merriweather-Black.svg#Merriweather-Black') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
    font-family:'raleway';
    src: url('fonts/raleway/raleway-medium.woff') format('woff'), /* Modern Browsers */
         url('fonts/raleway/raleway-medium.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/raleway/raleway-medium.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

body{
	font-family:'raleway';
	overflow-X:hidden;
	background:#1b2149;
}

::selection{
	background:#4aac3f;
	color:#fff;
}

i{font-style:normal;}

ul, li{
	list-style-type:none;
}

p{
	letter-spacing:1px;
	font:14px/22px 'raleway';
	color:#393939;
	padding-bottom:10px;
}

a{
	text-decoration:none;
}

img{
	width:100%;
	display:block;
}

.wrapper{
	height:100vh;
	background:url(images/background.jpg) center no-repeat;
	background-size:cover;
	overflow:auto;
}

.fullwidth{
	width:100%;
	float:left;
}

.min-width{
	width:1100px;
	margin:0 auto;
	display:table;
}

.padding{
	padding-top:50px;
	padding-bottom:50px;
}

.logo{
	display:table;
	margin:0px auto 30px;
}

.logo .imgBox{
	width:140px;
	display:inline-block;
	vertical-align:middle;
	padding-right:20px;
	margin-right:15px;
	border-right:2px solid #BDBDBD;
}


.form_wrapper h1{
	vertical-align:middle;
	font-size:20px;
	margin-bottom:10px;
	text-align:center;
	color:#2b2a29;
	text-transform:uppercase;
}

.logo h1{
	display:inline-block;
	    font-size: 32px;
		margin-bottom:0;
}
.form_wrapper{
	margin:0 auto;
	width:800px;
	display:table;
	padding:20px;
	background:rgba(255, 255, 255, 0.9);
	box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
	position:relative;
	z-index:1;
	overflow:hidden;
}

.form_wrapper::before{
	content:'';
	position:absolute;
	right:-90px;
	bottom:0;
	width:300px;
	height:100%;
	background:url(images/icon.png) center no-repeat;
	background-size:100%;
	opacity:0.1;
	z-index:-1;
	pointer-events:none;
}

.form_wrapper p, .list{
	font-size:12px;
	line-height:18px;
	text-align:left;
	display:block;
	padding:10px 10px;
}

.fields{
	width:calc(100% / 3);
	float:left;
	margin:5px 0px 20px;
	padding:0 10px;
	position:relative;
	z-index:9;
}

.fields.width50{
	width:50%;
}

.fields.fullwidth{
	width:100%;
}

.fields label{
	color:#1a3171;
	font-size:13px;
	pointer-events: none;
}

.fields input, .fields textarea, .fields select{
	width: 100%;
	border:1px solid #ccc;
	background:none;
	padding:10px;
	outline: none;
	resize:none;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}

.fields select{
	padding:9px 10px;
}

.fields input[type=date], .fields input[type=file]{
	padding:8px 10px 7px;
	height: 37px;
}

.fields input#project_name{
	cursor:pointer;
}

.fields textarea{
	height:120px;
}

.fields input:focus, .fields textarea:focus, .fields select:focus{
	border-color:#50aa2b;
}

.fields input.focus-red:focus, .fields textarea.focus-red:focus, .fields select.focus-red:focus{
	border: 1px solid red;
}

.fields input.submit{
	width:230px;
	cursor:pointer;
	background:#1b3273;
	text-transform:uppercase;
	color:#fff;
	font-family:'merriweather';
	border-color:transparent;
}

.fields input.submit:hover{
	background:#8dc53e;
}

.fields input.submit:active{
	-webkit-transform:translateY(2px);
	-o-transform:translateY(2px);
	-moz-transform:translateY(2px);
	-ms-transform:translateY(2px);
	transform:translateY(2px);
}

.listContainer{
	margin-top:20px;
	padding-left:20px;
}

.list li{
	list-style:disc;
	text-align:left;
	margin:5px 0;
}

@media screen and (max-width:900px){ 
	.form_wrapper{ 
		width:90%; 
	}
}
@media screen and (max-width:768px){
}
@media screen and (max-width:700px){ 
	.fields {
		width: calc(100% / 2);
		margin: 5px 0px 10px;
	}
	.logo .imgBox {
    	width: 100px;
	}
	.logo h1 {
    	font-size: 22px;
	}
}
@media screen and (max-width:480px){ 
	.padding {
		padding-top: 25px;
		margin-bottom: 25px;
	}
	.logo { 
		text-align: center;
		margin: 0px auto 20px;
	}
	.logo .imgBox {
		width: 100px;
		display: inline-block;
		border: none;
		border-bottom: 2px solid #BDBDBD;
		padding-bottom: 10px;
		margin-bottom: 10px;
		padding-right: 0;
		margin-right: 0;
	}
	.logo h1 {
		font-size: 22px;
		display: block;
	}
	.fields {
		width: 100%; 
		padding: 0 0px;
	}
	.fields textarea {
		height: 60px;
	}
	.form_wrapper p { 
		padding-bottom: 5px;
	}
}
@media screen and (max-width:360px){ 
	.logo h1 {
    	font-size: 20px;
	} 
}