.home-slider {
	position:relative;
	max-width:960px;
	margin:0 auto;
}

.home-slider img {
	float:left;
	/*width: 100%;*/
        height:auto;
}

.slider {
	width:100%;
        position:relative;
	overflow:hidden;
}

#emo .slider {

}

.slider > ul {
	width:30000px;
	margin:0;
	padding:0;
}

.slider > ul.animate {

	-webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition:    all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition:     all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition:      all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition:         all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.slider > ul > li {
	width:960px;

	float:left;
	list-style:none;
	position:relative;
	overflow: hidden;
}

#emo .slider > ul > li {

}

.home-slider .text {
	position:absolute;
	right:-467px;
	bottom:30px;
	text-align:right;

    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
    filter: alpha(opacity=0);
}

.home-slider ul li.current .text {
    right: 30px;

    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
    filter: alpha(opacity=100);
}

.home-slider ul.animate li.current .text {
     /*-webkit-transition: right 0.4s 0.7s ease-in-out, opacity 0.31s 0.3s ease-in-out;*/
     -moz-transition: right 0.4s 0.7s ease-in-out, opacity 0.31s 0.3s ease-in-out;
     -ms-transition: right 0.4s 0.7s ease-in-out, opacity 0.31s 0.3s ease-in-out;
     -o-transition: right 0.4s 0.7s ease-in-out, opacity 0.31s 0.3s ease-in-out;
     transition: right 0.4s 0.7s ease-in-out, opacity 0.31s 0.3s ease-in-out;
}

.home-slider ul.animate li.last .text {
    right: 1000px;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
    filter: alpha(opacity=0);
     /*-webkit-transition: right 0.31s ease-in-out, opacity 0.31s ease-in-out;*/
     -moz-transition: right 0.31s ease-in-out, opacity 0.31s ease-in-out;
     -ms-transition: right 0.31s ease-in-out, opacity 0.31s ease-in-out;
     -o-transition: right 0.31s ease-in-out, opacity 0.31s ease-in-out;
     transition: right 0.31s ease-in-out, opacity 0.31s ease-in-out;
}

.home-slider .text h2 {
	font-size:45px;
	font-style:italic;
	font-weight:normal;
	font-family: georgia, sans-serif;
	line-height:48px;
	margin-bottom:15px;

	float: right;
}

.home-slider .text h2 a {
	color:#FFF;
}
.home-slider .text .button {
	float: right;
	clear: both;
}

.home-slider ul.indicator li:hover,
.home-slider ul.indicator li.current {
        background-color:#008BD2;
}

.home-slider ul.indicator li:first-child {
        margin-left:0;
}

.border-line {
	width:960px;
	height:1px;
	margin-bottom:55px;
	border-top:1px solid #e5e5e5;
}

#emo img {
	float:left;
}


div.indicator-line {
	width:100%;
	min-height:1px;
	background-image:url(../img/indicator-line.png);
        background-position:center;
        background-repeat:repeat-x;
        margin:30px 0;
}

.home-slider ul.indicator {
	width:120px;
	padding:5px 0 0 0;
	list-style:none;
	text-align:center;
        margin:0 auto;
        background-color:#FFF;
}

.home-slider ul.indicator li {
	display:inline-block;
	margin-left:5px;

	width:12px;
	height:12px;
	border-radius:6px;
	background-color:#d9d9d9;
	-webkit-transition:background-color 0.4s;
	-moz-transition:background-color 0.4s;
	transition:background-color 0.4s;
}


@media only screen and (max-width: 768px) {
	.home-slider {
		position:relative;
		max-width:768px;
		margin:0 auto;
		margin-left:0;
		margin-right:0;
	}


	.home-slider img {
		float:left;
		max-width:768px;
	}

	.slider > ul > li {
		max-width:768px;
		float:left;
		list-style:none;
		position:relative;
	}
}


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

.home-slider .text h2 {
	font-size:35px;
	font-style:italic;
	font-weight:normal;
	font-family: georgia, sans-serif;
	line-height:48px;
	margin-bottom:15px;
        padding:0 0 0 20px;
}

}

