div button.nav {
    color: #000;
    height: 50px;
    margin-top: 0px;
    padding: 0;
	width: 100%;
	opacity: 0.7;
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s; 
}
div button.nav.disabled{
	opacity: 1;
	
}
div button.nav:hover{
    color:#000;
    opacity:1;
}
.buttons-header.active .logo-container, .buttons-header.active.subactive .title-page {
	-webkit-transition:all 600ms ease .4s;
	-moz-transition:all 600ms ease .4s;
	-ms-transition:all 600ms ease .4s;
	-o-transition:all 600ms ease .4s;
	transition:all 600ms ease .4s;
	-webkit-transform:translateX(0) rotateX(0);
	-moz-transform:translateX(0) rotateX(0);
	-ms-transform:translateX(0) rotateX(0);
	-o-transform:translateX(0) rotateX(0);
	transform:translateX(0) rotateX(0);
	opacity: 1;
}
.nav {
    backface-visibility: hidden;
    border: medium none;
    cursor: pointer;
    height: 65px;
    position: relative;
    width: 93px;
    z-index: 1;
	outline: none;
}

.nav:focus {
    outline: none;
}
.nav:hover{outline: none;}
.nav .icon-container {
    backface-visibility: hidden;
    cursor: pointer;
    height: 18px;
    left: 0;
    position: absolute;
	top: 19px;
	width: 31px;
}
.nav .line {
    background-color: #000;
    height: 2px;
    left: 0px;
    position: absolute;
    right: 0px;
    width: 30px;
	-webkit-transition:all 300ms cubic-bezier(.215,.61,.355,1);
	-moz-transition:all 300ms cubic-bezier(.215,.61,.355,1);
	-ms-transition:all 300ms cubic-bezier(.215,.61,.355,1);
	-o-transition:all 300ms cubic-bezier(.215,.61,.355,1);
	transition:all 300ms cubic-bezier(.215,.61,.355,1);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.nav .line01 {
    opacity: 1;
    top: 0;
    transition-delay: 210ms;
	-webkit-transition-delay:210ms;
	-moz-transition-delay:210ms;
	-ms-transition-delay:210ms;
	-o-transition-delay:210ms;
	transition-delay:210ms;
}
.nav .line02 {
    top: 8px;
	-webkit-transition-delay:140ms;
	-moz-transition-delay:140ms;
	-ms-transition-delay:140ms;
	-o-transition-delay:140ms;
	transition-delay:140ms;
}
.nav .line03 {
    top: 16px;

	-webkit-transition-delay:70ms;
	-moz-transition-delay:70ms;
	-ms-transition-delay:70ms;
	-o-transition-delay:70ms;
	transition-delay:70ms;
}
.nav .line04 {
    opacity: 0;
    top: 21px;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
	transition-delay:0ms
}
.active .nav .line {
    left: 0px;
}
/* EFFETTO ONDINA MENU ON LOADING */

/*
.nav:hover .line{
	-webkit-transform:translate3d(0,-7px,0);
	-moz-transform:translate3d(0,-7px,0);
	-ms-transform:translate3d(0,-7px,0);
	-o-transform:translate3d(0,-7px,0);
	transform:translate3d(0,-7px,0)
}

.nav:hover .line01{
	opacity:0;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
	transition-delay:0ms
}

.nav:hover .line02{
	-webkit-transition-delay:70ms;
	-moz-transition-delay:70ms;
	-ms-transition-delay:70ms;
	-o-transition-delay:70ms;
	transition-delay:70ms
}

.nav:hover .line03{
	-webkit-transition-delay:140ms;
	-moz-transition-delay:140ms;
	-ms-transition-delay:140ms;
	-o-transition-delay:140ms;
	transition-delay:140ms
}

.nav:hover .line04{
	opacity:1;
	-webkit-transition-delay:210ms;
	-moz-transition-delay:210ms;
	-ms-transition-delay:210ms;
	-o-transition-delay:210ms;
	transition-delay:210ms
}
*/
.loading .nav .line{
	-webkit-animation:loading .5s cubic-bezier(.215,.61,.355,1) infinite alternate;
	-moz-animation:loading .5s cubic-bezier(.215,.61,.355,1) infinite alternate;
	-o-animation:loading .5s cubic-bezier(.215,.61,.355,1) infinite alternate;
	-ms-animation:loading .5s cubic-bezier(.215,.61,.355,1) infinite alternate;
	animation:loading .5s cubic-bezier(.215,.61,.355,1) infinite alternate
}

.loading .nav .line01{
	-webkit-animation-delay:210ms;
	-moz-animation-delay:210ms;
	-o-animation-delay:210ms;
	-ms-animation-delay:210ms;
	animation-delay:210ms
}

.loading .nav .line02{
	-webkit-animation-delay:140ms;
	-moz-animation-delay:140ms;
	-o-animation-delay:140ms;
	-ms-animation-delay:140ms;
	animation-delay:140ms
}

.loading .nav .line03{
	-webkit-animation-delay:70ms;
	-moz-animation-delay:70ms;
	-o-animation-delay:70ms;
	-ms-animation-delay:70ms;
	animation-delay:70ms
}

.loading .nav .line04{
	-webkit-animation-delay:0ms;
	-moz-animation-delay:0ms;
	-o-animation-delay:0ms;
	-ms-animation-delay:0ms;
	animation-delay:0ms
}

.open.nav .line {
    transition: all 0.3s ease 0s;
}
.open.nav:hover .line {
    transform: none;
}
.open.nav .line:nth-child(2) {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
}
.open.nav .line:nth-child(4) {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
}
.open.nav .line:nth-child(1) {
    opacity: 1;
    top: 7px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.open.nav .line:nth-child(3) {
    opacity: 1;
    top: 7px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}