@media screen and (min-width: 320px) and (max-width: 325px) {
  html {
    font-size: 22.5694447%; } }
@media screen and (min-width: 325px) and (max-width: 330px) {
  html {
    font-size: 22.91666692%; } }
@media screen and (min-width: 330px) and (max-width: 335px) {
  html {
    font-size: 23.26388914%; } }
@media screen and (min-width: 335px) and (max-width: 340px) {
  html {
    font-size: 23.61111136%; } }
@media screen and (min-width: 340px) and (max-width: 345px) {
  html {
    font-size: 23.95833358%; } }
@media screen and (min-width: 345px) and (max-width: 350px) {
  html {
    font-size: 24.3055558%; } }
@media screen and (min-width: 350px) and (max-width: 355px) {
  html {
    font-size: 24.65277802%; } }
@media screen and (min-width: 355px) and (max-width: 360px) {
  html {
    font-size: 25.00000024%; } }
@media screen and (min-width: 360px) and (max-width: 365px) {
  html {
    font-size: 25.34722246%; } }
@media screen and (min-width: 365px) and (max-width: 370px) {
  html {
    font-size: 25.69444468%; } }
@media screen and (min-width: 370px) and (max-width: 375px) {
  html {
    font-size: 26.0416669%; } }
@media screen and (min-width: 375px) and (max-width: 380px) {
  html {
    font-size: 26.38888912%; } }
@media screen and (min-width: 380px) and (max-width: 385px) {
  html {
    font-size: 26.73611134%; } }
@media screen and (min-width: 385px) and (max-width: 390px) {
  html {
    font-size: 27.08333356%; } }
@media screen and (min-width: 390px) and (max-width: 395px) {
  html {
    font-size: 27.43055578%; } }
@media screen and (min-width: 395px) and (max-width: 400px) {
  html {
    font-size: 27.777778%; } }
@media screen and (min-width: 400px) and (max-width: 405px) {
  html {
    font-size: 28.12500022%; } }
@media screen and (min-width: 405px) and (max-width: 410px) {
  html {
    font-size: 28.47222244%; } }
@media screen and (min-width: 410px) and (max-width: 415px) {
  html {
    font-size: 28.81944466%; } }
@media screen and (min-width: 415px) and (max-width: 420px) {
  html {
    font-size: 29.16666688%; } }
@media screen and (min-width: 420px) and (max-width: 425px) {
  html {
    font-size: 29.5138891%; } }
@media screen and (min-width: 425px) and (max-width: 430px) {
  html {
    font-size: 29.86111132%; } }
@media screen and (min-width: 430px) and (max-width: 435px) {
  html {
    font-size: 30.20833354%; } }
@media screen and (min-width: 435px) and (max-width: 440px) {
  html {
    font-size: 30.55555576%; } }
@media screen and (min-width: 440px) and (max-width: 445px) {
  html {
    font-size: 30.90277798%; } }
@media screen and (min-width: 445px) and (max-width: 450px) {
  html {
    font-size: 31.2500002%; } }
@media screen and (min-width: 450px) and (max-width: 455px) {
  html {
    font-size: 31.59722242%; } }
@media screen and (min-width: 455px) and (max-width: 460px) {
  html {
    font-size: 31.94444464%; } }
@media screen and (min-width: 460px) and (max-width: 465px) {
  html {
    font-size: 32.29166686%; } }
@media screen and (min-width: 465px) and (max-width: 470px) {
  html {
    font-size: 32.63888908%; } }
@media screen and (min-width: 470px) and (max-width: 475px) {
  html {
    font-size: 32.9861113%; } }
@media screen and (min-width: 475px) and (max-width: 480px) {
  html {
    font-size: 33.33333352%; } }
@media screen and (min-width: 480px) and (max-width: 485px) {
  html {
    font-size: 33.68055574%; } }
@media screen and (min-width: 485px) and (max-width: 490px) {
  html {
    font-size: 34.02777796%; } }
