@font-face {
  font-family: "SVN-Megante";
  src: url("fonts/SVN-Megante.woff2") format("woff2"),
       url("fonts/SVN-Megante.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

h1,
h2,
h3,
.section-title.section-title-center {
  font-family: "SVN-Megante";
}

.section-title span {
    font-family: "SVN-Megante";
  text-transform: capitalize !important;
}
.section-title.section-title-center {
  text-transform: capitalize !important;
}

body.home ol.flickity-page-dots {
    bottom: 10px;
}

.rounded img,
.rounded{
	border-radius: 5px;
}

@media (max-width: 549px)
.off-canvas-left.mfp-ready .mfp-content {
    background: #1d2327;
}
@media (max-width: 549px)
.nav-sidebar.nav-vertical>li+li {
    border-top: 1px solid #13121f;
    border-bottom: 1px solid #3f3e52;
}

#header-contact li a {
  text-transform: none;
  font-size: 14px;
}

.icon-phone:before,
.icon-envelop:before {
  color: #da0007;
}

.top-bar-nav li a {
  font-size: 14px;
}

.header-bottom .nav li {
  margin: 0;
}

.header-bottom .nav li a {
  line-height: 37px;
  padding: 5px 15px;
}

.header-bottom .nav li a:hover,
.header-bottom .nav li.active a {
  background: #2c2b3b;
}

/* .flickity-prev-next-button svg {
  background: #000000c7;
  height: 70px;
} */
.flickity-page-dots {
    bottom: -4px;
}
.flickity-page-dots .dot.is-selected {
  background-color: #d7c25f !important;
  border: none;
}
.slider-nav-dots-dashes-spaced .flickity-page-dots .dot {
    border-radius: 0;
    height: 6px;
    width: 40px;
    border: none;
    background: #1d2327;
}

.slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot {
  background-color: #000000c9;
  border: none;
}

.flickity-prev-next-button.previous {
  left: 0;
}

.flickity-prev-next-button.next {
  right: 0;
}

.post-item .box-image:hover::before {
  -webkit-animation: shine 0.75s;
  animation: shine 0.75s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.post-item .box-image::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.3) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.3) 100%
  );
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.section-title-normal {
  border-bottom: 2px solid #2c2b3b;
  background: #dd202a;
}

.section-title-normal span {
  margin-right: 15px;
  padding-bottom: 3.5px;
  border-bottom: 0;
  margin-bottom: 0;
  padding: 4px 15px;
  font-size: 19px;
  color: white;
  padding-top: 7px;
}

.section-title a {
  font-size: 15px;
  background: #2c2b3b;
  padding: 8px 15px;
  color: white;
  font-weight: normal;
}

.section-title-container {
  margin-bottom: 5px;
}

.list-post .box-text {
  padding-bottom: 0;
}

.box-blog-post .is-divider {
  display: none;
}

.list-post .post-item .post-title {
  color: #2c2b3b;
  margin-bottom: 5px;
}

.row-lien-he .large-12 .col-inner {
  border-radius: 10px;
  border: 2px solid #fad93d;
  padding: 20px;
  display: inline-block;
}

.row-lien-he .large-12 p {
  font-size: 15px;
}

.form-lien-he {
  display: block;
  clear: both;
  width: 100%;
}

.form-lien-he .left {
  width: 50%;
  padding-right: 10px;
  display: inline-block;
  float: left;
}

.form-lien-he .right {
  width: 50%;
  padding-left: 10px;
  display: inline-block;
  float: right;
}

input[type="email"],
input[type="search"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="text"],
textarea,
select {
  height: 38px;
  font-size: 15px;
  border-radius: 5px;
  box-shadow: none;
}

.row-lien-he {
  margin-top: 0 !important;
  margin-bottom: 0;
}

textarea {
  min-height: 142px;
}

.form-lien-he input[type="submit"] {
    margin: 0;
    display: block;
    width: 100%;
    border-radius: 5px;
    background: #fad93d;
    text-transform: none;
    font-weight: normal;
    color: black;
}

.footer-secondary {
  padding: 0;
}

.top-footer .icon-box {
  box-shadow: 0 -8px 17px #dedede;
  height: 155px;
  padding: 10px 0;
  background: white;
}

.top-footer .flickity-prev-next-button .arrow {
  fill: white;
}

.top-footer .flickity-prev-next-button {
  top: 37%;
  bottom: 49%;
}

.top-footer .col {
  padding-bottom: 0;
}

.post-item .box-image .image-cover {
  border-radius: 5px;
}

