:root {
  --primary-color: #021b50;
  --fs-color-primary: #021b50;
  --fs-color-secondary: #d57800;
  --fs-color-success: #66c704;
  --fs-color-alert: #cc0404;
  --fs-experimental-link-color: #353372;
  --fs-experimental-link-color-hover: #d57800;
}

.tooltipster-base {
  --tooltip-color: #fff;
  --tooltip-bg-color: #1c1b3b;
}

.off-canvas-right .mfp-content,
.off-canvas-left .mfp-content {
  --drawer-width: 300px;
}

.container-width,
.full-width .ubermenu-nav,
.container,
.row {
  max-width: 1330px
}

.row.row-collapse {
  max-width: 1300px
}

.row.row-small {
  max-width: 1322.5px
}

.row.row-large {
  max-width: 1360px
}

.header-main {
  height: 130px
}

#logo img {
  max-height: 130px
}

#logo {
  width: 120px;
}

#logo img {
  padding: 10px 0;
}

.header-top {
  min-height: 75px
}

.transparent .header-main {
  height: 90px
}

.transparent #logo img {
  max-height: 90px
}

.has-transparent+.page-title:first-of-type,
.has-transparent+#main>.page-title,
.has-transparent+#main>div>.page-title,
.has-transparent+#main .page-header-wrapper:first-of-type .page-title {
  padding-top: 120px;
}

.header.show-on-scroll,
.stuck .header-main {
  height: 85px !important
}

.stuck #logo img {
  max-height: 85px !important
}

.header-bg-color {
  background-color: #1c1b3b
}

.header-bottom {
  background-color: #f1f1f1
}

.top-bar-nav>li>a {
  line-height: 65px
}

.header-main .nav>li>a {
  line-height: 45px
}

.stuck .header-main .nav>li>a {
  line-height: 65px
}

@media (max-width: 549px) {
  .header-main {
    height: 70px
  }

  #logo img {
    max-height: 70px
  }
}

.main-menu-overlay {
  background-color: #1c1b3b
}

.nav-dropdown {
  font-size: 90%
}

.nav-dropdown-has-arrow li.has-dropdown:after {
  border-bottom-color: #eeeeee;
}

.nav .nav-dropdown {
  background-color: #eeeeee
}

.header-top {
  background-color: #1c1b3b !important;
}

