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

.ei-slider{
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: 400px;
	margin: 0 auto;
	}
	
	
	.ei-slider-loading{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index:999;
		background: rgba(0,0,0,0.9);
		color: #fff;
		text-align: center;
		line-height: 400px;
	}
	.ei-slider-large{
		height: 100%;
		width: 100%;
		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;
		right: 50%;
		margin-right: 13%;
		top: 30%;
	}
		.ei-title h2, .ei-title h3, .ei-title a{
			text-align: right;
		}
		.ei-title h2{
			font-size: 24px;
			line-height: 24px;
			margin-bottom:20px;
			font-family:'TeXGyreAdventorRegular', Arial, sans-serif;
			color: #b5b5b5;
		}
		.ei-title h3{
			font-size: 60px;
			line-height: 60px;
			font-family: 'TeXGyreAdventorRegular', Arial, sans-serif;
			text-transform: uppercase;
			color: #fff;
			margin-bottom:30px;
		}
		.ei-title a{
			font-family: 'TeXGyreAdventorRegular', Arial, sans-serif;
			font-size:16px;
			text-decoration:none;
			padding-left:10px;
			padding-right:15px;
			padding-top:10px;
			height:30px;
			display:inline-block;
			position:relative;
			
				
				color:black;
				background:#333;
				border:1px solid #000;
				-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
				-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
				box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
				-webkit-border-radius:4px;
				-moz-border-radius:4px;
				border-radius:4px;
			
				-webkit-transition:box-shadow 0.2s ease-in;
				-moz-transition:box-shadow 0.2s ease-in;
				-o-transition:box-shadow 0.2s ease-in;
				transition:box-shadow 0.2s ease-in;
			
			float:right;
			clear:both;
			margin:3px 30px;
			overflow:hidden;
			
			
		}
			.ei-title a:hover{
				color:white;
				background:black;
				
				border:1px solid #000;
				box-shadow: 0px 0px .1px #fff, 0px 0px 10.0px #fff;
				-webkit-border-radius:4px;
				-moz-border-radius:4px;
				border-radius:4px;
			}
		
	.ei-slider-thumbs{
		height: 50px;
		margin: 0 auto;
		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;
		text-indent: -9999px;
		background: #fff;
		background: rgba(255,255,255,0.2);
	}
	
	.ei-slider-thumbs li:nth-child(2){
		background:url(../images/thumbs/1.2.jpg);
	}
	.ei-slider-thumbs li:nth-child(3){
		background:url(../images/thumbs/2.2.jpg);
	}
	.ei-slider-thumbs li:nth-child(4){
		background:url(../images/thumbs/3.2.jpg);
	}
	.ei-slider-thumbs li:nth-child(5){
		background:url(../images/thumbs/4.2.jpg);
	}
	.ei-slider-thumbs li:nth-child(6){
		background:url(../images/thumbs/5.2.jpg);
	}
	
	.ei-slider-thumbs li a{
		display: block;
		text-indent: -9000px;
		width: 100%;
		height: 100%;
		cursor: pointer;
		-webkit-box-shadow: 
			0px 1px 1px 0px rgba(0,0,0,0.3), 
			0px 1px 0px 1px rgba(255,255,255,0.5);
		-moz-box-shadow: 
			0px 1px 1px 0px rgba(0,0,0,0.3), 
			0px 1px 0px 1px rgba(255,255,255,0.5);
		box-shadow: 
			0px 1px 1px 0px rgba(0,0,0,0.3), 
			0px 1px 0px 1px rgba(255,255,255,0.5);
		-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:nth-child(2) a:hover{
		background:url(../images/thumbs/1.jpg);
	}
	.ei-slider-thumbs li:nth-child(3) a:hover{
		background:url(../images/thumbs/2.jpg);
	}
	.ei-slider-thumbs li:nth-child(4) a:hover{
		background:url(../images/thumbs/3.jpg);
	}
	.ei-slider-thumbs li:nth-child(5) a:hover{
		background:url(../images/thumbs/4.jpg);
	}
	.ei-slider-thumbs li:nth-child(6) a:hover{
		background:url(../images/thumbs/5.jpg);
	}