/* Wrapper */
	#wrapper.contact-page{
		height: auto;
		min-height: 100%;
		padding-bottom: 30px;
		background-color: #4a4a4a;
		background-size: cover;
	}
/* End Wrapper */
/* Banner */
	.contact-page .banner{
		height: auto;
	}
	.contact-page .banner > div{
		width: 100%;
		height: 100%;
		display: block;
	}
	.contact-page .banner h1{
		margin: 0;
		padding-top: 190px;
		text-align: center;
		display: block;
	}
	.contact-page .banner h1:after {
		content: "";
		margin: 25px auto 35px;
		text-align: center;
		display: block;
		width: 50px;
		height: 2px;
		background: #fff;
	}
	.contact-page .banner span{
		text-align: center;
		display: block;
		color: #fff;
		font-size: 16px;
		line-height: 32px;
		letter-spacing: 0.1em;
		text-transform: uppercase;
	}
	.contact-page .banner span a:link,
	.contact-page .banner span a:visited {
		color: #fff;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	.contact-page .banner span a:hover,
	.contact-page .banner span a:active{
		color: #fff;
		opacity: 0.6;
	}
/* End Benner */
/* Contact Form */
	.contact-page h6{
		text-align: center;
		color: #fff;
		margin: 40px auto 0;
	}
	.contact-success {
		margin-top:30px !important;
	}
	.contact-page .contact-form{
		border-bottom: none;
		background-color: rgba(233, 230, 227, 0.9);
		max-width: 580px;
		margin: 0 auto 60px;
		padding: 30px 100px 40px;
	}
	/* Form */
		.contact-page input{
			width: 100%;
			padding: 10px 20px 3px;
			margin-bottom: 0px;
		}
		.contact-page textarea{
			width: 100%;
			resize: none;
			padding: 20px;
			height: 220px;
			display: block;
			margin-top: 30px;
			margin-bottom: 0px;
		}
		.contact-page form a{
			display: block;
			text-align: center;
			text-decoration: none;
			background-color: #a69d92;
			margin-top: 30px;
		}
		.contact-form button,
		.contact-form form a input{
			font-family: "brandon-grotesque", sans-serif;
			text-transform: uppercase;
			letter-spacing: .4em;
			font-weight: 400;
			font-size: 14px;
			color: #e9e6e3;
			background-color: transparent;
			border: none;
			width: 100%;
			padding: 20px;
		}
		.contact-page form a:hover{
			background-color: #555555;
		}
		.input-holder{
			position: relative;
			margin: 0 0 20px;
		}
		.message{
			position: absolute;
			z-index: 9;
			display: none;
			width: 100%;
			padding: 1px;
			margin-top: 0;
			color: #8a7e70;
			text-align: center;
			font-family: "adobe-caslon-pro", serif;
			font-weight: 400;
			font-style: italic;
		}
		.not-valid{
			border-color: #8a7e70;
		}
		.not-valid  + .message {
			display: block;
		}
	/* End Form */
/* End Contact Form */
/* @group Mobile Styles */
	@media (max-width: 767px){
		#wrapper.contact-page{
			background-color: transparent;
			border-width: 0;
		}
		.contact-page .banner{
			padding: 15px 10px 0;
			/*border: 1px solid #fff;*/
		}
		.contact-page .banner h1{
			font-size: 30px;
			display: block;
			padding: 108px 0 0;
		}
		/* @group Contact Form */
			.contact-page .contact-form{
				margin: 0 20px;
				border: 1px solid #fff;
				border-width: 0 1px;
				padding: 30px 15px 40px;
			}
			.contact-page .contact-form .grid{
				padding: 0 0 0 10px;
			}
			.input-holder{
				margin-bottom: 30px;
			}
			.contact-page textarea{
				height: 124px;
				margin-top: 50px;
			}
			.contact-page form a{
				margin-top: 50px;
			}
			.contact-form button, .contact-form form a input{
				padding: 15px;
			}
		/* @end */
		/* @group Contact Footer */
			.contact-footer{
				background-color: transparent;
				margin-bottom: 0px;
				padding: 0px 10px;
				text-align: left;
			}
			.contact-footer > div{
				background-color: #4a4a4a;
			}
			.contact-footer > div > div{
				padding: 0 36% 15px 15px;
			}
			.contact-footer h1{
				font-size: 18px;
				font-weight: 500;
				text-align: left;
				margin: 15px 0 15px;
				letter-spacing: .2em;
			}
			.contact-footer a{
				font-size: 10px;
				line-height: 18px;
			}
			.contact-footer a:after{
				display: none;
			}
		/* @end */
	}
/* @end */