.expand {
    float: right;
    display: inline;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    margin: 0 10px;
  }

  
  body,
  input,
  textarea {
    background: #efefef;
    -webkit-font-smoothing: subpixel-antialiased;
  }
  
  .sidebar-1 {
    /* these are the styles for the container around the menu */
    text-align: right;
    padding: 0px;
    display: inline-block;
    box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.07);
    width: 288px;
  }
  
  .sidebar-menu {
    /*this style impacts the look of the heading containers. */
    cursor: pointer;
    padding: 10px;
    background: #ffffff;
    position: relative;
    color: #265483;
    border-bottom: 1px solid #dedede;
    font-size: 1em;
    text-rendering: optimizeLegibility;
    letter-spacing: 0.5px;
    padding-right: 50px;
  }
  .sidebar-menu:before, .sidebar-menu:after {
    content: "";
    width: 3px;
    height: 15px;
    background: #a8cc96;
    border-radius: 3px;
    position: absolute;
    right: 22px;
    top: calc(28.7px - 12.5px);
    transition: all 0.2s ease;
  }
  .sidebar-menu:after {
    transform: rotate(90deg);
  }
  
  .open:before {
    animation: turn-plus;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
  }
  
  .open:after {
    animation: turn-crossbar;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
  }
  
  @keyframes turn-plus {
    0% {
      transform: translate(0, 0);
    }
    50% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(90deg);
    }
  }
  @keyframes turn-crossbar {
    0% {
      transform: none;
      transform: rotate(90deg);
    }
    50% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(90deg);
    }
  }
  

  .sidebar-menu:hover {
    background: #f2f2f2;
  }
  
  .sub-menu {
    /*this style is for the sub-menu box*/
    color: #3f5b6f;
    border-bottom: 1px solid #dedede;
    font-size: 1em;
    display: none;
  }
  .sub-menu a{
    text-decoration: none;
    color:#333;
  }
  .sub-menu a::before{
    content: '';
    position: absolute;
    display: block;
    width: 17%;
    height: 36px;
    background: rgba(255, 0, 0, 0.00);//цвет убрать
  }
  .sub-menu:last-child {
    border-bottom: 0;
  }
  
  .sub-menu li:hover {
    background: #cccccc;
    cursor: pointer;
  }
  
  .sub-menu li {
    /*this styles individual elements in a sub-menu*/
    padding: 10px;
    background: #e6e6e6;
    border-bottom: 1px solid #dedede;
  }
  .sub-menu li:last-child {
    border-bottom: 0;
  }
  
  .sub-menu ul {
    /*this just 0s out a bunch of stuff so that it plays nice with the list stylings*/
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  @media (max-width: 540px) {
    .sidebar-menu {
      font-size: 1em;
      font-weight: 400;
    }
  
    .sub-menu {
      font-weight: 400;
    }
  
    .sidebar-1 {
      margin: 0;
      width: 100%;
    }
  
    .sidebar-menu:after,
    .sidebar-menu:before {
      top: calc(23.5px - 12.5px);
    }
  }
  .flex {
      display:flex;
  }
  .margin-left{
      margin-left:30px;
      width: 100%;
  }
  .sub-menu-main a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    color: #265483;
  }