/* IMAGEBOX */
section.imagebox {
	position: relative;
	margin-bottom: 10px;
}
.imagebox .fw-gradient {
	height: 50%;
}
.imagebox .textcont {
	position: absolute;
	left: 50%;
	bottom: 25px;
	display: flex;
	width: 95%;
	padding: 0px 20px;
	flex-flow: column wrap;
	transform: translateX(-50%);
	border-bottom: 10px solid;
	border-color: #cfde00;
}
.imagebox .textcont .bg-tiles {
	position:  absolute;
	bottom:  0px;
	left: 0px;
	width: 100%;
	height: 0%;
	z-index:  100;
	transition-property:  height;
	transition-timing-function:  ease;
	transition-duration: .3s;
	background-image: url(/includes/public/assets/images/bg-tiles.png);
}
.imagebox .textcont dt,
.imagebox .textcont dt a {
	display:  initial;
	opacity:  1;
	font-family: "azo-sans-web",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 33px;
	line-height: 38px;
	color: #fff;
	width: 60%;
	text-transform: uppercase;
	padding-top:  20px;
	z-index:  105;
	transition-property: position;
	transition-timing-function: ease;
	transition-duration: .5s;
	position: relative;
}
.imagebox .textcont dd {
	margin: 0px;
}
.imagebox .textcont dd,
.imagebox .textcont .more-link {
	max-height: 0px;
	opacity: 0;
	font-family: "azo-sans-web",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 29px;
	z-index: 106;
	transition-property: opacity, max-height;
	transition-timing-function: ease-in-out;
	transition-duration: .2s;
	position: relative;
}
@media only screen and (min-width: 64em) {
	.imagebox:hover .textcont dd,
	.imagebox:hover .textcont .more-link {
		max-height: 96px;
		/* display: block; */
		opacity: 1;
	}

	.imagebox:hover .textcont .bg-tiles {
		height: 110%;
	}
}
@media only screen and (max-width: 64em) {
	.imagebox *{
		-o-transition: none !important;
		-moz-transition: none !important;
		-ms-transition: none !important;
		-webkit-transition: none !important;
		transition: none !important;
	}
	.imagebox .textcont {
		bottom: 15px;
	}
	.imagebox .textcont dt {
		font-size: 29px;
		line-height: 34px;
		margin-bottom: 15px;
	}
	.imagebox:hover .textcont.bg-tiles {
		background-image: none;
	}
	.imagebox .textcont dd,
	.imagebox .textcont .more-link {
		display: none;
	}
}
@media only screen and (max-width: 40em) {
	.imagebox .textcont {
		bottom: 10px;
	}
	.imagebox .textcont dt {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 10px;
	}
}