#outer{
position:relative;
top:0px;
bottom:0px;
left:0px;
right:0px;
-ms-transform:translate(0px, 0px);
-webkit-transform:translate(0px, 0px);
transform:translate(0px, 0px);
-webkit-transition:transform 0.25s ease-in-out 0s;
transition:transform 0.25s ease-in-out 0s;
}
#outer.showmobilenav{
-ms-transform:translate(80%, 0px);
-webkit-transform:translate(80%, 0px);
transform:translate(80%, 0px);
-webkit-transition:transform 0.25s ease-in-out 0s;
transition:transform 0.25s ease-in-out 0s;
}

#panels-wrapper{
/*height:100%;*/
}
#panels-wrapper > *{
height:100%;
position:fixed;
top:0px;
-ms-transform:translate(0px, 0px);
-webkit-transform:translate(0px, 0px);
transform:translate(0px, 0px);
-webkit-transition:transform 0.25s ease-in-out 0s;
transition:transform 0.25s ease-in-out 0s;
z-index:10000;
}
#navPanel{
left:-80%;
width:80%;
overflow:auto;
-webkit-overflow-scrolling: touch;
}
#panels-wrapper.showmobilenav #navPanel{
-ms-transform:translate(100%, 0px);
-webkit-transform:translate(100%, 0px);
transform:translate(100%, 0px);
-webkit-transition:transform 0.25s ease-in-out 0s;
transition:transform 0.25s ease-in-out 0s;
}

#overlay-wrapper{
position:relative;
}
#utilityOverlay{
position:fixed;
top:0px;
width:100%;
z-index:10000;
-ms-transform:translate(0px, 0px);
-webkit-transform:translate(0px, 0px);
transform:translate(0px, 0px);
-webkit-transition:transform 0.25s ease-in-out 0s;
transition:transform 0.25s ease-in-out 0s;
}