@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?2vx1l9');
    src: url('fonts/icomoon.eot?2vx1l9#iefix') format('embedded-opentype'), url('../font/icomoon.ttf') format('truetype'), 
        url('fonts/icomoon.woff?2vx1l9') format('woff'), 
        url('fonts/icomoon.svg?2vx1l9#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
  
  [class^="icon-pb-"], [class*=" icon-pb-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    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-pb-brain .path1:before {
    content: "\e900";
    color: rgb(81, 127, 143);
  }
  .icon-pb-brain .path2:before {
    content: "\e901";
    margin-left: -1em;
    color: rgb(251, 250, 251);
  }
  .icon-pb-brain .path3:before {
    content: "\e902";
    margin-left: -1em;
    color: rgb(170, 188, 196);
  }
  .icon-pb-brain .path4:before {
    content: "\e903";
    margin-left: -1em;
    color: rgb(187, 199, 209);
  }
  .icon-pb-brain .path5:before {
    content: "\e904";
    margin-left: -1em;
    color: rgb(156, 188, 196);
  }
  .icon-pb-brain-gut .path1:before {
    content: "\e905";
    color: rgb(83, 130, 145);
  }
  .icon-pb-brain-gut .path2:before {
    content: "\e906";
    margin-left: -1em;
    color: rgb(251, 250, 251);
  }
  .icon-pb-brain-gut .path3:before {
    content: "\e907";
    margin-left: -1em;
    color: rgb(219, 235, 243);
  }
  .icon-pb-brain-gut .path4:before {
    content: "\e908";
    margin-left: -1em;
    color: rgb(183, 206, 214);
  }
  .icon-pb-brain-gut .path5:before {
    content: "\e909";
    margin-left: -1em;
    color: rgb(156, 188, 196);
  }
  .icon-pb-gut .path1:before {
    content: "\e90a";
    color: rgb(83, 130, 145);
  }
  .icon-pb-gut .path2:before {
    content: "\e90b";
    margin-left: -1em;
    color: rgb(251, 251, 251);
  }
  .icon-pb-gut .path3:before {
    content: "\e90c";
    margin-left: -1em;
    color: rgb(219, 235, 243);
  }
  .icon-pb-gut .path4:before {
    content: "\e90d";
    margin-left: -1em;
    color: rgb(182, 212, 220);
  }
  .icon-pb-gut .path5:before {
    content: "\e90e";
    margin-left: -1em;
    color: rgb(164, 188, 196);
  }
  .icon-pb-lungs .path1:before {
    content: "\e90f";
    color: rgb(80, 127, 143);
  }
  .icon-pb-lungs .path2:before {
    content: "\e910";
    margin-left: -1em;
    color: rgb(250, 249, 250);
  }
  .icon-pb-lungs .path3:before {
    content: "\e911";
    margin-left: -1em;
    color: rgb(154, 180, 188);
  }
  .icon-pb-lungs .path4:before {
    content: "\e912";
    margin-left: -1em;
    color: rgb(169, 188, 196);
  }
  .icon-pb-lungs .path5:before {
    content: "\e913";
    margin-left: -1em;
    color: rgb(178, 196, 204);
  }


@font-face {
    font-family: 'icomoon2';
    src: url('../font/icomoon2.eot?2vx1l9');
    src: url('../font/icomoon2.eot?2vx1l9#iefix') format('embedded-opentype'), url('../font/icomoon2.ttf') format('truetype'), url('../font/icomoon2.woff?2vx1l9') format('woff'), url('../font/icomoon2.svg?2vx1l9#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}


[class^="icon-icon"], [class*="icon-icon"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon2' !important;
    speak: never;
    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-icon-strain-5 .path1:before {
    content: "\e900";
    color: rgb(255, 255, 255);
}

.icon-icon-strain-5 .path2:before {
    content: "\e901";
    margin-left: -1em;
    color: rgb(248, 165, 173);
}

.icon-icon-strain-5 .path3:before {
    content: "\e902";
    margin-left: -1em;
    color: rgb(252, 127, 140);
}

.icon-icon-strain-5 .path4:before {
    content: "\e903";
    margin-left: -1em;
    color: rgb(255, 88, 105);
}

.icon-icon-strain-5 .path5:before {
    content: "\e904";
    margin-left: -1em;
    color: rgb(248, 165, 173);
}

.icon-icon-strain-4 .path1:before {
    content: "\e905";
    color: rgb(255, 255, 255);
}

.icon-icon-strain-4 .path2:before {
    content: "\e906";
    margin-left: -1em;
    color: rgb(248, 165, 173);
}

.icon-icon-strain-4 .path3:before {
    content: "\e907";
    margin-left: -1em;
    color: rgb(255, 88, 105);
}

.icon-icon-strain-4 .path4:before {
    content: "\e908";
    margin-left: -1em;
    color: rgb(248, 165, 173);
}

.icon-icon-strain-3 .path1:before {
    content: "\e909";
    color: rgb(255, 255, 255);
}

.icon-icon-strain-3 .path2:before {
    content: "\e90a";
    margin-left: -1em;
    color: rgb(227, 208, 219);
}

.icon-icon-strain-3 .path3:before {
    content: "\e90b";
    margin-left: -1em;
    color: rgb(212, 174, 196);
}

.icon-icon-strain-3 .path4:before {
    content: "\e90c";
    margin-left: -1em;
    color: rgb(212, 174, 196);
}

.icon-icon-strain-3 .path5:before {
    content: "\e90d";
    margin-left: -1em;
    color: rgb(179, 111, 150);
}

.icon-icon-strain-3 .path6:before {
    content: "\e90e";
    margin-left: -1em;
    color: rgb(179, 111, 150);
}

.icon-icon-strain-3 .path7:before {
    content: "\e90f";
    margin-left: -1em;
    color: rgb(227, 208, 219);
}

.icon-icon-strain-2 .path1:before {
    content: "\e910";
    color: rgb(255, 255, 255);
}

.icon-icon-strain-2 .path2:before {
    content: "\e911";
    margin-left: -1em;
    color: rgb(229, 222, 237);
}

.icon-icon-strain-2 .path3:before {
    content: "\e912";
    margin-left: -1em;
    color: rgb(196, 183, 213);
}

.icon-icon-strain-2 .path4:before {
    content: "\e913";
    margin-left: -1em;
    color: rgb(196, 183, 213);
}

.icon-icon-strain-2 .path5:before {
    content: "\e914";
    margin-left: -1em;
    color: rgb(151, 125, 185);
}

.icon-icon-strain-2 .path6:before {
    content: "\e915";
    margin-left: -1em;
    color: rgb(174, 155, 200);
}

.icon-icon-strain-2 .path7:before {
    content: "\e916";
    margin-left: -1em;
    color: rgb(196, 183, 213);
}

.icon-icon-strain-2 .path8:before {
    content: "\e917";
    margin-left: -1em;
    color: rgb(151, 125, 185);
}

.icon-icon-strain-2 .path9:before {
    content: "\e918";
    margin-left: -1em;
    color: rgb(174, 155, 200);
}

.icon-icon-strain-2 .path10:before {
    content: "\e919";
    margin-left: -1em;
    color: rgb(196, 183, 213);
}

.icon-icon-strain-1 .path1:before {
    content: "\e91a";
    color: rgb(255, 255, 255);
}

.icon-icon-strain-1 .path2:before {
    content: "\e91b";
    margin-left: -1em;
    color: rgb(191, 234, 240);
}

.icon-icon-strain-1 .path3:before {
    content: "\e91c";
    margin-left: -1em;
    color: rgb(0, 172, 198);
}

.icon-icon-strain-1 .path4:before {
    content: "\e91d";
    margin-left: -1em;
    color: rgb(121, 207, 220);
}

.icon-icon-strain-1 .path5:before {
    content: "\e91e";
    margin-left: -1em;
    color: rgb(0, 172, 198);
}

.icon-icon-strain-1 .path6:before {
    content: "\e91f";
    margin-left: -1em;
    color: rgb(121, 207, 220);
}

.icon-icon-strain-1 .path7:before {
    content: "\e920";
    margin-left: -1em;
    color: rgb(61, 190, 209);
}
