@font-face {
    font-family: 'samoa';
    src: url('fonts/samoa.eot');
    src: url('fonts/samoa.eot?#iefix') format('embedded-opentype'),
         url('fonts/samoa.woff') format('woff'),
         url('fonts/samoa.ttf') format('truetype'),
         url('fonts/samoa.svg#samoa') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']{
  display: inline-block;
  width: 20px;
  margin-right: 5px;
}
[class*='icon-']:before{
  display: inline-block;
   font-family: 'samoa';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   position: absolute;
   margin-top: -14px;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-arr-down:before{content:'\0041';}
.icon-arr-up:before{content:'\0042';}
.icon-arr-left:before{content:'\0043';}
.icon-arr-right:before{content:'\0044';}
.icon-blank:before{content:'\0045';}
.icon-check:before{content:'\0046';}
.icon-false:before{content:'\0047';}
.icon-framework:before{content:'\0048';}
.icon-login:before{content:'\004a';}
.icon-manager:before{content:'\004b';}
.icon-pen:before{content:'\004d';}
.icon-mail:before{content:'\004c';} .icon-mail.menu:before{font-size:19px;margin-top: -15px;}
.icon-more:before{content:'\004e';}
.icon-plus:before{content:'\004f';}
.icon-user:before{content:'\0050';}
.icon-map:before{content:'\0051';}
.icon-loading:before{content:'\0023';}
.icon-mag:before{content:'\0049';}
.icon-db:before{content:'\0050';}