@charset "utf-8";

body {
	background-color:#000;
}
#gallery{
	width: 100%;
	overflow: hidden;
  opacity: 0;
}
#gallery.complete{
  opacity: 1;
  transition: all 1.2s cubic-bezier(.18,.53,.55,.88);
  -webkit-transition: all 1.2s cubic-bezier(.18,.53,.55,.88);
  -moz-transition: all 1.2s cubic-bezier(.18,.53,.55,.88);
}
.loading{
  vertical-align: middle;
  height: 100%;
  width: 10%;
  margin: 0 auto;
  padding-top:40%;
}
li{
	margin: 0;
	width:33%;
  cursor: pointer;
  opacity: 0.8;
  position: absolute;
}
li:hover{
	opacity: 0.5;
	cursor: pointer;
}
li.selected{
  left:0;
  right:0;
  opacity: 1;
	width:100%;
  z-index: 2;
	/*-moz-transition: all .01s;*/
}
li.selected:hover{
	opacity: 1;
  
}
#gallery li {
  -webkit-transition: width 0.4s cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -moz-transition: width 0.4s cubic-bezier(0.770, 0.000, 0.175, 1.000);
       -o-transition: width 0.4s cubic-bezier(0.770, 0.000, 0.175, 1.000);
          transition: width 0.4s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}