/*****************
    SPACING
 ****************/
.spacer-5 {
  width: 100%;
  height: 5px; }

.spacer-10 {
  width: 100%;
  height: 10px; }

.spacer-20 {
  width: 100%;
  height: 20px; }

.spacer-30 {
  width: 100%;
  height: 30px; }

.spacer-40 {
  width: 100%;
  height: 40px; }

.spacer-50 {
  width: 100%;
  height: 50px; }

.m-11 {
  margin: 11px; }

.mb-11 {
  margin-bottom: 11px; }

.mt-11 {
  margin-top: 11px; }

.ml-11 {
  margin-left: 11px; }

.mr-11 {
  margin-right: 11px; }

.mx-11 {
  margin-left: 11px;
  margin-right: 11px; }

.my-11 {
  margin-top: 11px;
  margin-bottom: 11px; }

.m-17 {
  margin: 17px; }

.mb-17 {
  margin-bottom: 17px; }

.mt-17 {
  margin-top: 17px; }

.mr-17 {
  margin-right: 17px; }

.ml-17 {
  margin-right: 17px; }

.mx-17 {
  margin-right: 17px;
  margin-left: 17px; }

.my-17 {
  margin-top: 17px;
  margin-bottom: 17px; }

.m-21 {
  margin: 21px; }

.mb-21 {
  margin-bottom: 21px; }

.mt-21 {
  margin-top: 21px; }

.mr-21 {
  margin-right: 21px; }

.ml-21 {
  margin-right: 21px; }

.mx-21 {
  margin-right: 21px;
  margin-left: 21px; }

.my-21 {
  margin-top: 21px;
  margin-bottom: 21px; }

.m-23 {
  margin: 23px; }

.mb-23 {
  margin-bottom: 23px; }

.mt-23 {
  margin-top: 23px; }

.mr-23 {
  margin-right: 23px; }

.ml-23 {
  margin-right: 23px; }

.mx-23 {
  margin-right: 23px;
  margin-left: 23px; }

.my-23 {
  margin-top: 23px;
  margin-bottom: 23px; }

/***************
      FONTS
 ***************/
.font-proxima {
  font-family: proxima-nova; }

.font-solido {
  font-family: "Solido Compressed" !important; }

.font-14 {
  font-size: 14px; }

.font-16 {
  font-size: 16px; }

.font-18 {
  font-size: 18px; }

.font-22 {
  font-size: 22px; }

.font-24 {
  font-size: 24px !important; }

.font-28 {
  font-size: 28px; }

.font-weight-semibold {
  font-weight: 600 !important; }

.font-weight-extrabold {
  font-weight: 800 !important; }

.font-weight-black {
  font-weight: 900 !important; }

/********************
      TEXT COLORS
 ********************/
.text-grey {
  color: #76748a !important; }

.text-bfc-mid-gray {
  color: #BDBEBF; }

.text-dark-blue {
  color: #272540 !important; }

.text-mid-blue {
  color: #2E2B54 !important; }

.text-bfc-green {
  color: #14931c !important; }

.text-bfc-red {
  color: #C52833 !important; }

.text-bfc-mid-red {
  color: #FF0031 !important; }

.text-bfc-bright-red {
  color: #c00 !important; }

/*********************
      FONT WEIGHTS
 *********************/
.font-weight-light {
  font-weight: 300 !important; }

/*******************
      BG COLORS
 *******************/
.bg-bfc-mid-grey {
  background-color: #BDBEBF !important; }

.bg-bfc-grey {
  background-color: #d8d8d8; }

.bg-bfc-blue-light {
  background-color: #2E2B54; }

.bg-bfc-blue-dark {
  background-color: #272540; }

.bg-light-gray {
  background-color: #F7F7F7; }

.bg-light-mid-gray {
  background-color: #f3f3f3; }

.bg-bfc-red {
  background-color: #C52833; }

/*+++++++++++++++++
    BORDERS
*******************/
.br-12 {
  border-radius: 12px !important; }

.br-1 {
  border-radius: 1px !important; }

/******************
      UTILS
******************/
.cursor-pointer {
  cursor: pointer; }

/******************
      WIDTH
******************/
.w-60 {
  width: 60% !important; }

/******************
      HEIGHT
******************/
.height-50 {
  height: 50px !important; }

/*# sourceMappingURL=../../../theme.css.map */