@media screen and (min-width: 490px) and (max-width: 495px) {
  html {
    font-size: 34.37500018%; } }
@media screen and (min-width: 495px) and (max-width: 500px) {
  html {
    font-size: 34.7222224%; } }
@media screen and (min-width: 500px) and (max-width: 505px) {
  html {
    font-size: 35.06944462%; } }
@media screen and (min-width: 505px) and (max-width: 510px) {
  html {
    font-size: 35.41666684%; } }
@media screen and (min-width: 510px) and (max-width: 515px) {
  html {
    font-size: 35.76388906%; } }
@media screen and (min-width: 515px) and (max-width: 520px) {
  html {
    font-size: 36.11111128%; } }
@media screen and (min-width: 520px) and (max-width: 525px) {
  html {
    font-size: 36.4583335%; } }
@media screen and (min-width: 525px) and (max-width: 530px) {
  html {
    font-size: 36.80555572%; } }
@media screen and (min-width: 530px) and (max-width: 535px) {
  html {
    font-size: 37.15277794%; } }
@media screen and (min-width: 535px) and (max-width: 540px) {
  html {
    font-size: 37.50000016%; } }
@media screen and (min-width: 540px) and (max-width: 545px) {
  html {
    font-size: 37.84722238%; } }
@media screen and (min-width: 545px) and (max-width: 550px) {
  html {
    font-size: 38.1944446%; } }
@media screen and (min-width: 550px) and (max-width: 555px) {
  html {
    font-size: 38.54166682%; } }
@media screen and (min-width: 555px) and (max-width: 560px) {
  html {
    font-size: 38.88888904%; } }
@media screen and (min-width: 560px) and (max-width: 565px) {
  html {
    font-size: 39.23611126%; } }
@media screen and (min-width: 565px) and (max-width: 570px) {
  html {
    font-size: 39.58333348%; } }
@media screen and (min-width: 570px) and (max-width: 575px) {
  html {
    font-size: 39.9305557%; } }
@media screen and (min-width: 575px) and (max-width: 580px) {
  html {
    font-size: 40.27777792%; } }
@media screen and (min-width: 580px) and (max-width: 585px) {
  html {
    font-size: 40.62500014%; } }
@media screen and (min-width: 585px) and (max-width: 590px) {
  html {
    font-size: 40.97222236%; } }
@media screen and (min-width: 590px) and (max-width: 595px) {
  html {
    font-size: 41.31944458%; } }
@media screen and (min-width: 595px) and (max-width: 600px) {
  html {
    font-size: 41.6666668%; } }
@media screen and (min-width: 600px) and (max-width: 605px) {
  html {
    font-size: 42.01388902%; } }
@media screen and (min-width: 605px) and (max-width: 610px) {
  html {
    font-size: 42.36111124%; } }
@media screen and (min-width: 610px) and (max-width: 615px) {
  html {
    font-size: 42.70833346%; } }
@media screen and (min-width: 615px) and (max-width: 620px) {
  html {
    font-size: 43.05555568%; } }
@media screen and (min-width: 620px) and (max-width: 625px) {
  html {
    font-size: 43.4027779%; } }
@media screen and (min-width: 625px) and (max-width: 630px) {
  html {
    font-size: 43.75000012%; } }
@media screen and (min-width: 630px) and (max-width: 635px) {
  html {
    font-size: 44.09722234%; } }
@media screen and (min-width: 635px) and (max-width: 640px) {
  html {
    font-size: 44.44444456%; } }
@media screen and (min-width: 640px) and (max-width: 645px) {
  html {
    font-size: 44.79166678%; } }
@media screen and (min-width: 645px) and (max-width: 650px) {
  html {
    font-size: 45.138889%; } }
@media screen and (min-width: 650px) and (max-width: 655px) {
  html {
    font-size: 45.48611122%; } }
