@charset "UTF-8";
#video-widget {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #ffffff;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased !important;
  background-color: #414546;
  font-weight: 500;
  padding-bottom: 5px;
  box-sizing: border-box;
}

#video-widget *,#video-widget *::before,#video-widget *::after {
  box-sizing: inherit;
}

#video-widget article,#video-widget aside,#video-widget details,#video-widget figcaption,#video-widget figure,#video-widget footer,#video-widget header,#video-widget main,#video-widget menu,#video-widget nav,#video-widget section,#video-widget summary {
  display: block;
}

#video-widget audio,#video-widget canvas,#video-widget progress,#video-widget video {
  display: inline-block;
}

#video-widget audio:not([controls]) {
  display: none;
  height: 0;
}

#video-widget a {
  background-color: transparent;
  text-decoration: none;
}

#video-widget a:hover {
  text-decoration: underline;
}

#video-widget a:active,#video-widget a:hover {
  outline-width: 0;
}

#video-widget sub,#video-widget sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

#video-widget sub {
  bottom: -0.25em;
}

#video-widget sup {
  top: -0.5em;
}

#video-widget img {
  border-style: none;
}

#video-widget svg:not(:root) {
  overflow: hidden;
}

#video-widget hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

#video-widget button,#video-widget input,#video-widget select,#video-widget textarea {
  font: inherit;
}

#video-widget button,#video-widget input,#video-widget select {
  overflow: visible;
}

#video-widget button,#video-widget input,#video-widget select,#video-widget textarea {
  margin: 0;
}

#video-widget button,#video-widget select {
  text-transform: none;
}

#video-widget button,#video-widget [type="button"],#video-widget [type="reset"],#video-widget [type="submit"] {
  cursor: pointer;
}

#video-widget [disabled] {
  cursor: default;
}

#video-widget button,#video-widget html [type="button"],#video-widget [type="reset"],#video-widget [type="submit"] {
  -webkit-appearance: button;
}

#video-widget button::-moz-focus-inner,#video-widget input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

#video-widget [type="checkbox"],#video-widget [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

#video-widget [type="number"]::-webkit-inner-spin-button,#video-widget [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

#video-widget [type="search"] {
  -webkit-appearance: textfield;
}

#video-widget [type="search"]::-webkit-search-cancel-button,#video-widget [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

#video-widget img {
  vertical-align: middle;
}

#video-widget a,#video-widget area,#video-widget button,#video-widget [role="button"],#video-widget input,#video-widget label,#video-widget select,#video-widget summary,#video-widget textarea {
  touch-action: manipulation;
}

#video-widget label {
  display: inline-block;
}

#video-widget input[type="date"],#video-widget input[type="time"],#video-widget input[type="datetime-local"],#video-widget input[type="month"] {
  -webkit-appearance: listbox;
}

#video-widget textarea {
  resize: vertical;
  overflow: auto;
}

#video-widget [hidden] {
  display: none !important;
}

#video-widget h1,#video-widget h2,#video-widget h3,#video-widget h4,#video-widget h5,#video-widget h6,#video-widget p {
  margin: auto;
}

#video-widget .btn {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
  appearance: none;
  color: inherit;
  transition: 200ms ease-in-out all;
  display: inline-block;
}

#video-widget .btn span {
  position: relative;
}

#video-widget .btn-play,#video-widget .btn-program {
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}

#video-widget .btn-play span,#video-widget .btn-program span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  transition: 200ms ease-in-out transform;
}

#video-widget .btn-play {
  background: linear-gradient(314.14deg, #EA7530 6.16%, #E6833E 95.02%);
}

#video-widget .btn-play:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  opacity: 0;
  background: linear-gradient(314.14deg, #cc672d 6.16%, #EA7530 95.02%);
  transition: 200ms ease-in-out opacity;
}

#video-widget .btn-play span {
  background-position: 55% 50%;
  background-image: url(/img/icon-play.svg);
}

#video-widget .btn-play:hover:before {
  opacity: 1;
}

#video-widget .btn-play:hover span {
  transform: scale(1.2);
}

#video-widget .btn-program {
  background-color: #828282;
}

