.baner {
  --height-percent:     calc( ( 100% * var(--height) ) / var(--width) );
  
  display:              block;
  margin:               auto;
  max-width:            100%;
  position:             relative;
  width:                calc( var(--width) * 1px );
}

.baner > a {
  display:              block;
  max-height:           100%;
  max-width:            100%;
  padding-top:          var(--height-percent);
  position:             relative;
}

.baner > a > * {
  left:                 50%;
  max-height:           100%;
  max-width:            100%;
  position:             absolute;
  top:                  50%;
  transform:            translate(-50%, -50%);
}

.baner .banner__label {
  color:                #888888;
  font-family:          sans-serif;
  font-size:            9px;
  line-height:          1;
  position:             absolute;
  text-transform:       uppercase;
  transform:            translate(0, -10px);
}

.baner.banner--placeholder {
  background-color:     #F6F6F6;
  background-image:     url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg enable-background='new 0 0 125 110' version='1.1' viewBox='0 0 125 110' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23F6F6F6%3B%7D .st1%7Bfill:%23DADADA%3B%7D .st2%7Bfill:%23EDEDED%3B%7D %3C/style%3E%3Crect class='st0' x='3.5' y='77.3' width='118.1' height='10.1'/%3E%3Crect class='st0' x='3.5' y='2.6' width='118.1' height='72.2'/%3E%3Cpolygon class='st1' points='64.5 74.8 109.1 74.8 86.8 38.4'/%3E%3Cellipse class='st1' cx='72.5' cy='36.5' rx='5.1' ry='5'/%3E%3Cpolygon class='st2' points='15.1 74.8 77.6 74.8 46.4 33.5'/%3E%3Cpath class='st1' d='m121.5 0h-118c-2 0-3.5 1.5-3.5 3.5v83.9c0 1.9 1.5 3.5 3.5 3.5h44.5l-3.9 15.7h-6.7v3.5h49.6v-3.5h-6.5l-3.5-15.8h44.5c1.9 0 3.5-1.5 3.5-3.5v-83.8c-0.2-2-1.5-3.5-3.5-3.5zm-73.9 106.3 3.9-15.7h22.1l3.3 15.7h-29.3zm73.9-19h-118v-10h118.1v10zm-118-13.5v-70.3h118.1v70.5h-118.1v-0.2z'/%3E%3Cpath class='st1' d='m34.7 19.6h-1.5v3.4h-1.9v-9.3h3.4c1.1 0 1.9 0.2 2.5 0.7s0.9 1.2 0.9 2.1c0 0.6-0.1 1.2-0.4 1.6s-0.7 0.8-1.2 1l2 3.8v0.1h-2l-1.8-3.4zm-1.5-1.5h1.5c0.5 0 0.8-0.1 1.1-0.4 0.3-0.2 0.4-0.6 0.4-1s-0.1-0.8-0.4-1c-0.2-0.3-0.6-0.4-1.1-0.4h-1.5v2.8z'/%3E%3Cpath class='st1' d='M45.7 19h-3.6v2.5h4.3V23h-6.2v-9.3h6.2v1.5h-4.3v2.2h3.6V19z'/%3E%3Cpath class='st1' d='M50.9 19.3l-1 1.1V23H48v-9.3h1.9V18l0.8-1.2l2.3-3h2.3l-3.3 4.1l3.4 5.1h-2.3L50.9 19.3z'/%3E%3Cpath class='st1' d='m58.7 21.5h4v1.5h-5.9v-9.3h1.9v7.8z'/%3E%3Cpath class='st1' d='m69.8 21.1h-3.3l-0.7 1.9h-2l3.4-9.3h1.8l3.4 9.3h-2l-0.6-1.9zm-2.9-1.5h2.3l-1.2-3.5-1.1 3.5z'/%3E%3Cpath class='st1' d='M76.3 13.8l2.4 6.7l2.4-6.7h2.5V23h-1.9v-2.5l0.2-4.4L79.3 23H78l-2.5-6.9l0.2 4.4V23h-1.9v-9.3H76.3z'/%3E%3Cpath class='st1' d='m91 21.1h-3.3l-0.7 1.9h-2l3.4-9.3h1.8l3.4 9.3h-2l-0.6-1.9zm-2.8-1.5h2.3l-1.2-3.5-1.1 3.5z'/%3E%3C/svg%3E");
  background-size:      auto 70px;
  background-position:  center;
  background-repeat:    no-repeat;
  /* max-height:           calc( var(--height) * 1px ); */
  /* min-height:           calc( var(--height) * 1px ); */
  /* height:               calc( var(--height) * 1px ); */
  /* overflow:             hidden; */
}