.duong-dan {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.entry-header-text {
  padding: 0;
}

.entry-content {
  padding-top: 0;
  padding-bottom: 0;
}

b,
strong {
  font-weight: 500;
}

/*
.blog-single h2, .blog-single h3, .blog-single h4, .blog-single h5, .blog-single h6{color:#dd202a}
*/

.blog-single .blog-share {
  text-align: left;
}

.back-to-top.active {
    right: 1rem;
    bottom: 7.3rem;
	width:2.5em;
    border-radius: 100%;
    background: #fad93d;
    border: none;
    cursor: pointer;
    opacity: 100%;
    transition: opacity 0.5s;
}

.danh-muc,
.the-tim-kiem {
  font-size: 15px;
  color: black;
}

.the-tim-kiem a {
  background: #f2f2f2;
  padding: 4px 10px;
  margin-bottom: 5px;
}

.the-tim-kiem a:hover {
  background: #dd202a;
  color: white;
}

footer.entry-meta {
  border-bottom: 1px solid #ececec;
}

.entry-content ul {
  font-size: 15px;
  color: black;
}

body {
  font-weight: normal;
}

.blog-single p {
  /*color: #383838;*/
  /*font-size: 15px;*/
  /*margin-bottom: 10px;*/
  font-size: 18px;
  line-height: 30px;
  text-align: justify;
  color: #333;
}

.blog-single .entry-category,
.is-divider {
  display: none;
}

.page-template h1.entry-title {
  text-align: left;
  margin-top: 10px;
  font-size: 22px;
  color: #2c2b3b;
}

.nav-dropdown {
  padding: 0;
  border: none;
}

.nav-dropdown li a {
  margin: 0 !important;
  padding: 3px 10px !important;
}

#breadcrumbs {
  margin-top: 20px;
  color: #ff9b00;
  background: #f7f7f7;
  margin-bottom: 20px;
  padding: 6px 15px;
  display: block;
  width: 100%;
  font-size: 15px;
  font-family: "roboto condensed", sans-serif;
  border: 1px solid #e8e8e8;
}

#comments input[type="submit"] {
  text-transform: none;
  font-weight: normal;
  border-radius: 5px;
}

.blog-single .large-12 {
  padding-bottom: 0;
}

.blog-single .entry-title {
  color: #2c2b3b;

  font-size: 22px;
}

.meta-related {
  background: #f7f7f7;

  padding: 20px;

  margin-bottom: 20px;
}

.meta-related ul {
  margin-bottom: 0;
}

.meta-related ul li {
  color: #dd202a;
}

.meta-related ul li a {
  color: #dd202a !important;
}

.bai-viet-lien-quan {
  display: block;

  margin-top: 20px;
}

.bai-viet-lien-quan ul {
  display: inline-block;
  margin-bottom: 0;

  width: 100%;

  padding-top: 10px;

  border-radius: 5px;

  background: #f9f9f9;
}
.post {
  margin: 0 0 10px;
}

.blog-archive .post-item .post-title:hover {
  color: #dd202a;
}
.capitalize{
	text-transform: capitalize !important;
}

.blog-archive .post-item .post-title {
  height: 21px;

  overflow: hidden;

  margin-bottom: 5px;
  color: #2c2b3b;
}

.page-wrapper {
  padding-top: 0;

  padding-bottom: 0;
}

.nav-dropdown li a:hover {
  color: white;
}

.nav-pagination a {
  background: #2c2b3b;

  color: white !important;

  border: none !important;
}

.blog-archive .nav-pagination {
  text-align: left;
}

.blog-archive .badge {
  display: none;
}

.nav-pagination > li > .current {
  background: #dd202a !important;
  border: none !important;
}

/*a.back-to-top {*/
/*  background: #d7c25f !important;*/
/*  color: white;*/
/*  border: none !important;*/
/*}*/

.bai-viet-lien-quan ul li {
  padding-left: 8px;
  padding-right: 8px;
  list-style: none;
  width: 25%;
  float: left;
  margin-bottom: 3px;
}

.bai-viet-lien-quan .post-item .post-title {
  font-size: 16px;

  color: #2c2b3b;
  height: 40px;

  overflow: hidden;
}

.nav-dropdown li a:hover {
  background: #262533 !important;
}

.nav-dropdown li a {
  border-bottom: 1px solid #252433 !important;
  background: #2c2b3b;
  color: white;
  border-top: 2px solid #403f54;
  font-size: 15px;
}

.bai-viet-lien-quan .post-item .box-image {
  border-radius: 5px;
}

.bai-viet-lien-quan .post-item .post-title:hover {
  color: #dd202a;
}

.float-contact {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 99999;
}

.chat-zalo {
  background: #8eb22b;
  border-radius: 20px;
  padding: 0px 18px;
  color: white;
  display: block;
  margin-bottom: 6px;
}

.chat-face {
  background: #125c9e;
  border-radius: 20px;
  padding: 0px 18px;
  color: white;
  display: block;
  margin-bottom: 6px;
}

.float-contact .hotline {
  background: #d11a59 !important;
  border-radius: 20px;
  padding: 0 18px;
  color: white;
  display: block;
  margin-bottom: 6px;
}

.chat-zalo a,
.chat-face a,
.hotline a {
  font-size: 15px;
  color: white;
  font-weight: normal;
  text-transform: none;
  line-height: 0;
}

/* Tùy chỉnh section-title section-title-center */
.section-title.section-title-center {
  font-family: "Roboto", sans-serif;
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 30px;
}

/* Thêm đường viền dưới cách điệu */
.section-title.section-title-center:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 5px;
  background: #fad93d;
	/* background: linear-gradient(45deg, #d4af37, #f3e27d); */
  border-radius: 2px;
}

.section-title.section-title-center:before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 1px;
  background-color: #cacaca;
  /* background: linear-gradient(45deg, #f3e27d, #d4af37); */
  border-radius: 2px;
}

.absolute.no-click.x50.y50.md-x50.md-y50.lg-x50.lg-y50,
.section-title.section-title-center b {
  visibility: hidden;
}


.dark .nav-vertical-fly-out>li>a:hover, .dark .nav>li.active>a, .dark .nav>li>a.active, .dark .nav>li>a:hover, .nav-dark .nav>li.active>a, .nav-dark .nav>li.current>a, .nav-dark .nav>li>a.active, .nav-dark .nav>li>a:hover, .nav-dark a.plain:hover, .nav-dropdown.dark .nav-column>li>a:hover, .nav-dropdown.dark>li>a:hover {
    color: #fad93d;
}