/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.vhide {
  visibility: hidden;
}

* {
  outline: none;
}

.buy-premium-wrapper * {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004) !important;
}

body, html, .app-container {
  overflow-y: hidden;
  overflow-x: hideen;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

@font-face {
  font-style: normal;
  font-weight: 100;
  font-family: "Roboto";
  src: url("../fonts/Roboto-Thin_v2.ttf") format("truetype");
}
@font-face {
  font-style: normal;
  font-weight: 400;
  font-family: "Roboto";
  src: url("../fonts/Roboto-Regular_v2.ttf") format("truetype");
}
@font-face {
  font-style: normal;
  font-weight: 300;
  font-family: "Roboto";
  src: url("../fonts/Roboto-Light_v2.ttf") format("truetype");
}
@font-face {
  font-style: normal;
  font-weight: 700;
  font-family: "Roboto";
  src: url("../fonts/Roboto-Bold_v2.ttf") format("truetype");
}
body, html {
  font-family: Roboto, Tahoma;
  height: 100%;
  margin: auto;
  overflow: hidden;
  padding: 0;
}

body {
  font-size: 100%;
  background: #000;
}

.app-container {
  overflow: hidden;
  top: 0;
  width: 80rem;
  bottom: 0;
  height: 45rem;
  margin: auto;
  left: 0;
  right: 0;
  position: absolute;
}

.app-wrapper {
  height: 100%;
  background-color: #000000;
}

a {
  font-size: 1rem;
  color: #ffffff;
  font-weight: 300;
}
a:hover {
  text-decoration: none;
  color: #ffffff;
}

.tv-stations-list {
  width: 73.375rem;
}
.tv-stations-list .special-options .special-option {
  margin-right: 1.25rem;
  float: left;
  color: white;
}
.tv-stations-list .special-options .special-option .button-ico {
  width: 1.4375rem;
  height: 0.625rem;
  background: green;
  border-radius: 0.1875rem;
  float: left;
  margin-right: 0.625rem;
  position: relative;
  top: 0.1875rem;
  font-size: 1.125rem;
}
.tv-stations-list .special-options .special-option .button-ico.green {
  background: #05C02C;
}
.tv-stations-list .special-options .special-option .button-ico.blue {
  background: #0581B2;
}
.tv-stations-list .special-options .special-option .txt {
  float: left;
}
.tv-stations-list .station-info .l-col .special-option {
  margin-left: 1.4375rem;
  position: relative;
  top: 1px;
}
.tv-stations-list .no-program-info {
  color: #ffffff;
  text-align: center;
  display: none;
  font-weight: bold;
  font-size: 1.5rem;
  padding-top: 4.375rem;
}
.tv-stations-list .no-program .r-col .no-program-info {
  display: block !important;
}
.tv-stations-list .no-program .r-col * {
  display: none;
}
.tv-stations-list .station-info {
  overflow: hidden;
  position: relative;
  margin-bottom: 0.625rem;
  height: 12.8125rem;
  z-index: 50;
  clear: both;
}
.tv-stations-list .station-info.notification-info .r-col .special-options {
  display: block;
}
.tv-stations-list .station-info.catchup-info .l-col .special-options {
  display: block;
}
.tv-stations-list .station-info.catchup-info .l-col img {
  max-width: 9.6875rem;
}
.tv-stations-list .station-info.no-progress .ctime-line {
  display: none;
}
.tv-stations-list .station-info.no-progress .ccurrect-time, .tv-stations-list .station-info.no-progress .total-time {
  width: unset !important;
}
.tv-stations-list .station-info.no-progress .ctime-breaker {
  display: block;
  color: #ffffff;
  font-size: 1.125rem;
  float: left;
  font-weight: bold;
  font-size: 1.125rem;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}
.tv-stations-list .station-info.no-progress .special-options .special-option {
  margin-left: 1.4375rem;
  position: relative;
  top: 1px;
}
.tv-stations-list .station-info .station-title-progress {
  position: absolute;
  width: 100%;
  bottom: 0.8125rem;
}
.tv-stations-list .station-info .station-title-progress .ccurrect-time, .tv-stations-list .station-info .station-title-progress .total-time {
  color: #ffffff;
  font-size: 1.125rem;
  width: 3.875rem;
  float: left;
  font-weight: bold;
}
.tv-stations-list .station-info .station-title-progress .total-time {
  text-align: right;
}
.tv-stations-list .station-info .station-title-progress .ctime-line {
  float: left;
  width: 43.75rem;
  height: 0.4375rem;
  background: rgba(146, 150, 154, 0.8);
  margin-top: 0.375rem;
  position: relative;
}
.tv-stations-list .station-info .station-title-progress .ctime-line .cprogress-line {
  -moz-transition: width 0.2s ease;
  -o-transition: width 0.2s ease;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
  position: absolute;
  background: rgba(172, 21, 25, 0.7);
  height: 0.4375rem;
}
.tv-stations-list .station-info .station-title-progress .ctime-line .cprogress-line .cprogress-circle {
  position: absolute;
  width: 0.9375rem;
  height: 0.9375rem;
  background: #680003;
  right: -0.375rem;
  top: -0.25rem;
  border-radius: 6.25rem;
  cursor: pointer;
  z-index: 1020;
}
.cishover .tv-stations-list .station-info .station-title-progress .ctime-line .cprogress-line .cprogress-circle:focus:after, .cishover .tv-stations-list .station-info .station-title-progress .ctime-line .cprogress-line .cprogress-circle:hover:after, .tv-stations-list .station-info .station-title-progress .ctime-line .cprogress-line .cprogress-circle.cactive:after {
  content: "";
  position: absolute;
  width: 2.1875rem;
  height: 2.1875rem;
  background: transparent;
  border: 0.625rem solid rgba(211, 216, 221, 0.5);
  right: -0.625rem;
  top: -0.625rem;
  border-radius: 6.25rem;
  cursor: pointer;
  z-index: -1;
}
.tv-stations-list .station-info .l-col {
  width: 15.3125rem;
  background: rgba(20, 23, 29, 0.2);
  float: left;
  margin-right: 0.625rem;
  text-align: center;
}
.tv-stations-list .station-info .l-col img {
  margin-top: 0.875rem;
  max-width: 11.25rem;
}
.tv-stations-list .station-info .l-col .special-options {
  position: absolute;
  left: 1.4375rem;
  bottom: 0.9375rem;
}
.tv-stations-list .station-info .r-col {
  position: absolute;
  right: 1.25rem;
  background: rgba(20, 23, 29, 0.2);
  padding-top: 1.375rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  float: left;
  width: 55.0625rem;
}
.tv-stations-list .station-info .r-col .m-l-col {
  float: left;
  width: 15.4375rem;
  overflow: hidden;
}
.tv-stations-list .station-info .r-col .m-l-col img {
  width: 100%;
  height: 100%;
  image-rendering: high-quality;
}
.tv-stations-list .station-info .r-col .m-r-col {
  float: right;
  width: 34.5625rem;
  margin-left: 1.5rem;
}
.tv-stations-list .station-info .r-col .tp-wrapper {
  margin-bottom: 0.4375rem;
}
.tv-stations-list .station-info .r-col .tp-wrapper .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 2.375rem;
  float: left;
  width: 31.25rem;
  color: #ffffff;
  font-size: 2.125rem;
  font-weight: bold;
}
.tv-stations-list .station-info .r-col .tp-wrapper .pegi {
  float: right;
}
.tv-stations-list .station-info .r-col .tp-wrapper .pegi img {
  margin-top: 0.125rem;
  width: 2.125rem;
  height: 2.125rem;
}
.tv-stations-list .station-info .r-col .title-info {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 2.875rem;
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.125rem;
  width: 57.5rem;
}
.tv-stations-list .station-info .r-col .title-description {
  color: #ffffff;
  font-size: 1.125rem;
  line-height: 1.375rem;
  height: 2.8125rem;
  overflow: hidden;
}
.tv-stations-list .station-info .r-col.no-image .m-l-col {
  display: none;
}
.tv-stations-list .station-info .r-col.no-image .m-r-col {
  margin-left: 0;
  width: 100%;
}
.tv-stations-list .station-info .r-col-additional {
  display: none;
  width: 0.8125rem;
  padding-right: 0;
  margin-left: 0.625rem;
  padding-left: 0;
  position: absolute;
  float: unset;
  right: 0;
}
.tv-stations-list .station-info .l-col-additional {
  display: none;
  width: 0.8125rem;
  padding-right: 0;
  margin-left: 0.625rem;
  padding-left: 0;
  position: absolute;
  float: unset;
  left: 15.1875rem;
}
.tv-stations-list .station-info .l-col-plug {
  width: 1.25rem;
  padding-right: 0;
  margin-left: 0.625rem;
  padding-left: 0;
  position: absolute;
  float: unset;
  left: 15.1875rem;
}
.tv-stations-list .station-info .r-col-plug {
  width: 1.25rem;
  padding-right: 0;
  margin-left: 0.625rem;
  padding-left: 0;
  position: absolute;
  float: unset;
  right: 0;
}
.tv-stations-list .station-info.cr .r-col-plug {
  display: none;
}
.tv-stations-list .station-info.cr .r-col-additional {
  display: block;
}
.tv-stations-list .station-info.cl .l-col-plug {
  display: none;
}
.tv-stations-list .station-info.cl .l-col-additional {
  display: block;
}
.cishover .tv-stations-list .station-info:focus .ctime-line, .tv-stations-list .station-info.cactive .ctime-line {
  background: #a5a8ab !important;
}
.cishover .tv-stations-list .station-info:focus .ctime-line .cprogress-line, .tv-stations-list .station-info.cactive .ctime-line .cprogress-line {
  background: #AC1519;
}
.cishover .tv-stations-list .station-info:focus .title-info, .tv-stations-list .station-info.cactive .title-info {
  color: rgba(255, 255, 255, 0.4);
}
.cishover .tv-stations-list .station-info:focus .l-col, .cishover .tv-stations-list .station-info:focus .r-col, .tv-stations-list .station-info.cactive .l-col, .tv-stations-list .station-info.cactive .r-col {
  background: #141719;
}
.cishover .tv-stations-list .station-info:hover .ctime-line {
  background: #a5a8ab !important;
}
.cishover .tv-stations-list .station-info:hover .ctime-line .cprogress-line {
  background: #AC1519;
}
.cishover .tv-stations-list .station-info:hover .title-info {
  color: rgba(255, 255, 255, 0.4);
}
.cishover .tv-stations-list .station-info:hover .l-col, .cishover .tv-stations-list .station-info:hover .r-col {
  background: #535B61;
}

.hbb-tv-menu-container {
  background: transparent;
}
.hbb-tv-menu-container .logo {
  position: absolute;
  right: 0;
  bottom: 9.75rem;
  width: 21.875rem;
}
.hbb-tv-menu-container .logo img {
  width: 100%;
}
.hbb-tv-menu-container .info {
  width: 21.875rem;
  letter-spacing: 0.09375rem;
  position: absolute;
  right: 0;
  bottom: 6.25rem;
  padding: 0.625rem;
  padding-left: 0.8125rem;
  padding-right: 0.8125rem;
  font-weight: bold;
  color: white;
  background: #202020;
  font-size: 1.25rem;
}
.hbb-tv-menu-container .info .red {
  color: #CF181D;
}

