.contact-form .animated {
	-o-transition		: all .15s ease;
	-moz-transition		: all .15s ease;
	-webkit-transition	: all .15s ease;
	transition			: all .15s ease;
}

.contact-form {
	font-weight: 300;
	font-family: 'Arial', sans-serif;
}

.contact-form .close-button {
	font-size			: 24px;
	font-weight			: bold;
	line-height			: 24px;
	color				: #aaaaaa;
	position			: absolute;
	top					: 7px;
	right				: 10px;
	cursor				: pointer;
}

.contact-form .close-button:hover {
	color				: #808080;
}

.contact-form .first-heading {
	font-size			: 26px;
	font-weight			: bold;
	color				: #FF510F;
	padding-bottom		: 20px;
	text-transform		: uppercase;
	text-align			: center;
}

.contact-form .divider {
	margin				: 0 auto;
	height				: 1px;
	width				: 40px;
	
	background			: #ccc;
	margin-bottom		: 20px;
}

.contact-form .second-heading {
	font-size			: 50px;
	color				: #404040;
	padding-bottom		: 20px;
	text-align			: center;
}

.contact-form .fields {
	width				: 100%;
	clear				: both;
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	overflow			: hidden;
	padding				: 10px 0px 10px 0px;
}

.contact-form .field {
	display				: inline;
	float				: left;
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	width				: 100%;
	padding				: 0px 15px;
}

.contact-form .in-2 {
	width				: 50% !important;
}

.contact-form .field div.container {
	background			: #ffffff;
}

.contact-form .field label {
	color				: #909090;
	font-size			: 14px;
	position			: absolute;
	z-index				: 10010;
	padding				: 16px 10px;
}

.contact-form .field input[type="text"], .contact-form .field textarea {
	border				: 3px solid #bdc3c7;
	-webkit-transition:border 0.5s;  
  	-moz-transition:border 0.5s;  
  	-o-transition:border 0.5s;  
  	transition:border 0.5s; 
	
	font-size			: 14px;
	font-family			: inherit;
	position			: relative;
	z-index				: 10011;
	padding				: 12px 8px;
	margin				: 0px;
	vertical-align		: bottom;
	width				: 100%;
	outline				: 0px;
	background			: transparent;
}

.contact-form .field input[type="text"]:focus, .contact-form .field textarea:focus,
.contact-form .field input[type="text"]:hover, .contact-form .field textarea:hover {
	border				: 3px solid #42a8e2;
	-webkit-transition:border 0.5s;  
  	-moz-transition:border 0.5s;  
  	-o-transition:border 0.5s;  
  	transition:border 0.5s; 
}


.contact-form .field textarea {
	height				: 100px;
}

.contact-form .field button, .contact-form .field input[type="submit"] {
	outline: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	cursor: pointer;
	margin-top: 15px;
	display: block;
	float: left;
	color: #fff;
	padding: 12px 60px;
	background: #42a8e2;
	font-size: 1.2em;
	text-transform: uppercase;
	border-bottom: solid 2px #0E94D8;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/*
.contact-form .field button:hover, .contact-form .field input[type="submit"]:hover {
	background			: #DC4810;
}
*/

.contact-form .field input[type="text"].notip, .contact-form .field textarea.notip {
	background			: #F5F5F5;
}


.contact-form .right {
	text-align			: right;
}

.contact-form .center {
	text-align			: center;
}

.contact-form .field a {
	color				: #808080;
}

.contact-form .field h2 {
	color				: #808080;
	font-weight			: bold;
	font-size			: 14px;
	line-height			: 18px;
	
	margin				: 0px;
	padding				: 0px;
}

.contact-form .field p {
	color				: #808080;
	font-size			: 14px;
	line-height			: 18px;
	
	margin				: 0px;
	padding				: 0px;
}

.contact-form .mt-20 {
	margin-top			: 20px;
}

.contact-form #contact-form-errors-container {
	display				: none;
}

.contact-form #contact-form-fail-container {
	display				: none;
}

.contact-form #contact-form-success-container {
	display				: none;
}

.contact-form .error-message {
	padding				: 20px !important;
	background			: #FAEBE8;
	border				: 3px solid #FF5138;
}

.contact-form .error-message p, .contact-form .error-message ul {
	font-family			: Arial, sans-serif;
	color				: #000000;
}

.contact-form .error-message ul {
	padding				: 0px;
	margin				: 0px;
}

.contact-form .error-message ul li {
	padding				: 0px 0px 0px 0px;
	margin				: 0px 0px 0px 14px;
	font-size			: 14px;
	line-height			: 18px;
}

.contact-form .error {
	border				: 3px solid #FF5138 !important;
}


@media screen and (max-width:800px) {
	.contact-form {
		width				: 100%;
		padding				: 20px;
	}
	
	.contact-form .first-heading {
		font-size			: 18px;
	}
	
	.contact-form .second-heading {
		font-size			: 30px;
	}
}	

@media screen and (max-width:700px) {
	.contact-form .field {
		display				: block;
		float				: none;
		margin-top			: 10px;
		padding				: 0px;
	}
	
	.contact-form .fields {
		padding				: 0px;
	}
	
	.contact-form .in-3 {
		width				: 100% !important;
	}
	
	.contact-form .error-message {
		padding				: 8px !important;
	}
	
}


@media screen and (max-width:480px) {
	
}