/* STYLES FOR JOOMLA! USER */
/* KLASY specjalne:
  image-float - powoduje floatowanie obrazków
  reverse-odd - powoduje ulozenie obrazkow na przemian z lewej i prawej (tylko dla leading)
   align-center - powoduje wysrodkowanie tekstu wzgledem obrazka  (tylko dla leading)
   img-opacity
   img-gray
   img-sepia
   img-rotate
 */  

:root {
scroll-behavior: smooth;	 
  
  --template-color-link:var(--template-color-link);
  --template-color-hover: var(--template-color-link-hover);
  --template-color-brand: red;
  
  --template-border-color: hsl(210deg, 14%, 89%); 
  --body-font-size: var(--template-font-size) ; /* 16px */
  --body-font-weight: var(--template-font-weight);
  --body-line-height:var(--template-line-height);
  --body-color: var(--template-body-color);
  --body-bg:rgb(248, 248, 248);
  --body-text-align: left; 
    
  --header-background: var(--template-color-primary);
  --header-color: #000; 
  --footer-background: #fff;
  --footer-color: #000; 
  
  --template-gap-col:var(--template-gap-col );
  --template-gap-row:var(--template-gap-row );
 
  --module-card-border:hsl(210deg, 14%, 89%);
  --module-card-color:var(--body-color);
  --module-card-background:  hsl(0deg, 0%, 100%); 
  --module-card-header-bg: rgba(0, 0, 0, 0.03); 
  --module-card-header-color:var(--body-color);
  --module-nocard-header-color:var(--body-color);
  
  --area-image:var(--image-max-width-intro);
  --image-float-margin: var(--template-gap-col);
  --headlines-color: var(--template-headlines-color);
  --headlines-color-module: var(--template-headlines-color-module);
  
  
  --page-width: var(--template-page-width, 21.875rem );
   
  
  
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {  
  font-weight: var(--font-weight-headings);
}
figcaption {text-align:center ; font-style:italic; font-size:0.8em;}
.brand-logo{text-decoration:none;}
/* KONFIGURACJA SZABLONU ================================================================================================================================= */
/* definicja szerokosci strony ---------------------------------------------------------
   17.875rem - 1192px
   18.875rem  - 1258px
   21.875rem - 1448px
   .site-grid{grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,18.875rem)) [main-end] minmax(0,1fr) [full-end];}

.site-grid{grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,var(--page-width))) [main-end] minmax(0,1fr) [full-end] ;}

*/
/* zmiana szerokosci kolumn bocznych
.site-grid{grid-template-columns: [full-start] minmax(0,1fr) [main-start] 10.875rem 24.875rem 17.875rem 17.875rem [main-end] minmax(0,1fr) [full-end] ;}
*/
.site-grid{grid-template-columns: [full-start] minmax(0,1fr) [main-start] var(--page-width) var(--page-width)  var(--page-width) var(--page-width)  [main-end] minmax(0,1fr) [full-end] ;}
.site-grid{grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,var(--page-width))) [main-end] minmax(0,1fr) [full-end] ;}

.grid-child{
  max-width:calc(var(--page-width) * 4 + (3 * var(--gap-pion)) ) ;	
}	
/* doatkowe moduły w siatce site-grid np. container-bottom-c , breadcumb -----------------*/
.container-bottom-c {
  grid-area: bot-c;
}
.container-bradcrumbs {
  grid-area: bread;
}
@supports (display: grid) {
  .site-grid {
	  
    display: grid;
    grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". bread bread bread bread ."  ". side-r side-r side-r side-r ." ". side-l side-l side-l side-l ." ". comp comp comp comp ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ." ". bot-c bot-c bot-c bot-c .";
     grid-gap: 0 var(--gap-pion);
  }
  
  @media (min-width: 992px) {
    .site-grid {		 
      grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". bread bread bread bread." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ." ". bot-c bot-c bot-c bot-c .";
    }
  }
}
main{
 margin-bottom: var(--template-gap-row) !important;	 
}	

.container-bottom-c ,
.container-breadcrumbs {
  position: relative;
}

.container-bottom-c > * ,
.container-breadcrumbs > *{
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0.5em 0;/* odstep poziomy */
}
 
