/*template.php*/
@media all {
    .service-list {

    }
    .service-item {
		height: 100%;
		padding-bottom: 140px;
		position: relative;
		overflow: hidden;
		display: block;
		color: #333;
		text-decoration: none;
    }
	a.service-item:hover {
		color: #333;
	}
	.service-item span {
		display: block;
	}
	.service-item span.btn {
		display: inline-flex;
	}
    .service-item__image {
		display: block;
    }
	.service-item__image span {
		display: block;
		padding-bottom: 70%;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}
    .service-item__content {
		position: absolute;
		background-color: white;
		width: 100%;
		padding: 26px;
		bottom: 0;
		z-index: 1;
		border: 1px solid #e1e1e1;
		transition: .3s ease;
    }
	.service-item__content-inner {
		overflow: hidden;
		height: 100%;
	}
	.service-item__name {
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 10px;
		line-height: 1.2;
	}
    .service-item__text {
		max-height: 80px;
		overflow: hidden;
    }
	.service-item__footer {
		height: 0;
		overflow: hidden;
		transition: .3s ease;
	}
	.service-item__footer .btn {
		margin-top: 20px;
	}
	.service-item:hover .service-item__footer {
		height: 70px;
	}
}
@media (max-width: 767px) {
	.service-item__name {
		font-size: 16px;
	}
	.service-item__content {
		padding: 15px;
	}
}
@media (max-width: 479px) {
	.service-item {
		padding-bottom: 0;
	}
	.service-item__content {
		position: relative;
	}
	.service-item__footer {
		height: 70px;
	}
}