@media screen and (min-width: 655px) and (max-width: 660px) {
  html {
    font-size: 45.83333344%; } }
@media screen and (min-width: 660px) and (max-width: 665px) {
  html {
    font-size: 46.18055566%; } }
@media screen and (min-width: 665px) and (max-width: 670px) {
  html {
    font-size: 46.52777788%; } }
@media screen and (min-width: 670px) and (max-width: 675px) {
  html {
    font-size: 46.8750001%; } }
@media screen and (min-width: 675px) and (max-width: 680px) {
  html {
    font-size: 47.22222232%; } }
@media screen and (min-width: 680px) and (max-width: 685px) {
  html {
    font-size: 47.56944454%; } }
@media screen and (min-width: 685px) and (max-width: 690px) {
  html {
    font-size: 47.91666676%; } }
@media screen and (min-width: 690px) and (max-width: 695px) {
  html {
    font-size: 48.26388898%; } }
@media screen and (min-width: 695px) and (max-width: 700px) {
  html {
    font-size: 48.6111112%; } }
@media screen and (min-width: 700px) and (max-width: 705px) {
  html {
    font-size: 48.95833342%; } }
@media screen and (min-width: 705px) and (max-width: 710px) {
  html {
    font-size: 49.30555564%; } }
@media screen and (min-width: 710px) and (max-width: 715px) {
  html {
    font-size: 49.65277786%; } }
@media screen and (min-width: 715px) and (max-width: 720px) {
  html {
    font-size: 50.00000008%; } }
@media screen and (min-width: 720px) and (max-width: 725px) {
  html {
    font-size: 50.3472223%; } }
@media screen and (min-width: 725px) and (max-width: 730px) {
  html {
    font-size: 50.69444452%; } }
@media screen and (min-width: 730px) and (max-width: 735px) {
  html {
    font-size: 51.04166674%; } }
@media screen and (min-width: 735px) and (max-width: 740px) {
  html {
    font-size: 51.38888896%; } }
@media screen and (min-width: 740px) and (max-width: 745px) {
  html {
    font-size: 51.73611118%; } }
@media screen and (min-width: 745px) and (max-width: 750px) {
  html {
    font-size: 52.0833334%; } }
@media screen and (min-width: 750px) and (max-width: 755px) {
  html {
    font-size: 52.43055562%; } }
@media screen and (min-width: 755px) and (max-width: 760px) {
  html {
    font-size: 52.77777784%; } }
@media screen and (min-width: 760px) and (max-width: 765px) {
  html {
    font-size: 53.12500006%; } }
@media screen and (min-width: 765px) and (max-width: 770px) {
  html {
    font-size: 53.47222228%; } }
@media screen and (min-width: 770px) and (max-width: 775px) {
  html {
    font-size: 53.8194445%; } }
@media screen and (min-width: 775px) and (max-width: 780px) {
  html {
    font-size: 54.16666672%; } }
@media screen and (min-width: 780px) and (max-width: 785px) {
  html {
    font-size: 54.51388894%; } }
@media screen and (min-width: 785px) and (max-width: 790px) {
  html {
    font-size: 54.86111116%; } }
@media screen and (min-width: 790px) and (max-width: 795px) {
  html {
    font-size: 55.20833338%; } }
@media screen and (min-width: 795px) and (max-width: 800px) {
  html {
    font-size: 55.5555556%; } }
@media screen and (min-width: 800px) and (max-width: 805px) {
  html {
    font-size: 55.90277782%; } }
@media screen and (min-width: 805px) and (max-width: 810px) {
  html {
    font-size: 56.25000004%; } }
@media screen and (min-width: 810px) and (max-width: 815px) {
  html {
    font-size: 56.59722226%; } }
@media screen and (min-width: 815px) and (max-width: 820px) {
  html {
    font-size: 56.94444448%; } }
@media screen and (min-width: 820px) and (max-width: 825px) {
  html {
    font-size: 57.2916667%; } }