.cda-bg {
  background-image: url("https://static.cda.pl/app/screen-start-bg-new.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000000;
}

.cda-bg-multi-register {
  background-color: #D3D8DD;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpi2r9//38gYGAEESAAEGAAasgJOgzOKCoAAAAASUVORK5CYII=);
}

.cda-bg-register-phone {
  background-color: #d3d8dd;
}

.cda-bg-fhd {
  background-image: url("https://static.cda.pl/app/screen-start-bg-new.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.logo-small {
  width: 12.25rem;
  height: 5.75rem;
}

.logo-big {
  width: 15.375rem;
  height: 7.0625rem;
}

.no-flex-wrap {
  flex-wrap: unset;
  display: -webkit-box;
}

.f-lighten {
  font-weight: 300;
}

.next-video-wraper {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100000;
  background: #000000;
  color: #ffffff;
  text-align: center;
  padding-top: 1.875rem;
}
.next-video-wraper .cslider {
  text-align: left;
  padding-top: 3.75rem;
  padding-left: 13.375rem;
}
.next-video-wraper .next-video-txt {
  font-size: 1.5rem;
  margin-bottom: 0rem;
}
.next-video-wraper .next-video-title {
  font-size: 2rem;
  line-height: 2.8125rem;
  padding: 3.75rem;
  padding-top: 1.875rem;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.next-video-wraper .next-video-title strong {
  font-weight: 600;
}
.next-video-wraper .cbutton-cancel {
  margin-top: 3.125rem;
  width: 16.25rem;
  font-size: 1.25rem;
  cursor: pointer;
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  border-radius: 0.1875rem;
  border: none;
  height: 2.9375rem;
  font-size: 1.25rem;
  font-weight: 500;
  color: #000000;
  width: 7.5rem;
}
.cishover .next-video-wraper .cbutton-cancel:focus {
  box-shadow: none;
}
.cishover .next-video-wraper .cbutton-cancel:focus, .cishover .next-video-wraper .cbutton-cancel:hover, .next-video-wraper .cbutton-cancel.cactive {
  background-color: #a5a8ab;
  color: #ffffff;
}
.next-video-wraper .countdown-wrapper {
  margin-top: 5rem;
}
.next-video-wraper .countdown-wrapper .image {
  margin: 0 auto;
  position: relative;
  background: #000000 url(https://smarttv.cda.pl/images/load-ring.gif) no-repeat;
  background-size: 100%;
  width: 7.8125rem;
  height: 7.8125rem;
}
.next-video-wraper .countdown-wrapper .image .countdown-txt {
  width: 100%;
  font-size: 1.5rem;
  margin-top: 3.125rem;
  position: absolute;
}
.next-video-wraper .css-countdown-wrapper {
  margin-top: 0.625rem;
}
.next-video-wraper .css-countdown-wrapper .countdown {
  position: relative;
  width: 6.25rem;
  height: 6.25rem;
  margin: 0 auto;
}
.next-video-wraper .css-countdown-wrapper .countdown .countdown-txt {
  width: 100%;
  font-size: 1.5rem;
  margin-top: 2.375rem;
  position: absolute;
}
.next-video-wraper .css-countdown-wrapper .countdown * {
  box-sizing: unset;
}
.next-video-wraper .css-countdown-wrapper .countdown .wrapper {
  width: 6.25rem;
  height: 6.25rem;
  position: absolute;
  clip: rect(0rem, 6.25rem, 6.25rem, 3.125rem);
}
.next-video-wraper .css-countdown-wrapper .countdown.start-animation .circle {
  width: 6.25rem;
  height: 6.25rem;
  border: 0.625rem solid #a5060b;
  border-radius: 3.125rem;
  position: absolute;
  clip: rect(0rem, 3.125rem, 6.25rem, 0rem);
  box-sizing: border-box;
}
.next-video-wraper .css-countdown-wrapper .countdown.start-animation div[data-anim~=base] {
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
}
.next-video-wraper .css-countdown-wrapper .countdown.start-animation .wrapper[data-anim~=wrapper] {
  -webkit-animation-duration: 0.01s;
  -webkit-animation-delay: 2.5s;
  -webkit-animation-name: close-wrapper;
}
.next-video-wraper .css-countdown-wrapper .countdown.start-animation .circle[data-anim~=left] {
  -webkit-animation-duration: 5s;
  -webkit-animation-name: left-spin;
}
.next-video-wraper .css-countdown-wrapper .countdown.start-animation .circle[data-anim~=right] {
  -webkit-animation-duration: 2.5s;
  -webkit-animation-name: right-spin;
}
@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(180deg);
  }
}
@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes close-wrapper {
  to {
    clip: rect(auto, auto, auto, auto);
  }
}

.suggestions-keyboard-wrapper, .c-keyboard-wrapper {
  padding-left: 1.25rem;
}
.suggestions-keyboard-wrapper .suggestions ul li, .c-keyboard-wrapper .suggestions ul li {
  padding-bottom: 0.3125rem;
}
.suggestions-keyboard-wrapper .suggestions ul li button, .c-keyboard-wrapper .suggestions ul li button {
  max-width: 95%;
  word-wrap: no-wrap;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  border-radius: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  border: none;
  height: 2.3125rem;
  text-align: left;
  font-size: 1rem;
  background-color: #a5a8ab;
  font-weight: 500;
  color: #000000;
}
.suggestions-keyboard-wrapper .suggestions ul li button.history, .c-keyboard-wrapper .suggestions ul li button.history {
  background: #a5a8ab url(https://smarttv.cda.pl/images/baseline_history_black_18.png) no-repeat;
  padding-left: 3.0625rem;
  background-size: 1.875rem;
  background-position: 0.6875rem 0.25rem;
}
.suggestions-keyboard-wrapper .suggestions ul li button strong, .c-keyboard-wrapper .suggestions ul li button strong {
  font-weight: bold;
}
.cishover .suggestions-keyboard-wrapper .suggestions ul li button:focus, .cishover .c-keyboard-wrapper .suggestions ul li button:focus {
  box-shadow: none;
}
.cishover .suggestions-keyboard-wrapper .suggestions ul li button:focus, .suggestions-keyboard-wrapper .suggestions ul li button.cactive, .cishover .c-keyboard-wrapper .suggestions ul li button:focus, .c-keyboard-wrapper .suggestions ul li button.cactive {
  color: #ffffff;
  background-color: #141719;
}
.cishover .suggestions-keyboard-wrapper .suggestions ul li button:focus.history, .suggestions-keyboard-wrapper .suggestions ul li button.cactive.history, .cishover .c-keyboard-wrapper .suggestions ul li button:focus.history, .c-keyboard-wrapper .suggestions ul li button.cactive.history {
  background: #141719 url(https://smarttv.cda.pl/images/baseline_history_white_18.png) no-repeat;
  padding-left: 3.0625rem;
  background-size: 1.875rem;
  background-position: 0.6875rem 0.25rem;
}
.cishover .suggestions-keyboard-wrapper .suggestions ul li button:hover, .cishover .c-keyboard-wrapper .suggestions ul li button:hover {
  color: #ffffff;
  background-color: #535B61;
}
.cishover .suggestions-keyboard-wrapper .suggestions ul li button:hover.history, .cishover .c-keyboard-wrapper .suggestions ul li button:hover.history {
  background: #535B61 url(https://smarttv.cda.pl/images/baseline_history_white_18.png) no-repeat;
  padding-left: 3.0625rem;
  background-size: 1.875rem;
  background-position: 0.6875rem 0.25rem;
}

.keyboard {
  font-size: 1.25rem;
}
.keyboard button:not(.full-w):not(.big-b) {
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  width: 2.1875rem;
  padding: 0;
  height: 2.1875rem;
  background: none;
  border: none;
  border-radius: 0.1875rem;
  cursor: pointer;
  color: #000000;
  background: #b3b3b3;
  margin: 0.1875rem;
}
.keyboard button:not(.full-w):not(.big-b).full-w {
  width: initial;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.keyboard button:not(.full-w):not(.big-b).big-b {
  width: initial;
  padding-left: 0.75rem;
  padding-right: 0.6875rem;
}
.cishover .keyboard button:not(.full-w):not(.big-b):focus {
  box-shadow: none;
}
.cishover .keyboard button:not(.full-w):not(.big-b):focus, .keyboard button:not(.full-w):not(.big-b).cactive {
  background-color: #141719;
  color: #ffffff;
}
.cishover .keyboard button:not(.full-w):not(.big-b):hover {
  background-color: #535B61;
  color: #ffffff;
}
.cishover .keyboard.no-h button:hover {
  cursor: auto !important;
  color: #000000 !important;
  background: #b3b3b3 !important;
}
.cishover .keyboard.no-h button:hover.backspace-button {
  background: #b3b3b3 url(https://smarttv.cda.pl/images/baseline_backspace_black_24.png) no-repeat !important;
  background-size: 1.5rem 1.5rem !important;
  background-position: center !important;
}
.cishover .keyboard.no-h button:hover.caps-lock-button-up {
  background: #b3b3b3 url(https://smarttv.cda.pl/images/arrow-up.png) no-repeat !important;
  background-size: 1.5rem 1.5rem !important;
  background-position: center !important;
}
.cishover .keyboard.no-h button:hover.caps-lock-button-down {
  background: #b3b3b3 url(https://smarttv.cda.pl/images/arrow-down.png) no-repeat !important;
  background-size: 1.5rem 1.5rem !important;
  background-position: center !important;
}

.c-k-r-col {
  width: 6.25rem;
}

button.full-w {
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  padding: 0;
  height: 2.1875rem;
  background: none;
  border: none;
  border-radius: 0.1875rem;
  cursor: pointer;
  color: #000000;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin: 0.1875rem;
  background-color: #b3b3b3;
  width: 100%;
}
button.full-w.backspace-button {
  background: #b3b3b3 url(https://smarttv.cda.pl/images/baseline_backspace_black_24.png) no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: center;
}
button.full-w.caps-lock-button-up {
  background: #b3b3b3 url(https://smarttv.cda.pl/images/arrow-up.png) no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: center;
}
button.full-w.caps-lock-button-down {
  background: #b3b3b3 url(https://smarttv.cda.pl/images/arrow-down.png) no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: center;
}
.cishover button.full-w:focus, button.full-w.cactive {
  background-color: #141719;
  color: #ffffff;
}
.cishover button.full-w:focus.backspace-button, button.full-w.cactive.backspace-button {
  background: #141719 url(https://smarttv.cda.pl/images/baseline_backspace_white_24.png) no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: center;
}
.cishover button.full-w:focus.caps-lock-button-up, button.full-w.cactive.caps-lock-button-up {
  background: #141719 url(https://smarttv.cda.pl/images/arrow-up-white.png) no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: center;
}
.cishover button.full-w:focus.caps-lock-button-down, button.full-w.cactive.caps-lock-button-down {
  width: 3.125rem;
  background: #141719 url(https://smarttv.cda.pl/images/arrow-down-white.png) no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: center;
}
.cishover button.full-w:hover {
  background-color: #535B61;
  color: #ffffff;
}
.cishover button.full-w:hover.backspace-button {
  background: #535B61 url(https://smarttv.cda.pl/images/baseline_backspace_white_24.png) no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: center;
}
.cishover button.full-w:hover.caps-lock-button-up {
  background: #535B61 url(https://smarttv.cda.pl/images/arrow-up-white.png) no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: center;
}
.cishover button.full-w:hover.caps-lock-button-down {
  width: 3.125rem;
  background: #535B61 url(https://smarttv.cda.pl/images/arrow-down-white.png) no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: center;
}

.mail-map {
  margin-top: 0.375rem;
  margin-left: 0rem;
}

.navigation-map {
  margin-left: 0;
  margin-right: 0;
  margin-top: 1.25rem;
}
.navigation-map .big-b {
  width: 12.5rem;
}

.show-password-map {
  margin-top: 0.375rem;
  margin-left: 0rem;
}
.show-password-map .big-b {
  width: 12.5rem;
}

button.big-b {
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  padding: 0;
  height: 2.1875rem;
  background: none;
  border: none;
  border-radius: 0.1875rem;
  cursor: pointer;
  color: #000000;
  padding-left: 0.75rem;
  padding-right: 0.6875rem;
  width: 8.1875rem;
  margin: 0.1875rem;
  background-color: #b3b3b3;
}
.cishover button.big-b:focus, button.big-b.cactive {
  background-color: #141719;
  color: #ffffff;
}
.cishover button.big-b:hover {
  background-color: #535B61;
  color: #ffffff;
}

.c-keyboard-wrapper {
  position: relative;
  background: rgba(255, 255, 255, 0.4);
  width: 34.25rem;
  padding: 0.9375rem;
}
.c-keyboard-wrapper .c-arrow-pointer {
  position: absolute;
  width: 0rem;
  height: 0rem;
  border-top: 0.9375rem solid transparent;
  border-bottom: 0.9375rem solid transparent;
  border-right: 0.9375rem solid rgba(255, 255, 255, 0.4);
  right: 34.25rem;
  -moz-transition: top 0.1s ease;
  -o-transition: top 0.1s ease;
  -webkit-transition: top 0.1s ease;
  transition: top 0.1s ease;
}
.c-keyboard-wrapper .c-arrow-pointer.pos-1 {
  top: 0.9375rem;
}
.c-keyboard-wrapper .c-arrow-pointer.pos-2 {
  top: 5.3125rem;
}
.c-keyboard-wrapper .keyboard .no-margin-right {
  margin-right: 0;
}

.c-keyboard-col {
  margin-top: 2.5rem;
  padding-left: 0.9375rem;
}

.c-keyboard-register-col {
  margin-top: 2.8125rem;
}

.search-container button.big-b {
  width: 8.625rem;
}

.buy-premium-wrapper {
  width: 72.5rem;
}
.buy-premium-wrapper .loading.slider-mode {
  top: 79%;
}

.buy-premium-v2-wrapper .loading.slider-mode {
  top: 50%;
}

.buy-premium-wrapper .top-row,
.end-subscription-wrapper .top-row {
  padding-left: 0.8125rem;
  padding-top: 0.4375rem;
}
.buy-premium-wrapper .top-row .ctitle,
.end-subscription-wrapper .top-row .ctitle {
  font-size: 2.0625rem;
  font-weight: bold;
}
.buy-premium-wrapper .top-row .ctitle span.days-left,
.end-subscription-wrapper .top-row .ctitle span.days-left {
  color: #D74A37;
  font-size: 2.375rem;
}
.buy-premium-wrapper .top-row .cdesc,
.end-subscription-wrapper .top-row .cdesc {
  color: #525253;
  margin-top: 1.25rem;
  font-weight: lighter;
  width: 62.5rem;
  font-size: 1.1875rem;
  line-height: 1.4375rem;
}
.buy-premium-wrapper .middle-row,
.end-subscription-wrapper .middle-row {
  padding-top: 3.75rem;
}
.buy-premium-wrapper .middle-row .min-desc-col,
.end-subscription-wrapper .middle-row .min-desc-col {
  padding-right: 5rem;
  padding-left: 0;
}
.buy-premium-wrapper .middle-row .min-desc-col .cdesc,
.end-subscription-wrapper .middle-row .min-desc-col .cdesc {
  line-height: 1.1875rem;
}
.buy-premium-wrapper .middle-row .min-desc-col .ctitle,
.end-subscription-wrapper .middle-row .min-desc-col .ctitle {
  font-size: 1.125rem;
}
.buy-premium-wrapper .middle-row .img-col,
.end-subscription-wrapper .middle-row .img-col {
  text-align: center;
}
.buy-premium-wrapper .middle-row .img-col img,
.end-subscription-wrapper .middle-row .img-col img {
  width: 3rem;
  margin-top: -0.3125rem;
}
.buy-premium-wrapper .middle-row .row,
.end-subscription-wrapper .middle-row .row {
  height: 5.625rem;
}
.buy-premium-wrapper .middle-row .row .ctitle,
.end-subscription-wrapper .middle-row .row .ctitle {
  color: #525253;
  font-weight: bold;
}
.buy-premium-wrapper .middle-row .row .cdesc,
.end-subscription-wrapper .middle-row .row .cdesc {
  color: #525253;
  font-weight: lighter;
  margin-top: 0.3125rem;
}
.buy-premium-wrapper .bottom-row,
.end-subscription-wrapper .bottom-row {
  padding-top: 2.5rem;
  text-align: center;
}
.buy-premium-wrapper .bottom-row.buy-ms-row,
.end-subscription-wrapper .bottom-row.buy-ms-row {
  padding-top: 3.75rem;
}
.buy-premium-wrapper .bottom-row .ctitle,
.end-subscription-wrapper .bottom-row .ctitle {
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.5rem;
  line-height: 2.5rem;
}
.buy-premium-wrapper .bottom-row .buy-ms .ctitle,
.end-subscription-wrapper .bottom-row .buy-ms .ctitle {
  font-size: 1.875rem;
}
.buy-premium-wrapper .bottom-row .buy-ms .ctitle:last-child,
.end-subscription-wrapper .bottom-row .buy-ms .ctitle:last-child {
  font-size: 1.5625rem;
}
.buy-premium-wrapper .bottom-row .buy-ms .buy-premium-link,
.end-subscription-wrapper .bottom-row .buy-ms .buy-premium-link {
  color: #548b01;
  font-weight: bold;
  font-size: 4.375rem;
  margin-top: 1.875rem;
  margin-bottom: 2.1875rem;
}
.buy-premium-wrapper .bottom-row .ctitle2,
.end-subscription-wrapper .bottom-row .ctitle2 {
  text-align: center;
}
.buy-premium-wrapper .bottom-row img,
.end-subscription-wrapper .bottom-row img {
  width: 15rem;
  margin: 0 auto;
  margin-top: 0.9375rem;
}
.buy-premium-wrapper .bottom-row .cbtn-settings,
.end-subscription-wrapper .bottom-row .cbtn-settings {
  margin-top: 1.6875rem;
  cursor: pointer;
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  border-radius: 0.625rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  border: none;
  height: 4.0625rem;
  text-align: left;
  font-size: 1rem;
  background: 0;
  font-weight: 500;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #548b01;
  color: #ffffff;
  font-weight: bold;
  font-size: 2.25rem;
}
.buy-premium-wrapper .bottom-row .cbtn-settings .blik-logo,
.end-subscription-wrapper .bottom-row .cbtn-settings .blik-logo {
  width: 1.8125rem;
  height: 1.8125rem;
  margin-top: 0;
  position: relative;
  top: 0.0625rem;
}
.buy-premium-wrapper .bottom-row .cbtn-settings:focus,
.end-subscription-wrapper .bottom-row .cbtn-settings:focus {
  box-shadow: none;
}
.cishover .buy-premium-wrapper .bottom-row .cbtn-settings:focus, .cishover .buy-premium-wrapper .bottom-row .cbtn-settings:hover, .buy-premium-wrapper .bottom-row .cbtn-settings.cactive,
.cishover .end-subscription-wrapper .bottom-row .cbtn-settings:focus,
.cishover .end-subscription-wrapper .bottom-row .cbtn-settings:hover,
.end-subscription-wrapper .bottom-row .cbtn-settings.cactive {
  background-color: #141719;
  color: #ffffff;
}
.buy-premium-wrapper.buy-premium-v2-wrapper,
.end-subscription-wrapper.buy-premium-v2-wrapper {
  width: 68.75rem !important;
  width: 68.75rem;
  margin-left: 1.875rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .buy-premium-row,
.end-subscription-wrapper.buy-premium-v2-wrapper .buy-premium-row {
  margin-top: 3.9375rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .buy-premium-row.v7,
.end-subscription-wrapper.buy-premium-v2-wrapper .buy-premium-row.v7 {
  margin-top: 1.875rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .buy-premium-row.v7 .summary-text,
.end-subscription-wrapper.buy-premium-v2-wrapper .buy-premium-row.v7 .summary-text {
  letter-spacing: 0.0125rem;
  font-size: 1rem;
  line-height: 1.25rem;
  padding-left: 3.25rem;
  padding-right: 3.25rem;
  color: rgba(0, 0, 0, 0.8);
}
.buy-premium-wrapper.buy-premium-v2-wrapper.variation-5,
.end-subscription-wrapper.buy-premium-v2-wrapper.variation-5 {
  width: 73.9375rem !important;
}
.buy-premium-wrapper.buy-premium-v2-wrapper.variation-5 .ctitle,
.end-subscription-wrapper.buy-premium-v2-wrapper.variation-5 .ctitle {
  color: black;
}
.buy-premium-wrapper.buy-premium-v2-wrapper.variation-5 .ctitle .min-txt,
.end-subscription-wrapper.buy-premium-v2-wrapper.variation-5 .ctitle .min-txt {
  font-size: 1.5625rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper.variation-5 .middle-row,
.end-subscription-wrapper.buy-premium-v2-wrapper.variation-5 .middle-row {
  width: 100%;
}
.buy-premium-wrapper.buy-premium-v2-wrapper.variation-5 .middle-row .row,
.end-subscription-wrapper.buy-premium-v2-wrapper.variation-5 .middle-row .row {
  height: inherit;
}
.buy-premium-wrapper.buy-premium-v2-wrapper.variation-5 .middle-row .top-row,
.end-subscription-wrapper.buy-premium-v2-wrapper.variation-5 .middle-row .top-row {
  height: 11.25rem;
  overfow: hidden;
}
.buy-premium-wrapper.buy-premium-v2-wrapper.variation-5 .benefits-col .row,
.end-subscription-wrapper.buy-premium-v2-wrapper.variation-5 .benefits-col .row {
  padding-top: 0.125rem;
  height: 5rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper.variation-4,
.end-subscription-wrapper.buy-premium-v2-wrapper.variation-4 {
  width: 73.9375rem !important;
}
.buy-premium-wrapper.buy-premium-v2-wrapper.variation-4 .top-row,
.end-subscription-wrapper.buy-premium-v2-wrapper.variation-4 .top-row {
  width: 73.9375rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper.variation-4 .buy-premium-title,
.end-subscription-wrapper.buy-premium-v2-wrapper.variation-4 .buy-premium-title {
  padding-top: 2.1875rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper.variation-4 .col-c1,
.end-subscription-wrapper.buy-premium-v2-wrapper.variation-4 .col-c1 {
  width: 15.625rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper.variation-4 .col-c2,
.end-subscription-wrapper.buy-premium-v2-wrapper.variation-4 .col-c2 {
  margin-left: 1.5rem;
  width: 13.75rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper.variation-4 .col-c3,
.end-subscription-wrapper.buy-premium-v2-wrapper.variation-4 .col-c3 {
  width: 11.25rem;
  padding-top: 2.375rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper.variation-4 .col-c4,
.end-subscription-wrapper.buy-premium-v2-wrapper.variation-4 .col-c4 {
  width: 12.4375rem;
  padding-left: 1.3125rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper.variation-4 .col-link,
.end-subscription-wrapper.buy-premium-v2-wrapper.variation-4 .col-link {
  margin-top: 4.1875rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper.variation-4 .col-additional-options,
.end-subscription-wrapper.buy-premium-v2-wrapper.variation-4 .col-additional-options {
  margin-top: 3.75rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper.variation-4 .col-additional-options .cbtn-s-buy-premium,
.end-subscription-wrapper.buy-premium-v2-wrapper.variation-4 .col-additional-options .cbtn-s-buy-premium {
  margin-bottom: 1.25rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper.variation-4 #info-content-qrcode,
.end-subscription-wrapper.buy-premium-v2-wrapper.variation-4 #info-content-qrcode {
  width: 10.9375rem;
  height: 10.9375rem;
  text-align: center;
  margin: 0 auto;
}
.buy-premium-wrapper.buy-premium-v2-wrapper.variation-4 .bottom-row img,
.end-subscription-wrapper.buy-premium-v2-wrapper.variation-4 .bottom-row img {
  width: 10.9375rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .bottom-row img,
.end-subscription-wrapper.buy-premium-v2-wrapper .bottom-row img {
  margin-top: 1.375rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .buy-premium-cta-v7 .cbtn-settings,
.end-subscription-wrapper.buy-premium-v2-wrapper .buy-premium-cta-v7 .cbtn-settings {
  font-size: 1.375rem !important;
  height: 3.4375rem;
  line-height: 3.4375rem;
  letter-spaccing: 0.0125rem;
  background-color: #7a7c7d;
  text-align: center;
  margin-left: 0.1875rem;
  margin-right: 0.1875rem;
}
.cishover .buy-premium-wrapper.buy-premium-v2-wrapper .buy-premium-cta-v7 .cbtn-settings.green:focus, .cishover .buy-premium-wrapper.buy-premium-v2-wrapper .buy-premium-cta-v7 .cbtn-settings.green:hover, .buy-premium-wrapper.buy-premium-v2-wrapper .buy-premium-cta-v7 .cbtn-settings.green.cactive,
.cishover .end-subscription-wrapper.buy-premium-v2-wrapper .buy-premium-cta-v7 .cbtn-settings.green:focus,
.cishover .end-subscription-wrapper.buy-premium-v2-wrapper .buy-premium-cta-v7 .cbtn-settings.green:hover,
.end-subscription-wrapper.buy-premium-v2-wrapper .buy-premium-cta-v7 .cbtn-settings.green.cactive {
  background-color: #548b01;
  color: #ffffff;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .bottom-row-v7,
.end-subscription-wrapper.buy-premium-v2-wrapper .bottom-row-v7 {
  margin-top: 1.5625rem;
  letter-spacing: 0.0125rem;
  font-size: 1rem;
  line-height: 1.25rem;
  padding-left: 3.25rem;
  padding-right: 3.25rem;
  color: rgba(0, 0, 0, 0.8);
  padding-top: 0.625rem;
  font-weight: bold;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .bottom-row-v7 .bottom-row .ctitle,
.end-subscription-wrapper.buy-premium-v2-wrapper .bottom-row-v7 .bottom-row .ctitle {
  padding-top: 0;
  width: 100%;
  font-weight: bold;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .bottom-row-v7 div,
.end-subscription-wrapper.buy-premium-v2-wrapper .bottom-row-v7 div {
  letter-spacing: 0.0125rem;
  font-size: 1rem;
  line-height: 1.875rem;
  color: rgba(0, 0, 0, 0.8);
}
.buy-premium-wrapper.buy-premium-v2-wrapper .bottom-row-v7 div .green,
.end-subscription-wrapper.buy-premium-v2-wrapper .bottom-row-v7 div .green {
  font-weight: bold;
  color: #548B01;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .bottom-row-v7 .tv-stations,
.end-subscription-wrapper.buy-premium-v2-wrapper .bottom-row-v7 .tv-stations {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1.125rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .bottom-row-v7 .tv-stations .tv-station-logo,
.end-subscription-wrapper.buy-premium-v2-wrapper .bottom-row-v7 .tv-stations .tv-station-logo {
  width: 2.1875rem;
  height: 2.1875rem;
  float: left;
  margin-right: 0.3125rem;
  margin-bottom: 0.3125rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .bottom-row-v7 .tv-stations .tv-station-logo img,
.end-subscription-wrapper.buy-premium-v2-wrapper .bottom-row-v7 .tv-stations .tv-station-logo img {
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 0.3125rem;
  background: #E2E6EA;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .buy-premium-title,
.end-subscription-wrapper.buy-premium-v2-wrapper .buy-premium-title {
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  padding-top: 1.25rem;
  line-height: 2.5rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .buy-premium-title.v3,
.end-subscription-wrapper.buy-premium-v2-wrapper .buy-premium-title.v3 {
  margin-top: 0.9375rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .img-v3-col img,
.end-subscription-wrapper.buy-premium-v2-wrapper .img-v3-col img {
  width: 12.5rem;
  height: 12.5rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .img-v7-tv-col img,
.end-subscription-wrapper.buy-premium-v2-wrapper .img-v7-tv-col img {
  width: 12.5rem;
  height: 12.5rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .img-v7-movie-col,
.end-subscription-wrapper.buy-premium-v2-wrapper .img-v7-movie-col {
  margin-right: 1.25rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .img-v7-movie-col img,
.end-subscription-wrapper.buy-premium-v2-wrapper .img-v7-movie-col img {
  width: 22.125rem;
  height: 12.5rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .img-v7-info-col,
.end-subscription-wrapper.buy-premium-v2-wrapper .img-v7-info-col {
  margin-left: 1.875rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .buy-ms-row,
.end-subscription-wrapper.buy-premium-v2-wrapper .buy-ms-row {
  padding-top: 0.625rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .buy-ms-row .ctitle,
.end-subscription-wrapper.buy-premium-v2-wrapper .buy-ms-row .ctitle {
  font-weight: normal;
  font-size: 1.5rem;
  padding-top: 4.5rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .buy-ms-row .ctitle2,
.end-subscription-wrapper.buy-premium-v2-wrapper .buy-ms-row .ctitle2 {
  font-weight: normal;
  font-size: 1.5rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .buy-ms-row .cbtn-settings,
.end-subscription-wrapper.buy-premium-v2-wrapper .buy-ms-row .cbtn-settings {
  font-size: 2.25rem;
  border-radius: 0.375rem;
  padding-bottom: 0.1875rem;
  margin-top: 1.375rem;
  letter-spacing: 0.0125rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .buy-ms-row .or-txt,
.end-subscription-wrapper.buy-premium-v2-wrapper .buy-ms-row .or-txt {
  font-size: 1.5rem;
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .buy-ms-row .vertical-lines-wrapper,
.end-subscription-wrapper.buy-premium-v2-wrapper .buy-ms-row .vertical-lines-wrapper {
  padding-top: 2.375rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .buy-ms-row .vertical-lines-wrapper .vertical-lines,
.end-subscription-wrapper.buy-premium-v2-wrapper .buy-ms-row .vertical-lines-wrapper .vertical-lines {
  width: 0.3125rem;
  margin: 0 auto;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .buy-ms-row .vertical-lines-wrapper .vertical-lines .vertical-line,
.end-subscription-wrapper.buy-premium-v2-wrapper .buy-ms-row .vertical-lines-wrapper .vertical-lines .vertical-line {
  width: 0.3125rem;
  height: 0.9375rem;
  margin-bottom: 0.3125rem;
  background: #8294a0;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .middle-row,
.end-subscription-wrapper.buy-premium-v2-wrapper .middle-row {
  width: 68.5625rem;
  border-radius: 1.875rem;
  padding: 1.875rem;
  padding-bottom: 1.875rem;
  border: 0.3125rem solid #cad1d7;
  background: #e2e6ea;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .middle-row.v3,
.end-subscription-wrapper.buy-premium-v2-wrapper .middle-row.v3 {
  width: 62.5rem;
  margin-left: 3rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .middle-row.v7,
.end-subscription-wrapper.buy-premium-v2-wrapper .middle-row.v7 {
  width: 69.0625rem;
  margin-left: 0rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .middle-row.v7 .row,
.end-subscription-wrapper.buy-premium-v2-wrapper .middle-row.v7 .row {
  height: inherit;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .middle-row .min-desc-col,
.end-subscription-wrapper.buy-premium-v2-wrapper .middle-row .min-desc-col {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .middle-row .min-desc-col .cdesc,
.end-subscription-wrapper.buy-premium-v2-wrapper .middle-row .min-desc-col .cdesc {
  font-size: 0.875rem;
  padding-right: 0.625rem;
  text-align: inherit;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .middle-row .min-desc-col .ctitle,
.end-subscription-wrapper.buy-premium-v2-wrapper .middle-row .min-desc-col .ctitle {
  line-height: 1.125rem;
  font-size: 1rem;
  font-weight: bold;
  color: #000000;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .top-row .cdesc,
.end-subscription-wrapper.buy-premium-v2-wrapper .top-row .cdesc {
  width: 100%;
  font-size: 0.9375rem;
  color: #000000;
  padding-right: 2.5rem;
  text-align: justify;
  text-justify: inter-word;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .top-row .price-txt,
.end-subscription-wrapper.buy-premium-v2-wrapper .top-row .price-txt {
  margin-top: 1.125rem;
  font-weight: normal;
  font-size: 1.875rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .top-row .price-txt .green,
.end-subscription-wrapper.buy-premium-v2-wrapper .top-row .price-txt .green {
  color: #548b01;
  font-weight: bold;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .top-row .ctitle-channel-available,
.end-subscription-wrapper.buy-premium-v2-wrapper .top-row .ctitle-channel-available {
  font-size: 1.875rem;
  margin-top: 1.5rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .top-row .ctitle-basic-package,
.end-subscription-wrapper.buy-premium-v2-wrapper .top-row .ctitle-basic-package {
  font-size: 3.4375rem;
  color: #548b01;
  font-weight: 100;
  padding-bottom: 0.3125rem;
  margin-top: 0.9375rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .top-row .ctitle,
.end-subscription-wrapper.buy-premium-v2-wrapper .top-row .ctitle {
  line-height: 2.8125rem;
  font-weight: normal;
  font-size: 2.1875rem;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .top-row .ctitle .strong,
.end-subscription-wrapper.buy-premium-v2-wrapper .top-row .ctitle .strong {
  font-weight: bold;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .top-row .ctitle .normal,
.end-subscription-wrapper.buy-premium-v2-wrapper .top-row .ctitle .normal {
  font-weight: normal;
}
.buy-premium-wrapper.buy-premium-v2-wrapper .top-row .ctitle.v3,
.end-subscription-wrapper.buy-premium-v2-wrapper .top-row .ctitle.v3 {
  font-size: 3.75rem;
  margin-top: 1.875rem;
  margin-top: 3.3125rem;
}

.end-subscription-wrapper {
  text-align: center;
}
.end-subscription-wrapper .top-row {
  padding-top: 6.875rem;
  padding-left: 0;
}
.end-subscription-wrapper .top-row .cdesc {
  font-weight: normal;
  font-size: 1.375rem;
}
.end-subscription-wrapper .top-row .cprice {
  padding-top: 2.1875rem;
  font-size: 1.5625rem;
}
.end-subscription-wrapper .top-row .cprice .green {
  color: #548b01;
  font-weight: bold;
  font-size: 1.875rem;
}
.end-subscription-wrapper .middle-row {
  padding-left: 0rem !important;
  padding-left: 0.8125rem;
  padding-top: 0;
}
.end-subscription-wrapper .middle-row .cbtn-simple-grey {
  margin-right: 0.4375rem;
}
.end-subscription-wrapper .middle-row .cbtn-simple-grey.extend-account-btn {
  font-weight: bold;
  font-size: 1.125rem;
  width: 18.75rem;
  letter-spacing: 0.03125rem;
}
.end-subscription-wrapper .middle-row .cbtn-simple-grey.extend-account-btn.cancel {
  width: 7.5rem;
}
.end-subscription-wrapper .middle-row .cbtn-simple-grey.extend-account-green .blik-logo {
  width: 1.1875rem;
  position: relative;
  top: 0.125rem;
  left: -0.1875rem;
}
.end-subscription-wrapper .middle-row .cbtn-simple-grey.extend-account-green.c-send-link {
  background: #7a7c7d url(https://smarttv.cda.pl/images/baseline_mail_outline_white_24dp.png) no-repeat 1.6875rem 50%;
  background-size: 1.4375rem;
  padding-left: 0.9375rem;
}
.cishover .end-subscription-wrapper .middle-row .cbtn-simple-grey.extend-account-green.c-send-link:focus, .cishover .end-subscription-wrapper .middle-row .cbtn-simple-grey.extend-account-green.c-send-link:hover, .end-subscription-wrapper .middle-row .cbtn-simple-grey.extend-account-green.c-send-link.cactive {
  background: #548b01 url(https://smarttv.cda.pl/images/baseline_mail_outline_white_24dp.png) no-repeat 1.6875rem 50%;
  background-size: 1.4375rem;
  color: #ffffff;
}
.cishover .end-subscription-wrapper .middle-row .cbtn-simple-grey.extend-account-green:focus, .cishover .end-subscription-wrapper .middle-row .cbtn-simple-grey.extend-account-green:hover, .end-subscription-wrapper .middle-row .cbtn-simple-grey.extend-account-green.cactive {
  background: #548b01;
  color: #ffffff;
}
.end-subscription-wrapper .middle-row .options {
  padding-top: 3.125rem;
}
.end-subscription-wrapper .middle-row .options .promotion {
  position: absolute;
  width: 18.75rem;
  height: 1.4375rem;
  left: -1.875rem;
  top: -0.75rem;
}
.end-subscription-wrapper .middle-row .options .promotion svg.arrow {
  width: 3.125rem;
  height: 3.125rem;
  float: left;
  color: #487500;
  margin-right: 0.5rem;
  animation: e-promotion-animation 5s ease-in-out infinite;
  position: absolute;
  left: 4.875rem;
  top: 3.0625rem;
}
.end-subscription-wrapper .middle-row .options .promotion .txt {
  border: 0.125rem solid #487500;
  border-radius: 2.5rem;
  padding: 1.25rem;
  background: rgba(255, 255, 255, 0.6);
  font-size: 1.25rem;
  color: #487500;
  font-weight: bold;
  padding-top: 0.5625rem;
  padding-bottom: 0.4375rem;
  padding-left: 0.9375rem;
  float: left;
  margin-left: 3.4375rem;
}
.end-subscription-wrapper .middle-row .options .promotion .txt .info {
  position: relative;
  top: -0.3125rem;
}
.end-subscription-wrapper .middle-row .options .promotion .txt svg {
  width: 1.5625rem;
  color: #ee4e2b;
}
@keyframes e-promotion-animation {
  0% {
    margin-left: 0;
  }
  10% {
    margin-left: 0;
  }
  30% {
    margin-left: 0;
  }
  40% {
    margin-left: 0;
  }
  50% {
    margin-left: 0.3125rem;
  }
  60% {
    margin-left: 0;
  }
  70% {
    margin-left: 0;
  }
  80% {
    margin-left: 0;
  }
  90% {
    margin-left: 0;
  }
  100% {
    margin-left: 0;
  }
}
.end-subscription-wrapper .middle-row .min-txt {
  font-size: 0.625rem;
  padding-top: 0.5rem;
  opacity: 0.8;
  line-height: 0.6875rem;
  width: 57.625rem;
  text-align: justify;
  margin: 0 auto;
  position: relative;
  left: -0.25rem;
}
.end-subscription-wrapper .buy-ms-row.bottom-row {
  padding-top: 4.375rem;
}
.end-subscription-wrapper .payment-verification.bottom-row {
  padding-top: 12.5rem;
}
.end-subscription-wrapper .payment-verification.bottom-row .loading.slider-mode {
  top: 6.875rem;
  left: 23.75rem;
}
.end-subscription-wrapper .payment-verification.bottom-row .payment-verification-wrapper {
  width: 50rem;
}

.menu-premium-categories {
  float: left;
  position: relative;
  overflow: hidden;
  height: 100%;
  z-index: 10;
  width: 1rem;
  background: #141719;
  box-shadow: 0 0 0.5rem #000000;
}
.menu-premium-categories.cactive {
  width: 15.6875rem;
}
.menu-premium-categories .menu-title {
  color: #ffffff;
  margin-left: 1.5rem;
  margin-top: 4.0625rem;
  width: 15.6875rem;
}
.menu-premium-categories .premium-categories-list {
  position: relative;
  margin-top: 2.375rem;
  overflow: hidden;
}
.menu-premium-categories .list-group {
  position: relative;
  border-radius: 0;
  width: 15.6875rem;
  overflow: auto;
}
.menu-premium-categories .list-group .list-group-item {
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  border-radius: 0;
  cursor: pointer;
  background: #141719;
  color: #ffffff;
  border: 0;
}
.menu-premium-categories .list-group .list-group-item.two-lines {
  line-height: 1.625rem;
}
.cishover .menu-premium-categories .list-group .list-group-item:focus, .menu-premium-categories .list-group .list-group-item.cactive {
  background-color: #4f4f4f;
  color: #ffffff;
}
.cishover .menu-premium-categories .list-group .list-group-item:hover {
  background-color: #B1B0B0;
  color: #ffffff;
}

.video-description-wrapper,
.profile-wrapper,
.folder-wrapper {
  width: 100%;
  position: relative;
  height: 26.25rem;
}
.video-description-wrapper .gradient-stripe,
.profile-wrapper .gradient-stripe,
.folder-wrapper .gradient-stripe {
  height: 1.25rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgb(211, 216, 221);
  background: linear-gradient(0deg, rgb(211, 216, 221) 0%, rgba(211, 216, 221, 0) 100%);
  z-index: 1000;
}
.video-description-wrapper .image-col,
.profile-wrapper .image-col,
.folder-wrapper .image-col {
  padding-left: 1.25rem;
  float: left;
}
.video-description-wrapper .image-col .image,
.profile-wrapper .image-col .image,
.folder-wrapper .image-col .image {
  position: relative;
  z-index: 20;
  width: 22.4375rem;
  height: 12.625rem;
  background-color: #c0c5ca;
  border-radius: 0.3125rem;
  box-shadow: 0 0 5px #9A9B9B;
  overflow: hidden;
}
.video-description-wrapper .image-col .image.image-premium,
.profile-wrapper .image-col .image.image-premium,
.folder-wrapper .image-col .image.image-premium {
  width: 13.9375rem;
  height: 19.5rem;
}
.video-description-wrapper .image-col .image.image-premium .premiere-box,
.profile-wrapper .image-col .image.image-premium .premiere-box,
.folder-wrapper .image-col .image.image-premium .premiere-box {
  position: absolute;
  bottom: 0rem;
  height: 4.375rem;
  padding-top: 0.5rem;
  padding-bottom: 0.625rem;
  opacity: 0.8;
  text-align: center;
  width: 100%;
  background-color: #000000;
  line-height: 1.375rem;
  color: white;
}
.video-description-wrapper .image-col .image.image-premium .premiere-box .premiere-info,
.profile-wrapper .image-col .image.image-premium .premiere-box .premiere-info,
.folder-wrapper .image-col .image.image-premium .premiere-box .premiere-info {
  font-size: 0.875rem;
}
.video-description-wrapper .image-col .image.image-premium .premiere-box .premiere-hour,
.profile-wrapper .image-col .image.image-premium .premiere-box .premiere-hour,
.folder-wrapper .image-col .image.image-premium .premiere-box .premiere-hour {
  margin-top: 0.3125rem;
  font-size: 1.5rem;
}
.video-description-wrapper .image-col .image img,
.profile-wrapper .image-col .image img,
.folder-wrapper .image-col .image img {
  width: 100%;
  height: 100%;
}
.video-description-wrapper .strip,
.profile-wrapper .strip,
.folder-wrapper .strip {
  margin-left: -3.125rem;
  position: absolute;
  margin-top: 3.25rem;
  height: 3.5rem;
  background-color: #c0c5ca;
  width: 110%;
}
.video-description-wrapper .video-info,
.profile-wrapper .video-info,
.folder-wrapper .video-info {
  margin-top: 0.5rem;
  float: left;
  width: 16.875rem;
}
.video-description-wrapper .video-info td,
.profile-wrapper .video-info td,
.folder-wrapper .video-info td {
  font-weight: 300;
  padding: 0.3125rem;
  color: #4b4b4b;
}
.video-description-wrapper .video-info td p,
.profile-wrapper .video-info td p,
.folder-wrapper .video-info td p {
  line-height: 1.2rem;
}
.video-description-wrapper .video-info td.ttitle,
.profile-wrapper .video-info td.ttitle,
.folder-wrapper .video-info td.ttitle {
  font-weight: bold;
}
.video-description-wrapper .desc-col,
.profile-wrapper .desc-col,
.folder-wrapper .desc-col {
  position: relative;
  float: left;
  z-index: 100;
  width: 48.125rem;
  padding-left: 0.875rem;
  overflow: hidden;
  height: 26.25rem;
}
.video-description-wrapper .desc-col.desc-col-premium,
.profile-wrapper .desc-col.desc-col-premium,
.folder-wrapper .desc-col.desc-col-premium {
  width: 56.6875rem;
}
.video-description-wrapper .desc-col.desc-col-premium .video-info,
.profile-wrapper .desc-col.desc-col-premium .video-info,
.folder-wrapper .desc-col.desc-col-premium .video-info {
  margin-left: 3.75rem;
}
.video-description-wrapper .desc-col.desc-col-premium .title,
.profile-wrapper .desc-col.desc-col-premium .title,
.folder-wrapper .desc-col.desc-col-premium .title {
  float: left;
  min-width: 70%;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 2.125rem;
}
.video-description-wrapper .desc-col.desc-col-premium .pegi,
.profile-wrapper .desc-col.desc-col-premium .pegi,
.folder-wrapper .desc-col.desc-col-premium .pegi {
  float: right;
  margin-top: 0.75rem;
}
.video-description-wrapper .desc-col.desc-col-premium .pegi img,
.profile-wrapper .desc-col.desc-col-premium .pegi img,
.folder-wrapper .desc-col.desc-col-premium .pegi img {
  width: 2.125rem;
  height: 2.125rem;
}
.video-description-wrapper .desc-col .author,
.profile-wrapper .desc-col .author,
.folder-wrapper .desc-col .author {
  color: #4b4b4b;
  margin-top: 0.9375rem;
}
.video-description-wrapper .desc-col .author .verified-account-icon,
.profile-wrapper .desc-col .author .verified-account-icon,
.folder-wrapper .desc-col .author .verified-account-icon {
  position: relative;
  top: 0.125rem;
  left: 0.375rem;
}
.video-description-wrapper .desc-col .author .verified-account-icon img,
.profile-wrapper .desc-col .author .verified-account-icon img,
.folder-wrapper .desc-col .author .verified-account-icon img {
  width: 1rem;
  height: 1rem;
}
.video-description-wrapper .desc-col .navigation,
.profile-wrapper .desc-col .navigation,
.folder-wrapper .desc-col .navigation {
  padding-top: 0.4375rem;
  margin-top: 3.25rem;
  height: 3.375rem;
}
.video-description-wrapper .desc-col .title,
.profile-wrapper .desc-col .title,
.folder-wrapper .desc-col .title {
  color: #000000;
  font-size: 1.75rem;
  margin-top: 0.9375rem;
}
.video-description-wrapper .desc-col .desc,
.profile-wrapper .desc-col .desc,
.folder-wrapper .desc-col .desc {
  height: 18.375rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-description-wrapper .desc-col .desc.desc-premium,
.profile-wrapper .desc-col .desc.desc-premium,
.folder-wrapper .desc-col .desc.desc-premium {
  width: 34.8125rem;
  float: left;
}
.video-description-wrapper .desc-col .desc .desc-txt,
.profile-wrapper .desc-col .desc .desc-txt,
.folder-wrapper .desc-col .desc .desc-txt {
  margin-top: 1.0625rem;
}
.video-description-wrapper .desc-col .desc p,
.profile-wrapper .desc-col .desc p,
.folder-wrapper .desc-col .desc p {
  line-height: 1.3125rem;
  white-space: pre-wrap;
  color: #4b4b4b;
}

.folder-wrapper .head-title {
  margin-top: 1.8125rem;
  position: relative;
  font-size: 1.75rem;
  font-weight: bold;
  padding-left: 4.6875rem;
  background: url(https://smarttv.cda.pl/images/folder-icon.png) no-repeat;
  background-size: 2.1875rem, 2.1875rem;
  background-position: 1.5625rem;
}
.folder-wrapper .strip {
  margin-top: 0.9375rem;
}
.folder-wrapper .user-files-list {
  height: 37.5rem;
  width: 100%;
  overflow: hidden;
  margin-top: 3.125rem;
}
.folder-wrapper ul {
  padding-left: 0.9375rem;
  padding-right: 1.875rem;
  position: relative;
}
.folder-wrapper ul li {
  font-size: 1.125rem;
  padding-left: 3.75rem;
  width: 100%;
  border-bottom: 1px solid #ffffff;
  height: 3.125rem;
  line-height: 3.125rem;
}
.folder-wrapper ul li.folder {
  background: url(https://smarttv.cda.pl/images/folder-icon.png) no-repeat;
  background-size: 2.1875rem, 2.1875rem;
  background-position: 0.625rem;
}
.folder-wrapper ul li.movie {
  background: url(https://smarttv.cda.pl/images/movie-icon.png) no-repeat;
  background-size: 2.1875rem, 2.1875rem;
  background-position: 0.625rem;
}
.cishover .folder-wrapper ul li:focus, .cishover .folder-wrapper ul li:hover, .folder-wrapper ul li.cactive {
  background-color: #141719;
  color: #ffffff;
}
.folder-wrapper .no-items {
  font-size: 1.125rem;
  margin-top: 1.25rem;
}

.profile-wrapper {
  height: 13.75rem;
}
.profile-wrapper.no-image {
  margin-top: 1.875rem;
  height: 8.125rem;
}
.profile-wrapper.no-image .strip {
  margin-top: 0;
}
.profile-wrapper.no-image .profile-bg {
  display: none;
}
.profile-wrapper .desc-col {
  width: 65rem;
}
.profile-wrapper .navigation {
  width: 100% !important;
  margin-top: 0 !important;
}
.profile-wrapper .navigation .login-name {
  padding-top: 0.4375rem;
  width: 43.75rem;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 3.125rem;
}
.profile-wrapper .navigation .verified-account-ico {
  margin-left: 0.625rem;
}
.profile-wrapper .navigation .verified-account-icon img {
  width: 2rem;
  position: absolute;
  margin-left: 0.625rem;
  margin-top: -0.0625rem;
}
.profile-wrapper .navigation button {
  float: right;
}
.profile-wrapper .profile-bg {
  background-position: center;
  background-size: 100%;
  height: 9.8125rem;
  margin-top: -1.3125rem;
  margin-left: -1.3125rem;
}
.profile-wrapper .desc-col .navigation {
  margin-top: 0.5rem;
  margin-left: 0.3125rem;
  font-size: 1.5rem;
  font-weight: bolder;
  word-wrap: no-wrap;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 62.5rem;
}
.profile-wrapper .strip {
  margin-top: 8.5rem;
}
.profile-wrapper .image-col .image {
  margin-top: -0.9375rem;
  width: 5.25rem;
  height: 5.25rem;
}

.undo-strip {
  position: relative;
  cursor: pointer;
  box-shadow: 0.125rem 0.125rem 0.3125rem #9A9B9B, -0.125rem 0.125rem 0.3125rem #9A9B9B;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  background: #b3b3b3;
  width: 5.5625rem;
  z-index: 20;
}
.undo-strip .undo-button {
  position: absolute;
  top: 20rem;
  left: 0.25rem;
  background-image: url("https://smarttv.cda.pl/images/baseline_navigate_before_black_48.png");
  width: 5rem;
  height: 5rem;
  background-size: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
}
.undo-strip.black {
  background: #000;
  box-shadow: inherit;
}
.undo-strip.black .undo-button {
  background-image: url("https://smarttv.cda.pl/images/baseline_navigate_before_white_48.png");
}
.cishover .undo-strip:focus, .undo-strip.cactive {
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  background-color: #141719;
}
.cishover .undo-strip:focus .undo-button, .undo-strip.cactive .undo-button {
  background-image: url("https://smarttv.cda.pl/images/baseline_navigate_before_white_48.png");
}
.cishover .undo-strip:hover {
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  background-color: #535B61;
}
.cishover .undo-strip:hover .undo-button {
  background-image: url("https://smarttv.cda.pl/images/baseline_navigate_before_white_48.png");
}

.home-strip {
  position: absolute;
  cursor: pointer;
  top: 0;
  height: 5.5625rem;
  box-shadow: 0.125rem 0.125rem 0.3125rem #9A9B9B, -0.125rem 0.125rem 0.3125rem #9A9B9B;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  background: #b3b3b3;
  width: 5.5625rem;
  z-index: 20;
}
.home-strip .home-button {
  position: absolute;
  top: 0.875rem;
  left: 0.75rem;
  background-image: url("https://smarttv.cda.pl/images/home-black.png");
  width: 4.0625rem;
  height: 4.0625rem;
  background-size: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
}
.cishover .home-strip:focus, .home-strip.cactive {
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  background-color: #141719;
}
.cishover .home-strip:focus .home-button, .home-strip.cactive .home-button {
  background-image: url("https://smarttv.cda.pl/images/home-white.png");
}
.cishover .home-strip:hover {
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  background-color: #535B61;
}
.cishover .home-strip:hover .home-button {
  background-image: url("https://smarttv.cda.pl/images/home-white.png");
}

.undo-menu {
  width: 5.5625rem;
}

.undo-menu .undo-strip {
  position: absolute;
  height: 39.4375rem;
  bottom: 0;
}

.undo-menu .undo-strip .undo-button {
  top: 16.875rem;
}

.undo-menu.chide-home-strip .home-strip {
  display: none;
}

.undo-menu.chide-home-strip .undo-strip {
  height: 45rem;
}
.undo-menu.chide-home-strip .undo-strip .undo-button {
  top: 20rem;
}

.menu-left {
  float: left;
  z-index: 20;
  box-shadow: 0 0 0.5rem #000000;
  width: 5.5625rem;
  position: relative;
  background: #8d0004;
  overflow: hidden;
  height: 45.0625rem;
}
.menu-left .select-account-menu {
  display: none;
}
.menu-left .select-account-menu {
  margin-top: 0.9375rem;
  margin-left: 6.25rem;
}
.menu-left .select-account-menu .user-avatar {
  cursor: pointer;
  margin-bottom: 1.25rem;
  border-radius: 52%;
  border: 0.1875rem solid transparent;
  overflow: hidden;
  text-align: center;
  position: relative;
  margin-bottom: 0.625rem;
  margin-right: 1.25rem;
  width: 3.125rem;
  height: 3.125rem;
  float: left;
  -moz-transition: border 0.2s ease;
  -o-transition: border 0.2s ease;
  -webkit-transition: border 0.2s ease;
  transition: border 0.2s ease;
}
.menu-left .select-account-menu .user-avatar img {
  width: 100%;
}
.menu-left .select-account-menu .user-avatar.cselected {
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.6);
}
.cishover .menu-left .select-account-menu .user-avatar:focus, .menu-left .select-account-menu .user-avatar.cactive {
  border: 0.1875rem solid #ffffff;
  -moz-transition: border 0.2s ease;
  -o-transition: border 0.2s ease;
  -webkit-transition: border 0.2s ease;
  transition: border 0.2s ease;
}
.cishover .menu-left .select-account-menu .user-avatar:hover {
  border: 0.1875rem solid #535B61;
  -moz-transition: border 0.2s ease;
  -o-transition: border 0.2s ease;
  -webkit-transition: border 0.2s ease;
  transition: border 0.2s ease;
}
.menu-left .cda-logo {
  image-rendering: optimizequality;
  position: absolute;
  left: 1.5625rem;
  background-image: url("https://smarttv.cda.pl/images/logo_cda.png");
  width: 7.5rem;
  height: 2.5rem;
  background-size: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  top: 38.9375rem;
  transform: rotate(-90deg);
  left: -0.9375rem;
  bottom: 3.75rem;
}
.menu-left .list-group {
  width: 19.9375rem;
  margin-top: 1.625rem;
}
.menu-left .list-group .list-group-item {
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  position: relative;
  border-radius: 0;
  cursor: pointer;
  border: 0;
  background: transparent;
  height: 4.0625rem;
  padding-left: 5.5625rem;
  line-height: 4.0625rem;
  padding-top: 0;
  padding-bottom: 0;
  color: #ffffff;
}
.cishover .menu-left .list-group .list-group-item:focus, .menu-left .list-group .list-group-item.cactive {
  background-color: #000000;
  color: #ffffff;
}
.cishover .menu-left .list-group .list-group-item:hover {
  background-color: #3D3D3D;
  color: #ffffff;
}
.menu-left .list-group .list-group-item .cicon {
  -webkit-filter: brightness(100);
  filter: brightness(100);
  width: 2rem;
  height: 2rem;
  background-size: 100%;
  background-repeat: no-repeat;
  top: 1.0625rem;
  left: 1.6875rem;
  position: absolute;
}
.menu-left .list-group .list-group-item .icon-users-video {
  background-image: url("https://smarttv.cda.pl/images/ic_action_list_films.png");
}
.menu-left .list-group .list-group-item .icon-cda-premium-movies {
  background-image: url("https://smarttv.cda.pl/images/ic_action_list_films.png");
}
.menu-left .list-group .list-group-item .icon-cda-premium-tv-series {
  background-image: url("https://smarttv.cda.pl/images/ic_action_tv_series.png");
}
.menu-left .list-group .list-group-item .icon-cda-premium {
  background-image: url("https://smarttv.cda.pl/images/ic_action_important.png");
}
.menu-left .list-group .list-group-item .icon-search {
  background-image: url("https://smarttv.cda.pl/images/ic_action_search.png");
}
.menu-left .list-group .list-group-item .icon-info {
  background-image: url("https://smarttv.cda.pl/images/ic_action_help.png");
}
.menu-left .list-group .list-group-item .icon-settings {
  background-image: url("https://smarttv.cda.pl/images/ic_action_settings.png");
}
.menu-left .list-group .list-group-item .icon-tv {
  background-image: url("https://smarttv.cda.pl/images/ic_action_tv.png");
}
.menu-left .list-group .list-group-item .icon-catchup {
  background-image: url("https://smarttv.cda.pl/images/ic_action_catchup.png");
}
.menu-left .list-group .list-group-item .icon-person {
  background-image: url("https://smarttv.cda.pl/images/ic_action_person.png");
}
.menu-left .list-group .list-group-item .icon-main {
  background-image: url("https://smarttv.cda.pl/images/ic_action_home.png");
}
.menu-left:focus, .menu-left.cactive {
  width: 19.9375rem;
}
.menu-left:focus .select-account-menu, .menu-left.cactive .select-account-menu {
  display: block;
}
.menu-left:focus .cda-logo, .menu-left.cactive .cda-logo {
  opacity: 1;
  top: 41.375rem;
  transform: inherit !important;
  left: 1.5625rem;
}
.menu-left:focus .list-group-item, .menu-left.cactive .list-group-item {
  padding-left: 4.6875rem;
}
.menu-left:focus .list-group-item .cicon, .menu-left.cactive .list-group-item .cicon {
  opacity: 0.5;
}

.list-videos, .main-wrapper {
  float: left;
  color: #000000;
  position: relative;
  overflow: hidden;
  width: 74.4375rem;
  background: #d3d8dd;
  padding-left: 1.0625rem;
  padding-right: 0;
  padding-top: 1.3125rem;
  padding-bottom: 1.3125rem;
}
.list-videos .row-banner-cda, .main-wrapper .row-banner-cda {
  width: 74.4375rem;
  position: relative;
  left: -1.0625rem;
}
.list-videos .banner-cda-wrapper.animation-on *, .main-wrapper .banner-cda-wrapper.animation-on * {
  transition: all 0.1s ease-in-out;
}
.list-videos .banner-cda-wrapper, .main-wrapper .banner-cda-wrapper {
  margin-bottom: 0.625rem;
  position: relative;
  overflow: hidden;
  height: 25.3125rem;
  width: 100%;
  margin-top: 0.9375rem;
}
.list-videos .banner-cda-wrapper .banner-cda-dots, .main-wrapper .banner-cda-wrapper .banner-cda-dots {
  right: 4.125rem;
  bottom: 1.25rem;
  z-index: 3;
  position: absolute;
}
.list-videos .banner-cda-wrapper .banner-cda-dots .dot, .main-wrapper .banner-cda-wrapper .banner-cda-dots .dot {
  height: 0.9375rem;
  width: 0.9375rem;
  background-color: #fff;
  border-radius: 50%;
  margin-left: 0.3125rem;
  color: #fff;
  float: left;
  opacity: 0.4;
}
.cishover .list-videos .banner-cda-wrapper .banner-cda-dots .dot:focus, .list-videos .banner-cda-wrapper .banner-cda-dots .dot.cactive, .cishover .main-wrapper .banner-cda-wrapper .banner-cda-dots .dot:focus, .main-wrapper .banner-cda-wrapper .banner-cda-dots .dot.cactive {
  opacity: 1;
  cursor: pointer;
}
.cishover .list-videos .banner-cda-wrapper .banner-cda-dots .dot:hover, .cishover .main-wrapper .banner-cda-wrapper .banner-cda-dots .dot:hover {
  opacity: 1;
  cursor: pointer;
  background-color: #535B61;
}
.list-videos .banner-cda-wrapper .banner-cda, .main-wrapper .banner-cda-wrapper .banner-cda {
  cursor: pointer;
  left: -125rem;
  background: #c0c5ca;
  width: 69.75rem;
  border-radius: 0.625rem;
  overflow: hidden;
  position: absolute;
  height: 100%;
}
.list-videos .banner-cda-wrapper .banner-cda .banner-cda-frame, .main-wrapper .banner-cda-wrapper .banner-cda .banner-cda-frame {
  position: absolute;
  border: 0.1875rem solid rgba(255, 255, 255, 0.5647058824);
  top: 0.3125rem;
  display: block;
  left: 0.3125rem;
  right: 0.3125rem;
  bottom: 0.3125rem;
  z-index: 4;
  border-radius: 0.4375rem;
  display: none;
  pointer-events: none;
}
.cishover .list-videos .banner-cda-wrapper .banner-cda:focus, .cishover .list-videos .banner-cda-wrapper .banner-cda:hover, .list-videos .banner-cda-wrapper .banner-cda.cactive, .cishover .main-wrapper .banner-cda-wrapper .banner-cda:focus, .cishover .main-wrapper .banner-cda-wrapper .banner-cda:hover, .main-wrapper .banner-cda-wrapper .banner-cda.cactive {
  opacity: 1;
}
.cishover .list-videos .banner-cda-wrapper .banner-cda:focus .banner-cda-frame, .cishover .list-videos .banner-cda-wrapper .banner-cda:hover .banner-cda-frame, .list-videos .banner-cda-wrapper .banner-cda.cactive .banner-cda-frame, .cishover .main-wrapper .banner-cda-wrapper .banner-cda:focus .banner-cda-frame, .cishover .main-wrapper .banner-cda-wrapper .banner-cda:hover .banner-cda-frame, .main-wrapper .banner-cda-wrapper .banner-cda.cactive .banner-cda-frame {
  display: block;
}
.list-videos .banner-cda-wrapper .banner-cda.main-banner, .main-wrapper .banner-cda-wrapper .banner-cda.main-banner {
  left: 2.375rem;
}
.list-videos .banner-cda-wrapper .banner-cda.left-banner, .main-wrapper .banner-cda-wrapper .banner-cda.left-banner {
  left: -68rem;
  opacity: 0.4;
}
.list-videos .banner-cda-wrapper .banner-cda.right-banner, .main-wrapper .banner-cda-wrapper .banner-cda.right-banner {
  left: 72.75rem;
  opacity: 0.4;
}
.list-videos .banner-cda-wrapper .banner-cda .banner-cda-background, .main-wrapper .banner-cda-wrapper .banner-cda .banner-cda-background {
  position: absolute;
  width: 100%;
  left: 0;
  vertival-align: middle;
  z-index: 1;
}
.list-videos .banner-cda-wrapper .banner-cda .banner-cda-background img, .main-wrapper .banner-cda-wrapper .banner-cda .banner-cda-background img {
  width: 100%;
}
.list-videos .banner-cda-wrapper .banner-cda .banner-cda-title-image, .main-wrapper .banner-cda-wrapper .banner-cda .banner-cda-title-image {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}
.list-videos .banner-cda-wrapper .banner-cda .banner-cda-title-image img, .main-wrapper .banner-cda-wrapper .banner-cda .banner-cda-title-image img {
  width: 100%;
}
.list-videos .banner-cda-wrapper.min-banner-cda, .main-wrapper .banner-cda-wrapper.min-banner-cda {
  height: 20.375rem;
}
.list-videos .banner-cda-wrapper.min-banner-cda .banner-cda-dots, .main-wrapper .banner-cda-wrapper.min-banner-cda .banner-cda-dots {
  right: 19.3125rem;
}
.list-videos .banner-cda-wrapper.min-banner-cda .banner-cda, .main-wrapper .banner-cda-wrapper.min-banner-cda .banner-cda {
  width: 54.3125rem;
}
.list-videos .banner-cda-wrapper.min-banner-cda .banner-cda.left-banner, .main-wrapper .banner-cda-wrapper.min-banner-cda .banner-cda.left-banner {
  left: -52.5625rem;
  opacity: 0.4;
}
.list-videos .banner-cda-wrapper.min-banner-cda .banner-cda.right-banner, .main-wrapper .banner-cda-wrapper.min-banner-cda .banner-cda.right-banner {
  left: 57.3125rem;
  opacity: 0.4;
}
.list-videos .banner-premium, .main-wrapper .banner-premium {
  margin-left: 1.25rem;
  width: 100%;
  height: 10.3125rem;
}
.list-videos .banner-premium .banner-wrapper, .main-wrapper .banner-premium .banner-wrapper {
  margin-top: 1.25rem;
  padding: 1.25rem;
  padding-top: 1.4375rem;
  border-radius: 0.625rem;
  height: 7.6875rem;
  padding-left: 1.25rem;
  width: 69.8125rem;
  background: rgb(79, 79, 79);
  color: white;
}
@keyframes blink {
  0% {
    text-shadow: 0 0 0.1875rem #6DA615;
  }
  50% {
    text-shadow: 0 0 0.0625rem #6DA615;
  }
  100% {
    text-shadow: 0 0 0.1875rem #6DA615;
  }
}
@-webkit-keyframes blink {
  0% {
    text-shadow: 0 0 0.3125rem #548b01;
  }
  50% {
    text-shadow: 0 0 0rem #548b01;
  }
  100% {
    text-shadow: 0 0 0.3125rem #548b01;
  }
}
.list-videos .banner-premium .banner-wrapper .col-l, .main-wrapper .banner-premium .banner-wrapper .col-l {
  float: left;
  width: 60%;
}
.list-videos .banner-premium .banner-wrapper .col-l p:first-child, .main-wrapper .banner-premium .banner-wrapper .col-l p:first-child {
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 0.09375rem;
}
.list-videos .banner-premium .banner-wrapper .col-l p:last-child, .main-wrapper .banner-premium .banner-wrapper .col-l p:last-child {
  padding-top: 0.625rem;
  font-size: 1.625rem;
  letter-spacing: 0.09375rem;
}
.list-videos .banner-premium .banner-wrapper .col-l p:last-child .price, .main-wrapper .banner-premium .banner-wrapper .col-l p:last-child .price {
  color: #8CC82F;
  font-weight: bold;
  font-size: 1.875rem;
}
.list-videos .banner-premium .banner-wrapper .col-r, .main-wrapper .banner-premium .banner-wrapper .col-r {
  float: right;
  padding-top: 0.75rem;
  padding-right: 0.6875rem;
}
.list-videos .banner-premium .banner-wrapper .col-r button, .main-wrapper .banner-premium .banner-wrapper .col-r button {
  cursor: pointer;
  font-weight: bold;
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  border-radius: 0.625rem;
  border: none;
  font-size: 1.5rem;
  background-color: #141719;
  color: #ffffff;
  padding: 0.9375rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.cishover .list-videos .banner-premium .banner-wrapper .col-r button:focus, .cishover .main-wrapper .banner-premium .banner-wrapper .col-r button:focus {
  box-shadow: none;
}
.cishover .list-videos .banner-premium .banner-wrapper .col-r button:focus, .cishover .list-videos .banner-premium .banner-wrapper .col-r button:hover, .list-videos .banner-premium .banner-wrapper .col-r button.cactive, .cishover .main-wrapper .banner-premium .banner-wrapper .col-r button:focus, .cishover .main-wrapper .banner-premium .banner-wrapper .col-r button:hover, .main-wrapper .banner-premium .banner-wrapper .col-r button.cactive {
  background-color: #548b01;
  color: #ffffff;
}
.list-videos .all-videos-wrapper, .main-wrapper .all-videos-wrapper {
  overflow: hidden;
  margin-top: 0.9375rem;
}
.list-videos .all-videos-wrapper .all-videos, .main-wrapper .all-videos-wrapper .all-videos {
  position: relative;
}
.list-videos .top-menu, .main-wrapper .top-menu {
  padding-right: 2.3125rem;
  margin-left: 0;
  padding-left: 1.25rem;
}
.list-videos .top-menu .current-view-title, .main-wrapper .top-menu .current-view-title {
  white-space: nowrap;
  font-size: 1.4375rem;
  font-weight: 300;
}
.list-videos .top-menu .days-left, .main-wrapper .top-menu .days-left {
  width: 11.25rem;
  margin-top: -0.25rem;
  white-space: nowrap;
  -moz-transition: color, background 0.2s ease;
  -o-transition: color, background 0.2s ease;
  -webkit-transition: color, background 0.2s ease;
  transition: color, background 0.2s ease;
  cursor: pointer;
  border-radius: 0.3125rem;
  padding-left: 0.875rem;
  height: 2.375rem;
  padding-top: 0.625rem;
}
.cishover .list-videos .top-menu .days-left:focus, .cishover .list-videos .top-menu .days-left:hover, .list-videos .top-menu .days-left.cactive, .cishover .main-wrapper .top-menu .days-left:focus, .cishover .main-wrapper .top-menu .days-left:hover, .main-wrapper .top-menu .days-left.cactive {
  color: #ffffff;
  background: #548b01;
}
.cishover .list-videos .top-menu .days-left:focus .star, .cishover .list-videos .top-menu .days-left:hover .star, .list-videos .top-menu .days-left.cactive .star, .cishover .main-wrapper .top-menu .days-left:focus .star, .cishover .main-wrapper .top-menu .days-left:hover .star, .main-wrapper .top-menu .days-left.cactive .star {
  background-image: url("https://smarttv.cda.pl/images/baseline_star_rate_white_18.png");
}
.list-videos .top-menu .star, .main-wrapper .top-menu .star {
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: middle;
  background-image: url("https://smarttv.cda.pl/images/baseline_star_rate_black_18.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
  top: -0.0625rem;
  left: -0.25rem;
}
.list-videos .top-menu .star-orange, .main-wrapper .top-menu .star-orange {
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: middle;
  margin-left: 0.1875rem;
  position: relative;
  top: -0.0625rem;
}
.list-videos .top-menu .user-info, .main-wrapper .top-menu .user-info {
  margin-top: -0.375rem;
  padding-right: 0.3125rem;
  border-radius: 0.3125rem;
  padding-bottom: 0.25rem;
  padding-left: 0.3125rem;
  cursor: pointer;
}
.cishover .list-videos .top-menu .user-info:focus, .list-videos .top-menu .user-info.cactive, .cishover .main-wrapper .top-menu .user-info:focus, .main-wrapper .top-menu .user-info.cactive {
  background-color: #141719;
  color: #ffffff;
}
.cishover .list-videos .top-menu .user-info:focus .profile-type, .list-videos .top-menu .user-info.cactive .profile-type, .cishover .main-wrapper .top-menu .user-info:focus .profile-type, .main-wrapper .top-menu .user-info.cactive .profile-type {
  background: #141719;
  border-radius: 0.3125rem;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  padding-top: 0.1875rem;
  height: 1.125rem;
  top: 2rem;
  border-top-right-radius: 0px;
}
.cishover .list-videos .top-menu .user-info:hover, .cishover .main-wrapper .top-menu .user-info:hover {
  background-color: #535B61;
  color: #ffffff;
}
.cishover .list-videos .top-menu .user-info:hover .profile-type, .cishover .main-wrapper .top-menu .user-info:hover .profile-type {
  background-color: #535B61;
  border-radius: 0.3125rem;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  padding-top: 0.1875rem;
  height: 1.125rem;
  top: 2rem;
  border-top-right-radius: 0px;
}
.list-videos .top-menu .user-name, .main-wrapper .top-menu .user-name {
  max-width: 15.625rem;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.625rem;
  position: relative;
  top: 0.4375rem;
  padding-left: 0.1875rem;
  padding-right: 0.1875rem;
}
.list-videos .top-menu .profile-type, .main-wrapper .top-menu .profile-type {
  position: absolute;
  font-size: 0.625rem;
  top: 2.1875rem;
  right: 0rem;
  height: 0.9375rem;
  border-radius: 0.3125rem;
  border-top-right-radius: 0px;
}
.list-videos .top-menu .current-view-title, .main-wrapper .top-menu .current-view-title {
  max-width: 26.875rem;
  height: 2.25rem;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-videos .top-menu .current-view-title.full-w, .main-wrapper .top-menu .current-view-title.full-w {
  max-width: 69.375rem;
}
.list-videos .top-menu .current-view-title.tv-station-catchup, .main-wrapper .top-menu .current-view-title.tv-station-catchup {
  padding-left: 4.375rem;
}
.list-videos .top-menu .current-view-title .tv-station-logo, .main-wrapper .top-menu .current-view-title .tv-station-logo {
  width: 3.75rem;
  width: height(90);
  display: inline;
  vertical-align: middle;
  position: absolute;
  left: 0px;
  top: -25px;
}
.list-videos .top-menu .user-avatar, .main-wrapper .top-menu .user-avatar {
  position: relative;
  top: -0.0625rem;
  margin-right: 0.1875rem;
}
.list-videos .top-menu .user-avatar .avatar, .main-wrapper .top-menu .user-avatar .avatar {
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  border-radius: 52%;
}
.list-videos.menu-open, .main-wrapper.menu-open {
  width: 59.0625rem;
}
.list-videos.menu-open .banner-cda-wrapper, .main-wrapper.menu-open .banner-cda-wrapper {
  height: 20.375rem;
}
.list-videos.menu-open .banner-cda-wrapper .banner-cda-dots, .main-wrapper.menu-open .banner-cda-wrapper .banner-cda-dots {
  right: 18.4375rem;
}
.list-videos.menu-open .banner-cda-wrapper .banner-cda, .main-wrapper.menu-open .banner-cda-wrapper .banner-cda {
  width: 55.3125rem;
}
.list-videos.menu-open .banner-cda-wrapper .banner-cda.left-banner, .main-wrapper.menu-open .banner-cda-wrapper .banner-cda.left-banner {
  left: -53.5625rem;
  opacity: 0.4;
}
.list-videos.menu-open .banner-cda-wrapper .banner-cda.right-banner, .main-wrapper.menu-open .banner-cda-wrapper .banner-cda.right-banner {
  left: 58.3125rem;
  opacity: 0.4;
}
.list-videos.menu-open .banner-cda-wrapper .banner-cda-dots .dot, .main-wrapper.menu-open .banner-cda-wrapper .banner-cda-dots .dot {
  width: 0.6875rem;
  height: 0.6875rem;
}
.list-videos.menu-open .banner-wrapper, .main-wrapper.menu-open .banner-wrapper {
  width: 55.375rem;
}
.list-videos.menu-open .banner-wrapper .col-l, .main-wrapper.menu-open .banner-wrapper .col-l {
  width: 54%;
}
.list-videos.menu-open .banner-wrapper .col-l p:first-child, .main-wrapper.menu-open .banner-wrapper .col-l p:first-child {
  font-size: 2.3125rem;
}
.list-videos.menu-open .banner-wrapper .col-l p:last-child, .main-wrapper.menu-open .banner-wrapper .col-l p:last-child {
  padding-top: 0.1875rem;
  font-size: 1.3125rem;
  line-height: 1.5rem;
}
.list-videos.menu-open .banner-wrapper .col-l p:last-child .price, .main-wrapper.menu-open .banner-wrapper .col-l p:last-child .price {
  font-size: 1.5rem;
}
.list-videos.menu-open.min-categories-hide, .main-wrapper.menu-open.min-categories-hide {
  width: 60.0625rem;
}
.list-videos.menu-open .user-name, .main-wrapper.menu-open .user-name {
  max-width: 12.5rem;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-videos.menu-open .current-view-title, .main-wrapper.menu-open .current-view-title {
  max-width: 20rem;
  height: 2.25rem;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-videos.min-categories-open, .main-wrapper.min-categories-open {
  width: 73.4375rem;
}
.list-videos.min-menu-categories-open, .main-wrapper.min-menu-categories-open {
  width: 58.75rem;
}
.list-videos.min-menu-categories-open .user-name, .main-wrapper.min-menu-categories-open .user-name {
  max-width: 12.5rem;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-videos.min-menu-categories-open .current-view-title, .main-wrapper.min-menu-categories-open .current-view-title {
  max-width: 17.5rem;
  height: 2.25rem;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-videos.categories-open, .main-wrapper.categories-open {
  width: 44.375rem;
}
.list-videos.categories-open .cbtn-transparent-big.cbtn-sort, .main-wrapper.categories-open .cbtn-transparent-big.cbtn-sort {
  max-width: 68%;
}
.list-videos.categories-open .user-name, .main-wrapper.categories-open .user-name {
  max-width: 8.125rem;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-videos.categories-open .days-left, .main-wrapper.categories-open .days-left {
  width: 10.9375rem;
  height: 2.75rem;
  font-size: 1rem;
  padding: 0.875rem;
  padding-right: 0;
}
.list-videos.categories-open .days-left .star, .main-wrapper.categories-open .days-left .star {
  top: -1px;
}
.list-videos.categories-open .current-view-title, .main-wrapper.categories-open .current-view-title {
  max-width: 12.5rem;
  height: 2.25rem;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-videos.main-wrapper {
  transition: unset;
}

.cslider {
  overflow: hidden;
  margin-bottom: 1.25rem;
  padding-left: 1.25rem;
  padding-bottom: 1.25rem;
}
.cslider.categories-hero .cslider-item {
  border-radius: 6.25rem !important;
}
.cslider.tv-stations, .cslider.categories {
  padding-bottom: 0;
}
.cslider.tv-stations .cslider-items .cslider-item, .cslider.tv-stations .cslider-items.one-column .cslider-item, .cslider.categories .cslider-items .cslider-item, .cslider.categories .cslider-items.one-column .cslider-item {
  padding-bottom: 0;
  margin-bottom: 1.6875rem;
  border-radius: 0.125rem;
}
.cishover .cslider.tv-stations .cslider-items .cslider-item:focus .image, .cslider.tv-stations .cslider-items .cslider-item.cactive .image, .cishover .cslider.tv-stations .cslider-items.one-column .cslider-item:focus .image, .cslider.tv-stations .cslider-items.one-column .cslider-item.cactive .image, .cishover .cslider.categories .cslider-items .cslider-item:focus .image, .cslider.categories .cslider-items .cslider-item.cactive .image, .cishover .cslider.categories .cslider-items.one-column .cslider-item:focus .image, .cslider.categories .cslider-items.one-column .cslider-item.cactive .image {
  background-color: #141719;
}
.cishover .cslider.tv-stations .cslider-items .cslider-item:hover .image, .cishover .cslider.tv-stations .cslider-items.one-column .cslider-item:hover .image, .cishover .cslider.categories .cslider-items .cslider-item:hover .image, .cishover .cslider.categories .cslider-items.one-column .cslider-item:hover .image {
  background-color: #535B61;
}
.cslider.tv-stations .cslider-items .cslider-item .image, .cslider.tv-stations .cslider-items.one-column .cslider-item .image, .cslider.categories .cslider-items .cslider-item .image, .cslider.categories .cslider-items.one-column .cslider-item .image {
  border-radius: 0.125rem;
  text-align: center;
  height: 10.875rem;
}
.cslider.tv-stations .cslider-items .cslider-item .image .more-txt, .cslider.tv-stations .cslider-items.one-column .cslider-item .image .more-txt, .cslider.categories .cslider-items .cslider-item .image .more-txt, .cslider.categories .cslider-items.one-column .cslider-item .image .more-txt {
  margin-top: 5rem;
}
.cslider.tv-stations .cslider-items .cslider-item .image img, .cslider.tv-stations .cslider-items.one-column .cslider-item .image img, .cslider.categories .cslider-items .cslider-item .image img, .cslider.categories .cslider-items.one-column .cslider-item .image img {
  width: 10.875rem;
  height: 10.875rem;
}
.cslider.categories {
  margin-bottom: 0.8125rem;
}
.cslider.categories .cslider-items .cslider-item, .cslider.categories .cslider-items.one-column .cslider-item {
  margin-bottom: 0.5rem;
  width: 9.6875rem;
  height: 9.6875rem;
  border-radius: 0.9375rem;
  margin-left: 0.4375rem;
  background: #c0c5ca;
}
.cslider.categories .cslider-items .cslider-item .image, .cslider.categories .cslider-items.one-column .cslider-item .image {
  background-color: transparent;
  padding-top: 0.3125rem;
}
.cslider.categories .cslider-items .cslider-item .image img, .cslider.categories .cslider-items.one-column .cslider-item .image img {
  width: 9rem;
  height: 9rem;
}
.cslider.categories.categories-big .cslider-item {
  width: 13.375rem;
  height: 13.375rem;
  border-radius: 1.25rem;
  margin-left: 0.625rem;
}
.cslider.categories.categories-big .cslider-item .image {
  height: 13.4375rem;
}
.cslider.categories.categories-big .cslider-item .image img {
  width: 12.75rem;
  height: 12.75rem;
}
.cslider.categories-collections .cslider-items .cslider-item, .cslider.categories-collections .cslider-items.one-column .cslider-item {
  margin-bottom: 0.8125rem;
  width: 16.25rem;
  height: 16.25rem;
}
.cslider.categories-collections .cslider-items .cslider-item .image, .cslider.categories-collections .cslider-items.one-column .cslider-item .image {
  width: 16.25rem;
  height: 16.25rem;
}
.cslider.categories-collections .cslider-items .cslider-item .image img, .cslider.categories-collections .cslider-items.one-column .cslider-item .image img {
  border-radius: 0.6875rem !important;
  width: 15.625rem;
  height: 15.625rem;
}
.cslider.tv-stations {
  background-color: #141719;
  color: white;
  padding-top: 0.9375rem;
  border-top-left-radius: 0.3125rem;
  border-bottom-left-radius: 0.3125rem;
}
.cslider.tv-stations.tv-stations-list {
  background-color: #d3d8dd;
}
.cslider.tv-stations .cslider-items:not(.tv-stations-items) .cslider-item {
  width: 6.875rem;
  margin-bottom: 1.25rem;
}
.cslider.tv-stations .cslider-items:not(.tv-stations-items) .cslider-item .image {
  height: 6.875rem;
  background-color: #141719 !important;
}
.cslider.tv-stations .cslider-items:not(.tv-stations-items) .cslider-item .image.more {
  background: #4f4f4f !important;
}
.cslider.tv-stations .cslider-items:not(.tv-stations-items) .cslider-item .image img {
  width: 6.25rem !important;
  height: 6.25rem !important;
  padding-top: 0.625rem;
}
.cishover .cslider.tv-stations .cslider-items:not(.tv-stations-items) .cslider-item:focus .image, .cishover .cslider.tv-stations .cslider-items:not(.tv-stations-items) .cslider-item:hover .image, .cslider.tv-stations .cslider-items:not(.tv-stations-items) .cslider-item.cactive .image {
  background-color: #c0c5ca !important;
}
.cslider.tv-stations .cslider-items:not(.tv-stations-items) .cslider-item .more-txt {
  margin-top: 3.0625rem;
  font-size: 0.875rem;
}
.cslider.cda-cinema {
  background-color: #141719;
  color: white;
  padding-top: 0.9375rem;
  border-top-left-radius: 0.3125rem;
  border-bottom-left-radius: 0.3125rem;
}
.cslider.cda-cinema .premiere-box {
  position: absolute;
  bottom: 0rem;
  height: 4.375rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  opacity: 0.8;
  text-align: center;
  width: 100%;
  background-color: #000000;
  line-height: 1.375rem;
}
.cslider.cda-cinema .title {
  font-weight: 600;
  font-size: 1.625rem;
}
.cishover .cslider.cda-cinema .cslider-items .cslider-item:focus .video-title, .cishover .cslider.cda-cinema .cslider-items .cslider-item:hover .video-title, .cslider.cda-cinema .cslider-items .cslider-item.cactive .video-title {
  background-color: #ffffff;
  color: #000000;
}
.cslider.banner {
  width: 100%;
}
.cslider.banner .banner-wrapper {
  margin-top: 1.25rem;
  padding: 1.25rem;
  padding-top: 1.4375rem;
  border-radius: 0.625rem;
  height: 7.6875rem;
  padding-left: 1.25rem;
  width: 70rem;
  background: rgb(79, 79, 79);
  color: white;
}
@keyframes blink {
  0% {
    text-shadow: 0 0 0.1875rem #6DA615;
  }
  50% {
    text-shadow: 0 0 0.0625rem #6DA615;
  }
  100% {
    text-shadow: 0 0 0.1875rem #6DA615;
  }
}
@-webkit-keyframes blink {
  0% {
    text-shadow: 0 0 0.3125rem #548b01;
  }
  50% {
    text-shadow: 0 0 0rem #548b01;
  }
  100% {
    text-shadow: 0 0 0.3125rem #548b01;
  }
}
.cslider.banner .banner-wrapper .col-l {
  float: left;
  width: 60%;
}
.cslider.banner .banner-wrapper .col-l p:first-child {
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 0.09375rem;
}
.cslider.banner .banner-wrapper .col-l p:last-child {
  padding-top: 0.625rem;
  font-size: 1.625rem;
  letter-spacing: 0.09375rem;
}
.cslider.banner .banner-wrapper .col-l p:last-child .price {
  color: #8CC82F;
  font-weight: bold;
  font-size: 1.875rem;
}
.cslider.banner .banner-wrapper .col-r {
  float: right;
  padding-top: 0.75rem;
  padding-right: 0.6875rem;
}
.cslider.banner .banner-wrapper .col-r button {
  cursor: pointer;
  font-weight: bold;
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  border-radius: 0.625rem;
  border: none;
  font-size: 1.5rem;
  background-color: #141719;
  color: #ffffff;
  padding: 0.9375rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.cishover .cslider.banner .banner-wrapper .col-r button:focus {
  box-shadow: none;
}
.cishover .cslider.banner .banner-wrapper .col-r button:focus, .cishover .cslider.banner .banner-wrapper .col-r button:hover, .cslider.banner .banner-wrapper .col-r button.cactive {
  background-color: #548b01;
  color: #ffffff;
}
.cslider.mundial .cslider-items .cslider-item {
  width: 16.875rem !important;
}
.cslider.mundial .cslider-items .cslider-item .live {
  color: #ffffff;
  position: absolute;
  bottom: 0.1875rem;
  right: 0.1875rem;
  background: #8d0004;
  padding: 0.1875rem;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}
.cishover .cslider.mundial .cslider-items .cslider-item:focus, .cishover .cslider.mundial .cslider-items .cslider-item:hover, .cslider.mundial .cslider-items .cslider-item.cactive {
  transform: scale(1.05);
}
.cishover .cslider.mundial .cslider-items .cslider-item:focus .video-title .b-line .s-time, .cishover .cslider.mundial .cslider-items .cslider-item:hover .video-title .b-line .s-time, .cslider.mundial .cslider-items .cslider-item.cactive .video-title .b-line .s-time {
  font-size: 0.9375rem;
  color: #ffffff;
}
.cslider.mundial .cslider-items .cslider-item .image {
  height: 9.5rem;
}
.cslider.mundial .cslider-items .cslider-item .video-title .s-title {
  width: 13.125rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.125rem;
}
.cslider.mundial .cslider-items .cslider-item .video-title .b-line {
  position: relative;
}
.cslider.mundial .cslider-items .cslider-item .video-title .b-line .s-station {
  position: absolute;
  right: 0rem;
  bottom: 0rem;
  width: 3.125rem;
  height: 3.125rem;
}
.cslider.mundial .cslider-items .cslider-item .video-title .b-line .s-station img {
  width: 100%;
  height: 100%;
}
.cslider.mundial .cslider-items .cslider-item .video-title .b-line .s-time {
  font-size: 0.9375rem;
  color: #4f4f4f;
  width: 12.5rem;
  overflow: hidden;
}
.cslider .loading {
  top: 50%;
}
.cslider .title {
  font-weight: 400;
  font-size: 1.375rem;
}
.cslider.cslider-video {
  position: absolute;
  top: 0;
  background: #0b0b0b;
  left: 0;
  padding-left: 2.25rem;
  z-index: 10;
  height: 100%;
  width: 74.4375rem;
}
.cslider.cslider-video .top, .cslider.cslider-video .down {
  height: 3.125rem;
  width: 3.125rem;
  border-radius: 0.625rem;
  border: 0;
  position: absolute;
  left: 35.9375rem;
  z-index: 500;
  opacity: 0.2;
}
.cslider.cslider-video .top {
  background: rgba(0, 0, 0, 0) url(https://smarttv.cda.pl/images/baseline_navigate_before_white_top_48.png) no-repeat;
  background-position: center 230%;
  background-size: 90% 90%;
  top: -1.25rem;
}
.cishover .cslider.cslider-video .top:focus, .cslider.cslider-video .top.cactive {
  opacity: 1;
  background-color: #888888;
  border: 0;
  color: #fff;
  background-image: url(https://smarttv.cda.pl/images/baseline_navigate_before_white_top_48.png);
}
.cishover .cslider.cslider-video .top:hover {
  opacity: 1;
  background-color: #b3b3b3;
  border: 0;
  background-image: url(https://smarttv.cda.pl/images/baseline_navigate_before_white_top_48.png);
}
.cslider.cslider-video .down {
  background: rgba(0, 0, 0, 0) url(https://smarttv.cda.pl/images/baseline_navigate_before_white_down_48.png) no-repeat;
  background-position: center -130%;
  background-size: 90% 90%;
  bottom: -1.25rem;
}
.cishover .cslider.cslider-video .down:focus, .cslider.cslider-video .down.cactive {
  opacity: 1;
  background-color: #888888;
  border: 0;
  background-image: url(https://smarttv.cda.pl/images/baseline_navigate_before_white_down_48.png);
}
.cishover .cslider.cslider-video .down:hover {
  opacity: 1;
  background-color: #b3b3b3;
  border: 0;
  background-image: url(https://smarttv.cda.pl/images/baseline_navigate_before_white_down_48.png);
}
.cslider.cslider-video .cslider-items {
  position: absolute !important;
  bottom: 2rem;
  z-index: 500;
}
.cslider.cslider-video .cslider-item .video-title {
  display: none;
}
.cslider.cslider-video .cslider-item .image {
  border-radius: 0.125rem;
}
.cslider.cslider-collections-similar {
  padding-left: 2.25rem;
  padding-bottom: 0.75rem;
  z-index: 10;
  height: 100%;
  width: 74.4375rem;
}
.cslider.cslider-collections-similar .title {
  position: relative;
  color: #fff !important;
}
.cslider.cslider-collections-similar .cslider-items {
  z-index: 500;
}
.cslider.cslider-collections-similar .cslider-item .video-title {
  background: black;
  color: white;
}
.cslider.cslider-collections-similar .cslider-item .image {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.cslider.cslider-collections {
  padding-left: 2.25rem;
  padding-bottom: 0.5rem;
  z-index: 10;
  height: 100%;
  width: 74.4375rem;
}
.cslider.cslider-collections .title {
  display: none;
}
.cslider.cslider-collections .cslider-items {
  z-index: 500;
}
.cslider.cslider-collections .cslider-item.item-big {
  width: 22.5rem !important;
}
.cishover .cslider.cslider-collections .cslider-item.item-big:focus, .cslider.cslider-collections .cslider-item.item-big.cactive {
  z-index: 1000;
  position: relative;
}
.cishover .cslider.cslider-collections .cslider-item.item-big:focus .image, .cslider.cslider-collections .cslider-item.item-big.cactive .image {
  border-radius: 0.3125rem;
}
.cishover .cslider.cslider-collections .cslider-item.item-big:hover {
  z-index: 1000;
  position: relative;
}
.cishover .cslider.cslider-collections .cslider-item.item-big:hover .image {
  border-radius: 0.3125rem;
}
.cslider.cslider-collections .cslider-item .video-title {
  background: black;
  color: white;
  height: 2.125rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cslider.cslider-collections .cslider-item .image {
  height: 12.65625rem !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.cslider .cslider-video-wrapper {
  width: 100%;
  height: 23.25rem;
}
.cslider .cslider-video-wrapper .l-col {
  width: 31.875rem;
  height: 28.125rem;
  overflow: hidden;
  position: absolute;
  padding-top: 1.75rem;
  left: 2.25rem;
  z-index: 200;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem #000;
}
.cslider .cslider-video-wrapper .l-col .vw-title {
  font-weight: bold;
  font-size: 3.5rem;
  line-height: 3.75rem;
  color: #fff;
  animation: textShadowShrink 2s infinite;
  word-wrap: anywhere;
}
.cslider .cslider-video-wrapper .l-col .vw-title img {
  max-height: 7.3125rem;
}
.cslider .cslider-video-wrapper .l-col .vw-info {
  font-weight: bold;
  font-size: 1.375rem;
  padding-top: 1.0625rem;
  color: #d4c6c7;
  width: 18.75rem;
}
.cslider .cslider-video-wrapper .l-col .vw-description {
  font-size: 1.375rem;
  padding-top: 1.25rem;
  line-height: 1.875rem;
  width: 18.75rem;
  color: #d4c6c7;
}
.cslider .cslider-video-wrapper .r-col {
  z-index: 100;
  overflow: hidden;
  position: absolute;
  width: auto;
  height: 29.25rem;
  right: 0;
  padding-top: 0rem;
}
.cslider .cslider-video-wrapper .r-col.fade-out {
  opacity: 0;
  animation: fadeOut 1s ease-in-out;
}
.cslider .cslider-video-wrapper .r-col.fade-in {
  opacity: 1;
  animation: fadeIn 1s ease-in-out;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.cslider .cslider-video-wrapper .r-col img {
  width: 100%;
}
.cslider .cslider-video-wrapper .r-col video {
  height: 29.25rem;
}
.cslider .cslider-video-wrapper .r-col .vw-video-wrapper-border {
  width: 159.375rem;
  height: 44.5625rem;
  z-index: 120;
  left: -7.1875rem;
  border: 6.875rem solid #0b0b0b;
  position: absolute;
  border-radius: 78.125rem;
  border-bottom-left-radius: 64.375rem;
  top: -8.3125rem;
  pointer-events: none;
  display: none;
}
.cslider .cslider-video-wrapper .r-col .vw-video-wrapper-shadow {
  position: absolute;
  width: 159.375rem;
  height: 31.4375rem;
  z-index: 100;
  left: -0.3125rem;
  top: -2.0625rem;
  pointer-events: none;
  box-shadow: inset 6.25rem 1.875rem 6.25rem #0b0b0b, inset 0.3125rem 0.3125rem 0.3125rem #0b0b0b, inset 6.25rem -1.875rem 6.25rem #0b0b0b, inset 0.3125rem -0.3125rem 0.3125rem #0b0b0b;
}
.cslider .cclear {
  clear: both;
}
.cslider .cslider-items {
  width: 62500rem;
  margin-top: 1.25rem;
  position: relative;
}
.cslider .cslider-items .video-title {
  text-align: center;
}
.cslider .cslider-items.big-items .cslider-item {
  width: 14.375rem;
}
.cslider .cslider-items.big-items .cslider-item .image {
  height: 8.25rem;
}
.cslider .cslider-items.big-items .cslider-item .image .more-txt {
  margin-top: 3.6875rem;
}
.cslider .cslider-items.big-items .cslider-item .image .item-counter {
  padding-top: 3.625rem;
}
.cslider .cslider-items .cslider-item.item-big-poster {
  margin-left: 0.6875rem;
  width: 17.1875rem;
}
.cslider .cslider-items .cslider-item.item-big-poster .image {
  height: 9.668125rem;
}
.cslider .cslider-items .cslider-item.item-big-poster .image .more-txt {
  margin-top: 4.375rem;
}
.cslider .cslider-items .cslider-item.item-big-poster .image .item-counter {
  padding-top: 4.375rem;
}
.cslider .cslider-items.one-column {
  width: 75rem;
}
.cslider .cslider-items.one-column .cslider-item {
  width: 13.375rem;
  padding-bottom: 1.6875rem;
  margin-left: 0.75rem;
}
.cslider .cslider-items.one-column .cslider-item .image {
  bacground-color: #4f4f4f;
  height: 7.75rem;
}
.cslider .cslider-items.one-column .cslider-item:nth-child(5n+1) {
  margin-left: 0;
}
.cslider .cslider-items.one-column .cslider-item.item-big {
  width: 13.375rem;
}
.cslider .cslider-items.one-column .cslider-item.item-big .image {
  height: 18.6875rem;
}
.cslider .cslider-items.items-top {
  left: -2.875rem;
  position: relative;
  padding-top: 1.125rem;
}
.cslider .cslider-items .cslider-item {
  width: 16.8125rem;
  overflow: hidden;
  float: left;
  margin-left: 0.75rem;
  cursor: pointer;
}
.cslider .cslider-items .cslider-item:first-child {
  margin-left: 0px;
}
.cishover .cslider .cslider-items .cslider-item:focus, .cslider .cslider-items .cslider-item.cactive {
  transform: scale(1.07);
}
.cishover .cslider .cslider-items .cslider-item:focus .video-title, .cslider .cslider-items .cslider-item.cactive .video-title {
  background-color: #141719;
  color: #ffffff;
}
.cishover .cslider .cslider-items .cslider-item:focus .image, .cslider .cslider-items .cslider-item.cactive .image {
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
}
.cishover .cslider .cslider-items .cslider-item:hover {
  transform: scale(1.07);
}
.cishover .cslider .cslider-items .cslider-item:hover .video-title {
  background-color: #535B61;
  color: #ffffff;
}
.cishover .cslider .cslider-items .cslider-item:hover .image {
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
}
.cslider .cslider-items .cslider-item .image {
  background-color: #c0c5ca;
  width: 100%;
  border-top-left-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
  height: 9.4375rem;
  overflow: hidden;
  position: relative;
}
.cslider .cslider-items .cslider-item .image.more {
  background: #4f4f4f;
}
.cslider .cslider-items .cslider-item .image .time {
  position: absolute;
  bottom: 0.3125rem;
  right: 0.3125rem;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.7);
  padding: 0.3125rem;
  font-size: 0.875rem;
  z-index: 101;
}
.cslider .cslider-items .cslider-item .image .item-counter {
  background: rgba(0, 0, 0, 0.75);
  height: 100%;
  width: 5.9375rem;
  position: absolute;
  right: 0px;
  top: 0px;
  color: white;
  font-weight: bold;
  pointer-events: none;
  z-index: 5;
  text-align: center;
  height: 100%;
  font-size: 0.875rem;
  padding-top: 3.1875rem;
}
.cslider .cslider-items .cslider-item .image .premium-strip {
  position: absolute;
  bottom: 0.3125rem;
  left: 0.3125rem;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.7);
  padding: 0.3125rem;
  font-size: 0.875rem;
}
.cslider .cslider-items .cslider-item .image .catchup-strip {
  position: absolute;
  bottom: 0.3125rem;
  left: 0.3125rem;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.7);
  padding: 0.1875rem;
  font-size: 0.875rem;
}
.cslider .cslider-items .cslider-item .image .catchup-strip .tv-station-logo {
  float: left;
}
.cslider .cslider-items .cslider-item .image .catchup-strip .tv-station-logo img {
  width: 2rem;
  height: 2rem;
  padding-left: 0.1875rem;
}
.cslider .cslider-items .cslider-item .image .catchup-strip .catchup-info {
  padding-top: 0.0625rem;
  font-size: 0.75rem;
  float: left;
  padding-left: 0.1875rem;
  padding-right: 0.1875rem;
}
.cslider .cslider-items .cslider-item .image .catchup-strip .catchup-info p {
  line-height: 0.875rem;
}
.cslider .cslider-items .cslider-item .image .cprogress-bar {
  z-index: 9;
  position: absolute;
  bottom: 0px;
  height: 0.3125rem;
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
}
.cslider .cslider-items .cslider-item .image .cprogress-bar .cprogress {
  -moz-transition: width 0.2s ease;
  -o-transition: width 0.2s ease;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
  position: absolute;
  bottom: 0px;
  background: #8d0004;
  height: 0.3125rem;
}
.cslider .cslider-items .cslider-item .image img {
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}
.cslider .cslider-items .cslider-item .image .more-txt {
  color: #ffffff;
  margin-top: 3.1875rem;
  font-weight: 700;
}
.cslider .cslider-items .cslider-item.item-big {
  width: 10.4375rem;
}
.cslider .cslider-items .cslider-item.item-big .more-txt {
  margin-top: 7.3125rem;
}
.cslider .cslider-items .cslider-item.item-big .image {
  width: 100%;
  height: 14.5625rem;
}
.cslider .cslider-items .cslider-item.item-big .new-video {
  position: absolute;
  bottom: 0.3125rem;
  right: 0.3125rem;
  color: #ffffff;
  background: rgba(226, 133, 37, 0.8);
  padding: 0.3125rem;
  font-size: 0.875rem;
  z-index: 90;
}
.cslider .cslider-items .cslider-item.item-biggest {
  width: 13.375rem !important;
}
.cslider .cslider-items .cslider-item.item-biggest .image {
  height: 18.6875rem !important;
}
.cslider .cslider-items .cslider-item.item-biggest .image .more-txt {
  margin-top: 9.0625rem;
}
.cslider .cslider-items .cslider-item.item-biggest .new-video {
  position: absolute;
  bottom: 0.3125rem;
  right: 0.3125rem;
  color: #ffffff;
  background: rgba(226, 133, 37, 0.8);
  padding: 0.3125rem;
  font-size: 0.875rem;
  z-index: 90;
}
.cslider .cslider-items .cslider-item.item-top {
  width: 17.625rem;
}
.cslider .cslider-items .cslider-item.item-top .image {
  border-radius: 0.3125rem !important;
}
.cishover .cslider .cslider-items .cslider-item.item-top:focus, .cslider .cslider-items .cslider-item.item-top.cactive {
  transform: scale(1.13);
}
.cishover .cslider .cslider-items .cslider-item.item-top:focus .image, .cslider .cslider-items .cslider-item.item-top.cactive .image {
  border: 0.1875rem solid #141719;
  background: #141719;
  border-radius: 0.3125rem !important;
  border-bottom-left-radius: 0.3125rem !important;
  border-bottom-right-radius: 0.3125rem !important;
  box-shadow: -3px 3px 2px rgba(154, 155, 155, 0.3);
}
.cishover .cslider .cslider-items .cslider-item.item-top:hover {
  transform: scale(1.12);
}
.cishover .cslider .cslider-items .cslider-item.item-top:hover .image {
  border: 0.1875rem solid #535B61;
  background: #141719;
  border-radius: 0.3125rem !important;
  border-bottom-left-radius: 0.3125rem !important;
  border-bottom-right-radius: 0.3125rem !important;
  box-shadow: -3px 3px 2px rgba(154, 155, 155, 0.3);
}
.cslider .cslider-items .cslider-item.item-top .l-col {
  height: 15.5rem;
  float: left;
  width: 7.1875rem;
  overflow: hidden;
}
.cslider .cslider-items .cslider-item.item-top .l-col img {
  width: 7.1875rem;
}
.cslider .cslider-items .cslider-item.item-top .r-col {
  width: 10.4375rem;
  float: left;
}
.cslider .cslider-items .cslider-item.item-top-biggest {
  width: 23.75rem;
}
.cslider .cslider-items .cslider-item.item-top-biggest .image {
  border-radius: 0.3125rem !important;
}
.cishover .cslider .cslider-items .cslider-item.item-top-biggest:focus, .cslider .cslider-items .cslider-item.item-top-biggest.cactive {
  transform: scale(1.13);
}
.cishover .cslider .cslider-items .cslider-item.item-top-biggest:focus .image, .cslider .cslider-items .cslider-item.item-top-biggest.cactive .image {
  border: 0.1875rem solid #141719;
  background: #141719;
  border-radius: 0.3125rem !important;
  border-bottom-left-radius: 0.3125rem !important;
  border-bottom-right-radius: 0.3125rem !important;
  box-shadow: -3px 3px 2px rgba(154, 155, 155, 0.3);
}
.cishover .cslider .cslider-items .cslider-item.item-top-biggest:hover {
  transform: scale(1.12);
}
.cishover .cslider .cslider-items .cslider-item.item-top-biggest:hover .image {
  border: 0.1875rem solid #535B61;
  background: #141719;
  border-radius: 0.3125rem !important;
  border-bottom-left-radius: 0.3125rem !important;
  border-bottom-right-radius: 0.3125rem !important;
  box-shadow: -3px 3px 2px rgba(154, 155, 155, 0.3);
}
.cslider .cslider-items .cslider-item.item-top-biggest .l-col {
  height: 19.5rem;
  float: left;
  width: 9.375rem;
  overflow: hidden;
}
.cslider .cslider-items .cslider-item.item-top-biggest .l-col img {
  width: 9.375rem;
  margin-top: 0.125rem;
}
.cslider .cslider-items .cslider-item.item-top-biggest .r-col {
  height: 19.5rem;
  width: 13.75rem;
  float: left;
}
.cslider .cslider-items .cslider-item.item-top-biggest .r-col .image {
  height: 19.25rem;
}
.cslider .cslider-items .video-title {
  padding-left: 0.4375rem;
  padding-right: 0.4375rem;
  padding-top: 0.1875rem;
  paddingbottom: 0.3125rem;
  font-size: 1.1875rem;
  line-height: 1.625rem;
  height: 3.6875rem;
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
  overflow: hidden;
}

/* SWITCH */
.cswitch {
  margin-top: 0.5625rem;
  margin-left: 1.25rem;
  cursor: pointer;
  position: relative;
  width: 2.5rem;
  height: 1.3125rem;
}
.cswitch .cline {
  margin-top: 0.625rem;
  margin-top: 0.25rem;
  width: 2.5rem;
  height: 0.8125rem;
  background: #b3b3b3;
  border-radius: 0.625rem;
}
.cswitch .ccircle {
  -moz-transition: left 0.2s ease, background-color 0.2s ease;
  -o-transition: left 0.2s ease, background-color 0.2s ease;
  -webkit-transition: left 0.2s ease, background-color 0.2s ease;
  transition: left 0.2s ease, background-color 0.2s ease;
  width: 1.25rem;
  height: 1.3125rem;
  background: #ffffff;
  top: 0rem;
  left: 0;
  position: absolute;
  border-radius: 0.625rem;
  box-shadow: 0 0 0.3125rem #d3d8dd;
}
.cswitch.cfocus .ccircle:after {
  content: "";
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  background: transparent;
  border: 0.625rem solid rgba(72, 70, 70, 0.5);
  right: -0.625rem;
  top: -0.625rem;
  border-radius: 6.25rem;
  cursor: pointer;
  z-index: 1;
}
.cswitch.cactive .ccircle {
  left: 1.25rem;
  background-color: #141719;
  -moz-transition: left 0.2s ease, background-color 0.2s ease;
  -o-transition: left 0.2s ease, background-color 0.2s ease;
  -webkit-transition: left 0.2s ease, background-color 0.2s ease;
  transition: left 0.2s ease, background-color 0.2s ease;
  box-shadow: 0 0 0.3125rem #d3d8dd;
}

/* CONNECTION ERROR */
.connection-error {
  box-shadow: 0 0 0.3125rem #000;
  width: 31.25rem;
  height: 18.75rem;
  position: absolute;
  text-align: center;
  z-index: 100;
  left: 28%;
  top: 13.375rem;
  background: #d3d8dd;
  border-radius: 0.3125rem;
}
.connection-error.player-mode {
  z-index: 1000001;
  margn: 0 auto;
  margin-left: 1.8125rem;
  height: 15.3125rem;
}
.connection-error .connection-icon img {
  width: 8rem;
}
.connection-error .connection-txt1 {
  font-size: 2.0625rem;
  margin-top: 0.625rem;
}
.connection-error .connection-txt2 {
  font-size: 1.4375rem;
  margin-top: 1.5625rem;
}
.connection-error .cbtn-reset-connection {
  margin-top: 1.5625rem;
}

/* PROGRESS BAR */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.loading {
  z-index: 10001;
  position: absolute;
  top: 21.875rem;
  right: 52%;
  width: 1.375rem;
  height: 1.375rem;
  margin: -0.875rem 0rem 0rem -0.875rem;
}
.loading.player-mode {
  right: 40.625rem;
}
.loading.slider-mode {
  top: 50%;
}

.loading .maskedCircle {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 12.5rem;
  border: 0.25rem solid #8d0004;
}

.loading .mask {
  width: 2.5rem;
  overflow: hidden;
}

.loading .spinner {
  position: absolute;
  left: 0.0625rem;
  top: 0.0625rem;
  width: 3.75rem;
  height: 3.75rem;
  animation: spin 1s infinite linear;
}

/* ALERT */
.calert {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1000000;
  background: rgba(0, 0, 0, 0.6);
}
.calert .title {
  font-weight: bold;
  font-size: 1.5rem;
}
.calert .cform {
  margin-top: 1.25rem;
}
.calert .cform input[type=password] {
  font-family: "Roboto";
  width: 100%;
  border: 0.1875rem solid #d3d8dd;
  background: #efefef;
  height: 3.125rem;
  padding: 0.625rem;
  border-radius: 0.1875rem;
}
.calert.min-width .msg {
  width: 40%;
}
.calert.min-width .btn-wrapper {
  margin-top: 1.25rem !important;
}
.calert .msg {
  position: absolute;
  background: #ffffff;
  border-radius: 0.625rem;
  z-index: 100;
  font-weight: 400;
  color: #ffffff;
  left: 50%;
  top: 30%;
  font-size: 1.125rem;
  width: 50%;
  box-shadow: 0 0 3px #b3b3b3;
  transform: translateX(-50%);
  padding: 1.25rem;
  color: #000000;
  line-height: 1.4375rem;
}
.calert .msg .loading-wrapper {
  display: none;
}
.calert .msg .success-wrapper {
  display: none;
}
.calert .msg.el-success .inside-content-wrapper {
  display: none;
}
.calert .msg.el-success .success-wrapper {
  display: block;
}
.calert .msg.el-success .icon-wrapper {
  width: 5rem;
  height: 5rem;
  color: #487500;
  margin: 0 auto;
  margin-top: 1.875rem;
}
.calert .msg.el-success .info {
  padding-top: 0.8125rem !important;
  padding-bottom: 0.125rem !important;
}
.calert .msg.el-loading .btn-wrapper {
  display: none;
}
.calert .msg.el-loading .inside-content-wrapper {
  display: none;
}
.calert .msg.el-loading .footer {
  display: none;
}
.calert .msg.el-loading .loading-wrapper {
  display: block;
}
.calert .msg.el-loading .loading-wrapper .phone-wrapper {
  text-align: center;
  position: relative;
  margin-top: 2.5rem;
}
.calert .msg.el-loading .loading-wrapper .phone-wrapper .phone img {
  width: 11.25rem;
}
.calert .msg.el-loading .loading-wrapper .phone-wrapper .touch-app {
  position: absolute;
  top: 3.125rem;
  right: 13.4375rem;
  animation: MoveUpDown 1s linear infinite;
}
.calert .msg.el-loading .loading-wrapper .phone-wrapper .touch-app img {
  width: 5rem;
}
@keyframes MoveUpDown {
  0%, 100% {
    top: 2.8125rem;
  }
  50% {
    top: 3.125rem;
  }
}
.calert .msg.el-loading .loading-wrapper .info {
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #444;
  padding-bottom: 0.9375rem !important;
}
.calert .msg.blik-payment, .calert .msg.send-sms, .calert .msg.adult-content {
  width: 35.625rem;
  left: 40rem;
  top: 6.25rem;
}
.calert .msg.blik-payment .blik-logo, .calert .msg.send-sms .blik-logo, .calert .msg.adult-content .blik-logo {
  float: left;
}
.calert .msg.blik-payment .blik-logo img, .calert .msg.send-sms .blik-logo img, .calert .msg.adult-content .blik-logo img {
  width: 2rem;
  height: 2rem;
}
.calert .msg.blik-payment .blik-dialog-title, .calert .msg.send-sms .blik-dialog-title, .calert .msg.adult-content .blik-dialog-title {
  float: left;
  line-height: 2rem;
  padding-left: 0.9375rem;
}
.calert .msg.blik-payment .content, .calert .msg.send-sms .content, .calert .msg.adult-content .content {
  position: relative;
  width: 100%;
  float: left;
  padding: 1.25rem;
  padding-right: 0.3125rem;
  padding-left: 0.3125rem;
  padding-top: 0rem;
}
.calert .msg.blik-payment .content .info, .calert .msg.send-sms .content .info, .calert .msg.adult-content .content .info {
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #444;
  text-align: center;
  padding-bottom: 1.875rem;
  padding-top: 1.875rem;
}
.calert .msg.blik-payment .content .select-bank-wrapper, .calert .msg.send-sms .content .select-bank-wrapper, .calert .msg.adult-content .content .select-bank-wrapper {
  padding-top: 0rem;
  margin: 0 auto;
  margin-bottom: 4.375rem;
  width: 16.875rem;
}
.calert .msg.blik-payment .content .select-bank-wrapper .buy, .calert .msg.send-sms .content .select-bank-wrapper .buy, .calert .msg.adult-content .content .select-bank-wrapper .buy {
  width: 16.75rem;
}
.calert .msg.blik-payment .content .select-bank-wrapper .buy-enter-blik, .calert .msg.send-sms .content .select-bank-wrapper .buy-enter-blik, .calert .msg.adult-content .content .select-bank-wrapper .buy-enter-blik {
  width: 16.75rem;
}
.calert .msg.blik-payment .content .select-bank-wrapper.inactive, .calert .msg.send-sms .content .select-bank-wrapper.inactive, .calert .msg.adult-content .content .select-bank-wrapper.inactive {
  opacity: 0.4;
}
.calert .msg.blik-payment .content .select-bank-wrapper.inactive .buy, .calert .msg.send-sms .content .select-bank-wrapper.inactive .buy, .calert .msg.adult-content .content .select-bank-wrapper.inactive .buy {
  background-color: #5C5959 !important;
}
.calert .msg.blik-payment .content .select-bank-wrapper ul, .calert .msg.send-sms .content .select-bank-wrapper ul, .calert .msg.adult-content .content .select-bank-wrapper ul {
  margin-left: 0.125rem;
  border: 0.125rem solid #E5E4E4;
  border-radius: 0.3125rem;
  overflow: hidden;
}
.calert .msg.blik-payment .content .select-bank-wrapper ul li, .calert .msg.send-sms .content .select-bank-wrapper ul li, .calert .msg.adult-content .content .select-bank-wrapper ul li {
  border: 0;
  border-radius: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.calert .msg.blik-payment .content .select-bank-wrapper ul li span, .calert .msg.send-sms .content .select-bank-wrapper ul li span, .calert .msg.adult-content .content .select-bank-wrapper ul li span {
  width: 0.9375rem;
  height: 0.9375rem;
  display: inline-block;
  position: relative;
  top: 0.0625rem;
  margin-right: 0.625rem;
  overflow: visible;
}
.calert .msg.blik-payment .content .select-bank-wrapper ul li span.hover-image, .calert .msg.send-sms .content .select-bank-wrapper ul li span.hover-image, .calert .msg.adult-content .content .select-bank-wrapper ul li span.hover-image {
  display: none;
}
.cishover .calert .msg.blik-payment .content .select-bank-wrapper ul li:focus, .calert .msg.blik-payment .content .select-bank-wrapper ul li.cactive, .cishover .calert .msg.send-sms .content .select-bank-wrapper ul li:focus, .calert .msg.send-sms .content .select-bank-wrapper ul li.cactive, .cishover .calert .msg.adult-content .content .select-bank-wrapper ul li:focus, .calert .msg.adult-content .content .select-bank-wrapper ul li.cactive {
  background-color: #5C5959;
  color: white;
}
.cishover .calert .msg.blik-payment .content .select-bank-wrapper ul li:focus span.hover-image, .calert .msg.blik-payment .content .select-bank-wrapper ul li.cactive span.hover-image, .cishover .calert .msg.send-sms .content .select-bank-wrapper ul li:focus span.hover-image, .calert .msg.send-sms .content .select-bank-wrapper ul li.cactive span.hover-image, .cishover .calert .msg.adult-content .content .select-bank-wrapper ul li:focus span.hover-image, .calert .msg.adult-content .content .select-bank-wrapper ul li.cactive span.hover-image {
  display: inline-block;
}
.cishover .calert .msg.blik-payment .content .select-bank-wrapper ul li:focus span.no-hover-image, .calert .msg.blik-payment .content .select-bank-wrapper ul li.cactive span.no-hover-image, .cishover .calert .msg.send-sms .content .select-bank-wrapper ul li:focus span.no-hover-image, .calert .msg.send-sms .content .select-bank-wrapper ul li.cactive span.no-hover-image, .cishover .calert .msg.adult-content .content .select-bank-wrapper ul li:focus span.no-hover-image, .calert .msg.adult-content .content .select-bank-wrapper ul li.cactive span.no-hover-image {
  display: none;
}
.calert .msg.blik-payment .content .select-bank-wrapper ul li.cselect span.hover-image, .calert .msg.send-sms .content .select-bank-wrapper ul li.cselect span.hover-image, .calert .msg.adult-content .content .select-bank-wrapper ul li.cselect span.hover-image {
  display: inline-block;
}
.calert .msg.blik-payment .content .select-bank-wrapper ul li.cselect span.no-hover-image, .calert .msg.send-sms .content .select-bank-wrapper ul li.cselect span.no-hover-image, .calert .msg.adult-content .content .select-bank-wrapper ul li.cselect span.no-hover-image {
  display: none;
}
.cishover .calert .msg.blik-payment .content .select-bank-wrapper ul li:hover, .cishover .calert .msg.send-sms .content .select-bank-wrapper ul li:hover, .cishover .calert .msg.adult-content .content .select-bank-wrapper ul li:hover {
  background-color: #5C5959;
  color: white;
}
.cishover .calert .msg.blik-payment .content .select-bank-wrapper ul li:hover span.hover-image, .cishover .calert .msg.send-sms .content .select-bank-wrapper ul li:hover span.hover-image, .cishover .calert .msg.adult-content .content .select-bank-wrapper ul li:hover span.hover-image {
  display: inline-block;
}
.cishover .calert .msg.blik-payment .content .select-bank-wrapper ul li:hover span.no-hover-image, .cishover .calert .msg.send-sms .content .select-bank-wrapper ul li:hover span.no-hover-image, .cishover .calert .msg.adult-content .content .select-bank-wrapper ul li:hover span.no-hover-image {
  display: none;
}
.calert .msg.blik-payment .content .enter-blik-wrapper, .calert .msg.send-sms .content .enter-blik-wrapper, .calert .msg.adult-content .content .enter-blik-wrapper {
  margin: 0 auto;
  width: 11.8125rem;
}
.calert .msg.blik-payment .content .enter-blik-wrapper.inactive, .calert .msg.send-sms .content .enter-blik-wrapper.inactive, .calert .msg.adult-content .content .enter-blik-wrapper.inactive {
  opacity: 0.4;
}
.calert .msg.blik-payment .content .enter-blik-wrapper.inactive .buy, .calert .msg.send-sms .content .enter-blik-wrapper.inactive .buy, .calert .msg.adult-content .content .enter-blik-wrapper.inactive .buy {
  background-color: #5C5959 !important;
}
.calert .msg.blik-payment .content .number-wrapper, .calert .msg.blik-payment .content .password-wrapper, .calert .msg.send-sms .content .number-wrapper, .calert .msg.send-sms .content .password-wrapper, .calert .msg.adult-content .content .number-wrapper, .calert .msg.adult-content .content .password-wrapper {
  border: 0.125rem solid #E5E4E4;
  width: 11.6875rem;
  border-radius: 0.25rem;
  padding: 0.5rem;
  padding-top: 0.75rem;
  font-size: 1.75rem;
  text-align: center;
  margin-left: 0.1875rem;
}
.calert .msg.blik-payment .content .number-wrapper .blinker, .calert .msg.blik-payment .content .password-wrapper .blinker, .calert .msg.send-sms .content .number-wrapper .blinker, .calert .msg.send-sms .content .password-wrapper .blinker, .calert .msg.adult-content .content .number-wrapper .blinker, .calert .msg.adult-content .content .password-wrapper .blinker {
  animation: blinkline 1s linear infinite;
  position: relative;
  top: -0.125rem;
  left: 0.0625rem;
}
@keyframes blinkline {
  50% {
    opacity: 0;
  }
}
.calert .msg.blik-payment .content button, .calert .msg.send-sms .content button, .calert .msg.adult-content .content button {
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  width: 3.625rem;
  padding: 0;
  height: 2.1875rem;
  background: none;
  border: none;
  border-radius: 0.1875rem;
  cursor: pointer;
  color: #000000;
  background: #e5e4e4;
  margin: 0.1875rem;
  font-size: 1.5rem;
  float: left;
}
.calert .msg.blik-payment .content button.buy, .calert .msg.blik-payment .content button.next, .calert .msg.send-sms .content button.buy, .calert .msg.send-sms .content button.next, .calert .msg.adult-content .content button.buy, .calert .msg.adult-content .content button.next {
  margin-right: 0;
  width: 11.6875rem;
  margin-top: 0.625rem;
  background-color: #548b01;
  color: #fff;
  height: 2.5rem;
  font-size: 1.25rem;
}
.calert .msg.blik-payment .content button.buy-enter-blik, .calert .msg.send-sms .content button.buy-enter-blik, .calert .msg.adult-content .content button.buy-enter-blik {
  font-size: 1.25rem;
  height: 2.5rem;
}
.cishover .calert .msg.blik-payment .content button:focus.buy, .cishover .calert .msg.blik-payment .content button:focus.next, .calert .msg.blik-payment .content button.cactive.buy, .calert .msg.blik-payment .content button.cactive.next, .cishover .calert .msg.send-sms .content button:focus.buy, .cishover .calert .msg.send-sms .content button:focus.next, .calert .msg.send-sms .content button.cactive.buy, .calert .msg.send-sms .content button.cactive.next, .cishover .calert .msg.adult-content .content button:focus.buy, .cishover .calert .msg.adult-content .content button:focus.next, .calert .msg.adult-content .content button.cactive.buy, .calert .msg.adult-content .content button.cactive.next {
  background-color: #6EA814 !important;
  box-shadow: 0 0 0.3125rem #548902 !important;
}
.cishover .calert .msg.blik-payment .content button:focus.buy-enter-blik, .calert .msg.blik-payment .content button.cactive.buy-enter-blik, .cishover .calert .msg.send-sms .content button:focus.buy-enter-blik, .calert .msg.send-sms .content button.cactive.buy-enter-blik, .cishover .calert .msg.adult-content .content button:focus.buy-enter-blik, .calert .msg.adult-content .content button.cactive.buy-enter-blik {
  background-color: #5C5959 !important;
  color: white;
}
.cishover .calert .msg.blik-payment .content button:hover.buy, .cishover .calert .msg.blik-payment .content button:hover.next, .cishover .calert .msg.send-sms .content button:hover.buy, .cishover .calert .msg.send-sms .content button:hover.next, .cishover .calert .msg.adult-content .content button:hover.buy, .cishover .calert .msg.adult-content .content button:hover.next {
  background-color: #79B71B !important;
  box-shadow: 0 0 0.3125rem #548902 !important;
}
.cishover .calert .msg.blik-payment .content button:hover.buy-enter-blik, .cishover .calert .msg.send-sms .content button:hover.buy-enter-blik, .cishover .calert .msg.adult-content .content button:hover.buy-enter-blik {
  background-color: #787878 !important;
  color: white;
}
.calert .msg.blik-payment .content .numeric-keyboard-wrapper, .calert .msg.blik-payment .content .grey-keyboard-wrapper, .calert .msg.send-sms .content .numeric-keyboard-wrapper, .calert .msg.send-sms .content .grey-keyboard-wrapper, .calert .msg.adult-content .content .numeric-keyboard-wrapper, .calert .msg.adult-content .content .grey-keyboard-wrapper {
  padding-top: 0.5rem;
  width: 15.625rem;
}
.calert .msg.blik-payment .content .numeric-keyboard-wrapper button.backspace, .calert .msg.blik-payment .content .grey-keyboard-wrapper button.backspace, .calert .msg.send-sms .content .numeric-keyboard-wrapper button.backspace, .calert .msg.send-sms .content .grey-keyboard-wrapper button.backspace, .calert .msg.adult-content .content .numeric-keyboard-wrapper button.backspace, .calert .msg.adult-content .content .grey-keyboard-wrapper button.backspace {
  margin-right: 0;
  width: 7.625rem;
  background: #e5e4e4 url(https://smarttv.cda.pl/images/baseline_backspace_black_24.png) no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: center;
}
.calert .msg.blik-payment .content .numeric-keyboard-wrapper button.caps-lock-button-up, .calert .msg.blik-payment .content .grey-keyboard-wrapper button.caps-lock-button-up, .calert .msg.send-sms .content .numeric-keyboard-wrapper button.caps-lock-button-up, .calert .msg.send-sms .content .grey-keyboard-wrapper button.caps-lock-button-up, .calert .msg.adult-content .content .numeric-keyboard-wrapper button.caps-lock-button-up, .calert .msg.adult-content .content .grey-keyboard-wrapper button.caps-lock-button-up {
  margin-right: 0;
  width: 7.625rem;
  background: #e5e4e4 url(https://smarttv.cda.pl/images/arrow-up.png) no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: center;
}
.cishover .calert .msg.blik-payment .content .numeric-keyboard-wrapper button:focus, .calert .msg.blik-payment .content .numeric-keyboard-wrapper button.cactive, .cishover .calert .msg.blik-payment .content .grey-keyboard-wrapper button:focus, .calert .msg.blik-payment .content .grey-keyboard-wrapper button.cactive, .cishover .calert .msg.send-sms .content .numeric-keyboard-wrapper button:focus, .calert .msg.send-sms .content .numeric-keyboard-wrapper button.cactive, .cishover .calert .msg.send-sms .content .grey-keyboard-wrapper button:focus, .calert .msg.send-sms .content .grey-keyboard-wrapper button.cactive, .cishover .calert .msg.adult-content .content .numeric-keyboard-wrapper button:focus, .calert .msg.adult-content .content .numeric-keyboard-wrapper button.cactive, .cishover .calert .msg.adult-content .content .grey-keyboard-wrapper button:focus, .calert .msg.adult-content .content .grey-keyboard-wrapper button.cactive {
  background: #5C5959;
  color: #fff;
}
.cishover .calert .msg.blik-payment .content .numeric-keyboard-wrapper button:focus.backspace, .calert .msg.blik-payment .content .numeric-keyboard-wrapper button.cactive.backspace, .cishover .calert .msg.blik-payment .content .grey-keyboard-wrapper button:focus.backspace, .calert .msg.blik-payment .content .grey-keyboard-wrapper button.cactive.backspace, .cishover .calert .msg.send-sms .content .numeric-keyboard-wrapper button:focus.backspace, .calert .msg.send-sms .content .numeric-keyboard-wrapper button.cactive.backspace, .cishover .calert .msg.send-sms .content .grey-keyboard-wrapper button:focus.backspace, .calert .msg.send-sms .content .grey-keyboard-wrapper button.cactive.backspace, .cishover .calert .msg.adult-content .content .numeric-keyboard-wrapper button:focus.backspace, .calert .msg.adult-content .content .numeric-keyboard-wrapper button.cactive.backspace, .cishover .calert .msg.adult-content .content .grey-keyboard-wrapper button:focus.backspace, .calert .msg.adult-content .content .grey-keyboard-wrapper button.cactive.backspace {
  background: #787878 url(https://smarttv.cda.pl/images/baseline_backspace_white_24.png) no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: center;
}
.cishover .calert .msg.blik-payment .content .numeric-keyboard-wrapper button:focus.caps-lock-button-up, .calert .msg.blik-payment .content .numeric-keyboard-wrapper button.cactive.caps-lock-button-up, .cishover .calert .msg.blik-payment .content .grey-keyboard-wrapper button:focus.caps-lock-button-up, .calert .msg.blik-payment .content .grey-keyboard-wrapper button.cactive.caps-lock-button-up, .cishover .calert .msg.send-sms .content .numeric-keyboard-wrapper button:focus.caps-lock-button-up, .calert .msg.send-sms .content .numeric-keyboard-wrapper button.cactive.caps-lock-button-up, .cishover .calert .msg.send-sms .content .grey-keyboard-wrapper button:focus.caps-lock-button-up, .calert .msg.send-sms .content .grey-keyboard-wrapper button.cactive.caps-lock-button-up, .cishover .calert .msg.adult-content .content .numeric-keyboard-wrapper button:focus.caps-lock-button-up, .calert .msg.adult-content .content .numeric-keyboard-wrapper button.cactive.caps-lock-button-up, .cishover .calert .msg.adult-content .content .grey-keyboard-wrapper button:focus.caps-lock-button-up, .calert .msg.adult-content .content .grey-keyboard-wrapper button.cactive.caps-lock-button-up {
  background: #787878 url(https://smarttv.cda.pl/images/arrow-up-white.png) no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: center;
}
.cishover .calert .msg.blik-payment .content .numeric-keyboard-wrapper button:hover, .cishover .calert .msg.blik-payment .content .grey-keyboard-wrapper button:hover, .cishover .calert .msg.send-sms .content .numeric-keyboard-wrapper button:hover, .cishover .calert .msg.send-sms .content .grey-keyboard-wrapper button:hover, .cishover .calert .msg.adult-content .content .numeric-keyboard-wrapper button:hover, .cishover .calert .msg.adult-content .content .grey-keyboard-wrapper button:hover {
  background: #787878;
  color: #fff;
}
.cishover .calert .msg.blik-payment .content .numeric-keyboard-wrapper button:hover.backspace, .cishover .calert .msg.blik-payment .content .grey-keyboard-wrapper button:hover.backspace, .cishover .calert .msg.send-sms .content .numeric-keyboard-wrapper button:hover.backspace, .cishover .calert .msg.send-sms .content .grey-keyboard-wrapper button:hover.backspace, .cishover .calert .msg.adult-content .content .numeric-keyboard-wrapper button:hover.backspace, .cishover .calert .msg.adult-content .content .grey-keyboard-wrapper button:hover.backspace {
  background: #787878 url(https://smarttv.cda.pl/images/baseline_backspace_white_24.png) no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: center;
}
.cishover .calert .msg.blik-payment .content .numeric-keyboard-wrapper button:hover.caps-lock-button-up, .cishover .calert .msg.blik-payment .content .grey-keyboard-wrapper button:hover.caps-lock-button-up, .cishover .calert .msg.send-sms .content .numeric-keyboard-wrapper button:hover.caps-lock-button-up, .cishover .calert .msg.send-sms .content .grey-keyboard-wrapper button:hover.caps-lock-button-up, .cishover .calert .msg.adult-content .content .numeric-keyboard-wrapper button:hover.caps-lock-button-up, .cishover .calert .msg.adult-content .content .grey-keyboard-wrapper button:hover.caps-lock-button-up {
  background: #787878 url(https://smarttv.cda.pl/images/arrow-up-white.png) no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: center;
}
.calert .msg.blik-payment .content .numeric-keyboard-wrapper button .icon, .calert .msg.blik-payment .content .grey-keyboard-wrapper button .icon, .calert .msg.send-sms .content .numeric-keyboard-wrapper button .icon, .calert .msg.send-sms .content .grey-keyboard-wrapper button .icon, .calert .msg.adult-content .content .numeric-keyboard-wrapper button .icon, .calert .msg.adult-content .content .grey-keyboard-wrapper button .icon {
  display: inline-block;
  width: 1.1875rem;
  height: 1.1875rem;
  position: relative;
  top: 0.0625rem;
}
.calert .msg.blik-payment .content .numeric-keyboard-wrapper button .icon img, .calert .msg.blik-payment .content .grey-keyboard-wrapper button .icon img, .calert .msg.send-sms .content .numeric-keyboard-wrapper button .icon img, .calert .msg.send-sms .content .grey-keyboard-wrapper button .icon img, .calert .msg.adult-content .content .numeric-keyboard-wrapper button .icon img, .calert .msg.adult-content .content .grey-keyboard-wrapper button .icon img {
  width: 100%;
}
.calert .msg.blik-payment .content .numeric-keyboard-wrapper button .icon .icon-hover, .calert .msg.blik-payment .content .grey-keyboard-wrapper button .icon .icon-hover, .calert .msg.send-sms .content .numeric-keyboard-wrapper button .icon .icon-hover, .calert .msg.send-sms .content .grey-keyboard-wrapper button .icon .icon-hover, .calert .msg.adult-content .content .numeric-keyboard-wrapper button .icon .icon-hover, .calert .msg.adult-content .content .grey-keyboard-wrapper button .icon .icon-hover {
  display: none;
}
.calert .msg.blik-payment .content .numeric-keyboard-wrapper button .icon .icon-no-hover, .calert .msg.blik-payment .content .grey-keyboard-wrapper button .icon .icon-no-hover, .calert .msg.send-sms .content .numeric-keyboard-wrapper button .icon .icon-no-hover, .calert .msg.send-sms .content .grey-keyboard-wrapper button .icon .icon-no-hover, .calert .msg.adult-content .content .numeric-keyboard-wrapper button .icon .icon-no-hover, .calert .msg.adult-content .content .grey-keyboard-wrapper button .icon .icon-no-hover {
  display: block;
}
.cishover .calert .msg.blik-payment .content .numeric-keyboard-wrapper button:focus .icon .icon-hover, .calert .msg.blik-payment .content .numeric-keyboard-wrapper button.el-active .icon .icon-hover, .cishover .calert .msg.blik-payment .content .numeric-keyboard-wrapper button:hover .icon .icon-hover, .cishover .calert .msg.blik-payment .content .grey-keyboard-wrapper button:focus .icon .icon-hover, .calert .msg.blik-payment .content .grey-keyboard-wrapper button.el-active .icon .icon-hover, .cishover .calert .msg.blik-payment .content .grey-keyboard-wrapper button:hover .icon .icon-hover, .cishover .calert .msg.send-sms .content .numeric-keyboard-wrapper button:focus .icon .icon-hover, .calert .msg.send-sms .content .numeric-keyboard-wrapper button.el-active .icon .icon-hover, .cishover .calert .msg.send-sms .content .numeric-keyboard-wrapper button:hover .icon .icon-hover, .cishover .calert .msg.send-sms .content .grey-keyboard-wrapper button:focus .icon .icon-hover, .calert .msg.send-sms .content .grey-keyboard-wrapper button.el-active .icon .icon-hover, .cishover .calert .msg.send-sms .content .grey-keyboard-wrapper button:hover .icon .icon-hover, .cishover .calert .msg.adult-content .content .numeric-keyboard-wrapper button:focus .icon .icon-hover, .calert .msg.adult-content .content .numeric-keyboard-wrapper button.el-active .icon .icon-hover, .cishover .calert .msg.adult-content .content .numeric-keyboard-wrapper button:hover .icon .icon-hover, .cishover .calert .msg.adult-content .content .grey-keyboard-wrapper button:focus .icon .icon-hover, .calert .msg.adult-content .content .grey-keyboard-wrapper button.el-active .icon .icon-hover, .cishover .calert .msg.adult-content .content .grey-keyboard-wrapper button:hover .icon .icon-hover {
  display: block;
}
.cishover .calert .msg.blik-payment .content .numeric-keyboard-wrapper button:focus .icon .icon-no-hover, .calert .msg.blik-payment .content .numeric-keyboard-wrapper button.el-active .icon .icon-no-hover, .cishover .calert .msg.blik-payment .content .numeric-keyboard-wrapper button:hover .icon .icon-no-hover, .cishover .calert .msg.blik-payment .content .grey-keyboard-wrapper button:focus .icon .icon-no-hover, .calert .msg.blik-payment .content .grey-keyboard-wrapper button.el-active .icon .icon-no-hover, .cishover .calert .msg.blik-payment .content .grey-keyboard-wrapper button:hover .icon .icon-no-hover, .cishover .calert .msg.send-sms .content .numeric-keyboard-wrapper button:focus .icon .icon-no-hover, .calert .msg.send-sms .content .numeric-keyboard-wrapper button.el-active .icon .icon-no-hover, .cishover .calert .msg.send-sms .content .numeric-keyboard-wrapper button:hover .icon .icon-no-hover, .cishover .calert .msg.send-sms .content .grey-keyboard-wrapper button:focus .icon .icon-no-hover, .calert .msg.send-sms .content .grey-keyboard-wrapper button.el-active .icon .icon-no-hover, .cishover .calert .msg.send-sms .content .grey-keyboard-wrapper button:hover .icon .icon-no-hover, .cishover .calert .msg.adult-content .content .numeric-keyboard-wrapper button:focus .icon .icon-no-hover, .calert .msg.adult-content .content .numeric-keyboard-wrapper button.el-active .icon .icon-no-hover, .cishover .calert .msg.adult-content .content .numeric-keyboard-wrapper button:hover .icon .icon-no-hover, .cishover .calert .msg.adult-content .content .grey-keyboard-wrapper button:focus .icon .icon-no-hover, .calert .msg.adult-content .content .grey-keyboard-wrapper button.el-active .icon .icon-no-hover, .cishover .calert .msg.adult-content .content .grey-keyboard-wrapper button:hover .icon .icon-no-hover {
  display: none;
}
.calert .msg.blik-payment.send-sms .keyboard-wrapper, .calert .msg.blik-payment.adult-content .keyboard-wrapper, .calert .msg.send-sms.send-sms .keyboard-wrapper, .calert .msg.send-sms.adult-content .keyboard-wrapper, .calert .msg.adult-content.send-sms .keyboard-wrapper, .calert .msg.adult-content.adult-content .keyboard-wrapper {
  margin-right: 0.1875rem;
}
.calert .msg.blik-payment.send-sms .enter-sms-wrapper, .calert .msg.blik-payment.send-sms .numeric-keyboard-wrapper, .calert .msg.blik-payment.adult-content .enter-sms-wrapper, .calert .msg.blik-payment.adult-content .numeric-keyboard-wrapper, .calert .msg.send-sms.send-sms .enter-sms-wrapper, .calert .msg.send-sms.send-sms .numeric-keyboard-wrapper, .calert .msg.send-sms.adult-content .enter-sms-wrapper, .calert .msg.send-sms.adult-content .numeric-keyboard-wrapper, .calert .msg.adult-content.send-sms .enter-sms-wrapper, .calert .msg.adult-content.send-sms .numeric-keyboard-wrapper, .calert .msg.adult-content.adult-content .enter-sms-wrapper, .calert .msg.adult-content.adult-content .numeric-keyboard-wrapper {
  margin-left: 8.4375rem;
}
.calert .msg.blik-payment.send-sms .number-wrapper, .calert .msg.blik-payment.adult-content .number-wrapper, .calert .msg.send-sms.send-sms .number-wrapper, .calert .msg.send-sms.adult-content .number-wrapper, .calert .msg.adult-content.send-sms .number-wrapper, .calert .msg.adult-content.adult-content .number-wrapper {
  width: 15rem;
  text-align: left;
}
.calert .msg.blik-payment.send-sms .number-wrapper .code, .calert .msg.blik-payment.adult-content .number-wrapper .code, .calert .msg.send-sms.send-sms .number-wrapper .code, .calert .msg.send-sms.adult-content .number-wrapper .code, .calert .msg.adult-content.send-sms .number-wrapper .code, .calert .msg.adult-content.adult-content .number-wrapper .code {
  margin-right: 0.5rem;
  color: #A0A1A4;
}
.calert .msg.blik-payment.send-sms .numeric-keyboard-wrapper button, .calert .msg.blik-payment.adult-content .numeric-keyboard-wrapper button, .calert .msg.send-sms.send-sms .numeric-keyboard-wrapper button, .calert .msg.send-sms.adult-content .numeric-keyboard-wrapper button, .calert .msg.adult-content.send-sms .numeric-keyboard-wrapper button, .calert .msg.adult-content.adult-content .numeric-keyboard-wrapper button {
  width: 4.75rem;
}
.calert .msg.blik-payment.send-sms .numeric-keyboard-wrapper button.backspace, .calert .msg.blik-payment.adult-content .numeric-keyboard-wrapper button.backspace, .calert .msg.send-sms.send-sms .numeric-keyboard-wrapper button.backspace, .calert .msg.send-sms.adult-content .numeric-keyboard-wrapper button.backspace, .calert .msg.adult-content.send-sms .numeric-keyboard-wrapper button.backspace, .calert .msg.adult-content.adult-content .numeric-keyboard-wrapper button.backspace {
  width: 9.875rem;
}
.calert .msg.blik-payment.send-sms .numeric-keyboard-wrapper button.buy, .calert .msg.blik-payment.send-sms .numeric-keyboard-wrapper button.next, .calert .msg.blik-payment.adult-content .numeric-keyboard-wrapper button.buy, .calert .msg.blik-payment.adult-content .numeric-keyboard-wrapper button.next, .calert .msg.send-sms.send-sms .numeric-keyboard-wrapper button.buy, .calert .msg.send-sms.send-sms .numeric-keyboard-wrapper button.next, .calert .msg.send-sms.adult-content .numeric-keyboard-wrapper button.buy, .calert .msg.send-sms.adult-content .numeric-keyboard-wrapper button.next, .calert .msg.adult-content.send-sms .numeric-keyboard-wrapper button.buy, .calert .msg.adult-content.send-sms .numeric-keyboard-wrapper button.next, .calert .msg.adult-content.adult-content .numeric-keyboard-wrapper button.buy, .calert .msg.adult-content.adult-content .numeric-keyboard-wrapper button.next {
  width: 15rem;
}
.calert .msg.blik-payment.send-sms .grey-numeric-keyboard-wrapper, .calert .msg.blik-payment.adult-content .grey-numeric-keyboard-wrapper, .calert .msg.send-sms.send-sms .grey-numeric-keyboard-wrapper, .calert .msg.send-sms.adult-content .grey-numeric-keyboard-wrapper, .calert .msg.adult-content.send-sms .grey-numeric-keyboard-wrapper, .calert .msg.adult-content.adult-content .grey-numeric-keyboard-wrapper {
  margin-top: 0.625rem;
}
.calert .msg.blik-payment.send-sms .grey-keyboard-wrapper, .calert .msg.blik-payment.adult-content .grey-keyboard-wrapper, .calert .msg.send-sms.send-sms .grey-keyboard-wrapper, .calert .msg.send-sms.adult-content .grey-keyboard-wrapper, .calert .msg.adult-content.send-sms .grey-keyboard-wrapper, .calert .msg.adult-content.adult-content .grey-keyboard-wrapper {
  width: 100%;
}
.calert .msg.blik-payment.send-sms .grey-keyboard-wrapper .key-map, .calert .msg.blik-payment.adult-content .grey-keyboard-wrapper .key-map, .calert .msg.send-sms.send-sms .grey-keyboard-wrapper .key-map, .calert .msg.send-sms.adult-content .grey-keyboard-wrapper .key-map, .calert .msg.adult-content.send-sms .grey-keyboard-wrapper .key-map, .calert .msg.adult-content.adult-content .grey-keyboard-wrapper .key-map {
  width: 26.0625rem;
}
.calert .msg.blik-payment.send-sms .grey-keyboard-wrapper button, .calert .msg.blik-payment.adult-content .grey-keyboard-wrapper button, .calert .msg.send-sms.send-sms .grey-keyboard-wrapper button, .calert .msg.send-sms.adult-content .grey-keyboard-wrapper button, .calert .msg.adult-content.send-sms .grey-keyboard-wrapper button, .calert .msg.adult-content.adult-content .grey-keyboard-wrapper button {
  width: 2.1875rem;
}
.calert .msg.blik-payment.send-sms .grey-keyboard-wrapper button.full-w, .calert .msg.blik-payment.adult-content .grey-keyboard-wrapper button.full-w, .calert .msg.send-sms.send-sms .grey-keyboard-wrapper button.full-w, .calert .msg.send-sms.adult-content .grey-keyboard-wrapper button.full-w, .calert .msg.adult-content.send-sms .grey-keyboard-wrapper button.full-w, .calert .msg.adult-content.adult-content .grey-keyboard-wrapper button.full-w {
  width: 9.875rem;
  margin-left: 0;
  margin-right: 0;
}
.calert .msg.blik-payment.send-sms .grey-keyboard-wrapper button.big-b, .calert .msg.blik-payment.adult-content .grey-keyboard-wrapper button.big-b, .calert .msg.send-sms.send-sms .grey-keyboard-wrapper button.big-b, .calert .msg.send-sms.adult-content .grey-keyboard-wrapper button.big-b, .calert .msg.adult-content.send-sms .grey-keyboard-wrapper button.big-b, .calert .msg.adult-content.adult-content .grey-keyboard-wrapper button.big-b {
  width: 12.4375rem;
  font-size: 1.1875rem;
}
.calert .msg.blik-payment.send-sms .grey-keyboard-wrapper button.buy, .calert .msg.blik-payment.send-sms .grey-keyboard-wrapper button.next, .calert .msg.blik-payment.adult-content .grey-keyboard-wrapper button.buy, .calert .msg.blik-payment.adult-content .grey-keyboard-wrapper button.next, .calert .msg.send-sms.send-sms .grey-keyboard-wrapper button.buy, .calert .msg.send-sms.send-sms .grey-keyboard-wrapper button.next, .calert .msg.send-sms.adult-content .grey-keyboard-wrapper button.buy, .calert .msg.send-sms.adult-content .grey-keyboard-wrapper button.next, .calert .msg.adult-content.send-sms .grey-keyboard-wrapper button.buy, .calert .msg.adult-content.send-sms .grey-keyboard-wrapper button.next, .calert .msg.adult-content.adult-content .grey-keyboard-wrapper button.buy, .calert .msg.adult-content.adult-content .grey-keyboard-wrapper button.next {
  width: 15rem;
}
.calert .msg.adult-content .password-wrapper {
  width: 100% !important;
  text-align: left !important;
  line-height: 1.75rem;
  font-size: 1.5rem !important;
}
.calert .msg.adult-content .password-wrapper .label {
  color: #A0A1A4 !important;
}
.calert .msg.adult-content .password-wrapper .password {
  word-wrap: anywhere;
}
.calert .msg.adult-content .password-wrapper .label {
  margin-right: 0.3125rem;
}
.calert .msg.adult-content .number-wrapper {
  display: inline-block;
  width: 3.375rem !important;
  text-align: center !important;
  font-weight: bold;
}
.calert .msg.adult-content .keyboard-wrapper .next {
  margin-left: 8.75rem;
}
.calert .msg.adult-content .numeric-keyboard-wrapper {
  padding-top: 0 !important;
}
.calert .msg.adult-content button.missing-pin {
  cursor: pointer;
  border-radius: 0.1875rem;
  -moz-transition: background 0.1s ease, color 0.1s ease;
  -o-transition: background 0.1s ease, color 0.1s ease;
  -webkit-transition: background 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, color 0.1s ease;
  border: none;
  font-size: 1.0625rem;
  background-color: #d3d8dd;
  color: #202020;
  height: 2.5rem;
  font-size: 1.25rem;
  width: 15rem !important;
}
.cishover .calert .msg.adult-content button.missing-pin:focus, .calert .msg.adult-content button.missing-pin.cactive {
  background-color: #141719;
  color: #ffffff;
}
.cishover .calert .msg.adult-content button.missing-pin:hover {
  background-color: #535B61;
  color: #ffffff;
}
.calert .msg.adult-content button.missing-pin.txt-white {
  color: #ffffff;
}
.cishover .calert .msg.adult-content button.missing-pin:focus {
  box-shadow: none;
}
.calert .msg.adult-content button.missing-pin .csmall {
  font-size: 0.8125rem;
}
.calert .msg.big-msg {
  top: 10%;
  overflow: hidden;
}
.calert .msg.big-msg .txt {
  padding-right: 1.25rem;
  height: 25rem;
  overflow: hidden;
}
.calert .msg.big-msg .txt strong {
  font-weight: bold;
}
.calert .msg.big-msg .txt a {
  color: #AC1519;
  font-weight: 400;
  font-size: 1.125rem;
}
.calert .msg.big-msg .btn-wrapper {
  width: 23.125rem;
  margin: 0 auto;
  padding-top: 1.25rem;
}
.calert .msg.big-msg .btn-wrapper .btn-cancel {
  margin-left: 0rem;
}
.calert .msg .c-scroll-bar {
  position: absolute;
  height: 25rem;
  width: 0.3125rem;
  background: #a5a8ab;
  right: 1.375rem;
  top: 1.25rem;
  overflow: hidden;
}
.calert .msg .c-scroll-bar .c-bar {
  position: absolute;
  width: 0.4375rem;
  height: 6.25rem;
  background: #AC1519;
}
.calert .msg.tight {
  width: unset;
}
.calert .msg .btn-wrapper {
  margin-top: 1.875rem;
  width: 100%;
}
.calert .msg .btn-wrapper .btn-ok, .calert .msg .btn-wrapper .btn-cancel {
  cursor: pointer;
  border-radius: 0.625rem;
  float: right;
  -moz-transition: background 0.1s ease, color 0.1s ease;
  -o-transition: background 0.1s ease, color 0.1s ease;
  -webkit-transition: background 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, color 0.1s ease;
  border: none;
  font-size: 1.0625rem;
  background-color: #d3d8dd;
  color: #202020;
  font-weight: 400;
  padding: 0.625rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  margin-left: 0.9375rem;
}
.cishover .calert .msg .btn-wrapper .btn-ok:focus, .calert .msg .btn-wrapper .btn-ok.cactive, .cishover .calert .msg .btn-wrapper .btn-cancel:focus, .calert .msg .btn-wrapper .btn-cancel.cactive {
  background-color: #141719;
  color: #ffffff;
}
.cishover .calert .msg .btn-wrapper .btn-ok:hover, .cishover .calert .msg .btn-wrapper .btn-cancel:hover {
  background-color: #535B61;
  color: #ffffff;
}
.calert .msg .btn-wrapper .btn-ok.txt-white, .calert .msg .btn-wrapper .btn-cancel.txt-white {
  color: #ffffff;
}
.cishover .calert .msg .btn-wrapper .btn-ok:focus, .cishover .calert .msg .btn-wrapper .btn-cancel:focus {
  box-shadow: none;
}
.calert .msg .btn-wrapper .btn-ok .csmall, .calert .msg .btn-wrapper .btn-cancel .csmall {
  font-size: 0.8125rem;
}
.calert .msg .btn-wrapper .btn-ok.cgreen, .calert .msg .btn-wrapper .btn-cancel.cgreen {
  background: #548b01;
  color: #ffffff;
}
.cishover .calert .msg .btn-wrapper .btn-ok.cgreen:focus, .cishover .calert .msg .btn-wrapper .btn-ok.cgreen:hover, .calert .msg .btn-wrapper .btn-ok.cgreen.cactive, .cishover .calert .msg .btn-wrapper .btn-cancel.cgreen:focus, .cishover .calert .msg .btn-wrapper .btn-cancel.cgreen:hover, .calert .msg .btn-wrapper .btn-cancel.cgreen.cactive {
  background-color: #6da814;
}

/* SORT BOX */
.csort {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.6);
}
.csort.playlist .list-group {
  height: 23.0625rem;
}
.csort .msg {
  position: absolute;
  background: #ffffff;
  border-radius: 0.25rem;
  z-index: 100;
  font-weight: 400;
  color: #ffffff;
  left: 50%;
  top: 20%;
  width: 35%;
  box-shadow: 0 0 3px #b3b3b3;
  transform: translateX(-50%);
  padding: 0;
  color: #000000;
  line-height: 1.4375rem;
}
.csort .msg .title {
  font-size: 1.625rem;
  font-weight: 700;
  padding: 1.25rem;
  padding-bottom: 0.625rem;
  line-height: 1.4em;
}
.csort .msg .list-group-wrapper {
  height: 100%;
}
.csort .msg .list-group {
  position: relative;
}
.csort .msg .list-group .list-group-item {
  cursor: pointer;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 1.25rem;
  min-height: 2.875rem;
}
.csort .msg .list-group .list-group-item:last-child {
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
}
.cishover .csort .msg .list-group .list-group-item:focus, .csort .msg .list-group .list-group-item.cactive {
  background-color: #d3d8dd;
}
.cishover .csort .msg .list-group .list-group-item:hover {
  background-color: #A7B2BE;
}
.cishover .csort .msg .list-group .list-group-item.empty:focus, .cishover .csort .msg .list-group .list-group-item.empty:hover, .csort .msg .list-group .list-group-item.empty.cactive {
  background-color: unset;
  cursor: unset;
}
.csort .msg.min-csort {
  height: 35%;
  top: 35%;
}

/* NOTIFICATION */
.notification {
  position: absolute;
  background: #4f4f4f;
  border-radius: 6.25rem;
  bottom: 3.125rem;
  z-index: 1000001;
  text-align: center;
  font-weight: 400;
  color: #ffffff;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  line-height: 1.4375rem;
}

/* LOAD BAR */
.load-bar {
  position: relative;
  width: 100%;
  height: 0.375rem;
  background-color: #8d0004;
  opacity: 0.7;
}

.bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  text-align: center;
}

.bar:nth-child(1) {
  background-color: #680003;
  animation: loading 3s linear infinite;
}

.bar:nth-child(2) {
  background-color: #AC1519;
  animation: loading 3s linear 1s infinite;
}

.bar:nth-child(3) {
  background-color: #cf3337;
  animation: loading 3s linear 2s infinite;
}

@keyframes loading {
  from {
    left: 50%;
    width: 0;
    z-index: 100;
  }
  33.3333% {
    left: 0;
    width: 100%;
    z-index: 10;
  }
  to {
    left: 0;
    width: 100%;
  }
}
/* FLASH BUTTON */
.flash-button {
  animation-name: flash;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-name: flash;
  -webkit-animation-duration: 3s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: flash;
  -moz-animation-duration: 3s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
}

@keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
.start-form {
  width: 20rem;
}
.start-form .form-group {
  margin-left: 0;
  margin-right: 0;
}

button:focus {
  outline: 0;
}

.cbtn-big {
  -moz-transition: background 0.1s ease, color 0.1s ease;
  -o-transition: background 0.1s ease, color 0.1s ease;
  -webkit-transition: background 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, color 0.1s ease;
  border-radius: 0px;
  border: none;
  width: 100%;
  height: 4.125rem;
  font-size: 1.0625rem;
  background-color: #202020;
  color: #626262;
  font-weight: 300;
}
.cishover .cbtn-big:focus, .cbtn-big.cactive {
  background-color: #8d0004;
  color: #ffffff;
}
.cishover .cbtn-big:hover {
  background-color: #AC1519;
  color: #ffffff;
}
.cbtn-big.txt-white {
  color: #ffffff;
}
.cishover .cbtn-big:focus {
  box-shadow: none;
}
.cbtn-big .csmall {
  font-size: 0.8125rem;
}

.img-button.cactive,
.cishover .img-button:focus {
  cursor: pointer;
}
.img-button.cactive .cbtn-select-user,
.cishover .img-button:focus .cbtn-select-user {
  background-color: rgba(74, 73, 73, 0.8);
  color: #ffffff;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.img-button.cactive .min-image,
.cishover .img-button:focus .min-image {
  border: 0.1875rem solid #ffffff !important;
  -moz-transition: border 0.2s ease;
  -o-transition: border 0.2s ease;
  -webkit-transition: border 0.2s ease;
  transition: border 0.2s ease;
}

.cishover .img-button:hover {
  cursor: pointer;
}
.cishover .img-button:hover .cbtn-select-user {
  background-color: #535B61;
  color: #ffffff;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.cishover .img-button:hover .min-image {
  border: 0.1875rem solid #ffffff !important;
  -moz-transition: border 0.2s ease;
  -o-transition: border 0.2s ease;
  -webkit-transition: border 0.2s ease;
  transition: border 0.2s ease;
}

.cbtn-select-user {
  -moz-transition: background 0.1s ease, color 0.1s ease;
  -o-transition: background 0.1s ease, color 0.1s ease;
  -webkit-transition: background 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, color 0.1s ease;
  border-radius: 0px;
  border: none;
  height: 3.6875rem;
  font-size: 1.0625rem;
  background-color: transparent;
  color: #626262;
  font-weight: 300;
  text-align: left;
  width: 14.375rem;
  padding-left: 1.6875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cbtn-select-user.txt-white {
  color: #ffffff;
}
.cishover .cbtn-select-user:focus {
  box-shadow: none;
}
.cbtn-select-user .csmall {
  font-size: 0.8125rem;
}

.cbtn-transparent {
  -moz-transition: background 0.1s ease, color 0.1s ease;
  -o-transition: background 0.1s ease, color 0.1s ease;
  -webkit-transition: background 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, color 0.1s ease;
  border-radius: 0px;
  border: none;
  width: 100%;
  height: 2.375rem;
  font-size: 1rem;
  background-color: transparent;
  font-weight: 300;
  color: #ffffff;
}
.cbtn-transparent.cbtn-link {
  text-decoration: underline;
  height: 1.375rem;
  font-size: 0.9375rem;
  padding: 0;
  color: #373D42;
}
.cishover .cbtn-transparent:focus {
  box-shadow: none;
}
.cishover .cbtn-transparent:focus, .cishover .cbtn-transparent:hover, .cbtn-transparent.cactive {
  background-color: rgba(32, 32, 32, 0.7);
  color: #ffffff;
}

.cbtn-reset-connection {
  -moz-transition: background 0.1s ease, color 0.1s ease;
  -o-transition: background 0.1s ease, color 0.1s ease;
  -webkit-transition: background 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, color 0.1s ease;
  border-radius: 0px;
  border: none;
  width: 12.5rem;
  height: 2.375rem;
  font-size: 1.25rem;
  background-color: transparent;
  font-weight: 500;
  color: #000000;
  border-radius: 0.3125rem;
  cursor: pointer;
}
.cbtn-reset-connection.cbtn-link {
  text-decoration: underline;
  height: 1.375rem;
  font-size: 0.9375rem;
  padding: 0;
  color: #4f4f4f;
}
.cishover .cbtn-reset-connection:focus {
  box-shadow: none;
}
.cishover .cbtn-reset-connection:focus, .cishover .cbtn-reset-connection:hover, .cbtn-reset-connection.cactive {
  background-color: #000000;
  color: #ffffff;
}

.cbtn-watch {
  background: #b3b3b3 url(https://smarttv.cda.pl/images/baseline_play_arrow_white_24.png) no-repeat;
  background-position: 0.7rem 50%;
  background-size: 2.1875rem;
  padding-left: 2.375rem;
  cursor: pointer;
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  border-radius: 0.3125rem;
  border: none;
  width: 9.125rem;
  height: 2.625rem;
  font-size: 1rem;
  background-color: #7a7c7d;
  font-weight: 300;
  color: #ffffff;
}
.cishover .cbtn-watch:focus {
  box-shadow: none;
}
.cishover .cbtn-watch:focus, .cbtn-watch.cactive {
  background-color: #141719;
  color: #ffffff;
}
.cishover .cbtn-watch:hover {
  background-color: #535B61;
  color: #ffffff;
}

.cbtn-watch-later {
  background: #b3b3b3 url(https://smarttv.cda.pl/images/ico_time.png) no-repeat;
  background-position: 0.7rem 50%;
  background-size: 2.1875rem;
  padding-left: 2.375rem;
  cursor: pointer;
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  border-radius: 0.3125rem;
  border: none;
  width: 12.5rem;
  height: 2.625rem;
  font-size: 1rem;
  background-color: #7a7c7d;
  font-weight: 300;
  color: #ffffff;
  margin-left: 0.9375rem;
}
.cishover .cbtn-watch-later:focus {
  box-shadow: none;
}
.cbtn-watch-later.cbtn-watch-later-active {
  background: #b3b3b3 url(https://smarttv.cda.pl/images/ico_time_color.png) no-repeat;
  background-position: 0.7rem 50%;
  background-size: 2.1875rem;
  background-color: #7a7c7d;
}
.cishover .cbtn-watch-later:focus, .cbtn-watch-later.cactive {
  background-color: #141719;
  color: #ffffff;
}
.cishover .cbtn-watch-later:hover {
  background-color: #535B61;
  color: #ffffff;
}

.cbtn-playlist {
  background: #b3b3b3 url(https://smarttv.cda.pl/images/baseline_playlist_videos_24.png) no-repeat;
  background-position: 1.3rem 54%;
  background-size: 1.6875rem;
  padding-left: 2.375rem;
  cursor: pointer;
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  border-radius: 0.3125rem;
  border: none;
  width: 9.125rem;
  height: 2.625rem;
  font-size: 1rem;
  background-color: #7a7c7d;
  font-weight: 300;
  color: #ffffff;
  margin-left: 0.9375rem;
}
.cishover .cbtn-playlist:focus {
  box-shadow: none;
}
.cbtn-playlist.cbtn-watch-later-active {
  background: #b3b3b3 url(https://smarttv.cda.pl/images/ico_time_color.png) no-repeat;
  background-position: 0.7rem 50%;
  background-size: 2.1875rem;
  background-color: #7a7c7d;
}
.cishover .cbtn-playlist:focus, .cbtn-playlist.cactive {
  background-color: #141719;
  color: #ffffff;
}
.cishover .cbtn-playlist:hover {
  background-color: #535B61;
  color: #ffffff;
}

.cbtn-activate-premium,
.cbtn-lang,
.cbtn-close-wrapper,
.cbtn-skip-intro,
.cbtn-show-credits,
.cbtn-next-video {
  cursor: pointer;
  -moz-transition: background 0.1s ease, color 0.1s ease;
  -o-transition: background 0.1s ease, color 0.1s ease;
  -webkit-transition: background 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, color 0.1s ease;
  border-radius: 0.3125rem;
  border: none;
  width: 16.875rem;
  height: 2.625rem;
  font-size: 1rem;
  background-color: #7a7c7d;
  font-weight: 300;
  color: #ffffff;
}
.cishover .cbtn-activate-premium:focus,
.cishover .cbtn-lang:focus,
.cishover .cbtn-close-wrapper:focus,
.cishover .cbtn-skip-intro:focus,
.cishover .cbtn-show-credits:focus,
.cishover .cbtn-next-video:focus {
  box-shadow: none;
}
.cishover .cbtn-activate-premium:focus, .cishover .cbtn-activate-premium:hover, .cbtn-activate-premium.cactive,
.cishover .cbtn-lang:focus,
.cishover .cbtn-lang:hover,
.cbtn-lang.cactive,
.cishover .cbtn-close-wrapper:focus,
.cishover .cbtn-close-wrapper:hover,
.cbtn-close-wrapper.cactive,
.cishover .cbtn-skip-intro:focus,
.cishover .cbtn-skip-intro:hover,
.cbtn-skip-intro.cactive,
.cishover .cbtn-show-credits:focus,
.cishover .cbtn-show-credits:hover,
.cbtn-show-credits.cactive,
.cishover .cbtn-next-video:focus,
.cishover .cbtn-next-video:hover,
.cbtn-next-video.cactive {
  background-color: #548b01;
  color: #ffffff;
}

.cbtn-skip-ad {
  cursor: pointer;
  -moz-transition: background 0.1s ease, color 0.1s ease;
  -o-transition: background 0.1s ease, color 0.1s ease;
  -webkit-transition: background 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, color 0.1s ease;
  border-radius: 0.3125rem;
  border: none;
  height: 2.5625rem;
  line-height: 2.5625rem;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0.9);
  font-weight: 300;
  color: #ffffff;
  text-align: left;
  background: #535B61 url(https://smarttv.cda.pl/images/arrow_skip_ad.png) no-repeat;
  background-position: calc(100% - 0.875rem) 0.6875rem;
  background-size: 1.375rem;
  padding-right: 2.875rem;
  padding-left: 1.25rem;
}
.cishover .cbtn-skip-ad.cready:focus {
  box-shadow: none;
}
.cishover .cbtn-skip-ad.cready:focus, .cishover .cbtn-skip-ad.cready:hover, .cishover .cbtn-skip-ad.cready.cactive {
  background: #141719 url(https://smarttv.cda.pl/images/arrow_skip_ad.png) no-repeat;
  background-position: calc(100% - 0.875rem) 0.6875rem;
  background-size: 1.375rem;
}

.cbtn-ad-info {
  cursor: pointer;
  -moz-transition: background 0.1s ease, color 0.1s ease;
  -o-transition: background 0.1s ease, color 0.1s ease;
  -webkit-transition: background 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, color 0.1s ease;
  border-radius: 0.3125rem;
  border: none;
  width: 9.5625rem;
  height: 2.0625rem;
  line-height: 2.0625rem;
  font-size: 0.875rem;
  background-color: rgba(247, 196, 8, 0.9);
  font-weight: 300;
  color: #ffffff;
}
.cbtn-ad-info strong {
  font-weight: bold;
}

.cbtn-ad-buy-premium {
  cursor: pointer;
  -moz-transition: background 0.1s ease, color 0.1s ease;
  -o-transition: background 0.1s ease, color 0.1s ease;
  -webkit-transition: background 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, color 0.1s ease;
  border-radius: 0.3125rem;
  border: none;
  height: 2.5625rem;
  line-height: 2.5625rem;
  font-size: 0.875rem;
  background-color: #535B61;
  padding-left: 2.125rem;
  padding-right: 0.9375rem;
  font-weight: 300;
  color: #ffffff;
  background-image: url("https://smarttv.cda.pl/images/baseline_star_rate_white_18.png");
  background-repeat: no-repeat;
  background-position: 0.5rem 0.625rem;
  background-size: 1.375rem;
}
.cbtn-ad-buy-premium strong {
  font-weight: bold;
}
.cishover .cbtn-ad-buy-premium:focus, .cishover .cbtn-ad-buy-premium:hover, .cbtn-ad-buy-premium.cactive {
  background-color: #548b01;
  color: #ffffff;
}

.cbtn-activate-premium {
  width: unset;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  font-weight: normal;
}

.cbtn-lang {
  width: unset;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-weight: bold;
  margin-left: 0.125rem;
  margin-right: 0.625rem;
  background-color: #424242;
  font-size: 1.125rem;
}
.cbtn-lang.cselected {
  background: #424242 url(https://smarttv.cda.pl/images/baseline_check_white_48dp.png) no-repeat 0.7rem 50%;
  background-size: 1.5625rem;
  padding-left: 2.8125rem;
}
.cishover .cbtn-lang:focus, .cbtn-lang.cactive {
  color: #ffffff;
  text-shadow: unset;
  background-color: #a5a8ab;
}
.cishover .cbtn-lang:hover {
  color: #ffffff;
  text-shadow: unset;
  background-color: #535B61;
}

.next-video-wrapper .nv-bg {
  background: #424242;
  width: 12.5rem;
  height: 3.125rem;
  position: absolute;
  right: 3.75rem;
  border-radius: 0.3125rem;
  width: 12.1875rem;
  height: 2.625rem;
  overflow: hidden;
}
.next-video-wrapper .nv-bg .nv-progress {
  height: 2.625rem;
  border-radius: 0.3125rem;
  background: #a5a8ab;
}
.next-video-wrapper .cbtn-next-video {
  background: transparent;
  width: 12.1875rem;
  padding: unset;
}

.cbtn-next-video {
  width: unset;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-weight: bold;
  margin-left: 0.125rem;
  font-size: 1.125rem;
  background: #424242 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXY1i6YvV/AAbmAvgNBxKGAAAAAElFTkSuQmCC) no-repeat left center;
  background-size: 0%;
}
.cbtn-next-video.cselected {
  background-size: 1.5625rem;
  padding-left: 2.8125rem;
}
.cishover .cbtn-next-video:focus, .cishover .cbtn-next-video:hover, .cbtn-next-video.cactive {
  color: #ffffff;
  text-shadow: unset;
  background-color: #a5a8ab;
}

.cbtn-show-credits {
  width: unset;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-weight: bold;
  margin-left: 0.125rem;
  margin-right: 0.625rem;
  background-color: #424242;
  font-size: 1.125rem;
}
.cbtn-show-credits.cselected {
  background-size: 1.5625rem;
  padding-left: 2.8125rem;
}
.cishover .cbtn-show-credits:focus, .cishover .cbtn-show-credits:hover, .cbtn-show-credits.cactive {
  color: #ffffff;
  text-shadow: unset;
  background-color: #a5a8ab;
}

.cbtn-skip-intro {
  width: unset;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-weight: bold;
  margin-left: 0.125rem;
  margin-right: 0;
  background-color: transparent;
  border: 0.125rem solid #ffffff;
  font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: normal;
}
.cbtn-skip-intro.cselected {
  background-size: 1.5625rem;
  padding-left: 2.8125rem;
}
.cishover .cbtn-skip-intro:focus, .cishover .cbtn-skip-intro:hover, .cbtn-skip-intro.cactive {
  color: #ffffff;
  text-shadow: unset;
  background-color: rgba(165, 168, 171, 0.5);
}

.cbtn-close-wrapper {
  width: 7.6875rem;
  font-weight: bold;
  margin-left: 0.125rem;
  margin-right: 0rem;
  background-color: #424242;
  font-size: 1.125rem;
}
.cishover .cbtn-close-wrapper:focus, .cishover .cbtn-close-wrapper:hover, .cbtn-close-wrapper.cactive {
  background-color: #4f4f4f;
  color: #ffffff;
}

.cbtn-profile {
  background: #b3b3b3 url(https://smarttv.cda.pl/images/baseline_person_white_24.png) no-repeat 0.7rem 50%;
  background-size: 2.1875rem;
  padding-left: 2.375rem;
  cursor: pointer;
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  border-radius: 0.3125rem;
  border: none;
  width: 16.875rem;
  height: 2.625rem;
  font-size: 1rem;
  background-color: #7a7c7d;
  font-weight: 300;
  color: #ffffff;
}
.cishover .cbtn-profile:focus {
  box-shadow: none;
}
.cishover .cbtn-profile:focus, .cbtn-profile.cactive {
  background-color: #141719;
  color: #ffffff;
}
.cishover .cbtn-profile:hover {
  background-color: #535B61;
  color: #ffffff;
}

.cbtn-watch-tv {
  background-size: 2.1875rem;
  padding-left: 2.375rem;
  cursor: pointer;
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  border-radius: 0.3125rem;
  border: none;
  width: 13.125rem;
  height: 2.625rem;
  font-size: 1rem;
  background-color: #7a7c7d;
  font-weight: 300;
  color: #ffffff;
  background-repeat: no-repeat;
  background-position: 1rem center;
}
.cishover .cbtn-watch-tv:focus {
  box-shadow: none;
}
.cishover .cbtn-watch-tv:focus, .cishover .cbtn-watch-tv:hover, .cbtn-watch-tv.cactive {
  background-color: #141719;
  color: #ffffff;
}

.cbtn-fast-login {
  width: 14.375rem;
  font-size: 1rem;
  background: #548b01 url(https://smarttv.cda.pl/images/baseline_person_white_24.png) no-repeat 0.5rem 50%;
  background-size: 2.1875rem;
}

.cbtn-simple-grey {
  cursor: pointer;
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  border-radius: 0.3125rem;
  border: none;
  width: 15.625rem;
  height: 3.125rem;
  font-size: 1rem;
  background-color: #7a7c7d;
  font-weight: 300;
  color: #ffffff;
}
.cishover .cbtn-simple-grey:focus {
  box-shadow: none;
}
.cishover .cbtn-simple-grey:focus, .cishover .cbtn-simple-grey:hover, .cbtn-simple-grey.cactive {
  background-color: #141719;
  color: #ffffff;
}

.cbtn-s-buy-premium {
  padding-left: 2.375rem;
  cursor: pointer;
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  border-radius: 0.3125rem;
  border: none;
  width: 19.375rem;
  height: 3.125rem;
  font-size: 1rem;
  background-color: #7a7c7d;
  font-weight: 300;
  color: #ffffff;
}
.cbtn-s-buy-premium.c-send-link {
  background: #7a7c7d url(https://smarttv.cda.pl/images/baseline_mail_outline_white_24dp.png) no-repeat 0.7rem 50%;
  background-size: 2.1875rem;
}
.cbtn-s-buy-premium.c-login {
  background: #7a7c7d url(https://smarttv.cda.pl/images/baseline_person_white_24.png) no-repeat 0.7rem 50%;
  background-size: 2.1875rem;
}
.cbtn-s-buy-premium.c-exit {
  background: #7a7c7d url(https://smarttv.cda.pl/images/baseline_logout_white_24dp.png) no-repeat 0.7rem 50%;
  background-size: 2.1875rem;
}
.cbtn-s-buy-premium.c-blik {
  background: #7a7c7d url(https://smarttv.cda.pl/images/blik-logo.png) no-repeat 0.7rem 50%;
  background-size: 2.1875rem;
}
.cishover .cbtn-s-buy-premium:focus {
  box-shadow: none;
}
.cishover .cbtn-s-buy-premium:focus, .cishover .cbtn-s-buy-premium:hover, .cbtn-s-buy-premium.cactive {
  background-color: #141719;
  color: #ffffff;
}

.cbtn-folder {
  background: #b3b3b3 url(https://smarttv.cda.pl/images/folder-icon.png) no-repeat 0.7rem 50%;
  background-size: 2.1875rem;
  padding-left: 2.375rem;
  cursor: pointer;
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  border-radius: 0.3125rem;
  border: none;
  width: 14.375rem;
  height: 2.625rem;
  font-size: 1rem;
  background-color: #7a7c7d;
  font-weight: 300;
  color: #ffffff;
}
.cishover .cbtn-folder:focus {
  box-shadow: none;
}
.cishover .cbtn-folder:focus, .cishover .cbtn-folder:hover, .cbtn-folder.cactive {
  background-color: #141719;
  color: #ffffff;
}

.cbtn-transparent-big {
  -moz-transition: background 0.1s ease, color 0.1s ease;
  -o-transition: background 0.1s ease, color 0.1s ease;
  -webkit-transition: background 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, color 0.1s ease;
  border-radius: 0px;
  border: none;
  width: 100%;
  height: 2.375rem;
  font-size: 1rem;
  background-color: transparent;
  font-weight: 400;
  width: 12.5rem;
  color: #000000;
  margin-top: -0.3125rem;
  border-radius: 0.1875rem;
}
.cbtn-transparent-big.cbtn-sort {
  width: 76%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cishover .cbtn-transparent-big:focus {
  box-shadow: none;
}
.cishover .cbtn-transparent-big:focus, .cbtn-transparent-big.cactive {
  background-color: #141719;
  color: #ffffff;
}
.cishover .cbtn-transparent-big:hover {
  background-color: #535B61;
  color: #ffffff;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.start-form-left-col-12 {
  padding-right: 0;
}

.start-form-left-col-6 {
  padding-right: 0.9375rem;
}

.ctext {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  border: 0px;
  border-radius: 0px;
  height: 3.3125rem;
  line-height: 2.6875rem;
  font-weight: 300;
  color: #000000;
  background-color: #b3b3b3;
}
.ctext .ctext-layer {
  position: absolute;
  left: 0.8125rem;
  width: 105%;
}
.ctext .ctext-layer span.ctext-hidden {
  color: transparent;
  max-width: 18.375rem;
  word-wrap: break-word;
  display: inline-block;
  white-space: nowrap;
}
.ctext .ctext-layer span.blink {
  font-size: 1.5rem;
  position: absolute;
  font-weight: 300;
  top: -0.125rem;
  animation: blinker 1s linear infinite;
  margin-left: 0.125rem;
}
.ctext input {
  padding-left: 0.8125rem;
  padding-right: 0.8125rem;
  width: 100%;
  height: 100%;
  font-weight: 300;
  color: #000000;
  background-color: transparent;
  border: none;
}
.cishover .ctext:focus {
  color: #000000;
  box-shadow: none;
  background-color: #ffffff;
}
.cishover .ctext:focus, .cishover .ctext:hover, .ctext.cactive {
  background-color: #ffffff !important;
  color: #000000;
}

.cerror-msg {
  display: none;
  z-index: 100;
}

.cerror {
  position: relative;
}
.cerror .ctext {
  background: #b3b3b3 url(https://smarttv.cda.pl/images/error_icon.png) no-repeat calc(100% - 0.45rem) 50%;
  background-size: 2.1875rem;
  padding-right: 2.375rem;
}
.cerror .ctext span.ctext-hidden {
  max-width: 16rem;
}
.cishover .cerror .ctext:focus, .cishover .cerror .ctext:hover {
  background-color: #ffffff;
  color: #000000;
}
.cerror .cerror-msg {
  display: block;
  position: absolute;
  background: #ffffff;
  top: 3.3125rem;
  width: 100%;
  border-top: 0.1875rem solid #a5060b;
  padding: 0.625rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
}
.cerror .cerror-msg .arrow-top {
  position: absolute;
  right: 1.1875rem;
  top: -0.75rem;
  width: 0.75rem;
}

.chide {
  display: none;
}

#section-start-error {
  padding-top: 12.1875rem;
}
#section-start-error .logo {
  width: 15.375rem;
  height: 7.0625rem;
  margin: 0 auto;
}
#section-start-error .info {
  margin-top: 2.9375rem;
  text-align: center;
  color: #ffffff;
  font-size: 1.75rem;
  line-height: 2.25rem;
}
#section-start-error .url {
  text-align: center;
  color: #548b01;
  font-size: 2.5rem;
  margin-top: 4.0625rem;
  font-weight: bold;
}
#section-start-error.boot {
  padding-top: 18.75rem;
}
#section-start-error.boot .info {
  display: none;
}
#section-start-error.boot .url {
  display: none;
}
#section-start-error.boot .logo {
  animation-name: flash;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-name: flash;
  -webkit-animation-duration: 3s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: flash;
  -moz-animation-duration: 3s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
}

#section-start-menu .logo-wrapper {
  margin-top: 10rem;
}
#section-start-menu .cform {
  margin-top: 2.5rem;
}

#section-login .logo-wrapper {
  margin-top: 6.25rem;
}
#section-login .cform {
  margin-top: 2.5rem;
}
#section-login .top-txt-wrapper {
  padding-top: 4.5rem;
}
#section-login .top-txt-wrapper p {
  font-weight: 700;
  color: #ffffff;
  font-size: 2.5rem;
  line-height: 2.25rem;
  margin-bottom: 3.125rem;
}
#section-login .c-keyboard-col {
  padding-top: 3.125rem;
}
#section-login .cform {
  padding-top: 3.125rem;
}

#section-register .logo-wrapper {
  margin-top: 6.25rem;
}
#section-register .top-txt-wrapper {
  margin-top: 2rem;
}
#section-register .top-txt-wrapper p {
  font-weight: 700;
  color: #ffffff;
  font-size: 1.6875rem;
  line-height: 2.25rem;
}
#section-register .bottom-txt-wrapper, #section-register .bottom-txt-wrapper a {
  line-height: 1.25rem;
  font-size: 0.9375rem;
  color: #4f4f4f;
  font-weight: 300;
}
#section-register .bottom-txt-wrapper a, #section-register .bottom-txt-wrapper a a {
  text-decoration: underline;
}
#section-register .cform {
  margin-top: 2.8125rem;
}
#section-register .bottom-txt-wrapper {
  color: #a7a7a7;
}
#section-register .bottom-txt-wrapper .confirm-redirect.cbtn-link {
  color: #a7a7a7;
}

#section-multi-register .logo-wrapper {
  padding-top: 1.875rem;
  margin-left: 0.625rem;
}
#section-multi-register .logo-wrapper .monitor-phone {
  width: 9.375rem;
}
#section-multi-register .logo-wrapper .fast-login {
  font-size: 1.375rem;
  color: #373D42;
}
#section-multi-register .logo-wrapper .fast-login h2 {
  font-weight: bold;
  font-size: 1.6875rem;
  margin-bottom: 0.8125rem;
}
#section-multi-register .logo-wrapper .fast-login p {
  line-height: 1.75rem;
}
#section-multi-register .top-txt-wrapper {
  padding-top: 2rem;
}
#section-multi-register .top-txt-wrapper p {
  font-weight: 700;
  color: #373D42;
  font-size: 1.6875rem;
  line-height: 2.25rem;
}
#section-multi-register .bottom-txt-wrapper, #section-multi-register .bottom-txt-wrapper a {
  line-height: 1.25rem;
  font-size: 0.9375rem;
  color: #373D42;
  font-weight: 300;
}
#section-multi-register .bottom-txt-wrapper a, #section-multi-register .bottom-txt-wrapper a a {
  text-decoration: underline;
}
#section-multi-register .cform {
  margin-top: 1.5625rem;
}
#section-multi-register .bottom-txt-wrapper {
  color: #373D42;
}
#section-multi-register .bottom-txt-wrapper .confirm-redirect.cbtn-link {
  color: #a7a7a7;
}
#section-multi-register .c-keyboard-register-col {
  margin-top: 1.5625rem;
}
#section-multi-register .c-keyboard-wrapper {
  background: #A3A8B3;
}
#section-multi-register .c-keyboard-wrapper button {
  background-color: #EAEAEC;
}
#section-multi-register .c-keyboard-wrapper button:hover {
  background-color: #373D42;
}
#section-multi-register .green {
  color: #558B01;
  font-weight: bold;
}
#section-multi-register .logo-small {
  width: 17.5rem;
  height: auto;
}
#section-multi-register .fast-login-row {
  padding-top: 1.25rem;
}
#section-multi-register .c-arrow-pointer {
  border-right: 0.9375rem solid #A3A8B3;
}
#section-multi-register .cbtn-big {
  background-color: #373D42;
}
.cishover #section-multi-register .cbtn-big:focus, .cishover #section-multi-register .cbtn-big:hover, #section-multi-register .cbtn-big.cactive {
  background-color: #8d0004;
  color: #ffffff;
}
#section-multi-register .ctext {
  background-color: #A3A8B3;
}
.cishover #section-multi-register .cbtn-transparent:focus, .cishover #section-multi-register .cbtn-transparent:hover, #section-multi-register .cbtn-transparent.cactive {
  background-color: #373D42;
  color: #ffffff;
}

#section-login-code .logo-wrapper {
  margin-top: 3.125rem;
}
#section-login-code .top-txt-wrapper {
  padding-top: 4.5rem;
}
#section-login-code .top-txt-wrapper p {
  font-weight: 700;
  color: #ffffff;
  font-size: 2.5rem;
  line-height: 2.25rem;
  margin-bottom: 3.125rem;
}
#section-login-code .c-bg {
  width: 56.25rem;
  height: 27.8125rem;
  left: 12.5rem;
  background: rgba(0, 0, 0, 0.3);
  padding-top: 3.4375rem;
  margin-top: 1.875rem;
  position: absolute;
  border-radius: 3.125rem;
  filter: blur(0.0625rem);
}
#section-login-code .c-left {
  padding-top: 4.8125rem;
  float: left;
  margin-left: 18.75rem;
  position: relative;
}
#section-login-code .c-left .step-txt {
  position: absolute;
  left: -4.375rem;
  top: 4.5625rem;
  color: #fff;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 12.5rem;
  width: 3.125rem;
  height: 3.125rem;
  text-align: center;
  font-size: 1.5rem;
  line-height: 3.125rem;
}
#section-login-code .c-left .step-desc {
  color: #fff;
  font-size: 1.5rem;
  width: 18.75rem;
  line-height: 1.75rem !important;
}
#section-login-code .c-left .step-desc strong {
  font-weight: 600;
}
#section-login-code .c-left .qr-code-img {
  margin-top: 0.9375rem;
  background: #fff;
  border-radius: 0.625rem;
  width: 17.5rem;
  height: 17.5rem;
  position: relative;
}
#section-login-code .c-left .qr-code-img img {
  top: 0.9375rem;
  left: 0.9375rem;
  position: absolute;
  width: 15.625rem;
}
#section-login-code .c-right {
  padding-top: 4.8125rem;
  float: left;
  margin-left: 12.5rem;
  position: relative;
}
#section-login-code .c-right .step-txt {
  position: absolute;
  left: -4.375rem;
  top: 4.5625rem;
  color: #fff;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 12.5rem;
  width: 3.125rem;
  height: 3.125rem;
  text-align: center;
  font-size: 1.5rem;
  line-height: 3.125rem;
}
#section-login-code .c-right .step-desc {
  color: #fff;
  font-size: 1.5rem;
  width: 18.75rem;
  line-height: 1.75rem !important;
}
#section-login-code .c-right .step-desc strong {
  font-weight: 600;
}
#section-login-code .c-right .code {
  padding-top: 1.25rem;
  font-size: 2.8125rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.1875rem;
}
#section-login-code .c-right .cbtn-transparent {
  position: absolute;
  right: 2.5rem;
  border-radius: 3.125rem;
  width: 16.25rem;
  top: 24.5rem;
}
.cishover #section-login-code .c-right .cbtn-transparent:focus, #section-login-code .c-right .cbtn-transparent.cactive {
  background-color: #141719;
  color: #ffffff;
}
.cishover #section-login-code .c-right .cbtn-transparent:hover {
  background-color: #535B61;
  color: #ffffff;
}
#section-login-code .middle-txt-wrapper {
  margin-top: 1.875rem;
}
#section-login-code .middle-txt-wrapper p {
  font-weight: 700;
  color: #b3b3b3;
  line-height: 1.375rem;
  font-size: 1.0625rem;
  font-weight: 300;
}
#section-login-code .middle-txt-wrapper .site-tv-txt {
  font-weight: 700;
  color: #ffffff;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-size: 1.6875rem;
}
#section-login-code .bottom-txt-wrapper {
  margin-top: 0.625rem;
}
#section-login-code .bottom-txt-wrapper .login-code {
  position: relative;
}
#section-login-code .bottom-txt-wrapper .login-code .txt {
  padding: 0.9375rem;
  padding-right: 2.1875rem;
  padding-left: 2.1875rem;
  font-weight: 700;
  color: #000000;
  background-color: #ffffff;
  font-size: 1.375rem;
  letter-spacing: 0.0625rem;
}
#section-login-code .bottom-txt-wrapper .login-code .qr-code {
  width: 15rem;
  position: absolute;
  right: -20.625rem;
  bottom: -5.3125rem;
  height: 17.1875rem;
}
#section-login-code .bottom-txt-wrapper .login-code .qr-code p {
  font-weight: 700;
  color: #b3b3b3;
  line-height: 1.375rem;
  font-size: 1.0625rem;
  font-weight: 300;
}
#section-login-code .bottom-txt-wrapper .login-code .qr-code .qr-code-img {
  margin-top: 0.75rem;
  width: 15rem;
  height: 8.125rem;
  background: #ffffff;
}
#section-login-code .bottom-txt-wrapper .login-code .qr-code .qr-code-img img {
  width: 100%;
  height: 100%;
}

