.inc-o2stb {
  font-size: 10px;
  line-height: 1.2;
  width: 100%;
  min-height: 100vh;
  background: #e6f3fa;
}
.inc-o2stb a:hover {
  color: inherit;
  text-decoration: none;
}
.inc-o2stb h1, .inc-o2stb h2 {
  line-height: 1.2;
}
.inc-o2stb strong {
  font-weight: 600;
}
.inc-o2stb .inc-o2stb-header,
.inc-o2stb .inc-o2stb-section {
  font-family: "OnAir";
  font-weight: 300;
  text-align: center;
  color: white;
  width: 100%;
  min-height: calc(100vh - 81px);
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  z-index: 1;
}
.inc-o2stb .inc-o2stb-header h2, .inc-o2stb .inc-o2stb-header h1,
.inc-o2stb .inc-o2stb-section h2,
.inc-o2stb .inc-o2stb-section h1 {
  font-size: 3.2em;
  font-weight: 300;
  margin: 0.67em 0;
}
.inc-o2stb .inc-o2stb-header h2 strong, .inc-o2stb .inc-o2stb-header h1 strong,
.inc-o2stb .inc-o2stb-section h2 strong,
.inc-o2stb .inc-o2stb-section h1 strong {
  display: block;
}
.inc-o2stb .inc-o2stb-header h1,
.inc-o2stb .inc-o2stb-section h1 {
  font-size: 2.2em;
  margin-bottom: 0;
  transform-style: preserve-3d;
  perspective: 500px;
}
.inc-o2stb .inc-o2stb-header h1 > span,
.inc-o2stb .inc-o2stb-section h1 > span {
  letter-spacing: 0.7em;
  text-indent: 0.7em;
}
.inc-o2stb .inc-o2stb-header h1 span,
.inc-o2stb .inc-o2stb-section h1 span {
  display: inline-block;
  position: relative;
}
.inc-o2stb .inc-o2stb-header h1 sub,
.inc-o2stb .inc-o2stb-section h1 sub {
  font-size: 0.5em;
  margin-left: -0.2em;
  vertical-align: sub;
}
.inc-o2stb .inc-o2stb-header h1 strong,
.inc-o2stb .inc-o2stb-section h1 strong {
  white-space: nowrap;
  letter-spacing: normal;
  font-size: 3em;
  transform-style: preserve-3d;
  perspective: 500px;
}
.inc-o2stb .inc-o2stb-header h1 img,
.inc-o2stb .inc-o2stb-section h1 img {
  height: 1em;
  width: auto;
}
.inc-o2stb .inc-o2stb-header h2,
.inc-o2stb .inc-o2stb-section h2 {
  margin-bottom: 0.7em;
}
.inc-o2stb .inc-o2stb-header p,
.inc-o2stb .inc-o2stb-section p {
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.8;
  margin: 1em auto;
}
.inc-o2stb .inc-o2stb-header p a,
.inc-o2stb .inc-o2stb-section p a {
  color: #41b6e6;
  font-size: 1.2em;
  display: inline;
  text-decoration: none;
  border-bottom: 1px dashed;
}
.inc-o2stb .inc-o2stb-header--blue-4,
.inc-o2stb .inc-o2stb-section--blue-4 {
  background: #41b6e6;
}
.inc-o2stb .inc-o2stb-header--blue-4 .inc-o2stb-section__inner:not(.inc-o2stb-section__inner--4),
.inc-o2stb .inc-o2stb-section--blue-4 .inc-o2stb-section__inner:not(.inc-o2stb-section__inner--4) {
  padding-top: 12em;
  padding-bottom: 4em;
}
.inc-o2stb .inc-o2stb-header--blue-4:before,
.inc-o2stb .inc-o2stb-section--blue-4:before {
  content: "";
  width: 100%;
  height: 50%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #1791cd;
}
.inc-o2stb .inc-o2stb-header--brown-6,
.inc-o2stb .inc-o2stb-section--brown-6 {
  background: #535762;
  z-index: 2;
}
.inc-o2stb .inc-o2stb-header--brown-6:before,
.inc-o2stb .inc-o2stb-section--brown-6:before {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #a5a8ad;
}
@media screen and (min-height: 1330px) {
  .inc-o2stb .inc-o2stb-header--brown-6,
.inc-o2stb .inc-o2stb-section--brown-6 {
    justify-content: flex-start;
  }
}
.inc-o2stb .inc-o2stb-header--brown-7,
.inc-o2stb .inc-o2stb-section--brown-7 {
  overflow: hidden;
}
.inc-o2stb .inc-o2stb-header--brown-7 > span,
.inc-o2stb .inc-o2stb-section--brown-7 > span {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #706b68 url(https://www.o2.cz/ngexternal/data/tvbox/v6/img/Ovladac_podsviceni_den_pattern.jpg) center center repeat;
  background-size: 100% 100%;
  transform: translate(-50%, -50%);
}
.inc-o2stb .inc-o2stb-header--oh,
.inc-o2stb .inc-o2stb-section--oh {
  overflow: hidden;
}
.inc-o2stb .inc-o2stb-header--video,
.inc-o2stb .inc-o2stb-section--video {
  height: 150vh;
  z-index: 0;
}
.inc-o2stb .inc-o2stb-header--nmh,
.inc-o2stb .inc-o2stb-section--nmh {
  min-height: 0;
}
@media screen and (min-width: 768px) {
  .inc-o2stb .inc-o2stb-header h1,
.inc-o2stb .inc-o2stb-section h1 {
    font-size: 2.5em;
  }
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-header h1,
.inc-o2stb .inc-o2stb-section h1 {
    font-size: 3.5em;
  }
  .inc-o2stb .inc-o2stb-header h2,
.inc-o2stb .inc-o2stb-section h2 {
    font-size: 6em;
  }
  .inc-o2stb .inc-o2stb-header p,
.inc-o2stb .inc-o2stb-section p {
    font-size: 1.8em;
  }
}
@media screen and (min-width: 1600px) {
  .inc-o2stb .inc-o2stb-header h1,
.inc-o2stb .inc-o2stb-section h1 {
    font-size: 2.2vw;
  }
  .inc-o2stb .inc-o2stb-header h2,
.inc-o2stb .inc-o2stb-section h2 {
    font-size: 3.75vw;
  }
}
.inc-o2stb .inc-o2stb-header {
  background: #233b91;
  min-height: calc(100vh - 50px);
}
.inc-o2stb .inc-o2stb-header p, .inc-o2stb .inc-o2stb-header p span {
  display: block;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .inc-o2stb .inc-o2stb-header {
    min-height: calc(100vh - 60px);
  }
}
@media screen and (min-width: 992px) {
  .inc-o2stb .inc-o2stb-header {
    min-height: calc(100vh - 100px);
  }
}
.inc-o2stb .inc-o2stb-section__inner {
  width: 100%;
  max-width: 99em;
  padding: 8em 2em;
  box-sizing: border-box;
}
.inc-o2stb .inc-o2stb-section__inner h1, .inc-o2stb .inc-o2stb-section__inner h2, .inc-o2stb .inc-o2stb-section__inner p, .inc-o2stb .inc-o2stb-section__inner .inc-o2stb-boxes, .inc-o2stb .inc-o2stb-section__inner .inc-o2stb-btn, .inc-o2stb .inc-o2stb-section__inner .inc-o2stb-accord, .inc-o2stb .inc-o2stb-section__inner .inc-o2stb-tvbox {
  position: relative;
  z-index: 2;
}
.inc-o2stb .inc-o2stb-section__inner .inc-o2stb-tvbox {
  z-index: 3;
}
.inc-o2stb .inc-o2stb-section__inner p {
  max-width: 42em;
}
.inc-o2stb .inc-o2stb-section__inner--apps, .inc-o2stb .inc-o2stb-section__inner--head {
  padding: 0 5%;
  margin: 6em auto auto;
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-section__inner--apps, .inc-o2stb .inc-o2stb-section__inner--head {
    margin-top: 3em;
  }
}
@media screen and (max-width: 1023px) and (min-aspect-ratio: 1/1) {
  .inc-o2stb .inc-o2stb-section__inner--apps, .inc-o2stb .inc-o2stb-section__inner--head {
    margin-top: 0;
  }
}
.inc-o2stb .inc-o2stb-section__inner--apps p, .inc-o2stb .inc-o2stb-section__inner--head p {
  font-weight: 600;
  margin-top: 0;
}
.inc-o2stb .inc-o2stb-section__inner--apps {
  padding-bottom: 32em;
}
@media screen and (min-width: 374px) {
  .inc-o2stb .inc-o2stb-section__inner--apps {
    padding-bottom: 45em;
  }
}
@media screen and (min-width: 767px) {
  .inc-o2stb .inc-o2stb-section__inner--apps {
    padding-bottom: 75em;
  }
}
@media screen and (min-aspect-ratio: 2880/1904) and (min-width: 374px) {
  .inc-o2stb .inc-o2stb-section__inner--apps {
    padding-bottom: 34em;
  }
}
@media screen and (min-aspect-ratio: 2880/1904) and (min-width: 767px) {
  .inc-o2stb .inc-o2stb-section__inner--apps {
    padding-bottom: 45em;
  }
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-section__inner--apps {
    padding-bottom: 55em;
  }
}
.inc-o2stb .inc-o2stb-section__inner--bg {
  background: radial-gradient(ellipse, #030750 0%, rgba(3, 7, 80, 0) 100%);
  z-index: 3;
}
.inc-o2stb .inc-o2stb-section__inner--2, .inc-o2stb .inc-o2stb-section__inner--4, .inc-o2stb .inc-o2stb-section__inner--8 {
  max-width: none;
}
.inc-o2stb .inc-o2stb-section__inner--4 {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.inc-o2stb .inc-o2stb-section__inner--4 p {
  max-width: 90%;
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-section__inner--4 {
    background: transparent;
  }
}
.inc-o2stb .inc-o2stb-section__inner--6 {
  overflow: hidden;
  padding-bottom: 47em;
  padding-top: 6em;
  margin-bottom: auto;
}
@media screen and (min-width: 374px) {
  .inc-o2stb .inc-o2stb-section__inner--6 {
    padding-bottom: 55em;
  }
}
@media screen and (min-width: 768px) {
  .inc-o2stb .inc-o2stb-section__inner--6 {
    padding-bottom: 84em;
  }
}
@media screen and (min-width: 830px) {
  .inc-o2stb .inc-o2stb-section__inner--6 {
    padding-bottom: 114em;
  }
}
@media screen and (min-aspect-ratio: 1/1) and (min-width: 374px) {
  .inc-o2stb .inc-o2stb-section__inner--6 {
    padding-bottom: 42em;
  }
}
@media screen and (min-aspect-ratio: 1/1) and (min-width: 768px) {
  .inc-o2stb .inc-o2stb-section__inner--6 {
    padding-bottom: 55em;
  }
}
@media screen and (min-aspect-ratio: 1/1) and (min-width: 830px) {
  .inc-o2stb .inc-o2stb-section__inner--6 {
    padding-bottom: 94em;
  }
}
@media screen and (min-aspect-ratio: 1/1) and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-section__inner--6 {
    padding-bottom: 65em;
  }
}
@media screen and (min-aspect-ratio: 1/1) and (min-width: 1280px) {
  .inc-o2stb .inc-o2stb-section__inner--6 {
    padding-bottom: 85em;
  }
}
@media screen and (min-width: 1600px) {
  .inc-o2stb .inc-o2stb-section__inner--6 {
    padding-bottom: 112em;
  }
}
@media screen and (min-width: 2220px) {
  .inc-o2stb .inc-o2stb-section__inner--6 {
    padding-bottom: 132em;
  }
}
.inc-o2stb .inc-o2stb-section__inner--7 {
  padding-bottom: 0;
}
@media screen and (min-aspect-ratio: 1/1) and (max-width: 768px) {
  .inc-o2stb .inc-o2stb-section__inner--7 {
    padding-top: 4em;
    padding-bottom: 8em;
  }
}
.inc-o2stb .inc-o2stb-section__inner--7 img {
  width: 40%;
  height: auto;
  display: block;
  margin: 2em auto 0;
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-section__inner--7 img {
    width: 20%;
  }
}
.inc-o2stb .inc-o2stb-section__inner--7 p {
  max-width: 40em;
}
.inc-o2stb .inc-o2stb-section__inner--8 p a {
  color: white;
  font-size: 1em;
}
.inc-o2stb .inc-o2stb-section__inner--video {
  position: aboslute;
  padding-right: 4em;
  padding-left: 4em;
}
.inc-o2stb .inc-o2stb-section__inner--video1 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  box-sizing: border-box;
}
.inc-o2stb .inc-o2stb-section__inner--last {
  max-width: 120em;
  padding-bottom: 20em;
}
.inc-o2stb .inc-o2stb-section__inner--last h2 {
  margin-bottom: 1.2em;
}
.inc-o2stb .inc-o2stb-section__inner--is {
  color: #021da4;
  width: 100%;
  padding: 3em 5%;
  box-sizing: border-box;
  z-index: 1;
}
.inc-o2stb .inc-o2stb-section__inner--is h2 {
  font-size: 3em;
  font-weight: 600;
  margin: 0;
  letter-spacing: -0.03em;
}
.inc-o2stb .inc-o2stb-section__inner--is h2 strong {
  display: block;
}
.inc-o2stb .inc-o2stb-section__inner--is h3 {
  font-weight: 500;
  font-size: 2.4em;
  margin: 1em 0;
  line-height: 1.5;
}
.inc-o2stb .inc-o2stb-section__inner--is p {
  font-size: 1.4em;
  max-width: 30em;
  line-height: 1.6667;
  margin: 1em auto;
  font-weight: 500;
}
.inc-o2stb .inc-o2stb-section__inner--is p + p {
  margin: 2.5em auto;
}
@media screen and (min-width: 600px) {
  .inc-o2stb .inc-o2stb-section__inner--video1 br {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-section__inner--flex {
    text-align: left;
    display: flex;
    max-width: 150em;
    align-items: flex-start;
    justify-content: center;
    padding-top: 0;
  }
  .inc-o2stb .inc-o2stb-section__inner--flex div {
    padding-top: 1em;
  }
  .inc-o2stb .inc-o2stb-section__inner--flex div:first-child {
    flex: 0 1 39em;
    padding: 0 5% 0 0;
  }
}
@media screen and (min-width: 1280px) {
  .inc-o2stb .inc-o2stb-section__inner--apps {
    width: 65%;
    padding: 0 2em;
    max-width: none;
    min-height: 70vw;
  }
  .inc-o2stb .inc-o2stb-section__inner--is {
    padding: 0 5em 8em;
  }
  .inc-o2stb .inc-o2stb-section__inner--is h1 {
    font-size: 8em;
  }
  .inc-o2stb .inc-o2stb-section__inner--is h2 {
    font-size: 6.3em;
  }
  .inc-o2stb .inc-o2stb-section__inner--is h3 {
    font-size: 2.8em;
  }
  .inc-o2stb .inc-o2stb-section__inner--is p {
    font-size: 1.8em;
  }
}
@media screen and (min-width: 1600px) {
  .inc-o2stb .inc-o2stb-section__inner {
    max-width: 65%;
  }
  .inc-o2stb .inc-o2stb-section__inner--is, .inc-o2stb .inc-o2stb-section__inner--2, .inc-o2stb .inc-o2stb-section__inner--4, .inc-o2stb .inc-o2stb-section__inner--8 {
    max-width: none;
  }
  .inc-o2stb .inc-o2stb-section__inner--last {
    max-width: 120em;
  }
}
.inc-o2stb .inc-o2stb-parallax--alone {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.inc-o2stb .inc-o2stb-section__bg {
  position: relative;
  
  
}
.inc-o2stb .inc-o2stb-section__bg video,
.inc-o2stb .inc-o2stb-section__bg img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}
.inc-o2stb .inc-o2stb-section__bg--game, .inc-o2stb .inc-o2stb-section__bg--4, .inc-o2stb .inc-o2stb-section__bg--apps, .inc-o2stb .inc-o2stb-section__bg--6, .inc-o2stb .inc-o2stb-section__bg--head, .inc-o2stb .inc-o2stb-section__bg--dots, .inc-o2stb .inc-o2stb-section__bg--wall {
  width: 100%;
  height: 110%;
  position: absolute;
  top: -5%;
  left: 0;
}
.inc-o2stb .inc-o2stb-section__bg--game, .inc-o2stb .inc-o2stb-section__bg--apps, .inc-o2stb .inc-o2stb-section__bg--head {
  height: 80vh;
  left: 50%;
  top: auto;
  bottom: 0;
  transform: translate(-50%, 0);
}
.inc-o2stb .inc-o2stb-section__bg--game img, .inc-o2stb .inc-o2stb-section__bg--apps img, .inc-o2stb .inc-o2stb-section__bg--head img {
  height: auto;
  -o-object-fit: fill;
  object-fit: fill;
}
.inc-o2stb .inc-o2stb-section__bg--head {
  height: 100vh;
  width: 118.9048239896vh;
}
.inc-o2stb .inc-o2stb-section__bg--head:before {
  content: "";
  height: 10%;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  background: linear-gradient(to bottom, #233b91, rgba(35, 59, 145, 0));
}
.inc-o2stb .inc-o2stb-section__bg--head picture:nth-child(2) img {
  width: 37.1710526316%;
  position: absolute;
  top: 55%;
  left: 31.4144736842%;
}
.inc-o2stb .inc-o2stb-section__bg--head picture:nth-child(3) img {
  width: 37.2368421053%;
  position: absolute;
  top: 74%;
  left: 19.5%;
  z-index: 1;
}
@media (min-aspect-ratio: 1/1) {
  .inc-o2stb .inc-o2stb-section__bg--head {
    width: 213.3333333333vh;
    height: 100vh;
    top: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
  }
  .inc-o2stb .inc-o2stb-section__bg--head picture:nth-child(2) img {
    width: 26.484375%;
    top: 45%;
    left: 36.7578125%;
  }
  .inc-o2stb .inc-o2stb-section__bg--head picture:nth-child(3) img {
    width: 26.53125%;
    top: 66.5%;
    left: 28.1%;
  }
}
@media (min-aspect-ratio: 512/240) {
  .inc-o2stb .inc-o2stb-section__bg--head {
    width: 100vw;
    height: 46.875vw;
  }
}
.inc-o2stb .inc-o2stb-section__bg--apps {
  height: 90vh;
  width: 136.1344537815vh;
}
.inc-o2stb .inc-o2stb-section__bg--apps .inc-o2stb-parallax::before {
  content: "";
  height: 10%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, #535762, rgba(83, 87, 98, 0));
}
.inc-o2stb .inc-o2stb-section__bg--apps > picture:nth-child(2) img,
.inc-o2stb .inc-o2stb-section__bg--apps > picture:nth-child(3) img {
  position: absolute;
  bottom: -10%;
}
.inc-o2stb .inc-o2stb-section__bg--apps > picture:nth-child(2) img {
  width: 26.4583333%;
  left: 0;
}
.inc-o2stb .inc-o2stb-section__bg--apps > picture:nth-child(3) img {
  width: 50.2083333%;
  left: 38%;
  bottom: -35%;
}
@media screen and (min-width: 768px) {
  .inc-o2stb .inc-o2stb-section__bg--apps {
    height: 110vh;
    width: 166.3865546218vh;
  }
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-section__bg--apps .inc-o2stb-parallax::before {
    display: none;
  }
  .inc-o2stb .inc-o2stb-section__bg--apps:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    background: #666670 url(https://www.o2.cz/ngexternal/data/tvbox/v6/img/chytra-domacnost-II-pattern@1.5x.jpg) center center repeat;
    background-size: 100% 100%;
  }
  .inc-o2stb .inc-o2stb-section__bg--apps > picture:nth-child(2) img {
    bottom: -5%;
  }
}
@media (min-aspect-ratio: 2880/1904) {
  .inc-o2stb .inc-o2stb-section__bg--apps {
    width: 110vw;
    height: 72.7222222222vw;
    transform: translate(-50%, 0);
    top: auto;
    bottom: 0;
  }
  .inc-o2stb .inc-o2stb-section__bg--apps .inc-o2stb-parallax::before {
    display: none;
  }
  .inc-o2stb .inc-o2stb-section__bg--apps:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    background: #666670 url(https://www.o2.cz/ngexternal/data/tvbox/v6/img/chytra-domacnost-II-pattern@1.5x.jpg) center center repeat;
    background-size: 100% 100%;
  }
}
@media screen and (min-aspect-ratio: 2880/1904) and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-section__bg--apps {
    width: 110vw;
    height: 72.7222222222vw;
    transform: translate(-50%, -50%);
    top: 50%;
    bottom: auto;
  }
}
.inc-o2stb .inc-o2stb-section__bg--game {
  height: 90vh;
  width: 125.642268541vh;
}
.inc-o2stb .inc-o2stb-section__bg--game .inc-o2stb-parallax::after,
.inc-o2stb .inc-o2stb-section__bg--game .inc-o2stb-parallax::before {
  content: "";
  height: 10%;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  background: linear-gradient(to bottom, #535762, rgba(83, 87, 98, 0));
}
.inc-o2stb .inc-o2stb-section__bg--game .inc-o2stb-parallax::before {
  top: 0;
}
.inc-o2stb .inc-o2stb-section__bg--game .inc-o2stb-parallax::after {
  bottom: 0;
  background: linear-gradient(to top, #a5a8ad, rgba(165, 168, 173, 0));
}
.inc-o2stb .inc-o2stb-section__bg--game > picture:nth-child(2) img {
  width: 43.8020833%;
  left: 28.09895835%;
  position: absolute;
  bottom: -10%;
}
@media screen and (min-width: 768px) {
  .inc-o2stb .inc-o2stb-section__bg--game {
    height: 110vh;
    width: 153.5627726612vh;
  }
  .inc-o2stb .inc-o2stb-section__bg--game > picture:nth-child(2) img {
    bottom: -5%;
  }
}
@media (min-aspect-ratio: 2880/1904) {
  .inc-o2stb .inc-o2stb-section__bg--game {
    width: 110vw;
    height: 78.7951388889vw;
    transform: translate(-50%, 0);
    top: auto;
    bottom: 0;
  }
}
@media screen and (min-aspect-ratio: 2880/1904) and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-section__bg--game {
    transform: translate(-50%, -50%);
    top: 50%;
    bottom: auto;
  }
  .inc-o2stb .inc-o2stb-section__bg--game > picture:nth-child(2) img {
    bottom: -10%;
  }
}
.inc-o2stb .inc-o2stb-section__bg--dots {
  background: #030750 url(https://www.o2.cz/ngexternal/data/tvbox/v6/img/2/Background_1x.jpg) 0 0 repeat;
}
.inc-o2stb .inc-o2stb-section__bg--video {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
}
.inc-o2stb .inc-o2stb-section__bg--video video {
  position: absolute;
}
.inc-o2stb .inc-o2stb-section__bg--video:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #030750;
  opacity: 0.5;
}
.inc-o2stb .inc-o2stb-section__bg--6 {
  padding-top: 10em;
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-section__bg--6 {
    padding-top: 0;
  }
}
.inc-o2stb .inc-o2stb-section__bg--f7-1, .inc-o2stb .inc-o2stb-section__bg--f7-2, .inc-o2stb .inc-o2stb-section__bg--f7-3 {
  width: 100%;
  height: calc(100vh - 100px);
}
.inc-o2stb .inc-o2stb-section__bg--f7-1 > div:not(.inc-o2stb__note), .inc-o2stb .inc-o2stb-section__bg--f7-2 > div:not(.inc-o2stb__note), .inc-o2stb .inc-o2stb-section__bg--f7-3 > div:not(.inc-o2stb__note) {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  clip: rect(0, auto, auto, 0);
}
.inc-o2stb .inc-o2stb-section__bg--f7-1 > div:not(.inc-o2stb__note) div, .inc-o2stb .inc-o2stb-section__bg--f7-2 > div:not(.inc-o2stb__note) div, .inc-o2stb .inc-o2stb-section__bg--f7-3 > div:not(.inc-o2stb__note) div {
  width: 100%;
  height: 100vh;
  display: block;
  position: fixed;
  left: 0;
  bottom: 0;
  background: transparent center bottom no-repeat;
  transform: translateZ(0px);
  transform-style: preserve-3d;
  will-change: transform;
}
@media screen and (min-width: 769px) {
  .inc-o2stb .inc-o2stb-section__bg--f7-1, .inc-o2stb .inc-o2stb-section__bg--f7-2, .inc-o2stb .inc-o2stb-section__bg--f7-3 {
    height: 100vh;
  }
}
@media screen and (min-aspect-ratio: 19/9) {
  .inc-o2stb .inc-o2stb-section__bg--f7-1, .inc-o2stb .inc-o2stb-section__bg--f7-2, .inc-o2stb .inc-o2stb-section__bg--f7-3 {
    height: 110vh;
  }
}
@media screen and (min-aspect-ratio: 19/8) {
  .inc-o2stb .inc-o2stb-section__bg--f7-1, .inc-o2stb .inc-o2stb-section__bg--f7-2, .inc-o2stb .inc-o2stb-section__bg--f7-3 {
    height: 120vh;
  }
}
@media screen and (min-aspect-ratio: 19/7) {
  .inc-o2stb .inc-o2stb-section__bg--f7-1, .inc-o2stb .inc-o2stb-section__bg--f7-2, .inc-o2stb .inc-o2stb-section__bg--f7-3 {
    height: 130vh;
  }
}
@media screen and (min-aspect-ratio: 19/6) {
  .inc-o2stb .inc-o2stb-section__bg--f7-1, .inc-o2stb .inc-o2stb-section__bg--f7-2, .inc-o2stb .inc-o2stb-section__bg--f7-3 {
    height: 140vh;
  }
}
.inc-o2stb .inc-o2stb-section__bg--f7-1 div:nth-child(2) {
  height: 125vh;
  transform: translateZ(0px);
  transform-style: preserve-3d;
  clip: auto;
  background: transparent center bottom no-repeat;
}
.inc-o2stb .inc-o2stb-scroll {
  text-decoration: none;
  color: white;
  font-size: 1.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 2em;
  left: 2em;
  padding: 1.2em 2.4em;
  background-color: #0e21a2;
  border-radius: 0.5em;
}
.inc-o2stb .inc-o2stb-scroll > span {
  margin: 0 0 0 1em;
}
.inc-o2stb .inc-o2stb-scroll .inc-o2stb__beak {
  display: block;
}
.inc-o2stb .inc-o2stb-scroll .inc-o2stb__beak:nth-child(1) {
  margin-top: -0.25em;
}
.inc-o2stb .inc-o2stb-scroll .inc-o2stb__beak:nth-child(1) {
  -webkit-animation: pulsate 3s ease-out 0s infinite normal;
  animation: pulsate 3s ease-out 0s infinite normal;
}
.inc-o2stb .inc-o2stb-scroll .inc-o2stb__beak:nth-child(2) {
  -webkit-animation: pulsate 3s ease-out 0.3s infinite normal;
  animation: pulsate 3s ease-out 0.3s infinite normal;
}
.inc-o2stb .inc-o2stb-scroll .inc-o2stb__beak:nth-child(3) {
  -webkit-animation: pulsate 3s ease-out 0.6s infinite normal;
  animation: pulsate 3s ease-out 0.6s infinite normal;
}
@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.9, 0.9) rotate(45deg);
    opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    transform: scale(1.3, 1.3) rotate(45deg);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(0.9, 0.9) rotate(45deg);
    opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    transform: scale(1.3, 1.3) rotate(45deg);
    opacity: 0;
  }
}
.inc-o2stb .inc-o2stb-tv-screen {
  width: 34.5291667%;
  height: 29.3855042%;
  position: absolute;
  top: 40.9%;
  left: 33%;
}
.inc-o2stb .inc-o2stb-tv-screen > picture img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 220ms ease 0ms;
}
.inc-o2stb .inc-o2stb-tv-screen:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  position: absolute;
  pointer-events: none;
  background: transparent linear-gradient(80deg, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.3) 100%);
}
.inc-o2stb .inc-o2stb-tv-screen .inc-o2stb-tv-screen--active {
  opacity: 1;
}
.inc-o2stb .inc-o2stb-tv-screen .inc-o2stb-box--app {
  display: none;
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-tv-screen .inc-o2stb-box--app {
    width: 25%;
    display: block;
    position: absolute;
  }
  .inc-o2stb .inc-o2stb-tv-screen .inc-o2stb-box--app-1, .inc-o2stb .inc-o2stb-tv-screen .inc-o2stb-box--app-3 {
    bottom: 55%;
  }
  .inc-o2stb .inc-o2stb-tv-screen .inc-o2stb-box--app-2, .inc-o2stb .inc-o2stb-tv-screen .inc-o2stb-box--app-4 {
    top: 40%;
  }
  .inc-o2stb .inc-o2stb-tv-screen .inc-o2stb-box--app-1, .inc-o2stb .inc-o2stb-tv-screen .inc-o2stb-box--app-2 {
    right: 110%;
  }
  .inc-o2stb .inc-o2stb-tv-screen .inc-o2stb-box--app-3, .inc-o2stb .inc-o2stb-tv-screen .inc-o2stb-box--app-4 {
    left: 110%;
  }
}
.inc-o2stb .inc-o2stb-tv-screen--game {
  width: 35.0694444444%;
  height: 27.6781386331%;
  position: absolute;
  top: 32.5%;
  left: 32.5%;
}
.inc-o2stb .inc-o2stb-tv-screen--game:after {
  background: transparent linear-gradient(80deg, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.6) 100%);
}
.inc-o2stb .inc-o2stb-tv-screen--game video {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}
.inc-o2stb .inc-o2stb-tv-screen__app {
  width: 26.1329305%;
  position: absolute;
}
.inc-o2stb .inc-o2stb-dsgn {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.inc-o2stb .inc-o2stb-dsgn img {
  width: 20%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
}
.inc-o2stb .inc-o2stb-dsgn--1 img:nth-child(1) {
  width: 6%;
  margin: -18% -50%;
}
.inc-o2stb .inc-o2stb-dsgn--1 img:nth-child(2) {
  width: 2%;
  margin: -16% -25%;
}
.inc-o2stb .inc-o2stb-dsgn--1 img:nth-child(3) {
  width: 4%;
  margin: -1% -20%;
}
.inc-o2stb .inc-o2stb-dsgn--1 img:nth-child(4) {
  width: 24%;
  margin: -9% -69%;
}
.inc-o2stb .inc-o2stb-dsgn--1 img:nth-child(5) {
  width: 2.6%;
  margin: -17% 37%;
}
.inc-o2stb .inc-o2stb-dsgn--1 img:nth-child(6) {
  width: 7%;
  margin: -14% 22%;
}
.inc-o2stb .inc-o2stb-dsgn--1 img:nth-child(7) {
  width: 11%;
  margin: 4% 44%;
}
.inc-o2stb .inc-o2stb-dsgn--2 {
  margin-top: -30em;
  z-index: 3;
  pointer-events: none;
}
.inc-o2stb .inc-o2stb-dsgn--2 picture:nth-child(1) img {
  width: 10em;
  margin: -112em -10em;
}
.inc-o2stb .inc-o2stb-dsgn--2 picture:nth-child(2) img {
  width: 4em;
  margin: -106em 11em;
}
.inc-o2stb .inc-o2stb-dsgn--2 picture:nth-child(3) img {
  width: 5em;
  margin: -49em -57em;
}
.inc-o2stb .inc-o2stb-dsgn--2 picture:nth-child(4) img {
  width: 10em;
  margin: 36em 53em;
}
.inc-o2stb .inc-o2stb-dsgn--2 picture:nth-child(5) img {
  width: 7em;
  margin: 42em 41em;
}
.inc-o2stb .inc-o2stb-dsgn--2 picture:nth-child(6) img {
  width: 6em;
  margin: 0 37%;
  top: auto;
  bottom: 0;
}
.inc-o2stb .inc-o2stb-dsgn--2 picture:nth-child(7) img {
  width: 19em;
  margin: -35em 69em;
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-dsgn--2 {
    margin-top: 0;
  }
  .inc-o2stb .inc-o2stb-dsgn--2 picture:nth-child(1) img {
    width: 10em;
    margin: -41em -47%;
  }
  .inc-o2stb .inc-o2stb-dsgn--2 picture:nth-child(2) img {
    margin-left: -46%;
  }
  .inc-o2stb .inc-o2stb-dsgn--2 picture:nth-child(3) img {
    margin-left: -40%;
  }
  .inc-o2stb .inc-o2stb-dsgn--2 picture:nth-child(4) img {
    margin-left: 35%;
  }
  .inc-o2stb .inc-o2stb-dsgn--2 picture:nth-child(5) img {
    margin-left: 40%;
  }
  .inc-o2stb .inc-o2stb-dsgn--2 picture:nth-child(6) img {
    margin-top: -39em;
    top: 50%;
    bottom: auto;
  }
  .inc-o2stb .inc-o2stb-dsgn--2 picture:nth-child(7) img {
    margin-left: 41%;
  }
}
.inc-o2stb .inc-o2stb-dsgn--4 {
  z-index: 3;
  pointer-events: none;
  
}
.inc-o2stb .inc-o2stb-dsgn--4 .inc-o2stb-dsgn__41 {
  width: 30%;
  margin: 10% -66%;
}
.inc-o2stb .inc-o2stb-dsgn--4 .inc-o2stb-dsgn__42 {
  width: 10%;
  margin: -25.5% -43%;
}
.inc-o2stb .inc-o2stb-dsgn--4 .inc-o2stb-dsgn__43,
.inc-o2stb .inc-o2stb-dsgn--4 .inc-o2stb-dsgn__44,
.inc-o2stb .inc-o2stb-dsgn--4 .inc-o2stb-dsgn__45 {
  display: none;
}
.inc-o2stb .inc-o2stb-dsgn--4 .inc-o2stb-dsgn__46 {
  width: 7%;
  margin: 11% 38%;
}
.inc-o2stb .inc-o2stb-dsgn--4 .inc-o2stb-dsgn__47 {
  width: 4%;
  margin: -8% 34%;
}
.inc-o2stb .inc-o2stb-dsgn--4 .inc-o2stb-dsgn__48 {
  width: 1.6%;
  margin: -27.5% 31%;
}
.inc-o2stb .inc-o2stb-dsgn--4 .inc-o2stb-dsgn__49 {
  width: 24%;
  margin: -42% 41%;
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-dsgn--4 .inc-o2stb-dsgn__43,
.inc-o2stb .inc-o2stb-dsgn--4 .inc-o2stb-dsgn__44,
.inc-o2stb .inc-o2stb-dsgn--4 .inc-o2stb-dsgn__45 {
    display: block;
  }
  .inc-o2stb .inc-o2stb-dsgn--4 .inc-o2stb-dsgn__43 {
    width: 2.4%;
    margin: -3.1% -44.2%;
  }
  .inc-o2stb .inc-o2stb-dsgn--4 .inc-o2stb-dsgn__44 {
    width: 1.5%;
    margin: 2% -28%;
  }
  .inc-o2stb .inc-o2stb-dsgn--4 .inc-o2stb-dsgn__45 {
    width: 1.6%;
    margin: 8% 29%;
  }
}
.inc-o2stb .inc-o2stb-dsgn--8 img:nth-child(1) {
  width: 48em;
  margin: -62em 0 0 -108em;
}
.inc-o2stb .inc-o2stb-dsgn--8 img:nth-child(2) {
  width: 34em;
  margin: -28em 0 0 71em;
}
.inc-o2stb .inc-o2stb-dsgn--8 img:nth-child(3) {
  width: 28em;
  margin: -66em -31em;
}
.inc-o2stb .inc-o2stb-dsgn--8 img:nth-child(4) {
  width: 44em;
  margin: -77em 0 0 -73em;
}
.inc-o2stb .inc-o2stb-dsgn--8 img:nth-child(5) {
  width: 30em;
  margin: -71em 0 0 35em;
}
.inc-o2stb .inc-o2stb-dsgn--8 img:nth-child(6) {
  width: 51em;
  margin: -62em 0 0 45em;
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-dsgn--8 img:nth-child(3) {
    width: 38em;
    margin: -36em -87em;
  }
}
.inc-o2stb .inc-o2stb-dsgn--9 {
  margin-top: -15em;
  padding-top: 15em;
  z-index: 1;
  pointer-events: none;
}
.inc-o2stb .inc-o2stb-dsgn--9 picture img {
  top: 0;
}
.inc-o2stb .inc-o2stb-dsgn--9 picture:nth-child(1) img {
  width: 10em;
  margin: 5em 11em;
}
.inc-o2stb .inc-o2stb-dsgn--9 picture:nth-child(2) img {
  width: 6em;
  margin: 10em -17em;
}
.inc-o2stb .inc-o2stb-dsgn--9 picture:nth-child(3) img {
  width: 6em;
  margin: 12em -55em;
}
.inc-o2stb .inc-o2stb-dsgn--9 picture:nth-child(4) img {
  width: 10em;
  margin: 77em 72em;
  top: auto;
  bottom: -60em;
}
.inc-o2stb .inc-o2stb-dsgn--9 picture:nth-child(5) img {
  width: 6em;
  margin: 0 33%;
  top: auto;
  bottom: 0;
}
.inc-o2stb .inc-o2stb-dsgn--9 picture:nth-child(6) img {
  width: 7em;
  margin: 17em 63em;
}
.inc-o2stb .inc-o2stb-dsgn--9 picture:nth-child(7) img {
  width: 19em;
  margin: 21em 70em;
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-dsgn--9 picture:nth-child(1) img {
    width: 10em;
    margin: 15em -62%;
  }
  .inc-o2stb .inc-o2stb-dsgn--9 picture:nth-child(2) img {
    width: 19em;
    margin: 16em -72em;
  }
  .inc-o2stb .inc-o2stb-dsgn--9 picture:nth-child(2) img {
    margin-left: -56%;
  }
  .inc-o2stb .inc-o2stb-dsgn--9 picture:nth-child(3) img {
    margin-left: -40%;
  }
  .inc-o2stb .inc-o2stb-dsgn--9 picture:nth-child(5) img {
    margin: 84em 60em;
    bottom: -60em;
  }
  .inc-o2stb .inc-o2stb-dsgn--9 picture:nth-child(6) img {
    margin-left: 35%;
  }
}
@media screen and (min-width: 1600px) {
  .inc-o2stb .inc-o2stb-dsgn--9 picture:nth-child(1) img {
    margin-left: -52%;
  }
  .inc-o2stb .inc-o2stb-dsgn--9 picture:nth-child(2) img {
    margin-left: -46%;
  }
}
.inc-o2stb .inc-o2stb-play {
  color: white;
  text-decoration: none;
  font-size: 1.6em;
  padding: 0.6em 1em 0.6em 3em;
  margin: 3.8% -6.5em;
  display: block;
  position: absolute;
  top: 0;
  right: 50%;
  z-index: 1;
}
.inc-o2stb .inc-o2stb-play img {
  width: auto;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1);
  transition: all 300ms ease 0ms;
}
.inc-o2stb .inc-o2stb-play:hover img {
  transform: scale(1.1);
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-play {
    font-size: 1.8em;
    margin: 3.8%;
    right: 0;
    padding: 1em 1em 1em 4em;
  }
}
.inc-o2stb .inc-o2stb-btn {
  color: white;
  text-decoration: none;
  font-size: 1.6em;
  font-weight: 600;
  display: block;
  max-width: 18em;
  position: relative;
  padding: 1.8em 1em;
  margin: 3em auto 5em;
  background: #41b6e6;
  border-radius: 0.2em;
  box-sizing: border-box;
  box-shadow: 0 0.5em 1em -0.2em rgba(65, 182, 230, 0.7);
  overflow: hidden;
}
.inc-o2stb .inc-o2stb-btn:before {
  content: "";
  width: 100%;
  height: 0;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #0090d0;
  transition: height 300ms ease-in-out 0ms;
}
.inc-o2stb .inc-o2stb-btn--fix-panel {
  margin: 0;
  padding: 1em;
  flex: 0 0 auto;
}
@media screen and (min-width: 768px) {
  .inc-o2stb .inc-o2stb-btn--fix-panel {
    padding: 1em 2em;
  }
}
.inc-o2stb .inc-o2stb-btn--in-box {
  font-size: 1.2em;
  margin: 0;
  padding: 1em;
}
.inc-o2stb .inc-o2stb-btn:hover {
  color: white;
}
.inc-o2stb .inc-o2stb-btn:hover:before {
  height: 100%;
}
.inc-o2stb .inc-o2stb-btn:hover .inc-o2stb-btn__text > span:not(.inc-o2stb__arrow) {
  transform: translate3d(0, -300%, 0);
  transition: transform 400ms ease-in-out 0ms;
}
.inc-o2stb .inc-o2stb-btn:hover .inc-o2stb-btn__text > span:not(.inc-o2stb__arrow):last-child {
  transform: translate3d(0, 0, 0);
}
.inc-o2stb .inc-o2stb-btn img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5em 0 0;
}
.inc-o2stb .inc-o2stb-btn--inline {
  display: inline-block;
  padding: 1.25em 2.5em;
  margin: 1em 0;
}
.inc-o2stb .inc-o2stb-btn--no-mobile {
  display: none;
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-btn--no-mobile {
    display: block;
  }
  .inc-o2stb .inc-o2stb-btn--no-mobile.inc-o2stb-btn--inline {
    display: inline-block;
  }
  .inc-o2stb .inc-o2stb-btn--no-desctop {
    display: none;
  }
}
.inc-o2stb .inc-o2stb-btn-border {
  color: #0019a5;
  vertical-align: middle;
  text-decoration: none;
  display: inline-block;
  position: relative;
  font-size: 1.4em;
  border: 2px solid rgba(0, 25, 165, 0.2);
  border-radius: 4px;
  padding: 0.7em 1em;
  transition: border-color 220ms ease 0ms;
}
.inc-o2stb .inc-o2stb-btn-border--no-mobile {
  display: none;
}
.inc-o2stb .inc-o2stb-btn-border strong {
  vertical-align: middle;
  font-weight: 400;
}
.inc-o2stb .inc-o2stb-btn-border img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5em 0 0;
}
.inc-o2stb .inc-o2stb-btn-border span:not(.inc-o2stb__arrow) {
  width: 100%;
  height: 100%;
}
.inc-o2stb .inc-o2stb-btn-border span:not(.inc-o2stb__arrow), .inc-o2stb .inc-o2stb-btn-border span:not(.inc-o2stb__arrow):before {
  position: absolute;
  left: -2px;
  top: -2px;
  border: 2px solid rgba(0, 25, 165, 0.2);
  border-color: rgba(0, 25, 165, 0.2) transparent transparent rgba(0, 25, 165, 0.2);
  border-radius: 4px;
}
.inc-o2stb .inc-o2stb-btn-border span:not(.inc-o2stb__arrow):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-color: #0019a5 transparent transparent #0019a5;
  transition: all 340ms ease 0ms, opacity 100ms linear 240ms;
  opacity: 0;
}
.inc-o2stb .inc-o2stb-btn-border span:not(.inc-o2stb__arrow):last-child {
  border-color: transparent rgba(0, 25, 165, 0.2) rgba(0, 25, 165, 0.2) transparent;
}
.inc-o2stb .inc-o2stb-btn-border span:not(.inc-o2stb__arrow):last-child, .inc-o2stb .inc-o2stb-btn-border span:not(.inc-o2stb__arrow):last-child:before {
  left: auto;
  top: auto;
  right: -2px;
  bottom: -2px;
}
.inc-o2stb .inc-o2stb-btn-border span:not(.inc-o2stb__arrow):last-child:before {
  border-color: transparent #0019a5 #0019a5 transparent;
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-btn-border {
    font-size: 1.8em;
  }
  .inc-o2stb .inc-o2stb-btn-border:hover {
    border-color: #0019a5;
  }
  .inc-o2stb .inc-o2stb-btn-border:hover span:not(.inc-o2stb__arrow)::before {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 340ms ease 0ms, opacity 100ms linear 0ms;
  }
  .inc-o2stb .inc-o2stb-btn-border--no-mobile {
    display: inline-block;
  }
  .inc-o2stb .inc-o2stb-btn-border--no-desctop {
    display: none;
  }
}
.inc-o2stb .inc-o2stb-btn__text {
  display: inline-block;
  position: relative;
  top: 0;
  vertical-align: middle;
  transition: top 200ms ease-in-out 200ms;
}
.inc-o2stb .inc-o2stb-btn__text > span:not(.inc-o2stb__arrow) {
  display: block;
  position: relative;
  transform: translate3d(0, 0, 0);
  transition: transform 200ms ease-in-out 0ms;
}
.inc-o2stb .inc-o2stb-btn__text > span:not(.inc-o2stb__arrow):last-child {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0, 300%, 0);
}
@media screen and (min-width: 600px) {
  .inc-o2stb .inc-o2stb-links br {
    display: none;
  }
  .inc-o2stb .inc-o2stb-links a {
    margin: 0 0.5em;
  }
}
.inc-o2stb .inc-o2stb-tvbox {
  max-width: 100em;
  margin: auto;
  position: relative;
  z-index: 1;
}
.inc-o2stb .inc-o2stb-tvbox img {
  height: auto;
  display: block;
  margin: auto;
  position: relative;
  left: -12%;
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-tvbox {
    margin: -9em auto;
  }
}
.inc-o2stb .inc-o2stb-boxes__arrow-wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.inc-o2stb .inc-o2stb-boxes__arrow {
  transition: all 300ms ease 0ms;
  width: 5em;
  text-indent: 5em;
  height: 100%;
  overflow: hidden;
  z-index: 2;
}
.inc-o2stb .inc-o2stb-boxes__arrow, .inc-o2stb .inc-o2stb-boxes__arrow:after, .inc-o2stb .inc-o2stb-boxes__arrow:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.inc-o2stb .inc-o2stb-boxes__arrow:before {
  content: "";
  width: 200%;
  padding-bottom: 200%;
  border-radius: 50%;
  left: 0;
  top: 50%;
  transform: translate(0, -48%);
  background-color: #020640;
}
.inc-o2stb .inc-o2stb-boxes__arrow:after {
  content: "";
  color: white;
  text-indent: 2em;
  width: 1.5em;
  height: 1.5em;
  top: 50%;
  margin: -0.75em 1.5em;
  border-top: 0.3em solid;
  border-right: 0.3em solid;
  transform: rotate(45deg);
}
.inc-o2stb .inc-o2stb-boxes__arrow--invisible {
  right: -5em;
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-boxes__arrow {
    display: none;
  }
}
.inc-o2stb .inc-o2stb-boxes {
  max-width: 80em;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
}
.inc-o2stb .inc-o2stb-boxes--slider {
  width: 100vw;
  max-width: none;
  flex-wrap: nowrap;
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow: auto;
  
  -ms-overflow-style: none; 
  scrollbar-width: none; 
  
}
.inc-o2stb .inc-o2stb-boxes--slider::-webkit-scrollbar {
  display: none;
}
.inc-o2stb .inc-o2stb-boxes--slider:after {
  content: "space";
  color: transparent;
}
.inc-o2stb .inc-o2stb-boxes--slider .inc-o2stb-box {
  margin: 0 0 0 2em;
  flex: 0 0 auto;
}
.inc-o2stb .inc-o2stb-boxes--offers {
  margin-top: 8em;
  margin-bottom: -8em;
}
.inc-o2stb .inc-o2stb-boxes--desctop {
  display: none;
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-boxes--midspace {
    display: none;
  }
  .inc-o2stb .inc-o2stb-boxes--slider {
    font-size: 0.7vw;
    max-width: 110em;
    margin-top: 0;
    margin-bottom: 5em;
    flex-wrap: wrap;
  }
  .inc-o2stb .inc-o2stb-boxes--slider:after {
    display: none;
  }
  .inc-o2stb .inc-o2stb-boxes--slider .inc-o2stb-box {
    flex: 1 1 20%;
    margin: 1em 1%;
  }
  .inc-o2stb .inc-o2stb-boxes--mobile .inc-o2stb-box:nth-child(1) {
    display: none;
  }
  .inc-o2stb .inc-o2stb-boxes--mobile .inc-o2stb-box:nth-child(2) {
    display: none;
  }
  .inc-o2stb .inc-o2stb-boxes--mobile .inc-o2stb-box:nth-child(3) {
    display: none;
  }
  .inc-o2stb .inc-o2stb-boxes--desctop {
    display: flex;
  }
}
@media screen and (min-width: 1290px) {
  .inc-o2stb .inc-o2stb-boxes {
    max-width: none;
  }
  .inc-o2stb .inc-o2stb-boxes--slider {
    max-width: 125em;
  }
}
@media screen and (min-width: 1400px) {
  .inc-o2stb .inc-o2stb-boxes--slider {
    font-size: 1em;
  }
}
@media screen and (min-width: 1920px) {
  .inc-o2stb .inc-o2stb-boxes--slider {
    font-size: 0.521vw;
  }
}
.inc-o2stb .inc-o2stb-box {
  color: white;
  text-decoration: none;
  font-size: 1.5em;
  line-height: 1.9;
  display: block;
  position: relative;
  max-width: 14em;
  margin: 0.5em 1em;
}
.inc-o2stb .inc-o2stb-box strong:not(.inc-o2stb-box__hover) {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.inc-o2stb .inc-o2stb-box small {
  font-size: 0.833333333em;
}
.inc-o2stb .inc-o2stb-box--smaller .inc-o2stb-box__title {
  font-size: 2em;
}
.inc-o2stb .inc-o2stb-box--offer-width, .inc-o2stb .inc-o2stb-box--offer, .inc-o2stb .inc-o2stb-box--offer-top {
  width: 18em;
  max-width: none;
  padding: 3em 2em;
  border-radius: 1em;
}
.inc-o2stb .inc-o2stb-box--offer-width .inc-o2stb-box__title, .inc-o2stb .inc-o2stb-box--offer .inc-o2stb-box__title, .inc-o2stb .inc-o2stb-box--offer-top .inc-o2stb-box__title {
  font-size: 2em;
  margin-bottom: 0;
}
.inc-o2stb .inc-o2stb-box--offer-width .inc-o2stb-box__img, .inc-o2stb .inc-o2stb-box--offer .inc-o2stb-box__img, .inc-o2stb .inc-o2stb-box--offer-top .inc-o2stb-box__img {
  margin: 2em 0;
  padding: 0;
  background: none;
}
.inc-o2stb .inc-o2stb-box--offer-width .inc-o2stb-box__img img, .inc-o2stb .inc-o2stb-box--offer .inc-o2stb-box__img img, .inc-o2stb .inc-o2stb-box--offer-top .inc-o2stb-box__img img {
  width: auto;
  max-width: none;
  height: 4em;
  position: relative;
  left: 0;
  top: 0;
  margin: auto;
}
.inc-o2stb .inc-o2stb-box--offer-width .inc-o2stb-box__img:before, .inc-o2stb .inc-o2stb-box--offer .inc-o2stb-box__img:before, .inc-o2stb .inc-o2stb-box--offer-top .inc-o2stb-box__img:before {
  display: none;
}
.inc-o2stb .inc-o2stb-box--offer-width, .inc-o2stb .inc-o2stb-box--offer-top {
  color: #04094f;
  background-color: white;
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-box--offer-width {
    text-align: left;
    width: 100%;
    max-width: 40em;
    display: flex;
    gap: 1em;
    align-items: center;
    justify-content: space-between;
    padding: 1em 3em;
  }
  .inc-o2stb .inc-o2stb-box--offer-width .inc-o2stb-box__tag {
    left: 3em;
    transform: translate(0, -50%);
  }
  .inc-o2stb .inc-o2stb-box--offer-width .inc-o2stb-box__img {
    width: auto;
  }
  .inc-o2stb .inc-o2stb-box--offer-width .inc-o2stb-btn {
    padding: 0.7em 2em;
  }
}
@media screen and (min-width: 1580px) {
  .inc-o2stb .inc-o2stb-box {
    margin-left: 3em;
    margin-right: 3em;
  }
}
.inc-o2stb .inc-o2stb-box--tile-light, .inc-o2stb .inc-o2stb-box--tile {
  width: 14em;
  max-width: none;
  font-weight: 400;
  padding: 5em 4em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  background-color: #0522a1;
  border-radius: 1em;
}
.inc-o2stb .inc-o2stb-box--tile-light {
  width: 4em;
  height: 4em;
  padding: 0;
  margin: 0 0.5em 1.2em;
  justify-content: center;
  align-items: flex-start;
  background-color: #e6ebed;
  box-shadow: 0 2em 1em -0.8em rgba(0, 0, 0, 0.1);
  transition: all 300ms ease 0ms;
}
@media screen and (min-width: 768px) {
  .inc-o2stb .inc-o2stb-box--tile-light {
    width: 8em;
    height: 8em;
  }
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-box--tile-light {
    width: 15em;
    height: 15em;
  }
}
.inc-o2stb .inc-o2stb-box--app {
  font-size: 1.2em;
  max-width: 5em;
  margin: 0.5em;
  transition: transform 300ms ease 0ms;
}
.inc-o2stb .inc-o2stb-box--app:focus {
  outline: none;
}
.inc-o2stb .inc-o2stb-box--app img {
  max-width: none;
  position: relative;
  width: 130%;
  height: auto;
  margin-bottom: -50%;
  left: -15%;
}
.inc-o2stb .inc-o2stb-box--app strong {
  display: block;
  position: relative;
  height: 0.1em;
  overflow: hidden;
  font-weight: 500;
}
.inc-o2stb .inc-o2stb-box--app strong:after {
  content: "";
  width: 0;
  height: 0.1em;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background: currentColor;
  transition: width 0.5s linear 0s;
}
@media screen and (min-width: 374px) {
  .inc-o2stb .inc-o2stb-box--app {
    max-width: 6em;
  }
  .inc-o2stb .inc-o2stb-box--app img {
    margin-bottom: -30%;
  }
  .inc-o2stb .inc-o2stb-box--app strong {
    height: auto;
  }
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-box--app {
    max-width: 20%;
  }
  .inc-o2stb .inc-o2stb-box--app img {
    margin-bottom: -40%;
  }
}
@media screen and (min-width: 1280px) {
  .inc-o2stb .inc-o2stb-box--app {
    font-size: 1.5em;
  }
}
.inc-o2stb .inc-o2stb-box--app:hover {
  transform: scale(1.1);
}
.inc-o2stb .inc-o2stb-box--app.inc-o2stb-box--active strong:after {
  width: 100%;
  transition: width 5s linear 0s;
}
.inc-o2stb .inc-o2stb-box__tag {
  color: #030750;
  font-size: 0.8667em;
  line-height: 1.2;
  white-space: nowrap;
  background: #fec354;
  display: block;
  padding: 0.3em 0.7em;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 4px;
}
.inc-o2stb .inc-o2stb-fixpanel p span,
.inc-o2stb .inc-o2stb-box__tag {
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0.65) 45%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0.65) 55%, rgba(255, 255, 255, 0.3) 65%, rgba(255, 255, 255, 0) 80%);
  background-size: 400% 100%;
  background-position: -15% 0;
}
.inc-o2stb .inc-o2stb-fixpanel:hover p span,
.inc-o2stb .inc-o2stb-box:hover .inc-o2stb-box__tag {
  transition: background-position 1500ms ease 0ms;
  background-position: -150% 0;
}
.inc-o2stb .inc-o2stb-box__img {
  width: 100%;
  display: block;
  padding: 12%;
  background: transparent url(https://www.o2.cz/ngexternal/data/tvbox/v6/img/2/6_Glow_2x.png) 95% 39% no-repeat;
  background-size: 70% auto;
  position: relative;
  box-sizing: border-box;
}
.inc-o2stb .inc-o2stb-box__img:before {
  content: "";
  width: 100%;
  margin-top: 30%;
  padding-bottom: 100%;
  display: block;
  background: #020640;
  border-radius: 1.5em;
}
.inc-o2stb .inc-o2stb-box__img img {
  width: 76%;
  height: auto;
  display: block;
  position: absolute;
  left: 12%;
  top: 10%;
}
.inc-o2stb .inc-o2stb-box__img--over1, .inc-o2stb .inc-o2stb-box__img--over {
  background: none;
  padding: 0;
  top: 0;
  transition: all 300ms ease 0ms;
}
.inc-o2stb .inc-o2stb-box__img--over1:before, .inc-o2stb .inc-o2stb-box__img--over:before {
  background: none;
}
.inc-o2stb .inc-o2stb-box__img--over1 img, .inc-o2stb .inc-o2stb-box__img--over img {
  width: 110%;
  left: 0;
  top: 5%;
}
.inc-o2stb .inc-o2stb-box__img--over1 img {
  left: 5%;
  top: 0;
}
.inc-o2stb .inc-o2stb-box__img--tv img {
  width: 117%;
  top: 18.5%;
  left: -8%;
  max-width: none;
}
.inc-o2stb .inc-o2stb-box__img--voice img {
  width: 97%;
  top: 28%;
  left: 1%;
  max-width: none;
}
.inc-o2stb .inc-o2stb-box__title {
  font-size: 4em;
  line-height: 1;
  display: block;
  margin: 0.25em 0 0.5em;
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-box__title {
    margin: 0 0 0.5em;
  }
}
.inc-o2stb .inc-o2stb-box__hover {
  color: black;
  text-align: center;
  width: 100%;
  display: none;
  font-size: 0.7em;
  padding: 0.5em 0;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 300ms ease 0ms;
  opacity: 0.72;
}
.inc-o2stb .inc-o2stb-box__hover--mobile {
  font-size: 1.7em;
  display: block;
  color: white;
  font-weight: 400;
  margin: 2.5em auto;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .inc-o2stb .inc-o2stb-box__hover {
    display: block;
  }
  .inc-o2stb .inc-o2stb-box__hover--mobile {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-box__hover {
    font-size: 1em;
    padding: 1em 0;
  }
}
.inc-o2stb .inc-o2stb-accord {
  font-size: 1.8em;
  text-align: left;
  color: white;
  position: relative;
  background-color: #020640;
  overflow: hidden;
  margin: 4px 0;
}
.inc-o2stb .inc-o2stb-accord .inc-o2stb-accord__title:before,
.inc-o2stb .inc-o2stb-accord .inc-o2stb-accord__title:after {
  transition: all 300ms ease 0ms;
}
.inc-o2stb .inc-o2stb-accord--first {
  border-radius: 0.7em 0.7em 0 0;
}
.inc-o2stb .inc-o2stb-accord--last {
  border-radius: 0 0 0.7em 0.7em;
}
.inc-o2stb .inc-o2stb-accord--open .inc-o2stb-accord__title:before {
  transform: rotate(-90deg);
}
.inc-o2stb .inc-o2stb-accord--open .inc-o2stb-accord__title:after {
  transform: rotate(180deg);
}
.inc-o2stb .inc-o2stb-accord--open .inc-o2stb-accord__content {
  display: block;
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-accord {
    font-size: 2em;
  }
}
.inc-o2stb .inc-o2stb-accord__title {
  text-decoration: none;
  color: white;
  display: flex;
  align-items: center;
  position: relative;
  padding: 1em 1em 1em 4.8em;
  min-height: 2.4em;
  transition: all 300ms ease 0ms;
}
.inc-o2stb .inc-o2stb-accord__title:before, .inc-o2stb .inc-o2stb-accord__title:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 2.1em;
  background-color: #41b6e6;
  transition: all 300ms ease 0ms;
}
.inc-o2stb .inc-o2stb-accord__title:before {
  width: 0.1em;
  height: 0.8em;
  margin: -0.4em -0.05em;
}
.inc-o2stb .inc-o2stb-accord__title:after {
  width: 0.8em;
  height: 0.1em;
  margin: -0.05em -0.4em;
}
.inc-o2stb .inc-o2stb-accord__title:hover {
  color: white;
  background: #41b6e6;
}
.inc-o2stb .inc-o2stb-accord__title:hover:before, .inc-o2stb .inc-o2stb-accord__title:hover:after {
  background-color: white;
}
.inc-o2stb .inc-o2stb-accord__content {
  display: none;
}
.inc-o2stb .inc-o2stb-accord__content > div {
  font-size: 0.8em;
  padding: 2em 2em 3em;
  margin: 0;
}
.inc-o2stb .inc-o2stb-accord__content ul, .inc-o2stb .inc-o2stb-accord__content p {
  font-size: 1em;
  max-width: none;
}
.inc-o2stb .inc-o2stb-accord__content .o2-text-content a {
  text-decoration: none;
  color: #41b6e6;
  transition: color 300ms ease 0ms;
}
.inc-o2stb .inc-o2stb-accord__content .o2-text-content a:hover {
  color: white;
}
.inc-o2stb .inc-o2stb-accord__content .o2-text-content iframe {
  max-width: 100%;
  border: 0;
}
@media screen and (min-width: 768px) {
  .inc-o2stb .inc-o2stb-accord__content > div {
    padding-left: 6.2em;
    padding-right: 4em;
  }
}
.inc-o2stb .inc-o2stb-phone,
.inc-o2stb .inc-o2stb-hand {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.inc-o2stb .inc-o2stb-phone img,
.inc-o2stb .inc-o2stb-hand img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}
.inc-o2stb .inc-o2stb-hand {
  max-width: 75em;
  margin-top: 55em;
  width: calc(140% + 4em);
  left: -20%;
  margin-bottom: -50%;
}
@media screen and (min-width: 560px) {
  .inc-o2stb .inc-o2stb-hand {
    width: calc(100% + 4em);
    left: 0;
    margin-bottom: -20%;
  }
}
@media screen and (min-width: 1600px) {
  .inc-o2stb .inc-o2stb-hand {
    margin-top: 85em;
  }
}
.inc-o2stb .inc-o2stb__note {
  font-size: 1.25em;
  display: block;
  padding: 1.8em 1em;
  width: 14.4em;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 0.7em;
  margin: -4.6em -3em;
  overflow: hidden;
}
.inc-o2stb .inc-o2stb__note strong {
  display: block;
}
.inc-o2stb .inc-o2stb__note--1 {
  color: #332e2b;
  background: #c4c0bf;
  top: 70%;
}
.inc-o2stb .inc-o2stb__note--2 {
  color: white;
  background: #0e21a2;
  left: 15%;
}
.inc-o2stb .inc-o2stb__note--3 {
  color: #363638;
  width: 13em;
  padding: 0 0 1.5em 0;
  margin-top: -6.5em;
  margin-left: -1em;
  background: #f2f4f6;
}
.inc-o2stb .inc-o2stb__note--3 img {
  margin-bottom: -4em;
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb__note {
    font-size: 2em;
    margin-left: 8em;
    margin-right: 8em;
  }
  .inc-o2stb .inc-o2stb__note--1 {
    top: 50%;
  }
  .inc-o2stb .inc-o2stb__note--2 {
    left: 15%;
    margin-left: 0;
  }
}
@media screen and (min-width: 1280px) {
  .inc-o2stb .inc-o2stb__note {
    margin-left: 12.8em;
    margin-right: 15.5em;
  }
  .inc-o2stb .inc-o2stb__note--2 {
    margin-left: 0;
  }
}
.inc-o2stb .inc-o2stb-fixnav {
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: fixed;
  top: 0;
  right: 2%;
  z-index: 2;
  opacity: 0;
  transition: opacity 300ms ease 0ms;
}
.inc-o2stb .inc-o2stb-fixnav div {
  color: white;
  height: 3.5%;
  width: 2px;
  margin: 2px 0;
  background-color: white;
  overflow: hidden;
  opacity: 0.2;
  transition: opacity 300ms ease 0ms;
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-fixnav {
    display: flex;
  }
}
.inc-o2stb .inc-o2stb-fixpanel {
  width: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  margin: -10em 0 0;
  padding: 0 1em;
  top: 0;
  left: 0;
  z-index: 5022;
  opacity: 1;
  background: #0e21a2;
  box-sizing: border-box;
  transition: all 500ms ease-out 0ms;
  overflow: hidden;
}
.inc-o2stb .inc-o2stb-fixpanel--show {
  margin-top: 0;
}
.inc-o2stb .inc-o2stb-fixpanel__icon {
  max-width: 10em;
  display: block;
  position: relative;
  padding: 1.8em 1em;
  margin: 0 1em 0 -4em;
  flex: 0 0 auto;
}
.inc-o2stb .inc-o2stb-fixpanel__icon:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: -25%;
  top: 0;
  background: #020764;
  transform: skewX(-20deg);
}
.inc-o2stb .inc-o2stb-fixpanel__icon img {
  height: auto;
  position: relative;
}
.inc-o2stb .inc-o2stb-fixpanel__icon picture:last-child img {
  display: none;
}
.inc-o2stb .inc-o2stb-fixpanel p {
  color: white;
  font-size: 1.6em;
  margin: 1.35em 1.35em 1.35em 0;
}
.inc-o2stb .inc-o2stb-fixpanel p br {
  display: none;
}
.inc-o2stb .inc-o2stb-fixpanel p span {
  color: #030750;
  font-size: 0.8125em;
  background-color: #fec354;
  display: inline-block;
  padding: 0.2em 0.5em;
  margin: 0 0 0.5em 0;
  border-radius: 2px;
}
.inc-o2stb .inc-o2stb-fixpanel p em {
  font-style: normal;
}
.inc-o2stb .inc-o2stb-fixpanel p span,
.inc-o2stb .inc-o2stb-fixpanel p em {
  display: none;
}
@media screen and (min-width: 375px) {
  .inc-o2stb .inc-o2stb-fixpanel__icon {
    margin-left: 0;
  }
}
@media screen and (min-width: 422px) {
  .inc-o2stb .inc-o2stb-fixpanel p em {
    display: block;
  }
  .inc-o2stb .inc-o2stb-fixpanel p em em {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .inc-o2stb .inc-o2stb-fixpanel p {
    margin-left: 1em;
    margin-right: 3em;
  }
  .inc-o2stb .inc-o2stb-fixpanel p br {
    display: block;
  }
  .inc-o2stb .inc-o2stb-fixpanel p span {
    display: inline-block;
  }
  .inc-o2stb .inc-o2stb-fixpanel p em, .inc-o2stb .inc-o2stb-fixpanel p em em {
    display: inline-block;
  }
  .inc-o2stb .inc-o2stb-fixpanel__icon picture:last-child img {
    height: 80%;
    width: auto;
    position: absolute;
    display: block;
    left: -40%;
    bottom: 0;
  }
}
.inc-o2stb--loaded .inc-o2stb-fixpanel {
  display: flex;
}
.inc-o2stb .o2-btn {
  font-weight: 400;
}
.inc-o2stb .inc-o2stb-levit-1 {
  -webkit-animation: inc-o2stb-levit 6s ease-in-out infinite 1.8s;
  animation: inc-o2stb-levit 6s ease-in-out infinite 1.8s;
}
.inc-o2stb .inc-o2stb-levit-2 {
  -webkit-animation: inc-o2stb-levit 8s ease-in-out infinite 1.4s;
  animation: inc-o2stb-levit 8s ease-in-out infinite 1.4s;
}
.inc-o2stb .inc-o2stb-levit-3 {
  -webkit-animation: inc-o2stb-levit 9s ease-in-out infinite 0.6s;
  animation: inc-o2stb-levit 9s ease-in-out infinite 0.6s;
}
.inc-o2stb .inc-o2stb-levit-4 {
  -webkit-animation: inc-o2stb-levit 8s ease-in-out infinite 0.4s;
  animation: inc-o2stb-levit 8s ease-in-out infinite 0.4s;
}
.inc-o2stb .inc-o2stb-levit-5 {
  -webkit-animation: inc-o2stb-levit 6s ease-in-out infinite 0.4s;
  animation: inc-o2stb-levit 6s ease-in-out infinite 0.4s;
}
.inc-o2stb .inc-o2stb-levit-6 {
  -webkit-animation: inc-o2stb-levit 7s ease-in-out infinite 1.4s;
  animation: inc-o2stb-levit 7s ease-in-out infinite 1.4s;
}
.inc-o2stb .inc-o2stb-levit-7 {
  -webkit-animation: inc-o2stb-levit 10s ease-in-out infinite 1.8s;
  animation: inc-o2stb-levit 10s ease-in-out infinite 1.8s;
}
.inc-o2stb .inc-o2stb-levit-8 {
  -webkit-animation: inc-o2stb-levit 9s ease-in-out infinite 0.4s;
  animation: inc-o2stb-levit 9s ease-in-out infinite 0.4s;
}
@-webkit-keyframes inc-o2stb-levit {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-40px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes inc-o2stb-levit {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-40px);
  }
  100% {
    transform: translatey(0px);
  }
}
.inc-o2stb .inc-o2stb-video-shadow {
  width: 100%;
  height: 100%;
  position: fixed;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1001;
  background: rgba(3, 7, 80, 0.95);
  opacity: 0;
  transition: visibility 0ms linear 300ms, all 300ms ease 0ms;
}
.inc-o2stb .inc-o2stb-video-shadow--open {
  transition: visibility 0ms linear 0ms, all 300ms ease 0ms;
  visibility: visible;
  opacity: 1;
}
.inc-o2stb .inc-o2stb-video-shadow video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.inc-o2stb .inc-o2stb-video-shadow__close {
  position: absolute;
  top: 30px;
  right: 20px;
  z-index: 103;
  font-size: 40px;
  font-weight: bold;
  text-shadow: 1px 1px 5px #fff;
  color: transparent;
  background: #41b6e6;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-shadow: none;
  transform: rotate(45deg) scale(1);
  transition: all 300ms ease 0ms;
}
.inc-o2stb .inc-o2stb-video-shadow__close:before, .inc-o2stb .inc-o2stb-video-shadow__close:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid #fff;
  transition: all 100ms linear 0ms;
}
.inc-o2stb .inc-o2stb-video-shadow__close:before {
  width: 18px;
  margin: -1px -10px;
}
.inc-o2stb .inc-o2stb-video-shadow__close:after {
  height: 18px;
  margin: -10px -1px;
}
.inc-o2stb .inc-o2stb-video-shadow__close:hover {
  color: transparent;
  transform: rotate(45deg) scale(1.1);
}
.inc-o2stb .inc-o2stb__arrow {
  width: 12px;
  height: 2px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 0 0 0.5em;
  background-color: currentColor;
}
.inc-o2stb .inc-o2stb__arrow:before, .inc-o2stb .inc-o2stb__arrow:after {
  content: "";
  width: 7px;
  height: 2px;
  display: block;
  position: absolute;
  top: 0;
  right: 1px;
  background-color: currentColor;
  transform-origin: 7px 1px;
}
.inc-o2stb .inc-o2stb__arrow:before {
  transform: rotate(45deg);
}
.inc-o2stb .inc-o2stb__arrow:after {
  transform: rotate(-45deg);
}
.inc-o2stb .inc-o2stb__beak {
  width: 0.5em;
  height: 0.5em;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border: 0 solid currentColor;
  border-width: 0 0.2em 0.2em 0;
  transform: rotate(45deg);
}
.inc-o2stb .inc-o2stb-tv-3d-cards,
.inc-o2stb .inc-o2stb-tv-eva {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateZ(0) rotateY(0);
}
.inc-o2stb .inc-o2stb-tv-3d-cards {
  width: 100%;
  height: 100%;
  display: flex;
  top: 0;
  left: 0;
  perspective: 2000px;
}
.inc-o2stb .inc-o2stb-tv-3d-cards div {
  width: 300px;
  transform-style: preserve-3d;
  margin: auto;
  position: relative;
}
.inc-o2stb .inc-o2stb-tv-3d-cards picture {
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.inc-o2stb .inc-o2stb-tv-3d-cards img {
  width: 100%;
  height: auto;
  position: relative;
  border-radius: 2em;
}
.inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(1) {
  position: relative;
}
.inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(1) {
  transform: rotateY(35deg) translateZ(-2000px);
}
.inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(2) {
  transform: rotateY(25deg) translateZ(-2000px);
}
.inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(3) {
  transform: rotateY(15deg) translateZ(-2000px);
}
.inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(4) {
  transform: rotateY(5deg) translateZ(-2000px);
}
.inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(5) {
  transform: rotateY(-5deg) translateZ(-2000px);
}
.inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(6) {
  transform: rotateY(-15deg) translateZ(-2000px);
}
.inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(7) {
  transform: rotateY(-25deg) translateZ(-2000px);
}
.inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(8) {
  transform: rotateY(-35deg) translateZ(-2000px);
}
.inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(9) {
  transform: rotateY(-45deg) translateZ(-2000px);
}
.inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(10) {
  transform: rotateY(-55deg) translateZ(-2000px);
}
.inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(11) {
  transform: rotateY(-65deg) translateZ(-2000px);
}
.inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(12) {
  transform: rotateY(-75deg) translateZ(-2000px);
}
.inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(13) {
  transform: rotateY(-85deg) translateZ(-2000px);
}
.inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(14) {
  transform: rotateY(-95deg) translateZ(-2000px);
}
.inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(15) {
  transform: rotateY(-105deg) translateZ(-2000px);
}
.inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(16) {
  transform: rotateY(-115deg) translateZ(-2000px);
}
@media screen and (min-width: 1600px) {
  .inc-o2stb .inc-o2stb-tv-3d-cards div {
    width: 400px;
  }
  .inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(1) {
    transform: rotateY(52.5deg) translateZ(-2000px);
  }
  .inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(2) {
    transform: rotateY(40deg) translateZ(-2000px);
  }
  .inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(3) {
    transform: rotateY(27.5deg) translateZ(-2000px);
  }
  .inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(4) {
    transform: rotateY(15deg) translateZ(-2000px);
  }
  .inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(5) {
    transform: rotateY(2.5deg) translateZ(-2000px);
  }
  .inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(6) {
    transform: rotateY(-10deg) translateZ(-2000px);
  }
  .inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(7) {
    transform: rotateY(-22.5deg) translateZ(-2000px);
  }
  .inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(8) {
    transform: rotateY(-35deg) translateZ(-2000px);
  }
  .inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(9) {
    transform: rotateY(-47.5deg) translateZ(-2000px);
  }
  .inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(10) {
    transform: rotateY(-60deg) translateZ(-2000px);
  }
  .inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(11) {
    transform: rotateY(-72.5deg) translateZ(-2000px);
  }
  .inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(12) {
    transform: rotateY(-85deg) translateZ(-2000px);
  }
  .inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(13) {
    transform: rotateY(-97.5deg) translateZ(-2000px);
  }
  .inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(14) {
    transform: rotateY(-110deg) translateZ(-2000px);
  }
  .inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(15) {
    transform: rotateY(-122.5deg) translateZ(-2000px);
  }
  .inc-o2stb .inc-o2stb-tv-3d-cards picture:nth-child(16) {
    transform: rotateY(-135deg) translateZ(-2000px);
  }
}
.inc-o2stb .inc-o2stb-tv-eva img {
  width: 75%;
  margin: auto;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: bottom;
  object-position: bottom;
}
.inc-o2stb .inc-o2stb-tv-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-bottom: 5em;
  max-width: 80em;
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-tv-cards {
    padding-bottom: 12em;
  }
}
@media screen and (min-width: 1120px) {
  .inc-o2stb .inc-o2stb-tv-cards {
    max-width: none;
  }
}
.inc-o2stb .inc-o2stb-tv-card {
  margin: 1em;
  max-width: 26em;
  border-radius: 1em;
  position: relative;
  overflow: hidden;
  background: #0524a1;
}
.inc-o2stb .inc-o2stb-tv-card h4 {
  color: #fff;
  font-size: 1.8em;
  font-weight: 500;
  width: 100%;
  position: absolute;
  padding: 2em 0;
  margin: 0;
  left: 0;
  top: 0;
  z-index: 1;
  box-sizing: border-box;
}
.inc-o2stb .inc-o2stb-tv-card img {
  height: auto;
  display: block;
  -o-object-fit: fill;
  object-fit: fill;
  margin-bottom: -1px;
  z-index: 0;
  transform: translate(0, 30%) scale(1.1);
}
.inc-o2stb .inc-o2stb-tv-card--show img {
  transform: translate(0, 0) scale(1);
  transition: all 1.8s cubic-bezier(0.2, 1, 1, 1) 0s;
}
.inc-o2stb .inc-o2stb-sticky {
  position: relative;
  overflow: visible;
}
.inc-o2stb .inc-o2stb-sticky:after {
  content: "";
  height: 100vh;
  display: block;
}
.inc-o2stb .inc-o2stb-sticky--foo:after {
  display: none;
}
.inc-o2stb .inc-o2stb-sticky--foo .inc-o2stb-sticky__wrap {
  position: static;
  padding-top: 30%;
  overflow: visible;
}
@media screen and (min-width: 768px) {
  .inc-o2stb .inc-o2stb-sticky--foo:after {
    display: block;
  }
  .inc-o2stb .inc-o2stb-sticky--foo .inc-o2stb-sticky__wrap {
    position: -webkit-sticky;
    position: sticky;
    padding-top: 0;
  }
}
.inc-o2stb .inc-o2stb-sticky__wrap {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}
@media screen and (min-width: 1280px) {
  .inc-o2stb .inc-o2stb-sticky__wrap {
    overflow: visible;
  }
}
.inc-o2stb .inc-o2stb-tv__wrap {
  margin-bottom: -20em;
}
@media screen and (min-aspect-ratio: 1/1) {
  .inc-o2stb .inc-o2stb-tv__wrap {
    margin-bottom: -10em;
  }
}
@media screen and (min-width: 1024px) {
  .inc-o2stb .inc-o2stb-tv__wrap {
    margin-bottom: 0;
  }
}
.inc-o2stb .inc-o2stb-tv__wrap .inc-o2stb-sticky__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1280px) {
  .inc-o2stb .inc-o2stb-tv__wrap .inc-o2stb-sticky__wrap {
    overflow: hidden;
  }
}
.inc-o2stb .inc-o2stb-tv {
  width: 179.7074954296vh;
  height: 100vh;
  flex-grow: 0;
  flex-shrink: 0;
}
@media (min-aspect-ratio: 16/9) {
  .inc-o2stb .inc-o2stb-tv {
    width: 100vw;
    height: 55.6459816887vw;
  }
}
.inc-o2stb .inc-o2stb-tv:before, .inc-o2stb .inc-o2stb-tv:after {
  content: "";
  width: 114.1403865717%;
  height: 117.3674588665%;
  display: block;
  position: absolute;
  top: -1.7%;
  left: -5.9%;
  transition: opacity 0ms linear 0ms;
}
.inc-o2stb .inc-o2stb-tv:after {
  z-index: 1;
  opacity: 0;
  transition: opacity 300ms linear 0ms;
}
.inc-o2stb .inc-o2stb-tv--tv-after:before {
  opacity: 0;
  transition: opacity 0ms linear 300ms;
}
.inc-o2stb .inc-o2stb-tv--tv-after:after {
  opacity: 1;
}
.inc-o2stb .inc-o2stb-tv .inc-o2stb-section {
  min-height: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.inc-o2stb .inc-o2stb-tv .inc-o2stb-section__inner {
  max-width: none;
  position: absolute;
  top: 2%;
  left: 0;
}
.inc-o2stb .inc-o2stb-tv .inc-o2stb-section__inner h2 {
  margin-top: 0;
}
@media screen and (max-width: 1023px) and (min-aspect-ratio: 1/1) {
  .inc-o2stb .inc-o2stb-tv .inc-o2stb-section__inner {
    padding-top: 1em;
  }
}
@media screen and (min-width: 1600px) {
  .inc-o2stb .inc-o2stb-tv .inc-o2stb-section__inner {
    top: 5%;
  }
}
.inc-o2stb .inc-o2stb-tv .inc-o2stb-section__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
}
.inc-o2stb .inc-o2stb-stb,
.inc-o2stb .inc-o2stb-mobil,
.inc-o2stb .inc-o2stb-tablet {
  height: auto;
  display: block;
  position: absolute;
  z-index: 2;
}
.inc-o2stb .inc-o2stb-stb {
  width: 30.2139037433%;
  top: 105%;
  left: 50%;
  transform: translate(-50%, 0);
}
.inc-o2stb .inc-o2stb-mobil {
  width: 32.8877005348%;
  left: -23%;
  top: 14%;
}
.inc-o2stb .inc-o2stb-tablet {
  width: 41.8449197861%;
  left: 73%;
  top: -9%;
}
.inc-o2stb--no-webp .inc-o2stb-section__bg--f7-1 div:nth-child(2) {
  background-image: url(https://www.o2.cz/ngexternal/data/tvbox/v6/img/Ovladac_podsviceni_den-v3-1.jpg);
  background-size: cover;
}
.inc-o2stb--no-webp .inc-o2stb-section__bg--f7-1 div:not(.inc-o2stb__note) div {
  background-image: url(https://www.o2.cz/ngexternal/data/tvbox/v6/img/Ovladac_podsviceni_den-v3.jpg);
  background-size: cover;
}
.inc-o2stb--no-webp .inc-o2stb-section__bg--f7-2 div:not(.inc-o2stb__note) div {
  background-image: url(https://www.o2.cz/ngexternal/data/tvbox/v6/img/Ovladac_podsviceni_noc-v3.jpg);
  background-size: cover;
}
.inc-o2stb--no-webp .inc-o2stb-tv:before, .inc-o2stb--no-webp .inc-o2stb-tv:after {
  background: transparent url(https://www.o2.cz/ngexternal/data/tvbox/v6/img/4/tv@2x.png) no-repeat center center;
  background-size: contain;
}
.inc-o2stb--no-webp .inc-o2stb-tv .inc-o2stb-section {
  background: #030750 url(https://www.o2.cz/ngexternal/data/tvbox/v6/img/4/bg1.jpg) no-repeat center center;
  background-size: cover;
}
.inc-o2stb--webp .inc-o2stb-section__bg--f7-1 div:nth-child(2) {
  background-image: url(https://www.o2.cz/ngexternal/data/tvbox/v6/webp/Ovladac_podsviceni_den-v3-1.webp);
  background-size: cover;
}
.inc-o2stb--webp .inc-o2stb-section__bg--f7-1 div:not(.inc-o2stb__note) div {
  background-image: url(https://www.o2.cz/ngexternal/data/tvbox/v6/webp/Ovladac_podsviceni_den-v3.webp);
  background-size: cover;
}
.inc-o2stb--webp .inc-o2stb-section__bg--f7-2 div:not(.inc-o2stb__note) div {
  background-image: url(https://www.o2.cz/ngexternal/data/tvbox/v6/webp/Ovladac_podsviceni_noc-v3.webp);
  background-size: cover;
}
.inc-o2stb--webp .inc-o2stb-tv:before, .inc-o2stb--webp .inc-o2stb-tv:after {
  background: transparent url(https://www.o2.cz/ngexternal/data/tvbox/v6/webp/4/tv@2x.webp) no-repeat center center;
  background-size: contain;
}
.inc-o2stb--webp .inc-o2stb-tv .inc-o2stb-section {
  background: #030750 url(https://www.o2.cz/ngexternal/data/tvbox/v6/webp/4/bg1.webp) no-repeat center center;
  background-size: cover;
}