/* Оформление сайта АО «Пикалёвская сода».
   Собрано из утверждённого макета «Отраслевой» (вариант 3).
   Анимация вынесена в motion.css. */

:root{
  --deep:#072b37; --deep-2:#0d3f4e; --teal-800:#14566a; --teal-700:#1b6c8c; --teal-600:#197c91;
  --cyan:#00a0c4; --cyan-text:#007c98; --cyan-on-dark:#32b3d0; --cyan-fill:#007f9c; --cyan-br:#04b2d9; --blue:#2574be; --blue-2:#5499d7;
  --ice:#e7f2fa; --ice-2:#f4fafd; --paper:#f7fafc;
  --ink:#10242c; --body:#43535a; --muted:#62757c; --line:#e1eaef;
  --maxw:1280px;
  --sans:"Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  --m-panel-bg:#072b37; --m-panel-fg:#fff; --m-panel-line:rgba(255,255,255,.16);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);background:#fff;color:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--teal-600);text-decoration:none}
h1,h2,h3{margin:0;color:var(--ink);font-weight:800;line-height:1.15;letter-spacing:-.015em}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:24px}
.kicker{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-text)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 26px;border-radius:6px;
     font-weight:700;font-size:15px;border:1.5px solid transparent;transition:transform 160ms cubic-bezier(0.23, 1, 0.32, 1),background-color 180ms ease,border-color 180ms ease,color 180ms ease;white-space:nowrap}
