@font-face { font-family: 'videojs-theaterMode'; speak: none; src: url("data:application/font-sfnt;base64,AAEAAAALAIAAAwAwT1MvMg8SB2gAAAC8AAAAYGNtYXAXVtKIAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZpVu9XQAAAF4AAAAnGhlYWQSAf6DAAACFAAAADZoaGVhC8IHxwAAAkwAAAAkaG10eBO3AAAAAAJwAAAAGGxvY2EAdgBKAAACiAAAAA5tYXhwAAkACwAAApgAAAAgbmFtZZlKCfsAAAK4AAABhnBvc3QAAwAAAAAEQAAAACAAAwU9AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6QH//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAACAAD/wAW3A8AABAAIAAABESERITchESEFJfttBJOS+kkFtwMu/SQC3JL8AAAAAAACAAD/wAgAA8AABAAIAAABESERITchESEHM/maBmbN+AAIAALz/ZoCZs38AAAAAAABAAAAAAAAL/heSV8PPPUACwQAAAAAANVx3QMAAAAA1XHdAwAA/8AIAAPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAgAAAAAAAgAAAEAAAAAAAAAAAAAAAAAAAAGBAAAAAAAAAAAAAAAAgAAAAW3AAAIAAAAAAAAAAAKABQAHgA2AE4AAAABAAAABgAJAAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype"), url("data:application/font-woff;base64,d09GRgABAAAAAASsAAsAAAAABGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIHaGNtYXAAAAFoAAAAVAAAAFQXVtKIZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAJwAAACclW71dGhlYWQAAAJgAAAANgAAADYSAf6DaGhlYQAAApgAAAAkAAAAJAvCB8dobXR4AAACvAAAABgAAAAYE7cAAGxvY2EAAALUAAAADgAAAA4AdgBKbWF4cAAAAuQAAAAgAAAAIAAJAAtuYW1lAAADBAAAAYYAAAGGmUoJ+3Bvc3QAAASMAAAAIAAAACAAAwAAAAMFPQGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QEDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkB//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAgAA/8AFtwPAAAQACAAAAREhESE3IREhBSX7bQSTkvpJBbcDLv0kAtyS/AAAAAAAAgAA/8AIAAPAAAQACAAAAREhESE3IREhBzP5mgZmzfgACAAC8/2aAmbN/AAAAAAAAQAAAAAAAC/4XklfDzz1AAsEAAAAAADVcd0DAAAAANVx3QMAAP/ACAADwAAAAAgAAgAAAAAAAAABAAADwP/AAAAIAAAAAAAIAAABAAAAAAAAAAAAAAAAAAAABgQAAAAAAAAAAAAAAAIAAAAFtwAACAAAAAAAAAAACgAUAB4ANgBOAAAAAQAAAAYACQACAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGljb21vb24AaQBjAG8AbQBvAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb21vb24AaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb21vb24AaQBjAG8AbQBvAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("woff"); font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; line-height: 1 }

.compress{
    position: absolute;
    top: 0;
}
footer{
    margin-top: 100px;
}

.ypt-compress:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  content: "\e900";
  font-size: 0.9em;
  line-height: 1.0em;
  font-family: 'videojs-theaterMode';
  font-weight: 300;
}

.ypt-expand:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  content: "\e901";
  font-size: 0.9em;
  line-height: 1.0em;
  font-family: 'videojs-theaterMode';
  font-weight: 300;
}