/* End of Bootstrap vars*/
.header_user_info {
  float: right;
  border-left: 1px solid #515151;
  border-right: 1px solid #515151; }

.header_user_info a {
  color: white;
  font-weight: bold;
  display: block;
  padding: 8px 9px 11px 8px;
  cursor: pointer; }

@media (max-width: 479px) {
  .header_user_info a {
    font-size: 11px; } }
.header_user_info a:hover, .header_user_info a.active {
  background: #2b2b2b; }

.header_user_info + .header_user_info {
  border-right: none; }

/* user infos */
.user_info {
  text-align: right;
  margin: 15px 0 0 0;
  overflow: hidden; }
  .user_info li {
    float: left;
    padding: 0 0 0 16px;
    margin-left: 14px;
    background: url(./img/part-1.gif) no-repeat 0 9px; }
  .user_info li a {
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
	font-weight:bold;
    text-decoration: none;
     font-family: "Cantarell", sans-serif; 
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .user_info li a:hover {
    color: #fff;
    text-decoration: none; }