@font-face {
  font-family: "Be Vietnam Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./wp-content/fonts/be-vietnam-pro/BeVietnamPro-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Be Vietnam Pro";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./wp-content/fonts/be-vietnam-pro/BeVietnamPro-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Be Vietnam Pro";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./wp-content/fonts/be-vietnam-pro/BeVietnamPro-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Be Vietnam Pro";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./wp-content/fonts/be-vietnam-pro/BeVietnamPro-Bold.ttf") format("truetype");
}

:root {
  --primary-color: #082f5b !important;
  --tnv-navy: #082f5b;
  --tnv-navy-dark: #041d39;
  --tnv-blue: #0d477f;
  --tnv-silver: #97999b;
  --tnv-line: #d9e1e8;
}

html {
  scroll-behavior: smooth;
}

body {
  color: #263746;
  font-family: "Be Vietnam Pro", "Segoe UI", sans-serif !important;
  font-weight: 400;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body :where(h1, h2, h3, h4, h5, h6, p, a, span, strong, b, em, small, label, input, textarea, select, button, li, td, th) {
  font-family: "Be Vietnam Pro", "Segoe UI", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-title-main {
  font-weight: 700 !important;
  line-height: 1.3;
  letter-spacing: -.025em;
}

p,
li,
input,
textarea,
select {
  font-weight: 400;
}

strong,
b {
  font-weight: 700;
}

/* The archived page no longer has Flatsome's scroll-animation runtime. */
[data-animate] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
}

i[class^="icon-"],
i[class*=" icon-"] {
  font-family: "fl-icons" !important;
}

i[class^="icon-"]::before,
i[class*=" icon-"]::before {
  color: inherit !important;
}

.container-width,
.full-width .ubermenu-nav,
.container,
.row,
.row.row-collapse,
.row.row-small,
.row.row-large {
  max-width: 1240px !important;
}

.header-main {
  height: 96px !important;
}

#logo {
  width: 255px !important;
}

#logo > a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--tnv-navy);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .025em;
  line-height: 1.15;
  white-space: nowrap;
}

#logo > a::after {
  content: "TÂN NGỌC VINH";
}

#logo img,
.stuck #logo img {
  width: 82px !important;
  height: 82px !important;
  max-height: 82px !important;
  flex: 0 0 82px;
  object-fit: contain;
}

.header-bottom,
.header-bottom.stuck,
#wide-nav {
  background: var(--tnv-navy) !important;
}

.header-nav-main.nav-box > li.active > a,
.header-nav-main.nav-pills > li > a:hover,
.header-nav-main.nav-pills > li.active > a,
.header-main .header-button > .button:not(.is-outline),
.header-main .header-button > .button:hover,
.nav-slide,
.mobile-sidebar-levels-1 .nav-slide > li > ul.children.is-current-slide,
.mobile-sidebar-levels-1 .nav-slide > li > .sub-menu.is-current-slide,
.main-menu .sub-menu li:hover > a,
.main-menu .sub-menu li.current-menu-item > a,
.vi-left-title-2 {
  background-color: var(--tnv-navy) !important;
}

.header-bottom-nav > li > a,
.nav-dark .nav > li > a {
  color: #fff !important;
  font-weight: 600 !important;
  letter-spacing: -.01em;
}

.header-main .nav > li > a,
.header-main .icon-phone,
.header-main .nav > li.html {
  color: var(--tnv-navy) !important;
}

#header .header-contact a,
#header .header-contact a span,
#header .header-contact a i,
#header .icon-search,
#header .search-field {
  color: var(--tnv-navy) !important;
}

#header .searchform > .flex-row,
#header .searchform .flex-row.relative {
  overflow: hidden;
  border: 1px solid var(--tnv-navy) !important;
  border-radius: 4px;
  background: #fff;
}

#header .searchform .search-field,
#header .searchform input[type="search"],
#header .searchform .button {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

