.slider-wrapper{
	width:100%;
	background-color:#000000;
	background-position:center;
	background-size:cover;
	position:relative;
	float:left;
	transition:opacity 1.5s;
}

.full-size{
	width:100%;
	background-color:#000000;
	background-position:center;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;	
	opacity:0;
	transition:opacity 1.5s;
}

.slider-wrapper .full-size.active{
	opacity:1;
}

.sl-legend {
    float: left;
    z-index: 100;
    position: relative;
    width: 90%;
    margin: 0 5%;
}
.caption-wrap {
    float: left;
    z-index: 100;
    position: relative;
    width: 100%;
    height: 112px;
}
.caption-wrap h4 {
	text-align:center;
    transition: opacity 0.5s, top 1s;
	opacity:0;
    position: absolute;
	font-size:45px;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:900;
	margin:0;
	width:100%;
	top:100px;
}
.caption-wrap h4.active{
	opacity:1;
	top:0;
}
.mark{
	padding:20px;
	background:#000000;
	float:left;
	margin:0 20px 0 0;	
	transition:background 1.5s;
	cursor:pointer;
}
.mark:hover{
	background:#ffffff !important;	
	transition: background 0.3s;
}
.mark.active{
	background:#01a8ec;	
}
.mark-wrap {
    width: 100%;
    float: left;
    position: relative;
}
@media(max-width:1150px){
	.caption-wrap h4{
		font-size:40px;	
	}
	.caption-wrap{
		height:60px;	
	}
}
@media(max-width:980px){
	.slider-wrapper .full-size{
		background-attachment:scroll;
		background-repeat:no-repeat;	
	}
}
@media(max-width:900px){
	.caption-wrap h4{
		font-size:30px;	
	}
	.pub {
		width: 50%;
		margin: 0 auto;
		display: block;
		float: unset;
		max-width: 100%;
		padding: 40px 25%;
	}
	.pubImg{
		float:unset;	
	}
	.pubMeta {
		float: right;
	}
}