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

/* === #background-pattern ======================================================================== */

#background-pattern {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../images/patterns/_default.png') 0 0 repeat;
	}
	
#background-pattern-inner {
	width: 100%;
	height: 100%;
	background: url('../images/patterns/_default.png') 0 0 repeat;
	}	

/* === #background-single-image ======================================================================== */

#background-single-image-wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#background-single-image {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background: url('../images/pictures/background/circle.jpg')  center center no-repeat;
	}
	
/* === #background-fullscreen-resizable-image ======================================================================== */

#background-fullscreen-resizable-image {
	display: none;
	rem-position: absolute;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	rem-background-color: #fff;
	}
	
#background-fullscreen-resizable-image img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	}	
	
#background-fullscreen-resizable-image-pattern {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	background-repeat: repeat;
	background-image: none;
	}

/* === #fullscreen-slider ======================================================================== */

#fullscreen-slider {
	overflow: hidden;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -999;
	}
	
#fullscreen-slider-inner {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	}
	
#fullscreen-slider-pattern {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../images/patterns/slider/pattern-a.png') 0 0 repeat;
	}
	
#fullscreen-slider a {
	display: none;
	}

#fullscreen-slider img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	}	
	
#player {
	display: block;
	position: absolute;
	top: 40%;
	right: 10px;
	width: 33px;
	height: 33px;
	z-index: 10000;
	}
	
#player .button {
	display: block;
	float: left;
	width: 33px;
	height: 33px;
	margin: 0;
	background: url('../images/player-button.png') 0 0 no-repeat;
	}	
	
#player a {
	display: block;
	width: 33px;
	height: 33px;
	background: url('../images/clear.png') 55% 45% no-repeat;
	}	
	
#player .prev {
	background-image: url('../images/player-prev.png');
	background-position: 45% 45%;
	}
	
#player .prev:hover {
	background-image: url('../images/player-prev-hover.png');
	background-position: 45% 45%;	
	}
	
#player .play {
	background-image: url('../images/player-play.png');
	}
	
#player .play:hover {
	background-image: url('../images/player-play-hover.png');
	}
	
#player .pause {
	background-image: url('../images/player-pause.png');
	background-position: 50% 50%;
	}
	
#player .pause:hover {
	background-image: url('../images/player-pause-hover.png');
	background-position: 50% 50%;
	}	
	
#player .next {
	background-image: url('../images/player-next.png');
	}
	
#player .next:hover {
	background-image: url('../images/player-next-hover.png');
	}	
	
#player .slider-preloader {
	display: block;
	position: relative;
	float: none;
	width: 33px;
	height: 33px;
	background: url('../images/player-preloader-bg.png') center center no-repeat;
	padding: 0;
	margin: 0 auto;
	}
	
#player .slider-preloader span {
	display: block;
	width: 33px;
	height: 33px;
	background: url('../images/loader-slider.gif') 55% 60% no-repeat;
	}	
	
#preloader {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	z-index: 10000;
	}
	
#preloader div {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #FFF;
	}	
	
/* === #fullscreen-video ======================================================================== */

#fullscreen-video {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -3;
	overflow: hidden;
	}
			
#fullscreen-video-inner {
	z-index: -2;
	}	
	
#fullscreen-video .mejs-controls {
	display: none !important;
}
							
#fullscreen-video .mejs-overlay-loading {
	display: none !important;
}	
					
#fullscreen-video .mejs-overlay-button {
	background-image: none !important;
}	