/* baner.banner--placeholder.banner--placeholder--preload::after {
  content: '';
  height: 0;
  padding-top: var(--height-percent);
  display: block; 
} */

.baner.banner--programmatic {
  height:               calc( var(--height) * 1px );
}

.baner.banner--programmatic > div {
  position:             absolute;
  top:                  50%;
  left:                 50%;
  transform:            translate(-50%, -50%);
  -webkit-transform:    translate(-50%, -50%);
}

.pod-pogoda > div {
    position: relative;
    top: 0%;
    left: 0%;
    transform: none;
}

.baner.banner--html {
  height:               calc( var(--height) * 1px );
}

.baner.banner--html > iframe {
  border:               none;
  outline:              none;
  height:               100%;
  width:                100%;
}

.baner.banner--html > .banner__label {
  top:                  0px;
  left:                 0px;
}

/* SIZES */

.my--10 {
  margin-bottom:        10px;
  margin-top:           10px;
}

.my--20 {
  margin-bottom:        20px;
  margin-top:           20px;
}

.my--40 {
  margin-bottom:        40px;
  margin-top:           40px;
}

.d--160-600 {
  --width:              160;
  --height:             600;
}

.d--200-50 {
  --width:              200;
  --height:             50;
}

.d--300-250 {
  --width:              300;
  --height:             250;
}

.d--336-280 {
  --width:              336;
  --height:             280;
}

.d--350-600 {
  --width:              350;
  --height:             600;
}

.d--360-300 {
  --width:              360;
  --height:             300;
}

.d--393-150 {
  --width:              393;
  --height:             150;
}

.d--393-270 {
  --width:              393;
  --height:             270;
}

.d--339-280 {
  --width:              339;
  --height:             280;
}

.d--393-393 {
  --width:              393;
  --height:             393;
}

.d--393-450 {
  --width:              393;
  --height:             450;
}

.d--393-400 a {
  margin-top:           17px;
}

.d--393-460 {
  --width:              393;
  --height:             460;
}

.d--590-200 {
  --width:              590;
  --height:             200;
}

.d--670-280 {
  --width:              670;
  --height:             280;
}

.d--728-90 {
  --width:              728;
  --height:             90;
}

.d--750-100 {
  --width:              750;
  --height:             100;
}

.d--750-200 {
  --width:              750;
  --height:             200;
}

.d--750-300 {
  --width:              750;
  --height:             300;
}

.d--807-90 {
  --width:              807;
  --height:             90;
}

.d--807-200 {
  --width:              807;
  --height:             200;
}

.d--807-300 {
  --width:              807;
  --height:             300;
}

.d--847-400 {
  --width:              847; 
  --height:             400;
}

.d--970-250 {
  --width:              970;
  --height:             250;
}

.d--1024-160 {
  --width:              1024;
  --height:             160;
}

.d--1170-200 {
  --width:              1170;
  --height:             200;
}

.d--1170-300 {
  --width:              1170;
  --height:             300;
}

.d--1170-450 {
  --width:              1170;
  --height:             450;
}

.d--1170-600 {
  --width:              1170;
  --height:             600;
}

.d--1170-600--portrait {
  width:                100vw;
  height:               calc(4800vw / 38);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: height .3s ease;
}

.d--1220-80 {
  --height:             80;
  --width:              1220;
}

.d--1220-130 {
  --height:             130;
  --width:              1220;
}

.d--1220-300 {
  --height:             300;
  --width:              1220;
}

.d--1220-400 {
  --width:              1220;
  --height:             400;
}

.d--1220-420 {
  --width:              1220;
  --height:             420;
}

.d--1220-600 {
  --height:             600;
  --width:              1220;
}

.d--1320-1080 {
  --width:              1320;
  --height:             1080;
}

.d--1920-1246 {
  --width:              1920;
  --height:             1246;
}

