@font-face {
  font-family: 'ftapi';
  src: url('../fonts/ftapi/ftapi.eot?50341855');
  src: url('../fonts/ftapi/ftapi.eot?50341855#iefix') format('embedded-opentype'),
  url('../fonts/ftapi/ftapi.woff?50341855') format('woff'),
  url('../fonts/ftapi/ftapi.ttf?50341855') format('truetype'),
  url('../fonts/ftapi/ftapi.svg?50341855#ftapi') 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: 'ftapi';
    src: url('../font/ftapi.svg?50341855#ftapi') format('svg');
  }
}*/

/*[class^="fa fa-"]:before, [class*=" fa fa-"]:before {
 font-family: "ftapi";
 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:  1  em; */

/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
/*margin-left:

.2
em

; */

/* you can be more comfortable with increased icons size */
/* font-size: 120%; */

/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
}
 */

/

.fa fa-lock-nonfill:before {
  content: '\77';
}

/* 'w' */
.fa fa-lock-fill:before {
  content: '\65';
}

/* 'e' */
.fa fa-lock-nonfill-small:before {
  content: '\71';
}

/* 'q' */
.fa fa-lock-fill-small:before {
  content: '\65';
}

/* 'q' */
.fa fa-plus-small:before {
  content: '\6d';
}

/* 'm' */
.fa fa-minus-small:before {
  content: '\6c';
}

/* 'l' */
.fa fa-plus:before {
  content: '\2b';
}

/* '+' */