/* main#page {
    max-width: 1450px;
    margin: 0 auto;
} */

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

img {
  max-width: 100%;

  height: auto;
}

.list_none {
  list-style-type: none;

  padding-left: 0;
}

/* Text meant only for screen readers. */

/*.screen-reader-text {
  border: 0;

  clip: rect(1px, 1px, 1px, 1px);

  -webkit-clip-path: inset(50%);

  clip-path: inset(50%);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute !important;

  width: 1px;

  word-wrap: normal !important;
  Many screen reader and browser combinations announce broken words as they would appear visually. 
}*/

.screen-reader-text:focus {
  background-color: #f1f1f1;

  border-radius: 3px;

  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  clip: auto !important;

  -webkit-clip-path: none;

  clip-path: none;

  color: #21759b;

  display: block;

  font-size: 14px;

  font-size: 0.875rem;

  font-weight: bold;

  height: auto;

  left: 5px;

  line-height: normal;

  padding: 15px 23px 14px;

  text-decoration: none;

  top: 5px;

  width: auto;

  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
  outline: 0;
}

.alignleft {
  display: inline;

  float: left;

  margin-right: 1.5em;
}

.alignright {
  display: inline;

  float: right;

  margin-left: 1.5em;
}

.aligncenter {
  clear: both;

  display: block;

  margin: 0 auto;
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";

  display: table;

  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;

  margin: 0 0 1.5em;
}

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */

  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
  display: block;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;

  margin-bottom: 0;

  margin-top: 0;

  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */

.custom-logo-link {
  display: inline-block;
}

.wp-caption {
  margin-bottom: 1.5em;

  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;

  margin-left: auto;

  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;

  text-align: center;

  vertical-align: top;

  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*Menu*/

.header__mobile {
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
}

.header__menu,
.header__mobile {
  -webkit-transition: all 0.5s ease;

  -moz-transition: position 10s;

  -ms-transition: position 10s;

  -o-transition: position 10s;

  transition: all 0.5s ease;
}

.fixed {
  left: 0;

  max-width: 100%;

  overflow: visible;

  position: fixed !important;

  top: 0;

  width: 100%;

  z-index: 1000;

  animation: smoothScroll 1s forwards;
}

@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }

  100% {
    transform: translateY(0px);
  }
}

/*Archive Page*/

.breadcrumb-style {
  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-bottom: 1rem;

  list-style: none;

  background-color: #e9ecef;
}

.breadcrumb-style a {
  color: var(--primary);
}

ul#crumbs > i {
  margin: 0 6px;
}

ul#crumbs {
  align-items: center;

  background-color: #c1c1c100;

  padding: 10px 0;

  margin-bottom: 0;
}

.single__item__img {
  position: relative;
}

.single__item__img > a {
  display: block;

  position: relative;
}

.single__item__cate {
  position: absolute;

  left: 0;

  bottom: 0;

  background-color: #000;

  padding: 3px 15px;
}

.single__item__cate a {
  color: #fff;
}

.single__item__img img {
  height: 230px;

  width: 100%;

  transition: all 1s ease;
}

.single__item__content {
  padding: 8px 10px;
}

.single__item__title h4 {
  line-height: 1.2;
}

.single__item__title h4 a {
  text-decoration: none;

  font-size: 20px;

  transition: all 0.3s;

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;
}

.excerpt p {
  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  margin-bottom: 5px;
}

article.card {
  transition: all 0.3s ease;
}

article.card:hover {
  box-shadow: 1px 2px 6px #3333;

  transform: translate3d(0px, -5px, 0px);
}

/*Contact*/

.top-contact {
  display: inline-block;

  border: 1px solid #3333;

  border-radius: 4px;

  padding: 15px;

  margin: 15px;
}

.title-head:after {
  left: 50%;

  -webkit-transform: translate(-50%, 0%);

  -moz-transform: translate(-50%, 0%);

  -ms-transform: translate(-50%, 0%);

  -o-transform: translate(-50%, 0%);

  bottom: -2px;

  content: "";

  width: 76px;

  height: 2px;

  display: inline-block;

  background: #ed1b24;

  position: absolute;
}

.title-head {
  color: #000;

  display: block;

  font-size: 24px;

  line-height: 40px;

  margin: 0;

  text-align: center;

  border-bottom: 2px solid #eee;

  padding-bottom: 12px;

  margin-bottom: 25px;

  position: relative;

  font-weight: 400;
}

ul.contact-info-page li {
  list-style-type: none;

  line-height: 2;
}

ul.contact-info-page {
  padding-left: 0;
}

.title-contact {
  font-size: 20px;

  font-weight: 600;

  color: red;
}

.col-map iframe {
  width: 100%;

  height: 400px;

  border: 2px solid #3333 !important;
}

.col-map {
  overflow: hidden;
}

.left-form label,
.right-form label,
.full-form label {
  width: 100%;
}

.left-form {
  width: 48%;

  float: left;
}

.right-form {
  width: 48%;

  float: right;
}

