@charset "UTF-8";
body {
  min-height: 100vh;
  position: relative;
  font-size: 16px;
  --bs-link-color:#333;
  --bs-link-hover-color:#0A58CA;
  --btn-bg:#0d6efd;
  --btn-cl:#ffffff;
  --btn-hv-bg:#fd7e14;
  --btn-hv-cl:#ffffff;
  --bs-color-3:#f8f8f8;
  --bs-color-4:#888888;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.body-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 500;
  display: none;
}

.transition, .m-m-w {
  transition: all 0.45s ease-out;
}

.fixed-full,
.abs__full,
.m-m-w .m-m-panel,
.m-m-w .m-m-panels {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.abs__full, .m-m-w .m-m-panel, .m-m-w .m-m-panels {
  position: absolute;
}

.fixed-full {
  position: fixed;
}

.abs__bottom, .m-m-w .mobile-menu-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.abs__bottom__100 {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
}

.abs__top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.abs__top__100 {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.abs__center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.abs__mid {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.alpha-0, .m-m-w .panel-hidden, .m-m-w .ytframework-sub-opened {
  opacity: 0;
  visibility: hidden;
}

.alpha-1 {
  opacity: 1;
  visibility: visible;
}

.abs__left, .m-m-w .mobile-menu-footer li:not(:first-child)::before, .m-m-w .m-m-pre-action {
  position: absolute;
  left: 0;
}

.abs__left__100 {
  position: absolute;
  left: 100%;
}

.abs__right, .m-m-w .m-m-nex-action, .m-m-w .m-m-actions .js-close {
  position: absolute;
  right: 0;
}

.abs__right__100 {
  position: absolute;
  right: 100%;
}

.plyr__video-embed.video-embed {
  position: relative;
}

.entry__content .alignfull,
.post-item.post-single .alignfull,
.entry__content .alignwide,
.post-item.post-single .alignwide {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  max-width: 100vw;
}

@media only screen and (min-width: 960px) {
  .entry__content .alignwide,
  .post-item.post-single .alignwide {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
  }
}
@media (min-width: 992px) {
  .left-sidebar .main-content.col-md-8 .entry__content .alignfull,
  .left-sidebar .main-content.col-md-8 .post-item.post-single .alignfull {
    margin-left: calc(-50vw + 50% - 162px);
    margin-right: calc(-50vw + 50% - 162px);
  }
  .right-sidebar .main-content.col-md-8 .entry__content .alignfull,
  .right-sidebar .main-content.col-md-8 .post-item.post-single .alignfull {
    margin-left: calc(-50vw + 50% - 162px);
    margin-right: calc(-50vw + 50% - 162px);
  }
}
.m-m-w {
  position: fixed;
  top: 0;
  left: -400px;
  width: 290px;
  height: 100%;
  background-color: #fff;
  z-index: 1001;
  overflow-x: hidden;
  max-width: 100%;
  box-shadow: 3px 2px 11px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 3px 2px 11px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 3px 2px 11px 0px rgba(0, 0, 0, 0.75);
}
.m-m-w .m-m-actions {
  height: auto;
}
.m-m-w .m-m-actions .top {
  padding: 15px;
  position: relative;
  z-index: 5;
}
.m-m-w .panel-hidden {
  display: none !important;
}
.m-m-w .m-m-panel > ul > li {
  padding-left: 15px;
  padding-right: 15px;
}
.m-m-w .m-m-panel > ul > li:first-child {
  border-top: 1px solid var(--border-color);
}
.m-m-w .m-m-panels {
  margin-top: 0;
}
.m-m-w .m-m-actions .js-close::after {
  content: "\f00d";
}
.m-m-w .m-m-actions .m-m-pre-action {
  border-right: none;
  top: 8px;
}
.m-m-w .m-m-actions .js-close,
.m-m-w .m-m-pre-action .icon,
.m-m-w .m-m-nex-action .icon {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-style: normal;
}
.m-m-w .m-m-nex-action .icon::after {
  content: "\f105";
}
.m-m-w .m-m-pre-action .icon::after {
  content: "\f104";
}
.m-m-w .m-m-actions .js-close,
.m-m-w .m-m-actions .m-m-pre-action {
  width: 36px;
  height: 36px;
  z-index: 10;
  text-align: center;
  line-height: 36px;
  top: 0;
}
.m-m-w .m-m-nex-action {
  height: 100%;
  width: 36px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-m-w .m-m-actions {
  border-bottom: 1px solid var(--border-color);
  height: 36px;
  position: relative;
}
.m-m-w .m-m-actions .js-close::after {
  content: "\f00d";
}
.m-m-w .m-m-pre-action {
  border-right: 1px solid var(--border-color);
}
.m-m-w .m-m-actions .js-close {
  border-left: 1px solid var(--border-color);
}
.m-m-w .cpanel-title {
  display: block;
  text-align: left;
  line-height: 36px;
  padding: 0 36px 0 15px;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #f4f4f4;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.m-m-w .m-m-pre-action + .cpanel-title {
  padding-left: 36px;
}
.m-m-w .m-m-panel > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.m-m-w .m-m-panel li {
  position: relative;
}
.m-m-w .m-m-panel > ul > li {
  padding: 8px 15px;
  border-bottom: 1px solid #e8e8e8;
}
.m-m-w .m-m-panel > ul > li.fixed-home {
  padding: 0;
}
.m-m-w .m-m-panel > ul > li.fixed-home a {
  padding: 0 20px;
  color: #fff;
}
.m-m-w .m-m-panel > ul > li.fixed-home a:hover {
  color: #fff;
}
.m-m-w .toggle-submenu {
  display: none !important;
}
.m-m-w .m-m-panels {
  background: inherit;
  border-color: inherit;
  margin-top: 40px;
  z-index: 0;
  box-sizing: border-box;
}
.m-m-w .m-m-panel {
  border-color: #fff;
  box-sizing: border-box;
  display: block;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  transform: translateX(100%);
  z-index: 0;
  transition: all 0.3s ease-out;
}
.m-m-w .main-panel,
.m-m-w .m-m-panel.m-m-panel-opened {
  transform: translateX(0);
  z-index: 10;
}
.m-m-w .ytframework-sub-opened {
  z-index: 1;
}
.m-m-w .panel-hidden {
  display: block !important;
}
.m-m-w .menu-txt {
  position: relative;
}
.m-m-w .menu-txt.hot:before,
.m-m-w .menu-txt.new:before,
.m-m-w .menu-txt.vip:before {
  content: attr(data-label);
  background-color: #0A246A;
  color: #fff;
  position: absolute;
  top: -5px;
  right: -32px;
  font-size: 10px;
  line-height: 14px;
  padding: 0 5px;
  z-index: 5;
  font-style: italic;
  display: block;
}
.m-m-w .menu-item-clone:hover {
  background-color: transparent !important;
}
.m-m-w .m-m-hea__yaht-001 {
  height: 88px;
  display: flex;
  padding: 20px;
  align-items: center;
  background-color: var(--primary);
  color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
}
.m-m-w .m-m-hea__yaht-001 a {
  color: inherit;
}
.m-m-w .m-m-hea__yaht-001 .name {
  display: block;
  font-weight: bold;
  line-height: 1;
}
.m-m-w .m-m-hea__yaht-001 .avatar {
  flex: 0 0 48px;
}
.m-m-w .m-m-hea__yaht-001 .avatar img {
  border-radius: 50%;
}
.m-m-w.m-m__yaht-001 .m-m-panels {
  margin-top: 138px;
}
.m-m-w .mobile-menu-footer {
  font-size: 13px;
  padding-bottom: 10px;
  padding-top: 10px;
  background-color: #f4f4f4;
}
.m-m-w .mobile-menu-footer .urls {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
}
.m-m-w .mobile-menu-footer li {
  display: inline-block;
  position: relative;
}
.m-m-w .mobile-menu-footer li:not(:first-child)::before {
  width: 1px;
  height: 12px;
  background-color: #ccc;
  content: "";
  top: 5px;
}
.m-m-w .mobile-menu-footer-text {
  font-weight: bold;
}
.m-m-w .mobile-menu-footer-text + .urls {
  margin-top: 5px;
}
.m-m-w.mmf-is-text-is-urls .m-m-panels {
  margin-bottom: 70px;
}
.m-m-w.mmf-is-urls .m-m-panels, .m-m-w.mmf-is-text .m-m-panels {
  margin-bottom: 40px;
}

.mm-opened .m-m-w,
.m-m-w.open,
.opened-menu .m-m-w {
  left: 0;
}

.page-link:focus {
  box-shadow: none;
}

.menu-wrap {
  background-color: var(--bs-primary);
  color: #fff;
}

#card--login {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}

.btn:not(.processing) .spinner-border {
  display: none;
}
.btn.processing > i.far {
  display: none;
}
.btn.js-recaptcha {
  padding: 4px 15px;
}
.btn.js-recaptcha:focus {
  color: #fff;
}

.js-send--feedback {
  padding-top: 3px;
  padding-bottom: 3px;
}

.recaptcha-img {
  max-height: 31px;
}

#captcha-error {
  display: none !important;
}

.is-invalid {
  color: red;
}

a {
  text-decoration: none;
  color: var(--bs-link-color);
}
a:hover, a:active, a:focus {
  color: var(--bs-link-hover-color);
}

img {
  max-width: 100%;
}

.yaht--page--container {
  max-width: 100%;
  overflow: hidden;
  margin-top: 20px;
}

.header--menu {
  position: relative;
  z-index: 60;
}
.header--menu .menu--admin {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #fff;
  color: #fff;
  padding: 2px 15px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  transition: all 0.45s ease;
}
.header--menu .menu--admin:hover {
  background-color: #fff;
  color: var(--bs-primary);
}

.menu-search {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  color: #fff;
}
.menu-search:focus, .menu-search:hover, .menu-search:active {
  color: var(--bs-color-3);
}

.form-search {
  position: absolute;
  right: 0;
  top: 100%;
  width: 280px;
  background-color: var(--bs-primary);
  padding: 15px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.btn-search {
  background-color: rgba(86, 84, 46, 0.85);
  padding: 5px 10px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #fff;
}
.btn-search:hover {
  background-color: #56542e;
  color: #fff;
}

#search-keyword:focus {
  outline: none;
  box-shadow: none;
}

.main-breadcrumb {
  background-color: #f4f4f4;
  padding: 6px 0;
}
.main-breadcrumb .breadcrumb {
  margin-bottom: 0;
  padding-bottom: 0;
}

#data-pagination {
  margin-top: 30px;
}

.page-title {
  font-size: 18px;
  text-transform: uppercase;
  color: var(--bs-primary);
  margin-bottom: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--bs-primary);
  position: relative;
}
.page-title .js-open-block-search {
  font-size: var(--bs-body-font-size);
  position: absolute;
  text-transform: none;
  top: 50%;
  right: 0;
  margin-top: -12px;
}

#block-search {
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-style: solid;
  border-color: var(--bs-secondary);
  border-width: 0 1px 1px 1px;
  padding: 10px;
  position: relative;
}
#block-search::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--bs-secondary);
  opacity: 0.1;
  content: "";
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  z-index: -1;
}

