.fixed-menu-wrap, .fixed-settings-wrap {
  position: fixed;
  left: -280px;
  top: 0;
  bottom: 0;
  width: 280px;
  background: #e4e4e4;
  z-index: 999999;
  transition: 0.3s; }
  .fixed-menu-wrap .header-panel, .fixed-settings-wrap .header-panel {
    display: block;
    margin: 0;
    padding: 10px 0 0 10px;
    background: none;
    border: none; }
    .fixed-menu-wrap .header-panel > span, .fixed-settings-wrap .header-panel > span {
      display: block !important;
      float: none !important;
      border: none !important;
      margin: 0 0 20px !important;
      padding: 0 !important;
      line-height: normal !important; }
      .fixed-menu-wrap .header-panel > span.image-hide, .fixed-settings-wrap .header-panel > span.image-hide {
        margin-bottom: 10px !important; }
        .fixed-menu-wrap .header-panel > span.image-hide span, .fixed-settings-wrap .header-panel > span.image-hide span {
          display: inline-block; }
        .fixed-menu-wrap .header-panel > span.image-hide a, .fixed-settings-wrap .header-panel > span.image-hide a {
          display: inline-block;
          vertical-align: top;
          top: 1px;
          margin-left: 10px; }
      .fixed-menu-wrap .header-panel > span.settings, .fixed-settings-wrap .header-panel > span.settings {
        display: none !important; }
      .fixed-menu-wrap .header-panel > span.color-theme a, .fixed-settings-wrap .header-panel > span.color-theme a {
        display: inline-block !important; }
      .fixed-menu-wrap .header-panel > span > span, .fixed-settings-wrap .header-panel > span > span {
        display: block;
        margin: 0 0 10px !important;
        vertical-align: top; }
    .fixed-menu-wrap .header-panel .normal-version, .fixed-settings-wrap .header-panel .normal-version {
      float: none; }
    .fixed-menu-wrap .header-panel .header-panel-bottom, .fixed-settings-wrap .header-panel .header-panel-bottom {
      position: static;
      padding: 0;
      border: none;
      background: none;
      z-index: auto;
      display: block; }
      .fixed-menu-wrap .header-panel .header-panel-bottom .title, .fixed-settings-wrap .header-panel .header-panel-bottom .title, .fixed-menu-wrap .header-panel .header-panel-bottom .colors, .fixed-settings-wrap .header-panel .header-panel-bottom .colors, .fixed-menu-wrap .header-panel .header-panel-bottom .close-panel, .fixed-settings-wrap .header-panel .header-panel-bottom .close-panel {
        display: none; }
      .fixed-menu-wrap .header-panel .header-panel-bottom .row, .fixed-settings-wrap .header-panel .header-panel-bottom .row {
        font-size: 16px;
        padding-bottom: 15px;
        margin-bottom: 0; }
        .fixed-menu-wrap .header-panel .header-panel-bottom .row > div, .fixed-settings-wrap .header-panel .header-panel-bottom .row > div {
          margin-bottom: 10px; }
        .fixed-menu-wrap .header-panel .header-panel-bottom .row a, .fixed-settings-wrap .header-panel .header-panel-bottom .row a {
          padding: 5px;
          font-size: 16px;
          margin-bottom: 5px; }
  .fixed-menu-wrap form, .fixed-settings-wrap form {
    display: block;
    padding: 20px 20px 10px;
    font-size: 0; }
    .fixed-menu-wrap form input[type="text"], .fixed-settings-wrap form input[type="text"] {
      height: 30px;
      border: 1px solid #a9a9a9;
      padding: 0 10px;
      box-sizing: border-box;
      color: #333;
      background: #fff;
      width: 168px;
      font-size: 14px; }
    .fixed-menu-wrap form input[type="submit"], .fixed-settings-wrap form input[type="submit"] {
      height: 30px;
      border: none;
      background: #a9a9a9;
      color: #fff;
      font-size: 14px; }
  .fixed-menu-wrap.opened, .fixed-settings-wrap.opened {
    left: 0;
    z-index: 9999999; }
  .fixed-menu-wrap > ul, .fixed-settings-wrap > ul {
    margin: 0 20px;
    padding: 10px 0 0;
    list-style: none; }
    .fixed-menu-wrap > ul ul, .fixed-settings-wrap > ul ul {
      margin: 0;
      padding: 0 0 0 15px;
      list-style: none; }
      .fixed-menu-wrap > ul ul li a, .fixed-settings-wrap > ul ul li a {
        font-size: 13px; }
    .fixed-menu-wrap > ul + ul, .fixed-settings-wrap > ul + ul {
      margin-top: 20px;
      padding-top: 20px;
      border-top: 1px solid #333; }
    .fixed-menu-wrap > ul > li, .fixed-settings-wrap > ul > li {
      display: block; }
      .fixed-menu-wrap > ul > li > a, .fixed-settings-wrap > ul > li > a {
        display: block;
        font-size: 14px;
        font-weight: bold;
        padding: 10px 0;
        text-decoration: none; }

@media (min-width: 700px) and (max-width: 1023px) {
  body {
    min-width: 0;
    max-width: 990px; }
    body a[data-theme="brown-theme"], body a[data-theme="green-theme"] {
      display: inline-block !important; }
    body .footer {
      width: auto !important;
      max-width: 990px; }
    body .table.header-nav .td {
      display: block;
      text-align: center; }
      body .table.header-nav .td .menu-top {
        text-align: center; }

  .wrapper {
    width: auto !important;
    max-width: 990px; }
    .wrapper .header-in-wrap {
      padding: 0; }
    .wrapper .header .site-logo {
      display: block;
      text-align: center;
      padding: 0; }
      .wrapper .header .site-contacts, .wrapper .header .site-contacts-in {
        text-align: center;
        padding: 0;
        display: block; }
      .wrapper .header .header-panel-bottom .letter-spacing + .title, .wrapper .header .header-panel-bottom .letter-spacing + .title + .colors {
        display: none; }
      .wrapper .header .header-panel > span, .wrapper .header .header-panel .normal-version {
        margin: 0 0 -10px;
        display: block;
        text-align: center;
        float: none;
        border: none;
        box-sizing: border-box; }
      .wrapper .header .header-panel span.font-size {
        float: left;
        width: 50%;
        text-align: left; }
      .wrapper .header .header-panel span.color-theme {
        float: right;
        width: 50%;
        text-align: right; }
      .wrapper .header .header-panel span.settings {
        float: left;
        width: 33.3%;
        text-align: left;
        padding-left: 0; }
      .wrapper .header .header-panel span.image-hide {
        float: left;
        width: 33.3%;
        text-align: center;
        padding-left: 0; }
      .wrapper .header .header-panel .normal-version {
        margin: -15px 0 0;
        display: block;
        text-align: center;
        float: none; } }

#sandbox_theme_panel_602241 {
  opacity: 0.2;
  width: 180px !important; }

