.slide-container {
  margin-top: 0px;
  width: 100%;
  height: 300px;
  min-height: 300px;
  position: absolute; }
  .slide-container .container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
    z-index: 999; }



.slide-container .slide-desc {
    background: #000;
    opacity: 0.6;
    -moz-opacity: 0.8;
	filter:alpha(opacity=8);
    left: 48px;
    bottom: 80px;
    padding: 2px 4px 2px 4px;
    position: absolute;
    max-width: 68%;
	display:inline-block;
	z-index: 1000;
}

.slide-container .slide-desc > h2 {
    color: #FFF;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.slide-container .slide-desc > p {
    color: #90D0DE;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 20px;
    margin-top: 13px;
}

.slide-container .slide-desc > p a.more {
    color: #90D0DE;
    font-family: Helvetica, Arial, sans-serif;
    font-size:10px;
}

.slide-container .slide-desc > p a.more: {
    hover color: #90D0DE;
    font-family: Helvetica, Arial, sans-serif;
    font-size:10px;
    text-decoration:none;
}



.skippr {
	width:100%;
	height:100%;
	position: relative;
	overflow:hidden;
}

.skippr > div {
	position: absolute;
	width:100%;
	height:100%;
	background-size: cover;
	background-position: 50% 62.5%;

}

.skippr > img {
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:100%;
	min-height: 100%;
}

.skippr-nav-container {
	position: absolute;
	left:50%;
	-webkit-transform:translate(-50%,0);
	transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);

	bottom:25px;
	overflow: auto;
	z-index:999;

}

.skippr-nav-element {
	cursor:pointer;
	float:left;
	background-color: rgba(255,255,255,0.5);
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
}

.skippr-nav-element-bubble {
	width:12px;
	height:12px;
	border-radius: 50%;
	margin:0 4px;
}

.skippr-nav-element-block {
	width:30px;
	height:10px;
}



.skippr-nav-element:hover, .skippr-nav-element-active {
	background-color:rgba(255,255,255,1);
}


.skippr-arrow {
	position: absolute;
	z-index:999;
	top:50%;
	-webkit-transform:translate(0%,-50%);
	-moz-transform:translate(0%,-50%);
	-ms-transform:translate(0%,-50%);
	transform:translate(0%,-50%);

	width:15px;
	height:15px;
	/*background-color: white;*/
	transform-origin:center center;
	-webkit-transform-origin:top left;
	cursor: pointer;
}

.skippr-previous {
	left:2.5%;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	border-top:4px solid white;
	border-left:4px solid white;
}

.skippr-next {
	right:3.5%;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	border-bottom:4px solid white;
	border-right:4px solid white;
}