@charset "UTF-8";
@font-face {
  font-family: 'HJ Gotham';
  src: url("../../fonts/HJGotham/HJGothamMedium.eot");
  src: local("HJ Gotham Medium"), local("HJGothamMedium"), url("../../fonts/HJGotham/HJGothamMedium.eot?#iefix") format("embedded-opentype"), url("../../fonts/HJGotham/HJGothamMedium.woff") format("woff"), url("../../fonts/HJGotham/HJGothamMedium.ttf") format("truetype");
  font-style: normal; }

body {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px; }

a, a:hover {
  text-decoration: none; }

img {
  max-width: 100% !important;
  height: auto !important; }

#content {
  padding-top: 100px; }

@media (min-width: 1200px) {
  .container {
    max-width: 1200px; }
  .container950 {
    max-width: 950px; } }

.m--15 {
  margin-left: -15px;
  margin-right: -15px; }

@media (min-width: 992px) {
  .col-lg-2-100 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }

/* Mixin Responsive*/
.view_more {
  margin-top: 30px;
  margin-bottom: 70px; }
  @media (max-width: 767px) {
    .view_more {
      margin-top: 15px;
      margin-bottom: 40px; } }
  .view_more a {
    width: 100%;
    max-width: 300px;
    background: #e9e9e9;
    display: block;
    text-align: center;
    margin: auto;
    padding: 10px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    @media (max-width: 767px) {
      .view_more a {
        width: 45px;
        height: 45px;
        border: 2px solid #afafaf;
        border-radius: 50%; } }
    .view_more a span {
      text-transform: uppercase;
      color: #737373;
      font-weight: bold;
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
    .view_more a i {
      font-size: 40px;
      color: #b0b0b0; }
    .view_more a:hover {
      background-color: #ee4242; }
      @media (max-width: 767px) {
        .view_more a:hover {
          border: none; } }
      @media (max-width: 767px) {
        .view_more a:hover i {
          color: #fff; } }
      .view_more a:hover span {
        color: #fff; }
    @media (max-width: 767px) {
      .view_more a.view_more_mobile i {
        font-size: 30px;
        margin-top: -3px; } }

.page-error {
  min-height: 600px; }
  @media (max-width: 399px) {
    .page-error {
      font-size: 18px; } }
  .page-error .heading {
    font-size: 50px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    margin-top: 20px;
    color: #e41515; }
  .page-error p {
    font-size: 25px;
    color: #e41515;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500; }
    @media (max-width: 575px) {
      .page-error p {
        font-size: 20px; } }
  .page-error a.btn-yellow {
    display: inline-block;
    background: #ee4242;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 0;
    border-radius: 7px;
    margin-top: 30px;
    width: 245px;
    text-align: center;
    position: relative; }
    .page-error a.btn-yellow i {
      font-size: 20px;
      margin-left: 10px;
      position: absolute;
      left: 0; }

.page-login-fb-success {
  margin-top: 50px;
  min-height: 600px; }
  @media (max-width: 399px) {
    .page-login-fb-success {
      font-size: 18px; } }
  .page-login-fb-success img {
    width: 100px; }
  .page-login-fb-success .heading {
    font-size: 25px;
    font-weight: bold;
    margin-top: 20px;
    color: #000; }
  .page-login-fb-success p {
    font-size: 16px;
    font-weight: 500; }
  .page-login-fb-success a.btn-yellow {
    display: inline-block;
    background: #ee4242;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 0;
    border-radius: 7px;
    margin-top: 30px;
    width: 245px;
    text-align: center;
    position: relative; }
    .page-login-fb-success a.btn-yellow i {
      font-size: 20px;
      margin-left: 10px;
      position: absolute;
      left: 0; }

.booth-list {
  width: 80%;
  margin: 40px auto;
  margin-bottom: 100px; }
  .booth-list .viewmore {
    background: #ddd;
    color: #333333;
    outline: none;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 10px; }

.booth-list .item, .booth-list .container {
  padding: 0; }

.booth-list .item h4 {
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #ff0000;
  font-weight: bold; }

.booth-list .item p {
  font-size: 12px;
  margin-top: 10px; }

.pagination {
  float: right; }
  .pagination li a {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-left: -1px;
    line-height: 1.25;
    color: #ee4242;
    background-color: #fff;
    border: 1px solid #dee2e6; }
  .pagination li span {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-left: -1px;
    line-height: 1.25;
    color: #ee4242;
    background-color: #fff;
    border: 1px solid #dee2e6; }
  .pagination li:first-child a {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem; }
  .pagination li.disabled span {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6; }
  .pagination li.active span {
    z-index: 1;
    color: #fff;
    background-color: #ee4242;
    border-color: #ee4242; }

.avatar_user_vip {
  position: relative;
  padding-bottom: 100%;
  width: 100%;
  display: block;
  margin: auto; }
  .avatar_user_vip .icon_vip {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100% !important; }
    .avatar_user_vip .icon_vip img {
      position: relative;
      z-index: 9;
      border-radius: inherit !important; }
    .avatar_user_vip .icon_vip .bg-avatar {
      position: absolute;
      left: 3%;
      right: 3%;
      bottom: 3%;
      top: 3%;
      border-radius: 50%; }
  .avatar_user_vip > img {
    position: absolute;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100% !important;
    border-radius: 50%; }

#header {
  box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
  background-color: #fff; }
  #header .top-header .header-desktop {
    padding-top: 10px;
    padding-bottom: 10px; }
    #header .top-header .header-desktop .left {
      margin-top: 10px; }
      #header .top-header .header-desktop .left .icon_menu {
        width: 35px;
        min-width: 34px;
        height: 21px;
        margin-right: 15px;
        background: url("../img/icons/icon_menu.svg");
        background-size: cover;
        cursor: pointer;
        margin-top: 4px; }
        #header .top-header .header-desktop .left .icon_menu.active {
          width: 25px;
          height: 25px;
          background: url("../img/icons/menu_close.svg") no-repeat;
          background-size: 25px; }
      #header .top-header .header-desktop .left .logo a {
        display: block; }
        #header .top-header .header-desktop .left .logo a img {
          width: 220px;
          margin-top: -3px; }
    #header .top-header .header-desktop .menu {
      text-align: right;
      margin-top: 10px; }
      #header .top-header .header-desktop .menu ul {
        padding-left: 0; }
        #header .top-header .header-desktop .menu ul li {
          list-style: none;
          display: inline-block;
          margin-left: 30px; }
          #header .top-header .header-desktop .menu ul li a {
            font-size: 16px;
            color: #444444;
            font-weight: bold; }
    #header .top-header .header-desktop .right .search a {
      display: inline-block;
      width: 26px;
      height: 26px; }
    #header .top-header .header-desktop .right .user {
      margin-left: 25px; }
      #header .top-header .header-desktop .right .user img {
        width: 36px;
        height: 36px !important;
        object-fit: cover;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
  #header .top-header .header-mobile {
    position: relative;
    padding: 15px; }
    #header .top-header .header-mobile .icon_menu {
      position: absolute;
      left: 0;
      top: 15px;
      width: 35px;
      height: 22px;
      background: url("../img/icons/icon_menu.svg");
      background-size: cover; }
      #header .top-header .header-mobile .icon_menu.active {
        width: 25px;
        height: 25px;
        background: url("../img/icons/menu_close.svg");
        background-size: cover; }
    #header .top-header .header-mobile .logo {
      text-align: center; }
      #header .top-header .header-mobile .logo a img {
        width: 220px;
        margin-top: -4px; }
        @media (max-width: 575px) {
          #header .top-header .header-mobile .logo a img {
            width: 190px; } }
    #header .top-header .header-mobile .right {
      position: absolute;
      right: 0;
      top: 15px; }
      #header .top-header .header-mobile .right > a {
        display: block;
        width: 26px;
        height: 26px; }

body.active {
  position: relative; }
  body.active::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9; }

#openNav {
  height: 100%;
  width: 300px;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 100px;
  padding-left: 15px;
  left: -300px; }
  @media (max-width: 575px) {
    #openNav {
      width: 100%;
      left: -100%; } }
  #openNav.active {
    left: 0; }
  #openNav .top {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 20px; }
    #openNav .top .avatar {
      width: 45px;
      height: 45px;
      margin-right: 15px; }
      #openNav .top .avatar img {
        width: 45px;
        height: 45px !important;
        object-fit: cover;
        border-radius: 50%; }
    #openNav .top .info h3 {
      margin: 0;
      font-size: 16px; }
      #openNav .top .info h3 a {
        font-size: 16px;
        color: #373737;
        font-weight: bold; }
      #openNav .top .info h3 p {
        font-size: 13px;
        color: #5b5b5b; }
  #openNav .list_link ul {
    padding-left: 0; }
    #openNav .list_link ul li {
      list-style: none;
      border-bottom: 1px solid #e8e8e8;
      padding: 15px; }
      #openNav .list_link ul li a {
        display: block; }
        #openNav .list_link ul li a span {
          color: #444444;
          -webkit-transition: all 0.5s;
          transition: all 0.5s; }
          #openNav .list_link ul li a span.icon {
            margin-right: 10px;
            padding-left: 0 !important; }
            #openNav .list_link ul li a span.icon img {
              width: 18px;
              height: 18px !important;
              object-fit: contain; }
        #openNav .list_link ul li a:hover span {
          padding-left: 10px; }
        #openNav .list_link ul li a i {
          float: right;
          color: #444; }
  @media (max-width: 767px) {
    #openNav .list_link {
      display: block; } }

#box-search-pc {
  position: fixed;
  top: 70px;
  width: 100%;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 99; }
  #box-search-pc .main {
    background-color: #e7e7e7;
    padding: 15px; }
    #box-search-pc .main h3 {
      font-size: 18px;
      font-weight: bold; }
    #box-search-pc .main input {
      border: none;
      border-radius: 30px;
      padding: 10px;
      padding-left: 55px;
      width: 100%;
      background: #fff url(../img/icons/icon_search.png) no-repeat;
      background-size: 21px;
      background-position: 15px 10px; }
      #box-search-pc .main input:focus {
        outline: none; }

