.ei-slider{

	position: relative;

	padding:20px;

	max-width: 1920px;

	height: 400px;

	margin: 0 auto;

	background: #fdfdfd url('../images/bg/elastic-slider-bg.png') repeat-x top left;

}

.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;

	list-style:none;

	margin:0;

}

.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{

	text-align: right;

	margin:0;

}

.ei-title h2{

	font-size: 40px;
line-height: 50px;
font-family: 'Playfair Display', serif !important;
font-style: italic;
font-weight: normal;
color: #f0f0f0;
background-color: rgba(0,0,0,.7);
padding: 10px;
border-radius: 5px;

}

.ei-title h3{

	font-size: 40px;
	line-height: 50px;
	font-family: 'Open Sans Condensed', sans-serif !important;
	color: #000;
	background-color: rgba(255,255,255,.7);
	padding: 5px;
	border-radius: 5px;
	margin-top: 10px;
	margin-left:10px;
}

.ei-slider-thumbs{

	height: 13px;

	margin: -13px auto 0;

	position: relative;

	list-style:none;

	z-index:1000;

}

.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: -9000px;

	background: #000;

	background: rgba(162,200,72,0.9);

}

.ei-slider-thumbs li a{

	display: block;

	text-indent: -9000px;

	background: #666 ;

	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 a:hover{

	background-color: #f0f0f0;

}

.ei-slider-thumbs li img{

	position: absolute;

	bottom: 50px;

	opacity: 0;

	z-index: 999;

	max-width: 100%;

	-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(50%, 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: 830px) {

	.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;

	}

}