#header .searchform .button {
  border-left: 1px solid var(--tnv-navy) !important;
}

#header .nav-icon a,
#header .nav-icon a i,
#header .nav-icon .icon-menu {
  color: var(--tnv-navy) !important;
  border-color: var(--tnv-navy) !important;
}

.header-main .nav > li > a:hover,
.header-main .nav > li.current > a {
  color: var(--tnv-blue) !important;
}

.nav-dropdown,
.nav-dropdown a,
.nav-column a,
.nav-dropdown-simple .nav-column li > a,
.nav-dropdown.nav-dropdown-simple > li > a {
  color: var(--tnv-navy) !important;
}

.nav-dropdown li:hover > a,
.nav-column li:hover > a,
.nav-dropdown li.active > a,
.nav-column li.active > a {
  color: #fff !important;
  background-color: var(--tnv-navy) !important;
}

.button.primary,
.button.secondary,
.button.checkout,
.button.alt,
input[type="submit"],
button[type="submit"],
.badge-inner,
.nav-pagination > li > .current,
.nav-pagination > li > span:hover,
.nav-pagination > li > a:hover {
  color: #fff !important;
  background-color: var(--tnv-navy) !important;
  border-color: var(--tnv-navy) !important;
}

a,
.primary.is-link,
.primary-color,
.star-rating::before,
.star-rating span::before {
  color: var(--tnv-navy);
}

.is-divider,
[style*="background-color:rgb(190, 31, 37)"],
[style*="background-color: rgb(190, 31, 37)"] {
  background-color: var(--tnv-navy) !important;
}

h2[style*="color: #cb2127"] a,
h2[style*="color:#cb2127"] a,
[style*="color: #cb2127"],
[style*="color:#cb2127"],
[style*="color: #be1f25"],
[style*="color:#be1f25"],
[style*="color: #c40d23"],
[style*="color:#c40d23"],
[style*="color: #ff0000"],
[style*="color:rgb(216, 0, 0)"],
.icon-inner {
  color: var(--tnv-navy) !important;
}

#slider-361446656 {
  background: var(--tnv-navy-dark);
}

#slider-361446656 .img-inner,
#slider-361446656 img {
  width: 100%;
}

#slider-361446656 img {
  max-height: 720px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
}

#slider-361446656 .flickity-page-dots .dot,
#slider-361446656 .flickity-prev-next-button {
  border-color: #fff;
}

#row-553353203 > .col > .col-inner,
#section_1476698721,
#section_112358824,
#section_246055913,
#section_1649272732,
#section_1454709501,
#section_1849946615 {
  background-color: var(--tnv-navy) !important;
}

/* Keep all navy section headings on one consistent vertical rhythm. */
#section_1476698721,
#section_112358824,
#section_246055913,
#section_1649272732,
#section_1454709501,
#section_1849946615 {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

#section_1476698721 .section-content > h2,
#section_112358824 .section-content > h2,
#section_246055913 .section-content > h2,
#section_1649272732 .section-content > h2,
#section_1454709501 .section-content > h2,
#section_1849946615 .section-content > h2 {
  margin: 0 !important;
}

#section_1476698721 .section-content > .text-center,
#section_112358824 .section-content > .text-center,
#section_246055913 .section-content > .text-center,
#section_1649272732 .section-content > .text-center,
#section_1454709501 .section-content > .text-center,
#section_1849946615 .section-content > .text-center {
  line-height: 0;
}

#section_1476698721 .is-divider,
#section_112358824 .is-divider,
#section_246055913 .is-divider,
#section_1649272732 .is-divider,
#section_1454709501 .is-divider,
#section_1849946615 .is-divider {
  width: 48px !important;
  max-width: 48px !important;
  height: 2px !important;
  margin: 10px auto 0 !important;
  background-color: rgba(255, 255, 255, .58) !important;
}

#section_1221603431 {
  padding-top: 12px !important;
  padding-bottom: 0 !important;
}

