.imageSlider
{
	overflow:hidden;
	position:relative;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

.imageSlider .divSliderContainer
{
	position:relative;
}

.imageSlider .divSliderContainer:after
{
	background-color:rgba(0, 0, 0, 0.25);
	content:"";
	display:block;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
	z-index:-1;
}

.imageSlider .divImageScroller
{
	overflow-x:scroll;
	overflow-y:hidden;
	scroll-behavior:smooth;
	-webkit-overflow-scrolling:touch;
}

.imageSlider .divImageScroller::-webkit-scrollbar
{
	background:transparent;
	height:0px;
	width:0px;
}

.imageSlider .divImages
{
	font-size:0px;
	position:relative;
	white-space:nowrap;
}

.imageSlider .divImages:after
{
	clear:both;
	content:"";
	display:block;
}

.imageSlider .divImage
{
	display:inline-block;
	position:relative;
	width:100%;
}

.imageSlider .divImage.clickable
{
	cursor:pointer;
}

.imageSlider .imgSliderImage
{
	display:block;
	width:100%;
}

.imageSlider .divImageContent
{
	padding:50px;
	position:absolute;
}

.imageSlider .divImageText
{
	color:#ffffff;
	font-size:44px;
	font-weight:600;
	line-height:50px;
	text-shadow:0px 0px 1px #000000, 0px 0px 3px #7262f2, 0px 0px 5px #7262f2;
}

.imageSlider .btnSlideButton
{
	display:inline-block;
	margin-top:30px;
	position:relative;
	width:200px;
}

.imageSlider .divScrollerButtons
{
	font-size:0px;
	text-align:center;
}

.imageSlider .divScrollerButton
{
	cursor:pointer;
	display:inline-block;
	height:40px;
	position:relative;
	width:40px;
}

.imageSlider .divScrollerButton:before
{
	border:2px solid #3f4656;
	border-radius:50%;
	content:"";
	display:block;
	height:16px;
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%);
	transition:border 0.25s, box-shadow 0.25s;
	width:16px;
}

.imageSlider .divScrollerButton:hover:before, .imageSlider .divScrollerButton:focus:before
{
	border:2px solid #cffdff;
	box-shadow:inset 0px 0px 5px #01eff9, 0px 0px 5px #01eff9;
}

.imageSlider .divScrollerButton:after
{
	background-color:#ffffff;
	border-radius:50%;
	box-shadow:inset 0px 0px 5px #e600ff, 0px 0px 5px #e600ff;
	content:"";
	display:block;
	height:0px;
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%);
	transition:border 0.25s, height 0.25s, left 0.25s, top 0.25s, width 0.25s;
	width:0px;
}

.imageSlider .divScrollerButton.selected:after
{
	border:1px solid #ffffff;
	height:16px;
	width:16px;
}

/* ROUNDED CORNERS CLASSES */
.imageSlider.roundedCorners .divSliderContainer:after, .imageSlider.roundedCorners .divImages, .imageSlider.roundedCorners .divImage
{
	border-radius:10px;
}

/* MEDIA QUERIES */
@media (max-width: 1400px)
{
	.imageSlider .divImageText
	{
		font-size:36px;
		line-height:40px;
	}
}

@media (max-width: 800px)
{
	.imageSlider .divImageContent
	{
		padding:30px;
	}

	.imageSlider .divImageText
	{
		font-size:28px;
		line-height:32px;
	}

	.imageSlider .btnSlideButton
	{
		margin-top:20px;
	}
}

@media (max-width: 600px)
{
	.imageSlider .divImageText
	{
		font-size:24px;
		line-height:26px;
	}

	.imageSlider .btnSlideButton
	{
		width:180px;
	}

	.imageSlider .divScrollerButton
	{
		height:24px;
		width:24px;
	}

	.imageSlider .divScrollerButton:before
	{
		height:10px;
		width:10px;
	}

	.imageSlider .divScrollerButton.selected:after
	{
		height:10px;
		width:10px;
	}
}

@media (max-width: 500px)
{
	.imageSlider .divImageText
	{
		font-size:22px;
		line-height:24px;
	}
	
	.imageSlider .btnSlideButton
	{
		margin-top:15px;
		width:140px;
	}

	.imageSlider .btnSlideButton .magicButton
	{
		height:40px;
		line-height:40px;
	}

	.imageSlider .btnSlideButton .divMagicButtonLabel
	{
		font-size:14px;
	}

	.imageSlider .btnSlideButton .svgBorder
	{
		stroke-width:3px;
	}
}

@media (max-width: 500px)
{
	.imageSlider .divImageContent
	{
		padding:15px;
	}
}

@media (max-width: 420px)
{
	.imageSlider .divImageContent
	{
		padding:10px;
	}

	.imageSlider .divImageText
	{
		font-size:20px;
		line-height:22px;
	}
}