﻿#slider
{
	margin-bottom:64px;
}

.sliderImage
{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	overflow:hidden;
	width:100%;
	min-height:400px;
}

.sliderImage img
{
	min-width:100%;
	min-height:100%;
	text-align:right;
	float:right;
}

#sliderNavigator
{
	position:absolute;
	bottom:-40px;
	left:50%;
	transform:translateX(-50%);
	height:16px;
	z-index:300;
}

.slideNavItem
{
	width:12px;
	height:12px;
	border-radius:12px;
	border:2px solid #e70;
	cursor:pointer;
	transition:all 0.5s;
	position:absolute;
	background:rgba(255,255,255,0);
}

.slideNavItem.selected
{
	background-color:#e70;
}

.noSliderButton
{
	display:none;
}

.desktop
{
	display:block;
}

.mobile
{
	display:none;
}

@media only screen and (max-width: 800px)
{
	.desktop
	{
		display:none;
	}

	.mobile
	{
		display:block;
	}
	
	#slider
	{
		height:100vw;
	}
	
	.sliderImage
	{
		height:100vw;
	}
	
	.sliderImage img
	{
		width:100%;
		transform:translateX(0);
		float:none;
		min-width:400px;
	}
}