@import url("https://use.typekit.net/qex5owz.css");
@import url("font.css");
@import url("lightgallery.css");
/*

*/
/* STYLE IE ONLY */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {}
/********************************************************************************************************/
/* RESET */
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
  font-weight: 400;
}
sub, sup {
  font-size: smaller;
}
*, body, ul, ul li {
  padding: 0;
  margin: 0;
}
*, body {
  text-decoration: none;
}
input {
  border: none;
  -webkit-appearance: none;
}
body {
  overflow-x: hidden;
}
body.navactive {overflow: hidden;}
* {
  outline: 0 !important;
  -webkit-box-sizing: box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
ul {
  list-style: none;
}
a, input[type=submit] {
  cursor: pointer !important;
}
sub {
  vertical-align: sub;
}
sup {
  vertical-align: super;
}
b, strong {
  font-weight: bolder;
}
em, i, strike {
  font-weight: 400;
}
em, i {
  font-style: italic;
}
strike {
  text-decoration: line-through;
}
u {
  text-decoration: underline;
}
a {
  text-decoration: none;
}
/* END RESET */


/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: var(--main) var(--bg);
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 10px;
  }

  *::-webkit-scrollbar-track {
    background: var(--bg);
  }

  *::-webkit-scrollbar-thumb {
    background-color: var(--main);
    border-radius: 0px;
    border: 0px solid #ffffff;
  }
  
  


:root {
--bg:#ecebe8;
--main: #eb4316;
--txt:#323232;
--white:#f9f9f8;
--partner_white: #ffffff;
}

/********************************************************************************************************/
#popup {
position:fixed!important;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background-color: #ffffff;
padding: 50px 5vw ;
z-index: 99999999999;
display: none;
}
body.popupactive #popup {
display: block;
}
#popup .popup_content p {
font-size: 30px;
font-size: min(max(16px, 1.5vw), 30px);
font-weight: 300;
text-align: center;
}
#popup .popup_content .cta_wrap {
justify-content: center;
}
#popup .popup_content p strong {
font-weight: 700;
font-size: 28px;
font-size: min(max(20px, 1.5vw), 28px);
display: block;
margin-bottom: 20px;
}
body#page_rejestracja.popupactive #wrapper:after {
content: "";
position: fixed;
z-index: 9999;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); 
top: 0;
left: 0;
}
body#page_rejestracja:not(.popupactive) #wrapper:after {display: none;}
/********************************************************************************************************/

body, html, h1, h2, h3, h4, h5, h6, ul, li {
padding: 0;
margin: 0;
list-style: none;
}
*:not(.icon) {
font-family: "degular", sans-serif;
}
sup {
font-size: 50%;
}
#wrapper, 
#wrapper > *, 
.section {
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: flex;
}
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/*
font-size: min(max(10px, 1vw), 14px); 

  -webkit-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  -moz-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  -o-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  
		
		Degular Regular
font-family: "degular", sans-serif;
font-weight: 400;
font-style: normal;

Degular Italic
font-family: "degular", sans-serif;
font-weight: 400;
font-style: italic;

Degular Bold
font-family: "degular", sans-serif;
font-weight: 700;
font-style: normal;

Degular Bold Italic
font-family: "degular", sans-serif;
font-weight: 700;
font-style: italic;
		
		
		
		
		
		
*/

/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
body {
background-color: var(--bg);
}
#wrapper {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
width: 100%;
max-width: 1920px;
margin: 0 auto;
}
#wrapper > div {
padding: 0 80px;
}
#content {
display: flex;
flex-direction: column;
width: 100%;
}

