/* ================================================================================================================== */
/* corpo */
/* ================================================================================================================== */

#products { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0; }

/* ================================================================================================================== */
/* categorias */
/* ================================================================================================================== */

#products div.root { display: block; position: relative; width: 100%; border-bottom: 1px solid #dbddde; padding: 0 20px; text-align: center; }
	#products div.root a { display: inline-block; position: relative; width: auto; margin: 5px 30px; text-decoration: none; font-size: 15px; line-height: 20px; }
	#products div.root a:hover,
	#products div.root a.selected { color: #59bad5; }

#products div.childrens { display: block; position: relative; width: 100%; border-bottom: 2px solid #dbddde; padding: 0 20px; text-align: center; }
	#products div.childrens a { display: inline-block; position: relative; width: auto; margin: 5px 0; text-decoration: none; font-size: 14px; line-height: 16px; color: #808184; }
	#products div.childrens a:after { content: "•"; display: inline-block; position: relative; width: auto; margin: 5px 20px; text-decoration: none; font-size: 14px; line-height: 20px; color: #808184; cursor: default; }
	#products div.childrens a:last-child:after { content: "•"; display: none; }
	#products div.childrens a:hover,
	#products div.childrens a.selected { color: #323a47; }

@media all and ( max-width: 899px ) {
	#products div.root { padding: 0 5px; }
		#products div.root a { margin: 5px 10px; }

	#products div.childrens { padding: 10px 5px; }
		#products div.childrens a { margin: 5px 10px; }
		#products div.childrens a:after { display: none; }
}

/* ================================================================================================================== */
/* catalogos */
/* ================================================================================================================== */

#products div.items { display: block; position: relative; width: auto; }
	#products div.items a { display: inline-block; position: relative; vertical-align: top; width: 275px; height: auto; padding: 0; margin: 24px; text-decoration: none; }
		#products div.items a div.photo { display: block; position: relative; width: 100%; overflow: hidden; text-align: center; }
			#products div.items a div.photo img { display: inline-block; position: relative; max-width: 100%; max-height: 250px; }
			#products div.items a:hover div.photo img { transform: scale(1.05); }
			#products div.items a div.photo span.discount { display: block; position: absolute; bottom: 0; right: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #ffffff; background-color: #59bad5; border-radius: 100%; transform: rotate(-25deg); }
		#products div.items a p.text { display: block; position: relative; text-align: center; font-size: 15px; line-height: 20px; margin: 10px 0 0 0; }
		#products div.items a p.price { display: block; position: relative; text-align: center; font-size: 16px; line-height: 20px; margin: 5px 0 0 0; color: #59bad5; }

@media all and ( max-width: 899px ) {
	#products div.items a { width: 200px; }
}

.list-navigation{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 50px;
}

.list-navigation .previous-page{
    margin-right: 20px;
    font-size: 15px;
    line-height: 20px;
    text-decoration: none;
}

.list-navigation .next-page{
    margin-left: 20px;
    font-size: 15px;
    line-height: 20px;
    text-decoration: none;
}

.list-navigation .current-page{
    
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding: 0;
    margin: 0;
    line-height: 20px;
    font-weight: bold;
    color: black;
    
}