/*Updated 3,06,2020*/
#fullscreen {
	width: 35px;
    height: 35px;
    position: absolute;
    bottom: 0;
    right: 20px;
    margin-bottom: 90px;
    cursor: pointer;
    z-index: 999;
}
#fullscreen i.zoomin{
	width: 100%;
	height: 100%;
	background-image: url('fs-in-default.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#fullscreen i.zoomout{
  	width: 100%;
	height: 100%;
	background-image: url('fs-out-default.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#fullscreen i.zoomin:hover{
	width: 100%;
	height: 100%;
	background-image: url('fs-in-hover.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#fullscreen i.zoomout:hover{
	width: 100%;
	height: 100%;
	background-image: url('fs-out-hover.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#myVolume {
    width: 35px;
    height: 35px;
    position: absolute;
    bottom: 0;
    right: 20px;
    margin-bottom: 50px;
    cursor: pointer;
    z-index: 999;
}
#myVolume i.volume-down{
  	width: 100%;
	height: 100%;
	background-image: url('mute-default.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#myVolume i.volume-down:hover{
	width: 100%;
	height: 100%;
	background-image: url('mute-hover.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#myVolume i.volume-up {
  	width: 100%;
	height: 100%;
	background-image: url('unmute-default.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#myVolume i.volume-up:hover{
	width: 100%;
	height: 100%;
	background-image: url('unmute-hover.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
/*#scene {
    width: 35px;
    height: 35px;
    position: fixed;
    bottom: 0;
    right: 20px;
    margin-bottom: 50px;
    cursor: pointer;
    z-index: 999;
}
#scene i {
	width: 100%;
	height: 100%;
	background-image: url('rewind-default.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#scene i:hover{
	width: 100%;
	height: 100%;
	background-image: url('rewind-hover.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}*/
#animation {
	width: 35px;
    height: 35px;
    position: absolute;
    bottom: 0 ;
    right: 20px ;
    margin-bottom: 10px ;
    cursor: pointer;
    z-index: 999;
}
#animation i.pauseT{
	width: 100%;
	height: 100%;
	background-image: url('aniPause-default.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#animation i.playT{
  	width: 100%;
	height: 100%;
	background-image: url('aniPlay-default.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#animation i.pauseT:hover{
	width: 100%;
	height: 100%;
	background-image: url('aniPause-hover.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#animation i.playT:hover{
	width: 100%;
	height: 100%;
	background-image: url('aniPlay-hover.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#myVolume i, #animation i, #logo i, #fullscreen i{
  	right: 0 !important;
  	position: absolute;
}
#logo {
  	width: 200px;
	height: 56px;
	position: absolute;
	bottom: 0;
	left: 20px;
	margin-bottom: 10px;
	z-index: 999;
}
/*#logo a{
	width: 100%;
	height: 100%;
}*/
#logoimg{
	width: 100%;
	height: 100%;
	background-image: url('STEMwerkzLogo.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}