/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@font-face {
    font-family: 'LaNord';
    src: url('../fonts/lanord.woff2') format('woff2'),
        url('../fonts/lanord.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
      margin: 0;
      padding: 0;
      border: 0;
      font: inherit;
      vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
      display: block;
    }
    body {
      line-height: 1;
    }
    ol, ul {
      list-style: none;
    }
    blockquote, q {
      quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
      content: '';
      content: none;
    }
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }
	


*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

 
  a:link {COLOR: inherit; TEXT-DECORATION: none;}
  a:visited {COLOR: inherit; TEXT-DECORATION: none;}
  a:active {COLOR: inherit; TEXT-DECORATION: none;}
  a:hover {COLOR: inherit; TEXT-DECORATION: none;}
  button { color: #1b1b1b; }


body {
  background: #EFF0F6;
	color: #212E45;
	font-size: 16px;
	line-height: 1.6; 
	font-weight: 400;
	font-family: 'Inter', serif;
}

em { font-style: italic; }


.all{ width: 100%; position: relative; overflow: hidden; z-index: 100; }

.clear { clear: both; }
strong { font-weight: 600 }
.text-right{ text-align: right; }
.tekst{ font-size: 16px; line-height: 1.7; font-weight: 300; }


/* elementy wspolne */
.sub-header{ font-size: 12px; text-transform: uppercase; color:#867851; letter-spacing: 2px;  }
.sub-header-big{ font-size: 52px; line-height: 1.2; text-transform: uppercase; font-family: 'LaNord'; margin-top: 20px;  }
.separator { width: 100%; height: 36px;  }

#wpadminbar{ display: none !important; }
.container{ width: 1350px; margin: auto; position: relative; }
.container-small{ width: 1130px; margin: auto; position: relative; }

.button-arrow span{ position: relative; display: inline-block;}
.button-arrow span img{ width: 100%; display: block; }
.button-arrow:hover span{     
    animation-name: animArrow;
    animation-duration: 1.1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.68, -0.6, 0.32, 1.6); }
.button-line{ position: relative; display: inline-block; }
.button-line:after{ content: ''; display: block; position: absolute; bottom: -4px; left: 0px; height: 1px; width: 100%; background:#EFF0F6; }
.button-line:hover:after{
    animation-name: animLine;
    animation-duration: 1.1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out; 
}



.top{ position: fixed; top: 0px; left: 0px; width: 100%; height: 68px; z-index: 999; background: #D5D5CD;
      -webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
       -ms-transition: all .4s ease-out;
       -o-transition: all .4s ease-out;
      transition: all .4s ease-out;}
.top.active{ background: #D5D5CD; }
.top .container{ height: 100%; position: relative; }
.top .logo{ position: absolute; left: 0px; top: 50%; width: 124px; transform: translate(0%,-50%); }
.top .logo img{ width: 1px; display: block;  }
.top .logo-mask { width: 124px; height: 31px; background: #212E45; -webkit-mask-image: url('../img/logo-menu.svg'); /* Safari */
  mask-image: url('../img/logo-menu.svg');
  mask-mode: alpha;             /* użyj kanału alfa */
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center; }

.top .kontrast{ width: 40px; height: 40px; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; }
.top .kontrast img{ width: 1%; display: block; }

.top .kontrast-mask { width: 40px; height: 40px; background: #212E45; -webkit-mask-image: url('../img/bw.svg'); /* Safari */
  mask-image: url('../img/bw.svg');
  mask-mode: alpha;             /* użyj kanału alfa */
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center; 
-webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
       -ms-transition: all .4s ease-out;
       -o-transition: all .4s ease-out;
      transition: all .4s ease-out;}
.top .kontrast:hover .kontrast-mask{ transform: scale(1.08); }

.top .menu-icon{ position: absolute; top: 50%; right: 0px; transform: translate(0, -50%); width: 20px; height: 33px; font-family: 'Inter', sans-serif; font-size: 8px; color: #394360; cursor: pointer; }
.top .menu-icon .hamburger{ width: 20px; height: 16px; margin-bottom: 8px; position: relative; }
.top .menu-icon .l{ position: absolute; left: 0px; width: 100%; height: 1px; background: #394360; 
      -webkit-transition: all .5s ease-out;
       -moz-transition: all .5s ease-out;
       -ms-transition: all .5s ease-out;
       -o-transition: all .5s ease-out;
      transition: all .5s ease-out;}
.top .menu-icon .l1{ top: 0px; }
.top .menu-icon .l2{ top: 50%; }
.top .menu-icon .l3{ bottom: 0px; }

.top .menu-icon:hover .l1{ transform: rotate(-90deg); transform-origin: left; top: 95%; width: 45%; left: 8%; }
.top .menu-icon:hover .l2{ transform: rotate(-90deg); transform-origin: center; top: auto; bottom: 58%; }
.top .menu-icon:hover .l3{ transform: rotate(-90deg); transform-origin: right; top: auto; bottom: 91%; left: 14%; width: 74%; }

.top .langs-menu{ position: absolute; right: 50px; top: 50%; transform: translate(0%, -50%); width: 33px; height: 36px; font-family: 'Inter', sans-serif; font-size: 8px; color: #394360; }
.top .langs-menu .circles{ width: 100%; height: 21px; position: relative; margin-bottom: 5px; cursor: pointer;
      -webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
       -ms-transition: all .4s ease-out;
       -o-transition: all .4s ease-out;
      transition: all .4s ease-out;}
.top .langs-menu:hover .circles{ transform: scale(1.08); }
.top .langs-menu .circles .circle{ width: 21px; height: 21px; border-radius: 100%; border: 1px solid #394360; background: transparent; position: absolute; top: 0px;
      -webkit-transition: all .6s ease-out;
       -moz-transition: all .6s ease-out;
       -ms-transition: all .6s ease-out;
       -o-transition: all .6s ease-out;
      transition: all .6s ease-out;}
.top .langs-menu .circles .c1{ left: 0px; }
.top .langs-menu .circles .c2{ right: 0px; }
.top .langs-menu .txt{ position: relative; z-index: 1; }
.top .langs-menu .txt span{ position: relative; display: inline-block; text-align: center; top: 0px; cursor: pointer;
      -webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
       -ms-transition: all .4s ease-out;
       -o-transition: all .4s ease-out;
      transition: all .4s ease-out;}

.top .langs-menu .langs{ width: 65px; position: absolute; top: 36px; left: 50%; transform: translate(-50%, 0); font-size: 12px; text-align: center; padding: 5px; height: 0px; opacity: 0; overflow: hidden; background: #fff; z-index: 10;
      -webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
       -ms-transition: all .4s ease-out;
       -o-transition: all .4s ease-out;
      transition: all .4s ease-out;}
.top .langs-menu .langs a{ width: 100%; display: block; margin-bottom: 3px; margin-top: 3px; text-align: center; }


.top .langs-menu.active .circles .c1{ left: 37%;  }
.top .langs-menu.active .circles .c2{ right: 37%; }
.top .langs-menu.active .txt span{ opacity: 0; top: 10px; }
.top .langs-menu.active .langs{ height: auto; top: 28px; opacity: 1; }


/****************** M E N U *****************/
.menu-overlay{position: fixed; left: 0px; top: 0px; width: 100%;   pointer-events: none;  height: 0%; background: #212E45; z-index: 1000; display: none; display: none;
-webkit-transition: all .32s linear;
   -moz-transition: all .32s linear;
   -ms-transition: all .32s linear;
   -o-transition: all .32s linear;
  transition: all .32s linear;}
.menu-overlay.block{ display: block; }
.menu-overlay.active{ height: 100%; }
.menu-container{ position: fixed; width: 100%; height: 100%; z-index: 1010; left: 0px; top: 0px; display: none; display: none; overflow-x: hidden; overflow-y: scroll; color: #EFF0F6;}
.menu-container .container{ min-height: 100%; padding: 65px 0 65px; position: relative; }
.menu-top-flex { display: flex; justify-content: space-between; }
.close-menu{ font-size: 36px; font-family: 'LaNord'; text-align: right; opacity: 0; }
.close-menu.active{ opacity: 1; }
.close-menu .button{cursor: pointer; display: inline-block;}
.close-menu .button-arrow span{ width: 32px; top: 5px; margin-left: 5px; }
.menu-cols{ display: flex; flex-direction: row; justify-content: space-between; margin-top: 65px; }
.menu-col{ padding-right: 12px; position: relative; top: 15px; opacity:0;}
.menu-col.active{ opacity: 1; top: 0px; }
.menu-col-1{ width: 55%; display: flex; justify-content: space-between; }
.menu-col-2{ width: 40%; padding-top: 55px; }
.menu-col-3{ width: 37%; padding-top: 55px; font-size: 16px; line-height: 1.7; font-weight: 300;}
.menu-col-2-resp{ display: none; }

.menu-col .sub-header{ margin-bottom: 40px; color: #94855D; 
-webkit-transition: all .32s linear;
   -moz-transition: all .32s linear;
   -ms-transition: all .32s linear;
   -o-transition: all .32s linear;
  transition: all .32s linear;}
.menu-edycje div{ font-size: 48px; font-family: 'LaNord'; letter-spacing: -1px; line-height: 1.1; text-transform: uppercase; }
.menu-col .menu-link{ font-size: 14px; font-family: 'LaNord'; line-height: 1.1; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 2px;}
.menu-col .menu-link span{ width: 16px; margin-left: 3px; top: 3px; }

.menu-container .anim{ 
-webkit-transition: all .32s linear;
   -moz-transition: all .32s linear;
   -ms-transition: all .32s linear;
   -o-transition: all .32s linear;
  transition: all .32s linear; }

  .menu-logo { width: 605px; height: 151px; background: #94855D; -webkit-mask-image: url('../img/logo-menu.svg'); /* Safari */
  mask-image: url('../img/logo-menu.svg');
  mask-mode: alpha;             /* użyj kanału alfa */
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center; 
-webkit-transition: all .32s linear;
   -moz-transition: all .32s linear;
   -ms-transition: all .32s linear;
   -o-transition: all .32s linear;
  transition: all .32s linear;}

.menu-edycje .first { display: flex }
.menu-edycja-link {padding-bottom: 55px; width: 55%}
.menu-edycje .first .menu-edycja-link span{ position: relative; display: inline-block; }
.menu-edycje .first .menu-edycja-link span:after{ content: ''; display: block; position: absolute; bottom: -4px; left: 0px; height: 1px; width:  0%; background:#EFF0F6; }
.menu-edycje .first.active .menu-edycja-link span:after{
    animation-name: animLine_n;
    animation-duration: 0.55s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out; 
}


.menu-col-1-inner { width: 100% }
.sub-menu, .sub-menu-main { display: none; position: absolute; left: 65%; top: 5px; width:35%; height: 100%;}
.menu-edycje .first.active .sub-menu { display: block; }
.menu-col .sub-menu .menu-link { padding-bottom: 0; margin-bottom: 0px }

.sub-menu-main { display: none; position: absolute; }
.sub-menu-main .menu-link { margin-bottom: 0 }
.sub-menu-main.active { display: block; }
.sub-menu .sub-header, .sub-menu-main .sub-header{ font-size: 12px; letter-spacing: 2px; margin-bottom: 17px; padding-bottom: 0 }

.menu-edycje .first .sub-menu {
  display: block;               /* potrzebne do animacji z opacity/visibility */
  opacity: 0;
  visibility: hidden;
  transform: translateY(4px);
  transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}
.menu-edycje .first:hover .sub-menu,
.menu-edycje .first:focus-within .sub-menu,
.menu-edycje .first.active .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}
.menu-edycje .sub-menu-main { display: block; }

/* schowaj, gdy jakiś .first jest najechany lub ma focus wewnątrz */
.menu-edycje:has(.first:hover),
.menu-edycje:has(.first:focus-within) {
  /* możesz też dodać transition na opacity, jeśli chcesz */
}
.menu-edycje:has(.first:hover) .sub-menu-main,
.menu-edycje:has(.first:focus-within) .sub-menu-main {
  display: none;
}

.menu-edycje .sub-menu-main.menu-main-hide { display: block !important; position: relative; left: 0; margin-top: 30px }

.main{ width: 100%; position: relative; padding: 100px 0; min-height: 93vh; height: 93vh; display: flex; flex-direction: column; align-items: center; z-index: 500; color: #212E45;}
.main h1{ font-size: 100px; line-height: 1.1; font-family: 'LaNord'; text-transform: uppercase; letter-spacing: -1px;}
.main span{ font-size: 52px; line-height: 1.1; font-family: 'LaNord'; text-transform: uppercase; margin-top: 20px; display: inline-block; position: relative;}
.main-fixed-back{ position: fixed; background: #e3e6f0; min-height: 100%; height: 100%; width: 100%; top: 0px; left: 0px; z-index: 10;}
.main-fixed{ position: fixed; top: 0px; background: #e3e6f0; min-height: 100%; height: 100%; width: 100%; top: 0px; left: 0px; z-index: 100; overflow: hidden;}
.main-fixed img{ width: 100%; height: 100%; object-fit: cover; object-position: center bottom;  opacity: .6;}
.main-fixed video{ position: absolute; bottom: -50%; left: 0px; width: 100%; opacity: 0;
  -webkit-transition: all 2.22s linear;
    -moz-transition: all 2.22s linear;
    -ms-transition: all 2.22s linear;
    -o-transition: all 2.22s linear;
    transition: all 2.22s linear;
/*  -webkit-transition: all 2.22s cubic-bezier(1.000, 0.020, 1.000, 1.000);
    -moz-transition: all 2.22s cubic-bezier(1.000, 0.020, 1.000, 1.000);
    -ms-transition: all 2.22s cubic-bezier(1.000, 0.020, 1.000, 1.000);
    -o-transition: all 2.22s cubic-bezier(1.000, 0.020, 1.000, 1.000);
    transition: all 2.22s cubic-bezier(1.000, 0.020, 1.000, 1.000);
  */}

.main-fixed .container{ height: 100%; position: relative; }
.main-fixed video.active{ bottom: 0px; opacity: 1; }

/****** slider 2025 *******/
.main-slider-item { position: relative; min-height: 93vh; height: 90vh;}
.main-slider-back { position: absolute; min-height: 93vh; height: 90vh; width: 100%}
.main { position: absolute; }
.main-slider-back img { width: 100%; height: 100%;  object-fit: cover; }
.main-slider-back video { width: 100%; height: 100%; object-fit: cover; }
.main-slider-nav { background: #212E45; color: #F5F2FB; text-transform: uppercase; font-size: 28px; font-family: 'LaNord'; font-weight: 300; text-align: center; padding: 0 100px; padding-top: 20px;  }
/*.main-slider-nav-item { display: inline-block; margin: 0 10px; position:relative; }
.main-slider-nav-item span{ position: relative; display: inline-block; }
.main-slider-nav-item span:after{ content: ''; display: block; position: absolute; bottom: 1px; left: 0px; right: auto; height: 1px; width:  0%; background:#EFF0F6; 
    -webkit-transition: all .32s linear;
    -moz-transition: all .32s linear;
    -ms-transition: all .32s linear;
    -o-transition: all .32s linear;
    transition: all .32s linear}
.main-slider-nav-item span:hover:after{
    animation-name: animLine_slider;
    animation-duration: 0.55s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out; 
}*/
.main-slider-nav-item { display: inline-block; margin: 0 10px; position: relative; }
.main-slider-nav-item span { position: relative; display: inline-block; cursor: pointer; }
.main-slider-nav-item span::after {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 0;
  height: 1px;
  width: 100%;
  background: #EFF0F6;
  transform: scaleX(0);
  transform-origin: right; /* ważne — zaczyna z lewej strony */
  transition: transform 0.4s ease;
}

.main-slider-nav-item span:hover::after {
  transform: scaleX(1);
  transform-origin: left; /* zostaje to samo, więc chowa się też z lewej */
}
.main-slider-nav-item.active span::after{ transform: scaleX(1); }



.main-slider-nav-start { display: inline-block; margin: 0 10px; color: #94855D; font-size: 14px;  position: relative; top: -4px; letter-spacing: 3px}
.owl-dots { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); }
.owl-theme .owl-dots .owl-dot span, .owl-theme .owl-dots .owl-dot.active span { background: #212E45; margin: 0 3px; position: relative; top: -3px }
.owl-theme .owl-dots .owl-dot.active span { width: 12px; height: 12px; position: relative; top: 0px  }
.owl-theme .owl-nav.disabled + .owl-dots { border-top: solid 1px #212E45; border-bottom: solid 1px #212E45; padding: 0 10px; }
.owl-theme .owl-nav.disabled + .owl-dots:after { width: 100%; height: 1px; background: #212E45; content: ""; position: absolute; left: 0; top: 12px;  }

.main-content{ position: relative; z-index: 500; }

.main-filmy{ width: 100%; background: #212E45; padding: 125px 0; position: relative; color: #EFF0F6;}
.main-filmy .sub-header{ color: #EFF0F6; margin-bottom: 30px; }
.main-filmy .zobacz-filmy{ margin-bottom: 30px; }

.slider-filmy-outer{ position: relative; width: 100%; }
.slider-filmy{ width: 100%; position: relative; z-index: 10; }
.film-item{ position: relative; width: 100%; display: block; }
.film-item .foto-container{ width: 100%; display: block; position: relative;}
.film-item .foto-container:after{ padding-top: 56%; display: block; content: ''; }
.film-item .foto-container .foto{ width: 100%; height: 100%; position: absolute; z-index: 300; top: 0px; left: 0px; cursor: pointer; }
.film-item .foto-container .foto img{ object-fit: cover; width: 100%; height: 100%; display: block;}
.film-item .foto-container .foto:after{ position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,.6); width: 100%; height: 100%; display: block; content: ''; z-index: 1;
    -webkit-transition: all .32s linear;
    -moz-transition: all .32s linear;
    -ms-transition: all .32s linear;
    -o-transition: all .32s linear;
    transition: all .32s linear;}
.film-item .foto-container .foto:before{ position: absolute; top: 50%; left: 50%; background: url('../img/videoplay.svg') center center; background-size: 100%; width: 200px; height: 200px; display: block; content: ''; transform: translate(-50%, -50%); z-index: 100; display: none;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -ms-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear; }
.film-item .foto-container:hover .foto:after{ opacity: .3; }
.film-item .foto-container:hover .foto:before{ transform: translate(-50%, -50%) scale(1.1); }

.film-item .nazwa{ font-size: 14px; color: #EFF0F6; margin-top: 25px; line-height: 1.4; padding-right: 155px; font-weight: 300; }
.filmyNav-container{ position: absolute; width: 140px; height: 40px; right: 0px; bottom: -10px; z-index: 100;}
.filmyNav{ height: 100%; width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.filmyNav div{ margin: 0 4px; }
.filmyNav .filmy-prev, .filmyNav .filmy-next{ width: 28px; cursor: pointer;}
.filmyNav .filmy-prev{ transform: rotate(-180deg); }
.filmyNav .filmy-prev span{ top: 6px; }
.filmy-count{ font-size: 40px; font-family: 'LaNord'; }
.filmyNav div.disabled{ opacity: .3; cursor: inherit; }
.owl-carousel .owl-video-wrapper { position: absolute; height: 100%; background: none !important; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 500;}
.owl-carousel .owl-video-play-icon{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; background: url('../img/videoplay.svg') center center no-repeat; background-size: 200px; 
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -ms-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear; }
.owl-carousel .owl-video-play-icon:hover{ transform: scale(1); background-size: 220px; }
.owl-carousel .owl-video-tn{ background: none !important; }
.film-item iframe{ height: 100% !important; position: relative; z-index: 900; }
.owl-carousel .owl-video-play-icon{ z-index: 500 !important; }


.main-oprojekcie{ width: 100%; background: #212E45; padding: 125px 0; position: relative; color: #94855D;}
.main-oprojekcie .sub-header{ color: #94855D; margin-bottom: 20px; }
.oprojekcie-flex{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; vertical-align: top; margin-bottom: 0px; }
.oprojekcie-flex1{ margin-bottom: 50px; }
.oprojekcie-flex .sub-header-big { font-size: 70px; color: #F5F2FB; }
.oprojekcie-left, .oprojekcie-right{ width: 48%; }
.oprojekcie-foto1{ width: auto; max-width: 160px; display: inline-block; }
.oprojekcie-foto1 img{ width: 100%; display: block; }
.oprojekcie-foto2{ width: auto; max-width: 325px; display: inline-block; }
.oprojekcie-foto2 img{ width: 100%; display: block; }
.oprojekcie-right .tekst { color: #F5F2FB; }

.oprojekcie-foto-resp-1, .oprojekcie-foto-resp-2{ display: none; width: 100%; position: relative; }
.oprojekcie-foto-resp-1 img, .oprojekcie-foto-resp-2 img{ width: 100%; display: block; }


.main-edycja{ width: 100%; background: #212E45; padding: 0px; position: relative; color: #F5F2FB; }
.main-edycja .sub-header{ color: #D56774; margin-bottom: 20px; }
.main-edycja-flex{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; }
.main-edycja-left{ width: 40%; padding-top: 125px; }
.main-edycja-right{ width: 56%; }
.main-edycja-left .nazwa{ font-size: 40px; font-family: 'LaNord'; margin-bottom: 20px; text-transform: uppercase; line-height: 1.2;}
.main-edycja-left .button{ text-transform: uppercase; margin-top: 25px; }
.main-edycja-left .button-arrow span{ width: 18px; top: 3px; margin-left: 5px; }
.main-edycja-left .button-line:after{ background: #F5F2FB;  }
.main-edycja-right .foto{ width: 100%; }
.main-edycja-right .foto img{ width: 100%; display: block; }
.main-edycja-bottom{ width: 100%; height: 810px; position: relative; margin-top: 125px; overflow: hidden; }
.main-edycja-bottom .container-small{ height: 100%; position: relative; }
.main-edycja-bottom .foto{ position: absolute; }
.main-edycja-bottom .foto:after{ content: ''; display: block; }
.main-edycja-bottom .foto1{ top: 0px; left: 0px; width: 30%; }
.main-edycja-bottom .foto1:after{ padding-top: 73%; }
.main-edycja-bottom .foto2{ top: 15%; right: 0%; width: 30%; }
.main-edycja-bottom .foto2:after{ padding-top: 100%; }
.main-edycja-bottom .foto3{ bottom: 0px; left: 30%; width: 30%; }
.main-edycja-bottom .foto3:after{ padding-top: 100%; }
.main-edycja-bottom .foto img{ width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top:0px; left: 0px; }

.main-edycja-bottom .baner { height: 204px; width: 3100px; color: #D56774; font-size: 234px; font-family: 'LaNord'; position: absolute; bottom: 50%; left: 0px; line-height: 1; overflow: hidden; text-transform: uppercase; }
.main-edycja-bottom .baner .txt1{ animation: marquee 40s linear infinite; }
.main-edycja-bottom .baner .txt2{ animation: marquee 40s linear 10s infinite }
.main-edycja-bottom .baner .txt3{ animation: marquee 40s linear 20s infinite }
.main-edycja-bottom .baner .txt4{ animation: marquee 40s linear 30s infinite }
.main-edycja-bottom .baner .txt{ position: absolute; width: 100%; left: 100%; height: 100%;}


/************* main pobieraie edycji 2026 ********/
.home-edycja-pano img{ width: 100%;  }
.home-edycja-pano {width: 100%; position: relative;}
.home-edycja-pano img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover}
.home-edycja-pano:after {display: block; content: ""; padding-top: 36%;}
.home-edycje { background:#D5D5CD; }
.home-edycja-flex { padding: 150px 0; display: flex; justify-content: space-between; align-items: center;}
.home-edycja-flex .home-edycja-kol { flex: 0 0 48%;   }
 .home-edycja-naglowek { color: #867851; text-transform: uppercase; letter-spacing: 18%; font-size: 12px; font-weight: 600; margin-bottom: 20px; }
.home-edycja-nazwa { font-family: 'LaNord'; font-size: 52px; letter-spacing: -5%; text-transform: uppercase; line-height: 1.2; margin-bottom: 30px;  }
.home-edycja-opis { line-height: 2; margin-bottom: 30px;  }
.home-edycja-button { display: inline-block; }
.home-edycja-flex .button-line::after { background: #212E45; }
.home-edycja-foto {width: 100%; position: relative;}
.home-edycja-foto img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover}
.home-edycja-foto:after {display: block; content: ""; padding-top: 100%;}
.home-edycja-pano-mobile { display: none;  }


/********** organizator 2026 *********/
.home-organizator { background:#D5D5CD; padding: 150px 0;  }
.home-organizator-foto { width: 60%; }
.home-organizator-foto img { width: 100% }
.home-organizator-flex { display: flex; justify-content: space-between; margin-bottom: 50px; }
.home-organizator-flex:last-of-type .home-organizator-kol { flex: 0 0 48%;  }
.pwm-logo { width: 160px; height: 100%; background: #C7C7BC; display: flex; align-items: center; justify-content: center; }
.pwm-logo img { display: block; width: 80px;  }
.home-organizator-flex:first-of-type .home-organizator-kol:last-of-type { display: flex; justify-content: flex-end;}
.home-organizator-flex .button-line::after { background: #212E45;}
.home-organizator-flex .button-line { margin-top: 50px;  }
.pwm-logo-mobile { display: none; }
/***************/


.main-autorzy{ width: 100%; background: #F4F4F4; padding: 125px 0; position: relative; color: #394360; }
.main-content .main-autorzy{ background: #EFF0F6;  }

.main-autorzy .sub-header{ color: #D56774; margin-bottom: 20px; }
.main-autorzy-flex{ width: 100%; display: flex; flex-direction: row-reverse; justify-content: space-between; }
.main-autorzy-left{ width: 31%; padding-bottom: 50px; position: relative; z-index: 100; }
.main-autorzy-right{ width: 60%; position: relative; z-index: 1;}
.main-autorzy-right:after{ content: ''; display: block; position: absolute; top: 0px; left: -2000px; background: #F4F4F4; width: 2000px; height: 100%; z-index: 500; }
.main-content .main-autorzy .main-autorzy-right:after{ background: #EFF0F6;  }
.main-autorzy-left .button{ text-transform: uppercase; margin-top: 25px; }
.main-autorzy-left .button-arrow span{ width: 18px; top: 3px; margin-left: 5px; }
.main-autorzy-left .button-line:after{ background: #394360;  }
.main-autorzy-left .aktualny-nazwa{ font-size: 40px; line-height: 1.2; text-transform: uppercase; color: #394360; margin-bottom: 30px; font-family: 'LaNord';}
.main-autorzy-left .aktualny-opis{  }
.main-autorzy-left .main-autorzy-slider-nav{ position: absolute; bottom: 0px; left: 0px;  }
.main-autorzy-left .main-autorzy-slider-nav div{ display: inline-block; margin: 0 5px 0 0; }
.autorzy-prev, .autorzy-next{ width: 28px; cursor: pointer;}
.main-autorzy-left .main-autorzy-slider-nav .button-arrow span{ width: 100%; }
.autorzy-prev{ transform: rotate(-180deg); }
.autorzy-prev span{ top: 6px; }


.main-autorzy-right .main-autorzy-slider{ width: 100%; position: relative; }
.main-autorzy-item{ width: 100%; position: relative; padding-bottom: 40px; }
.main-autorzy-right .counter{ color: #7584AE; font-size: 12px; margin-bottom: 15px; }
.main-autorzy-right .foto{ width: 100%; position: relative; overflow: hidden; }
.main-autorzy-right .foto:after{ padding-top: 133%; position: relative; content: ''; display: block; }
.main-autorzy-right .foto img{ width: 100%; height: 100%; position: absolute; object-fit: cover; top: 0px; left: 0px; }
.main-autorzy-right .opis{ display: none; }
.main-autorzy-right .content{ position: absolute; bottom: 0px; left: 0px; width: 100%; background: #F4F4F4; overflow: hidden;
    -webkit-transition: all .42s cubic-bezier(1.000, 0.020, 1.000, 1.000);
    -moz-transition: all .42s cubic-bezier(1.000, 0.020, 1.000, 1.000);
    -ms-transition: all .42s cubic-bezier(1.000, 0.020, 1.000, 1.000);
    -o-transition: all .42s cubic-bezier(1.000, 0.020, 1.000, 1.000);
    transition: all .42s cubic-bezier(1.000, 0.020, 1.000, 1.000);}
.main-content .main-autorzy .main-autorzy-right .content{ background: #EFF0F6; }
.main-autorzy-right .content .nazwa{ color: #394360; line-height: 1.2; font-size: 24px; font-family: 'LaNord'; padding-top: 19px; }
.main-autorzy-right .content .naglowek{ color: #394360; line-height: 1.2; font-size: 24px; font-family: 'LaNord'; margin-top: 5px; opacity: 0;
    -webkit-transition: all .71s linear;
    -moz-transition: all .71s linear;
    -ms-transition: all .71s linear;
    -o-transition: all .71s linear;
    transition: all .71s linear;}
.main-autorzy-right .content .klik{ font-size: 14px; font-family: 'LaNord'; position: relative; margin: 30px 0 10px; opacity: 0;
    -webkit-transition: all .71s linear;
    -moz-transition: all .71s linear;
    -ms-transition: all .71s linear;
    -o-transition: all .71s linear;
    transition: all .71s linear;}
.main-autorzy-right .content .button-line:after{ background: #394360; }
.main-autorzy-item:hover .naglowek{ position: relative;}
.main-autorzy-right .firstactiveitem .content .naglowek{ position: relative; }
.main-autorzy-right .owl-carousel .owl-stage-outer{ overflow: visible !important; }

.main-autorzy-left .aktualny-nazwa-mobile{ display: none; font-size: 36px; line-height: 1.1; text-transform: uppercase; margin-bottom: 20px;}

.main-autorzy-mobile{ display: none; }




.main-news{ width: 100%; background: #EFF0F6; padding: 125px 0; position: relative;  }
.main-content .main-news{ background:#C7C7BC; }
.main-news-flex{ display: flex; flex-direction: row; justify-content: space-between; }
.main-news-left{ width: 48%; font-size: 52px; font-family: 'LaNord'; text-transform: uppercase; margin-bottom: 35px; }
.main-news-right{ width: 48%; font-size: 40px; font-family: 'LaNord'; text-align: right; margin-bottom: 35px; padding-top: 5px; }
.main-news-right .button-arrow span{ margin-left: 5px; }
.main-news-items-flex{ display: flex; flex-direction: row; justify-content: space-between; }
.main-news-item{ width: 24%; position: relative; }
.main-news-item .counter{color: #7A7979; font-size: 12px; margin-bottom: 15px; }
.main-news-item .foto{ width: 100%; position: relative; margin-bottom: 12px; }
.main-news-item .foto img{ width: 100%; display: block; }
.main-news-item .nazwa{ font-size: 18px; font-family: 'LaNord'; margin-bottom: 8px; }
.main-news-item .data{ font-size: 12px; color: #7A7979; }

.klik-news-mobile{ font-size: 22px; text-align: right; margin-top: 10px; display: none; }
.klik-news-mobile .button-arrow span{ margin-left: 5px; width: 23px; top: 3px;}
.news-category {position: absolute; top: 4px; left: 5px; }
.news-metka { display: inline-block; background: #212E45; padding: 3px 7px; margin-right: 2px; letter-spacing: 2px; color: #fff; font-family: 'LaNord'; text-transform: uppercase; font-size: 11px }

.main-partnerzy{ width: 100%; background: #394360; padding: 125px 0; position: relative; color: #EFF0F6; }
.main-partnerzy .header{ font-size: 32px; font-family: 'LaNord'; text-align: center; padding: 0 20px; margin-bottom: 90px; text-transform: uppercase; }
.main-partnerzy .logotypy{ width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.main-partnerzy .logotypy .logo-item{ width: 18%; margin: 25px 0; text-align: center; align-self: center; }
.main-partnerzy .logotypy .logo-item img{ width: auto; max-width: 100%; height: auto; max-height: 65px; display: inline-block; }
.main-partnerzy .logotypy::after{ content: ""; flex: 0 0 18%;}



.main-publikacje{ width: 100%; background: #EFF0F6; padding: 125px 0; position: relative; color: #F4F4F4; }
.main-publikacje .sub-header{ color: #D56774; margin-bottom: 20px; }
.main-publikacje-flex{ width: 100%; display: flex; flex-direction: row-reverse; justify-content: space-between; }
.main-publikacje-left{ width: 31%; padding-bottom: 50px; position: relative; z-index: 100; color: #394360; }
.main-publikacje-right{ width: 60%; position: relative; z-index: 1;}
.main-publikacje-right:after{ content: ''; display: block; position: absolute; top: 0px; left: -2000px; background: #EFF0F6; width: 2000px; height: 100%; z-index: 500; }
.main-publikacje-left .button{ text-transform: uppercase; margin-top: 25px; }
.main-publikacje-left .button-arrow span{ width: 18px; top: 3px; margin-left: 5px; }
.main-publikacje-left .button-line:after{ background: #394360;  }
.main-publikacje-left .publikacja-nazwa{ font-size: 36px; line-height: 1.2; text-transform: uppercase; color: #394360; margin-bottom: 30px; font-family: 'LaNord';}
.main-publikacje-left .main-publikacje-slider-nav{ position: absolute; bottom: 0px; left: 0px;  }
.main-publikacje-left .main-publikacje-slider-nav div{ display: inline-block; margin: 0 5px 0 0; }
.publikacje-prev, .publikacje-next{ width: 28px; cursor: pointer;}
.main-publikacje-left .main-publikacje-slider-nav .button-arrow span{ width: 100%; }
.publikacje-prev{ transform: rotate(-180deg); }
.publikacje-prev span{ top: 6px; }
.main-publikacje-mobile{ display: none; }

.main-publikacje-right .main-publikacje-slider{ width: 100%; position: relative; }
.main-publikacje-item{ width: 100%; position: relative; overflow: hidden; padding-bottom: 50px; }
.main-publikacje-right .counter{ color: #7584AE; font-size: 12px; margin-bottom: 15px; }
.main-publikacje-right .foto{ width: 100%; position: relative; overflow: hidden; }
.main-publikacje-right .foto:after{ padding-top: 133%; position: relative; content: ''; display: block; }
.main-publikacje-right .foto img{ width: 100%; height: 100%; position: absolute; object-fit: cover; top: 0px; left: 0px; }
.main-publikacje-right .content{ position: absolute; bottom: 0px; left: 0px; width: 100%; background: #EFF0F6; padding-bottom: 0px;
    -webkit-transition: all .42s cubic-bezier(1.000, 0.020, 1.000, 1.000);
    -moz-transition: all .42s cubic-bezier(1.000, 0.020, 1.000, 1.000);
    -ms-transition: all .42s cubic-bezier(1.000, 0.020, 1.000, 1.000);
    -o-transition: all .42s cubic-bezier(1.000, 0.020, 1.000, 1.000);
    transition: all .42s cubic-bezier(1.000, 0.020, 1.000, 1.000);}
.main-publikacje-right .content-inner{ position: relative; background: #EFF0F6; width: 100%; height: 100%; top: 0px;
    -webkit-transition: all .42s cubic-bezier(1.000, 0.020, 1.000, 1.000);
    -moz-transition: all .42s cubic-bezier(1.000, 0.020, 1.000, 1.000);
    -ms-transition: all .42s cubic-bezier(1.000, 0.020, 1.000, 1.000);
    -o-transition: all .42s cubic-bezier(1.000, 0.020, 1.000, 1.000);
    transition: all .42s cubic-bezier(1.000, 0.020, 1.000, 1.000);}
.main-publikacje-right .content .nazwa{ color: #394360; line-height: 1.2; font-size: 20px; font-family: 'LaNord'; padding-top: 19px; padding-bottom: 15px; }
.main-publikacje-right .klik-container{ position: absolute; bottom: -30px; left: 0px; height: 30px;  width: 100%;
    -webkit-transition: all .42s cubic-bezier(1.000, 0.020, 1.000, 1.000);
    -moz-transition: all .42s cubic-bezier(1.000, 0.020, 1.000, 1.000);
    -ms-transition: all .42s cubic-bezier(1.000, 0.020, 1.000, 1.000);
    -o-transition: all .42s cubic-bezier(1.000, 0.020, 1.000, 1.000);
    transition: all .42s cubic-bezier(1.000, 0.020, 1.000, 1.000);}
.main-publikacje-right .klik{ font-size: 14px; font-family: 'LaNord'; position: relative; opacity: 1; color: #394360;
    -webkit-transition: all .71s linear;
    -moz-transition: all .71s linear;
    -ms-transition: all .71s linear;
    -o-transition: all .71s linear;
    transition: all .71s linear;}
.main-publikacje-right .button-line:after{ background: #394360; }
.main-publikacje-right .owl-carousel .owl-stage-outer{ overflow: visible !important; }
.main-publikacje-right .main-publikacje-item:hover .content-inner{ top: -30px; padding-bottom: 30px; }
.main-publikacje-item:hover .klik-container{ bottom: 30px; }



.newsletter{ background: #8C2732; width: 100%; position: relative; height: 600px; z-index: 100; color: #FCFCFC; }
.newsletter .container{ height: 100%; }
.newsletter .newsletter-flex{ width: 100%; height: 100%; display: flex; align-items: center; text-align: center; position: relative; z-index: 100; }
.newsletter .header{ display: block; width: 100%; text-align: center; font-size: 48px; line-height: 1.15; text-transform: uppercase; width: 600px; margin: auto; margin-bottom: 10px; font-family: 'LaNord';}
.newsletter-klik{ font-size: 14px; font-family: 'LaNord'; text-transform: uppercase; }
.newsletter-klik.button-arrow span{ width: 18px; top: 3px; margin-left: 5px; }
.newsletter-klik.button-line:after{ background: #FCFCFC;  }
.newsletter-inner{ width: 100%; position: relative; }
.newsletter .foto{ position: absolute; max-width: 300px; z-index: 1; opacity: .5; }
.newsletter .foto img{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; left: 0px; }
.newsletter .foto:after{ content: ''; display: block; }
.newsletter .foto.foto1:after{ padding-top: 100%; }
.newsletter .foto.foto2:after{ padding-top: 100%; }
.newsletter .foto.foto3:after{ padding-top: 134%; }
.newsletter .foto.foto4:after{ padding-top: 134%; }
.newsletter .foto.foto5:after{ padding-top: 100%; }
.newsletter .foto.foto6:after{ padding-top: 74%; }
.newsletter .foto.foto1{ width: 135px; left: 17%; top: 7%; }
.newsletter .foto.foto2{ width: 135px; left: 55%; top: 7%; }
.newsletter .foto.foto3{ width: 230px; right: 0%; top: 0%; }
.newsletter .foto.foto4{ width: 230px; left: 0%; bottom: 0%; }
.newsletter .foto.foto5{ width: 135px; left: 31%; bottom: 6%; }
.newsletter .foto.foto6{ width: 230px; right: 15%; bottom: 6%; }




/********************** single ************************/
.single-autorzy .single-top{ background: #394360; color: #fff; padding: 100px 0;}
.single-flex {display: flex; justify-content: space-around;}
.single-flex .single-kolumna { width: 48%;  }
.single-tekst{ margin-top: 0px }
.single-tekst p { margin-bottom: 20px;  }
.single-kolumna .sub-header-big{ margin-bottom: 40px; }

.pre-header span { display: inline-block }
.pre-header span:after { content: "|"; display: inline-block; margin: 0 5px; }
.pre-header span:last-of-type:after { display: none; }

.single-linki{ font-size: 36px; font-family: 'LaNord'; margin-bottom: 35px; color: #394360; margin-bottom: 50px; font-weight: 400; }
.single-linki .button{ margin-bottom: 20px; }
.single-linki .button span{ margin-left: 5px; }

.single-tresc{ padding: 120px 0; width: 100%; position: relative; }

.single-tekst img{ width: auto; max-width: 65%; display: block; }
.single-tekst h4{ font-size: 24px; font-family: 'LaNord'; margin-bottom: 30px; }

.galeria-click-container{ width: 80%; cursor: pointer; }
.galeria-click-container .foto{ width: 100%; display: block; position: relative; margin-bottom: 5px; }
.galeria-click-container .foto:after{ content: ''; display: block; padding-top: 70%; }
.galeria-click-container .foto img{ width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; top: 0px; left: 0px; }
.galeria-click-container .desc{ display: flex; flex-direction: row; justify-content: space-between; font-family: 'LaNord'; }
.galeria-click-container .button{ font-size: 34px; }
.galeria-click-container .button span{ margin-left: 5px; top: 3px; }
.galeria-click-container .ile{ text-align: right; font-size: 32px; }
.galeria-click-container .ile img{ width: 27px; position: relative; top: 2px; }

.galeria-zaslona{ width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 1005; background: #22293B; color: #EFF0F6; display: none; overflow-y: scroll;}
.galeria-flex{ display: flex; flex-direction: row; margin-top: 40px; justify-content: space-between; }
.galeria-flex .galeria-zamknij{ text-align: right; align-self: center; }
.galeria-flex .button-arrow{ font-size: 36px; font-family: 'LaNord'; cursor: pointer;}
.galeria-flex .button-arrow span{ margin-left: 5px; top: 3px; }
.galeria-flex .galeria-header{ font-size: 52px; text-transform: uppercase; font-family: 'LaNord'; }
.galeria-container{ width: 780px; margin: auto; margin-top: 30px; }
.slider-galeria-outer{ position: relative; width: 100%; }
.slider-galeria{ width: 100%; position: relative; z-index: 10; }
.galeria-item{ position: relative; width: 100%; display: block; }
.galeria-item .foto-container{ width: 100%; display: block; position: relative;}
.galeria-item .foto-container:after{ padding-top: 66.8%; display: block; content: ''; }
.galeria-item .foto-container .foto{ width: 100%; height: 100%; position: absolute; z-index: 300; top: 0px; left: 0px; cursor: pointer; background: #131927; }
.galeria-item .foto-container .foto img{ object-fit: contain; width: 100%; height: 100%; display: block;}

.slider-galeria2{ margin-top: 15px; margin-bottom: 50px; }
.slider-galeria2 .nazwa{ font-size: 14px; color: #EFF0F6; margin-top: 0px; line-height: 1.4; padding-right: 190px; font-weight: 300; }
.galeriaNav-container{ position: absolute; width: auto; height: 40px; right: 0px; bottom: -50px; z-index: 100;}
.galeriaNav-container-mobile{ display: none; }
.galeriaNav{ height: 100%; width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.galeriaNav div{ margin: 0 4px; }
.galeriaNav .galeria-prev, .galeriaNav .galeria-next{ width: 28px; cursor: pointer;}
.galeriaNav .galeria-prev{ transform: rotate(-180deg); }
.galeriaNav .galeria-prev span{ top: 6px; }
.galeria-count{ font-size: 40px; font-family: 'LaNord'; }
.galeriaNav div.disabled{ opacity: .3; cursor: inherit; }




.top-sub{ width: 100%; position: relative; }
.top-kompozytor{ background: #DFE3EF; }
.top-autorzy{ background: #394360; color: #EFF0F6; }
.top-post{ background: #212E45; color: #EFF0F6;} 
.top-sub .container{ height: 100%; display: flex; flex-direction: row; justify-content: space-between; }
.top-sub-left{ width: 50%; padding: 100px 75px 30px 0; }
.top-sub-left-news-list{ width: 100%; height: 400px;  position: relative; }
.top-sub-news-back { width: 100%; height: 90%; background: url('../img/news-back2.svg') no-repeat top right; opacity: 0.2; position: absolute; bottom: 0; right: 0; background-size: contain; mix-blend-mode: overlay;  } 
.top-sub-right{ width: 50%; }
.top-sub-right .foto{ width: 110%; display: block; position: relative; }
.top-sub-right .foto:after{ display: block; content: ''; padding-top: 108%; }
.top-post .top-sub-right .foto:after{  padding-top: 70%; }
.top-post-lista .top-sub-right .foto:after{  padding-top: 50%; }
.top-sub-right .foto img{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; left: 0px; }
.top-post-lista .top-sub-right .foto{ width: 115%; margin-left: -10%; display: block; position: relative; }
.top-post-lista .top-sub-right .foto img{ width: 100%; height: 87%; object-fit: contain; position: absolute; top: 7%; left: 0px; }


.pre-header{ font-size: 12px; letter-spacing: 2px; margin-bottom: 30px; text-transform: uppercase; }
.top-sub-header{ font-size: 71px; line-height: 1.1; font-family: 'LaNord'; text-transform: uppercase; margin-bottom: 25px;}
.top-kompozytor{ color: #394360; }
.top-kompozytor .pre-header{ color: #D56774; }
.top-post .top-sub-header{ font-size: 50px; }
.o-kompozytorze-info{ font-size: 16px; margin-bottom: 10px; padding-left: 25px; position: relative; }
.o-kompozytorze-info:after{ content: ''; display: block; position: absolute; left: 0px; top: 2px; font-size: 13px; }
.o-kompozytorze-info1:after{ content: '*'; top: 4px; }
.o-kompozytorze-info2:after{ content: '†'; }
.o-autorze-info{ font-size: 14px; margin-bottom: 10px; text-transform: uppercase; position: relative; font-family: 'LaNord'; letter-spacing: 1px; }
.post-data{ font-size: 14px; margin-bottom: 10px; text-transform: uppercase; position: relative;  }
.o-kompozytorze-info2 { margin-bottom: 50px }


.kompozycje{ width: 100%; background: #DFE3EF; padding: 125px 0; position: relative; color: #394360; }
.kompozycje-list{ height: 400px; overflow: hidden; position: relative; }
.kompozycje-list:after{ width: 100%; height: 160px; content: ''; display: block; position: absolute; left: 0px; bottom: 0px; 
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dfe3ef+0,dfe3ef+100&0+0,1+100 */
  background: -moz-linear-gradient(top,  rgba(223,227,239,0) 0%, rgba(223,227,239,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(223,227,239,0) 0%,rgba(223,227,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(223,227,239,0) 0%,rgba(223,227,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dfe3ef', endColorstr='#dfe3ef',GradientType=0 ); /* IE6-9 */
}
.kompozycje-list.active:after{ display: none; }
.kompozycje-list h4{ font-family: 'LaNord'; font-size: 26px; }
.kompozycje ul{ margin: 0px; padding: 0px; list-style: none; margin-top: 50px; }
.kompozycje ul li{ font-size: 20px; line-height: 1.2; padding: 5px 10px 8px 3px; border-bottom: 1px solid #394360; margin-bottom: 20px; font-family: 'LaNord'; }
.kompozycje .button-container{ text-align: center; font-size: 36px; font-family: 'LaNord'; margin-top: 40px; }
.kompozycje .button-container .button{ cursor: pointer; }
.kompozycje .button-container .span-outer{ position: relative; transform: rotate(90deg); left: 10px; display: inline-block; }


.share-box{ margin: 35px 0 20px; }
.share-box a{ margin-right: 10px; }
.share-box img{ height: 25px; }





.footer{ background: #212E45; position: relative; width: 100%; z-index: 100; padding: 100px 0 80px; color: #EFF0F6;}
.footer-flex{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.footer-col{ width: 17%; margin-bottom: 30px; padding-right: 15px;}
.footer-col-1{ width: 26%; padding-right: 40px; }
.footer-col .logo{ width: 230px; margin-bottom: 55px; }
.footer-col .logo img{ width: 100%; display: block; }
.footer-col .tekst{ font-weight: 300; }
.footer-col .header{ font-size: 20px; margin-top: 30px; margin-bottom: 52px; }
.footer-col .logotypy{ width: 100%; }
.footer-col .logotypy .logo-item{ display: inline-block; margin-right: 15px; margin-bottom: 15px;}
.footer-col .logotypy .logo-item img{ width: auto; max-width: 100%; max-height: 45px; }
.footer-col .link{ font-size: 14px; margin-bottom: 17px; }
.footer .copy{ font-size: 14px; margin: 20px 0; }
.footer-icon {  margin-right: 5px; display: inline-block;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;  }
 .footer-icon img { width: 24px; height: 24px; }
.footer-icon:last-of-type { margin-right: 0 }
.footer-icon:hover { transform: scale(1.1); }


/************ aktualności *******************/

.post-przypiety{ width: 100%; position: relative; background: #C7C7BC; }
.post-przypiety-flex{ display: flex; flex-direction: row; justify-content: space-between;  }
.post-przypiety-left{ width: 48%;  padding: 40px 20px 40px 0; align-self: center; color: #394360; }
.post-przypiety-right{ position: relative; width: 45%; align-self: center; }
.post-przypiety-right .foto{ width: 110%; position: relative; }
.post-przypiety-right .foto:after{ content: ''; display: block; padding-top: 100%; background: #ddd; }
.post-przypiety-right img{ width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; top: 0px; left: 0px; }

.post-przypiety-left .data{ color: #7A7979; font-size: 12px; margin-bottom: 10px;}
.post-przypiety-left .nazwa{ font-size: 32px; font-family: 'LaNord'; line-height: 1.3;  margin-bottom: 20px; }
.post-przypiety-left .tekst{ width: 90%; }
.single-posty-all { background: #D5D5CD; padding-top: 120px; }

.news-all { display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row;  }
.news-all .news-item{ width: 30% ; margin-bottom: 50px; overflow: hidden; }
.news-all:after{
  content: "";
  flex: 0 0 30%;
}
.news-all .news-item .counter{ font-size: 12px; color: #6B6B68; letter-spacing: 1px;  margin-bottom: 10px;}
.news-all .news-item .foto{ width: 100%; position: relative; }
.news-all .news-item .foto img{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; left: 0px; }
.news-all .news-item .foto:after{ content: ''; padding-top: 100%; display: block; }
.news-all .news-item .content-container{ padding: 10px 10px 10px 0; background: #D5D5CD; position: relative; top: 0px;    
    -webkit-transition: all .32s linear;
    -moz-transition: all .32s linear;
    -ms-transition: all .32s linear;
    -o-transition: all .32s linear;
    transition: all .32s linear;}
.news-all .news-item .nazwa{ font-size: 18px; font-family: 'LaNord'; line-height: 1.1; margin-bottom: 10px; }
.news-all .news-item .data{ font-size: 12px; color: #6B6B68; letter-spacing: 1px; }
.news-all .news-item .button{ width: 100px; position: absolute; left: 0px; bottom: -30px; height: 30px; font-size: 14px; font-family: 'LaNord'; 
    -webkit-transition: all .32s linear;
    -moz-transition: all .32s linear;
    -ms-transition: all .32s linear;
    -o-transition: all .32s linear;
    transition: all .32s linear;
}
.news-all .news-item .button .button-line:after{ background: #394360; }
.news-all .news-item:hover .content-container{ top: -30px; }
.news-all .news-item:hover .button{ bottom: 0px; }





@keyframes animArrow {
    0%{ opacity: 1;
        transform: translateX(0px);
     }

    50%{ opacity: 0; 
          transform: translateX(10px);
          opacity: 0;
        }
    51%{ opacity: 0; 
          transform: translateX(-10px);
        }
    100%{ opacity: 1; 
          transform: translateX(0px);
        }
}


@keyframes animLine {
    0%{ left: auto; width: 100%; right: 0px; }
    50%{ left: auto; width: 0%; right: 0px; }
    51%{ left: 0px; width: 0%; right: auto; }
    100%{ left: 0px; width: 100%; right: auto; }
}

@keyframes animLine_n {
    0%{ left: 0; width: 0%; right: auto; }
    100%{ left: 0; width: 100%; right: auto; }
}

@keyframes animLine_slider {
    0%{ left: 0; width: 0%; right: auto; }
    100%{ left: 0; width: 100%; right: auto; }
}

@keyframes marquee {
  0% { left: 100%; }
  50% { left: -100%; }
  100% {left: -100%}
}