:root {
    --header-height: 120px; /* Definiujemy globalnie */
}
html{
	overflow-x: hidden;
	scroll-behavior: liquid-smooth;

}
body {
	margin: 0;
	font-family: Arial, sans-serif;
	line-height: 24.75px;
	color: rgb(102, 102, 102);
	font-size: 15px;
	overflow-x: hidden;

}
::selection {
    background-color: #ff6600; /* Kolor tła zaznaczenia */
    color: #FFF; /* Kolor tekstu */
}


.containerLinks > ul{
	display: flex;
	flex-direction: row;
	list-style: none;
	margin: 0;
	padding: 0;
}
.containerLinks > ul > li> a{
	color: #808080;
	text-decoration: none;
	font-size: 14px;
	font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
	justify-content: center; /* Horizontally center the text */
	align-content: center; /* Vertically center the text */
	padding: 5px 8px;
	background-color: white;
	height: 100%;
	transition: background-color 0.5s ease, color 0.5s ease;
	font-weight: 600;
}

.currentContainerLink{
	color: white!important;
	background-color: #FF6600!important;
}
.containerLinks a{
	text-wrap:nowrap;
}

.containerLinks > ul > li{
	display: flex;
	height: 100%;
	justify-content: center; /* Horizontally center the text */
	align-content: center; /* Vertically center the text */
	cursor: pointer;
	padding: 0px;
	display: flex;
	flex-direction: column;
	position: relative;
}
.containerLinks li{
	padding: 0px!important;
}
.containerLinks > ul > li:hover >a{
	background-color: #FF6600; /* Color when focused */
}
.containerLinks > ul > li > ul{

	display: block;
	background-color: white;
	position: absolute;
	top: 100%; /* Places it right below the parent */
	left: 0;
	list-style: none;
	padding: 0;
	width: 210px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease-in-out, visibility 0.5s;
}
.containerLinks >ul >li ul li{
	list-style-type: none;
}
.containerLinks > ul li:hover > ul {
	opacity: 1;
	visibility: visible;
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}
.containerLinks > ul > li > ul li{
	padding: 0;
	position: relative;
}
.containerLinks > ul > li > ul a{
	display: block;
	line-height: 30px;
	padding: 5px 13px;
	font-size: 12px;
	text-decoration: none;
	color:#808080;
	transition: background-color 0.3s ease, color 0.3s ease;
}
.containerLinks > ul > li ul{
	/*border: solid 0.8px rgb(225, 225, 225);*/
}

.containerLinks > ul > li > ul li:hover{
/*	background-color: #FF6600; */
}
.containerLinks > ul li:hover > a {
	color: #ffffff!important;
	background-color: #FF6600;
}
.containerLinks > ul > li > ul > li ul{
	display: block;
	background-color: white;
	position: absolute;
	left: -100%;
	top: 0;
	list-style: none;
	padding: 0;
	width: 210px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease-in-out, visibility 0.5s;
}
    
.content{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	z-index: 1;
}


.headerContainer {
	display: flex;
	width: 1310px;
	justify-content: space-between;
	padding: 0 50px;
}
.menu-button {
	display: none;
	background-color: white;
	color: black;
	border: none;
	padding: 10px;
	cursor: pointer;
	border: solid 0.5px rgb(225,225,225);
	width: 44px;
	height: 44px;
	margin-top: auto;
	margin-bottom: auto;
	transition: background-color 0.5s ease, color 0.5s ease, border 0.5s ease, box-shadow 0.5s ease;
	border-radius: 2px;
}
.menu-button:hover{
	background-color: #FF6600;
	color: white;
	border: #FF6600;
}
.dropdown {
	z-index: 999;
	display: none;
	position: relative;
	top: 0;
	width: 100%;
	background-color: white;
	padding: 0px;
	opacity: 0;
	transform: translateY(-10px);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.dropdown a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #666666;
	padding: 10px;
}
.dropdown ul, li, ol{
	padding: 13px 0;
	list-style: none;
}
.dropdown li {
	padding: 0!important;
}
.dropdown ul {
	padding: 0;
	margin: 0;
}
.dropdownLink{
	border-top: solid 1px rgb(225,225,225);
	border-left: solid 1px rgb(225,225,225);
	border-right: solid 1px rgb(225,225,225);
}
.dropdownLinkLast{
	border-bottom: solid 1px rgb(225,225,225);
}
.dropdown > ul li > a:hover{
	color: white;
	background-color: #FF6600;
}
.dropdown > ul li > a:hover::before{
	color: white;
}