.cta_wrap {
display: flex;
flex-direction: row;
gap:20px;
margin-top: 60px;
}
.cta_wrap > a {
height: 60px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--main);
color: var(--white);
font-size: 30px;
font-size: min(max(18px, 1.5vw), 30px); 
padding: 0 30px;
border: solid 1px var(--main);
font-weight: 600;
  -webkit-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  -moz-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  -o-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
}
.cta_wrap > a:hover {
color: var(--main);
background-color: var(--white);
border: solid 1px var(--main);
}
.txt,
ul li{
font-size: 30px;
font-size: min(max(18px, 1.5vw), 30px); 
color: var(--txt);
}
.txt a,
ul.txt li a{
text-decoration: underline;
color: var(--main);
}
ul.txt li:before {
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 3px;
height: 3px;
background-color: var(--txt);
}
ul.txt li {
padding-left: 10px;
}
#page_home h3,
body:not(#page_home) h1{
font-weight: bold;
font-size: 65px;
font-size: min(max(30px, 3vw), 65px); 
flex-shrink: 0;
flex-grow: 0;
padding: 0 20px 0 0;
}
/********************************************************************************************************/
#header {
background-color: var(--white);
display: flex;
flex-direction: row;
justify-content: space-between;
min-height: 110px;
}
#header > div {
display: flex;
align-items: center;
}
#header .left .logo {
width: 333px;
height: auto;
display: block;
}
#header .right {
display: flex;
flex-direction: row;
align-items: center;
}
#header .right .bss2023-nav {
color: var(--txt);
font-size: 30px;
display: none;
}
#header .right .bss2023-nav:hover,
#header .right .bss2023-nav.active {
color: var(--main);
}
#header .right .nav {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
#header .right .nav a {
color: var(--txt);
font-size: 30px;
font-size: min(max(18px, 1.5vw), 30px); 
padding: 0 15px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
}
#header .right .nav a:hover,
#header .right .nav .active a {
color: var(--main);
}
#header .right .nav li:last-of-type a {
background-color: var(--main);
color: var(--white);
}
/********************************************************************************************************/
#wrapper #content > div {
padding-left: 9.3%;
padding-right: 9.3%;
}
.home_header {
padding-top: 160px;
padding-bottom: 120px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.home_header > div {
display: flex;
width: 100%;
flex-direction: row;
}
.home_header .left {
display: flex;
flex-direction: column;
justify-content: center;
width: 40%;
}
.home_header .left h1 {
font-size: 130px;
font-size: min(max(60px, 7vw), 130px); 
color: var(--txt);
font-weight: 600;
line-height: 100%;
z-index: 20;
position: absolute;
white-space: nowrap;
}
.home_header .item:last-of-type .left {
justify-content: flex-start;
padding-top: 120px;
}
.home_header .left h2 {
font-size: 40px;
font-size: min(max(20px, 2.5vw), 40px);
z-index: 20;
color: var(--main);
font-weight: bold;
}
.home_header .right {
right: 0;
width: 60%;
}
.home_header .right .img {
width: 100%;
height: auto;
background-color: var(--bg);
}
.home_header .right .img img {
width: 100%;
height: auto;
opacity: 0.4;
}
.home_header .right .img .overlay {
position: absolute;
top: 0;
right: 0;
width: 90%;
height: 90%;
overflow: hidden;
z-index: 10;
opacity: 0.8;
}
.home_header .right .img .overlay * {
fill: var(--bg);
}
.home_header .right h4 {
margin: 120px 0 60px 0;
font-size: 30px;
font-size: min(max(18px, 1.5vw), 30px); 
color: var(--txt);
padding-right: 20%;
}
/********************************************************************************************************/
.home_info {
display: flex;
flex-direction: column;
background-color: var(--white);
padding-top: 115px;
padding-bottom: 115px;
gap:100px;
}

.home_info span,
.home_info p{
font-size: 30px;
font-size: min(max(16px, 1.5vw), 30px); 
color: var(--txt);
}
.home_info span a,
.home_info p a {color: var(--main);}
.home_info .item {
display: flex;
flex-direction: row;
}
.home_info .item .content {
display: flex;
flex-direction: column;
flex-grow: 1;
width: 75%;
}
.home_info ul li a{
text-decoration: underline;
color: var(--main);
}
.home_info ul li:before {
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 3px;
height: 3px;
background-color: var(--txt);
}
.home_info ul li {
padding-left: 10px;
}
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
#page_galeria .section h1 {
color: var(--blue);
font-family: 'Alternate Gothic No1 D';
text-transform: uppercase;
font-size: 45px;
font-size: min(max(30px, 3vw), 45px);
letter-spacing: 5px;
margin-bottom: 15px;
}
#page_galeria .section h3 {
font-family: 'Archivo SemiExpanded';
font-size: 17px;
font-size: min(max(14px, 1.5vw), 17px);
font-weight: 300;
color: #ffffff;
}
#galeria_wrapper {
display: flex;
flex-direction: row !important;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
gap:20px;
padding: 110px 0 0 0;
}
#galeria_wrapper .galeria_item {
height: 250px;
width: calc(33.333% - 20px);
}
#galeria_wrapper .galeria_item > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.galeria_item .galeria_item_btn {
width: 60px;
height: 60px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
position: absolute !important;
bottom: 20px;
right: 20px;
z-index: 99;
overflow: hidden;
}
.galeria_item .galeria_item_btn:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.5;
}
.galeria_item.galeria_item_img .galeria_item_btn:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../img/galeria_img_ico.svg") center center no-repeat;
background-size: 50% auto;
}
.galeria_item.galeria_item_mov .galeria_item_btn:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../img/galeria_mov_ico.svg") center center no-repeat;
background-size: 50% auto;
}
/********************************************************************************************************/
#body:not(#page_home) #content {
padding-top: 115px;
padding-bottom: 115px;
}
body#page_home .prelegenci {
    padding-top: 115px;
    padding-bottom: 115px;
}
.prelegenci h3 {
margin-bottom: 15px;
}
.prelegenci > .content {
display: flex;
flex-direction: row;
gap:80px 40px;
margin-top: 110px;
flex-wrap: wrap;
justify-content: flex-start;
}
.prelegenci > .content > .item {
flex-shrink: 1;
flex-grow: 0;
width:calc(25% - 40px);
}
.prelegenci > .content > .item > .thumb {
width: 100%;
height: 430px;
}
.prelegenci > .content > .item > .thumb > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.prelegenci > .content > .item > .thumb > .item {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 10px;
flex-wrap: wrap;
gap:10px;
}
.prelegenci > .content > .item > .thumb > .item > ul {
display: flex;
flex-direction: row;
column-gap: 10px;
}
.prelegenci > .content > .item > .thumb > .item > ul.social li a {
background-color: var(--main);
border-radius: 5px;
padding: 5px;
color: var(--white);
  -webkit-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  -moz-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  -o-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
}
.prelegenci > .content > .item > .thumb > .item > ul.social li:hover a {
color: var(--main);
background-color: transparent;
}
.prelegenci > .content .item > .thumb > .item > ul.lang li img {
width: 35px;
height: auto;
display: block;
}
.prelegenci > .content .item > .content {
margin: 35px 0 0 0;
display: flex;
flex-direction: column;
}
.prelegenci > .content .item > .content .title {
font-weight: bold;
font-size: 30px;
font-size: min(max(18px, 1.5vw), 30px); 
margin-bottom: 5px;
}
.prelegenci > .content .item > .content .txt {
font-size: 20px;
font-size: min(max(14px, 1.5vw), 20px);
line-height: 160%;
}
/********************************************************************************************************/
.partnerzy {
display: flex;
flex-direction: column;
background-color: var(--partner_white);
padding: 60px 0;
}
#page_partnerzy #content > .partnerzy {

