/*
Theme Name:   SAJT19 (Flatsome Child)
Theme URI:    https://sajt19.info
Description:  Child theme of Flatsome carrying the SAJT19 single-page design in Serbian, English and Slovenian. All page copy lives in inc/copy-sr.php, copy-en.php and copy-sl.php. Site-wide facts live in config.php.
Author:       SAJT19
Template:     flatsome
Version:      1.3.2
Text Domain:  sajt19
*/

/* -------------------------------------------------------------------------
   NOTE: On the SAJT19 page template, Flatsome's own stylesheets are dequeued
   (see config.php -> S19_DEQUEUE_FLATSOME) so nothing here has to fight the
   parent theme. Every other page on the site still uses Flatsome normally.
   ------------------------------------------------------------------------- */
/* Safety net: an inline SVG with no class must never expand to fill the
   viewport. Sized rules below override this per component. */
.s19-landing svg{max-width:100%;max-height:100%}

/* Flatsome leftovers. Its stylesheet is dequeued on this template, so anything
   Flatsome prints outside our markup (the mobile sidebar with its search box,
   "WooCommerce not Found", Newsletter link and social icons) would otherwise
   show up as raw text under the footer. Functions.php removes the hooks that
   emit it; this keeps it invisible even if a Flatsome update re-adds them. */
.s19-landing #main-menu,
.s19-landing .mobile-sidebar,
.s19-landing .mfp-hide,
.s19-landing .off-canvas,
.s19-landing #wrapper > .searchform-wrapper,
.s19-fallback #main-menu,
.s19-fallback .mobile-sidebar,
.s19-fallback .mfp-hide,
.s19-fallback .off-canvas,
.s19-fallback #wrapper > .searchform-wrapper{display:none!important}

:root{
  color-scheme: light;
  --white:#FFFFFF;
  --bg:#FFFFFF;
  --bg-alt:#F4F8FB;
  --navy:#0E3350;
  --navy-2:#123F60;
  --text:#152A3C;
  --muted:#57708A;
  --line:#DFE8F0;
  --line-2:#EDF2F7;
  --blue:#1687C8;
  --blue-dark:#0F6796;
  --blue-tint:#E7F3FB;
  --orange:#F26A21;
  --orange-dark:#D9550F;
  --shadow-sm:0 1px 2px rgba(14,51,80,.06), 0 2px 8px rgba(14,51,80,.05);
  --shadow-md:0 2px 6px rgba(14,51,80,.07), 0 12px 32px rgba(14,51,80,.09);
  --display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --body:"Source Sans 3","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --wrap:1200px;
  --pad:28px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;margin:0;color:var(--navy);letter-spacing:-.02em;line-height:1.15;text-wrap:balance}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
