* {
  padding: 0;
  margin: 0;
}

::-webkit-scrollbar {
  width: 0px;
}

@font-face {
  font-family: UTM-Cafeta;
  src: url(../font/UTM-Avo.ttf);
}
@font-face {
  font-family: UTM-Avo;
  src: url(../font/UTM-AvoBold.ttf);
  font-weight: bold;
}
.wrap {
  width: 67.8947368421vw;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
@media (max-width: 768px) {
  .wrap {
    width: 100vw;
  }
}

.wrapper {
  background: url(../images/bg.jpg) no-repeat top center/100%;
  height: 174.7368421053vw;
}
@media (max-width: 768px) {
  .wrapper {
    background: url(../images/bg-mob.jpg) no-repeat top center/100%;
    height: 551.3333333333vw;
  }
}

.page-1 {
  height: 51.0526315789vw;
}
@media (max-width: 768px) {
  .page-1 {
    height: 150.6666666667vw;
  }
}
.page-1 .sidebar {
  background: url(../images/bg-menu.png) no-repeat top center/100%;
  width: 9.7368421053vw;
  height: 31.6842105263vw;
  position: absolute;
  left: 0;
}
@media (max-width: 768px) {
  .page-1 .sidebar {
    display: none;
  }
}
.page-1 .sidebar .logo {
  text-align: center;
  margin-bottom: 1.0526315789vw;
}
.page-1 .sidebar .social-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1.0526315789vw;
}
.page-1 .sidebar .social-link .social-item {
  display: block;
  width: 1.9473684211vw;
  margin: 0 0.2631578947vw;
}
.page-1 .sidebar .list-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-1 .sidebar .list-page .page-item {
  background: url(../images/bg-item-menu.png) no-repeat top center/100%;
  height: 3.2105263158vw;
  line-height: 3.2105263158vw;
  text-align: center;
  color: #c8d1ff;
  font-size: 0.9473684211vw;
  font-family: UTM-Avo;
  font-weight: bold;
  text-decoration: none;
}
.page-1 .sidebar .list-page .page-item:hover {
  background: url(../images/bg-item-menu-active.png) no-repeat top center/100%;
  color: #bb090e;
}
.page-1 .sidebar .list-page .page-item + .page-item {
  margin-top: 0.2631578947vw;
}
.page-1 .list-btn {
  position: absolute;
  top: 31.5789473684vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  .page-1 .list-btn {
    top: 108vw;
    width: 100%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.page-1 .list-btn a {
  background: url(../images/bg-btn.png) no-repeat top center/100%;
  width: 14.9473684211vw;
  height: 4.5789473684vw;
  line-height: 4.2105263158vw;
  text-align: center;
  display: block;
  color: #fff;
  font-size: 1.5789473684vw;
  text-decoration: none;
  font-family: UTM-Avo;
}
@media (max-width: 768px) {
  .page-1 .list-btn a {
    width: 42.6666666667vw;
    height: 13.0666666667vw;
    line-height: 12vw;
    font-size: 4.4vw;
  }
}
.page-1 .list-btn a:hover {
  background: url(../images/bg-btn-active.png) no-repeat top center/100%;
  color: #d0241b;
}
.page-1 .goal-vip {
  background: url(../images/bg-goal.png) no-repeat top center/100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 74.7894736842vw;
  height: 14.8947368421vw;
  line-height: 14.7368421053vw;
  position: absolute;
  top: 36.8421052632vw;
}
@media (max-width: 768px) {
  .page-1 .goal-vip {
    background: url(../images/bg-goal.png) no-repeat center center/cover;
    width: 100vw;
    height: 26.6666666667vw;
    line-height: 26.6666666667vw;
    top: 125.3333333333vw;
  }
}
.page-1 .goal-vip .wrap-goal-item {
  width: 7.7368421053vw;
  margin: 0 2.1052631579vw;
  position: relative;
}
@media (max-width: 768px) {
  .page-1 .goal-vip .wrap-goal-item {
    width: 17.3333333333vw;
    margin: 0 1.3333333333vw;
  }
}
.page-1 .goal-vip .wrap-goal-item:before {
  content: "";
  width: 5.2631578947vw;
  height: 0.2105263158vw;
  background: #fbf0c4;
  position: absolute;
  top: 7.8947368421vw;
  left: -2.2631578947vw;
}
@media (max-width: 768px) {
  .page-1 .goal-vip .wrap-goal-item:before {
    width: 8vw;
    height: 0.2666666667vw;
    top: 17.3333333333vw;
    left: -1.3333333333vw;
  }
}
.page-1 .goal-vip .wrap-goal-item:after {
  content: "";
  width: 5.2631578947vw;
  height: 0.2105263158vw;
  background: #fbf0c4;
  position: absolute;
  top: 7.8947368421vw;
  right: -2.3684210526vw;
}
@media (max-width: 768px) {
  .page-1 .goal-vip .wrap-goal-item:after {
    width: 8vw;
    height: 0.2666666667vw;
    top: 17.3333333333vw;
    right: -1.3333333333vw;
  }
}
.page-1 .goal-vip .goal-item {
  position: relative;
  display: block;
}
.page-1 .goal-vip .goal-item.received:before {
  content: "";
  width: 1.9473684211vw;
  height: 1.9473684211vw;
  background: url(../images/ic-tick.png) no-repeat top center/100%;
  position: absolute;
  top: 1.5789473684vw;
  right: 1.0526315789vw;
}
@media (max-width: 768px) {
  .page-1 .goal-vip .goal-item.received:before {
    width: 4.9333333333vw;
    height: 4.9333333333vw;
    top: 4vw;
    right: 2.6666666667vw;
  }
}
.page-1 .goal-vip .goal-item.disable img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.page-2 {
  height: 60vw;
}
@media (max-width: 768px) {
  .page-2 {
    height: 164.5333333333vw;
  }
}
.page-2 .benifit {
  background: url(../images/bg-khung.png) no-repeat top center/100%;
  width: 60.2105263158vw;
  height: 31.8947368421vw;
  padding: 2.6315789474vw 5.2631578947vw 3.1578947368vw 3.6842105263vw;
  position: absolute;
  top: 20.5263157895vw;
  left: -2.1052631579vw;
}
@media (max-width: 768px) {
  .page-2 .benifit {
    background: url(../images/bg-khung-mob.png) no-repeat top center/100%;
    width: 100vw;
    height: 98.6666666667vw;
    padding: 6.6666666667vw 3.3333333333vw 5.3333333333vw 3.3333333333vw;
    top: 56vw;
    left: 0;
  }
}
.page-2 .benifit table {
  border-collapse: collapse;
  border: 0.0526315789vw solid #ae6157;
}
@media (max-width: 768px) {
  .page-2 .benifit table {
    border: 0.2666666667vw solid #ae6157;
  }
}
.page-2 .benifit table td, .page-2 .benifit table th {
  border: 0.0526315789vw solid #ae6157;
}
@media (max-width: 768px) {
  .page-2 .benifit table td, .page-2 .benifit table th {
    border: 0.2666666667vw solid #ae6157;
  }
}
.page-2 .benifit table thead th {
  padding: 0.4210526316vw 0.2631578947vw;
  background: -webkit-gradient(linear, left top, right top, from(#850101), to(#740808));
  background: linear-gradient(90deg, #850101 0%, #740808 100%);
  font-weight: bold;
}
@media (max-width: 768px) {
  .page-2 .benifit table thead th {
    padding: 0.2666666667vw;
  }
}
.page-2 .benifit table thead th .title {
  display: block;
  text-align: center;
  font-size: 1.0526315789vw;
  background: -webkit-linear-gradient(0deg, #ffd832, #fefdd5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 768px) {
  .page-2 .benifit table thead th .title {
    font-size: 2.9333333333vw;
  }
}
.page-2 .benifit table thead th .content {
  color: #fff;
  font-size: 0.7894736842vw;
  display: block;
  text-align: center;
}
@media (max-width: 768px) {
  .page-2 .benifit table thead th .content {
    font-size: 2.4vw;
  }
}
.page-2 .benifit table tbody td {
  padding: 1.0526315789vw 0.7894736842vw;
  text-align: center;
  font-weight: bold;
  color: #3d4d82;
  font-size: 0.8421052632vw;
  line-height: 1.3;
}
@media (max-width: 768px) {
  .page-2 .benifit table tbody td {
    padding: 0.6666666667vw;
    font-size: 2.8vw;
  }
}
.page-2 .benifit table tbody td:nth-child(1) {
  width: 9.4736842105vw;
}
@media (max-width: 768px) {
  .page-2 .benifit table tbody td:nth-child(1) {
    width: 20vw;
  }
}

.page-3 {
  height: 53.6842105263vw;
}
@media (max-width: 768px) {
  .page-3 {
    height: 198.6666666667vw;
  }
}
.page-3 .list-gift {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 13.1578947368vw;
  width: 100%;
}
@media (max-width: 768px) {
  .page-3 .list-gift {
    top: 26.6666666667vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.page-3 .list-gift .gift-item {
  position: relative;
  width: 12.4736842105vw;
  height: 29.6315789474vw;
  margin: 0 0.5263157895vw;
}
.page-3 .list-gift .gift-item.disabled {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
@media (max-width: 768px) {
  .page-3 .list-gift .gift-item {
    width: 31.6vw;
    height: 75.0666666667vw;
    margin: 1.3333333333vw 0.6666666667vw;
  }
}
.page-3 .list-gift .gift-item .vip-goal {
  position: absolute;
  padding: 0.5263157895vw;
  top: 7.8947368421vw;
  width: 96%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #fff;
  font-size: 0.8421052632vw;
  font-family: UTM-Avo;
  z-index: 2;
}
@media (max-width: 768px) {
  .page-3 .list-gift .gift-item .vip-goal {
    padding: 1.3333333333vw;
    top: 13.3333333333vw;
    font-size: 2.2666666667vw;
  }
}
.page-3 .list-gift .gift-item .vip-goal span {
  display: block;
  text-align: center;
}
.page-3 .list-gift .gift-item .gift-description {
  position: absolute;
  top: 11.5789473684vw;
  width: 85%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 768px) {
  .page-3 .list-gift .gift-item .gift-description {
    top: 23.3333333333vw;
  }
}
.page-3 .list-gift .gift-item .gift-description p {
  font-size: 0.8421052632vw;
  font-family: UTM-Avo;
  margin-bottom: 0.2631578947vw;
  line-height: 1.3;
}
@media (max-width: 768px) {
  .page-3 .list-gift .gift-item .gift-description p {
    font-size: 2.4vw;
    margin-bottom: 0vw;
  }
}
.page-3 .list-gift .gift-item .btn-nhan {
  position: absolute;
  bottom: 8%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 7.8947368421vw;
  height: 2.3157894737vw;
  background: url(../images/btn-nhan.png) no-repeat top center/100%;
}
.page-3 .list-gift .gift-item .btn-nhan.disable {
  background: url(../images/btn-khongnhan.png) no-repeat top center/100%;
}
.page-3 .list-gift .gift-item .btn-nhan.received {
  background: url(../images/btn-danhan.png) no-repeat top center/100%;
}
@media (max-width: 768px) {
  .page-3 .list-gift .gift-item .btn-nhan {
    width: 17.3333333333vw;
    height: 5.3333333333vw;
    bottom: 8%;
  }
}
.page-3 .list-gift .gift-item .btn-nhan:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}

.footer p {
  text-align: center;
  font-size: 0.7368421053vw;
  font-family: UTM-Avo;
  margin-bottom: 0.2631578947vw;
  color: #000;
}
@media (max-width: 768px) {
  .footer p {
    color: #fff;
    font-size: 2.6666666667vw;
    margin-bottom: 0.9333333333vw;
    padding: 0 1.3333333333vw;
  }
}
.footer p.logo-footer img {
  max-width: 10.5263157895vw;
}
@media (max-width: 768px) {
  .footer p.logo-footer img {
    max-width: 33.3333333333vw;
  }
}
.footer p.hotline {
  color: red;
}
.footer p.hotline a {
  font-weight: bold;
  color: red;
}

.top-mob {
  display: none;
}
@media (max-width: 768px) {
  .top-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: fixed;
    top: 0;
    width: 100%;
    background: url(../images/top-mb.png) no-repeat top center/100%;
    height: 11.8666666667vw;
    padding: 0 1.3333333333vw;
    z-index: 20;
  }
  .top-mob .logo {
    width: 21.3333333333vw;
    padding-left: 1.3333333333vw;
    margin-right: 2.6666666667vw;
  }
  .top-mob .social-link {
    height: 11.8666666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .top-mob .social-link a {
    display: block;
    max-width: 8vw;
    margin: 0 0.6666666667vw;
  }
  .top-mob .user-action {
    height: 11.8666666667vw;
    line-height: 10.6666666667vw;
    margin: 0 2vw;
  }
  .top-mob .user-action a {
    display: inline-block;
    background: url(../images/bg-user.png) no-repeat top center/100%;
    color: #fff;
    width: 25.4666666667vw;
    height: 8.8vw;
    font-size: 2.9333333333vw;
    text-align: center;
    line-height: 8vw;
    text-decoration: none;
  }
  .top-mob .user-btn {
    line-height: 10.6666666667vw;
  }
  .top-mob .user-btn .toggle-btn {
    display: inline-block;
    width: 3.8666666667vw;
    height: 5.2vw;
  }
}

.gift-scroll {
  background: url(../images/gift.png) no-repeat top center/100%;
  position: fixed;
  right: 0.5263157895vw;
  bottom: 5.2631578947vw;
  width: 7.8947368421vw;
  height: 10.8421052632vw;
}
@media (max-width: 768px) {
  .gift-scroll {
    right: 1.3333333333vw;
    bottom: 1.3333333333vw;
    width: 20vw;
    height: 27.4666666667vw;
  }
}
.gift-scroll:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}

.scroll {
  background: url(../images/bg-scroll.png) no-repeat top center/100%;
  width: 17.6315789474vw;
  height: 14.9473684211vw;
  position: fixed;
  right: 0.5263157895vw;
  top: 20%;
  padding: 3.6842105263vw 1.8421052632vw 1.3157894737vw;
  color: #233d61;
  font-family: UTM-Avo;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  z-index: 9;
}
@media (max-width: 768px) {
  .scroll {
    width: 60vw;
    height: 50.9333333333vw;
    padding: 13.3333333333vw 6.6666666667vw 4vw;
    right: -100%;
  }
  .scroll.toggle {
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}
.scroll .name {
  text-transform: uppercase;
  text-align: center;
  font-size: 0.8421052632vw;
  color: #b60c04;
  margin-bottom: 0.1578947368vw;
}
@media (max-width: 768px) {
  .scroll .name {
    font-size: 2.6666666667vw;
    margin-bottom: 0.9333333333vw;
  }
}
.scroll .server-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #ad6686;
  margin-bottom: 0.1578947368vw;
  padding-bottom: 0.1578947368vw;
}
@media (max-width: 768px) {
  .scroll .server-info {
    margin-bottom: 0.6666666667vw;
    padding-bottom: 0.6666666667vw;
  }
}
.scroll .server-info > div {
  width: 50%;
  font-size: 0.6842105263vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .scroll .server-info > div {
    font-size: 2.5333333333vw;
  }
}
.scroll .server-info > div.vip {
  color: #b60c04;
}
.scroll .charge-info p {
  margin-bottom: 0.1578947368vw;
  padding: 0.2631578947vw 0;
  font-size: 0.6842105263vw;
  border-bottom: 1px solid #ad6686;
}
@media (max-width: 768px) {
  .scroll .charge-info p {
    font-size: 2.5333333333vw;
    padding: 0.4vw 0;
    margin-bottom: 0.4vw;
  }
}
.scroll .charge-info p:last-child {
  border-bottom: none;
}

.overlay_loading {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1100;
  display: none;
}
.overlay_loading img {
  width: 80px;
  height: 80px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#loginModal {
  font-size: 15px;
}
#loginModal .close {
  opacity: 1;
  text-shadow: none;
  outline: 0 !important;
  position: absolute;
  right: 0;
  padding: 10px;
  margin: 0;
  z-index: 999;
  background: #000000;
  color: #fff;
}
#loginModal .modal-dialog {
  max-width: 440px;
}
#loginModal .modal-header {
  padding: 0;
  border: none;
}
#loginModal .modal-body .topmodal {
  text-align: center;
  margin-bottom: 20px;
}
#loginModal .modal-body .topmodal .note_login {
  margin-top: 5px;
}
#loginModal .modal-body .loginForm .form-group {
  position: relative;
}
#loginModal .modal-body .loginMeta {
  margin-top: 15px;
  overflow: hidden;
}
#loginModal .modal-body .or_text {
  margin-top: 25px;
  text-align: center;
  margin-bottom: 15px;
}
#loginModal .modal-body .or_text::before {
  width: 60px;
  height: 1px;
  background: #a2adb3;
  content: "";
  display: inline-block;
  margin-right: 5px;
}
#loginModal .modal-body .or_text::after {
  margin-left: 5px;
  width: 60px;
  height: 1px;
  background: #a2adb3;
  content: "";
  display: inline-block;
}
#loginModal .modal-body .continue_login .btn {
  text-align: left;
  height: 44px;
  margin-bottom: 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
