/* Rotator css*/
/********************************************************************/
.slides li{
	position: relative;
}
.caroufredsel_wrapper{
	margin: 0 !important; 
}

#slider1140542 .slides {
	width:1140px;
	height: auto;
	position: relative;
}


#slider1140542 ul.nav {
	float: right;
	width: 300px;
	display: table;
	height: 542px;
	padding-bottom: 0;
	table-layout: fixed;
	background-color: rgba(0,0,0,0.55);
	position: absolute;
	right: 0;
	top: 0;
	margin-left: 0;
}

#slider1140542 ul.nav li.item {
	padding: 15px;
	cursor: pointer;
	position: relative;
	display: table-row;
	list-style: none;
}

#slider1140542 ul.nav li.item:hover {
	transition:0.3s;
}

#slider1140542 .content {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding: 22px 6px 15px 15px;
}
#slider1140542 img{
	width: 1140px;
	height: 542px;
}
#slider1140542 li.item.selected .content{
	background-color: #030303;
}

#slider1140542 li.item.selected .content:before {
	content: "";
	position: absolute;
	left: -27px;
	background-position: 0 0;
	display: table-row;
	width: 0;
	height: 0;
	top: 50%;
    transform: translate(-50%,-50%);
	border-top: 54px solid transparent;
	border-right: 54px solid #030303;
	border-bottom: 54px solid transparent;
}
#slider1140542 span.detail{
	display: table;
	vertical-align: middle;
	width: 100%;
}

#slider1140542 .title {
	font-size: 26px;
	line-height: 30px;
	height: 60px;
	font-weight: 600;
	font-family: 'Saira Extra Condensed', sans-serif;
	color: #fff;
	text-transform: uppercase;
	display: table-cell;
	vertical-align: middle;
	letter-spacing: 0;
}
.caption{
	display: none;
}
@media screen and (max-width: 1140px) {
	#slider1140542 .slides{
		width: auto;
	}
	.skRotatorBanner .rotatorBannerImg{
		height: 100%;
	}
}
@media screen and (max-width: 980px) {
	#slider1140542 .slides {
		width: 100%;
	}
	#slider1140542 ul.nav li.item{
		display:table-cell;
		width:25%;
		
	}
	#slider1140542 .imageWrapper{
		height: auto;
		width:auto;
	}
	
	
	#slider1140542 ul.list img.image {
		width: 100%;
		display: block;
		height: auto;
	}
	
	#slider1140542 ul.nav {
		float: none;
		display: table;
		table-layout: fixed;
		width: 100%;
		height: auto;
	}
	
	#slider1140542 li.item {
		display: table-cell;
		width: 25%;
		position: relative;
	}
	
	#slider1140542 li.item.selected .slide-nav-active {
		top: -20px;
		left: 45%;
		transform: rotate(90deg);
	}
	
	#slider1140542 li.item.selected .content:before {
		display: none;
	}
	
	#slider1140542 ul.nav li.item img,
	#slider1140542 span.summary {
		display: none;
	}
	
	#slider1140542 span .title {
		text-align: center;
	}
	
	#slider1140542 span .detail {
		float: none;
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.Slider .skWidth {
		padding: 0;
		width: 100%;
	}
	
	.Slider ul.nav {
		height: auto;
	}
	
	#slider1140542 .wrapper {
		padding: 9px 0px;
		display: table;
		margin: 0 auto;
		width: 100%;
		height: 60px;
	}
	
	#slider1140542 ul.nav li.item img,
	#slider1140542 span.detail,
	#slider1140542 li.item.selected .slide-nav-active,
	#slider1140542 p.summary {
		display: none;
	}
	
	#slider1140542 .slides {
		float: none;
		width: auto;
	}
	#slider1140542 ul.list li.item {
		position: relative;
	}
	#slider1140542 ul.nav {
		float: none;
		display: table;
		width: 96%;
		margin: 10px auto;
		padding: 0 7px;
		background-color: transparent !important;
		top:  unset;
	}
	
	#slider1140542 ul.nav li.item {
		display: table-cell;
		width: 25%;
		padding: 0;
		
	}
	
	#slider1140542 ul.nav li.item.selected,
	#slider1140542 ul.nav li.item:hover {
		background-color: transparent !important;
	}
	
	#slider1140542 ul.nav li.item.selected .content {
		background-color: #8c8c8c;
	}
	
	#slider1140542 ul.nav li.item .content {
		padding: 7px 5px;
		margin-right: 10px;
		background-color: #c2122d;
		display: block;
	}
	
	#slider1140542 ul.nav li:last-child > .content {
		margin-right: 0;
	}
	
	#slider1140542 h3.title {
		padding: 0;
		text-overflow: ellipsis;
		word-break: break-word;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
	}
	
	.caption {
		display: block;
		background: #030303;
		position: relative;
		left: 0;
		bottom: 0;
		width: 100%;
	}
}
