.carrousel-box {
	position: relative;
	flex-direction: column;
}
.carrousel-box .container-carrousel {
	scroll-snap-type: x mandatory;
	overflow-x: auto;
	width: 100%;
	display: flex;
}
.carrousel-box .arrow-left>svg,
.carrousel-box .arrow-right>svg {
	width: 20px;
	height: 60px;
}
.carrousel-box .arrow-left:hover,
.carrousel-box .arrow-right:hover {
	opacity: 0.4;
}
.carrousel-box .arrow-left {
	position: absolute;
	left: 10px;
	top: 50%;
	opacity: 0.1;
	transform: translateY(-50%);
}
.carrousel-box .arrow-right {
	position: absolute;
	right: 10px;
	top: 50%;
	opacity: 0.1;
	transform: translateY(-50%);
}
.carrousel-box .container-carrousel .quadro {
	scroll-snap-align: start;
	box-sizing: border-box;
}
.carrousel-box .container-carrousel .quadro {
	min-width: 100%;
}
.carrousel-box .button-list .quadro-child.selected {
	background: gray;
}
.carrousel-box .button-list {
	display: flex;
	justify-content: center;
}
.carrousel-box .button-list .quadro-child {
	font-size: 0.7em;
	border-radius: 50%;
	width: 1.0em;
	height: 1.0em;
	background: lightgray;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 5px;
}
.carrousel-box .div-quadros .quadro.quadro-slide-100 {
	min-width: 100%;
}

@media (max-width: 1300px) {
	.carrousel-box-50 .container-carrousel .button-list .quadro-child:nth-child(2n) {
		display: flex;
	}
}

@media (min-width: 1301px) and (max-width: 1999px) {
	.carrousel-box-50 .container-carrousel .quadro {
		min-width: 50%;
	}
	.carrousel-box-50 .button-list>div.quadro-child { display: none; }
	.carrousel-box-50 .button-list>div.quadro-child:nth-child(2n-1) { display: flex; }
}

@media (min-width: 2000px) {
	.carrousel-box-50 .container-carrousel .quadro {
		min-width: 33%;
	}
	.carrousel-box-50 .button-list>div.quadro-child { display: none; }
}


@media (max-width: 850px) {
	.carrousel-box-100 .container-carrousel .button-list .quadro-child:nth-child(2n) {
		display: flex;
	}
}

@media (min-width: 851px) and (max-width: 1500px) {
	.carrousel-box-100 .container-carrousel .quadro {
		min-width: 50%;
	}
	.carrousel-box-100 .button-list>div.quadro-child { display: none; }
	.carrousel-box-100 .button-list>div.quadro-child:nth-child(2n-1) { display: flex; }
}

@media (min-width: 1501px) {
	.carrousel-box-100 .container-carrousel .quadro {
		min-width: 33%;
	}
	.carrousel-box-100 .button-list>div.quadro-child { display: none; }
	.carrousel-box-100 .button-list>div.quadro-child:nth-child(3n-1) { display: flex; }
}