body{
	background-color: #ECF0F1;
	margin: 0px;
	padding: 0px;
}

a, img {
    border:none;
}

.move {
	cursor: move !important;
}

.hide {display: none !important;}

/**/

#flipbook .turn-page{
	background-color:#333333;
	background-size:100% 100%;
}

/* BUTTONS */
a .gallery-button {/*display: inline-block;*/}
a .video-button {max-width: 140px !important; display: inline-block;}
a .threesixty-button {max-width: 140px !important; display: inline-block;}
a .audio-start {max-width: 140px !important; display: inline-block;}
a .audio-stop {max-width: 140px !important; display: inline-block;}

.video-button {
	opacity: 0.6;
	position: absolute;
	width: 12%;
	height: 12%;
	background-image: url(assets/play.png);
	background-size: contain;
	background-repeat: no-repeat;
	
	-webkit-transition: all  150ms ease-in-out;
	-moz-transition: all  150ms ease-in-out;
	-ms-transition: all  150ms ease-in-out;
	-o-transition: all  150ms ease-in-out;
}

.video-button:hover,
.audio-start:hover,
.audio-stop:hover
 {
	opacity: 0.8;
	
	-webkit-transition: all  150ms ease-in-out;
	-moz-transition: all  150ms ease-in-out;
	-ms-transition: all  150ms ease-in-out;
	-o-transition: all  150ms ease-in-out;
}

.audio-start {
	position: absolute;
	opacity: 0.6;
	width: 12%;
	height: 12%;
	background-image: url(assets/audio-start.png);
	background-size: contain;
	background-repeat: no-repeat;
	
	-webkit-transition: all  150ms ease-in-out;
	-moz-transition: all  150ms ease-in-out;
	-ms-transition: all  150ms ease-in-out;
	-o-transition: all  150ms ease-in-out;
}

.audio-stop {
	position: absolute;
	display: none;
	opacity: 0.6;
	width: 12%;
	height: 12%;
	background-image: url(assets/audio-stop.png);
	background-size: contain;
	background-repeat: no-repeat;
	
	-webkit-transition: all  150ms ease-in-out;
	-moz-transition: all  150ms ease-in-out;
	-ms-transition: all  150ms ease-in-out;
	-o-transition: all  150ms ease-in-out;
}

.gallery-button {
	position: absolute;
	float: left;
	opacity: 0;
	width: 14%;
	height: 15%;
	background-color: #FFFFFF;
	/*background-image: url(assets/image.png);
	background-size: 50px 50px;
	background-repeat:no-repeat;
	background-position:center center;*/
	
	-webkit-transition: all  220ms ease-in-out;
	-moz-transition: all  220ms ease-in-out;
	-ms-transition: all  220ms ease-in-out;
	-o-transition: all  220ms ease-in-out;
}

.gallery-button:hover {
	opacity: 0.4;
	
	-webkit-transition: all  220ms ease-in-out;
	-moz-transition: all  220ms ease-in-out;
	-ms-transition: all  220ms ease-in-out;
	-o-transition: all  220ms ease-in-out;
}

.threesixty-button {
	position: absolute;
	opacity: 0.6;
	width: 12%;
	height: 12%;
	background-image: url(assets/360.png);
	background-size: contain;
	background-repeat: no-repeat;
	
	-webkit-transition: all  150ms ease-in-out;
	-moz-transition: all  150ms ease-in-out;
	-ms-transition: all  150ms ease-in-out;
	-o-transition: all  150ms ease-in-out;
}

.threesixty-button:hover {
	opacity: 1;
	
	-webkit-transition: all  220ms ease-in-out;
	-moz-transition: all  220ms ease-in-out;
	-ms-transition: all  220ms ease-in-out;
	-o-transition: all  220ms ease-in-out;
}

.pagelink-menu {
	position: relative;
	background-color: #333;
	opacity: 0.3;
	width: 150px;
	height: 14px;
}

/* Preloader */

#preloader {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#status {
	font-weight: 300;
    width:500px;
    height:120px;
    position:absolute;
	text-align: center;
	font-family: 'Lato';
	font-size: 22px;
	color: #ECF0F1;	
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(assets/page-loader.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center center;
    margin:-60px 0 0 -250px; /* is width and height divided by two */
}

/* Threesixty */
.threesixty img {
	max-width: 400px; }
	
	
.slidingDiv {
	height: 100%;
	width: 130px;
	overflow: scroll;
	position: fixed;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: #f7f7f7;
}

#header-wrapper {
	width: 130px;
	height:85%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 999;
	overflow: scroll !important;
}

#header {
	width: 130px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 999;
	overflow: scroll !important;
}

#control-left {
	opacity: 0.5;
	float: left;
	margin-top: 50px;
	margin-right: -38px;
}
#control-right {
	opacity: 0.5;
	float: right;
	margin-right: -15px;
	margin-top: -70px;
}

#left:hover,
#right:hover {
	cursor: pointer;
	opacity: 0.8;
}


#open {
	position: absolute;
	right: 25px;
	bottom: 25px;
	z-index: 999991;
	
	-webkit-transition: all  220ms ease-in-out;
	-moz-transition: all  220ms ease-in-out;
	-ms-transition: all  220ms ease-in-out;
	-o-transition: all  220ms ease-in-out;
}


#go-full {
	position: absolute;
	right: 75px;
	bottom: 25px;
	z-index: 999991;
	
	-webkit-transition: all  220ms ease-in-out;
	-moz-transition: all  220ms ease-in-out;
	-ms-transition: all  220ms ease-in-out;
	-o-transition: all  220ms ease-in-out;
}

#exit-fullscreen {
	position: absolute;
	right: 75px;
	bottom: 25px;
	z-index: 999991;
	display: none;
	
	-webkit-transition: all  220ms ease-in-out;
	-moz-transition: all  220ms ease-in-out;
	-ms-transition: all  220ms ease-in-out;
	-o-transition: all  220ms ease-in-out;
}

#go-full:hover,
#exit-fullscreen:hover,
#open:hover {
	opacity: 0.6;
	
	-webkit-transition: all  220ms ease-in-out;
	-moz-transition: all  220ms ease-in-out;
	-ms-transition: all  220ms ease-in-out;
	-o-transition: all  220ms ease-in-out;
}

#info {
	display: none;
	width: 140px;
	padding-top: 12px;
	height: 50px;
	position: absolute;
	background: rgba(250,250,250,0.5);
	text-align: center;
	font: 12px arial;
	line-height: 20px;
	color: #333;
	left: 50%; /* centers the loading animation horizontally one the screen */
	top: 50%; /* centers the loading animation vertically one the screen */
	margin-left: -70px;
	margin-top: -25px;
	z-index: 9;
	border-radius: 10px;
}

#preloader {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999999999;
	background-color: #FFFFFF;
}