#section-select-account .logo-wrapper {
  margin-top: 7.5rem;
}
#section-select-account .start-form {
  width: 21.875rem;
}
#section-select-account .cform {
  margin-top: 2.5rem;
}
#section-select-account .cform .select-account-txt {
  color: #ffffff;
  font-size: 1.75rem;
  font-weight: 300;
  height: 3.6875rem;
}
#section-select-account .cform .select-box {
  overflow: hidden;
  height: 13.125rem;
}
#section-select-account .cform .select-box .row {
  height: 3.6875rem;
}
#section-select-account .cform .select-box .select-account {
  position: relative;
}
#section-select-account .cform .select-another-account {
  border-top: 0.0625rem solid #ffffff;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
}
#section-select-account .cform .min-image {
  float: left;
  width: 3.6875rem;
  height: 3.6875rem;
  border-radius: 3.6875rem;
  overflow: hidden;
  border: 0.1875rem solid transparent;
}
#section-select-account .cform .min-image img {
  width: 100%;
}
#section-select-account .cform .min-image.another-account-image {
  background: #8d0004;
}
#section-select-account .simple-select-account-all {
  width: auto;
}
#section-select-account .simple-select-account-all .spinner {
  left: 1.25rem;
  top: 1.875rem;
}
#section-select-account .simple-select-account-all .account {
  margin: 0 auto;
  width: 12.5rem;
  margin-left: 0;
  margin-right: 0;
}
#section-select-account .simple-select-account-all .account.account-other .min-image {
  background: rgba(255, 255, 255, 0.2);
}
#section-select-account .simple-select-account-all .cbtn-select-user {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
#section-select-account .simple-select-account.cform {
  margin-top: 1.5625rem;
}
#section-select-account .simple-select-account .cbtn-select-user {
  text-align: center;
  width: 100%;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  font-size: 1.25rem;
  line-height: 1.625rem;
  height: 4.375rem;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