.select2-sm i.far {
  margin-right: 5px;
  font-size: 10px;
}
.select2-sm .select2-selection__clear {
  font-size: 0;
  width: 15px !important;
  height: 15px !important;
  top: 8px;
  right: -14px;
  z-index: 1;
}
.select2-sm .select2-selection__clear::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f00d";
  position: absolute;
  top: 7px;
  left: 4px;
  font-size: 10px;
}
.select2-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
  margin-top: calc(0.375rem - 3px);
}
.select2-sm .select2-container--bootstrap4 .select2-selection--multiple {
  min-height: calc(1.5em + 0.75rem - 1px) !important;
  line-height: 20px;
}
.select2-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear {
  top: calc(50% - 7px);
  right: 5px;
}
.select2-sm .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
  line-height: calc(1.25em + 0.75rem);
}
.select2-sm .select2--use--prepend .select2-container--bootstrap4 {
  width: calc(100% - 44px) !important;
}
.select2-sm .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
  padding-left: 0.5rem;
}

.truncate {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.line-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp.to-2 {
  -webkit-line-clamp: 2;
}
.line-clamp.to-3 {
  -webkit-line-clamp: 3;
}
.line-clamp.to-4 {
  -webkit-line-clamp: 4;
}
.line-clamp.to-5 {
  -webkit-line-clamp: 5;
}
.line-clamp.to-6 {
  -webkit-line-clamp: 6;
}
.line-clamp.to-7 {
  -webkit-line-clamp: 7;
}
.line-clamp.to-8 {
  -webkit-line-clamp: 8;
}
.line-clamp.to-9 {
  -webkit-line-clamp: 9;
}

.block--banner--default a {
  display: block;
  position: relative;
}
.block--banner--default img {
  max-width: 100%;
}

.block--banner--002 .post-thumbnail {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.block--menu--default ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.block--menu--default .yaht--block--content {
  display: flex;
}
.block--menu--default .yaht--block--content > ul {
  display: flex;
}
.block--menu--default .yaht--block--content > ul > li {
  padding: 8px 0;
  position: relative;
}
.block--menu--default .yaht--block--content > ul > li.has-submenu {
  padding-right: 12px;
}
.block--menu--default .yaht--block--content > ul > li.has-submenu::after {
  content: "\f107";
}
.block--menu--default .yaht--block--content > ul > li:not(:first-child) {
  margin-left: 15px;
  padding-left: 15px;
}
.block--menu--default .yaht--block--content > ul > li:not(:first-child)::before {
  width: 1px;
  height: 14px;
  content: "";
  background-color: var(--bs-color-3);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7px;
}
.block--menu--default .yaht--block--content > ul > li > a {
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
}
.block--menu--default .has-submenu {
  position: relative;
}
.block--menu--default .has-submenu::after {
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 0;
  line-height: 10px;
  font-size: 13px;
}
.block--menu--default .has-submenu > ul {
  background-color: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.45s ease-out;
  width: 180px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.35);
}
.block--menu--default .has-submenu > ul > li {
  padding: 8px 15px;
}
.block--menu--default .has-submenu > ul > li:not(:first-child) {
  border-top: 1px solid #e8e8e8;
}
.block--menu--default .has-submenu:hover > .submenu {
  opacity: 1;
  visibility: visible;
}
.block--menu--default .has-submenu .has-submenu::after {
  content: "\f105";
  right: 15px;
  color: var(--bs-primary);
}
.block--menu--default .has-submenu .has-submenu > ul {
  top: 0;
  left: 100%;
}
@media (min-width: 1200px) {
  .block--menu--default .yaht--block--content > ul > .has-submenu > .submenu {
    transform: translateY(30px);
  }
  .block--menu--default .yaht--block--content > ul > .has-submenu:hover > .submenu {
    transform: translateY(0);
  }
  .block--menu--default .submenu .submenu {
    transform: translateX(30px);
  }
  .block--menu--default .submenu .has-submenu:hover > .submenu {
    transform: translateX(0);
  }
}

.post--list .post-item--0 .thumb img {
  width: 100%;
}
.post--list .post-item--0 .post-title {
  margin-top: 10px;
}
.post--list .post-item--n .inner.has-thumb {
  display: flex;
  width: 100%;
  align-items: center;
}
.post--list .post-item--n .inner.has-thumb .post-title {
  font-size: var(--bs-body-font-size);
}
.post--list .post-item--n .inner.has-thumb .thumb {
  flex: 0 0 30%;
  max-width: 30%;
}
.post--list .post-item--n .inner.has-thumb .info {
  padding-left: 20px;
}
.post--list .post-item--n img {
  width: 100%;
}
.post--list .post-item .post-title {
  font-weight: bold;
}
.post--list .post-item .public-time {
  color: #888;
  margin-top: 8px;
  font-size: 0.75rem;
}
.post--list .post-item .public-time i {
  margin-right: 6px;
}
.post--list .post-item .intro {
  color: #464545;
  margin-top: 15px;
}
.post--list .post-item:not(:first-child) {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e8e8e8;
}
@media (max-width: 575.98px) {
  .post--list .inner.has-thumb {
    flex-wrap: wrap;
  }
  .post--list .inner.has-thumb .info,
  .post--list .inner.has-thumb .thumb {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .post--list .inner.has-thumb .info {
    padding-left: 0;
    margin-top: 10px;
  }
}

.main--detail .metas {
  margin-top: 10px;
}
.main--detail #intro {
  margin-top: 20px;
  border-left: 2px solid var(--bs-primary);
  padding-left: 20px;
  color: #888;
}
.main--detail #detail {
  margin-top: 20px;
}

