/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
a {
  text-decoration: none !important;
}

:root {
  --primary-color: #024baa;
}

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

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

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

.sticky-add-to-cart--active, #wrapper,#main,#main.dark {
  background-color: #ffffff
}

.header-main {
  height: 97px
}

#logo img {
  max-height: 97px
}

#logo {
  width: 225px;
}

.header-bottom {
  min-height: 55px
}

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

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

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

.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: 80px;
}

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

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

.search-form {
  width: 72%;
}

.header-bg-color, .header-wrapper {
  background-color: rgba(255,255,255,0.9)
}

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

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

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

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

.blog-wrapper {
  background-color: rgba(252,252,252,0.84);
}

/* Color */
.accordion-title.active, .has-icon-bg .icon .icon-inner,.logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active> a,.nav-outline >li.active > a, .cart-icon strong,[data-color='primary'], .is-outline.primary {
  color: #161616;
}

/* Color !important */
[data-text-color="primary"] {
  color: #024baa!important;
}

/* Background Color */
[data-text-bg="primary"] {
  background-color: #024baa;
}

/* Background */
.scroll-to-bullets a,.featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline),.featured-table .title,.is-outline:hover, .has-icon:hover .icon-label,.nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .is-outline:hover, .tagcloud a:hover,.grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt,.nav-box > li > a:hover,.nav-box > li.active > a,.nav-pills > li.active > a ,.current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before,.banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner {
  background-color: #161616;
}

/* Border */
.nav-vertical.nav-tabs > li.active > a,.scroll-to-bullets a.active,.nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,.accordion-title.active,.featured-table,.is-outline:hover, .tagcloud a:hover,blockquote, .has-border, .cart-icon strong:after,.cart-icon strong,.blockUI:before, .processing:before,.loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover {
  border-color: #161616;
}

.nav-tabs > li.active > a {
  border-top-color: #024baa
}

.widget_shopping_cart_content .blockUI.blockOverlay:before {
  border-left-color: #024baa
}

.woocommerce-checkout-review-order .blockUI.blockOverlay:before {
  border-left-color: #024baa
}

/* Fill */
.slider .flickity-prev-next-button:hover svg,.slider .flickity-prev-next-button:hover .arrow {
  fill: #024baa;
}

/* Background Color */
[data-icon-label]:after, .secondary.is-underline:hover,.secondary.is-outline:hover,.icon-label,.button.secondary:not(.is-outline),.button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button, .current .breadcrumb-step {
  background-color: #036cc8;
}

[data-text-bg="secondary"] {
  background-color: #036cc8;
}

/* Color */
.secondary.is-underline,.secondary.is-link, .secondary.is-outline,.stars a.active, .star-rating:before, .woocommerce-page .star-rating:before,.star-rating span:before, .color-secondary {
  color: #036cc8
}

/* Color !important */
[data-text-color="secondary"] {
  color: #036cc8!important;
}

/* Border */
.secondary.is-outline:hover {
  border-color: #036cc8
}

body {
  font-size: 106%;
}

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

body {
  font-family: "Noto Sans", sans-serif
}

body {
  font-weight: 0
}

body {
  color: #0a0a0a
}

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

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

.nav > li > a {
  font-weight: 0;
}

.mobile-sidebar-levels-2 .nav > li > ul > li > a {
  font-weight: 0;
}

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

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

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

.alt-font {
  font-family: "Dancing Script", sans-serif;
}

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

a {
  color: #025eb4;
}

.is-divider {
  background-color: #07008c;
}

.absolute-footer, html {
  background-color: #0f0b75
}

/* Custom CSS */
.post-item .box-image:hover::before {
  -webkit-animation: shine .75s;
  animation: shine .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,.3) 100%);
  background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg)
}

.xem-them .tieu-de-xem-them {
  font-weight: 700;
  display: block;
  margin-bottom: 10px;
  font-size: 19px;
  color: black;
}

.xem-them ul li {
  margin-bottom: 3px;
}

.xem-them ul li a {
  font-weight: 700;
  font-size: 16px;
  color: #024baa;
}

.xem-them ul li a:hover {
  text-decoration: underline;
}

