@font-face {
  font-family: HelveticaNeue;
  font-weight: 300;
  src: url("../fonts/HelveticaNeue-Light.otf") format("opentype"); }

@font-face {
  font-family: HelveticaNeue;
  font-weight: 400;
  src: url("../fonts/HelveticaNeue.woff2") format("woff2"), url("../fonts/HelveticaNeue.woff") format("woff"); }

@font-face {
  font-family: HelveticaNeue;
  font-weight: 500;
  src: url("../fonts/helvetica-neue-medium.ttf") format("truetype"); }

@font-face {
  font-family: HelveticaNeue;
  font-weight: 600;
  src: url("../fonts/HelveticaNeue-Medium.otf") format("opentype"); }

@font-face {
  font-family: HelveticaNeue;
  font-weight: 700;
  src: url("../fonts/HelveticaNeue-Bold.otf") format("opentype"); }

@font-face {
  font-family: HelveticaNeue;
  font-style: italic;
  src: url("../fonts/HelveticaNeue-LightItalic.otf") format("opentype"); }

@font-face {
  font-family: UVNNguyenDu;
  font-weight: 400;
  src: url("../fonts/UVNNguyenDu.TTF") format("truetype"); }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ MFast font ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@font-face {
  font-family: MFastVN;
  font-weight: 300;
  src: url("../fonts/MFastVN-Light.ttf") format("truetype"); }