.yaht--block--content .no-content {
  padding: 10px 15px;
}

.owl-carousel button.owl-dot {
  width: 10px;
  height: 10px;
  background-color: #888;
  border-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
  transition: all 0.45s ease-out;
}
.owl-carousel button.owl-dot.active {
  width: 30px;
  background-color: var(--bs-primary);
}

.thumb {
  position: relative;
}
.thumb .admin-edit {
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -16px;
  margin-left: -16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #0a58ca;
  text-align: center;
  color: #fff;
  line-height: 32px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.45s ease-out;
}
.thumb:hover .admin-edit {
  opacity: 1;
  transform: scale(1);
}

.post .thumb {
  overflow: hidden;
}

#detail {
  max-width: 100%;
  overflow: auto;
}
#detail p {
  margin-bottom: 0;
}

.page-main-content {
  background-color: #fff;
  padding: 15px;
  border-radius: 4px;
  box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 10px;
}

.block--banner--003 .yaht--block--content--inner {
  display: flex;
  align-items: center;
}
.block--banner--003 .yaht--block--content--inner p {
  margin-bottom: 0;
}

/*===================================================================*/
.post-thumbnail img {
  max-width: 100%;
}

.block--post-custom--slider .owl-dot {
  color: #888;
  transition: color 0.45s ease-out;
}
.block--post-custom--slider .owl-dot span {
  display: block;
  margin-top: 10px;
}
.block--post-custom--slider .owl-dot .post-thumbnail-wrap {
  position: relative;
}
.block--post-custom--slider .owl-dot .post-thumbnail-wrap::after {
  background-color: rgba(255, 255, 255, 0.45);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  opacity: 1;
  transition: all 0.45s ease-out;
}
.block--post-custom--slider .current .owl-dot {
  color: var(--bs-body-color);
}
.block--post-custom--slider .current .owl-dot .post-thumbnail-wrap::after {
  opacity: 0;
}
.block--post-custom--slider .owl-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  width: 48px;
  height: 48px;
  transform: translateY(-50%);
  background-color: var(--bs-secondary);
  font-size: 16px;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.45s ease-out;
}
.block--post-custom--slider .owl-carousel .owl-nav button::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}
.block--post-custom--slider .owl-carousel .owl-nav button span {
  display: none;
}
.block--post-custom--slider .owl-carousel .owl-nav button.owl-prev {
  left: 0;
}
.block--post-custom--slider .owl-carousel .owl-nav button.owl-prev::before {
  content: "\f104";
}
.block--post-custom--slider .owl-carousel .owl-nav button.owl-next {
  right: 0;
}
.block--post-custom--slider .owl-carousel .owl-nav button.owl-next::before {
  content: "\f105";
}
.block--post-custom--slider .owl-carousel .owl-nav button:hover {
  background-color: var(--bs-primary);
}
.block--post-custom--slider .owl-carousel:hover .owl-nav button {
  opacity: 1;
  visibility: visible;
}
.block--post-custom--slider .block--post--dots {
  margin-top: 10px;
}
.block--post-custom--slider .post .info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.45);
  padding: 15px;
}
.block--post-custom--slider .post .info .post-title {
  font-size: 16px;
}
.block--post-custom--slider .post .info a {
  color: #fff;
}

