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

i,nav span:after,a.iconfonts-window-open:after,
.button.button-primary span:after,.button.button-noraml:after,
span.iconfonts-icon-play:before{
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconfonts' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

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

.iconfonts-icon-play:before {
  content: "\e912";
  margin-right: 0.4em;
  vertical-align: middle;
}
.iconfonts-arrow-01-down:before {
  content: "\e900";
}
.iconfonts-arrow-01-right:before {
  content: "\e901";
}
.iconfonts-arrow-02-down:before {
  content: "\e902";
}
.iconfonts-arrow-02-right:before {
  content: "\e903";
}
.iconfonts-arrow-02-up:before {
  content: "\e904";
}
.iconfonts-window-open:after {
  content: "\e909";
}


nav span:after {
display: inline-block;
margin-left: .25em;
color: #8c8c8c;
}
a.iconfonts-window-open:after {
display: inline-block;
margin-left: .25em;
margin-right: .25em;
vertical-align: baseline;
opacity: 0.5;
}