@charset "utf-8";

.gjs-dashed .carousel-item {
	display: block;
}

.gjs-dashed .carousel-indicators {
	position: static;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.gjs-dashed .carousel-indicator {
	width: 30.7%;
}

.gjs-dashed .inInfoSlider .carousel-item {
	position: static;
	height: 200px;
}

.gjs-dashed .inInfoSlider .carousel-inner {
	display:grid;
	grid-template-columns: repeat(3,1fr);
	padding: 0;
}

.gjs-dashed .inInfoSlider .carousel-item img {
	width:100px;
	/* max-height: 200px; */
	/* height: 100%; */
}

.inInfoSlider .carousel-inner {
	position: relative;
	padding: 0 0 75%;
}

.inInfoSlider .carousel-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.inInfoSlider .carousel-item img {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	max-height: 100%;
	max-width: 100%;
	height: auto;
	width: auto;
	position: absolute;
	margin: auto;
}

.inInfoSlider .carousel-indicators {
	margin: 10px auto 0;
	position: static;
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 2%);
	transform: translateX(-1%);
}

.inInfoSlider .carousel-indicator {
	margin: 0 1%;
	width: 20.5%;
	position: relative;
	padding: 0 0 16.06%;
	cursor: pointer;
}

.inInfoSlider .carousel-indicator img {
	padding: 5px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	margin: auto;
	border: 1px solid #ccc;
}

.inInfoSlider .carousel-indicator.active img {
	opacity: .7;
}

.inInfoSlider .carousel-indicator:hover {
    opacity: 0.7;
    transition: 0.3s;
}