.b-fill{background:var(--cyan-fill);color:#fff}
.b-fill:hover{background:var(--teal-700);color:#fff;transform:translateY(-1px)}
.b-line-w{border-color:rgba(255,255,255,.45);color:#fff}
.b-line-w:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}
.b-line{border-color:var(--line);color:var(--teal-700);background:#fff}
.b-line:hover{border-color:var(--cyan);color:var(--teal-800)}

/* ---------- utility bar ---------- */
.util{background:var(--deep);color:#93b6c4;font-size:13.5px;position:relative;z-index:30}
.util .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-block:10px;flex-wrap:wrap}
.util a{color:#93b6c4}
.util a:hover{color:#fff}
.util .grp{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.util .sep{width:1px;height:14px;background:rgba(255,255,255,.18)}
.util .lg a{font-weight:800;letter-spacing:.04em}
.util .lg a.on{color:#fff}
.util b{color:#fff}

/* ---------- header over hero ---------- */
.hd{position:sticky;top:0;z-index:25;background:rgba(7,43,55,.82);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.12)}
.hd .wrap{display:flex;align-items:center;gap:32px;padding-block:14px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:16px}
.brand .mark{width:74px;height:74px;flex:0 0 auto}
.brand .nm{color:#fff;font-size:25px;font-weight:800;line-height:1.05;letter-spacing:-.025em;white-space:nowrap}
.brand .nm span{display:block;font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:#a8c4ce;margin-top:8px}
.brand .t{color:#fff;font-size:23px;font-weight:800;line-height:1.05;letter-spacing:-.02em}
.brand .t span{display:block;font-size:11.5px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:#a8c4ce;margin-top:6px}
header nav{margin-left:auto;display:flex;gap:2px;flex-wrap:wrap}
header nav a{color:#d3e6ee;font-size:15px;font-weight:600;padding:11px 16px;border-radius:5px}
header nav a:hover{background:rgba(255,255,255,.1);color:#fff}
header nav a.on{color:#fff;background:var(--teal-700)}

/* ---------- hero ---------- */
.hero{position:relative;background:var(--deep);color:#fff;margin-top:-1px}
.hero .bg{position:absolute;inset:0;overflow:hidden}
.hero .bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);filter:saturate(.75) contrast(1.05)}
.hero .bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(7,43,55,.72),rgba(7,43,55,.55) 45%,rgba(7,43,55,.92)),
             linear-gradient(90deg,rgba(7,43,55,.86),rgba(7,43,55,.25))}
.hero .in{position:relative;padding-block:104px 0}
.hero h1{color:#fff;font-size:clamp(32px,5.2vw,58px);max-width:17ch;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.hero h1 b{color:#7fe0f5;font-weight:800}
.hero p{max-width:60ch;color:#cfe4ec;font-size:18.5px;margin:24px 0 0}
.hero .acts{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}
.hero .strip{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:16px;margin-top:64px;padding-bottom:40px}
.hero .cell{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:22px 24px;backdrop-filter:blur(6px)}
.hero .cell b{display:block;font-size:27px;color:#fff;font-weight:800;line-height:1;letter-spacing:-.02em}
.hero .cell span{display:block;font-size:14px;color:#b6d3de;margin-top:9px;line-height:1.45}

/* ---------- sections ---------- */
section{padding-block:80px}
.shead{margin-bottom:38px}
.shead .kicker{display:block;margin-bottom:12px}
.shead h1,.shead h2{font-size:clamp(26px,3.2vw,40px)}
.shead p{margin:14px 0 0;max-width:68ch;font-size:17px}
.shead.row{display:flex;justify-content:space-between;align-items:flex-end;gap:26px;flex-wrap:wrap}

/* product tiles */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tile{position:relative;display:block;border-radius:12px;overflow:hidden;min-height:264px;background:var(--deep-2);
      transition:transform 220ms cubic-bezier(0.23, 1, 0.32, 1),box-shadow 220ms ease;box-shadow:0 1px 2px rgba(7,43,55,.08)}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 420ms cubic-bezier(0.23, 1, 0.32, 1)}
.tile:hover img{transform:scale(1.06)}
.tile:hover{box-shadow:0 18px 40px -20px rgba(7,43,55,.5);transform:translateY(-3px)}
.tile .sh{position:absolute;inset:0}
.tile.c1 .sh{background:linear-gradient(200deg,rgba(27,108,140,.4),rgba(7,43,55,.9) 72%)}
.tile.c2 .sh{background:linear-gradient(200deg,rgba(0,160,196,.42),rgba(7,43,55,.9) 72%)}
.tile.c3 .sh{background:linear-gradient(200deg,rgba(37,116,190,.42),rgba(7,43,55,.9) 72%)}
.tile .tx{position:absolute;left:0;right:0;bottom:0;padding:26px 24px}
.tile .num{font-size:12px;font-weight:800;letter-spacing:.14em;color:#7fe0f5}
.tile h3{color:#fff;font-size:19px;margin-top:10px;line-height:1.3;letter-spacing:-.01em}
.tile .alt{display:block;color:#b9d6e1;font-size:13.5px;margin-top:7px}
.tile .go{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:14px;margin-top:16px;
          border-top:1px solid rgba(255,255,255,.25);padding-top:14px;width:100%}
.tile:hover .go{color:#7fe0f5}

/* industries */
.ind{background:var(--paper);border-block:1px solid var(--line)}
.ingrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.in-it{background:#fff;padding:30px 28px;transition:background-color 200ms ease,transform 220ms cubic-bezier(0.23, 1, 0.32, 1)}
.in-it:hover{background:var(--ice-2)}
.in-it .ic{width:44px;height:44px;border-radius:10px;background:var(--ice);display:grid;place-items:center;margin-bottom:16px}
.in-it .ic svg{width:22px;height:22px;stroke:var(--teal-700);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.in-it b{display:block;color:var(--ink);font-size:17px;font-weight:700;margin-bottom:7px}
.in-it span{font-size:14.5px;color:var(--muted);line-height:1.5}

/* about */
/* снимок начинается на одном уровне с текстом: при центровке над ним
   оставался пустой просвет, когда колонка с текстом выше */
.ab{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.ab p{font-size:16.5px;margin:0 0 16px}
.ab .figs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0 30px}
.ab .fig b{display:block;font-size:30px;color:var(--teal-700);font-weight:800;line-height:1;letter-spacing:-.02em}
.ab .fig span{display:block;font-size:13.5px;color:var(--muted);margin-top:8px;line-height:1.4}
.ab .pic{position:relative;border-radius:12px;overflow:hidden}
.ab .pic img{width:100%;height:440px;object-fit:cover}
.ab .pic .cap{position:absolute;left:0;right:0;bottom:0;padding:22px 24px;color:#fff;font-size:14.5px;
              background:linear-gradient(transparent,rgba(7,43,55,.9))}

/* info strip */
.info{background:var(--deep-2);color:#fff}
.info .wrap{padding-block:64px}
.info h2{color:#fff}
.info .ig{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.info .i{display:flex;gap:14px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
         border-radius:10px;padding:20px 22px;transition:background-color 200ms ease,border-color 200ms ease,transform 200ms cubic-bezier(0.23, 1, 0.32, 1)}
.info .i:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
.info .i b{display:block;color:#fff;font-size:16px;font-weight:700}
.info .i span{font-size:13.5px;color:#a9c9d6}
.info .i .ar{margin-left:auto;color:#7fe0f5;font-size:19px}

/* contacts */
.cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ct{border:1px solid var(--line);border-radius:12px;padding:26px 24px;background:#fff;transition:box-shadow 220ms ease,border-color 200ms ease,transform 220ms cubic-bezier(0.23, 1, 0.32, 1)}
.ct:hover{border-color:var(--cyan);box-shadow:0 14px 30px -20px rgba(7,43,55,.45)}
.ct .tg{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-text)}
.ct h3{font-size:20px;margin:8px 0 12px}
.ct .tel{display:block;font-size:16px;font-weight:700;color:var(--ink);margin-bottom:10px}
.ct address{font-style:normal;font-size:14px;color:var(--muted);line-height:1.55}
.c-more{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding-top:13px;
  border-top:1px solid var(--line);width:100%;font-size:14px;font-weight:700;color:var(--teal-600)}
.c-more:hover{color:var(--cyan)}

/* footer sitemap */
footer{background:var(--deep);color:#8fb3c2;font-size:14.5px}
footer .top{padding-block:58px;border-bottom:1px solid rgba(255,255,255,.12)}
footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px}
footer .fb{display:flex;gap:16px;align-items:center}
footer .fb .mark{width:76px;height:76px;flex:0 0 auto}
footer .fb .nm{color:#fff;font-size:21px;font-weight:800;line-height:1.1;letter-spacing:-.02em;white-space:nowrap}
footer .fb .nm span{display:block;font-size:10.5px;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:#a8c4ce;margin-top:7px}
footer .fb .wordmark{height:36px;width:auto}
footer .fb .t{color:#fff;font-size:20px;font-weight:800;line-height:1.1;letter-spacing:-.02em}
footer .fb .t span{display:block;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#a8c4ce;margin-top:6px}
footer .about{margin-top:20px;max-width:34ch;line-height:1.55;color:#8fb3c2}
footer h4{color:#fff;font-size:15px;font-weight:700;margin:0 0 16px;letter-spacing:.01em}
footer ul{list-style:none;margin:0;padding:0}
footer li{margin-bottom:11px;line-height:1.4}
footer a{color:#a9c9d6}
footer a:hover{color:#fff}
footer .bot{padding-block:24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13.5px}

@media (max-width:1060px){
  .tiles,.ingrid,.info .ig{grid-template-columns:repeat(2,1fr)}
  .cgrid{grid-template-columns:repeat(2,1fr)}
  .ab{grid-template-columns:1fr;gap:34px}
  .ab .pic img{height:320px}
  footer .cols{grid-template-columns:1fr 1fr;gap:34px}
  header nav{width:100%;margin-left:0}
  .hero .in{padding-top:70px}
  .hero .strip{margin-top:46px}
}
@media (max-width:640px){
  section{padding-block:52px}
  .brand .mark{width:58px;height:58px}
  .brand .nm{font-size:19px}
  .brand .nm span{font-size:10px;letter-spacing:.16em;margin-top:6px}
  .hero .strip{grid-template-columns:1fr;gap:12px}
  .tiles,.ingrid,.info .ig,.cgrid{grid-template-columns:1fr}
  .ab .figs{grid-template-columns:1fr;gap:14px}
  footer .cols{grid-template-columns:1fr}
  footer .fb img{width:64px;height:64px}
  }

/* ---------- содержимое, перенесённое из старого сайта ---------- */
/* текст занимает всю ширину блока: колонка в 78 знаков смотрелась
   узкой полосой на широком экране */
.rich{font-size:16.5px}
.rich p{margin:0 0 15px}
.rich h2,.rich h3{margin:26px 0 12px;font-size:21px}
.rich h4{margin:22px 0 10px;font-size:17.5px}
.rich blockquote{margin:0 0 18px;padding:12px 18px;border-left:3px solid var(--teal-600);background:var(--ice-2)}
.rich blockquote p:last-child{margin:0}
.rich hr{border:0;border-top:1px solid var(--line);margin:26px 0}
.rich th{background:var(--ice-2);font-weight:700}
.rich caption{caption-side:top;text-align:left;padding:0 0 8px;color:var(--muted);font-size:14px}
.rich ul,.rich ol{margin:0 0 15px;padding-left:22px}
.rich li{margin:6px 0}
.rich a{color:var(--teal-600);text-decoration:underline;text-underline-offset:2px}
.rich img{max-width:100%;height:auto;border-radius:10px;margin:10px 0}
.rich table{border-collapse:collapse;margin:0 0 18px;width:100%;font-size:15px}
.rich td,.rich th{border:1px solid var(--line);padding:9px 12px;text-align:left}
.rich-wrap{overflow-x:auto}

/* ---------- строка документа ---------- */
.doc-row .ar{font-size:17px}
.note{border:1px solid var(--line);border-left:4px solid var(--cyan);background:var(--paper);
  border-radius:10px;padding:18px 22px;font-size:14.5px}

/* Тексты из прежней базы иногда несут свои размеры и шрифты.
   Оформление задаёт сайт, поэтому внутри перенесённого текста их игнорируем. */
.rich [style*="font-size"],
.rich [style*="font-family"],
.rich font{font-size:inherit !important;font-family:inherit !important;line-height:inherit !important}

/* Содержимое из прежней базы не должно ломать раскладку:
   широкая таблица прокручивается сама, картинки и карты сжимаются,
   длинная строка без пробелов переносится. */
.rich{overflow-wrap:anywhere}
.rich table{display:block;overflow-x:auto;max-width:100%;width:auto !important}
.rich img,.rich iframe,.rich video{max-width:100% !important;height:auto}
.rich iframe{width:100% !important;aspect-ratio:16/9;border:0}
.rich [style*="width"]{max-width:100% !important}

/* Короткая страница не должна оставлять белое поле под подвалом:
   содержимое тянется на высоту экрана, подвал прижат к низу. */
body{min-height:100vh;display:flex;flex-direction:column}
body > footer{margin-top:auto}

/* ---------- слайдер первого экрана ---------- */
.hero .bg .m-slide{position:absolute;inset:0;opacity:0;transition:opacity 1200ms ease}
.hero .bg .m-slide.m-slide-on{opacity:1}
@media (prefers-reduced-motion: reduce){
  .hero .bg .m-slide{transition:none}
}

/* ---------- карточка сотрудника в контактах ---------- */
.reps{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}
.rep{border:1px solid var(--line);border-radius:10px;padding:16px 18px;background:#fff}
.rep b{display:block;font-size:16px;color:var(--ink)}
.rep .role{display:block;margin-top:6px;font-size:14.5px;color:var(--muted);line-height:1.45}
.rep .lines{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:15px}
.rep .lines a{color:var(--teal-600);text-decoration:none;white-space:nowrap}
.rep .lines a:hover{text-decoration:underline}
@media (max-width: 860px){
  .reps{grid-template-columns:1fr}
}

/* ---------- закупки (страница «Тендеры») ---------- */
.pur{margin-top:26px}
.pur h3{font-size:20px;margin:34px 0 14px}
.pur h3:first-child{margin-top:0}
.pur .row{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;border:1px solid var(--line);
  border-radius:10px;padding:16px 18px;background:#fff;margin-bottom:12px;align-items:start}
.pur .what{font-size:15.5px;line-height:1.5;color:var(--ink)}
.pur .who b{display:block;font-size:15.5px;color:var(--ink)}
.pur .who a{display:block;margin-top:6px;color:var(--teal-600);text-decoration:none;font-size:15px}
.pur .who a:hover{text-decoration:underline}
@media (max-width: 760px){
  .pur .row{grid-template-columns:1fr;gap:12px}
}

/* ---------- документы раздела: плитка с значком по типу файла ---------- */
.dh{font-size:22px;margin:44px 0 18px}
.docs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.doc{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;
  border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff;
  text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s}
.doc:hover{border-color:var(--teal-500);box-shadow:0 10px 26px rgba(12,74,92,.10);transform:translateY(-2px)}
.doc .ic{display:grid;place-items:center;width:46px;height:56px;border-radius:8px;flex:none;
  font-size:11px;font-weight:800;letter-spacing:.04em;color:#fff;background:var(--teal-600);
  position:relative;box-shadow:inset -10px -10px 0 -8px rgba(255,255,255,.35)}
.doc .ic-pdf{background:#b3332a}
.doc .ic-doc,.doc .ic-docx{background:#2a5db0}
.doc .ic-xls,.doc .ic-xlsx{background:#1e7a4b}
.doc .ic-zip,.doc .ic-rar{background:#8a6d1f}
.doc .ic-jpg,.doc .ic-jpeg,.doc .ic-png{background:#6b4b9a}
.doc .tx b{display:block;font-size:15px;line-height:1.35;color:var(--ink);font-weight:600}
.doc .tx .mt{display:block;margin-top:6px;font-size:12.5px;color:var(--muted);letter-spacing:.02em}
.doc .dl{font-size:18px;color:var(--teal-600)}
@media (max-width: 1000px){ .docs{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 640px){ .docs{grid-template-columns:1fr} }

/* ---------- карточка площадки: карта слева, контакты справа ---------- */
.ct-map{display:grid;grid-template-columns:minmax(260px,40%) 1fr;gap:26px;align-items:start}
.ct .map{border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.ct .map iframe{display:block;width:100%;height:320px;border:0}
.ct-map .reps{grid-template-columns:1fr}
@media (max-width: 900px){
  /* на узком экране сначала контакты, карта под ними */
  .ct-map{grid-template-columns:1fr}
  .ct-map .map{order:2;margin-top:16px}
  .ct-map .ct-body{order:1}
  .ct .map iframe{height:240px}
}

/* ---------- хлебные крошки ---------- */
.crumbs{border-bottom:1px solid var(--line);background:var(--ice-2)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;padding:12px 0;list-style:none;
  font-size:13.5px;color:var(--muted)}
.crumbs li{display:flex;align-items:center;gap:8px}
.crumbs li+li::before{content:"→";color:var(--line);font-size:12px}
.crumbs a{color:var(--teal-600);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs span[aria-current]{color:var(--ink)}
.doc .ic-scan{background:var(--teal-800);font-size:10px}

/* блоки не должны слипаться: под карточками контактов всегда есть воздух */
.cgrid + .note{margin-top:20px}

/* ответ после отправки формы */
.thanks{display:flex;gap:18px;align-items:flex-start;max-width:70ch;margin:0 0 40px;
  padding:26px 28px;border-radius:14px;background:var(--ice);border:1px solid var(--cyan)}
.thanks .ic{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;
  background:var(--cyan);color:#fff;font-size:22px;font-weight:700}
.thanks b{display:block;font-size:24px;color:var(--ink);letter-spacing:-.01em}
.thanks p{margin:8px 0 0;font-size:16px;color:var(--body)}
.ct .hl-note{margin:12px 0 0;color:var(--muted);font-size:15.5px;max-width:78ch;line-height:1.55}
.ct .hl-note a{color:var(--teal-600)}

/* выбор файлов: своя кнопка вместо родной — её подпись браузер пишет
   своим языком, и на английской версии она оставалась русской */
/* настоящее поле прячем только при работающем скрипте: иначе приложить файл будет нечем */
/* поле остаётся в порядке обхода с клавиатуры, поэтому рамку показываем на кнопке */

/* в ячейках и цитатах бывают абзацы и списки: последний блок без нижнего отступа */
.rich td p,.rich th p{margin:0 0 8px}
.rich td ul,.rich td ol,.rich th ul,.rich th ol{margin:0 0 8px;padding-left:20px}
.rich td > :last-child,.rich th > :last-child,.rich blockquote > :last-child{margin-bottom:0}
.rich td,.rich th{vertical-align:top}

/* доступность: надписи на тёмном фоне и ссылки внутри текста.
   Ссылку должно быть видно не только по цвету — подчёркиваем */
.hero .kicker,.info .kicker,.hot .kicker,footer .kicker{color:var(--cyan-on-dark)}
.note a,.cr a,footer .bottom a,.ct address a{text-decoration:underline;text-underline-offset:2px}

/* заголовок из текста раздела, ставший главным (H1): выглядит как раньше */
.rich h1.as-h2,.rich h1.as-h3{margin:26px 0 12px;font-size:21px}
.rich h1.as-h4{margin:22px 0 10px;font-size:17.5px}
.rich > h1:first-child{margin-top:0}

/* карточка «Экономическая безопасность» на главной: воздух сверху,
   снизу его даёт следующий блок контактов */
section.safety{padding-bottom:0}
