/*** 

====================================================================
				Contact Section
====================================================================

***/

.contact-section{
	position: relative;
	padding:75px 0 0;
}

.contact-section.alternate{
	padding-top: 140px;
}

.contact-section .sec-title{
	margin-bottom: 30px;
}

.contact-form{
 	position: relative;
 	padding-right: 35px;
} 

.contact-form .form-group{
	position:relative;
	margin-bottom:30px;	
}

.contact-form .form-group:last-child{
	margin-bottom: 25px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="url"],
.contact-form .form-group textarea,
.contact-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 30px;
    color: #3c4858;
    font-weight: 500;
    padding: 10px 0;
    letter-spacing: .5px;
    border-bottom: 1px solid #cccccc;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:#fb4848;
}

.contact-form .form-group textarea{
	height: 150px;
	resize: none;
}

.contact-form .form-group input[type="submit"],
.contact-form button{
	margin-top: 20px;
	padding:14px 50px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .form-group label.error{
	display:block;
	font-size:14px;
	text-transform:capitalize;
	font-weight:500;
	color:#ff0000;
	padding-top:10px;	
}

.contact-section.style-two{
	background-color: #292929;
	padding: 0;
	margin-bottom: 60px;
}

.contact-section.style-two .contact-form .form-group input[type="text"],
.contact-section.style-two .contact-form .form-group input[type="email"],
.contact-section.style-two .contact-form .form-group input[type="tel"],
.contact-section.style-two .contact-form .form-group input[type="url"],
.contact-section.style-two .contact-form .form-group textarea,
.contact-section.style-two .contact-form .form-group select{
	background-color: #292929;
	color: #fefefe;
}

.contact-section.style-two .outer-container{
	position: relative;
}

.contact-section.style-two .form-column{
	position: relative;
	float: left;
	width: 50%;
	padding: 115px 0 90px;
}

.contact-section.style-two .form-column .contact-form{
	float: right;
	width: 600px;
	padding: 0 15px;
	padding-right: 55px;
}

.contact-section.style-two .map-column{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50%;
}

.contact-section.style-two .map-canvas{
	position: absolute;
	height: 100%;
	width: 100%;
}