@font-face {
  font-family: 'mosambee';
  src:  url('fonts/mosambee.eot?9lngdl');
  src:  url('../fonts/mosambee.eot?9lngdl#iefix') format('embedded-opentype'),
    url('../fonts/mosambee.ttf?9lngdl') format('truetype'),
    url('../fonts/mosambee.woff?9lngdl') format('woff'),
    url('../fonts/mosambee.svg?9lngdl#mosambee') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'mosambee-upload';
  src:  url('fonts/mosambee-upload.eot');
  src:  url('../fonts/mosambee-upload.eot') format('embedded-opentype'),
    url('../fonts/mosambee-upload.ttf') format('truetype'),
    url('../fonts/mosambee-upload.woff') format('woff'),
    url('../fonts/mosambee-upload.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'home';
  src:  url('fonts/home.eot');
  src:  url('../fonts/home.eot') format('embedded-opentype'),
    url('../fonts/home.ttf') format('truetype'),
    url('../fonts/home.woff') format('woff'),
    url('../fonts/home.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'checkmark';
  src:  url('fonts/checkmark.eot');
  src:  url('../fonts/checkmark.eot') format('embedded-opentype'),
    url('../fonts/checkmark.ttf') format('truetype'),
    url('../fonts/checkmark.woff') format('woff'),
    url('../fonts/checkmark.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'lock';
  src:  url('fonts/lock.eot');
  src:  url('../fonts/lock.eot') format('embedded-opentype'),
    url('../fonts/lock.ttf') format('truetype'),
    url('../fonts/lock.woff') format('woff'),
    url('../fonts/lock.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'spinner';
  src:  url('fonts/spinner.eot');
  src:  url('../fonts/spinner.eot') format('embedded-opentype'),
    url('../fonts/spinner.ttf') format('truetype'),
    url('../fonts/spinner.woff') format('woff'),
    url('../fonts/spinner.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
}

i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'mosambee' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-cloud-upload{
  font-family: 'mosambee-upload' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size:20px;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.homehome{
  font-family: 'home' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size:20px;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.checkmarkcheckmark{
  font-family: 'checkmark' !important;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size:20px;
  color:#fff;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.locklock-closed{
  font-family: 'lock' !important;
  font-style: normal;
 
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size:17px;
  color:#fff;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-spinner{
  font-family: 'spinner' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size:20px;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.locklock-closed:before {
  content: "\e900";
}
.icon-lock:before {
  content: "\e900";
}
.fa-cloud-upload:before {
  content: "\e904";
}
.icon-spinner:before {
  content: "\e900";
}

.homehome:before {
  content: "\e900";
}
.checkmarkcheckmark:before {
  content: "\e900";
}