#pe-offcanvas {
  position: fixed;
  height: 100%;
  width: 440px;
  max-width: 100%;
  top: 0;
  z-index: 999999;
}
#pe-offcanvas.off-canvas-right {
  -webkit-transition: right 300ms ease-in-out;
  transition: right 300ms ease-in-out;
  right: -440px;
  left: auto;
}
#pe-offcanvas.off-canvas-left {
  -webkit-transition: left 300ms ease-in-out;
  transition: left 300ms ease-in-out;
  left: -440px;
  right: auto;
}
.off-canvas-opened #pe-offcanvas.off-canvas-right {
  right: 0;
  overflow-y: auto;
}
.off-canvas-opened #pe-offcanvas.off-canvas-left {
  left: 0;
  overflow-y: auto;
}
.off-canvas #pe-main {
  -webkit-transition: filter 300ms ease-in-out;
  transition: filter 300ms ease-in-out;
}
#pe-offcanvas {
  color: #2a2a2a;
  background: #ffffff;
}
#pe-offcanvas-toolbar {
  padding: 60px 60px 0;
}
#pe-offcanvas-toolbar.off-canvas-left {
  text-align: right;
}
#pe-offcanvas .toggle-nav.close {
  cursor: pointer;
}
.x-icon {
  display: block;
  width: 15px;
  height: 15px;
  position: relative;
}
.x-icon:before,
.x-icon:after {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #2a2a2a;
}
.x-icon:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.x-icon:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.x-icon:hover:before,
.x-icon:hover:after {
  background: #5d5d5d;
}
#pe-offcanvas-content {
  padding: 90px;
  text-align: center;
}
.toggle-nav.open {
  cursor: pointer;
  display: block;
  font-size: 40px;
  width: 40px;
  height: 40px;
  line-height: 1;
  text-align: center;
  color: inherit;
}
#pe-offcanvas-button .toggle-nav.open {
  color: #444444;
}
#pe-offcanvas h3.pe-title {
  color: #d4d4d4;
}
#pe-offcanvas h3.pe-title:after {
  left: 50%;
  margin-left: -11px;
}
#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: #2a2a2a;
}
#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: #2a2a2a;
  opacity: 1 !important;
}
#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: #2a2a2a;
}
#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: #2a2a2a;
}
#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: #2a2a2a;
}
#pe-offcanvas .readmore,
#pe-offcanvas .button,
#pe-offcanvas button,
#pe-offcanvas input[type="submit"],
#pe-offcanvas input[type="button"],
#pe-offcanvas input[type="reset"] {
  color: #ffffff;
  background: #2a2a2a;
}
#pe-offcanvas .readmore.active,
#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 .readmore:hover,
#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 .readmore:focus,
#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: #ffffff;
  background: #0048b9;
}
#pe-offcanvas .menu ul {
  border-color: rgba(42, 42, 42, 0.15);
}
#pe-offcanvas .menu li a {
  color: #2a2a2a;
}
#pe-offcanvas .menu li > a {
  border-color: rgba(42, 42, 42, 0.15);
}
#pe-offcanvas .menu > li.menu-item-has-children > a {
  position: relative;
  padding-right: 0;
  padding-left: 0;
}
#pe-offcanvas .menu > li.menu-item-has-children > a:after {
  content: "+";
  top: auto;
  margin: 0 10px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  position: relative;
}
#pe-offcanvas .menu .sub-menu {
  padding: 10px 0;
}
#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: #0048b9;
}