html {
  --ace-kolor : #BECEC2;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@1,700&display=swap');

/** nie wiem czy nie wszędzie tak */
.ace .article img.logo {xwidth: 8em; width: auto; height: 3em;  }

.przycisk.roboto-conds  { background-color: var(--ace-kolor); font-size: 0.95em; color: #000; height: 3.5em; letter-spacing:0.05em; padding: 1em 3em}

.roboto-conds { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-style: italic; }
h1.roboto-conds  {color:var(--ace-kolor); font-size: 2.38em;  text-transform: lowercase;}
.roboto-conds p, .roboto-conds span {font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-style: italic;  }

h1, h2, h3,  h5, h6, .f1, .f2,  .f5, .f6  {
   font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-style: italic;
}
.f3, h3 { font-size: 1.24em;} 
.f2, h2 { font-size: 1.48em;}
.f1, h1 { font-size: 2.38em; line-height: 1.3; }

/**
.f6 {font-size: 0.8em }
.f7 {font-size: 0.8em; }
.f4, h4 { font-size: 0.9em; }
.f35, h35 { font-size: 1.1em; }
*/

h5 { font-size: 1.48em; line-height: 1.5;  padding: 1em 0px; margin: 0}
h6 { font-size: 1.9em; line-height: 1.5;  padding: 1em 0px;  margin: 0}

.sekcjai.lectures { background-image: url(../nn/ace/../img/ace/lecture_icon.svg); background-size: cover; background-color:  transparent;}
.roboto-head, .roboto-label {font-weight: 400 }

.waznelinki .yt, .waznelinki .in, .waznelinki .tw { display: none !important}
section.kontakt {display: none}

.sales-related  {display: none !important;}
.myfilms-related {display: none !important;}

h5:not(.rowno) a.strzalka, h6:not(.rowno) a.strzalka, h5:not(.rowno) a.pobierz, h6:not(.rowno) a.pobierz, h5:not(.rowno) a.seans, h6:not(.rowno) a.seans {
  /* font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-style: italic;*/
 
}


.ace #logo {
  background-image: url(../nn/ace/../img/ace/logo_ace.svg);background-size: auto 6em; height: 7em; width:25em;
}
.ace  header .logom { background-image: url(../nn/ace/../img/ace/ace_pasek.svg); background-size: auto 1.6em}

@media (max-width: 800px) {
 .xace #logo {background-image: url(../nn/ace/../img/ace/wdomu_nagl_mob.svg);background-size: auto 5em; height: 6em; width:13em; }
  #naglowek .back {display: none}
}


.xwaznelinki.gr {float: right; margin-right: 0px;}
.xwaznelinki .wwdomu {display: none}
nav.mobile .nav-wwdomu + .waznelinki { margin-top: 2em}


.main-ev {position:relative;  }
.main-ev-box {position: relative } 
.current-ev-box.main-ev-box .il {background-image: url(../nn/ace/../img/ace/glowna_gr.svg);  background-color: var(--ace-kolor);  background-size: auto 90%;}
.main-ev-box .il {position: absolute; top: 0;  bottom: 0; height: auto; width: 100%; 
     background-position: center center;  background-repeat: no-repeat;  
    z-index: 1; }

.main-ev-box:after {
    padding-top: 40%;
    display: block;
    content: '';
}
.current-ev-box.main-ev-box:after {    padding-top: 40%; }

@media (main-width: 2000px) {
 .current-ev-box.main-ev-box:after {   padding-top: 35%;  }
} 
 
   



.przycisk-link:not(.black)  .strz {background-image: url(../nn/ace/../img/wdomu/strzalkamt.svg);} 
.przycisk-link:not(.black), .przycisk-link:not(.black):hover {   border-color: var(--ace-kolor)}
.przycisk-link:not(.black) .lab {color: var(--ace-kolor);}


.main-ev-box.current-ev-box .przycisk-link {  position: absolute; top: 3rem; left: 4%;  z-index: 3 }

  


.simp-list, .about {margin-top: 4em; margin-bottom: 7em}
.simp-list h4 {color: #fff; padding-bottom: 0.6em;} 
.simp-list .simp-list-pos * { color:var(--ace-kolor) }
.simp-list-cont {max-width: 1200px; margin-left: auto; margin-right: auto;}
.simp-list .simp-list-pos {margin-bottom: 0.3em;  background-color: #191919; padding: 1.5em 9%; display: flex; justify-content: flex-start; align-items: baseline}

.simp-list .simp-list-pos .d { width:2em; padding-right: 2.4em; min-width: 2em; xmargin-right: 2em; line-height: 1.2em; transform: translateY(0.2em); }
.simp-list .simp-list-pos .lab .strz-fala {margin-left: 0.9em;}

.strz-fala { background-image: url(../nn/ace/../img/ace/strz_fala.svg); display: inline-block; width: 3em; height:  1em; background-size: auto 0.6em; background-position: left bottom; }


.about {position: relative;}
.about > h4 {margin-top: 0px; padding-top: 0.5em; position: absolute; left:8%; top: 0px; }
.about-text-cont {max-width: 30em; margin-left: auto; margin-right:auto; margin-top: 0px; color: var(--ace-kolor) }
.about-text-cont .about-lead p:first-child {margin-top: 0px; padding-top:0px;}
.about-text-cont .about-text {margin-top: 1.5em}
.about-text-cont .about-text p {line-height: 1.7em; letter-spacing: 0.01em}

.about h4 { color: #fff }


.about-more {margin-top: 2em}
.about-more .przycisk-link {display: inline-flex;}

.main-schedule {margin-top: 6em; margin-bottom: 6em}
.main-schedule > h1 { text-align: center;}
.li-schedule .w-schedule .t {width:40% }
.li-schedule .w-schedule .d {padding-left: 20%; width: 15%}

.lectures > h1 {text-align: center; margin-bottom: 1.5em; margin-top:10%}
.lectures .about-more {margin-top: 1em; text-align: center;}

.webinars-list .about-more {margin-top: 1em; text-align: center;}

.sec-info {text-align: center; color: var(--ace-kolor); padding: 0px 0px 6em 0px}

.lectures .boxfilmu .gwiazdkai {display: none}
.content.programstr.lectures .kafle .boxfilmu .il:after {background: none}

.programstr .kafle .boxfilmu .infob .dol { display: none}
.kafle .boxfilmu .infob .rez {letter-spacing: 0.07em}
.lectures .boxfilmu, .boxfilmu.black-bg {background-color: #000;}
.lectures .kafle .boxfilmu .infob, .kafle .boxfilmu.black-bg .infob {background-color: #000; height: auto;xposition: absolute; bottom: 0px; padding:1.5em 0px 1.5em 0px; width: 100%;}
.lectures .boxfilmu .infob *, .boxfilmu.black-bg .infob *, .lectures .kafle .boxfilmu .infob .ty A {color: #fff}

.boxfilmu .lect-data {position: absolute; top: 1em; left: 1em; z-index: 2; color: #fff; display: block } 

.lectures .kafle .boxfilmu:nth-child(even) .il { background-image: url(../nn/ace/../img/ace/wyklad_gray.png) }
.lectures .kafle .boxfilmu:nth-child(odd) .il { background-image: url(../nn/ace/../img/ace/wyklad_red.png) }
.lectures .boxfilmu.released .lect-data {display: none}

.wkrotce {margin-top: 8em}
.wkrotce h1.zico { margin-bottom: 1.5em; text-align:  center; justify-content: center; display: flex;}

.main-ev-box.webinars .il {background-color: #FF2737; 
  background-image: url(../nn/ace/../img/ace/webinars_il.svg); background-size: auto 60%; }
.main-ev-box:after { padding-top: 49% }  

.webinars-list > h1 {text-align: center; margin-bottom: 1.5em}
.webinars-list { margin-top: 6em }
.main-ev-box.webinars {margin-top: 2em}

.main-ev-box.jury .il {background-color: #BECEC2; 
  background-image: url(../nn/ace/../img/ace/jury_il.svg); background-size: auto 65%; }
 
 
.article .tekst > ul.video-list  li::before {display: none}
.article .tekst > ul.video-list li {padding: 1.3em 0.5em 1.3em 3em; box-sizing: border-box; margin-top: 0px; margin-bottom:0px }
ul.video-list a {text-decoration: none;}
ul.video-list a:hover {text-decoration: none; color: #000}
ul.video-list a {display: block; padding: 0px; }
ul.video-list li {display: block; border-bottom: 1px solid #000;  font-size: 0.85em }


ul.video-list a.video-list-link::before {
    content: '';      
    background-image: url(../nn/ace/../img/video-list.svg);
    background-size: 1.4em auto;
    background-position: left center;
    height: 1.6em; width: 2.5em;
    position: absolute;
    left: 0px;    
    top: 50%;
    transform: translateY(-50%);
    transition: background-size 0.2s;
}
ul.video-list a.video-list-link:hover::before {
 background-size: 1.55em auto;
} 
  

.main-ev-box .gorne {display: block; position: absolute; z-index: 2; top: 3em; width: 90%; left: 4%}
.main-ev-box .dolne {display: flex; position: absolute; z-index: 2; bottom: 3em; width:90%; left: 4%; align-items: center; justify-content: space-between;}
.main-ev-box .dolne .f2 {max-width: 9em; }
.main-ev-box .gorne h1.roboto-conds  {text-transform: none; color: #000; margin-top: 0px; margin-bottom: 0.5em; max-width: 24em; }
.main-ev-box .gorne .f3 {font-size: 1.24em; display: block; max-width: 18em}

.main-ev-box.jury  {margin-top: 2em}


.opis .gwiazdkai {display: none}


.partnerzy h4 {color: #fff; text-align: center}

.partnerzy .part img {height: 3.41em; width: auto}
.partnerzy .part .cam img { height: 3.31em}
.partnerzy .part .hels img { height: 3.07em}
.partnerzy .part .ud img { height: 3.39em}
.partnerzy .finans img {height:  2.64em; width: auto}
.partnerzy .lid img {height: 3.79em; width: auto}

.partnerzy .lid, .partnerzy .finans,  .partnerzy .part {display: flex; justify-content: center; margin-top: 3em}
.partnerzy {margin-top: 7em; margin-bottom:6em}
.partnerzy .finans {margin-top: 4em; }
.partnerzy .lid {margin-bottom: 5em}
.partnerzy .part {justify-content: space-around; max-width:35em; margin-left: auto; margin-right: auto; padding-left: 5%; padding-right: 5%}

@media (max-width: 700px) {
  .partnerzy .part img, .partnerzy .lid img {font-size: 90%}
  .xpartnerzy {margin-top:5em; margin-bottom:5em}
}



.il-over {
  background-image: url(../nn/ace/../img/ace/overil.svg);
  background-size: 100% auto;
  position: absolute; width: 88%; 
  height: 80%;
  z-index: 3;
  top: 10%; left: 6%;
  
}
.glownybutton { z-index: 4}
.glownybutton .ico {font-size: 0.6em}

.article .naglf.j { padding-top: 2em}
.article .naglf.n { max-width: 20em}

.filmopis .grupa-fb, .filmopis .quizy, .filmopis  .bibliografia, .filmopis .filmbio {margin-top: 4em}  

.opis.not-released .fotos-one {position: relative; background-color: #333 }
.opis.not-released .fotos-one:after {content: ""; padding-top: 56%; position: relative; display: block; }
.opis.not-released .fotos-one.blank { background-image: url(../nn/ace/../img/ace/il_blank.svg); background-size: auto 40%; background-position: center center  }

.opis.not-released .vimplayer, .opis.not-released  .il-over, .opis.not-released  .glownybutton , .opis.not-released  .przyciemn { display: none}
.filmopis .data-premiery {border-bottom: 1pt solid #000; padding-bottom: 0.7em; padding-top: 1.5em}

.opis.not-released .heder .j, .opis.not-released .heder .n, .opis.not-released .grupa-fb { display: none} 

.filmopis  .bibliografia p {font-size: 70%}
.filmopis  .bibliografia > .f3 {margin-bottom: 1.5em; margin-top: 4em; }


.filmopis .quiz-cont { background-color: #fff; margin-top: 3em; padding: 3em 4em; width: 100%; box-sizing: border-box;} 
.filmopis .quiz-cont .sel-przyc {display: flex; padding-top: 1.5em; align-items: stretch; }
.filmopis .quiz-cont .nice-select, .filmopis .quiz-cont .nice-select .list  {width: 9em; background-color: #fff}
.filmopis .quiz-cont .przycisk {margin-left: 1em; white-space: nowrap;}

.filmopis .wstep p {font-size: 115%}
.filmopis .quiz-cont .nice-select span, .filmopis .quiz-cont .nice-select li {font-size: 0.8em}

@media (max-width: 630px) { 
  .filmopis .quiz-cont {padding: 2.5em 3em; width: auto; }
}
@media (max-width: 600px) {
   .filmopis {display: block }
 
}
@media (max-width: 540px) { 
  .filmopis .quiz-cont .sel-przyc {flex-direction: column;}
  .filmopis .quiz-cont .przycisk {margin-left: 0px; margin-top: 0.5em}
  .xquiz-lang.nice-select.nicer {line-height: 3em}
  .filmopis .quiz-cont .nice-select, .filmopis .quiz-cont .nice-select .list, .filmopis .quiz-cont .przycisk {width: auto; max-width: 12rem}

}
.article .heder .tytul h1 {max-width: 15em}

.overilustracja {z-index: 1}
.overilustracja .ilustracja {z-index: 1}
.overilustracja .pod-ilustr { position: absolute;  z-index: 0; height: 16%;  bottom: 0;  left: 0; background-color: var(--tlo-art);   width: 100% }
.ilustracja .vimplayer {z-index: 1}
.ilustracja .fotos-one {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2;
background-size: cover}
.ilustracja .przyciemn {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; background-color: rgba(0,0,0,0.35);}

.ilustracja.fotosy .logo-partn { top: 9%; left: 5%; background-position: top  left; font-size: 140%; z-index: 3}

.article.opis .txt {padding-bottom: 5em}

.filmopis .quiz-cont .nice-select .current { } 

/** fonty w ace na komórce */
@media screen and (max-width:900px){
  
 .f7 {font-size : 13px;}
}

@media (max-width: 1000px) {
  .about > h4 {position: static; display: none}
   
}
@media (max-width: 700px) {
.li-schedule .w-schedule .d {padding-left: 5% }
}

@media (max-width: 1200px) {
  .main-ev-box {height: 650px; }
  .main-ev-box.main-ev-box.current-ev-box {height: 500px; }
  .main-ev-box:after {display: none}
  .main-ev-box.webinars .il ,  .main-ev-box.jury .il {background-size: auto 45%;}
  .main-ev-box.webinars .il ,  .main-ev-box.jury .il {background-position-y: 60%;}   
}
 @media (max-width: 800px) {
 .current-ev-box.main-ev-box:after {    padding-top: 100%;  }
 .current-ev-box.main-ev-box .il { background-size: auto 60%; }
 .main-ev-box.current-ev-box .przycisk-link {top:unset; bottom: 3rem; xdisplay: block; width: 84%; box-sizing: border-box;}
 .main-ev-box .il {background-position-y: 40%;}
}
@media (max-width: 700px) {
  
   .main-ev-box .dolne {display: block}
   .main-ev-box .dolne .przycisk-link {margin-top: 2em}
    .main-ev-box {height: 750px; }
   .main-ev-box.webinars .il  {background-size: 125% auto; background-position-y: 55%;}
   .main-ev-box.jury .il {background-size: 125% auto; background-position-y: 55%;}
   
   
  }
@media (max-width: 600px) {
  .li-schedule .w-schedule .d {padding-left: 0px}
  .xxxmain-ev-box:after { padding-top: 200% }  
     
 } 
@media (max-width: 500px) { 
    .main-ev-box {height: 700px; }
  .main-ev-box.jury .il  {background-position-y: 55%; background-size: auto 30%;}
  .main-ev-box.webinars .il {xbackground-position-y: 55%; xbackground-size: 100% auto; }
 }
 

@media (max-width: 500px) {
   .current-ev-box.main-ev-box .il { background-size: auto 250px; }
    .main-ev-box.main-ev-box.current-ev-box {height: 450px; }
}