#header .hea_logged .card-frame-inner,
#menu_rwd .hea_logged .card-frame-inner {
  width: 216px;
  height: 112px;
  padding: 11px 18px 11px 13px;
  position: relative;
  background: #373542;
  border-radius: 5px;
}

#header .hea_logged .card-frame-inner .info,
#menu_rwd .hea_logged .card-frame-inner .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#header .hea_logged .card-frame-inner .info-client,
#menu_rwd .hea_logged .card-frame-inner .info-client {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#header .hea_logged .card-frame-inner .info-client .avatar,
#menu_rwd .hea_logged .card-frame-inner .info-client .avatar {
  height: 30px;
  width: 30px;
  border: 2px solid #ccc;
  line-height: 32px;
  background: #2f2c21;
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;
}

#header .hea_logged .card-frame-inner .info p,
#menu_rwd .hea_logged .card-frame-inner .info p {
  padding-bottom: 0;
}

#header .hea_logged .card-frame-inner .info-amount,
#menu_rwd .hea_logged .card-frame-inner .info-amount {
  width: 100%;
  position: absolute;
  bottom: 12px;
  font-size: 12px;
  line-height: 1.5;
}

#header .hea_logged .card-frame-inner .info-amount p,
#menu_rwd .hea_logged .card-frame-inner .info-amount p {
  padding-bottom: 0;
}

#header .hea_logged .card-frame-inner .info-amount p i,
#menu_rwd .hea_logged .card-frame-inner .info-amount p i {
  width: 18px;
  text-align: center;
}

#header .hea_logged .card-frame-inner .info-card-name,
#menu_rwd .hea_logged .card-frame-inner .info-card-name {
  width: 100%;
  margin-left: 33px;
  margin-top: 8px;
  font-weight: bold;
}

@media only screen and (max-width: 1024px) {

  #header .hea_logged .card-frame-inner .info-card-name,
  #menu_rwd .hea_logged .card-frame-inner .info-card-name {
    margin-left: 31px;
    margin-top: 6px;
    font-size: 12px;
  }
}

#header .hea_logged .card-frame.card-platinum .card-frame-inner,
#menu_rwd .hea_logged .card-frame.card-platinum .card-frame-inner {
  background: url("../imgs/profile/card-platinum.png") no-repeat;
}

@media only screen and (max-width: 1024px) {

  #header .hea_logged .card-frame.card-platinum .card-frame-inner,
  #menu_rwd .hea_logged .card-frame.card-platinum .card-frame-inner {
    background: url("../imgs/profile/card-platinum-mb.png") no-repeat;
  }
}

#header .hea_logged .card-frame.card-platinum .card-frame-inner .info .avatar,
#menu_rwd .hea_logged .card-frame.card-platinum .card-frame-inner .info .avatar {
  border: 2px solid #638bc9;
}

#header .hea_logged .card-frame.card-platinum .card-frame-inner .info-card-name,
#menu_rwd .hea_logged .card-frame.card-platinum .card-frame-inner .info-card-name {
  color: #5375a8;
}

#header .hea_logged .card-frame.card-gold .card-frame-inner,
#menu_rwd .hea_logged .card-frame.card-gold .card-frame-inner {
  background: url("../imgs/profile/card-gold.png") no-repeat;
}

@media only screen and (max-width: 1024px) {

  #header .hea_logged .card-frame.card-gold .card-frame-inner,
  #menu_rwd .hea_logged .card-frame.card-gold .card-frame-inner {
    background: url("../imgs/profile/card-gold-mb.png") no-repeat;
  }
}

#header .hea_logged .card-frame.card-gold .card-frame-inner .info .avatar,
#menu_rwd .hea_logged .card-frame.card-gold .card-frame-inner .info .avatar {
  border: 2px solid #986b1d;
}

#header .hea_logged .card-frame.card-gold .card-frame-inner .info-card-name,
#menu_rwd .hea_logged .card-frame.card-gold .card-frame-inner .info-card-name {
  color: #996a1d;
}

#header .hea_logged .card-frame.card-blue .card-frame-inner,
#menu_rwd .hea_logged .card-frame.card-blue .card-frame-inner {
  background: url("../imgs/profile/card-blue.png") no-repeat;
}

@media only screen and (max-width: 1024px) {

  #header .hea_logged .card-frame.card-blue .card-frame-inner,
  #menu_rwd .hea_logged .card-frame.card-blue .card-frame-inner {
    background: url("../imgs/profile/card-blue-mb.png") no-repeat;
  }
}

#header .hea_logged .card-frame.card-blue .card-frame-inner .info .avatar,
#menu_rwd .hea_logged .card-frame.card-blue .card-frame-inner .info .avatar {
  border: 2px solid #227ba3;
}

#header .hea_logged .card-frame.card-blue .card-frame-inner .info-card-name,
#menu_rwd .hea_logged .card-frame.card-blue .card-frame-inner .info-card-name {
  color: #1d6c87;
}

#header .hea_logged .card-frame.card-silver .card-frame-inner,
#menu_rwd .hea_logged .card-frame.card-silver .card-frame-inner {
  background: url("../imgs/profile/card-silver.png") no-repeat;
}

@media only screen and (max-width: 1024px) {

  #header .hea_logged .card-frame.card-silver .card-frame-inner,
  #menu_rwd .hea_logged .card-frame.card-silver .card-frame-inner {
    background: url("../imgs/profile/card-silver-mb.png") no-repeat;
  }
}

#header .hea_logged .card-frame.card-silver .card-frame-inner .info .avatar,
#menu_rwd .hea_logged .card-frame.card-silver .card-frame-inner .info .avatar {
  border: 2px solid #6f6f6f;
}

#header .hea_logged .card-frame.card-silver .card-frame-inner .info-card-name,
#menu_rwd .hea_logged .card-frame.card-silver .card-frame-inner .info-card-name {
  color: #525252;
}

#header .hea_logged .card-frame.card-royal .card-frame-inner,
#menu_rwd .hea_logged .card-frame.card-royal .card-frame-inner {
  background: url("../imgs/profile/card-royal.png") no-repeat;
}

@media only screen and (max-width: 1024px) {

  #header .hea_logged .card-frame.card-royal .card-frame-inner,
  #menu_rwd .hea_logged .card-frame.card-royal .card-frame-inner {
    background: url("../imgs/profile/card-royal-mb.png") no-repeat;
  }
}

#header .hea_logged .card-frame.card-royal .card-frame-inner .info .avatar,
#menu_rwd .hea_logged .card-frame.card-royal .card-frame-inner .info .avatar {
  border: 2px solid #edcf83;
}

#header .hea_logged .card-frame.card-royal .card-frame-inner .info-card-name,
#menu_rwd .hea_logged .card-frame.card-royal .card-frame-inner .info-card-name {
  color: #c0966d;
}