background-color: transparent;
}
#page_partnerzy #content > .partnerzy > .content > .partnerzy {
padding: 0 50px;
margin: 110px 0 0 0;
}
.partnerzy > .item {
display: flex;
flex-direction: column;
padding: 60px 0;
border-bottom: solid 1px #9f9f9f;
}
.partnerzy > .item:last-of-type {
border-bottom: none;
}
.partnerzy > .item > .title {
display: block;
text-align: center;
text-transform: uppercase;
font-size: 30px;
font-size: min(max(18px, 1.5vw), 30px); 
margin-bottom: 60px;
}
.partnerzy > .item > ul {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap:100px;
flex-wrap: wrap;
}
.partnerzy > .item > ul li {
min-width: 100px;
flex-grow: 0;
flex-shrink: 1;
}
.partnerzy > .item > ul li img {
max-height: 100px;
width: 100%;
height: auto;
}
/********************************************************************************************************/
.kontakt > .content {
display: flex;
flex-direction: row;
padding: 110px 0 0 0 ;
gap:50px;
}
.kontakt > .content > .item:nth-of-type(1) {
width: 60%;
background-color: var(--white);
flex-grow: 1;
flex-shrink: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 0 8%;
}
.kontakt > .content > .item:nth-of-type(1) > ul li * {
font-size: 30px;
font-size: min(max(18px, 1.5vw), 30px); 
color: var(--txt);
}

