@media screen and (max-width: 1023px) {
	

	
#menuPrincipaleBar{display:none}

#menuMobileBar{display:block !important;position:relative;top:-60px;z-index:99999;clear:both;}

.menuMobile{font: 16px robotomed;text-transform:uppercase;
  letter-spacing: 0.5px;
}


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



.navMobile .container {
    /*width: 100%;
    width: 300px;*/
    margin: 10px auto;
}
.toggleMenu {
    display:  none;padding:22px 20px 22px 19px;
    /*padding: 18px 15px;*/
    color: #6f7d86;
}
.navMobile {
    list-style: none;
     *zoom: 1;width:40%;
     background:#6f7d86;
}
.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: #a7abae;
    position: relative;
    z-index:100;text-indent:15px;
    border-top: 1px solid #fff;
}
.navMobile li li li a {
    background:#949494;
    z-index:200;text-indent:30px;
    border-top: 1px solid #fff;
}


.navMobile li li li li a {
    background:#b1cdda;
    z-index:200;text-indent:45px;
    border-top: 1px solid #fff;
}




.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 #6f7d86;
        width: 100%;
        height: 1px;
        background-color: #6f7d86!important;
        margin-bottom: 5px;
        transition: all 600ms ease;
        border-radius: 4px;
    }

.hide-me {
        background: rgba(0, 0, 0, 0);
        margin-top: -120px;
        transition: all 600ms ease;
    }
	
.hamburger-line a{color:#fff}
 .rotate-left {
        position: absolute;border:1px solid #6f7d86;
        top: 130px;
        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 #6f7d86;
        top: 130px;
        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: 680px) {
	
#menuMobileBar{top:-37px;}
	
	.navMobile {
width:100%
}
	
		
	}