@charset "utf-8";
.carousel {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;
	display: none;
}
.carousel-indicators {
	left: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	bottom: -40px !important;
}
.carousel-indicators li {
	width: 0.6vw !important;
	height: 0.6vw !important;
	border-radius: 50% !important;
	margin: 0 10px;
	background-color: #003057;
	border: none;
}
.carousel-indicators li.active {
	margin: 0 10px;
	background-color: grey;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity !important;
  -moz-transition-property: opacity !important;
  -o-transition-property: opacity !important;
  transition-property: opacity !important;
  transition-duration: 2s !important;
  transition-timing-function: linear !important;
  transition: opacity 2s ease-in-out;
}
.carousel-fade .carousel-inner .item.active {
  opacity: 1 !important;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0 !important;
  z-index: 1 !important;
}
.carousel-inner .next.left,
.carousel-inner .prev.right {
  opacity: 1 !important;
}
.carousel-control {
  z-index: 2 !important;
}
.carousel-inner > .item > .css-image-shell > img, .carousel-inner > .item > .css-image-shell > a > img {
    width: 100% !important;
}
.carousel-control {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.carousel_navigator {
	width: 50%;
	height: auto;
}