.kontakt > .content > .item .social {
margin: 60px 0 0 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.kontakt > .content > .item .social > a {
color: var(--txt);
font-size: 30px;
font-size: min(max(18px, 1.5vw), 30px); 
margin-bottom: 10px;
}
.kontakt > .content > .item .social ul {
display: flex;
flex-direction: row;
gap:10px;
}
.kontakt > .content > .item .social ul li a {
color: var(--txt);
font-size: 30px;
}
.kontakt > .content > .item .social a:hover,
.kontakt > .content > .item > p a:hover{
color: var(--main);
}
.kontakt > .content > .item:nth-of-type(2) {
width: calc(40% - 50px);
}
.kontakt > .content > .item > .thumb {
width: 100%;
height: 550px;
}
.kontakt > .content > .item > .thumb > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.kontakt > .content > .item > .thumb > .item {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 10px;
flex-wrap: wrap;
gap:10px;
}
.kontakt > .content > .item > .thumb > .item > ul {
display: flex;
flex-direction: row;
column-gap: 10px;
}
.kontakt > .content > .item > .thumb > .item > ul.social li a {
background-color: var(--main);
border-radius: 5px;
padding: 5px;
color: var(--white);
  -webkit-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  -moz-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  -o-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
}
.kontakt > .content > .item > .thumb > .item > ul.social li:hover a {
color: var(--main);
background-color: transparent;
}
/********************************************************************************************************/

.agenda .filterwrapper {
display: flex;
flex-direction: column;
padding-bottom: 100px;
}
.agenda .filterwrapper .nav {
display: flex;
flex-direction: row;
gap:50px;
padding-bottom: 20px;
border-bottom: solid 2px #898887;
margin-bottom: 20px;
}
.agenda .filterwrapper .nav a {
color: var(--txt);
font-weight: 600;
}
.agenda .filterwrapper .nav li.active a,
.agenda .filterwrapper .nav li a:hover{
color: var(--main);
}
.agenda .filterwrapper .filters {
display: flex;
flex-direction: row;
justify-content: space-between;
gap:50px;
}
.agenda .filterwrapper .filters .item {
display: flex;
flex-direction: row;
gap:50px;
}
.agenda .filterwrapper .filters label {
font-size: 25px;
font-size: min(max(16px, 1.5vw), 25px); 
display: flex;
flex-direction: row;
align-items: center;
cursor: pointer;
gap:15px;
}
.agenda .filterwrapper .filters label input {
width: 30px;
height: 30px;
border: solid 1px #cbcac8;
border-radius: 2px;
background-color: var(--white);
cursor: pointer;
flex-shrink:0;
}
.agenda .filterwrapper .filters label.check_lang {
width: 75px;
}
.agenda .filterwrapper .filters label.check_lang img {
width: 30px;
height: auto;
display: block;
}
.agenda .filterwrapper .filters label input:checked{
background-color: var(--main);
border-color: var(--main);
}

.agenda > .content {
display: flex;
flex-direction: column;
}
.agenda > .content > .item > .time {
display: flex;
flex-direction: row;
align-items: center;
}
.agenda > .content > .item > .time .title {
width: 90px;
font-weight: 600;
font-size: 30px;
font-size: min(max(18px, 1.5vw), 30px); 
flex-grow: 0;
flex-shrink: 0;
}
.agenda > .content > .item > .time .sep {
height: 1px;
background-color: #959593;
width: 100%;
flex-grow: 1;
}
.agenda > .content > .item > .content {
background-color: var(--white);
margin:25px 0 25px 90px;
padding: 30px;
}
.agenda > .content > .item.off {display: none;}
.agenda > .content > .item.on {display: block;}

.agenda > .content > .item > .content {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}
.agenda > .content > .item > .content > .info {
display: flex;
flex-direction: row;
gap:60px;
}
.agenda > .content > .item > .content > .info li {
font-size: 25px;
font-size: min(max(14px, 1.5vw), 25px); 
color: var(--txt);
}
.agenda > .content > .item > .content > .info li:first-of-type {font-weight: 600;}
.agenda > .content > .item > .content > .lang {
display: flex;
flex-direction: row;
gap:20px;
}
.agenda > .content > .item > .content > .lang li img {
width:30px;
height: auto;
}
.agenda > .content > .item > .content > .content {
width: 100%;
display: flex;
flex-direction: column;
margin: 40px 0 0 0;
gap:30px;
}
.agenda > .content > .item > .content > .content > .title {
font-size: 35px;
font-size: min(max(20px, 1.5vw), 35px); 
font-weight: bold;
}
.agenda > .content > .item > .content > .content > .item {
display: flex;
flex-direction: row;
gap:45px;
align-items: center;
}
.agenda > .content > .item > .content > .content > .item > .thumb {
width: 135px;
height: 135px;
flex-shrink: 0;
}
.agenda > .content > .item > .content > .content > .item > .thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.agenda > .content > .item > .content > .content > .item > .info {
display: flex;
flex-direction: column;
}
.agenda > .content > .item > .content > .content > .item > .info * {
font-size: 25px;
font-size: min(max(14px, 1.5vw), 25px); 
color: var(--txt);
}
.agenda > .content > .item > .content > .content > .item > .info .title {
font-weight: bold;
}
/********************************************************************************************************/
#rejestracja_pakiet {
flex-grow: 1;
}
#rejestracja_pakiet h1 {
font-family: 'Archivo SemiExpanded';
font-size: 17px;
font-size: min(max(14px, 1.5vw), 17px);
line-height: 160%;
color: #ffffff;
font-weight: 300;
}

