/*template.php*/
@media all {
	.mp-service-row {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -15px;
	}
	.mp-service__col {
		padding: 0 15px;
	}
	.mp-service__col._col1 {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex: 1;
	}
	.mp-service__col._col2 {
		width: 640px;
		max-width: 100%;
		flex-shrink: 0;
	}
	.mp-service__content {
		font-size: 15px;
	}
	.mp-service__col .section-footer {
		margin-top: 30px;
	}

    .service-small {
		display: flex;
		flex-wrap: wrap;
		margin: -15px;
		min-width: 100%;
		justify-content: center;
    }
    .service-small__item {
		margin: 15px;
		width: calc(50% - 30px);
		min-width: 280px;
		height: 206px;
		display: block;
		color: #fff;
		text-decoration: none;
		position: relative;
		background-position: center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		overflow: hidden;
    }
		.service-small__item:hover {
			color: #fff;
		}
    .service-small__content {
		transform: translate(0, calc(100% - 74px));
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		padding: 10px 20px 14px;
		background-color: rgba(0,0,0, .5);
		display: flex;
		flex-direction: column;
		transition: .3s ease;
    }
		.service-small__item:hover .service-small__content {
			transform: translate(0,0);
			background-color: rgba(0,0,0, .7);
		}
    .service-small__body {

    }
    .service-small__name {
		font-size: 18px;
		line-height: 1.3;
		font-weight: 600;
		margin-bottom: 8px;
		display: flex;
		align-items: center;
		overflow: hidden;
		height: 46px;
		flex-shrink: 0;
    }
	.service-small__description {
		opacity: 0;
		font-size: 13px;
		transition: .3s ease;
	}
		.service-small__item:hover .service-small__description {
			opacity: 1;
		}
	.service-small__footer {
		display: flex;
		justify-content: space-between;
		border-top: 1px solid #cdcdcd;
		padding-top: 6px;
		margin-top: auto;
		font-weight: 600;
		text-transform: uppercase;
		height: 28px;
		flex-shrink: 0;
    }
	.service-small__footer i {
		font-size: 20px;
	}
}
@media (max-width: 1023px) {
	.mp-service-row {
		flex-direction: column;
	}
	.mp-service__col._col2 {
		margin: 30px auto 0;
	}
	.mp-service__col .btn-row {
		justify-content: center;
	}
}
@media (max-width: 767px) {
	.service-small {
		margin-bottom: 10px;
	}
	.mp-service__content {
		font-size: 14px;
	}
}
@media (max-width: 479px) {
	.service-small__item {
		margin: 10px;
		width: calc(50% - 20px);
	}
	.service-small__content, .service-small__item:hover .service-small__content {
		transform: translate(0, calc(100% - 68px));
		background-color: rgba(0,0,0, .5);
	}
	.service-small__name {
		font-size: 16px;
	}
}