#video-widget .btn-program span {
  background-position: 50% 50%;
  background-image: url(/img/icon-program.svg);
}

#video-widget .btn-program:hover {
  background-color: #757575;
}

#video-widget .btn-program:hover span {
  transform: scale(1.1);
}

#video-widget .btn-arrow-past,#video-widget .btn-arrow-future {
  position: relative;
  width: 24px;
  height: 24px;
}

#video-widget .btn-arrow-past:hover,#video-widget .btn-arrow-future:hover {
  background: transparent;
}

#video-widget .btn-arrow-past span,#video-widget .btn-arrow-future span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: 200ms ease-in-out all;
}

#video-widget .btn-arrow-past span {
  background-image: url(/img/icon-arrow-left.svg);
}

#video-widget .btn-arrow-past:hover span {
  left: -3px;
}

#video-widget .btn-arrow-future span {
  background-image: url(/img/icon-arrow-right.svg);
}

#video-widget .btn-arrow-future:hover span {
  left: 3px;
}

#video-widget .btn-close-modal {
  position: relative;
  width: 24px;
  height: 24px;
}

#video-widget .btn-close-modal span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  transition: 200ms ease-in-out transform;
  background-position: center;
  background-image: url(/img/icon-close.svg);
}

#video-widget .btn-close-modal:hover span {
  transform: scale(1.2);
}

#video-widget * {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

#video-widget h2 {
  color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 24px;
  margin: 0;
  line-height: 1.4;
  max-width: 870px;
  max-height: 30px;
  overflow: hidden;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}

#video-widget h2.video-widget-title::before {
  content: '';
  display: inline-block;
  position: relative;
  top: -1px;
  left: 4px;
  width: 7px;
  height: 7px;
  background: #EA7530;
  border-radius: 50%;
  margin-right: 19px;
  border: 3px solid #414546;
  box-sizing: content-box;
  box-shadow: 0 0 0 4px rgba(234, 117, 48, 0.5);
  animation: online-o infinite 3s;
}
@keyframes online-o {
  from {
    box-shadow: 0 0 0 4px rgba(234, 117, 48, 0.5);
  }
  20% {
    box-shadow: 0 0 0 4px rgba(234, 117, 48, 0.5);
  }
  50% {
    box-shadow: 0 0 0 4px rgba(234, 117, 48, 0.05);
  }
  80% {
    box-shadow: 0 0 0 4px rgba(234, 117, 48, 0.5);
  }
  to {
    box-shadow: 0 0 0 4px rgba(234, 117, 48, 0.5);
  }
}

#video-widget h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  margin: 0;
  line-height: 1.4;
}

#video-widget header {
  display: flex;
  padding: 20px;
  text-align: left;
  justify-content: space-between;
  align-items: flex-start;
}

#video-widget header .logo {
  width: 161px;
  display: block;
}

#video-widget .btns {
  display: flex;
  padding-left: 20px;
}

#video-widget .btns .btn {
  margin-left: 10px;
}

#video-widget .btns .btn:first-child {
  margin-left: 0;
}

#video-widget .btns .btn.disable {
  display: none;
}

#video-widget .btns .btn-play {
  width: auto;
  border-radius: 22px;
  padding: 0 15px 0 35px;
  font-size: 12px;
}
#video-widget .btns .btn-play::after {
  content: 'Spustit živý přenos';
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
}
#video-widget .btns .btn-play span {
  background-position: 15px 50%;
}
#video-widget .btns .btn-play:hover span {
  transform: none;
}

#video-widget main {
  position: relative;
}

#video-widget main hr {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #828282;
  border: none;
  z-index: 1;
  margin: 0;
}

#video-widget main:before,#video-widget main:after {
  position: absolute;
  z-index: 3;
  top: 0;
  width: 76px;
  height: 98px;
  content: '';
}

#video-widget main:before {
  left: 0;
  background: linear-gradient(90deg, #414546 21.71%, rgba(65,69,70,0.54) 58.79%, rgba(65,69,70,0) 88.16%);
}

#video-widget main:after {
  right: 0;
  background: linear-gradient(270deg, #414546 21.71%, rgba(65,69,70,0.54) 58.79%, rgba(65,69,70,0) 88.16%);
}