@media (max-width: 699px) {
  body {
    min-width: 0;
    max-width: 990px; }
    body .footer-in {
      height: auto; }
    body .footer {
      width: auto !important;
      max-width: 990px; }
      body .footer .table .td {
        display: block;
        text-align: center; }

  .wrapper {
    width: auto !important;
    max-width: 990px; }
    .wrapper .header .site-logo {
      display: block;
      text-align: center;
      padding: 0; }
      .wrapper .header .site-logo .site-name {
        font-size: 35px; }
      .wrapper .header .site-logo .site-slogan {
        font-size: 13px; }
      .wrapper .header .site-contacts, .wrapper .header .site-contacts-in {
        text-align: center;
        padding: 0;
        display: block;
        font-size: 15px; }

  #side-left, .header-nav {
    display: none !important; }

  #content {
    margin-left: 0 !important;
    padding-left: 0 !important; }

  .menu-button, .settings-button {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #e4e4e4;
    border-radius: 0 0 4px 0;
    font-size: 0;
    z-index: 100;
    top: 0;
    right: -40px;
    transition: 0.3s; }
    .menu-button:before, .settings-button:before {
      position: absolute;
      left: 7px;
      right: 7px;
      top: 10px;
      border-top: 2px solid #333;
      border-radius: 3px;
      content: ''; }
    .menu-button:after, .settings-button:after {
      position: absolute;
      left: 7px;
      right: 7px;
      bottom: 11px;
      border-top: 2px solid #333;
      border-radius: 3px;
      content: ''; }
    .menu-button span, .settings-button span {
      position: absolute;
      left: 7px;
      right: 7px;
      bottom: 20px;
      border-top: 2px solid #333;
      border-radius: 3px; }

  .settings-button {
    top: 42px;
    border-radius: 0 4px 4px 0; }
    .settings-button:before, .settings-button:after {
      display: none; }
    .settings-button svg {
      width: 60px;
      height: 60px;
      margin: -10px 0 0 -10px; }

  .header-panel {
    display: none; }

  .fixed-menu-wrap, .fixed-settings-wrap {
    left: -280px; } }