body {
  color: #000000
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {
  color: #021b50;
}

body {
  font-size: 100%;
}

@media screen and (max-width: 549px) {
  body {
    font-size: 120%;
  }
}

body {
  font-family: "Be Vietnam Pro", sans-serif;
}

body {
  font-weight: 400;
  font-style: normal;
}

.nav>li>a {
  font-family: "Be Vietnam Pro", sans-serif;
}

.mobile-sidebar-levels-2 .nav>li>ul>li>a {
  font-family: "Be Vietnam Pro", sans-serif;
}

.nav>li>a,
.mobile-sidebar-levels-2 .nav>li>ul>li>a {
  font-weight: 400;
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a {
  font-family: "Be Vietnam Pro", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 {
  font-weight: 700;
  font-style: normal;
}

.alt-font {
  font-family: "Be Vietnam Pro", sans-serif;
}

.alt-font {
  font-weight: 400 !important;
  font-style: normal !important;
}

.breadcrumbs {
  text-transform: none;
}

button,
.button {
  text-transform: none;
}

.nav>li>a,
.links>li>a {
  text-transform: none;
}

.section-title span {
  text-transform: none;
}

h3.widget-title,
span.widget-title {
  text-transform: none;
}

.header:not(.transparent) .top-bar-nav>li>a {
  color: #ffffff;
}

.header:not(.transparent) .top-bar-nav.nav>li>a:hover,
.header:not(.transparent) .top-bar-nav.nav>li.active>a,
.header:not(.transparent) .top-bar-nav.nav>li.current>a,
.header:not(.transparent) .top-bar-nav.nav>li>a.active,
.header:not(.transparent) .top-bar-nav.nav>li>a.current {
  color: #c50227;
}

.top-bar-nav.nav-line-bottom>li>a:before,
.top-bar-nav.nav-line-grow>li>a:before,
.top-bar-nav.nav-line>li>a:before,
.top-bar-nav.nav-box>li>a:hover,
.top-bar-nav.nav-box>li.active>a,
.top-bar-nav.nav-pills>li>a:hover,
.top-bar-nav.nav-pills>li.active>a {
  color: #FFF !important;
  background-color: #c50227;
}

.nav-vertical-fly-out>li+li {
  border-top-width: 1px;
  border-top-style: solid;
}

/* Custom CSS */
.home-blog .post-item {
  padding-bottom: 0;
}

/* Custom CSS Tablet */
@media (max-width: 849px) {
  .home-blog .post-item {
    margin-bottom: 0;
    padding-bottom: 15px;
  }

  .off-canvas:not(.off-canvas-center) .nav-vertical li>a,
  .off-canvas .nav-vertical>li>a {
    font-size: 16px !important;
  }
}

/* Custom CSS Mobile */
@media (max-width: 549px) {
  .wpcf7-form input[type="date"] {
    width: calc(100vw - 30px) !important;
  }

  .wpcf7-form label {
    font-size: 14px;
  }
}

.label-new.menu-item>a:after {
  content: "Mới";
}

.label-hot.menu-item>a:after {
  content: "Thịnh hành";
}

.label-sale.menu-item>a:after {
  content: "Giảm giá";
}

.label-popular.menu-item>a:after {
  content: "Phổ biến";
}

#header .nav-size-medium>li>a {
  font-size: 14px;
}

.post {
  margin-bottom: 0;
}

.col-service:nth-of-type(1) .box-icon-service {
  background-color: #0642c5;
}

.col-service:nth-of-type(2) .box-icon-service {
  background-color: #0e3da2;
}

.col-service:nth-of-type(3) .box-icon-service {
  background-color: #021a4f;
}

.wpcf7-form .flex-row {
  gap: 0 15px;
}

.wpcf7-form .flex-col {
  flex: 1;
  margin-bottom: 15px;
}

.wpcf7-form-control-wrap {
  position: relative;
}

.wpcf7-form .flex-col select,
.wpcf7-form .flex-col input {
  margin-bottom: 0;
}

.wpcf7-form textarea,
.wpcf7-form select,
.wpcf7-form input:not([type=submit]) {
  padding: 0 20px;
  height: 57px;
  line-height: 2.4em;
  background-color: #f2f2f2;
  border-color: #000000;
  width: 100%;
}

.form-lien-he .wpcf7-form input[type=text],
.form-lien-he .wpcf7-form input[type=email] {
  background-color: #f2f2f2;
  border-color: #000000;
}



#masthead .nav-line-bottom>li>a:before {
  background-color: var(--fs-color-secondary) !important;
}

.off-canvas-left.dark .mfp-content,
.off-canvas-right.dark .mfp-content {
  background-color: var(--fs-color-primary);
}

.off-canvas:not(.off-canvas-center) .nav-vertical li>a,
.off-canvas .nav-vertical>li>a {
  font-size: 14px;
  padding: 15px 20px;
}

@media (max-width: 480px) {
  .wpcf7-form .flex-row {
    flex-wrap: wrap;
  }

  .wpcf7-form .flex-col {
    width: 100%;
    flex-basis: 100%;
  }
}

#footer p {
  color: none;
}

footer.entry-meta {
  display: none;
}

.bg-top {
  background-position: center;
}

#text-2003270506 {
  font-size: 1.75rem;
  text-align: center;
}

@media (min-width:550px) {
  #text-2003270506 {
    font-size: 1.45rem;
  }
}

#gap-1634571298 {
  padding-top: 40px;
}

#col-1290980861>.col-inner {
  padding: 0px 15px 0px 15px;
}

#col-9830986>.col-inner {
  padding: 0px 15px 0px 15px;
}

#image_875535816 {
  width: 100%;
}

#col-1229767672>.col-inner {
  padding: 0px 15px 0px 15px;
}

#section_1441080707 {
  padding-top: 30px;
  padding-bottom: 30px;
}

#section_1441080707 .section-bg-overlay {
  background-color: #021b50;
}

#col-1427679021>.col-inner {
  padding: 0px 15px 0px 15px;
}

#col-1748587261>.col-inner {
  padding: 0px 15px 0px 15px;
}

#section_617386026 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #021b50;
}


#text-3804938773 {
  font-size: 1.1rem;
  line-height: 1.6;
}

@media (min-width:550px) {
  #text-3804938773 {
    font-size: 1.75rem;
  }
}



#text-box-501083371 {
  margin: 0px 0px 0px 50px;
  width: 70%;
}

#text-box-501083371 .text-box-content {
  font-size: 100%;
}

@media (min-width:550px) {
  #text-box-501083371 {
    width: 70%;
  }
}

@media (min-width:850px) {
  #text-box-501083371 {
    width: 60%;
  }
}



#banner-1513306115 {
  padding-top: 100%;
  background-color: rgba(255, 255, 255, 0);
}




#section_1145459464 {
  padding-top: 40px;
  padding-bottom: 40px;
/*  min-height: 700px;*/
}

#section_1145459464 .section-bg-overlay {
  background-color: rgba(0, 0, 0, 0.256);
}

#section_1145459464 .section-bg.bg-loaded {

}

#section_1145459464 .section-bg {
  background-position: 50% 0%;
}