.blog-single .entry-meta {
  text-transform: none;
  font-size: 14px;
  letter-spacing: 0;
  color: gray;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  padding: 10px;
  background: #f9f9f9;
}

.danh-muc {
  margin-bottom: 15px;
}

.danh-muc span.title, .the-tim-kiem span.title {
  border-radius: 4px;
  background: #126e32;
  padding: 4px 10px;
  color: white;
  margin-right: 5px;
}

.danh-muc a, .the-tim-kiem a {
  line-height: 32px;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 4px 10px;
  background: #dedede;
  color: #464646;
}

.danh-muc a:hover, .the-tim-kiem a:hover {
  background: #6dca19;
  color: white;
}

.bai-viet-lien-quan {
  margin-top: 15px;
}

.bai-viet-lien-quan h3 {
  font-size: 19px;
  color: black;
}

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

.bai-viet-lien-quan ul li {
  list-style: none;
  width: 25%;
  color: graytext;
  float: left;
  padding-left: 4px;
  padding-right: 5px;
}

.bai-viet-lien-quan ul li .box-image img {
  height: 120px;
  border-radius: 4px;
  object-fit: cover;
  object-position: center;
}

.bai-viet-lien-quan h4 {
  font-size: 15px;
  color: black;
  line-height: 19px;
  padding-top: 7px;
  height: 64px;
  overflow: hidden;
}

/*Tags bài viết*/
.tags-thongtin {
  display: flex;
}

div#tags-posts a {
  visibility: visible;
  background: #094ab1;
  color: #fff;
  margin-bottom: 1px;
  padding: 0px 5px;
  border-radius: 2px;
  font-size: 14px;
  display: inline-block;
  border-bottom-left-radius: 7px;
  border-top-right-radius: 7px;
}

div#tags-posts a:hover {
  color: #f78800;
  border: 1px solid;
  background-color: #ffffff;
}

div#tags-posts {
  padding-bottom: 15px;
  visibility: hidden;
  margin-left: -20px;
  margin-top: -2px;
}

/* Custom CSS Mobile */
@media (max-width: 549px) {
  .hdevvn-show-cats {
      display: none;
  }

  .bai-viet-lien-quan ul li {
      width: 50%;
  }

  .bai-viet-lien-quan ul li .box-image img {
      height: 90px;
  }
}

.label-new.menu-item > a:after {
  content: "New";
}

.label-hot.menu-item > a:after {
  content: "Hot";
}

.label-sale.menu-item > a:after {
  content: "Sale";
}

.label-popular.menu-item > a:after {
  content: "Popular";
}

.article-inner .is-divider {
  display: none
}

.article-inner h1 {
  font-size: 32px
}

.article-inner .entry-header-text {
  padding-bottom: 0px
}

.article-inner footer.entry-meta {
  display: none;
}

.article-inner .large-3 {
  padding-left: 20px;
  padding-right: 20px
}

/*Hide Divider Post*/
.box-blog-post .is-divider {
  display: none
}

.page-wrapper {
  padding-bottom: 0;
  padding-top: 0;
}

.blog-new .post-item h5 a {
  color: #161616;
}

.blog-new .post-item p {
  font-weight: 400;
}

.blog-new .post-item .post-meta {
  font-weight: 400;
}

#content .section h3.section-title {
  background-image: -webkit-linear-gradient(309deg, #141894 0%, #4673fb 100%);
  background-image: -o-linear-gradient(309deg, #141894 0%, #4673fb 100%);
  background-image: linear-gradient(141deg, #161616 0%, #161616 100%);
  color: #ffffff;
  padding-left: 22px;
  padding-top: 7px;
  padding-bottom: 0px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-bottom: 0;
}
#content .section h2.section-title {
  background-image: -webkit-linear-gradient(309deg, #141894 0%, #4673fb 100%);
  background-image: -o-linear-gradient(309deg, #141894 0%, #4673fb 100%);
  background-image: linear-gradient(141deg, #161616 0%, #161616 100%);
  color: #ffffff;
  padding-left: 22px;
  padding-top: 7px;
  padding-bottom: 0px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-bottom: 0;
}
#main .section-title-normal a {
  color: #ffffff;
  font-size: 13px;
  padding-right: 15px;
}

#content .md-x .attachment-original {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.blog-col .col {
  padding-bottom: 0;
}
#button-contact-vr {
  position: fixed;
  bottom: 95px;
  z-index: 999;
  right: 0;
}

/*phone*/
#button-contact-vr .button-contact {
  position: relative;
  margin-top: -5px;
}