#loginModal .modal-body .continue_login .btn i {
  margin-right: 10px;
  font-size: 20px;
}
#loginModal .modal-body .continue_login .btn-facebook {
  background: #3b5998;
  color: #fff;
  font-size: 15px;
}
#loginModal .modal-body .continue_login .abcRioButtonBlue {
  width: 100% !important;
  text-align: left !important;
}
#loginModal .modal-body .loginForm .form-group i.fa {
  position: absolute;
  top: 10px;
  left: 9px;
  color: #40474b;
}
#loginModal .modal-body .input-password,
#loginModal .modal-body .input-user {
  padding-left: 15px;
  font-size: 15px;
}
#loginModal .modal-body .loginMeta .acc-footer {
  float: left;
  clear: inherit;
  width: auto;
}
#loginModal .modal-body .loginMeta .acc-forgot {
  float: right;
  font-size: 13px;
}

#baodanhModal .close {
  opacity: 1;
  font-size: 30px;
  position: absolute;
  top: 0;
  right: 0;
  outline: 0;
}
#baodanhModal .modal-dialog {
  top: 10%;
  max-width: 440px;
}
#baodanhModal .modal-body {
  padding: 0;
}
#baodanhModal .modal-content {
  background: url("../images/bg-popup.png") no-repeat top center/100%;
  padding: 20px;
  min-height: 667px;
  border: none;
  border-radius: 0;
}
@media (max-width: 576px) {
  #baodanhModal .modal-content {
    background: url("../images/bg-popup.png") no-repeat top center/cover;
  }
}
#baodanhModal .title-modal {
  text-align: center;
  text-transform: uppercase;
}