#home-event {
  background-color: #a5dded;
  background-image: url(../img/events/clound.png), url(../img/events/clound.png);
  background-position: left 84%, 110% 82%;
  background-repeat: no-repeat;
  background-size: 20%; }
  @media (max-width: 991px) {
    #home-event {
      background: #a5dded; } }
  #home-event .bg {
    background-size: 100%; }
    @media (max-width: 991px) {
      #home-event .bg {
        background: none !important; } }
  #home-event .bxh {
    max-width: 350px;
    float: right; }
    @media (max-width: 991px) {
      #home-event .bxh {
        margin: auto;
        width: 100%;
        max-width: 500px;
        float: none; } }
    #home-event .bxh .top {
      font-family: 'Montserrat', sans-serif;
      background: #ff0055;
      background: -moz-linear-gradient(top, #ff0055 0%, #9f11d3 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #ff0055), color-stop(100%, #9f11d3));
      background: -webkit-linear-gradient(top, #ff0055 0%, #9f11d3 100%);
      background: -o-linear-gradient(top, #ff0055 0%, #9f11d3 100%);
      background: -ms-linear-gradient(top, #ff0055 0%, #9f11d3 100%);
      background: linear-gradient(to bottom, #ff0055 0%, #9f11d3 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f32c07', endColorstr='#cb1d69', GradientType=0);
      margin-top: 10%;
      border: 4px solid white;
      border-radius: 10px;
      padding: 7px; }
      @media (max-width: 991px) {
        #home-event .bxh .top {
          margin-top: 0; } }
      #home-event .bxh .top .heading {
        background: url(../img/events/bxh/star.png) top center no-repeat;
        padding: 15px 10px;
        padding-bottom: 20px;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 17px;
        background-size: 50px;
        position: relative; }
        @media (max-width: 575px) {
          #home-event .bxh .top .heading {
            font-size: 15px; } }
        #home-event .bxh .top .heading hr {
          border-color: rgba(255, 255, 255, 0.2);
          margin-top: 3px;
          margin-bottom: 3px;
          position: absolute;
          width: 95%;
          left: 0;
          right: 0;
          margin: auto; }
          #home-event .bxh .top .heading hr:nth-of-type(1) {
            top: 6px;
            width: 95%; }
          #home-event .bxh .top .heading hr:nth-of-type(2) {
            top: 12px;
            width: 93%; }
          #home-event .bxh .top .heading hr:nth-of-type(3) {
            top: 18px;
            width: 93%; }
          #home-event .bxh .top .heading hr:nth-of-type(4) {
            top: 24px;
            width: 91%; }
          #home-event .bxh .top .heading hr:nth-of-type(5) {
            top: 30px;
            width: 90%; }
          #home-event .bxh .top .heading hr:nth-of-type(6) {
            top: 36px;
            width: 89%; }
          #home-event .bxh .top .heading hr:nth-of-type(7) {
            top: 42px;
            width: 88%; }
          #home-event .bxh .top .heading hr:nth-of-type(8) {
            top: 48px;
            width: 87%; }
      #home-event .bxh .top .list {
        border: 3px solid #ffb901;
        border-radius: 10px;
        background-color: #fffff2;
        height: 385px; }
        @media (max-width: 575px) {
          #home-event .bxh .top .list {
            height: 400px; } }
        #home-event .bxh .top .list .simplebar-scrollbar {
          width: 3px;
          background: rgba(255, 0, 0, 0.56); }
          #home-event .bxh .top .list .simplebar-scrollbar::before {
            background: red; }
        #home-event .bxh .top .list .simplebar-track.horizontal {
          display: none; }
        #home-event .bxh .top .list .item {
          position: relative;
          margin-bottom: 8px; }
          #home-event .bxh .top .list .item .rank {
            position: absolute;
            left: 10px;
            top: 8px; }
            #home-event .bxh .top .list .item .rank:nth-of-type(1) {
              top: 12px; }
            #home-event .bxh .top .list .item .rank i {
              color: #0ff000;
              font-size: 18px; }
            #home-event .bxh .top .list .item .rank.down i {
              color: #f80602; }
              #home-event .bxh .top .list .item .rank.down i:before {
                content: "\f0d7"; }
            #home-event .bxh .top .list .item .rank.origin {
              display: none; }
          #home-event .bxh .top .list .item .number {
            position: absolute;
            left: 25px;
            top: 3px;
            font-size: 20px;
            font-weight: bold;
            width: 35px;
            height: 35px;
            text-align: center;
            line-height: 35px; }
          #home-event .bxh .top .list .item:nth-of-type(1) {
            margin-top: 15px; }
            #home-event .bxh .top .list .item:nth-of-type(1) .number {
              width: 40px;
              height: 40px;
              background: url(../img/events/bxh/top1.svg) no-repeat;
              background-size: 100%;
              text-align: center;
              line-height: 45px;
              font-size: 25px;
              left: 8px !important;
              top: 3px; }
            #home-event .bxh .top .list .item:nth-of-type(1) .rank {
              display: none; }
          #home-event .bxh .top .list .item:nth-of-type(2) .number {
            background: url(../img/events/bxh/top2.svg) no-repeat;
            background-size: 100%;
            left: 12px !important; }
          #home-event .bxh .top .list .item:nth-of-type(2) .rank {
            display: none; }
          #home-event .bxh .top .list .item:nth-of-type(3) .number {
            background: url(../img/events/bxh/top3.svg) no-repeat;
            background-size: 100%;
            left: 12px !important; }
          #home-event .bxh .top .list .item:nth-of-type(3) .rank {
            display: none; }
          #home-event .bxh .top .list .item .phone {
            font-size: 16px;
            font-weight: bold;
            padding-left: 70px;
            display: block;
            color: #333; }
            #home-event .bxh .top .list .item .phone span {
              display: block;
              font-size: 13px;
              font-weight: 500; }
            #home-event .bxh .top .list .item .phone:hover {
              color: #ee4242; }
          #home-event .bxh .top .list .item .score {
            position: absolute;
            right: 25px;
            color: #dd0404;
            font-weight: bold;
            top: 13px; }
        #home-event .bxh .top .list.list_vote {
          padding-top: 10px; }
          #home-event .bxh .top .list.list_vote .item .number {
            left: 13px; }
          #home-event .bxh .top .list.list_vote .item .phone {
            padding-left: 60px; }
          #home-event .bxh .top .list.list_vote .item.heading-vote .number {
            font-size: 14px;
            width: 100px;
            left: -22px;
            top: 6px; }
          #home-event .bxh .top .list.list_vote .item.heading-vote .phone {
            font-size: 14px;
            padding-top: 11px; }
    #home-event .bxh #cutomScroll .simplebar-wrapper {
      width: 100%; }
    #home-event .bxh .link {
      width: 100%;
      background: #ffeda4;
      background: -moz-linear-gradient(top, #ffeda4 0%, #ffcc01 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffeda4), color-stop(100%, #ffcc01));
      background: -webkit-linear-gradient(top, #ffeda4 0%, #ffcc01 100%);
      background: -o-linear-gradient(top, #ffeda4 0%, #ffcc01 100%);
      background: -ms-linear-gradient(top, #ffeda4 0%, #ffcc01 100%);
      background: linear-gradient(to bottom, #ffeda4 0%, #ffcc01 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeda4', endColorstr='#ffcc01', GradientType=0);
      border-radius: 10px;
      margin-top: 15px;
      margin-bottom: 35px;
      border: 3px solid #fff; }
      #home-event .bxh .link a {
        text-align: center;
        padding: 10px;
        font-weight: bold;
        display: block;
        color: #ce0013; }
        #home-event .bxh .link a span {
          text-transform: uppercase;
          font-family: 'Montserrat', sans-serif;
          font-size: 20px; }
        #home-event .bxh .link a i {
          float: right;
          font-size: 28px;
          margin-right: 10px; }
    #home-event .bxh .link_bxh {
      width: 100%;
      background: #e72a00;
      border-radius: 10px;
      margin-top: 15px;
      border: 3px solid #fff;
      margin-bottom: 0px; }
      #home-event .bxh .link_bxh a {
        text-align: center;
        padding: 10px;
        font-weight: 500;
        display: block;
        color: #fff; }
        #home-event .bxh .link_bxh a span {
          font-family: 'Montserrat', sans-serif;
          font-size: 20px; }
          #home-event .bxh .link_bxh a span:hover {
            color: #e4e1e1; }
    #home-event .bxh.round_2 .top .list .item .number {
      left: 20px; }

@media (max-width: 1200px) {
  #home-event .bxh .top .list {
    height: 280px; } }

