/*
Quick.Cms default stylesheet
More about design modifications - http://opensolution.org/docs/?p=pl-design
*/



/* GLOBAL STYLES */
body, body *, body *:before, body *:after{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}




.centered {width:max-content; margin:auto; display:block;}

.color-primary {color:var(--color-primary);}

a {color:var(--color-dark);text-decoration:underline; -webkit-transition:all 0.8s;    -moz-transition:all 0.8s;    -o-transition:all 0.8s;}
a:hover{color:#000;text-decoration:underline;}


button i {margin-right:0.5rem;}
.button {padding:0.3rem 1.5rem; border-radius:0.2rem; background: none; border:1px solid var(--color-border);
        -webkit-transition: 0.8s;    -moz-transition: 0.8s;    -o-transition: 0.8s;
        text-decoration:none;
        font-size:0.8rem;}
.button:hover {background-color: var(--color-border); text-decoration:none;}

.button.prim {background-color: var(--color-primary); color:var(--color-rev-text);}
.button.prim:hover {background-color: var(--color-light-primary); color:var(--color-text);}




input {border:1px solid;}

.msg.error h1{padding:20px 0;text-align:center;}
.wai{position:absolute;width:1px;height:1px;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;}

/* QUICK LINKS */
#skiplinks{position:absolute;top:0;left:0;}
#skiplinks a{position:absolute;top:-500px;left:0;z-index:10;min-width:200px;padding:10px;color:var(--color-opo-primary);}
#skiplinks a:focus{top:0;background:#000;color:var(--color-opo-primary);}

/* LOGO, HEADER BACKGROUND AND SLOGAN */

header .container-fluid {
    margin: 0;
    padding: 0;
}


/* MENU TOP */



#dystans {background: none;}



/* HEADER WITH SLIDER */
#slider_home {border-bottom: 1px solid var(--color-primary);}
#slider_home .caption-outer {position:absolute; top:0;    height: 100%;    width: 100%; display:flex;   justify-content: center;    flex-direction: column; padding: 1rem 0rem;}
#slider_home .caption {padding: 0rem 4rem;}

#slider_home .caption {color:var(--color-rev-text);}
#slider_home .caption.alignLeft h1, #slider_home .caption.alignLeft h2, #slider_home .caption.alignLeft > div,  #slider_home .caption.alignLeft a { text-align:left; } 
#slider_home .caption.alignCenter h1, #slider_home .caption.alignCenter h2, #slider_home .caption.alignCenter > div, #slider_home .caption.alignCenter a { text-align:center; } 
#slider_home .caption.alignRight h1, #slider_home .caption.alignRight h2, #slider_home .caption.alignRight > div { text-align:right; } 

#slider_home .caption.alignLeft a {float:left;}
#slider_home .caption.alignCenter a {display:block; margin: 1rem auto 0; width:max-content;}
#slider_home .caption.alignRight a {float:right;}

#slider_home h1{text-shadow: 4px 4px 3px rgba(0,0,0,0.6),
             8px 8px 13px rgba(0,0,0,0.6),
             18px 18px 23px rgba(0,0,0,0.6);}
             
#slider_home h2 {text-shadow: 4px 4px 3px rgba(0,0,0,0.6),
             8px 8px 13px rgba(0,0,0,0.6);}
#slider_home .caption > div {width:100%; margin-top:1rem;}
#slider_home .caption > div p {display:inline; width:max-content; background-color:var(--color-transparency-dark);  border-radius:0rem; padding:0.3rem 1rem; margin-top:1rem; font-size:0.9rem;}            

#slider_home a.prim {margin-top:1rem; z-index: 99999;}            

.owl-nav {position:absolute; top:0%; padding:1rem !important;}


#slider_home .owl-nav .owl-prev, #slider_home .owl-nav .owl-next {color: var(--color-rev-text); opacity:0; padding: 0.4rem 0.3rem !important; border-radius:0.3rem; position:absolute;}
#slider_home:hover .owl-prev, #slider_home:hover .owl-next {opacity:0.7; background-color:var(--color-primary) !important;
             -webkit-transition: 0.8s;    -moz-transition: 0.8s;    -o-transition: 0.8s;}
#slider_home .owl-nav .owl-next {position:absolute;}


#slider_home .button {padding: 0.5rem 1rem !important;}


.owl-dots {position:absolute; bottom:0; width:100%;}


.owl-theme .owl-dots .owl-dot span {background-color:var(--color-light-primary);}
.owl-theme .owl-dots .owl-dot.active span {background-color:var(--color-primary);}


#slider_Top .caption-outer {display:none;}





/* BODY/CONTENT STYLES */
#body{clear:both;margin:0;}
#body:after{content:"";display:table;clear:both;}



div.left-column {margin:0rem; padding:0; position:relative; text-align:justify;}


div.left-column .boxes {overflow:hidden; margin:1rem 0;}
div.boxBlock {margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid var(--color-border)} 

