/* style sheet for narrower than 480px, all that we consider mobile*/
.mobileonly
{
	display:block;
}

.desktoponly
{
	display:none;
}

#tooltop a
{
	text-align:center;
}

#tooltop a h5
{
	margin:0;
	padding:0;
	color:white;
}

#tooltop .social
{
	margin-top:10px;
	margin-left:20px;
}

#tooltop .social a
{
	margin-left:15px;
}

#searchf
{
	margin-right:20px;
}

#tooltop a img, #tooltop .social a img
{
	width:auto;
	height:38px;
}

#listavideo,
#videoh .interno article,
#artevid .interno
{
	flex-direction:column;
}

#listavideo > *
{
flex-grow:1;
flex-basis:100%;
}


#artevid .interno > div:first-child
{
	margin-bottom:20px;
}

#arthome article > a
{
	flex-basis:45%;
	flex-shrink:0;
}

#arthome article > a img
{
	max-width:100%;
}

#claim
{
	background-position:calc(50% - 150px) center;
}

#claim .interno > div
{
	display:none;
}

#regpro
{
	padding-right:100px;
}

#regpro::after
{

}

#mmenu
{
	justify-content:center;
}

#mmenu ul
{
	display:none;
}

#logo
{
	width:80%;
}

#logo img
{
	width:100%;
}

#newsh .interno
{
	flex-wrap: nowrap;
	flex-direction:column;
}

#newsh .interno > *
{
	flex-basis:none;
}

#topbar .interno
{
	overflow:visible;
}

#topbar #tooltop
{
	position:relative;
	--menu-button-size:60px;
}

#topbar #tooltop .social
{
	text-align:left;
}

#topbar #tooltop .social a
{
	margin:0;
	margin-right:20px;
}

#topbar #tooltop .social a img
{
	width:auto;
	height:30px;
}

#topbar #tooltop > :first-child,
#topbar #tooltop > :last-child
{
	flex-basis: calc(50% - (var(--menu-button-size) / 2) - 20px);
}

#mobmenu
{
	display:block;
	width:60px !important;
}

#mobmenu a
{
	font-weight:normal;
	text-transform:uppercase;
	font-family: MuseoSlabBold;
}

#mobmenu > a
{
	color:white;
}

#mobmenu > ul
{
	left:0;
	right:0;
	z-index:10;
	width:100vw;
	display:none;
	position:absolute;
	top:calc(100% + 10px);
	background-color:white;
}

#mobmenu.on > ul
{
	display:block;
}

#mobmenu ul a
{
	color:#034D8D;
	font-size:19px;
}

#mobmenu ul
{
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
}

#mobmenu > ul > li
{
	padding:10px 20px;
	border-bottom:2px solid #E0E0E0;
}

#mobmenu > ul > li > a > img
{
	height:11px;
}

#mobmenu > ul > li > a:last-of-type
{
	margin-left:10px;
	display:inline-block;
}

#mobmenu > ul > li:not(.hassub) > a:last-of-type
{
	display:none;
}

#mobmenu li ul
{
	display:none;
	padding-bottom:10px;
}

#mobmenu > ul > li.on > ul
{
	display:block;
}

#mobmenu > ul > li.on > a:last-of-type
{
	transform: scaleY(-1);
}

#mobmenu li ul li
{
	margin:10px;
	margin-bottom:0;
}

#mobmenu li ul a
{
	font-size:15px;
}

#piede .interno
{
	flex-direction:column;
}

#piede .interno > div
{
	text-align:center;
}

#piede .interno > :first-child
{
	flex-basis:0;
	padding-bottom:20px;
}

#piede .interno > :nth-child(2)
{
	order:3;
	padding-top:20px;
}

#piede .interno > :nth-child(3)
{
	order:2;
	display:block;
	padding-bottom:20px;
	border-bottom: 2px solid white;
}

#piede .interno #umenu
{
	flex-wrap:wrap;
	align-items:center;
}

#piede .interno #umenu li
{
	padding:0 20px;
	padding-bottom:10px;
	white-space:nowrap;
}

article.articolo
{
	flex-direction:column;
}

div.flank,
#prod section:nth-child(odd) .flank
{
	flex-direction:column;
}

#menubar > .submenu
{
	display:none !important;
}

#crumbs,
#prod .interno
{
	padding:0 25px;
}

#prod section .interno
{
	padding:30px 25px;
}

#prod section .flank > *
{
	width:auto;
}

#prod section .flank > div:last-child div.square:after
{
	display:none;
}

#prod section .flank img
{
    transform: none;
	margin-top:30px;
    position: static;
	width:100% !important;
	height:auto !important;
}

#prod section .flank > div:last-child
{
    --latifasceprod: 0;
}

#faq details summary
{
    padding-right: 50px;
}

#faq details summary::after
{
    right: 20px;
}