RussiupDropdownMenu.scss

.header_nav_dropDown {
    position: absolute;
    right: 20px;
    top: -200px;
    padding-bottom: 10px;
    width: 200px;
    border: rgba(0,0,0,0) 2px solid;
    z-index: 1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;

    &:before {
      content: "";
      display: block;
      margin-left: 150px;
      width: 10px;
      height: 10px;
      background-color: #fff;
      border-right: rgba(0,0,0,.7) 2px solid;
      border-top: rgba(0,0,0,.7) 2px solid;
      -webkit-transform: translate(0, -7px) rotateZ(-45deg);
      transform: translate(0, -7px) rotateZ(-45deg);
    }
    li {
      width: 200px;
      line-height: 30px;
      text-align: center;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;

      a {
        display: inline-block;
        width: 200px;
        font-size: 0.9rem;
        color: #000;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
      }
      &:hover {
        background-color: rgba(0,0,0,.7);
        a {
          color: #fff;
        }
      }
    }
  }
  .header_nav_dropDown_on {
    display: block;
    top: $headerHeight + 10px;
    border: rgba(0,0,0,.7) 2px solid;
    border-radius: 10px;
    background-color: #fff;
    a {
      color: #333;
    }
  }