@font-face {
  font-family: "ProximaNova";
  src: url('../fonts/ProximaNova/1.otf') format('opentype');
  font-style: normal;
  font-weight: 100;
}

@font-face {
  font-family: "ProximaNova";
  src: url('../fonts/ProximaNova/3.otf') format('opentype');
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "ProximaNova";
  src: url('../fonts/ProximaNova/4.otf') format('opentype');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "ProximaNova";
  src: url('../fonts/ProximaNova/5.otf') format('opentype');
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "ProximaNova";
  src: url('../fonts/ProximaNova/7.otf') format('opentype');
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "ProximaNova";
  src: url('../fonts/ProximaNova/8.otf') format('opentype');
  font-style: normal;
  font-weight: 800;
}

@font-face {
  font-family: "ProximaNova";
  src: url('../fonts/ProximaNova/9.otf') format('opentype');
  font-style: normal;
  font-weight: 900;
}

@font-face {
  font-family: "ProximaNova";
  src: url('../fonts/ProximaNova/italic/1.otf') format('opentype');
  font-style: italic;
  font-weight: 100;
}

@font-face {
  font-family: "ProximaNova";
  src: url('../fonts/ProximaNova/italic/3.otf') format('opentype');
  font-style: italic;
  font-weight: 300;
}

@font-face {
  font-family: "ProximaNova";
  src: url('../fonts/ProximaNova/italic/4.otf') format('opentype');
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: "ProximaNova";
  src: url('../fonts/ProximaNova/italic/5.otf') format('opentype');
  font-style: italic;
  font-weight: 500;
}

@font-face {
  font-family: "ProximaNova";
  src: url('../fonts/ProximaNova/italic/7.otf') format('opentype');
  font-style: italic;
  font-weight: 700;
}

@font-face {
  font-family: "ProximaNova";
  src: url('../fonts/ProximaNova/italic/8.otf') format('opentype');
  font-style: italic;
  font-weight: 800;
}

@font-face {
  font-family: "ProximaNova";
  src: url('../fonts/ProximaNova/italic/9.otf') format('opentype');
  font-style: normal;
  font-weight: 900;
}

@font-face {
  font-family: "Stem";
  src: url('../fonts/Stem/1.otf') format('opentype');
  font-style: normal;
  font-weight: 100;
}

@font-face {
  font-family: "Stem";
  src: url('../fonts/Stem/2.otf') format('opentype');
  font-style: normal;
  font-weight: 200;
}

@font-face {
  font-family: "Stem";
  src: url('../fonts/Stem/3.otf') format('opentype');
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "Stem";
  src: url('../fonts/Stem/4.otf') format('opentype');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Stem";
  src: url('../fonts/Stem/5.otf') format('opentype');
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "Stem";
  src: url('../fonts/Stem/7.otf') format('opentype');
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "Stem";
  src: url('../fonts/Stem/italic/2.otf') format('opentype');
  font-style: italic;
  font-weight: 200;
}

@font-face {
  font-family: "Stem";
  src: url('../fonts/Stem/italic/3.otf') format('opentype');
  font-style: italic;
  font-weight: 300;
}

@font-face {
  font-family: "Stem";
  src: url('../fonts/Stem/italic/4.otf') format('opentype');
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: "Stem";
  src: url('../fonts/Stem/italic/5.otf') format('opentype');
  font-style: italic;
  font-weight: 500;
}

@font-face {
  font-family: "Stem";
  src: url('../fonts/Stem/italic/7.otf') format('opentype');
  font-style: italic;
  font-weight: 700;
}
#lightbox{
  font-family: "Stem";
}
.stem{font-family: "Stem";}
.proxima{font-family: "ProximaNova";}

.text-8{font-size: 8px;}
.text-9{font-size: 9px;}
.text-10{font-size: 10px;}
.text-11{font-size: 11px;}
.text-12{font-size: 12px;}
.text-14{font-size: 14px;}
.text-16{font-size: 16px;}
.text-18{font-size: 18px;}
.text-20{font-size: 20px;}
.text-22{font-size: 22px;}
.text-24{font-size: 24px;}
.text-26{font-size: 26px;}
.text-28{font-size: 28px;}
.text-30{font-size: 30px;}
.text-32{font-size: 32px;}
.text-34{font-size: 34px;}
.text-36{font-size: 36px;}
.text-38{font-size: 38px;}
.text-40{font-size: 40px;}
.text-42{font-size: 42px;}
.text-44{font-size: 44px;}
.text-46{font-size: 46px;}
.text-48{font-size: 48px;}
.text-50{font-size: 50px;}
.text-72{font-size: 72px;}

.w-100{font-weight: 100;}
.w-200{font-weight: 200;}
.w-300{font-weight: 300;}
.w-400{font-weight: 400;}
.w-500{font-weight: 500;}
.w-700{font-weight: 700;}
.w-800{font-weight: 800;}
.w-900{font-weight: 900;}

.l-08{line-height: 0.8;}
.l-09{line-height: 0.9;}
.l-10{line-height: 1;}
.l-11{line-height: 1.1;}
.l-12{line-height: 1.2;}
.l-13{line-height: 1.3;}
.l-14{line-height: 1.4;}
.l-15{line-height: 1.5;}
.l-16{line-height: 1.6;}

.fix-font{font-size: 0;line-height: 0;}
.upper{text-transform: uppercase;}
.lower{text-transform: lowercase;}
.no-upper{text-transform: none;}
.center{text-align: center;}
.right{text-align: right;}
.left{text-align: left;}
.space{letter-spacing: 2px;}
.space-1{letter-spacing: 1px;}
.no-decor{text-decoration: none;}

.green{color: #158e70;}
.blue{color: #182032;}
.blue-2{color: #465a74;}
.blue-3{color: #3f5673;}
.white{color: white !important;}
.black{color: black;}
.gray{color: #ababab}

.gray-link{
  color: #afb3bb;
  text-decoration:underline;
}