.modal-custom .modal-dialog {
  margin: 0 auto;
  max-width: 100%;
  width: 42.1052631579vw;
  top: 5%;
}
@media (max-width: 768px) {
  .modal-custom .modal-dialog {
    width: 90.2666666667vw;
  }
}
.modal-custom .modal-dialog .modal-content {
  background: url("../images/modal.png") no-repeat 0 0/100%;
  height: 24.1052631579vw;
  padding: 2.6315789474vw 3.1578947368vw 1.5789473684vw 4.7368421053vw;
  border: none;
}
@media (max-width: 768px) {
  .modal-custom .modal-dialog .modal-content {
    height: 51.7333333333vw;
    padding: 4.6666666667vw 8vw 4vw 5.3333333333vw;
  }
}
.modal-custom .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.modal-custom .modal-dialog .modal-content .close {
  position: absolute;
  right: 1.0526315789vw;
  width: 2.1052631579vw;
  height: 2.1052631579vw;
  top: 0vw;
  z-index: 99;
  outline: 0;
  opacity: 1;
  background: url(../images/close.png) no-repeat top center/100%;
}
@media (max-width: 768px) {
  .modal-custom .modal-dialog .modal-content .close {
    right: 1.3333333333vw;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}
.modal-custom .modal-dialog .modal-content .title {
  text-align: center;
  margin-bottom: 0.5263157895vw;
  font-size: 1.5789473684vw;
  font-weight: bold;
}
@media (max-width: 768px) {
  .modal-custom .modal-dialog .modal-content .title {
    margin-bottom: 1.0666666667vw;
    font-size: 3.7333333333vw;
  }
}
.modal-custom .modal-dialog .modal-content .text {
  height: 15.7894736842vw;
  overflow-y: auto;
}
@media (max-width: 768px) {
  .modal-custom .modal-dialog .modal-content .text {
    height: 36vw;
  }
}
.modal-custom .modal-dialog .modal-content .text p {
  font-size: 0.9473684211vw;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .modal-custom .modal-dialog .modal-content .text p {
    font-size: 2.6666666667vw;
  }
}
.modal-custom .modal-dialog .modal-content .table-responsive {
  height: 15.7894736842vw;
}
@media (max-width: 768px) {
  .modal-custom .modal-dialog .modal-content .table-responsive {
    height: 36vw;
  }
}
.modal-custom .modal-dialog .modal-content .table-responsive th, .modal-custom .modal-dialog .modal-content .table-responsive td {
  font-size: 0.9473684211vw;
  padding: 0.2631578947vw;
}
@media (max-width: 768px) {
  .modal-custom .modal-dialog .modal-content .table-responsive th, .modal-custom .modal-dialog .modal-content .table-responsive td {
    font-size: 2.6666666667vw;
    padding: 0.6666666667vw;
  }
}

#giftbirthdayModal .modal-dialog {
  max-width: 78.9473684211vw;
}
@media (max-width: 768px) {
  #giftbirthdayModal .modal-dialog {
    max-width: 100vw;
    margin: auto;
  }
}
#giftbirthdayModal .modal-dialog .modal-content {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  background: url("../images/popup-gift-sinhnhat.png") no-repeat top center/100%;
  height: 37.5263157895vw;
}
@media (max-width: 768px) {
  #giftbirthdayModal .modal-dialog .modal-content {
    background: url("../images/popup-gift-sinhnhat-mob.png") no-repeat top center/100%;
    height: 84vw;
  }
}
#giftbirthdayModal .modal-dialog .modal-content .close {
  width: 2.6315789474vw;
  height: 2.6315789474vw;
  background: url(../images/ic-close-birthday.png) no-repeat top center/100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 1;
  z-index: 9;
}
@media (max-width: 768px) {
  #giftbirthdayModal .modal-dialog .modal-content .close {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
}
#giftbirthdayModal .modal-dialog .modal-content .modal-body {
  padding: 0;
}
#giftbirthdayModal .modal-dialog .modal-content .modal-body .list-gift {
  position: absolute;
  top: 6.1578947368vw;
  left: 13.9473684211vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 768px) {
  #giftbirthdayModal .modal-dialog .modal-content .modal-body .list-gift {
    top: 24.6666666667vw;
    left: 18vw;
  }
}
#giftbirthdayModal .modal-dialog .modal-content .modal-body .gift-bk {
  background: url(../images/gift-vip-bachkim.png) no-repeat top center/100%;
  width: 22.2631578947vw;
  height: 25.1052631579vw;
  padding: 7.1052631579vw 2.1052631579vw 1.0526315789vw 2.1052631579vw;
  position: relative;
  text-align: center;
}
@media (max-width: 768px) {
  #giftbirthdayModal .modal-dialog .modal-content .modal-body .gift-bk {
    background: url(../images/gift-vip-bachkim-mob.png) no-repeat top center/100%;
    width: 36.2666666667vw;
    height: 50.1333333333vw;
    padding: 11.3333333333vw 5.3333333333vw 2.6666666667vw 5.3333333333vw;
  }
}
#giftbirthdayModal .modal-dialog .modal-content .modal-body .gift-bk .gift-content {
  color: #fff;
  font-family: UTM-Avo;
  font-size: 0.9473684211vw;
  margin-bottom: 1.0526315789vw;
}
@media (max-width: 768px) {
  #giftbirthdayModal .modal-dialog .modal-content .modal-body .gift-bk .gift-content {
    font-size: 2.1333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}