.contest-page .detail-contest {
  margin-bottom: 70px; }
  .contest-page .detail-contest .heading1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 20px; }
    @media (max-width: 575px) {
      .contest-page .detail-contest .heading1 {
        font-size: 22px; } }
    .contest-page .detail-contest .heading1 span {
      display: block;
      font-size: 25px; }
      @media (max-width: 575px) {
        .contest-page .detail-contest .heading1 span {
          font-size: 18px; } }
  .contest-page .detail-contest .icon-heading {
    text-align: center;
    color: #ff1d1d;
    margin-top: 10px; }
    .contest-page .detail-contest .icon-heading i {
      font-size: 17px; }
      .contest-page .detail-contest .icon-heading i:nth-of-type(2) {
        font-size: 30px; }
  .contest-page .detail-contest .body-contest {
    font-family: 'Montserrat', sans-serif; }
    .contest-page .detail-contest .body-contest .my-top .item {
      background-color: #f8f8f8;
      border-top: 1px solid #dcdcdc; }
      .contest-page .detail-contest .body-contest .my-top .item .number {
        background: none !important;
        top: 21px !important; }
    .contest-page .detail-contest .body-contest .list-top .title {
      font-size: 20px;
      font-weight: bold;
      margin-top: 25px;
      margin-bottom: 12px; }
      @media (max-width: 575px) {
        .contest-page .detail-contest .body-contest .list-top .title {
          font-size: 18px; } }
    .contest-page .detail-contest .body-contest .list-top .item {
      position: relative;
      border-bottom: 1px solid #dcdcdc;
      padding: 15px 10px; }
      .contest-page .detail-contest .body-contest .list-top .item .rank {
        position: absolute;
        left: 70px;
        top: 27px; }
        @media (max-width: 575px) {
          .contest-page .detail-contest .body-contest .list-top .item .rank {
            left: 55px; } }
        .contest-page .detail-contest .body-contest .list-top .item .rank i {
          color: #0ff000;
          font-size: 18px; }
        .contest-page .detail-contest .body-contest .list-top .item .rank.down i {
          color: #f80602; }
          .contest-page .detail-contest .body-contest .list-top .item .rank.down i:before {
            content: "\f0d7"; }
        .contest-page .detail-contest .body-contest .list-top .item .rank.origin {
          display: none; }
      .contest-page .detail-contest .body-contest .list-top .item .number {
        position: absolute;
        left: 10px;
        top: 20px;
        font-size: 20px;
        font-weight: bold;
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 35px; }
      .contest-page .detail-contest .body-contest .list-top .item .avatar {
        width: 35px;
        height: 35px;
        position: absolute;
        left: 135px;
        top: 20px; }
        @media (max-width: 575px) {
          .contest-page .detail-contest .body-contest .list-top .item .avatar {
            display: none; } }
        .contest-page .detail-contest .body-contest .list-top .item .avatar img {
          width: 35px;
          height: 35px !important;
          object-fit: cover;
          border-radius: 50%; }
      .contest-page .detail-contest .body-contest .list-top .item .vote {
        display: inline-block;
        position: absolute;
        left: 65px;
        top: 18px; }
        .contest-page .detail-contest .body-contest .list-top .item .vote .btn_contest_vote {
          background: #f3f3f3;
          color: #000;
          border: 1px solid #cfcfcf;
          font-weight: bold;
          padding: 5px 25px; }
      .contest-page .detail-contest .body-contest .list-top .item.item_1 {
        border-top: 1px solid #dcdcdc; }
        .contest-page .detail-contest .body-contest .list-top .item.item_1 .number {
          width: 40px;
          height: 40px;
          background: url(../img/events/bxh/top1.svg) no-repeat;
          background-size: 100%;
          text-align: center;
          line-height: 45px;
          font-size: 25px;
          left: 6px;
          top: 16px; }
      .contest-page .detail-contest .body-contest .list-top .item.item_2 .number {
        background: url(../img/events/bxh/top2.svg) no-repeat;
        background-size: 100%;
        width: 37px;
        height: 37px; }
      .contest-page .detail-contest .body-contest .list-top .item.item_3 .number {
        background: url(../img/events/bxh/top3.svg) no-repeat;
        background-size: 100%; }
      .contest-page .detail-contest .body-contest .list-top .item .phone {
        font-size: 16px;
        font-weight: bold;
        padding-left: 200px;
        display: block;
        color: #333; }
        @media (max-width: 575px) {
          .contest-page .detail-contest .body-contest .list-top .item .phone {
            padding-left: 98px;
            font-size: 15px; } }
        .contest-page .detail-contest .body-contest .list-top .item .phone span {
          display: block;
          font-size: 13px;
          font-weight: 500; }
          .contest-page .detail-contest .body-contest .list-top .item .phone span .song_name {
            position: relative;
            display: inline-block; }
            .contest-page .detail-contest .body-contest .list-top .item .phone span .song_name img {
              width: 24px;
              position: absolute;
              right: -34px;
              top: 3px; }
        .contest-page .detail-contest .body-contest .list-top .item .phone:hover {
          color: #ee4242; }
      .contest-page .detail-contest .body-contest .list-top .item .score {
        position: absolute;
        right: 25px;
        color: #dd0404;
        font-weight: bold;
        top: 27px; }

.vote-page .detail-contest {
  margin-bottom: 70px; }
  .vote-page .detail-contest .heading1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 20px; }
    .vote-page .detail-contest .heading1 span {
      display: block;
      font-size: 25px; }
  .vote-page .detail-contest .icon-heading {
    text-align: center;
    color: #ff1d1d;
    margin-top: 10px; }
    .vote-page .detail-contest .icon-heading i {
      font-size: 17px; }
      .vote-page .detail-contest .icon-heading i:nth-of-type(2) {
        font-size: 30px; }
  .vote-page .detail-contest .body-contest {
    font-family: 'Montserrat', sans-serif; }
    .vote-page .detail-contest .body-contest .list-top .table-vote tr td:nth-of-type(1) {
      width: 203px; }
      @media (max-width: 575px) {
        .vote-page .detail-contest .body-contest .list-top .table-vote tr td:nth-of-type(1) {
          width: 110px; } }
    .vote-page .detail-contest .body-contest .list-top .title {
      font-size: 20px;
      font-weight: bold;
      margin-top: 25px;
      margin-bottom: 12px; }
    .vote-page .detail-contest .body-contest .list-top .item {
      position: relative;
      border-bottom: 1px solid #dcdcdc;
      padding: 15px 10px; }
      @media (max-width: 575px) {
        .vote-page .detail-contest .body-contest .list-top .item td {
          padding-left: 0;
          padding-right: 0;
          padding-bottom: 0; } }
      .vote-page .detail-contest .body-contest .list-top .item .number {
        font-size: 20px;
        font-weight: bold;
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        display: inline-block;
        vertical-align: middle; }
        @media (max-width: 575px) {
          .vote-page .detail-contest .body-contest .list-top .item .number {
            margin-top: -60px; } }
      .vote-page .detail-contest .body-contest .list-top .item .avatar {
        width: 35px;
        height: 35px;
        display: inline-block;
        margin-left: 10px; }
        .vote-page .detail-contest .body-contest .list-top .item .avatar img {
          width: 35px;
          height: 35px !important;
          object-fit: cover;
          border-radius: 50%; }
      .vote-page .detail-contest .body-contest .list-top .item .vote {
        display: inline-block; }
        @media (max-width: 575px) {
          .vote-page .detail-contest .body-contest .list-top .item .vote {
            text-align: center; } }
        @media (max-width: 575px) {
          .vote-page .detail-contest .body-contest .list-top .item .vote .contest_vote {
            padding: 5px 10px; } }
        .vote-page .detail-contest .body-contest .list-top .item .vote .btn_contest_vote {
          background: #f3f3f3;
          color: #000;
          border: 1px solid #cfcfcf;
          font-weight: bold;
          width: 90px; }
          .vote-page .detail-contest .body-contest .list-top .item .vote .btn_contest_vote focus {
            ouline: none; }
          .vote-page .detail-contest .body-contest .list-top .item .vote .btn_contest_vote.active {
            background: #ee4242;
            color: #fff;
            border: 1px solid #ee4242; }
      .vote-page .detail-contest .body-contest .list-top .item.item_1 {
        border-top: 1px solid #dcdcdc; }
      .vote-page .detail-contest .body-contest .list-top .item .phone {
        font-size: 16px;
        font-weight: bold;
        display: inline-block;
        color: #333;
        vertical-align: middle; }
        .vote-page .detail-contest .body-contest .list-top .item .phone span {
          display: block;
          font-size: 13px;
          font-weight: 500; }
          .vote-page .detail-contest .body-contest .list-top .item .phone span .song_name {
            position: relative;
            display: inline-block; }
            .vote-page .detail-contest .body-contest .list-top .item .phone span .song_name img {
              width: 24px;
              position: absolute;
              right: -34px;
              top: 3px; }
        .vote-page .detail-contest .body-contest .list-top .item .phone:hover {
          color: #ee4242; }
      .vote-page .detail-contest .body-contest .list-top .item .score {
        color: #dd0404;
        font-weight: bold;
        top: 27px; }
      @media (max-width: 575px) {
        .vote-page .detail-contest .body-contest .list-top .item .score-mobile {
          display: block !important; } }

.list-vote-mobile {
  font-family: 'Montserrat', sans-serif; }
  .list-vote-mobile .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 12px;
    padding-left: 0; }
  .list-vote-mobile .item {
    position: relative;
    border-bottom: 10px solid #edebee;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px;
    border-left: 1px solid #edebee;
    border-right: 1px solid #edebee; }
    .list-vote-mobile .item.item:nth-of-type(1) {
      border-top: 10px solid #edebee; }
    .list-vote-mobile .item .avatar {
      width: 35px;
      height: 35px;
      position: absolute;
      left: 15px;
      top: 20px; }
      .list-vote-mobile .item .avatar img {
        width: 35px;
        height: 35px !important;
        object-fit: cover;
        border-radius: 50%; }
    .list-vote-mobile .item .phone {
      font-size: 16px;
      font-weight: bold;
      padding-left: 47px;
      display: block;
      color: #333; }
      .list-vote-mobile .item .phone span {
        display: block;
        font-weight: 800; }
        .list-vote-mobile .item .phone span .song_name {
          position: relative;
          display: inline-block;
          font-weight: 500; }
          .list-vote-mobile .item .phone span .song_name img {
            width: 24px;
            position: absolute;
            right: -34px;
            top: 3px; }
            @media (max-width: 330px) {
              .list-vote-mobile .item .phone span .song_name img {
                display: none; } }
      .list-vote-mobile .item .phone:hover {
        color: #ee4242; }
    .list-vote-mobile .item .btn-vote {
      position: absolute;
      right: 15px;
      bottom: 21px;
      text-align: center; }
      .list-vote-mobile .item .btn-vote .score {
        color: #d40003;
        font-weight: bold; }
      .list-vote-mobile .item .btn-vote button {
        background: #ff545a;
        background: -moz-linear-gradient(top, #ff545a 0%, #db302d 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #ff545a), color-stop(100%, #db302d));
        background: -webkit-linear-gradient(top, #ff545a 0%, #db302d 100%);
        background: -o-linear-gradient(top, #ff545a 0%, #db302d 100%);
        background: -ms-linear-gradient(top, #ff545a 0%, #db302d 100%);
        background: linear-gradient(to bottom, #ff545a 0%, #db302d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff545a', endColorstr='#db302d', GradientType=0);
        border: 1px solid #db302d;
        width: 95px; }
        .list-vote-mobile .item .btn-vote button focus {
          ouline: none; }
    .list-vote-mobile .item .masobinhchon {
      color: #d40003;
      font-weight: bold; }

.parent_vote.active .btn_contest_vote {
  opacity: 0.5;
  background: #f3f3f3 !important;
  color: #000;
  border: 1px solid #cfcfcf !important; }
  .parent_vote.active .btn_contest_vote.active {
    opacity: 1;
    background: #ee4242 !important;
    color: #fff !important;
    border: 1px solid #ee4242 !important; }

#modalVote .modal-dialog {
  max-width: 370px;
  margin: auto; }

#modalVote .modal-header {
  border-bottom: none;
  padding: 10px; }

#modalVote .modal-body {
  padding: 25px;
  padding-top: 0; }

#modalVote .close {
  color: #ee4242;
  opacity: 1; }

#modalVote .content {
  text-align: center; }
  #modalVote .content img {
    width: 80px;
    margin-bottom: 20px; }
  #modalVote .content i {
    font-size: 80px;
    display: block; }
  #modalVote .content p {
    font-size: 15px;
    margin-bottom: 20px; }

.page-home .about {
  background: #f3f3f3;
  font-family: 'HJ Gotham'; }
  .page-home .about .bg {
    background: url(../../img/v1/bg-about.jpg) no-repeat center top transparent;
    background-size: 1264px 403px;
    min-height: 463px;
    padding-bottom: 50px; }
  .page-home .about .heading-title {
    padding: 36px 40px;
    margin: 0;
    clear: both; }
    @media (max-width: 575px) {
      .page-home .about .heading-title {
        padding: 36px 5px;
        font-size: 24px; } }
  .page-home .about .news {
    position: relative; }
    .page-home .about .news:after {
      content: "";
      position: absolute;
      display: block;
      bottom: 0;
      width: 100%;
      height: 4px;
      z-index: 99;
      background: url(../img/home/bg-news.png);
      border-radius: 0 0 10px 10px; }
    .page-home .about .news .inner {
      background: #fff;
      border-radius: 7px;
      padding: 5px 32px;
      display: block; }
      .page-home .about .news .inner .border-image {
        margin: 20px 0; }
        .page-home .about .news .inner .border-image img {
          height: 30px !important; }
    .page-home .about .news .title {
      margin: 15px 0 10px;
      color: #333;
      font-size: 16pt;
      display: block; }
      @media (max-width: 575px) {
        .page-home .about .news .title {
          font-size: 15pt; } }
    .page-home .about .news .date {
      color: #393939;
      font-size: 8pt;
      display: block;
      margin-bottom: 10px; }

.page-home #okara_studio {
  width: 80%;
  margin: 0 auto;
  background: #f3f3f3; }
  @media (max-width: 575px) {
    .page-home #okara_studio {
      width: 100%; } }
  @media (max-width: 575px) {
    .page-home #okara_studio .owl-wrapper-outer {
      height: auto !important; } }
  .page-home #okara_studio img {
    width: 100%;
    border: 4px #fff solid;
    border-radius: 5px; }
  .page-home #okara_studio .owl-dot {
    outline: none; }
    .page-home #okara_studio .owl-dot span {
      background: #ee4242;
      opacity: 0.5; }
    .page-home #okara_studio .owl-dot.active span {
      opacity: 1; }

.page-home #place {
  background: #fff;
  font-family: 'Montserrat', sans-serif;
  padding-top: 70px; }
  .page-home #place .left {
    background: url(../img/home/bg-place.png) top right no-repeat;
    background-size: 400px;
    height: 1000px; }
    .page-home #place .left .maps-tab11 {
      border: none;
      position: relative;
      height: 100vh; }
      .page-home #place .left .maps-tab11 .item_1 {
        position: absolute;
        top: 0; }
      .page-home #place .left .maps-tab11 .item_2 {
        position: absolute;
        top: 25%; }
      .page-home #place .left .maps-tab11 .item_3 {
        position: absolute;
        top: 50%; }
      .page-home #place .left .maps-tab11 .nav-item {
        width: 100%;
        height: 25vh; }
        .page-home #place .left .maps-tab11 .nav-item a {
          width: 100%;
          height: 100%; }
          .page-home #place .left .maps-tab11 .nav-item a:hover {
            border: none; }
          .page-home #place .left .maps-tab11 .nav-item a.active {
            background: none;
            border: none; }
          .page-home #place .left .maps-tab11 .nav-item a span {
            display: none; }
  .page-home #place .right .heading-title {
    font-size: 21px;
    font-weight: bold; }
  .page-home #place .right .tab-place-mobile {
    width: 100%;
    background: #ee4242; }
    .page-home #place .right .tab-place-mobile .dropdown-toggle {
      color: #FFFFFF; }
      .page-home #place .right .tab-place-mobile .dropdown-toggle::after {
        float: right;
        margin-top: 10px; }
    .page-home #place .right .tab-place-mobile ul li {
      display: block;
      width: 100%; }
      .page-home #place .right .tab-place-mobile ul li a {
        color: #000; }
        .page-home #place .right .tab-place-mobile ul li a.active {
          font-weight: bold;
          border: none; }
  .page-home #place #tabPc {
    border-bottom: 2px solid #b7b7b7; }
    .page-home #place #tabPc .nav-item {
      margin-bottom: -2px;
      display: inline-block !important; }
      .page-home #place #tabPc .nav-item .nav-link {
        border: none;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
        color: #7c7c7c; }
        .page-home #place #tabPc .nav-item .nav-link.active {
          border-bottom: 5px solid #ff0000;
          font-weight: bold;
          color: #000; }
  .page-home #place #tabPlaceHomeContent {
    padding-top: 5px;
    padding-bottom: 100px; }
    .page-home #place #tabPlaceHomeContent .name_palce1 {
      font-size: 25px;
      font-weight: bold;
      margin-top: 15px; }
    .page-home #place #tabPlaceHomeContent .list-place .item-place {
      margin-top: 30px; }
      @media (max-width: 575px) {
        .page-home #place #tabPlaceHomeContent .list-place .item-place {
          border-bottom: 1px solid #f1e7c5;
          padding-bottom: 20px; } }
      .page-home #place #tabPlaceHomeContent .list-place .item-place .place-name {
        font-weight: bold;
        font-size: 17px; }
      .page-home #place #tabPlaceHomeContent .list-place .item-place .place-address {
        color: #949494;
        margin-bottom: 5px;
        font-weight: 600;
        font-size: 13px; }
      .page-home #place #tabPlaceHomeContent .list-place .item-place .viewmore {
        background: #ddd;
        color: #333333;
        outline: none;
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 10px; }

/* ------------------- Style cũ lấy sang dùng lại --------------------*/
.sentzalofb {
  background: url("../../img/v1/bg-send-zalo-fb.jpg") no-repeat top center #0d8aff;
  background-size: 1332px 463px;
  height: 490px;
  margin-top: -23px; }

