@import url(fonts.css);
@import url(header.css);
@import url(footer.css);

.text-uppercase-none{
	text-transform: none !important;
}
.contact-bg{
	background-image: url('../images/contact-bg.jpg');
	background-size: cover;
}
.what-we-do-bg{
	background-image: url('../images/what-we-do-bg.jpg');
	background-size: cover;	
}
.banner{
	position: relative;
}
.banner .caption{
	position: absolute;
	content: '';
	top: 45%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}
.banner .caption h1{
	font-family: 'Big Shoulders Display', cursive;
	font-size: 80px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
}
.banner .caption span{
	font-family: 'Big Shoulders Display', cursive;
	font-size: 33px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.img-block img{
	-webkit-box-shadow: -1px 21px 30px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow:    -1px 21px 30px 0px rgba(0, 0, 0, 0.08);
	box-shadow:         -1px 21px 30px 0px rgba(0, 0, 0, 0.08);
}
.img-block h3{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #000;
}
.contact-form{
	width: 90%;
	margin: 0 auto;
	background-color: #fff;
	padding: 30px 55px 50px;
	/*-webkit-box-shadow: -1px 21px 30px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow:    -1px 21px 30px 0px rgba(0, 0, 0, 0.08);
	box-shadow:         -1px 21px 30px 0px rgba(0, 0, 0, 0.08);*/
	box-shadow: 0px 0px 68px rgba(0,0,0,0.09);
}
.contact-form h2{
	font-family: 'Poppins', sans-serif;
	font-size: 40px;
	font-weight: 800;
	color: #eb3d00;
}
.contact-form p{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #000;
	line-height: 20px;
}
.contact-form .form-control{
	width: 100%;
	height: 55px;
	border-radius: 0px;
	padding: 10px 30px;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #000;
	font-weight: 400;
	margin-bottom: 10px;
	border:none;
	background-color: #f6f6f6;
}
.contact-form textarea{
	min-height: 100px;
	width: 100%;
	border-radius: 0px;
	padding: 10px 30px;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #000;
	font-weight: 400;
	border:none;
	background-color: #f6f6f6;
	margin-bottom: 10px;
}
.contact-form input[type="submit"]{
	background-color: #073068;
	width: 300px;
	height: 55px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 2px;
	border:none;
}
.contact-form input[type="submit"]:hover{
	background-color: #fdca01;
	color: #000;
}
::-webkit-input-placeholder { color: #000;}
:-moz-placeholder {color: #000;}
::-moz-placeholder {
color: #000;
opacity: 1;
}
:-ms-input-placeholder {color: #000;}
input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder{color: #000;}
input[type="text"]::input-placeholder,
input[type="tel"]::input-placeholder,
input[type="email"]::input-placeholder{color: #000;}
input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder{color: #000;}

@media only screen and (max-width:1025px){
	.banner .caption h1{
		font-size: 60px;
	}
	.banner .caption span{
		font-size: 23px;
	}
	.img-block:nth-child(1),
	.img-block:nth-child(2){
		margin-bottom: 25px;
	}
	.two-img-block{
		padding-bottom: 0px;
	}
}

@media only screen and (max-width:767px){
	.banner .caption{
		position: relative;
		top: 0;
		transform: none;
		padding: 15px;
		background-color: #073068;
	}
	.banner .caption h1{
		font-size: 40px;
	}
	.banner .caption span{
		font-size: 18px;
	}
	.contact-form{
		width: 100%;
		padding: 30px 35px 50px;
	}
	.contact-form h2{
		font-size: 30px;
	}
	.contact-form input[type="submit"]{
		width: 250px;
	}
}