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

[class^='rok-civ-'],
[class*=' rok-civ-'] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'rok-civilization' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

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

.rok-civ-maya:before {
    content: '\e900';
}
.rok-civ-arabia:before {
    content: '\e901';
}
.rok-civ-britain:before {
    content: '\e902';
}
.rok-civ-byzantium:before {
    content: '\e903';
}
.rok-civ-china:before {
    content: '\e904';
}
.rok-civ-egypt:before {
    content: '\e905';
}
.rok-civ-france:before {
    content: '\e906';
}
.rok-civ-germany:before {
    content: '\e907';
}
.rok-civ-greece:before {
    content: '\e908';
}
.rok-civ-japan:before {
    content: '\e909';
}
.rok-civ-korea:before {
    content: '\e90a';
}
.rok-civ-ottoman:before {
    content: '\e90b';
}
.rok-civ-rome:before {
    content: '\e90c';
}
.rok-civ-spain:before {
    content: '\e90d';
}
.rok-civ-vikings:before {
    content: '\e90e';
}