#header--lboputqc .go-to-home-page {
  color: #fff;
  font-size: 18px;
}

.position.qlaegbmc #timer {
  flex: 0 0 280px;
}
.position.qlaegbmc span {
  line-height: 30px;
}

#post-related {
  padding-left: 15px;
}
#post-related li:not(:first-child) {
  margin-top: 8px;
}

.js-mm-toggle {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 48px;
  height: 48px;
  z-index: 2;
}
.js-mm-toggle::before {
  width: 52px;
  height: 52px;
  background-color: orangered;
  opacity: 0.6;
  -webkit-border-top-right-radius: 52px;
  -moz-border-radius-topright: 52px;
  border-top-right-radius: 52px;
  position: fixed;
  bottom: 0;
  left: 0;
  content: "";
  z-index: 1;
}
.js-mm-toggle::after {
  width: 48px;
  height: 48px;
  background-color: var(--bs-primary);
  -webkit-border-top-right-radius: 48px;
  -moz-border-radius-topright: 48px;
  border-top-right-radius: 48px;
  position: fixed;
  bottom: 0;
  left: 0;
  content: "";
  z-index: 2;
}
.js-mm-toggle i {
  position: absolute;
  top: 18px;
  left: 8px;
  font-size: 20px;
  color: #fff;
  z-index: 5;
}

