
.demo-slide-container {position: relative;width: 100%;height:auto;overflow: hidden;}

.demo-slide {
	position: absolute;
	left:0;
	top:0;right:0;
	bottom:0;
	display: none;
}
.demo-slide.active {display: block;}
.demo-slide-inner {
	width:100%;
	height:100%;
	position: relative;
}

.demo-slide-img {display: block;width: 0;left:50%;position: relative;}
.demo-slide-img-center {font-size: 0;text-align: center;margin-left:-960px;width: 1920px;}
.demo-slide-img img {display: inline-block;width:auto;max-width:none;max-height: 100%;}
.demo-slide-content {position: absolute;top:0;bottom:0;left:0;right:0;}

.demo-slide-content .wrapper {
	display: table;
	height: 100%;
}
.demo-slide-content .wrapper-inner {
	display: table-cell;
	vertical-align: middle;
	padding-right:40%;
	padding-left:90px;
}

.demo-slide.flip .demo-slide-content .wrapper-inner {
	padding-right:90px;
	padding-left:40%;
	text-align: right;
}

.demo-slide-title {position: relative;left:0; font-size: 50px;color:#fff;font-weight: 300;}
.demo-slide-subtitle {position: relative;right:0; font-size: 24px;color:#fff;font-weight: 300;}
.demo-slide-button {position: relative;top:0;}

.demo-slider-pagination {
	position: absolute;
	left:0;right:0;
	bottom:10px;
	z-index: 300;
}

.demo-slider-pagination nav {display: block;
	text-align: center;}
.demo-slider-pagination nav ul {display: block;}
.demo-slider-pagination nav ul li {
	font-size: 0;
	display: inline-block;
	text-indent: -9999px;
	margin:0 3px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	-webkit-transform: scale(0.6,0.6);
	   -moz-transform: scale(0.6,0.6);
	    -ms-transform: scale(0.6,0.6);
	     -o-transform: scale(0.6,0.6);
	        transform: scale(0.6,0.6);
	background:#fff;
	cursor:pointer;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
.demo-slider-pagination nav ul li.active {
	-webkit-transform: scale(1,1);
	   -moz-transform: scale(1,1);
	    -ms-transform: scale(1,1);
	     -o-transform: scale(1,1);
	        transform: scale(1,1);
    }

.demo-slide-container > .wrapper {
	height:100%;
}
.demo-slide-next,
.demo-slide-prev {
	position: absolute;
	display: block;
	top:50%;
	z-index: 300;
	width: 80px;
	height: 80px;
	margin-top:-40px;
	cursor:pointer;
	border-radius: 50%;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
	-webkit-transform: scale(0.8,0.8);
	   -moz-transform: scale(0.8,0.8);
	    -ms-transform: scale(0.8,0.8);
	     -o-transform: scale(0.8,0.8);
	        transform: scale(0.8,0.8);
}
.demo-slide-prev {left:0px; background:url(../images/slider_left.png) no-repeat center center;}
.demo-slide-next {right:0px; background:url(../images/slider_right.png) no-repeat center center;}

.demo-slide-next:hover,
.demo-slide-prev:hover {
	-webkit-transform: scale(1,1);
	   -moz-transform: scale(1,1);
	    -ms-transform: scale(1,1);
	     -o-transform: scale(1,1);
	        transform: scale(1,1);
}
.demo-slide-next:active,
.demo-slide-prev:active {
	-webkit-transform: scale(1.1,1.1);
	   -moz-transform: scale(1.1,1.1);
	    -ms-transform: scale(1.1,1.1);
	     -o-transform: scale(1.1,1.1);
	        transform: scale(1.1,1.1);
}
