@charset "utf-8";
/* CSS Document */

body {
	min-height: 100%;
	
}
.wrapper {
	height: auto !important;
	margin: 0 auto -73px;
	min-height: 100%;
	position: relative;
	width: 100%;
}
/* I wanted to center my loader */
#cycle-loader {
	height: 32px;
	left: 50%;
	margin: auto;
	position: absolute;
	top: 50%;
	width: 32px;
	z-index: 999;
}
/*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/
#maximage {
	display: none;/* Only use this if you fade it in again after the images load */
	position: fixed !important;
}
/*Set my gradient above all images*/
#gradient {
	left: 0;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
}
/*Set my logo in bottom left*/
#logo {
	bottom: 30px;
	height: auto;
	left: 30px;
	position: absolute;
	width: 34%;
	z-index: 1000;
}
#logo img {
	width: 100%;
}
#arrow_left, #arrow_right {
	bottom: 30px;
	height: 67px;
	position: absolute;
	right: 30px;
	width: 36px;
	z-index: 1000;
}
#arrow_left {
	right: 86px;
}
#arrow_left:hover, #arrow_right:hover {
	bottom: 29px;
}
#arrow_left:active, #arrow_right:active {
	bottom: 28px;
}

.youtube-video, video {
	left: 0;
	position: absolute;
	top: 0;
}
#navigaion {
	width: 100%;
}
#sticky {
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	display: inline-block;
	float: left;
	height: 100%;
	margin: 0 auto;
	position: relative;
	width: 100%;
}
#sticky.stick {
	position: fixed;
	top: 0;
	z-index: 10000;
}
#home {
	/*height: 865px;*/
	margin: 0 auto;
	max-width: 2000px;
	position: relative;
	width: 100%;
}