#home--component .hook--left {
  flex: 1;
  max-width: calc(100% - 280px);
}
#home--component .hook--right {
  flex: 0 0 280px;
  max-width: 280px;
  padding-left: 20px;
}

/*@todo header [vị trí 3]*/
.block--post--related .block-title {
  font-size: 16px;
  text-transform: uppercase;
  color: var(--bs-primary);
}

.qlaegbmc {
  background-color: #e9ecef;
}

.block-title h4 {
  margin-bottom: 0;
  font-size: inherit;
}

.block-title {
  background-color: var(--bs-primary);
  color: #fff;
  border-top: 1px solid #F4F4F4;
  font-size: 16px;
  text-transform: uppercase;
  padding: 8px 15px;
}
.block-title a {
  color: inherit;
}

.block--post-slider--005 .owl-dots {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
.block--post-slider--005 .post-title {
  font-size: 1.2em;
}
.block--post-slider--005 .post .info {
  margin-top: 10px;
}
.block--post-slider--005 .owl-carousel .owl-nav {
  position: absolute;
  top: -30px;
  right: 0;
}
.block--post-slider--005 .owl-carousel .owl-nav .owl-prev,
.block--post-slider--005 .owl-carousel .owl-nav .owl-next {
  width: 20px;
  height: 20px;
  border: 1px solid var(--bs-primary);
  color: #888;
  font-size: 0;
  margin-left: 5px;
  transition: all 0.45s ease-out;
}
.block--post-slider--005 .owl-carousel .owl-nav .owl-prev:before,
.block--post-slider--005 .owl-carousel .owl-nav .owl-next:before {
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  line-height: 20px;
}
.block--post-slider--005 .owl-carousel .owl-nav .owl-prev:hover,
.block--post-slider--005 .owl-carousel .owl-nav .owl-next:hover {
  background-color: var(--bs-primary);
  color: #fff;
}
.block--post-slider--005 .owl-carousel .owl-nav .owl-next:before {
  content: "\f105";
}
.block--post-slider--005 .owl-carousel .owl-nav .owl-prev:before {
  content: "\f104";
}
.block--post-slider--005 .block-title {
  background-color: transparent;
  border: none;
  padding: 0;
}
.block--post-slider--005 .block-title span {
  display: inline-block;
  background-color: var(--bs-primary);
  padding: 8px 15px 8px 25px;
  border-radius: 30px;
  position: relative;
}
.block--post-slider--005 .block-title span:before {
  width: 10px;
  height: 10px;
  background-color: #00a87d;
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  transform: translateY(-50%);
}
.block--post-slider--005 .owl-dots {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
.block--post-slider--005 .thumb {
  border: 1px solid #e8e8e8;
  padding: 1px;
  border-radius: 4px;
}
.block--post-slider--005 .thumb img {
  border-radius: 4px;
}
.block--post-slider--005 .post-title {
  font-size: 1.2em;
  margin-bottom: 6px;
  margin-top: 10px;
}
.block--post-slider--005 .public-time {
  font-size: 0.75rem;
  color: #888;
}
.block--post-slider--005 .intro {
  margin-top: 10px;
  color: #888;
}

.block--post-slider--006 .post {
  display: flex;
}
.block--post-slider--006 .post .thumb {
  flex: 0 0 220px;
  max-width: 220px;
}
.block--post-slider--006 .post .thumb img {
  width: 100%;
}
.block--post-slider--006 .post .info {
  flex: 1 1 auto;
  padding-left: 20px;
}

.block--post-custom--list4 .yaht--block--content--item,
.block--hoc-lieu-dien-tu-custom--list .yaht--block--content--item,
.block--van-ban-custom--list .yaht--block--content--item {
  border: 1px solid #e8e8e8;
  padding: 10px 15px;
  margin-bottom: -1px;
}
.block--post-custom--list4 .yaht--block--content--item:hover,
.block--hoc-lieu-dien-tu-custom--list .yaht--block--content--item:hover,
.block--van-ban-custom--list .yaht--block--content--item:hover {
  background-color: #f4f4f4;
}
.block--post-custom--list4 .public-time,
.block--hoc-lieu-dien-tu-custom--list .public-time,
.block--van-ban-custom--list .public-time {
  color: #888;
  margin-top: 6px;
  font-size: 0.75rem;
}

.block--post-custom--list5 .yaht--block--content--items {
  border: 1px solid #e8e8e8;
}
.block--post-custom--list5 .yaht--block--content--item:not(:first-child) {
  border-top: 1px solid #e8e8e8;
  padding: 10px;
}
.block--post-custom--list5 .post {
  padding: 10px;
}
.block--post-custom--list5 .post .thumb {
  border: 1px solid #e8e8e8;
  padding: 1px;
  border-radius: 4px;
}
.block--post-custom--list5 .post img {
  border-radius: 4px;
}
.block--post-custom--list5 .post .post-title {
  margin-top: 10px;
}

#main-header {
  position: relative;
  z-index: 99;
}

.block--post-custom--list3,
.block--post-custom--list2,
.block--post-custom--list {
  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.15);
}
.block--post-custom--list3 .yaht--block--content--items,
.block--post-custom--list2 .yaht--block--content--items,
.block--post-custom--list .yaht--block--content--items {
  padding: 15px;
}
.block--post-custom--list3 .yaht--block--content--item:not(:first-child),
.block--post-custom--list2 .yaht--block--content--item:not(:first-child),
.block--post-custom--list .yaht--block--content--item:not(:first-child) {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #e8e8e8;
}
.block--post-custom--list3 .no-content,
.block--post-custom--list2 .no-content,
.block--post-custom--list .no-content {
  padding: 0;
}
.block--post-custom--list3 .public-time,
.block--post-custom--list2 .public-time,
.block--post-custom--list .public-time {
  font-size: 0.75rem;
  color: #888;
}
.block--post-custom--list3 .post-thumbnail,
.block--post-custom--list2 .post-thumbnail,
.block--post-custom--list .post-thumbnail {
  border-radius: 4px;
}