@media screen and (min-width: 825px) and (max-width: 830px) {
  html {
    font-size: 57.63888892%; } }
@media screen and (min-width: 830px) and (max-width: 835px) {
  html {
    font-size: 57.98611114%; } }
@media screen and (min-width: 835px) and (max-width: 840px) {
  html {
    font-size: 58.33333336%; } }
@media screen and (min-width: 840px) and (max-width: 845px) {
  html {
    font-size: 58.68055558%; } }
@media screen and (min-width: 845px) and (max-width: 850px) {
  html {
    font-size: 59.0277778%; } }
@media screen and (min-width: 850px) and (max-width: 855px) {
  html {
    font-size: 59.37500002%; } }
@media screen and (min-width: 855px) and (max-width: 860px) {
  html {
    font-size: 59.72222224%; } }
@media screen and (min-width: 860px) and (max-width: 865px) {
  html {
    font-size: 60.06944446%; } }
@media screen and (min-width: 865px) and (max-width: 870px) {
  html {
    font-size: 60.41666668%; } }
@media screen and (min-width: 870px) and (max-width: 875px) {
  html {
    font-size: 60.7638889%; } }
@media screen and (min-width: 875px) and (max-width: 880px) {
  html {
    font-size: 61.11111112%; } }
@media screen and (min-width: 880px) and (max-width: 885px) {
  html {
    font-size: 61.45833334%; } }
@media screen and (min-width: 885px) and (max-width: 890px) {
  html {
    font-size: 61.80555556%; } }
@media screen and (min-width: 890px) and (max-width: 895px) {
  html {
    font-size: 62.15277778%; } }
@media screen and (min-width: 895px) and (max-width: 900px) {
  html {
    font-size: 62.5%; } }
@media screen and (min-width: 900px) {
  html {
    font-size: 62.5%; } }
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

:before,
:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

.cb {
  clear: both; }

.tac {
  text-align: center; }

.cxs1,
.csm1,
.cmd1,
.clg1,
.cxs2,
.csm2,
.cmd2,
.clg2,
.cxs3,
.csm3,
.cmd3,
.clg3,
.cxs4,
.csm4,
.cmd4,
.clg4,
.cxs5,
.csm5,
.cmd5,
.clg5,
.cxs6,
.csm6,
.cmd6,
.clg6,
.cxs7,
.csm7,
.cmd7,
.clg7,
.cxs8,
.csm8,
.cmd8,
.clg8,
.cxs9,
.csm9,
.cmd9,
.clg9,
.cxs10,
.csm10,
.cmd10,
.clg10,
.cxs11,
.csm11,
.cmd11,
.clg11,
.cxs12,
.csm12,
.cmd12,
.clg12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.cxs1,
.cxs2,
.cxs3,
.cxs4,
.cxs5,
.cxs6,
.cxs7,
.cxs8,
.cxs9,
.cxs10,
.cxs11,
.cxs12 {
  float: left; }

.cxs12 {
  width: 100%; }

.cxs11 {
  width: 91.66666667%; }

.cxs10 {
  width: 83.33333333%; }

.cxs9 {
  width: 75%; }

.cxs8 {
  width: 66.66666667%; }

.cxs7 {
  width: 58.33333333%; }

.cxs6 {
  width: 50%; }

.cxs5 {
  width: 41.66666667%; }

.cxs4 {
  width: 33.33333333%; }

.cxs3 {
  width: 25%; }

.cxs2 {
  width: 16.66666667%; }

.cxs1 {
  width: 8.33333333%; }