#giftbirthdayModal .modal-dialog .modal-content .modal-body .gift-bk .btn-nhan {
  display: inline-block;
  width: 6.5789473684vw;
}
@media (max-width: 768px) {
  #giftbirthdayModal .modal-dialog .modal-content .modal-body .gift-bk .btn-nhan {
    width: 13.3333333333vw;
  }
}
#giftbirthdayModal .modal-dialog .modal-content .modal-body .gift-bk .btn-nhan:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
#giftbirthdayModal .modal-dialog .modal-content .modal-body .gift-kc {
  background: url(../images/gift-vip-kim-cuong.png) no-repeat top center/100%;
  width: 22.2631578947vw;
  height: 25.1052631579vw;
  padding: 7.1052631579vw 2.1052631579vw 1.0526315789vw 2.1052631579vw;
  position: relative;
  text-align: center;
}
@media (max-width: 768px) {
  #giftbirthdayModal .modal-dialog .modal-content .modal-body .gift-kc {
    background: url(../images/gift-vip-kim-cuong-mob.png) no-repeat top center/100%;
    width: 36.2666666667vw;
    height: 50.1333333333vw;
    padding: 11.3333333333vw 5.3333333333vw 2.6666666667vw 5.3333333333vw;
  }
}
#giftbirthdayModal .modal-dialog .modal-content .modal-body .gift-kc .gift-content {
  color: #fff;
  font-family: UTM-Avo;
  font-size: 0.9473684211vw;
  margin-bottom: 1.0526315789vw;
}
@media (max-width: 768px) {
  #giftbirthdayModal .modal-dialog .modal-content .modal-body .gift-kc .gift-content {
    font-size: 2.1333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}