#rejestracja_pakiet .row {
margin: 50px 0;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
#rejestracja_pakiet .row .item {
background-color:#272b58;
border-radius: 15px;
padding: 40px;
display: flex;
flex-direction: column;
align-items: center;
max-width: 48%;
align-self: stretch;
border: solid 1px #272b58;
}
#rejestracja_pakiet .row .item:hover {
background-color: #070924;
border: solid 1px #20244c;
}
#rejestracja_pakiet .row .item.disabled {
opacity: 0.5;
}
#rejestracja_pakiet .row .item.disabled .cta_wrap {display: none;}
#rejestracja_pakiet .row .item.disabled ul li.price {margin-top: 0;}
#rejestracja_pakiet .row .item h2 {
color: var(--blue);
font-family: 'Alternate Gothic No1 D';
text-transform: uppercase;
font-size: 45px;
font-size: min(max(30px, 3vw), 45px);
letter-spacing: 5px;
padding: 0 0 20px 0;
border-bottom: solid 3px var(--darkblue); 
width: 100%;
text-align: center;
margin-bottom: 20px;
}
#rejestracja_pakiet .row .item ul {
display: flex;
flex-direction: column;
flex-grow: 1;
}
#rejestracja_pakiet .row .item ul li {
margin-bottom: 20px;
font-family: 'Archivo SemiExpanded';
font-size: 17px;
font-size: min(max(14px, 1.5vw), 17px);
font-weight: 300;
color: #ffffff;
display: flex;
flex-direction: row;
}
#rejestracja_pakiet .row .item ul li .icon {margin-right: 10px; width: 20px;flex-shrink: 0;flex-grow: 0;}
#rejestracja_pakiet .row .item ul li .icon.bss2023-v {color: #22aa13;font-size: 21px;}
#rejestracja_pakiet .row .item ul li .icon.bss2023-x {color: #f20000;font-size: 16px;top: 2px;}

#rejestracja_pakiet .row .item ul li.price {
margin: 20px 0 40px 0;
font-size: 21px;
color: #ef622b;
font-weight: 600;
margin-top: auto;
}
#rejestracja_pakiet .row .item > p {
font-size: 13px;
color: #ffffff;
font-weight: 300;
font-family: 'Archivo SemiExpanded';
text-align: center;
line-height: 120%;
margin-top: 30px;
}
#rejestracja_pakiet .row .item .cta_wrap {width: 100%;}
#rejestracja_pakiet .row .item .cta_wrap > * {margin: 0;}


#rejestracja_pakiet .row .item:hover .cta_wrap .cta_col span:before {
border: 5px solid transparent;
background: linear-gradient(100deg, #f800f8, #f800f8) border-box;
-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
}
#rejestracja_pakiet .row .item:hover .cta_wrap .cta_col {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: #f800f8;
}
#rejestracja_pakiet .row .item:hover .cta_wrap .cta_col span {
color: #000000;
}
#rejestracja_pakiet .row .item:hover .cta_wrap .cta_col:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 0;
-webkit-box-shadow: inset 0px 0px 43px 0px rgba(0, 220, 253,  0);
-moz-box-shadow: inset 0px 0px 43px 0px rgba(0, 220, 253,  0);
box-shadow: inset 0px 0px 43px 0px rgba(0, 220, 253,  0);
}



/********************************************************************************************************/