@media (min-width: 768px) {
  .csm1,
  .csm2,
  .csm3,
  .csm4,
  .csm5,
  .csm6,
  .csm7,
  .csm8,
  .csm9,
  .csm10,
  .csm11,
  .csm12 {
    float: left; }

  .csm12 {
    width: 100%; }

  .csm11 {
    width: 91.66666667%; }

  .csm10 {
    width: 83.33333333%; }

  .csm9 {
    width: 75%; }

  .csm8 {
    width: 66.66666667%; }

  .csm7 {
    width: 58.33333333%; }

  .csm6 {
    width: 50%; }

  .csm5 {
    width: 41.66666667%; }

  .csm4 {
    width: 33.33333333%; }

  .csm3 {
    width: 25%; }

  .csm2 {
    width: 16.66666667%; }

  .csm1 {
    width: 8.33333333%; } }
@media (min-width: 992px) {
  .cmd1,
  .cmd2,
  .cmd3,
  .cmd4,
  .cmd5,
  .cmd6,
  .cmd7,
  .cmd8,
  .cmd9,
  .cmd10,
  .cmd11,
  .cmd12 {
    float: left; }

  .cmd12 {
    width: 100%; }

  .cmd11 {
    width: 91.66666667%; }

  .cmd10 {
    width: 83.33333333%; }

  .cmd9 {
    width: 75%; }

  .cmd8 {
    width: 66.66666667%; }

  .cmd7 {
    width: 58.33333333%; }

  .cmd6 {
    width: 50%; }

  .cmd5 {
    width: 41.66666667%; }

  .cmd4 {
    width: 33.33333333%; }

  .cmd3 {
    width: 25%; }

  .cmd2 {
    width: 16.66666667%; }

  .cmd1 {
    width: 8.33333333%; } }
.csm25 {
  width: 20%; }

.csm15 {
  width: 12.5%; }

html,
body {
  overflow-x: hidden; }

body,
div,
ul,
li,
ol,
dl,
dt,
dd,
input,
h1,
h2,
h3,
h4,
h5,
h6,
span,
strong,
img,
p {
  margin: 0;
  padding: 0;
  border: none; }

* {
  transition: color .3s;
  -moz-transition: color .3s;
  -ms-transition: color .3s;
  -o-transition: color .3s;
  -webkit-transition: color .3s; }

img {
  max-width: 100%;
  vertical-align: middle;
  height: auto; }

a {
  text-decoration: none;
  color: inherit; }

