@charset "UTF-8";

@font-face {
    font-family: 'Roboto';
    src:
        url('fonts/Roboto-Regular.woff2') format('woff2'),
        url('fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Bold';
    src:
        url('fonts/Roboto-Bold.woff2') format('woff2'),
        url('fonts/Roboto-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icons';
    src:
        url('fonts/icons.woff2') format('woff2'),
        url('fonts/icons.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 0 'icons';
    font-size: inherit;
    text-rendering: optimizeLegibility;
}

.fa-spin {
    animation: fa-spin 1s infinite linear;
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

[data-icon]:before {
    font-family: 'icons' !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
}

[class^='icon-']:before,
[class*=' icon-']:before {
    font-family: 'icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
}

.icon-circle:before {
    content: '\64';
}

.icon-search:before {
    content: '\68';
}

.icon-arrow-left:before {
    content: '\69';
}

.icon-heart-o:before {
    content: '\6b';
}

.icon-heart:before {
    content: '\6c';
}

.icon-pause:before {
    content: '\6d';
}

.icon-videocamera:before {
    content: '\70';
}

.icon-gamepad:before {
    content: '\71';
}

.icon-filmstrip:before {
    content: '\6f';
    transform: translateY(0.1vh);
}

.icon-refresh:before {
    content: '\73';
}

.icon-user-plus:before {
    content: '\78';
}

.icon-users:before {
    content: '\75';
    transform: translateY(0.13vh);
}

.icon-movie-play:before {
    content: '\7a';
    transform: translateY(0.16vh);
}

.icon-movie:before {
    content: '\41';
    transform: translateY(0.15vh);
}

.icon-history:before {
    content: '\67';
    transform: translateY(0.1vh);
}

.icon-play-1:before {
    content: '\45';
}

.icon-arrow-right:before {
    content: '\6e';
}

.icon-next:before {
    content: '\79';
}

.icon-back:before {
    content: '\46';
}

.icon-speedometer:before {
    content: '\48';
}

.icon-chat:before {
    content: '\49';
}

.icon-chat-stop:before {
    content: '\4b';
}

.icon-chat-brig:before {
    content: '\4f';
}

.icon-chat-pos:before {
    content: '\50';
}

.icon-chat-size:before {
    content: '\51';
}

.icon-chat-font:before {
    content: '\52';
}

.icon-chat-delay:before {
    content: '\4c';
}

.icon-resize-up:before {
    content: '\53';
}

.icon-resize-down:before {
    content: '\54';
}

.icon-pp:before {
    content: '\56';
}

.icon-user:before {
    content: '\4a';
}

.icon-offset:before {
    content: '\57';
}

.icon-star:before {
    content: '\61';
    transform: translateY(0.1vh);
}

.icon-play:before {
    content: '\62';
    transform: translateY(0.1vh);
}

.icon-key-right:before {
    content: '\63';
}

.icon-key-left:before {
    content: '\65';
}

.icon-key-down:before {
    content: '\66';
}

.icon-key-up:before {
    content: '\6a';
}

.icon-return:before {
    content: '\42';
}

.icon-pg-down:before {
    content: '\72';
}

.icon-pg-up:before {
    content: '\76';
}

.icon-settings:before {
    content: '\43';
}

.icon-multi:before {
    content: '\21';
}

.icon-feed:before {
    content: '\77';
}

.icon-options:before {
    content: '\44';
}

.icon-keyboard:before {
    content: '\55';
}

.icon-mute:before {
    content: '\47';
}

.icon-volume:before {
    content: '\58';
}

.icon-external:before {
    content: '\4d';
}

.icon-globe:before {
    content: '\4e';
}

.icon-chat-settings:before {
    content: '\74';
}

.icon-preview:before {
    content: '\30';
}

.icon-speaker:before {
    content: '\5a';
}

.icon-levels:before {
    content: '\32';
}

/* volume 0 and 1 are not exactly the same as 123 resize to look almost the same size */
.icon-vol-level-0:before {
    content: '\2d';
    transform: scale(0.8);
}

.icon-vol-level-1:before {
    content: '\3a';
    transform: scale(0.8);
}

.icon-vol-level-2:before {
    content: '\29';
}

.icon-vol-level-3:before {
    content: '\28';
}

.icon-vol-level-4:before {
    content: '\2a';
}

.icon-status:before {
    content: '\37';
}

.icon-side-by-side:before {
    content: '\36';
}

.icon-closed-captioning:before {
    content: '\38';
}

.icon-proxy:before {
    content: '\39';
}

.icon-screen-off:before {
    content: '\22';
}

.icon-blocked:before {
    content: '\59';
}

.icon-remote-control:before {
    content: '\31';
}

.icon-control:before {
    content: '\33';
}

.icon-rewind:before {
    content: '\34';
}