.dropdown >ul li > a::before{
	font-size: 7px;
	content: "▶";
	color: #FF6600;
	content: center;
	position: relative;
	margin-right: 4px;
	top: -3px; /* Podnosi trójkącik */
}
.dropdown.show {
	display: block;
	opacity: 1;
	transform: translateY(0);
}
@media (max-width: 1100px) {
	.window{
		padding: 0px !important;
	}
	.windowsRow{
		--gap: 10px !important;
	}
}

@media (max-width: 950px) {
	.containerLinks ul{
		display: none;
	}
	.menu-button {
		display: block;
	}
}
@media (min-width: 951px) {
	.dropdown {
		display: none !important;
	}
}
.post{
	text-align: center;
	padding-top: 70px;
}
.post h1{
	font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 34;
	color: #222222;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 10px;
}
.post p{
	font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
	font-size: 15;
	color: #666666;
	margin: 12.75px 0;
}
.ourSection{
	width: 100%;
	/*background-image: url("http://precursor.creato/wp-content/themes/creato/images/precursor-shadow.png");*/
	background-position-x: 50%;
	background-position-y: 0%;
	background-repeat: no-repeat;
	background-size: 1310px auto;
	position: relative; 
	height: auto

}
.container{
	position:relative;
	justify-content: center;
	max-width: 1310px;
	padding-right: 50px;
	padding-left: 50px;
	margin: auto;

}
.containerBasicOffsets{
	padding-top: 70px;
	padding-bottom: 70px;
}

.coloredContainerOffsets{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
    align-items: center; /* Centers horizontally */
    justify-content: center; /* Centers vertically */
}

.containerSmallerOffsets{
	padding-top: 50px;
	padding-bottom: 50px;
}

.container *{
	margin: 0;
	padding: 0;
}
.containerP{
	/*text-align: center;*/
	margin-top: 12.75px;
	margin-bottom: 12.75px;
	line-height: 24.75px;
	font-size: 15px;
	color: rgb(102, 102, 102);
	width: 100%;
}
.containerH1{
	/*text-align: center;*/
	font-family: "Open Sans", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgb(34, 34, 34);
	font-weight: 400;
	font-size: 50px;
	line-height: 60px;
	letter-spacing: 1px;
	width: 100%;
	padding-bottom: 10px;
}


.containerH2{
	text-align: center;
	font-family: "Open Sans", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgb(34, 34, 34);
	font-weight: normal;
	font-size: 40px;
	line-height: 120%;
}

.kontaktH2{
	text-align: center;
	font-family: "Open Sans", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgb(34, 34, 34);
	font-weight: normal;
	font-size: 28px;
	line-height: 30.8px;
	margin-top: 10px;
	margin-bottom: 10px;
}


