@keyframes photo_hover {
	0% {
		background-color: rgba(255, 255, 255, 0.75);
	}
	100% {
		background-color: rgba(255, 255, 255, 0);
	}
}

@keyframes bg_red_hover {
	0% {
		background-color: #fff;
	}
	100% {
		background-color: #d22;
	}
}

@keyframes bg_green_hover {
	0% {
		background-color: #fff;
	}
	100% {
		background-color: #4b4;
	}
}

@keyframes bg_blue_hover {
	0% {
		background-color: #fff;
	}
	100% {
		background-color: #48d;
	}
}


.homepage_links {
	width: 100%;
	overflow: hidden;
}
.homepage_links > a {
	display: block;
	width: 33%;
	float: left;
	text-decoration: none;
}
.homepage_links > a > figure {
	height: 265px;
	background-size: cover;
	background-position: center top;
}
.homepage_links > a > figure > div {
	height: inherit;
	background-color: rgba(255, 255, 255, 0.15);
	transition: background-color 0.4s;
}
.homepage_links > a > div {
	padding-bottom: 20px;
	overflow: hidden;
    position: relative;
/*	transition: background-color 0.4s;*/
}
.homepage_links > a > div > p {
	padding: 30px 35px 0 35px;
	margin-bottom: 0;
	height: 90px;
	color: #fff;
	font-size: 35px;
	line-height: 40px;
}
.homepage_links > a > div > p > span {
	color: #000;
	font-size: 25px;
}
.homepage_links > a > div > svg {
	float: right;
}



.homepage_links > a:nth-child(1) > figure {
	background-image: url('/data/4b440ca0-ea17-4e36-8106-31898612580b');
}
.homepage_links > a:nth-child(1) > div {
	background-color: #d54;
}

.homepage_links > a:nth-child(2) > figure {
	background-image: url('/data/8eabaadd-366d-4743-a0f3-fc8b1ee92794');
}
.homepage_links > a:nth-child(2) > div {
	background-color: #6c6;
}

.homepage_links > a:nth-child(3) > figure {
	background-image: url('/data/46cf1fdd-64b1-4f01-a789-b682ec74c6a4');
}
.homepage_links > a:nth-child(3) > div {
	background-color: #59d;
}


.homepage_links > a:hover > figure > div {
/*	background-color: rgba(255, 255, 255, 0);*/
	transition: background-color 0.01s;
	animation: photo_hover 0.7s ease-out;
	animation-delay: 0.01s;
	animation-iteration-count: 1;
}
/*.homepage_links > a:hover > div {
	transition: background-color 0.01s;
	animation-delay: 0.01s;
	animation-iteration-count: 1;
}*/
.homepage_links > a:hover > div > svg path {
	fill: #fff;
}
.homepage_links > a:hover > div > svg text {
	fill: #000;
}
.homepage_links > a:nth-child(1):hover > div {
	background-color: #d22;
	animation: bg_red_hover 0.4s ease-out;
}
.homepage_links > a:nth-child(2):hover > div {
	background-color: #4b4;
	animation: bg_green_hover 0.4s ease-out;
}
.homepage_links > a:nth-child(3):hover > div {
	background-color: #48d;
	animation: bg_blue_hover 0.4s ease-out;
}