.pogoSlider-dir-btn:focus,
.pogoSlider-nav-btn:focus {
	outline: 0
}

.pogoSlider {
	width: 100%;
	height: 0;
	padding-bottom: 50% !important;
	position: relative;
	overflow: hidden
}


.pogoSlider-slide {
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: cover;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-perspective: 1300px;
	perspective: 1300px;
	overflow: hidden
}

.pogoSlider-progressBar {
	position: absolute;
	width: 100%;
	height: 5px;
	top: 0;
	left: 0;
	background: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	background: rgba(255, 255, 255, .2);
	z-index: 6
}

.pogoSlider-progressBar-duration {
	position: absolute;
	height: 100%;
	left: 0;
	width: 0;
	background: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	background: rgba(255, 255, 255, .4)
}

.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev,
.pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--prev {
	border-width: 0 0 3px 3px
}

.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--next,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next,
.pogoSlider--dirTopLeft .pogoSlider-dir-btn--next,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--next {
	border-width: 3px 3px 0 0
}

.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev,
.pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev {
	left: 14px
}

.pogoSlider--dirBottomRight .pogoSlider-dir-btn--next,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--next {
	right: 14px
}

.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn {
	top: 50%;
	margin-top: -10px
}

.pogoSlider-nav {
	position: absolute;
	padding: 0;
	margin: 0;
	z-index: 10
}

.pogoSlider--navBottom .pogoSlider-nav,
.pogoSlider--navTop .pogoSlider-nav {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.pogoSlider--navBottom .pogoSlider-nav {
	bottom: 10px
}

.pogoSlider--navBottom .pogoSlider-nav li,
.pogoSlider--navTop .pogoSlider-nav li {
	display: inline;
	margin: 0 6px
}

.pogoSlider-nav-btn {
	background: #ccc;
	background: rgba(255, 255, 255, .5);
	border: none;
	border-radius: 10px;
	width: 40px;
	height: 10px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	cursor: pointer
}

.pogoSlider-nav-btn--selected {
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}


.pogoSlider-animation-rightIn {
	-webkit-animation-name: rightIn;
	animation-name: rightIn;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@-webkit-keyframes rightIn {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes rightIn {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.pogoSlider-animation-rightOut {
	-webkit-animation-name: rightOut;
	animation-name: rightOut;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@-webkit-keyframes rightOut {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

@keyframes rightOut {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

.pogoSlider-animation-leftIn {
	-webkit-animation-name: leftIn;
	animation-name: leftIn;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@-webkit-keyframes leftIn {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes leftIn {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.pogoSlider-animation-leftOut {
	-webkit-animation-name: leftOut;
	animation-name: leftOut;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@-webkit-keyframes leftOut {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

@keyframes leftOut {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}