.block-item {
	font-family: 'Source Sans Pro';
	background-color: #fff;
	display: inline-block;
	height: 514px;
	box-sizing: border-box;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;
	vertical-align: top;
	position: relative;
	transition: background .25s ease;
}
.block-item:not(.gray):hover {
	background-size: 107% auto;
	background-position: center top -13px;
}
.block-item.gray {
	border: 10px solid #3e3f44;
	background-color: #3e3f44;
	background-size: auto 260px;
}
.block-item.square-background {
	background-size: auto 100% !important;
}
.block-item.square-background:hover {
	background-size: auto 107% !important;
}
.block-item .label {
	background-color: #0092c6;
	padding: 15px 20px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	letter-spacing: 2.4px;
	line-height: 1.5;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: auto !important;
}
.block-item .line {
	position: absolute;
	top: -7px;
	left: 0;
	right: 0;

	height: 15px;
	background-size: 19px auto;
	background-repeat: no-repeat;
	background-position: 10% top;
	background-image: url(/static/img/block-arrow.png);
}
.block-item .line .left,
.block-item .line .left:before {
	position: absolute;
	top: 1px;
	left: 0;

	width: 10%;
	height: 4px;
	background-color: #00b9e2;
}
.block-item .line .left:before {
	content: '';
	z-index: -1;
	top: 4px;
	background-color: #fff;
	width: calc(103% + 1px);
}
.block-item .line .right,
.block-item .line .right:before {
	position: absolute;
	top: 1px;
	right: 0;
	left: calc(10% + 15px);

	height: 4px;
	background-color: #00b9e2;
}
.block-item .line .right:before {
	content: '';
	z-index: -1;
	left: -2%;
	top: 4px;
	width: 102%;
	background-color: #fff;
}
.block-item .text {
	padding: 8px 0 0px 10px;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 1;
	min-height: 104px;
}
.block-item.gray .text {
	background-color: #3e3f44;
}
.block-item .text-wrapper {
	width: calc(100% - 60px);
	display: inline-block;
	vertical-align: top;
	min-height: 98px;
}
.block-item .text-wrapper p {
	display: table-cell;
	vertical-align: top;
}
.block-item p {
	font-size: 20px;
	color: #fff;
	margin: 0;
	line-height: 1.5;
	display: inline-block;
	margin-right: 30px;
	vertical-align: middle;
}
.block-item a.arrow {
	display: inline-block;
	width: 50px;
	height: 50px;
	vertical-align: bottom;
	transition: background-color .3s, background-image .3s;
	bottom: 0px;
	right: 0px;
	position: absolute;
}
.block-item.large {
	width: 66%;
	max-width: 620px;
	background-size: 620px auto;
}
.block-item.large:hover {
	background-size: 650px auto;
}
.block-item.small {
	width: 32%;
	z-index: 1;
	max-width: 301px;
}

.block-item.small.deelsessies .text,
.block-item.small.mooiste .text {
	min-height: 114px;
	padding-bottom: 8px;
}
.block-item.small.deelsessies .text-wrapper p,
.block-item.small.mooiste .text-wrapper p {
	font-size: 16px;
}

@media screen and (max-width: 1050px) {
	.block-item {
		background-size: cover;
	}
	.block-item:not(.gray):hover {
		background-size: cover;
		background-position: center center;
	}
}
@media screen and (max-width: 959px) {
	*:not(.overview.carrousel) .block-item {
		width: 48% !important;
	}
	*:not(.overview.carrousel) .block-item:nth-of-type(3n), .block-item.advisor:nth-child(3n) {
		margin-right: 2% !important;
	}
	*:not(.overview.carrousel) .block-item:nth-of-type(2n) {
		margin-right: 0px;
	}

}
@media screen and (max-width: 660px) {
	*:not(.overview.carrousel) .block-item {
		width: 100% !important;
		margin-right: auto !important;
		margin-left: auto;
		display: block;
	}
	.overview:not(.carrousel) .block-item {
		width: 100% !important;
		max-width: 461px !important;
	}
	.block-item.expertises {
		margin-bottom: 60px;
	}
}