/**
 * SUMOshop Slideshow v1.08
 * Copyright 2018 SUMOshop http://www.sumoshop.dk
 * All rights reserved
 */
.bx-wrapper {
	max-width: 100%;
	position: relative;
}

.bx-viewport>ul li {
	width: 0;
}

.bx-viewport>ul li:first-child {
	width: auto;
}

.bx-viewport>ul img {
	max-width: 100%;
}

.block-oversize .bx-viewport>ul li, .block-oversize .bx-viewport>ul img {
	width: 100%;
}

.bx-pager {
	z-index: 999;
	position: relative;
	top: -40px;
	height: 0;
	text-align: center;
}

.bx-pager-item {
	display: inline-block;
}

.bx-pager-item a {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 5px;
	border-radius: 50%;
	background-color: #000000;
	background-color: var(--basic-button-background-color);
	color: #ffffff;
	color: var(--basic-button-color);
	box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
	text-decoration: none;
	text-indent: -9999px;
	vertical-align: middle;
}

.bx-pager a.active {
	width: 30px;
	height: 30px;
}

.bx-pager a:hover {
	background-color: #888888;
	background-color: var(--basic-button-hover-background-color);
	color: #ffffff;
	color: var(--basic-button-hover-color);
}

.bx-window .pager {
	display: inline;
}

.bx-window .pager a {
	display: inline;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

.bx-controls-direction a {
	position: absolute;
	display: inline-block;
	width: 80px;
	height: 80px;
	opacity: 0.5;
	background-size: contain;
	text-decoration: none;
	text-indent: -9999px;
}

.bx-controls-direction a.bx-prev {
	top: calc(50% - 40px);
	left: 10px;
	left: var(--basic-margin);
	background-image: url("../../icon/left.svg");
}

.bx-controls-direction a.bx-next {
	top: calc(50% - 40px);
	right: 10px;
	right: var(--basic-margin);
	background-image: url("../../icon/right.svg");
}

.slideshow-vertical .bx-controls-direction a.bx-prev {
	left: calc(50% - 40px);
	top: 10px;
	top: var(--basic-margin);
	background-image: url("../../icon/up.svg");
}

.slideshow-vertical .bx-controls-direction a.bx-next {
	right: calc(50% - 40px);
	top: auto;
	bottom: 10px;
	bottom: var(--basic-margin);
	background-image: url("../../icon/down.svg");
}

.bx-controls-direction a:hover {
	opacity: 1;
}