/* Color Tokens */
.color-tokens {
	color: #3C9085; /* $primary */
	background-color: #9D7168; /* $secondary */
	border-left-color: #B4ACA7; /* $tertiary */
	border-right-color: #3EC3B1; /* $light */
	border-top-color: #FFFFFF; /* $white */
	border-bottom-color: #000000; /* $dark */
}
/* End Color Tokens */

.zone-tab li {
	height: auto !important;
	padding: 0 !important;
}

/* Contact Content Styles */
.contact-content {
	padding: 0;
}

.contact-content .main-content section {
	-webkit-flex: 0 1 68.125%;
	-ms-flex: 0 1 68.125%;
	flex: 0 1 68.125%;
	width: 68.125%;
	max-width: 68.125%;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.contact-content section .content-image {
	width: 40% !important;
	-webkit-flex: 0 1 40%;
	-ms-flex: 0 1 40%;
	flex: 0 1 40%;
	height: auto !important;
	max-width: 40%;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	position: relative;
}

.contact-content section .content-image img {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
}

.contact-content section .content-panel {
	width: 58%;
	-webkit-flex: 0 1 58%;
	-ms-flex: 0 1 58%;
	flex: 0 1 58%;
}

.contact-content.parent section .content-panel {
	width: 100%;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.contact-content section .content-panel:only-child {
	width: 100%;
	-webkit-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
}

.contact-content section .content-panel:first-child {
	width: 100%;
	-webkit-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
}

.contact-content section .content-panel2 {
	width: 100%;
	-webkit-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
}

.contact-content aside {
	-webkit-flex: 0 1 28.4%;
	-ms-flex: 0 1 28.4%;
	flex: 0 1 28.4%;
	width: 28.4%;
	max-width: 28.4%;
}

.contact-content .main-content {
	padding: 4em 0;
}

.contact-content .main-content .flex {
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.contact-content .main-content .flex.main {
	padding-top: 0;
	padding-bottom: 0;
}

.contact-content .content-panel h1 {
}

.contact-content .content-panel h2 {
	margin: 1em 0;
}

.contact-content .content-panel h3 {
	margin: 1em 0 .5em 0;
}

.contact-content .content-panel p {
}
/* End Contact Content Styles */

/* Fallbacks */
.no-flexbox {
}
/* End Fallbacks */

/* Responsive */
@media screen and (max-width:1100px) {
	.contact-content section .content-image {
		display: none;
	}

	.contact-content section .content-panel {
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}

	.contact-content .main-content section {
		-webkit-flex: 0 1 60%;
		-ms-flex: 0 1 60%;
		flex: 0 1 60%;
		width: 60%;
		max-width: 60%;
	}

	.contact-content aside {
		-webkit-flex: 0 1 35%;
		-ms-flex: 0 1 35%;
		flex: 0 1 35%;
		width: 35%;
		max-width: 35%;
	}
}

@media screen and (max-width:1050px) {
	.contact-content .main-content .flex {
		display: block;
	}

	.contact-content .main-content {
		padding: 4em 0 0 0;
	}

	.contact-content .contact-form {
		width: 100%;
		max-width: 100%;
	}

	.contact-content .main-content section {
		width: 100%;
		max-width: 100%;
	}

	.contact-content section .content-panel {
		max-width: 100%;
		width: 100%;
	}

	.contact-form .contact-box>div {
		padding: 2em;
	}
}

@media screen and (max-width:550px) {
	.contact-form .contact-box>div {
		padding: 2em 2%;
	}
}

@media screen and (max-width:400px) {
	.contact-form header h3 {
		font-size: 2.3em;
	}
}
/* End Responsive */