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

.box {
    position: relative;
    display: block;
}
.div {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.mgbt20 {margin-bottom: 20px;}
img.responsive {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
img.scaledown {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
img.contain {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.heading-4 a {
    color: #355eab;
}
.heading-5 a {
    color: #355eab;
}
.head {
  height: 430px;
  background-image: url('../images/Backgroundhead.png');
  background-position: 0px 0px;
}

.footer {
  position: relative;
  z-index: 0;
  padding-top: 65px;
  background-image: url('../images/background-footer.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.menu {
  color: #f1f1f1;
}

.navbar {
  background-color: transparent;
  color: #f1f1f1;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.nav-link {
  padding-top: 31px;
  padding-bottom: 31px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}

.nav-link:hover {
  color: #3259a2;
  font-weight: 700;
}

._w-container {
  max-width: 1170px;
  font-size: 15px;
}

.container {
  color: transparent;
}

.nav-link-2 {
  padding-top: 31px;
  padding-bottom: 31px;
  color: #fff;
}

.nav-link-2:hover {
  color: #3259a2;
}

.nav-link-3 {
  padding-top: 31px;
  padding-bottom: 31px;
  color: #fff;
}

.nav-link-3:hover {
  color: #3259a2;
}

.nav-link-4 {
  padding-top: 31px;
  padding-bottom: 31px;
  color: #fff;
}

.nav-link-4:hover {
  color: #3259a2;
}

.nav-link-5 {
  padding-top: 31px;
  padding-bottom: 31px;
  color: #fff;
}

.nav-link-5:hover {
  color: #3259a2;
}

.nav-link-6 {
  padding-top: 31px;
  padding-bottom: 31px;
  color: #fff;
}

.nav-link-6:hover {
  color: #3259a2;
}

.menutop {
  background-color: rgba(47, 57, 84, .7);
}

.form {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 5px;
}

.form-block {
  display: inline-block;
  overflow: hidden;
  margin-top: 21px;
  margin-bottom: 21px;
  margin-left: 30px;
}

.text-field {
  position: relative;
  overflow: hidden;
  margin-bottom: 0px;
  font-weight: 400;
}

.form .button {
  position: absolute;
  top: 0;
  right: 0px;
  z-index: 99;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #3259a2;
  font-family: 'Fontawesome webfont', sans-serif;
  font-weight: 400;
}

.contenthead {
  padding-top: 50px;
  padding-bottom: 50px;
  color: #fff;
  text-align: center;
}

.link-block {
  width: 57px;
  height: 62px;
  background-image: url('../images/iconPhone.png');
  background-position: 50% 50%;
}

.heading {
  margin-bottom: 0px;
  font-family: 'Uvf lobster12', sans-serif;
  font-size: 38px;
  font-weight: 400;
}

.heading-2 {
  margin-top: 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.heading-3 {
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
}

.title {
  position: relative;
  overflow: visible;
  height: 50px;
  margin-bottom: 30px;
}

.heading-4 {
  margin-bottom: 0px;
  padding-top: 65px;
  font-family: 'Uvf lobster12', sans-serif;
  color: #355eab;
  font-size: 32px;
  text-align: center;
}

.heading-4.pd0 {
  padding-top: 0px;
}

.linetitle {
  position: relative;
  display: block;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.icontitle {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  width: 58px;
  height: 68px;
  margin-top: -29px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  background-image: url('../images/IconTitle.png');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.icontitle.haisan {
  width: 65px;
  background-color: transparent;
  background-image: url('../images/icon-các-món-lẩu.png');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.icontitle.haisan.douong {
  width: 45px;
  border: 2px dotted #0c4a9d;
  border-radius: 30px;
  background-color: #fff;
  background-image: url('../images/iconDink.png');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.linedaid {
  border: 1px dashed #355eab;
}

.navbar-2 {
  display: none;
}

.linetitlebox {
  position: relative;
  top: 27px;
  height: 1px;
  border-bottom: 1px dashed #355eab;
}

.heading-5 {
  position: absolute;
  z-index: 9;
  display: inline-block;
  margin-top: 10px;
  padding-right: 15px;
  background-color: #fff;
  font-family: 'Uvf lobster12', sans-serif;
  color: #355eab;
}

.top65 {
  margin-top: 65px;
}

.contentbox {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dashed #d7d7d7;
}

.figure {
  display: inline-block;
  float: left;
}

.figure.mgr15 {
  margin-right: 20px;
}

.figure.mgr15.dropbox {
  border-radius: 5px;
  box-shadow: 2px 1px 3px 0 rgba(0, 0, 0, .2);
}

.figure.boder3 {
  float: none;
  border-radius: 5px;
}

.figure.left20 {
  margin-right: 20px;
}

.heading-6 {
  margin-top: 0px;
  font-size: 14px;
}

.text-span {
  color: #c50000;
}

.paragraph {
  margin-bottom: 0px;
}

.titlem {
  padding-bottom: 46px;
}

.heading-7 {
  margin-bottom: 0px;
  padding-top: 25px;
  padding-bottom: 25px;
  color: #355eab;
  text-align: center;
  text-transform: uppercase;
}

.div-block {
  width: 32px;
  height: 58px;
  border: 1px solid #355eab;
  border-radius: 30px;
}

.morebutton {
  display: block;
  width: 32px;
  height: 58px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #355eab;
  border-radius: 30px;
  text-align: center;
}

.buttonmore {
  display: block;
  padding-top: 0px;
  padding-bottom: 45px;
}

.buttonmore.pd0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.image-2 {
  position: relative;
  top: 15px;
}

.mhaisan {
  position: relative;
  padding-bottom: 40px;
  background-image: url('../images/background.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.heading-8 {
  font-family: 'Uvf lobster12', sans-serif;
  font-size: 24px;
}

.text-span-2 {
  color: #c50000;
}

.heading-9 {
  margin-top: 0px;
  font-family: 'Uvf lobster12', sans-serif;
  color: #c50000;
  font-size: 18px;
}

.listmon {
  display: block;
  margin-top: 20px;
}
.listmon p {
    clear: both;
}

.text-block {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  float: left;
  border: 1px solid #666;
  border-radius: 30px;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
}
.listmon p:before {
    content: "";
    border: 1px solid #ccc;
    width: 25px;
    height: 25px;
    position: relative;
    display: block;
    float: left;
    text-align: center;
    line-height: 25px;
    margin-right: 10px;
}
.listmon p:nth-child(1):before {
    content: "1";
}
.listmon p:nth-child(2):before {
    content: "2";
}
.listmon p:nth-child(3):before {
    content: "3";
}
.listmon p:nth-child(4):before {
    content: "4";
}
.listmon p:nth-child(5):before {
    content: "5";
}
.listmon p:nth-child(6):before {
    content: "6";
}

.div-block-2 {
  display: block;
}

.paragraph-2 {
  margin-bottom: 0px;
}

.paragraph-3 {
  padding-top: 3px;
}

.container-2 {
  margin-top: 65px;
}

.bgml {
  background-color: #eff9fc;
}

.bgwear {
  height: 40px;
  background-image: url('../images/background-2.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
}

.drinks {
  position: relative;
  z-index: 99;
}

.boxr {
  padding-bottom: 35px;
}

.wpdrink {
  padding-top: 65px;
  padding-bottom: 65px;
}

.contentdrink {
  background-image: -webkit-linear-gradient(270deg, #fff 58%, #b3deff);
  background-image: linear-gradient(180deg, #fff 58%, #b3deff);
}

.backgrweater {
  position: relative;
  height: 65px;
  margin-bottom: -30px;
  background-image: url('../images/backgroundDrink.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
}

.linettft {
  height: 1px;
  background-color: #fff;
}

.heading-10 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Uvf lobster12', sans-serif;
  color: #fff;
  font-weight: 500;
  text-align: center;
}

.paragraph-4 {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 14px;
  font-style: italic;
}

.socialfooter {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.text-span-3 {
  display: block;
}

.text-span-4 {
  display: block;
}

.text-span-5 {
  display: block;
}

.text-span-6 {
  display: block;
}

.list-item {
  display: inline-block;
  margin-right: 10px;
  font-size: 24px;
}

.list-item-2 {
  display: inline-block;
  margin-right: 10px;
  font-size: 24px;
}

.list-item-3 {
  display: inline-block;
  margin-right: 10px;
  font-size: 24px;
}

.unordered-list {
  font-family: 'Fontawesome webfont', sans-serif;
}

.unordered-list-2 {
  font-family: 'Fontawesome webfont', sans-serif;
}

.list-item-4 {
  display: inline-block;
  padding-right: 3px;
  padding-left: 3px;
}

.list-item-5 {
  display: inline-block;
  padding-right: 3px;
  padding-left: 3px;
}

.list-item-6 {
  display: inline-block;
  padding-right: 3px;
  padding-left: 3px;
}

.list-item-7 {
  display: inline-block;
  padding-right: 3px;
  padding-left: 3px;
}

.list-item-8 {
  display: inline-block;
  padding-right: 3px;
  padding-left: 3px;
}

.linesocial {
  display: block;
  width: 50%;
  height: 1px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  background-color: #fff;
}

.unordered-list-3 {
  color: #fff;
  font-size: 14px;
}

.list-item-9 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.list-item-10 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.list-item-11 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.text-block-2 {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #083c57;
  color: #3d93c8;
  text-align: center;
}

.div-block-3 {
  padding: 10px 14px;
  border-top: 4px solid #2eacef;
  background-color: #0098ff;
}

.affter {
  display: block;
  width: 0px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  border-top: 15px solid #0098ff;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  background-color: transparent;
}

.div-block-4 {
  padding-top: 20px;
}

.map {
  height: 250px;
}

.div-block-5 {
  padding-top: 20px;
}

.div-block-6 {
  padding-top: 20px;
}

.bgkv {
  padding-top: 65px;
  background-image: url('../images/backgrkv.png');
  background-position: 50% 50%;
}
.bgwear2 {
  height: 60px;
  background-image: url('../images/backgrkv.png');
  background-position: 50% 50%;
  margin-top: -65px;
  position: relative;
  z-index: 999999;
}
.bg-do-uong {
  height: 60px;
  background-image: url('../images/do-uong.png');
  background-position: 50% 50%;
  margin-top: -65px;
  position: relative;
  z-index: 999999;
}
@media (max-width: 991px) {
  .menu.hidemdb {
    display: none;
  }
  .navbar {
    z-index: 999;
  }
  .contenthead {
    display: block;
  }
  .heading-4 {
    padding-top: 0px;
  }
  .nav-menu {
    display: block;
  }
  .navbar-2 {
    display: block;
    background-color: #28324e;
  }
  .buttonmore {
    padding-bottom: 0px;
  }
  .mhaisan {
    width: 100%;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #eff9fc;
    background-image: none;
    background-repeat: repeat;
  }
  .bgml {
    background-image: -webkit-linear-gradient(270deg, #fff, #eff9fc);
    background-image: linear-gradient(180deg, #fff, #eff9fc);
  }
  .icon {
    background-color: #0098ff;
    color: #fff;
  }
  .menu-button.w--open {
    background-color: #0098ff;
  }
  .nav-link-7 {
    padding-left: 21px;
    background-color: #0098ff;
    color: #fff;
  }
  .nav-link-7:hover {
    background-color: #28324e;
  }
  .nav-menu-2 {
    background-color: #28324e;
    color: #fff;
  }
  .nav-link-8 {
    color: #fff;
  }
  .nav-link-8:hover {
    background-color: #0098ff;
  }
  .nav-link-9 {
    color: #fff;
  }
  .nav-link-9:hover {
    background-color: #0098ff;
  }
  .bgwear3 {
    height: 60px;
    background-image: url('../images/background-2.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
}

@media (max-width: 767px) {
  .footer {
    background-color: #083c57;
    background-image: none;
    background-repeat: repeat;
  }
  .heading-4 {
    padding-top: 20px;
  }
  .icontitle {
    background-image: none;
    background-position: 0px 0px;
    background-repeat: repeat;
  }
  .top65 {
    margin-top: 35px;
  }
  .textbox {
    margin-bottom: 30px;
  }
  .nav-link-7:hover {
    background-color: #0098ff;
  }
}

@media (max-width: 479px) {
  .menu {
    display: block;
  }
  .menu.hidemdb {
    display: none;
  }
  ._w-container {
    display: block;
  }
  .contenthead {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .heading-3 {
    margin-top: 10px;
  }
  .heading-4 {
    margin-top: 0px;
    margin-bottom: 45px;
  }
  .image {
    display: block;
  }
  .nav-menu {
    display: block;
  }
  .brand {
    display: block;
  }
  .navbar-2 {
    background-color: #28324e;
  }
  .top65 {
    margin-top: 0px;
  }
  .heading-6 {
    line-height: 20px;
  }
  .paragraph {
    font-size: 12px;
    line-height: 18px;
  }
  .buttonmore.pd0 {
    padding-bottom: 30px;
  }
  .mhaisan {
    padding-top: 0px;
  }
  .boxhs {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
  }
  .heading-9 {
    margin-bottom: 0px;
  }
  .brand-2 {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .icon {
    background-color: #0098ff;
    color: #fff;
  }
  .menu-button.w--open {
    background-color: #0098ff;
  }
  .nav-link-7 {
    display: block;
    color: #fff;
  }
  .nav-link-7:hover {
    background-color: #0098ff;
  }
  .nav-menu-2 {
    background-color: #28324e;
    color: #fff;
  }
  .nav-link-8 {
    display: block;
    color: #fff;
  }
  .nav-link-8:hover {
    background-color: #0098ff;
  }
  .nav-link-9 {
    display: block;
    color: #fff;
  }
  .nav-link-9:hover {
    background-color: #0098ff;
  }
}
.socialfooter a {
  color: #fff;
}

@font-face {
  font-family: 'Fontawesome webfont';
  src: url('../fonts/fontawesome-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Clearface t';
  src: url('../fonts/Clearface-Black-T..ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Uvf lobster12';
  src: url('../fonts/UVF-Lobster12.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Lobster 1';
  src: url('../fonts/Lobster-1.4.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}