@font-face {
  font-family: "BasierCircle";
  src: url("basier-circle/regular/BasierCircle-Regular.eot");
  src: url("basier-circle/regular/BasierCircle-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("basier-circle/regular/BasierCircle-Regular.svg#BasierCircle-Regular")
      format("svg"),
    url("basier-circle/regular/BasierCircle-Regular.ttf") format("truetype"),
    url("basier-circle/regular/BasierCircle-Regular.woff") format("woff"),
    url("basier-circle/regular/BasierCircle-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "BasierCircle";
  src: url("basier-circle/medium/BasierCircle-Medium.eot");
  src: url("basier-circle/medium/BasierCircle-Medium.eot?#iefix")
      format("embedded-opentype"),
    url("basier-circle/medium/BasierCircle-Medium.svg#BasierCircle-Medium")
      format("svg"),
    url("basier-circle/medium/BasierCircle-Medium.ttf") format("truetype"),
    url("basier-circle/medium/BasierCircle-Medium.woff") format("woff"),
    url("basier-circle/medium/BasierCircle-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "BasierCircle";
  src: url("basier-circle/semi-bold/BasierCircle-SemiBold.eot");
  src: url("basier-circle/semi-bold/BasierCircle-SemiBold.eot?#iefix")
      format("embedded-opentype"),
    url("basier-circle/semi-bold/BasierCircle-SemiBold.svg#BasierCircle-SemiBold")
      format("svg"),
    url("basier-circle/semi-bold/BasierCircle-SemiBold.ttf") format("truetype"),
    url("basier-circle/semi-bold/BasierCircle-SemiBold.woff") format("woff"),
    url("basier-circle/semi-bold/BasierCircle-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "BasierCircle";
  src: url("basier-circle/bold/BasierCircle-Bold.eot");
  src: url("basier-circle/bold/BasierCircle-Bold.eot?#iefix")
      format("embedded-opentype"),
    url("basier-circle/bold/BasierCircle-Bold.svg#BasierCircle-Bold")
      format("svg"),
    url("basier-circle/bold/BasierCircle-Bold.ttf") format("truetype"),
    url("basier-circle/bold/BasierCircle-Bold.woff") format("woff"),
    url("basier-circle/bold/BasierCircle-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/thin/Cera\ Pro\ Thin.otf");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/thin/Cera\ Pro\ Thin\ Italic.otf");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/light/Cera\ Pro\ Light.otf");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/light/Cera\ Pro\ Light\ Italic.otf");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/regular/Cera\ Pro\ Regular.otf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/regular/Cera\ Pro\ Regular\ Italic.otf");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/medium/Cera\ Pro\ Medium.otf");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/medium/Cera\ Pro\ Medium\ Italic.otf");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/bold/Cera\ Pro\ Bold.otf");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/bold/Cera\ Pro\ Bold\ Italic.otf");
  font-weight: 700;
  font-style: italic;
}


@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/black/Cera\ Pro\ Black.otf");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Cera Pro";
  src: url("cera-pro/black/Cera\ Pro\ Black\ Italic.otf");
  font-weight: 800;
  font-style: italic;
}