.contacts-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	width: 100%;
}

.contacts-wrap h3 {
	font-size: 1.3rem;
	margin-bottom: 1rem;
	color: #272727;
}

.contacts-wrap .title-bubble {
	text-align: center;
	font-size: 1rem;
	padding: 1rem;
	color: #fdfdfd;
	/* background-color: #194fa5; */
	background-color: #1d2d44;
	border-radius: 7px;
	text-transform: uppercase;
	-webkit-box-shadow: 4px 4px 6px #27272727;
	        box-shadow: 4px 4px 6px #27272727;
}

.contacts-wrap .title-bubble.attached {
	margin: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.our-business-container, .send-email-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin: 0 auto;
	/* width: 40vw; */
	width: 45%;
}

.map {
	border-radius: 7px;
	/* box-shadow: 2px 2px 8px #27272777; */
	-webkit-box-shadow: 4px 4px 6px #27272727;
	        box-shadow: 4px 4px 6px #27272727;
	border: 1px solid #27272727;
	width: 100%;
	height: 25vw;
}

.map.attached {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.address, .phone, .email {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	width: 100%;
	margin-top: 1rem;
	padding: 1rem;
	background: white;
	border-radius: 7px;
	-webkit-box-shadow: 4px 4px 6px #27272727;
	        box-shadow: 4px 4px 6px #27272727;
	border: 1px solid #27272727;
	color: #727272;
}

.email {
	margin-top: 0;
	padding: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.email h3 {
	text-align: center;
	font-size: 1rem;
	padding: 1rem;
	color: #fdfdfd;
	/* background-color: #194fa5; */
	background-color: #1d2d44;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	text-transform: uppercase;
	margin: 0;
}

.phone a {
	padding: 4px 0;
}

.action {
	color: #444;
	border-radius: 25%;
	padding: 4px 7px !important;
	/* float: right; */
	margin: auto 0;
	margin-left: auto;
	height: 30px;
	-webkit-transition: background-color 0.25s;
	-o-transition: background-color 0.25s;
	transition: background-color 0.25s;
	background-color: #fff0;
}

.action:active {
	background-color: #8884;
	text-decoration: none;
}

.email-form {
	width: 100%;
	padding: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.email-form input, .email-form select, .email-form textarea, .email-form button {
	width: 100%;
	color: #272727;
	padding: 0.5rem;
	outline: none;
	background-color: #f8f8f8;
	border: 2px solid #dcdcdc;
	border-radius: 7px;
	
	margin-bottom: 1rem;
}

.email-form button {
	-ms-flex-item-align: end;
	    align-self: flex-end;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	color: #fdfdfd;
	/* background-color: #194fa5; */
	background-color: #1d2d44;
	/* border: 2px solid #0c406b; */
	border: 2px solid #142031;
	padding: 0.5rem 1rem;
	margin-bottom: 0;
	cursor: pointer;
	-webkit-box-shadow: 2px 2px 6px #2227;
	        box-shadow: 2px 2px 6px #2227;
	-webkit-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
	font-weight: bold;
	/* font-size: 1rem; */
}

.email-form select {
	cursor: pointer;
}

.email-form textarea {
	resize: none;
}

.email-form input:focus, .email-form select:focus, .email-form textarea:focus {
	/* border-color: #0a79e2; */
	/* border-color: #194fa5; */
	border-color: #1d2d44;
}

.email-to-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	margin-bottom: 1rem;
}

.email-to-actions-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	margin-left: 0.75rem;
}

@media (hover: hover) {
	
	.action:hover {
		background-color: #8884;
		text-decoration: none;
	}
	
	.email-form button:hover {
		color: #fff;
		-webkit-box-shadow: 4px 4px 6px #27272727;
		        box-shadow: 4px 4px 6px #27272727;
		/* border-color: #0e6fbf; */
		border-color: #283f5f;
		/* background-color: #2083ff; */
		background-color: #3b5c8a;
	}
	
}

.email-form button:active {
	color: #fdfdfd;
	-webkit-box-shadow: 2px 2px 6px #27272727;
	        box-shadow: 2px 2px 6px #27272727;
	/* border-color: #165f9c; */
	border-color: #21344e;
	/* background-color: #2371d4; */
	background-color: #2e486d;
}

@media only screen and (min-width:1129.98px) {
	
	.contain-wrap {
		/* max-width: 90%; */
	}
	
}

@media only screen and (min-width:1264.98px) {
	
	.contain-wrap {
		max-width: 80%;
	}
	
}

@media only screen and (min-width:1999.98px) {
	
	.contain-wrap {
		max-width: 2000px;
	}
	
}

/*-- Collapse content containers --*/
@media only screen and (max-width:951.98px) {
	
	.contacts-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	.our-business-container, .send-email-container {
		width: 80vw;
	}
	
	.send-email-container {
		margin-top: 2.5rem;
	}
	
	.map {
		height: 40vw;
	}
	
}

@media only screen and (max-width:399.98px) {
	
	.email-to-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	.email-to-actions-wrap {
		margin-left: 0;
	}
	
}