.bottom-navbar{position:relative;overflow:hidden}.bottom-navbar>.page{position:absolute;top:0;left:0;right:0;bottom:50px !important;overflow:auto}.bottom-navbar-container{background:#fff;position:absolute;bottom:0;left:0;right:0;-moz-box-shadow:0 0 7px 0 #999;-webkit-box-shadow:0 0 7px 0 #999;box-shadow:0 0 7px 0 #999}.bottom-navbar-container ul{display:table;width:100%;list-style:none;margin:0;padding:0}.bottom-navbar-container ul li{display:table-cell;height:50px;font-size:0.7em;color:#666;min-height:100%;text-align:center;vertical-align:middle;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-webkit-transition-duration:0.3s;transition-duration:0.3s}.bottom-navbar-container ul li:hover,.bottom-navbar-container ul li:active{color:#CAAE7A;cursor:pointer}.bottom-navbar-container.bottom{top:auto;right:0}.bottom-navbar-container.bottom ul{display:table}.bottom-navbar-container.bottom ul li{display:table-cell;height:50px;min-height:100%;padding:0}.bottom-navbar-container.bottom ul li:hover,.bottom-navbar-container.bottom ul li:active{color:#CAAE7A;cursor:pointer}@media (min-width: 420px){.bottom-navbar .page{left:90px;bottom:0}.bottom-navbar-container{top:0;right:auto}.bottom-navbar-container ul{display:block}.bottom-navbar-container ul li{display:block;padding:.5em;height:auto;min-width:90px}}