@font-face {
    font-family: 'Fontello Social';
    src: url("../fonts/fontello/fontello.eot?37660403");
    src: url("../fonts/fontello/fontello.eot?37660403#iefix") format("embedded-opentype"),
    url("../fonts/fontello/fontello.woff2?37660403") format("woff2"),
    url("../fonts/fontello/fontello.woff?37660403") format("woff"),
    url("../fonts/fontello/fontello.ttf?37660403") format("truetype"),
    url("../fonts/fontello/fontello.svg?37660403#fontello") format("svg");
    font-weight: normal;
    font-style: normal;
}

.fts {
    font-family: 'Fontello Social';
}

[class^="ft-"]:before, [class*=" ft-"]:before {
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


.ft-yp-article-calendar:before {
    content: '\a001';
}

.ft-yp-article-tag:before {
    content: '\a002';
}

.ft-yp-article-view:before {
    content: '\a003';
}

.ft-yp-document:before {
    content: '\a004';
}

.ft-yp-email:before {
    content: '\a005';
}


.ft-yp-social-facebook:before {
    content: '\a006';
}

.ft-yp-social-line:before {
    content: '\a007';
}

.ft-yp-social-linkedin:before {
    content: '\a008';
}

.ft-yp-social-twitter:before {
    content: '\a009';
}

.ft-2x {
    font-size: 2em;
}