@font-face {
  font-family: MFastVN;
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/MFastVN-LightItalic.ttf") format("truetype"); }

@font-face {
  font-family: MFastVN;
  font-weight: 400;
  src: url("../fonts/MFastVN-Regular.ttf") format("truetype"); }

@font-face {
  font-family: MFastVN;
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/MFastVN-Italic.ttf") format("truetype"); }

@font-face {
  font-family: MFastVN;
  font-weight: 500;
  src: url("../fonts/MFastVN-Medium.ttf") format("truetype"); }

@font-face {
  font-family: MFastVN;
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/MFastVN-MediumItalic.ttf") format("truetype"); }

@font-face {
  font-family: MFastVN;
  font-weight: 600;
  src: url("../fonts/MFastVN-Bold.ttf") format("truetype"); }

@font-face {
  font-family: MFastVN;
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/MFastVN-BoldItalic.ttf") format("truetype"); }

.font-nguyendu {
  font-family: UVNNguyenDu, Arial, sans-serif; }

.font10 {
  font-size: 0.7143rem !important; }

.font11 {
  font-size: 0.7857rem !important; }

.font12 {
  font-size: 0.8571rem !important; }

.font13 {
  font-size: 0.9286rem !important; }

.font14 {
  font-size: 1rem !important; }

.font15 {
  font-size: 1.0714rem !important; }

.font16 {
  font-size: 1.1429rem !important; }

.font17 {
  font-size: 1.2143rem !important; }

.font18 {
  font-size: 1.2857rem !important; }

.font300 {
  font-weight: 300 !important; }

.font400 {
  font-weight: 400 !important; }

.font500 {
  font-weight: 500 !important; }

.font600 {
  font-weight: 600 !important; }

.font700 {
  font-weight: 700 !important; }

.btn-kelly_green {
  background: #39b818;
  color: #fff;
  text-decoration: none; }
  .btn-kelly_green:hover, .btn-kelly_green:active, .btn-kelly_green:focus {
    background: #248d09;
    outline: none; }

.gray {
  color: #7c7c8b !important; }

.black {
  color: #000 !important; }

.olive {
  color: #995B00 !important; }

.topaz {
  color: #7C7C8B !important; }

.green {
  color: #2c7d0b !important; }

.celadon {
  color: #AEE1A9 !important; }

.mustard {
  color: #ffe353 !important; }

.sunshade {
  color: #FF9D4B !important; }

.dark_pink {
  color: #F15B6C !important; }

.navy_blue {
  color: #0082E0 !important; }

.endeavour {
  color: #233A95 !important; }

.kelly_green {
  color: #39b818 !important; }

.tenne_tawny {
  color: #D66100 !important; }

.dodger_blue {
  color: #005FFF !important; }

.watercourse {
  color: #00863D !important; }

.persian_blue {
  color: #231EAF !important; }

.pigment_green {
  color: #00A257 !important; }

.midnight_blue {
  color: #0b0b36 !important; }

.fire_engine_red {
  color: #BC0F23 !important; }

.caribbean_green {
  color: #00bd8a !important;
}

.mt0 {
  margin-top: 0rem !important; }

.mt2 {
  margin-top: 0.1429rem !important; }

.mt16 {
  margin-top: 1.1429rem !important; }

.mt25 {
  margin-top: 1.7857rem !important; }

.mt-3 {
  margin-top: -0.2143rem !important; }

.mt-7 {
  margin-top: -0.5rem !important; }

.ml5 {
  margin-left: 0.3571rem !important; }

.ml10 {
  margin-left: 0.7143rem !important; }

.mb-4 {
  margin-bottom: -0.2857rem !important; }

.mb-7 {
  margin-bottom: -0.5rem !important; }

.mb5 {
  margin-bottom: 0.3571rem !important; }

.mb15 {
  margin-bottom: 1.0714rem !important; }

.pt27 {
  padding-top: 1.9286rem !important; }

.pt16 {
  padding-top: 1.1429rem !important; }

.pr16 {
  padding-right: 1.1429rem !important; }

.pb16 {
  padding-bottom: 1.1429rem !important; }

.pl16 {
  padding-left: 1.1429rem !important; }

.pb20 {
  padding-bottom: 1.4286rem !important; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: MFastVN, Arial, sans-serif;
  font-size: min(14.187px, 3.733vw);
  -webkit-font-smoothing: subpixel-antialiased; }
  *:focus {
    outline: none; }

html {
  font-size: min(14.187px, 3.733vw); }

body {
  color: #24253d;
  font-size: 1rem;
  letter-spacing: .2px;
  margin: 0; }

html.show_modal,
body.show_modal {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none; }

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.col {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  max-width: 100%; }

.flex_auto .col {
  -webkit-box-flex: 1;
      -ms-flex: auto 0 0px;
          flex: auto 0 0; }

.mfast-wrapper {
  background: #e6ebff;
  min-height: 100vh;
  width: 100%; }

.mfast-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 3.9286rem;
  position: relative;
  width: 100%; }

.mfast-body {
  height: calc(100vh - 3rem);
  overflow-y: auto;
  padding-bottom: 2.1429rem; }

.btn-back {
  background: url("../images/ico-arrow.svg") no-repeat 0 0/contain;
  height: 1.7143rem;
  left: 0.8571rem;
  position: absolute;
  top: calc(50% - 0.8571rem);
  width: 1.7143rem; }

.btn-close {
  background: transparent;
  border: none;
  height: 1.7143rem;
  position: absolute;
  right: 1.1429rem;
  top: calc(50% - 0.8571rem);
  width: 1.7143rem; }

.btn-close:before,
.btn-close:after {
  background: #424d6c;
  border-radius: 0.0714rem;
  content: "";
  height: 0.1429rem;
  left: 0;
  position: absolute;
  top: calc(50% - 0.0714rem);
  width: 100%; }

.btn-close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.btn-close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.mfast-notification {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.2857rem; }

.mfast-notification p {
  color: #92949d;
  font-size: 0.9286rem;
  line-height: 1;
  margin: 0;
  white-space: nowrap; }

.md_over {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: visibility .4s, opacity .4s;
  transition: visibility .4s, opacity .4s;
  visibility: hidden;
  z-index: 99; }

.md_over .btn-modal_close {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  border: none;
  bottom: 6vh;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: calc(50% - 1.7143rem);
  position: fixed;
  width: 3.4286rem; }

.md_over .btn-modal_close .remark_close {
  background: #fff;
  border-radius: 50%;
  height: 3.4286rem;
  margin-bottom: 0.7143rem;
  width: 3.4286rem; }

.md_over .btn-modal_close .remark_close:before,
.md_over .btn-modal_close .remark_close:after {
  background: #424d6c;
  border-radius: 0.0714rem;
  content: "";
  height: 0.1429rem;
  left: 0.7143rem;
  position: absolute;
  top: 1.7143rem;
  width: calc(100% - 1.4286rem); }

.md_over .btn-modal_close .remark_close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.md_over .btn-modal_close .remark_close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.js-modal.active .md_over {
  opacity: 1;
  -webkit-transition: visibility .4s, opacity .4s;
  transition: visibility .4s, opacity .4s;
  visibility: visible; }

.md_content {
  background: #fff;
  left: 1.1429rem;
  position: fixed;
  top: 20vh;
  visibility: hidden;
  width: calc(100% - 2.2857rem);
  z-index: 99; }

.md_head,
.md_foot {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #eee;
  border-radius: 1.4286rem 1.4286rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.2857rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 1.1429rem;
  position: relative; }

.md_foot {
  border-radius: 0 0 1.4286rem 1.4286rem; }

.md_title {
  font-size: 1.1429rem;
  font-weight: 500;
  margin: 0; }

.btn-close_modal {
  background: transparent;
  border: none;
  height: 1.7143rem;
  padding: 0;
  position: absolute;
  top: calc(50% - 0.8571rem);
  width: 1.7143rem; }

.btn-close_modal:before,
.btn-close_modal:after {
  background: #424d6c;
  border-radius: 0.0714rem;
  content: "";
  height: 0.1429rem;
  left: 0.2143rem;
  position: absolute;
  top: calc(50% - 0.0714rem);
  width: calc(100% - 0.4286rem); }

.btn-close_modal:before {
  -webkit-transform: scale(1.25) rotate(45deg);
          transform: scale(1.25) rotate(45deg); }

.btn-close_modal:after {
  -webkit-transform: scale(1.25) rotate(-45deg);
          transform: scale(1.25) rotate(-45deg); }

.btn-close_modal2:before,
.btn-close_modal2:after {
  left: 0.5rem;
  width: calc(100% - 1rem); }

.btn-close_modal2:before {
  bottom: 0.5rem;
  top: auto; }

.btn-close_modal2:after {
  top: 0.5rem; }

.btn-left {
  left: 1.0714rem; }

.btn-right {
  right: 1.0714rem; }

.btn-primary,
.btn-success {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #39b818;
  border: none;
  border-radius: 9999px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.1429rem;
  height: 3.1429rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none; }

.btn-success {
  background: #233A95; }

.btn-primary:hover, .btn-primary:focus {
  background: #258f0b;
  color: #fff; }

.btn-success:hover, .btn-success:focus {
  background: #122572;
  color: #fff; }

.btn-cancel {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent;
  border: 1px solid #424d6c;
  border-radius: 9999px;
  color: #424d6c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.1429rem;
  font-weight: 500;
  height: 3.1429rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none; }

.modal-fadeindown .md_content {
  opacity: 0;
  -webkit-transform: translateY(-7.1429rem);
          transform: translateY(-7.1429rem);
  -webkit-transition: .4s;
  transition: .4s;
  visibility: hidden; }

.modal-fadeindown.active .md_content {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: .4s;
  transition: .4s;
  visibility: visible; }

.modal-slideup .md_content {
  border-radius: 1.4286rem 1.4286rem 0 0;
  height: 85vh;
  left: 0;
  top: 15vh;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transition: visibility .4s, -webkit-transform .4s;
  transition: visibility .4s, -webkit-transform .4s;
  transition: visibility .4s, transform .4s;
  transition: visibility .4s, transform .4s, -webkit-transform .4s;
  visibility: hidden;
  width: 100%; }

.modal-slideup.active .md_content {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transition: visibility .4s, -webkit-transform .4s;
  transition: visibility .4s, -webkit-transform .4s;
  transition: visibility .4s, transform .4s;
  transition: visibility .4s, transform .4s, -webkit-transform .4s;
  visibility: visible; }

.modal-scaleleft {
  position: relative; }

.modal-scaleleft .md_content {
  border-radius: 0.5714rem;
  left: auto;
  max-width: 400px;
  padding: 0.8571rem 1.0714rem;
  position: absolute;
  right: 0;
  top: calc(100% + 0.4286rem);
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: top right;
          transform-origin: top right;
  -webkit-transition: visibility .4s, -webkit-transform .4s;
  transition: visibility .4s, -webkit-transform .4s;
  transition: visibility .4s, transform .4s;
  transition: visibility .4s, transform .4s, -webkit-transform .4s;
  width: 73vw; }

.modal-scaleleft.active .md_content {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: visibility .4s, -webkit-transform .4s;
  transition: visibility .4s, -webkit-transform .4s;
  transition: visibility .4s, transform .4s;
  transition: visibility .4s, transform .4s, -webkit-transform .4s;
  visibility: visible; }

.modal-scaleleft .md_content:before {
  border-bottom: 0.5rem solid #fff;
  border-left: 0.5714rem solid transparent;
  border-right: 0.5714rem solid transparent;
  content: "";
  position: absolute;
  right: 3.5714rem;
  top: -0.4286rem; }

.modal-fadeup .md_content {
  background: #fff;
  border-radius: 0.5714rem;
  left: 1.1429rem;
  opacity: 0;
  position: fixed;
  top: 12vh;
  -webkit-transform: translateY(7.1429rem);
          transform: translateY(7.1429rem);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition: visibility .4s, opacity .4s, -webkit-transform .4s;
  transition: visibility .4s, opacity .4s, -webkit-transform .4s;
  transition: visibility .4s, opacity .4s, transform .4s;
  transition: visibility .4s, opacity .4s, transform .4s, -webkit-transform .4s;
  width: calc(100% - 2.2857rem); }

.modal-fadeup.active .md_content {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: visibility .4s, opacity .4s, -webkit-transform .4s;
  transition: visibility .4s, opacity .4s, -webkit-transform .4s;
  transition: visibility .4s, opacity .4s, transform .4s;
  transition: visibility .4s, opacity .4s, transform .4s, -webkit-transform .4s;
  visibility: visible; }

.btn-modal_note {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent;
  border: none;
  color: #39b818;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  line-height: 1;
  padding: 0;
  position: relative;
  text-decoration: none; }

.btn-modal_note:after {
  background: url("../images/ico-info.svg") no-repeat 0 0/contain;
  content: "";
  height: 1.7143rem;
  margin-left: 0.3571rem;
  width: 1.7143rem; }

.btn-modal_note.active {
  -webkit-filter: brightness(2000%);
          filter: brightness(2000%);
  z-index: 999; }

.modal-slideup .md_body {
  max-height: calc(85vh - 3.2857rem);
  overflow-y: auto;
  padding-bottom: 2.1429rem; }

.mfast-tittle {
  font-size: 1.2143rem;
  font-weight: 400;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.btn-share {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #39b818;
  border-radius: 1.4286rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.8571rem;
  line-height: 1;
  padding: 0.3571rem 1.2857rem;
  text-decoration: none; }

.btn-share:after {
  background: url("../images/ico-share.svg") no-repeat 0 0/contain;
  content: "";
  height: 1.7143rem;
  margin-left: 0.5714rem;
  width: 1.7143rem; }

/* Tabs */
.tabs-nav {
  margin: 0.2143rem 0 0.1429rem;
  position: relative;
  z-index: 1; }

.tabs-nav__item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 0.4286rem 0 0.3571rem; }

.tabs-nav__item.active .tabs-nav__link {
  color: #39b818; }

.tabs-nav__link {
  color: #505164;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  -webkit-transition: linear 0.2s;
  transition: linear 0.2s; }
  .tabs-nav__link:focus, .tabs-nav__link:hover {
    outline: none;
    text-decoration: none; }

.tabs-nav__drag {
  border-bottom: 0.1429rem solid #39b818;
  bottom: 0.0714rem;
  position: absolute; }

.tabs-nav__drag.active {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear; }

.tabs-nav__list {
  border-bottom: 1px solid #cfd3d6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0.3571rem 0; }

.tabs-content {
  color: #24253d;
  font-size: 1rem;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative; }

.tabs-content .tabs-content {
  margin: 0; }

.tabs-content .tabs-nav {
  font-size: 1rem; }

.tab {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  visibility: hidden;
  width: 100%;
  z-index: -1; }

.tab.active {
  opacity: 1;
  position: relative;
  visibility: visible;
  z-index: 1; }

.tab.slide {
  display: none;
  opacity: 1; }

.tab.slide.active {
  display: block; }

.tab.slide.moved {
  display: block; }

/* animation for "slide" type from animated.css library */
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: hidden; } }

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: hidden; } }

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: hidden; } }

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: hidden; } }

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

/* END Tabs */
.switch_datetime {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1.1429rem 0 0.7857rem;
  width: 100%; }

.current_date {
  font-size: 1.2857rem;
  margin: 0 1.4286rem; }

.btn-disabled {
  background-color: #c4c7d8 !important; }

.btn-switch_date {
  background: url("../images/ico-arrow-circle.svg") no-repeat 0 0/contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.7143rem;
  width: 1.7143rem; }

.btn-switch_date.btn-disabled {
  background-color: transparent !important;
  opacity: .6; }

.next_date {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.mf-search_content {
  padding: 0.6429rem 1.1429rem 0.7143rem; }

.mf-search_content > p {
  color: #757584;
  margin: 0; }

.mf-search_frm input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 1.2857rem;
  font-size: 0.9286rem;
  height: 2.5714rem;
  padding: 0.1429rem 0.7143rem 0.1429rem 3rem;
  width: 100%; }

.mf-search_frm .grp_search {
  margin: 0.6429rem 0 0;
  position: relative; }

.mf-search_frm .remark_icon {
  background: transparent url("../images/ico-search.svg") no-repeat 0 0/contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.1429rem;
  left: 1.0714rem;
  position: absolute;
  top: calc(50% - 0.5714rem);
  width: 1.1429rem; }

.mf-search_frm input:focus {
  border-color: #39b818; }

.mf-search_frm input:focus ~ .remark_icon {
  background: transparent url("../images/ico-search-2.svg") no-repeat 0 0/contain; }

/* END Framework */
.payment_container > img {
  width: 100%; }

.landing_container {
  color: #0b0b36;
  letter-spacing: normal;
  line-height: 1.43;
  padding: 0 1.1429rem; }

.landing_container > p {
  font-size: 1.1428rem;
  margin: 0.5714rem 0 1.0714rem; }

.landing_container > p span {
  font-size: 1.1428rem;
}

.insurance_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.insurance_item {
  background: #fff;
  border: 1px solid #cfd3d6;
  border-radius: 0.5714rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.8571rem;
  padding: 0.6543rem 1rem 1rem; }
  .insurance_item:last-child {
    margin-bottom: 0; }

.insurance_logo {
  -webkit-box-flex: 4rem;
      -ms-flex: 4rem 0 0px;
          flex: 4rem 0 0; }

.insurance_logo img {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain; }

.insurance_info {
  -webkit-box-flex: calc(100% - 4rem);
      -ms-flex: calc(100% - 4rem) 0 0px;
          flex: calc(100% - 4rem) 0 0;
  padding-left: 0.8571rem; }

.insurance_info h3 {
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 0; }

.insurance_info p {
  font-size: 0.8571rem;
  margin: 0 0 0.5rem; }

.insurance_info a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #005fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  line-height: 1;
  text-decoration: none; }

.insurance_info a:after {
  background: url("../images/ico-arrow.svg") no-repeat center/contain;
  content: "";
  height: 0.8571rem;
  margin-left: 0.4286rem;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  width: 0.8571rem; }

.sales_process {
  padding: 1.5rem 0 0; }

.sales_process > h2 {
  font-size: 1.1428rem;
  margin: 0 0 0.7143rem; }

.sales_process_list {
  counter-reset: section;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.5rem 0 0; }

.process_item {
  padding: 0 0 1.4529rem 2.657rem;
  position: relative; }

.process_item:before {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 9999px;
  -webkit-box-shadow: inset 2px 0 0 #fff, inset -2px 0 0 #fff, inset 0 2px 0 #fff, inset 0 -2px 0 #fff;
          box-shadow: inset 2px 0 0 #fff, inset -2px 0 0 #fff, inset 0 2px 0 #fff, inset 0 -2px 0 #fff;
  color: #fff;
  content: counter(section);
  counter-increment: section;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.9286rem;
  font-weight: 500;
  height: 1.9286rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  line-height: 1;
  padding-top: 0.0714rem;
  position: absolute;
  top: -0.0714rem;
  width: 1.9286rem;
  z-index: 9; }

.process_item:first-child::before {
  background: #D66100;
  border: 2px solid #D66100; }

.process_item:nth-child(2)::before {
  background: #005fff;
  border: 2px solid #005fff; }

.process_item:last-child::before {
  background: #00a257;
  border: 2px solid #00a257; }

.process_item:after {
  background: repeating-linear-gradient(#cfd3d6 0 0.4286rem, transparent 0.4286rem 0.8571rem);
  content: "";
  height: 100%;
  left: 1.0714rem;
  position: absolute;
  top: 0;
  width: 1px; }

.process_item:last-child::after {
  display: none; }

.process_item h3,
.process_item h3 span {
  font-size: 1.2857rem;
  font-weight: 500;
  letter-spacing: 0;
  margin: 0 0 0.3571rem; }

.process_item > p {
  color: #4c4e72;
  font-size: 1.1428rem;
  line-height: 1.38;
  margin: 0 0 0.3571rem; }

.create_link_sale .btn-primary {
  background: #005fff;
  height: 3.4286rem;
  padding-top: 2px; }

.app_download {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: flex-start;
  margin: 1.6329rem 0 0;
  padding-bottom: 1.1429rem;
  width: 100%; }

.app_download .btn-cancel {
  font-size: 1.0714rem;
  font-weight: 500;
  height: 2.8571rem;
  padding: 0.3571rem 0.7143rem 0.2143rem;
  width: 7.5rem; }

.app_download dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 0 0.8571rem; }

.app_download dt {
  color: #757584;
  font-size: 0.8571rem; }

.app_download dd {
  font-size: 1.1429rem;
  margin-left: 0; }

.foot_info {
  border-top: 1px solid #bcbcca;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0.9714rem;
  padding: 0.9714rem 0 2.1429rem;
  width: 100%; }

.foot_info h6 {
  color: #757584;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.45;
  margin: 0 0 0.35rem;
  text-align: center;
}

.mfast_info_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.mfast_info_link a {
  color: #005fff;
  text-decoration: none; }

.mfast_info_link a:after {
  color: #545472;
  content: "|";
  display: inline-block;
  margin: 0 0.5714rem; }

.mfast_info_link a:last-child::after {
  display: none; }

.pak_container .foot_info {
  margin: 0.8514rem 1.1429rem 0;
  padding-top: 0.8514rem;
  width: calc(100% - 2.2857rem); }

.pak_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 100vh; }

.pak_container .app_download {
  padding: 0 1.1429rem 1.3857rem; }

.head_saler {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #15157a;
  border-radius: 0 0 1.1429rem 1.1429rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.4286rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -1.1429rem;
  position: relative;
  width: calc(100% + 2.2857rem); }

.head_saler .btn-back {
  background: url("../images/ico-arrow-2.svg") no-repeat center/contain;
  height: 1.3571rem; }

.content_saler {
  text-align: center; }

.content_saler h5 {
  font-size: 1.1429rem;
  margin: 1.2857rem 0 1.5714rem; }

.content_saler input[type="tel"] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
          appearance: none;
  background: #fff;
  border: 1px solid #cfd3d6;
  border-radius: 9999px;
  font-size: 1.1429rem;
  height: 3.4286rem;
  padding: 0.2857rem 1.4286rem 0.1429rem;
  text-align: center;
  width: 100%; }

.content_saler input[type="tel"]:focus {
  border-color: #005fff; }

.content_saler input[type="tel"]:focus::-webkit-input-placeholder {
  color: transparent; }

.content_saler input[type="tel"]:focus::-moz-placeholder {
  color: transparent; }

.content_saler input[type="tel"]:focus:-ms-input-placeholder {
  color: transparent; }

.content_saler input[type="tel"]:focus::-ms-input-placeholder {
  color: transparent; }

.content_saler input[type="tel"]:focus::placeholder {
  color: transparent; }

#frm_capcha > div {
  margin: 0.8571rem auto 1.4286rem; }

.content_saler input[type="submit"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #005fff;
  height: 3.4286rem;
  line-height: 1;
  margin: 1.1429rem auto;
  padding: 0.3571rem 1.4286rem 0.2857rem;
  width: 14.2857rem; }

.content_saler input[type="submit"]:disabled {
  background: #c4c7d8; }

.content_saler > p {
  color: #0b0b36;
  line-height: 1.43;
  margin: 1.5714rem 0 0 2.8571rem;
  text-align: left;
  text-indent: -2.8571rem; }

.otp_code_content {
  background: #fff;
  border-radius: 0.7143rem;
  margin: 1.7857rem 0 0;
  padding: 0.7143rem; }

.otp_code_content p {
  line-height: 1.65;
  margin-top: 0.4286rem; }

.otp_grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.otp_grp input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #f5f5f5;
  border: 1px solid #cfd3d6;
  border-radius: 0.2857rem !important;
  font-size: 1.1429rem;
  font-weight: 500;
  height: 2.8571rem !important;
  margin-right: 0.8571rem;
  padding: 0.3571rem !important;
  text-align: center;
  width: 2.8571rem !important; }
  .otp_grp input:last-child {
    margin-right: 0; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield !important; }

.otp_grp input:focus {
  background: #e5efff;
  border-color: #005fff; }

.invalid_msg {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #BC0F23;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.8571rem;
  margin-top: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: .3s;
  transition: .3s; }

.frm_phone .invalid_msg {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.invalid_control .invalid_msg {
  margin-top: 0.2857rem;
  max-height: 2.8571rem;
  -webkit-transition: .3s;
  transition: .3s; }

.invalid_control input[type="number"] {
  border-color: #BC0F23; }

.invalid_control input[type="number"]:disabled {
  background: #f5f5f5;
  border-color: #cfd3d6; }

.invalid_msg:before {
  background: url("../images/ico-warning-2.svg") no-repeat center/contain;
  content: "";
  height: 1.0714rem;
  margin-right: 0.2857rem;
  width: 1.0714rem; }

.otp_code_content .frm_group {
  margin: 1.1429rem auto; }

.otp_code_content .invalid_msg {
  margin: 0.2857rem auto;
  width: 14rem; }

.head_saler h1 {
  color: #fff;
  font-size: 1.1429rem;
  font-weight: 400;
  margin: 0; }

.saler-2 {
  text-align: left; }

.detail_link {
  background: #fff;
  border-radius: 0 0 1.1429rem 1.1429rem;
  margin-left: -1.1429rem;
  padding: 0.7143rem 1.1429rem;
  width: calc(100% + 2.2857rem); }

.detail_link h6 {
  color: #233a95;
  font-weight: 500;
  margin: 0 0 0.2857rem; }

.detail_link > p {
  color: #757584;
  font-size: 0.8571rem;
  line-height: 1.33;
  margin: 0.2857rem 0 0.7143rem; }

.action_link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.2143rem 0 0.2857rem;
  width: 100%; }

.status_control {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  position: relative; }

.status_control input {
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9; }

.status_control label {
  color: #757584;
  font-size: 0.8571rem;
  padding-left: 0.4286rem; }

.status_control .remark {
  background: #005fff;
  border-radius: 9999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  opacity: .6;
  position: relative;
  -webkit-transition: .3s;
  transition: .3s;
  width: 3.2857rem; }

.status_control .remark::before {
  background: #fff;
  border-radius: 9999px;
  content: "";
  height: 1.7143rem;
  left: 0.1429rem;
  opacity: .9;
  position: absolute;
  top: 0.1429rem;
  -webkit-transition: .3s;
  transition: .3s;
  width: 1.7143rem; }

.status_control input:checked ~ .remark {
  opacity: 1;
  -webkit-transition: .3s;
  transition: .3s; }

.status_control input:checked ~ .remark:before {
  left: calc(100% - 1.8571rem);
  opacity: 1;
  -webkit-transition: .3s;
  transition: .3s; }

.target_link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #005fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  text-decoration: none; }

.target_link:after {
  background: url("../images/ico-arrow-rec.svg") no-repeat center/contain;
  content: "";
  height: 1.7143rem;
  margin: 0 0 0 0.4286rem;
  width: 1.7143rem; }

.share_link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #005fff;
  border-radius: 9999px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.2857rem;
  padding: 0.0714rem 1.0714rem 0;
  text-decoration: none; }

.share_link:after {
  background: url("../images/ico-file.svg") no-repeat center/contain;
  content: "";
  height: 1.7143rem;
  margin: -0.0714rem 0 0 0.4286rem;
  width: 1.7143rem; }

.visit_info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #cfd3d6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.7143rem 0 0.4286rem;
  width: 100%; }

.visit_info dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0; }

.visit_info dt {
  color: #757584;
  font-size: 0.8571rem;
  font-weight: 400;
  margin-bottom: 0.1429rem; }

.visit_info dd {
  font-weight: 600;
  margin: 0; }

.custom_bought dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.custom_bought dd:after {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("../images/ico-arrow-3.svg") no-repeat center bottom/contain;
  content: "";
  height: 1.1429rem;
  margin: 0 0 0 0.3571rem;
  padding-top: 0.0714rem;
  width: 1.1429rem; }

.info_link {
  padding: 1.5714rem 0 0; }

.info_link h4 {
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 0.0714rem; }

.info_link > p {
  color: #757584;
  font-size: 0.9286rem;
  margin: 0 0 0.5rem; }

.info_custom {
  background: #fff;
  border: 1px solid #cfd3d6;
  border-radius: 0.5714rem;
  padding: 0.8571rem 1rem 0.7143rem; }

.info_custom input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #eee;
  border: 1px solid #cfd3d6;
  border-radius: 0.4286rem;
  color: #24253d;
  height: 2.8571rem;
  padding: 0.2857rem 1.0714rem 0.1429rem;
  width: 100%; }

.info_custom label {
  color: #757584;
  display: inline-block;
  margin-bottom: 0.5rem; }

.radio_group {
  border-top: 1px solid #eee;
  margin-top: 1.2143rem;
  padding-top: 0.8571rem;
  position: relative; }

.radio_item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-bottom: 0.7143rem;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  .radio_item:last-child {
    margin-bottom: 0; }

.radio_item input {
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 9; }

.radio_item label {
  font-size: 1.1429rem; }

.radio_item .remark {
  border: 1px solid #cfd3d6;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.7143rem;
  margin: -0.2857rem 0.7143rem 0 0;
  width: 1.7143rem; }

.radio_item input:checked ~ .remark {
  background: #005fff;
  border: none; }

.radio_item input:checked ~ .remark:before {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  content: "";
  height: 0.3571rem;
  left: 0.3571rem;
  position: absolute;
  top: 0.5rem;
  -webkit-transform: rotate(-45deg) scale(0.95);
          transform: rotate(-45deg) scale(0.95);
  width: 0.8571rem; }

.radio_item input:checked ~ label {
  color: #24253d;
  font-weight: 500; }

.link_support {
  color: #005fff;
  position: absolute;
  right: 0;
  text-decoration: none;
  top: 1rem; }

.benifit_link {
  padding: 1.4286rem 0 0; }

.benifit_link h4 {
  color: #757584;
  font-size: 1rem;
  font-weight: 400;
  margin: 0 0 0.8571rem; }

.benifit_list {
  background: #d7fff4;
  border: 1px solid #00a276;
  border-radius: 0.5714rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.2857rem 1rem; }

.benifit_list a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #cfd3d6;
  color: #24253d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1.29;
  padding: 0.7857rem 0 0.7857rem 0;
  text-decoration: none; }
  .benifit_list a:last-child {
    border-bottom: none; }

.benifit_list a:after {
  background: url("../images/ico-arrow-3.svg") no-repeat right center/contain;
  content: "";
  height: 1.2857rem;
  width: 2.1429rem; }

.loading_page .loading_over {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: .3s;
  transition: .3s;
  visibility: hidden; }

.loading_page.active .loading_over {
  opacity: 1;
  -webkit-transition: .3s;
  transition: .3s;
  visibility: visible; }

.loading_page .loading_content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border-radius: 0.5714rem;
  color: #757584;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 11.4286rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 1.1429rem;
  opacity: 0;
  padding: 0.7143rem 1.0714rem;
  position: fixed;
  text-align: center;
  top: 3.5714rem;
  -webkit-transform: translateY(7.1429rem);
          transform: translateY(7.1429rem);
  -webkit-transition: .3s;
  transition: .3s;
  visibility: hidden;
  width: calc(100% - 2.2857rem); }

.loading_page.active .loading_content {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: .3s;
  transition: .3s;
  visibility: visible; }

.loading_page .loading_content img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 5.7143rem; }

.loading_page .loading_content p {
  line-height: 1.43;
  margin: 0.3571rem 0 1.0714rem; }

.loading_page_3 .loading_content img {
  width: 3.5714rem; }

.confirm_otp .loading_content img {
  width: 3.5714rem; }

.out_count {
  display: none; }

.main_count.active .out_count {
  display: inline-block; }

.main_count.active .in_count {
  display: none; }

.btn-resend_otp {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #005fff;
  border: none;
  border-radius: 9999px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.9286rem;
  font-weight: 500;
  margin-left: 0.3571rem;
  padding: 0.1429rem 0.2857rem 0.1429rem 0.5714rem;
  text-decoration: none; }

.btn-resend_otp:disabled {
  opacity: .5; }

.btn-resend_otp:after {
  background: url("../images/ico-arrow-2.svg") no-repeat center/contain;
  content: "";
  height: 0.7857rem;
  margin-left: 0.2143rem;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  width: 0.7857rem; }

#frm_capcha.recapcha_sending > div {
  margin-bottom: 0; }

.recapcha_sending {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: .3s;
  transition: .3s; }

.recapcha_sending.active {
  max-height: 7.8571rem;
  -webkit-transition: .3s;
  transition: .3s; }

#js-input_cpy {
  display: none; }

.submit_grp {
  border-top: 1px solid #eee;
  margin-top: 0.7143rem;
  padding: 0.7143rem 0 0.3571rem; }

.submit_grp .btn-primary[type="button"] {
  background: #005fff;
  border-radius: 9999px;
  color: #fff;
  font-size: 1rem;
  height: 2.7143rem;
  margin: 0 auto;
  padding: 0.2143rem 2.1429rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

.submit_grp .btn-primary:disabled {
  background: #c4c7d8; }

.hide_check {
  display: none;
  margin: -0.7143rem 0 0.8571rem 2.5rem; }

.hide_check input[type="number"],
.hide_check input[type="text"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #eee;
  border: 1px solid #cfd3d6;
  border-radius: 0.4286rem;
  color: #24253d;
  font-size: 1rem;
  height: 2.4286rem;
  padding: 0.2143rem 0.8571rem 0.1429rem;
  text-align: left;
  width: 100%; }

.always_hide {
  display: none !important; }

.loading_error .loading_content img {
  margin-bottom: 0.7143rem;
  width: 3.5714rem; }

.download_link {
  align-items: center;
  display: flex;
  justify-content: center;
}
.download_link a img {
  max-width: calc(100% - 3px);
  object-fit: contain;
  width: 180px;
}
.download_link a:last-child {
  text-align: right;
}
.pak_container .download_link {
  padding: 0 1.1428rem;
}

@media screen and (min-width: 525px) {
  body {
    background: url("../images/bg-body.svg") no-repeat left 5% bottom 5%/160px, url("../images/bg-body.svg") no-repeat right 5% top 5%/240px, -webkit-gradient(linear, left top, left bottom, from(#1e1e36), color-stop(#2e2e4d), color-stop(60%, #0d0d15));
    background: url("../images/bg-body.svg") no-repeat left 5% bottom 5%/160px, url("../images/bg-body.svg") no-repeat right 5% top 5%/240px, linear-gradient(#1e1e36, #2e2e4d, #0d0d15 60%); }
  .mfast-wrapper {
    margin: auto;
    width: 525px; }
  .loading_page .loading_content {
    left: calc(50% - 240px);
    width: 480px; }
  .app_download {
    margin: 1.6329rem auto 0;
    max-width: 360px;
  }
  .pak_container .app_download {
    padding: 0 0 1.3857rem;
  }
}

/*# sourceMappingURL=styles.css.map */