/*regular*/
@font-face {
  font-family: 'F-Regular';
  src: url('../fonts/fsans-regular/F-Regular.eot') format('embedded-opentype'),
       url('../fonts/fsans-regular/F-Regular.woff') format('woff'),
       url('../fonts/fsans-regular/F-Regular.ttf')  format('truetype'), 
       url('../fonts/fsans-regular/F-Regular.svg#F-Regular') format('svg');

  font-weight: normal;
  font-style: normal;
}

/*bold*/
@font-face {
  font-family: 'F-Bold';
  src: url('../fonts/fsans-bold/F-Bold.eot') format('embedded-opentype'),
       url('../fonts/fsans-bold/F-Bold.woff') format('woff'),
       url('../fonts/fsans-bold/F-Bold.ttf')  format('truetype'), 
       url('../fonts/fsans-bold/F-Bold.svg#F-Bold') format('svg');

  font-weight: normal;
  font-style: normal;
}


/*light*/
@font-face {
  font-family: 'F-Light';
  src: url('../fonts/fsans-light/F-Light.eot') format('embedded-opentype'),
       url('../fonts/fsans-light/F-Light.woff') format('woff'),
       url('../fonts/fsans-light/F-Light.ttf')  format('truetype'), 
       url('../fonts/fsans-light/F-Light.svg#F-Light') format('svg');

  font-weight: normal;
  font-style: normal;
}


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

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

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
/*font-size: 20px;*/
font-style: normal;
margin-left: 20px;
}

.flaticon-logout:before { content: "\f100"; }
.flaticon-user:before { content: "\f101"; }