@font-face {
  font-family: "fl-icons";
  font-display: block;
  src: url(/Content/themes/TTYTTANAN/wp-content/themes/flatsome/assets/css/icons/fl-icons57a2.eot?v=3.17.6);
  src: url(/Content/themes/TTYTTANAN/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot#iefix?v=3.17.6)
      format("embedded-opentype"),
    url(/Content/themes/TTYTTANAN/wp-content/themes/flatsome/assets/css/icons/fl-icons57a2.woff2?v=3.17.6)
      format("woff2"),
    url(/Content/themes/TTYTTANAN/wp-content/themes/flatsome/assets/css/icons/fl-icons57a2.ttf?v=3.17.6)
      format("truetype"),
    url(/Content/themes/TTYTTANAN/wp-content/themes/flatsome/assets/css/icons/fl-icons57a2.woff?v=3.17.6)
      format("woff"),
    url(/Content/themes/TTYTTANAN/wp-content/themes/flatsome/assets/css/icons/fl-icons57a2.svg?v=3.17.6#fl-icons)
      format("svg");
}
.breadcrumbv1 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.wp-block-button__link {
  color: #fff;
  background-color: #32373c;
  border-radius: 9999px;
  box-shadow: none;
  text-decoration: none;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  font-size: 1.125em;
}
.wp-block-file__button {
  background: #32373c;
  color: #fff;
  text-decoration: none;
}
.footer-color {
  color: white !important;
}
.phone {
  color: white !important;
}
:root {
  --primary-color: #0059ab;
}
.container-width,
.full-width .ubermenu-nav,
.container,
.row {
  max-width: 1170px;
}
.row.row-collapse {
  max-width: 1140px;
}
.row.row-small {
  max-width: 1162.5px;
}
.row.row-large {
  max-width: 1200px;
}
.header-main {
  height: 120px;
}
#logo img {
  max-height: 90px;
}
#logo {
  /* width: 365px; */
}
#logo a {
  max-width: 6000px;
}
.header-bottom {
  min-height: 10px;
}
.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: 30px;
}
.header.show-on-scroll,
.stuck .header-main {
  height: 59px !important;
}
.stuck #logo img {
  max-height: 59px !important;
}
.search-form {
  width: 33%;
}
.header-bg-color {
  background-color: rgba(255, 255, 255, 0.9);
}
.header-bottom {
  background-color: #f1f1f1;
}
.top-bar-nav > li > a {
  line-height: 16px;
}
.header-main .nav > li > a {
  line-height: 16px;
}
.stuck .header-main .nav > li > a {
  line-height: 50px;
}
.header-bottom-nav > li > a {
  line-height: 16px;
}
@media (max-width: 549px) {
  .header-main {
    height: 60px;
  }
  #logo img {
    max-height: 60px;
  }
} /* 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: #0059ab;
} /* Color !important */
[data-text-color="primary"] {
  color: #0059ab !important;
} /* Background Color */
[data-text-bg="primary"] {
  background-color: #0059ab;
} /* 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,
.header-vertical-menu__opener,
.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: #0059ab;
} /* 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: #0059ab;
}
.nav-tabs > li.active > a {
  border-top-color: #0059ab;
}
.widget_shopping_cart_content .blockUI.blockOverlay:before {
  border-left-color: #0059ab;
}
.woocommerce-checkout-review-order .blockUI.blockOverlay:before {
  border-left-color: #0059ab;
} /* Fill */
.slider .flickity-prev-next-button:hover svg,
.slider .flickity-prev-next-button:hover .arrow {
  fill: #0059ab;
} /* Focus */
.primary:focus-visible,
.submit-button:focus-visible,
button[type="submit"]:focus-visible {
  outline-color: #0059ab !important;
} /* 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: #80c82d;
}
[data-text-bg="secondary"] {
  background-color: #80c82d;
} /* 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: #80c82d;
} /* Color !important */
[data-text-color="secondary"] {
  color: #80c82d !important;
} /* Border */
.secondary.is-outline:hover {
  border-color: #80c82d;
} /* Focus */
.secondary:focus-visible,
.alt:focus-visible {
  outline-color: #80c82d !important;
}
body {
  color: #0a0a0a;
}
.header:not(.transparent) .top-bar-nav > li > a {
  color: #15191d;
}
.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: #1e73be;
}
.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: #1e73be;
}
.footer-1 {
  background-color: #1e73be;
}
.footer-2 {
  background-color: #1e73be;
}
.absolute-footer,
html {
  background-color: #1e73be;
}
.nav-vertical-fly-out > li + li {
  border-top-width: 1px;
  border-top-style: solid;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a:hover,
.header-vertical-menu__fly-out
  .nav-vertical-fly-out
  > li.menu-item.current-dropdown
  > a {
  background-color: #000000;
} /* Custom CSS */
.back-to-top.circle {
  border-radius: 0px !important;
  border-color: var(--primary-color);
}
.back-to-top.circle i {
  color: var(--primary-color);
}
.back-to-top.circle:hover i {
  color: #ffffff;
} /* Custom CSS Tablet */
@media (max-width: 849px) {
  .blog-wrapper.blog-single > .container.banner-post {
    display: none;
  }
} /* Custom CSS Mobile */
@media (max-width: 549px) {
  @media screen and (max-width: 768px) {
    .main-menu li a {
      font-size: 16px;
    }
  }
}
.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";
}
.bg {
  opacity: 0;
  transition: opacity 1s;
  -webkit-transition: opacity 1s;
}
.bg-loaded {
  opacity: 1;
}
#health-check-issues-critical,
.flatsome-panel .about-text a.button,
.flatsome-panel .nav-tab-wrapper,
.flatsome-panel .panel.flatsome-panel,
#wp-admin-bar-flatsome_panel-default > li:nth-child(5),
#wp-admin-bar-flatsome_panel-default > li:nth-child(7),
li#toplevel_page_flatsome-panel .wp-submenu > li:nth-child(3),
li#toplevel_page_flatsome-panel .wp-submenu > li:nth-child(5),
li#toplevel_page_flatsome-panel .wp-submenu > li:nth-child(9),
.health-check-accordion-block-flatsome_registration,
#flatsome-notice,
ul#wp-admin-bar-root-default li#wp-admin-bar-flatsome-activate,
ul li#wp-admin-bar-flatsome_panel_license,
#toplevel_page_flatsome-panel ul.wp-submenu.wp-submenu-wrap > li:nth-child(2),
#toplevel_page_flatsome-panel ul.wp-submenu.wp-submenu-wrap > li:nth-child(3),
.woocommerce-store-alerts,
.updated.woocommerce-message {
  display: none !important;
}
#text-1860683906 {
  font-size: 1.35rem;
  line-height: 1;
  color: rgb(43, 25, 245);
}

