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


[class^="icon-"], [class*=" icon-"] 
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !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-close:before 
  content: "\e901";

.icon-favorite:before 
  content: "\e900";

.icon-file-music:before 
  content: "\e928";

.icon-bubbles4:before 
  content: "\e970";

.icon-bin:before 
  content: "\e9ac";

.icon-menu3:before 
  content: "\e9bf";

.icon-menu4:before 
  content: "\e9c0";

.icon-play2:before 
  content: "\ea15";

.icon-pause:before 
  content: "\ea16";

.icon-stop:before 
  content: "\ea17";

.icon-previous:before 
  content: "\ea18";

.icon-next:before 
  content: "\ea19";

.icon-volume-medium:before 
  content: "\ea27";

.icon-volume-mute2:before 
  content: "\ea2a";

.icon-loop:before 
  content: "\ea2d";

.icon-loop2:before 
  content: "\ea2e";

.icon-shuffle:before 
  content: "\ea30";

.icon-circle-up:before 
  content: "\ea41";

.icon-circle-right:before 
  content: "\ea42";

.icon-circle-left:before 
  content: "\ea44";

.icon-share:before 
  content: "\ea7d";

