/*
font-family:'Helvetica Neue LT W01_67 Md Cn';
font-family:'Helvetica Neue LT W01_55 Roman';
font-family:'Helvetica Neue LT W01_71488914';
*/

body * {
    /* exchange when font is bought */
    font-family: Meta Offc W01 Normal, sans-serif;
    font-size: 16px;
    font-weight: normal;
}
.typography p {
    font-size: 19px;
    margin-bottom: 1em;
}

.typography h1,
.typography .h1 {
    margin-bottom: 20px;
    margin-top: 0;
    font-size: 42px;
    line-height: 1.1;
    color: black;
    font-family: MetaCompPro-Bold W01 Regular, sans-serif;
}

.typography .h1,
.typography .h2,
.typography .h3,
.typography .h4 {
    display: block;
}

.typography h2,
.typography .h2 {
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: normal;
    color: #999999;
    font-size: 28px;
    font-family: MetaCompPro-Bold W01 Regular, sans-serif;
    line-height: 1.2;
}

.typography h3,
.typography h3 a,
.typography .h3,
.typography .h3 a{
    margin-bottom: 0;
    margin-top: 0;
    font-size: 19px;
    font-family: MetaCompPro-Bold W01 Regular, sans-serif
}

.typography h4,
.typography .h4 {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 14px;
    font-family: MetaCompPro-Bold W01 Regular, sans-serif;
    font-weight: normal;
}
@media print {
  .typography p,
  .typography li{
      font-size: 12pt !important;
  }

  .typography h1,
  .typography .h1 {
      margin-bottom: 20px;
      margin-top: 0;
      font-size: 28px;
      line-height: 1.1;
      color: black;
      font-family: MetaCompPro-Bold W01 Regular, sans-serif;
  }

  .typography .h1,
  .typography .h2,
  .typography .h3,
  .typography .h4 {
      display: block;
  }

  .typography h2,
  .typography .h2 {
      margin-bottom: 10px;
      margin-top: 0;
      font-weight: normal;
      color: #999999;
      font-size: 18pt;
      font-family: MetaCompPro-Bold W01 Regular, sans-serif;
      line-height: 1.2;
  }

.typography .bold
{
    font-family: MetaCompPro-Bold W01 Regular, sans-serif;
    font-weight:bold;
}
.typography .bolder
{
    font-family: MetaCompPro-Bold W01 Regular, sans-serif;
    font-weight:bolder;
}

  .typography h3,
  .typography .h3 {
      margin-bottom: 0;
      margin-top: 0;
      font-size: 14pt;
      font-family: MetaCompPro-Bold W01 Regular, sans-serif;
  }

  .typography h4,
  .typography .h4 {
      margin-bottom: 0;
      margin-top: 0;
      font-size: 14pt;
      font-family: MetaCompPro-Bold W01 Regular, sans-serif;
      font-weight: normal;
  }
}

@media only screen and (max-width: 768px) {
    .typography h1,
    .typography .h1 {
        font-size: 30px;
    }

    .typography h2,
    .typography .h2 {
        font-size: 21px;
    }
}
.typography table
{
  max-width:100%;
}
.typography .dark {
    color: #999999;
}

.typography .white {
    color: white;
}

.typography .black {
    color: black;
}

.typography .red
{
    color:#dd2314;
}

/* lists */
.typography ol,
.typography ul {
    counter-reset: li; /* Initiate a counter */
    margin-left: 0; /* Remove the default left margin */
    padding-left: 0; /* Remove the default left padding */
    margin-bottom: 1.5em;
}

.typography ol ol,
.typography ul ul {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}

.typography ol > li,
.typography ul > li {
    position: relative; /* Create a positioning context */
    margin: 0 0 3px 28px; /* Give each list item a left margin to make room for the numbers */
    padding: 4px 8px; /* Add some spacing around the content */
    list-style: none; /* Disable the normal item numbering */
}

.typography ol > li:before {
    content: counter(li); /* Use the counter as content */
    counter-increment: li; /* Increment the counter by 1 */
    /* Position and style the number */
    position: absolute;
    top: 7px;
    left: -28px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right: 8px;
    height: 24px;
    width: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 16px;
    background-color: #dd2314;
    line-height: 24px;
    border-radius: 20px;
}

.typography ul > li:before {
    content: "+";
    background-color: #dd2314;
    background-size:contain;
    /* Position and style the number */
    position: absolute;
    top: 7px;
    left: -28px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right: 5px;
    width: 24px;
    height: 24px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    font-size: 20px;
    font-family: Arial, sans-serif;
    line-height: 24px;
    border-radius: 20px;
}

.typography ul, li {
    list-style: none;
    padding-left: 0;
}

.typography li {
    font-size: 19px;
}

/* tables */
.typography table thead td,
.typography table th{
    font-size: 16px;
    font-family: 'MetaCompPro-Bold W01 Regular', sans-serif !important;
    color:#333;
    font-weight: normal;
    padding: 9px 0;
}

.typography td,
.typography th{
    border-bottom: 1px solid #eee;
}




.typography .grey {
    color: #979797 !important;
}

.typography .darkgrey {
    color: #676767 !important;
}

.typography .white,
.typography .whiteall * {
    color: white !important;
}

.typography .black,
.typography .blackall * {
    color: black !important;
}

.typography .lightgrey {
    color: #e9e9e9 !important;
}

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

.typography .font-38 {
    font-size: 38px;
}

.typography .font-30 {
    font-size: 30px;
}

.typography .font-20 {
    font-size: 20px;
}

.typography .weight-normal {
    font-weight: normal;
}

.typography .normal {
    font-family: Meta Offc W01 Normal, sans-serif;
    font-weight: normal;
}

.typography .bold {
    font-family: MetaCompPro-Bold W01 Regular, sans-serif;
}

.typography b,
.typography strong {
    font-family: MetaCompPro-Bold W01 Regular, sans-serif !important;
}

.typography strong {
    font-weight: bold;
}