@font-face {
    font-family: 'pictos';
    src: url('CG.eot');
    src: url('CG.eot?#iefix') format('embedded-opentype'),
         url('CG.woff') format('woff'),
         url('CG.ttf') format('truetype'),
         url('CG.svg#CG') format('svg');
    font-weight: 400;
    font-style: normal;

}


.pictos {font-family: 'pictos'; font-size: 1.7em; line-height: 24px; height: 24px; width: 24px; display: inline-block; overflow: hidden; color: #343b43; position: relative; zoom: 1;}
.pictos:hover {color:#23262a;}

[class^="icon-"],[class*=" icon-"] {position: absolute; top: 0; left: 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    [class^="icon-"],[class*=" icon-"] {margin-top: 0;}
}
[class^="icon-"]:before, [class*=" icon-"]:before {display: inline-block; text-decoration: inherit; font-style: normal; content: attr(data-icon);}
a [class^="icon-"], a [class*=" icon-"] {display: inline-block; font-family: 'pictos';}