@font-face {
    font-family: 'EC';
    src: url("https://www.ecenglish.com/learnenglish/fonts/EC.eot?7f9iq");
    src: url("https://www.ecenglish.com/learnenglish/fonts/EC.eot?#iefix7f9iq") format("embedded-opentype"), url("https://www.ecenglish.com/learnenglish/fonts/EC.woff?7f9iq") format("woff"), url("https://www.ecenglish.com/learnenglish/fonts/EC.ttf?7f9iq") format("truetype"), url("https://www.ecenglish.com/learnenglish/fonts/EC.svg?7f9iq#EC") format("svg");
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: 'EC';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-ec-logo:before {
    content: "\e605"}
.icon-youtube:before {
    content: "\e60c"}
.icon-linkedin:before {
    content: "\eac8"}
.icon-twitter:before {
    content: "\e608"}
.icon-facebook:before {
    content: "\e60b"}
.icon-googleplus:before {
    content: "\e60a"}
.icon-instagram:before {
    content: "\e609"}

ul.social {
    list-style: none;
}
ul.social li {
    display: inline-block;
    margin: 8px 4px 8px 0;
}
ul.social li a {
    color: #fff;
    font-size: 24px;
    background-color: #f8992d;
    padding: 8px;
    display: block;
}
ul.social li a:hover {
    background-color: #f9aa4f;
    color: #fff;
}