/* FONTS */
@font-face {
  font-family: "Campton-Book";
  src:
    local("Campton-Book"),
    url("../fonts/Campton-Book.otf") format("opentype"),
    url("../fonts/Campton-Book.woff") format("woff");
}

@font-face {
  font-family: "Campton-Medium";
  src:
    local("Campton-Medium"),
    url("../fonts/Campton-Medium.otf") format("opentype"),
    url("../fonts/Campton-Medium.woff") format("woff");
}

@font-face {
  font-family: "Campton-Bold";
  src:
    local("Campton-Bold"),
    url("../fonts/Campton-Bold.otf") format("opentype"),
    url("../fonts/Campton-Bold.woff") format("woff");
}



/* MAIN */

BODY {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; 
	
	font-family: "Source Sans 3", sans-serif;
	font-size: calc(2px + var(--font-size));
	color: #000000;

	
}

H2 {
    font-family: "Campton-Book", sans-serif;
    font-weight: 400;
    font-size: 36px;
}


/* BS */
.menu-tlo {
    background-color:var(--menu); 
}
.menu-lata {
    background-color:var(--menu-lata);
    
}
.menu_lata_li {
    color: #FFFFFF; 
    height:45px; 
    width:110px;
}

@media (max-width: 992px) {
    .menu_lata_li {
      width:140px;
    }
}

.navbar {
    --bs-navbar-brand-font-size: 16px;
    //--bs-navbar-toggler-icon-bg: none;
}

.nav-item:hover {
    background-color:var(--menu-aktywne); 
}
.nav_wybrany {
    background-color:var(--menu-aktywne); 
}

.nav-link {
    color: #000000;
    font-family: "Campton-Book", sans-serif;
    --bs-nav-link-font-size: 16px;
    line-height: 29px;
    padding-left: 20px;
    padding-right: 20px;
    cursor:pointer;
}

@media (max-width: 992px) {
    .nav-link-p {
        padding-left: 20px !important;
        padding-right: 0px !important;
    }
}

element {
  margin-left: -20px;

}
@media (max-width: 992px) {
  .dropdown-menu.show {
    display: block;
    background-color: #9bc6ca;
  }
}


@media (max-width: 992px) {
  .dropdown-menu.show.show_mobile {
    background-color: #BACED0;
  }
  .active_mobile {
      background-color: #BACED0 !important;
  }
  
}


.dropdown-menu.show {
  display: flex;

}
.navbar-nav .dropdown-menu {
  position: static;

}
.dropdown-menu.show {
  display: block;

}

@media (max-width: 992px) {
.dropdown-menu[data-bs-popper] {
  margin-top:0px;

}
}

.accordion {
    --bs-accordion-active-bg: var(--menu);
}

.accordion-button:focus {
  --bs-accordion-btn-focus-border-color: var(--menu);
  box-shadow: none;
}


.navbar-nav .dropdown .nav-link.active, .navbar-nav .nav-link.show {
  background-color:var(--menu-aktywne); 
}

@media (max-width: 992px) {
    .dropdown-menu {
        text-align: center;
    }
}

.dropdown-menu.show {
  display: flex;
}

@media (max-width: 992px) {
    .dropdown-menu.show {
      display: block;
    }
}

.dropdown_menu_wybrane {
    text-decoration: underline;
}

@media (min-width: 993px) {
    .dropdown:hover>.dropdown-menu {
      display: flex;
    }
}



.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.dropdown-menu {
    --bs-dropdown-bg:var(--menu-aktywne); 
    border:0px;
    padding:0px;
    border-radius:0px;
}

.nav_bg {
    background-color:#D9D9D9;
    border-radius:0px;
    height:38px;
    padding:5px;
}
.nav_ico {
    width:30px;
    margin-right:10px;
}

.wyszukiwanie {
    font-size: 14px;
}

.wyszukiwanie_ico {
    width:20px;
    margin-right:10px;
    margin-left:10px;
}
.wyszukiwanie_btn {
    border: 0px;
    border-radius:0px;
   background-color:transparent;
}

.wyszukiwanie_btn:focus,.wyszukiwanie_btn:active {
   outline: none !important;
   box-shadow: none;
}


.nav_wybor {
    font-family: "Campton-Book", sans-serif;
    font-size: 14px;
    line-height: 16px;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
  }
}

.page-link:link, .page-link:visited, .page-link:active {
    min-width:30px;
    border: 1px solid var(--zegar);
    color: var(--zegar);
    background: #FFFFFF;
    transition: none;
    margin: 3px;
    padding: .15rem .45rem;
    text-align:center;
    text-decoration: none;
}