#section-select-account .simple-select-account .select-account-txt {
  font-size: 1.75rem;
  margin-bottom: 3.125rem;
}
#section-select-account .simple-select-account .min-image {
  width: 6.25rem;
  height: 6.25rem;
  float: none;
  margin: 0 auto;
  margin-bottom: 1.25rem;
  border-radius: 52%;
  -moz-transition: border 0.2s ease;
  -o-transition: border 0.2s ease;
  -webkit-transition: border 0.2s ease;
  transition: border 0.2s ease;
  border: 0.1875rem solid transparent;
  overflow: hidden;
  text-align: center;
  position: relative;
}
#section-select-account .simple-select-account .min-image img {
  width: 100%;
  height: 100%;
}
#section-select-account.pin .top .min-image {
  width: 5rem;
  height: 5rem;
  padding: 0;
  float: left;
}
#section-select-account.pin .top .min-image img {
  width: 100%;
}
#section-select-account.pin .top .profile-name {
  padding-left: 1.25rem;
  float: left;
  color: #fff;
  font-size: 1.5rem;
  line-height: 5rem;
}
#section-select-account.pin .ctext .ctext-layer {
  width: 2.25rem;
}
#section-select-account.pin .ctext input {
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
}
#section-select-account.pin .ctext .ctext-layer span.blink {
  margin-left: -0.1875rem !important;
  font-weight: bold;
}
#section-select-account.pin .ctext .ctext-layer span.ctext-hidden {
  font-weight: bold;
  font-size: 1.5rem;
}
#section-select-account.pin .start-form {
  width: 18.75rem;
}
#section-select-account.pin .pin-number {
  width: 3.75rem;
  margin-right: 1.25rem;
  text-align: center;
}
#section-select-account.pin .cform .form-group.row .pin-number:last-child {
  margin-right: 0 !important;
}
#section-select-account.pin .undo {
  width: 6.25rem;
  margin-right: 0.625rem;
}
#section-select-account.pin .forgotten-pin {
  width: 11.875rem;
}
#section-select-account.pin .c-keyboard-wrapper {
  width: 14.3125rem;
}
#section-select-account.pin .c-keyboard-wrapper button:not(.full-w):not(.big-b) {
  width: 3.75rem;
}
#section-select-account.pin .c-keyboard-wrapper .c-arrow-pointer {
  right: 14.3125rem;
}
#section-select-account.pin .c-keyboard-wrapper .full-w.backspace-button {
  width: 7.875rem;
}