a:hover,
a:focus {
  text-decoration: none;
  color: #e84924; }

a:hover,
a:focus {
  color: #e84924; }

.img-r {
  display: block;
  max-width: 100%;
  height: auto; }

.ctn:before,
.ctn:after {
  content: " ";
  display: table; }

.ctn:after {
  clear: both; }

.row:before,
.row:after {
  content: " ";
  display: table; }

.row:after {
  clear: both; }

.rel {
  position: relative; }

.abs {
  position: absolute; }

.block {
  display: block; }

.inline-block {
  display: inline-block; }

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.cxs5s,
.csm5s,
.cmd5s,
.clg5s {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-5ths {
  width: 20%;
  float: left; }

.p-l {
  float: left !important; }

.p-r {
  float: right !important; }

.clearfix:before,
.clearfix:after {
  display: table;
  content: " "; }

.clearfix:after {
  clear: both; }

.ctn {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%; }

.clearfix:before,
.clearfix:after {
  display: table;
  content: " "; }

.clearfix:after {
  clear: both; }

@font-face {
  font-family: mo-l;
  src: url(../f/Montserrat-Light.ttf);
  font-weight: normal;
  font-display: swap; }
@font-face {
  font-family: mo-m;
  src: url(../f/Montserrat-Medium.ttf);
  font-weight: normal;
  font-display: swap; }
@font-face {
  font-family: mo-eb;
  src: url(../f/Montserrat-ExtraBold.ttf);
  font-weight: normal;
  font-display: swap; }
@font-face {
  font-family: mo-b;
  src: url(../f/Montserrat-Bold.ttf);
  font-weight: normal;
  font-display: swap; }
@font-face {
  font-family: mo-sb;
  src: url(../f/Montserrat-SemiBold.ttf);
  font-weight: normal;
  font-display: swap; }
body {
  position: relative;
  font-family: mo-m;
  color: #1d2d5b;
  font-size: 4rem;
  line-height: 1.5; }

.ctn {
  padding: 0 2rem;
  max-width: 900px;
  margin: 0 auto; }

.nav_m {
  position: fixed;
  background: #1e2c5a;
  width: 100%;
  z-index: 33;
  height: 13rem;
  position: relative; }
  .nav_m img {
    filter: brightness(0) invert(1); }
  .nav_m #i-menu {
    height: 8.8rem;
    width: 8.8rem;
    border: 0.5rem solid #fff;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 2.1rem;
    left: 2.1rem; }
    .nav_m #i-menu img {
      width: 50%; }
  .nav_m .logo {
    text-align: center; }
    .nav_m .logo img {
      width: 30rem;
      height: 10.6rem;
      margin-top: 1.3rem; }

.ten {
  text-transform: uppercase;
  width: 50%;
  display: inline-block; }

.da_lam {
  vertical-align: middle; }

h1,
h2,
h3,
h4,
p {
  font-family: mo-b;
  font-size: 4rem; }

p {
  font-family: mo-m; }

h1 {
  font-family: mo-eb;
  text-transform: uppercase;
  font-size: 4rem;
  text-align: center;
  padding: 3rem 0; }

#them_dv {
  color: #656565; }

input,
select,
textarea {
  height: 7rem;
  font-family: mo-sb;
  font-size: 4rem;
  border: 0.2rem solid #1d2d5b;
  color: #1d2d5b;
  padding: 0 1.5rem;
  width: 100%;
  margin: 1.4rem 0; }
  input:placeholder,
  select:placeholder,
  textarea:placeholder {
    color: #555555;
    font-family: mo-m;
    font-size: 4rem; }

select option {
  line-height: 6rem;
  font-size: 4rem; }

textarea {
  height: 21rem;
  padding: 0.5rem 1.5rem;
  font-size: 3rem; }

input[type=radio],
input[type=checkbox] {
  border: 1px solid #1d2d5b;
  padding: 12px;
  border-radius: 5px;
  -webkit-appearance: none;
  width: 5rem;
  height: 5rem;
  margin: -1rem 2rem 0 0;
  vertical-align: middle; }

input[type=radio]:checked,
input[type=checkbox]:checked {
  background: url(../i/check.png) center 0 no-repeat;
  background-color: #1d2d5b;
  background-size: 100%; }

.thanh_toan .t {
  width: 41%;
  display: inline-block; }
.thanh_toan input {
  width: 59%; }

.luu_y {
  margin: 5rem 0 10rem; }
  .luu_y h3 {
    text-transform: uppercase; }
  .luu_y .p_quet {
    display: flex;
    flex-wrap: wrap; }
  .luu_y .quet {
    display: inline-block;
    width: 50%; }

.tiep_theo {
  display: block;
  margin: 8rem auto;
  width: max-content;
  height: 8.8rem;
  line-height: 8.8rem;
  padding: 0 5rem;
  color: #fff;
  text-transform: uppercase;
  background: #1d2d5b;
  border-radius: 4rem;
  font-family: mo-m;
  font-size: 4rem;
  border: none; }
  .tiep_theo:disabled {
    opacity: 0.5; }

.nd_ch {
  padding: 3rem 0; }
  .nd_ch h3 {
    font-family: mo-b;
    text-transform: uppercase;
    font-size: 4.5rem; }
  .nd_ch .san_pham {
    margin-bottom: 3rem; }
    .nd_ch .san_pham h3 {
      font-size: 4rem; }

.thong_tin {
  font-family: mo-sb; }

#ket_qua {
  padding-top: 4rem; }
  #ket_qua h1 {
    font-size: 5rem; }

