#caroufredsel-container{
	padding:30px 0; position: relative
}
#carousel-container li:before{
	display:none;
}

#carousel-container{
	position: relative; overflow:hidden; 
	width:100%; height:auto; margin:0 auto;
	background:#222 url(../img/ajax-loader.gif) center center no-repeat
}

.caroufredsel { 
	width:100%; height:auto;
}

.caroufredsel div {
	width: 100%;
	position:relative;
	height: auto;
	overflow: hidden;
	float: left;
}
.caroufredsel div img {
	display:block; 
	max-width:100%; 
	height:auto; 
	margin:0 auto;
	padding:0;
}

.caroufredsel div a img {opacity:1!important}

/*.caroufredsel div:first-child img {opacity:0}*/

.caroufredsel div p.caption, .caroufredsel div h5.caption {
	text-shadow: none!important;
	color: #fff!important;
	position: absolute;
	left: 0px;
	bottom: 0;
	display: inline-block!important;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGNiqAcAAIgAgoGu+rEAAAAASUVORK5CYII=');
	background: rgba(0, 0, 0, 0.5);
	padding: 5px 8px;
	margin: 15px;
	opacity: 0;
	font-size:inherit;
	line-height:1.2em;
	z-index:5;
}

.caroufredsel div p.caption a {
	color: #fff;
	text-decoration: underline;
	-webkit-transition: all .3s ease;
}

.caroufredsel div p.caption a:hover{opacity:0.8}

.caroufredsel div h5.caption {
	font-size:150%;
	bottom: 35px;
}

.pagination {
position:absolute;
	top:10px; right:10px;
	z-index:3;
}
.pagination a {
	
	background: grey;
	width: 11px;
	height: 11px;
	margin: 0 6px 0;
	border-radius : 20px;
	display: inline-block;
}
.pagination a.selected {
	background:#fff;
	cursor: default;
}
.pagination a span {
	display: none;
}
.clear {
	float: none;
	clear: both;
}

.fredsel-nav a.cf-prev, a.cf-next {
	-webkit-transition: all .3s ease;
	background: url(../img/nav-arrows.png) no-repeat transparent;
	width: 26px;
	height: 26px;
	display: block;
	position: absolute;
	z-index:3;
}

.fredsel-nav a.cf-prev:hover {opacity:0.8 }
.fredsel-nav a.cf-next:hover {opacity:0.8 }

.fredsel-nav a.cf-prev span, .fredsel-nav a.cf-next span {
	display: none;
}
	

.fredsel-nav.horizontal a.cf-prev  {	left: -45px;background-position: top left; }
.fredsel-nav.horizontal a.cf-next {	right: -45px; background-position: bottom left; }

#carousel-container:hover .fredsel-nav.horizontal a.cf-prev {left:10px}
#carousel-container:hover .fredsel-nav.horizontal a.cf-next {right : 10px}

.fredsel-nav.vertical a.cf-prev { top: -45px; background-position: top right; }
.fredsel-nav.vertical a.cf-next {bottom: -45px; background-position: bottom right; }

#carousel-container:hover .fredsel-nav.vertical a.cf-prev {top:10px}
#carousel-container:hover .fredsel-nav.vertical a.cf-next {bottom : 10px}

.disabled {display:none!important; visibility:hidden!important}

span.screen {
  background: url(../img/screen.gif) repeat;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#hw-shadow-top {
  position: absolute;
  top: 0;
  width: 100%;
  height: 20px;
  left: 0;
  background: url(../img/hw-shadow-top.png) repeat-x;
  z-index: 2;
}

#hw-shadow-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 20px;
  left: 0;
  background: url(../img/hw-shadow.png) repeat-x;
  z-index: 2;
}

@media screen and (max-width: 1024px) {

	.caroufredsel p.caption{
		font-size:80%!important
	}
	.caroufredsel h5.caption{
		font-size:120%!important;
		bottom:30px!important
	}

}

@media screen and (max-width: 800px) {

	.caroufredsel div p.caption, .caroufredsel div h5.caption, .fredsel-nav{
		visibility: hidden
	}

}