#div_slides {
	font-family: lato-bold;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none; 
	cursor: default;
}

.magictime {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}

.controlDiv {
    position: absolute;
    border-radius: 5px;
    opacity: 0;
    z-index: 9999;
    bottom: 10px;
    //background-color: white;
    //border: 1px solid #686868;
    //box-shadow: 0px 0px 5px #686868;
    transform: translate(-50%, 0);
    webkit-transform: translate(-50%,0); 
    -moz-transform: translate(-50%,0); 
    -ms-transform: translate(-50%,0); 
    -khtml-transform: translate(-50%,0); 
    -o-transform: translate(-50%,0);
    -webkit-transition: all 200ms ease-in; */
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    left: 50%;
}

.controlLi {

	display: inline-block;
	padding: 10px;
	vertical-align: top;

}

.controlUl {
    margin-bottom: 0px;
    padding-left: 0px;

}

.controlBullet {

	width: 12px;
	height: 12px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #545454;
	cursor: pointer;
}

.controlBulletSelected {
	box-shadow: 0px 0px 3px 1px black;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #f3f3f3;
	cursor: pointer;
}

.controlStartAnim {
	width: 12px;
	height: 12px;
	cursor: pointer;
	background-image: url('play.png');
	background-repeat: no-repeat;
}

.controlStopAnim {
	width: 12px;
	height: 12px;
	cursor: pointer;
	background-image: url('pause.png');
	background-repeat: no-repeat;
}