.header_user_info {
  float: right;
  margin-top: 15px; }
  .header_user_info a {
    font: 400 20px/24px "Roboto", sans-serif;
    color: white;
    font-weight: bold;
    display: block;
    padding: 3px;
    cursor: pointer;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 25px; }
    @media (max-width: 480px) {
      .header_user_info a {
        font-size: 16px; } }
    .header_user_info a:after {
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      content: "\f13e";
      font-family: "FontAwesome";
      font-weight: 400;
      display: none; }
    .header_user_info a:hover i, .header_user_info a.active i {
      display: none; }
    .header_user_info a:hover:after, .header_user_info a.active:after {
      width: 25px;
      display: inline-block;
      opacity: 0.9; }
  .header_user_info + .header_user_info {
    border-right: none;
    display: none; }

.user_info {
  text-align: right;
  margin: 20px 0 0 0; }
  .user_info li {
    display: inline-block;
    padding-right: 15px; }
    .user_info li a {
      text-decoration: none; }
      .user_info li a:hover {
        text-decoration: underline; }