.page-item.active .page-link {
    color: #FFFFFF;
    background: var(--zegar);
}
.page-link:hover {
    color: #FFFFFF;
    background: var(--zegar);
}

.page-link:focus,.page-link:active {
   outline: none !important;
   box-shadow: none;
}


/* KMP */
.menu_sticky_div {
    display:none;
    width:220px; 
    background:rgba(255,255,255,0.8);
    top:45px; 
    
    padding:10px;
    padding-top: 50px;
    z-index: 0;
}

@media (max-width: 991px) {
  .menu_sticky_div {
      top:45px; 
  }
}


.menu_sticky_div2 {
    display:none;
    width:150px; 
    background:rgba(255,255,255,0.8);
    bottom: -10px;
    padding:10px;
    z-index: 0;
}


.menu_logo {
    margin-right:30px;
}

@media (max-width: 991px) {
  .menu_logo {
      margin-right:0px;
  }
}

.wyszukiwanie_rodzaj {
    color: #666666;
    font-family: "Campton-Book", sans-serif;
    text-transform: uppercase;
}
 
.tag {
    border: 1px solid #2B2A29;
    padding: 3px;
    padding-left: 6px;
    padding-right: 6px;
    margin:3px;
    display: inline-block;
    cursor: pointer;
}

.czcionka {
    width: 35px;
    height: 35px;
    border: 1px solid #2B2A29;
    color: #2B2A29;
    text-align: center;
    cursor: pointer;
    margin-right: 5px;
    padding-top: 6px;
    background-color: #FFFFFF;
}

.czcionka.active, .czcionka:hover, .czcionka.active:hover {
    border: 1px solid #2B2A29;
    background-color: #2B2A29;
    color: #FFFFFF;
}

.link:link, .link:visited, .link:active {
  text-decoration: none;
  color: #000000;
}
.link:hover {
  text-decoration: underline;
}

.linku:link, .linku:visited, .linku:active {
  text-decoration: underline;
  color: #000000;
}
.linku:hover {
  text-decoration: underline;
  color: #666666;
}

.linku.is-invalid {
  text-decoration: underline;
  color: rgb(220, 53, 69);
}


.tlo_sekcja {
    background-color: #EBECEC;
}

.tlo_referat {
    background-color: #BBC274;
}


.stopka:link, .stopka:visited, .stopka:active {
  text-decoration: none;
  color: #000000;
  font-size:18px;
  font-weight:600;
}
.stopka:hover {
  text-decoration: underline;
  font-size:18px;
  font-weight:600;
}

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

.zegar {
    font-family: "Campton-Book", sans-serif;
    font-weight: 600;
    background-color: var(--zegar);
    color: #FFFFFF;
    font-size: 16px;
}

.zegar_czas {
    background-color: var(--zegar);
    color: #FFFFFF;
    font-size: 42px;
    font-weight: 400;
}



.zegar_opis {
    background-color: var(--zegar);
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
}
@media (max-width: 991px) {
    .zegar_czas {
        font-size: 24px;
    }
    .zegar_opis {
        font-size: 14px;
    }
}

.top_logo {
    height: 200px;
}
@media (max-width: 991px) {
    .top_logo {
        height: 100px;
    }
}


.terminarz_krotki_szary {
    font-size: 16px;
    font-family: "Campton-Book", sans-serif;
    color: #D9DADA;
    padding-top: 8px;
    padding-right:50px;
    font-weight: bold;
    height:38px; 
    background:url('../img/timeline_krotki_szary.svg'); 
    background-size: auto 100%; 
    background-repeat: no-repeat; background-position: right;
}
.terminarz_krotki_bordowy {
    font-size: 16px;
    font-family: "Campton-Book", sans-serif;
    cursor:pointer;
    color: var(--zegar);
    padding-top: 8px;
    padding-right:50px;
    font-weight: bold;
    height:38px; 
    background:url('../img/timeline_krotki_bordowy.svg'); 
    background-size: auto 100%; 
    background-repeat: no-repeat; background-position: right;
}

.terminarz_krotki_grafit, .terminarz_krotki_bordowy.wybrany {
    font-size: 16px;
    font-family: "Campton-Book", sans-serif;
    color: #404040;
    padding-top: 8px;
    padding-left:50px;
    font-weight: bold;
    height:38px; 
    background:url('../img/timeline_krotki_grafit.svg'); 
    background-size: auto 100%; 
    background-repeat: no-repeat; background-position: right;
}