.livestream {
  background: url("../../img/v1/bg-livestream.jpg") no-repeat center center #ff2d52;
  background-size: 1332px 463px;
  height: 463px;
  color: #fff; }

.changebg-mobile {
  display: none; }

.sentzalofb .bg {
  position: relative; }

.sentzalofb .text {
  margin: 0;
  font-size: 25.2pt;
  line-height: 120%; }
  .sentzalofb .text span {
    font-size: 19.74pt; }

.sentzalofb .iphone-list {
  background: url("../../img/v1/iphone-share-list.png") no-repeat 0 0 transparent;
  background-size: contain;
  display: inline-block;
  width: 217.5px;
  height: 427px; }

.sentzalofb .iphone-share {
  margin: 20px 0 0;
  padding: 30px 0; }

.sentzalofb .iphone-details {
  background: url("../../img/v1/iphone-share-details.png") no-repeat 0 0 transparent;
  background-size: contain;
  display: inline-block;
  width: 217.5px;
  height: 427px;
  margin-left: 100px; }
  @media (max-width: 991px) {
    .sentzalofb .iphone-details {
      margin-left: 0; } }

.sentzalofb .textinfo {
  position: absolute;
  bottom: 10px;
  right: 20px;
  width: 57%;
  color: #fff; }

.sentzalofb .group-icon {
  text-align: right; }
  .sentzalofb .group-icon .ic-zalo, .sentzalofb .group-icon .ic-fb {
    display: inline-block; }
  .sentzalofb .group-icon .ic-zalo {
    background: url("../../img/v1/ic-zalo.png") no-repeat 0 0;
    background-size: contain;
    width: 59.5px;
    height: 56.5px; }
  .sentzalofb .group-icon .ic-fb {
    background: url("../../img/v1/ic-facebook.png") no-repeat 0 0;
    background-size: contain;
    width: 54.5px;
    height: 54.5px; }

.livestream .bg {
  position: relative; }

.livestream p {
  margin: 0;
  position: absolute;
  top: 37%;
  font-size: 20.44pt;
  left: 100px;
  line-height: 150%; }
  .livestream p span {
    font-size: 40.17px; }

.livestream .phone-livestream {
  background: url("../../img/v1/iphone-livestream-01.png") no-repeat bottom center;
  background-size: contain;
  height: 462.5px;
  width: 427.5px;
  margin: 0 auto; }

.changebg .bg {
  position: relative;
  height: 462px; }
  .changebg .bg .change-bg-text, .changebg .bg .change-bg1, .changebg .bg .change-bg2, .changebg .bg .change-bg3 {
    display: block;
    position: absolute; }
  .changebg .bg .change-bg-text {
    background: url("../../img/v1/change-bg-text.png") no-repeat 0 0;
    background-size: contain;
    width: 447.5px;
    height: 83.5px;
    top: 65px;
    left: 7%; }
  .changebg .bg .change-bg1 {
    background: url("../../img/v1/change-bg1.png") no-repeat 0 0;
    background-size: contain;
    width: 277.5px;
    height: 126px;
    top: 50%;
    left: 7%; }
  .changebg .bg .change-bg2 {
    background: url("../../img/v1/change-bg2.png") no-repeat 0 0;
    background-size: contain;
    width: 414.5px;
    height: 374.5px;
    bottom: 0;
    left: calc(50% - 207px); }
  .changebg .bg .change-bg3 {
    background: url("../../img/v1/change-bg3.png") no-repeat 0 0;
    background-size: contain;
    width: 290px;
    height: 324px;
    top: 15%;
    left: calc(50% + 117px); }
  .changebg .bg p {
    margin: 0;
    position: absolute;
    bottom: 20px;
    left: 7%; }

@media screen and (max-width: 1170px) {
  .sentzalofb .textinfo {
    width: 50%; }
  .sentzalofb .text {
    font-size: 24.2pt; }
  .livestream p {
    left: 5%; }
  .changebg .bg .change-bg2 {
    left: calc(50% - 137px); }
  .changebg .bg .change-bg3 {
    left: calc(50% + 170px); }
  #okara_studio .owl-wrapper-outer {
    height: 396px; } }

@media screen and (max-width: 1024px) {
  .toprecord {
    top: 125px; }
    .toprecord .playlist {
      height: 300px; }
  .toprecord .wrap-playlist {
    min-height: 280px; } }

@media screen and (max-width: 991px) {
  .sentzalofb {
    background: url(../../img/v1/bg-send-zalo-fb.jpg) no-repeat top right #0d8aff;
    background-size: 980px 366px;
    height: 366px; }
    .sentzalofb .iphone-details, .sentzalofb .iphone-list {
      width: 170px;
      height: 334px; }
    .sentzalofb .group-icon .ic-zalo {
      width: 45.5px;
      height: 45.5px; }
    .sentzalofb .group-icon .ic-fb {
      width: 42.5px;
      height: 42.5px; }
    .sentzalofb .text {
      font-size: 16.2pt; }
      .sentzalofb .text span {
        font-size: 12.74pt; }
  .livestream {
    background-size: 1046px 400px;
    height: 400px; }
    .livestream .phone-livestream {
      width: 300.5px;
      height: 400px; }
    .livestream p {
      font-size: 17.44pt; }
      .livestream p span {
        font-size: 32.17px; }
  .changebg {
    background-size: 1320px 400px;
    height: 400px; }
    .changebg .bg {
      height: 400px; }
      .changebg .bg .change-bg-text {
        width: 310.5px;
        height: 57.5px;
        top: 35px; }
      .changebg .bg .change-bg1 {
        width: 190px;
        height: 87px; }
      .changebg .bg .change-bg2 {
        width: 345.5px;
        height: 312.5px;
        left: calc(50% - 120px); }
      .changebg .bg .change-bg3 {
        width: 232px;
        height: 260px; }
  #okara_studio .owl-wrapper-outer {
    height: 306px; } }

@media screen and (max-width: 768px) {
  .changebg .bg .change-bg3 {
    left: calc(50% + 136px); }
  .date-start {
    font-size: 30px; } }

@media screen and (min-width: 641px) {
  .about .news li:nth-child(even) .inner {
    margin: 0 0 0 20px; } }

@media screen and (max-width: 640px) {
  .sentzalofb {
    background-size: 1358px 329px;
    background-position: -630px 0; }
  .header-desktop {
    display: none !important; }
  .header-mobile {
    display: block !important;
    margin: 0 auto; }
  .record-mobile {
    display: block;
    background-color: #f1f1f1;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    background: url(../../img/v1/bg-playlist.png) no-repeat 0 0 transparent;
    background-size: contain;
    z-index: 9999; }
    .record-mobile .wrap-playlist {
      margin: 30px 15px;
      border-radius: 5px;
      background: url("../../img/v1/bg-playlist-footer.png") no-repeat 100% 100% #fff;
      background-size: contain;
      min-height: 500px;
      box-shadow: 0px 1px 9px rgba(251, 210, 190, 0.67); }
  .header-playlist {
    background: url(../../img/v1/record_sort_table.jpg) no-repeat;
    background-size: contain;
    background-position: center;
    height: 70px; }
  .record-mobile .playlist {
    background-color: #FFFFFF;
    width: 95%;
    margin: 0 auto; }
  .sentzalofb {
    height: 800px;
    overflow: hidden; }
    .sentzalofb .textinfo {
      position: absolute;
      top: 270px;
      left: 0;
      width: 100%;
      text-align: center; }
    .sentzalofb .text {
      font-size: 18.2pt; }
    .sentzalofb .iphone-share {
      position: absolute;
      top: 360px;
      left: calc(50% - 170px); }
    .sentzalofb .iphone-details, .sentzalofb .iphone-list {
      width: 340px;
      height: 668px; }
    .sentzalofb .bg {
      height: 800px;
      overflow: hidden; }
  .changebg {
    display: none; }
  .changebg-mobile {
    display: block;
    background: url(../../img/v1/bg-change-bg-mobile.jpg) no-repeat top center #ebfafd;
    background-size: cover;
    height: 1200px; }
    .changebg-mobile .bg-mobile {
      position: relative; }
      .changebg-mobile .bg-mobile .change-bg-text, .changebg-mobile .bg-mobile .change-bg1, .changebg-mobile .bg-mobile .change-bg2, .changebg-mobile .bg-mobile .change-bg3 {
        position: absolute;
        display: block; }
      .changebg-mobile .bg-mobile .change-bg-text {
        background: url(../../img/v1/change-bg-text-mobile@1x.png) no-repeat 0 0;
        background-size: contain;
        width: 447.5px;
        height: 83.5px;
        top: 65px;
        left: 25%;
        width: 310.5px;
        height: 150px;
        top: 35px; }
      .changebg-mobile .bg-mobile .change-bg1 {
        background: url(../../img/v1/change-bg1-mobile.png) no-repeat 0 0;
        background-size: contain;
        width: 277.5px;
        height: 126px;
        top: 200px;
        left: 30%;
        width: 320px;
        height: 200px; }
      .changebg-mobile .bg-mobile .change-bg2 {
        background: url(../../img/v1/change-bg2-mobile.png) no-repeat 0 0;
        background-size: contain;
        width: 314.5px;
        height: 374.5px;
        top: 350px;
        left: calc(50% - 214px); }
      .changebg-mobile .bg-mobile .change-bg3 {
        background: url(../../img/v1/change-bg3-mobile.png) no-repeat 0 0;
        background-size: contain;
        width: 400px;
        height: 560px;
        top: 613px;
        left: calc(50% - 152px); }
  .livestream {
    background: url(../../img/v1/bg-livestream-mobile.jpg) no-repeat center center #ff2d52;
    background-size: cover;
    height: 500px;
    color: #fff; }
    .livestream p {
      font-size: 20pt;
      top: 20px;
      left: 0;
      width: 100%;
      text-align: center; }
      .livestream p span {
        font-size: 40px; }
    .livestream .phone-livestream {
      padding-top: 100px;
      position: absolute;
      top: 100px;
      right: 0;
      left: 0; } }

@media screen and (max-width: 480px) {
  .changebg-mobile .bg-mobile .change-bg1 {
    left: 17%;
    width: 350px;
    height: 250px; }
  .changebg-mobile .bg-mobile .change-bg2 {
    top: 360px;
    left: calc(50% - 186px); }
  .changebg-mobile .bg-mobile .change-bg3 {
    width: 330px;
    left: calc(50% - 130px); } }

@media screen and (max-width: 420px) {
  .sentzalofb {
    background-size: 1271px 329px; }
  .changebg-mobile .bg-mobile .change-bg-text {
    width: 230px; }
  .changebg-mobile .bg-mobile .change-bg1 {
    width: 300px; }
  .changebg-mobile .bg-mobile .change-bg2 {
    top: 350px; }
  .changebg-mobile .bg-mobile .change-bg3 {
    width: 320px; } }

@media screen and (max-width: 375px) {
  .sentzalofb {
    background-size: 1044px 312px;
    background-position: -503px 0; }
    .sentzalofb .text {
      font-size: 16.2pt; }
    .sentzalofb .iphone-share {
      left: calc(50% - 131px); }
    .sentzalofb .iphone-details, .sentzalofb .iphone-list {
      width: 250px; }
  .changebg-mobile {
    height: 1100px; }
    .changebg-mobile .bg-mobile .change-bg-text {
      width: 240px;
      height: 110px; }
    .changebg-mobile .bg-mobile .change-bg1 {
      top: 130px;
      width: 270px;
      height: 230px;
      top: 170px;
      left: 15%; }
    .changebg-mobile .bg-mobile .change-bg2 {
      top: 310px;
      left: calc(50% - 190px); }
    .changebg-mobile .bg-mobile .change-bg3 {
      width: 300px;
      top: 570px;
      left: calc(50% - 122px); }
  #okara_studio {
    width: 99%; }
    #okara_studio .owl-wrapper-outer {
      height: 175px; }
  .slider-container .sliders {
    width: 100% !important; } }

@media screen and (max-width: 320px) {
  .sentzalofb {
    background-size: 994px 313px;
    background-position: -509px 0; }
    .sentzalofb .text {
      font-size: 14.2pt; }
      .sentzalofb .text span {
        font-size: 10.74pt; }
    .sentzalofb .iphone-share {
      margin: 0; }
  .changebg-mobile {
    height: 1000px; }
    .changebg-mobile .bg-mobile .change-bg1 {
      left: 7%; }
    .changebg-mobile .bg-mobile .change-bg3 {
      width: 250px;
      left: calc(50% - 106px); }
    .changebg-mobile .bg-mobile .change-bg2 {
      width: 280px;
      top: 320px;
      left: calc(50% - 160px); }
    .changebg-mobile .bg-mobile .change-bg3 {
      width: 250px;
      top: 560px;
      left: calc(50% - 96px); } }

