/* navigat */
.navigatList {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}
.navigatList div {
    margin: 5px;
    font-weight: bold;
	font-size: 20px;
	color: #888888;
    transition:  color 0.3s ease-in-out, opacity 0.4s ease-in-out;
}
.page {
    cursor: pointer;
}
.navigatList div.arrowLeft, .navigatList div.arrowRight {
    background-size: cover; 
    width: 20px;
    height: 20px;
    opacity: 0.9;
    cursor: pointer;
}
.navigatList div.arrowLeft:hover, .navigatList div.arrowRight:hover {
    opacity: 1;
}
.navigatList div.arrowLeft{
    cursor: pointer;
    background-image: url("../img/ArrowLeft.png");
}
.navigatList div.arrowRight{
    cursor: pointer;
    background-image: url("../img/ArrowRight.png");
}
.navigatList .selected {
    color: #000000;
    cursor: pointer;
}
.navigatList .page:hover {
	color: #000000;
}

.dots {
    cursor: default;
    width: 18px;
    height: 6px;
    background-size: cover;
    background-image: url("../img/dots.png");
}
/* End navigat */