@media (max-width: 767px) {
  .m--300-250 {
    --width:              300;
    --height:             250;
  }

  .m--350-200 {
    --width:              350;
    --height:             200;
  }

  .m--360-300 {
    --width:              360;
    --height:             300;
  }

  .m--750-300 {
    --width:              750;
    --height:             300;
  }

  .m--393-300 {
    --width:              393;
    --height:             300;
  }
  .m--320-100 {
    --width:              320;
    --height:             100;
  }
}

/* END SIZES */



/* TOPLAYER */

.banner--toplayer {
  background:           #ffffff;
  height:               100%;
  left:                 0;
  position:             fixed;
  top:                  0;
  transition:           opacity .5s ease;
  width:                100%;
}

.banner--toplayer.fade-out {
  opacity:              0;
}

.banner--toplayer--label:after {
  background:           #ffffff;
  color:                #888888;
  content:              'Reklama';
  font-family:          sans-serif;
  font-size:            9px;
  left:                 20px;
  line-height:          1;
  padding:              10px 12px;
  position:             absolute;
  text-transform:       uppercase;
  top:                  20px;
}

.banner--toplayer__background {
  filter:               blur(100px);
  height:               100%;
  object-fit:           cover;
  object-position:      center;
  width:                100%;
}

.banner--toplayer > a {
  height:               100%;
  left:                 0;
  position:             absolute;
  top:                  0;
  width:                100%;
}

.banner--toplayer a img {
  height:               100%;
  object-fit:           contain;
  width:                100%;
}

.banner--toplayer__close-button {
  background-color:   	#ffffff;
  background-image:     url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXIteCI+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCI+PC9saW5lPjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iMTgiPjwvbGluZT48L3N2Zz4=");
  background-position:  center;
  background-repeat:    no-repeat;
  border:               none;
  border-radius:        50%;
  cursor:               pointer;
  height:               26px;
  outline:              none;
  position:             absolute;
  width:                26px;
}

.banner--toplayer__close-button--top-left {
  top: 20px;
  left: 110px;
}

.banner--toplayer__close-button--top-right {
  top: 20px;
  right: 20px;
}

.banner--toplayer__close-button--bottom-left {
  bottom: 20px;
  left: 20px;
}

.banner--toplayer__close-button--bottom-right {
  bottom: 20px;
  right: 20px;
}

