@font-face {
  font-family: 'VP-Prime';
  src:
    url('../webfonts/VP-Prime.ttf?ly2dj7') format('truetype'),
    url('../webfonts/VP-Prime.woff?ly2dj7') format('woff'),
    url('../webfonts/VP-Prime.svg?ly2dj7#VP-Prime') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.vpi {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'VP-Prime' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.vpi-lg {
  font-size: 1.5em;
}

.vpi-xs {
  font-size: .75em;
}

.vpi-sm {
  font-size: .875em;
}

.vpi-1x {
  font-size: 1em;
}

.vpi-2x {
  font-size: 2em;
}

.vpi-3x {
  font-size: 3em;
}

.vpi-4x {
  font-size: 4em;
}

.vpi-5x {
  font-size: 5em;
}

.vpi-6x {
  font-size: 6em;
}

.vpi-7x {
  font-size: 7em;
}

.vpi-8x {
  font-size: 8em;
}

.vpi-9x {
  font-size: 9em;
}

.vpi-10x {
  font-size: 10em;
}

.vpi-fw {
  text-align: center;
  width: 1.25em;
}

.vpi-align-center:before {
  content: "\e911";
}

.vpi-align-justify:before {
  content: "\e912";
}

.vpi-align-left:before {
  content: "\e913";
}

.vpi-align-right:before {
  content: "\e914";
}

.vpi-align-slash:before {
  content: "\e915";
}

.vpi-angle-double-down:before {
  content: "\e91d";
}

.vpi-angle-double-left:before {
  content: "\e91e";
}

.vpi-angle-double-right:before {
  content: "\e91f";
}

.vpi-angle-double-up:before {
  content: "\e920";
}

.vpi-angle-down:before {
  content: "\e921";
}

.vpi-angle-left:before {
  content: "\e922";
}

.vpi-angle-right:before {
  content: "\e923";
}

.vpi-angle-up:before {
  content: "\e924";
}

.vpi-arrow-alt-circle-down:before {
  content: "\e92b";
}

.vpi-arrow-alt-circle-left:before {
  content: "\e92c";
}

.vpi-arrow-alt-circle-right:before {
  content: "\e92d";
}

.vpi-arrow-alt-circle-up:before {
  content: "\e92e";
}

.vpi-arrow-circle-down:before {
  content: "\e93f";
}

.vpi-arrow-circle-left:before {
  content: "\e940";
}

.vpi-arrow-circle-right:before {
  content: "\e941";
}

.vpi-arrow-circle-up:before {
  content: "\e942";
}

.vpi-arrow-down:before {
  content: "\e943";
}

.vpi-arrow-left:before {
  content: "\e948";
}

.vpi-arrow-right:before {
  content: "\e949";
}

.vpi-arrow-up:before {
  content: "\e958";
}

.vpi-bars:before {
  content: "\e97e";
}

.vpi-chevron-circle-down:before {
  content: "\ea5c";
}

.vpi-chevron-circle-left:before {
  content: "\ea5d";
}

.vpi-chevron-circle-right:before {
  content: "\ea5e";
}

.vpi-chevron-circle-up:before {
  content: "\ea5f";
}

.vpi-chevron-double-down:before {
  content: "\ea60";
}

.vpi-chevron-double-left:before {
  content: "\ea61";
}

.vpi-chevron-double-right:before {
  content: "\ea62";
}

.vpi-chevron-double-up:before {
  content: "\ea63";
}

.vpi-chevron-down:before {
  content: "\ea64";
}

.vpi-chevron-left:before {
  content: "\ea65";
}

.vpi-chevron-right:before {
  content: "\ea66";
}

.vpi-chevron-up:before {
  content: "\ea6b";
}

.vpi-copy:before {
  content: "\ead5";
}

.vpi-heart:before {
  content: "\ec3e";
}

.vpi-home:before {
  content: "\ec50";
}

.vpi-home-alt:before {
  content: "\ec51";
}

.vpi-home-heart:before {
  content: "\ec52";
}

.vpi-home-lg:before {
  content: "\ec53";
}

.vpi-home-lg-alt:before {
  content: "\ec54";
}

.vpi-laugh:before {
  content: "\ecaf";
}

.vpi-laugh-beam:before {
  content: "\ecb0";
}

.vpi-laugh-squint:before {
  content: "\ecb1";
}

.vpi-laugh-wink:before {
  content: "\ecb2";
}

.vpi-times:before {
  content: "\ef3a";
}

.vpi-long-arrow-alt-down:before {
  content: "\ecde";
}

.vpi-long-arrow-alt-left:before {
  content: "\ecdf";
}

.vpi-long-arrow-alt-right:before {
  content: "\ece0";
}

.vpi-long-arrow-alt-up:before {
  content: "\ece1";
}

.vpi-long-arrow-down:before {
  content: "\ece2";
}

.vpi-long-arrow-left:before {
  content: "\ece3";
}

.vpi-long-arrow-right:before {
  content: "\ece4";
}

.vpi-long-arrow-up:before {
  content: "\ece5";
}

.vpi-neuter:before {
  content: "\ed4a";
}

.vpi-plus:before {
  content: "\eda7";
}

.vpi-random:before {
  content: "\edde";
}

.vpi-search:before {
  content: "\ee26";
}

.vpi-search-dollar:before {
  content: "\ee27";
}

.vpi-search-location:before {
  content: "\ee28";
}

.vpi-search-minus:before {
  content: "\ee29";
}

.vpi-search-plus:before {
  content: "\ee2a";
}

.vpi-shopping-bag:before {
  content: "\ee45";
}

.vpi-shopping-basket:before {
  content: "\ee46";
}

.vpi-shopping-cart:before {
  content: "\ee47";
}

.vpi-smile:before {
  content: "\ee77";
}

.vpi-smile-beam:before {
  content: "\ee78";
}

.vpi-smile-wink:before {
  content: "\ee7a";
}

.vpi-unlock:before {
  content: "\ef97";
}

.vpi-unlock-alt:before {
  content: "\ef98";
}

.vpi-usd-circle:before {
  content: "\ef9b";
}

.vpi-usd-square:before {
  content: "\ef9c";
}

.vpi-user:before {
  content: "\ef9d";
}

.vpi-user-alt:before {
  content: "\ef9f";
}

.vpi-user-check:before {
  content: "\efa3";
}

.vpi-user-clock:before {
  content: "\efa5";
}

.vpi-user-edit:before {
  content: "\efa9";
}

.vpi-user-friends:before {
  content: "\efaa";
}

.vpi-user-lock:before {
  content: "\efaf";
}

.vpi-user-minus:before {
  content: "\efb2";
}

.vpi-user-plus:before {
  content: "\efb6";
}

.vpi-user-tag:before {
  content: "\efc0";
}

.vpi-user-times:before {
  content: "\efc2";
}