@font-face {
  font-family: MA-Raleway;
  src: local('Raleway'), url('../fonts/Raleway.ttf') format('otf'),
    url('../fonts/Raleway.woff2') format('woff2'),
    url('../fonts/Raleway.woff') format('woff');
}
@font-face {
  font-family: MA-Raleway-I;
  src: local('Raleway'), url('../fonts/Raleway-Italic.ttf') format('otf'),
    url('../fonts/Raleway-Italic.woff2') format('woff2'),
    url('../fonts/Raleway-Italic.woff') format('woff');
}
@font-face {
  font-family: MA-Montserrat;
  src: url('../fonts/Montserrat.woff2') format('woff2'),
    url('../fonts/Montserrat.woff') format('woff'),
    url('../fonts/Montserrat.ttf') format('opentype');
}
footer {
  margin-top: 60rem;
}
.amv-loading {
  position: fixed;
  inset: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 9999999;
  display: grid;
  place-items: center;
}
.amv-loading .inner {
  width: 45rem;
  aspect-ratio: 1;
  --c: no-repeat linear-gradient(#00aeef 0 0);
  background: var(--c), var(--c), var(--c), var(--c), var(--c), var(--c);
  animation: 0.5s infinite alternate l14-1, 2s infinite l14-2;
}
.amv-error-message {
  color: red !important;
  font-size: 12rem !important;
}
.vip-user-login-page {
  max-width: 100%;
  width: 460rem;
  margin: 0 auto;
  padding: 0 20rem;
  padding-top: 58rem;
}
.vip-user-login-page .amv-page-title {
  color: #231f20;
  font-size: 40rem;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}
.vip-user-login-page form {
  margin-top: 35rem;
}
.vip-user-login-page form .amv-form-itms {
  display: flex;
  flex-direction: column;
  gap: 37rem;
}
.vip-user-login-page form .amv-form-itms .amv-input-field {
  position: relative;
}
.vip-user-login-page form .amv-form-itms .amv-input-field input {
  border: none;
  border-bottom: 1rem solid #999;
  width: 100%;
  padding-bottom: 20rem;
  line-height: 155%;
  font-size: 26rem;
}
.vip-user-login-page form .amv-btn-forgot-password {
  margin-top: 15rem;
  display: flex;
  gap: 10rem;
}
.vip-user-login-page form .amv-btn-forgot-password span {
  font-size: 20rem;
}
.vip-user-login-page form .amv-app-btn {
  display: inline-block;
  border: 1rem solid #000;
  font-family: MA-Montserrat;
  font-size: 20rem;
  line-height: 140%;
  text-transform: uppercase;
  margin-top: 27rem;
  padding: 9rem 12rem;
}
.amv-user-profile {
  width: 1890rem;
  margin: 0 auto;
  max-width: 100%;
  padding: 58rem 20rem 10rem 20rem;
}
.amv-user-profile * {
  letter-spacing: 0px;
}
.amv-user-profile .amv-page-title {
  color: #231f20;
  font-size: 40rem;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}
.amv-user-profile .amv-page-desc {
  color: #231f20;
  font-size: 26rem;
  font-weight: 700;
  line-height: 155%;
  margin-top: 34rem;
}
.amv-user-profile .amv-page-desc .amv-name {
  color: #231f20;
  font-size: 26rem;
  font-weight: 700;
  line-height: 155%;
}
.amv-user-profile .amv-user-details {
  margin-top: 59rem;
}
.amv-user-profile .amv-user-details .amv-user-header {
  display: flex;
  width: calc(50% - 25rem);
  justify-content: space-between;
}
.amv-user-profile .amv-user-details .amv-user-header .amv-section-title {
  color: #231f20;
  font-size: 26rem;
  font-weight: 700;
  line-height: 155%;
}
.amv-user-profile .amv-user-details .amv-user-header .amv-user-actions {
  transform: translateY(-9rem);
  display: flex;
  gap: 27rem;
}
.amv-user-profile .amv-user-details .amv-user-header .amv-user-actions button,
.amv-user-profile .amv-user-details .amv-user-header .amv-user-actions a {
  text-align: right;
  color: #999;
  font-size: 26rem;
  line-height: 155%;
  position: relative;
}
.amv-user-profile
  .amv-user-details
  .amv-user-header
  .amv-user-actions
  button:not(:last-child)::after,
.amv-user-profile
  .amv-user-details
  .amv-user-header
  .amv-user-actions
  a:not(:last-child)::after {
  content: '';
  display: block;
  position: absolute;
  width: 1rem;
  background: #999;
  top: 50%;
  transform: translateY(-50%);
  right: -11rem;
  height: 23rem;
}
.amv-user-profile .amv-user-details .frm-user-details {
  margin-top: 27rem;
}
.amv-user-profile .amv-user-details .frm-user-details .list {
  display: flex;
  flex-wrap: wrap;
  gap: 30rem 90rem;
}
.amv-user-profile .amv-user-details .frm-user-details .list .item {
  width: calc(50% - 45rem);
  position: relative;
  order: 1;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item.mobile-sms
  ~ .item {
  order: 4;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item.user-pass-area {
  order: 3;
}
.amv-user-profile .amv-user-details .frm-user-details .list .item.mobile-sms {
  order: 2;
}
.amv-user-profile .amv-user-details .frm-user-details .list .item input,
.amv-user-profile .amv-user-details .frm-user-details .list .item select {
  width: 100%;
  border: 0;
  border-bottom: 1rem solid #999;
  color: #999;
  font-size: 26rem;
  line-height: 155%;
  padding-bottom: 18rem;
}
.amv-user-profile .amv-user-details .frm-user-details .list .item select {
  appearance: none;
  background-image: url(../images/ui/arr.svg);
  background-repeat: no-repeat;
  background-position: 100% 49%;
  background-size: 24rem;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item
  .label
  + input,
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item
  .label
  + select,
.amv-user-profile .amv-user-details .frm-user-details .list .item label + input,
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item
  label
  + select {
  margin-top: 41rem;
}
.amv-user-profile .amv-user-details .frm-user-details .list .item .label {
  display: flex;
  gap: 31rem;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item
  .label
  button {
  width: 30rem;
  transform: translateY(5rem);
}
.amv-user-profile .amv-user-details .frm-user-details .list .item .names {
  display: flex;
  flex-wrap: wrap;
  gap: 20rem;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item
  .names
  .user-name {
  position: relative;
  width: calc(50% - 10rem);
}
.amv-user-profile .amv-user-details .frm-user-details .list .item label {
  color: #231f20;
  font-size: 26rem;
  line-height: 155%;
  margin-top: 10rem;
}
.amv-user-profile .amv-user-details .frm-user-details .list .item.mobile-sms {
  display: flex;
  align-items: flex-end;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item.mobile-sms
  > div {
  width: 50%;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item.mobile-sms
  .chb-item {
  padding-left: 18rem;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item.mobile-sms
  .chb-item
  .chb-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 10rem;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item.mobile-sms
  .chb-item
  .chb-area
  .lbl {
  color: #231f20;
  font-size: 26rem;
  line-height: 155%;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item.mobile-sms
  .chb-item
  .chb-area
  label {
  width: 40rem;
  height: 20rem;
  border-radius: 10rem;
  background: #a2a2a2;
  position: relative;
  margin-top: 0;
  transition: 0.2s;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item.mobile-sms
  .chb-item
  .chb-area
  label:after {
  content: '';
  width: 16rem;
  height: 16rem;
  position: absolute;
  border-radius: 8rem;
  background: #fff;
  display: block;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.2s;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item.mobile-sms
  .chb-item
  .chb-area
  input {
  display: none;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item.mobile-sms
  .chb-item
  .chb-area
  input:checked
  + label {
  background: #36a7e9;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item.mobile-sms
  .chb-item
  .chb-area
  input:checked
  + label::after {
  left: 22rem;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item.mobile-sms
  .chb-item
  .txt {
  color: #000;
  font-size: 15rem;
  line-height: 155%;
  margin-top: 11rem;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item.mobile-sms
  .chb-item
  .txt
  * {
  font-family: MA-Raleway-I;
  line-height: 155%;
  font-size: 15rem;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item
  .vip-position {
  position: relative;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item
  .vip-position
  #position {
  user-select: none;
  color: #999;
  font-size: 26rem;
  line-height: 155%;
  border-bottom: 1rem solid #999;
  padding: 10rem 5rem 20rem;
  display: flex;
  cursor: pointer;
  transition: 0.2s;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item
  .vip-position
  #position
  span {
  color: #999;
  font-size: 26rem;
  line-height: 155%;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item
  .vip-position
  #position::after {
  content: '';
  position: absolute;
  display: block;
  width: 17rem;
  height: 17rem;
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  transform: rotate(45deg) translateY(-50%);
  right: 5rem;
  top: 45%;
  transition: 0.2s;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item
  .vip-position
  .items {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  padding: 20rem;
  border: 1rem solid #00aeef;
  width: 100%;
  text-align: left;
  align-items: flex-start;
  background: #fff;
  opacity: 0;
  transform: scale(0);
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item
  .vip-position
  .items
  button {
  color: #999;
  cursor: pointer;
  font-size: 26rem;
  line-height: 153%;
  transition: 0.2s;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item
  .vip-position
  .items
  button.active {
  color: #00aeef;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item
  .vip-position.opened
  #position {
  color: #00aeef;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item
  .vip-position.opened
  #position
  span {
  color: #00aeef;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item
  .vip-position.opened
  #position::after {
  border-bottom: 2px solid #00aeef;
  border-right: 2px solid #00aeef;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .list
  .item
  .vip-position.opened
  .items {
  opacity: 1;
  transform: scale(1);
}
.amv-user-profile .amv-user-details .frm-user-details .btn-save-profile {
  text-transform: uppercase;
  border: 1rem solid #000;
  display: inline-block;
  margin-top: 30rem;
  padding: 8rem 31rem;
  transform: translateX(5rem);
}
.amv-user-profile .amv-user-details .frm-user-details .toggle-password {
  display: inline-flex;
  position: relative;
}
.amv-user-profile .amv-user-details .frm-user-details .toggle-password::after {
  content: '';
  width: 0;
  height: 1rem;
  background-color: #000;
  position: absolute;
  display: block;
  transform: translate(-50%, -50%) rotate(-45deg);
  top: 50%;
  left: 50%;
  transition: width 0.2s;
}
.amv-user-profile
  .amv-user-details
  .frm-user-details
  .toggle-password.show-pass::after {
  width: 100%;
}
.amv-user-profile .amv-msg-success {
  display: none;
  margin-top: 30rem;
  color: #00aeef;
  font-size: 26rem;
  font-family: MA-Raleway-I;
  line-height: 155%;
}
.vip-user-login-page *,
.amv-user-profile * {
  font-family: MA-Raleway;
  font-size: 20rem;
}
.vip-user-login-page label.error,
.amv-user-profile label.error {
  color: red !important;
  font-size: 12rem !important;
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
  left: 0;
}
.vip-user-login-page button,
.amv-user-profile button {
  border: 0;
  background-color: rgba(255, 255, 255, 0);
}
@media only screen and (max-width: 767px) {
  html.vip-page {
    font-size: 1px;
  }
  .only-desktop {
    display: none !important;
  }
  .vip-user-login-page {
    padding-top: 29rem;
  }
  .vip-user-login-page .amv-page-title {
    font-size: 30rem;
  }
  .vip-user-login-page form {
    margin-top: 21rem;
  }
  .vip-user-login-page form .amv-btn-forgot-password {
    margin-top: 17rem;
  }
  .vip-user-login-page form .amv-btn-forgot-password span {
    font-size: 16.6rem;
  }
  .vip-user-login-page form .amv-app-btn {
    padding: 12rem;
    width: 100%;
    font-size: 16rem;
    margin-top: 30rem;
  }
  .vip-user-login-page form .amv-form-itms {
    gap: 21rem;
  }
  .vip-user-login-page form .amv-form-itms .amv-input-field input {
    font-size: 20rem;
    padding-bottom: 18rem;
  }
  .amv-user-profile {
    padding: 29rem 20rem 0rem 20rem;
  }
  .amv-user-profile .amv-page-title {
    font-size: 30rem;
  }
  .amv-user-profile .amv-page-desc {
    font-size: 16rem;
    margin-top: 20rem;
  }
  .amv-user-profile .amv-page-desc .amv-name {
    font-size: 16rem;
  }
  .amv-user-profile .amv-user-details {
    margin-top: 32rem;
  }
  .amv-user-profile .amv-user-details .amv-user-header {
    width: 100%;
  }
  .amv-user-profile .amv-user-details .amv-user-header .amv-section-title {
    font-size: 20rem;
  }
  .amv-user-profile .amv-user-details .amv-user-header .amv-user-actions {
    transform: none;
    gap: 20rem;
  }
  .amv-user-profile .amv-user-details .amv-user-header .amv-user-actions button,
  .amv-user-profile .amv-user-details .amv-user-header .amv-user-actions a {
    font-size: 20rem;
  }
  .amv-user-profile
    .amv-user-details
    .amv-user-header
    .amv-user-actions
    button:not(:last-child)::after,
  .amv-user-profile
    .amv-user-details
    .amv-user-header
    .amv-user-actions
    a:not(:last-child)::after {
    right: -8rem;
    height: 18rem;
  }
  .amv-user-profile .amv-user-details .frm-user-details {
    margin-top: 9rem;
  }
  .amv-user-profile .amv-user-details .frm-user-details .list {
    gap: 11rem;
  }
  .amv-user-profile .amv-user-details .frm-user-details .list .item {
    order: 1 !important;
    width: 100%;
  }
  .amv-user-profile .amv-user-details .frm-user-details .list .item .names {
    gap: 11rem;
  }
  .amv-user-profile
    .amv-user-details
    .frm-user-details
    .list
    .item
    .names
    .user-name {
    width: 100%;
  }
  .amv-user-profile .amv-user-details .frm-user-details .list .item label {
    font-size: 20rem;
  }
  .amv-user-profile .amv-user-details .frm-user-details .list .item input,
  .amv-user-profile .amv-user-details .frm-user-details .list .item select {
    font-size: 20rem;
  }
  .amv-user-profile .amv-user-details .frm-user-details .list .item select {
    background-position: 100% 20%;
  }
  .amv-user-profile
    .amv-user-details
    .frm-user-details
    .list
    .item
    .label
    + input,
  .amv-user-profile
    .amv-user-details
    .frm-user-details
    .list
    .item
    .label
    + select,
  .amv-user-profile
    .amv-user-details
    .frm-user-details
    .list
    .item
    label
    + input,
  .amv-user-profile
    .amv-user-details
    .frm-user-details
    .list
    .item
    label
    + select {
    margin-top: 10rem;
  }
  .amv-user-profile .amv-user-details .frm-user-details .list .item.mobile-sms {
    flex-direction: column;
  }
  .amv-user-profile
    .amv-user-details
    .frm-user-details
    .list
    .item.mobile-sms
    > div {
    width: 100%;
  }
  .amv-user-profile
    .amv-user-details
    .frm-user-details
    .list
    .item.mobile-sms
    .chb-item {
    width: 100%;
    padding-left: 0;
    padding-top: 21rem;
    border-bottom: none;
  }
  .amv-user-profile
    .amv-user-details
    .frm-user-details
    .list
    .item.mobile-sms
    .chb-item
    .chb-area {
    padding-right: 0;
  }
  .amv-user-profile
    .amv-user-details
    .frm-user-details
    .list
    .item.mobile-sms
    .chb-item
    .chb-area
    .lbl {
    font-size: 20rem;
  }
  .amv-user-profile
    .amv-user-details
    .frm-user-details
    .list
    .item.mobile-sms
    .chb-item
    .txt {
    margin-top: 10rem;
    padding-bottom: 0;
  }
  .amv-user-profile
    .amv-user-details
    .frm-user-details
    .list
    .item.mobile-sms
    ~ .item {
    padding-bottom: 10rem;
  }
  .amv-user-profile
    .amv-user-details
    .frm-user-details
    .list
    .item
    .empty-label {
    display: none;
  }
  .amv-user-profile
    .amv-user-details
    .frm-user-details
    .list
    .item
    .empty-label
    + input {
    margin-top: 0 !important;
  }
  .amv-user-profile
    .amv-user-details
    .frm-user-details
    .list
    .item.vip-position-item {
    padding-bottom: 0rem !important;
  }
  .amv-user-profile
    .amv-user-details
    .frm-user-details
    .list
    .item.vip-position-item
    .vip-position
    #position {
    padding: 10rem 0rem 20rem;
    font-size: 20rem;
  }
  .amv-user-profile
    .amv-user-details
    .frm-user-details
    .list
    .item.vip-position-item
    .vip-position
    #position
    span {
    font-size: 20rem;
  }
  .amv-user-profile
    .amv-user-details
    .frm-user-details
    .list
    .item.vip-position-item
    .vip-position
    #position::after {
    right: 10rem;
    top: 30%;
  }
  .amv-user-profile
    .amv-user-details
    .frm-user-details
    .list
    .item.vip-position-item
    .vip-position.selected
    #position
    span.txt-lbl {
    display: none;
  }
  .amv-user-profile
    .amv-user-details
    .frm-user-details
    .list
    .item.vip-position-item
    .vip-position
    .items
    button {
    font-size: 20rem;
  }
  .amv-user-profile .amv-user-details .frm-user-details .btn-save-profile {
    width: 100%;
    margin-top: 18rem;
    transform: none;
  }
  .amv-user-profile .amv-msg-success {
    font-size: 20rem;
  }
  footer {
    margin-top: 40rem;
  }
}
@keyframes l14-1 {
  0%,
  10% {
    background-size: 20% 100%;
  }
  100% {
    background-size: 20% 20%;
  }
}
@keyframes l14-2 {
  0%,
  49.9% {
    background-position: 0 0, 0 100%, 50% 50%, 50% 50%, 100% 0, 100% 100%;
  }
  100%,
  50% {
    background-position: 0 50%, 0 50%, 50% 0, 50% 100%, 100% 50%, 100% 50%;
  }
}