.js-flickity {
	padding-bottom: 10%;
}

.js-flickity li {
	width: 100%;
	display: block;
	/*height: 100%;*/
}


/* ==========================================================================
Custom Slider Controls (Flickity)
========================================================================== */
.flickity-page-dots {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
	line-height: 1;
}
.flickity-page-dots .dot {
	width: 25px;
	height: 25px;
	opacity: 1;
	background: none;
	border: 2px solid rgba(255,255,255,1.0);
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
	position: relative;
	border-radius: 0;
}
.flickity-page-dots .dot.is-selected {
	background: rgba(255,255,255,1.0);
	color: rgba(0,0,0,1.0);
}


.flickity-page-dots li:before {
	width: 22px;
	line-height: 22px;
	text-align: center;
	position: absolute;
	font-size: 11px;
	color: rgba(255,255,255,1.0);
}

.flickity-page-dots li:first-child:before {
	content: "1";
}
.flickity-page-dots li:nth-child(2):before {
	content: "2";
}
.flickity-page-dots li:nth-child(3):before {
	content: "3";
}
.flickity-page-dots li:nth-child(4):before {
	content: "4";
}
.flickity-page-dots li:nth-child(5):before {
	content: "5";
}
.flickity-page-dots li.is-selected:before {
	color: rgba(0,0,0,1.0);
}