/* Color Tokens */
.primary {
	color: #FF0009; /* $primary */
}

.secondary {
	color: #D7D7D7; /* $secondary */
}

.tertiary {
	color: #FFF212; /* $tertiary */
}

.light {
	color: #FEFEFE; /* $light */
}

.dark {
	color: #201E1E; /* $dark */
}
/* End Color Tokens */

/* Contact Page */
.contact-page {
}

.contact-page .content p.info {
	font-size: 1.111em;
}

.contact-page .content p.info a, .contact-page .content p.info strong {
	font-size: 1.5em;
	display: block;
	line-height: 1.4;
	color: #FF0009; /* $primary */
	margin-bottom: 1em;
}

.contact-page .content p.info a {
	font-weight: bold;
	position: relative;
	padding-bottom: 1em;
}

.contact-page .content p.info a:after {
	content: ' ';
	display: block;
	width: 100px;
	height: 1px;
	position: absolute;
	background-color: #DBDBDB;
	bottom: 0;
}

.contact-page .content p.info strong {
	font-weight: 400;
}

.contact-page .contact-form {
	width: 100%;
}

.contact-page .contact-form .form-header {
	text-align: center;
	background-color: #201E1E;
	padding: 1em 2%;
	border-top-left-radius:0.5em;
	border-top-right-radius:0.5em
}

.contact-page .contact-form .form-header h3 {
	color: #FF0009; /* $primary */
	font-size: 1.6667em;
}

.contact-page .contact-form .form-box {
	background-color: #201E1E;
	padding: 1.5em 5% 2.5em;
	text-align: center;
	border-bottom-left-radius:0.5em;
	border-bottom-right-radius:0.5em
}

.contact-page .contact-form .hide {
	display: none;
}

.contact-page .contact-form .btn {
	display: block;
	width: 100%;
	padding: .75em 3%;
}
/* End Contact Page */

/* Single Map */
.contact-map {
	height: auto;
	position: relative;
	background-color: rgba(255,0,0,0.902); /* alpha($primary,90%) */
	padding: 2em;
	border-radius: 0.5em;
}

.contact-us-page .contact-map {
	position: relative;
	top: auto;
	right: auto;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	width: 100%;
}

.contact-us-page .contact-map .map-container {
	height: 26.5em;
}

.contact-map .map-container {
	position: relative;
	width: 100%;
	height: 14.722em;
}

.contact-map .map-container .imap {
	width: 100%;
	height: 100%;
	border-radius: 0.5em;
}

.contact-map .location-info {
	position: relative;
	text-align: left;
	width: calc(100% - 2em);
	left: 1em;
	padding: 1em 0;
}

.contact-map .location-info h2 {
	color: #FEFEFE; /* $light */
	margin-bottom: .5em;
	text-transform: uppercase;
	font-weight: 300;
}

.contact-map .location-info div {
	color: #FEFEFE; /* $light */
	font-size: 1em;
	font-weight: 700;
	line-height: 1.389;
	position: relative;
}

.contact-map .location-info > div {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 1em;
}

.contact-map .location-info div:last-of-type {
	margin-bottom: 0;
}

.contact-map .location-info div icon {
	color: #F7D139;
	font-size: 1.5em;
	margin-right: .5em;
}

.contact-map .location-info .address {
}

.contact-map .btn-container {
	padding-top: 1.5em;
}

.contact-map .btn-container .btn {
	font-weight: 700;
}
/* End Single Map */

/* contact Map *//* End contact Map */

/* 800px Responsive */
@media screen and (max-width:800px) {
	.contact-page .contact-form {
		width: 100%;
		margin-top: 1.5em;
	}

	.contact-page .content {
		text-align: center;
	}

	.contact-page .content p.info a:after {
		left: calc(50% - 50px);
	}

	.contact-us-page .contact-map .map-container {
		height: 14em;
	}
}
/* End 800px Responsive */

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

	.contact-page .content p.info a, .contact-page .content p.info strong {
		font-size: 1.25em;
	}
}
/* End 550px Responsive */