#row-553353203 > .col,
#row-1835979266 > .col,
#row-920710928 > .col {
  padding-bottom: 0 !important;
}

#col-577564038 > .col-inner {
  padding: 12px 18px !important;
}

#text-1117067610 h3 {
  margin: 0 !important;
  line-height: 1.25;
}

#row-1835979266 {
  margin-top: 12px;
}

#section_1880505713 .video-fit {
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 18px 44px rgba(4, 29, 57, .16);
}

#section_1880505713 .video-fit > p {
  position: absolute;
  inset: 0;
  margin: 0;
}

#col-757041027 .box-image img {
  width: 190px;
  height: 190px;
  margin: 0 auto;
  object-fit: contain;
}

.brand-quick-contact .button {
  min-width: 185px;
}

#col-1317151777 .col-inner > .icon-box:nth-of-type(5),
#col-1317151777 .col-inner > .icon-box:nth-of-type(5) ~ .icon-box,
#col-1317151777 .col-inner > .icon-box:nth-of-type(5) ~ hr,
#col-1317151777 .col-inner > .icon-box:nth-of-type(5) ~ p {
  display: none !important;
}

#section_1196411355 {
  padding: 36px 0 42px !important;
  background: #f4f6f8;
}

#section_1341255179 .section-bg {
  background-color: var(--tnv-navy-dark) !important;
  background-image: linear-gradient(135deg, #041d39, #082f5b 58%, #0d477f) !important;
}

#section_1341255179 .section-bg-overlay {
  background-color: rgba(2, 16, 34, .12) !important;
}

/* Equal-height project and news cards with one consistent image ratio. */
#section_1341255179 .row,
#section_1909476467 .row {
  align-items: stretch;
}

#section_1341255179 .post-item,
#section_1909476467 .post-item {
  display: flex !important;
}

#section_1341255179 .post-item > .col-inner,
#section_1909476467 .post-item > .col-inner,
#section_1341255179 .post-item a.plain,
#section_1909476467 .post-item a.plain,
#section_1341255179 .box-blog-post,
#section_1909476467 .box-blog-post {
  width: 100%;
  height: 100%;
}

#section_1341255179 .post-item a.plain,
#section_1909476467 .post-item a.plain,
#section_1341255179 .box-blog-post,
#section_1909476467 .box-blog-post {
  display: flex;
  flex-direction: column;
}

#section_1341255179 .box-blog-post,
#section_1909476467 .box-blog-post {
  overflow: hidden;
  background: #fff;
}

#section_1341255179 .box-image,
#section_1909476467 .box-image {
  width: 100% !important;
  margin: 0 !important;
  flex: 0 0 auto;
}

#section_1341255179 .image-cover,
#section_1909476467 .image-cover {
  padding-top: 75% !important;
}

#section_1341255179 .box-image img,
#section_1909476467 .box-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#section_1341255179 .box-text,
#section_1909476467 .box-text {
  display: flex;
  flex: 1 1 auto;
  padding: 14px 16px 16px !important;
}

#section_1341255179 .box-text-inner,
#section_1909476467 .box-text-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
}

#section_1341255179 .post-title,
#section_1909476467 .post-title {
  min-height: 0;
  margin: 0 !important;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

#section_1341255179 .from_the_blog_excerpt,
#section_1909476467 .from_the_blog_excerpt {
  min-height: 3.3em;
  margin: 0 !important;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

#section_1341255179 .box-text .is-divider,
#section_1909476467 .box-text .is-divider {
  margin-top: 8px;
  margin-bottom: 8px;
}

#section_464067312 {
  background-color: var(--tnv-navy-dark) !important;
}

#section_464067312 .section-bg {
  background-image: url("./wp-content/uploads/tanngocminh/hero-tan-ngoc-vinh-v2.png") !important;
  background-position: center !important;
}

#section_464067312 .section-bg-overlay {
  background-color: rgba(4, 29, 57, .88) !important;
}

