@font-face {
  font-family: 'icomoon';
  src:  url('../font/icomoon.eot');
  src:  url('../font/icomoon.eot') format('embedded-opentype'),
    url('../font/icomoon.ttf') format('truetype'),
    url('../font/icomoon.woff') format('woff'),
    url('../font/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icomoon-"]:before, [class*=" icomoon-"]:before,
[class^="icomoon-"]:after, [class*=" icomoon-"]:after {   
  font-family:icomoon!important;  
        font-size: 20px;
font-style: normal;
margin-left: 20px;
    -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;
}

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

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased!important;
  -moz-osx-font-smoothing: grayscale!important;
}

.icomoon-placement:before {
  content: "\e900"!important;
}
.icomoon-spend:before {
  content: "\e901"!important;
}
.icomoon-alist:before {
  content: "\e902"!important;
}
.icomoon-segment:before {
  content: "\e903"!important;
}
.icomoon-content:before {
  content: "\e904"!important;
}
.icomoon-creative:before {
  content: "\e905"!important;
}
.icomoon-exp:before {
  content: "\e906"!important;
}
.icomoon-inv:before {
  content: "\e907"!important;
}
.icomoon-oem:before {
  content: "\e908"!important;
}
.icomoon-oem1:before {
  content: "\e909"!important;
}
.icomoon-part:before {
  content: "\e90a"!important;
}
.icomoon-wlist:before {
  content: "\e90b"!important;
}
.icomoon-settings:before {
  content: "\e90c"!important;
}
.icomoon-bulb:before {
  content: "\e90d"!important;
}
.icomoon-bubble:before {
  content: "\e90e"!important;
}
.icomoon-data:before {
  content: "\e90f"!important;
}
.icomoon-calendar:before {
  content: "\e910"!important;
}