/* DETAIL EVENTS */
.details{
	position:absolute;
	overflow:hidden;
	top:-99999px;
	left:-99999px;
	bottom:auto;
	right:auto;
	z-index: 2;
}
.details.active{
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index: 2;
}

.details__close{
	position:absolute;
	width:16px;
	height:16px;
	top:5px;
	right:5px;
	background:url("../images/close.png") 0 0 no-repeat transparent;
	z-index:5;
	cursor:pointer;
}

.details__container{
	width:70%;
	height:95%;
	position:absolute;
	z-index:4;
	top: 2.5%;
	left:15%;
	/*
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	*/
	background:#fff;
	overflow:hidden;
}

.event-detail{
	position:absolute;
	top:-99999px;
	left:-99999px;
	width:100%;
	overflow:hidden;
}
.event-detail.selected{
	position:static;
	top:auto;
	left:auto;
	width:100%;
	height:100%;
	max-height:100%;
	overflow:hidden;
	padding:25px 5px 20px 20px;
}
.event-detail .content{
	height:100%;
	max-height:100%;
}

.details__control{
	position:absolute;
	z-index:5;
	width:120px;
	top:27.5%;
	height:45%;
	background:rgba(55, 60, 76, 0.7);
	cursor:pointer;
}

.details__control--prev{
	left:15%;
	background:url(../images/arrow_medium_left.png) 50% 50% no-repeat rgba(55, 60, 76, 0.7);
	margin:0 0 0 -120px;
}
.details__control--next{
	right:15%;
	background:url(../images/arrow_medium_right.png) 50% 50% no-repeat rgba(55, 60, 76, 0.7);
	margin:0 -120px 0 0;
}

.details__control [data-role="event-detail-slide-data"]{
	position:absolute;
	z-index:6;
	left:0px;
	width:100%;
	height:35%;
	text-align:center;
	color:#fff;
	padding:5px;
	overflow:hidden;
	font-size:11px;
	font-weight:400;
}

.details__control [data-role="event-detail-slide-data"][data-type="date"]{
	top:0;
}
.details__control [data-role="event-detail-slide-data"][data-type="name"]{
	bottom: 0;
}