.header_user_info {
    float: left;
	display: inline-block;
	padding: 8px 2px 8px 0;
    }

.header_user_info a {
    color: white;
	/* font: 400 13px 'ff_mark_bold',sans-serif; */
	text-transform: uppercase;
	letter-spacing: 1px;
    cursor: pointer;
	-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;

	}

.header_user_info > .logout:before  {
    color: white;
    content: "\f08b";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 13px;
    line-height: 13px;
    padding-right: 5px;
}

.header_user_info > .login:before {
    color: white;
    content: "\f090";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 13px;
    line-height: 13px;
    padding-right: 5px;
	-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}

.header_user_info > .logout:hover::before,
.header_user_info > .login:hover::before  {
    color: #adadad;
}




@media (max-width: 479px) {

.header_user_info a {
    font-size: 13px;
    }
}


.header_user_info a:hover,
.header_user_info a.active {
    color: #adadad;
	background: none;
	}




.header_user_info_customer {
    float: left;
	padding: 8px 2px 8px 5px;
	display: inline-block;
    }

  @media (max-width: 478px) {

	.header_user_info_customer {
    display: none;
    }

  }

  @media (min-width: 479px) and (max-width: 767px) {

	.header_user_info_customer {
    display: none;
    }

  }

.header_user_info_customer a {
    color: #ec7a5c;
    /* font: 400 13px 'ff_mark_bold',sans-serif; */
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;

	}

.header_user_info_customer > .logout:before  {
    color: white;
    content: "\f08b";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 13px;
    line-height: 13px;
    padding-right: 5px;
}

.header_user_info_customer > .login:before {
    color: white;
    content: "\f090";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 13px;
    line-height: 13px;
    padding-right: 5px;
}

.header_user_info_customer > .logout:hover::before,
.header_user_info_customer > .login:hover::before  {
    color: #adadad;
}




@media (max-width: 479px) {

.header_user_info a {
    font-size: 13px;
    }
}


.header_user_info_customer a:hover,
.header_user_info_customer a.active {
    color: #adadad;
	background: none;
	}