
section.slider{
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding: 0 !important;
	overflow: hidden; /*ROLAGEM ESCONDIDA*/
	
}

.slider-content{
	width: 400%;
	height: auto;
	display: flex;
	margin-left: 40px;
	  
}



@media screen and (max-width: 1000px) {
	
	.slider-content{
	width: 400%;
	height: auto;
	display: flex;
	margin-left: 33px;
	  
}
}



.slide-box{
	width: 25%;
	height: auto;
	position: relative;
	text-align: center;
	transition: 1s;
}

.slide-box img{
	width: 100%;
}


.nav-manual, .nav-auto{
	position: absolute;
	width: 100%;
	margin-top: 30%;
	display: flex;
	justify-content: center;
}

.nav-manual .manual-btn, .nav-auto div{
	border: 1px solid #636363;
	padding: 10px;
	border-radius: 50%;
	cursor: pointer;
	transition: 0.2s;
}

.nav-manual .manual-btn:not(:last-child), .nav-auto div:not(:last-child){
	margin-right: 10px;
}

.nav-manual .manual-btn:hover{
	background-color: #636363;
}


#radio1:checked ~ .nav-auto .auto-btn1{
	background-color: #ffffff;
}

#radio2:checked ~ .nav-auto .auto-btn2{
	background-color: #ffffff;
}

#radio3:checked ~ .nav-auto .auto-btn3{
	background-color: #ffffff;
}

#radio1:checked ~ .primeiro{
	margin-left: 0%;
}

#radio2:checked ~ .primeiro{
	margin-left: -25%;
}

#radio3:checked ~ .primeiro{
	margin-left: -50%;
}


.img-mobile{
	display: none;
}

@media screen and (max-width: 767px){
	
	.img-desktop{
		display: none;
	}
	
	.img-mobile{
		display: inline;
	}
	
	.nav-auto, .nav-manual{
        margin-top: 50%;
    }
}

.slider-content input{
	/*display: none;*/
}


/*LISTA HORIZONTAL*/

section.slider_lista{
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding: 0 !important;
	overflow: auto;
}

#fotos_mais_pedidos{
	margin: 0 auto;
	width: 100%;
	height: auto;
	display: flex;
	
}



#fotos_produtos{
    align-items: center;
}



.product-card{

	display: inline-flex;
}

