.CalloutBlock {
	background-size:			cover;
	background-position:		center center;
	background-repeat: 			no-repeat;
}

.CalloutBlockInner {
	position:					relative;

	margin:						0 auto;

	text-align:					center;
}

.CalloutBlockStandard {
}

.CalloutBlockItems {
	-ms-flex-pack: 				center;
	justify-content: 			center;

	-ms-flex-align: 			stretch;
	align-items:				stretch;

	-ms-flex-direction: 		row;
	flex-direction: 			row;

	-ms-flex-wrap:				wrap;
	flex-wrap:					wrap;

	display:					-ms-flexbox;
	display:					flex;
}

.CalloutBlockItem {
	-ms-flex: 					1 1 auto;
	flex:						1 1 auto;
}

.CalloutBlockItemInner {
	height:						100%;
}

.CalloutBlockItemImage {
	background-size:			cover;
	background-position:		center center;

	width:						100%;
	padding-bottom:				56.25%;
}

.CalloutBlockItemLink {
}

.CalloutBlockItemLinkText {
}

.CalloutBlockItemLinkIcon {
	margin:						0 0 0 10px;

	vertical-align: 			middle;

	width:						12px;
	height:						12px;

	display:					inline-block;
}

.CalloutBlockItemLinkIcon svg {
	width:						100%;
	height:						100%;
}

.CalloutBlock1Columns .CalloutBlockItem {
	max-width:					100%;
	-ms-flex: 					1 1 100%;
	flex:						1 1 100%;
}

.CalloutBlock2Columns .CalloutBlockItem {
	max-width:					50%;
	-ms-flex: 					1 1 50%;
	flex:						1 1 50%;
}

.CalloutBlock3Columns .CalloutBlockItem {
	max-width:					33.33%;
	-ms-flex: 					1 1 33.33%;
	flex:						1 1 33.33%;
}

.CalloutBlock4Columns .CalloutBlockItem {
	max-width:					25%;
	-ms-flex: 					1 1 25%;
	flex:						1 1 25%;
}

.CalloutBlock5Columns .CalloutBlockItem {
	max-width:					20%;
	-ms-flex: 					1 1 20%;
	flex:						1 1 20%;
}

.CalloutBlockCarousel {
	position: relative;
}

/* Deactivate flex / max-width if Slick is taking over */
.CalloutBlock1Columns.CalloutBlockCarousel .CalloutBlockItem,
.CalloutBlock2Columns.CalloutBlockCarousel .CalloutBlockItem,
.CalloutBlock3Columns.CalloutBlockCarousel .CalloutBlockItem,
.CalloutBlock4Columns.CalloutBlockCarousel .CalloutBlockItem,
.CalloutBlock5Columns.CalloutBlockCarousel .CalloutBlockItem {
	max-width:					none;
	-ms-flex: 					0 0 auto;
	flex:						0 0 auto;
}

.CalloutBlockCarousel .CalloutBlockItem {
	height:						100%;
}

.CalloutBlockNavigation {
	position:					absolute;

	top:						50%;
	left:						0;

	width:						100%;
	height:						0;

	display:					none;
}

.CalloutBlockNavigationActive {
	display:					block;
}

.CalloutBlockNavigationArrow {
	width:						30px;
	height:						30px;

	position:					absolute;

	top:						0;
	left:						0;

	border:						none;
	background:					transparent;

	padding:					0;
	margin:						0;

	-webkit-appearance: 		none;
	appearance:					none;

	text-align:					center;
	vertical-align: 			middle;

	cursor:						pointer;
}

.CalloutBlockNavigationArrowText {
	font-size:					20px;
}

.CalloutBlockNavigationArrowIcon {
	width:						16px;
	height:						16px;

	display:					inline-block;
}

.CalloutBlockNavigationArrowIconImage,
.CalloutBlockNavigationArrowIcon > svg {
	width:						100%;
	height:						100%;

	display:					block;
}

.CalloutBlockNavigationNext {
	left:						auto;
	right:						0;
}

.CalloutBlockNavigationDots {
	list-style-type:			none;

	display:					none;
}

.CalloutBlockNavigationDotsActive {
	display:					block;
}

.CalloutBlockNavigationDot {
	margin:						0 6px;
}

.CalloutBlockNavigationDotButton {
	width:						12px;
	height:						12px;

	border-radius:				6px;
}

.CalloutBlockButtons {
}

.CalloutBlockButton {
	text-align:					center;
}