/* Toả Sáng Event (event6) — trang chủ y hệt mockup v2 (vàng #F7D322 + đen #000 màu gốc), agency tương phản cao; cỡ đo theo mockup 733px x1.965 (09-30) */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap");
:root { --ts-y: #F7D322; --ts-y-d: #E6C100; --ts-k: #000000; --ts-k2: #0A0A0A; --ts-ink: #111111; --ts-text: #3F3F46; --ts-muted: #6B6B72; --ts-line: #E5E5E5; --ts-dline: #3A3A3A; --ts-bg: #F4F4F4; }
body, p, li, a, input, select, textarea, button, td, th, .nav > li > a, .ts-sec, .ts-footer { font-family: "Inter", sans-serif !important; }
h1, h2, h3, h4, .ts-h2, .ts-hero-title, .ts-kicker, .ts-stats b, .ts-steps b, #logo a, .ts-ft-logo, .ts-cta h2 { font-family: "Barlow Condensed", "Inter", sans-serif !important; }
body { background: #fff; } h1 a, h2 a, h3 a, h4 a { font-family: inherit !important; }
/* header */
#top-bar { background: #111 !important; border-bottom: 1px solid #1f1f1f; } #top-bar .flex-row { min-height: 37px; }
#top-bar li.html, #top-bar a, #top-bar span { color: #D6D6D6 !important; font-size: 13px !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 400 !important; }
.ts-tb-l { display: inline-flex; gap: 12px; align-items: center; } .ts-tb-l i { font-style: normal; color: #D6D6D6; }
.ts-tb-r b { color: var(--ts-y) !important; font-weight: 700; font-size: 17px; margin-left: 4px; font-family: "Barlow Condensed", sans-serif !important; letter-spacing: .02em; }
#header .header-main { background: #000 !important; border-bottom: 1px solid #1c1c1c; }
#logo, #header #logo { width: auto !important; margin: 0 !important; top: 0 !important; } #header #logo a { white-space: nowrap; display: flex; align-items: center; gap: 12px; font-size: 32px; font-weight: 600; color: #fff !important; line-height: 1; text-transform: none !important; letter-spacing: 0; top: 0; margin: 0; }
#header #logo a::before { content: ""; width: 56px; height: 52px; flex: 0 0 56px; background: url(icons/logo.png) center/contain no-repeat; } #logo img { display: none !important; }
#header .header-nav-main > li { margin: 0 17px !important; white-space: nowrap; } #header .header-nav-main { flex-wrap: nowrap !important; }
#header .header-nav-main > li > a { font-size: 15px !important; font-weight: 500 !important; color: #E8E8E8 !important; text-transform: none !important; letter-spacing: 0 !important; padding: 10px 0 !important; position: relative; background: transparent !important; }
#header .header-nav-main > li.active > a, #header .header-nav-main > li.current-menu-item > a, #header .header-nav-main > li > a:hover { color: var(--ts-y) !important; }
#header .header-nav-main > li.current-menu-item > a[href*="#"] { color: #E8E8E8 !important; } #header .header-nav-main > li.current-menu-item > a[href*="#"]::after { display: none; }
#header .header-nav-main > li.current-menu-item > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 3px; background: var(--ts-y); top: auto; width: auto; opacity: 1; }
#header .header-button-1 { margin-left: 22px !important; } #header .header-button-1 .button { background: var(--ts-y) !important; color: #000 !important; border: 0 !important; border-radius: 3px !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 15px !important; font-weight: 700 !important; height: 42px; line-height: 42px; padding: 0 26px !important; min-width: 98px; margin: 0; }
.mobile-nav i, .mobile-nav .icon-menu, #header .mobile-nav a { color: #fff !important; background: transparent !important; } .off-canvas .nav-sidebar a { font-family: "Inter", sans-serif !important; }
/* chung */
.ts-sec p { margin-bottom: 0; } .ts-sec .col, .ts-sec .col-inner { padding-bottom: 0 !important; } .ts-sec .row .col { padding-bottom: 0 !important; } .ts-center { text-align: center; }
.ts-h2 { color: var(--ts-ink) !important; font-size: 54px !important; font-weight: 700 !important; line-height: .95 !important; text-transform: uppercase; margin: 0 0 22px !important; padding-bottom: 16px; position: relative; letter-spacing: 0; }
.ts-h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 60px; height: 5px; background: var(--ts-y); }
.dark .ts-h2, .ts-about .ts-h2, .ts-why .ts-h2, .ts-testi .ts-h2 { color: #fff !important; }
.ts-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 3px; font-weight: 600; font-size: 17px; padding: 0 30px; min-height: 50px; text-decoration: none !important; line-height: 1.2; }
.ts-btn-y { background: var(--ts-y); color: #000 !important; } .ts-btn-y:hover { background: var(--ts-y-d); }
.ts-btn-line { border: 2px solid rgba(255,255,255,.9); color: #fff !important; } .ts-btn-sm { min-height: 50px; min-width: 222px; font-size: 17px; }
.ts-ne { display: inline-block; width: 15px; height: 15px; background: currentColor; -webkit-mask: url(icons/arr-ne.png) center/contain no-repeat; mask: url(icons/arr-ne.png) center/contain no-repeat; flex: 0 0 15px; }
.ts-link { display: inline-flex; align-items: center; gap: 10px; color: var(--ts-ink) !important; font-size: 16px; font-weight: 600; border-bottom: 2px solid var(--ts-ink); padding-bottom: 4px; line-height: 1.2; }
.ts-link-y { color: var(--ts-y) !important; border-color: var(--ts-y); }
.ts-arr { display: inline-block; width: 22px; height: 22px; background: var(--ts-ink); -webkit-mask: url(icons/arr-r.png) center/contain no-repeat; mask: url(icons/arr-r.png) center/contain no-repeat; flex: 0 0 22px; }
.ts-head { display: flex; align-items: flex-end; gap: 44px; margin-bottom: 26px; } .ts-head .ts-h2 { margin: 0 !important; flex: 0 0 auto; width: fit-content; max-width: 100%; } .ts-head-sub { color: var(--ts-text); font-size: 16px; line-height: 1.6; padding-bottom: 22px; flex: 0 1 auto; min-width: 0; }
.ts-head .ts-more { margin-left: auto; margin-bottom: 20px; flex: 0 0 auto; }
.ts-head-2 { justify-content: space-between; } .ts-head-2 .ts-head-sub { flex: 0 1 560px; }
/* hero */
.ts-hero .section-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.62) 36%, rgba(0,0,0,0) 62%); }
.ts-hero .col { padding-bottom: 0 !important; } .ts-hero-in { height: 470px; display: flex; flex-direction: column; justify-content: center; padding-bottom: 6px; }
.ts-kicker { color: #fff; font-size: 17px; font-weight: 600; text-transform: uppercase; letter-spacing: .34em; margin: 0 0 16px; }
.ts-hero-title { color: #fff !important; font-size: 96px !important; font-weight: 800 !important; line-height: .98 !important; text-transform: uppercase; margin: 0 0 14px !important; letter-spacing: 0; }
.ts-hero-lead { color: #fff; font-size: 19px; margin: 0 0 30px; font-weight: 500; }
.ts-btns { display: flex; gap: 48px; margin: 0 0 34px; } .ts-hero .ts-btn { min-width: 220px; min-height: 50px; }
.ts-pager { display: flex; align-items: center; gap: 18px; color: #bbb; font-size: 15px; } .ts-pager b { color: #fff; } .ts-pager i { width: 196px; height: 3px; background: #444; position: relative; } .ts-pager i::after { content: ""; position: absolute; left: 50px; top: 0; width: 70px; height: 3px; background: var(--ts-y); }
.ts-pager em { font-style: normal; color: #fff; font-size: 26px; line-height: 1; margin-left: 10px; }
/* về chúng tôi */
.ts-about-top { display: flex; justify-content: space-between; gap: 40px; margin-bottom: 16px; } .ts-about .ts-h2 { margin: 0 !important; flex: 0 0 auto; white-space: nowrap; width: fit-content; }
.ts-about-txt { flex: 0 1 620px; min-width: 0; max-width: 620px; color: #D9D9D9; font-size: 15px; line-height: 1.6; } .ts-about-txt > div:first-child { margin-bottom: 12px; }
.ts-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
.ts-stats > div { border: 1px solid #4A4A4A; text-align: center; padding: 16px 10px 18px; } .ts-stats b { display: block; color: var(--ts-y); font-size: 68px; font-weight: 700; line-height: 1; margin-bottom: 4px; } .ts-stats span { color: #fff; font-size: 17px; }
/* dự án */
.ts-pj { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 58px; }
.ts-pj-img { display: block; position: relative; aspect-ratio: 3.24 / 1; overflow: hidden; background: #222; } .ts-pj-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; } .ts-pj-img:hover img { transform: scale(1.04); }
.ts-date { position: absolute; left: 22px; bottom: 16px; background: var(--ts-y); color: #000; font-size: 14px; font-weight: 700; padding: 5px 12px; font-family: "Barlow Condensed", sans-serif; letter-spacing: .04em; font-size: 16px; }
.ts-pj-body { position: relative; padding: 12px 40px 6px 2px; } .ts-pj-body h3 { font-family: "Inter", sans-serif !important; font-size: 21px !important; font-weight: 600 !important; margin: 0 0 4px !important; line-height: 1.3 !important; } .ts-pj-body h3 a { color: var(--ts-ink) !important; }
.ts-meta { color: var(--ts-muted); font-size: 14.5px; } .ts-meta i { font-style: normal; margin: 0 10px; color: #aaa; } .ts-pj-body .ts-arr-w { position: absolute; right: 8px; top: 18px; line-height: 0; }
/* vì sao */
.ts-why .ts-h2 { margin-bottom: 16px !important; } .ts-why3 { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 34px; } .ts-why3 > div { text-align: center; padding: 0 20px; } .ts-why3 > div + div { border-left: 1px solid #3F3F3F; }
.ts-why3 img { width: 58px; height: 58px; margin: 0 auto 12px; display: block; } .ts-why3 h3 { color: #fff !important; font-size: 30px !important; font-weight: 700 !important; text-transform: uppercase; margin: 0 0 8px !important; letter-spacing: 0; } .ts-why3 > div > div { color: #CFCFCF; font-size: 15.5px; line-height: 1.6; }
.ts-video-row > .col { padding-bottom: 0 !important; }
.ts-video { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 278px; background: #222 center/cover no-repeat; padding-bottom: 20px; overflow: hidden; }
.ts-video::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.08) 30%, rgba(0,0,0,.62) 100%); }
.ts-play-w { position: absolute; left: 50%; top: 34%; transform: translate(-50%, -50%); z-index: 1; } .ts-play { position: relative; width: 84px; height: 84px; border-radius: 50%; background: var(--ts-y); display: flex; align-items: center; justify-content: center; } .ts-play img { width: 34px; height: 34px; margin-left: 5px; }
.ts-video .ts-vt { position: relative; color: #fff; font-family: "Barlow Condensed", sans-serif; font-size: 40px; font-weight: 700; text-transform: uppercase; line-height: 1.1; } .ts-video .ts-vs { position: relative; color: #fff; font-size: 16px; margin-top: 6px; display: flex; align-items: center; gap: 10px; } .ts-video .ts-vs i { width: 6px; height: 6px; border-radius: 50%; background: var(--ts-y); }
/* dịch vụ */
.ts-sv { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 30px; margin-bottom: 26px; }
.ts-sv a { display: block; color: var(--ts-ink) !important; } .ts-sv img { width: 100%; aspect-ratio: 2.2 / 1; object-fit: cover; display: block; background: #ddd; margin-bottom: 10px; }
.ts-sv span { display: flex; justify-content: space-between; align-items: center; font-size: 17px; font-weight: 600; } .ts-sv span::after { content: ""; width: 18px; height: 18px; background: var(--ts-ink); -webkit-mask: url(icons/arr-r.png) center/contain no-repeat; mask: url(icons/arr-r.png) center/contain no-repeat; flex: 0 0 18px; }
.ts-head-steps { margin-top: 30px; margin-bottom: 26px; } .ts-head-steps .ts-head-sub { flex-basis: 640px; }
.ts-steps { display: grid; grid-template-columns: repeat(4, 1fr); } .ts-steps > div { display: flex; gap: 20px; padding: 0 8px 0 28px; } .ts-steps > div:first-child { padding-left: 0; } .ts-steps > div + div { border-left: 1px solid #D4D4D4; }
.ts-steps b { color: var(--ts-y); font-size: 84px; font-weight: 700; line-height: .85; flex: 0 0 auto; } .ts-steps h3 { font-family: "Inter", sans-serif !important; font-size: 16px !important; white-space: nowrap; font-weight: 700 !important; color: var(--ts-ink) !important; margin: 0 0 8px !important; } .ts-steps .ts-s { color: var(--ts-muted); font-size: 14px; line-height: 1.55; }
/* khách hàng */
.ts-tm { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; } .ts-testi .ts-h2 { margin-bottom: 20px !important; }
.ts-tm-card { border: 1px solid #3A3A3A; padding: 18px 18px 18px; min-height: 214px; display: flex; gap: 24px; align-items: flex-start; } .ts-tm-img { flex: 0 0 122px; } .ts-tm-img img { width: 122px; height: 138px; object-fit: cover; display: block; background: #333; }
.ts-q { width: 24px; height: 24px; margin-bottom: 4px; display: block; } .ts-tm-txt { color: #DADADA; font-size: 13.5px; line-height: 1.55; margin-bottom: 10px; } .ts-tm-body .ts-nm { color: #fff; font-size: 17px; font-weight: 700; } .ts-tm-body .ts-role { color: #BDBDBD; font-size: 14px; }
/* tin + hình ảnh + đối tác */
.ts-nw-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 0; } .ts-nw { padding-right: 46px; border-right: 1px solid var(--ts-line); } .ts-gl { padding-left: 42px; }
.ts-nw-item { display: flex; gap: 24px; align-items: center; margin-bottom: 18px; } .ts-nw-img { flex: 0 0 168px; } .ts-nw-img img { width: 168px; height: 94px; object-fit: cover; display: block; background: #ddd; }
.ts-nw-body { flex: 1; } .ts-nw-body small { color: var(--ts-muted); font-size: 13.5px; } .ts-nw-body h3 { font-family: "Inter", sans-serif !important; font-size: 15.5px !important; font-weight: 700 !important; margin: 2px 0 4px !important; line-height: 1.35 !important; } .ts-nw-body h3 a { color: var(--ts-ink) !important; } .ts-nw-body .ts-s { color: var(--ts-muted); font-size: 14px; line-height: 1.5; display: block; }
.ts-nw .ts-more, .ts-gl .ts-more { margin-top: 4px; } .ts-arr-w { line-height: 0; flex: 0 0 auto; } .ts-gl-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 20px; } .ts-gl-grid div { aspect-ratio: 1.4 / 1; background: #ddd; overflow: hidden; } .ts-gl-grid img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ts-partners { border-top: 1px solid var(--ts-line); margin-top: 22px; padding-top: 26px; } .ts-partners .ts-h2 { margin-bottom: 18px !important; }
.ts-logos { display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; } .ts-logos span { font-family: "Noto Serif", Georgia, serif; font-size: 26px; font-weight: 500; letter-spacing: .04em; color: #555; text-transform: uppercase; flex: 1; text-align: center; } .ts-logos span:first-child { text-align: left; } .ts-logos span:last-child { text-align: right; } .ts-logos span + span { border-left: 2px solid #CFCFCF; }
/* footer */
.ts-footer .col { padding-bottom: 0 !important; } .ts-footer .row { max-width: 1270px !important; }
.ts-cta { display: flex; justify-content: space-between; align-items: center; padding: 22px 0; } .ts-cta h2 { color: #fff !important; font-size: 64px !important; font-weight: 700 !important; text-transform: uppercase; margin: 0 !important; line-height: 1; } .ts-cta .ts-btn { min-width: 264px; }
.ts-footer .ts-ft-cta { border-bottom: 1px solid #2A2A2A; } .ts-ft-main { padding: 26px 0 16px; } .ts-ft-main > .col + .col { border-left: 1px solid #2E2E2E; padding-left: 40px; }
.ts-footer p.ts-ft-logo, .ts-ft-logo { display: flex; align-items: center; gap: 12px; color: #fff; font-size: 34px; font-weight: 600; line-height: 1; margin: 0 0 20px; } .ts-ft-logo img { width: 62px; height: 58px; object-fit: contain; }
.ts-ft-slogan { color: #D0D0D0; font-size: 16px; line-height: 1.65; }
.ts-footer h4 { color: var(--ts-y) !important; font-size: 20px !important; font-weight: 700 !important; text-transform: uppercase; margin: 0 0 12px !important; letter-spacing: 0; }
.ts-ft-links, .ts-ft-info { list-style: none; margin: 0 !important; padding: 0; } .ts-ft-links li, .ts-ft-info li { margin: 0 0 6px !important; list-style: none; } .ts-ft-links a { color: #E0E0E0 !important; font-size: 16px; }
.ts-ft-info li { display: flex; gap: 16px; align-items: flex-start; color: #E0E0E0; font-size: 16px; line-height: 1.5; } .ts-ft-info img { width: 26px; height: 26px; flex: 0 0 26px; margin-top: 1px; } .ts-ft-info a { color: #E0E0E0 !important; }
.ts-ft-info li.ts-ft-phone a { color: var(--ts-y) !important; font-family: "Barlow Condensed", sans-serif !important; font-size: 30px; font-weight: 700; line-height: 1; }
.ts-ft-bottom { border-top: 1px solid #2A2A2A; } .ts-ft-copy { display: flex; justify-content: space-between; padding: 20px 0; color: #BDBDBD; font-size: 14.5px; } .ts-ft-copy a { color: #BDBDBD !important; }
.absolute-footer, #footer .absolute-footer { display: none !important; } .back-to-top { background: var(--ts-y) !important; color: #000 !important; border-color: var(--ts-y) !important; }
/* mobile */
@media (max-width: 849px) {
  #header #logo a { font-size: 24px; gap: 8px; } #header #logo a::before { width: 40px; height: 38px; flex-basis: 40px; }
  .ts-h2 { font-size: 36px !important; margin-bottom: 22px !important; } .ts-head, .ts-about-top { flex-direction: column; align-items: flex-start; gap: 12px; } .ts-head .ts-more { margin-left: 0; } .ts-head-sub { padding-bottom: 0; }
  .ts-stats, .ts-sv { grid-template-columns: 1fr 1fr; gap: 14px; } .ts-stats b { font-size: 52px; } .ts-stats span { font-size: 14px; }
  .ts-pj, .ts-tm, .ts-why3, .ts-steps, .ts-nw-wrap { grid-template-columns: 1fr; } .ts-pj-img { aspect-ratio: 2 / 1; }
  .ts-why3 > div { padding: 18px 0; } .ts-why3 > div + div { border-left: 0; border-top: 1px solid #3F3F3F; }
  .ts-steps > div { padding: 14px 0 !important; } .ts-steps > div + div { border-left: 0; border-top: 1px solid #ddd; } .ts-steps b { font-size: 60px; }
  .ts-sv span { font-size: 15px; } .ts-video { height: 220px; } .ts-video .ts-vt { font-size: 28px; text-align: center; }
  .ts-tm-card { flex-direction: column; } .ts-nw { padding-right: 0; border-right: 0; margin-bottom: 30px; } .ts-gl { padding-left: 0; } .ts-nw-img { flex-basis: 120px; } .ts-nw-img img { width: 120px; height: 72px; } .ts-nw-item { gap: 14px; } .ts-nw-item > .ts-arr-w { display: none; }
  .ts-logos { flex-wrap: wrap; gap: 14px 0; } .ts-logos span { flex: 0 0 50%; text-align: center !important; font-size: 19px; border-left: 0 !important; }
  .ts-cta { flex-direction: column; align-items: flex-start; gap: 18px; } .ts-cta h2 { font-size: 40px !important; } .ts-ft-main > .col + .col { border-left: 0; padding-left: 15px; } .ts-ft-copy { flex-direction: column; gap: 8px; }
  .ts-btns { gap: 12px; flex-wrap: wrap; } .ts-hero .ts-btn, .tsi-hero .ts-btn { min-width: 0 !important; flex: 1 1 150px; padding: 0 10px; font-size: 14.5px !important; white-space: nowrap; }
}
/* ruler:manual — event6 10-01: ruler đo tiêu đề NHO x1.2-1.3 do font mockup cao/hẹp hơn Barlow Condensed; đo theo BỀ RỘNG chữ (mw.py) thì bản dựng đã bằng/rộng hơn mockup -> không phóng tiêu đề, chỉ thu các khối rộng hơn mockup > 10% và phóng icon ngoặc kép */
@media (min-width: 850px) { .ts-hero-title { font-size: 88px !important; } .ts-cta h2 { font-size: 60px !important; } .ts-tm-body img.ts-q { width: 28px !important; height: 28px !important; } }
/* /ruler:manual */
/* mid-fix */ @media (min-width: 850px) and (max-width: 1199px) { .ts-hero-title { font-size: 76px !important; } .ts-cta h2 { font-size: 50px !important; } .ts-sv { grid-template-columns: repeat(2, 1fr); } .ts-tm { grid-template-columns: 1fr; } .ts-steps { grid-template-columns: 1fr 1fr; row-gap: 20px; } .ts-steps > div:nth-child(3) { padding-left: 0; border-left: 0; } .ts-steps b { font-size: 64px; } .ts-gl { padding-left: 40px; } .ts-nw { padding-right: 30px; } .ts-nw-img { flex-basis: 120px; } .ts-nw-img img { width: 120px; height: 72px; } .ts-logos span { font-size: 20px; } .ts-head-2 { flex-wrap: wrap; } .ts-why3 > div { padding: 0 12px; } .ts-why3 h3 { font-size: 24px !important; } } /* /mid-fix */
/* mob-hero */ @media (max-width: 849px) { .section.ts-hero, .section.tsi-hero { padding-top: 250px !important; background-color: #000 !important; min-height: 0 !important; } .ts-hero .section-bg, .tsi-hero .section-bg { top: 0 !important; bottom: auto !important; height: 250px !important; background-size: cover !important; background-position: 75% 50% !important; } .ts-hero .section-bg::after, .tsi-hero .section-bg::after { display: none !important; } .ts-hero-in, .tsi-hero-in { height: auto !important; min-height: 0 !important; padding: 22px 0 30px !important; } .ts-hero-title { font-size: 50px !important; } .ts-kicker { font-size: 13px; letter-spacing: .24em; } .ts-hero-lead { font-size: 16px; margin-bottom: 20px; } .ts-pager { display: none; } } /* /mob-hero */
/* _midwidth: header Flatsome ở 850-1399px (laptop nhỏ/tablet ngang) — menu dựng theo mockup 1440 tràn phải; dùng chung mọi site */
@media (min-width: 850px) and (max-width: 1399px) {
  #header .header-nav-main > li, #header .header-bottom-nav > li { margin-left: 6px !important; margin-right: 6px !important; }
  #header .header-nav-main > li > a, #header .header-bottom-nav > li > a { font-size: 14px !important; }
  #header .header-search-form { max-width: 300px !important; width: 300px !important; margin-left: 20px !important; }
}
@media (min-width: 850px) and (max-width: 1199px) {
  #logo { width: auto !important; max-width: 210px !important; } #logo a { font-size: 21px !important; }
  #header .header-main .flex-right .header-button-1, #header .header-main .flex-right li.html, #header .header-search-form, #top-bar .flex-right { display: none !important; }
  #header .header-nav-main > li, #header .header-bottom-nav > li { margin-left: 3px !important; margin-right: 3px !important; }
  #header .header-nav-main > li > a, #header .header-bottom-nav > li > a { font-size: 13px !important; }
  #header .flex-col { min-width: 0; } #header .header-inner, #header .header-bottom .container { overflow: hidden; }
}
.col-inner a[href^="mailto"], .col-inner a[href^="tel"] { overflow-wrap: anywhere; }