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

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

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

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

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

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

/*@font-face {
    font-family: 'user-linecon';
    src: url('/fonts/user-linecon-webfont.eot');
    src: url('/fonts/user-linecon-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/user-linecon-webfont.woff') format('woff'),
         url('/fonts/user-linecon-webfont.ttf') format('truetype'),
         url('/fonts/user-linecon-webfont.svg#user-linecon') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

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


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

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('/fonts/fontello.svg?43779609#fontello') format('svg');
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'arrow';
    src: url('/fonts/arrow.svg?16068900#arrow') format('svg');
  }
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'clipboard';
    src: url('/fonts/clipboard.svg?43125490#clipboard') format('svg');
  }
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'eye';
    src: url('/fonts/eye.svg?55339368#eye') format('svg');
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'user-linecon';
    src: url('/fonts/user-linecon.svg?11123089#user-linecon') format('svg');
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'profile-actions';
    src: url('/fonts/profile-actions.svg?39333923#profile-actions') format('svg');
  }
}

 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: fontello,
               arrow,
               clipboard,
               eye,
               user-linecon,
               profile-actions,
               arrows1;

  font-style: normal;
  font-weight: normal;
  font-size:40px;
  speak: none;

  display: inline-block;
  text-decoration: none;
  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%; */
 
  /* Uncomment for 3D effect */
   text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); 
}

.icon-picture-1:before { content: '\e804'; } /* '' */
.icon-camera-1:before { content: '\e803'; } /* '' */
.icon-th:before { content: '\e802'; } /* '' */
.icon-cog:before { content: '\e800'; } /* '' */
.icon-left-open:before { content: '\e807'; } /* '' */
.icon-right-open:before { content: '\e808'; } /* '' */
.icon-left:before { content: '\e900'; } /* '' */
.icon-right:before { content: '\e901'; } /* '' */

.icon-clipboard:before { content: '\e880'; 
                         font-size: 15px; } /* '' */

.icon-eye:before { content: '\e777';
                   font-size:20px; } /* '' */

.icon-eye-off:before { content: '\e77';
                       font-size:20px; } /* '๷' */

.icon-user-large:before { content: '\e420';
                          font-size:70px; } /* '' */

.icon-user-small:before { content: '\e420';
                          font-size:23px;
                          padding-top: 3px; } /* '' */

.icon-facebook-squared:before { content: '\e532';font-size:15px; } /* '' */

.icon-trash:before { content: '\e533';font-size:15px; } /* '' */

.icon-left1-open:before { content: '\f800'; } /* '' */
.icon-right1-open:before { content: '\f801'; } /* '' */

.icon-camera-test:before { content: '\e803';
    font-size: 70px;
} /* '' */