.record-page .list-record {
  min-height: 700px; }
  .record-page .list-record .heading-record {
    background: #f3f3f3;
    border-top: 2px solid #e8e8e8;
    margin-left: -15px;
    margin-right: -15px;
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -1px;
    padding-left: 15px; }
    @media (min-width: 768px) {
      .record-page .list-record .heading-record {
        background: none;
        border: none; } }
  .record-page .list-record .item {
    margin-bottom: 15px; }
    @media (max-width: 767px) {
      .record-page .list-record .item .info {
        padding-left: 0; } }
    .record-page .list-record .item .info .title {
      position: relative;
      padding-right: 30px;
      line-height: 0.8; }
      .record-page .list-record .item .info .title a {
        font-size: 16px;
        color: #000; }
      .record-page .list-record .item .info .title img {
        width: 25px; }
      .record-page .list-record .item .info .title .dropdown-record {
        position: absolute;
        top: 7px;
        right: 0;
        font-size: 16px;
        color: #ee4242;
        width: 20px;
        cursor: pointer;
        text-align: center; }
        .record-page .list-record .item .info .title .dropdown-record .icon {
          display: inline-block;
          width: 100%; }
        .record-page .list-record .item .info .title .dropdown-record .dropdown-menu {
          top: 21px !important;
          right: -110px !important;
          left: auto !important;
          margin-top: 0;
          margin-right: .125rem;
          min-width: 100px !important; }
          .record-page .list-record .item .info .title .dropdown-record .dropdown-menu .dropdown-item {
            padding: 6px;
            text-align: right; }
            .record-page .list-record .item .info .title .dropdown-record .dropdown-menu .dropdown-item.active, .record-page .list-record .item .info .title .dropdown-record .dropdown-menu .dropdown-item:active {
              background-color: #ee4242;
              color: #fff; }
    .record-page .list-record .item .mp4-has-image {
      display: block; }
      .record-page .list-record .item .mp4-has-image img {
        opacity: 0; }
    .record-page .list-record .item .view_num {
      color: #767676; }
      .record-page .list-record .item .view_num i {
        margin-right: 5px; }

.record-page .item-record .video-play {
  position: relative; }
  .record-page .item-record .video-play .video-player-ads {
    position: absolute;
    bottom: 45px;
    left: 30px;
    right: 30px; }
    @media (max-width: 767px) {
      .record-page .item-record .video-play .video-player-ads {
        position: static; } }
    .record-page .item-record .video-play .video-player-ads a {
      display: block;
      position: relative; }
      .record-page .item-record .video-play .video-player-ads a span {
        position: absolute;
        top: -2px;
        right: 0;
        display: inline-block;
        width: 20px;
        height: 20px;
        z-index: 99; }
        @media (max-width: 767px) {
          .record-page .item-record .video-play .video-player-ads a span {
            display: none; } }

.record-page .item-record .name-record {
  font-size: 24px;
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 0; }

.record-page .item-record .view_num {
  font-size: 16px;
  color: #767676;
  margin-bottom: 7px; }

.record-page .item-record .send-record p {
  font-weight: bold;
  margin-bottom: 0; }

.record-page .item-record .send-record a {
  display: block;
  color: #4f4f4f; }
  .record-page .item-record .send-record a:hover {
    color: #ee4242; }

.record-page .item-record .send-record button {
  background: #e93636;
  border: none;
  width: 100%;
  max-width: 300px;
  height: 42px;
  line-height: 42px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  position: relative;
  margin-top: 10px;
  border-radius: 5px;
  font-size: 15px;
  cursor: pointer; }
  .record-page .item-record .send-record button i {
    position: absolute;
    left: 10px;
    top: 13px;
    font-size: 19px; }

.record-page .item-record .success p {
  font-weight: normal; }
  .record-page .item-record .success p.link {
    font-weight: bold; }
  .record-page .item-record .success p.ok {
    background: #f2f2f2;
    padding: 5px 10px;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 7px !important; }
    .record-page .item-record .success p.ok i {
      color: #2fc224;
      margin-right: 10px;
      font-size: 15px; }
  .record-page .item-record .success p.rank {
    display: block;
    margin-bottom: 10px !important;
    padding-left: 10px; }
    .record-page .item-record .success p.rank img {
      width: 15px;
      margin-right: 6px; }
    .record-page .item-record .success p.rank span {
      font-weight: bold;
      color: #e00e0e; }
  .record-page .item-record .success p a {
    display: inline;
    font-weight: normal;
    color: #0067bf; }

.record-page .item-record .account {
  padding-bottom: 7px;
  margin-top: 25px;
  position: relative; }
  @media (max-width: 575px) {
    .record-page .item-record .account {
      padding-bottom: 30px; } }
  .record-page .item-record .account .avatar {
    width: 45px;
    height: 45px;
    margin-right: 15px; }
    .record-page .item-record .account .avatar img {
      width: 45px;
      height: 45px !important;
      object-fit: cover;
      border-radius: 50%; }
  .record-page .item-record .account .info h3 {
    margin: 0;
    font-size: 16px; }
    .record-page .item-record .account .info h3 a {
      font-size: 16px;
      color: #373737;
      font-weight: bold; }
  .record-page .item-record .account .info p {
    font-size: 13px;
    color: #767676; }
  .record-page .item-record .account .btn-share-fb {
    position: absolute;
    right: 0; }
    @media (max-width: 575px) {
      .record-page .item-record .account .btn-share-fb {
        bottom: 0;
        left: 0; } }

.record-page .item-record .upgrade-vip-btn {
  margin-bottom: 20px; }
  .record-page .item-record .upgrade-vip-btn a {
    display: inline-block;
    background: #ffe375;
    background: -moz-linear-gradient(top, #ffe375 0%, #f4b556 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffe375), color-stop(100%, #f4b556));
    background: -webkit-linear-gradient(top, #ffe375 0%, #f4b556 100%);
    background: -o-linear-gradient(top, #ffe375 0%, #f4b556 100%);
    background: -ms-linear-gradient(top, #ffe375 0%, #f4b556 100%);
    background: linear-gradient(to bottom, #ffe375 0%, #f4b556 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe375', endColorstr='#f4b556', GradientType=0);
    padding: 7px 12px;
    max-width: 160px;
    border-radius: 10px; }
    @media (max-width: 399px) {
      .record-page .item-record .upgrade-vip-btn a {
        max-width: 100%; } }
    .record-page .item-record .upgrade-vip-btn a img {
      width: 30px;
      height: 30px !important;
      min-width: 30px;
      margin-right: 12px; }
    .record-page .item-record .upgrade-vip-btn a span {
      font-weight: bold;
      color: #000;
      font-size: 15px; }

.record-page .item-record .place {
  border-top: 1px solid #e8e8e8;
  margin-top: 15px;
  margin-bottom: 5px;
  padding-top: 15px; }
  .record-page .item-record .place span {
    font-weight: bold; }

.record-page .item-record .share h4 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 12px; }

.record-page .item-record .share ul {
  padding-left: 0; }
  .record-page .item-record .share ul li {
    list-style: none;
    display: inline-block;
    margin-right: 15px;
    width: 160px;
    height: 42px;
    position: relative; }
    @media (max-width: 767px) {
      .record-page .item-record .share ul li {
        margin-right: 5px;
        margin-bottom: 10px;
        width: 30%;
        height: 30px;
        padding-left: 20px;
        float: left; } }
    .record-page .item-record .share ul li.facebook {
      background: #3e57c3;
      border-radius: 5px; }
      .record-page .item-record .share ul li.facebook i {
        color: #fff;
        font-size: 35px;
        position: absolute;
        left: 7px;
        bottom: -3px; }
        @media (max-width: 767px) {
          .record-page .item-record .share ul li.facebook i {
            font-size: 25px; } }
    .record-page .item-record .share ul li.download {
      background: #2fc224;
      border-radius: 5px; }
      .record-page .item-record .share ul li.download i {
        color: #fff;
        font-size: 29px;
        position: absolute;
        left: 7px;
        bottom: 5px; }
        @media (max-width: 767px) {
          .record-page .item-record .share ul li.download i {
            font-size: 20px; } }
    .record-page .item-record .share ul li.zalo {
      background: #1c9aea;
      border-radius: 5px; }
      .record-page .item-record .share ul li.zalo i {
        color: #fff;
        font-size: 29px;
        position: absolute;
        left: 7px;
        bottom: 5px;
        width: 27px;
        height: 27px;
        background: url(../img/icons/icon-zalo.png);
        background-size: 20px;
        background-repeat: no-repeat; }
        @media (max-width: 767px) {
          .record-page .item-record .share ul li.zalo i {
            position: absolute;
            left: 7px;
            bottom: -1px;
            width: 23px;
            height: 25px;
            background-size: 15px; } }
    .record-page .item-record .share ul li a {
      display: block;
      width: 100%;
      height: 100%;
      text-align: center;
      line-height: 42px;
      color: #fff;
      font-size: 15px; }
      @media (max-width: 767px) {
        .record-page .item-record .share ul li a {
          font-size: 13px;
          line-height: 30px; } }

.record-page .processing-file {
  position: relative; }
  .record-page .processing-file .icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding-top: 20%;
    background: rgba(0, 0, 0, 0.52); }
    .record-page .processing-file .icon i {
      animation-name: spin;
      animation-duration: 3000ms;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
      font-size: 70px;
      color: rgba(255, 255, 255, 0.8); }
      @media (max-width: 991px) {
        .record-page .processing-file .icon i {
          font-size: 50px; } }
    .record-page .processing-file .icon p {
      color: rgba(255, 255, 255, 0.8);
      font-size: 20px;
      line-height: 110%;
      margin-top: 10px; }
      @media (max-width: 991px) {
        .record-page .processing-file .icon p {
          font-size: 15px; } }
  .record-page .processing-file .progress {
    position: relative;
    border-radius: 0;
    height: 10px; }
    @media (max-width: 991px) {
      .record-page .processing-file .progress {
        height: 8px; } }
  .record-page .processing-file .progress-bar-striped {
    background-color: #2fc224; }

.record-page .unpublic-file {
  position: relative; }
  .record-page .unpublic-file .icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding-top: 20%;
    background: rgba(0, 0, 0, 0.52); }
    @media (max-width: 991px) {
      .record-page .unpublic-file .icon {
        padding-top: 13%; } }
    .record-page .unpublic-file .icon i {
      font-size: 70px;
      color: rgba(255, 255, 255, 0.8); }
    .record-page .unpublic-file .icon p {
      color: rgba(255, 255, 255, 0.8);
      font-size: 20px;
      line-height: 110%;
      margin-top: 10px; }
      .record-page .unpublic-file .icon p a {
        display: block;
        color: rgba(255, 255, 255, 0.8);
        font-size: 15px; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

a.share-fb {
  background: #3e57c3;
  height: 42px;
  border-radius: 5px;
  text-align: center;
  line-height: 42px;
  color: #fff !important;
  width: 100%;
  max-width: 300px;
  margin-top: 5px;
  position: relative; }
  a.share-fb i {
    left: 7px;
    bottom: -3px;
    color: #fff;
    font-size: 35px;
    position: absolute; }
  a.share-fb span {
    font-size: 15px; }

.record-sidebar .heading {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px; }

.record-sidebar .item {
  margin-bottom: 15px; }
  .record-sidebar .item .title {
    position: relative;
    line-height: 1 !important;
    font-size: 15px; }
    .record-sidebar .item .title a {
      font-size: 15px;
      color: #000;
      display: block; }
    .record-sidebar .item .title img {
      width: 25px;
      margin-top: 5px; }
  .record-sidebar .item img.icon-camera {
    width: 25px; }
  .record-sidebar .item .view_num {
    color: #767676;
    margin-bottom: 0; }
    .record-sidebar .item .view_num i {
      margin-right: 5px; }

.record-sidebar .view_more a {
  max-width: 100%; }

#modalSendRecordSuccess .modal-dialog {
  max-width: 370px;
  margin: auto; }
  @media (max-width: 575px) {
    #modalSendRecordSuccess .modal-dialog {
      max-width: 320px; } }

#modalSendRecordSuccess .modal-header {
  border-bottom: none;
  padding: 10px; }

#modalSendRecordSuccess .modal-body {
  padding: 25px;
  padding-top: 0; }

#modalSendRecordSuccess .close {
  color: #ee4242;
  opacity: 1; }

#modalSendRecordSuccess .content {
  text-align: center; }
  #modalSendRecordSuccess .content img {
    width: 80px;
    margin-bottom: 20px; }
  #modalSendRecordSuccess .content p {
    font-size: 15px;
    margin-bottom: 20px; }
  #modalSendRecordSuccess .content .btn-share-facebook {
    list-style: none;
    display: inline-block;
    margin-right: 15px;
    width: 100%;
    height: 42px;
    position: relative;
    background: #3e57c3;
    border-radius: 5px; }
    #modalSendRecordSuccess .content .btn-share-facebook i {
      color: #fff;
      font-size: 35px;
      position: absolute;
      left: 7px;
      bottom: -3px; }
    #modalSendRecordSuccess .content .btn-share-facebook a {
      display: block;
      width: 100%;
      height: 100%;
      text-align: center;
      line-height: 42px;
      color: #fff;
      font-size: 15px; }

.record-page.u .top {
  background: #f8f8f8;
  padding-top: 30px;
  padding-bottom: 30px; }
  .record-page.u .top .wrap-top .avatar {
    width: 150px;
    height: 150px;
    min-width: 150px;
    margin-right: 30px;
    cursor: pointer; }
    .record-page.u .top .wrap-top .avatar > img {
      width: 100%;
      height: 100% !important;
      object-fit: cover;
      border-radius: 50%; }
    @media (max-width: 399px) {
      .record-page.u .top .wrap-top .avatar {
        width: 120px;
        height: 120px !important;
        min-width: 120px;
        margin-right: 20px; } }
    @media (max-width: 330px) {
      .record-page.u .top .wrap-top .avatar {
        width: 100px;
        height: 100px !important;
        min-width: 100px;
        margin-right: 10px; } }
  .record-page.u .top .wrap-top .info h1 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 2px; }
    @media (max-width: 330px) {
      .record-page.u .top .wrap-top .info h1 {
        font-size: 26px; } }
  .record-page.u .top .wrap-top .info p {
    font-size: 16px;
    margin-bottom: 0; }

