/* snapper css snap points carousel */
/* snapper css snap points carousel */
.snapper * {
	box-sizing: border-box;
}
.snapper,
.snapper_nextprev_contain {
	position: relative;
}
.snapper:focus { /* snapper div receives a tabindex to allow focus for keyboard arrow control */
	outline: none;
}
@supports (scroll-snap-type: mandatory ){
	.snapper_pane {
	/* IE and edge */
		-ms-overflow-style: none;
		/* Firefox */
		scrollbar-width: none;
	}
	}
.snapper_pane::-webkit-scrollbar {
	display: none;
}
.snapper_pane {
	overflow: auto;
	width: 100%;
	/* keep old API for iOS older than 13, then use new API */
	-webkit-overflow-scrolling: touch;
	/* snap to points */
	scroll-snap-type: mandatory;
	scroll-snap-type: x mandatory;
	/* x interval for snapping (100% of container width) */
	scroll-snap-points-x: repeat(100%);
	position: relative;
	z-index: 0;
}

.snapper-sliding .snapper_pane {
	scroll-snap-type: none;
}
.snapper_items {
	display: flex;
	flex-flow: row nowrap;
}
.snapper_items > *,
.snapper_item {
	position: relative;
	white-space: normal;
	scroll-snap-align: start;
	box-sizing: border-box;
	padding-right: 1px;
	padding-left: 1px;
	flex: 1 0 auto;
	width: 100%;
}
.snapper_items img {
	width: 100%;
	display: block;
}


/* next prev arrow selectors */
.snapper_nextprev,
.snapper_nextprev_item {
}
.snapper_nextprev_next,
.snapper_nextprev_prev {
}
.snapper_nextprev_next:hover,
.snapper_nextprev_prev:hover,
.snapper_nextprev_next:focus,
.snapper_nextprev_prev:focus {
 }
.snapper_nextprev_next {
 }
.snapper_nextprev_prev {
}

.snapper_nextprev-disabled,
.snapper-hide-nav .snapper_nextprev,
.snapper-hide-nav .snapper_nav {
	opacity: .3;
	cursor: default;
}


.snapper_nav,
.snapper_nav_inner {
	position: relative;
	margin: 1em 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	display: flex;
	justify-content: flex-start;
	width: 100%;
}
.snapper_nav a {
	overflow: hidden;
	border: 1px solid #ddd;
	white-space: normal;
	flex: 0 0 auto;
	vertical-align: middle;
	height: 50px;
	width: auto;
	margin: 0 5px 0 0;
}
.snapper_nav a.snapper_nav_item-selected {
	/* selected styles here */
	outline: 1px solid black;
}
.snapper_nav img {
	display: block;
	height: 100%;
	width: auto;
	max-width: 100%;
}