.terminarz_dlugi_szary {
    font-size: 16px;
    font-family: "Campton-Book", sans-serif;
    color: #D9DADA;
    padding-top: 8px;
    padding-right:83px;
    font-weight: bold;
    height:38px; 
    background:url('../img/timeline_dlugi_szary.svg'); 
    background-size: auto 100%; 
    background-repeat: no-repeat; background-position: right;
}
.terminarz_dlugi_bordowy {
    font-size: 16px;
    font-family: "Campton-Book", sans-serif;
    cursor:pointer;
    color: var(--zegar);
    padding-top: 8px;
    padding-right:83px;
    font-weight: bold;
    height:38px;                              
    background:url('../img/timeline_dlugi_bordowy.svg'); 
    background-size: auto 100%; 
    background-repeat: no-repeat; background-position: right;
}

.terminarz_dlugi_grafit, .terminarz_dlugi_bordowy.wybrany {
    font-size: 16px;
    font-family: "Campton-Book", sans-serif;
    color: #404040;
    padding-top: 8px;
    padding-right:83px;
    font-weight: bold;
    height:38px; 
    background:url('../img/timeline_dlugi_grafit.svg'); 
    background-size: auto 100%; 
    background-repeat: no-repeat; background-position: right;
}





#mobile {
  display:none;
}
#desktop {
  display:flex;
}
  
@media (max-width: 991px) {
  #mobile {
      display:flex;
  }
  #desktop {
      display:none;
  }
}

.top_tytul1 {
    font-family: "Campton-Bold", sans-serif;
    font-size: 34px;
}

.top_tytul2 {
    font-family: "Campton-Bold", sans-serif;
    font-size: 44px;
}

@media (max-width: 991px) {
  .top_tytul1 {
      font-size: 20px;
  }
  .top_tytul2 {
      font-size: 30px;
  }
}



.pt-20 { padding-top: 20px; }
.pb-20 { padding-bottom: 20px; }
.pt-30 { padding-top: 30px; }
.pb-30 { padding-bottom: 30px; }
.pt-40 { padding-top: 40px; }
.pb-40 { padding-bottom: 40px; }
.pt-50 { padding-top: 50px; }
.pb-50 { padding-bottom: 50px; }

.mt-20 { margin-top: 20px; }
.mb-20 { margin-bottom: 20px; }
.mt-30 { margin-top: 30px; }
.mb-30 { margin-bottom: 30px; }
.mt-40 { margin-top: 40px; }
.mb-40 { margin-bottom: 40px;}
.mt-50 { margin-top: 50px; }
.mb-50 { margin-bottom: 50px;}

.fw200 { font-weight: 200; }
.fw300 { font-weight: 300; }
.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.fw800 { font-weight: 800; }


.fs12 { font-size: calc(var(--font-size)); }
.fs14 { font-size: calc(2px + var(--font-size)); }
.fs16 { font-size: calc(4px + var(--font-size)); }
.fs18 { font-size: calc(6px + var(--font-size)); }
.fs20 { font-size: calc(8px + var(--font-size)); }
.fs22 { font-size: calc(10px + var(--font-size)); }
.fs24 { font-size: calc(12px + var(--font-size)); }
.fs26 { font-size: calc(14px + var(--font-size)); }
.fs28 { font-size: calc(16px + var(--font-size)); }
.fs30 { font-size: calc(18px + var(--font-size)); }


.tlo {
    background-color: #EBECEC;
}

.zajawka {
    line-height: 28px;   
}

.tytul {
    font-weight: 700;
    font-size: 18px;
}

.tytul1 {
    font-weight: 700;
    font-size: 24px;
}

.data {
    font-size: 12px;
    font-weight: 400;
}



.btn-informacja {
  --bs-btn-color:#fff;
  --bs-btn-bg:var(--przycisk);
  --bs-btn-border-color:var(--przycisk);
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:var(--przycisk-aktywny);
  --bs-btn-hover-border-color:var(--przycisk-aktywny);
  --bs-btn-focus-shadow-rgb:49,132,253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:var(--przycisk);
  --bs-btn-active-border-color:var(--przycisk);
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:var(--przycisk);
  --bs-btn-disabled-border-color:var(--przycisk)
}


.btn-informacja2 {
  --bs-btn-color:#fff;
  --bs-btn-bg:var(--przycisk-aktywny);
  --bs-btn-border-color:var(--przycisk-aktywny);
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:var(--przycisk);
  --bs-btn-hover-border-color:var(--przycisk);
  --bs-btn-focus-shadow-rgb:49,132,253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:var(--przycisk-aktywny);
  --bs-btn-active-border-color:var(--przycisk-aktywny);
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:var(--przycisk-aktywny);
  --bs-btn-disabled-border-color:var(--przycisk-aktywny)
}