/* Remove the source site's red fallback shown briefly behind product banners. */
.banner.has-hover.bg-zoom {
  background-color: var(--tnv-navy) !important;
}

#section_2076404543,
#section_362015715 {
  display: none !important;
}

#section_1196411355 #row-236245274 {
  align-items: stretch;
  gap: 8px 0;
}

#section_1196411355 .icon-box {
  margin-bottom: 12px;
}

#col-2107447930 iframe {
  height: 560px !important;
  border-radius: 4px;
  box-shadow: 0 16px 38px rgba(4, 29, 57, .12);
}

.absolute-footer {
  background: var(--tnv-navy-dark) !important;
}

.absolute-footer,
.absolute-footer span,
.absolute-footer a {
  color: #dce5ed !important;
}

body #mobile-bottom-navigation {
  height: 64px !important;
  overflow: hidden;
  background: rgba(255, 255, 255, .98) !important;
  border-top: 1px solid var(--tnv-line);
  box-shadow: 0 -8px 24px rgba(4, 29, 57, .1);
}

body #mobile-bottom-navigation .mobile-nav-item {
  height: 64px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #fff !important;
}

#mobile-bottom-navigation .mobile-nav-item a {
  width: 100% !important;
  min-height: 64px !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--tnv-navy) !important;
  padding: 4px 2px !important;
  font-size: 9px !important;
  font-weight: 700;
  line-height: 1.15;
}

#mobile-bottom-navigation .mobile-nav-item a br {
  display: none;
}

#mobile-bottom-navigation .mobile-nav-item a > span:last-child {
  max-width: 100%;
  font-size: 9px !important;
  line-height: 1.15;
  white-space: nowrap;
}

.contact-action-icon {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  margin-bottom: 3px;
  color: #fff;
  background: var(--tnv-navy);
  border-radius: 50%;
  font-size: 17px;
  font-weight: 800;
  line-height: 1;
}

.contact-action-zalo {
  background: #0877e8;
  font-size: 9px;
}

