#pe-main {
  -webkit-transition: 300ms ease margin;
  transition: 300ms ease margin;
}
#pe-offcanvas {
  height: 100%;
  position: fixed;
  z-index: 998;
  top: 0;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  width: 300px;
}
#pe-offcanvas.off-canvas-right {
  right: -300px;
  left: auto;
}
#pe-offcanvas.off-canvas-left {
  left: -300px;
  right: auto;
}
.off-canvas #pe-offcanvas.off-canvas-right {
  right: 0;
  overflow-y: auto;
}
.off-canvas #pe-offcanvas.off-canvas-left {
  left: 0;
  overflow-y: auto;
}
.off-canvas #pe-main {
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
/*.off-canvas.off-canvas-right #pe-main {
	margin-left: -(unit(@PEoffcanvasWidth, px));
	margin-right: unit(@PEoffcanvasWidth, px);
}*/
.off-canvas.off-canvas-left #pe-main {
  margin-right: -300px;
  margin-left: 300px;
}
#pe-offcanvas {
  color: #444444;
  background: #ffffff;
}
#pe-offcanvas-content {
  padding: 15px;
}
#pe-offcanvas-toolbar {
  background: #f2f2f2;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
}
#pe-offcanvas-toolbar.off-canvas-left {
  text-align: right;
}
#pe-offcanvas .toggle-nav.close {
  cursor: pointer;
  color: #444444;
}
#pe-offcanvas .toggle-nav.close:hover {
  color: #002cce;
}
.toggle-nav.open {
  cursor: pointer;
  display: block;
  color: #444444;
  line-height: 1;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  padding: 0;
  background: none;
  border: none;
}
.toggle-nav.open:hover,
.toggle-nav.open.active {
  color: #002cce;
}
#pe-offcanvas a {
  color: rgba(68, 68, 68, 0.5);
}
#pe-offcanvas select,
#pe-offcanvas textarea,
#pe-offcanvas input[type="text"],
#pe-offcanvas input[type="password"],
#pe-offcanvas input[type="datetime"],
#pe-offcanvas input[type="datetime-local"],
#pe-offcanvas input[type="date"],
#pe-offcanvas input[type="month"],
#pe-offcanvas input[type="time"],
#pe-offcanvas input[type="week"],
#pe-offcanvas input[type="number"],
#pe-offcanvas input[type="email"],
#pe-offcanvas input[type="url"],
#pe-offcanvas input[type="search"],
#pe-offcanvas input[type="tel"],
#pe-offcanvas input[type="color"] {
  color: #444444;
  border-color: #d9d9d9;
}
#pe-offcanvas select::-moz-placeholder,
#pe-offcanvas textarea::-moz-placeholder,
#pe-offcanvas input[type="text"]::-moz-placeholder,
#pe-offcanvas input[type="password"]::-moz-placeholder,
#pe-offcanvas input[type="datetime"]::-moz-placeholder,
#pe-offcanvas input[type="datetime-local"]::-moz-placeholder,
#pe-offcanvas input[type="date"]::-moz-placeholder,
#pe-offcanvas input[type="month"]::-moz-placeholder,
#pe-offcanvas input[type="time"]::-moz-placeholder,
#pe-offcanvas input[type="week"]::-moz-placeholder,
#pe-offcanvas input[type="number"]::-moz-placeholder,
#pe-offcanvas input[type="email"]::-moz-placeholder,
#pe-offcanvas input[type="url"]::-moz-placeholder,
#pe-offcanvas input[type="search"]::-moz-placeholder,
#pe-offcanvas input[type="tel"]::-moz-placeholder,
#pe-offcanvas input[type="color"]::-moz-placeholder {
  color: #444444;
  opacity: 1;
}
#pe-offcanvas select:-ms-input-placeholder,
#pe-offcanvas textarea:-ms-input-placeholder,
#pe-offcanvas input[type="text"]:-ms-input-placeholder,
#pe-offcanvas input[type="password"]:-ms-input-placeholder,
#pe-offcanvas input[type="datetime"]:-ms-input-placeholder,
#pe-offcanvas input[type="datetime-local"]:-ms-input-placeholder,
#pe-offcanvas input[type="date"]:-ms-input-placeholder,
#pe-offcanvas input[type="month"]:-ms-input-placeholder,
#pe-offcanvas input[type="time"]:-ms-input-placeholder,
#pe-offcanvas input[type="week"]:-ms-input-placeholder,
#pe-offcanvas input[type="number"]:-ms-input-placeholder,
#pe-offcanvas input[type="email"]:-ms-input-placeholder,
#pe-offcanvas input[type="url"]:-ms-input-placeholder,
#pe-offcanvas input[type="search"]:-ms-input-placeholder,
#pe-offcanvas input[type="tel"]:-ms-input-placeholder,
#pe-offcanvas input[type="color"]:-ms-input-placeholder {
  color: #444444;
  opacity: 1;
}
#pe-offcanvas select::-webkit-input-placeholder,
#pe-offcanvas textarea::-webkit-input-placeholder,
#pe-offcanvas input[type="text"]::-webkit-input-placeholder,
#pe-offcanvas input[type="password"]::-webkit-input-placeholder,
#pe-offcanvas input[type="datetime"]::-webkit-input-placeholder,
#pe-offcanvas input[type="datetime-local"]::-webkit-input-placeholder,
#pe-offcanvas input[type="date"]::-webkit-input-placeholder,
#pe-offcanvas input[type="month"]::-webkit-input-placeholder,
#pe-offcanvas input[type="time"]::-webkit-input-placeholder,
#pe-offcanvas input[type="week"]::-webkit-input-placeholder,
#pe-offcanvas input[type="number"]::-webkit-input-placeholder,
#pe-offcanvas input[type="email"]::-webkit-input-placeholder,
#pe-offcanvas input[type="url"]::-webkit-input-placeholder,
#pe-offcanvas input[type="search"]::-webkit-input-placeholder,
#pe-offcanvas input[type="tel"]::-webkit-input-placeholder,
#pe-offcanvas input[type="color"]::-webkit-input-placeholder {
  color: #444444;
  opacity: 1;
}
#pe-offcanvas select:focus,
#pe-offcanvas textarea:focus,
#pe-offcanvas input[type="text"]:focus,
#pe-offcanvas input[type="password"]:focus,
#pe-offcanvas input[type="datetime"]:focus,
#pe-offcanvas input[type="datetime-local"]:focus,
#pe-offcanvas input[type="date"]:focus,
#pe-offcanvas input[type="month"]:focus,
#pe-offcanvas input[type="time"]:focus,
#pe-offcanvas input[type="week"]:focus,
#pe-offcanvas input[type="number"]:focus,
#pe-offcanvas input[type="email"]:focus,
#pe-offcanvas input[type="url"]:focus,
#pe-offcanvas input[type="search"]:focus,
#pe-offcanvas input[type="tel"]:focus,
#pe-offcanvas input[type="color"]:focus {
  border-color: #cccccc;
}
#pe-offcanvas .button,
#pe-offcanvas button,
#pe-offcanvas input[type="submit"],
#pe-offcanvas input[type="button"],
#pe-offcanvas input[type="reset"] {
  color: #ffffff;
  background: #444444;
  border-color: #444444;
}
#pe-offcanvas .button.active,
#pe-offcanvas button.active,
#pe-offcanvas input[type="submit"].active,
#pe-offcanvas input[type="button"].active,
#pe-offcanvas input[type="reset"].active,
#pe-offcanvas .button:hover,
#pe-offcanvas button:hover,
#pe-offcanvas input[type="submit"]:hover,
#pe-offcanvas input[type="button"]:hover,
#pe-offcanvas input[type="reset"]:hover,
#pe-offcanvas .button:focus,
#pe-offcanvas button:focus,
#pe-offcanvas input[type="submit"]:focus,
#pe-offcanvas input[type="button"]:focus,
#pe-offcanvas input[type="reset"]:focus {
  color: #444444;
  background: transparent;
  border-color: #444444;
}
#pe-offcanvas .readmore {
  color: inherit;
  border-color: currentColor;
  background: transparent;
}
#pe-offcanvas .readmore.active,
#pe-offcanvas .readmore:hover,
#pe-offcanvas .readmore:focus {
  color: inherit;
  border-color: currentColor;
  background: rgba(68, 68, 68, 0.2);
}
#pe-offcanvas .menu ul {
  border-color: rgba(68, 68, 68, 0.15);
}
#pe-offcanvas .menu li a {
  color: #444444;
}
#pe-offcanvas .menu li > a {
  border-color: rgba(68, 68, 68, 0.15);
}
#pe-offcanvas .menu li a:hover,
#pe-offcanvas .menu li a:active,
#pe-offcanvas .menu li a:focus,
#pe-offcanvas .menu .current-menu-item > a {
  color: rgba(68, 68, 68, 0.5);
}