#section-catchup .tv-station-info {
  opacity: 0.8;
  font-size: 0.9375rem;
  color: #4b4b4b;
}
#section-catchup .tv-station-info img {
  width: 5.125rem;
  vertical-align: middle;
}
#section-catchup .alternative-cover {
  overflow: hidden;
  position: relative;
  width: 13.9375rem;
  height: 19.875rem;
  border-radius: 0.1875rem;
  box-shadow: 0 0 5px #9A9B9B;
}
#section-catchup .alternative-cover img {
  width: 17.125rem;
  object-fit: cover;
  height: 23.9375rem;
  filter: blur(5px) contrast(80%);
  transform: scale(1.1);
}
#section-catchup .alternative-cover .title-wrapper {
  position: absolute;
  height: 14.125rem;
  overflow: hidden;
  width: 100%;
  margin-top: 2.0625rem;
}
#section-catchup .alternative-cover .title {
  color: #fff;
  text-shadow: 0 0 0.3125rem #000;
  position: absolute;
  z-index: 100;
  font-weight: bold;
  font-size: 1.75rem;
  text-align: center;
  width: 100%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 1.25rem;
  padding-top: 0px;
  padding-bottom: 0px;
  box-sizing: border-box;
  max-height: 13.1875rem;
  line-height: 1.1em;
  word-wrap: break-word;
}
#section-catchup .alternative-cover .additional-video-info {
  color: #fff;
  text-shadow: 0 0 5px #000;
  position: absolute;
  bottom: 0px;
  z-index: 100;
  font-weight: bold;
  font-size: 0.875rem;
  text-align: center;
  width: 100%;
  padding: 0.625rem;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#section-catchup .desc-txt {
  max-height: 13.125rem;
  overflow: hidden;
}

