/*Menu categories*/
/*::-webkit-scrollbar { -webkit-appearance: none; width: 3px; height: 3px; -webkit-overflow-scrolling: auto;}*/
::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #ccc;-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}
.categ{margin: 20px auto 24px;text-align: center;/*display: none;*/}
.categ h2 { font-size: 18px;text-transform: uppercase;margin-bottom: 9px;}
.categ .container-categ ul{display: flex;justify-content: center;}
.categ .container-categ ul li{ margin: 0 25px;text-align: center;}
.categ .container-categ ul li span{display: block;line-height: 16px;    font-size: 14px;margin-top: 16px;}
/*Hover categ*/
.categ ul li:hover img,
.categ ul li:hover .images{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.categ img,
.categ .container-categ ul li .image{width:75px;margin:0 auto; -webkit-transition: all .5s; -o-transition: all .5s;  transition: all .5s;}
.categ ul li:hover span { font-weight: 600;}
.categ .container-categ ul li .image {
	display: flex;
	align-items: center;
	background-color: #E20613;
	color: #FFFFFF;
	font-weight: 600;
	margin: 0 auto;
	border: 1px solid #D8D8D8;
	border-radius: 50%;
}

.categ .container-categ ul li .image p {
	font-weight: 600;
}

.categ .container-categ ul li span.vp-1 {
	display: block;
	line-height: 16px;
	font-size: 14px;
	margin-top: 22px;
}


@media (max-width:1024px) {
	/*Menu categ*/
	.categ { width: 100%;margin: 5px auto 5px;}
	.categ .container-categ {overflow-x: scroll;display: block;width: 100%;}
	.categ .container-categ ul {width: max-content; margin: auto;}
	.categ .container-categ ul li span{line-height: 16px;font-size: 14px;}
	.progress-container{display: none;}
	#scroll-safari-a{width: 100px; background-color: #aaa;-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);  height: 3px;   display: block;   border-radius: 20px;   margin-top: -5px;}
		.categ .container-categ ul li .image p {
			font-size: 10px;
			font-weight: 600;
		}
}
@media (max-width:680px) {
	/*Menu categ*/
	.categ .container-categ ul li {margin: 0 9px;width: 82px;}
	.categ .container-categ ul li img,
	.categ .container-categ ul li .image{width: 72px; height: 72px;}
	.categ .container-categ ul li span{font-size: 11px;margin-top: 7px;line-height: 12px;margin-bottom: 7px;}
	.categ .container-categ ul li span.vp-1 {
	margin-top: 11px;
	font-size: 11px;
}
}
@media (max-width:450px) {
.categ .container-categ ul li { margin: 0 10px;}
}

@media (max-width:320px) {
	/*Menu categ*/
	.categ .container-categ ul li {margin: 0 4px;}
}

@media screen and (min-width: 1024px) {
    .container-1366 {
        display: none;
    }
}