.luu {
  text-align: center;
  padding: 8rem 0; }
  .luu a,
  .luu button {
    width: 33rem;
    height: 8.8rem;
    line-height: 8.8rem;
    display: inline-block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background: #1d2d5b;
    border-radius: 4rem;
    cursor: pointer;
    border: none;
    font-family: mo-b;
    font-size: 4rem; }
    .luu a img,
    .luu button img {
      height: 4rem;
      width: auto;
      margin: -0.5rem 0 0 1rem;
      vertical-align: middle; }
    .luu a:disabled,
    .luu button:disabled {
      opacity: 0.5; }
  .luu a:not([href]):not([tabindex]) {
    color: #fff; }
  .luu .save {
    margin-right: 7rem; }

.dich_vu {
  padding: 3rem 0 2rem;
  display: none; }

.thanh_toan {
  padding-top: 5rem; }

.p_sl {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .p_sl .t {
    display: inline-block;
    width: 30%; }
  .p_sl .so_luong {
    width: 70%; }

#san_pham {
  margin-top: 5rem; }
  #san_pham .sp_phu {
    display: none;
    margin-top: 3rem; }

#dv_dieu_tri .bootstrap-select {
  width: 100%;
  height: auto;
  min-height: 7rem;
  border: 0.2rem solid #1d2d5b;
  margin: 1.4rem 0; }
  #dv_dieu_tri .bootstrap-select .btn {
    height: auto;
    min-height: 7rem;
    white-space: normal;
    padding: 0; }

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #1d2d5b;
  height: 7rem;
  font-size: 4rem;
  font-family: 'mo-sb'; }

.bootstrap-select .dropdown-menu li a {
  line-height: 6rem;
  font-size: 4rem; }
.bootstrap-select .dropdown-menu li span {
  font-size: 4rem; }

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  color: #1d2d5b;
  font-size: 4rem; }

.bootstrap-select .dropdown-toggle .filter-option {
  position: relative; }

.bootstrap-select .dropdown-toggle.bs-placeholder .filter-option {
  position: absolute; }

.bootstrap-select .dropdown-menu li a.opt {
  padding-left: 3.5rem; }

#da_lam .dv_dang_lam .t_dv {
  position: relative; }
  #da_lam .dv_dang_lam .t_dv .checkSer {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0; }
#da_lam .dv_dang_lam .ten {
  width: 89%; }

#ket_qua .noi_dung .t_dv {
  position: relative; }
  #ket_qua .noi_dung .t_dv .checkSer {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0; }
#ket_qua .noi_dung .ten {
  width: 89%; }

#main {
  padding: 4rem 2rem 60rem;
  background: url(../i/bg_hd.png) no-repeat center bottom;
  background-size: 100%; }
  #main input {
    height: 8rem; }
  #main .dong {
    display: flex;
    flex-wrap: wrap; }
    #main .dong .l {
      width: 35%;
      display: inline-block;
      line-height: 8rem;
      margin: 1.4rem 0; }
    #main .dong .r {
      width: 65%;
      display: inline-block; }
  #main input {
    border-radius: 1rem; }
  #main .luu_y {
    font-size: 3rem;
    text-align: center;
    margin: 2rem 0 2rem;
    color: red; }
  #main .luu {
    text-align: center;
    padding: 0; }
    #main .luu button {
      text-transform: uppercase;
      padding: 3rem 5rem;
      background: #1d2d5b;
      color: #fff;
      font-family: mo-b;
      height: auto;
      width: auto;
      line-height: normal; }
  #main h3 {
    text-transform: capitalize;
    font-size: 4.5rem;
    margin-top: 4rem; }
  #main .hoa_don p {
    margin-top: 2rem; }
  #main .gioi_tinh {
    display: inline-block;
    line-height: 8rem;
    margin: 1.4rem 0; }
    #main .gioi_tinh input {
      height: 5rem; }
    #main .gioi_tinh .gio_tinh_nu {
      margin-left: 5rem; }

