@font-face {
  font-family: 'fontfilm';
  src: url('../font/fontfilm.eot?27504242');
  src: url('../font/fontfilm.eot?27504242#iefix') format('embedded-opentype'),
       url('../font/fontfilm.woff2?27504242') format('woff2'),
       url('../font/fontfilm.woff?27504242') format('woff'),
       url('../font/fontfilm.ttf?27504242') format('truetype'),
       url('../font/fontfilm.svg?27504242#fontfilm') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontfilm';
    src: url('../font/fontfilm.svg?27504242#fontfilm') format('svg');
  }
}
*/
 
 [class^="film-"]:before, [class*=" film-"]:before {
  font-family: "fontfilm";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.film-1:before { content: '\e900'; } /* '' */
.film-2:before { content: '\e901'; } /* '' */
.film-3:before { content: '\e902'; } /* '' */
.film-4:before { content: '\e903'; } /* '' */
.film-5:before { content: '\e904'; } /* '' */
.film-6:before { content: '\e905'; } /* '' */
.film-7:before { content: '\e906'; } /* '' */
.film-8:before { content: '\e907'; } /* '' */
.film-9:before { content: '\e908'; } /* '' */
.film-10:before { content: '\e909'; } /* '' */
.film-11:before { content: '\e90a'; } /* '' */
.film-12:before { content: '\e90b'; } /* '' */
.film-13:before { content: '\e90c'; } /* '' */
.film-14:before { content: '\e90d'; } /* '' */
.film-15:before { content: '\e90e'; } /* '' */
.film-16:before { content: '\e90f'; } /* '' */
.film-17:before { content: '\e910'; } /* '' */
.film-18:before { content: '\e911'; } /* '' */
.film-19:before { content: '\e912'; } /* '' */
.film-20:before { content: '\e913'; } /* '' */
.film-21:before { content: '\e914'; } /* '' */
.film-22:before { content: '\e915'; } /* '' */
.film-23:before { content: '\e916'; } /* '' */
.film-24:before { content: '\e917'; } /* '' */
.film-25:before { content: '\e918'; } /* '' */
.film-26:before { content: '\e919'; } /* '' */
.film-27:before { content: '\e91a'; } /* '' */
.film-28:before { content: '\e91b'; } /* '' */
.film-29:before { content: '\e91c'; } /* '' */
.film-30:before { content: '\e91d'; } /* '' */
.film-31:before { content: '\e91e'; } /* '' */
.film-32:before { content: '\e91f'; } /* '' */
.film-33:before { content: '\e920'; } /* '' */
.film-34:before { content: '\e921'; } /* '' */
.film-35:before { content: '\e922'; } /* '' */
.film-36:before { content: '\e923'; } /* '' */
.film-37:before { content: '\e924'; } /* '' */
.film-38:before { content: '\e925'; } /* '' */
.film-39:before { content: '\e926'; } /* '' */
.film-40:before { content: '\e927'; } /* '' */
.film-41:before { content: '\e928'; } /* '' */
.film-42:before { content: '\e929'; } /* '' */
.film-43:before { content: '\e92a'; } /* '' */
.film-44:before { content: '\e92b'; } /* '' */
.film-45:before { content: '\e92c'; } /* '' */
.film-46:before { content: '\e92d'; } /* '' */