.dark-theme .fixed-settings-wrap .header-panel, .dark-theme .fixed-settings-wrap .font-size a, .dark-theme .fixed-settings-wrap .header-panel-bottom {
  color: #000; }
  .dark-theme .fixed-settings-wrap .image-hide a:before, .dark-theme .fixed-settings-wrap .image-hide a:after, .dark-theme .fixed-settings-wrap .image-hide a {
    border-color: #000; }
  .dark-theme .fixed-settings-wrap .header-panel-bottom .row a {
    color: #000;
    border-color: #000; }
    .dark-theme .fixed-settings-wrap .header-panel-bottom .row a.active {
      border-color: #fff; }
  .dark-theme .fixed-settings-wrap .normal-version {
    color: #000; }
  .dark-theme .fixed-menu-wrap ul a {
    color: #333; }
  .dark-theme form input[type="submit"] {
    background: #333; }
  .dark-theme form input[type="text"] {
    border-color: #333; }

.azure-theme .fixed-menu-wrap {
  background: #063462; }
  .azure-theme .menu-button, .azure-theme .settings-button {
    background: #063462; }
  .azure-theme .menu-button:before, .azure-theme .settings-button:before, .azure-theme .menu-button:after, .azure-theme .settings-button:after, .azure-theme .menu-button span, .azure-theme .settings-button span, .azure-theme .menu-button svg, .azure-theme .settings-button svg {
    fill: #9dd1ff;
    border-color: #9dd1ff; }
  .azure-theme .fixed-settings-wrap {
    background: #063462; }
  .azure-theme .fixed-settings-wrap .header-panel {
    color: #9dd1ff; }
    .azure-theme .fixed-settings-wrap .header-panel .font-size a {
      color: #9dd1ff; }
    .azure-theme .fixed-settings-wrap .header-panel .image-hide a:before, .azure-theme .fixed-settings-wrap .header-panel .image-hide a:after, .azure-theme .fixed-settings-wrap .header-panel .image-hide a {
      border-color: #9dd1ff; }
  .azure-theme .fixed-settings-wrap .header-panel-bottom {
    color: #9dd1ff; }
    .azure-theme .fixed-settings-wrap .header-panel-bottom .row a {
      color: #9dd1ff;
      border-color: #9dd1f9; }
    .azure-theme .fixed-settings-wrap .header-panel-bottom .row a.active {
      background: #9dd1ff;
      color: #063462; }
  .azure-theme .fixed-settings-wrap .normal-version {
    color: #9dd1ff; }
  .azure-theme .fixed-menu-wrap ul a {
    color: #9dd1ff; }
  .azure-theme form input[type="submit"] {
    background: #9dd1ff; }
  .azure-theme form input[type="text"] {
    border-color: #9dd1ff; }
  .azure-theme ul + ul {
    border-top-color: #9dd1ff; }

.brown-theme .fixed-menu-wrap {
  background: #4d4b43; }
  .brown-theme .menu-button, .brown-theme .settings-button {
    background: #4d4b43; }
  .brown-theme .menu-button:before, .brown-theme .settings-button:before, .brown-theme .menu-button:after, .brown-theme .settings-button:after, .brown-theme .menu-button span, .brown-theme .settings-button span, .brown-theme .menu-button svg, .brown-theme .settings-button svg {
    fill: #f7f3d6;
    border-color: #f7f3d6; }
  .brown-theme .fixed-settings-wrap {
    background: #4d4b43; }
  .brown-theme .fixed-settings-wrap .header-panel {
    color: #f7f3d6; }
    .brown-theme .fixed-settings-wrap .header-panel .font-size a {
      color: #f7f3d6; }
    .brown-theme .fixed-settings-wrap .header-panel .image-hide a:before, .brown-theme .fixed-settings-wrap .header-panel .image-hide a:after, .brown-theme .fixed-settings-wrap .header-panel .image-hide a {
      border-color: #f7f3d6; }
  .brown-theme .fixed-settings-wrap .header-panel-bottom {
    color: #f7f3d6; }
    .brown-theme .fixed-settings-wrap .header-panel-bottom .row a {
      color: #f7f3d6;
      border-color: #f7f3d6; }
    .brown-theme .fixed-settings-wrap .header-panel-bottom .row a.active {
      background: #f7f3d6;
      color: #4d4b43; }
  .brown-theme .fixed-settings-wrap .normal-version {
    color: #f7f3d6; }
  .brown-theme .fixed-menu-wrap ul a {
    color: #f7f3d6; }
  .brown-theme form input[type="submit"] {
    background: #f7f3d6;
    color: #4d4b43; }
  .brown-theme form input[type="text"] {
    border-color: #f7f3d6; }
  .brown-theme ul + ul {
    border-top-color: #f7f3d6; }

.green-theme .fixed-menu-wrap {
  background: #a9e44d; }
  .green-theme .menu-button, .green-theme .settings-button {
    background: #a9e44d; }
  .green-theme .menu-button:before, .green-theme .settings-button:before, .green-theme .menu-button:after, .green-theme .settings-button:after, .green-theme .menu-button span, .green-theme .settings-button span, .green-theme .menu-button svg, .green-theme .settings-button svg {
    fill: #3b2716;
    border-color: #3b2716; }
  .green-theme .fixed-settings-wrap {
    background: #a9e44d; }
  .green-theme .fixed-settings-wrap .header-panel {
    color: #3b2716; }
    .green-theme .fixed-settings-wrap .header-panel .font-size a {
      color: #3b2716; }
    .green-theme .fixed-settings-wrap .header-panel .image-hide a:before, .green-theme .fixed-settings-wrap .header-panel .image-hide a:after, .green-theme .fixed-settings-wrap .header-panel .image-hide a {
      border-color: #3b2716; }
  .green-theme .fixed-settings-wrap .header-panel-bottom {
    color: #3b2716; }
    .green-theme .fixed-settings-wrap .header-panel-bottom .row a {
      color: #3b2716;
      border-color: #3b2716; }
    .green-theme .fixed-settings-wrap .header-panel-bottom .row a.active {
      background: #3b2716;
      color: #a9e44d; }
  .green-theme .fixed-settings-wrap .normal-version {
    color: #3b2716; }
  .green-theme .fixed-menu-wrap ul a {
    color: #3b2716; }
  .green-theme form input[type="submit"] {
    background: #3b2716; }
  .green-theme form input[type="text"] {
    border-color: #3b2716; }