.block--post-custom--list .post-item-first .post {
  display: flex;
}
.block--post-custom--list .post-item-first .thumb {
  flex: 0 0 160px;
  max-width: 160px;
}
.block--post-custom--list .post-item-first .thumb img {
  width: 100%;
}
.block--post-custom--list .post-item-first .info {
  flex: 1 1 auto;
  padding-left: 15px;
}

.block--post-custom--list3 .post {
  display: flex;
}
.block--post-custom--list3 .thumb {
  flex: 0 0 100px;
  max-width: 100px;
}
.block--post-custom--list3 .thumb img {
  width: 100%;
}
.block--post-custom--list3 .info {
  flex: 1 1 auto;
  padding-left: 15px;
}

.block--galleries-slider--default .block-title,
.block--hoc-lieu-dien-tu--default .block-title,
.block--van-ban--005 .block-title,
.block--post--005 .block-title {
  display: flex;
  justify-content: space-between;
}
.block--galleries-slider--default .public-time,
.block--hoc-lieu-dien-tu--default .public-time,
.block--van-ban--005 .public-time,
.block--post--005 .public-time {
  color: #888;
  margin-top: 6px;
}
.block--galleries-slider--default .menus,
.block--hoc-lieu-dien-tu--default .menus,
.block--van-ban--005 .menus,
.block--post--005 .menus {
  margin-bottom: 0;
  text-transform: none;
  display: flex;
  font-size: 0.85rem;
  padding-left: 10px;
  padding-right: 10px;
}
.block--galleries-slider--default .menus li:not(:first-child),
.block--hoc-lieu-dien-tu--default .menus li:not(:first-child),
.block--van-ban--005 .menus li:not(:first-child),
.block--post--005 .menus li:not(:first-child) {
  position: relative;
  padding-left: 20px;
}
.block--galleries-slider--default .menus li:not(:first-child)::before,
.block--hoc-lieu-dien-tu--default .menus li:not(:first-child)::before,
.block--van-ban--005 .menus li:not(:first-child)::before,
.block--post--005 .menus li:not(:first-child)::before {
  width: 1px;
  height: 12px;
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -6px;
  background-color: var(--bs-primary);
}
.block--galleries-slider--default .ex-menus,
.block--hoc-lieu-dien-tu--default .ex-menus,
.block--van-ban--005 .ex-menus,
.block--post--005 .ex-menus {
  position: relative;
}
.block--galleries-slider--default .js-toggle-ex_menus,
.block--hoc-lieu-dien-tu--default .js-toggle-ex_menus,
.block--van-ban--005 .js-toggle-ex_menus,
.block--post--005 .js-toggle-ex_menus {
  display: none;
}
@media (max-width: 575.98px) {
  .block--galleries-slider--default .js-toggle-ex_menus,
  .block--hoc-lieu-dien-tu--default .js-toggle-ex_menus,
  .block--van-ban--005 .js-toggle-ex_menus,
  .block--post--005 .js-toggle-ex_menus {
    display: inline-block;
    margin-right: 15px;
  }
  .block--galleries-slider--default .menus,
  .block--hoc-lieu-dien-tu--default .menus,
  .block--van-ban--005 .menus,
  .block--post--005 .menus {
    position: absolute;
    right: 0;
    width: 200px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    transition: all 0.45s ease-out;
    display: block;
    padding: 8px 10px;
  }
  .block--galleries-slider--default .menus li,
  .block--hoc-lieu-dien-tu--default .menus li,
  .block--van-ban--005 .menus li,
  .block--post--005 .menus li {
    display: block;
    padding: 6px 0 !important;
  }
  .block--galleries-slider--default .menus li::before,
  .block--hoc-lieu-dien-tu--default .menus li::before,
  .block--van-ban--005 .menus li::before,
  .block--post--005 .menus li::before {
    display: none;
  }
  .block--galleries-slider--default .show-menu .menus,
  .block--hoc-lieu-dien-tu--default .show-menu .menus,
  .block--van-ban--005 .show-menu .menus,
  .block--post--005 .show-menu .menus {
    opacity: 1;
    visibility: visible;
  }
}

