/* Browser Resets
*********************************/
.att-slider-wrap .flex-container a:active,
.att-slider-wrap .flexslider a:active,
.att-slider-wrap .flex-container a:focus,
.att-slider-wrap .flexslider a:focus { outline: none }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.att-slider-wrap { position: relative }
.att-slider-wrap .flexslider { margin: 0; padding: 0; }
.att-slider-wrap ul, .att-slider-wrap ul li { list-style: none !important }
.att-slider-wrap .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.att-slider-wrap .flexslider .slides img { width: 100%; display: block; }
.att-slider-wrap .flex-pauseplay span { text-transform: capitalize }
.att-slider-wrap .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.att-slider-wrap html[xmlns] .slides { display: block }
.att-slider-wrap * html .slides { height: 1% }
.att-slider-wrap .no-js .slides > li:first-child { display: block }
.att-slider-wrap { position: relative }
.att-slider-wrap .flexslider { position: relative; zoom: 1; }
.att-slider-wrap .flexslider-loader { background: transparent url("http://www.potterperrintiles.com/wp-content/plugins/att-sliders/assets/css/images/loader.gif") center center no-repeat }
.att-slider-wrap .flexslider-loader .flexslider { opacity: 0 }
.att-slider-wrap .flex-viewport { max-height: 2000px }
.att-slider-wrap .flexslider .slides { zoom: 1 }
.att-slider-wrap .att-slider-img { display: block }

/* Slider Theme
*********************************/

/* Direction Nav */
.att-slider-wrap .att-slider-directional { position: absolute; top: 0; height: 100%; width: 38px; display: block; z-index: 10; cursor: pointer; text-indent: -9999px; }
.att-slider-wrap .att-slider-directional span { display:block; width: 8px; height: 16px; position: absolute; top: 50%; margin-top: -8px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; opacity: 0.7; }
.att-slider-wrap .att-slider-prev { left: 0; }
.att-slider-wrap .att-slider-prev span { left: 30px }
.att-slider-wrap .att-slider-next { right: 0; }
.att-slider-wrap .att-slider-next span { right: 30px; }
.att-slider-wrap.light-skin .att-slider-prev span { background: url("images/arrows-light.png") no-repeat; }
.att-slider-wrap.light-skin .att-slider-next span { background: url("images/arrows-light.png") 0 -16px no-repeat; }
.att-slider-wrap.dark-skin .att-slider-prev span {  background: url("images/arrows-dark.png") no-repeat; }
.att-slider-wrap.dark-skin .att-slider-next span { background: url("images/arrows-dark.png") 0 -16px no-repeat; }
.att-slider-wrap .flexslider:hover .att-slider-directional:hover { opacity: 1; }

/* Control Nav */
.att-slider-wrap .flex-control-nav {z-index: 2;width: 100%; position: absolute; bottom: 20px; text-align: center; margin: 0 !important; }
.att-slider-wrap .flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.att-slider-wrap .flex-control-paging li a {width: 9px; height: 9px; display: block; background: #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; border: 3px solid transparent; opacity: 0.6; }
.att-slider-wrap .flex-control-paging li a:hover { opacity: 0.8; }
.att-slider-wrap .flex-control-paging li a.flex-active { background: none; border-color: #fff; cursor: default; opacity: 1; }

.att-slider-wrap.dark-skin .flex-control-paging li a { background-color: #000; }
.att-slider-wrap.dark-skin .flex-control-paging li a.flex-active { background: none; border-color: #000; }

/*caption*/
.att-slide-caption { position: absolute; top: 0; left: 0; width: 100%; padding: 20px; font-weight: bold; font-size: 13px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #000; background: rgba(0,0,0,0.6); color: #fff; text-align: center; }
.att-slide-caption h1, .att-slide-caption h2, .att-slide-caption h3, .att-slide-caption a { color: #fff; }

@media only screen and (max-width: 767px) {
	.att-slider .att-slide-caption,
	.att-slider-wrap .flex-control-nav { display: none; }
}