/* Next & previous buttons */
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 30%;
	color: white;
	font-weight: bold;
	font-size: 38px;
	text-decoration: none !important;
}


/* Position the "next button" to the right */
.next {
	right: 2%;
	border-radius: 3px 0 0 3px;
}


/* Position the "previous button" to the right */
.prev {
	left: 2%;
	border-radius: 3px 0 0 3px;
}




/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
	color: #001c70;
	background-color: transparent !important;
}


/* The dots/bullets/indicators */


.dot {
    cursor: pointer;
	height: 8px;
    width: 20px;
    margin: 0 2px;
    background-color: #FFF;
    border: 1px solid #5cb4f7;
    border-radius: 1px;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.dots .active, .dots .dot:hover {
	background-color: #001c70 !important;
}



/********************  SLIDES ***********************/

.mySlides {
    min-height: 260px;
}