/* Enter Your Custom CSS Here */

button:focus { outline:0 !important; }

.fal, .fa-light, .fat, .fa-thin {font-family: "Font Awesome 6 Free";}

@media only screen and (max-width: 991px), only screen and (max-width: 991px) {
.navbar {padding-left: 0px !important;}
.navbar {padding-right: 0px !important;}
.navbar-brand {display: inline-block !important; padding-left: 1rem;}
.navbar-brand img {width: 40px; height: 40px;}
.navbar-toggler {margin: 0 0 !important; padding-right: 1rem;}
 .container {max-width: 100% !important;}

.navbar-light .navbar-toggler {border: none !important; border-color: transparent !important;}

}

#infohome h3, .adress h3, .omnie > div > h3 {color: #475676 !important;}

.col-12 .adress a[href^="mailto:"] {color: #475676 !important;}




/*.page-template-page-media #galerie img, .page-template-page-media .galeriamini > a::before {height: auto !important;}*/
#galerie img {height: auto !important;}

.page-template-page-media .galeriamini > a::before {height: 350px !important;}

.ikonycontact {display: none !important;}

.logomenu {background-size: contain !important; height: 45px !important; width: 45px !important;}


.mainslider .carousel-inner {height: 100vh !important; min-height: 100vh !important; max-height: initial !important; width: auto !important; overflow: hidden !important;
background-size: contain !important;
}

.mainslider .carousel-item img {height: 100% !important; width: auto !important; text-align: center !important;}

.mainslider .carousel-caption {right: 0% !important; left: 0% !important;}



.sliderlogo {width: 90%; max-width: 800px; padding-top: 82px !important;}

.pagelogo {width: 350px; max-width: 90%;}

@media only screen and (max-width: 414px) {
	.pagelogo {width: 90%;}
	
}

.pageslider .carousel-caption {right: 0% !important; left: 0% !important;}
.pagecaption {display: flex;
align-items: center;
justify-content: center;
height: 100%;
	margin-bottom: 20px;
}

#baner .row {justify-content: center;}

.naglowek {letter-spacing: 12px; font-size: 1.5rem; font-weight: 400;} 

#galerie h2 {
overflow-wrap: break-word; padding-left: 0px !important; padding-right: 0px !important;}


/* #baner h1, #baner h2 {font-weight: 700 !important;} */

/*.page-id-11 .naglowek {font-size: 1.5em !important;}*/

.omnie div {max-height: initial !important;}

@media only screen and (max-width: 991px) {
	.navbar {display: block !important;}
}

#infohome h3, .adress h3, .omnie h3 {font-weight: 700;}



.logofooter {width: 70%; max-width: 250px; display: block; margin-left: auto; margin-right: auto;}

#offerfooter h2, #offer h2 {text-shadow: 1px 1px 15px #555 !important;}

#offer img {width: 350px !important; height: 350px !important;}

.linktxt {white-space: nowrap;}

.carousel-item img {
	height: 500px !important;
		object-fit: cover;
	object-position: 50% 50%;
/* position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);*/
}
@media only screen and (max-width: 450px) {
	.carousel-item img {
	height: 600px !important;}
}

.carousel-item::before {z-index: 1 !important;}
#sliderpost .carousel-caption {padding-left: 0px !important; padding-right: 0px !important;}

#imgpost {background-position-x: center !important; }

#ekipa {max-height: 500px;}
#ekipa img {max-height: 500px !important; object-fit: cover;}

#offer .col-12, #offer .col-lg-4, #offerfooter .col-12, #offerfooter .col-lg-4 {width: 350px !important;}

.adress {height: 100% !important;}


@media screen and (max-width: 1199px)
/*{#offer a {width: 350px !important;}}
@media screen and (max-width: 992px)*/
{#offer a, #offerfooter a {width: 290px;}
	#offer a::before, #offerfooter a::before {width: 290px; height: 290px !important;}
	/*.adress .col-12, .adress .col-lg-4 {height: 290px !important;}*/
	
	#offer .col-12, #offer .col-lg-4 {width: 290px; height: 290px;}
#offer img, #offerfooter img {width: 290px !important; height: 290px !important;	}
	.galeriamini > a::before, .galeriamini > a:hover::before {height: 290px !important;}
	.adress h3 {font-size: 1.17rem !important;}
	.adress p {font-size: 0.8rem !important;}
	.page-template-page-media .galeriamini > a::before {height: 290px !important;}
}

@media screen and (max-width: 991px) {
	#offer img, #offerfooter img {width: 350px !important; height: 350px !important;}
	.adress {max-width: 350px; margin: auto;}
	#offer a::before, #offerfooter a::before {width: 350px; height: 350px !important;}
	#offer .col-12, #offer .col-lg-4, #offerfooter .col-12, #offerfooter .col-lg-4 {width: 350px !important; height: 100% !important;}
	/*.adress .col-12, .adress .col-lg-4 {height: 350px !important;}*/
	.adress {height: 350px !important;}
	#offer .col-12, #offer .col-lg-4 {width: 350px; height: 350px !important;}
	.galeriamini > a::before, .galeriamini > a:hover::before {height: 350px !important;}
		.adress h3 {font-size: 1.5rem !important;}
	.adress p {font-size: 1rem !important;}
		.page-template-page-media .galeriamini > a::before {height: 350px !important;}
}




/*@media screen and (max-width: 991px) {
	#offer img, #offerfooter img {width: 350px !important; height: 350px !important;}
	.adress {max-width: 350px; margin: auto;}
	#offer a::before, #offerfooter a::before {width: 350px; height: 350px !important;}
	#offer .col-12, #offer .col-lg-4, #offerfooter .col-12, #offerfooter .col-lg-4 {width: 350px !important; height: 100% !important;}
	/*.adress .col-12, .adress .col-lg-4 {height: 350px !important;}
	.adress {height: 350px !important;}
	#offer .col-12, #offer .col-lg-4 {width: 350px; height: 350px !important;}*/
	
	@media screen and (max-width: 480px) {
	#offer img, #offerfooter img {width: 290px !important; height: 290px !important;}
	.adress {max-width: 290px; margin: auto;}
	#offer a::before, #offerfooter a::before {width: 290px; height: 290px !important;}
	#offer .col-12, #offer .col-lg-4, #offerfooter .col-12, #offerfooter .col-lg-4 {width: 290px !important; height: 100% !important;}
	/*.adress .col-12, .adress .col-lg-4 {height: 350px !important;}*/
	.adress {height: 290px !important;}
		#offer .col-12, #offer .col-lg-4 {width: 290px; height: 290px !important;}
		.galeriamini > a::before, .galeriamini > a:hover::before {height: 290px !important; }
			.adress h3 {font-size: 1.17rem !important;}
	.adress p {font-size: 0.8rem !important;}
			.page-template-page-media .galeriamini > a::before {height: 290px !important;}
	}


#opisgallery {display: none !important; top: 999999999px !important;}