#giftbirthdayModal .modal-dialog .modal-content .modal-body .gift-kc .btn-nhan {
  display: inline-block;
  width: 6.5789473684vw;
}
@media (max-width: 768px) {
  #giftbirthdayModal .modal-dialog .modal-content .modal-body .gift-kc .btn-nhan {
    width: 13.3333333333vw;
  }
}
#giftbirthdayModal .modal-dialog .modal-content .modal-body .gift-kc .btn-nhan:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}

#birthdayModal .modal-dialog {
  max-width: 52.6315789474vw;
}
@media (max-width: 768px) {
  #birthdayModal .modal-dialog {
    max-width: 93.3333333333vw;
    margin: auto;
  }
}
#birthdayModal .modal-dialog .modal-content {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  background: transparent;
}
#birthdayModal .modal-dialog .modal-content .close {
  width: 2.6315789474vw;
  height: 2.6315789474vw;
  background: url(../images/ic-close-birthday.png) no-repeat top center/100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 1;
  z-index: 9;
}
@media (max-width: 768px) {
  #birthdayModal .modal-dialog .modal-content .close {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
}
#birthdayModal .modal-dialog .modal-content .modal-body {
  padding: 0;
}

.login-with-google-btn {
  display: block;
  width: 100%;
  text-decoration: none !important;
  -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;
  transition: background-color 0.3s, -webkit-box-shadow 0.3s;
  transition: background-color 0.3s, box-shadow 0.3s;
  transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
  padding: 12px 16px 12px 42px;
  border: none;
  border-radius: 3px;
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
          box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
  color: #757575;
  font-size: 15px;
  font-weight: 500;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
  background-color: white;
  background-repeat: no-repeat;
  background-position: 11px 15px;
}
.login-with-google-btn:hover {
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25);
}
.login-with-google-btn:active {
  background-color: #eeeeee;
}
.login-with-google-btn:focus {
  outline: none;
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 3px #c8dafc;
          box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 3px #c8dafc;
}
.login-with-google-btn:disabled {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  background-color: #ebebeb;
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
          box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}