/* === Grid =============================== */
/* === Helper classes ====================== */
/* Useful for adding the clearfix to elements which are generated */
/* === Grid =============================== */
/* === Helper classes ====================== */
/* Useful for adding the clearfix to elements which are generated */
* {
	/*	*behavior: url('resources/app/client/javascript//boxsizing.htc');	/* The star makes sure only IE7 and below match this rule */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*	*behavior: url('resources/app/client/javascript//boxsizing.htc');	/* The star makes sure only IE7 and below match this rule */
}

@font-face {
	font-family: 'icomoon';
	src: url('fonts/timelineicons/icomoon.eot');
	src: url('fonts/timelineicons/icomoon.eot?#iefix') format('embedded-opentype'), url('fonts/timelineicons/icomoon.woff') format('woff'), url('fonts/timelineicons/icomoon.ttf') format('truetype'), url('fonts/timelineicons/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Made with http://icomoon.io/ */
.hmkTimeline {
	font-size: 12px;
}

.hmkTimeline .label {
	white-space: normal;
}

.hmkTimeline .hmkTimelineList {
	margin: 30px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
}

.hmkTimeline .hmkTimelineList:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 10px;
	background: #fcc72e;
	left: 140px;
	margin-left: -10px;
}

.hmkTimeline .hmkTimelineList > li .time {
	display: block;
	width: 50px;
	padding-right: 100px;
	position: absolute;
}

.hmkTimeline .hmkTimelineList > li .time span {
	font-family: 'Lato', sans-serif;
	display: block;
	text-align: right;
	width: 90px;
}

.hmkTimeline .hmkTimelineList > li .time span:first-child {
	font-size: 14px;
	color: #bdd0db;
}

.hmkTimeline .hmkTimelineList > li .time span:last-child {
	color: #000;
	font-size: 16px;
	padding-top: 4px;
}

.hmkTimeline .hmkTimelineList > li:nth-child(odd) .time span:last-child {
	color: #fcc72e;
}

.hmkTimeline .hmkTimelineList > li .label {
	margin: 0 0 15px 188px;
	width: calc(100% - 188px);
	background: #000;
	color: #fff;
	padding: 15px 38px;
	position: relative;
	border-radius: 5px;
}

.hmkTimeline .hmkTimelineList > li .label,
.hmkTimeline .hmkTimelineList > li .label p {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 27px;
}

.hmkTimeline .hmkTimelineList > li:nth-child(odd) .label {
	background: #fcc72e;
	color: #000;
}

.hmkTimeline .hmkTimelineList > li .label h2 {
	margin-top: 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.hmkTimeline .hmkTimelineList > li .label:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #000;
	border-width: 10px;
	top: 10px;
}

.hmkTimeline .hmkTimelineList > li:nth-child(odd) .label:after {
	border-right-color: #fcc72e;
}

.hmkTimeline .hmkTimelineList > li .timelineIcon {
	width: 40px;
	height: 40px;
	font-family: 'icomoon' !important;
	text-indent: 0;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1.4em;
	line-height: 40px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	color: #fff;
	background: #000;
	border-radius: 50%;
	box-shadow: 0 0 0 8px #fcc72e;
	text-align: center;
	left: 140px;
	margin: 0 0 0 -25px;
}

.hmkTimeline .hdr1 {
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	margin: 16px 0 16px 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

.hmkTimeline .hdr2 {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	margin: 16px 0 16px 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

.hmkTimeline .hdr3 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin: 16px 0 16px 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

.hmkTimeline .icon-office:before {
	content: "\e903";
}

.hmkTimeline .icon-EventTypeNotitie:before,
.hmkTimeline .icon-pencil2:before {
	content: "\e906";
}

.hmkTimeline .icon-EventTypeImages:before,
.hmkTimeline .icon-image:before {
	content: "\e90d";
}

.hmkTimeline .icon-images:before {
	content: "\e90e";
}

.hmkTimeline .icon-file-text:before {
	content: "\e922";
}

.hmkTimeline .icon-file-empty:before {
	content: "\e924";
}

.hmkTimeline .icon-EventTypeDocuments:before,
.hmkTimeline .icon-files-empty:before {
	content: "\e925";
}

.hmkTimeline .icon-file-text2:before {
	content: "\e926";
}

.hmkTimeline .icon-EventTypeProjectCreation:before,
.hmkTimeline .icon-folder-open:before {
	content: "\e930";
}

.hmkTimeline .icon-price-tag:before {
	content: "\e935";
}

.hmkTimeline .icon-coin-euro:before {
	content: "\e93c";
}

.hmkTimeline .icon-phone:before {
	content: "\e942";
}

.hmkTimeline .icon-EventTypeTest:before,
.hmkTimeline .icon-pushpin:before {
	content: "\e946";
}

.hmkTimeline .icon-location:before {
	content: "\e947";
}

.hmkTimeline .icon-map2:before {
	content: "\e94c";
}

.hmkTimeline .icon-calendar:before {
	content: "\e953";
}

.hmkTimeline .icon-printer:before {
	content: "\e954";
}

.hmkTimeline .icon-bubbles2:before {
	content: "\e96d";
}

.hmkTimeline .icon-user:before {
	content: "\e971";
}

.hmkTimeline .icon-users:before {
	content: "\e972";
}

.hmkTimeline .icon-lock:before {
	content: "\e98f";
}

.hmkTimeline .icon-cog:before {
	content: "\e994";
}

.hmkTimeline .icon-stats-dots:before {
	content: "\e99b";
}

.hmkTimeline .icon-list-numbered:before {
	content: "\e9b9";
}

.hmkTimeline .icon-link:before {
	content: "\e9cb";
}

.hmkTimeline .icon-notification:before {
	content: "\ea08";
}

.hmkTimeline .icon-checkmark:before {
	content: "\ea10";
}

.hmkTimeline .icon-checkbox-checked:before {
	content: "\ea52";
}

.hmkTimeline .label {
	text-transform: none;
	text-align: left;
}

.hmkProjectBasics .middleColumn {
	padding-top: 8px;
}

.hmkProjectBasicsTable {
	margin-bottom: 30px;
}

.hmkProjectBasicsTable td {
	padding: 5px 22px 2px 2px;
	vertical-align: top;
}

.cms-psimage {
	display: inline-block;
	height: auto;
	margin-right: 4%;
	margin-bottom: 15px;
}

.cms-psimage__link {
	display: inline-block;
}

@media screen and (max-width: 900px) {
	.hmkTimeline > li .time span:last-child {
		font-size: 10px;
	}
}

@media screen and (max-width: 800px) {
	.hmkTimeline:before {
		display: none;
	}

	.hmkTimeline .hmkTimelineList > li .time {
		width: 100%;
		position: relative;
		padding: 0 0 20px 0;
	}

	.hmkTimeline .hmkTimelineList > li .timelineIcon {
		display: none;
	}

	.hmkTimeline .hmkTimelineList > li .time span {
		text-align: left;
	}

	.hmkTimeline .hmkTimelineList > li .label {
		width: 100%;
		margin: 0 0 30px 0;
		padding: 1em;
		font-weight: 400;
		font-size: 95%;
	}

	.hmkTimeline .hmkTimelineList > li .label:after {
		right: auto;
		left: 20px;
		border-right-color: transparent;
		border-bottom-color: #000;
		top: -20px;
	}

	.hmkTimeline .hmkTimelineList > li:nth-child(odd) .label:after {
		border-right-color: transparent;
		border-bottom-color: #fcc72e;
	}

	.hmkTimeline .hmkTimelineList > li .icon {
		position: relative;
		float: right;
		left: auto;
		margin: -55px 5px 0 0;
	}
}