.sidebar_clicker {
  position: fixed;
  left: 0;
  top: 20px;
  z-index: 9999;
  font-size: 13px;
  margin: 0 33px 0;
  height: 39px;
  color: #000;
  border: none;
  background: transparent;
  cursor: pointer;
  outline: none;
  width: 26px;
  padding: 0; }
  .sidebar_clicker:hover .bar {
    background: #000; }
    .sidebar_clicker:hover .bar:before, .sidebar_clicker:hover .bar:after {
      background: #000; }
  .sidebar_clicker .bar {
    position: relative;
    display: block;
    margin-top: 10px;
    width: 100%; }
    .sidebar_clicker .bar, .sidebar_clicker .bar:before, .sidebar_clicker .bar:after {
      background: #919BA2;
      width: 100%;
      height: 2px;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
      .sidebar_clicker .bar:before, .sidebar_clicker .bar:after {
        position: absolute;
        content: " ";
        left: 0; }
        .sidebar_clicker .bar:before {
          top: -8px; }
          .sidebar_clicker .bar:after {
            top: 8px; }

.click_to_close_sidebar_tmp:hover .bar {
  background: transparent; }
.click_to_close_sidebar_tmp .bar {
  background: transparent; }
  .click_to_close_sidebar_tmp .bar:before {
    top: -7px;
    -webkit-transform: rotate(45deg) translate(0.5em, 0.4em);
    -moz-transform: rotate(45deg) translate(0.5em, 0.4em);
    -ms-transform: rotate(45deg) translate(0.5em, 0.4em);
    -o-transform: rotate(45deg) translate(0.5em, 0.4em);
    transform: rotate(45deg) translate(0.5em, 0.4em); }
    .click_to_close_sidebar_tmp .bar:after {
      -webkit-transform: rotate(-45deg) translate(0.4em, -0.3em);
      -moz-transform: rotate(-45deg) translate(0.4em, -0.3em);
      -ms-transform: rotate(-45deg) translate(0.4em, -0.3em);
      -o-transform: rotate(-45deg) translate(0.4em, -0.3em);
      transform: rotate(-45deg) translate(0.4em, -0.3em); }