@font-face {
  font-family: 'circular';
  src: url('../fonts/CircularStd-Medium.woff2') format('woff2'),
       url('../fonts/CircularStd-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'circular';
    src: url('../fonts/CircularStd-Book.woff2') format('woff2'),
        url('../fonts/CircularStd-Book.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'recoleta';
    src: url('../fonts/Recoleta-Medium.woff2') format('woff2'),
        url('../fonts/Recoleta-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
.circular {
  font-family: circular, arial !important;
  font-weight: 500;
}
.recoleta {
  font-family: recoleta, arial !important;
  font-weight: 500;
}
.f-family-black {
  font-family: circular, arial !important;
  font-weight: 500 !important;
}
.f-family-bold {
  font-family: circular, arial !important;
  font-weight: 500 !important;
}
.f-family-book {
  font-family: circular, arial !important;
  font-weight: 400 !important;
}
.f-weight-100 {
  font-weight: 100;
}
.f-weight-200 {
  font-weight: 200;
}
.f-weight-300 {
  font-weight: 300;
}
.f-weight-400,.fw400 {
  font-weight: 400;
}
.f-weight-500,.fw500 {
  font-weight: 500;
}
.f-weight-600 {
  font-weight: 600;
}
.f-weight-700 {
  font-weight: 700;
}
.f-weight-800 {
  font-weight: 800;
}
.f-weight-900 {
  font-weight: 900;
}
.f-size-10 {
  font-size: 10px !important;
}
.f-size-11 {
  font-size: 11px !important;
}
.f-size-12 {
  font-size: 12px !important;
}
.f-size-13 {
  font-size: 13px !important;
}
.f-size-14 {
  font-size: 14px !important;
}
.f-size-15 {
  font-size: 15px !important;
}
.f-size-16 {
  font-size: 16px !important;
}
.f-size-17 {
  font-size: 17px !important;
}
.f-size-18 {
  font-size: 18px !important;
}
.f-size-20 {
  font-size: 20px !important;
}
.f-size-21 {
  font-size: 21px !important;
}
.f-size-22 {
  font-size: 22px !important;
}
.f-size-24 {
  font-size: 24px !important;
}
.f-size-25 {
  font-size: 25px !important;
}
.f-size-26 {
  font-size: 26px !important;
}
.f-size-27 {
  font-size: 27px !important;
}
.f-size-28 {
  font-size: 28px !important;
}
.f-size-29 {
  font-size: 29px !important;
}
.f-size-31 {
  font-size: 31px !important;
}
.f-size-33 {
  font-size: 33px !important;
}
.f-size-32 {
  font-size: 32px !important;
}
.f-size-36 {
  font-size: 36px !important;
}
.f-size-35 {
  font-size: 35px !important;
}
.f-size-37 {
  font-size: 37px !important;
}
.f-size-40 {
  font-size: 40px !important;
}
.f-size-54 {
  font-size: 54px !important;
}
.f-size-60 {
  font-size: 60px !important;
}
.f-size-69 {
  font-size: 69px !important;
}
.f-size-72 {
  font-size: 72px !important;
}
.f-size-74 {
  font-size: 74px !important;
}
.lh-0-9 {
  line-height: 0.9em;
}
.lh-1 {
  line-height: 1em !important;
}
.lh-1-1 {
  line-height: 1.1em;
}
.lh-1-2 {
  line-height: 1.2em;
}
.lh-1-3 {
  line-height: 1.3em !important;
}
.lh-1-4 {
  line-height: 1.4em;
}
.lh-1-5 {
  line-height: 1.5em;
}
.lh-1-6 {
  line-height: 1.6em;
}
.lh-1-7 {
  line-height: 1.7em;
}

@media (min-width: 768px) {
  .f-size-md-18 {
    font-size: 18px !important;
  }
  .f-size-md-20 {
    font-size: 20px !important;
  }
  .f-size-md-24 {
    font-size: 24px !important;
  }
  .f-size-md-25 {
    font-size: 25px !important;
  }
  .f-size-md-28 {
    font-size: 28px !important;
  }
  .f-size-md-32 {
    font-size: 32px !important;
  }
  .f-size-md-34 {
    font-size: 34px !important;
  }
  .f-size-md-35 {
    font-size: 35px !important;
  }
  .f-size-md-36 {
    font-size: 36px !important;
  }
  .f-size-md-37 {
    font-size: 37px !important;
  }
  .f-size-md-40 {
    font-size: 40px !important;
  }
  .f-size-md-44 {
    font-size: 44px !important;
  }
  .f-size-md-48 {
    font-size: 48px !important;
  }
  .f-size-md-50 {
    font-size: 50px !important;
  }
  .f-size-md-54 {
    font-size: 54px !important;
  }
  .f-size-md-60 {
    font-size: 60px !important;
  }
  .f-size-md-70 {
    font-size: 70px !important;
  }
  .f-size-md-74 {
    font-size: 74px !important;
  }
  .f-size-md-80 {
    font-size: 80px !important;
  }
  .f-size-md-90 {
    font-size: 90px !important;
  }
}
@media (max-width: 767.98px) {
}
/*xl*/
@media (min-width: 1200px) {

  .f-size-xl-23 {
    font-size: 23px !important;
  }
  .f-size-xl-25 {
    font-size: 25px !important;
  }
  .f-size-xl-24 {
    font-size: 24px !important;
  }
  .f-size-xl-32 {
    font-size: 32px !important;
  }
  .f-size-xl-44 {
    font-size: 44px !important;
  }
  .f-size-xl-60 {
    font-size: 60px !important;
  }
  .f-size-xl-70 {
    font-size: 70px !important;
  }
  .f-size-xl-80 {
    font-size: 80px !important;
  }
    .f-size-xl-90 {
    font-size: 90px !important;
  }
}