.left-form input,
.right-form input,
.full-form .sdt input {
  width: 100%;

  padding-left: 10px;
}

.left-form input:focus,
.right-form input:focus,
.full-form input:focus {
  outline: none;
}

.full-form textarea {
  height: 120px;

  margin-top: 5px;

  width: 100%;
}

.full-form textarea:focus {
  outline: none;
}

.full-form i,
.left-form i,
.right-form i {
  width: 45px;
  background-color: #828282;
  color: #fff;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.full-form.content i {
  height: 120px;
  margin-top: 1px;
}

.full-form p,
.left-form p,
.right-form p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.full-form span.wpcf7-form-control-wrap {
  width: 100%;
}

div#form-contact input {
  background: #ededed;

  border: 0px;

  border-radius: 0px;

  height: 45px;

  width: 100%;

  font-size: 14px;

  padding: 0 10px;
}

div#form-contact textarea {
  background: #ededed;

  border: 0px;

  border-radius: 0px;

  font-size: 14px;

  padding: 10px;
}

.full-form {
  clear: both;
}

#form-contact input.wpcf7-form-control.wpcf7-submit {
  background-color: #828282;
  border: none;
  color: #fff;
  padding: 5px 40px;
  text-transform: uppercase;
  transition: 0.3s;
  height: 35px;
  font-size: 14px;
  border-radius: 0;
  width: 120px;
  margin: 0 auto;
  display: block;
}

.widget-map iframe {
  height: 300px;

  width: 100%;
}

.info-contact p {
  margin-bottom: 0.5rem;
}

/*pagination*/

.quatrang > a {
  border: 1px solid #333;

  padding: 3px 10px;

  color: #333;

  margin: 0 3px;
}

span.page-numbers.current {
  background-color: #007bff;

  color: #fff;

  padding: 4px 11px;

  margin: 0 3px;
}

/*Tin Liên Quan*/

ul.related__list > li > a:hover {
  padding-left: 5px;

  text-decoration: none;

  color: #007bff;
}

ul.related__list > li > a {
  transition: all 0.3s;

  color: #000;
}

ul.related__list {
  padding-left: 15px;
}

/*Sidebar*/

.border__title {
  height: 3px;

  width: 100px;

  background-color: #ff0000;

  margin-bottom: 20px;
}

.sidebar-1-area h4 {
  font-size: 18px;

  line-height: 19px;

  color: var(--primary);

  text-transform: capitalize;

  margin-bottom: 16px;
}

ul.news__post__list > li > a > img {
  width: 45%;

  height: 80px;
}

ul.news__post__list > li > a > h5 {
  width: 55%;

  font-size: 14px;

  padding-left: 8px;

  margin-bottom: 0;

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;
}

ul.news__post__list > li {
  margin-bottom: 10px;
}

ul.news__post__list {
  list-style-type: none;

  padding-left: 0;
}

.danhmuc ul.list_none li {
  margin: 10px 0;

  border-bottom: 1px solid #cecece;

  padding-bottom: 10px;
}

.danhmuc ul.list_none {
  padding: 10px 0px;

  margin-top: -20px;
}

iframe.fb_iframe_widget_lift {
  width: 100% !important;
}

ul.category__list,
ul.archive__product__list,
ul.archive__product__list ul {
  list-style: none;
  padding-left: 15px;
}

ul.archive__product__list ul {
  padding-left: 0;
}

ul.category__list a,
ul.archive__product__list a {
  color: var(--secondary);
}

ul.category__list a:hover,
ul.archive__product__list a:hover {
  color: var(--primary);
}

a.cd-top.cd-is-visible {
  visibility: visible;

  opacity: 1;
}

a.cd-top,
a.cd-top:visited,
a.cd-top:hover {
  color: #cccccc;

  text-decoration: none;
}

a.cd-top.cd-is-visible,
a.cd-top.cd-fade-out,
.no-touch a.cd-top:hover {
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;

  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;

  transition: opacity 0.3s 0s, visibility 0s 0s;
}

a.cd-top {
  display: inline-block;

  height: 40px;

  width: 40px;

  position: fixed;

  bottom: 10px;

  right: 10px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

  /* image replacement properties */

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  background: #000 url("../images/cd-top-arrow.svg") no-repeat center 50%;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;

  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;

  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

a.cd-top.cd-is-visible,
a.cd-top.cd-fade-out,
.no-touch a.cd-top:hover {
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;

  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;

  transition: opacity 0.3s 0s, visibility 0s 0s;
}

a.cd-top,
a.cd-top:visited,
a.cd-top:hover {
  color: #cccccc;

  text-decoration: none;
}

a.cd-top.cd-is-visible {
  /* the button becomes visible */

  visibility: visible;

  opacity: 1;
}

a.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */

  opacity: 1;
}

.blocg_item {
  margin-bottom: 2.5rem;
}

.blocg_item .blogwp .image-blog {
  width: 100%;

  display: block;

  border: 1px solid #f8f8f8;

  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);

  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);

  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);

  -o-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);

  -os-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
}

