body
{
	margin:0;
	padding:0;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	background-color:#fff;
	color:#fff;
}

h1,h2,h3,h4,h5,h6,p
{
	color:#414141;
}

h1, h2, h3
{
	position:relative;
	text-align:center;
	font-weight:700;
	line-height: 22px;
	margin-top:30px;
	font-size: 24px;
}
h2
{
	font-weight:400;
	font-size: 18px;
}

h3
{
    font-weight: 400;
    font-size: 12px;
    color: #b5b5b5;
    text-align: left;
    margin-left: 10px;
	margin-top:80px;
}

.timline-container
{	
	position: relative;
    width: 100%;
    height: auto;
	list-style-position: inside;
}

.logo
{
	position:relative;
	/* background-image:url("../img/logo.jpg");  */
	/* background-repeat: no-repeat; */
	width:101px;
	height:30px;
	top:50px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.st5
{
	fill:#A0A0A0;
}

.circle-date
{
	position:relative;
	display:inline-block;
    width: 80px;
    height: 80px;
	text-align:center;
	/* background-color:#fff; */
	-webkit-border-radius: 50px;  
	-moz-border-radius: 50px;  
	border-radius: 50px; 
	border: 1px solid #cbcbcb;
	margin-bottom: -20px;
	margin-top: 20px;
	left: 50%;
	transform: translate(-50%, 0);	
	background-repeat:no-repeat;
    background-size: cover;
}

.circle-date-line-left
{
	position: absolute;
    display: block;
    width: 25%;
    height: 1px;
    margin-top: 59px;
    margin-left: 25%;
    margin-right: 0px;
    background-color: #c5c8cb;
}

.circle-date-line-right
{
    position: absolute;
    display: block;
    width: 25%;
    height: 1px;
    margin-top: 59px;
    margin-left: 50%;
    margin-right: 0px;
    background-color: #c5c8cb;
}

.line
{
	position:absolute;
	display:block;
    height: 100%;
	left: 50%;
	margin-top: 21px;
	width:1px;
	transform: translate(-50%, 0);		
	background-color:#c5c8cb;
}

.background-event-right
{
	position:relative;
	display:block;
	margin-left:20px;
	width: 40%;
	height:auto;
	text-align:left;
	background-color:#fbfbda;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px;  
	border-radius: 20px;  
	list-style-position: inside;
	vertical-align: middle;
	margin-left: 58%;
	margin-top: -70px;
	padding-top: 10px;
    padding-bottom: 20px;
}

.background-event-left
{
	position:relative;
	display:block;
	margin-left:20px;
	width: 40%;
	height:auto;
	text-align:left;
	background-color:#eef9ff;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px;  
	border-radius: 20px;  
	list-style-position: inside;
	vertical-align: middle;
	margin-left: 2%;
	margin-top: -70px;
	padding-top: 10px;
    padding-bottom: 20px;
}


p.date-text, p.year-text 
{
	position:relative;
	color:#414141;
	line-height: 3px;
	top: 10px;
	font-size:10px;
	font-weight: 900;
	
}

p.year-text 
{
	font-size:12px;	
	font-weight:400;
}

p.headline-text-left
{
	position:relative;
	color:#414141;
	margin-left: 35px;
    font-weight: 400;
	font-size:16px; 
	overflow: hidden;
    padding-top: 12px;
    /* text-overflow: ellipsis;*/
	display: list-item;
	margin-right: 30px;
	margin-top: 0px;
	padding: 10px;
}

p.headline-text-right
{
	position:relative;
	color:#414141;
	margin-left: 15px;
    font-weight: 400;
	font-size:16px; 
	overflow: hidden;
    padding-top: 10px;
    /* text-overflow: ellipsis;*/
	display: list-item;
	margin-right: 30px;
	margin-top: 0px;
	padding: 10px;
}

ul
{
	position: relative;
	/* background-color:#fff; */
	width: 100%;
	height:auto;
	margin:0px;
	padding: 0px;
	overflow:hidden;
	list-style: none;
	text-align:left;
}

ul li
{
	position: relative;
	/* background-color:#fff; */
	opacity:1;
	color: #fff;
	text-align:left;
	margin-left: 10px;
	/* white-space: nowrap;*/
}

.subline-left-left
{
    position: absolute;
    display: block;
    width: 11%;
    height: 1px;
    margin-top: -26px;
    margin-left: 34%;
    margin-right: 0px;
    background-color: #ffdddd;
}

.subline-left-right
{
    position: absolute;
    display: block;
    width: 11%;
    height: 1px;
    margin-top: -26px;
    margin-left: 55%;
    margin-right: 0px;
    background-color: #ffdddd;
}

.subline-down-left
{
    position: absolute;
    display: block;
    width: 1px;
    height: 73px;
    margin-top: -10px;
    margin-left: 45%;
    margin-right: 0px;
    background-color: #ffdddd;
}

.subline-down-right
{
    position: absolute;
    display: block;
    width: 1px;
    height: 73px;
    margin-top: -10px;
    margin-left: 55%;
    margin-right: 0px;
    background-color: #ffdddd;
}

/* .subline-left::after */
/* { */
	/* position:relative; */
	/* display:block; */
	/* width: 1px; */
	/* height: 20px; */
	/* margin-top: 40px; */
    /* margin-left: -4px; */
	/* vertical-align: middle; */
    /* margin-right: 0px; */
	/* background-color:#e38e8e; */
/* } */

.arrow-down-left
{
	position:absolute;
	width: 0;
	height: 0;
	margin-left: 10px;
    /* margin-top: -29px; */
	border-style: solid;
	border-width: 10px 7.5px 0 7.5px;
	border-color: #e38e8e transparent transparent transparent;
	margin-left: 10px;
	top: 50%;
	transform: translate(0, -50%);	
}

.arrow-down-right
{
	position:absolute;
	/* float:right; */
	width: 0;
	height: 0;
	margin-right: 10px;
    /* margin-top: -29px; */
	border-style: solid;
	border-width: 10px 7.5px 0 7.5px;
	border-color: #e38e8e transparent transparent transparent;
	margin-left: 90%;
	top: 50%;
	transform: translate(0, -50%);		
}


.close-X
{
	position:relative;
	color:#fff;
	line-height: 3px;
	top: -6px;
	font-size:16px;
	font-weight: 400;
}
.close
{
	position:relative;
	display:none;
	float:right;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	margin-top: 10px;
	vertical-align:middle;
	background-color:#e38e8e;
	/* background: linear-gradient(to right, #e64d25, #ee2450); */
	text-align:center;
	-webkit-border-radius: 50px;  
	-moz-border-radius: 50px;  
	border-radius: 50px; 
}

.close-cont
{
	position:absolute;
	pointer-events: none;
	top:0;
	left:0;
	z-index:1099;
	background-color:#fff;
	opacity:0.8;
}

li:hover 
{
	background: #fff;
}

li:active 
{
	background: #fff;
}


/*** DETAILS ***/

p.details-date-text
{
	position:relative;
	color:#414141;
	margin-left: 15px;
    font-weight: 700;
	font-size:12px; 
	display: list-item;
	margin-right: 30px;
	white-space:normal;
	overflow:auto;
	text-overflow:clip;
}

p.details-headline-text
{
	position:relative;
	color:#414141;
	margin-left: 15px;
    font-weight: 700;
	font-size:18px; 
	display: list-item;
	margin-right: 30px;
	white-space:normal;
	overflow:auto;
	text-overflow:clip;
}

p.details-headline-text::after
{
	content:"";
	display:block;
	width:30%;
	height:2px;
	background-color:#e0012d;
	z-index:10000;
    /* background: #e64d25; */
    /* background: linear-gradient(to right, #e64d25, #ee2450);  */
}

p.details-text
{
	position:relative;
	color:#414141;
	margin-left: 15px;
    font-weight: 400;
	font-style: italic;
	font-size:14px; 
	display: list-item;
	margin-right: 30px;
	white-space:normal;
	overflow:auto;
	text-overflow:clip;
}

img.img-details
{
	position:relative;
	width:70%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-left: 15px;
	height:auto;
	white-space:normal;
	overflow:auto;
	text-overflow:clip;
	text-decoration:none;
}

strong
{
	color: #424242;
    font-size: 18;
    margin-top: 10px;
    margin-bottom: 10px;
}

.arrowline{fill:none;stroke:#757DA8;stroke-miterlimit:10;}
.arrowhead{fill:#757DA8;}
.romb{fill:#2E2F4B;}