* {
	margin: 0;
	padding: 0;
}

img {
	border: 0 none;
}

.container p { margin-bottom: 1.5em }

a.btn {
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	padding: 15px 25px;
	font: 700 0.8em/1em 'Lato', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	border: 2px solid #FFF;
	border-radius: 6px;
	margin-top: 4em;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: relative;
	filter: alpha(opacity=100);
	opacity: 1;
	top: 0;
}

a.btn:hover {
	outline: none;
	text-decoration: none;
	background-color: #FFF;
	color: #dd4744;
	font-weight: 900;
}

a.btn.filled {
	background-color: #dd4744;
	border-color: #dd4744;
	color: #FFF;
	box-shadow: 0 1px 6px rgba(0,0,0,0.3);
}

/* all slides */

.slide {
	width: 100%;
	position: relative;
	overflow: hidden;
	text-align: center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-transition: background 0.25s ease;
	-moz-transition: background 0.25s ease;
	transition: background 0.25s ease;
}

.container {
	width: 90%;
	max-width: 1000px;
	position: absolute;
	*zoom: 1;
}

.container:after {
	content: "";
	display: block;
	clear: both;
}

.container * {
	max-width: 100%;
	margin: 0 auto;
	display: block;
	zoom: 1;
	position: relative;
	filter: alpha(opacity=0);
	opacity: 0;
	top: 50px;
}

.container.fade-in * {
	animation: fadeIn 1.5s forwards;
	animation-delay: 0.4s;
	-webkit-animation: fadeIn 1.5s forwards;
	-webkit-animation-delay: 0.4s;
}



@keyframes fadeIn {
	
	to { 
		top: 0; 
		filter: alpha(opacity=100); 
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	
	to { 
		top: 0; 
		filter: alpha(opacity=100); 
		opacity: 1;
	}
}


.video {
	display: none;
}



/* First slide */


.one 		{ background-image: url('images/one-bg.jpg'); }

.two 		{ background-color: #d0d071 }

.three,
.six		{ background-color: #FFF }

.four,
.five,
.seven		{ background-image: url('images/wireframe-bg.jpg'); }

.eight		{ background-image: url('images/eight-bg.jpg'); }





/* ---------------_-_-_-_-_-_-_-_-_- MEDIA QUERIES DISPLAY -_-_-_-_-_-_-_-_-_-_-_------- */

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




/* ---------------_-_-_-_-_-_-_-_-_- RETINA DISPLAY -_-_-_-_-_-_-_-_-_-_-_------- */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1) {
	

	
}