html, body{
	margin: 0;
	padding: 0;
	background: #8e8e8e;
	-webkit-font-smoothing: antialiased;
}

img{
	display: block;
}

#wrapper{
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;	
	overflow: hidden;
}

	.middle{
		position: relative;
	}
	
		.middle .overlay{
			position: absolute;
			top: 0;
			left: 0;
		}
			
		.middle .slides{
			margin-bottom: 0;
		}
	
		.middle .detail{
			height: 69px;
			position: absolute;
			left: 747px;
			bottom: 0;
		}
		
			.middle .detail img{
				width: 100%;
			}
			
		.middle .typography{
			position: absolute;
			left: 100px;
			top: 44%;
			
			transform: translate(0, -50%);
			-webkit-transform: translate(0, -50%);
			-moz-transform: translate(0, -50%);
			-ms-transform: translate(0, -50%);
		}
		
			.middle .typography h1{
				font-family: 'adelle', Lucida Bright, Georgia, serif; 
				font-weight: 400;
				font-style: italic;
				font-size: 80px;
				color: #ff7518;
			}
			
				.middle .typography h1 span{
					color: #fff;
					display: inline-block;
					-webkit-animation-duration: 0.5s;
					animation-duration: 0.5s;
					-moz-animation-duration: 0.5s;
					-ms-animation-duration: 0.5s;
				}
				
				.middle .typography h1 span.animated{
					border-bottom: 1px solid #67c8f3;
				}
				
		.middle .watermark{
			position: absolute;
			top: 400px;
			right: -22%;
			
		}