/*
	AnythingSlider v1.5.10+ Default (base) theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/******* SET DEFAULT DIMENSIONS HERE ********/
.anythingSlider {
	display: block;
	width: 1200px;
	height: 550px;
	margin: 0 auto;
	overflow: hidden; /* needed for Opera and Safari */
}
/****** SET COLORS HERE *******/
/* Default State */
.anythingSlider .thumbNav a, 
.anythingSlider.activeSlider .thumbNav a {
	background-image:url(../images/slider_potti-hover.png);
}
.anythingSlider .anythingWindow {
	position:absolute;
	top:0px;
	right:0px;
}
/* Active State */
.anythingSlider.activeSlider .thumbNav a.cur, 
.anythingSlider .thumbNav a.cur {
	background-image:url(../images/slider_potti_active.png);
}
.anythingSlider .start-stop {
	display:none;
	color: #999;
}
.anythingSlider .start-stop .playing {
}
.anythingSlider .start-stop:hover, 
.anythingSlider .start-stop.hover {
color: #666;
}
/**** DO NOT CHANGE BELOW THIS LINE ****/
/* anythingSlider viewport window */
.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
.anythingSlider {
	position: relative;
	padding: 0 0px 0px 0px;
	margin:0 0px;
}
/* anythingSlider base */
.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.anythingBase .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}

/* Navigation Arrows */
.anythingSlider .arrow {
	top: 42%;
	position: absolute;
	z-index:999;
	width:29px;
	height:29px;
	text-indent:-9999px;
}
.anythingSlider .arrow a {
	display: block;
	margin: 0 0 0 0; /* half height of image */
	text-align: center;
	outline: 0;
	width:23px;
	height:60px;
}
.anythingSlider .arrow a span {
	display: block;
 	width:23px;
	height:60px;
}
.anythingSlider .forward { right: 133px; }
.anythingSlider .back { left: 133px; }
.anythingSlider .forward a {
	background:url(../images/rightslide.png) no-repeat center;
	}
.anythingSlider .back a {
	background:url(../images/leftslide.png) no-repeat center;
	}
.anythingSlider .forward a:hover, 
.anythingSlider .forward a.hover {
	background:url(../images/rightslide.png) no-repeat center;
	}
.anythingSlider .back a:hover, 
.anythingSlider .back a.hover {
	background:url(../images/leftslide.png) no-repeat center;
	}
.anythingSlider .forward.disabled {
	display: none;
	} /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .back.disabled {
	display: none;
	}

/* Navigation Links */
.anythingSlider .anythingControls {
	position:absolute;
	bottom:20px;
	right:0px;
	outline: 0;
	width:100%;
}
.anythingSlider .thumbNav {
	margin: 3px 0;
	padding: 0 0 0 0px;;
	text-align:center;
	width:100%;
	}
.anythingSlider .thumbNav li { display: inline; }
.anythingSlider .thumbNav a {
	text-indent:-9999px;
	display: inline-block;
	text-decoration: none;
	padding:0;
	height:15px;
	width:15px;
	margin:5px;
}
.anythingSlider.activeSlider .thumbNav a:hover, 
.anythingSlider .thumbNav a:hover {
	background-image:url(../images/slider_potti.png);
}

/* slider autoplay right-to-left, reverse order of nav links to look better */
.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */
.anythingSlider.rtl .thumbNav { float: left; }    /* move nav link group to left */
.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */

/* Autoplay Start/Stop button */
.anythingSlider .start-stop {
	position:absolute;
	font-size:10px;
	line-height:12px;
	padding: 1px 4px 0px 4px;
	margin:5px 0px 0 0;
	text-align:right;
	text-decoration: none;
	z-index: 100;
	outline: 0;
}
.anythingSlider .start-stop:hover, 
.anythingSlider .start-stop.hover {
	display:block;
}

.anythingSlider, 
.anythingSlider .anythingWindow, 
.anythingSlider .thumbNav a, 
.anythingSlider .arrow a, 
.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}

@media screen and (max-width: 768px) {
/******* SET DEFAULT DIMENSIONS HERE ********/
.anythingSlider {
	display: block;
	width: 100%;
	height:190px;
	margin: 0 auto;
	overflow: hidden; /* needed for Opera and Safari */
	margin:0px;
}


/* Navigation Arrows */
.anythingSlider .arrow {
	top: 44%;
	position: absolute;
	z-index:9999;
	width:14px;
	height:14px;
	text-indent:-9999px;
}
.anythingSlider .arrow a {
	display: block;
	margin: 0 0 0 0; /* half height of image */
	text-align: center;
	outline: 0;
	width:11px;
	height:30px;
}
.anythingSlider .arrow a span {
	display: block;
	width:11px;
	height:30px;
}
.anythingSlider .forward { right: 2%; }
.anythingSlider .back { left: 2%; }
.anythingSlider .forward a {
	background:url(../images/rightslide.png) no-repeat center;
	background-size:100%;
	}
.anythingSlider .back a {
	background:url(../images/leftslide.png) no-repeat center;
	background-size:100%;
	}
.anythingSlider .forward a:hover, 
.anythingSlider .forward a.hover {
	background:url(../images/rightslide.png) no-repeat center;
	background-size:100%;
	}
.anythingSlider .back a:hover, 
.anythingSlider .back a.hover {
	background:url(../images/leftslide.png) no-repeat center;
	background-size:100%;
	}
.anythingSlider .thumbNav {
	display:none !important;
	}

}