@media (max-width: 991.98px) {   
  .container-bottom-c {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  
  .container-bottom-c > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
    
   .container-breadcrumbs {
    flex-direction: column;
  }
   .container-breadcrumbs > *  {
    flex: 0 1 auto;
  }
}

/* dodatkowe moduły poza siatka site-grid np. slider, bottom, contact ------------------------------------------------ */
.container-bottom .grid-child{
 
}	

.container-test{ 
   
}
.wrapper-fluid .container-bottom ,
.wrapper-fluid .container-contact,
.wrapper-fluid .container-test{	
	padding-left:2em;	
	padding-right:2em;	
}	
@media (max-width: 991.98px) {
  .container-bottom,
  .container-contact,  
  .container-test{	  
   padding:0 var(--template-gap-col);  
  }	
   .container-bottom .grid-child,
  .container-contact .grid-child,    
  .container-test .grid-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
			 
  }  
}	
/* odstepy poziome i pionowe ----------------------------------------------------------------------------------------- */
.site-grid > [class^=container-],
.site-grid > [class*=" container-"],
.container-slider > *,
 .container-bottom > *,
 .container-test > *,
 .container-contact > *,
 .container-footer > *{ /* odstepy w kolumnach */
    -webkit-column-gap: var(--template-gap-col) ;
       -moz-column-gap: var(--template-gap-col) ;
            column-gap: var(--template-gap-col) ;
			
	
 }
 .container-top-a > *,
.container-top-b > *,
.container-bottom-a > *,
.container-bottom-b > * ,
.container-bottom-c > *{	
  flex: 1;
  margin: var(--template-gap-row)  0; /* odstep w rzedach */
}	
.container-bottom > div > div,
.container-test > div > div,
.container-contact > div >div{ 
  flex:1;
  margin: var(--template-gap-row)  0; /* odstep w rzedach */
  
}

/* HEADER =========================================== */
.container-header {
  position: relative;
  z-index: 10;
  background-color: var(--header-background);
  background-image: none;
  background-image:none;
  -webkit-box-shadow: 0 5px 5px hsla(0deg, 0%, 0%, 0.03) inset;
          box-shadow: 0 5px 5px hsla(0deg, 0%, 0%, 0.03) inset;
  color:var(--header-color); 		  
}
/* topbar */
.container-topbar {
 background:var(--template-color-primary);
 color:#fff;
}

.container-topbar.grid-child{
  max-width:100%;
   justify-content:space-between; /* space-around */
}	


.container-below-top {
    
}
.container-header .navbar-brand {
  
}	
.container-header .container-nav{	
   -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: center;
  padding-bottom: 0em;
  padding:0;
  
}	
.container-topbar,
.container-below-top {
   
}
.container-topbar a,
.container-below-top a {
  color: currentColor;
}
.container-topbar p,
.container-below-top p{
  margin:0;	
}	

/* FOOTER ======================================== */
.bot{
 padding-top:var(--template-gap-row	);
 background-color:var(--template-color-primary); 
 background-image: url(../images/footer_bg.jpg) ;
 background-repeat:no-repeat;
 background-position:center bottom;
 background-size:cover;
}	

.footer {
  margin-top: 0;
  
  color: var(--footer-color);
  background-image:none; 
  
  
}
.footer  .grid-child {
 
 background:var(--footer-background);
 padding:10px 10px 0 10px;
 margin-bottom:2em;
}	

@media (max-width: 991.98px) {
  .footer .grid-child{
     padding:0 var(--template-gap-col);
  } 
	  
}	
/*  MODUŁY ========================================= */
.grid-child .flex-1 {  
  flex: 1; }

.grid-child .flex-2 {
  flex: 2; }

.grid-child .flex-3 {  
  flex: 3; }

.grid-child .flex-4 {
  flex: 4; }

.grid-child .flex-5 {
  flex: 5; }

.grid-child .flex-6 {
  flex: 6; }

.grid-child .flex-7 {
  flex: 7; }

.grid-child .flex-8 {
  flex: 8; }

.grid-child .flex-9 {
  flex: 9; }

.grid-child .flex-10 {
  flex: 10; }

.grid-child .flex-11 {
  flex: 11; }
.grid-child .flex-12 {
  flex: 12; }  



.card {  
  word-wrap: break-word;
  background-color: var(--module-card-background);
  color: var(--module-card-color);
  border : 1px solid var(--module-card-border);  
  border-radius: 0.25rem;
}
.card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: var(--module-card-header-bg);
  border-bottom: 1px solid var(--module-card-border);
  color: var(--module-card-header-color);
  
}
.no-card {
	
}
.no-card .module-title{
 color:var(--module-nocard-header-color);
}	

