.hamburguer{
	cursor:pointer;
}

/**hamburguerCLASS****************************************************/
.menuHamburguer{
	width:27px;
	height:18px;
}
.menuHamburguer *{
	cursor:pointer;
}

.hamburguerLabel{
	position:relative;
	width:100%;
	height:100%;
	display: block;
	pointer-events: auto;
}
.hamburguerBG{
	position: absolute;
	display: block;
	width: 100%;
	height:100%;
    left: 0px;
    top: 0px;
}

.hamburguer {
    position: absolute;
    transition: all 0.3s ease 0s;
	width: 100%;
	top: 50%;
}
.hamburguer::before {
    top: 9px;
}
.hamburguer::after {
    top: -9px;
}

.hamburguer, .hamburguer::before, .hamburguer::after{
	background: #0A2D69 none repeat scroll 0 0;
	content: "";
  display: inline-block;
	height: 2px;

}
.hamburguer::before, .hamburguer::after {
    left: 0;
    position: absolute;
    transform-origin: 0.28571rem center 0;
    transition: transform 0.3s;
	width: 100%;
}


.hamburguerSwitch{
	display: none;
}
.hamburguerSwitch:checked + label .hamburguer::before, .hamburguerSwitch:checked + label .hamburguer::after{
	transform-origin: 50% 50%;
	top:0px;
}

.hamburguerSwitch:checked + label .hamburguer::before{
	transform: rotate3d(0, 0, 1, -45deg);
}
.hamburguerSwitch:checked + label .hamburguer::after{
	transform: rotate3d(0, 0, 1, 45deg);
}

.hamburguerSwitch:checked + label .hamburguer{
	background:transparent;
}
/******************************************************/

#sideBar{
	position:fixed;
	top:0px;
	left:-100%;
	width:100%;
	height:100%;
	-webkit-transition: left 1s; /* Safari */
	transition: left 1s;

	z-index: 20;
}

#sideBarCont{
	position:absolute;
	background-color:#FFF;
	width:auto;
	height:100%;
	max-width: 100%;
}

.sideBarLable{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

@media only screen and (max-width: 800px) {
	#sideTogleCont, #sideBar{
		display:block;
	}
}
@media only screen and (min-width: 800px) {
	#sideTogleCont, #sideBar{
		display:none;
	}
}