.dot {
	
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.7), 0px 0px 5px 1px rgba(0, 0, 0, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.9);
    background-color: rgba(0, 0, 0, 0.7);
    }
	
	.dot.hidden {
	
	opacity: 0;
	}
	
	.mobile .dot.hidden {
	
	opacity: 1 !important;
	}
	
	.icon_div {
	
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 50px;
    left: 30px;
	
	width: 200px;
	height: 200px;
	
	display: none;
	
	cursor: pointer;
	
	/* transition: all 0.0s ease-in; */
	}
	
	.icon_div_right_button {
	
	background-image: url(icon_right_button.png);
	}
	
	.icon_div_left_button {
	
	background-image: url(icon_left_button.png);
	}
	
	.icon_div_arrow_up {
	
	background-image: url(icon_arrow_up.png);
	}
	
	.icon_div_arrow_down {
	
	background-image: url(icon_arrow_down.png);
	}
	
	.a_hidden {
	
	display: none;
	}
	
	.mobile .icon_div {
	
	display: none !important;
	}