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

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change /css/fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #3d3c3f;
    font-size: 36px;
    background-color: #eaeaea;
    padding: 15px;
    border-radius: 50px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 300ms ease 0ms;
    transition: all 300ms ease 0ms;
}

    [class^="icon-"]:hover, [class*=" icon-"]:hover {
        color: white;
        background-color: #3d3c3f;
    }

.iconeHeader {
    border-radius: 10px;
    font-size: 21px;
    padding: 7px;
}


.icon-profile:before {
    content: "\e923";
}
.icon-cart:before {
  content: "\e93a";
}
.icon-list2:before {
  content: "\e9bb";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-youtube:before {
  content: "\ea9d";
}