@charset "UTF-8";
/* CSS Document */

/* ---------------------------- HOME PAGE ELASTIC SLIDER ------------------------------------- */

.slider 					{	background-repeat: no-repeat; 
								height: 607px; 
								width: 1102px; 
								background-image: url(../../image/slider.png);					}

.ei-slider					{	position: relative;
								width: 1100px;
								max-width: 1100px;
								height: 400px;
								margin: 0 auto;													}
								
.ei-slider-loading			{	width: 880px;
								height: 384px;
								position: absolute;
								top: 0px;
								left: 110px;
								z-index:999;
								background: rgba(0,0,0,0.9);
								color: #fff;
								text-align: center;
								line-height: 400px;												}

.ei-slider-large			{	height: 383px;
								width: 879px;
								margin:120px 0px 0px 111px;
								position:relative;
								overflow: hidden;												}
								
.ei-slider-large li			{	position: absolute;
								top: 0px;
								left: 0px;
								overflow: hidden;
								height: 100%;
								width: 100%;													}
								
.ei-slider-large li img		{	width: 100%;													}

.ei-title					{	position: absolute;
								left:6%;
								top: 72%;														}
								
.ei-title h2, .ei-title h3	{	text-align: right;												}

.ei-title h2				{	font-size: 20px;
								background:#2c2e32;
								padding:10px 30px 10px 20px;
								width:auto;
								-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.82);
								-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.82);
								box-shadow: 0 2px 6px rgba(0,0,0,0.82);
								float:left;
								font-weight:100;
								line-height: 39px;
								color: #efefef;													}
								
.ei-title h3				{	font-size: 26px;
								font-weight:100;
								background:#fff;
								display:block;
								float:left;
								padding:4px 20px 4px 20px;
								width:auto;
								-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.82);
								-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.82);
								box-shadow: 0 2px 6px rgba(0,0,0,0.82);
								line-height: 50px;
								color: #2c2e32;													}
								
.ei-slider-thumbs			{	width:100%;
								height: 31px;
								margin: 72px 0px 0px 0px;
								position: relative;												}
								
.ei-slider-thumbs li		{	position: relative;
								float: left;
								height: 100%;													}
								
.ei-slider-thumbs 
li.ei-slider-element		{	top: 0px;
								left: 0px;
								position: absolute;
								height: 100%;
								z-index: 10;
								background: url(../../image/aktifslide.png) no-repeat center center;
								text-indent: -9000px;											}
								
.ei-slider-thumbs li a		{	display: block;
								text-indent: -9000px;
								background: url(../../image/deaktifslide.png) no-repeat center center;
								width: 186px;
								height: 100%;
								cursor: pointer;
								-webkit-transition: background 0.2s ease; 
								-moz-transition: background 0.2s ease; 
								-o-transition: background 0.2s ease; 
								-ms-transition: background 0.2s ease; 
								transition: background 0.2s ease;								}
								
.ei-slider-thumbs li a:hover{	background: url(../../image/hoverslide.png) no-repeat center center;	}

.ei-slider-thumbs li img	{	position: absolute;
								margin-bottom:34px;
								opacity: 0;
								z-index: 999;
								width: 184px;
								-webkit-transition: all 0.4s ease;
								-moz-transition: all 0.4s ease; 
								-o-transition: all 0.4s ease;
								-ms-transition: all 0.4s ease; 
								transition: all 0.4s ease;
								-webkit-box-reflect: below 0px -webkit-gradient( linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(255,255,255,0.3)));
								-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
								
.ei-slider-thumbs li:hover img{	opacity: 1;
								bottom: 13px;
								-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
								
@media screen and (max-width: 1200px) {
.ei-title					{	position: absolute;	
								right: 0px;	
								margin-right: 0px;	
								width: 100%;	
								text-align: center;	
								top: auto;	
								bottom: 10px;	
								background: #fff;	
								background: rgba(255,255,255,0.9);	
								padding: 5px 0;													}

.ei-title h2, .ei-title h3	{	text-align: center;												}

.ei-title h2				{	font-size: 20px;	
								line-height: 24px;												}

.ei-title h3				{	font-size: 30px;	
								line-height: 40px;												}}
								




/* ---------------------------- 3D SLIDER ------------------------------------- */

/* Slicebox Style */
.sb-slider{
	top:110px;
	margin:10px auto;
	position:relative;
}
.sb-slider img{ 
	display:none; 
}
.sb-nav span{
	width:42px;
	height:42px;
	background:#28241f url(../../image/nav.png) no-repeat top left;
	position:absolute;
	top:50%;
	left:-50px;
	text-indent:-9000px;
	cursor:pointer;
	margin-top:-21px;
	opacity:0.9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px 3px 3px 3px;
}
.sb-nav span.sb-nav-next{
	left:auto;
	right:-50px;
	background-position:top right;
}
.sb-nav span:hover{
	opacity:1.0;
}
.sb-options{
	width:65px;
	height:30px;
	position:absolute;
	right:4px;
	bottom:4px;
	z-index:20;
}
.sb-options span{
	width:30px;
	height:30px;
	background:#28241f url(../../image/options.png) no-repeat top left;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.9;
	margin-right:3px;
	float:left;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px 3px 3px 3px;
}
.sb-options span.sb-nav-play{
	background-position:-30px 0px;
}
.sb-options span.sb-nav-info{
	background-position:-60px 0px;
	margin:0;
}
.sb-options span.sb-nav-noinfo{
	background-position:-90px 0px;
	margin:0;
}
.sb-side {
  margin:0;
  display: block;
  position: absolute;
  -webkit-transform-style: preserve-3d;
}
.sb-shadow{
  position:absolute;
  bottom:-70px;
  left:50%;
  margin-left:-368px;

  height:168px;
  width:736px;
  z-index:1;
}
.sb-title{
	color: white;
	bottom: 0px;
	position: absolute;
	z-index: 15;
	background: black;
	height: 0px;
	width: 100%;
	left:0px;
	overflow:hidden;
	opacity:0.8;
}
.sb-title span{
	font-size: 24px;
	font-weight: 400;
	line-height: 38px;
	display:block;
	padding:0 20px;
}
/* Fallback Style */
.sb-slider-fb-wrapper{
	overflow:hidden;
}
.sb-slider-fb img{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
}
/* Message */
#sb-note{
	font-size:18px;
	padding: 10px;
}
#sb-note span{
	background: #e0bb84;
	padding: 5px 10px;
}