/* CONTENT ========================================= */
.text-justify{
  text-align:justify;	
}	
@supports (display: grid) {
  .blog-items { 
     grid-gap: var(--template-gap-col);
  }
}  

.blog-item {
   box-sizing:border-box;
}	

.blog-item .item-image img{
  /* width:100%; */
  max-width:100%;  
}	
/* BLOG ================================================ */

/* ---- floatowanie obrazkow w blogu -------- */
.left {float:left !important;}
.right{float:right;}
.item-image.left{
	margin-right:var(--image-float-margin);	 
	margin-bottom:0;
}	
.item-image.right{
	margin-left:var(--image-float-margin);
	margin-bottom:0;
}	
.image-float .blog-items .blog-item {
  display:block  ;
}	
 .blog-items  .item-image{  
  max-width: var(--area-image); 
}	
.blog-items.masonry-2 .blog-item .item-image,
.blog-items.masonry-3 .blog-item .item-image,
.blog-items.masonry-4 .blog-item .item-image,

.blog-items.columns-2 .blog-item .item-image ,
.blog-items.columns-3 .blog-item .item-image,
.blog-items.columns-4 .blog-item .item-image{	
  max-width:100% !important;
  margin:0  ;
  margin-bottom:1em;
}	
.image-float .blog-items.masonry-2 .blog-item .item-image.left,
.image-float .blog-items.columns-2 .blog-item .item-image.left{
 margin-right:var(--image-float-margin);
 max-width: var(--area-image) !important; 
}
.image-float .blog-items.masonry-2 .blog-item .item-image.right,
.image-float .blog-items.columns-2 .blog-item .item-image.right{
  margin-left:var(--image-float-margin); 
  max-width: var(--area-image)  !important;  
}  

.image-float .items-leading .blog-item,
.items-leading .blog-item {
	display:block;
	flex-direction:row;
	box-sizing:border-box;	
	}	
.align-center .items-leading .blog-item {
  align-items: center;
}	
	
.items-leading .blog-item .item-image{
	box-sizing:border-box;
   /* flex-basis:var(--area-image); */
   
   margin-bottom: 0;
    flex:1 0 auto;
}
.items-leading .blog-item .item-image.left{	
  margin-right:var(--image-float-margin);
}
.items-leading .blog-item .item-image.right{	
  margin-left:var(--image-float-margin);
}

 .items-leading .blog-item  .item-content{
   box-sizing:border-box;
  /* flex-basis: calc(100% - var(--area-image));   */
   flex:1 1 auto;
}	

/* reverse-odd  - klasa dla 1-kolumny na przemian */
.reverse-odd .items-leading .blog-item{
  display:flex;
}
.reverse-odd .items-leading .blog-item:nth-child(even){
  	flex-direction: row-reverse;
}	
.reverse-odd .items-leading .blog-item:nth-child(even) .item-image{
   margin-right:0;	
   margin-left: var(--image-float-margin);  
}
.reverse-odd .items-leading .blog-item:nth-child(odd) .item-image{
	margin-left:0;	
	margin-right: var(--image-float-margin);  
}
/* RESPONSIVE - zmiana rozmiarów obrazka w blogu */
@media (max-width: 992px) {
  .blog-items  .item-image{  
	max-width:calc(var(--area-image)*0.6);   
	}	
  .items-leading .blog-item .item-image{
	  max-width:calc(var(--area-image)*0.6);   
	}	
}

/* readmore */
.readmore{
  text-align:right;	
}	
.readmore .icon-chevron-right{
	
}	

/* RESPONSIVE - ilość kolumn w blogu w zależnosci od szerokości strony */
@supports (display: grid) {  
  @media (max-width: 991px) {
    .blog-items.columns-2 {
      grid-template-columns: 1fr 1fr;
    }
    .blog-items.columns-3 {
      grid-template-columns: 1fr 1fr ;
    }
    .blog-items.columns-4 {
      grid-template-columns: 1fr 1fr 1fr  ;
    }
  }
   @media (max-width: 480px) {
    .blog-items.columns-2 {
      grid-template-columns: 1fr ;
    }
    .blog-items.columns-3 {
      grid-template-columns: 1fr  ;
    }
    .blog-items.columns-4 {
      grid-template-columns: 1fr 1fr   ;
    }
  }
   @media (max-width: 380px) {
    .blog-items.columns-2 {
      grid-template-columns: 1fr ;
    }
    .blog-items.columns-3 {
      grid-template-columns: 1fr  ;
    }
    .blog-items.columns-4 {
      grid-template-columns: 1fr ;
    }
  }  
}
@media (max-width: 991px) {
  .blog-items.masonry-2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
  .blog-items.masonry-3 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
  .blog-items.masonry-4 {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
  }
}
@media (max-width: 768px) {
  .blog-items.masonry-2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
  .blog-items.masonry-3 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
  .blog-items.masonry-4 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}