#text-1860683906 > * {
  color: rgb(43, 25, 245);
}
.card2__title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box !important;
  overflow: hidden;
  text-align: justify;
}
.card3__title {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box !important;
  overflow: hidden;
  text-align: justify;
}
.card4__title {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box !important;
  overflow: hidden;
  text-align: justify;
}
.card5__title {
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  display: -webkit-box !important;
  overflow: hidden;
  text-align: justify;
}
.single-page img {
  width: 100% !important;
  height: auto !important;
}

.SliderFeature {
    /* box-shadow: 0 0 4px #555555; */
    margin: 0 0 20px;
    /* background: none repeat scroll 0 0 #ececec; */
}
.SliderFeature .RightCol {
    background: none repeat scroll 0 0 #FFFFFF;
    max-width: 470px;
    vertical-align: top;
    width: 470px;
    border: 1px solid #ebebeb;

}
.SliderFeature .LeftCol {
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}
.SliderFeature .LeftPanel {
    overflow: hidden;
    position: relative;
}
.SliderFeature .LeftCol .LeftPanel img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.SliderFeature .LeftCol .text {
    font-weight: bold;
    font-size: 16px;
    background-color: #0000006d;
    border-radius: 10px;
    bottom: 18px;
    color: rgb(255, 255, 255);
    left: 0;
    margin: 0px 10%;
    opacity: 1;
    position: absolute;
    text-align: center;
    width: 80%;
    z-index: 1;
}
.SliderFeature .LeftCol .text div {
    display: inline-block;
    padding: 6px;
}
.SliderFeature .ArticleList {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 470px;
    max-height: 460px;
    height:460px;
    overflow: hidden scroll;
}
.SliderFeature .ArticleList li:hover a {
    color: #FFFFFF;
}
.SliderFeature .ArticleList li {
    display: inline-block;
    padding: 4px;
    width: 97%;
    border-bottom: 1px solid #80808057;
}
.SliderFeature .ArticleList .ArticleItemSelected {
    background: none repeat scroll 0 0 #0059ab;
}
.SliderFeature .ArticleList .ArticleItemSelected a {
    color: #FFFFFF;
}
.SliderFeature .ArticleList li:hover {
    background: none repeat scroll 0 0 #0059ab;
}
.SliderFeature .ArticleList li .Image {
    display: inline-block;
    float: left;
    height: 70px;
    margin-right: 4px;
    text-align: left;
    width: 100px;
    offset: cover !important;
}
.SliderFeature .Header {
    display: none;
}
.LeftPanel img {
    object-fit: cover;
}
.SliderFeature{
  max-width: 1170px;
  margin: auto;
}
.section-title-normal:after{
  display: none;
}
::-webkit-scrollbar {
  width: 1px;
  /* Độ rộng của thanh cuộn dọc */
  height: 1px;
  /* Độ cao của thanh cuộn ngang */
}

::-webkit-scrollbar-thumb {
  background-color: rgba(194, 194, 194, 0.5);
  /* Màu của thanh kéo */
}

::-webkit-scrollbar-track {
  background: transparent;
  /* Màu của vùng không có thanh kéo */
}