.record-page.u .list-record {
  margin-top: 30px; }
  .record-page.u .list-record h2 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 2px; }
  .record-page.u .list-record .total-record {
    font-size: 16px;
    margin-bottom: 20px; }
  .record-page.u .list-record .item .title {
    padding-right: 0; }

.sidebar-account .top {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 20px; }
  .sidebar-account .top .avatar {
    width: 45px;
    height: 45px;
    margin-right: 15px; }
    .sidebar-account .top .avatar > a img {
      width: 45px;
      height: 45px !important;
      object-fit: cover;
      border-radius: 50%; }
  .sidebar-account .top .info h3 {
    margin: 0;
    font-size: 16px; }
    .sidebar-account .top .info h3 a {
      font-size: 16px;
      color: #373737;
      font-weight: bold; }
    .sidebar-account .top .info h3 p {
      font-size: 13px;
      color: #5b5b5b; }

.sidebar-account .list_link ul {
  padding-left: 0; }
  .sidebar-account .list_link ul li {
    list-style: none;
    border-bottom: 1px solid #e8e8e8;
    padding: 15px; }
    .sidebar-account .list_link ul li a {
      display: block; }
      .sidebar-account .list_link ul li a span {
        color: #444444;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        .sidebar-account .list_link ul li a span.icon {
          margin-right: 10px;
          padding-left: 0 !important; }
          .sidebar-account .list_link ul li a span.icon img {
            width: 18px;
            height: 18px !important;
            object-fit: contain; }
      .sidebar-account .list_link ul li a:hover span {
        padding-left: 10px; }
      .sidebar-account .list_link ul li a i {
        float: right;
        color: #444; }

@media (max-width: 767px) {
  .sidebar-account .list_link {
    display: none; } }

.main-account .content-account {
  width: 100%;
  max-width: 385px;
  margin: auto;
  padding-bottom: 200px;
  min-height: 600px; }
  .main-account .content-account .heading-account {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px; }
    @media (max-width: 991px) {
      .main-account .content-account .heading-account {
        margin-top: 40px; } }
  .main-account .content-account .alert {
    color: #fff;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px; }
    .main-account .content-account .alert.alert-success {
      background: #1bcd1f; }
    .main-account .content-account .alert.alert-error {
      background: #fb3131; }
  .main-account .content-account form button {
    background: #ee4242 !important;
    width: 100%;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px; }

.main-login .logo {
  display: block;
  text-align: center;
  padding-top: 50px; }
  .main-login .logo img {
    max-width: 260px !important; }

.main-login .content-login {
  width: 100%;
  max-width: 400px;
  padding: 30px;
  margin: 30px auto 200px;
  border-radius: 7px;
  box-shadow: 0px 2px 7px 5px rgba(178, 177, 177, 0.45); }
  .main-login .content-login form h1 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 24px;
    text-align: center;
    margin-top: 15px; }
  .main-login .content-login form button {
    background: #ee4242 !important;
    width: 100%;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px; }
  .main-login .content-login form .login-facebook {
    background: #3e57c3 !important;
    border-radius: 5px;
    position: relative;
    margin-top: 15px;
    width: 100%;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px;
    display: flex;
    color: #fff; }
    .main-login .content-login form .login-facebook i {
      color: #fff;
      font-size: 35px;
      position: absolute;
      left: 7px;
      bottom: -3px; }
      @media (max-width: 767px) {
        .main-login .content-login form .login-facebook i {
          font-size: 25px; } }
    .main-login .content-login form .login-facebook span {
      margin: 0 auto; }
  .main-login .content-login .forget-pass {
    display: block;
    text-align: center;
    margin-top: 15px; }
    .main-login .content-login .forget-pass span {
      color: #5c5c5c;
      border-bottom: 1px solid #5c5c5c; }

.change-info {
  padding-bottom: 200px; }
  .change-info .heading1 {
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    margin-top: 20px; }
    @media (max-width: 767px) {
      .change-info .heading1 {
        background: #f3f3f3;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 0;
        margin-left: -15px;
        margin-right: -15px; } }
  .change-info .alert {
    color: #fff;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    margin: auto;
    max-width: 300px; }
    .change-info .alert.alert-success {
      background: #1bcd1f; }
    .change-info .alert.alert-error {
      background: #fb3131; }
  .change-info form {
    margin-top: 50px; }
    .change-info form .button {
      color: #fff;
      text-transform: uppercase; }
      .change-info form .button .btn {
        width: 80%;
        max-width: 300px;
        margin-top: 15px;
        color: #fff; }
        .change-info form .button .btn.saveinfo {
          background: #ee4242; }
  .change-info .wrap {
    border: 1px solid #eaeaea; }
    @media (max-width: 767px) {
      .change-info .wrap {
        border: none; } }
    .change-info .wrap .left {
      height: 100%;
      border-right: 1px solid #eaeaea;
      padding: 30px; }
      @media (max-width: 767px) {
        .change-info .wrap .left {
          border-right: 0;
          border-bottom: 1px solid #eaeaea;
          display: -ms-flexbox !important;
          display: flex !important;
          -ms-flex-align: baseline !important;
          align-items: baseline !important;
          border-right: none;
          display: -ms-flexbox !important;
          display: flex !important;
          -ms-flex-pack: center !important;
          justify-content: center !important; } }
      .change-info .wrap .left .avatar {
        text-align: center;
        margin-bottom: 30px; }
        @media (max-width: 767px) {
          .change-info .wrap .left .avatar {
            float: left;
            margin-right: 30px;
            min-width: 78px; } }
        .change-info .wrap .left .avatar img {
          width: 99px;
          height: 99px !important;
          object-fit: cover;
          border-radius: 50%; }
      @media (max-width: 767px) {
        .change-info .wrap .left .custom-file {
          width: 60%;
          margin-top: 30px; } }
      .change-info .wrap .left .custom-file .custom-file-label {
        background-color: #e4e4e4;
        text-align: center;
        white-space: nowrap; }
        .change-info .wrap .left .custom-file .custom-file-label::after {
          content: '';
          padding: 0;
          border-left: 0; }
    .change-info .wrap .right .item {
      display: -ms-flexbox !important;
      display: flex !important;
      border-bottom: 1px solid #eaeaea;
      margin-left: -30px;
      padding: 10px 10px 10px 30px;
      position: relative; }
      @media (max-width: 767px) {
        .change-info .wrap .right .item {
          margin-left: 0;
          padding-left: 15px;
          margin-right: -15px; } }
      .change-info .wrap .right .item:last-child {
        border: none; }
      .change-info .wrap .right .item .label {
        min-width: 30%;
        font-weight: bold;
        padding-top: 10px; }
      .change-info .wrap .right .item input {
        height: 35px;
        width: 100%;
        margin-right: 35px;
        border: none;
        background: #fff; }
        .change-info .wrap .right .item input:focus {
          outline: none; }
      .change-info .wrap .right .item .icon {
        position: absolute;
        right: 15px;
        top: 20px;
        cursor: pointer; }
        .change-info .wrap .right .item .icon i {
          color: #8d8d8d;
          font-size: 20px; }

.list-tintuc-page {
  margin-bottom: 50px; }
  .list-tintuc-page .large-post {
    background: #f4f4f4;
    margin-bottom: 40px; }
    .list-tintuc-page .large-post .text {
      padding: 15px;
      padding-right: 30px; }
      @media (max-width: 767px) {
        .list-tintuc-page .large-post .text {
          padding-left: 30px; } }
      .list-tintuc-page .large-post .text .name-post {
        font-size: 20px; }
        .list-tintuc-page .large-post .text .name-post a {
          font-size: 20px;
          color: #000;
          font-weight: bold;
          display: block; }
      .list-tintuc-page .large-post .text .date {
        color: #7b7b7b; }
      .list-tintuc-page .large-post .text .sapo {
        margin-top: 20px;
        font-size: 15px;
        color: #333; }
  .list-tintuc-page .small-post .item .text .name-post {
    font-size: 17px; }
    .list-tintuc-page .small-post .item .text .name-post a {
      font-size: 17px;
      font-weight: bold;
      color: #000; }
      .list-tintuc-page .small-post .item .text .name-post a:hover {
        color: #ee4242; }
  .list-tintuc-page .small-post .item .text .date {
    color: #7b7b7b; }

.tintuc-page {
  margin-bottom: 50px; }
  .tintuc-page .left {
    border-right: 1px solid #e1e1e1; }
  .tintuc-page .detail-post .name-post {
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold; }
  .tintuc-page .detail-post .date {
    font-size: 13px;
    color: #838383;
    margin-bottom: 7px; }
  .tintuc-page .detail-post .user {
    display: -ms-flexbox !important;
    display: flex !important; }
    .tintuc-page .detail-post .user img {
      width: 20px;
      height: 20px !important;
      border-radius: 50%; }
    .tintuc-page .detail-post .user h5 {
      font-size: 15px;
      font-weight: bold;
      padding: 2px;
      padding-left: 10px; }
  .tintuc-page .detail-post .content1 {
    text-align: justify; }
  .tintuc-page .sidebar .heading {
    font-size: 20px;
    font-weight: bold; }
  .tintuc-page .sidebar .list-post .item .name {
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 25px; }
    .tintuc-page .sidebar .list-post .item .name a {
      font-size: 16px;
      color: #000; }
      .tintuc-page .sidebar .list-post .item .name a:hover {
        color: #ee4242; }

.faq-page .sidebar ul {
  padding: 0;
  margin: 0;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 100px; }
  .faq-page .sidebar ul li {
    list-style: none; }
    .faq-page .sidebar ul li a {
      color: #ee4242;
      display: block;
      padding: 15px;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      padding-left: 40px; }
      .faq-page .sidebar ul li a.faq {
        background: url(../img/icons/faq.svg) 10px no-repeat;
        background-size: 20px; }
      .faq-page .sidebar ul li a.term {
        background: url(../img/icons/chinh_sach.svg) 10px no-repeat;
        background-size: 20px; }
      .faq-page .sidebar ul li a i {
        float: right; }
    .faq-page .sidebar ul li ul {
      display: none;
      margin-top: 15px; }
    .faq-page .sidebar ul li.active {
      border: none; }
      .faq-page .sidebar ul li.active a {
        background: #ee4242 url(../img/icons/faq_white.svg) 10px no-repeat;
        background-size: 20px;
        color: #fff;
        margin-top: -1px;
        border: none; }
        .faq-page .sidebar ul li.active a.term {
          background: #ee4242 url(../img/icons/chinh_sach_white.svg) 10px no-repeat;
          background-size: 20px; }
        .faq-page .sidebar ul li.active a i.fa-angle-right:before {
          content: '\f107'; }
      .faq-page .sidebar ul li.active ul {
        display: block; }
        .faq-page .sidebar ul li.active ul li a {
          border: none;
          background: #fff;
          color: #000;
          padding: 10px 0; }
          .faq-page .sidebar ul li.active ul li a.active {
            color: #ee4242; }

.faq-page .right .content .heading {
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 40px; }

.faq-page .right .content .list-faq .item .faq-question {
  font-weight: bold;
  font-size: 16px;
  margin-top: 0; }

.faq-page .right .content .list-faq .item .faq-answer {
  text-align: justify; }

.faq-page .right .content .list-faq .item hr {
  margin-top: 25px;
  margin-bottom: 25px; }

.member-page .sidebar {
  margin-bottom: 20px; }
  .member-page .sidebar ul {
    padding: 0;
    margin: 0;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 100px;
    border-top: 1px solid #d7d7d7; }
    .member-page .sidebar ul li {
      list-style: none; }
      .member-page .sidebar ul li a {
        color: #ee4242;
        display: block;
        padding: 10px 15px;
        border-bottom: 1px solid #d7d7d7;
        padding-left: 40px;
        background: url(../img/icons/map.svg) 10px no-repeat;
        background-size: 17px; }
        .member-page .sidebar ul li a i {
          float: right;
          display: none;
          font-size: 22px;
          margin-top: -2px; }
      .member-page .sidebar ul li.active {
        border: none; }
        .member-page .sidebar ul li.active a {
          background: #ee4242 url(../img/icons/map_white.svg) 10px no-repeat;
          background-size: 17px;
          color: #fff;
          margin-top: -1px;
          border: none; }
          .member-page .sidebar ul li.active a i {
            display: inline-block; }
  .member-page .sidebar .custom-select-member > span {
    color: #fff;
    display: block;
    padding: 10px 15px;
    padding-left: 40px;
    background: #ee4242 url(../img/icons/map_white.svg) 10px no-repeat;
    background-size: 17px;
    cursor: pointer; }
    .member-page .sidebar .custom-select-member > span i {
      float: right;
      font-size: 22px;
      margin-top: -2px; }
  .member-page .sidebar .custom-select-member ul {
    display: none; }

.member-page .right .content .top ul {
  margin-bottom: 0;
  border-bottom: 1px solid #d7d7d7;
  padding-left: 0;
  position: relative; }
  .member-page .right .content .top ul li {
    display: inline-block;
    padding: 8px;
    font-size: 15px; }
    @media (max-width: 575px) {
      .member-page .right .content .top ul li {
        padding: 8px 0; } }
    .member-page .right .content .top ul li a {
      margin: 10px;
      color: #000; }
      @media (max-width: 330px) {
        .member-page .right .content .top ul li a {
          margin: 10px 5px; } }
      @media (max-width: 575px) {
        .member-page .right .content .top ul li a span {
          display: none; } }
    .member-page .right .content .top ul li.active {
      border-bottom: 4px solid #ee4242; }
      .member-page .right .content .top ul li.active a {
        font-weight: bold; }
    .member-page .right .content .top ul li.all {
      position: absolute;
      right: 0;
      top: -3px;
      padding-right: 0; }
      .member-page .right .content .top ul li.all a {
        margin-right: 0; }

.member-page .right .content .list-member {
  margin-top: 30px;
  margin-bottom: 30px; }
  .member-page .right .content .list-member .item {
    text-align: center;
    margin-bottom: 30px; }
    .member-page .right .content .list-member .item .avatar {
      position: relative;
      padding-bottom: 90%;
      width: 90%;
      display: block;
      margin: auto;
      transition: all .2s ease-in-out; }
      .member-page .right .content .list-member .item .avatar .icon_vip {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100% !important; }
        .member-page .right .content .list-member .item .avatar .icon_vip img {
          position: relative;
          z-index: 9; }
        .member-page .right .content .list-member .item .avatar .icon_vip .bg-avatar {
          position: absolute;
          left: 3%;
          right: 3%;
          bottom: 3%;
          top: 3%;
          border-radius: 50%; }
      .member-page .right .content .list-member .item .avatar > img {
        position: absolute;
        left: 0;
        object-fit: cover;
        width: 100%;
        height: 100% !important;
        border-radius: 50%; }
      .member-page .right .content .list-member .item .avatar:hover {
        transform: scale(1.2); }
    .member-page .right .content .list-member .item .name-member {
      font-size: 17px;
      font-weight: bold;
      margin-top: 15px; }

.member-page .right .content .icon-loading {
  margin: auto;
  max-width: 150px !important;
  margin-top: -30px; }

.voucher-page .list-voucher .heading-1 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 20px; }

.voucher-page .list-voucher .sapo {
  font-size: 15px; }

.voucher-page .list-voucher .list .item-voucher {
  margin-bottom: 30px; }
  .voucher-page .list-voucher .list .item-voucher .name {
    font-size: 17px;
    margin-top: 5px; }
    .voucher-page .list-voucher .list .item-voucher .name a {
      font-size: 17px;
      font-weight: bold;
      color: #000;
      display: inline-block; }
      .voucher-page .list-voucher .list .item-voucher .name a span {
        display: block;
        font-weight: normal;
        font-size: 15px;
        margin-top: 2px; }
    .voucher-page .list-voucher .list .item-voucher .name.expired a {
      color: #ee4242; }

.gift-code-page .list-gift-code .heading-1 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 20px; }

.gift-code-page .list-gift-code .table tr td {
  font-weight: 600; }

.gift-code-page .list-gift-code .table tr.expired td.code {
  color: #000; }

.gift-code-page .list-gift-code .table tr.used td.state {
  color: #009e00; }

.gift-code-page .list-gift-code .table tr.useable td.code {
  color: #ee4242; }

.package-intro-vip {
  margin-bottom: 150px; }
  .package-intro-vip .intro-package {
    position: relative; }
    .package-intro-vip .intro-package .info {
      position: absolute;
      top: 70px;
      right: 0;
      width: 100%;
      max-width: 340px;
      z-index: 9; }
      @media (max-width: 1199px) {
        .package-intro-vip .intro-package .info {
          top: 35px;
          max-width: 300px; } }
      @media (max-width: 991px) {
        .package-intro-vip .intro-package .info {
          top: 10px;
          max-width: 250px; } }
      @media (max-width: 767px) {
        .package-intro-vip .intro-package .info {
          position: static;
          width: 100%;
          max-width: 100%;
          margin-top: 30px; } }
      .package-intro-vip .intro-package .info .gradient-box {
        margin: auto;
        position: relative;
        background-color: #fff;
        box-sizing: border-box;
        background-clip: padding-box;
        border: solid 5px transparent;
        border-radius: 1em;
        padding: 50px 30px 15px 30px; }
        @media (max-width: 1199px) {
          .package-intro-vip .intro-package .info .gradient-box {
            padding: 35px 15px 30px; } }
        @media (max-width: 991px) {
          .package-intro-vip .intro-package .info .gradient-box {
            padding: 30px 8px 0px; } }
        @media (max-width: 767px) {
          .package-intro-vip .intro-package .info .gradient-box {
            padding: 40px 20px 30px; } }
        .package-intro-vip .intro-package .info .gradient-box:before {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: -1;
          margin: -5px;
          border-radius: inherit;
          background: linear-gradient(#f3cb5c, #ffee95, #f3cb5c); }
          @media (max-width: 991px) {
            .package-intro-vip .intro-package .info .gradient-box:before {
              margin: -4px; } }
        .package-intro-vip .intro-package .info .gradient-box .icon {
          position: absolute;
          top: -42px;
          left: 0;
          right: 0;
          margin: auto;
          width: 80px;
          background: #fff;
          padding: 5px;
          z-index: 9; }
          @media (max-width: 1199px) {
            .package-intro-vip .intro-package .info .gradient-box .icon {
              top: -34px;
              width: 60px; } }
        .package-intro-vip .intro-package .info .gradient-box .name {
          text-align: center;
          font-weight: bold;
          text-transform: uppercase;
          font-size: 27px;
          margin-bottom: 0; }
          @media (max-width: 1199px) {
            .package-intro-vip .intro-package .info .gradient-box .name {
              font-size: 25px; } }
          @media (max-width: 991px) {
            .package-intro-vip .intro-package .info .gradient-box .name {
              font-size: 22px; } }
        .package-intro-vip .intro-package .info .gradient-box .price {
          text-align: center;
          font-weight: bold;
          text-transform: uppercase;
          font-size: 40px;
          color: #ba9b1a; }
          @media (max-width: 1199px) {
            .package-intro-vip .intro-package .info .gradient-box .price {
              font-size: 35px; } }
          @media (max-width: 991px) {
            .package-intro-vip .intro-package .info .gradient-box .price {
              font-size: 32px; } }
        .package-intro-vip .intro-package .info .gradient-box .line-star {
          width: 100%;
          height: 1px;
          background: url(../images/subpackage/line-gradient.png);
          background-size: 100%;
          background-repeat: no-repeat;
          position: relative;
          margin-top: 20px;
          margin-bottom: 20px; }
          @media (max-width: 991px) {
            .package-intro-vip .intro-package .info .gradient-box .line-star {
              margin-top: 10px;
              margin-bottom: 10px; } }
          @media (max-width: 767px) {
            .package-intro-vip .intro-package .info .gradient-box .line-star {
              margin-top: 25px;
              margin-bottom: 25px; } }
          .package-intro-vip .intro-package .info .gradient-box .line-star span {
            position: absolute;
            top: -12px;
            left: 0;
            right: 0;
            margin: auto;
            display: inline-block;
            width: 70px;
            padding: 0 5px;
            background: #fff; }
        .package-intro-vip .intro-package .info .gradient-box .sapo {
          padding-left: 0; }
          .package-intro-vip .intro-package .info .gradient-box .sapo li {
            list-style: none;
            color: #000;
            font-size: 17px;
            font-weight: bold;
            padding: 0; }
            .package-intro-vip .intro-package .info .gradient-box .sapo li .sapo_icon {
              display: inline-block;
              min-width: 31px;
              height: 31px;
              background: url(../images/subpackage/gift.svg);
              background-size: 100%;
              background-repeat: no-repeat;
              margin-right: 15px; }
              .package-intro-vip .intro-package .info .gradient-box .sapo li .sapo_icon.nth-1 {
                background: url(../images/subpackage/crown.svg);
                background-size: 100%;
                background-repeat: no-repeat; }
              .package-intro-vip .intro-package .info .gradient-box .sapo li .sapo_icon.nth-2 {
                background: url(../images/subpackage/calendar.svg);
                background-size: 100%;
                background-repeat: no-repeat; }
            @media (max-width: 1199px) {
              .package-intro-vip .intro-package .info .gradient-box .sapo li {
                font-size: 15px; } }
            @media (max-width: 991px) {
              .package-intro-vip .intro-package .info .gradient-box .sapo li {
                font-size: 14px; } }
            @media (max-width: 767px) {
              .package-intro-vip .intro-package .info .gradient-box .sapo li {
                font-size: 15px; } }
          .package-intro-vip .intro-package .info .gradient-box .sapo hr {
            width: 100%;
            height: 1px;
            background: url("../images/subpackage/line-gradient.png");
            background-repeat: no-repeat;
            background-size: 100%;
            border: none; }
            @media (max-width: 991px) {
              .package-intro-vip .intro-package .info .gradient-box .sapo hr {
                margin-top: 10px;
                margin-bottom: 10px; } }
            @media (max-width: 767px) {
              .package-intro-vip .intro-package .info .gradient-box .sapo hr {
                margin-top: 15px;
                margin-bottom: 15px; } }
          .package-intro-vip .intro-package .info .gradient-box .sapo .upgrade-vip-btn {
            margin-top: 40px; }
            .package-intro-vip .intro-package .info .gradient-box .sapo .upgrade-vip-btn a {
              display: inline-block;
              background: #faf4d2;
              background: -moz-linear-gradient(top, #faf4d2 0%, #fcce01 100%);
              background: -webkit-gradient(left top, left bottom, color-stop(0%, #faf4d2), color-stop(100%, #fcce01));
              background: -webkit-linear-gradient(top, #faf4d2 0%, #fcce01 100%);
              background: -o-linear-gradient(top, #faf4d2 0%, #fcce01 100%);
              background: -ms-linear-gradient(top, #faf4d2 0%, #fcce01 100%);
              background: linear-gradient(to bottom, #faf4d2 0%, #fcce01 100%);
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faf4d2', endColorstr='#fcce01', GradientType=0);
              padding: 12px;
              border-radius: 20px;
              box-shadow: 0px 4px 2px 1px #c4a600; }
              @media (max-width: 399px) {
                .package-intro-vip .intro-package .info .gradient-box .sapo .upgrade-vip-btn a {
                  max-width: 100%; } }
              .package-intro-vip .intro-package .info .gradient-box .sapo .upgrade-vip-btn a img {
                width: 45px;
                height: 45px !important;
                min-width: 45px;
                margin-right: 12px; }
              .package-intro-vip .intro-package .info .gradient-box .sapo .upgrade-vip-btn a span {
                font-weight: bold;
                color: #000;
                font-size: 22px;
                text-transform: uppercase;
                margin-top: 4px; }
                @media (max-width: 991px) {
                  .package-intro-vip .intro-package .info .gradient-box .sapo .upgrade-vip-btn a span {
                    font-size: 17px; } }
  .package-intro-vip .payment-wrap-button {
    position: absolute;
    bottom: 35px;
    left: 14%;
    margin: auto;
    max-width: 410px; }
    .package-intro-vip .payment-wrap-button.mobile {
      position: static;
      text-align: center;
      margin-top: 40px;
      margin-bottom: 40px; }
      .package-intro-vip .payment-wrap-button.mobile .btn-payment {
        background: url(../images/subpackage/viettelpay.jpg);
        background-position: 10px 10px;
        background-repeat: no-repeat;
        background-size: 30px;
        border: 2px solid #ee4242;
        padding: 15px;
        padding-left: 49px;
        border-radius: 8px; }
      .package-intro-vip .payment-wrap-button.mobile p {
        font-weight: bold;
        font-size: 19px; }
        .package-intro-vip .payment-wrap-button.mobile p a {
          color: #ee4242;
          font-style: italic; }
    @media (max-width: 1199px) {
      .package-intro-vip .payment-wrap-button {
        max-width: 310px;
        bottom: 0; } }
    @media (max-width: 991px) {
      .package-intro-vip .payment-wrap-button {
        left: 15%;
        max-width: 210px;
        bottom: 15px; } }
    @media (max-width: 767px) {
      .package-intro-vip .payment-wrap-button {
        top: 22%;
        bottom: auto;
        left: 0;
        right: 0;
        margin: auto;
        max-width: 260px; } }
    @media (max-width: 575px) {
      .package-intro-vip .payment-wrap-button {
        top: 21%;
        max-width: 160px; } }
    @media (max-width: 399px) {
      .package-intro-vip .payment-wrap-button {
        top: 15%; } }
    @media (max-width: 330px) {
      .package-intro-vip .payment-wrap-button {
        top: 12%;
        max-width: 165px; } }
    .package-intro-vip .payment-wrap-button a {
      display: block;
      cursor: pointer; }
    @media (max-width: 991px) {
      .package-intro-vip .payment-wrap-button .wrap-cssload-thecube {
        margin-top: -17px; } }
    @media (max-width: 991px) {
      .package-intro-vip .payment-wrap-button .wrap-cssload-thecube .lds-spinner div::after {
        top: 8px; } }

.down-10-percent-via-zalopay {
  margin-top: -30px;
  position: relative; }
  @media (max-width: 1199px) {
    .down-10-percent-via-zalopay {
      margin-top: -20px; } }
  .down-10-percent-via-zalopay .wrap-cssload-thecube {
    padding-top: 6%; }
  .down-10-percent-via-zalopay a {
    display: inline-block;
    background: #faf4d2;
    background: -moz-linear-gradient(top, #faf4d2 0%, #fcce01 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #faf4d2), color-stop(100%, #fcce01));
    background: -webkit-linear-gradient(top, #faf4d2 0%, #fcce01 100%);
    background: -o-linear-gradient(top, #faf4d2 0%, #fcce01 100%);
    background: -ms-linear-gradient(top, #faf4d2 0%, #fcce01 100%);
    background: linear-gradient(to bottom, #faf4d2 0%, #fcce01 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faf4d2', endColorstr='#fcce01', GradientType=0);
    padding: 7px 12px;
    border-radius: 30px;
    box-shadow: 0px 6px 2px 1px #c4a600; }
    @media (max-width: 991px) {
      .down-10-percent-via-zalopay a {
        padding: 10px;
        border-radius: 15px;
        margin-top: 5px; } }
    @media (max-width: 399px) {
      .down-10-percent-via-zalopay a {
        max-width: 100%;
        padding: 7px;
        margin-top: 10px;
        box-shadow: 0px 3px 0px 1px #c4a600; } }
    .down-10-percent-via-zalopay a img {
      width: 65px;
      height: 65px !important;
      min-width: 65px;
      border-radius: 12px; }
      @media (max-width: 1199px) {
        .down-10-percent-via-zalopay a img {
          width: 60px;
          height: 60px !important;
          min-width: 60px;
          border-radius: 12px; } }
      @media (max-width: 991px) {
        .down-10-percent-via-zalopay a img {
          width: 40px;
          height: 40px !important;
          min-width: 40px;
          border-radius: 5px; } }
      @media (max-width: 399px) {
        .down-10-percent-via-zalopay a img {
          width: 30px;
          height: 30px !important;
          min-width: 30px;
          border-radius: 5px; } }
    .down-10-percent-via-zalopay a .text {
      width: 100%;
      font-family: 'HJ Gotham'; }
      .down-10-percent-via-zalopay a .text span {
        font-weight: bold;
        color: #000;
        font-size: 28px;
        text-transform: uppercase;
        margin-top: 4px;
        text-align: center;
        display: block;
        width: 100%; }
        @media (max-width: 1199px) {
          .down-10-percent-via-zalopay a .text span {
            font-size: 22px; } }
        @media (max-width: 991px) {
          .down-10-percent-via-zalopay a .text span {
            font-size: 20px; } }
        @media (max-width: 399px) {
          .down-10-percent-via-zalopay a .text span {
            font-size: 18px; } }
      .down-10-percent-via-zalopay a .text p {
        font-weight: 600;
        color: #000;
        font-size: 18px;
        text-align: center;
        display: block;
        width: 100%;
        margin-bottom: 0; }
        @media (max-width: 1199px) {
          .down-10-percent-via-zalopay a .text p {
            font-size: 15px; } }
        @media (max-width: 991px) {
          .down-10-percent-via-zalopay a .text p {
            display: none; } }

#modalsendPayment #resulte_payment p {
  font-weight: bold;
  font-size: 16px; }

#modalsendPayment #resulte_payment ul {
  padding-left: 0; }
  #modalsendPayment #resulte_payment ul li {
    list-style: none; }

@media (max-width: 575px) {
  #modalsendPayment #resulte_payment .modal-footer {
    display: block; } }

#modalsendPayment #resulte_payment .modal-footer p {
  float: left;
  width: 100% !important;
  font-weight: bold; }
  #modalsendPayment #resulte_payment .modal-footer p span {
    color: red; }
    @media (max-width: 330px) {
      #modalsendPayment #resulte_payment .modal-footer p span {
        display: block; } }

@media (max-width: 767px) {
  #modalsendPayment #resulte_payment .modal-body .left {
    text-align: center;
    margin-bottom: 20px; } }

#modalsendPayment .modal-title {
  font-weight: bold; }

#modalsendPayment .modal-dialog {
  max-width: 550px;
  top: 150px; }

.package-sucess {
  min-height: 600px; }
  .package-sucess .wrap img {
    width: 250px; }
    @media (max-width: 575px) {
      .package-sucess .wrap img {
        width: 200px; } }
  .package-sucess .wrap .heading {
    font-size: 35px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: #e41515;
    margin-top: 30px;
    margin-bottom: 40px; }
    @media (max-width: 575px) {
      .package-sucess .wrap .heading {
        font-size: 25px; } }
  .package-sucess .wrap .sapo p {
    font-size: 15px;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    margin-bottom: 0; }
    @media (max-width: 575px) {
      .package-sucess .wrap .sapo p {
        font-size: 20px; } }
    @media (max-width: 399px) {
      .package-sucess .wrap .sapo p {
        font-size: 14px; } }
  .package-sucess .wrap a.btn-okara {
    display: inline-block;
    padding: 10px 0;
    border-radius: 7px;
    margin-top: 30px;
    width: 245px;
    text-align: center;
    position: relative; }
    .package-sucess .wrap a.btn-okara.btn-yellow {
      background: #ee4242;
      color: #fff; }
    .package-sucess .wrap a.btn-okara.btn-gray {
      background: #d4d4d4;
      color: #000;
      margin-top: 20px; }

#modalChooseMethodPayment .modal-dialog {
  max-width: 550px;
  margin: 1.75rem auto;
  margin-top: 10%; }
  #modalChooseMethodPayment .modal-dialog .modal-body {
    padding: 30px; }
    @media (max-width: 399px) {
      #modalChooseMethodPayment .modal-dialog .modal-body {
        padding: 15px; } }
    #modalChooseMethodPayment .modal-dialog .modal-body button.close {
      position: absolute;
      right: 10px;
      top: 10px; }
    #modalChooseMethodPayment .modal-dialog .modal-body .title {
      font-weight: bold;
      font-size: 20px;
      text-align: center;
      margin-bottom: 50px; }
    #modalChooseMethodPayment .modal-dialog .modal-body .list-mehod-payment .row {
      margin-right: -7px;
      margin-left: -7px; }
      #modalChooseMethodPayment .modal-dialog .modal-body .list-mehod-payment .row .col-6 {
        padding-left: 7px;
        padding-right: 7px; }
    #modalChooseMethodPayment .modal-dialog .modal-body .list-mehod-payment .item {
      width: 100%;
      border: 3px solid #e1e1e1;
      border-radius: 5px;
      padding: 10px;
      margin-bottom: 15px;
      position: relative;
      cursor: pointer; }
      #modalChooseMethodPayment .modal-dialog .modal-body .list-mehod-payment .item img {
        width: 50px;
        border-radius: 5px; }
        @media (max-width: 399px) {
          #modalChooseMethodPayment .modal-dialog .modal-body .list-mehod-payment .item img {
            width: 40px; } }
      #modalChooseMethodPayment .modal-dialog .modal-body .list-mehod-payment .item span {
        font-size: 16px;
        position: absolute;
        top: 33%;
        padding-left: 65px;
        display: block; }
        @media (max-width: 399px) {
          #modalChooseMethodPayment .modal-dialog .modal-body .list-mehod-payment .item span {
            font-size: 15px;
            padding-left: 50px; } }
      #modalChooseMethodPayment .modal-dialog .modal-body .list-mehod-payment .item.zalopay span {
        top: 15%; }
        #modalChooseMethodPayment .modal-dialog .modal-body .list-mehod-payment .item.zalopay span.text-promotion {
          top: 55% !important;
          text-transform: uppercase;
          color: #f80909;
          font-size: 17px; }
          @media (max-width: 399px) {
            #modalChooseMethodPayment .modal-dialog .modal-body .list-mehod-payment .item.zalopay span.text-promotion {
              top: 49% !important;
              font-size: 16px; } }
      #modalChooseMethodPayment .modal-dialog .modal-body .list-mehod-payment .item.active {
        border-color: #2ec224; }
        #modalChooseMethodPayment .modal-dialog .modal-body .list-mehod-payment .item.active:before {
          content: '';
          width: 26px;
          height: 26px;
          position: absolute;
          right: -13px;
          top: -13px;
          background: url("../img/icons/success.svg") no-repeat; }
    #modalChooseMethodPayment .modal-dialog .modal-body button.btn-danger {
      background: #ee4242;
      border: none;
      width: 100%;
      text-transform: uppercase;
      font-size: 17px;
      font-weight: bold;
      padding: 8px;
      cursor: pointer; }

footer {
  background-color: #ee4242;
  padding: 28px 0 40px;
  color: #fff; }
  footer a {
    color: #FFFFFF; }
    footer a:hover {
      color: #FFFFFF; }
  footer .logo2 {
    margin: 0 0 21px; }
    footer .logo2 a {
      display: block;
      background: url(../../img/v1/logo2.svg) no-repeat 0 0 transparent;
      background-size: contain;
      width: 180px;
      height: 28px;
      text-indent: -9999px;
      overflow: hidden; }
  footer .copyright p {
    margin: 0 0 5px;
    line-height: 120%; }