#xem_them_ly {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  padding-top: 50px;
  overflow: auto;
  z-index: 9999; }
  #xem_them_ly .nd {
    background: #fff;
    width: 70%;
    position: relative;
    margin: 30px 0 0;
    height: max-content;
    color: #1d2d5b;
    min-width: 550px; }
  #xem_them_ly .close {
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: -30px;
    right: -30px;
    color: #fff;
    font-size: 1.5rem;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    opacity: 1; }

#noi_tiep_theo {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  justify-content: center;
  align-items: center;
  padding-top: 50px; }
  #noi_tiep_theo .noi_dung {
    position: relative;
    background: #fff;
    padding: 4rem 2rem; }
    #noi_tiep_theo .noi_dung .close {
      color: #fff !important;
      font-size: 2rem;
      position: absolute;
      top: -2.5rem;
      left: 50%;
      margin-left: -1.25rem;
      width: 2.5rem;
      height: 2.5rem;
      cursor: pointer;
      line-height: 2.5rem;
      display: inline-block;
      text-align: center;
      z-index: 9;
      filter: brightness(0) invert(1);
      opacity: 1; }
    #noi_tiep_theo .noi_dung .dong {
      font-size: 2.8rem; }
  #noi_tiep_theo .luu {
    padding: 3rem 0; }
    #noi_tiep_theo .luu button {
      text-transform: uppercase;
      padding: 2rem 4rem;
      background: #1d2d5b;
      color: #fff;
      font-family: mo-b;
      font-size: 2rem;
      height: auto;
      width: auto;
      line-height: normal; }

#cam_on {
  position: fixed;
  width: 100%;
  height: 100%;
  /*background: rgba(0, 0, 0, .5);*/
  background: #1c2d5b;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  top: 0;
  left: 0;
  z-index: 99; }
  #cam_on .box {
    background: #1c2d5b;
    border-radius: 15px;
    padding: 20px 30px;
    position: relative; }
  #cam_on .logo img {
    display: block;
    margin: 0 auto 30px; }
  #cam_on h4 {
    font-family: mo-b;
    font-weight: normal;
    font-size: 22px;
    text-align: center;
    padding: 10px 20px 0;
    line-height: 1.6;
    text-transform: capitalize;
    margin: 0;
    width: 90%;
    margin-left: 5%; }
  #cam_on .co img {
    display: block;
    margin: 0 auto; }
  #cam_on .close {
    width: 30px;
    height: 30px;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    opacity: 1; }

@media (max-width: 900px) {
  #cam_on img {
    max-width: 80%; }
  #cam_on .box {
    padding: 5rem 3rem; }
  #cam_on .close {
    top: -30px; }
  #cam_on h4 {
    margin-top: 20px;
    background: red;
    padding: 10px 20px;
    border-radius: 10px; } }
@media (max-width: 640px) {
  #xem_them_ly .nd {
    min-width: unset;
    width: 100%; }

  #xem_them_ly .close {
    right: unset;
    left: 50%;
    margin-left: -15px;
    font-size: 4rem; }

  .seach .nut_pth {
    margin: 0;
    height: 40px;
    line-height: 40px; }

  .seach .s2 input {
    height: 40px;
    line-height: 40px; }

  #noi_tiep_theo .noi_dung .dong {
    font-size: 3.8rem; }
  #noi_tiep_theo .noi_dung .close {
    color: #fff !important;
    font-size: 4rem;
    top: -5rem;
    margin-left: -2.5rem;
    width: 5rem;
    height: 5rem;
    line-height: 5rem; }
  #noi_tiep_theo .luu {
    padding: 4rem 0; }
    #noi_tiep_theo .luu button {
      text-transform: uppercase;
      padding: 3rem 5rem;
      background: #1d2d5b;
      color: #fff;
      font-family: mo-b;
      font-size: 4rem;
      height: auto;
      width: auto;
      line-height: normal; } }

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