@font-face {
    font-family: 'Icons';
    src: url('../fonts/icons.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.icon {
    display: inline-block;
    font: normal normal normal 14px/1 Icons;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 0.3em;
}


.icon-2x {
    font-size: 2em;
}

.icon-3x {
    font-size: 3em;
}

.icon-4x {
    font-size: 4em;
}

.icon-5x {
    font-size: 5em;
}

.icon-90 {
    transform: rotate(90deg);
}

.icon-fw {
    width: 1em;
    text-align: center;
}

.icon-calendar:before {
    content: '\f000';
}

.icon-checkbox-checked:before {
    content: '\f001';
}

.icon-checkbox-unchecked:before {
    content: '\f002';
}

.icon-clock:before {
    content: '\f003';
}

.icon-close:before {
    content: '\f004';
}

.icon-chat:before {
    content: '\f005';
}

.icon-embed:before {
    content: '\f006';
}

.icon-preview:before {
    content: '\f007';
}

.icon-expand:before {
    content: '\f008';
}

.icon-contract:before {
    content: '\f009';
}

.icon-topics:before {
    content: '\f00a';
}

.icon-live:before {
    content: '\f00b';
}

.icon-live {
    color: red;
}

.icon-pause:before {
    content: '\f00c';
}

.icon-play:before {
    content: '\f00d';
}

.icon-radio-unchecked:before {
    content: '\f00e';
}

.icon-radio-checked:before {
    content: '\f00f';
}

.icon-replay:before {
    content: '\f010';
}

.icon-share:before {
    content: '\f011';
}

.icon-gotolive:before {
    content: '\f012';
}

.icon-stopwatch:before {
    content: '\f013';
}

.icon-volume-high:before {
    content: '\f014';
}

.icon-volume-med:before {
    content: '\f015';
}

.icon-volume-low:before {
    content: '\f016';
}

.icon-volume-off:before {
    content: '\f017';
}

.icon-loading:before {
    content: '\f018';
}

.icon-cast:before {
    content: '\f019'
}

.icon-cast-connected:before {
    content: '\f01a'
}

.icon-cast-connecting-0:before {
    content: '\f01b'
}

.icon-cast-connecting-1:before {
    content: '\f01c'
}

.icon-cast-connecting-2:before {
    content: '\f01d'
}

.icon-airplay:before {
    content: '\f01e'
}

.icon-askaquestion:before {
    content: '\f01f'
}

.icon-slides:before {
    content: '\f020'
}


.icon-layout-video:before {
    content: '\f021'
}

.icon-layout-slide:before {
    content: '\f022'
}

.icon-layout-video-slide:before {
    content: '\f023'
}

.icon-crown:before {
    content: '\f024'
}

.icon-chat-large:before {
    content: '\f025'
}

.icon-home:before {
    content: '\f026'
}

.icon-menu:before {
    content: '\f027'
}

.icon-radio-correct:before {
    content: '\f028';
}

.icon-radio-incorrect:before {
    content: '\f029';
}

.icon-cc-off:before {
    content: '\f02a';
}

.icon-cc-on:before {
    content: '\f02b';
}

.icon-answered:before {
    content: '\f02c';
}

.icon-mail:before {
    content: '\f02d';
}

.icon-ignore:before {
    content: '\f02e';
}

.icon-senttopresenter:before {
    content: '\f02f';
}

.icon-todo:before {
    content: '\f030';
}

.icon-circle:before {
    content: '\f031';
}

.icon-exclamation:before {
    content: '\f032';
}

.icon-crown-me:before {
    content: '\f033';
}

.icon-webcastlink:before {
    content: '\f034';
}


.icon-loading {
    -webkit-transform-origin: 50% 44%;
    -moz-transform-origin: 50% 44%;
    -ms-transform-origin: 50% 44%;
    -o-transform-origin: 50% 44%;
    transform-origin: 50% 44%;
}

.icon-spin {
    -webkit-animation: icon-spin 1s infinite linear;
    animation: icon-spin 1s infinite linear;
}

@-webkit-keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