div.boxBlock img {width:100%;}
div.boxBlock .description {margin-top:0.5rem;}
div.boxBlock:hover img {opacity:0.7;}


div.boxBlock p {text-align:center; text-indent:0; font-weight:500; line-height:1.2rem;}
div.boxBlock span.funkcja {display:block;font-weight:400; font-size:0.9rem;}
div.boxBlock em {font-weight:400;font-size:0.9rem;}


.Lista ul {list-style-type:none; padding:2rem; width:max-content; margin:auto;}
.Lista li {list-style-type:none; margin-bottom:1rem; border-bottom: 1px solid var(--color-border); border-left:15px solid var(--color-light-primary); padding-left: 0.5rem;}
.Lista li h2 {font-size:1.3rem;}
.Lista li:hover {background-color:var(--color-border);}
.Lista a {color:  var(--color-text); text-decoration:none;}



.MenuPoziome ul {list-style-type:none;  padding:0.5rem 1rem;  width:max-content; margin:auto; margin-bottom:2rem; display:flex; border:1px solid var(--color-border);  flex-wrap: wrap; max-width: 95%;
                        justify-content: center;}
.MenuPoziome ul li {padding:0rem 3rem;  -webkit-transition: 0.8s;    -moz-transition: 0.8s;    -o-transition: 0.8s; margin:0.5rem 0;}
.MenuPoziome ul li:hover {background-color:var(--color-light-primary); }
.MenuPoziome ul li h2 {font-size:1rem;}
.MenuPoziome ul li a {text-decoration:none;}


.OpisShort ul {list-style-type:none; padding:2rem; width:max-content; margin:auto;}
.OpisShort li {list-style-type:none; margin-bottom:1rem; border-bottom: 1px solid var(--color-border); border-left:10px solid var(--color-dark); padding-left: 0.5rem;}
.OpisShort li h2 {font-size:1.3rem;}
.OpisShort li:hover {background-color:var(--color-border);}
.OpisShort a {color:  var(--color-text); text-decoration:none;}











/* Login Form */


.search-input::placeholder {
  color: var(--color-menu-text);
  opacity: 1; /* Firefox */
}

.login-form { margin:3rem auto;}
.login-form form { width:max-content; margin:auto;}
.login-form h4 {text-align:center; margin-bottom:2rem;}
.login-form h4 i {margin-right:1rem;}
.login-form form {border:1px solid var(--color-border); border-radius:0.5rem; padding:2rem 3rem; min-width:60%;
                  box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
                  -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
                  -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);}

.login-form form legend {font-size: 0.9rem ;text-align:center; }
.login-form form ul {padding:0; margin:0;}
.login-form form li {list-style-type:none; text-align:center;}
.login-form form label {color: var(--color-text); font-size: 0.9rem}
.login-form form input[type="password"] {padding:0.2rem 0.5rem; font-size: var(--font-size); margin: 1rem 0 1rem 1rem; border:1px solid var(--color-border);}
.login-form form input[type="submit"] {margin:auto;}
.login-form .backTo {font-size: 0.9rem; text-decoration:none;}
.login-form a.button {margin-bottom:2rem; display:block; width:max-content; margin:auto; margin-bottom:1rem;}
 li.login {padding-bottom: 0px;}





/* Search Form */
li.searchFormMenu {padding-left: 1rem;}
.searchFormMenu label {display:none;}
.searchFormMenu input.search-input {border-color: var(--color-border); font-size:0.8rem; padding:5px 10px;
    -webkit-transition: 0.8s;    -moz-transition: 0.8s;    -o-transition: 0.8s;}
.searchFormMenu input.search-input:hover {border-color: var(--color-light-primary); font-size:0.8rem; padding:5px 10px;}
.searchFormMenu button {background:none; color: var(--color-text); padding:0; padding-left:0.5rem; border:none; font-size:0.95rem;}
.searchFormMenu button:hover {color: var(--color-primary);  -webkit-transition: 0.8s;    -moz-transition: 0.8s;    -o-transition: 0.8s;}
.stellarnav.mobile .searchFormMenu {display:none;}


.searchFormPage {margin:2rem 0;}
.searchFormPage form {width:70%; margin:auto;}
.searchFormPage label {display:none;}
.searchFormPage h4 {font-size:1rem; margin-bottom:0.8rem;}
.searchFormPage input.search-input {border-color: var(--color-border); font-size:0.8rem; padding:5px 10px; width:70%; display:block; margin:auto; margin-top:1rem;
    -webkit-transition: 0.8s;    -moz-transition: 0.8s;    -o-transition: 0.8s;}
.searchFormPage button { display:block; margin:auto; margin-top:1rem;}

.searchResults ul {padding:2rem;}
.searchResults li {list-style-type:none; margin-bottom:0.6rem; border-bottom: 1px solid var(--color-border); border-left:15px solid var(--color-light-primary); padding-left: 0.5rem;}
.searchResults li:hover {background-color:var(--color-border);}
.searchResults a {color:  var(--color-text); text-decoration:none;}



/* messages boxes  */

