/* Global reset */
* {vertical-align: baseline;font-weight: inherit;font-family: inherit;font-style: inherit;font-size: 100%;border: 0 none;outline: 0;padding: 0;margin: 0;list-style:none;}

/* Main css */
.body-xs header #intro{padding:15px 30px}
body{background:#fff; color: #373737; font-family: 'Geologica', Arial, Helvetica, sans-serif; font-size: 16px}
h1,h2,h3,h4,h5,h6{ margin-top: 0 }
img{ max-width: 100%; height: auto; }
/*.bootstrap-select{ width: 100% !important }
.bootstrap-select .btn.dropdown-toggle{ background: none !important; border: 1px solid rgba(255, 255, 255, 1) !important; border-radius: 5px; font-size: 20px; color: rgba(205, 205, 205, 1) !important; font-family: 'Geologica_italic', Arial, Helvetica, sans-serif; }
.bootstrap-select .dropdown-toggle .filter-option{ padding-right: 24px } */
.selectlist-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.selectlist-item {
	background: #fff url(../images/close-button.png) no-repeat right center;
    padding: 0 20px 0 5px;
	cursor: pointer;
	margin: 1px 0;
    display: inline-block;
    border: none
}

body:is(.body-xs, .body-sm) header #intro{text-align:center; padding:45px 15px;}
#ajax-loader{ z-index: 1500; position: absolute; left: 50%; top: 50%; margin: -16px 0 0 -16px; width: 32px; height: 32px }
.center { max-width: 1920px; margin: 0 auto; position: relative;}
#wrapper{width:100%; overflow-x: hidden;}
#container{max-width:100%;}
header{max-width:100%; position: relative; color:#fff; background:#000;}
header > img{width:100%;}
/*header > img{ position: relative; width: 1920px; max-width: none; height: auto; margin-left: -960px; left: 50%}*/
.body-xs header > img{ left: 0;}
body:not(.body-sm, .body-xs) header #intro{ position: absolute; z-index: 999; margin-top:7.5%; font-family: 'Geologica', Arial, Helvetica, sans-serif; font-size: 24px; }
header #intro .logo{ display: block; margin-bottom: 100px; }
h1,header #intro strong{ font-family: 'Geologica', Arial, Helvetica, sans-serif; color: #000 }
header #intro strong{color: #fff}
header h1{ font-size: 64px; margin-bottom: 20px; display: block; color: #4B30AE}
.body-xs h1{ font-size: 45px; }
.body-xs header:after{content:"";display:block;width:100%;height:100%;background:#000;opacity:0.2;position: absolute;top:0;left:0}
body:is(.body-md, .body-lg) header #intro .logo{margin-bottom:30px;}
.body-md header h1{font-size:34px;}
.body-md header #intro p{font-size:17px;}
.body-lg header #intro p{font-size:20px;}
/* Reset Select */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: none;
  background-image: none;
  padding: 10px 55px 10px 15px;
}
/* Custom Select */
.select {
  position: relative;
  display: block;
  background: none;
  border-radius: 5px;
  border: 1px solid #fff;
  font-size: 20px;
  color: rgba(205, 205, 205, 1);
  font-family: 'Geologica_italic', Arial, Helvetica, sans-serif;
}
body.body-lg .select{ font-size: 15px }
select {
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
}
select::-ms-expand {
  display: none;
}

select option,.ms-drop ul > li label{
  color: rgba(55, 55, 55, 1);
  font-size: 16px;
  font-family: 'Geologica', Arial, Helvetica, sans-serif;
  text-align: left;
  }

/* Arrow */
.select::after {
  content:'';
  position: absolute;
  width: 30px;
  height: 16px;
  top: 50%;
  right: 0;
  bottom: 0;
  margin-top: -8px;
  padding: 0 45px 0 0;
  background: url(../images/select-arrow.png) 0 0 no-repeat;
  pointer-events: none;
}
/* Transition */
.select:hover::after {
  color: #f39c12;
}
.select::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
.ms-choice{ background-color: transparent; border: none; color: rgba(205, 205, 205, 1);  }
header #intro strong{ display: block; margin-top: 25px }
#main{max-width:100%;}
#main #searchPanel{ background: #000; color: rgba(255, 255, 255, 1); text-align: center; }
#main #searchPanel h2{ font-family: 'Geologica', Arial, Helvetica, sans-serif; font-size: 48px; margin-bottom: 35px }
body:is(.body-sm, .body-xs) #main #searchPanel h2{font-size:28px;}
#main #searchPanel .form-search{ padding: 40px 0 50px 0 }
#main #searchPanel #filters{ background: rgba(255, 255, 255, 1); color: #373737; padding: 20px 0; text-align: left; }
#main #searchPanel #filters #branchList,#main #searchPanel #filters #productList,#main #searchPanel #filters #branchList span,#main #searchPanel #filters #productList span { float: left; margin-right: 15px }
#main #searchPanel #filters #branchList span:first-of-type:before{ content: 'Wybrane branże: '; float: left; padding: 0 15px 0 0 }
#main #searchPanel #filters #productList span:first-of-type:before{ content: 'Wybrane funkcjonalności: '; float: left; padding: 0 15px 0 0 }
#main #content{ padding-top: 50px; padding-bottom: 50px; background: rgba(223, 223, 223, 1); border-top: 1px solid rgba(202, 202, 202, 1); }
#portfolio-preloader img{ display: block; margin: 0 auto; width: 32px; height: auto; }
#main #content .masonry-container .masonry-item{ margin-bottom: 30px; text-align: center; }
#main #content .masonry-container .masonry-item .project{ position: relative; }
#main #content .masonry-container .masonry-item .project .wrapper{ opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); color: rgba(255, 255, 255, 1); font-family: 'Geologica_italic', Arial, Helvetica, sans-serif; display: flex; align-items: center; justify-content: center; }
#main #content .masonry-container .masonry-item .project .description { padding: 30px 50px}
#main #content .masonry-container .masonry-item .project .description .text h3 { font-family: 'Geologica', Arial, Helvetica, sans-serif; font-size: 36px}
.body-md #main #content .masonry-container .masonry-item .project .description .text h3 { font-size: 24px}
#main #content .masonry-container .masonry-item .project .description .text { font-size: 20px}
.body-md #main #content .masonry-container .masonry-item .project .description .text { font-size: 14px}
#main #content .masonry-container .masonry-item .project .description .details h4 { font-size: 22px}
.body-md #main #content .masonry-container .masonry-item .project .description { font-size: 14px}
.body-md #main #content .masonry-container .masonry-item .project .description .details h4 { font-size: 16px}
#main #content .masonry-container .masonry-item .project .buttons { margin: 30px 0; padding: 0 30px}
#main #content .masonry-container .masonry-item .project .buttons .btn{ display: block; color: rgba(255, 255, 255, 1); border: 1px solid rgba(255, 255, 255, 1); border-radius: 10px; margin: 20px 0; font-size: 20px; padding-top: 10px; padding-bottom: 10px}
.body-md #main #content .masonry-container .masonry-item .project .buttons .btn{ font-size: 14px;}
#main #content .masonry-container .masonry-item:hover .project .wrapper { opacity: 1; transition: all .5s ease-in-out;  }
footer{max-width:100%; background: #000 no-repeat; text-align: center; padding: 35px 0; font-size: 13px; color: #fff; clear: both;}
footer .logo{ margin-bottom: 25px; display: block; }
footer hr{ border-color: #fff }
  header .center{max-width:100%;}

.jlmf-link{background:#000; padding: 5px 7px; border:1px solid #fff; border-radius:5px;}
@media only screen and (max-width: 768px) {
  .jlcontentfieldsfilter .form-group{ flex-direction: column;}
  
}
@media only screen and (min-width: 768px) {
.jlcontentfieldsfilter .col-xs-12:has(.select){width:384px;}
.jlmf-list-1{display:inline-block;margin-right:15px;}
.jlmf-list-1>div{display:flex; gap:15px;}

  .jlcontentfieldsfilter{display: flex; flex-wrap: wrap; justify-content: center;}}
.jlcontentfieldsfilter > div:nth-child(1){margin-bottom:50px}

.jlcontentfieldsfilter .form-group {display: flex;    align-items: center;    justify-content: center;    gap: 20px;}
.jlmf-list-1 label {margin-bottom: 0;}