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

html
{
	background-color:			#000;
	font-family:				Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
}

body
{
	top:						0;
	left:						0;
	right:						0;
	bottom:						0;
	margin:						0;
	padding:					0;
	height:						100vh;
	width:						100vw;
	background-color:			transparent;
	overflow:					hidden;
}

h1
{
	letter-spacing:				1.5vw;
	font-weight:				lighter;
	height:						2.5vh;
	font-size:					1.5vh;
	/*color:						#00c8ae;*/
	color:						#FFF;
	background-color:			transparent;
	top:0;
	margin:0;
	padding:auto;
	padding-left:12vw;
	padding-top:.5vh;

}

#capsule_left
{
	position:					relative;
	width:						65vw;
	height:						97vh;
	background-color:			transparent;
	text-align:					center;
	float:						left;
	margin:						0;
	padding:					0;
	top:						3vh;
	z-index:2;

}

/* Content */
.back_color
{
	width:100vw;
	height:100vh;
	background-color:			#111;
	position:absolute;
	mix-blend-mode: normal;
}

#back_color_zindex
{
	z-index:0;
}
.img-container
{

  background-color: 			transparent;
  overflow: 					hidden;
  width: 						100%;
  text-align: 					center;

	max-height: 				90vh;
	margin-bottom: 				0;
	position:absolute;
	opacity:1;
	z-index:1;
}

.img_original
{
	width: 						100%;
}

#draggable_toolbox
{
	position:					absolute;
	z-index:					100;
	width: 						400px;
	height: 					400px;
	background-color:			#333;
	opacity:					1;
	padding:0px;
	margin:3%;
	box-shadow:					0px 0px 36px #000;
	border-radius:5px;
	border:medium solid #444;
}


#master
{
	display:					none;
	position:					absolute;
	left:						130px;
	top:						42px;
}

/*#slider2
{
	position:
}*/

#filtre_name
{
	display:			inline-block;
}

select
{
	width:20px;
}

#draggable_toolbox p
{
	width:96%;
	margin:						0px;
	padding:					0px;
	background-color:			#222;
	border-bottom:medium solid #444;
	margin-bottom:5%;
	color:#CCC;
	padding:2%;
}

#draggable_toolbox p:hover
{
	cursor:						move;
	-webkit-filter: 			contrast(200%);
}

.eq_fusion
{
	width: 						auto;
	height: 					auto;
	background-color:			transparent;
	margin:0;
	padding:0;
	margin-left:0;
	color:white;
	position:relative;
	float:left;
}

#draggable_toolbox span
{
	display:block;
}

.super_slide_fusion
{
	position:relative;
	z-index:1111;
	left:0;
	top:2%;
	width:5%;
	height: 5%;
	float:right;
	margin-left:.25vw;
	margin-right:.25vw;
}

#reset
{
	position:absolute;
	width:150px;
	height:20px;
	background-color: red;
	right:0;
	bottom: 0;
	z-index: 1000;
}

#hide
{
	position:absolute;
	width:150px;
	height:20px;
	background-color: blue;
	right:0;
	bottom: 20px;
	z-index: 1000;
}

#RNG
{
	position:absolute;
	width:150px;
	height:20px;
	background-color: purple;
	right:0;
	bottom: 40px;
	z-index: 1000;
}

#RNGSlider
{
	position:absolute;
	width:150px;
	height:20px;
	background-color: yellow;
	right:0;
	bottom: 60px;
	z-index: 1000;
}

#ally
{
	position:absolute;
	width:150px;
	height:20px;
	background-color: orange;
	right:0;
	bottom: 80px;
	z-index: 1000;
}

.grab
{
	width: 15px;
	height: 15px;
	background-color: gray;
	bottom:-30px;
	z-index: 30000;
	position: absolute;
}