/* T4 Services Area General Setup */

.services-area.t4 {
}

.services-area.t4 header {
}

.services-area.t4 header h4 {
}

.services-area.t4 header strong {
}

/* End T4 Services Area General Setup */

/* T4 Services Area List Styles */

.services-area.t4 .services-list {
	display: grid;
	grid-column-gap: 1px;
	grid-row-gap: 1px;
	grid-auto-flow: column dense;
	-ms-flex-align: stretch;
	align-items: stretch;
	justify-items: stretch;
	grid-auto-columns: minmax(20%, 1fr);
}

html.no-cssscrollbar .services-area.t4 .services-list {
	display: -ms-flexbox;
	display: flex;
}

.services-area.t4 .services-list li {
	display: -ms-flexbox;
	display: flex;
}

html.no-cssscrollbar .services-area.t4 .services-list li {
	-ms-flex: 1 1 25%;
	flex: 1 1 25%;
}

.active.services-area.t4 .services-list li {
	-ms-flex: 1 1 auto !Important;
	flex: 1 1 auto !Important;
}

.services-area.t4 .services-list li:nth-last-child(n+5):first-child {
	grid-row-end: span 2;
}

.services-area.t4 .services-list li:nth-last-child(4):not(:first-child) {
	grid-row-end: span 2;
}

.services-area.t4 .services-list li:nth-child(odd):last-child {
	grid-row-end: span 2;
}

.services-area.t4 .services-list li a {
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	padding: 3em 5%;
	margin-left: 1px;
	transition: background-color .4s ease 0s;
	width: 100%;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	z-index: 1;
}

html.no-cssscrollbar .services-area.t4 .services-list li a {
	margin-bottom: 1px;
}

.services-area.t4 .services-list li a:hover {
}

.services-area.t4 .services-list li a > img {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
	opacity: 1;
	transition: opacity .4s ease 0s;
}

.services-area.t4 .services-list li a:hover > img, .services-area.t4 .services-list li a:focus > img, html.touch .services-area.t4 .services-list li a > img {
	opacity: 1;
}

.services-area.t4 .services-list li a > icon {
	display: inline-block;
	font-size: 3em;
	padding: .2em;
	border-radius: 50%;
	margin-bottom: .2em;
	opacity: 0;
	transition: opacity .4s ease 0s;
}

.services-area.t4 .services-list li a:hover > icon, .services-area.t4 .services-list li a:focus > icon, html.touch .services-area.t4 .services-list li a > icon {
	opacity: 1;
	transition: opacity .4s ease .2s;
}

.services-area.t4 .services-list li a > strong {
	display: block;
	position: relative;
	font-size: 1.111em;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: .1em;
}

.services-area.t4 .services-list li a > icon + strong {
	transition: transform .4s ease .2s;
	transform: translateY(-2.4rem);
}

.services-area.t4 .services-list li a:hover > icon + strong, .services-area.t4 .services-list li a:focus > icon + strong, html.touch .services-area.t4 .services-list li a > icon + strong {
	transform: translateY(0);
	transition: transform .4s ease 0s;
}

/* End T4 Services Area List Styles */

/* T4 Services Area More Btn Styles */

.services-area.t4 .btn-con {
	text-align: center;
	margin-top: 3.5em;
}

.services-area.t4 .btn-con .btn {
}

/* End T4 Services Area More Btn Styles */

/* Slide & Fade Styles */

[data-onvisible='slide-n-fade'].services-area.t4 .main > * {
	opacity: 0;
}

.slide-n-fade[data-onvisible='slide-n-fade'].services-area.t4 header {
	animation: knockKnockSlide .75s ease 0s 1 forwards;
}

.slide-n-fade[data-onvisible='slide-n-fade'].services-area.t4 .services-list {
	animation: knockKnockSlide .75s ease .25s 1 forwards;
}

.slide-n-fade[data-onvisible='slide-n-fade'].services-area.t4 .btn-con {
	animation: knockKnockSlide .75s ease .5s 1 forwards;
}

/* End Slide & Fade Styles */

/* 1500px Responsive */

@media screen and (max-width:1500px) {
	body {
	}
}

/* End 1500px Responsive */

/* 1200px Responsive */

@media screen and (max-width:1200px) {
	body {
	}

	.services-area.t4 .services-list {
		display: -ms-flexbox;
		display: flex;
	}

	.services-area.t4 .services-list li {
		-ms-flex: 1 1 25%;
		flex: 1 1 25%;
	}

	.services-area.t4 .services-list li a {
		margin-bottom: 1px;
	}
}

/* End 1200px Responsive */

/* 1000px Responsive */

@media screen and (max-width:1000px) {
	body {
	}

	.services-area.t4 .services-list li, html.no-cssscrollbar .services-area.t4 .services-list li {
		-ms-flex: 1 1 33%;
		flex: 1 1 33%;
	}

	.services-area.t4 .services-list li a {
		padding: 2em 5%;
	}
}

/* End 1000px Responsive */

/* 800px Responsive */

@media screen and (max-width:800px) {
	body {
	}

	.services-area.t4 .container {
		position: relative;
		overflow: hidden;
	}

	.services-area.t4 .services-list {
		transition: transform .5s ease 0s;
	}

	.services-area.t4 .services-list li, html.no-cssscrollbar .services-area.t4 .services-list li {
		-ms-flex: 1 1 50%;
		flex: 1 1 50%;
	}
}

/* End 800px Responsive */

/* 650px Responsive */

@media screen and (max-width:650px) {
	body {
	}
}

/* End 650px Responsive */

/* 550px Responsive */

@media screen and (max-width:550px) {
	body {
	}

	.services-area.t4 .services-list li a {
	}

	.services-area.t4 .btn-con {
		margin-top: 1.5em;
	}
}

/* End 550px Responsive */

/* 475px Responsive */

@media screen and (max-width:475px) {
	body {
	}
}

/* End 475px Responsive */

/* 400px Responsive */

@media screen and (max-width:400px) {
	body {
	}

	.services-area.t4:not(.active) .services-list, html.no-cssscrollbar .services-area.t4:not(.active) .services-list {
		display: block;
	}

	.services-area.t4 .services-list li a {
		padding: 1.5em 5%;
	}

	.services-area.t4 .services-list li a > icon {
		font-size: 2em;
	}

	.services-area.t4 .services-list li a > icon + strong {
		transform: translateY(-1.7rem);
	}
}

/* End 400px Responsive */

/* 350px Responsive */

@media screen and (max-width:350px) {
	body {
	}
}

/* End 350px Responsive */