#section-search .search-container {
  height: 24.6875rem;
}
#section-search .cslider-item .video-title {
  height: 5.375rem;
}
#section-search .kids-info {
  position: absolute;
  bottom: 18.125rem;
  left: 2.25rem;
  width: 56.25rem;
  color: #5f6368;
  line-height: 1.4375rem;
  clear: both;
}
#section-search .kids-info div {
  float: left;
}
#section-search .kids-info div.col-l {
  width: 2.1875rem;
}
#section-search .kids-info div.col-l svg {
  position: relative;
  top: 0.125rem;
  width: 1.5625rem;
}
#section-search .kids-info div.col-r {
  width: 37.5rem;
}
#section-search .search-wrapper .search-input-wrapper {
  padding-left: 1.25rem;
  padding-bottom: 1.5625rem;
  padding-top: 2.5rem;
}
#section-search .search-wrapper .search-input-wrapper .search-input {
  min-height: 1.6875rem;
  font-size: 1.4375rem;
  font-weight: bolder;
  word-wrap: no-wrap;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#section-settings .settings-wrapper, #section-info .settings-wrapper {
  padding-left: 1.25rem;
}
#section-settings .settings-wrapper #settings-info-content .col-info, #section-info .settings-wrapper #settings-info-content .col-info {
  padding-right: 0;
  padding-left: 0;
  padding-top: 9.0625rem;
  max-width: 100% !important;
}
#section-settings .settings-wrapper .col-left, #section-info .settings-wrapper .col-left {
  padding-right: 1.875rem;
}
#section-settings .settings-wrapper .col-left .list-title, #section-info .settings-wrapper .col-left .list-title {
  height: 3.125rem;
  font-size: 1.4375rem;
  font-weight: 300;
  margin-top: 2.5rem;
}
#section-settings .settings-wrapper .col-left ul li, #section-info .settings-wrapper .col-left ul li {
  cursor: pointer;
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  display: flex;
  align-items: center;
  height: 3rem;
  border-bottom: 1px solid #c0c5ca;
  padding-left: 0.625rem;
}
#section-settings .settings-wrapper .col-left ul li:focus, #section-settings .settings-wrapper .col-left ul li.cactive, #section-info .settings-wrapper .col-left ul li:focus, #section-info .settings-wrapper .col-left ul li.cactive {
  background-color: #141719;
  color: #ffffff;
}
#section-settings .settings-wrapper .col-left ul li:focus#settings-info-app-version .min-txt, #section-settings .settings-wrapper .col-left ul li.cactive#settings-info-app-version .min-txt, #section-info .settings-wrapper .col-left ul li:focus#settings-info-app-version .min-txt, #section-info .settings-wrapper .col-left ul li.cactive#settings-info-app-version .min-txt {
  color: #fff;
}
#section-settings .settings-wrapper .col-left ul li:hover, #section-info .settings-wrapper .col-left ul li:hover {
  background-color: #535B61;
  color: #ffffff;
}
#section-settings .settings-wrapper .col-left ul li:hover#settings-info-app-version .min-txt, #section-info .settings-wrapper .col-left ul li:hover#settings-info-app-version .min-txt {
  color: #fff;
}
#section-settings .settings-wrapper .min-txt, #section-info .settings-wrapper .min-txt {
  color: #525253;
  font-size: 0.8125rem;
  margin-top: 0.375rem;
  line-height: 0.9375rem;
}
#section-settings .settings-wrapper #settings-info-app-version .min-txt, #section-info .settings-wrapper #settings-info-app-version .min-txt {
  color: #000;
  font-size: 0.875rem;
  margin-top: 0.0625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 1.375rem;
  top: 0.0625rem;
  font-weight: bold;
}
#section-settings .settings-wrapper button, #section-info .settings-wrapper button {
  cursor: pointer;
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  border-radius: 0.1875rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  border: none;
  height: 2.3125rem;
  text-align: left;
  font-size: 1rem;
  background: 0;
  font-weight: 500;
}
#section-settings .settings-wrapper button:focus, #section-info .settings-wrapper button:focus {
  box-shadow: none;
}
#section-settings .settings-wrapper button:focus, #section-settings .settings-wrapper button:hover, #section-settings .settings-wrapper button.cactive, #section-info .settings-wrapper button:focus, #section-info .settings-wrapper button:hover, #section-info .settings-wrapper button.cactive {
  background-color: #141719;
  color: #ffffff;
}
#section-settings .settings-wrapper .col-right, #section-info .settings-wrapper .col-right {
  margin-top: 0.625rem;
  padding-right: 2.3125rem;
  padding-left: 2.5rem;
}
#section-settings .settings-wrapper .col-right ul li, #section-info .settings-wrapper .col-right ul li {
  padding-left: 0.625rem;
  display: flex;
  align-items: center;
  height: 4.25rem;
  border-bottom: 1px solid #c0c5ca;
}
#section-settings .settings-wrapper .col-info, #section-info .settings-wrapper .col-info {
  padding-top: 10.3125rem;
  text-align: center;
}
#section-settings .settings-wrapper .col-info .top-icon, #section-info .settings-wrapper .col-info .top-icon {
  width: 4.375rem;
  height: 4.375rem;
}
#section-settings .settings-wrapper .col-info .qr-code, #section-info .settings-wrapper .col-info .qr-code {
  width: 12.5rem;
}
#section-settings .settings-wrapper .col-info .txt1, #section-info .settings-wrapper .col-info .txt1 {
  margin-top: 1.375rem;
  font-size: 1.625rem;
}
#section-settings .settings-wrapper .col-info .txt2, #section-info .settings-wrapper .col-info .txt2 {
  margin-top: 1.25rem;
  color: #525253;
}
#section-settings .settings-wrapper .col-info .txt3, #section-info .settings-wrapper .col-info .txt3 {
  line-height: 1.0625rem;
  margin-top: 1.25rem;
}
#section-settings .settings-wrapper .col-info .txt3 button, #section-info .settings-wrapper .col-info .txt3 button {
  font-size: 1.625rem;
  max-width: unset;
  height: 2.8125rem;
}
#section-settings .settings-wrapper .col-info .txt3 button.disabled, #section-info .settings-wrapper .col-info .txt3 button.disabled {
  background: inherit;
  color: inherit;
  cursor: auto;
}
#section-settings .settings-wrapper .col-info .txt4, #section-info .settings-wrapper .col-info .txt4 {
  margin-top: 1.4375rem;
  color: #525253;
}
#section-settings .settings-wrapper .col-info .txt5, #section-info .settings-wrapper .col-info .txt5 {
  margin-top: 0.875rem;
}
#section-settings .settings-wrapper .col-info .txt5 img, #section-info .settings-wrapper .col-info .txt5 img {
  width: 15rem;
  margin: 0 auto;
}