#video-widget .btn-arrow-past,#video-widget .btn-arrow-future {
  position: absolute;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);
}

#video-widget .btn-arrow-past.end,#video-widget .btn-arrow-future.end {
  pointer-events: none;
}

#video-widget .btn-arrow-past.end span,#video-widget .btn-arrow-future.end span {
  filter: grayscale(100);
}

#video-widget .btn-arrow-past {
  left: 16px;
}

#video-widget .btn-arrow-future {
  right: 16px;
}

#video-widget .axe {
  position: relative;
  display: flex;
  overflow: hidden;
  cursor: grab;
  padding: 0 76px 23px;
  min-height: 98px;
}

#video-widget .axe:active {
  cursor: grabbing;
}

#video-widget .axe .thumb {
  position: absolute;
  bottom: 15px;
  left: 200px;
  width: 4px;
  height: 200px;
  background-color: #EA7530;
  z-index: 2;
}

#video-widget .axe .thumb:before {
  position: absolute;
  width: 346px;
  height: 100px;
  bottom: 9px;
  right: 0;
  background: linear-gradient(329.24deg, rgba(234,117,48,0.15) 0%, rgba(234,117,48,0) 37.93%);
  content: '';
}

#video-widget .axe .thumb .point {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background-color: #ffffff;
  border: 3px solid #EA7530;
  box-shadow: 0px 4px 9px rgba(234,117,48,0.3);
}

#video-widget .axe .thumb span {
  position: absolute;
  bottom: 14px;
  left: 10px;
  font-weight: 700;
  color: #EA7530;
  text-shadow: 0 0 4px #414546;
}

#video-widget .axe .thumb.right span {
  left: auto;
  right: 10px;
}

#video-widget .axe .item {
  position: relative;
  min-width: 202px;
  width: 202px;
  border-left: 2px solid #BDBDBD;
  padding: 0 12px 6px;
}

#video-widget .axe .item .time,#video-widget .axe .item .author {
  color: #BDBDBD;
}

#video-widget .axe .item .author {
  margin-top: 10px;
  font-weight: 400;
}

#video-widget .axe .item h3 {
  margin-top: 2px;
  color: #ffffff;
  line-height: 20/16;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 44px;
}

#video-widget .axe .item .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

#video-widget .axe .item:first-child {
  border-left: 0;
}

#video-widget .axe .item.past,#video-widget .axe .item.active {
  border-left-color: #828282;
}

#video-widget .axe .item.active h3 {
  color: #EA7530;
}

#video-widget .axe .item.active .link {
  pointer-events: auto;
  z-index: 99;
}

#video-widget .axe .item.active:hover {
  background-color: rgba(65,69,70,0.7);
  z-index: 3;
}

#video-widget .axe .item.past h3 {
  color: #BDBDBD;
}

#video-widget.blue h2.video-widget-title {
  display: none;
}

#video-widget.blue .axe .thumb {
  background-color: #88E7EA;
}

#video-widget.blue .axe .thumb:before {
  background: linear-gradient(329.24deg, rgba(136,231,234,0.15) 0%, rgba(136,231,234,0) 37.93%);
}

#video-widget.blue .axe .thumb .point {
  border-color: #88E7EA;
  box-shadow: 0px 4px 9px #88E7EA;
}

#video-widget.blue .axe .thumb span {
  color: #88E7EA;
}

#video-widget.blue .axe .item.active h3 {
  color: #88E7EA;
}

#video-widget.blue .btn-arrow-past span {
  background-image: url(/img/icon-arrow-left-mint.svg);
}

#video-widget.blue .btn-arrow-future span {
  background-image: url(/img/icon-arrow-right-mint.svg);
}

#video-widget.blue .btn-play {
  background: #24c9ce;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}

#video-widget.blue .btn-play:before {
  background: #21b4b8;
}

@media (max-width: 1023px) {
  #video-widget .axe {
    overflow: auto;
    cursor: default;
  }

  #video-widget .axe:active {
    cursor: default;
  }

  #video-widget .btn-arrow-past {
    display: none;
  }

  #video-widget .btn-arrow-future {
    display: none;
  }
}