#button-contact-vr .button-contact .phone-vr {
  position: relative;
  visibility: visible;
  background-color: transparent;
  width: 90px;
  height: 90px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility .5s;
  left: 0;
  bottom: 0;
  display: block;
}

.phone-vr-circle-fill {
  width: 65px;
  height: 65px;
  top: 12px;
  left: 12px;
  position: absolute;
  box-shadow: 0 0 0 0 #c31d1d;
  background-color: #cf203170;
  border-radius: 50%;
  border: 2px solid transparent;
  -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
  animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animuiion: zoom 1.3s infinite;
  animation: zoom 1.3s infinite;
}

.phone-vr-img-circle {
  background-color: #CF2031;
  width: 40px;
  height: 40px;
  line-height: 40px;
  top: 25px;
  left: 25px;
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phone-vr-circle-fill 1s infinite ease-in-out;
}

.phone-vr-img-circle a {
  display: block;
  line-height: 37px;
}

.phone-vr-img-circle img {
  max-height: 25px;
  max-width: 27px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}

@-webkit-keyframes phone-vr-circle-fill {
  0% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
  }

  10% {
      -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }

  20% {
      -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }

  30% {
      -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }

  40% {
      -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }

  50% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
  }

  100% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
}

@-webkit-keyframes zoom {
  0% {
      transform: scale(.9)
  }

  70% {
      transform: scale(1);
      box-shadow: 0 0 0 15px transparent
  }

  100% {
      transform: scale(.9);
      box-shadow: 0 0 0 0 transparent
  }
}

@keyframes zoom {
  0% {
      transform: scale(.9)
  }

  70% {
      transform: scale(1);
      box-shadow: 0 0 0 15px transparent
  }

  100% {
      transform: scale(.9);
      box-shadow: 0 0 0 0 transparent
  }
}

.phone-bar a {
  position: fixed;
  bottom: 25px;
  left: 30px;
  z-index: -1;
  color: #fff;
  font-size: 16px;
  padding: 8px 15px 7px 50px;
  border-radius: 100px;
  white-space: nowrap;
}

.phone-bar a:hover {
  opacity: 0.8;
  color: #fff;
}

#zalo-vr .phone-vr-img-circle {
  background-color: #1F5E9D;
}

#zalo-vr .phone-vr-circle-fill {
  box-shadow: 0 0 0 0 #1f5e9da3;
  background-color: #1f5e9d7a;
}
.custom.html_topbar_left{
  font-weight: 700;
}
.blog-wrapper {
  background-color: rgba(252, 252, 252, 0.84);
  padding-top: 30px;
    padding-bottom: 30px;
}
.page-title{
  text-align: center;
  margin-bottom: 30px;
}
#post-list h2 a{
  color: #161616;
}
#post-list h2{
  margin-top: 10px;
}
.entry-header-text .entry-category a {
  font-size: 10px;
  text-transform: capitalize;
  position: relative;
  border-style: solid;
  border-width: 1px;
  border-color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-image: -webkit-linear-gradient(309deg, #000666 0%, #0120ee 100%);
  background-image: -o-linear-gradient(309deg, #000666 0%, #0120ee 100%);
  background-image: linear-gradient(141deg, #161616 0%, #161616 100%);
  color: #ffffff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#post-list article{
  float: left;
  width: 100%;
}
#post-list .entry-meta{
  margin-bottom: 10px;
}
.entry-content{
  font-weight: 400;
}
.col-bottom{
  padding-bottom: 0;
}
.contactInfo h2 {
  background: #161616;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}
.contactForm h2 {
  background: #161616;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}
.blog-single .article-inner footer.entry-meta{
  display: block;
}