.eelv_up{
	display: block;
	list-style: none;
	background:#333;
	color:#FFF;
	margin:1em 0;
}
.eelv_up:after{
	display: block;
	padding:1px;
	content:' ';
	clear:both;
}

.eelv_up_item{
	display: block;
	list-style: none;
	float:left;	
	position:relative;
	width:24%;
	height:17em;
	padding:0.5em;
	margin:0.5%;
	background:#EEE;
	box-shadow:#DDD 0 0 20px inset;
	font-size:0.7em;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
}


.eelv_up_item img{
	width:100%;
	height:auto;
}

.eelv_up_item h3{
	position:absolute;
	bottom:0;
	left:0;
	text-align: center;
	padding:0.5em;
	width:100%;
	background:rgba(255,255,255,0.9);
	text-transform:uppercase;
	
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.eel_up_rang{
	position:absolute;
	bottom:-7px;
	right:-7px;
	background:#555;
	color:#999;
	font-size:1em;
	line-height:1.8em;
	width:2em;
	height:2em;
	padding:0.1em;
	border-radius:100%;
	text-align:center;
	font-weight:900;
}

.eelv_up_single {
    position: relative;
} 

/*** Hierarchy **/
.eelvup_hierarchy .eelv_up_item{
	width:12%;
	height:7em;
    font-size:0.6em;
}
.eelvup_hierarchy .rang1{
	width:33%;
	height:17em;
	font-size:1em;
}
.eelvup_hierarchy .rang2,.eelvup_hierarchy .rang3,.eelvup_hierarchy .rang4{
	width:21%;
	height:11em;
	font-size:0.9em;
}
.eelvup_hierarchy .rang5,.eelvup_hierarchy .rang6,.eelvup_hierarchy .rang7,.eelvup_hierarchy .rang8{
	width:15.5%;
	height:8.3em;
	font-size:0.8em;
}
#content .eelvup_hierarchy h3 {
    font-size: 0.7em;
}

/** Slider **/
.eelvup_slider{
	width:100%;
	max-width:400px;
	height:400px;
	padding:0;
}

/** Buttons **/
.eelvup_rs{
    background:#F3F3F3;
    padding:0 0.5em;
    margin:1em;
    display:inline-block;
    text-decoration:none;
    border-radius:10px;
}
a.eelvup_rs:hover{
    text-decoration:none;
}
.eelvup_rs span{
    font-weight:900;
}
.eelvup_rs:hover span{
    color:#FFF !important;
}
.eelvup_rs .dashicons{
     vertical-align: middle;
     margin-right:0.5em;
}
.eelvup_rs.twitter span{
    color:#00ACEE;
}
.eelvup_rs.facebook span{
    color:#3B5998;
}
a.eelvup_rs.twitter:hover{
    background:#00ACEE;
}
a.eelvup_rs.facebook:hover{
    background:#3B5998;
}
a.eelvup_rs.twitter .dashicons:before{
    content:'';
}
a.eelvup_rs.facebook .dashicons:before{
    content:'';
}

/** RESPONSIVE **/
@media only screen and (max-width: 480px) {
	.eelvup_classic .eelv_up_item{
		width:49%;
		height:14em;
		font-size:1em;
	}
	.eelvup_hierarchy .rang1{
		width:98%;
		height:17em;
		font-size:1em;
	}
	.eelvup_hierarchy .rang2,.eelvup_hierarchy .rang3,.eelvup_hierarchy .rang4{
		width:32%;
		height:11em;
		font-size:0.9em;
	}
	.eelvup_hierarchy .rang5,.eelvup_hierarchy .rang6,.eelvup_hierarchy .rang7,.eelvup_hierarchy .rang8{
		width:24%;
		height:8.3em;
		font-size:0.8em;
	}
}