/* SWITCH */
.cube-switch {   
    cursor:default;    
    display: block;
    height: 254px;
    position: fixed;
	right:0px;
	bottom:150px;
    margin: 5% 0px 0px 10%;
    overflow:hidden;
    /* Prevents clics on the back */
    pointer-events:none;
    width: 150px;
    white-space: nowrap;
    background:url(../images/switch.png) no-repeat;
	z-index:99999;

	
}

/* The switch */
.cube-switch .switch {
    border:1px solid rgba(0,0,0,0.6);
    border-radius:0.7em;
    box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.3),
    inset 0 -7px 0 rgba(0,0,0,0.2),
    inset 0 50px 10px rgba(0,0,0,0.2),
    0 1px 0 rgba(255,255,255,0.2);
    display:block;
    width: 60px;
    height: 110px;
    margin-left:-30px;
    margin-top:-30px;
    position:absolute;
    top: 36%;
    left: 50%;
    width: 60px;
    background:#666;
    transition: all 0.2s ease-out;
    /* Allows click */
    cursor:pointer;
    pointer-events:auto;
}

/* SWITCH Active State */
.cube-switch.active {
    /*background:#222;
    box-shadow:
    0 0 5px rgba(0,0,0,0.5),
    inset 0 50px 50px rgba(55,55,55,0.1);*/
}

.cube-switch.active .switch {
    background:#333;
    box-shadow:
    inset 0 6px 0 rgba(255,255,255,0.1),
    inset 0 7px 0 rgba(0,0,0,0.2),
    inset 0 -50px 10px rgba(0,0,0,0.1),
    0 1px 0 rgba(205,205,205,0.1);
}

.cube-switch.active:after,
.cube-switch.active:before {
    background:#333;
    box-shadow:
    0 1px 0 rgba(255,255,255,0.1),
    inset 1px 2px 1px rgba(0,0,0,0.5),
    inset 3px 6px 2px rgba(200,200,200,0.1),
    inset -1px -2px 1px rgba(0,0,0,0.3);
}

.cube-switch.active .switch:after,
.cube-switch.active .switch:before {
    background:#222;
    border:none;
    margin-top:0;
    height:5px;
}

.cube-switch .switch-state {
    display: block;
    position: absolute;
    left: 35%;
    color: #DDD;
	text-shadow:-1px -1px #111;

    font-size: .8em;
    text-align: center;
}

/* SWITCH On State */
.cube-switch .switch-state.on     {
    bottom: 10%;
}

/* SWITCH Off State */
.cube-switch .switch-state.off   {
    top: 10%;
}
 .dark
{ 
  position:fixed;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  background:black;
  opacity:0.96;
  filter: alpha(opacity=0.96);
  z-index:99999;
  
  
} 
#feel
{
  font-size:25px;
}
.aud
{
  position:absolute;
  top:0px;
  left:0px;
  opacity:0;
}