@media (max-width: 849px) {
  #wide-nav,
  #wide-nav.header-bottom,
  #wide-nav > .flex-row {
    height: 40px !important;
    min-height: 40px !important;
    overflow: hidden !important;
  }

  #wide-nav > .flex-row,
  #wide-nav .show-for-medium.flex-grow {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  #wide-nav .header-bottom-nav.mobile-nav {
    width: 100% !important;
    max-width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #wide-nav .header-bottom-nav.mobile-nav > li {
    width: 33.3333% !important;
    max-width: 33.3333% !important;
    height: 40px !important;
    flex: 0 0 33.3333% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #wide-nav .header-bottom-nav.mobile-nav > li > a {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 2px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  #main #section_1572232889,
  #main #section_1221603431,
  #main #section_1476698721,
  #main #section_1880505713,
  #main #section_112358824,
  #main #section_1983010095,
  #main #section_246055913,
  #main #section_2001539373,
  #main #section_1649272732,
  #main #section_2020050466,
  #main #section_1454709501,
  #main #section_1005107412,
  #main #section_1849946615,
  #main #section_52864114 {
    display: block !important;
  }

  body.home {
    overflow-x: clip;
  }

  #main #section_1221603431 .row,
  #main #section_1476698721 .row,
  #main #section_1880505713 .row,
  #main #section_112358824 .row,
  #main #section_1983010095 .row,
  #main #section_246055913 .row,
  #main #section_2001539373 .row,
  #main #section_1649272732 .row,
  #main #section_2020050466 .row,
  #main #section_1454709501 .row,
  #main #section_1005107412 .row,
  #main #section_1849946615 .row,
  #main #section_52864114 .row {
    width: calc(100vw - 30px) !important;
    max-width: calc(100vw - 30px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  #main #section_1221603431 .row > .col,
  #main #section_1983010095 .row > .col,
  #main #section_2001539373 .row > .col,
  #main #section_2020050466 .row > .col,
  #main #section_1005107412 .row > .col,
  #main #section_52864114 .row > .col {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }

  #main #section_1221603431 #row-553353203 > .col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  #main #section_1221603431 #row-1835979266 > .col {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }

  #main #section_1880505713 .row > .col,
  #main #section_1476698721 .row > .col,
  #main #section_112358824 .row > .col,
  #main #section_246055913 .row > .col,
  #main #section_1649272732 .row > .col,
  #main #section_1454709501 .row > .col,
  #main #section_1849946615 .row > .col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  #text-1117067610 {
    font-size: 1rem !important;
    line-height: 1.35;
  }

  #text-1117067610 h3,
  #main #section_1476698721 h2,
  #main #section_112358824 h2,
  #main #section_246055913 h2,
  #main #section_1649272732 h2,
  #main #section_1454709501 h2,
  #main #section_1849946615 h2 {
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  #main #section_1221603431 {
    padding-top: 6px !important;
    padding-bottom: 8px !important;
  }

  #text-1117067610 h3 {
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
  }

  #section_1221603431 .box-text {
    padding: 8px 5px !important;
  }

  #section_1221603431 .box-text h4 {
    margin-bottom: 3px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  #section_1221603431 .box-text p {
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
  }

  #main #section_1476698721,
  #main #section_112358824,
  #main #section_246055913,
  #main #section_1649272732,
  #main #section_1454709501,
  #main #section_1849946615 {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  #main #section_1476698721 h2,
  #main #section_112358824 h2,
  #main #section_246055913 h2,
  #main #section_1649272732 h2,
  #main #section_1454709501 h2,
  #main #section_1849946615 h2 {
    margin-bottom: 5px !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
  }

  #main #section_1476698721 p,
  #main #section_112358824 p,
  #main #section_246055913 p,
  #main #section_1649272732 p,
  #main #section_1454709501 p,
  #main #section_1849946615 p {
    margin-bottom: 0 !important;
    font-size: 12px !important;
  }

  #main #section_1880505713 {
    padding-top: 20px !important;
    padding-bottom: 22px !important;
  }

  #section_1880505713 p,
  #section_1880505713 p span {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  #section_1880505713 .button {
    min-height: 36px !important;
    margin: 3px 5px 8px 0 !important;
    padding: 0 13px !important;
    font-size: 11px !important;
    line-height: 34px !important;
  }

  #main #section_1983010095 h2,
  #main #section_2001539373 h2,
  #main #section_2020050466 h2,
  #main #section_1005107412 h2,
  #main #section_52864114 h2 {
    min-height: 38px;
    margin: 6px 3px 4px !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
  }

  #main #section_1983010095 .gap-element,
  #main #section_2001539373 .gap-element,
  #main #section_2020050466 .gap-element,
  #main #section_1005107412 .gap-element,
  #main #section_52864114 .gap-element {
    padding-top: 4px !important;
  }

  #section_1341255179 .image-cover,
  #section_1909476467 .image-cover {
    padding-top: 58% !important;
  }

  #section_1341255179 .box-text,
  #section_1909476467 .box-text {
    padding: 10px 11px 11px !important;
  }

  #section_1341255179 .post-title,
  #section_1909476467 .post-title {
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  #section_1341255179 .from_the_blog_excerpt,
  #section_1909476467 .from_the_blog_excerpt {
    min-height: 0 !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  body #mobile-bottom-navigation {
    right: 0 !important;
    left: 0 !important;
    width: 100vw !important;
  }

  body #mobile-bottom-navigation > .grid__item {
    width: 25% !important;
    max-width: 25% !important;
    flex: 0 0 25% !important;
  }

  .container,
  .row,
  .row.row-small,
  .row.row-large {
    width: calc(100% - 30px);
  }

  .header-main {
    height: 78px !important;
  }

  #top-bar {
    height: 48px !important;
    min-height: 48px !important;
    background: var(--tnv-navy) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
  }

  #top-bar > .flex-row.container,
  #top-bar .show-for-medium.flex-grow,
  #top-bar .mobile-nav {
    width: 100% !important;
  }

  #top-bar > .flex-row.container {
    max-width: none !important;
    height: 48px !important;
    padding: 0 14px !important;
  }

  #top-bar .mobile-nav {
    min-height: 48px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  #top-bar .mobile-nav > li {
    margin: 0 !important;
  }

  #top-bar .header-contact-wrapper {
    min-width: 0;
    flex: 0 1 auto;
  }

  #top-bar .header-contact,
  #top-bar .header-contact > li,
  #top-bar .header-contact a {
    min-height: 0 !important;
    margin: 0 !important;
  }

  #top-bar .header-contact a {
    display: flex !important;
    align-items: center;
    gap: 7px;
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
  }

  #top-bar .header-contact .icon-phone,
  #top-bar .header-contact .icon-phone::before {
    font-size: 20px !important;
    line-height: 1 !important;
  }

  #top-bar .header-search-form {
    width: auto !important;
    min-width: 132px;
    max-width: 176px;
    flex: 1 1 176px;
  }

  #top-bar .header-divider {
    display: none !important;
  }

  #top-bar a,
  #top-bar span,
  #top-bar i,
  #top-bar i::before {
    color: #fff !important;
  }

  #header #top-bar .header-contact a,
  #header #top-bar .header-contact a span,
  #header #top-bar .header-contact a i,
  #header #top-bar .header-contact a i::before {
    color: #fff !important;
  }

  #top-bar .searchform .flex-row.relative {
    height: 34px;
    border: 1px solid rgba(255, 255, 255, .62) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, .08) !important;
    box-shadow: none !important;
  }

  #top-bar .search-field,
  #top-bar .searchform .button {
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #top-bar .search-field {
    padding: 0 10px !important;
    color: #fff !important;
    font-size: 12px !important;
  }

  #top-bar .search-field::placeholder {
    color: rgba(255, 255, 255, .68) !important;
  }

  #top-bar .searchform .button {
    width: 34px !important;
    padding: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, .32) !important;
    border-radius: 0 !important;
  }

  #top-bar .searchform .button i,
  #top-bar .searchform .button i::before {
    font-size: 15px !important;
  }

  #logo {
    width: 205px !important;
  }

  #logo > a {
    gap: 6px;
    font-size: 13px;
  }

  #logo img,
  .stuck #logo img {
    width: 66px !important;
    height: 66px !important;
    max-height: 66px !important;
    flex-basis: 66px;
  }

  #slider-361446656 img {
    min-height: 310px;
    object-position: 62% center;
  }

  #col-2107447930 iframe {
    height: 420px !important;
  }
}

@media (min-width: 769px) {
  #mobile-bottom-navigation {
    display: none !important;
  }
}

@media (max-width: 549px) {
  body {
    padding-bottom: 64px;
  }

  #logo {
    width: 92px !important;
  }

  #logo > a::after {
    display: none;
  }

  #logo img,
  .stuck #logo img {
    width: 72px !important;
    height: 72px !important;
    max-height: 72px !important;
    flex-basis: 72px;
  }

  #slider-361446656 img {
    min-height: 255px;
  }

  #section_1341255179 .post-title,
  #section_1909476467 .post-title,
  #section_1341255179 .from_the_blog_excerpt,
  #section_1909476467 .from_the_blog_excerpt {
    min-height: 0;
  }

  #section_1572232889.hide-for-small {
    display: block !important;
  }

  #mobile-bottom-navigation .mobile-nav-item a {
    min-height: 64px !important;
  }

  #mobile-bottom-navigation > .mobile-nav-item {
    width: 25% !important;
    max-width: 25% !important;
    flex: 0 0 25% !important;
  }

  .contact-action-icon {
    width: 27px;
    height: 27px;
    font-size: 15px;
  }
}