/* Services Styling */
.our-services {
	position: relative;
	padding-top: 6.111em;
	padding-bottom: 6.833em;
}

.our-services .container {
	overflow: visible;
}

.our-services .container ul {
	border-top: 1px solid #454545; /* $text */
	border-bottom: 1px solid #454545; /* $text */
}

.our-services .container ul li {
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 25%;
	height: 11.556em;
	background-color: transparent;
	transition: 1s ease 0s;
	position: relative;
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.cms-admin .our-services .container ul li {
	opacity: 1 !important;
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
}

.no-touch .our-services .container ul li:nth-child(-n + 4) {
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
}

.no-touch .our-services .container ul li:nth-child(n + 5) {
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
	opacity: 0;
}

.our-services .container ul li:nth-child(1), .our-services .container ul li:nth-child(8) {
	transition-delay: 0s;
}

.our-services .container ul li:nth-child(2), .our-services .container ul li:nth-child(7) {
	transition-delay: .25s;
}

.our-services .container ul li:nth-child(3), .our-services .container ul li:nth-child(6) {
	transition-delay: .5s;
}

.our-services .container ul li:nth-child(4), .our-services .container ul li:nth-child(5) {
	transition-delay: .75s;
}

.no-touch .our-services.visible .container ul li {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.no-touch .our-services .container ul li a:hover, .our-services .container ul li a:focus {
	background-color: #FFFFFF;
	box-shadow: 0px 0.2em 0.56em 0px rgba(0,0,0,0.65);
}

.our-services .container ul li a:before {
	position: absolute;
	content: '';
	width: 0;
	height: 0.444em;
	left: 50%;
	bottom: 0;
	transition: .35s ease 0s;
	background-color: #E7B314;
	opacity: 0;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 1;
}

.no-touch .our-services .container ul li a:hover:before, .our-services .container ul li a:focus:before {
	opacity: 1;
	width: 100%;
}

.our-services .container ul li a {
	display: block;
	position: relative;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: transparent;
	transition: .35s ease 0s;
	box-shadow: none;
}

.our-services .container ul li a icon {
	color: #E7B314; /* $secondary */
	position: absolute;
	left: 50%;
	top: 40%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 1.9rem;
	transition: .35s ease 0s;
}

.no-touch .our-services .container ul li:hover a icon, .our-services .container ul li:focus a icon {
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 34%;
	color: #00729D;
}

.our-services .container ul li a strong {
	font-weight: 700;
	font-size: 1.111em;
	text-transform: uppercase;
	letter-spacing: .1rem;
	position: relative;
	transition: .35s ease 0s;
	display: block;
	top: 60%;
	color: #00729D; /* $primary */
}

.no-touch .our-services .container ul li:hover a strong, .our-services .container ul li:focus a strong {
	top: 55%;
}
/* End Services Styling */

/* Responsive Width at 1530px */
@media screen and (max-width: 1530px) {
	.our-services {
		padding-top: 4em;
	}
}
/* End Responsive Width at 1530px */

/* Responsive Width at 1440px */
@media screen and (max-width: 1440px) {
}
/* End Responsive Width at 1440px */

/* Responsive Width at 1200px */
@media screen and (max-width: 1200px) {
	.our-services .container ul li a icon {
		top: 45%;
	}

	.our-services .container ul li {
		height: 10em;
	}
}
/* End Responsive Width at 1200px */

/* Responsive Width at 1000px */
@media screen and (max-width: 1000px) {
	.our-services .container ul li {
		height: 9.5em;
	}
}
/* End Responsive Width at 1000px */

/* Responsive Width at 800px */
@media screen and (max-width: 800px) {
	.our-services .container ul li {
		width: 49%;
		box-shadow: 0px 0px 1em 0px rgba(0,0,0,0.15);
		margin-bottom: 0.7em;
		background-color: #FFFFFF; /* $white */
	}

	.our-services .container ul li a icon {
		top: 40%;
		font-size: 2.3rem;
	}

	.our-services {
		padding-top: 2em;
		padding-bottom: 0;
	}

	.our-services header h2 {
		text-align: center;
	}

	.our-services .container ul {
		border-top: none;
		padding-bottom: 2em;
		border-bottom: none;
	}
}
/* End Responsive Width at 800px */

/* Responsive Width at 650px */
@media screen and (max-width: 650px) {
}
/* End Responsive Width at 650px */

/* Responsive Width at 550px */
@media screen and (max-width: 550px) {
	.our-services .container ul li a strong {
		font-size: 0.759em;
		letter-spacing: 0.07rem;
	}

	.our-services .container ul li {
		height: 7.666em;
	}

	.our-services .container ul li a icon {
		top: 35%;
		font-size: 1.8rem;
	}
}
/* End Responsive Width at 550px */

/* Responsive Width at 475px */
@media screen and (max-width: 475px) {
	.our-services .container ul li a strong {
		font-size: .8rem;
	}
}
/* End Responsive Width at 475px */