/* FIX FONTS: MI Z VAMY + FOOTER */

@font-face {
  font-family: 'Lato-Thin-GF';
  src: url('/css/fonts/Lato-Thin-GF.ttf?v=20260520-2350') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato-Thin';
  src: url('/css/fonts/Lato-Thin.ttf') format('truetype');
}

@font-face {
  font-family: 'Lato-Light';
  src: url('/css/fonts/Lato-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Lato-Medium';
  src: url('/css/fonts/Lato-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Lato-Bold';
  src: url('/css/fonts/Lato-Bold.ttf') format('truetype');
}

/* =========================
   LOPAN HOME BLOCK "МИ З ВАМИ" — FINAL 2
========================= */

.info_index.info-index--help{
  background:#e5e5e5 !important;
  padding:68px 0 19px !important;
}

.info_index.info-index--help .timer-heading{
  font-family:'Lato-Light', Arial, sans-serif !important;
  font-weight:300 !important;
  font-size:40px !important;
  line-height:44px !important;
  letter-spacing:0 !important;
  color:#f25d48 !important;
  text-transform:uppercase !important;
  margin-bottom:21px !important;
}

.info_index.info-index--help .number{
  width:540px !important;
  max-width:540px !important;
  margin:0 auto 55px !important;
  background-color:rgba(238,104,85,.9) !important;
  border-radius:3px !important;
  overflow:hidden !important;
  padding:0 !important;
}

.info_index.info-index--help .number li{
  width:33.333% !important;
  display:inline-block !important;
  font-family:'Lato-Light', Arial, sans-serif !important;
  font-weight:300 !important;
  font-size:50px !important;
  line-height:50px !important;
  color:#fff !important;
  text-align:center !important;
  padding:15px 0 !important;
  border-right:1px solid #f07d6d !important;
}

.info_index.info-index--help .number li:last-child{
  border-right:none !important;
}

.info_index.info-index--help .number li span{
  display:block !important;
  font-family:'Lato-Light', Arial, sans-serif !important;
  font-weight:300 !important;
  font-size:17px !important;
  line-height:20px !important;
  color:#fff !important;
  text-transform:uppercase !important;
}

.info_index.info-index--help .list{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  font-family:'Lato-Medium', Arial, sans-serif !important;
  font-size:16px !important;
  line-height:20px !important;
  color:#7d8182 !important;
}

.info_index.info-index--help .list li{
  padding:8px 45px 0 !important;
  margin-bottom:60px !important;
}

.info_index.info-index--help .list li span.list-count,
.info_index.info-index--help .list-count{
  display:inline-block !important;
  vertical-align:middle !important;
  font-family:'Lato-Light', Arial, sans-serif !important;
  font-weight:300 !important;
  font-size:50px !important;
  line-height:50px !important;
  color:#e65d49 !important;
}

.info_index.info-index--help .list li p{
  font-family:'Lato-Medium', Arial, sans-serif !important;
  font-size:16px !important;
  line-height:20px !important;
  font-weight:normal !important;
  color:#7d8182 !important;
  margin-top:12px !important;
  margin-bottom:5px !important;
}

.info_index.info-index--help .icon-garniture{
  background-image:url('https://lopan.com.ua/images/garnitura.png') !important;
}

.info_index.info-index--help .icon-note{
  background-image:url('https://lopan.com.ua/images/note.png') !important;
}

.info_index.info-index--help .icon-statistic{
  background-image:url('https://lopan.com.ua/images/statistic.png') !important;
}

.info_index.info-index--help .icon-garniture,
.info_index.info-index--help .icon-note,
.info_index.info-index--help .icon-statistic{
  display:inline-block !important;
  width:72px !important;
  height:69px !important;
  background-repeat:no-repeat !important;
  background-size:50px auto !important;
  background-position:left center !important;
  margin-right:15px !important;
  vertical-align:middle !important;
}

/* Вернуть иконки с основного сайта */

.info_index.info-index--help .icon-garniture{
  background-image:url('https://lopan.com.ua/images/garnitura.png') !important;
}

.info_index.info-index--help .icon-note{
  background-image:url('https://lopan.com.ua/images/note.png') !important;
}

.info_index.info-index--help .icon-statistic{
  background-image:url('https://lopan.com.ua/images/statistic.png') !important;
}

.info_index.info-index--help .icon-garniture,
.info_index.info-index--help .icon-note,
.info_index.info-index--help .icon-statistic{
  display:inline-block !important;
  width:72px !important;
  height:69px !important;
  background-repeat:no-repeat !important;
  background-size:50px auto !important;
  background-position:left center !important;
  margin-right:15px !important;
  vertical-align:middle !important;
}

/* FOOTER */

#footer {
  font-family:'Lato-Light', Arial, sans-serif !important;
  font-weight:normal !important;
}

#footer .heading_foo {
  font-family:'Lato-Bold', Arial, sans-serif !important;
  font-weight:normal !important;
}

#footer .nav_foo a {
  font-family:'Lato-Light', Arial, sans-serif !important;
  font-size:16px !important;
  line-height:18px !important;
  font-weight:normal !important;
}

#footer .info_contact .phone {
  font-family:'Lato-Bold', Arial, sans-serif !important;
  font-weight:normal !important;
}

#footer .info_contact .phone::after {
  font-family:'Lato-Bold', Arial, sans-serif !important;
  font-weight:normal !important;
}


/* ===== FINAL THIN TYPO FIX ===== */

.info_index.info-index--help .timer-heading,
.info_index.info-index--help .timer-heading.text-center{
    font-family:'Lato-Thin-GF', Arial, sans-serif !important;
    font-weight:100 !important;
    font-size:40px !important;
    line-height:44px !important;
    letter-spacing:0 !important;

    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: geometricPrecision !important;
}

.info_index.info-index--help .number li{
    font-family:'Lato-Thin-GF', Arial, sans-serif !important;
    font-weight:100 !important;

    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: geometricPrecision !important;
}

.info_index.info-index--help .number li span{
    font-family:'Lato-Thin-GF', Arial, sans-serif !important;
    font-weight:300 !important;
}

.info_index.info-index--help .list li span.list-count{
    font-family:'Lato-Thin-GF', Arial, sans-serif !important;
    font-weight:100 !important;
    font-size:50px !important;
    line-height:50px !important;
    letter-spacing:-1px !important;

    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: geometricPrecision !important;
}

.info_index.info-index--help .list li p{
    font-family:'Lato-Light', Arial, sans-serif !important;
    font-weight:300 !important;
    font-size:14px !important;
    line-height:18px !important;
}