.service-item {

	display: block;

	position: relative;

}



.service-item img {

	width: 100%;

}



.service-item-caption {

	position: absolute;

	top: 79%;

	left: 0;

	right: 0;

	bottom: 0;

	padding: 10px;

	background: rgba(17, 17, 17, 0.7);;

	color: #fff;

	display: flex;

	flex-direction: column;

	justify-content: center;

	scrollbar-width: thin;

	scrollbar-color: #222222 rgba(34, 34, 34, 0.13);

	overflow-y: auto;

	overflow-x: hidden;

	overflow-y: overlay;

}



.service-item-caption2 {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	padding-top: 50%;

	padding-bottom: 50%;

	background: rgba(17, 17, 17, 0.7);;

	color: #fff;

	display: flex;

	text-align: center;

	flex-direction: column;

	justify-content: center;

	scrollbar-width: thin;

	scrollbar-color: #222222 rgba(34, 34, 34, 0.13);

	overflow-y: auto;

	overflow-x: hidden;

	overflow-y: overlay;

}



.service-item-caption3 {

	position: absolute;

	top: 90%;

	left: 0;

	right: 0;

	bottom: 0;

	padding: 0;

	background: rgba(17, 17, 17, 0.7);;

	color: #fff;

	display: flex;

	flex-direction: column;

	justify-content: center;

	scrollbar-width: thin;

	scrollbar-color: #222222 rgba(34, 34, 34, 0.13);

	overflow-y: auto;

	overflow-x: hidden;

	overflow-y: overlay;

}



.service-item-caption::-webkit-scrollbar {

	width: 0;

	height: 0;

	background: transparent;

}



.service-item-caption2::-webkit-scrollbar {

	width: 0;

	height: 0;

	background: transparent;

}



.service-item-caption3::-webkit-scrollbar {

	width: 0;

	height: 0;

	background: transparent;

}



.service-item-caption::-webkit-scrollbar-thumb {

	background: transparent;

}



.service-item-caption2::-webkit-scrollbar-thumb {

	background: transparent;

}



.service-item-caption3::-webkit-scrollbar-thumb {

	background: transparent;

}



.mobile .service-item-caption::-webkit-scrollbar, .service-item-caption:hover::-webkit-scrollbar {

	width: 3px;

	height: 3px;

}



.mobile .service-item-caption2::-webkit-scrollbar, .service-item-caption2:hover::-webkit-scrollbar {

	width: 3px;

	height: 3px;

}



.mobile .service-item-caption3::-webkit-scrollbar, .service-item-caption3:hover::-webkit-scrollbar {

	width: 3px;

	height: 3px;

}



.service-item-caption .service-title {

	color: #fff;

}



.service-item-caption2 .service-title {

	color: #fff;

}



.service-item-caption3 .service-title {

	color: #fff;

}



.service-item-caption .service-title a {

	color: #fff;

}



.service-item-caption2 .service-title a {

	color: #fff;

}



.service-item-caption3 .service-title a {

	color: #fff;

}



.service-item-caption .service-title a:hover {

	color: rgba(255, 255, 255, 0.8);

}



.service-item-caption2 .service-title a:hover {

	color: rgba(255, 255, 255, 0.8);

}



.service-item-caption3 .service-title a:hover {

	color: rgba(255, 255, 255, 0.8);

}



.service-item-caption .service-bottom {

	text-align: center;

}



.service-item-caption2 .service-bottom {

	text-align: center;

}



.service-item-caption3 .service-bottom {

	text-align: center;

}



.service-item-caption .service-bottom a {

	color: #fff;

}



.service-item-caption2 .service-bottom a {

	color: #fff;

}



.service-item-caption3 .service-bottom a {

	color: #fff;

}



.service-item-caption .service-bottom a:hover {

	color: rgba(255, 255, 255, 0.8);

}



.service-item-caption2 .service-bottom a:hover {

	color: rgba(255, 255, 255, 0.8);

}



.service-item-caption3 .service-bottom a:hover {

	color: rgba(255, 255, 255, 0.8);

}



.service-item-caption * + p {

	margin-top: 0.5625rem;

}



.service-item-caption2 * + p {

	margin-top: 0.5625rem;

}



.service-item-caption3 * + p {

	margin-top: 0.5625rem;

}



.service-item-caption * + .service-bottom {

	margin-top: 10px;

}



.service-item-caption2 * + .service-bottom {

	margin-top: 10px;

}



.service-item-caption3 * + .service-bottom {

	margin-top: 10px;

}



.service-item-simple .service-item-caption {

	display: flex;

	align-items: center;

	justify-content: center;

}



.service-item-simple .service-item-caption2 {

	display: flex;

	align-items: center;

	justify-content: center;

}



.service-item-simple .service-item-caption3 {

	display: flex;

	align-items: center;

	justify-content: center;

}



.service-item-simple.service-item-simple-left .service-item-caption {

	align-items: flex-start;

	justify-content: flex-start;

}



