.page-header > button.navbar-toggle{-webkit-appearance:none;border-radius:0;margin:0;padding:0}
.page-header > .navbar-toggle{border:0;background-color:transparent;width:40px;height:40px;position:absolute;left:20px;top:20px;z-index:100;cursor:pointer;border:1px solid white;border-radius:4px;margin:10px 15px 10px 0;width:40px;height:40px}
.page-header > .navbar-toggle .icon-bar{margin:0 auto;position:relative;background:#fff;width:24px;height:2px;border-radius:1px}
.page-header > .navbar-toggle .icon-bar + .icon-bar{margin-top:4px}
.page-container > .sidenav{font-size:18px;position:fixed;top:0;bottom:0;left:0;z-index: 1000;box-shadow:0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);background:white;color:#3C4858;width:260px;transition:transform 0.15s, opacity 0.15s;-webkit-transform:translate3d(-260px, 0, 0);opacity:0;height:100%;}
.page-container > .sidenav .wrap{overflow:auto;padding: 0}
.page-container > .sidenav .logo{padding: 30px 0 10px 0;}
.page-container > .sidenav .list{}
.page-container > .sidenav .list .on{background:white}
.page-container > .sidenav .list .on .{}
.page-container > .sidenav .list .on > a{background-color:rgba(238, 131, 88, 0.9);color:white;border-radius:3px;box-shadow:0px 4px 4px 0px rgb(198, 129, 101)}
.page-container > .sidenav .list .on a:hover{}
.page-container > .sidenav .list .on .nav-collapse{}
.page-container > .sidenav .list .on .nav-collapse .wrap{}
.page-container > .sidenav .list li{float:none;overflow:hidden}
.page-container > .sidenav .list li + li{}
.page-container > .sidenav .list li a{display:block;padding:10px 30px 10px 50px;position:relative;/* margin:10px 0; */}
.page-container > .sidenav .list li a.master{background: #003889; color: white;}
.page-container > .sidenav .list li a:hover{}
.page-container > .sidenav .list li .nav-collapse{position:initial;background:initial;font-size:16px;transition:none}
.page-container > .sidenav .list li .nav-collapse *{transition:none}
.page-container > .sidenav .list li .nav-collapse .wrap{padding:0}
.page-container > .sidenav .list li .nav-collapse .wrap .list{}
.page-container > .sidenav .list li .nav-collapse .wrap .list .on{}
.page-container > .sidenav .list li .nav-collapse .wrap .list .on .{}
.page-container > .sidenav .list li .nav-collapse .wrap .list .on a{}
.page-container > .sidenav .list li .nav-collapse .wrap .list .on a:hover{}
.page-container > .sidenav .list li .nav-collapse .wrap .list li{}
.page-container > .sidenav .list li .nav-collapse .wrap .list li .{}
.page-container > .sidenav .list li .nav-collapse .wrap .list li a{padding:10px 20px 10px 60px}
.page-container > .sidenav .list li .nav-collapse .wrap .list li a:hover{}
.page-container > .sidenav .list li .caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent;position:absolute;right:30px;top:23px}
.page-container > .sidenav .list li.in .caret{-webkit-transform:rotate(180deg)}
body.nav-open{}
body.nav-open > .page-container > .sidenav{-webkit-transform:translate3d(0px, 0, 0);opacity:1}
body.nav-open > .page-container > .petfair-network, 
body.nav-open > .page-container > .page-content, 
body.nav-open > .page-container > .page-footer{/* -webkit-transform:translate3d(260px, 0, 0); */}