@media (max-width: 767px) {
  #video-widget h2 {
    font-size: 20px;
  }
}

@media (max-width: 479px) {
  #video-widget header {
    flex-wrap: wrap;
    justify-content: center;
  }

  #video-widget h2 {
    width: 100%;
    font-size: 18px;
    text-align: center;
  }

  #video-widget .btns {
    width: 100%;
    justify-content: center;
    padding-left: 0;
    margin-top: 10px;
  }
}

#video-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background-color: rgba(0,0,0,0.5);
  display: flex;
  justify-content: center;
  overflow: auto;
  padding: 100px 0;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased !important;
  font-weight: 500;
  box-sizing: border-box;
}

#video-modal *,#video-modal *::before,#video-modal *::after {
  box-sizing: inherit;
}

#video-modal article,#video-modal aside,#video-modal details,#video-modal figcaption,#video-modal figure,#video-modal footer,#video-modal header,#video-modal main,#video-modal menu,#video-modal nav,#video-modal section,#video-modal summary {
  display: block;
}

#video-modal audio,#video-modal canvas,#video-modal progress,#video-modal video {
  display: inline-block;
}

#video-modal audio:not([controls]) {
  display: none;
  height: 0;
}

#video-modal a {
  background-color: transparent;
  text-decoration: none;
}

#video-modal a:hover {
  text-decoration: underline;
}

#video-modal a:active,#video-modal a:hover {
  outline-width: 0;
}

#video-modal sub,#video-modal sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

#video-modal sub {
  bottom: -0.25em;
}

#video-modal sup {
  top: -0.5em;
}

#video-modal img {
  border-style: none;
}

#video-modal svg:not(:root) {
  overflow: hidden;
}

#video-modal hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

#video-modal button,#video-modal input,#video-modal select,#video-modal textarea {
  font: inherit;
}

#video-modal button,#video-modal input,#video-modal select {
  overflow: visible;
}

#video-modal button,#video-modal input,#video-modal select,#video-modal textarea {
  margin: 0;
}

#video-modal button,#video-modal select {
  text-transform: none;
}

#video-modal button,#video-modal [type="button"],#video-modal [type="reset"],#video-modal [type="submit"] {
  cursor: pointer;
}

#video-modal [disabled] {
  cursor: default;
}

#video-modal button,#video-modal html [type="button"],#video-modal [type="reset"],#video-modal [type="submit"] {
  -webkit-appearance: button;
}

#video-modal button::-moz-focus-inner,#video-modal input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

#video-modal [type="checkbox"],#video-modal [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

#video-modal [type="number"]::-webkit-inner-spin-button,#video-modal [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

#video-modal [type="search"] {
  -webkit-appearance: textfield;
}

#video-modal [type="search"]::-webkit-search-cancel-button,#video-modal [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

#video-modal img {
  vertical-align: middle;
}

#video-modal a,#video-modal area,#video-modal button,#video-modal [role="button"],#video-modal input,#video-modal label,#video-modal select,#video-modal summary,#video-modal textarea {
  touch-action: manipulation;
}

#video-modal label {
  display: inline-block;
}

#video-modal input[type="date"],#video-modal input[type="time"],#video-modal input[type="datetime-local"],#video-modal input[type="month"] {
  -webkit-appearance: listbox;
}

#video-modal textarea {
  resize: vertical;
  overflow: auto;
}

#video-modal [hidden] {
  display: none !important;
}

#video-modal h1,#video-modal h2,#video-modal h3,#video-modal h4,#video-modal h5,#video-modal h6,#video-modal p {
  margin: auto;
}

#video-modal .btn {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
  appearance: none;
  color: inherit;
  transition: 200ms ease-in-out all;
  display: inline-block;
}

#video-modal .btn span {
  position: relative;
}

#video-modal .btn-play,#video-modal .btn-program {
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}

#video-modal .btn-play span,#video-modal .btn-program span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  transition: 200ms ease-in-out transform;
}

#video-modal .btn-play {
  background: linear-gradient(314.14deg, #EA7530 6.16%, #E6833E 95.02%);
}