.blocg_item .blogwp .image-blog span {
  display: block;

  position: absolute;

  z-index: 3;

  text-align: center;

  width: 70px;

  background: #ff5b02;

  font-size: 30px;

  font-weight: 700;

  color: #fff;

  padding: 5px 0;
}

.blocg_item .blogwp .image-blog span span {
  width: 100%;

  text-align: Center;

  font-size: 14px;

  line-height: 24px;

  background: #010e2a;
}

.blocg_item .blogwp .content_blog {
  width: 100%;

  padding: 15px 0 0;

  text-align: center;
}

.blocg_item .blogwp .content_blog h3 {
  font-size: 14px;

  color: #292929;

  padding: 0;

  margin: 0 0 0px;

  font-weight: 700;

  display: block;

  width: 100%;

  text-align: left;

  text-transform: uppercase;
}

.content_blog > h3 > a {
  color: #000;
}

a.image-blog img {
  width: 100%;

  height: 160px;

  object-fit: cover;

  transition: all 1s;
}

/*slider*/

/* #jssor_1 img{

    height: 100%;

} */

.jssorl-009-spin img {
  animation-name: jssorl-009-spin;

  animation-duration: 1.6s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.jssorb053 .i {
  position: absolute;

  cursor: pointer;
}

.jssorb053 .i .b {
  fill: #fff;

  fill-opacity: 0.5;
}

.jssorb053 .i:hover .b {
  fill-opacity: 1;

  fill: #4285f4;
}

.jssorb053 .iav .b {
  fill-opacity: 1;

  fill: #4285f4;
}

.jssorb053 .i.idn {
  opacity: 0.3;
}

.jssora093 {
  display: block;

  position: absolute;

  cursor: pointer;
}

.jssora093 .c {
  fill: none;

  stroke: #fff;

  stroke-width: 400;

  stroke-miterlimit: 10;
}

.jssora093 .a {
  fill: none;

  stroke: #fff;

  stroke-width: 400;

  stroke-miterlimit: 10;
}

.jssora093:hover {
  opacity: 0.8;
}

.jssora093.jssora093dn {
  opacity: 0.6;
}

.jssora093.jssora093ds {
  opacity: 0.3;

  pointer-events: none;
}

/*.card-title-style {
  min-height: 48px;
}*/

.card-title-style a {
  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  font-size: 20px;

  line-height: 28px;

  color: #424242;
}

.card-text-style {
  font-size: 14px;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

  min-height: 60px;
}

.heading-page h1 {
  font-size: 30px;

  font-weight: 700;

  margin-bottom: 30px;
}

.blog-posts .blog-loop {
  margin-bottom: 25px;
}

.blog-posts .blog-post .blog-post-title {
  margin-bottom: 10px;

  font-size: 18px;

  text-transform: none;

  letter-spacing: 0;
}

.blog-posts .blog-post .blog-post-title a {
  color: #5c5c5c;

  display: -webkit-box;

  overflow: hidden;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;
}

.blog-posts .blog-post .blog-post-meta {
  margin-bottom: 15px;

  color: #999;
}

.blog-posts .blog-post .blog-post-thumbnail img {
  -webkit-transition: all 1s ease-in-out 0s;

  -khtml-transition: all 1s ease-in-out 0s;

  -moz-transition: all 1s ease-in-out 0s;

  -ms-transition: all 1s ease-in-out 0s;

  -o-transition: all 1s ease-in-out 0s;

  transition: all 1s ease-in-out 0s;

  -webkit-transform: scale(1);

  -khtml-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

  height: 160px;
}

.blog-posts .blog-post .blog-post-thumbnail {
  display: block;

  overflow: hidden;
}

.blog-post .entry-content p {
  display: -webkit-box;

  overflow: hidden;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  margin-bottom: 0;

  font-size: 15px;
}

.blog-post .entry-content {
  margin-top: 0.5rem;
}

.fb-like span {
    height: 22px !important;
}

/* Smartphones (portrait and landscape) ----------- */

@media (max-width: 767px) {
  .blog-posts .blog-post .blog-post-title {
    margin: 12px 0;
  }

  .blog-posts .blog-post .blog-post-thumbnail img {
    height: 230px;
  }

  .blog-posts .blog-loop {
    margin-bottom: 30px;
  }
}

.card-image img {
  height: 100%;

  object-fit: cover;
}

/*------------------------ Error 404------------------------*/

#error {
  padding: 40px 0;

  text-align: center;
}

.error_title {
  color: #000;
}

.error_title p {
  color: #ed3d3f;

  font-size: 18px;

  margin: 0;

  padding-top: 20px;
}

.error_title img {
  padding-top: 50px;

  width: 100%;

  max-width: 200px;
}

.error_bottom {
  margin-top: 15px;
}

.error_bottom a {
  display: inline-block;

  padding: 10px 30px;

  color: #fff;

  background: #ed3d3f;

  border: 1px solid #fff;

  border-radius: 40px;

  text-decoration: none;
}

/*------------------------ END Error 404------------------------*/