#rejestracja_form {flex-grow: 1;}
#rejestracja_form h1 {
color: var(--blue);
font-family: 'Alternate Gothic No1 D';
text-transform: uppercase;
font-size: 45px;
font-size: min(max(30px, 3vw), 45px);
letter-spacing: 5px;
margin-bottom: 15px;
}
#rejestracja_form h3 {
font-family: 'Archivo SemiExpanded';
font-size: 17px;
font-size: min(max(14px, 1.5vw), 17px);
font-weight: 300;
color: #161935;
}
#rejestracja_formularz {
display: flex;
flex-direction: column;

}
#rejestracja_formularz .item_wrap {
width: 100%;
gap:20px;
margin-bottom: 40px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
#rejestracja_formularz .item_wrap:last-of-type {margin-bottom: 0;}
#rejestracja_formularz .item_wrap > .title {
text-transform: uppercase;
color: #141842;
font-size: 30px;
font-size: min(max(20px, 1.5vw), 30px);
font-weight: bold;
width: 100%;
display: block;
}
#rejestracja_formularz .item_wrap > .txt {
font-size: 25px;
font-size: min(max(16px, 1.5vw), 25px);
}
#rejestracja_formularz .item_wrap .item {
display: flex;
flex-direction: column;
max-width: 48%;
width: 100%;
}
#rejestracja_formularz .item_wrap .item label,
#rejestracja_formularz .item_wrap .item input{
font-size: 25px;
font-size: min(max(16px, 1.5vw), 25px);
color: #141842;
font-weight: 300;
margin-bottom: 10px;
}
#rejestracja_formularz .item_wrap .item input {
height: 45px;
border: solid 1px #141842;
margin-bottom: 0;
padding: 0 15px;
font-weight: 400;
}
#rejestracja_formularz .item_wrap.form_radio .item {
max-width: 100%;
flex-direction: row;
flex-wrap: wrap;
gap:20px 60px;
}
#rejestracja_formularz .item_wrap.form_radio .item input {
visibility: hidden;
width: 0;
height: 0;
padding: 0;
}
#rejestracja_formularz .item_wrap.form_radio .item label {
display: flex;
flex-direction: column;
cursor: pointer;
}
#rejestracja_formularz .item_wrap.form_radio .item label span {
font-size: 30px;
font-size: min(max(20px, 1.5vw), 30px);
color: #141842;
font-weight: 300;
padding-left: 45px;
display: inline-block;
}
#rejestracja_formularz .item_wrap.form_radio .item label span strong {
color: var(--main);
}
#rejestracja_formularz .item_wrap.form_radio .item label span:before,
#rejestracja_formularz .item_wrap.form_radio .item label span:after{
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}
#rejestracja_formularz .item_wrap.form_radio .item label span:before {
  border: 1px solid #b7b6b4;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
		background-color: var(--white);
}
#rejestracja_formularz .item_wrap.form_radio .item label span:after {
  background-color: var(--main);
  width: 30px;
  height: 30px;
  border: solid 1px var(--main);
  position: absolute;
  transition: 300ms;
  opacity: 0;
}
#rejestracja_formularz .item_wrap.form_radio .item label input:checked + span:after {opacity: 1}

#rejestracja_formularz .item_wrap.form_rabat {flex-direction: column;}
#rejestracja_formularz .item_wrap.form_rabat .item {
flex-direction: row;
max-width: 100%;
}
#rejestracja_formularz .item_wrap.form_rabat .item:first-of-type {align-items: center}
#rejestracja_formularz .item_wrap.form_rabat .item input[type="text"] {
width: 48%;
margin-right: 20px;
}
#rejestracja_formularz .item_wrap.form_rabat .item input[type="submit"] {
background-color: #00bce4;
color: #ffffff;
font-size: 22px;
font-weight: 600;
border: none;
border-radius: 25px;
width: 200px;
height: 35px;
}
#rejestracja_formularz .item_wrap.form_rabat label {
font-size: 25px;
font-size: min(max(16px, 1.5vw), 25px);
color: #31c24c;
font-weight: 300;
}
#rejestracja_formularz .item_wrap.form_check {flex-direction: column;margin: 30px 0 60px 0;}
#rejestracja_formularz .item_wrap.form_check .item {
flex-direction: row;
max-width: 100%;
}
#rejestracja_formularz .item_wrap.form_check .item input[type="checkbox"] {
width: 30px;
height: 30px;
border:1px solid #b7b6b4;
padding: 0;
flex-grow: 0;
flex-shrink: 0;
cursor: pointer;
transition: 300ms;
background-color: #ffffff;
margin-right: 20px;
top: 10px;
}
#rejestracja_formularz .item_wrap.form_check .item input[type="checkbox"]:checked {
background-color: var(--main);
border-color: var(--main);
}
#rejestracja_formularz .item_wrap.form_check .item span {
font-size: 30px;
font-size: min(max(16px, 1.5vw), 30px);
color:var(--txt);
line-height: 160%;
}
#rejestracja_formularz .item_wrap.form_check .item span a {
color: #00bce4; 
}
#rejestracja_formularz .item_wrap.form_check label { display: none !important;}
#rejestracja_formularz .item_wrap.form_radio .item label input.error + span:before {  border-color: #d51205;}
#rejestracja_formularz .item_wrap .item input.error,
#rejestracja_formularz .item_wrap.form_check .item input[type="checkbox"].error {border: solid 1px #d51205;}