.service-item-simple.service-item-simple-left .service-item-caption2 {

	align-items: flex-start;

	justify-content: flex-start;

}



.service-item-simple.service-item-simple-left .service-item-caption3 {

	align-items: flex-start;

	justify-content: flex-start;

}



.service-item-color-2 .service-item-caption {

	background: rgba(37, 89, 87, 0.9);

}



.service-item-color-3 .service-item-caption {

	background: #efef0a;

}



.service-item-color-4 .service-item-caption {

	background: #cc00cc;

}



.service-item-color-5 .service-item-caption {

	background: #f27c08;

}



.service-item-color-6 .service-item-caption {

	background: rgba(17, 17, 17, 0.7);

}







.service-item-color-2 .service-item-caption2 {

	background: rgba(37, 89, 87, 0.9);

}



.service-item-color-3 .service-item-caption2 {

	background: #efef0a;

}



.service-item-color-4 .service-item-caption2 {

	background: #cc00cc;

}



.service-item-color-5 .service-item-caption2 {

	background: #f27c08;

}



.service-item-color-6 .service-item-caption2 {

	background: rgba(17, 17, 17, 0.7);

}



.service-item-color-2 .service-item-caption3 {

	background: rgba(37, 89, 87, 0.9);

}



.service-item-color-3 .service-item-caption3 {

	background: #efef0a;

}



.service-item-color-4 .service-item-caption3 {

	background: #cc00cc;

}



.service-item-color-5 .service-item-caption3 {

	background: #f27c08;

}



.service-item-color-6 .service-item-caption3 {

	background: rgba(17, 17, 17, 0.7);

}







@media (min-width: 1200px) {

	.desktop .service-item .service-item-caption {

		transition: all 0.2s ease-in-out;

		opacity: 0;

	}

	.desktop .service-item .service-item-caption .service-body,

	.desktop .service-item .service-item-caption .service-bottom {

		transition: all .5s ease-in-out;

		opacity: .0;

	}

	.desktop .service-item .service-item-caption .service-body {

		

		transform: translateY(-100%);

	}

	.desktop .service-item .service-item-caption .service-bottom {

		transform: translateY(100%);

	}

	.desktop .service-item:hover .service-item-caption {

		opacity: 1;

	}

	.desktop .service-item:hover .service-item-caption .service-body,

	.desktop .service-item:hover .service-item-caption .service-bottom {

		opacity: 1;

		transform: translateY(0);

	}

}



.service-icon {

	text-align: center;

}



.service-icon * + .service-icon-title {

	margin-top: 1.875rem;

}











@media (min-width: 1200px) {

	.desktop .service-item .service-item-caption2 {

		transition: all 0.2s ease-in-out;

		opacity: 0;

	}

	.desktop .service-item .service-item-caption2 .service-body,

	.desktop .service-item .service-item-caption2 .service-bottom {

		transition: all .5s ease-in-out;

		opacity: .0;

	}

	.desktop .service-item .service-item-caption2 .service-body {

		

		transform: translateY(-100%);

	}

	.desktop .service-item .service-item-caption2 .service-bottom {

		transform: translateY(100%);

	}

	.desktop .service-item:hover .service-item-caption2 {

		opacity: 1;

	}

	.desktop .service-item:hover .service-item-caption2 .service-body,

	.desktop .service-item:hover .service-item-caption2 .service-bottom {

		opacity: 1;

		transform: translateY(0);

	}

	.desktop .service-item .service-item-caption3 {

		transition: all 0.2s ease-in-out;

		opacity: 0;

	}

	.desktop .service-item .service-item-caption3 .service-body,

	.desktop .service-item .service-item-caption3 .service-bottom {

		transition: all .5s ease-in-out;

		opacity: .0;

	}

	.desktop .service-item .service-item-caption3 .service-body {

		

		transform: translateY(-100%);

	}

	.desktop .service-item .service-item-caption3 .service-bottom {

		transform: translateY(100%);

	}

	.desktop .service-item:hover .service-item-caption3 {

		opacity: 1;

	}

	.desktop .service-item:hover .service-item-caption3 .service-body,

	.desktop .service-item:hover .service-item-caption3 .service-bottom {

		opacity: 1;

		transform: translateY(0);

	}

}



.service-icon {

	text-align: center;

}



.service-icon * + .service-icon-title {

	margin-top: 1.875rem;

}











@media (min-width: 768px) {

	.service-icon {

		text-align: center;

	}

}



.service-icon-icon {

	min-height: 68px;

}



.service-icon-icon > * {

	fill: #222222;

}



.context-dark .service-icon-icon > * {

	fill: #fff;

}



.service-icon-title {

	font-weight: 600;

	text-align: center;

}



.service-icon-title a {

	color: #222222;

}



.service-icon-title a:hover {

	color: #222222;

	text-decoration: underline;

}



.context-dark .service-icon-title a {

	color: #fff;

}



.context-dark .service-icon-title a:hover {

	color: #fff;

}