.block--post--005 .item-top {
  margin-top: 20px;
}
.block--post--005 .item-top .post-title {
  font-size: 1rem;
}
.block--post--005 .item-top .post {
  display: flex;
}
.block--post--005 .item-top .post .thumb {
  flex: 0 0 280px;
  max-width: 280px;
}
.block--post--005 .item-top .post .info {
  flex: 1;
  padding-left: 20px;
}
.block--post--005 .row .post-title {
  font-size: 1rem;
  margin-top: 10px;
}
@media (max-width: 575.98px) {
  .block--post--005 .item-top {
    margin-bottom: 20px;
  }
  .block--post--005 .item-top .post {
    flex-wrap: wrap;
  }
  .block--post--005 .item-top .post .info,
  .block--post--005 .item-top .post .thumb {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .block--post--005 .item-top .post .info {
    padding-left: 0;
    margin-top: 10px;
  }
}

.block--post--007 .yaht--block--content {
  border: 1px solid #e8e8e8;
  padding: 15px;
}
.block--post--007 .post {
  display: flex;
}
.block--post--007 .thumb {
  flex: 0 0 120px;
  max-width: 120px;
}
.block--post--007 .info {
  padding-left: 15px;
}
.block--post--007 .post-title {
  font-weight: bold;
}
.block--post--007 .public-time {
  color: #888;
  margin-top: 6px;
}

.block--term-post--default .yaht--block--content {
  border: 1px solid #e8e8e8;
}
.block--term-post--default ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.block--term-post--default li {
  padding: 10px 15px;
}
.block--term-post--default li:not(:first-child) {
  border-top: 1px solid #e8e8e8;
}
.block--term-post--default .menu-item--more {
  background-color: #aad8ff;
}
.block--term-post--default .item-hidden {
  display: none;
}

.block--van-ban--005 .block-title {
  margin-bottom: 20px;
}
.block--van-ban--005 .post {
  border: 1px solid #e8e8e8;
  padding: 10px;
  height: 100%;
  transition: background-color 0.45s ease-out;
}
.block--van-ban--005 .post:hover {
  background-color: #f4f4f4;
}
.block--van-ban--005 .post-title {
  font-size: 1rem;
}

.display-with-tabs .hook-header {
  border-top: 1px solid #F4F4F4;
  background: linear-gradient(0deg, rgba(13, 110, 253, 0.25) 0%, rgba(244, 244, 244, 0.85) 100%);
  padding-left: 10px;
  padding-right: 10px;
}
.display-with-tabs .hook-header .block-title {
  color: var(--bs-primary);
  font-size: 16px;
  text-transform: uppercase;
  padding-top: 10px;
}
.display-with-tabs .nav-tabs {
  font-weight: bold;
}
.display-with-tabs .yaht--block--content {
  padding: 10px 10px 0 10px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #e8e8e8;
  overflow: hidden;
}
.display-with-tabs .yaht--block--content--items {
  margin-bottom: -1px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .display-with-tabs .hook-header {
    position: relative;
    display: block;
    padding-bottom: 6px;
  }
  .display-with-tabs .hook-header.show-tab .nav-tabs {
    opacity: 1;
    visibility: visible;
  }
  .display-with-tabs .nav-tabs {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.75);
    display: block;
    transition: all 0.45s ease-out;
  }
  .display-with-tabs .nav-tabs .nav-item {
    display: block;
  }
  .display-with-tabs .nav-tabs .nav-link {
    display: block;
    border: none;
    width: 100%;
    text-align: left;
    border-radius: 0;
  }
  .display-with-tabs .nav-tabs .nav-link.active {
    background-color: var(--bs-primary);
    color: #fff;
  }
}

.block--hoc-lieu-dien-tu--default .post,
.block--post--006 .post,
.block--van-ban--006 .post {
  height: 100%;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 10px;
}
.block--hoc-lieu-dien-tu--default .post-title,
.block--post--006 .post-title,
.block--van-ban--006 .post-title {
  font-size: 1rem;
}
.block--hoc-lieu-dien-tu--default .public-time,
.block--post--006 .public-time,
.block--van-ban--006 .public-time {
  color: #888;
  margin-top: 6px;
}
.block--hoc-lieu-dien-tu--default .yaht--block--content--item,
.block--post--006 .yaht--block--content--item,
.block--van-ban--006 .yaht--block--content--item {
  margin-bottom: -1px;
}

.block--lich-cong-tac--005 .yaht--block--content--item {
  border: 1px solid #e8e8e8;
  padding: 10px;
  margin-bottom: -1px;
  font-weight: bold;
  transition: background-color 0.45s ease-out;
}
.block--lich-cong-tac--005 .yaht--block--content--item:hover {
  background-color: #f4f4f4;
}

.fb_iframe_widget {
  display: block;
  width: 100%;
}
.fb_iframe_widget iframe, .fb_iframe_widget > span {
  display: block !important;
  width: 100% !important;
}