.banner--toplayer__close-button--mobile{
  filter: drop-shadow(1px 0px 0.5px #ffffff)
          drop-shadow(-1px 0px 0.5px #ffffff)
          drop-shadow(0px 1px 0.5px #ffffff)
          drop-shadow(0px -1px 0.5px #ffffff);
}

/* END TOPLAYER */



/* NEW TOPLAYER */

.new-toplayer {
  --padding:                  20px;
  
  --counter-color-1:          #56b6e4;
  --counter-color-2:          white;
  
  --close-size:               30px;
  --close-thickness:          2px;
  
  display:                    flex;
  flex-direction:             column;
  height:                     100%;
  left:                       0;
  opacity:                    1;
  position:                   fixed;
  top:                        0;
  transition:                 opacity .5s ease;
  width:                      100%;
}

.new-toplayer.fade-out {
  opacity:                    0;
}

.new-toplayer__banner__iframe {
  border:                     none;
  height:                     100%;
  max-height:                 100%;
  outline:                    none;
  width:                      100%;
}

.new-toplayer__banner {
  background:                 white;
  flex-grow:                  1;
  overflow:                   hidden;
  position:                   relative;
}

.new-toplayer__banner__background {
  background-position:        center;
  background-size:            cover;
  filter:                     blur(30px);
  height:                     100%;
  width:                      100%;
}

.new-toplayer__banner__foreground {
  box-shadow:                 rgba(0, 0, 0, 0.35) 0px 5px 15px;
  left:                       50%;
  max-height:                 calc(100% - (var(--padding) * 2));
  max-width:                  calc(100% - (var(--padding) * 2));
  position:                   absolute;
  top:                        50%;
  transform:                  translate(-50%, -50%);
}

.new-toplayer__top {
  display: flex;
}

.new-toplayer__top__counter {
  align-items: center;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 15s;
  animation-name: new-toplayer-top-countdown;
  animation-timing-function: linear;
  background: linear-gradient(90deg,
                var(--counter-color-1) 0%,
                var(--counter-color-1) 50%,
                var(--counter-color-2) 50%,
                var(--counter-color-2) 100%);
  background-size: 200%;
  display: flex;
  justify-content: center;
  flex-grow: 1;
}

@keyframes new-toplayer-top-countdown {
  from {
    background-position:      100%;
  }

  to {
    background-position:      0%;
  }
}

.new-toplayer__top__counter:before {
  animation-delay:            0s;
  animation-direction:        normal;
  animation-duration:         15s;
  animation-name:             new-toplayer-top-countdown-content;
  animation-timing-function:  linear;
  color:                      black;
  content:                    "Reklama wyłączy się za 0 sekund";
  font-family:                sans-serif;
  font-size:                  11px;
  padding:                    0.5em;
}

@keyframes new-toplayer-top-countdown-content {
  0% {
    content:                  "Reklama wyłączy się za 15 sekund";
  }

  6.6% {
    content:                  "Reklama wyłączy się za 14 sekund";
  }

  13.3% {
    content:                  "Reklama wyłączy się za 13 sekund";
  }

  20% {
    content:                  "Reklama wyłączy się za 12 sekund";
  }

  26.6% {
    content:                  "Reklama wyłączy się za 11 sekund";
  }

  33.3% {
    content:                  "Reklama wyłączy się za 10 sekund";
  }

  40% {
    content:                  "Reklama wyłączy się za 9 sekund";
  }

  46.6% {
    content:                  "Reklama wyłączy się za 8 sekund";
  }

  53.3% {
    content:                  "Reklama wyłączy się za 7 sekund";
  }

  60% {
    content:                  "Reklama wyłączy się za 6 sekund";
  }

  66.6% {
    content:                  "Reklama wyłączy się za 5 sekund";
  }

  73.3% {
    content:                  "Reklama wyłączy się za 4 sekundy";
  }

  80% {
    content:                  "Reklama wyłączy się za 3 sekundy";
  }

  86.6% {
    content:                  "Reklama wyłączy się za 2 sekundy";
  }

  93.3% {
    content:                  "Reklama wyłączy się za 1 sekundę";
  }

  100% {
    content:                  "Reklama wyłączy się za 0 sekund";
  }
}

.new-toplayer__top__close {
  -webkit-user-select:        none;
  align-items:                center;
  background-color:           #222;
  border-radius:              0px;
  border-style:               none;
  box-sizing:                 border-box;
  color:                      #FFFFFF;
  cursor:                     pointer;
  display:                    flex;
  font-family:                'Open Sans', sans-serif;
  font-size:                  14px;
  font-weight:                500;
  height:                     40px;
  justify-content:            center;
  list-style:                 none;
  margin:                     0;
  opacity:                    1;
  outline:                    none;
  padding:                    0px 16px;
  position:                   relative;
  text-align:                 center;
  text-decoration:            none;
  touch-action:               manipulation;
  transition:                 background-color 100ms, opacity 1000ms;
  user-select:                none;
  vertical-align:             baseline;
  
}

/* .new-toplayer__top__close:after {
  content:                    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>');
  margin-left:                10px;
  margin-top:                 4px;
} */

.new-toplayer__top__close:hover,
.new-toplayer__top__close:focus {
  background-color:           #333333;
}

/* NEW TOPLAYER */



/* TOP 1 */

a.banner--top1 {
  height:               100%;
  left:                 0;
  position:             absolute;
  top:                  0;
  transition:           width .3s ease;
  width:                100%;
}

a.banner--top1--label:before {
  color:                #888888;
  content:              'Reklama';
  font-family:          sans-serif;
  font-size:            9px;
  left:                 0px;
  line-height:          1;
  position:             absolute;
  text-transform:       uppercase;
  top:                  0px;
  transform:            translate(0, -10px);
}

.banner--top1__close-button {
  background-color:     #ffffff;
  background-image:     url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXIteCI+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCI+PC9saW5lPjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iMTgiPjwvbGluZT48L3N2Zz4=");
  background-position:  center;
  background-repeat:    no-repeat;
  border-radius:        50%;
  border:               none;
  cursor:               pointer;
  height:               26px;
  outline:              none;
  position:             absolute;
  right:                20px;
  top:                  20px;
  width:                26px;
}

a.banner--top1 > div {
  height:               100%;
  overflow:             hidden;
  width:                100%;
}

a.banner--top1 > div > img {
  height:               100%;
  transform:            translateX(0%);
  transition:           transform .3s ease;
  width:                auto;
}

a.banner--top1.banner--top1--hidden {
  width:                5%;
}

a.banner--top1.banner--top1--hidden > div > img {
  transform:            translateX(-95.5%);
}

a.banner--top1--label.banner--top1--hidden:before {
  content:              '';
}

a.banner--top1.banner--top1--hidden:hover {
  width:                8%;
}

a.banner--top1.banner--top1--hidden:hover > div > img {
  transform:            translateX(-92.5%);
}

/* END TOP 1 */



/* BANNER INFO */

.baner .overlay {
  align-items:          center;
  background-color:     rgba(0, 0, 0, 0);
  display:              flex;
  flex-direction:       row;
  height:               100%;
  justify-content:      center;
  left:                 0;
  position:             absolute;
  top:                  0;
  transition:           background-color .3s ease;
  transform:            translate(0, 0);
  width:                100%;
}

.baner .overlay:hover {
  background-color:     rgba(0, 0, 0, .7);
}

.baner .overlay button {
  border:               none;
  color:                #ffffff;
  font-size:            14px;
  margin:               0 5px;
  opacity:              0;
  outline:              none;
  padding:              10px;
  transform:            translateY(50px);
  transition:           transform .6s ease-out, opacity .3s ease, background-color .3s ease;
}

.baner .overlay .more-info {
  background-color:     #019ee0;
}

.baner .overlay .more-info:hover {
  background-color:     #028cc7;
}

.baner .overlay .add-button {
  background-color:     #5cba47;
}

.baner .overlay .add-button:hover {
  background-color:     #52a63f;
}

.baner .overlay:hover button {
  opacity:              1;
  transform:            translateY(0px);
}

.banner__info {
  font-size:            12px;
  left:                 50%;
  max-width:            calc( 100vw - 40px );
  position:             fixed;
  top:                  50%;
  transform:            translate(-50%, -50%);
  width:                1300px;
}

.banner__info::before {
  background-color:     rgba(0, 0, 0, .7);
  content:              '';
  display:              block;
  height:               100vh;
  left:                 50%;
  position:             fixed;
  top:                  50%;
  transform:            translate(-50%, -50%);
  width:                100vw;
  z-index:              -1;
}

.banner__info__header {
  align-items:          center;
  background-color:     #212529;
  border-radius:        10px 10px 0 0;
  box-sizing:           border-box;
  color:                #ffffff;
  display:              flex;
  flex-direction:       row;
  justify-content:      flex-start;
  padding:              20px;
}

.banner__info__header div {
  margin-right:         20px;
}

.banner__info__close-button {
  background-color:     transparent;
  background-image:     url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
  background-position:  center;
  border:               none;
  height:               12px;
  margin-left:          auto;
  outline:              none;
  width:                12px;
}

.banner__info table {
  border-radius:        0 0 10px 10px;
  overflow:             hidden;
  text-align:           left;
  width:                100%;
}

.banner__info table th,
.banner__info table td {
  padding:              10px 10px 10px 20px;
}

.banner__info table tbody tr {
  background-color:     #ffffff;
  border-bottom:        1px solid #ebecef;
}

.banner__info table tbody tr:nth-child(even) {
  background-color:     #f5f5f5;
}

.banner__info table tbody tr td {
  color:                gray;
}

.banner__info table thead,
.banner__info table tfoot {
  background-color:     #212529;
  color:                #ffffff;
}

/* SCROLLBAR */

.banner__info table {
  display:              block;
}

.banner__info table thead,
.banner__info table tfoot {
  box-sizing:           border-box;
  display:              block;
}

.banner__info table tbody {
  display:              block;
  max-height:           70vh;
  overflow-y:           auto;
}

.banner__info table tbody tr,
.banner__info table thead tr {
  display:              flex;
  padding-right:        16px;
}

.banner__info table thead tr th,
.banner__info table tbody tr td {
  flex-basis:           10%;
  flex-grow:            1;
  flex-shrink:          0;
  padding:              10px;
  text-align:           left;
  width:                10%;
  word-wrap:            break-word;
}

/* END BANNER INFO */

.baner.banner--expandable {
  overflow:             hidden;
  transition:           height 1s ease;
}

.baner.banner--expandable .banner__label {
  color: #888888;
  font-family: sans-serif;
  font-size: 9px;
  line-height: 1;
  position: absolute;
  text-transform: uppercase;
  transform: translate(0, 0);
  top: 0;
  left: 0;
  

  background:           #ffffff;
  padding:              10px 12px;
}

.baner.banner--expandable.banner--expandable--hidden {
  height:               0px;
}

.baner.banner--expandable.banner--expandable--loaded {
  height:               120px;
}

.baner.banner--expandable span {
  transition: top 1s ease;
}

@media (max-width: 1219px) {
  .baner.banner--expandable.banner--expandable--loaded {
    height:             9.6vw;
  }
}

.baner.banner--expandable.banner--expandable--expanded {
  height:               300px;
}

.baner.banner--expandable a {
  top: 0;
  transition: top 1s ease;
}

.baner.banner--expandable.banner--expandable--expanded a {
  top: -120px;
}

.baner.banner--expandable.banner--expandable--expanded a span {
  top: 120px;
}

@media (max-width: 1219px) {
  .baner.banner--expandable.banner--expandable--expanded {
    height:               25.7vw;
  }

  .baner.banner--expandable a {
    top: 0;
    transition: top 1s ease;
  }
  
  .baner.banner--expandable.banner--expandable--expanded a {
    top: -9.6vw;
  }

  .baner.banner--expandable.banner--expandable--expanded a span {
    top: 9.6px;
  }
}

/* BANNER VIDEO */

.baner.banner--video {
  display: flex;
  width: 100%;
  gap: 15px;
  flex-direction: row;
  padding: 0 19px;
  justify-content: center;
  align-items: center;
  height: 280px!important;
}

.baner.banner--video > .banner__label {
  top: 0px;
  left: 19px;
}

@media (max-width: 1199px) {
  .baner.banner--video {
    padding: 0px;
    height: 261px!important;
  }

  .baner.banner--video > .banner__label {
    top: 0px;
    left: 0px;
  }
}

.baner.banner--video > iframe {
  flex-grow: 1;
  height: 100%;
}

.baner.banner--video > a {
  padding-top: 0;
}

.baner.banner--video > a > img {
  position: relative;
  top: 0;
  left: 0;
  transform: translate(0, 0);
}

@media (max-width: 991px) {
  .baner.banner--video {
    flex-direction: column;
    width: 670px;
    height: unset!important;
  }
  
  .baner.banner--video > iframe {
    height: calc(670px / 16 * 9);  
  }
}

@media (max-width: 991px) {
  .baner.banner--video { 
    width: 100%;
  }
  
  .baner.banner--video > iframe {
    height: calc(100vw / 16 * 9);
    width: 100%;
  }
}



/* END BANNER VIDEO */



/* BANNER SCREENING */

.baner.banner--screening {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.banner--screening .overlay {
  align-items: flex-start;
  padding-top: 130px;
  box-sizing: border-box;
}

/* END BANNER SCREENING */



/* BANNER CIRCLE */

.banner--circle {
  --close-button-offset:  0px;
  --close-button-size:    26px;
  --size:                 164px;
  bottom:                 400px;
  position:               fixed;
  /* top:                 50%; */
  right:                  -184px;
  display:                block;
  height:                 var(--size);
  max-height:             var(--size);
  max-width:              var(--size);
  /* transform:           translateY(-50%); */
  transition:             right 1s ease;
  width:                  var(--size);
  z-index:                999;
}

.banner--circle.banner--circle--show {
  right:                  10px;
}

.banner--circle__close-button {
  background-color:       #ffffff;
  background-image:       url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXIteCI+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCI+PC9saW5lPjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iMTgiPjwvbGluZT48L3N2Zz4=");
  background-position:    center;
  background-repeat:      no-repeat;
  border:                 none;
  border-radius:          50%;
  box-shadow:             rgba(0, 0, 0, 0.24) 0px 3px 8px;
  cursor:                 pointer;
  height:                 var(--close-button-size);
  left:                   var(--close-button-offset);
  outline:                none;
  position:               absolute;
  top:                    var(--close-button-offset);
  width:                  var(--close-button-size);
}

.banner--circle__image-wrapper {
  border-radius:          50%;
  box-shadow:             rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  display:                block;
  height:                 100%;
  overflow:               hidden;
  position:               relative;
  width:                  100%;
}

.banner--circle__image-wrapper__img {
  height:                 100%;
  object-fit:             cover;
  width:                  100%;
}

.banner--circle span {
  --rotStep:              -6deg;
  --rot:                  calc(var(--rotStep) * 1);
  color:                  white;
  font-family:            sans-serif;
  font-size:              9px;
  left:                   50%;
  line-height:            20px;
  position:               absolute;
  text-shadow:            0px 0px 4px black;
  text-transform:         uppercase;
  top:                    50%;
  transform:              translate(-50%, 82px) rotate(var(--rot));
  transform-origin:       0px -82px;
}

.banner--circle span:nth-of-type(2) {
  --rot:                  calc(var(--rotStep) * 2);
}

.banner--circle span:nth-of-type(3) {
  --rot:                  calc(var(--rotStep) * 3);
}

.banner--circle span:nth-of-type(4) {
  --rot:                  calc(var(--rotStep) * 4);
}

.banner--circle span:nth-of-type(5) {
  --rot:                  calc(var(--rotStep) * 5);
}

.banner--circle span:nth-of-type(6) {
  --rot:                  calc(var(--rotStep) * 6);
}

.banner--circle span:nth-of-type(7) {
  --rot:                  calc(var(--rotStep) * 7);
}

/* END BANNER CIRCLE */



/* BANNER PEEKING */

.banner--peeking {
  --width:                250px;
  --height:               calc((1070 * var(--width)) / 535);
  bottom:                 0;
  display:                block;
  height:                 var(--height);
  position:               fixed;
  right:                  calc((var(--width) * -1) - 5px);
  transition:             right .3s ease;
  width:                  var(--width);
  z-index:                999999;
}

.banner--peeking--show {
  right:                  calc(var(--width) * -1);
}

.banner--peeking__link {
  display:                block;
  height:                 100%;
  transform:              rotate(0deg);
  transform-origin:       bottom left;
  transition:             transform 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  width:                  100%;
}

.banner--peeking__link__label {
  color:                  #888888;
  content:                'Reklama';
  font-family:            sans-serif;
  font-size:              9px;
  left:                   0px;
  line-height:            1;
  position:               absolute;
  text-transform:         uppercase;
  top:                    0px;
  transform:              translate(0, -10px);
}

.banner--peeking--show .banner--peeking__link {
  transform:              rotate(-33deg);
}

.banner--peeking__link__image {
  filter:                 drop-shadow(-5px 5px 5px rgba(0, 0, 0, 0.35));
  height:                 100%;
  object-fit:             contain;
  width:                  100%;
}

.banner--peeking__close-button {
  background-color:       #ffffff;
  background-image:       url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXIteCI+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCI+PC9saW5lPjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iMTgiPjwvbGluZT48L3N2Zz4=");
  background-position:    center;
  background-repeat:      no-repeat;
  border:                 none;
  border-radius:          50%;
  box-shadow:             rgba(0, 0, 0, 0.24) 0px 3px 8px;
  cursor:                 pointer;
  height:                 26px;
  left:                   0;
  outline:                none;
  position:               absolute;
  top:                    0px;
  transition:             .8s left .2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  width:                  26px;
}
 
.banner--peeking--show .banner--peeking__close-button {
  left:                   calc(var(--width) * -1);
}

.banner--peeking__close-button:after {
  content:                'Reklama';
  text-transform:         uppercase;
  color:                  white;
  font-family:            sans-serif;
  font-size:              9px;
  left:                   calc(100% + 5px);
  line-height:            20px;
  position:               absolute;
  text-shadow:            0px 0px 4px black;
  text-transform:         uppercase;
  top:                    50%;
  transform:              translate(0, -50%);
}

/* END BANNER PEEKING */



/* OPTAD 360 */

.banner--programmatic--optad360 > div {
  position: relative;
  top: unset;
  left: unset;
  transform: none;
}

.banner--programmatic--optad360 .adTitle {
  color: #888888!important;
  font-family: sans-serif!important;
  font-size: 9px!important;
  line-height: 1!important;
  text-transform: uppercase!important;
  text-align: left!important;
  opacity: 1!important;
}

/* END OPTAD 360 */

.full-width > a {
  display: block!important;
  max-height: 100%!important; 
  max-width: 100%!important;
  padding-top: 0px!important;
  position: relative!important;
}

.full-width > a > img {
  left: 0%!important;
  height: auto!important;
  max-height: unset!important;
  max-width: 100%!important;
  width: 100%!important;
  position: relative!important;
  top: 0%!important;
  transform: unset!important;
}

.full-width > a > span {
  position: absolute;
  top: 0!important;
  left: 0px!important;
  transform: translate(0,- 10px)!important;
}


.santa__close {
  cursor:           pointer;
  filter:           drop-shadow(1px 0px 0.5px #ffffff)
                    drop-shadow(-1px 0px 0.5px #ffffff)
                    drop-shadow(0px 1px 0.5px #ffffff)
                    drop-shadow(0px -1px 0.5px #ffffff);        
}

.santa__close:before,
.santa__close:after {
  background-color: black;
  border-radius:    500px;
  content:          '';
  display:          block;
  height:           14px;
  left:             50%;
  position:         absolute;
  top:              50%;
  transform-origin: center;
  width:            3px;
}

.santa__close:before {
  transform:        translate(-50%, -50%) rotate(45deg);
}

.santa__close:after {
  transform:        translate(-50%, -50%) rotate(-45deg);
}

/* NOWA PARALAKSA */

.parallax {
  display:                block!important;
  height:                 calc(100vh - 190px)!important;
  position:               relative!important;
  width:                  100%!important;
}

.parallax__inner {
  clip:                   rect(0, auto, auto, 0)!important;
  height:                 100%!important;
  left:                   0!important;
  position:               absolute!important;
  top:                    0!important;
  width:                  100%!important;
}

.parallax__inner__image {
  background-attachment:  scroll!important;
  background-position:    center!important;
  background-repeat:      no-repeat!important;
  background-size:        contain!important;
  display:                block!important;
  height:                 calc(100% - 190px)!important;
  left:                   0!important;
  position:               fixed!important;
  top:                    120px!important;
  transform:              translateZ(0)!important;
  width:                  100%!important;
  will-change:            transform!important;
  /* z-index:                1!important; */
}

.parallax--label {
  margin-top:             15px!important;;
}

.parallax--label:before {
  box-sizing:             border-box!important;
  color:                  rgb(136, 136, 136)!important;
  content:                'Reklama'!important;
  font-family:            sans-serif!important;
  font-size:              9px!important;
  font-weight:            400!important;
  left:                   10px!important;
  line-height:            9px!important;
  position:               absolute!important;
  text-transform:         uppercase!important;
  transform:              translateY(-11px)!important;
  top:                    0px!important;
  z-index:                2!important;
}

/* END NOWA PARALAKSA */

div[data-reosection] span {
  color: #888888;
  font-family: sans-serif;
  font-size: 9px;
  line-height: 1;
  text-transform: uppercase;
  padding-top: 4px;
  box-sizing: border-box;
}


ins[data-revive-zoneid] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  flex-direction: column;
  width: fit-content;
  margin: 0 auto 20px auto;
}

ins[data-revive-zoneid]:has(iframe):before {
  content: 'Reklama';
  color: rgb(136, 136, 136);
  font-family: 'Open Sans', sans-serif;
  font-size: 9px;
  line-height: 1;
  text-transform: uppercase;
  display: block;
  flex: 0;
  width: 100%;
}

.ONNovhByReel .d--1024-160 {
  display: none;
}

/* NOWY PASEK ODLICZAJĄCY W TOPLAYER */

.toplayer__countdown-bar {
  background-color: white;
  border-radius: 0px;
  flex-grow: 1;
  height: 40px;
  overflow: hidden;
  position: relative;
}

.toplayer__countdown-progress {
  background-color: #56b6e4;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: width 1s linear;
  width: 0;
}

.toplayer__countdown-text {
  align-items: center;
  color: #222;
  display: flex;
  font-weight: bold;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  font-size: 10px;
}

/* END NOWY PASEK ODLICZAJĄCY W TOPLAYER */
 
.baner--235 {
  display: none;
}

body:has(.playercontainerexs[style="display: flex;"]) div[data-id="146"] {
    display: none;
}

.baner[data-id="195"]:empty {
  display: none;
}