/* Footer Styles */
.footer-top {
	background-color: #0C5098; /* $primary */
	padding: 5em 0;
}

.footer-top a {
	color: #FFFFFF; /* $white */
	font-size: .88em;
	font-weight: 300;
}

.footer-top a:hover {
	color: #21B7D6; /* $tertiary */
}

.footer-top strong {
	color: #FFFFFF; /* $white */
	font-weight: 600;
	display: block;
	padding-bottom: .5em;
}

.footer-top ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-top ul .half {
	padding: 0;
	width: 49%;
}

.footer-top ul li a {
	display: block;
	padding: .25em 0;
}

.footer-top .schema {
	-webkit-flex: 0 1 30%;
	-ms-flex: 0 1 30%;
	flex: 0 1 30%;
}

.footer-top .quick-links {
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	-webkit-flex: 0 1 37.5%;
	-ms-flex: 0 1 37.5%;
	flex: 0 1 37.5%;
}

.footer-top .about-links {
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2;
	-webkit-flex: 0 1 20%;
	-ms-flex: 0 1 20%;
	flex: 0 1 20%;
}

.footer-bottom {
	background-color: #021A46;
	padding: 2em 0;
	color: #FFFFFF; /* $white */
}

.footer-bottom a {
	color: #FFFFFF; /* $white */
	display: block;
	padding: 0 .75em;
	position: relative;
	font-size: .8rem;
}

.footer-bottom li:last-of-type a {
	padding-right: 0;
}

.footer-bottom a:before {
	content: '';
	display: block;
	width: 1px;
	height: 1em;
	background-color: #FFFFFF; /* $white */
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.footer-bottom a:hover {
	color: #21B7D6; /* $tertiary */
}

.footer-bottom .main {
	padding: 0;
}

.footer-bottom .main div {
	padding-right: .75em;
	font-size: .8rem;
}
/* End Footer Styles */

/* Responsive @ 1000px */
@media screen and (max-width: 1000px ) {
	.footer-bottom .main {
		display: block;
		text-align: center;
	}

	.footer-bottom ul {
		padding: 1em 5% 0;
	}

	.footer-bottom li a:before, .footer-bottom ul li a:after {
		content: none !important;
	}

	.footer-bottom li:first-child a:before {
		content: none;
	}
}
/* End Responsive @ 1000px */

/* Responsive @ 800px */
@media screen and (max-width: 800px ) {
	.footer-top .main.thin {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.footer-top .schema {
		-webkit-flex: 1 1 100%;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
		margin-bottom: 2em;
		text-align: center;
	}

	.footer-top .quick-links {
		-webkit-flex: 1 1 66%;
		-ms-flex: 1 1 66%;
		flex: 1 1 66%;
	}

	.footer-top .about-links {
		-webkit-flex: 1 1 33%;
		-ms-flex: 1 1 33%;
		flex: 1 1 33%;
	}

	.footer-bottom ul {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-items: stretch !important;
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
	}

	.footer-bottom ul li {
		-webkit-flex: 1 1 33%;
		-ms-flex: 1 1 33%;
		flex: 1 1 33%;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.footer-bottom ul li a {
		padding: .5em;
		width: 100%;
		-webkit-flex: 1 1 100%;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
	}

	.footer-bottom ul li a:before {
		height: 100%;
	}

	.footer-bottom ul li:nth-child(4) a:before {
		content: none;
	}

	.footer-bottom ul li:nth-child(n + 4) a:after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #FFFFFF; /* $white */
		top: 0;
	}
}
/* End Responsive @ 800px */

/* Responsive @ 600px */
@media screen and (max-width: 600px ) {
	.footer-top .main.thin {
		display: block;
	}

	.footer-top strong {
		font-size: 1.7em;
		font-weight: 700;
		border-bottom: 5px solid #21B7D6; /* $tertiary */
		position: relative;
	}

	.footer-top strong:before, .footer-top strong:after {
		content: '';
		display: block;
		width: .5em;
		height: 1px;
		background-color: #FFFFFF; /* $white */
		position: absolute;
		top: 50%;
		transition: transform .3s ease 0s;
	}

	.footer-top strong:before {
		-webkit-transform: rotateZ(45deg);
		-ms-transform: rotateZ(45deg);
		transform: rotateZ(45deg);
		right: .33em;
	}

	.footer-top strong.open:before {
		-webkit-transform: rotateZ(-45deg);
		-ms-transform: rotateZ(-45deg);
		transform: rotateZ(-45deg);
	}

	.footer-top strong:after {
		-webkit-transform: rotateZ(-45deg);
		-ms-transform: rotateZ(-45deg);
		transform: rotateZ(-45deg);
		right: 0;
	}

	.footer-top strong.open:after {
		-webkit-transform: rotateZ(45deg);
		-ms-transform: rotateZ(45deg);
		transform: rotateZ(45deg);
	}

	.footer-top .quick-links, .footer-top .about-links {
		padding: 1em 5%;
	}

	.footer-top ul {
		display: none;
		margin-bottom: 1em;
	}

	.footer-top .main.thin ul li {
		width: 100%;
		padding: .5em 0;
	}

	.footer-top ul li a, .footer-top ul li a:hover {
		font-size: 1.1em;
		color: #FFFFFF;
		padding: 0;
	}

	.footer-top .schema {
		margin: 2em 0 0;
	}
}
/* End Responsive @ 600px */

/* Responsive @ 450px */
@media screen and (max-width: 450px ) {
	.footer-bottom ul li {
		-webkit-flex: 1 1 50%;
		-ms-flex: 1 1 50%;
		flex: 1 1 50%;
	}

	.footer-bottom ul li:nth-child(odd) a:before {
		content: none;
	}

	.footer-bottom ul li:nth-child(even) a:before {
		content: '';
		display: block;
		width: 1px;
		height: 100%;
		top: 0;
		left: 0;
		background-color: #FFFFFF; /* $white */
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.footer-bottom ul li:nth-child(n + 3) a:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		top: 0;
		left: 0;
		background-color: #FFFFFF; /* $white */
		position: absolute;
	}

	.footer-top strong {
		font-size: 1.17em;
	}
}
/* End Responsive @ 450px */