.header .h-start,
.header .h-lang .lang,
.header .h-login {
  width: 124px;
  height: 48px;
  color: #FFF;
  font-family: "TT Octosquares Trl";
  font-size: 13px;
  font-style: normal;
  text-align: center;
  font-weight: 400;
  line-height: 48px; /* 100% */
  border-radius: 8px;
  border: 1px solid #FFF;
  background: transparent;
  cursor: pointer;
}
.header .h-login {position: relative;}
.header .h-user {
  display: flex;
  align-items: center;
  color: #FFF;
  font-family: "TT Octosquares Trl";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  white-space: nowrap;
  cursor: pointer;
}
.header .h-user img {
  width: 48px;
  height: 48px;
  margin-right: 5px;
}
.header .h-start {
  width: 124px;
  height: 48px;
  border-radius: 8px;
  background: url('../images/start-border.png') no-repeat;
  background-size: 100% 100%;
  margin-right: 32px;
  font-size: 13px;
  border: none;
}
.header .h-lang {
  width: 124px;
  margin-right: 32px;
  position: relative;
}
.header .h-lang .lang {
  width: 124px;
  height: 48px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .h-lang:hover .lang-list-out {display: block;}
.header .h-lang .lang img {
  width: 12px;
  height: 12px;
  margin-left: 4px;
}
.lang-list-out {
  display: none;
  position: absolute;
  top: 48px;
  left: 0;
  padding-top: 14px;
}
.lang-list {
  padding: 12px 0;
  width: auto;
  border-radius: 12px;
  background: rgba(20, 23, 34, 0.90);
}
.lang-list .lang-item {
  min-width: 180px;
  display: flex;
  align-items: center;
  padding: 8px 24px;
  color: rgba(255, 255, 255, 0.60);
  font-family: "TT Octosquares Trl";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
}
.lang-list .lang-item:hover {
  background: rgba(28, 48, 255, 0.40);
}
@media (max-width: 1400px) {
  .header .h-lang,
  .header .h-lang
  .lang, .header .h-login {
    width: auto;
    margin-right: 12px;
    border: none;
  }
  .header .h-start {margin-right: 20px;}
  .header {
    padding: 0 20px;
  }
}
@media (max-width: 1460px) {
  .header .logo {display: none;}
}
@media (max-width: 1200px) {
  /* .header .h-start {
    width: auto;
    margin-right: 20px;
    border: none;
    background: none;
  } */
}
@media (max-width: 750px) {
  .header .logo {display: block;}
}