/* color schemes */
.header_user_info {
  padding: 0 15px;
  float: left;
  position: relative;
  z-index: 102; }

.drop_content_user {
  margin: 0 -15px; }
  .drop_content_user li {
    float: left; }
  .drop_content_user a {
    position: relative;
    display: block;
    font-size: 13px;
    padding: 0 14px; }

.user-info__item a:before {
  margin-right: 5px; }

.drop_links {
  display: block;
  color: #ffffff; }

@media (min-width: 769px) {
  .mobile-view {
    display: none !important; } }
@media (min-width: 992px) {
  .drop_content_user {
    display: block; }

  .drop_links {
    display: none; }

  .header_user_info .drop_content_user {
    background: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .header_user_info .drop_content_user a {
    padding: 0 6px;
    font-size: 12px; }
  .header_user_info .drop_content_user li:first-child {
    padding-left: 9px; } }
@media (max-width: 991px) {
  .drop_links {
    position: relative;
    white-space: nowrap; }
    .drop_links i {
      font-size: 12px;
      line-height: 12px;
      padding-left: 5px; }

  .header_user_info .drop_content_user li {
    display: block;
    float: none; }

  .drop_content_user {
    position: absolute;
    top: 100%;
    left: 30px;
    margin: 8px 0 0;
    white-space: nowrap;
    width: auto;
    z-index: 2;
    padding: 8px;
    line-height: 24px;
    opacity: 0;
    visibility: hidden;
    will-change: transform;
    transition: transform .3s, visibility .3s, opacity .3s;
    transform: translateY(-30px); }

  #state-user-1:checked + .drop_content_user, #state-user-2:checked + .drop_content_user {
    opacity: 1;
    overflow: hidden;
    visibility: visible;
    transform: translateY(0px); }

  .header_user_info .drop_content_user a {
    display: block;
    padding: 0;
    border-right-width: 0; }
    .header_user_info .drop_content_user a:after {
      display: none; } }
@media (max-width: 768px) {
  .desktop-view {
    display: none !important; }

  .header_user_info {
    float: right;
    z-index: 11; }

  .drop_content_user {
    left: auto;
    right: 15px; } }

/*# sourceMappingURL=blockuserinfo.css.map */