#video-modal .btn-play:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  opacity: 0;
  background: linear-gradient(314.14deg, #cc672d 6.16%, #EA7530 95.02%);
  transition: 200ms ease-in-out opacity;
}

#video-modal .btn-play span {
  background-position: 55% 50%;
  background-image: url(/img/icon-play.svg);
}

#video-modal .btn-play:hover:before {
  opacity: 1;
}

#video-modal .btn-play:hover span {
  transform: scale(1.2);
}

#video-modal .btn-program {
  background-color: #828282;
}

#video-modal .btn-program span {
  background-position: 50% 50%;
  background-image: url(/img/icon-program.svg);
}

#video-modal .btn-program:hover {
  background-color: #757575;
}

#video-modal .btn-program:hover span {
  transform: scale(1.1);
}

#video-modal .btn-arrow-past,#video-modal .btn-arrow-future {
  position: relative;
  width: 24px;
  height: 24px;
}

#video-modal .btn-arrow-past span,#video-modal .btn-arrow-future span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: 200ms ease-in-out all;
}

#video-modal .btn-arrow-past span {
  background-image: url(/img/icon-arrow-left.svg);
}

#video-modal .btn-arrow-past:hover span {
  left: -3px;
}

#video-modal .btn-arrow-future span {
  background-image: url(/img/icon-arrow-right.svg);
}

#video-modal .btn-arrow-future:hover span {
  left: 3px;
}

#video-modal .btn-close-modal {
  position: relative;
  width: 24px;
  height: 24px;
}

#video-modal .btn-close-modal span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  transition: 200ms ease-in-out transform;
  background-position: center;
  background-image: url(/img/icon-close.svg);
}

#video-modal .btn-close-modal:hover span {
  transform: scale(1.2);
}

#video-modal * {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

#video-modal h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 20px;
  margin: 0;
}

#video-modal h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  margin: 0;
}

#video-modal .content {
  position: relative;
  width: 488px;
}

#video-modal .content.video {
  width: 688px;
}

#video-modal header {
  position: relative;
  box-shadow: 0px 4px 4px rgba(65,69,70,0.11);
  padding: 18px 24px;
  background-color: #ffffff;
  border-radius: 4px 4px 0 0;
}

#video-modal header .btn-close-modal {
  position: absolute;
  top: 6px;
  right: 10px;
}

#video-modal main {
  padding: 24px;
  background-color: #ffffff;
  border-radius: 0 0 4px 4px;
  overflow: auto;
  max-height: 600px;
}

#video-modal main .video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

#video-modal main .video-container .video,#video-modal main .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ECECF5;
}

#video-modal main .items .item {
  margin-top: 20px;
}

#video-modal main .items .item:first-child {
  margin-top: 0;
}

#video-modal main .items .time {
  text-transform: uppercase;
  color: #828282;
}

#video-modal main .items .list {
  border: 1px solid #DCDCEA;
  border-radius: 4px;
  padding: 14px;
  margin-top: 6px;
  position: relative;
}

#video-modal main .items .list .author {
  margin-top: 4px;
  color: #EA7530;
  font-weight: 400;
}

#video-modal main .items .list .btn-play {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}

#video-modal main .items .list.active {
  background-color: #f2f2f2;
}

#video-modal main .items .list.past h3,#video-modal main .items .list.past .author {
  color: #828282;
}

#video-modal.blue main .items .list .author {
  color: #47dadf;
}

#video-modal.blue .btn-play {
  background: #88E7EA;
}

#video-modal.blue .btn-play:before {
  background: #5ddee2;
}

#w #video-widget h2 a, #w #video-widget h2 a:link, #w #video-widget h2 a:visited, #w #video-widget h2 a:active, #w #video-widget h2 a:hover {
    color: #FFFFFF;
    text-decoration: underline; }

@media (max-width: 1023px) {
  #video-modal {
    padding: 50px 0;
  }

  #video-modal main {
    max-height: 500px;
  }
}

@media (max-width: 767px) {
  #video-modal {
    padding: 30px 0;
  }

  #video-modal main {
    max-height: 400px;
  }
}