a{color:inherit;text-decoration:none}
img{max-width:100%}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px;border-radius:3px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--body);font-weight:600;font-size:16px;padding:14px 24px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;white-space:nowrap;text-align:center}
.btn-cta{background:var(--orange);color:#fff;box-shadow:0 2px 10px rgba(242,106,33,.28)}
.btn-cta:hover{background:var(--orange-dark)}
.btn-line{border-color:var(--line);color:var(--navy);background:#fff}
.btn-line:hover{border-color:var(--blue);color:var(--blue)}
.btn-sm{padding:10px 18px;font-size:15px}
.btn-block{width:100%}

/* ---------- top bar ---------- */
.topbar{background:var(--navy);color:#C7DCEC;font-size:14.5px}
.topbar .wrap{display:flex;align-items:center;gap:24px;min-height:42px;flex-wrap:wrap}
.topbar a{color:#DCEAF5}
.topbar a:hover{color:#fff}
.tb-item{display:inline-flex;align-items:center;gap:7px}
.tb-item svg{width:15px;height:15px;flex:none;opacity:.8}
.langs{margin-left:auto;display:flex;align-items:center;gap:4px}
.langs button{font-family:var(--body);font-size:13px;font-weight:600;letter-spacing:.04em;background:none;border:0;color:#9FBDD4;padding:5px 9px;border-radius:3px;cursor:pointer;transition:.16s}
.langs button:hover{color:#fff}
.langs button[aria-pressed="true"]{background:rgba(255,255,255,.14);color:#fff}

/* ---------- header ---------- */
header{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--line)}
header.stuck{box-shadow:var(--shadow-sm)}
.bar{display:flex;align-items:center;gap:30px;min-height:74px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:23px;letter-spacing:-.03em;color:var(--navy)}
.logo .glyph{width:26px;height:26px;flex:none;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2.5px}
.logo .glyph i{display:block;background:var(--blue);border-radius:1.5px}
.logo .glyph i:nth-child(2){background:var(--orange)}
.logo .glyph i:nth-child(3){background:#9FC9E4}
nav.main{display:flex;gap:26px;margin-left:auto}
nav.main a{font-size:16px;font-weight:600;color:var(--navy);padding:6px 0;border-bottom:2px solid transparent;transition:.16s}
nav.main a:hover{color:var(--blue);border-bottom-color:var(--blue)}
.menu-toggle{display:none;background:#fff;border:1px solid var(--line);border-radius:4px;padding:9px 12px;cursor:pointer;font-weight:600;color:var(--navy);font-size:14px}

/* ---------- hero ---------- */
.hero{background:linear-gradient(180deg,#F4F9FD 0%,#EAF3FA 100%);border-bottom:1px solid var(--line);padding:66px 0 60px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-140px;top:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(22,135,200,.13),rgba(22,135,200,0));pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start;position:relative;z-index:1}
.kicker{display:inline-flex;align-items:center;gap:9px;background:var(--blue-tint);color:var(--blue-dark);font-weight:600;font-size:14.5px;padding:7px 14px;border-radius:100px;margin-bottom:22px}
.kicker b{color:var(--navy)}
h1{font-size:clamp(32px,4.3vw,50px);letter-spacing:-.03em;line-height:1.1}
.hero .sub{font-size:clamp(17px,1.6vw,19.5px);color:var(--muted);margin-top:20px;max-width:52ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.usp{display:grid;gap:11px;margin-top:30px;padding-top:26px;border-top:1px solid #D6E5F0}
.usp li{display:flex;gap:11px;align-items:flex-start;font-size:16.5px;color:var(--text)}
.usp svg{width:19px;height:19px;flex:none;margin-top:4px;color:var(--blue)}

/* hero form */
.leadbox{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-md);overflow:hidden}
.leadbox .head{background:var(--navy);color:#fff;padding:20px 26px}
.leadbox .head h2{color:#fff;font-size:21px}
.leadbox .head p{color:#B9D3E6;font-size:15px;margin-top:5px}
.leadbox form{padding:24px 26px 26px;display:grid;gap:15px}
label{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--navy)}
input,select,textarea{font-family:var(--body);font-size:16px;color:var(--text);background:#fff;border:1px solid #CBD9E5;border-radius:4px;padding:12px 13px;width:100%;transition:border-color .16s,box-shadow .16s}
textarea{resize:vertical;min-height:92px;line-height:1.5}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,135,200,.16)}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:38px}
.priv{font-size:13.5px;color:var(--muted);display:flex;gap:8px;align-items:flex-start;line-height:1.45}
.priv svg{width:15px;height:15px;flex:none;margin-top:3px;color:#5FA84B}

/* ---------- trust bar ---------- */
.trust{background:#fff;border-bottom:1px solid var(--line);padding:26px 0}
.trust .lbl{text-align:center;font-size:13.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.mtrack{display:flex;width:max-content;animation:slide 120s linear infinite}
.marquee:hover .mtrack{animation-play-state:paused}
.mtrack span{font-family:var(--display);font-weight:600;font-size:16px;color:#6D8AA3;padding:0 26px;white-space:nowrap;display:flex;align-items:center;gap:26px}
.mtrack span::after{content:"";width:5px;height:5px;border-radius:50%;background:#C3D5E3}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- sections ---------- */
section{padding:88px 0}
.alt{background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-head{max-width:720px;margin:0 auto 52px;text-align:center}
.sec-head .eyebrow{font-size:13.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
.sec-head h2{font-size:clamp(27px,3.3vw,38px)}
.sec-head p{color:var(--muted);font-size:18px;margin-top:14px}

/* services */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:32px 28px;display:flex;flex-direction:column;transition:box-shadow .22s,transform .22s,border-color .22s}
.card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:#C9DCEB}
.ico{width:52px;height:52px;border-radius:8px;background:var(--blue-tint);color:var(--blue-dark);display:grid;place-items:center;margin-bottom:20px}
.ico svg{width:26px;height:26px}
.card h3{font-size:21px;margin-bottom:10px}
.card .out{color:var(--text);font-weight:600;font-size:16.5px;margin-bottom:12px}
.card p.desc{color:var(--muted);font-size:16px}
.card ul{margin-top:20px;padding-top:18px;border-top:1px solid var(--line-2);display:grid;gap:9px}
.card li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;color:var(--muted);line-height:1.45}
.card li svg{width:16px;height:16px;flex:none;margin-top:4px;color:var(--blue)}
.card .more{margin-top:22px;font-weight:600;color:var(--blue);font-size:16px;display:inline-flex;gap:7px;align-items:center}
.card .more:hover{color:var(--blue-dark);gap:11px;transition:gap .18s}

/* why */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.why .n{font-family:var(--display);font-weight:700;font-size:15px;color:var(--orange);letter-spacing:.06em;margin-bottom:12px}
.why h3{font-size:19px;margin-bottom:9px}
.why p{color:var(--muted);font-size:16px}

/* process */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;counter-reset:s}
.step{position:relative;padding-top:26px;border-top:3px solid var(--blue)}
.step:nth-child(2){border-top-color:#3F9FD6}
.step:nth-child(3){border-top-color:#6FB8E2}
.step:nth-child(4){border-top-color:var(--orange)}
.step .n{font-family:var(--display);font-weight:700;font-size:14px;color:var(--muted);letter-spacing:.1em;margin-bottom:10px}
.step h3{font-size:19px;margin-bottom:9px}
.step p{color:var(--muted);font-size:16px}

/* portfolio */
.folio{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pcard{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .22s,transform .22s,border-color .22s}
.pcard:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:#C9DCEB}
.pthumb{aspect-ratio:8/5;background:#EEF3F8;overflow:hidden;border-bottom:1px solid var(--line-2);position:relative}
.pthumb svg{display:block;width:100%;height:100%;transition:transform .4s ease}
.pcard:hover .pthumb svg{transform:scale(1.035)}
.pmeta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px}
.pd{font-family:var(--display);font-weight:600;font-size:15.5px;color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pv{font-size:14px;font-weight:600;color:var(--blue);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;flex:none}
.pv svg{width:13px;height:13px;transition:.18s}
.pcard:hover .pv svg{transform:translate(2px,-2px)}
.pcard.hid{display:none}
.folio-more{display:flex;justify-content:center;margin-top:34px}
.folio-note{text-align:center;margin-top:22px;color:var(--muted);font-size:16px}

/* testimonials */
.quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.quote{background:#fff;border:1px solid var(--line);border-radius:8px;padding:30px 30px 26px;display:flex;flex-direction:column;gap:18px}
.stars{display:flex;gap:3px;color:#F5A623}
.stars svg{width:17px;height:17px}
.quote p{font-size:17px;color:var(--text);line-height:1.6}
.quote .by{display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:6px}
.avatar{width:42px;height:42px;border-radius:50%;background:var(--blue-tint);color:var(--blue-dark);display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:16px;flex:none}
.by .nm{font-weight:600;color:var(--navy);font-size:16px;line-height:1.3}
.by .rl{font-size:14.5px;color:var(--muted);line-height:1.3}

/* faq */
.faq{max-width:840px;margin:0 auto;display:grid;gap:12px}
details{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}
details[open]{border-color:#C9DCEB;box-shadow:var(--shadow-sm)}
summary{list-style:none;cursor:pointer;padding:19px 54px 19px 22px;font-family:var(--display);font-weight:600;font-size:18px;color:var(--navy);position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"";position:absolute;right:22px;top:50%;width:10px;height:10px;border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
details .ans{padding:0 22px 20px;color:var(--muted);font-size:16.5px}

/* cta band */
.band{background:var(--navy);color:#fff;padding:62px 0}
.band .inner{display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}
.band h2{color:#fff;font-size:clamp(25px,3vw,34px);max-width:22ch}
.band p{color:#B9D3E6;font-size:18px;margin-top:12px;max-width:46ch}
.band .acts{display:flex;flex-direction:column;gap:12px;min-width:260px}
.band .tel{display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;font-family:var(--display);font-weight:700;font-size:22px;padding:6px 0}
.band .tel svg{width:20px;height:20px;color:#7FC0E8}

/* footer */
footer{background:#0A2942;color:#9FBDD4;padding:52px 0 30px;font-size:15.5px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}
footer h4{color:#fff;font-size:15px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px}
footer a{color:#B7D0E2}
footer a:hover{color:#fff}
footer .flist{display:grid;gap:9px}
.fbrand .logo{color:#fff;margin-bottom:14px}
.fbrand p{max-width:34ch}
/* Izbor jezika u futeru — ista tri dugmeta kao u gornjoj traci. */
.flangs{display:flex;gap:6px;margin-top:18px}
.flangs a{font-family:var(--body);font-size:13px;font-weight:600;letter-spacing:.04em;
  color:#9FBDD4;padding:6px 11px;border:1px solid rgba(255,255,255,.16);border-radius:3px;transition:.16s}
.flangs a:hover{color:#fff;border-color:rgba(255,255,255,.4)}
.flangs a[aria-current="true"]{background:rgba(255,255,255,.14);color:#fff;border-color:transparent}
.fbot{border-top:1px solid rgba(255,255,255,.11);margin-top:38px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14.5px;color:#87A6BD}
.socials{display:flex;gap:9px;margin-top:16px}
.socials a{width:36px;height:36px;border-radius:5px;background:rgba(255,255,255,.09);display:grid;place-items:center;transition:.16s}
.socials a:hover{background:var(--blue)}
.socials svg{width:17px;height:17px;color:#fff}

/* reveal */
.rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}

@media (max-width:1080px){
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .leadbox{max-width:520px}
  .cards{grid-template-columns:1fr}
  .why,.steps{grid-template-columns:1fr 1fr}
  .folio{grid-template-columns:repeat(2,1fr)}
  .fgrid{grid-template-columns:1fr 1fr}
}
/* Navigacija ima šest stavki — ispod 900px ne staje pored dugmeta, pa prelazi
   na meni. Bez ovoga se na tabletu javljao horizontalni scroll. */
@media (max-width:900px){
  /* Gornja traka na telefonu: kontakt u prvom redu, jezici u drugom, oba
     centrirana. Bez ovoga se kontakt lepi levo a jezici desno (zbog
     margin-left:auto), pa traka izgleda rasklimatano. */
  .topbar .wrap{gap:10px 16px;padding-top:9px;padding-bottom:9px;justify-content:center}
  .topbar .tb-item.hide-sm{display:none}
  .topbar .langs{
    margin-left:0;
    flex-basis:100%;
    justify-content:center;
    gap:2px;
    padding-top:8px;
    border-top:1px solid rgba(255,255,255,.11);
  }
  header .bar{position:relative}
  nav.main{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow-md);padding:6px var(--pad) 16px;z-index:70}
  nav.main.open{display:flex}
  nav.main a{padding:14px 0;border-bottom:1px solid var(--line-2)}
  .menu-toggle{display:block;margin-left:auto}
  header .btn-cta{display:none}
}

@media (max-width:720px){
  :root{--pad:18px}
  body{font-size:16.5px}
  nav.main{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow-md);padding:6px var(--pad) 16px}
  nav.main.open{display:flex}
  nav.main a{padding:14px 0;border-bottom:1px solid var(--line-2)}
  .menu-toggle{display:block;margin-left:auto}
  header .bar{position:relative}
  header .btn-cta{display:none}
  section{padding:60px 0}
  .hero{padding:44px 0 46px}
  .why,.steps,.quotes,.folio,.fgrid{grid-template-columns:1fr}
  .sec-head{margin-bottom:36px}
  .band .acts{width:100%;min-width:0}
  .topbar .tb-item.hide-sm{display:none}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .rv{opacity:1;transform:none}
}

/* =========================================================================
   WordPress additions — parts the static prototype did not need.
   ========================================================================= */

/* Language switcher is now real links, not JS buttons */
.langs a{font-family:var(--body);font-size:13px;font-weight:600;letter-spacing:.04em;color:#9FBDD4;padding:5px 9px;border-radius:3px;transition:.16s}
.langs a:hover{color:#fff}
.langs a[aria-current="true"]{background:rgba(255,255,255,.14);color:#fff}

/* Skip link */
.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--orange);color:#fff;font-weight:600;padding:12px 18px;border-radius:0 0 4px 0}
.skip:focus{left:0}

/* Honeypot — hidden from people, reachable by bots */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* Form result messages */
.formmsg{display:flex;gap:10px;align-items:flex-start;margin:22px 26px -4px;padding:14px 16px;border-radius:5px;font-size:15.5px;line-height:1.45}
.formmsg svg{width:18px;height:18px;flex:none;margin-top:3px}
.formmsg.ok{background:#E9F6EC;border:1px solid #BFE3C7;color:#245C33}
.formmsg.err{background:#FDECEA;border:1px solid #F5C6C0;color:#8C2B21}
.formmsg:focus{outline:none}

/* Cookie notice */
.cookiebar{position:fixed;left:16px;right:16px;bottom:16px;z-index:120;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-md);padding:18px 20px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;max-width:660px;margin:0 auto}
.cookiebar p{font-size:15px;color:var(--text);margin:0;flex:1 1 280px}
.cb-acts{display:flex;gap:10px;flex:none}

/* WordPress admin bar must not hide the sticky header */
body.admin-bar header{top:32px}
@media (max-width:782px){body.admin-bar header{top:46px}}

/* Flatsome/WP resets that only matter inside the landing template */
body.s19-landing p:empty{display:none}
body.s19-landing img{height:auto}
body.s19-landing .pthumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .4s ease}
body.s19-landing .pcard:hover .pthumb img{transform:scale(1.035)}

@media (max-width:560px){
  .cookiebar{flex-direction:column;align-items:stretch;gap:14px}
  .cb-acts{justify-content:stretch}
  .cb-acts .btn{flex:1}
  .formmsg{margin:18px 20px -4px}
}

/* Belt and braces: never inherit the parent theme's button casing, even if the
   dequeue is switched off in config.php. */
body.s19-landing .btn,
body.s19-landing button,
body.s19-landing input[type="submit"]{text-transform:none;letter-spacing:normal}
body.s19-landing h1,body.s19-landing h2,body.s19-landing h3,body.s19-landing h4{font-family:var(--display)}
body.s19-landing .pd,body.s19-landing .logo,body.s19-landing .avatar{font-family:var(--display)}

/* Futer bez ikonica: brend kolona ne treba donji razmak za njih */
.fbrand p{margin-bottom:0}

/* Oznaka države uz telefon */
.band .tel{justify-content:flex-start}
.band .tel em{font-style:normal;font-weight:400;font-size:15px;color:#9FC4DD;font-family:var(--body)}
.band .acts{gap:8px}
footer .flist em{font-style:normal;color:#87A6BD}