#section-player {
  position: absolute;
  /*position: fixed; top: 0; left: 0;*/
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: #000000;
}
#section-player.no-controls .middle-row {
  display: none;
}
#section-player .tvp-sport-info-nav {
  z-index: 1000;
  background: #000;
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  color: #fff;
  text-align: center;
  padding-top: 16.25rem;
}
#section-player .tvp-sport-info-nav .txt-1 {
  font-size: 2.875rem;
  line-height: 3.4375rem;
  font-weight: bold;
}
#section-player .tvp-sport-info-nav .txt-2 {
  font-size: 2.125rem;
  line-height: 2.75rem;
  font-weight: bold;
}
#section-player .tvp-sport-info-nav .txt-3 {
  font-size: 1.5625rem;
  line-height: 2rem;
  padding-top: 1.5625rem;
}
#section-player .tvp-sport-info-nav .txt-4 {
  font-size: 1.4375rem;
  line-height: 2.5rem;
  padding-top: 0.0625rem;
  color: #8CC633;
}
#section-player .player-nav {
  z-index: 120000;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.9) 100%);
}
#section-player .player-nav .special-options .special-option {
  margin-right: 1.25rem;
  float: left;
  color: white;
}
#section-player .player-nav .special-options .special-option .button-ico {
  width: 1.4375rem;
  height: 0.625rem;
  background: green;
  border-radius: 0.1875rem;
  float: left;
  margin-right: 0.625rem;
  position: relative;
  top: 0.1875rem;
}
#section-player .player-nav .special-options .special-option .button-ico.green {
  background: #05C02C;
}
#section-player .player-nav .special-options .special-option .button-ico.blue {
  background: #0581B2;
}
#section-player .player-nav .special-options .special-option .txt {
  float: left;
}
#section-player .player-nav .change-station-number {
  position: absolute;
  color: #ffffff;
  right: 1.6875rem;
  top: 1.25rem;
  font-size: 2rem;
  font-weight: bold;
}
#section-player .player-nav .select-station {
  height: 45rem;
  overflow: hidden;
  width: 19.25rem;
  position: relative;
  z-index: 100;
}
#section-player .player-nav .select-station .station {
  position: relative;
  width: 15.3125rem;
  height: 15rem;
  text-align: center;
}
#section-player .player-nav .select-station .station.catchup-info .special-options {
  display: block;
  position: absolute;
  left: 2.9375rem;
  bottom: 1.875rem;
}
#section-player .player-nav .select-station .station.catchup-info img {
  margin-top: 2.5rem;
}
#section-player .player-nav .select-station .station .station-number {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  left: 0.625rem;
  top: 0.625rem;
}
#section-player .player-nav .select-station .station img {
  margin-top: 3.25rem;
  width: 8rem;
  height: 8rem;
}
.cishover #section-player .player-nav .select-station .station:focus, #section-player .player-nav .select-station .station.cactive {
  background-color: rgba(66, 66, 66, 0.7);
}
.cishover #section-player .player-nav .select-station .station:hover {
  background-color: rgb(66, 66, 66);
}
#section-player .player-nav .select-station .station.inactive img {
  display: none;
}
.cishover #section-player .player-nav .select-station .station.inactive:focus, .cishover #section-player .player-nav .select-station .station.inactive:hover, #section-player .player-nav .select-station .station.inactive.cactive {
  opacity: 0;
}
#section-player .player-nav .station-info-wrapper {
  position: absolute;
  bottom: 0rem;
  height: 15rem;
  z-index: 50;
}
#section-player .player-nav .station-info-wrapper .no-program-info {
  color: #ffffff;
  text-align: center;
  display: none;
  font-weight: bold;
  font-size: 1.5rem;
  padding-top: 5.4375rem;
}
#section-player .player-nav .station-info-wrapper .no-program .r-col .no-program-info {
  display: block !important;
}
#section-player .player-nav .station-info-wrapper .no-program .r-col * {
  display: none;
}
#section-player .player-nav .station-info-wrapper .station-info.notification-info .r-col .special-options {
  display: block;
}
#section-player .player-nav .station-info-wrapper .station-info.no-progress .ctime-line {
  display: none;
}
#section-player .player-nav .station-info-wrapper .station-info.no-progress .ccurrect-time, #section-player .player-nav .station-info-wrapper .station-info.no-progress .total-time {
  width: unset !important;
}
#section-player .player-nav .station-info-wrapper .station-info.no-progress .ctime-breaker {
  display: block;
  color: #ffffff;
  font-size: 1.125rem;
  float: left;
  font-weight: bold;
  font-size: 1.125rem;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}
#section-player .player-nav .station-info-wrapper .station-info.no-progress .special-options .special-option {
  margin-left: 1.4375rem;
  position: relative;
  top: 1px;
}
#section-player .player-nav .station-info-wrapper .station-info .l-col {
  width: 15.3125rem;
  background: rgba(0, 0, 0, 0.7);
  float: left;
  margin-right: 0.75rem;
}
#section-player .player-nav .station-info-wrapper .station-info .r-col {
  background: rgba(0, 0, 0, 0.7);
  padding-top: 1.375rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  width: 61.4375rem;
  position: absolute;
  right: 1.375rem;
}
#section-player .player-nav .station-info-wrapper .station-info .r-col .m-l-col {
  float: left;
  width: 15.4375rem;
  overflow: hidden;
}
#section-player .player-nav .station-info-wrapper .station-info .r-col .m-l-col img {
  width: 100%;
  height: 100%;
  image-rendering: high-quality;
}
#section-player .player-nav .station-info-wrapper .station-info .r-col .m-r-col {
  float: left;
  width: 41rem;
  margin-left: 1.5rem;
}
#section-player .player-nav .station-info-wrapper .station-info .r-col .tp-wrapper {
  margin-bottom: 0.4375rem;
}
#section-player .player-nav .station-info-wrapper .station-info .r-col .tp-wrapper .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 2.375rem;
  float: left;
  width: 35.625rem;
  color: #ffffff;
  font-size: 2.125rem;
  font-weight: bold;
}
#section-player .player-nav .station-info-wrapper .station-info .r-col .tp-wrapper .pegi {
  float: right;
}
#section-player .player-nav .station-info-wrapper .station-info .r-col .tp-wrapper .pegi img {
  margin-top: 0.125rem;
  width: 2.125rem;
  height: 2.125rem;
}
#section-player .player-nav .station-info-wrapper .station-info .r-col .title-info {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 1.3125rem;
  color: rgba(255, 255, 255, 0.4);
  font-size: 1.125rem;
  margin-bottom: 1.5625rem;
  width: 57.5rem;
}
#section-player .player-nav .station-info-wrapper .station-info .r-col .title-description {
  color: #ffffff;
  font-size: 1.125rem;
  line-height: 1.375rem;
  height: 2.8125rem;
  overflow: hidden;
}
#section-player .player-nav .station-info-wrapper .station-info .r-col.no-image .m-l-col {
  display: none;
}
#section-player .player-nav .station-info-wrapper .station-info .r-col.no-image .m-r-col {
  margin-left: 0;
  width: 100%;
}
#section-player .player-nav .station-info-wrapper .station-info .r-col-additional {
  display: none;
  width: 0.8125rem;
  padding-right: 0;
  margin-left: 0.625rem;
  padding-left: 0;
  position: absolute;
  float: unset;
  right: 0;
}
#section-player .player-nav .station-info-wrapper .station-info .l-col-additional {
  display: none;
  width: 0.8125rem;
  padding-right: 0;
  margin-left: 0.625rem;
  padding-left: 0;
  position: absolute;
  float: unset;
  left: 15.1875rem;
}
#section-player .player-nav .station-info-wrapper .station-info .l-col-plug {
  width: 1.375rem;
  padding-right: 0;
  margin-left: 0.625rem;
  padding-left: 0;
  position: absolute;
  float: unset;
  left: 15.1875rem;
}
#section-player .player-nav .station-info-wrapper .station-info .r-col-plug {
  width: 1.375rem;
  padding-right: 0;
  margin-left: 0.625rem;
  padding-left: 0;
  position: absolute;
  float: unset;
  right: 0;
}
#section-player .player-nav .station-info-wrapper .station-info.cr .r-col-plug {
  display: none;
}
#section-player .player-nav .station-info-wrapper .station-info.cr .r-col-additional {
  display: block;
}
#section-player .player-nav .station-info-wrapper .station-info.cl .l-col-plug {
  display: none;
}
#section-player .player-nav .station-info-wrapper .station-info.cl .l-col-additional {
  display: block;
}
#section-player .player-r-layer {
  align-items: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  width: 26.875rem;
  background: #1A1A1A;
  z-index: 1000000;
  color: white;
  position: absolute;
  height: 100%;
  right: 0px;
  box-shadow: 0 0 0.1875rem #000;
}
#section-player .player-r-layer .list-group {
  margin-left: 1.875rem;
}
#section-player .player-r-layer .list-group-item {
  background: none;
  height: 3.125rem;
  line-height: 1.5625rem;
  font-size: 1.25rem;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px solid #373737;
  width: 100%;
  border-radius: 0;
  cursor: pointer;
  padding-left: 0;
}
.cishover #section-player .player-r-layer .list-group-item:focus, .cishover #section-player .player-r-layer .list-group-item:hover, #section-player .player-r-layer .list-group-item.cactive {
  background-color: #424242;
  color: #ffffff;
  border-bottom: 1px solid #373737;
}
#section-player .player-r-layer .choose-quality-wrapper {
  margin-bottom: 1.875rem;
  width: 100%;
}
#section-player .player-r-layer .send-abuse-wrapper {
  margin-bottom: 1.875rem;
  width: 100%;
  padding-top: 1.8125rem;
  padding-left: 0.625rem;
}
#section-player .player-r-layer .send-abuse-wrapper .cbtn-close-wrapper {
  margin-top: 1.5625rem;
}
#section-player .player-r-layer .send-abuse-wrapper .send-abuse-info {
  margin-top: 1.875rem;
  line-height: 1.625rem;
  font-size: 1.125rem;
}
#section-player .player-r-layer .send-abuse-wrapper .send-abuse-info strong {
  font-weight: bold;
}
#section-player .player-r-layer .send-abuse-wrapper .list-group {
  margin-left: 0rem;
}
#section-player .player-r-layer .send-abuse-wrapper .list-group-item {
  background: none;
  height: auto;
  line-height: 1.5625rem;
  font-size: 1.25rem;
  border-bottom: 1px solid #373737;
  width: 100%;
  border-radius: 0;
  cursor: pointer;
  padding-left: 0.9375rem;
  padding-right: 1.25rem;
}
.cishover #section-player .player-r-layer .send-abuse-wrapper .list-group-item:focus, #section-player .player-r-layer .send-abuse-wrapper .list-group-item.cactive {
  background-color: #424242;
  color: #ffffff;
  border-bottom: 1px solid #373737;
}
.cishover #section-player .player-r-layer .send-abuse-wrapper .list-group-item:hover {
  background-color: #767676;
  color: #ffffff;
  border-bottom: 1px solid #373737;
}
#section-player .choose-quality-txt {
  font-size: 1.5rem;
  margin-bottom: 0.9375rem;
}
#section-player .send-abuse-txt {
  font-size: 1.5rem;
  margin-bottom: 0.9375rem;
}
#section-player .skip-intro-row {
  z-index: 1000000;
  position: absolute;
  width: 100%;
  float: left;
  top: 8.75rem;
  padding-right: 3.75rem;
}
#section-player .skip-intro-row .cbtn-skip-intro {
  position: unset;
  float: right;
}
#section-player .next-video-row {
  z-index: 1000000;
  position: absolute;
  width: 100%;
  float: left;
  top: 25rem;
  padding-right: 3.75rem;
}
#section-player .next-video-row button {
  float: right;
  position: relative;
  z-index: 100;
}
#section-player .middle-row {
  position: absolute;
  width: 100%;
  float: left;
  top: 30.1875rem;
}
#section-player .middle-row .cnavigation {
  display: flex;
  align-items: center;
  width: 45.6875rem;
  margin: 0 auto;
  white-space: nowrap;
}
#section-player .middle-row .cnavigation .cprev-wrapper {
  width: 16.25rem;
}
#section-player .middle-row .cnavigation .cnext-wrapper {
  width: 16.25rem;
}
#section-player .middle-row .cnavigation button {
  cursor: pointer;
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  border-radius: 0.1875rem;
  border: none;
  height: 2.3125rem;
  text-align: left;
  font-size: 1rem;
  font-weight: 500;
  color: #000000;
  width: 4.0625rem;
  height: 4.0625rem;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#section-player .middle-row .cnavigation button.cprev {
  background: url(https://smarttv.cda.pl/images/baseline_skip_previous_white_48.png) no-repeat;
  background-size: 1.5rem;
  background-position: 10% 50%;
  width: 16.25rem;
  color: white;
  padding-left: 3.9375rem;
  font-size: 1.25rem;
}
#section-player .middle-row .cnavigation button.cnext {
  background: url(https://smarttv.cda.pl/images/baseline_skip_next_white_48.png) no-repeat;
  background-size: 1.5rem;
  background-position: 90% 50%;
  width: 16.25rem;
  color: white;
  font-size: 1.25rem;
  padding-left: 2.125rem;
}
#section-player .middle-row .cnavigation button.crewind {
  background: url(https://smarttv.cda.pl/images/baseline_fast_rewind_white_24.png) no-repeat;
  background-size: 2.8125rem;
  background-position: 50% 50%;
}
#section-player .middle-row .cnavigation button.cplay {
  background: url(https://smarttv.cda.pl/images/baseline_play_arrow_white_24.png) no-repeat;
  background-size: 2.8125rem;
  background-position: 50% 50%;
}
#section-player .middle-row .cnavigation button.cpause {
  background: url(https://smarttv.cda.pl/images/ic_av_pause_dark.png) no-repeat;
  background-size: 2.8125rem;
  background-position: 50% 50%;
}
#section-player .middle-row .cnavigation button.cforward {
  background: url(https://smarttv.cda.pl/images/baseline_fast_forward_white_48.png) no-repeat;
  background-size: 2.8125rem;
  background-position: 50% 50%;
}
.cishover #section-player .middle-row .cnavigation button:focus {
  box-shadow: none;
}
.cishover #section-player .middle-row .cnavigation button:focus, #section-player .middle-row .cnavigation button.cactive {
  background-color: #a5a8ab;
  color: #ffffff;
}
.cishover #section-player .middle-row .cnavigation button:hover {
  background-color: #535B61;
  color: #ffffff;
}
#section-player .bottom-row, #section-player .station-title-progress {
  position: absolute;
  width: 100%;
  top: 37.1875rem;
  padding-left: 3.75rem;
}
#section-player .bottom-row .ctime-line, #section-player .station-title-progress .ctime-line {
  float: left;
  width: 62.3125rem;
  height: 0.4375rem;
  background: #a5a8ab;
  margin-top: 0.375rem;
  position: relative;
}
#section-player .bottom-row .ctime-line .cprogress-line, #section-player .station-title-progress .ctime-line .cprogress-line {
  -moz-transition: width 0.2s ease;
  -o-transition: width 0.2s ease;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
  position: absolute;
  background: #AC1519;
  height: 0.4375rem;
}
#section-player .bottom-row .ctime-line .cprogress-line .cprogress-circle, #section-player .station-title-progress .ctime-line .cprogress-line .cprogress-circle {
  position: absolute;
  width: 0.9375rem;
  height: 0.9375rem;
  background: #680003;
  right: -0.375rem;
  top: -0.25rem;
  border-radius: 6.25rem;
  cursor: pointer;
  z-index: 1020;
}
#section-player .bottom-row .ctime-line .cprogress-line .cprogress-circle .thumb, #section-player .station-title-progress .ctime-line .cprogress-line .cprogress-circle .thumb {
  background: white;
  position: absolute;
  bottom: 2.1875rem;
  right: -5.5rem;
  border: 1px solid white;
  background-repeat: no-repeat;
  width: 12rem;
  height: 6.75rem;
  background-size: 500% !important;
}
.cishover #section-player .bottom-row .ctime-line .cprogress-line .cprogress-circle:focus:after, .cishover #section-player .bottom-row .ctime-line .cprogress-line .cprogress-circle:hover:after, #section-player .bottom-row .ctime-line .cprogress-line .cprogress-circle.cactive:after, .cishover #section-player .station-title-progress .ctime-line .cprogress-line .cprogress-circle:focus:after, .cishover #section-player .station-title-progress .ctime-line .cprogress-line .cprogress-circle:hover:after, #section-player .station-title-progress .ctime-line .cprogress-line .cprogress-circle.cactive:after {
  content: "";
  position: absolute;
  width: 2.1875rem;
  height: 2.1875rem;
  background: transparent;
  border: 0.625rem solid rgba(211, 216, 221, 0.5);
  right: -0.625rem;
  top: -0.625rem;
  border-radius: 6.25rem;
  cursor: pointer;
  z-index: -1;
}
#section-player .bottom-row .ccurrect-time, #section-player .bottom-row .total-time, #section-player .station-title-progress .ccurrect-time, #section-player .station-title-progress .total-time {
  color: #ffffff;
  font-size: 1.125rem;
  width: 5rem;
  float: left;
  font-weight: bold;
}
#section-player .bottom-row .total-time, #section-player .station-title-progress .total-time {
  text-align: right;
}
#section-player .select-lang-row {
  position: absolute;
  bottom: 2.1875rem;
  left: 28.6875rem;
}
#section-player .select-lang-row .lang-img {
  width: 2.25rem;
  height: 2.25rem;
  background: url(https://smarttv.cda.pl/images/baseline_lang_white_48.png) no-repeat 95% 50%;
  background-size: 2.1875rem;
  float: left;
  margin-top: 0.3125rem;
  margin-right: 0.625rem;
}
#section-player .station-title-progress {
  top: 12.0625rem;
  padding-left: 0;
}
#section-player .station-title-progress .ctime-line {
  width: 50.1875rem;
}
#section-player .station-title-progress .ccurrect-time, #section-player .station-title-progress .total-time {
  width: 3.875rem;
}
#section-player .top-row {
  position: absolute;
  width: 100%;
  float: left;
  top: 1.875rem;
  padding-left: 3.75rem;
  padding-right: 3.5625rem;
}
#section-player .top-row .ctitle {
  font-weight: bold;
  float: left;
  color: #ffffff;
  font-size: 1.5625rem;
  max-width: 53.125rem;
  word-wrap: no-wrap;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 2.1875rem;
  padding-top: 0.0625rem;
}
#section-player .top-row .cbutton-box, #section-player .top-row .clang-box, #section-player .top-row .cbutton-left-box {
  float: right;
  margin-top: -0.4375rem;
}
#section-player .top-row .cbutton-box button, #section-player .top-row .clang-box button, #section-player .top-row .cbutton-left-box button {
  background: url(https://smarttv.cda.pl/images/baseline_settings_white_48.png) no-repeat 95% 50%;
  background-size: 2.1875rem;
  padding-left: 0rem;
  cursor: pointer;
  -moz-transition: background-color 0.1s ease, color 0.1s ease;
  -o-transition: background-color 0.1s ease, color 0.1s ease;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease;
  border-radius: 5px;
  border: none;
  width: 11.25rem;
  padding-right: 3.125rem;
  padding-left: 0.625rem;
  height: 2.625rem;
  font-size: 1.125rem;
  font-weight: bold;
  color: #ffffff;
}
.cishover #section-player .top-row .cbutton-box button:focus, .cishover #section-player .top-row .clang-box button:focus, .cishover #section-player .top-row .cbutton-left-box button:focus {
  box-shadow: none;
}
.cishover #section-player .top-row .cbutton-box button:focus, #section-player .top-row .cbutton-box button.cactive, .cishover #section-player .top-row .clang-box button:focus, #section-player .top-row .clang-box button.cactive, .cishover #section-player .top-row .cbutton-left-box button:focus, #section-player .top-row .cbutton-left-box button.cactive {
  background-color: #a5a8ab;
  color: #ffffff;
}
.cishover #section-player .top-row .cbutton-box button:hover, .cishover #section-player .top-row .clang-box button:hover, .cishover #section-player .top-row .cbutton-left-box button:hover {
  background-color: #535B61;
  color: #ffffff;
}
#section-player .top-row .cbutton-box .cbtn-send-abuse, #section-player .top-row .clang-box .cbtn-send-abuse, #section-player .top-row .cbutton-left-box .cbtn-send-abuse {
  background: url(https://smarttv.cda.pl/images/baseline_flag_white_48.png) no-repeat 49% 51%;
  width: 2.5rem;
  padding-left: 0rem;
  padding-right: 0rem;
  background-size: 2.1875rem;
  margin-left: 0.3125rem;
}
#section-player .top-row .cbutton-box .cbtn-undo, #section-player .top-row .clang-box .cbtn-undo, #section-player .top-row .cbutton-left-box .cbtn-undo {
  background: url(https://smarttv.cda.pl/images/baseline_navigate_before_white_48.png) no-repeat 59% 61%;
  width: 2.5rem;
  padding-left: 0rem;
  padding-right: 0rem;
  background-size: 2.1875rem;
  background-size: 114%;
}
#section-player .top-row .cbutton-left-box {
  position: relative;
  float: left;
  margin-top: -0.4375rem;
  padding-right: 1.25rem;
}
#section-player .top-row .cbutton-left-box .cbtn-undo-txt {
  opacity: 0;
  color: #fff;
  font-size: 1.25rem;
  position: absolute;
  top: 3.25rem;
  left: -0.9375rem;
  -moz-transition: opacity 0.1s ease;
  -o-transition: opacity 0.1s ease;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.cishover #section-player .top-row .cbutton-left-box:focus .cbtn-undo-txt, #section-player .top-row .cbutton-left-box.cactive .cbtn-undo-txt {
  opacity: 1;
  -moz-transition: opacity 0.1s ease;
  -o-transition: opacity 0.1s ease;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.cishover #section-player .top-row .cbutton-left-box:focus .cbtn-undo, #section-player .top-row .cbutton-left-box.cactive .cbtn-undo {
  background-color: #a5a8ab;
  color: #ffffff;
}
.cishover #section-player .top-row .cbutton-left-box:hover .cbtn-undo-txt {
  opacity: 1;
  -moz-transition: opacity 0.1s ease;
  -o-transition: opacity 0.1s ease;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.cishover #section-player .top-row .cbutton-left-box:hover .cbtn-undo {
  background-color: #535B61;
  color: #ffffff;
}
.cishover #section-player .top-row .cbutton-left-box .cbtn-undo:focus {
  box-shadow: none;
}
.cishover #section-player .top-row .cbutton-left-box .cbtn-undo:focus, #section-player .top-row .cbutton-left-box .cbtn-undo.cactive {
  background-color: #a5a8ab;
  color: #ffffff;
}
.cishover #section-player .top-row .cbutton-left-box .cbtn-undo:hover {
  background-color: #535B61;
  color: #ffffff;
}
#section-player .top-row .clang-box button {
  background: url(https://smarttv.cda.pl/images/baseline_lang_white_48.png) no-repeat 95% 50%;
  background-size: 2.1875rem;
}
#section-player .no-lang .select-lang-row {
  display: none;
}
#section-player .no-lang .middle-row {
  top: 32.6875rem;
}
#section-player .no-lang .bottom-row {
  top: 40.3125rem;
}

#section-profile .cslider {
  margin-bottom: 0;
}

.opera-mini .menu-left .cda-logo {
  opacity: 0;
}
.opera-mini .menu-left.cactive .cda-logo {
  opacity: 1;
}
.opera-mini #section-search #videos-list {
  width: 76.875rem;
  overflow: hidden;
}
.opera-mini #section-search {
  width: 73.75rem;
}
.opera-mini .benefits-col .container-fluid {
  width: 17.5rem;
}
.opera-mini .row {
  flex-wrap: nowrap !important;
}
.opera-mini #section-login .row {
  flex-wrap: wrap !important;
}
.opera-mini #section-register .row {
  flex-wrap: wrap !important;
}
.opera-mini #welcome-pairing .row {
  flex-wrap: wrap !important;
}
.opera-mini .menu-left:focus .list-group-item .cicon, .opera-mini .menu-left.cactive .list-group-item .cicon {
  opacity: 1 !important;
}
.opera-mini .col4 {
  width: 33%;
  float: left;
}
.opera-mini .col2 {
  width: 16%;
  float: left;
}
.opera-mini .col10 {
  width: 84%;
  float: left;
}
.opera-mini .col12 {
  width: 100%;
  float: left;
}
.opera-mini .col6 {
  width: 50%;
  float: left;
}
.opera-mini .col3 {
  width: 25%;
  float: left;
}
.opera-mini .buy-premium-wrapper .bottom-row .ctitle {
  padding-left: 5%;
  padding-right: 5%;
}
.opera-mini .buy-premium-wrapper .bottom-row.buy-ms-row {
  padding-top: 1.25rem;
}

.webos-20 .menu-left .cda-logo {
  opacity: 0;
}
.webos-20 .menu-left.cactive .cda-logo {
  opacity: 1;
}
.webos-20 #section-catchup .alternative-cover img {
  width: 300%;
  opacity: 0.6;
}
.webos-20 #section-catchup .alternative-cover .title {
  top: 30% !important;
  height: 7.6875rem;
  overflow: hidden;
  transform: unset;
}
.webos-20 .countdown-wrapper {
  display: block !important;
}
.webos-20 .css-countdown-wrapper {
  display: none !important;
}
.webos-20 .loading {
  background-image: url("https://smarttv.cda.pl/images/progressbar.gif");
  width: 6.25rem;
  border-radius: 0.3125rem;
  height: 0.9375rem;
  border: 0.125rem solid #8d0004;
}
.webos-20 .loading .spinner {
  display: none;
}
.webos-20 .loading.player-mode {
  right: 37.5rem;
}
.webos-20 .list-videos .top-menu .user-info {
  height: 2.625rem;
}
.webos-20 .list-videos .top-menu .user-avatar,
.webos-20 .main-wrapper .top-menu .user-avatar {
  top: 0.3125rem;
}
.webos-20 .list-videos .top-menu .star-orange, .webos-20 .main-wrapper .top-menu .star-orange {
  top: 0.3125rem;
}
.webos-20 .keyboard .mail-map button.big-b {
  width: 8.875rem;
}
.webos-20 .c-keyboard-wrapper {
  width: 36.8125rem;
}
.webos-20 .c-keyboard-wrapper button.full-w {
  width: 6.25rem;
}
.webos-20 .c-keyboard-wrapper .show-password-map .big-b, .webos-20 .c-keyboard-wrapper .navigation-map .big-b {
  width: 13.6875rem;
}
.webos-20 #section-search .keyboard button:not(.full-w):not(.big-b) {
  width: 2.0625rem;
}
.webos-20 #section-search .full-w {
  width: 7.5rem;
}
.webos-20 #section-search .c-k-r-col {
  width: 9.375rem;
}
.webos-20 #section-search .c-k-r-col button.full-w {
  width: 8.125rem;
}
.webos-20 #section-search .char-map.key-map {
  margin-bottom: 0.375rem;
  margin-right: 0.375rem;
}
.webos-20 #section-search .big-b {
  width: 8.875rem;
}
.webos-20 .calert .msg {
  left: 25%;
}
.webos-20 .calert .msg.tight {
  left: 25%;
}
.webos-20 .notification {
  width: 80%;
  left: 10%;
}
.webos-20 .csort .msg {
  left: 32.5%;
}
.webos-20 #section-login {
  padding-top: 5.625rem !important;
}
.webos-20 #section-login .cbtn-big {
  width: 20rem;
}
.webos-20 #section-login .txt-white {
  width: 20rem;
}
.webos-20 #section-multi-register .cbtn-big {
  width: 20rem;
}
.webos-20 #section-multi-register .txt-white {
  width: 20rem;
}
.webos-20 #section-start-menu {
  padding-top: 10rem;
}
.webos-20 #section-start-menu .cbtn-big {
  width: 18.75rem;
}
.webos-20 #section-login-code {
  padding-top: 7.8125rem;
}
.webos-20 #section-login-code .top-txt-wrapper p, .webos-20 #section-login-code .middle-txt-wrapper p {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.webos-20 #section-login-code .top-txt-wrapper .w-100, .webos-20 #section-login-code .middle-txt-wrapper .w-100 {
  display: none;
}
.webos-20 #section-login-code .site-tv-txt {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.webos-20 #section-start .flash-button {
  position: absolute;
  top: 18.75rem;
  left: calc(50% - 7.6875rem);
}
.webos-20 #section-select-account {
  padding-top: 5.625rem !important;
}
.webos-20 #section-register .cbtn-big, .webos-20 #section-multi-register .cbtn-big {
  width: 20rem;
}
.webos-20 #section-register .txt-white, .webos-20 #section-multi-register .txt-white {
  width: 20rem;
}
.webos-20 #section-register .top-txt-wrapper p, .webos-20 #section-multi-register .top-txt-wrapper p {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.webos-20 #section-register .top-txt-wrapper .w-100, .webos-20 #section-multi-register .top-txt-wrapper .w-100 {
  display: none;
}
.webos-20 #section-register .form-group.row, .webos-20 #section-multi-register .form-group.row {
  width: 100%;
}
.webos-20 #section-register .form-group.row button, .webos-20 #section-multi-register .form-group.row button {
  display: block;
  margin: 0 auto;
}
.webos-20 #section-register .form-group.row p, .webos-20 #section-multi-register .form-group.row p {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.webos-20 #section-register .form-group.row .w-100, .webos-20 #section-multi-register .form-group.row .w-100 {
  display: none;
}
.webos-20 #section-player .player-r-layer {
  padding-top: 6.25rem;
}
.webos-20 #section-player .middle-row .cnavigation .cprev-wrapper {
  float: left;
}
.webos-20 #section-player .middle-row .cnavigation .cnext-wrapper {
  float: right;
}
.webos-20 #section-player #player-abuse {
  padding-top: 0;
}
.webos-20 #section-player #player-abuse .list-group-item {
  line-height: 1.625rem;
}
.webos-20 #section-settings .settings-wrapper .col-left ul li, .webos-20 #section-settings #section-info .settings-wrapper .col-left ul li, .webos-20 #section-settings .settings-wrapper .col-left ul li, .webos-20 #section-settings #section-info .settings-wrapper .col-left ul li, .webos-20 #section-info .settings-wrapper .col-left ul li, .webos-20 #section-info #section-info .settings-wrapper .col-left ul li {
  padding-top: 1.6875rem;
}
.webos-20 #section-settings .settings-wrapper .col-right ul li, .webos-20 #section-settings #section-info .settings-wrapper .col-right ul li, .webos-20 #section-settings .settings-wrapper .col-right ul li, .webos-20 #section-settings #section-info .settings-wrapper .col-right ul li, .webos-20 #section-info .settings-wrapper .col-right ul li, .webos-20 #section-info #section-info .settings-wrapper .col-right ul li {
  padding-top: 1rem;
}
.webos-20 #section-settings .cswitch .ccircle, .webos-20 #section-settings .cswitch .ccircle, .webos-20 #section-info .cswitch .ccircle {
  top: -0.1875rem;
}
.webos-20 .buy-premium-wrapper .loading {
  right: 46%;
}
.webos-20 .buy-premium-v2-wrapper .loading.slider-mode {
  top: 58%;
}
.webos-20 .buy-premium-wrapper.buy-premium-v2-wrapper .top-row .ctitle.v3 {
  padding-top: 3.4375rem;
}
.webos-20 .end-subscription-wrapper .payment-verification.bottom-row .loading.slider-mode {
  left: 22.5625rem;
}
.webos-20.tizen-20 .calert .msg {
  left: 50% !important;
}
.webos-20.tizen-20 #section-start .flash-button {
  top: 50% !important;
}
.webos-20.tizen-20 .notification {
  width: auto !important;
  left: 50% !important;
}
.webos-20.tizen-20 .calert .msg.tight {
  left: 50% !important;
}
.webos-20.tizen-20 .csort .msg {
  left: 50% !important;
}
.webos-20.tizen-20 #section-player .select-lang-row {
  left: 34% !important;
}
.webos-20 .cbtn-lang {
  width: 9.375rem;
}

#section-register-phone .l-col {
  width: 57.5rem;
  padding-left: 6.25rem;
  padding-top: 6.875rem;
}
#section-register-phone .l-col .title p {
  font-size: 3.75rem;
  font-weight: 300;
  line-height: 4.0625rem;
  color: #292c31;
}
#section-register-phone .l-col .info {
  font-size: 1.375rem;
  padding-top: 1.6875rem;
  line-height: 1.625rem;
  color: #5c5f64;
}
#section-register-phone .l-col .url {
  margin-top: 2.0625rem;
  color: #4f7601;
  font-size: 2.5rem;
}
#section-register-phone .l-col .numbers {
  padding-top: 3.125rem;
  padding-bottom: 1.6875rem;
  font-size: 2.5rem;
}
#section-register-phone .l-col .numbers .number {
  margin-right: -0.25rem;
  border: 0.1875rem solid #4a4c51;
  padding-top: 0.9375rem;
  text-align: center;
  background: #bfc6cd;
  color: #292c31;
  float: left;
  width: 3.0625rem;
  height: 4.625rem;
  margin-right: 0.125rem;
}
#section-register-phone .l-col .numbers .space-bar {
  width: 1.8125rem;
  text-align: center;
  margin-right: 0.3125rem;
  padding-top: 1.0625rem;
  float: left;
}
#section-register-phone .grey-bg {
  background: #1F2024;
}
#section-register-phone .r-col {
  width: 22.5rem;
}
#section-register-phone .r-col .tv-login {
  margin-top: 2.3125rem;
  margin-left: 3.25rem;
  background: #D2D8DC;
  border: 0;
  border-radius: 1.875rem;
  padding: 0.75rem;
  padding-right: 2.1875rem;
  padding-left: 2.1875rem;
  color: #0E0F12;
  font-size: 1.25rem;
}
.cishover #section-register-phone .r-col .tv-login:focus, .cishover #section-register-phone .r-col .tv-login:hover, #section-register-phone .r-col .tv-login.cactive {
  background-color: #4F7601;
  border-color: #fff;
  color: #fff;
}
#section-register-phone .r-col .phone-wrapper {
  position: absolute;
  width: 35.9375rem;
  height: 37.5rem;
  bottom: 0;
  right: 9.0625rem;
}
#section-register-phone .r-col .phone-wrapper img {
  width: 100%;
}
#section-register-phone .r-col .phone-wrapper .numbers-wrapper {
  position: absolute;
  top: 21.6875rem;
  left: 12.5rem;
  color: #c4cad4;
  font-size: 1.5625rem;
}
#section-register-phone .r-col .phone-wrapper .numbers-wrapper .number {
  border: 0.125rem solid #c4cad4;
  float: left;
  width: 2.0625rem;
  text-align: center;
  padding-top: 0.875rem;
  text-align: center;
  height: 3.5625rem;
  width: 2.0625rem;
  margin-right: 0.25rem;
}
#section-register-phone .r-col .phone-wrapper .numbers-wrapper .space-bar {
  display: inline-block;
  width: 1.5625rem;
  float: left;
  text-align: center;
  padding-top: 1rem;
  margin-right: 0.25rem;
}
#section-register-phone .r-col .phone-wrapper .url-wrapper {
  position: absolute;
  top: 4.125rem;
  right: 6.875rem;
  color: #0E0F12;
  font-size: 1.6875rem;
}
#section-register-phone.lg {
  background-image: url("https://static.cda.pl/app/screen-start-bg-new.jpg");
  background-position: 0, 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000000;
}
#section-register-phone.lg .undo {
  background: transparent url(https://smarttv.cda.pl/images/baseline_navigate_before_white_48.png) no-repeat;
  background-position: center;
  background-size: 70% 70%;
  height: 5rem;
  width: 5rem;
  border-radius: 12.5rem;
  border: 0.1875rem solid #eeeeee;
  position: absolute;
  left: 1.875rem;
  top: 21.6875rem;
}
.cishover #section-register-phone.lg .undo:focus, #section-register-phone.lg .undo.cactive {
  background-color: #fff;
  border: 0.1875rem solid #fff;
  color: #fff;
  background-image: url(https://smarttv.cda.pl/images/baseline_navigate_before_black_48.png);
}
.cishover #section-register-phone.lg .undo:hover {
  background-color: #fff;
  border: 0.1875rem solid #fff;
  color: #fff;
  background-image: url(https://smarttv.cda.pl/images/baseline_navigate_before_black_48.png);
}
#section-register-phone.lg .l-col {
  padding-left: 12.5rem;
}
#section-register-phone.lg .title p {
  color: #fff;
  font-weight: bold;
  text-shadow: 0 0 0.125rem #fff;
}
#section-register-phone.lg .info p {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2.125rem;
}
#section-register-phone.lg .url {
  color: #8AB633;
}
#section-register-phone.lg .phone-wrapper {
  right: 7.5rem;
}
#section-register-phone.lg .phone-wrapper .url-wrapper {
  width: 21.875rem;
  right: 2.5rem;
  text-align: center;
}
#section-register-phone.lg .l-col .space-bar {
  color: #bfc6cd;
}

