/*https://cmstemplate.marketplus.it/template/default/desktop/moduli/menu/menu-l-1/css/jquery.easymenu.css*/ #menu_h0 .menu a.item-menu {font-family:"Lato", sans-serif; font-weight:400; font-size:1em;} #menu_h0 .menu ul, li { margin:0; padding:0; list-style:none; } #menu_h0 .menu .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {*+height:1%;} #menu_h0 .menu {list-style:none; position:relative; display: flex; flex-direction:row; justify-content: center;} #menu_h0 .menu.left {justify-content: start;} #menu_h0 .menu.right {justify-content: end;} #menu_h0 .menu.center {justify-content: center;} #menu_h0 .menu.spaceAround {justify-content: space-around;} #menu_h0 .menu.spaceBetween {justify-content: space-between;} #menu_h0 .menu a {height:inherit; padding-left:10px; padding-right:10px; position:relative; display:table-cell; vertical-align:middle;} #menu_h0 .menu {height:inherit;} #menu_h0 .menu li.main-item {width:auto; height:inherit; line-height:35px; display:inline-table; vertical-align:middle;} #menu_h0 .menu li.main-item a {color:inherit;} #menu_h0 .menu li.main-item ul li.sub-item a, #menu_h0 .menu li.main-item ul li.sub-item a:hover {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} #menu_h0 .menu li.main-item ul li.sub-item a, #menu_h0 .menu li.main-item ul li.sub-item a:hover {padding:0px 30px 0px 10px; display:block;} #menu_h0 .menu li.main-item ul { width:auto; max-width:250px; display:none; position:absolute; z-index:999; box-shadow:0 2px 5px rgba(51, 51, 51, 0.5); } #menu_h0 .menu li.main-item ul li { width:100%; line-height:35px; margin:0; padding:0px; } #menu_h0 .menu li.main-item ul li:last-child { border-bottom:none; line-height:36px; } #menu_h0 .menu li.main-item ul li.separator { line-height:0; height:0; font-size:0; padding:0; overflow:hidden; background:none; } #menu_h0 .menu-desktop {display:block; height:100%;} #menu_h0 .menu-desktop button, .menu-desktop .bandieraHamburger {display:none;} #menu_h0 .menu-desktop .menuTop, .headerFasciaTop-tr .menuTop {height:inherit;} #menu_h0 .menu-desktop button {height:inherit;} /* main.css */ /* Freccia nex level menu */ #menu_h0 .menu li.main-item ul li.sub-item a i {display:none;} #menu_h0 .menu li.main-item ul li.sub-item.has-child>a>i.next-sub-level {width:30px; height:100%; display:block; position:absolute; top:0; right:0; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; -webkit-mask-size:15px; mask-repeat:no-repeat; mask-position:center; mask-size:15px;} #menu_h0 .menu li.main-item ul li.sub-item.has-child>a>i.next-sub-level {-webkit-mask-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0zNjEuOTMxLDE5NC4yMDdjLTM0LjA3NCwwLTYxLjc5MywyNy43MTktNjEuNzkzLDYxLjc5M3MyNy43MTksNjEuNzkzLDYxLjc5Myw2MS43OTNzNjEuNzkzLTI3LjcxOSw2MS43OTMtNjEuNzkzICAgICBTMzk2LjAwNSwxOTQuMjA3LDM2MS45MzEsMTk0LjIwN3oiIGZpbGw9IiMwMDAwMDAiLz4KCQkJPHBhdGggZD0iTTI1NiwyMjAuNjljMzQuMDc0LDAsNjEuNzkzLTI3LjcxOSw2MS43OTMtNjEuNzkzYzAtMzQuMDc0LTI3LjcxOS02MS43OTMtNjEuNzkzLTYxLjc5M3MtNjEuNzkzLDI3LjcxOS02MS43OTMsNjEuNzkzICAgICBDMTk0LjIwNywxOTIuOTcxLDIyMS45MjYsMjIwLjY5LDI1NiwyMjAuNjl6IiBmaWxsPSIjMDAwMDAwIi8+CgkJCTxwYXRoIGQ9Ik0xNTAuMDY5LDEyMy41ODZjMzQuMDc0LDAsNjEuNzkzLTI3LjcxOSw2MS43OTMtNjEuNzkzUzE4NC4xNDMsMCwxNTAuMDY5LDBTODguMjc2LDI3LjcxOSw4OC4yNzYsNjEuNzkzICAgICBTMTE1Ljk5NSwxMjMuNTg2LDE1MC4wNjksMTIzLjU4NnoiIGZpbGw9IiMwMDAwMDAiLz4KCQkJPHBhdGggZD0iTTI1NiwyOTEuMzFjLTM0LjA3NCwwLTYxLjc5MywyNy43MTktNjEuNzkzLDYxLjc5M2MwLDM0LjA3NCwyNy43MTksNjEuNzkzLDYxLjc5Myw2MS43OTNzNjEuNzkzLTI3LjcxOSw2MS43OTMtNjEuNzkzICAgICBDMzE3Ljc5MywzMTkuMDI5LDI5MC4wNzQsMjkxLjMxLDI1NiwyOTEuMzF6IiBmaWxsPSIjMDAwMDAwIi8+CgkJCTxwYXRoIGQ9Ik0xNTAuMDY5LDM4OC40MTRjLTM0LjA3NCwwLTYxLjc5MywyNy43MTktNjEuNzkzLDYxLjc5M2MwLDM0LjA3NCwyNy43MTksNjEuNzkzLDYxLjc5Myw2MS43OTMgICAgIHM2MS43OTMtMjcuNzE5LDYxLjc5My02MS43OTNDMjExLjg2Miw0MTYuMTMyLDE4NC4xNDMsMzg4LjQxNCwxNTAuMDY5LDM4OC40MTR6IiBmaWxsPSIjMDAwMDAwIi8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo="); mask-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0zNjEuOTMxLDE5NC4yMDdjLTM0LjA3NCwwLTYxLjc5MywyNy43MTktNjEuNzkzLDYxLjc5M3MyNy43MTksNjEuNzkzLDYxLjc5Myw2MS43OTNzNjEuNzkzLTI3LjcxOSw2MS43OTMtNjEuNzkzICAgICBTMzk2LjAwNSwxOTQuMjA3LDM2MS45MzEsMTk0LjIwN3oiIGZpbGw9IiMwMDAwMDAiLz4KCQkJPHBhdGggZD0iTTI1NiwyMjAuNjljMzQuMDc0LDAsNjEuNzkzLTI3LjcxOSw2MS43OTMtNjEuNzkzYzAtMzQuMDc0LTI3LjcxOS02MS43OTMtNjEuNzkzLTYxLjc5M3MtNjEuNzkzLDI3LjcxOS02MS43OTMsNjEuNzkzICAgICBDMTk0LjIwNywxOTIuOTcxLDIyMS45MjYsMjIwLjY5LDI1NiwyMjAuNjl6IiBmaWxsPSIjMDAwMDAwIi8+CgkJCTxwYXRoIGQ9Ik0xNTAuMDY5LDEyMy41ODZjMzQuMDc0LDAsNjEuNzkzLTI3LjcxOSw2MS43OTMtNjEuNzkzUzE4NC4xNDMsMCwxNTAuMDY5LDBTODguMjc2LDI3LjcxOSw4OC4yNzYsNjEuNzkzICAgICBTMTE1Ljk5NSwxMjMuNTg2LDE1MC4wNjksMTIzLjU4NnoiIGZpbGw9IiMwMDAwMDAiLz4KCQkJPHBhdGggZD0iTTI1NiwyOTEuMzFjLTM0LjA3NCwwLTYxLjc5MywyNy43MTktNjEuNzkzLDYxLjc5M2MwLDM0LjA3NCwyNy43MTksNjEuNzkzLDYxLjc5Myw2MS43OTNzNjEuNzkzLTI3LjcxOSw2MS43OTMtNjEuNzkzICAgICBDMzE3Ljc5MywzMTkuMDI5LDI5MC4wNzQsMjkxLjMxLDI1NiwyOTEuMzF6IiBmaWxsPSIjMDAwMDAwIi8+CgkJCTxwYXRoIGQ9Ik0xNTAuMDY5LDM4OC40MTRjLTM0LjA3NCwwLTYxLjc5MywyNy43MTktNjEuNzkzLDYxLjc5M2MwLDM0LjA3NCwyNy43MTksNjEuNzkzLDYxLjc5Myw2MS43OTMgICAgIHM2MS43OTMtMjcuNzE5LDYxLjc5My02MS43OTNDMjExLjg2Miw0MTYuMTMyLDE4NC4xNDMsMzg4LjQxNCwxNTAuMDY5LDM4OC40MTR6IiBmaWxsPSIjMDAwMDAwIi8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");}/* /Freccia nex level menu */ /* -- fine main.css -- */ /* icona */ #menu_h0 .menu-icon {width:25px; height: 25px; display:inline-block; -webkit-mask-size: 25px auto; -webkit-mask-repeat:no-repeat; -webkit-mask-position: right; background-color: currentColor; vertical-align: middle;} /* colori.css */ #menu_h0 .menu {background-color:transparent;} #menu_h0 .menu-desktop .menuTop, .headerFasciaTop-tr .menuTop {background:transparent;} #menu_h0 .menu-desktop button {border:1px solid #ddd;} #menu_h0 .menu-desktop button.expanded {background-color:transparent;} /*Tutti i livelli di menu*/ #menu_h0 .menu li.main-item:hover {background-color:#3b424f;} /*BG-color hover a tutti i livelli di profondita*/ #menu_h0 .menu li.main-item:hover a {color:#ffffff} /*Secondo livello e successivi stato normale*/ #menu_h0 .menu li.main-item ul {background-color:#586176;} #menu_h0 .menu li.main-item ul li {border-bottom:solid 1px rgba(0, 0, 0, 0.14);} #menu_h0 .menu li.main-item ul li.sub-item a {color:#ffffff;} /*color-font link all'hover del menu secondo livello */ /*#menu_h0 .menu li.main-item ul li.sub-item.hover ul li a {color:#ffffff;} */ #menu_h0 .menu li.main-item ul li.sub-item.has-child>a>i.next-sub-level {background-color:#ffffff;} #menu_h0 .menu li.main-item ul li.sub-item.has-child:hover>a>i.next-sub-level {background-color:#ffffff;} #menu_h0 .menu li ul li.separator {border-top:1px solid #e0e0e0; border-bottom:1px solid #ffffff;} /*Secondo livello e successivi stato hover*/ #menu_h0 .menu li.main-item ul li.sub-item.hover>a {color:#ffffff;} /*color-font link all'hover del menu secondo livello */ #menu_h0 .menu li.main-item ul li.sub-item.hover {background-color:#7f8aa1;} /*backgroung-color all'hover del menu secondo livello */ #menu_h0 .menu li ul li.has-child.hover {background-color:#7f8aa1;} #menu_h0 .menu li.main-item ul li.sub-item.hover ul li a:hover {color:#ffffff;} /* -- fine colori.css -- */ /*NEW MEDIA QUERY MAGGIO 2018*/ /* ----------------------- MINI-SMARTPHONE ------------------*/ @media screen and (min-width: 0px) and (max-width: 600px) { #menu_h0 .menu-desktop {width:80px; position:relative; font-weight:bold; font-size:0.8em; text-align:center; font-size:12px; z-index:1000000;} #menu_h0 .menu-desktop .menuTop, .headerFasciaTop-tr .menuTop {width:40%; float:right; display:none;} #menu_h0 .menu-desktop button {width:30px; height:30px; display:block; position:absolute; top:-50px; right:15px; border:0; text-indent:200%; overflow:hidden; background:rgba(255,255,255,.8) url(https://i.imgur.com/vKRaKDX.png) center no-repeat; border-radius:3px; background-size:80%; outline:none; transition:all 400ms ease;} #menu_h0 .menu-desktop button.expanded {transform:rotate(90deg); border:0;} #menu_h0 .menu-desktop .bandieraHamburger {display:block; position:absolute; top:-70px; right:70px; border:0; outline:none; transition:all 400ms ease;} #menu_h0 .menu ul {margin:0; padding:0; list-style-type:none; list-style-image:none;} #menu_h0 .menu ul li {width:100%; height:40px; line-height:40px;} #menu_h0 .menu ul li a {text-decoration:none; margin:0px; display:block;} #menu_h0 .menu ul li ul {display:none;} } /* ----------------------- SMARTPHONE ------------------*/ @media screen and (min-width: 601px) and (max-width: 768px) { #menu_h0 .menu-desktop {width:60px; position:relative; font-weight:bold; font-size:0.8em; text-align:center; font-size:12px; z-index:1000000;} #menu_h0 .menu-desktop .menuTop, #menu_h0 .menu .headerFasciaTop-tr .menuTop {width:40%; float:right; display:none;} #menu_h0 .menu-desktop button {width:30px; height:30px; display:block; position:absolute; top:-50px; right:15px; border:0; text-indent:200%; overflow:hidden; background:rgba(255,255,255,.8) url(https://i.imgur.com/vKRaKDX.png) center no-repeat; border-radius:3px; background-size:80%; outline:none; transition:all 400ms ease;} #menu_h0 .menu-desktop button.expanded {transform:rotate(90deg); border:0;} #menu_h0 .menu-desktop .bandieraHamburger {display:block; position:absolute; top:-70px; right:70px; border:0; outline:none; transition:all 400ms ease;} #menu_h0 .menu ul {margin:0; padding:0; list-style-type:none; list-style-image:none;} #menu_h0 .menu ul li {width:100%; height:40px; line-height:40px;} #menu_h0 .menu ul li a {text-decoration:none; margin:0px; display:block;} #menu_h0 .menu ul li ul {display:none;} } /* ----------------------- TABLET LANDSCAPE ------------------*/ @media screen and (min-width: 769px) and (max-width: 1024px) { #menu_h0 .menu-desktop {width:80px; position:relative; font-weight:bold; font-size:0.8em; text-align:center; font-size:12px; z-index:1000000;} #menu_h0 .menu-desktop .menuTop, #menu_h0 .menu .headerFasciaTop-tr .menuTop {width:40%; float:right; display:none;} #menu_h0 .menu-desktop button {width:30px; height:30px; display:block; position:absolute; top:-50px; right:15px; border:0; text-indent:200%; overflow:hidden; background:rgba(255,255,255,.8) url(https://i.imgur.com/vKRaKDX.png) center no-repeat; border-radius:3px; background-size:80%; outline:none; transition:all 400ms ease;} #menu_h0 .menu-desktop button.expanded {transform:rotate(90deg); border:0;} #menu_h0 .menu-desktop .bandieraHamburger {display:block; position:absolute; top:-70px; right:70px; border:0; outline:none; transition:all 400ms ease;} #menu_h0 .menu ul {margin:0; padding:0; list-style-type:none; list-style-image:none;} #menu_h0 .menu ul li {width:100%; height:40px; line-height:40px;} #menu_h0 .menu ul li a {text-decoration:none; margin:0px; display:block;} #menu_h0 .menu ul li ul {display:none;} } /* ----------------------- OVER ------------------*/ @media only screen and (min-width: 1025px){ }