.fa_icon:before {-webkit-font-smoothing: antialiased;   display: inline-block;    font-style: normal;    font-variant: normal;    text-rendering: auto;    line-height: 1; font-weight: 900; font-family: "Font Awesome 5 Free"; margin-right:0.5rem;}

.systemMessage{width:max-content; border:1px solid #2dadf5; background-color: #e1f4ff; padding:0.5rem 5rem; margin:auto; color:#000; text-align:center; font-size:0.8rem; font-weight:bold; margin-bottom:2rem;}
.systemMessage:before {content: "\f129"; color:#2dadf5; font-size:1.1rem; margin-right:1rem;}

.resticted {border: 1px solid red; background-color: #fff7f7; }
.resticted:before {content: "\f084"; color:red; font-size:1.1rem; margin-right:1rem;}

.confirmed {border: 1px solid #0fcd1e; background-color:#edffef; }
.confirmed:before {content: "\f058"; color:#0fcd1e; font-size:1.1rem; margin-right:1rem;}


.error {border: 1px solid red; background-color: #fff7f7; }
.error:before {content: "\f071"; color:red; font-size:1.1rem; margin-right:1rem;}


.messageFrame {
    border: 1px solid var(--color-border);
    border-radius: 0.5rem;
    padding: 1rem 3rem;
    box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
}

.messageFrame p {text-align:center; font-size:0.9rem; margin-bottom:1rem;}
.messageFrame a {color:var(--color-primary);}
.messageFrame a:hover {color:var(--color-text);}

/* pagination  */
.paginationBlock {text-align:center;}
.paginationBlock ul {width:max-content; margin:auto; border:1px solid var(--color-border); border-radius:0.5rem; padding: 0.2rem 1rem;}
.paginationBlock .label {display:none;}
.paginationBlock li {list-style-type:none; display:inline-block; padding: 5px 10px;}

.paginationBlock li a {text-decoration:none; color: var(--color-text);    line-height: 1;}
.paginationBlock li a:hover, .paginationBlock strong {color: var(--color-primary); }
.paginationBlock strong {font-size:1.3rem;}
.paginationBlock .pNext, .paginationBlock .pPrev,  .paginationBlock .pFirst,   .paginationBlock .pLast   {font-size:0; }
.paginationBlock .pNext:before, .paginationBlock .pPrev:before, .paginationBlock .pFirst:before, .paginationBlock .pLast:before  {font-size:0.8rem; margin:0; line-height: 0.8;}
.paginationBlock .pNext:before {content: "\f04e";}
.paginationBlock .pPrev:before {content: "\f04a";}
.paginationBlock .pFirst:before {content: "\f048";}
.paginationBlock .pLast:before {content: "\f051";}
.paginationBlock .sepa {color:var(--color-border); font-size:1.1rem;}
.paginationBlock .sepa.mL {margin-left:1rem;}
.paginationBlock .sepa.mR {margin-right:1rem;}


/* PAGE CONTENT */

div.content {padding: 0rem; position:relative; text-align:justify;}


h1.title {font-size:1.7em;line-height:1em;font-weight:500; margin-bottom:0.2em; padding-left: 0em; }
.headerBorder {margin-top: 0px;    margin-bottom: 0.5rem;}


#titleBottomBorder {margin-bottom:1em;     padding-bottom: 0.5rem;}

.firstPart {
    background-color: var(--color-primary);
    display: inline-table;
    height: 4px;
    width: 10%;
    left: 0px;
    background-repeat: repeat-x;
    position: absolute;
}
.secPart {
    background-color: var(--color-border);
    display: inline-table;
    width: 90%;
    right: 0px;
    height: 2px;
    margin-top:2px;
    background-repeat: repeat-x;
    position: absolute;
}






div.description { overflow:hidden;}

div.description h1 {font-size:1.4rem;line-height:1.7rem;font-weight:500; margin-bottom:1rem; padding-left: 0.5rem; border-left:6px solid var(--color-primary); text-align:left;}
div.description h2 {font-size:1.2rem;line-height:1.5rem;font-weight:500; margin-bottom:0.5rem; padding-left: 0rem; color: var(--color-primary); text-align:left;}
div.description h3 {font-size:1.1rem;line-height:1.3rem;font-weight:500; margin-bottom:0.5rem; padding-left: 0rem; color: var(--color-text); text-align:left;}
div.description h5 {font-size:1.1rem;line-height:1.3rem;font-weight:500; margin-bottom:1rem; padding: 1rem; color: var(--color-text); text-align:left; }
div.description p { margin-bottom:.6rem;}

div.description ul, div.description ol {margin-left:2rem; margin-bottom:1rem;}
div.description ol li {width:100%;}
div.description ul ul { width: max-content;}
div.description ol ul { width: 90%;}
div.description ol p {text-indent:0;}
div.description a {color:var(--color-primary); text-decoration:none; }
div.description a:hover{color:var(--color-light-primary); }
div.description hr {margin:2rem 0;}


.video_clips .dF {display:grid; grid-template-columns: repeat(2, 1fr); grid-gap: 2rem; margin-bottom: 3rem;}
.video_clip, .redirect_clip {text-align:center; }
.video_clip p, .redirect_clip p{text-indent:0 !important; font-size:0.9rem;}



table.podpisy {text-align: center;    width: 80%;    margin: auto; margin-top:2rem;}
table.podpisy td {width:33%;}
table.podpisy p {text-indent:0px; font-weight:500;}
table.podpisy td em {display:block; font-size:0.85rem;  font-weight:400;}
table.podpisy td em:first-of-type { font-weight:500; margin-bottom:0.5rem;} 

.tekst-prawny div.description p {text-indent:0rem;}
.tekst-prawny div.description h2 {text-align:center; font-size:1.5rem; color: var(--color-text); margin-top:2rem;}
.tekst-prawny div.description h2:first-of-type {margin-top:0rem;}
.tekst-prawny div.description h3 {text-align:center; font-size:1.2rem; color: var(--color-text); padding:2rem 0 1rem;}
.tekst-prawny div.description ol {margin-left:2rem;}

.lista-stanowisko {list-style:none; margin-left:2rem; margin-bottom:2rem; display:grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 1rem;}

.lista-stanowisko li.fullRow {grid-column: 1 / 4; border-bottom:1px solid var(--color-border); }
.lista-stanowisko li.fullRow:last-child {border-bottom:0;}


.lista-stanowisko li {font-weight:500; margin-bottom:1rem; font-size:0.9rem; padding-right:1rem; }
.lista-stanowisko li a{display:block;}
.lista-stanowisko li em {font-style:normal; margin-right:0.5rem; font-weight:normal;font-size:0.9rem; color: var(--color-primary);}
.lista-stanowisko li em:first-child {display:block; width:100%;}

.lista-stanowisko li h3 {font-size: 1.4rem; text-indent:-2rem; color: var(--color-primary);}
.lista-stanowisko li h4 {font-size: 1.3rem; text-indent:-1rem; color: var(--color-text);}

.members { grid-column:1; }
.members ul {display:grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 3rem; }
.lista-stanowisko li em:nth-child(2) {font-weight:500; font-size:1.1rem; font-style:italic;margin-right:0rem; color: var(--color-text); display:inline-block; width:auto;}




.lista-stanowisko p.osrodek {text-indent:0; font-size:1rem; font-style:italic;}

h2.header {font-size:1.4rem !important;font-weight: 600 !important;}
.lista-stanowisko ul {list-style-type:none;}

.zaproszenieFrame p:first-of-type {text-align:center; margin-bottom:1rem; font-size:1.2rem;}
.zaproszenieFrame p:last-of-type {text-align:right;}

.invitationFrame .logo {float:left; width:10%; margin-right:2rem; }
.invitationFrame p:first-of-type {text-align:center;}
.invitationFrame ul {margin:1rem 0; list-style-type:none; }
.invitationFrame li {margin-bottom:0.6rem; font-weight:500; }
.invitationFrame li strong {font-weight:400; margin-right:0.6rem; font-size:1rem;}
.invitationFrame li em strong {font-weight:500; font-size:1rem; color: var(--color-text);}
.invitationFrame li em{font-size:0.9rem; color: var(--color-primary);font-weight:400;}


.signatures {display:flex; margin:3rem 0 1rem; justify-content: flex-end;}

.signature {width:50%; text-align:center; font-size: 0.8rem;}
.signature p {width:90%; margin:auto; margin-bottom:0 !important; text-align:center;}
.signature p:last-of-type {color: var(--color-text); color: var(--color-primary);}
.signature p em { display:block;  color: var(--color-text);}
.signature p em strong{width:100%;font-size: 0.95rem; font-weight:500; white-space: nowrap;}
.signature img {width:20%;}


.kalendarium .description h2 {margin: 3rem 0 1rem; border-bottom: 1px solid var(--color-border); font-size:1.5rem; padding-bottom:0.5rem;}
.kalendarium .konferencja {margin-left:2rem; margin-bottom:2rem; padding-bottom:1rem; border-bottom:2px solid var(--color-border);}

.kalendarium .konferencja h3.title {margin: 1rem 0 1rem; font-size:1.3rem; padding-left:0.5rem; border-left:20px solid var(--color-primary);}
.kalendarium .konferencja h3.title span {background-color:var(--color-primary); color: var(--color-opo-primary); margin-right: 0.5rem; padding:0.1rem 0.7rem; border-radius:.5rem;}
.kalendarium .konferencja .subTitle {font-size:0.8rem;}
.kalendarium .konferencja .subTitle p{text-indent:0;}
.kalendarium .konferencja .subTitle ul {margin-left:2rem;}
.kalendarium .konferencja h4.date {font-size:1rem;  margin-bottom:1rem; text-align: right;}
.kalendarium .konferencja h4.date:before {    content: "\f073";    color: var(--color-primary);}
.kalendarium .konferencja h4.link {font-size:1rem;  margin-bottom:1rem; text-align: right;}
.kalendarium .konferencja h4.link a {color:var(--color-text);}
.kalendarium .konferencja h4.link a:hover {color:var(--color-primary);}
.kalendarium .konferencja h4.link:before {    content: "\f0c1";    color: var(--color-primary);}
.kalendarium .konferencja img {width:100%; height:auto;}

.archiwum table {font-size:0.9rem; border:1px solid var(--color-border); text-align:left; margin-bottom:2rem; width:100%;}
.archiwum table tr {border-bottom:1px solid var(--color-border); text-align:left;}
.archiwum table tr:first-of-type {font-weight:500; background-color: var(--color-border);}
.archiwum table td {padding:0.2rem;}
.archiwum table td:first-of-type {width:120px;}

.adres-marker:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3c5"; margin-right:0.5rem;}
.map-marker:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f5a0"; margin-right:0.5rem;}
.phone-marker:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f2a0"; margin-right:0.5rem;}
.mail-marker:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1d8"; margin-right:0.5rem;}
.fax-marker:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1ac"; margin-right:0.5rem;}
.web-marker:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0ac"; margin-right:0.5rem;}



.fastLink {border:1px solid var(--color-border); padding: 0.5rem 1rem; display:flex; list-style:none; width:max-content; margin:auto; margin-bottom:2rem;}
.fastLink li {padding: 0.5rem 2rem;  -webkit-transition: 0.8s;    -moz-transition: 0.8s;    -o-transition: 0.8s;}
.fastLink li:hover {background-color:var(--color-border); }
.fastLink li:hover a {color: var(--color-text) ;}

/* PAGE - BREADCRUMB (navigation path) */
.breadcrumb{margin-bottom:1rem;}
.breadcrumb ol{list-style:none;}
.breadcrumb li{display:inline-block;}
.breadcrumb li:not(:first-child)::before{content:"\203A";display:inline-block;padding:0 .5em;color:var(--color-text);font-weight:bold;}
.breadcrumb li a {text-decoration:none; color: var(--color-text); font-size:0.9rem;   line-height: 1;}
.breadcrumb li a:hover, .breadcrumb .current a {color: var(--color-primary);}


/* PAGE - SORTING */
.sortHeader {border-bottom:1px solid var(--color-divider); text-align:right;}
.sortHeader .sortBtn i{margin: 0 0.5rem; color: var(--color-text);}
.sortHeader span.title {font-size:0.8rem; margin-right:1rem;}
.sortHeader span.column {font-size:0.8rem;}
.sortHeader .sortBtn i:hover, .sortHeader .sortBtn.highlighted i {color: var(--color-primary);}


/* SUBPAGES - all */

.boxOutter {margin-bottom: calc(var(--bs-gutter-x) * .5);;}
.boxInner {overflow:hidden; padding:0.5rem; min-height:3rem; height: 100%; display: flex; justify-content: center;}
.boxInner:hover {-webkit-transition: 0.4s;    -moz-transition: 0.4s;    -o-transition: 0.4s;}

h4.pubDate { font-size:0.95rem; text-align:right;}
h4.pubDate span:first-of-type { font-size:0.75rem; }
h4.pubDate:before {content:"\f073"; font-size:0.7rem; color:var(--color-primary);}
                    

/* SUBPAGES - Boxy */

.Boxy {justify-content: center; padding: 0 2rem;} 
.Boxy a {text-decoration:none; align-self: center;}
.Boxy h2.title {text-align:center; font-size:1.2rem; padding-bottom: 0rem; display:flex;}

                    
/* SUBPAGES - BoxyGaleria */                    
.BoxyGaleria {justify-content: center;}
.BoxyGaleria .boxInner {flex-direction: column;}
y  
.imageBox {overflow: hidden;
                          border-radius: 0.5rem;
                        border: 1px solid #ddd;
                                        margin-bottom: 1rem;}
                        
.imageBox a {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none;
}       

.imageBox img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;

}

.imageBox:hover img {
    transition: all 2s ease-out;
    -webkit-transition: all 2s ease-out;
    
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0.7;}


.BoxyGaleria h4.pubDate {margin-bottom:1em;}
.BoxyGaleria .image {margin-bottom:1em;}
.BoxyGaleria .boxInner img {width:100%;}   
                      
.BoxyGaleria a, .BoxyGaleria h1, .BoxyGaleria h2 {text-decoration:none; align-self: center;}  
.BoxyGaleria h1.title  {font-size:1.4em; margin-bottom:.2em;}  
.BoxyGaleria h1.subTitleH1  {font-size:1.3em; margin-bottom:.1em;}    
.BoxyGaleria h2.subTitleH2  {font-size:1.2em; margin-bottom:.5em;}    
         
.BoxyGaleria .bottomLink {text-align:center; }         
.BoxyGaleria .button {font-size:0.7em;}        
         
         
                    

.options {border-top: 1px solid var(--color-border); margin-top:2rem;}
.options ul{display:flex;list-style:none; justify-content: flex-end;}
.options li:not(:last-child){margin-right:1rem;}

.options .icon{width:1rem;}
.options a:hover .icon{fill:#000; -webkit-transition: 0.8s;    -moz-transition: 0.8s;    -o-transition: 0.8s;}




.news-list {margin:1rem;}
.news, .zaproszenieFrame, .invitationFrame, .konferencjaFrame, .downloadFrame {margin:0.5rem; margin-bottom:2rem; padding:1rem 1rem 1rem; border: 1px solid var(--color-border);
        -webkit-box-shadow: 8px 8px 24px -13px rgba(200, 200, 200, 1);
        -moz-box-shadow: 8px 8px 24px -13px rgba(200, 200, 200, 1);
        box-shadow: 8px 8px 24px -13px rgba(200, 200, 200, 1);
}
.news .logo {float:left; width:10%; margin-right:2rem; }


.news .header {display:flex; width:100%; justify-content:space-between; border-bottom: 1px solid var(--color-light-primary);  margin-bottom:1.5rem;}
.news h2.title {font-style:italic; font-weight:300;  font-size:1.5rem; max-width:70%; text-align:left; }
.news h2.title a {text-decoration:none;}
.news h3  {font-size:1.4rem !important;}
.news h3 strong {width:100%; display:block; line-height:2.5rem; color:var(--color-text);}
.news h3 strong em {color:var(--color-primary);}



.news img {width:50%; margin:auto; display:block; border:1px solid var(--color-primary);}
.news a img:hover {opacity:0.8; -webkit-transition: 0.8s;    -moz-transition: 0.8s;    -o-transition: 0.8s;}


.news img.logo {border:0; width:15%;float:left; margin-bottom:1rem;}

.news div {overflow: hidden;}

.news .description {margin: 2rem 0rem 0 0rem;}
.news .options ul{margin-top:1rem;    justify-content: flex-end;}

.news ol li, .news ol h3  {font-size:1.1rem;  line-height:1.8rem; }

.news ol {margin-top:2rem; margin-bottom:0 !important;}
.news ol + ul li{margin-left:2rem !important;}

.news p + ol {margin-top:0rem;}
.news ul + ol {margin-top:0rem;}


.news li {padding-bottom:0.6rem;}
.news .options li {padding-bottom:0;}
.news ol h3 {margin-bottom:1rem;}
.news li p {margin-bottom: 0rem;}
.news li p:first-of-type {text-indent: 0rem;}

.news table {border:1px solid var(--color-border); text-align:left; margin-bottom:2rem;}
.news table tr {border-bottom:1px solid var(--color-border);}
.news table tr.headerTable {background-color: var(--color-border); font-weight:500;}
.news table tr:nth-child(2n) {background-color: var(--color-light-border);}
.news table td {padding:0.5rem;}
.news table p {margin-bottom:0;}

.news img.portret {width:25%; margin:1rem; border:0;}
.news img.fullWidth {width:90%; margin:1rem; border:0;}



.downloadFrame {width:max-content; margin: auto; padding:0.5rem 3rem;}
.downloadFrame a {display:block; margin-bottom:1rem;}


.word-file-ico:before {background-image: url('../admin/img/doc_file_icon.svg');background-size: 1.3rem 1.3rem;
                          display: inline-block;
                          width: 1.3rem; 
                          height: 1.3rem;
                          content:"";
                          margin-right:0.5rem;}
.pdf-file-ico:before {background-image: url('../admin/img/pdf_file_icon.svg');background-size: 1.3rem 1.3rem;
                          display: inline-block;
                          width: 1.3rem; 
                          height: 1.3rem;
                          content:"";
                          margin-right:0.5rem;}
.pdf-file-ico, .word-file-ico {display:inline-block !important;}




/* Contact form STYLES */

.formularz {margin: 1rem 0;
    padding: 2rem;
    border: 1px solid #e0e0e0;
    border-radius: .3rem;
    text-align:center;}

.formularz .formHeader {text-align:center; font-size:1.2em; margin-bottom:1rem;}
.formularz .formHeader strong {color: var(--color-primary);}
.formularz p {
    padding: 0.5rem 0; text-indent:0 !important;
}
.formularz label {
    color: var(--color-text);
    width: 100%;
    text-align: center;
    font-size: 0.9em;
    margin-bottom: 0.5em;
}
.formularz label span {font-size: 0.7em; margin-left: 0.5rem; color:var(--color-primary);}

.formularz input, .formularz textarea {
    padding: 0.5rem;
    width: 100%;
    margin: auto;
    background: none;
    color: var(--color-text);
    text-align: left;
    border: 1px solid #bbb;
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}

.formularz input:focus, .formularz textarea:focus {outline: none !important; border: 1px solid var(--color-primary);}
.formularz input.error, .formularz textarea.error {border:2px solid red;}
.formularz input[type="submit"]
    {width:max-content;    padding: 0.3rem 1.5rem;
    border-radius: 0.2rem;
    background: none;
    border: 1px solid var(--color-border);}

.formularz input:hover, .formularz textarea:hover {background-color: var(--color-light-primary);}
 
.formularz .rodo_notice {text-align:justify; font-size:0.7rem;}


::-webkit-input-placeholder { /* WebKit browsers */
    color:var(--color-text);
    font-size:0.9em;
    text-align:center;
}





.options a{display:block;font-size:1% !important;color:transparent !important;}
.options .readMore a {color:var(--color-primary) !important;; font-size:0.75rem !important; text-decoration:none; padding-top:3px;}
.options .readMore a:hover {color:var(--color-dark);}

.options .download {font-size:0.7rem; }


/* IMAGES STYLES */
/* global */
#content li img:hover{opacity:0.8;}
ul[class*='images-']{list-style:none;}
ul[class*='images-'] li{margin:0 0 1rem 0;text-align:center;}
ul[class*='images-'] p{max-width:250px;margin:0 auto;color:var(--color-primary);font-size:0.875em;}
ul[class*="images-"] img{max-width:100%;box-shadow:0 0 4px rgba(100,100,100,0.4);}
ul[class*="images-"] img:hover{opacity:0.8;}
div.content .images-gallery{padding:0;}
/* list custom - side images */
.images-1{clear:left;float:left;margin:.5rem 1.5rem 0 0;}
.images-2{clear:right;float:right;margin:.5rem 0 0 1rem;}
/* list custom - gallery images */
.images-3{clear:both;display:flex;flex-flow:row wrap;justify-content:space-between;}
.images-3 li{flex:1 0 100%;padding:.3rem 2rem;}


@media screen and (min-width:960px){ .images-3 li{flex:0 0 calc( 100% / 3 );} }



/* FILES LIST STYLES */
.files-list {margin-top:2rem; border-top:1px solid var(--color-divider); padding-top:0.5rem;}
.files-list .title {font-weight:500; font-size:1.2rem; border-left: 6px solid var(--color-dark-primary); padding-left: 0.5rem; margin-bottom:0.5rem;} 
.files-list hr {margin-bottom:0.4rem;}
.files-list ul {list-style-type:none;}
.files-list p{display:inline;color:var(--color-primary);font-style:italic;}
.files-list a{text-decoration:none; font-size:0.9rem;}
.files-list a:hover{color:var(--color--dark-primary);}
.files-list p:before{content:" - ";}



.files-list .zip{background-position:0 0;}
.files-list .xml{background-position:0 -20px;}
.files-list .xls{background-position:0 -40px;}
.files-list .web{background-position:0 -60px;}
.files-list .vcf{background-position:0 -80px;}
.files-list .txt{background-position:0 -100px;}
.files-list .sys{background-position:0 -120px;}
.files-list .swf{background-position:0 -140px;}
.files-list .psd{background-position:0 -160px;}
.files-list .pps{background-position:0 -180px;}
.files-list .png{background-position:0 -200px;}
.files-list .pic{background-position:0 -220px;}

.files-list .nn{background-position:0 -260px;}
.files-list .eml{background-position:0 -280px;}
.files-list .media{background-position:0 -300px;}
.files-list .fla{background-position:0 -320px;}
.files-list .exe{background-position:0 -340px;}
.files-list .chm{background-position:0 -360px;}
.files-list .cdr{background-position:0 -380px;}


/* SUBPAGES LIST STYLES */
.pages-list{clear:both;margin:.5rem 0;list-style:none;}
.pages-list .page{margin:15px 0;padding:1.5rem 2.5%;border:1px solid var(--color-divider);border-top:5px solid var(--color-divider);}
.pages-list .page:after{content:"";display:table;clear:both;}
.pages-list .image{float:left;margin:0 2.5% 5px 0;}
.pages-list .image img{max-width:100%;}
.pages-list .title{padding:0 0 0.5em;font-size:1.563rem;}
.pages-list .title a{color:var(--color-secondary);font-weight:normal;background:none;text-decoration:none;}
.pages-list .title a:hover{color:var(--color-primary);background:none;text-decoration:underline;}
.pages-list div.description{line-height:1.4em;}
.pages-list ul, .pages-list ol{margin:.5em 2em;list-style:disc;}
.pages-list .page li{padding:0;border:0;background:none;}
.pages-list .page ol{list-style:decimal;}
.pages-list p{padding:.3em 0;}





@media print{
  /* PRINT STYLES */
  * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;}

  body{margin:.5cm 0;font-size:0.875em;}
  #container{position:static;width:17.2cm;height:auto;margin:0;box-shadow:none;}
  #logo{padding:0 0 0.2cm;}
  #logo #title a{font-size:2em;}

  #body{clear:none;border-top:0;}
  #page{clear:both;position:static;}
  #page h1{margin:.5cm 0 0;font-size:1.25rem;}

  #menu-main, #foot .options{display:none;}
  #slider, .quick-slider img, .quick-slider-nav-arrows, .quick-slider-nav-dots{display:none;}
}

/* PLUGINS */

/* Simple Notice */
#noticeAboutCookies {font-size:0.8rem; position:fixed; bottom:0; z-index:9999; width:100%; border-top:1px solid #444; display:none;padding:1rem 3rem;background:#fff;}
#noticeAboutCookies div:first-of-type{width:90%; float:left;}
#noticeAboutCookies div:last-of-type{width:10%; float:left; text-align:right;}
#noticeAboutCookies .close{margin:1rem 0 0 0; font-size:2em;color:#444;font-weight:normal;text-decoration:none; }
#noticeAboutCookies .close:hover{color:var(--color-dark);}


.back-to-top {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    z-index: 9999;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    background-image: url(../admin/img/top_grey.png);
    background-size: cover;
}


.ui-tooltip, .arrow:after {
    background: $fff;;
    border: 1px solid var(--color-border);
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: var(--color-text);
    font-size:0.8rem;}
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  



.parallax-window {
	background: transparent; min-height: 200px;
    
}







/* QUICK.BOX */

#quick-box{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba( 0, 0, 0, 0.7 );z-index:9999;}
#quick-box .background{height:100%;}
#quick-box .quick-box-container{position:absolute;padding:0;border-radius:5px;box-shadow: 0 0 15px 1px #000; width: 100%;}
#quick-box .image-wrapper{position:relative;line-height:0; width: 100%;}
#quick-box .image-wrapper img{margin:0;padding:0;border-radius:5px;}
#quick-box .navigation{position:absolute;bottom:0;margin:0;width:100%;padding:.5em 0;text-align:center;font-size:1rem;color:var(--color-opo-primary);line-height:normal;background:rgba( 0, 0, 0, 0.2 );}
#quick-box .navigation__sep{padding:0 3px;}
#quick-box .full-size{position:absolute;right:8px;top:2px;width:24px;height:24px;font-size:0.1em;color:transparent;background:url('../admin/img/fullscreen.png') no-repeat;}
#quick-box .description{margin:0;padding:.5em 0;text-align:center;font-size:0.875rem;color:#ddd;font-weight:bold;background:rgba( 0, 0, 0, 0.8 );border-bottom-left-radius:5px;border-bottom-right-radius:5px;max-height:66px;overflow:hidden;}
#quick-box .arrow{position:absolute;display:block;width:50%;top:15%;height:70%;margin:0;font-family:Verdana;z-index:100;opacity:0.5;text-decoration:none;}
#quick-box .arrow:before, #quick-box .arrow:after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);}
#quick-box .arrow:before{width:32px;height:32px;margin:0 10px;background:url('img/arrows.png') no-repeat 0 0;z-index:1;}
#quick-box .arrow:after{width:52px;height:52px;background:rgba( 0, 0, 0, 0.2 );z-index:-1;}
#quick-box .arrow.prev:before{background-position:0 -32px;}
#quick-box .arrow.next:before{right:0;}
#quick-box .arrow.next:after{right:0;}
#quick-box .arrow:hover{opacity:0.9;}
#quick-box .prev{left:0;}
#quick-box .next{right:0;}
#quick-box .close{position:absolute;top:0;right:0;padding:0.15em 0.4em 0.2em;opacity:0.5;background:#000;color:var(--color-opo-primary);font-weight:bold;font-family:"Trebuchet MS";text-decoration:none;border:1px solid var(--color-opo-primary);border-top:none;border-right:none;border-top-right-radius:5px;z-index:100;}
#quick-box .close:hover{opacity:0.8;}
#quick-box .close, #quick-box .arrow{line-height:normal;}
#quick-box .loading{display:block;padding:40px 35px;color:white;line-height:1em;}








.forPrint {
      font-family: 'Roboto', sans-serif;
      padding:20px;}
      
.forPrint .options {display: none !important;}
.forPrint button {background:none; position:fixed; bottom:10px;right:10px;} 
.forPrint button:hover {opacity:0.7;} 

@media print {
    .forPrint button {visibility: hidden;} 
    }




@media screen and (max-width: 768px) {
    #logo {width:80%; margin-right:0;}
    
    .stellarnav.desktop li a span {display:inline-block;}
    .stellarnav.mobile li a span {margin-left:1rem;}
    .lista-stanowisko { grid-template-columns: repeat(1, 1fr);}
    .lista-stanowisko li {text-align:left;}
    .video_clips .dF {display:grid; grid-template-columns: repeat(1, 1fr);}
    .left-column {display:none;}
    .fastLink, .lista-stanowisko, .members ul {display:block;}
    div.description {padding: 0 0.2rem;}

    .owl-dots {display:none;}


    }   




@media /* High px density (mostly mobile) - so you can magnify something */
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx){
  #quick-box .close{font-size:1.5rem;}
  #quick-box .prev, #quick-box .next{opacity:0.5;text-decoration:none;}
}



/* This only changes this particular animation duration */
.animate__animated.animate__fadeInLeft {
  --animate-duration: 0.5s;
}