/* General */
.services-ctas.hc1 {
	width: 100%;
	padding: 3em 0;
}

.services-ctas.hc1 ul {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	padding: 0;
}

.services-ctas.hc1 ul li {
	-webkit-flex: 0 1 30%;
	-ms-flex: 0 1 30%;
	flex: 0 1 30%;
	margin: 1em 0;
	width: 30%;
	display: block;
	padding: 0;
	position: relative;
	text-align: center;
}

.services-ctas.hc1 ul li a {
	width: 100%;
	height: 100%;
	padding: 1em 0;
	display: block;
	color: #01142b;
}

.services-ctas.hc1 ul li:hover a {
	color: #770000;
}

.services-ctas.hc1 ul li:nth-child(3n+1) {
	border-left: solid 1px #dddfe6;
}

.services-ctas.hc1 ul li:nth-child(3n+2) {
	border-left: solid 1px #dddfe6;
	border-right: solid 1px #dddfe6;
}

.services-ctas.hc1 ul li:nth-child(3n+3) {
	border-right: solid 1px #dddfe6;
}

.services-ctas.hc1 ul li:last-child {
	border-right: solid 1px #dddfe6;
}

.services-ctas.hc1 ul li icon {
	color: #01142b;
	font-size: 2.444em;
	transition: color .2s ease 0s;
	display: block;
}

.services-ctas.hc1 ul li:hover icon {
	color: #770000;
}

.services-ctas.hc1 ul li .cta-text {
	text-align: center;
	display: block;
}

.services-ctas.hc1 ul li .cta-text h2 {
	color: #005983;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	transition: color .2s ease 0s;
}

.services-ctas.hc1 ul li .arrow {
	font-family: 'fontello' !important;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	color: #FFFFFF;
	display: block;
	margin: .85em auto;
	position: relative;
}

.services-ctas.hc1 ul li .arrow:before {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: auto;
	background-color: #D87E08; /* $tertiary */
	border-radius: 50%;
	font-size: .5em;
	padding: .25em;
	transition: .2s ease 0s;
}

.services-ctas.hc1 ul li:hover .arrow:before {
	background-color: #005983;
	color: #FFFFFF;
}
/* End General */

/* Responsive @ 600px */
@media screen and (max-width:600px) {
	.services-ctas.hc1 ul li {
		width: 50%;
		flEX: 0 1 50%;
	}

	.services-ctas.hc1 ul li:nth-child(odd) {
		border-left: solid 1px #dddfe6;
		border-right: solid 1px #dddfe6;
	}

	.services-ctas.hc1 ul li:nth-child(even) {
		border-left: none;
		border-right: solid 1px #dddfe6;
	}
}
/* End Responsive @ 600px */