body{-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease}.wpoffcanvaspanels_panel{overflow:auto;position:fixed;z-index:9999999;background:#515151;color:#FFF;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:10px;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease}.wpoffcanvaspanels_panel.wpoffcanvaspanels_bottom,.wpoffcanvaspanels_panel.wpoffcanvaspanels_top{overflow:auto;overflow-y:hidden}.wpoffcanvaspanels_panel .wpoffcanvaspanels_close{display:block;position:absolute;top:5px;right:5px;width:20px;height:20px;line-height:17px;text-align:center;z-index:99;cursor:pointer;font-weight:700;background:#FFF;color:#000;-webkit-transition:all 200ms ease;-moz-transition:all 200ms ease;-ms-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease}.wpoffcanvaspanels_panel.wpoffcanvaspanels_top{top:-300px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.wpoffcanvaspanels_panel.wpoffcanvaspanels_left{top:50%;left:-300px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.wpoffcanvaspanels_panel.wpoffcanvaspanels_right{top:50%;right:-300px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.wpoffcanvaspanels_panel.wpoffcanvaspanels_bottom{bottom:-300px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.wpoffcanvaspanels_panel.wpoffcanvaspanels_top,.wpoffcanvaspanels_panel.wpoffcanvaspanels_bottom{width:100%;height:300px}.wpoffcanvaspanels_panel.wpoffcanvaspanels_left,.wpoffcanvaspanels_panel.wpoffcanvaspanels_right{width:300px;height:100%}.wpoffcanvaspanels_button{position:fixed;z-index:999999;text-align:center;cursor:pointer}.wpoffcanvaspanels_button span{display:inline-block;width:100%;height:100%}.wpoffcanvaspanels_button.wpoffcanvaspanels_top-left{top:0;left:0}.wpoffcanvaspanels_button.wpoffcanvaspanels_center-left{top:48%;left:0}.wpoffcanvaspanels_button.wpoffcanvaspanels_bottom-left{bottom:0;left:0}.wpoffcanvaspanels_button.wpoffcanvaspanels_top-right{top:0;right:0}.wpoffcanvaspanels_button.wpoffcanvaspanels_center-right{top:48%;right:0}.wpoffcanvaspanels_button.wpoffcanvaspanels_bottom-right{bottom:0;right:0}.wpoffcanvaspanels_button.wpoffcanvaspanels_top-center{top:0;left:50%}.wpoffcanvaspanels_button.wpoffcanvaspanels_bottom-center{bottom:0;left:50%}#wpoffcanvaspanels_overlay{position:fixed;z-index:9999998;background:rgba(0,0,0,.5);width:100%;height:100%;left:0;top:0;display:none;-webkit-transition:top 500ms ease,left 500ms ease;-moz-transition:top 500ms ease,left 500ms ease;-ms-transition:top 500ms ease,left 500ms ease;-o-transition:top 500ms ease,left 500ms ease;transition:top 500ms ease,left 500ms ease}.wpoffcanvaspanels_panel.wpoffcanvaspanels_top .widget,.wpoffcanvaspanels_panel.wpoffcanvaspanels_bottom .widget{display:inline-block;width:auto;margin:0 10px 0 0;padding:0 0 0 10px;vertical-align:top}