/* 

Lumino Theme

http://www.templatemo.com/tm-483-lumino

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}



body {
	font-family: courier;
	font-size: 19px;
	font-weight: 100;
	height: 100%;
    width: 100%;
	display: flex;
    justify-content: center; /* Center child elements horizontally */
    align-items: center; /* Center child elements vertically */
	background: url(../img/gwiazdy.jpg) repeat;
	background-size: contain;
	background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */

    /* Layering */
    background-blend-mode: overlay;
	

}

a, button { transition: all 0.3s ease; }
a {	color: #666; }
a:hover,
a:focus {
	color: #4EA7FF;
	text-decoration: none;
	outline: none;
}

p { color: #666; }
h3 { margin-bottom: 2.5rem; }

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f2f2f2;
}

.tm-container { 
	max-width: 100%;
	margin: 0 auto; 
	overflow: hidden;
	height: fit-content;
	

}

.tm-container-wide { max-width: 100%; }



.tm-navbar-container {
	background-color: rgba(0,0,0,0.33);
	height: 80px;
    position: fixed;
    top: 0;
    width: 100%; 
    z-index: 1000;
    transition: all 0.3s ease;
	display: none;
}

.tm-navbar-container.bg-inverse { background-color: #373a3c;width: 100%;  }

.tm-navbar-container-dark {
	background-color: #373a3c;
	box-shadow: none;
	width: 100%; 
}

.navbar-nav .nav-link {	padding: 14px 40px;  }

.navbar-nav .nav-link,
.navbar-nav .nav-link:focus {
	color: white;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
	color: #4EA7FF;
}

.navbar-toggler { 
	border: 1px solid white;
	border-radius: 0;
	color: white;	
	
}

button:focus { outline: none; }

.tm-intro {
    background-color: black; /* Set the background color to black */
    display: flex;
    flex-direction: column;
    height: 100vh;
	background-attachment: fixed;
	background-position: center top;
	background-size: cover;
	position: static;
	width: 100%;
	align-content: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.tm-intro .image-container {
    background: url(../img/logo_poziom.jpg) no-repeat center top; /* Apply the image */
    background-size: 80vw; /* Set the size of the image */
    width: 100%;
    height: 100vh; /* Adjust the height if necessary */
    position:absolute; /* Position it in the center */
    top: 0;
    left: 0;
    right: 0;
}

@media (max-width: 767px) {
    .tm-intro .image-container {
        background: url(../img/logo_pion.jpg) no-repeat center top;
        background-size: 100vw auto; /* Set the background width to 100% of the viewport width */
        width: 100%;
        height: 100vh; 
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
		padding-bottom: 0px;
    }
}

@media (max-width: 100%) {
	.tm-intro {	background-size: 100% 750px; }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	.tm-intro {	background-attachment: scroll; }
}

.tm-logo { margin-bottom: 30px; }
.tm-site-name { margin-bottom: 40px; }
.tm-intro-text { margin-bottom: 45px;}

#tm-section-1,
.tm-section-1-inner,
.tm-site-name,
.tm-intro-text {
	-ms-flex: 0 1 auto;
		-webkit-flex: 0 1 auto;
	        flex: 0 1 auto;
}

.tm-section-1-inner { padding-top: 70vh;position: sticky; }

@media (max-width: 767px) {
	.tm-section-1-inner { padding-top: 60vh;position: sticky; }

}

#tm-section-1 { padding-bottom: 0; }

.tm-intro-link {	
	border: 2px solid white;
	border-radius: 50px;
	color: white;
	display: inline-block;
    padding: 15px 60px;    
}

.tm-intro-link:hover,
.tm-intro-link:focus {
	color: black;
	background-color: white;
}

.navbar-nav .nav-link,
.tm-intro-text,
.tm-intro-link {
	color: white;
	font-size: 24px;
}

.gray-bg { width: 100%;margin: 0; padding: 0;}
.dark-gray-text { color: white; }
.blue-text { color: white; }
.white-text {
	color: white;
}
.light-blue-text { color: white; }

.btn {
  border-radius: 50px;
  font-size: 1em;
  padding: 0.5em 2.5em;
  margin: 0.25em;
  z-index: 2;
  position: relative;
}

.btn-lg { 
	font-size: 1.75rem; 
	font-weight: 300;
	padding: 10px 60px;
}

.tm-gray-btn {  
  background-color: #666666;
  border: 2px solid #666666;
  color: white;  
}

.tm-gray-btn:hover,
.tm-gray-btn:focus {	
	background: transparent;
	color: #666666;
}

.tm-gray-bordered-btn {
	background: transparent;
	border: 2px solid #666666;
	color: #666666;
}

.tm-gray-bordered-btn:hover,
.tm-gray-bordered-btn:focus {
	background: #666666;
	color: white;
}

.tm-light-blue-bordered-btn {	
	background: transparent;
    border: 2px solid white;    
    color: white;
}

.tm-light-blue-bordered-btn:hover,
.tm-light-blue-bordered-btn:focus {	
    background: white;
    color: black;
}

.tm-blue-btn {
	background: white;
	border: 2px solid white;
	color: black;
}

.tm-blue-btn:hover {
	background: transparent;
	color: white;
}

.tm-blue-bordered-btn {
	background: transparent;
	border: 2px solid white;
	color: white;
}

.tm-blue-bordered-btn:hover,
.tm-blue-bordered-btn:focus {
	background: white;
	color: black;
}

.tm-green-btn {
	background: #006666;
	border: 2px solid #006666;
	color: white;
}

.tm-green-btn:hover,
.tm-green-btn:focus {
	background: transparent;
	color: #006666;
}

.tm-green-bordered-btn {
	background: transparent;
	border: 2px solid #006666;
	color: #006666;
}

.tm-green-bordered-btn:hover,
.tm-green-bordered-btn:focus {
	background: #006666;
	color: white;
}

.tm-section {
	padding-top: 5%;
	padding-bottom: 5%;
	width:100% ;
	background-size: cover;
}

.tm-footer {
	padding-bottom: 20px;
	overflow: auto;
}

.tm-news-item {
	margin:auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
	
}

.tm-news-item:last-child { margin-bottom: 0; }

.tm-news-item-img {	margin: 0 auto; }

.tm-news-item-img-container { padding: 0; }

.img-cennik{

	margin: 0 auto;
	position: relative;
	width: 70vw;
	height: 85vh;
	
}

@media (max-width: 768px) {
.img-cennik{

	margin: 0 auto;
	position: relative;
	width: 100vw;
	height: 40vh;
	object-fit: fill;
	
}
}



.tm-news-container {
	background-color: rgba(0, 0, 0, 0.014);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding-left: 3%;
	padding-right: 3%;	
	padding-top: 0%;
}

.tm-news-title { 
	font-weight: bold;
	margin-bottom: 15px; 
	font-size: 25px;

}
b {
	font-weight: bold;
	color: white;
}
i {
	font-style: italic;
	color: white;
}

.tm-news-text {	line-height: 1.8; font-size: medium; align-self: center; color: white; text-align: justify;}
.tm-news-text2 {	line-height: 1.8; font-size: medium; color: white; text-align: justify;}

.tm-news-link {	
    margin-right: 0;
    margin-left: auto;
    -ms-flex-item-align: end;
        -webkit-align-self: flex-end;
            align-self: flex-end;
}

.flex-order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.flex-order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; }

.tm-title {
	font-size: 40px;
	margin-bottom: 40px;
}

.margin-b-5 { margin-bottom: 5px; }

.tm-img-grid { 
	margin-top: 60px;
	overflow: auto;	
}

.tm-gallery-img {
	width: 100%;
	height: auto;
}
.tm-gallery-img-container {	
	max-width: 300px;
	width: 25%;	
	float: left;
}

.form-control { 
	border-color: rgba(0,0,0,0);
	border-radius: 0;
    font-size: 1.2rem;
    padding: .75rem;
}
.form-group { margin-bottom: 1.8rem; }

.tm-form-group-left { padding-left: 0; }
.tm-form-group-right { padding-right: 0; }

.tm-subtitle { 
	font-size: 25px; 
	margin-bottom: 30px;
}

#tmNavbar { text-align: center; width: 100%;  }

body.page-2 { padding-top: 80px; width: 100%;  }

.page-2 .container-fluid { width: 100%; background-color: white; padding:0%; margin: auto; }
.container-fluid { width: 100%; padding:0%; margin: 0 0;}
.tm-banner-img {
  display: block;
  margin: 0 auto;
}

.tm-description {
  line-height: 1.8;
  margin: 0.5em 1.5em 1em;
}

.tm-page-2-title {
	font-size: 42px;
	margin-bottom: 30px;
}

.tm-page-2-subtitle { margin-bottom: 60px; }

.tm-page-2-p {
	font-size: 22px;
	line-height: 1.6;
}

.tm-flex-center {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.tm-img-2-col {
	margin-bottom: 2em;
	margin-left: auto;
	margin-right: auto;
}

.tm-3-col-box {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.tm-description-box { padding: 6%; }
.tm-description-text { margin-bottom: 1.5em; }
.tm-footer-text { margin-bottom: 1.5rem; }

@media (min-width: 768px) {

	/*http://stackoverflow.com/questions/18777235/center-content-in-responsive-bootstrap-navbar*/

    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .tm-contact-form { display: block;
		margin: 0 auto; }
}



@media (max-width: 1199px) {
	h2 { font-size: 2.0rem; }
	.tm-news-title { margin-bottom: 15px; }
	.tm-news-text { line-height: 1.6; }	
}

@media (max-width: 1100px) and (min-width: 992px) {
	h2 { font-size: 2.0rem; }
	.tm-news-title { margin-bottom: 12px; }
	.tm-news-text {	
		font-size: 0.9em; 
		margin-bottom: 0.5em;
	}
	.btn { 
		padding-top: 0.3em;
		padding-bottom: 0.3em; 
	}
}

@media (max-width: 991px) {
	.navbar-nav .nav-link {	font-size: 20px; }
	.navbar-nav .nav-item+.nav-item { margin-left: 0; }

	.tm-news-item {
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;		
	}

	.tm-news-container {
		padding: 0.5em;
		margin: 0 auto;
		max-width: 100%;
	}

	.flex-order-2 { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
	.flex-order-1 { -webkit-order: 2; -ms-flex-order: 2; order: 2; }
}

@media (max-width: 940px) {
	.tm-img-grid { 
		margin-left: auto;
		margin-right: auto;
		max-width: 900px; 
	}
	
	.tm-gallery-img-container { width: 33.333%; }
}

@media (max-width: 767px) {
	.home .tm-section { 
		padding-top: 10%; 
		padding-bottom: 10%;
	}

	body.page-2 { padding-top: 54px; }

	.tm-page-2-subtitle { margin-bottom: 30px; }
	
	.navbar-nav .nav-item+.nav-item { margin-left: 0; }

	.navbar-nav .nav-item { float: none; }

	.navbar-toggler {
		display: block;
		margin-left: auto;
		margin-right: 0;
	}

	.tm-navbar-container { 
		background: none;
		box-shadow: none;
		height: 54px;
		width: 100px; 
	}
	.navbar { background-color: rgba(0, 0, 0, 0.912); width: 100%; }
	.tm-navbar-container.bg-inverse .navbar { background-color: #373a3c; }
	.bg-inverse { background-color: #373a3c; }

	.tm-form-group-left { padding-right: 0; }
	.tm-form-group-right { padding-left: 0; }

	.margin-top-xs-50 { margin-top: 50px; }
	.margin-bottom-sm-8 { margin-bottom: 8%; }
	.margin-bottom-sm-3 { margin-bottom: 3%; }
}

@media (max-width: 640px) {
	.tm-gallery-img-container { width: 50%; }
	.tm-img-grid { max-width: 600px; }
	.page-2 .tm-section { 
		padding-top: 7%; 
		padding-bottom: 7%;
	}
}

@media (max-width: 600px) and (max-height: 600px) {
	.tm-intro {
		height: 100vh;
		min-height: 600px;
	}
}


.google-map {
	padding-bottom: 100%;
	position: relative;
}

.google-map iframe {
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	position: absolute;
}

.faq-container {
	width: 80%;
	margin: 20px auto;
	max-width: 800px;
}
.faq-item {
	margin: 15px 0;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(128, 128, 128, 0.026);
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	background-color: rgba(83, 79, 79, 0.164);
}
.faq-item:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.556);
}
.faq-question {
	cursor: pointer;
	padding: 15px 20px;
	background-color: rgba(83, 79, 79, 0.164);
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
	transition: background-color 0.3s ease;
}
.faq-question:hover {
	background-color: rgba(83, 79, 79, 0.652);
}
.faq-answer {
	display: none;
	padding: 15px 20px;
	background-color: #ffffff7c;
	font-size: 1em;
	line-height: 1.6;
	color: black;
	text-align: justify;
}
.faq-answer.show {
	display: block;
	max-height: 1000px; /* Adjust as needed */
}

.pricing-table {
	width: 80%;
	max-width: 800px;
	margin: 20px auto;
	border-collapse: collapse;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.pricing-table th, .pricing-table td {
	padding: 15px;
	text-align: center;
}
.pricing-table th {
	background-color: #e947ce92;
	color: white;
	font-weight: bold;
}
.pricing-table tr:nth-child(even) {
	background-color: #f2f2f2;
}

.pricing-table td {
	background-color: rgba(255, 255, 255, 0.8);
}
.pricing-table .highlight {
	background-color: #4CAF50;
	color: white;
	font-weight: bold;
}


.tm-flex-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 80px;
    height: 600px; /* Set a fixed height for the container equal to the iframe height */
}

.tm-flex-container .col-lg-5 {
    flex: 1; /* Make both columns flexible and take up equal space */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	
}

.tm-contact-form {
    display: block;
    width: 100%;
    height: 100%; /* Set the form to take up the full height of its container */
}

.tm-contact-form  iframe {
    width: 100%; /* Make iframe width 100% of its container */
    height: 80%; /* Set iframe to take up the full height of its container */
    display: block;
}

.google-map {
    display: block;
    justify-content: center; /* Center the map within its container */
}

@media (max-width: 767px) {
    .tm-flex-container .col-lg-5 {
        flex: 0 0 100%;
        max-width: 100%;
		height: 100%;
		flex-direction: columns;
    	justify-content: space-between;
    }
	.col-lg-5{
		padding-bottom: 15%;
	}
	.tm-flex-container {
		flex: 0 0 100%;
        max-width: 100%;
		height: fit-content; /* Set a fixed height for the container equal to the iframe height */
	}
	.tm-contact-form{
		width: 100%; /* Make iframe width 100% of its container */
		height: 500px; /* Set height to 200px */
		display:block;
	}
	.tm-footer{
		padding-top: 0%;
	}
}

.faq-answer a:hover{
	color: blue !important;
}

.faq-answer a:focus{
	color: blue !important;
}


.g-recaptcha {
	transform: scale(0.85); /* Adjust the scale value as needed */
	transform-origin: 0 0; /* Ensure it scales from the top-left */
	padding-bottom: 3px;
	z-index: 1;
	position: relative;
	
}
.check-box {
    display: none;
}


.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.language-buttons {
    display: flex; /* Use Flexbox */
    justify-content: center;
    align-items: center;
}

.lang-btn {
    background-color: transparent;
    border: none;
    padding: 5px 8px;
    display: flex;
    align-items: center;
    color: white;
    font-size: 1em;
    cursor: pointer;
    transition: background-color 0.3s;
}

.lang-btn:hover {
    background-color: #4EA7FF;
    border-radius: 5px;
}

.flag-icon {
    width: 20px;
    height: 15px;
    margin-right: 5px;
}

/* Adjust size on smaller screens */
@media (max-width: 767px) {
    .lang-btn {
        font-size: 0.85em;
    }
    .flag-icon {
        width: 18px;
        height: 13px;
    }
}

.language-buttons-intro{
	position: absolute; /* or fixed if you want it to always stay visible */
    top: 0; /* Align it to the top */
    right: 10px; /* Place it at the right with a small margin */
    z-index: 2000; 


}

.red-text{
	color: palevioletred;
	font-size: larger;
	font-weight: bold;
	padding-bottom: 3px;
}