#footer--component {
  margin-top: 30px;
  border-top: 2px solid var(--bs-primary);
  padding-top: 20px;
  padding-bottom: 20px;
}

.van-ban--list--component .document-item {
  border: 1px solid #e8e8e8;
  padding: 15px 10px;
  transition: background-color 0.45s ease-out;
}
.van-ban--list--component .document-item:not(:first-child) {
  margin-top: -1px;
}
.van-ban--list--component .document-item:nth-child(odd) {
  background-color: #f4f4f4;
}
.van-ban--list--component .document-item:hover {
  background-color: #e8e8e8;
}
.van-ban--list--component .document-item .post-title {
  font-size: var(--bs-body-font-size);
}
.van-ban--list--component .document-item .post-meta {
  display: flex;
}
.van-ban--list--component .document-item .post-meta label {
  color: #888;
}
.van-ban--list--component .document-item .post-meta .js-download:not(:hover) {
  color: var(--bs-primary);
}

.block--menu--002 ul,
.block--menu--vertical ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.block--menu--002 .has-submenu,
.block--menu--vertical .has-submenu {
  position: relative;
}
.block--menu--002 .has-submenu::after,
.block--menu--vertical .has-submenu::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f105";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.block--menu--002 .has-submenu:hover > .submenu,
.block--menu--vertical .has-submenu:hover > .submenu {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.block--menu--002 .yaht--block--content--inner,
.block--menu--vertical .yaht--block--content--inner {
  border: 1px solid #e8e8e8;
}
.block--menu--002 li > a,
.block--menu--vertical li > a {
  padding: 8px 10px;
  display: block;
}
.block--menu--002 li:not(:first-child),
.block--menu--vertical li:not(:first-child) {
  border-top: 1px solid #e8e8e8;
}
.block--menu--002 .submenu,
.block--menu--vertical .submenu {
  position: absolute;
  top: 0;
  left: 100%;
  -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.75);
  width: 290px;
  background-color: #fff;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transform: translateX(20px);
  transition: all 0.45s ease-out;
}

.block--menu--002 .submenu {
  left: auto;
  right: 100%;
  transform: translateX(-20px);
}

.block--hoc-lieu-dien-tu--default .intro {
  color: #888;
}
.block--hoc-lieu-dien-tu--default .intro p:last-child {
  margin-bottom: 0;
}

.block--slider--default {
  position: relative;
}
.block--slider--default .owl-nav button {
  width: 60px;
  height: 60px;
}

.block--contact--default .yaht--block--content,
.block--gop-y--default .yaht--block--content {
  border: 1px solid #e8e8e8;
  padding: 15px;
}
.block--contact--default .js-recaptcha,
.block--gop-y--default .js-recaptcha {
  background-color: var(--bs-primary);
  color: #fff;
  opacity: 0.65;
}
.block--contact--default .js-recaptcha:hover,
.block--gop-y--default .js-recaptcha:hover {
  opacity: 1;
}
.block--contact--default .btn-send,
.block--gop-y--default .btn-send {
  border: 1px solid var(--bs-primary);
}
.block--contact--default .btn-send:hover,
.block--gop-y--default .btn-send:hover {
  background-color: var(--bs-primary);
  color: #fff;
}

.block--galleries--default .post,
.block--galleries-slider--default .post {
  position: relative;
}
.block--galleries--default .post-title,
.block--galleries-slider--default .post-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.35);
  font-size: 1rem;
  padding: 10px;
  margin-bottom: 0;
}
.block--galleries--default .post-title a,
.block--galleries-slider--default .post-title a {
  color: #fff;
}

/* fluid 5 columns */
.gallery--grid {
  margin-top: 10px;
  margin-left: -5px;
  margin-right: -5px;
  /*.grid-item--width2 { width:  40%; }
  .grid-item--width3 { width:  60%; }

  .grid-item--height2 { height: 200px; }
  .grid-item--height3 { height: 260px; }
  .grid-item--height4 { height: 360px; }*/
}
.gallery--grid:after {
  content: "";
  display: block;
  clear: both;
}
.gallery--grid .grid-sizer,
.gallery--grid .grid-item {
  width: 25%;
}
.gallery--grid .grid-item {
  float: left;
  padding: 5px;
}
.gallery--grid .post:hover img {
  transform: scale(1.2);
}
.gallery--grid .thumb {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  padding: 1px;
  overflow: hidden;
  display: block;
}
.gallery--grid .post-title {
  font-size: var(--bs-body-font-size);
  margin-top: 10px;
}
.gallery--grid img {
  border-radius: 5px;
  transition: all 0.45s ease-out;
}

#home--pkkxukml,
#home--ajmemboz {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#home--pkkxukml > div,
#home--ajmemboz > div {
  flex: 1 1 100%;
  max-width: 100%;
}

@media (min-width: 1200px) {
  .container-fluid {
    padding-right: calc(46px + var(--bs-gutter-x) * 0.5);
    padding-left: calc(46px + var(--bs-gutter-x) * 0.5);
  }
  .js-mm-toggle {
    display: none;
  }
}
@media (max-width: 1199px) {
  .js-open-block-search span,
  .js-open-form-search {
    display: none;
  }
  #data-pagination .page-item--last,
  #data-pagination .page-item--first {
    display: none;
  }
}

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