.containerH3 {
	font-size: 22px;
	line-height: 120%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.ourRow{
	/*flex-grow: 1;*/
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
	grid-template-columns: repeat(auto-fit, minmax(0, 1fr))!important;
	--gap: 50px!important;
	row-gap:50px!important;
}

.aktualnosc{
	word-wrap: break-word; /* Forces words to break if too long */
	
}
.aktualnosc img{
	width: 100%;
	aspect-ratio: 5 / 4;
	object-fit: cover;
}
.aktualnoscHeader{
	padding: 20px 0;
	text-align: center;
}
.aktualnosciURL{
	color: #FF6600;
	text-decoration: none;
	font-weight: bold;
}
.aktualnoscHeader h3 a{
	font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
	font-size: 21px;
	text-decoration: none;
	color: rgb(102, 102, 102);
	font-weight: normal;
}
.aktualnoscMeta{
	margin: 40px 0 0;
	color: #919191;
	text-align: center;
	border-top: solid 1px #919191;
	border-bottom: solid 1px #919191;
	padding: 10px 0 10px 0;
	font-size: 13.5px;
}
.opinie h1{
	text-align: center;
	font-family: "Open Sans", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgb(34, 34, 34);
	font-weight: normal;
	font-size: 34px;
}
.opinia{
	text-align: center;
	font-size: 15px;
	color: rgb(102, 102, 102);
}

.opiniaSection{
	margin: 0 45px;
	display: flex;
	flex-direction: row;
	align-items: flex-start; 
}

.opiniaSection p{
	line-height: 24.75px;
}
.opiniaImg{
	max-width: 150px;
	max-height: 150px;
	/*width: 100%;
	height: auto;*/
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 50%;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
}

.opiniaSection picture{
	margin-top: 18px;
	left: 0px;
	position: absolute;
	width: auto; /* Zachowanie oryginalnej szerokości */
	height: auto; /* Zachowanie proporcji */
	flex: 0 0 auto; /* Zapobiega rozciąganiu */
}


/* Basic styling for the div */
.expandButton {
	font-size: 13px;
	position: relative;
	background-color: #FF6600;
	color: white;
	padding: 15px 30px;
	border: none;
	cursor: pointer;
	border-radius: 50px;
	overflow: hidden;
	--buttonWidth: auto;
	width: var(--buttonWidth);
	text-align: left;
	text-decoration: none; /* Removes underline from the link */
	transition: all 0.2s ease-in-out;
	line-height: 15.6px;
	display: block;
}

/* Initial state for the symbol */
.expandButton::after {
	content: ">";
	position: absolute;
	right: 30px;  /* Position symbol at the right, no movement */
	opacity: 0;  /* Initially invisible */
	transform: scale(0);  /* Initially scaled down */
	transition: opacity 0.3s ease, transform 0.3s ease;  /* Smooth fade and scale */
	transform: translateY(0);
}

/* When the div is hovered */
.expandButton:hover {
	padding-right: 50px;  /* Add extra space for the symbol */
	background-color: rgb(255,117,25);
}

/* When the div is hovered, the symbol will appear */
.expandButton:hover::after {
	opacity: 1;  /* Make the symbol visible */
	transform: scale(1);  /* Scale the symbol to its normal size */
	transform: translateY(0);
}



footer{
	display: flex;
	justify-content: center;
}
.footerContainer{
	background-color: white;
	max-width: 1310px;
	width: 100%;
	padding: 15px 50px;
	font-size: 11px;
	color: rgb(135, 135, 135);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
/* Scrollbar track (background) */
::-webkit-scrollbar {
    width: 10px;  /* Width for vertical scrollbar */
    height: 10px; /* Height for horizontal scrollbar */
	background-color: #DDD;
}

/* Scrollbar thumb (the moving part) */
::-webkit-scrollbar-thumb {
    background-color: #d65500; /* Scrollbar color */
    border-radius: 0px; /* Removes roundness, making it rectangular */
}
/* Scrollbar track when hovered */
::-webkit-scrollbar-thumb:hover {
    background-color: #b64800; /* Darker blue on hover */
}

.colBasicOffsets{
	margin-top: 50px;
}
.opiniaExtColOffsets{
	padding: 20px;
}
.colSmallerOffsets{
	margin-top:25px;
}
.col-one-third{
	width: calc((100% - 2*var(--gap))/3);
	box-sizing: border-box;
}
.col-one-half{
	width: calc((100% - var(--gap))/2);
	box-sizing: border-box;
}
.col-two-third{
	width: calc(2*(100% - var(--gap))/3);
	box-sizing: border-box;
}
.col-three-fifth{
	width: calc(3*(100% - var(--gap))/5);
	box-sizing: border-box;
}
.col-three-forth{
	width: calc(3*(100% - var(--gap))/4);
	box-sizing: border-box;
}

.col-two-fifth{
	width: calc(2*(100% - var(--gap))/5);
	box-sizing: border-box;
}
.col-one-sixth{
	width: calc((100% - 5*var(--gap))/6);
	box-sizing: border-box;
}
.col-one-full{
	width: 100%;
	box-sizing: border-box;
}
.col-one-fifth{
	width: calc((100% - 4*var(--gap))/5);
	box-sizing: border-box;
}

.col-one-forth{
	width: calc((100% - 3*var(--gap))/4);
	box-sizing: border-box;
}

h1,h2,h3,h4{
	font-weight: normal;
	font-family: "Open Sans", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*
.col-one-third p, .col-one-half p, .col-two-third p, .col-three-fifth p, .col-two-fifth p, .col-one-sixth p, .col-one-full p, .col-one-fifth p{
	text-align: left;
}
*/

.oNas img{
	max-width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}


.nagrodyRow{
	--gap: 0px!important;
}

.nagrodaImg{
	width: 100%;
	box-sizing: border-box;
	padding: 7px;
	border: solid 1px rgb(225, 225, 225);
}

.nagrodyCol a{
	width: 100%;
	margin: 0px;
	padding: 0px;
}

img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}
.oferta{
	display: flex;
	flex-direction: column;	
	align-items: center;
}
.oferta h3{
	font-size: 20px;
	font-weight: normal;
}
.oferta img{
	max-width: 100%;
	height: auto;
	aspect-ratio: 5 / 4;
	object-fit: cover;
}
.kontaktExt h2{
	font-weight: normal;
}
.kontaktExt p{
	text-align: left;
}

.evf-field a, .link{
	text-decoration: none;
	color: #FF6600;
}


.evf-field a:hover, .link:hover{
	text-decoration: underline;
	color: rgb(255,193,151);
}


.opiniaExt{
	text-align: left;
	display: flex;
	flex-direction: column;
}
.opiniaExtContainer{
	display: flex;
	flex-direction: row;
	gap: 20px;
	box-sizing: border-box;
}
.opiniaExt p{
	margin-top: 0px;
}
.opiniaExtContainer img{
	max-width: 80px!important;
	max-height: 80px!important;
	width: 80px!important;
	height: 80px!important;
	object-fit: cover;
	aspect-ratio: 1/1;
	border-radius: 50%;
} 
.leftOpinion{
	border-right: dashed 1px rgb(225,225,225);
}
.topOpinion{
	border-bottom: dashed 1px rgb(225,225,225);
}

.opinieExtRow{
	--gap: 0px!important;
	row-gap: 0px!important;
	padding: 0px;
	display: flex;
	align-items: stretch;
}

.opinie_row{
	--gap: 30px!important;
	row-gap: 40px!important; 
}

.verticallyCenteredColsRow{
	padding: 0px;
	display: flex;
	align-items: stretch;
	--gap:40px;
}

.opinieCol{
	padding: 20px;
}

@media (max-width: 1070px){
	.parallaxBasicContainer{
		height: auto!important;
		padding-top: 20px!important;
		padding-bottom: 20px!important;
	}

	.bannerContainerH1{
		font-size: 27px!important;
	}
	.bannerContainerH2{
		font-size: 20px!important;
	}
	.bannerContainerP{
		font-size: 13px!important;
	}

	.topBannerContainerH1{
		font-size: 45px!important;
	}
	.topBannerContainerH2{
		font-size: 32px!important;
	}

	.banner_spacer{
		height: 0px!important;
	}
}

/*
@media (max-height: 880px) {
	.parallaxBasicContainer{
		height: auto!important;
		padding-top: 20px!important;
		padding-bottom: 20px!important;
	}
	.bannerContainerH1{
		font-size: 27px!important;
	}
	.bannerContainerH2{
		font-size: 20px!important;
	}
	.bannerContainerP{
		font-size: 13px!important;
	}
}
*/
@media (max-width: 767px) {

	.header_horizontal_spacer{
		width: 50px;
	}
	.col_above{
		order: 1
	
	}
	
	.col_below{
		order:2
	}

	.headerShadow{
		display: none;
	}
	.opinieCol{
		padding-left: 0px;
		padding-right: 0px;
	}

	.ourRow{
		/*flex-wrap: wrap;
		justify-content: center;
		gap: 0;
		*/
		width: 100%!important;
		row-gap: 20px!important;
		flex-direction: column;
		align-content: center!important;
		overflow:hidden;
	}
	.form-col{
		width: 100%!important;
	}
	.bar-layer{
		display: none;
	}
	.col-one-third{
		width: 85%;
	}
	.col-two-third{
		width: 85%;
	}
	.col-two-fifth{
		width: 85%;
	}
	.col-three-fifth{
		width: 85%;
	}
	.col-one-sixth{
		width: 85%;
	}
	.col-one-half{
		width: 85%;
	}
	.col-one-fifth{
		width: 85%;
	}
	.col-one-full{
		width: 85%;
	}
	.col-one-forth{
		width: 85%;
	}
	.col-three-forth{
		width: 85%;
	}
	.nagrodyRow{
		flex-wrap: wrap;
		justify-content: center;
	}
	.creatoWork{
		display: none;
	}
	.container{
		padding-left: 0px;
		padding-right: 0px;
	}
	.windowContainer{
		overflow:hidden;
	}
	.footerContainer{
		width: 85%;
		padding: 15px 0;
		overflow:hidden;
	}
	.leftOpinion{
		border-right: none;
	}
	.leftOpinion:nth-last-child(2) {
		border-bottom: dashed 1px rgb(225,225,225);
	}
	/*
	.header{
		position: relative;
	}*/
	.headerContainer{
		width: 85%;
		padding-left: 0;
		padding-right: 0;
	}
	.headerShadow{
		position: absolute;
	}

	.round-icon{
		display: none;
	}
	.window{
		padding: 30px !important;
	}
	.spacer-pseudo-gap{
		height: 10px!important;
	}
	.opinie_row{

		row-gap: 20px!important; 
	}
	.kadra_row{
		row-gap: 10px!important;

	}
	

}
@media(max-width: 479px){
	.opiniaExtContainer{
		flex-direction: column;
		gap: 10px;
		align-items: center;
	}

	.opiniaExtContainer >picture{
		max-width: 180px!important;
		max-height: 180px!important;
		width: 180px!important;
		height: 180px!important;
	}

	.opiniaExtContainer img{
		max-width: 180px!important;
		max-height: 180px!important;
		width: 180px!important;
		height: 180px!important;
	}

}
@media (max-width: 378px){
	.buttonHorizontal{
		flex-wrap:wrap;
		justify-content: center;
	}
}
@media (max-width: 320px) {
	.windowContent{
		padding: 0%;
		flex-wrap: wrap;
	}
	.windowContent p{
		text-align: left;
	}

}
@media (max-width: 180px) {
	.ourRow{
		padding: 0%;
		margin: 0;
	}
}
.round-icon {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: rgb(0, 1, 124); /* Adjust color */
    border-radius: 50%;
}

.round-icon-left{
	top: -10px;
    left: -30px;
}

.round-icon-right{
	top: -10px;
    right: -30px;
}

.kadraContainer{
	display: block;
	text-align: center;
}

.kadraContainer b{
	color: #f60;
}

.kadraImg{
	width: 200px;
	height: 200px;
	border-radius: 50%;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
}
.buttonCenter{
	justify-items: center;
}
.buttonHorizontalLeft{
	display: flex;
	flex-direction: row;

	gap: 20px!important;
}

.buttonHorizontal{
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 20px!important;
}

.colContent{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;

	align-items: center;
	text-align: center;
}

.colContentVerticalCenter{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.colContent p{
	text-align: center;
	line-height: 24.4px;
	font-size: 18px;
	font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 9px;
	overflow: visible;
	flex-grow: 1;
	width: 100%;

}
.colContent h1{
	list-style: 37.4px;
	text-align: center;
	font-size: 34px;
	font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 11px;
}

.bannerContentOffsets{
	padding-top: 70px;
	padding-bottom: 70px;
}

.bannerContent{
	padding-top: 40px;
	padding-bottom: 40px;
	width: 100%;
	height: auto;
	/*aspect-ratio: 13 / 2*/;
	background-position: center;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.bannerContent h2{
	font-size: 28px;
	font-weight: normal;
	color: white;
	text-align: center;
	margin: 0;
}
.bannerSection{
	padding: 0 0;
}

/* Basic styling for the div */
.btn {
	font-size: 13px;
	position: relative;
	background-color: #FF6600;
	color: white;
	padding: 15px 30px;
	border: none;
	cursor: pointer;
	border-radius: 50px;
	overflow: hidden;
	--buttonWidth: auto;
	width: var(--buttonWidth);
	text-align: left;
	text-decoration: none; /* Removes underline from the link */
	transition: all 0.2s ease-in-out;
	line-height: 15.6px;
	display: block;
}

/* When the div is hovered */
.btn:hover {
	background-color: rgb(255,117,25);
}

.bannerContainer{
    display: flex;
    flex-direction: column;
    align-items: center;
	height: 100%;

}
.bannerContainer > *{
    width: 100%;  /* Make sure children take the full width of the container */
    box-sizing: border-box;  /* Prevent padding from affecting the total width */

}

.bannerContainerH1,.topBannerContainerH1{
    font-weight: 700;
    line-height: 120%;
    font-size: 70px;
	margin-top: 12.75px;
	margin-bottom: 12.75px;
}
.bannerContainerH2,.topBannerContainerH2{
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 1px;
    font-size: 48px;
	margin-top: 12.75px;
	margin-bottom: 12.75px;
}
.bannerContainerP,.topBannerContainerP{
    font-weight: 400;
    line-height: 24.75px;
    letter-spacing: 0%;
    font-size: 15px;
	line-height: 130%;
	margin-top: 12.75px;
	margin-bottom: 12.75px;
    vertical-align: middle;
}
.window{
	width: 100%;
	height: 100%;
	border-radius: 30px;
	overflow: visible;
	padding: 30px;
	box-sizing: border-box;
	border:1px #666666 solid;
}

.coloredWindows .window{
	border:1px white solid;
}

.window p{
	line-height: 150%;
	text-wrap: wrap;
	text-align: center;
}
.windowHeader{
	color: white;
	width: 100%;
	text-align: center;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	overflow: visible;
}
.windowHeader H3{
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 10px 0;
	text-wrap: wrap;
	font-weight: 700;
	font-size: 22px;
	line-height: 120%;
	letter-spacing: 1px;	
}
.windowHeader p{
	text-align: center;
	vertical-align: middle;
}
.windowContentRow{
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	align-items: center;
	/*padding: 10px 20px;*/
	box-sizing: border-box;
	gap: 20px;
}
.windowContentCol{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	align-items: center;
	/*padding: 10px 20px;*/
	box-sizing: border-box;
	gap: 10px;
}

.windowsRow{
	/*align-items: stretch;*/
}



.window img{
	resize: both;
	/*box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);*/
	max-width: 83px;
	height: auto;
	object-fit: cover;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
}

.windowContainer{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow: visible;
}
.windowContainer h3{
	font-weight: normal;
	max-width: 100%;
	overflow: hidden;
}

.iconBackground{
	width: 47px;
	height: 47px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-items: center;
	justify-content: center;
}

.coloredWindows{
}

.coloredWindows h1{
	color: white;
}
.coloredWindows p{
	color: white;
}
.coloredWindows i{
	color: white;
}

ul.ourList {
    list-style: none; /* Usuwa domyślne znaczniki */
    padding-left: 0px!important;

}

ul.ourList li {
	
	list-style-type: none;
    display: flex;
    align-items: center; /* Wyrównanie do góry, aby uniknąć przesunięć */
    gap: 20px; /* Odstęp między znacznikiem a tekstem */
    padding: 0px!important; /* Brak dodatkowego wcięcia */
    position: relative; /* Dla ewentualnych modyfikacji */
}

/* Tworzenie własnego znacznika */
ul.ourList li::before {
    content: "+"; /* Biały plus */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px; /* Średnica koła */
    height: 20px;
    background-color: #FF6600; /* Kolor koła */
    color: white; /* Kolor plusa */
    font-weight: bold;
    font-size: 18px;
    border-radius: 50%; /* Tworzy koło */
    flex-shrink: 0; /* Zapobiega zmniejszaniu */

}


/* Klasa dla niestandardowej listy */
ul.customList {
    list-style: none; /* Usuwamy domyślne znaczniki */
	padding-left: 0px!important;
    margin: 0;


}

ul.customList >li >ul li{
	list-style-type: none!important;

}

ul.customList li {
	display: block;
	padding: 0px!important; /* Brak dodatkowego wcięcia */
}

ul.customList>li li{
	/*padding-top:8px!important;
	padding-bottom:8px!important;*/
}

/* Tworzymy znacznik przed tekstem */
ul.customList > li::before {
	margin-right: 20px;
	float: left;
    content: "+";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
	margin-top: 3px;
    background-color: #FF6600; /* Kolor koła */
    color: white;
    font-weight: bold;
    font-size: 18px;
    border-radius: 50%;
    flex-shrink: 0; /* Zapobiega zmniejszaniu */
}

ul.customList > li > ul{
	padding: 0px;
	display: block;
	margin-left: 40px;
}

.windowsRow .col-one-forth{
	min-width: 200px;
}

.windowsRow .col-one-third{
	min-width: 300px;
}

.bar-layer{
	min-width: 1300px; 
	width: 100%; 
	position: absolute!important;
	height: 100px; 
	bottom: 0px;
	z-index: 3!important;
	pointer-events: none;
}

/* Podstawowy styl dla przycisku */
.customButton {
	font-size: 13px;
	position: relative;
	color: var(--text-color);
	background-color: var(--background-color);
	padding: 15px 30px;
	border: none;
	cursor: pointer;
	border-radius: 50px;
	overflow: hidden;
	--buttonWidth: auto;
	width: var(--buttonWidth);
	text-align: center;
	text-decoration: none; /* Removes underline from the link */
	transition: all 0.2s ease-in-out;
	line-height: 15.6px;
	display: block;
	opacity: var(--opacity);
}

/* Styl dla przycisku w stanie focus */
.customButton:focus {
  color: var(--text-color-focus);
  background-color: var(--background-color-focus);
  opacity: var(--opacity-focus);
  outline: none;
}

/* Styl dla przycisku w stanie active */
.customButton:active {
  color: var(--text-color-active);
  background-color: var(--background-color-active);
  opacity: var(--opacity-active);
}

/* Styl dla przycisku w stanie hover */
.customButton:hover {
  color: var(--text-color-hover);
  background-color: var(--background-color-hover);
  opacity: var(--opacity-hover);
}



/* Basic styling for the div */
.customExtButton {
	font-size: 13px;
	position: relative;
	color: var(--text-color);
	background-color: var(--background-color);
	padding: 15px 30px;
	border: none;
	cursor: pointer;
	border-radius: 50px;
	overflow: hidden;
	--buttonWidth: auto;
	width: var(--buttonWidth);
	text-align: left;
	text-decoration: none; /* Removes underline from the link */
	transition: all 0.2s ease-in-out;
	line-height: 15.6px;
	display: block;
	opacity: var(--opacity);
}

/* Initial state for the symbol */
.customExtButton::after {
	content: ">";
	position: absolute;
	right: 30px;  /* Position symbol at the right, no movement */
	opacity: 0;  /* Initially invisible */
	transform: scale(0);  /* Initially scaled down */
	transition: opacity 0.3s ease, transform 0.3s ease;  /* Smooth fade and scale */
	transform: translateY(0);
}

/* When the div is hovered */
.customExtButton:hover {
	padding-right: 50px;  /* Add extra space for the symbol */
	color: var(--text-color-hover);
	background-color: var(--background-color-hover);
	opacity: var(--opacity-hover);
	
}

/* When the div is hovered, the symbol will appear */
.customExtButton:hover::after {
	opacity: 1;  /* Make the symbol visible */
	transform: scale(1);  /* Scale the symbol to its normal size */
	transform: translateY(0);
}
/* Styl dla przycisku w stanie active */
.customExtButton:active {
	color: var(--text-color-active);
	background-color: var(--background-color-active);
	opacity: var(--opacity-active);
}
/* Styl dla przycisku w stanie focus */
.customExtButton:focus {
	color: var(--text-color-focus);
	background-color: var(--background-color-focus);
	opacity: var(--opacity-focus);
	outline: none;
}

blockquote{
	padding-left: 20px!important;
	border-left: solid 7px #FF6600;
}

blockquote p{
	line-height: 27.7875px;
	color: rgb(145, 145, 145);
	font-size: 18.525px;
	margin-top: 15.746px!important;
	margin-bottom: 15.746px!important;
}

ul li{
	list-style-type: disc;
	padding-top: 3px!important;
	padding-bottom: 3px!important;;
}
.container ul{
	padding-left: 20px;
}
.container ul ul{
	margin-left: 25px;
}

.form-element{
	background-color: rgb(255, 250, 255)!important;
	padding: 13px!important;
	width: 100%!important;
	border: 1px solid rgb(225, 225, 225)!important;
	color: rgb(145, 145, 145)!important;
	box-sizing: border-box; /* Zapewnia, że padding nie przekroczy szerokości elementu */
}

.form-element:focus{
	outline: none; /* Usuwamy domyślną obwódkę */
}

textarea.form-element{
	height: 185.5px;
}

ol{
	margin-left: 15px !important;
    padding-left: 15px!important;
}

ol > li{
	list-style:decimal!important;
	color: rgb(102, 102, 102);
	padding-top: 3px!important;
	padding-bottom: 3px!important;

}
ol > li::marker{
	color: rgb(102, 102, 102);

}
.evf-frontend-row >.evf-frontend-grid{
	padding-left: 5px!important;
	padding-right: 5px!important;
}
.evf-frontend-row >.evf-frontend-grid:first-child{
	padding-left: 0px!important;
}
.evf-frontend-row >.evf-frontend-grid:last-child{
	padding-right: 0px!important;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="date"],textarea, select{
	background-color: rgb(255, 250, 255)!important;
	padding: 13px!important;
	width: 100%!important;
	border: 1px solid rgb(225, 225, 225)!important;
	color: rgb(145, 145, 145)!important;
	box-sizing: border-box; /* Zapewnia, że padding nie przekroczy szerokości elementu */	
	font-size: 15px;
	margin-top: 8px!important;
	margin-bottom:8px!important;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus,input[type="date"]:focus,textarea:focus, select:focus{
	outline: none;
}


.wpcf7-list-item{
	margin-left: 0!important;
	font-weight: 700;
	margin-top: 8px!important;	
	margin-bottom:8px!important;	
}

.wpcf7-submit{
	margin-top: 8px;
	margin-bottom:8px;
	background-color: #FF6600!important;
	color: white!important;
	border: 0px!important;
	min-width: 102px;
	font-size: 13.8px!important;
	line-height: 16px!important;
	padding: 16px 20px 16px 20px!important;
	box-sizing: content-box!important; /* Zapewnia, że padding nie przekroczy szerokości elementu */	
	transition: background-color 0.3s ease;;
	cursor: pointer!important;  
}

.wpcf7-submit:hover{
	background-color: rgb(255,193,151)!important;
}


.wpcf7-form-control > option{
	padding: 5px;
	white-space: normal;
	word-wrap: break-word;
}
form label{
	font-weight: 700;
}
.form_row{
	--gap: 10px!important;
	row-gap:20px!important;
}


.form_row_bigger{
	--gap: 2.5px!important;
	row-gap: 16px!important;
}

.banner_spacer{

}
.archive_container > article{
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	background-color: #00004A;
	padding-top: 10px;
	padding-bottom: 10px;
}

.archive_container{
	max-width: 600px;
	width: 100%;

	display: flex;
	align-items: center;
	flex-direction: column;

}

.archive_column{
	display: flex;
	align-items: center;
	flex-direction: column;
}

.archive_date{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 40px;
	border-top: 1px  solid rgb(225, 225, 225); 
	border-bottom: 1px solid rgb(225, 225, 225);
}

/* Paginacja - wyświetlanie numerów stron w linii */
.page-numbers {
    display: flex;            /* Ustawia elementy w jednym wierszu */
    list-style-type: none;    /* Usuwa punkty listy */
    padding: 0;
    margin: 0;
    justify-content: flex-start; /* Numery stron ustawione po lewej stronie */
}

.page-numbers li {
    margin-right: 10px;       /* Odstęp między numerami */
	list-style: none;
}

.page-numbers a {
    text-decoration: none;
	list-style: none;
    padding: 10px 15px;       /* Większe przyciski */
    background-color: rgb(225, 225, 225);
    color: #666666;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease; /* Płynne przejście */
}

.page-numbers a:hover {
    background-color: #ff6600; /* Zmiana tła przy najechaniu */
    color: white;
}

.page-numbers .current {
    background-color: #ff6600; /* Tło dla bieżącej strony */
    color: white;
    padding: 10px 15px;
    font-weight: bold;
}

.postURL:hover{
	opacity: 0.7;
}

.opiniaExtContainer >picture{
	max-width: 80px;
	max-height: 80px;
	width: 80px;
	height: 80px;
}

.ourList .containerP{
	margin-top: 10.25px;
	margin-bottom: 10.25px
}

.main-banner-H1{
	margin-top: 12.75px;
	margin-bottom: 12.75px;
	line-height: 24.75px;
	font-size: 15px;
	width: 100%;
}

.container_no_padding_bottom{
	padding-bottom:0px!important;
}

picture{
	display: block
}