@media (max-width: 480px) {
  .blog-items.masonry-2 {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
  .blog-items.masonry-3 {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
  .blog-items.masonry-4 {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
@media (max-width: 420px) {
	.image-float .items-leading .blog-item,
	.items-leading .blog-item {	 
	flex-direction:column; 
	}	

	.reverse-odd .items-leading .blog-item:nth-child(even){
  	flex-direction: column;
	}	
  .reverse-odd .blog-items.items-leading .blog-item .item-image{
  	margin-right:0;	
  }	
  .reverse-odd .items-leading .blog-item:nth-child(even) .item-image{
     margin-left: 0;
  }
  .blog-item .item-image{
	 
	 margin-right:0  ;
	 margin-left:0;
	 margin-bottom:1em;
	 max-width:100% !important;
  } 
   .blog-items.items-leading .blog-item .item-image{
       margin-left:0;
	   margin-right:0;
	    margin-bottom:1em;
		
   }
  
  .blog-item{
    border-bottom:solid 2px var(--template-border-color);
  }	
  /* zmiana kolejności elementow blog-grid */
  li.grid{
  display:flex;
  flex-direction:column;
  }	
  li.grid .page-header{
  order:-1;	
  }	
   /* zmiana kolejności elementow blog,  blog-masony , blog-column*/
 .items-leading .blog-item{
	display: flex;
  flex-direction:column;
  }	  
  .blog-item .page-header{
	order:-1;  
  }	
   /* zmiana kolejności elementow blog class=image-float */
  .image-float .items-leading .blog-item{	  
	  display: flex  ;
    flex-direction:column;
  } 
  .image-float .blog-item .page-header{
	order:-1;  
  }	 
  /* zmaiana kolejnosci elementow blog-featured */
   .blog-featured :not(.items-leading) .blog-item{
	 
   }   
   
  
  /* tags ================== */
  ul.tags li {  
  margin:0 !important;
  }	
	   
}
 .blog-featured{
 margin-bottom:0em;	 
 }	 
.blog-featured h1.card-header{
text-align:center;	
}	
	
/* ARTICLE ======================================== */
.item-page .item-image.none img{
 
}	
.item-page .item-image.left ,
.item-page .item-image.right {
	max-width:var(--image-max-width-art);
	margin-bottom: 1em;
}	
/*RESONSIVE - zmiana rozmarów obrazka w artykule */
@media (max-width: 991px) {
	.item-page .item-image.left ,
	.item-page .item-image.right {
	max-width:calc(var(--image-max-width-art)*0.5);
	}	
}
@media (max-width: 480px) {
	.item-page .item-image.left ,
	.item-page .item-image.right {
	float:none;
    max-width:100%;
    margin-right:0;
    margin-left:0;	 
	}	
}	
 /* tags btn.info =============================================== */
.tags  .btn-info {
  color: hsl(0deg, 0%, 100%);
  background-color: var(--template-color-primary);
  border-color: hsl(207deg, 49%, 37%);
}
.tags .btn-info:hover {
  color: hsl(0deg, 0%, 100%);
  background-color: var(--template-color-hover);
  border-color: #264f71;
}
 

/* animacja obrazkow  ============================================ */
.item-image{
  overflow:hidden; 
 
}
.img-zoom-in .item-image img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.img-zoom-in .item-image a:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
.img-zoom-out .item-image img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.img-zoom-out .item-image a:hover img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.img-rotate .item-image {
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  display: block;
}
.img-rotate .item-image a:hover img {
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.item-image a {
 overflow: hidden;
 
}	
 .img-opacity .item-image img {
  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.img-opacity .item-image a:hover img {
  opacity: .5;
}
 

.img-gray   img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.img-gray   a:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.img-sepia  img {
  -webkit-filter: sepia(0);
  filter: sepia(0); 
}
.img-sepia  a:hover img {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;  
}
.img-sepia .item-image img {
  -webkit-filter: sepia(0);
  filter: sepia(0);
}
.img-sepia .item-image a:hover img {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.img-circle .item-image {
  position: relative;
}
.img-circle .item-image::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
.img-circle .item-image:hover::before {
  -webkit-animation: circle .75s;
  animation: circle .75s;
}
@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
/* BLOG-grid ================================================================= */
.blog-grid {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  
}

.blog-grid .item-image {
  float:none;
  margin-right:0 ; 
   margin-left:0 ; 
  max-width:none !important;   
}
.blog-grid figure img {
  width: 100%;
}
.blog-grid li.grid {
  display: flex;
  flex: 1 1 250px;
  flex-direction: column;
}
.blog-grid li.grid:not(:last-child) {
  margin-inline-end: 1rem;
}
.blog-grid .readmore {
  margin-top: auto;
}

@supports (display: grid) {
  .blog-grid {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
  .blog-grid li.grid:not(:last-child) {
    margin-inline-end: 0;
  }
}

.grid-horiz li.grid {
  padding: 0 1rem 0;
  border: 1px solid hsl(210deg, 14%, 89%);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  -webkit-box-shadow: 1px 1px 4px hsla(0deg, 0%, 0%, 0.1);
          box-shadow: 1px 1px 4px hsla(0deg, 0%, 0%, 0.1);
}
.grid-horiz li.grid figure {
  margin: 0 -1rem 1rem !important;
}

/* BLOG-accordion ================================================== */

.collapsing { /* animacja */
  transition: height 1.2s ease;
}
.accordion-body figure {	
   
}	
.accordion-body:after{
	display: block;
  clear: both;
  content: "";
	
}	
.accordion-flush .accordion-body {
  padding-left:0;
  padding-right:0;  
  border:solid 4px red;
}	

.accordion-flush .accordion-collapse {
  border:0;
 }
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
}
.accordion-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: hsl(210deg, 11%, 15%);
  text-align: left;
  background-color: hsl(0deg, 0%, 100%);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out;
}
.accordion-button:not(.collapsed) {
  color: #0f244d;
  background-color: #e7eaee;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.accordion-button:not(.collapsed)::after {
  background-image: none;
   font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
  border: 0;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  margin-right:5px;		  
}
.accordion-button::after {
  -ms-flex-negative: 0;
      flex-shrink: 0;
	width: 1.25rem;
	height: 1.25rem;
	margin-left: auto;
    background-image: none;   
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
  border: 0;
}

/* moduł service (usługi) */
.mod-articlescategory_mk{
  
  justify-content:center;  
}	

.mod-articlescategory_mk.service li {
  position:relative;   
}	
.mod-articlescategory_mk.service figure{
 margin-bottom:1em;	
}
.mod-articlescategory_mk.service h4.mod-articles-category-title{  
  text-align:center; 
  text-transform:uppercase;
  position:absolute;
  z-index:999; 
  top:100px;
  left:0;
  right:0;  
  }	
  
.mod-articlescategory_mk.service h4.mod-articles-category-title a{
  border:solid 2px var(--template-color-primary);
   padding:5px 10px;
   padding-left:35px;
  display:inline-block;
 background:rgba(250, 250, 250, 0.8);
 font-weight:600;
 font-size:var(--template-font-size);
 position:relative;
 -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.mod-articlescategory_mk.service h4.mod-articles-category-title a:hover{
	color:#fff;
	text-decoration:none;
    background:var(--template-color-primary);	
}	
.mod-articlescategory_mk.service h4.mod-articles-category-title a:before{
 content: "\f054";
 width:30px;
 height:100%;
 background:var(--template-color-primary);
 position:absolute;
 left:0;
 top:0;
 bottom:0;
 font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height:calc(var(--template-font-size)*1.8);
  color:#fff; 
}	
 /* moduł kontakt */
 .flexbox{
  display:flex;	
  flex-wrap: wrap;
 
 }	 
.flexbox div{
	flex-basis:33%;
  line-height:30px;
}	
.flexbox div a{
  text-decoration:none;	
}	
.flexbox .fas{
  font-size:30px;
  float:left;
  color:var(--template-color-primary);
}
@media (max-width: 768px){
	.flexbox{
	    justify-content: center;
	}	
	
	.flexbox div{
	flex-basis:50%;
	 
	}
	.flexbox div:last-child{
	    
	}	
}	
	
@media (max-width: 480px){	
  .flexbox{
	 flex-direction: column; 
  }  
}
/*RSForm ----------------------------  */
.formContainer{
margin-top:-10px;	
}	
.formRequired{
 color:red;	
}	
.rsform-submit-button{
	 border:solid 2px var(--template-color-primary) !important;
   padding:5px 10px !important;
   padding-left:35px !important;
   background:rgba(250, 250, 250, 0.8) !important;
	color: var(--template-color-primary) !important;
	font-size:1em !important;
	position:relative;
	border-radius:0 !important;
	 transition: 0.3s ease-in-out;
	
}	
.rsform-submit-button:before{
 content: "\f054";
 width:30px;
 height:100%;
 background:var(--template-color-primary);
 position:absolute;
 left:0;
 top:0;
 bottom:0;
 font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height:calc(var(--template-font-size)*1.8);
  color:#fff; 
}
.rsform-submit-button:hover{
   color:#fff !important;
	text-decoration:none;
    background:var(--template-color-primary) !important;	
}
.rsform-block-submit:after{
  	display: block;
  clear: both;
  content: "";
	
}	
.rsform-block-submit{
 text-align:center !important;	
}	
.formBody p{   
 margin-bottom:10px !important;
}
.rsform-input-box, .rsform-text-box{
	box-sizing:border-box;
 
 width:98% !important;
 margin: 0 !important;
  padding-top:5px !important;
  padding-bottom:5px !important;
}	
.rsform-select-box{
width:98% !important;	
  background:none!important;
 padding-top:0px !important;
  padding-bottom:0px !important;
}	
input.rsform-calendar-box{
  max-width:83%!important;	
}	

/* nagłówki */

.item-content .item-title, .page-header{
 color:var(--headlines-color)  ;
}	

.card-header{
 color:var(--headlines-color-module);	
}	

/* cennik */
.jmm-mod-row{
 display:flex;  
 flex-wrap: wrap;
}
.jmm-item  .jmm-title{
 color: var(--headlines-color-module) !important  ;

}	
/* back to top */
.back-to-top-link {
  position:fixed;
  
}

/* sgplus gallery */

 

/* gogle reCaptha */
.g-recaptcha {
    transform:scale(0.85);
    transform-origin:0 0;
}	
/* readmore */
.blog-item {
  position:relative;	
  padding-bottom:30px !important;
  
}	
.readmore{
 position:absolute;
 
 top: 50%;
  left: 50%;
  transform: translate(-50%,88%);
  bottom:0;
}	
.readmore .btn{
  padding-top:3px;
  padding-bottom:3px;
  padding-left:40px;
  border-radius:0;
  position:relative;
  border:solid 2px var(--template-color-primary);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-transform:uppercase;
  font-weight:600;
}	
.readmore .icon-chevron-right{
	display:inline-block;
    width:30px;
 height:100%;
 background:var(--template-color-primary);
 color:#fff;
 line-height:30px;
 position:absolute;
 left:0;
 top:0;
 bottom:0;
}
.readmore .btn:hover{
  color:#fff;
   background:var(--template-color-primary);
}	
 /* slider */
 @media (max-width: 1040px){
 .slide-desc{
	 bottom: 20% !important; 
	 left: 19.791666666667%; 
	 width: 41.666666666667%;">
	 
 }
 } 
 @media (max-width: 768px){
 .slide-desc{
	 bottom: 15% !important; 
	 left: 10% !important; 
	 width: 60% !important;
	 
 }
 }  
 @media (max-width: 640px){
 .slide-desc{
	 bottom: 8% !important; 
	 left: 10% !important; 
	 width: 75% !important;
	 
 }
 }  
  @media (max-width: 480px){
    .slide-desc .slide-text{
      display:none;
	}  
    .slide-desc{
	 bottom: 8% !important; 
	 left: 5% !important; 
	 width: 90% !important;	 
   }
	
 }	
/* phone w headerzae */
.phone{
  color:#fff;
  line-height:50px;
}	
 .phone a{
  text-decoration:none;
  color:#fff;
 }	
.phone a:hover{
 color:var(--header-color-link-hover);
}	
/*O nas */
body.itemid-101 .card-header{text-align:center;}	
 
/* sticky header  =========================== */
 
nav{
  position: sticky;
  top: 0;
  z-index:999;
     background:var(--template-color-primary);	 
}

.container-top-a,
.container-top-b,
.container-bottom-a,
.container-bottom-b,
.container-bottom-c,
.container-bottom,
.container-contact,
.container-component
{
 scroll-margin-top:60px;
}
 .container-nav{
      display: flex;
      justify-content: center; 
 }	 
 .container-bradcrumbs nav {
  background:var(--template-body-bg);	 
 }