@font-face {
    font-family: 'klantportal';
    src: url('klantportal.eot'); /* IE 9 Compatibility Mode */
    src: url('klantportal.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
         url('klantportal.woff2') format('woff2'), /* Firefox >= 3.6, any other modern browser */
         url('klantportal.ttf') format('truetype'); /* Safari, Android, iOS */
}


.fi-klantportal {
 	font-family: klantportal;

 	font-style: normal;
 	font-weight: normal;
 	speak: none;
 	font-size: 22px;
	line-height: 30px;
	min-height: 30px;
	color: #7D8998;

 	display: inline-block;
 	text-decoration: inherit;
 	width: auto;
 	text-align: center;

 	/* For safety - reset parent styles, that can break glyph codes*/
 	font-variant: normal;
 	text-transform: none;

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

.fi-space:before {
   content: "\20";
}
.fi-user-question-03:before {
   content: "\21";
}
.fi-user:before {
   content: "\22";
}
.fi-padlock-open-02:before {
   content: "\23";
}
.fi-bell-ringing-02:before {
   content: "\24";
}
.fi-gears:before {
   content: "\25";
}
.fi-bell-ringing-04:before {
   content: "\26";
}
.fi-list:before {
   content: "\27";
}
.fi-padlock-closed-02:before {
   content: "\28";
}
.fi-user-speech-bubble:before {
   content: "\29";
}
.fi-four-squares:before {
   content: "\2a";
}
.fi-calendar:before {
   content: "\2b";
}