@font-face {
  font-family: 'Interstate';
  src: url('../fonts/Interstate-Bold.eot');
  src: url('../fonts/Interstate-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Interstate-Bold.woff2') format('woff2'),
  url('../fonts/Interstate-Bold.woff') format('woff'),
  url('../fonts/Interstate-Bold.ttf') format('truetype'),
  url('../fonts/Interstate-Bold.svg#Interstate-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Interstate';
  src: url('../fonts/Interstate-Bold_1.eot');
  src: url('../fonts/Interstate-Bold_1.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Interstate-Bold_1.woff2') format('woff2'),
  url('../fonts/Interstate-Bold_1.woff') format('woff'),
  url('../fonts/Interstate-Bold_1.ttf') format('truetype'),
  url('../fonts/Interstate-Bold_1.svg#Interstate-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Interstate';
  src: url('../fonts/Interstate-Bold_2.eot');
  src: url('../fonts/Interstate-Bold_2.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Interstate-Bold_2.woff2') format('woff2'),
  url('../fonts/Interstate-Bold_2.woff') format('woff'),
  url('../fonts/Interstate-Bold_2.ttf') format('truetype'),
  url('../fonts/Interstate-Bold_2.svg#Interstate-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Interstate';
  src: url('../fonts/Interstate-Light.eot');
  src: url('../fonts/Interstate-Light.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Interstate-Light.woff2') format('woff2'),
  url('../fonts/Interstate-Light.woff') format('woff'),
  url('../fonts/Interstate-Light.ttf') format('truetype'),
  url('../fonts/Interstate-Light.svg#Interstate-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Interstate';
  src: url('../fonts/Interstate-Light_1.eot');
  src: url('../fonts/Interstate-Light_1.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Interstate-Light_1.woff2') format('woff2'),
  url('../fonts/Interstate-Light_1.woff') format('woff'),
  url('../fonts/Interstate-Light_1.ttf') format('truetype'),
  url('../fonts/Interstate-Light_1.svg#Interstate-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Interstate';
  src: url('../fonts/Interstate-Light_2.eot');
  src: url('../fonts/Interstate-Light_2.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Interstate-Light_2.woff2') format('woff2'),
  url('../fonts/Interstate-Light_2.woff') format('woff'),
  url('../fonts/Interstate-Light_2.ttf') format('truetype'),
  url('../fonts/Interstate-Light_2.svg#Interstate-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Interstate';
  src: url('../fonts/Interstate-Bold_3.eot');
  src: url('../fonts/Interstate-Bold_3.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Interstate-Bold_3.woff2') format('woff2'),
  url('../fonts/Interstate-Bold_3.woff') format('woff'),
  url('../fonts/Interstate-Bold_3.ttf') format('truetype'),
  url('../fonts/Interstate-Bold_3.svg#Interstate-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'interstateregular';
  src: url('../fonts/interstateregular.eot');
  src: url('../fonts/interstateregular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/interstateregular.woff2') format('woff2'),
  url('../fonts/interstateregular.woff') format('woff'),
  url('../fonts/interstateregular.ttf') format('truetype'),
  url('../fonts/interstateregular.svg#interstateregular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'interstateregular';
  src: url('../fonts/interstateregular_1.eot');
  src: url('../fonts/interstateregular_1.eot?#iefix') format('embedded-opentype'),
  url('../fonts/interstateregular_1.woff2') format('woff2'),
  url('../fonts/interstateregular_1.woff') format('woff'),
  url('../fonts/interstateregular_1.ttf') format('truetype'),
  url('../fonts/interstateregular_1.svg#interstateregular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Interstate';
  src: url('../fonts/Interstate-Regular.eot');
  src: url('../fonts/Interstate-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Interstate-Regular.woff2') format('woff2'),
  url('../fonts/Interstate-Regular.woff') format('woff'),
  url('../fonts/Interstate-Regular.ttf') format('truetype'),
  url('../fonts/Interstate-Regular.svg#Interstate-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Interstate';
  src: url('../fonts/Interstate-Regular_1.eot');
  src: url('../fonts/Interstate-Regular_1.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Interstate-Regular_1.woff2') format('woff2'),
  url('../fonts/Interstate-Regular_1.woff') format('woff'),
  url('../fonts/Interstate-Regular_1.ttf') format('truetype'),
  url('../fonts/Interstate-Regular_1.svg#Interstate-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Interstate';
  src: url('../fonts/Interstate-Regular_2.eot');
  src: url('../fonts/Interstate-Regular_2.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Interstate-Regular_2.woff2') format('woff2'),
  url('../fonts/Interstate-Regular_2.woff') format('woff'),
  url('../fonts/Interstate-Regular_2.ttf') format('truetype'),
  url('../fonts/Interstate-Regular_2.svg#Interstate-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: ionicons;
  src: url('../fonts/ionicons/ionicons.eot?v=4.7.0');
  src: url('../fonts/ionicons/ionicons.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/ionicons/ionicons.woff2?v=4.7.0') format('woff2'), url('../fonts/ionicons/ionicons.woff?v=4.7.0') format('woff'), url('../fonts/ionicons/ionicons.ttf?v=4.7.0') format('truetype'), url('../fonts/ionicons/ionicons.svg?v=4.7.0ionicons') format('svg');
  font-style: normal;
}

@font-face {
  font-family: font-awesome;
  src: url('../fonts/font-awesome/font-awesome.eot?v=4.7.0');
  src: url('../fonts/font-awesome/font-awesome.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/font-awesome/font-awesome.woff2?v=4.7.0') format('woff2'), url('../fonts/font-awesome/font-awesome.woff?v=4.7.0') format('woff'), url('../fonts/font-awesome/font-awesome.ttf?v=4.7.0') format('truetype'), url('../fonts/font-awesome/font-awesome.svg?v=4.7.0font-awesome') format('svg');
  font-style: normal;
}

#stock-bar-block .inner-wrapper {
  padding: 0 10px;
}
#stock-bar-block .stockquote-change {
  position: relative;
  margin-left: 5px;
}
#stock-bar-block .stockquote-change.up span.value,
#stock-bar-block .stockquote-change.down span.value {
  padding-left: 23px;
}
#stock-bar-block .stockquote-change.up span.value:after,
#stock-bar-block .stockquote-change.down span.value:after {
  position: absolute;
  content: "\F35F";
  display: block;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #de2053;
  font-family: "ionicons";
  font-size: 21px;
  font-size: 2.0655rem;
  margin-top: 2px;
}
#stock-bar-block .stockquote-change.up span.value:after {
  content: "\F365";
  color: #55B01E;
}