#section-register-tv .grey-bg {
  background: #1F2024;
}
#section-register-tv .keyboard-wrapper {
  width: 62.5rem;
  position: absolute;
  top: 14.4375rem;
  left: 18.75rem;
}
#section-register-tv .keyboard-wrapper .bottom-txt-wrapper {
  font-size: 1.0625rem;
  line-height: 1.125rem;
  padding-bottom: 0.625rem;
  color: #000000;
}
#section-register-tv .keyboard-wrapper .bottom-txt-wrapper p {
  width: 20rem;
  display: inline-block;
}
#section-register-tv .keyboard-wrapper .cbtn-transparent {
  text-align: left;
  text-decoration: none;
  border: 0.0625rem solid #C4CDD5;
  font-size: 1.0625rem;
  font-weight: bold;
  line-height: 1.25rem;
  height: 1.6875rem;
  padding-left: 0.3125rem;
  margin-top: 0.3125rem;
  display: inline-block;
  color: #000000;
  width: 20rem;
}
.cishover #section-register-tv .keyboard-wrapper .cbtn-transparent:focus, .cishover #section-register-tv .keyboard-wrapper .cbtn-transparent:hover, #section-register-tv .keyboard-wrapper .cbtn-transparent.cactive {
  background-color: #4A545D;
  border: 0.0625rem solid #4A545D;
  color: #ffffff;
}
#section-register-tv .keyboard-wrapper .cbtn-transparent.cbtn-register {
  width: 100%;
  background-color: none;
  font-weight: normal;
  text-align: center;
  border: none;
  font-size: 1.1875rem;
  letter-spacing: 0.0625rem;
  margin-top: 0;
  margin-bottom: 0.8125rem;
}
#section-register-tv .keyboard-wrapper .login-wrapper .login-txt {
  height: 4.3125rem;
  line-height: 4.5625rem;
  text-align: center;
  font-size: 1.1875rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#section-register-tv .keyboard-wrapper .cbtn-big {
  height: 3.3125rem;
  font-weight: normal;
  letter-spacing: 0.125rem;
  font-size: 1.1875rem;
  width: 20rem;
}
#section-register-tv .keyboard-wrapper .keyboard-l-col {
  width: 21.875rem;
  float: left;
}
#section-register-tv .keyboard-wrapper .keyboard-r-col {
  width: 18.75rem;
  float: left;
}
#section-register-tv .keyboard-wrapper .keyboard-wrapper-top {
  position: absolute;
  z-index: 10;
}
#section-register-tv .keyboard-wrapper .keyboard-wrapper-bottom-shadow {
  width: 20rem;
  border-top-right-radius: 0.9375rem;
  border-bottom-right-radius: 0.9375rem;
  height: 25.375rem;
  background: #C8D1D9;
  z-index: 4;
  right: 37.625rem;
  top: -2.3125rem;
  position: absolute;
  overflow: hidden;
}
#section-register-tv .keyboard-wrapper .keyboard-wrapper-bottom {
  width: 28.8125rem;
  border-radius: 0.9375rem;
  height: 25.375rem;
  background: #E2E7EB;
  z-index: 5;
  left: -4.3125rem;
  top: -2.6875rem;
  position: absolute;
  overflow: hidden;
}
#section-register-tv .keyboard-wrapper .keyboard-wrapper-bottom .top-bar {
  top: 0;
  position: absolute;
  width: 100%;
  position: absolute;
  height: 1.25rem;
  background: #BCC7CF;
}
#section-register-tv .keyboard-wrapper .cbtn-big {
  background-color: #151616;
}
.cishover #section-register-tv .keyboard-wrapper .cbtn-big:focus, .cishover #section-register-tv .keyboard-wrapper .cbtn-big:hover, #section-register-tv .keyboard-wrapper .cbtn-big.cactive {
  background-color: #8d0004;
  color: #ffffff;
}
#section-register-tv .keyboard-wrapper .ctext {
  background-color: #fff;
  border: 0.0625rem solid #333434;
  font-weight: normal;
  font-size: 1.1875rem;
}
#section-register-tv .keyboard-wrapper .ctext .ctext-layer span.ctext-hidden {
  font-weight: normal;
  font-size: 1.1875rem;
}
#section-register-tv .keyboard-wrapper .ctext .ctext-layer span.blink {
  font-weight: normal;
}
#section-register-tv .keyboard-wrapper .ctext input {
  font-weight: normal;
  font-size: 1.1875rem;
}
.cishover #section-register-tv .keyboard-wrapper .ctext:focus, .cishover #section-register-tv .keyboard-wrapper .ctext:hover, #section-register-tv .keyboard-wrapper .ctext.cactive {
  background-color: #FFF8E1 !important;
  color: #000000;
}
#section-register-tv .keyboard-wrapper .c-arrow-pointer {
  border-right: 0.9375rem solid rgba(189, 199, 208, 0.6);
}
#section-register-tv .keyboard-wrapper .c-keyboard-wrapper {
  background: rgba(189, 199, 208, 0.6);
}
#section-register-tv .keyboard-wrapper .c-keyboard-wrapper button {
  background-color: #ffffff;
}
.cishover #section-register-tv .keyboard-wrapper .c-keyboard-wrapper button:focus, .cishover #section-register-tv .keyboard-wrapper .c-keyboard-wrapper button:hover, #section-register-tv .keyboard-wrapper .c-keyboard-wrapper button.cactive {
  background-color: #4A545D;
}
#section-register-tv .keyboard-wrapper .c-keyboard-register-col {
  margin-top: 0;
}
#section-register-tv .r-col {
  width: 56.375rem;
  padding-top: 3.625rem;
}
#section-register-tv .r-col .title {
  width: 100%;
  text-align: center;
}
#section-register-tv .r-col .title p {
  font-size: 3.75rem;
  font-weight: 300;
  line-height: 4.0625rem;
  color: #292c31;
}
#section-register-tv .r-col .info {
  font-size: 1.375rem;
  padding-top: 1.875rem;
  line-height: 1.625rem;
  color: #5c5f64;
}
#section-register-tv .r-col .url {
  margin-top: 1.875rem;
  color: #4f7601;
  font-size: 2.5rem;
}
#section-register-tv .r-col .numbers {
  padding-top: 3.5625rem;
  padding-bottom: 1.6875rem;
  font-size: 2.5rem;
}
#section-register-tv .r-col .numbers .number {
  margin-right: -0.25rem;
  border: 0.1875rem solid #4a4c51;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.5625rem;
  padding-right: 0.5625rem;
  background: #bfc6cd;
  color: #292c31;
}
#section-register-tv .r-col .numbers .space-bar {
  margin-right: 0.3125rem;
  margin-left: 0.625rem;
}
#section-register-tv .grey-bg {
  background: #1F2024;
}
#section-register-tv .l-col {
  position: relative;
  width: 23.625rem;
}
#section-register-tv .l-col .tv-login {
  margin-top: 2.3125rem;
  margin-left: 3.875rem;
  background: #D2D8DC;
  border: 0;
  border-radius: 1.875rem;
  padding: 0.75rem;
  padding-right: 2.1875rem;
  padding-left: 2.1875rem;
  color: #0E0F12;
  font-size: 1.25rem;
}
.cishover #section-register-tv .l-col .tv-login:focus, .cishover #section-register-tv .l-col .tv-login:hover, #section-register-tv .l-col .tv-login.cactive {
  background-color: #4F7601;
  border-color: #fff;
  color: #fff;
}
#section-register-tv .l-col .cda-logo {
  position: absolute;
  bottom: 1.4375rem;
  left: 1.4375rem;
  width: 9.9375rem;
  overflow: hidden;
  height: 3.625rem;
}
#section-register-tv .l-col .cda-logo img {
  width: 100%;
}
#section-register-tv .l-col .phone-wrapper {
  position: absolute;
  width: 35.9375rem;
  height: 37.5rem;
  bottom: 0;
  right: 9.0625rem;
}
#section-register-tv .l-col .phone-wrapper img {
  width: 100%;
}
#section-register-tv .l-col .phone-wrapper .numbers-wrapper {
  position: absolute;
  top: 21.6875rem;
  left: 12.5rem;
}
#section-register-tv .l-col .phone-wrapper .numbers-wrapper span {
  color: #c4cad4;
  font-size: 1.5625rem;
}
#section-register-tv .l-col .phone-wrapper .numbers-wrapper .number {
  border: 0.125rem solid #c4cad4;
  display: inline-block;
  width: 2.0625rem;
  text-align: center;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
#section-register-tv .l-col .phone-wrapper .numbers-wrapper .space-bar {
  display: inline-block;
  width: 1.5625rem;
  text-align: center;
}
#section-register-tv .l-col .phone-wrapper .url-wrapper {
  position: absolute;
  top: 4.125rem;
  right: 10.375rem;
  color: #0E0F12;
  font-size: 1.6875rem;
}

#section-ads {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 20000;
  background: #000000;
}
#section-ads .cbtn-skip-ad {
  position: absolute;
  z-index: 20001;
  right: 1.25rem;
  bottom: 1.25rem;
}
#section-ads .cbtn-ad-info {
  position: absolute;
  z-index: 20001;
  top: 1.25rem;
  left: 1.25rem;
}
#section-ads .cbtn-ad-buy-premium {
  bottom: 1.25rem;
  left: 1.25rem;
  position: absolute;
  z-index: 20001;
}

.panasonic video {
  top: 0;
  left: 0;
  object-fit: contain;
  object-position: center;
  width: 100%;
}

#section-select-plan {
  background-image: url("https://scdn2.cda.pl/v001/img/bg/okladki-premium-white-3.jpg?t=1");
  background-position: 0, 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000000;
}
#section-select-plan.lg {
  background-image: url("https://static.cda.pl/app/screen-start-bg-new.jpg");
  color: #fff;
}
#section-select-plan.lg .select-plan-step-wrapper .cda-logo {
  margin-left: 3.125rem;
  padding-top: 2.5rem;
}
#section-select-plan.lg .undo {
  background: transparent url(https://smarttv.cda.pl/images/baseline_navigate_before_white_48.png) no-repeat;
  background-position: center;
  background-size: 70% 70%;
  margin-top: 8.75rem !important;
}
#section-select-plan.lg strong {
  font-weight: 600;
}
#section-select-plan.lg .info-wrapper {
  font-size: 2rem;
  margin-top: 1.875rem !important;
}
#section-select-plan.lg .info-wrapper p {
  margin-top: 1.5625rem;
}
#section-select-plan.lg .info-wrapper p span {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0.625rem;
  padding-left: 1.375rem;
  padding-right: 1.375rem;
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
  font-weight: 100;
  border: 0.125rem solid rgba(255, 255, 255, 0.4);
}
#section-select-plan.lg .info-wrapper p:nth-child(2), #section-select-plan.lg .info-wrapper p:nth-child(4) {
  font-size: 2rem;
  letter-spacing: 0.125rem;
  margin-top: 2.5rem;
}
#section-select-plan.lg .info-wrapper p:nth-child(4) {
  letter-spacing: 0.625rem !important;
}
#section-select-plan.lg .info-wrapper p:nth-child(4) {
  font-size: 1.75rem;
  letter-spacing: 0.125rem;
}
#section-select-plan.lg .info-wrapper p:nth-child(3) {
  margin-top: 3.75rem;
}
#section-select-plan.lg .info-wrapper button.big {
  margin-top: 5rem;
}
#section-select-plan.lg .title {
  font-weight: bold;
  text-align: center;
  font-size: 3.25rem;
  margin-top: 2.5rem;
}
#section-select-plan.lg .description {
  width: 37.5rem;
  font-size: 1.25rem;
  padding-top: 1.875rem;
  line-height: 1.5rem;
  font-weight: 300;
}
#section-select-plan.lg .col-left {
  padding-top: 6.25rem;
}
#section-select-plan.lg .col-left .info {
  margin-top: 1.25rem;
  color: #fff;
  width: 37.5rem;
  line-height: 1.375rem;
  opacity: 0.5;
}
#section-select-plan.lg .col-left p {
  color: #fff;
  text-shadow: 0 0 0.125rem #fff;
}
#section-select-plan.lg .col-left .top-txt p:nth-child(1) {
  font-size: 5.375rem;
}
#section-select-plan.lg .col-left .top-txt p:nth-child(2) {
  font-weight: 400;
  font-size: 2.875rem;
  margin-top: 0.75rem;
}
#section-select-plan.lg .col-left .top-txt p:nth-child(3) {
  font-weight: 300;
  font-size: 1.75rem;
  margin-top: 1.125rem;
}
#section-select-plan.lg button.big {
  background-color: #487500;
  border: 0.1875rem solid #487500;
  color: #fff;
  border-radius: 0.625rem;
  height: 3.75rem;
  width: 23.75rem;
  text-transform: uppercase;
  font-size: 1.5rem;
  margin-top: 2.5rem;
  font-weight: bold;
}
#section-select-plan.lg button.big.skip {
  background-color: transparent;
  text-transform: unset;
  border-color: rgba(238, 238, 238, 0.4);
  height: 2.5rem;
  margin-top: 0.9375rem;
  font-weight: 400;
  position: absolute;
  right: 1.25rem;
  bottom: 1.25rem;
  width: 20rem;
}
.cishover #section-select-plan.lg button.big.skip:focus, #section-select-plan.lg button.big.skip.cactive, .cishover #section-select-plan.lg button.big.skip:hover {
  background-color: #fff;
  border: 0.1875rem solid #fff;
  color: #000;
}
.cishover #section-select-plan.lg button.big:focus, #section-select-plan.lg button.big.cactive, .cishover #section-select-plan.lg button.big:hover {
  background-color: #649415;
  border: 0.1875rem solid #649415;
  color: #fff;
}
#section-select-plan .login-options {
  bottom: 0;
  right: 0;
  height: 3.3125rem;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.02);
  border: 0.1875rem solid rgba(238, 238, 238, 0.5);
  border-bottom: 0;
  border-right: 0;
  border-top-left-radius: 1.25rem;
  padding: 0.625rem;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  padding-bottom: 0.8125rem;
  box-shadow: 0 0 0.1875rem #999;
}
#section-select-plan .login-options button {
  background-color: #eeeeee;
  border: 0.1875rem solid #eeeeee;
  color: #444;
  width: auto;
  padding-left: 2.375rem;
  padding-right: 0.625rem;
  height: 1.875rem;
  border-radius: 0.625rem;
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
  box-shadow: 0 0 0.1875rem #999;
  font-weight: 400;
  font-size: 1rem;
  float: right;
}
#section-select-plan .login-options button.c-login {
  background: #eeeeee url(https://static.cda.pl/app/baseline_person_black_24.png) no-repeat 0.4375rem 50%;
  background-size: 1.5625rem;
}
#section-select-plan .login-options button.c-exit {
  background: #eeeeee url(https://static.cda.pl/app/baseline_logout_black_24dp.png) no-repeat 0.4375rem 50%;
  background-size: 1.5625rem;
}
.cishover #section-select-plan .login-options button:focus, #section-select-plan .login-options button.cactive {
  background-color: #487500;
  border: 0.1875rem solid #487500;
  color: #fff;
}
.cishover #section-select-plan .login-options button:focus.c-login, #section-select-plan .login-options button.cactive.c-login {
  background: #487500 url(https://smarttv.cda.pl/images/baseline_person_white_24.png) no-repeat 0.4375rem 50%;
  background-size: 1.5625rem;
}
.cishover #section-select-plan .login-options button:focus.c-exit, #section-select-plan .login-options button.cactive.c-exit {
  background: #487500 url(https://smarttv.cda.pl/images/baseline_logout_white_24dp.png) no-repeat 0.4375rem 50%;
  background-size: 1.5625rem;
}
.cishover #section-select-plan .login-options button:hover {
  background-color: #649415;
  border: 0.1875rem solid #649415;
  color: #fff;
}
.cishover #section-select-plan .login-options button:hover.c-login {
  background: #649415 url(https://smarttv.cda.pl/images/baseline_person_white_24.png) no-repeat 0.4375rem 50%;
  background-size: 1.5625rem;
}
.cishover #section-select-plan .login-options button:hover.c-exit {
  background: #649415 url(https://smarttv.cda.pl/images/baseline_logout_white_24dp.png) no-repeat 0.4375rem 50%;
  background-size: 1.5625rem;
}
#section-select-plan .select-plan-step-wrapper .undo {
  float: left;
  margin-top: 13.5625rem;
  margin-left: 3.1875rem;
}
#section-select-plan .select-plan-step-wrapper .plans {
  padding-top: 4.8125rem;
  margin-left: 21.375rem;
}
#section-select-plan .select-plan-step-wrapper .plans .special-offer {
  width: auto;
  right: 1.375rem !important;
}
#section-select-plan .select-plan-step-wrapper .plans .special-offer.best-price {
  width: auto !important;
  right: 3.4375rem !important;
}
#section-select-plan .select-plan-step-wrapper .plans .special-offer.best-price span {
  margin-right: 0.0625rem;
}
#section-select-plan .select-plan-step-wrapper .plans .special-offer span {
  margin-right: 0.25rem;
}
#section-select-plan .select-plan-step-wrapper .cda-logo {
  margin-left: 5.75rem;
  padding-top: 3.125rem;
}
#section-select-plan .select-plan-step-wrapper .payment-terms-info {
  padding-top: 3.9375rem;
}
#section-select-plan .select-plan-step-wrapper .info-wrapper {
  width: 65rem;
  text-align: center;
  float: left;
  margin-top: 5rem;
}
#section-select-plan .select-plan-step-wrapper .info-wrapper .card-payment-info {
  font-size: 1.625rem;
}
#section-select-plan .select-plan-step-wrapper .info-wrapper .card-payment-info p {
  line-height: 2.375rem;
  text-shadow: 0 0 0.0625rem #000;
}
#section-select-plan .select-plan-step-wrapper .waiting-for-payment {
  padding-left: 29.5rem;
  line-height: 2.375rem;
  text-shadow: 0 0 0.0625rem #000;
  font-size: 1.625rem;
  margin-top: 14.875rem;
}
#section-select-plan .select-plan-step-wrapper .qr-code-wrapper {
  margin-top: 5rem;
  font-size: 1.625rem;
  line-height: 2.375rem;
  text-shadow: 0 0 0.0625rem #000;
}
#section-select-plan .select-plan-step-wrapper .qr-code-wrapper img {
  width: 12.5rem;
  height: 12.5rem;
  margin-top: 1.125rem;
}
#section-select-plan .select-plan-step-wrapper .send-sms-wrapper {
  margin: 0 auto;
  width: 18.75rem;
  margin-top: 3rem;
}
#section-select-plan .select-plan-step-wrapper .send-sms-wrapper button {
  background-color: rgba(255, 255, 255, 0.8);
  border: 0.1875rem solid #eeeeee;
  color: #444;
  width: 100%;
  height: 3.125rem;
  border-radius: 0.625rem;
  margin-top: 1.75rem;
  box-shadow: 0 0 0.1875rem #999;
  font-weight: 400;
  font-size: 1.375rem;
}
.cishover #section-select-plan .select-plan-step-wrapper .send-sms-wrapper button:focus, #section-select-plan .select-plan-step-wrapper .send-sms-wrapper button.cactive {
  background-color: #487500;
  border: 0.1875rem solid #487500;
  color: #fff;
}
.cishover #section-select-plan .select-plan-step-wrapper .send-sms-wrapper button:hover {
  background-color: #649415;
  border: 0.1875rem solid #649415;
  color: #fff;
}
#section-select-plan .undo {
  background: rgba(255, 255, 255, 0.8) url(https://smarttv.cda.pl/images/baseline_navigate_before_black_48.png) no-repeat;
  background-position: center;
  height: 5rem;
  width: 5rem;
  border-radius: 12.5rem;
  border: 0.1875rem solid #eeeeee;
  background-size: 70% 70%;
}
.cishover #section-select-plan .undo:focus, #section-select-plan .undo.cactive {
  background-color: #487500;
  border: 0.1875rem solid #487500;
  color: #fff;
  background-image: url(https://smarttv.cda.pl/images/baseline_navigate_before_white_48.png);
}
.cishover #section-select-plan .undo:hover {
  background-color: #649415;
  border: 0.1875rem solid #649415;
  color: #fff;
  background-image: url(https://smarttv.cda.pl/images/baseline_navigate_before_white_48.png);
}
#section-select-plan .payment-type-title {
  font-size: 3.125rem;
  font-weight: 600;
  color: #000;
  text-align: center;
  margin-top: 0.625rem;
}
#section-select-plan .payment-terms-info {
  text-align: center;
  color: #7F7E7E;
  width: 50rem;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  margin: 0 auto;
}
#section-select-plan .col-left {
  padding-left: 5rem;
  padding-top: 6.25rem;
  color: #000;
}
#section-select-plan .cda-logo img {
  width: 9.375rem;
}
#section-select-plan .top-txt {
  margin-top: 3.75rem;
  color: #000;
  text-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.2);
}
#section-select-plan .top-txt p:first-child {
  font-size: 3.9375rem;
  font-weight: 600;
}
#section-select-plan .top-txt p:last-child {
  margin-top: 0.625rem;
  font-size: 2.0625rem;
  font-weight: 200;
  line-height: 2.625rem;
}
#section-select-plan .top-txt p:last-child span {
  font-weight: 400;
}
#section-select-plan ul {
  margin-top: 1.875rem;
  font-size: 1.25rem;
}
#section-select-plan ul li {
  width: 29.375rem;
  line-height: 2.8125rem;
  font-weight: 400;
}
#section-select-plan ul li img {
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
}
#section-select-plan ul li > span {
  margin-left: 0.625rem;
  position: relative;
  top: -0.1875rem;
}
#section-select-plan ul li > span span {
  font-weight: 600;
}
#section-select-plan .col-right {
  float: left;
  color: #fff;
  padding-top: 12.8125rem;
  padding-left: 4.375rem;
}
#section-select-plan .plans .plan-wrapper {
  float: left;
  width: 17.5rem;
  margin-right: 3.125rem;
}
.cishover #section-select-plan .plans .plan-wrapper:focus .plan, #section-select-plan .plans .plan-wrapper.cactive .plan {
  border-color: #487500;
}
.cishover #section-select-plan .plans .plan-wrapper:focus .plan .special-offer, #section-select-plan .plans .plan-wrapper.cactive .plan .special-offer {
  background: #487500;
  color: #fff;
}
.cishover #section-select-plan .plans .plan-wrapper:focus button, #section-select-plan .plans .plan-wrapper.cactive button {
  background-color: #487500;
  border: 0.1875rem solid #487500;
  color: #fff;
}
.cishover #section-select-plan .plans .plan-wrapper:hover .plan {
  border-color: #649415;
}
.cishover #section-select-plan .plans .plan-wrapper:hover .plan .special-offer {
  background: #649415;
  color: #fff;
}
.cishover #section-select-plan .plans .plan-wrapper:hover button {
  background-color: #649415;
  border: 0.1875rem solid #649415;
  color: #fff;
}
#section-select-plan .plans .plan-wrapper .plan {
  color: #444;
  border: 0.1875rem solid #eeeeee;
  border-radius: 1.25rem;
  padding: 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  height: 21.3125rem;
  box-shadow: 0 0 0.1875rem #999;
  position: relative;
}
#section-select-plan .plans .plan-wrapper .plan .plan-name {
  text-align: center;
  font-size: 2.1875rem;
  font-weight: 600;
  margin-top: 2.1875rem;
}
#section-select-plan .plans .plan-wrapper .plan .plan-additional-info {
  margin-top: 0.625rem;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
}
#section-select-plan .plans .plan-wrapper .plan .price {
  text-align: center;
  font-weight: 600;
  font-size: 1.75rem;
  margin-top: 3.875rem;
  color: #487500;
}
#section-select-plan .plans .plan-wrapper .plan .peroid {
  padding-top: 0.625rem;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 600;
}
#section-select-plan .plans .plan-wrapper .plan .payment-info {
  text-align: center;
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: #7F7E7E;
}
#section-select-plan .plans .plan-wrapper .plan .special-offer {
  position: absolute;
  top: -1.0625rem;
  right: 1.5rem;
  background: #487500;
  border-radius: 1.25rem;
  color: #fff;
  padding: 0.625rem;
  padding-bottom: 0.25rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  text-transform: uppercase;
  box-shadow: 0 0 0.1875rem #999;
  width: 14.25rem;
  white-space: nowrap;
}
#section-select-plan .plans .plan-wrapper .plan .special-offer span {
  position: relative;
  top: -0.1875rem;
  margin-left: 0.25rem;
  white-space: nowrap;
}
#section-select-plan .plans .plan-wrapper .plan .promotion {
  position: absolute;
  width: 18.75rem;
  height: 1.5rem;
  left: 18.75rem;
  top: 9.75rem;
}
#section-select-plan .plans .plan-wrapper .plan .promotion svg.arrow {
  width: 3.125rem;
  height: 3.125rem;
  float: left;
  color: #487500;
  margin-right: 0.5rem;
  animation: promotion-animation 5s ease-in-out infinite;
  position: absolute;
  left: 0;
  top: -0.0625rem;
}
#section-select-plan .plans .plan-wrapper .plan .promotion .txt {
  border: 0.125rem solid #487500;
  border-radius: 2.5rem;
  padding: 1.25rem;
  background: rgba(255, 255, 255, 0.6);
  font-size: 1.25rem;
  color: #487500;
  font-weight: bold;
  padding-top: 0.5625rem;
  padding-bottom: 0.4375rem;
  padding-left: 1.0625rem;
  float: left;
  margin-left: 3.4375rem;
}
#section-select-plan .plans .plan-wrapper .plan .promotion .txt .info {
  position: relative;
  top: -0.3125rem;
}
#section-select-plan .plans .plan-wrapper .plan .promotion .txt svg {
  width: 1.5625rem;
  color: #ee4e2b;
}
@keyframes promotion-animation {
  0% {
    margin-left: 0;
  }
  10% {
    margin-left: 0;
  }
  30% {
    margin-left: 0;
  }
  40% {
    margin-left: 0;
  }
  50% {
    margin-left: -0.3125rem;
  }
  60% {
    margin-left: 0;
  }
  70% {
    margin-left: 0;
  }
  80% {
    margin-left: 0;
  }
  90% {
    margin-left: 0;
  }
  100% {
    margin-left: 0;
  }
}
#section-select-plan .plans .plan-wrapper button {
  background-color: rgba(255, 255, 255, 0.8);
  border: 0.1875rem solid #eeeeee;
  color: #444;
  width: 100%;
  height: 2.625rem;
  border-radius: 0.625rem;
  margin-top: 1.75rem;
  font-weight: 400;
  font-size: 1.375rem;
  text-transform: uppercase;
}
#section-select-plan .plans .plan-wrapper button .blik-logo {
  width: 1.1875rem;
  position: relative;
  top: 0.125rem;
  left: -0.1875rem;
}

#section-select-plan-video {
  background-color: #0b0b0b;
}
#section-select-plan-video .login-options {
  z-index: 20000;
  bottom: 0;
  right: 0;
  height: 3.3125rem;
  position: absolute;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.8);
  border: 0.1875rem solid rgba(238, 238, 238, 0.5);
  border-bottom: 0;
  border-right: 0;
  border-top-left-radius: 1.25rem;
  padding: 0.625rem;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  padding-bottom: 0.8125rem;
  box-shadow: 0 0 0.1875rem #999;
}
#section-select-plan-video .login-options button {
  background-color: #eeeeee;
  border: 0.1875rem solid #eeeeee;
  color: #444;
  width: auto;
  padding-left: 2.375rem;
  padding-right: 0.625rem;
  height: 1.875rem;
  border-radius: 0.625rem;
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
  box-shadow: 0 0 0.1875rem #999;
  font-weight: 400;
  font-size: 1rem;
  float: right;
}
#section-select-plan-video .login-options button.c-login {
  background: #eeeeee url(https://static.cda.pl/app/baseline_person_black_24.png) no-repeat 0.4375rem 50%;
  background-size: 1.5625rem;
}
#section-select-plan-video .login-options button.c-exit {
  background: #eeeeee url(https://static.cda.pl/app/baseline_logout_black_24dp.png) no-repeat 0.4375rem 50%;
  background-size: 1.5625rem;
}
.cishover #section-select-plan-video .login-options button:focus, #section-select-plan-video .login-options button.cactive {
  background-color: #487500;
  border: 0.1875rem solid #487500;
  color: #fff;
}
.cishover #section-select-plan-video .login-options button:focus.c-login, #section-select-plan-video .login-options button.cactive.c-login {
  background: #487500 url(https://smarttv.cda.pl/images/baseline_person_white_24.png) no-repeat 0.4375rem 50%;
  background-size: 1.5625rem;
}
.cishover #section-select-plan-video .login-options button:focus.c-exit, #section-select-plan-video .login-options button.cactive.c-exit {
  background: #487500 url(https://smarttv.cda.pl/images/baseline_logout_white_24dp.png) no-repeat 0.4375rem 50%;
  background-size: 1.5625rem;
}
.cishover #section-select-plan-video .login-options button:hover {
  background-color: #649415;
  border: 0.1875rem solid #649415;
  color: #fff;
}
.cishover #section-select-plan-video .login-options button:hover.c-login {
  background: #649415 url(https://smarttv.cda.pl/images/baseline_person_white_24.png) no-repeat 0.4375rem 50%;
  background-size: 1.5625rem;
}
.cishover #section-select-plan-video .login-options button:hover.c-exit {
  background: #649415 url(https://smarttv.cda.pl/images/baseline_logout_white_24dp.png) no-repeat 0.4375rem 50%;
  background-size: 1.5625rem;
}
#section-select-plan-video .payment-type-title {
  font-size: 3.125rem;
  font-weight: 600;
  color: #000;
  text-align: center;
  margin-top: 0.625rem;
}
#section-select-plan-video .payment-terms-info {
  text-align: center;
  color: #7F7E7E;
  width: 50rem;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  margin: 0 auto;
}
#section-select-plan-video .col-left {
  padding-left: 3.125rem;
  padding-top: 3.125rem;
  color: #000;
  position: relative;
  z-index: 10000;
}
#section-select-plan-video .col-left button {
  height: 3.1875rem;
  line-height: 2.875rem;
  border-radius: 0.625rem;
  margin-top: 1.75rem;
  font-weight: 400;
  font-size: 1.5rem;
  text-transform: uppercase;
  border: 0;
  background-color: #eeeeee;
  color: #000;
  font-weight: bold;
  margin-top: 2.625rem;
  margin-left: 1.25rem;
  box-shadow: 0rem 0rem 0.3125rem #000;
  padding-left: 2.1875rem;
  padding-right: 2.1875rem;
}
.cishover #section-select-plan-video .col-left button:focus, #section-select-plan-video .col-left button.cactive {
  background-color: #487500;
  color: #fff;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0, 0, 0, 0.5);
}
.cishover #section-select-plan-video .col-left button:hover {
  background-color: #649415;
  color: #fff;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0, 0, 0, 0.5);
}
#section-select-plan-video .col-left button.send-email {
  margin-left: 0;
}
.cishover #section-select-plan-video .col-left button.send-email:focus, #section-select-plan-video .col-left button.send-email.cactive {
  background-color: #949292;
  color: #fff;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0, 0, 0, 0.5);
}
.cishover #section-select-plan-video .col-left button.send-email:hover {
  background-color: #C0C0C0;
  color: #fff;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0, 0, 0, 0.5);
}
#section-select-plan-video .cda-logo img {
  width: 9.375rem;
}
#section-select-plan-video .top-txt {
  margin-top: 4.375rem;
  color: #fff;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem #000;
}
#section-select-plan-video .top-txt p:first-child {
  font-size: 3.9375rem;
  font-weight: 600;
}
#section-select-plan-video .top-txt p:last-child {
  margin-top: 0.625rem;
  font-size: 2.0625rem;
  font-weight: 200;
  line-height: 2.625rem;
}
#section-select-plan-video .top-txt p:last-child span {
  font-weight: 400;
}
#section-select-plan-video .top-txt svg {
  width: 2.6875rem;
  position: relative;
  top: 0.25rem;
}
#section-select-plan-video .top-txt .check-email-text {
  width: 21.875rem;
  padding-top: 2.5rem;
}
#section-select-plan-video .video-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#section-select-plan-video .video-wrapper .video-shadow {
  position: absolute;
  width: 80rem;
  height: 100%;
  z-index: 100;
  pointer-events: none;
  box-shadow: inset 31.25rem 1.875rem 6.25rem rgba(11, 11, 11, 0.9);
}
#section-select-plan-video .video-wrapper video {
  width: 100%;
}
#section-select-plan-video ul {
  margin-top: 2.5rem;
  font-size: 1.3125rem;
  padding-left: 1.25rem;
}
#section-select-plan-video ul li {
  width: 29.375rem;
  color: #d4c6c7;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem #000;
  line-height: 2.8125rem;
  font-weight: 400;
}
#section-select-plan-video ul li svg {
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
  top: -0.125rem;
}
#section-select-plan-video ul li > span {
  margin-left: 0.625rem;
  position: relative;
  top: -0.1875rem;
}
#section-select-plan-video ul li > span span {
  font-weight: 600;
}

#section-collections .collections-wrapper {
  padding-top: 19.375rem;
}
#section-collections .collections-wrapper .collections-bg {
  position: absolute;
  top: 0;
  left: -1.25rem;
  width: 100%;
}
#section-collections .collections-wrapper .collections-bg img {
  width: 108%;
}

/*
.cbtn-big:hover,
.ctext:hover
 {
	background-color: inherit !important;
}
*/
.change-login-option {
  background: rgba(255, 255, 255, 0.4);
  width: 23.875rem;
  height: 3.6875rem;
  border-radius: 2.5rem;
  margin: 0 auto;
}
.change-login-option button {
  border: 0;
  height: 2.6875rem;
  width: 11.25rem;
  margin-top: 0.5rem;
  border-radius: 1.25rem;
  font-size: 1.5rem;
  background: transparent;
}
.cishover .change-login-option button:focus, .change-login-option button.cactive {
  background-color: #141719;
  color: #ffffff;
}
.cishover .change-login-option button:hover {
  background-color: #535B61;
  color: #ffffff;
}

/*# sourceMappingURL=main.css.map */