.btn-zegar {
  padding: 0px 5px;
  --bs-btn-color:#fff;
  --bs-btn-bg:var(--przycisk);
  --bs-btn-border-color:var(--przycisk);
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:var(--przycisk);
  --bs-btn-hover-border-color:var(--przycisk-aktywny);
  --bs-btn-focus-shadow-rgb:49,132,253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:var(--przycisk);
  --bs-btn-active-border-color:var(--przycisk);
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:var(--przycisk);
  --bs-btn-disabled-border-color:var(--przycisk)
  
}

.btn-wybrany {
  --bs-btn-color:#fff;
  --bs-btn-bg:var(--przycisk-aktywny);
  --bs-btn-border-color:var(--przycisk-aktywny);
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:var(--przycisk-aktywny);
  --bs-btn-hover-border-color:var(--przycisk-aktywny);
  --bs-btn-focus-shadow-rgb:49,132,253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:var(--przycisk-aktywny);
  --bs-btn-active-border-color:var(--przycisk-aktywny);
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:var(--przycisk-aktywny);
  --bs-btn-disabled-border-color:var(--przycisk-aktywny)
}


.btn-slider {
  --bs-btn-color:#fff;
  --bs-btn-bg:var(--przycisk-aktywny);
  --bs-btn-border-color:#FFFFFF;
  border-width: 2px;
  border-radius: 50rem !important;
  font-weight: 700;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:var(--przycisk-aktywny);
  --bs-btn-hover-border-color:var(--przycisk-aktywny);
  --bs-btn-focus-shadow-rgb:49,132,253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:var(--przycisk-aktywny);
  --bs-btn-active-border-color:var(--przycisk-aktywny);
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:var(--przycisk-aktywny);
  --bs-btn-disabled-border-color:var(--przycisk-aktywny)
}




.info {
    padding: 10px;
    margin-bottom: 2px;
}




#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  cursor:pointer;
}



.ferr {
    background-color: #F8D7DA;
}


.odpowiedzi_div {
    background-color:#DDDDDD;
    padding:5px;
    margin-bottom:3px;
}

.odpowiedzi_a A:active, .odpowiedzi_a A:link, .odpowiedzi_a A:visited, .odpowiedzi_a A:hover  {
    text-decoration:none;
    color:#DD0000;
    cursor: pointer;
}

.error {
    color: #DD0000;
}



.owl-carousel {
  position:relative;
}

.owl-prev, .owl-next {
    position:absolute;
 }

.owl-prev {
    left:-50px;
    top: 30px;
 }

 .owl-next {
    right:-50px;
    top:30px;
 }
 
 .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.btn-prev {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: #000;
  
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); center/1em auto no-repeat;
  border: 0;
  border-radius: .25rem;
  opacity: .5;
}

.btn-prev:hover {
  color: #000;
  text-decoration: none;
  opacity: .75;
}


.btn-next {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: #000;
  
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); center/1em auto no-repeat;
  border: 0;
  border-radius: .25rem;
  opacity: .5;
}

.btn-next:hover {
  color: #000;
  text-decoration: none;
  opacity: .75;
}


.modal-open .modal::-webkit-scrollbar {
  display: none;
}

.modal-open .modal {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.form-control {
   font-size:14px;
}
.form-select {
   font-size:14px;
}

.form-select option {
   font-size:12px; 
}

table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}

tbody, td, tfoot, th, thead, tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
    border-bottom-width: 0px;
}

table > :not(caption) > * > * {
  padding: .5rem .5rem;
  color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));
}

table > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}
table > :not(caption) > * > * {
  padding: .5rem .5rem;
  color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));
}

table > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}

.pokaz_zoom_bs {
   transition: linear 0.5s;
}
.pokaz_zoom_bs:hover {
    background-size: 110% auto !important;
    opacity: 0.9; 
}

.pokaz_zoom_bw {
   transition: linear 0.5s;
}
.pokaz_zoom_bw:hover {
    background-size: auto 110% !important;
    opacity: 0.9; 
}

.each{
    border-bottom: 1px solid #333333;
    margin: 3px 0;
}

.each:hover{
  color:#FFFFFF;
}

.acItem .name{
  font-family: "Source Sans 3", sans-serif;
  font-size: 14px;
}

.acItem .desc{
  font-family: "Source Sans 3", sans-serif;
  font-size: 14px;
}



.ui-widget {
  font-weight: 400;
  font-size: 14px;
}


.ui-autocomplete {
    z-index: 1001;
}

.ui-menu-item {
    background: #F2F2F2 !important;
}

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #999999 !important;
    border: 1px solid #000000 !important;
    color: #ffffff !important;
}