@charset "UTF-8";
.contact-us {background:#fff;overflow:hidden;padding:2rem 2.5rem}
.container .info {
	width: 48%;
	float: left;
}
.container .info #map {width:100%;height:22.7rem}
.container .contact-form {
	width: 50%;
	margin-left: 2%;
	float: left;
}

.container .contact-form .title {
	font-size: 26px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	color: #242424;
	margin: 5% 8%;
}

.container .contact-form .subtitle {
	font-size: 1.2em;
	font-weight: 400;
	margin: 0 4% 5% 8%;
}

.container .contact-form label {margin:20px 0 15px}
.container .contact-form input, .container .contact-form textarea {color: #242424;border: 1px solid #B7B7B7;width:100%;padding:10px}
.container .contact-form textarea {resize:none}

.container .contact-form input::placeholder, .container .contact-form textarea::placeholder
	{
	color: #242424;
}

.container .contact-form .btn-send {
	background: #A383C9;
	width: 180px;
	height: 60px;
	color: #FFFFFF;
	font-weight: 700;
	margin: 2% 8%;
	border: none;
}

.info_wrap div > * {display:inline-block;vertical-align:middle}
.info_wrap div + div {margin:20px 0}
.info_wrap .glyphicon {color:#81b2de}

@media(max-width:1300px){
	.container .info, .container .contact-form {width:100%;float:none}
	.container .info #map {height:20rem}
	.container .contact-form {margin-top:2rem} 
}