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

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


    .icon-grailsDos{
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'icomoonGrails' !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;

      /*max-height: 100px;*/
    }

    .icon-grailsDos:before {
      content: "\e900";
      color: #a8a8a8;
      font-family: 'icomoonGrails' !important;
    }

    .icon-grailsDos:hover::before{
      fill: #6E6F71 !important;
      color: #6E6F71 !important;
      font-family: 'icomoonGrails' !important;

    }



    .icon-jobs, .icon-jobs-h{
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'icomoonJobs' !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;

      /*max-height: 100px;*/
    }

    .icon-jobs{
      margin-bottom:0 !important;
      font-family: 'icomoonJobs' !important;
    }

    .icon-jobs-h{
      margin-top: -15px;
      font-family: 'icomoonJobs' !important;
      
    }
    .icon-jobs-h.scalehover {
      margin-bottom: 0 !important;
      font-family: 'icomoonJobs' !important;
    }

    .icon-jobs:before {
      content: "\e900";
      color: #6e6f71;
      font-size: 130px;
      font-family: 'icomoonJobs' !important;
    }

    .icon-jobs-h:before{
      content: "\e900";
      color: #ffff;
      font-size: 150px;
      font-family: 'icomoonJobs' !important;
    }

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

    .icon-diseador_1,
    .icon-diseador_2,
    .icon-pm_1,
    .icon-pm_2,
    .icon-progra_1,
    .icon-progra_1,
    .icon-reportes, 
    .icon-producto, 
    .icon-proceso,
    .icon-ionic ,
    .icon-inocuidad, 
    .icon-dashboard{
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'icomoonProject' !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;
    }

    .icon-diseador_1:before {
      content: "\e900";
      font-family: 'icomoonProject' !important;
    }
    .icon-diseador_2:before {
      content: "\e901";
      font-family: 'icomoonProject' !important;
    }
    .icon-pm_1:before {
      content: "\e902";
      font-family: 'icomoonProject' !important;
    }
    .icon-pm_2:before {
      content: "\e903";
      font-family: 'icomoonProject' !important;
    }
    .icon-progra_1:before {
      content: "\e904";
      font-family: 'icomoonProject' !important;
    }
    .icon-progra_2:before {
      content: "\e905";
      font-family: 'icomoonProject' !important;
    }
    .icon-reportes:before {
      content: "\e906";
      font-family: 'icomoonProject' !important;
    }
    .icon-producto:before {
      content: "\e907";
      font-family: 'icomoonProject' !important;
    }
    .icon-proceso:before {
      content: "\e908";
      font-family: 'icomoonProject' !important;
    }
    .icon-ionic:before {
      content: "\e909";
      font-family: 'icomoonProject' !important;
    }
    .icon-inocuidad:before {
      content: "\e90a";
      font-family: 'icomoonProject' !important;
    }
    .icon-dashboard:before {
      content: "\e90b";
      font-family: 'icomoonProject' !important;
    }