#rejestracja_formularz .item_wrap.form_dane label.error,
#rejestracja_formularz .item_wrap.form_faktura label.error{
position: absolute;
bottom: -20px;
left: 0;
width: 100%;
text-align: center;
font-size: 16px;
color: #d51205;
margin: 0;
}
#rejestracja_formularz .cta_wrap input,
.popup_content .cta_wrap input{
height: 60px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--main);
color: var(--white);
font-size: 30px;
font-size: min(max(18px, 1.5vw), 30px); 
padding: 0 30px;
border: solid 1px var(--main);
font-weight: 600;
}
#rejestracja_formularz .item_wrap .item input:disabled,
#rejestracja_formularz .item_wrap.form_radio .item label input:disabled + span:before,
#rejestracja_formularz .cta_wrap > input:disabled {background-color: #CDCDCD;}
#rejestracja_formularz .item_wrap.form_radio .item label input:checked:disabled + span:after,
#rejestracja_formularz .item_wrap.form_check .item input[type="checkbox"]:checked:disabled {
background-color: #323232;
border-color: #323232;
}
#rejestracja_formularz .item_wrap textarea {
width: 100%;
resize: vertical;
min-height: 140px;
background-color: var(--white);
border: solid 1px #b2b2b0;
padding: 20px;
font-size: 30px;
font-size: min(max(16px, 1.5vw), 30px);
}


/********************************************************************************************************/

#content > div,
#content > form{ 
padding-top: 100px !important;
padding-bottom: 100px !important;
}
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
#footer {
background: var(--txt);
}
#footer .content {
margin: 0 auto;
max-width: 1920px;
padding: 60px 9.3%;
display: flex;
flex-direction: column;
}
#footer .content > .item {
display: flex;
flex-direction: row;
gap:70px;
}
#footer .content > .item .organizator {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
#footer .content > .item .organizator * {color: var(--white);}
#footer .content > .item .organizator p {
font-size: 30px;
font-size: min(max(18px, 1.5vw), 30px); 
text-transform: uppercase;
}
#footer .content > .item .organizator a {
font-size: 170px;
line-height:50%;
}
#footer .content > .item .nav {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-self: flex-start;
gap:10px;
}
#footer .content > .item .nav li {
width: calc(33% - 10px);
}
#footer .content > .item .nav li a {
color: var(--white);
}
#footer .content > .item .nav li a:hover,
#footer .content > .item .nav li.active a {
color: var(--main);
}
#footer .content > .item .social {
margin-left: auto;
display: flex;
flex-direction: column;
align-items: flex-end;
}
#footer .content > .item .social > a {
color: var(--white);
font-size: 30px;
font-size: min(max(18px, 1.5vw), 30px); 
margin-bottom: 10px;
}
#footer .content > .item .social ul {
display: flex;
flex-direction: row;
gap:15px;
}
#footer .content > .item .social ul li a {
color: var(--white);
font-size: 35px;
}
#footer .content > .item .social a:hover,
#footer .content > .item > p a:hover{
color: var(--main);
}
#footer .content > .item > p,
#footer .content > .item > p a{
font-size: 30px;
font-size: min(max(16px, 1.5vw), 25px); 
color: var(--white);
}
/********************************************************************************************************/

/********************************************************************************************************/

@media only screen and (min-width: 2300px) {
#galeria_wrapper .galeria_item {
height: 250px;
width: calc(20% - 20px);
}
}

@media only screen and (min-width: 1921px) {

#galeria_wrapper .galeria_item {
height: 250px;
width: calc(25% - 20px);
}
}

@media only screen and (max-width: 1100px) {

#wrapper > div {
padding: 0 40px;
}
#wrapper:not(#page_home) #content {
padding-top: 50px;
padding-bottom: 50px;
}
#wrapper #content > div {
padding-left: 20px;
padding-right: 20px;
}
#header {
height: 110px;
align-items: center;
}
#header .right .bss2023-nav {
display: block;
z-index: 999;
}
#header:after {
content: "";
position: absolute;
z-index: 99;
background-color: var(--white);
width: calc(100% + 160px);
height: 100%;
left: -80px;
}
#header .left .logo {z-index: 999;}
#header .right {
flex-direction: column;
    align-items: self-end;
    display: flex;
    justify-content: center;
				height: 100%;
}

#header .right .nav {
position: absolute;
right: -40px;
top: -100px;
flex-direction: row;
z-index: 80;
background-color: var(--white);
width: calc(100vw - 10px);
padding: 0 40px;
justify-content: space-between;
  -webkit-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  -moz-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  -o-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
		flex-wrap: wrap;
		flex-grow: 1;
}
#header .right .nav li {flex-grow: 1;}
#header .right .nav.active {
-webkit-box-shadow: 0px 0px 34px 0px rgba(66, 68, 90, 0.2);
-moz-box-shadow: 0px 0px 34px 0px rgba(66, 68, 90, 0.2);
box-shadow: 0px 0px 34px 0px rgba(66, 68, 90, 0.2);
top: 100px;
}

.home_header {
padding-top: 0;
padding-bottom: 50px;
}

.home_info,
.prelegenci{
padding-top: 40px;
padding-bottom: 40px;
}

