	
	
@media screen and (max-width: 623px) {
	
#menuMobileBar li.sub9 {
    display: none;
}

	
	
#menuPrincipaleBar{display:none}
.fasciaMenu{background:#fff;clear:both;position:relative;top:5px;}

#menuMobileBar{display:block !important;position:relative;top:0px;z-index:999;clear:both;background:#d60000;height:58px}

.menuMobile{font: 1em Roboto;
}

.navMobile, ul, li, a  {margin: 0; padding: 0;}



.navMobile .container {
    /*width: 100%;
    width: 300px;*/
    margin: 10px auto;
}
.toggleMenu {
    display:  none;padding:22px 20px 30px 19px;
    /*padding: 18px 15px;*/
    color: #fff;
}
.navMobile {
    list-style: none;
     *zoom: 1;width:50%;
     background:#d60000;
}
.navMobile:before,
.navMobile:after {
    content: " "; 
    display: table; 
}
.navMobile:after {
    clear: both;
}
.navMobile ul {
    list-style: none;
    width: 9em;
}
.navMobile a {
    padding: 10px 15px;
    color:#fff;
}
.navMobile li {
    position: relative;
}
.navMobile > li {
    float: left;
    border-top: 1px solid #fff;
}
.navMobile > li > .parent {
    background-image: url("/custom_cms/images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.navMobile > li > a {
    display: block;
}
.navMobile li  ul {
    position: absolute;
    left: -9999px;
}
.navMobile > li.hover > ul {
    left: 0;
}
.navMobile li li a {
    display: block;
    background: #000;
    position: relative;
    z-index:100;
    border-top: 1px solid #dedede;
}
.navMobile li li li a {
    background:#59b785;
    z-index:200;
    border-top: 1px solid #33a769;
}

.navMobile li li li li a {
    background:#7ac59d;
    z-index:200;
    border-top: 1px solid #59b785;
}




.hamburger-wrapper-container {
        margin: 0 auto;
        margin-top: 0;
    }

.hamburger-container {
        margin: 0 auto;
        position: relative;
        cursor: pointer;
        width: 28px;
        height: 28px;
        border-radius: 50%;
    }
.hamburger-line {
        display: block;border:1px solid #fff;
        width: 100%;
        height: 1px;
        background-color: #fff!important;
        margin-bottom: 5px;
        transition: all 600ms ease;
        border-radius: 4px;
    }

.hide-me {
        background: rgba(0, 0, 0, 0);
        margin-top: -180px;
        transition: all 600ms ease;
    }
	
.hamburger-line a{color:#fff}
 .rotate-left {
        position: absolute;border:1px solid #fff;
        top: 185px;
        left: 0;
        transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        /* IE 9 */
        -webkit-transform: rotate(225deg);
        /* Chrome, Safari, Opera */
        transition: all 600ms ease;
        transition-delay: 200ms;
    }
.rotate-right {
        position: absolute;border:1px solid #fff;
        top: 185px;
        left: 0;
        transform: rotate(-225deg);
        -ms-transform: rotate(-225deg);
        /* IE 9 */
        -webkit-transform: rotate(-225deg);
        /* Chrome, Safari, Opera */
        transition: all 600ms ease;
    }



	

	
    .active {
        display: block;
    }
    .navMobile > li {
        float: none;
    }
    .navMobile > li > .parent {
        background-position: 95% 50%;
    }
    .navMobile li li .parent {
        background-image: url("/custom_cms/images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .navMobile ul {
        display: block;
        width: 100%;
    }
   .navMobile > li.MobileL1.hover > ul.MobileUL2 , .navMobile li li.MobileL1.hover ul.MobileUL2 {
        position: static;
    }
   .navMobile > li.MobileL2.hover > ul.MobileUL3 , .navMobile li li.MobileL2.hover ul.MobileUL3 {
        position: static;
    }
   .navMobile > li.MobileL3.hover > ul.MobileUL4 , .navMobile li li.MobileL3.hover ul.MobileUL4 {
        position: static;
    }
   .navMobile > li.MobileL4.hover > ul.MobileUL5 , .navMobile li li.MobileL4.hover ul.MobileUL5 {
        position: static;
    }
    

}













/*  MENU FOOTER   */

	
@media screen and (max-width: 480px) {
	
	.navMobile {
width:100%
}
	
		
	#lowerbar,#lowerbar li{padding:0 !important}
	
	
	.menuFooterMobile{font: 1.1em HelveticaNeueW01-47LtCn_692686, Arial, Tahoma;
}

.navFooterMobile, ul, li, a  {margin: 0; padding: 0;}

.navFooterMobile{}

.navFooterMobile .container {
    /*width: 100%;
    width: 300px;*/
    margin: 10px auto;
}
.navFooterMobile {
    list-style: none;
     *zoom: 1;width:50%;
     background:#707070;
}
.navFooterMobile:before,
.navFooterMobile:after {
    content: " "; 
    display: table; 
}
.navFooterMobile:after {
    clear: both;
}
.navFooterMobile ul {
    list-style: none;
    width: 9em;
}
.navFooterMobile a {
    padding: 10px 9px;
    color:#fff;
}
.navFooterMobile li {
    position: relative;
}
.navFooterMobile > li {
    float: left;
    border-top: 1px solid #fff;
}
.navFooterMobile > li > .parent {
    background-image: url("/custom_cms/images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.navFooterMobile > li > a {
    display: block;
}
.navFooterMobile li  ul {
    position: absolute;
    left: -9999px;
}
.navFooterMobile > li.hover > ul {
    left: 0;
}
.navFooterMobile li li.hover ul {
    left: 100%;
    top: 0;
}
.navFooterMobile li li a {
    display: block;
    background: #898989;
    position: relative;
    z-index:100;
    border-top: 1px solid #c0c0c0;
}
.navFooterMobile li li li a {
    background:#59b785;
    z-index:200;
    border-top: 1px solid #33a769;
}
	
    .active {
        display: block;
    }
    .navFooterMobile > li {
        float: none;
    }
    .navFooterMobile > li > .parent {
        background-position: 95% 50%;
    }
    .navFooterMobile li li .parent {
        background-image: url("/custom_cms/images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .navFooterMobile ul {
        display: block;
        width: 100%;
    }
   .navFooterMobile > li.hover > ul , .navFooterMobile li li.hover ul {
        position: static;
    }
	

	.navFooterMobile {
width:100%
}

.navFooterMobile > .seguicisu > .parent{     background-image:none !important}
  .seguicisu a {
        float: left;
    }
	.seguicisu img{height:23px}
	
}








