.cbp-spmenu { background: rgb(71, 163, 218) none repeat scroll 0% 0%; position: fixed; }
.cbp-spmenu h3 { color: rgb(175, 222, 250); font-size: 1.9em; padding: 20px; margin: 0px; font-weight: 300; background: rgb(13, 119, 182) none repeat scroll 0% 0%; }
.cbp-spmenu a { display: block; color: rgb(255, 255, 255); font-size: 1.1em; font-weight: 300; }
.cbp-spmenu a:hover { background: rgb(37, 142, 205) none repeat scroll 0% 0%; }
.cbp-spmenu a:active { background: rgb(175, 222, 250) none repeat scroll 0% 0%; color: rgb(71, 163, 218); }
.cbp-spmenu-vertical { width: 240px; height: 100%; top: 0px; z-index: 1000; overflow-y: scroll; }
.cbp-spmenu-vertical a { border-bottom: 1px solid rgb(37, 142, 205); padding: 1em; }
.cbp-spmenu-horizontal { width: 100%; height: 150px; left: 0px; z-index: 1000; overflow: hidden; }
.cbp-spmenu-horizontal h3 { height: 100%; width: 20%; float: left; }
.cbp-spmenu-horizontal a { float: left; width: 20%; padding: 0.8em; border-left: 1px solid rgb(37, 142, 205); }
.cbp-spmenu-left { left: -240px; }
.cbp-spmenu-right { right: -240px; }
.cbp-spmenu-left.menu-open { left: 0px; }
.cbp-spmenu-right.menu-open { right: 0px; }
.cbp-spmenu-top { top: -150px; }
.cbp-spmenu-bottom { bottom: -150px; }
.cbp-spmenu-top.menu-open { top: 0px; }
.cbp-spmenu-bottom.menu-open { bottom: 0px; }
.push-body { overflow-x: hidden; position: relative; left: 0px; }
.push-body-toright { left: 240px; }
.push-body-toleft { left: -240px; }
.cbp-spmenu, .push-body { transition: all 0.3s ease 0s; }
@media screen and (max-width: 55.1875em) {
  .cbp-spmenu-horizontal { font-size: 75%; height: 110px; }
  .cbp-spmenu-top { top: -110px; }
  .cbp-spmenu-bottom { bottom: -110px; }
}
@media screen and (max-height: 26.375em) {
  .cbp-spmenu-vertical { font-size: 90%; width: 190px; }
  .cbp-spmenu-left, .push-body-toleft { left: -190px; }
  .cbp-spmenu-right { right: -190px; }
  .push-body-toright { left: 190px; }
}