body:not(#page_home) #content > .prelegenci,
body:not(#page_home) #content > .agenda,
body:not(#page_home) #content > .kontakt,
#rejestracja_formularz {
padding: 0;
}
body:not(#page_home) #content > .agenda > .content > .agenda {padding: 40px 0 0 0;}
.agenda .filterwrapper {padding-bottom: 50px;}
.prelegenci > .content {margin-top: 40px;gap:40px;}
.prelegenci > .content > .item {
    flex-shrink: 1;
    flex-grow: 1;
    min-width: 170px;
    max-width: 100%;
    width: calc(50% - 20px);
}


#footer .content > .item {
flex-direction: column;
align-items: center;
justify-content: center;
gap: 30px;
}
#footer .content > .item:nth-of-type(1) {
margin: 0 0 50px 0;
}
#footer .content > .item .nav {width: 100%;}
#footer .content > .item .nav li {text-align: center;}
#footer .content > .item .social {
align-items: center;
margin-left: 0;
width: 100%;
}

.kontakt > .content > .item > .thumb {height: 320px;}
.kontakt > .content {gap:20px;padding: 40px 0;}
.kontakt > .content > .item:nth-of-type(1) {padding: 0 20px;}
.kontakt > .content > .item:nth-of-type(2) {width: calc(40% - 10px)}
#content > div,
#content > form{ 
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}



@media only screen and (max-width: 830px) {

.home_header > div {
flex-direction: column;
width: 100%;
gap:30px;
}
.home_header .left,
.home_header .right {
width: 100%;
}
.home_header .left h1 {
position: relative;
font-size: min(max(20px, 8vw), 100px);
width: 100%;
}
.home_header .item:last-of-type {padding-top: 30px;}
.home_header .item:last-of-type .left {padding: 0;}
.home_header .right h4 {margin: 0;padding: 0;}
#galeria_wrapper .galeria_item {
height: 250px;
width: calc(50% - 20px);
}
.home_header .left h2 {
font-size: min(max(20px, 6vw), 50px)
}
#header .left .logo {
width: 75%;
}
#header .left .logo img {
width: 100%;
height: auto;
}
.cta_wrap {margin-top: 30px;flex-wrap: wrap;}
.cta_wrap a {
flex-grow: 1;
}
.home_info {gap:40px;}
.home_info .item {flex-direction: column;}
.home_info .item .content {width: 100%;}
#page_home h3, body:not(#page_home) h1 {
width: 100%;margin-bottom: 20px;
font-size: min(max(30px, 5vw), 65px);
}
.partnerzy {padding:0;}
.partnerzy > .item > .title {
font-size: min(max(18px, 4.5vw), 30px);
}
.partnerzy > .item {padding: 40px 0;}

.agenda .filterwrapper .filters {
flex-wrap: wrap;
gap:20px;
}
.agenda .filterwrapper .filters .item {
flex-wrap: wrap;
gap:25px;
}
.agenda > .content > .item > .content {margin: 25px 0 25px 0;gap:20px;}
.agenda > .content > .item > .content > .info {gap:20px;flex-wrap: wrap;}
.agenda > .content > .item > .content > .lang li img {width: 20px;}
.agenda > .content > .item > .content > .content {margin: 20px 0 0 0;}

#wrapper #content > div {padding: 0;}
#galeria_wrapper {padding: 40px 0;}
}

@media only screen and (max-width: 600px) {
.kontakt > .content {flex-direction: column-reverse;}
.kontakt > .content > .item:nth-of-type(1),
.kontakt > .content > .item:nth-of-type(2) {width: 100%;}
.kontakt > .content > .item:nth-of-type(1) {padding: 20px;}

.agenda .filterwrapper .nav {flex-wrap: wrap;gap:20px;}
.agenda .filterwrapper .nav li {flex-grow: 1;text-align: center;}

#rejestracja_formularz .item_wrap .item {max-width: 100%;}
#header .right .nav {top: -200px;}

}

@media only screen and (max-width: 500px) {
.agenda > .content > .item > .content > .content > .item {flex-direction: column;gap:10px;margin-bottom: 20px;}
.agenda > .content > .item > .content > .content > .item > .thumb {
width: 100%;
max-height: 250px;
height: auto;
}
}

@media only screen and (max-width: 450px) {

#galeria_wrapper .galeria_item {
height: 250px;
width:100%;
}
}
@media only screen and (max-width: 400px) {
#wrapper > div {padding: 10px;}
#header .right .nav {right: -10px;padding: 0 10px;}
}
@media only screen and (max-width: 300px) {
#header .right .nav {top: -500px;}
}