@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* 
	font-family: "Archivo", sans-serif;
	font-family: "Poppins", sans-serif;
*/

/* 
@media screen and (width < 1800px) {}
@media screen and (width < 1366px) {}
@media screen and (width < 810px) {}
@media screen and (width < 390px) {}
 */

:root{
	--contrast: #151e6a;
	--bcg: #f0eff3;
	--yellow1: #f2cd8f;
	--yellow2: #f5ad03;
	--grey: #f2f1f5;
}
*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html {
	scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6, li, a, p, span{
	font-family: "Archivo", sans-serif;
	color: var(--contrast);
	list-style: none;
	text-decoration: none;
}
h1{
	font-size: 60px;
	line-height: 1.1em;
	font-weight: 600 !important;
}
h2{
	font-size: 45px;
	line-height: 1.35em;
	font-weight: 600 !important;
}
h3{
	font-size: 30px;
	line-height: 1.3em;
	font-weight: 600 !important;
}
h4{
	font-size: 21px;
	line-height: 1.5em;
	font-weight: 500 !important;
}
h6{
	font-size: 18px;
	line-height: 2em;
	font-weight: 500 !important;
}
p, span{
	font-size: 20px;
	line-height: 1.6em;
	font-weight: 400 !important;
}
p.buttonP{
	font-size: 18px;
	line-height: 1.6em;
	font-weight: 400 !important;
}

@media screen and (width < 1800px) {
	p{
		font-size: 18px;
	}
}
@media screen and (width < 1366px) {
	h1{
		font-size: 50px;
		line-height: 1.05em;
	}
	h2{
		font-size: 35px;
	}
	h3{
		font-size: 26px;
	}
	h4{
		font-size: 20px;
	}
	p{
		font-size: 15px;
		line-height: 1.5em;
	}
	p.buttonP{
		font-size: 16px;
	}
}
@media screen and (width < 810px) {
	h1{
		font-size: 30px;
		line-height: 1.25em;
	}
	h2{
		font-size: 25px;
		line-height: 1.45em;
	}
	h3{
		font-size: 22px;
	}
	h4{
		font-size: 19px;
	}
	p{
		font-size: 16px;
		line-height: 1.7em;
	}
	p.buttonP{
		font-size: 14px;
	}
}
@media screen and (width < 390px) {
	p{
		font-size: 18px;
		line-height: 1.6em;
	}
}

/* INNE */
.inner-cover .kt-inside-inner-col{
	height: 100% !important;	
}
.inner-width > .kt-inside-inner-col{
	width: 100% !important;
}

/* MAIN BACKGROUND COVER */
.main-container{
	width: 100%;
	min-height: 100vh;
	position: relative;
	overflow: hidden;
}
.main-container .main-container-background{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("images/65XQaplDWUn1frmXE1izUAAvBs.avif");
	background-position: center;
	background-size: cover;
	z-index: 0;
}
.main-container .trojkat{
	position: absolute !important;
	top: 529px;
	right: -74px;
	width: 390px !important;
	height: 293px !important;
	z-index: 11;
}
@media screen and (width < 1366px) {
	.main-container .trojkat{
		top: 591px;
		right: unset;
		left: 499px;
		width: 230px !important;
		height: 176px !important;
	}
}
@media screen and (width < 810px) {
	.main-container .trojkat{
		display: none;
	}
}

/* HEADER */
header{
	height: 180px;
	max-width: 1700px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
header .nav-menu{
	height: 100%;
	padding: 0 120px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header .nav-menu div.logo{
	margin: auto 0;
	width: 227px;
}
header .nav-menu div.logo img{
	width: 100%;
}
header .pc-menu-container{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 51px;
}
header .nav-menu .pc-menu{
	display: flex;	
	gap: 61px;
}
.nav-menu .pc-menu h6{
	transition: 0.2s;
}
.nav-menu .pc-menu h6:hover {
	opacity: 0.3;
	transform: translateY(-2px);
}
.nav-menu .pc-menu h6 > a{
	font-weight: 500 !important;
}
.nav-menu-mobile .off-canvas-menu p.is-current-page a,
.nav-menu .pc-menu h6.is-current-page a{
	color: rgba(21, 30, 106, 0.5);
}
.nav-menu .social-media{
	height: 22px;
	display: flex;
	gap: 28px;
}
.nav-menu .social-media img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.nav-menu .phone{
	width: 200px;
	height: 60px;
	background-color: rgba(21, 30, 106, 0.05);
	border-radius: 80px;
}
.nav-menu .phone a{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}
.nav-menu .phone img{
	height: 20px;
}
/* HAMBURGER */
header .nav-menu .hamburgerOpen{
	display: none;
	width: 44px;
	height: 44px;
	cursor: pointer;
	gap: 10px;
	position: relative;
}
header .nav-menu .hamburgerOpen span{
	width: 20px;
	height: 2px;
	background-color: var(--contrast);
	border-radius: 10px;
	transition: 0.3s ease;
	position: absolute;
	left: calc(50% - 20px / 2);
}
header .nav-menu .hamburgerOpen span:nth-child(1){
	top: 15px;
}
header .nav-menu .hamburgerOpen span:nth-child(2){
	bottom: 15px;
}
header .nav-menu .hamburgerOpen span.open{	
	width: 20px;
	left: calc(50% - 20px / 2);
}
header .nav-menu .hamburgerOpen span:nth-child(1).open{
    transform: rotate(42deg);
	top: 20px;
}
header .nav-menu .hamburgerOpen span:nth-child(2).open{
    transform: rotate(-42deg);
	bottom: 22px;
}
/* MOBILE menu */
header .nav-menu-mobile{
	height: 0px;
	width: 100%;
	display: none;
	transition: 0.3s ease;
	z-index: 10 !important;
	background-color: transparent;
}
header .nav-menu-mobile.activeMenu{
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
}
header .nav-menu-mobile .off-canvas-menu{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 19px;
	padding: 122px 0 28px;
}
header .nav-menu-mobile .off-canvas-menu p {
	font-size: 25px !important;
	line-height: 1.7em !important;
	font-weight: 500 !important;
}
header .nav-menu-mobile .social-media{
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 28px;
}
header .nav-menu-mobile .social-media img{
	height: 22px;
	object-fit: contain;
}
header .nav-menu-mobile .phone{
	width: 200px;
	height: 58px;
	background-color: rgba(21, 30, 106, 0.05);
	border-radius: 80px;
}
header .nav-menu-mobile .phone a{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}
header .nav-menu-mobile .phone h6{
	font-size: 17px;
}
header .nav-menu-mobile .phone img{
	height: 20px;
}
header .nav-menu-mobile .mobile-menu-trojkat{
	margin-top: 20px;
	width: 181px;
	height: 136px;
}
header .nav-menu-mobile .mobile-menu-trojkat img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
@media screen and (width < 1366px) {
	header .nav-menu div.logo{
		margin-left: 30px;
		width: 163px;
	}
	header .nav-menu{
		padding: 0 50px;
	}
	.nav-menu .phone{
		display: none;
	}
	header .pc-menu-container{
		gap: 58px;
	}
	header .nav-menu .pc-menu{
		gap: 32px;
	}
}
@media screen and (width < 810px) {
	header{
		height: auto !important;
	}
	header .nav-menu{
		padding: 20px 20px 0;
		align-items: start;
	}
	header .nav-menu div.logo{
		width: 141px;
		margin: 0;
	}
	header .pc-menu-container{
		display: none;
	}
	header .nav-menu .hamburgerOpen{
		display: block;
	}
}
@media screen and (width > 809px){
	header .nav-menu-mobile{
		display: none !important;
	}
}
/* AKORDEON */
.akordeon-inner .kt-accordion-inner-wrap .wp-block-kadence-pane{
	border-bottom: 1px solid rgba(169, 171, 197,  0.2) !important;
}
.akordeon-inner .kt-accordion-inner-wrap .wp-block-kadence-pane:nth-last-child(1){
	border-bottom: none !important;
}
.akordeon-inner .kt-blocks-accordion-header{
	background-color: transparent !important;
	cursor: pointer;
}
.akordeon-inner .kt-blocks-accordion-header:hover{
	background-color: transparent !important;
}
.akordeon-inner .kt-accordion-panel-active{
	background-color: transparent !important;
}
.akordeon-inner .kt-accordion-panel-active .kt-accordion-panel-inner{
	border: none !important;
}
.akordeon-inner .kt-blocks-accordion-icon-trigger::before,
.akordeon-inner .kt-blocks-accordion-icon-trigger::after{
	transition: 0.3s ease !important;
}
.akordeon-inner .kt-blocks-accordion-icon-trigger::before{
	height: 2px !important;
	width: 16px !important;
}
.akordeon-inner .kt-blocks-accordion-icon-trigger::after{
	height: 2px !important;
	width: 16px !important;
}
.akordeon-inner .kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before{
	transform: rotate(135deg) !important;
}
.akordeon-inner .kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after{
	transform: rotate(45deg) !important;
}
@media screen and (width < 1366px) {
	.akordeon-section{
		max-width: 810px !important;
	}
	.akordeon-section > .kt-inside-inner-col{
		padding: 100px 50px 50px!important;
	}
}
@media screen and (width < 810px) {
	.akordeon-section{
		max-width: 390px !important;
	}
	.akordeon-section > .kt-inside-inner-col{
		padding: 50px 25px!important;
	}
	.akordeon-inner .kt-blocks-accordion-header{
		align-items: start;
	}
	.akordeon-inner .kt-blocks-accordion-icon-trigger{
		margin-top: 3px !important;
	}
}
@media screen and (width < 390px) {
	.akordeon-section > .kt-inside-inner-col{
		padding: 50px 20px!important;
	}
}
/* ------- */

/* STRONA HOME */
.home-intro{
	min-height: 898px !important;
}
.home-intro-bcg{
	position: absolute !important;
	top: 0;
	left: 0;
	width: 1366px !important;
	height: 898px !important;
	pointer-events: none !important;
}
.home-intro-blok{
	width: 80% !important;
}
.home-intro-grafiki{
	position: absolute !important;
	width: 1237px !important;
	height: 793px !important;
	right: 0;
	top: calc(53.7862% - 396.5px);
	pointer-events: none !important;
}
.home-intro-blok-inner{
	width: 80% !important;
}
.home-intro-button .kt-inside-inner-col{
	width: 210px !important;
	height: 60px !important;
	cursor: pointer;
}
.home-intro-foto1{
	position: absolute !important;
	width: 332px !important;
	height: 224px !important;
	bottom: 73px;
	left: 1px;
}
.home-intro-foto2{
	position: absolute !important;
	width: 531px !important;
	height: 358px !important;
	bottom: 165px;
	left: 553px;
}	
.home-intro-trojkat{
	position: absolute !important;
	width: 286px !important;
	height: 215px !important;
	top: 163px;
	left: 830px;
}
.home-intro-ocena{
	position: absolute !important;
	width: 171px !important;
	height: 213px !important;
	top: 341px;
	right: 602px;
}
.home-ocena-stars{
	width: 79px !important;
}
.intro-socialki p > a{
	text-decoration: underline !important;
	font-weight: 300 !important;
	font-family: Poppins, sans-serif;
}
@media screen and (width < 1366px) {
	.home-intro{
		min-height: 867px !important;
		width: 810px !important;
	}
	.home-intro > .kt-inside-inner-col{
		padding: 50px 50px 0 !important;
	}
	.home-intro-bcg{
		width: 810px !important;
		height: 867px !important;
	}
	.home-intro-blok{
		width: 100% !important;
		text-align: center;
	}
	.home-intro-blok > .kt-inside-inner-col{
		gap: 34px !important;
		align-items: center !important;
		max-width: 100% !important;
	}
	.home-intro-blok-inner{
		width: 60% !important;
	}
	.home-intro-blok-inner > .kt-inside-inner-col{
		align-items: center !important;
		width: 100% !important;
		gap: 0 !important;
	}
	.home-intro-button .kt-inside-inner-col{
		width: 190px !important;
		height: 58px !important;
		margin: 40px 0 !important;
	}
	.home-intro-grafiki{
		position: relative !important;
		width: 100% !important;
		height: 368px !important;
		top: unset;
		left: unset;
	}
	.home-intro-grafiki .home-intro-foto1{
		width: 312px !important;
		height: 210px !important;
		top: 30px;
		bottom: unset;
		left: 33px;
	}
	.home-intro-grafiki .home-intro-foto2{
		width: 312px !important;
		height: 210px !important;
		top: 30px;
		bottom: unset;
		left: 365px;
	}	
	.home-intro-grafiki .home-intro-trojkat{
		display: none !important;
	}
	.home-intro-grafiki .home-intro-ocena{
		width: 171px !important;
		height: 199px !important;
		top: 135px;
		right: 269.5px;
		left: 269.5px;
		z-index: 10;
	}
}
@media screen and (width < 810px) {
	.home-intro{
		min-height: 919px !important;
		width: 390px !important;
	}
	.home-intro > .kt-inside-inner-col{
		padding: 30px 25px 0 !important;
	}
	.home-intro-bcg{
		width: 390px !important;
		height: 919px !important;
	}
	.home-intro-blok > .kt-inside-inner-col{
		gap: 24px !important;
	}
	.home-intro-blok-inner{
		width: 100% !important;
	}
	.home-intro-blok-inner > .kt-inside-inner-col{
		gap: 20px !important;
		padding: 0 0 50px !important;
	}
	.home-intro-blok-inner > .kt-inside-inner-col > p{
		max-width: 100% !important;
	}
	.home-intro-button .kt-inside-inner-col{
		width: 170px !important;
		height: 50px !important;
		margin: 0 !important;
	}
	.home-intro-grafiki{
		position: absolute !important;
		width: 390px !important;
		height: 360px !important;
		top: unset;
		left: 0;
		bottom: 30px;
	}
	.home-intro-grafiki .home-intro-foto1{
		display: none !important;
	}
	.home-intro-grafiki .home-intro-foto2{
		width: 334px !important;
		height: 233px !important;
		top: 4px;
		bottom: unset;
		left: calc(50% - 334px / 2);
	}	
	.home-intro-grafiki .home-intro-trojkat{
		display: block !important;
		width: 181px !important;
		height: 136px !important;
		top: -50px;
		bottom: unset;
		left: calc(50% - 181px / 2);
	}
	.home-intro-grafiki .home-intro-ocena{
		width: 161px !important;
		height: 208px !important;
		top: 141px;
		right: 115px;
		left: 115px;
		z-index: 10;
	}
	.home-intro-grafiki .home-intro-ocena > .kt-inside-inner-col{
		gap: 8px;
	}
	.home-intro-ocena p {
		font-size: 13px !important;
	}
	.home-intro-ocena h2{
		font-size: 35px !important;
		line-height: 1.25em !important;
	}
	.intro-socialki .kt-inside-inner-col{
		flex-direction: column !important;
	}
	.intro-socialki p{
		font-size: 10px !important;
	}
}
@media screen and (width < 390px) {
	.home-intro{
		min-height: 919px !important;
		width: auto !important;
	}
	.home-intro > .kt-inside-inner-col{
		padding: 30px 15px 0 !important;
	}
	.home-intro-bcg{
		left: calc(50% - 390px / 2);
	}
	.home-intro-blok-inner{
		width: auto !important;
	}
	.intro-button .kt-inside-inner-col{
		width: 170px !important;
		height: 50px !important;
	}
	.home-intro-grafiki{
		position: relative !important;
		width: 390px !important;
		height: 360px !important;
		left: 0;
		bottom: 0px;
	}
	.home-intro-grafiki .home-intro-trojkat{
		display: block !important;
		width: 181px !important;
		height: 136px !important;
		top: -35px;
		bottom: unset;
		left: calc(50% - 181px / 2);
	}
	.home-intro-grafiki .home-intro-ocena{
		width: 161px !important;
		height: 208px !important;
		top: 141px;
		left: calc(50% - 161px / 2);
		z-index: 10;
	}
}	
/* --------- */
/* HOME CERT */
.home-cert-logo{
	width: 134px !important;
	height: 136.5px !important;
}
@media screen and (width < 1366px){
	.home-cert{
		max-width: 810px !important;
	}
	.home-cert > .kt-inside-inner-col{
		padding: 40px 50px 0 !important;
		gap: 0 !important;
	}
	.home-cert-logo{
		width: 100px !important;
		height: 102px !important;
	}
	.home-cert-inner .kt-inside-inner-col{
		gap: 26px !important;
	}
	.home-text-solo{
		display: none !important;
	}
}
@media screen and (width < 810px){
	.home-cert{
		max-width: 390px !important;
	}
	.home-cert > .kt-inside-inner-col{
		padding: 30px 25px 20px !important;
		gap: 46px !important;
	}
	.home-cert-inner > .kt-inside-inner-col{
		gap: 10px !important;
	}
	.home-cert-inner > .kt-inside-inner-col p{
		width: 90% !important;
	}
}
/* ------- */
/* HOME BLOKI SZACHOWNICA */
.home-blok4 .blok4-element1-foto{
	width: 450px !important;
	height: 550px !important;
}
.home-blok4 .blok4-element2-foto{
	width: 450px !important;
	height: 550px !important;
}
.ikona-combo{
	position: relative !important;
	width: 78px !important;
	height: 90px !important;
}
.combo-svg{
	position: absolute !important;
	bottom: 0;
	left: 0;
}
.combo-kolo{
	width: 47px !important;
	height: 47px !important;
	position: absolute !important;
	top: 0;
	right: 0;
}
.intro-button2{
	cursor: pointer;
	width: 210px !important;
	height: 60px !important;
}
@media screen and (width < 1366px) {
	.home-blok4{
		width: 810px !important;
	}
	.home-blok4 > .kt-inside-inner-col{
		gap: 50px !important;
		padding: 0 50px !important;
	}
	.home-blok4 .blok4-element1 > .kt-inside-inner-col,
	.home-blok4 .blok4-element2 > .kt-inside-inner-col{
		min-height: 80px !important;
		justify-content: center !important;
		align-items: start !important;
		padding-bottom: 0 !important;
	}
	.home-blok4 .blok4-element1 .blok4-element1-formalnosci{
		flex-basis: 100% !important;
		text-align: center !important;
	}
	.home-blok4 .blok4-element1 .blok4-element1-formalnosci > .kt-inside-inner-col{
		padding: 26px 45px 0 !important;
		align-items: center !important;
	}
	.home-blok4 .blok4-element1 .blok4-element1-formalnosci h3{
		max-width: 100% !important;
		width: 100% !important;
		text-align: center;
	}
	.home-blok4 .blok4-element2 .blok4-element2-plany{
		flex-basis: 100% !important;
		text-align: center !important;
	}
	.home-blok4 .blok4-element2 .blok4-element2-plany > .kt-inside-inner-col{
		padding: 26px 50px 0 !important;
		align-items: center !important;
	}
	.home-blok4 .blok4-element2 .blok4-element2-plany h3{
		max-width: 100% !important;
		width: 80% !important;
		text-align: center;
	}
	.ikona-combo > .kt-inside-inner-col,
	.ikona-combo > .kt-inside-inner-col{
		transform: scale(0.75) !important;
	}
	.home-blok4 .blok4-element1-foto,
	.home-blok4 .blok4-element2-foto{
		max-width: 500px !important;
		height: 300px !important;
		
	}
	.home-blok4 .blok4-element1-foto > .kt-inside-inner-col{
		box-shadow: 20px 20px 50px 0px rgba(21, 30, 106, 0.2);
	}
	.intro-button2{
		width: 198px !important;
		height: 58px !important;
	}
}
@media screen and (width < 810px) {
	.home-blok4{
		width: 390px !important;
	}
	.home-blok4 > .kt-inside-inner-col{
		gap: 10px !important;
		padding: 20px 25px 0px !important;
	}
	.home-blok4 .blok4-element1 > .kt-inside-inner-col{
		padding: 39px 0 20px !important;
	}
	.home-blok4 .blok4-element2 > .kt-inside-inner-col{
		padding: 20px 0 39px !important;
	}
	.home-blok4 .blok4-element1 .blok4-element1-formalnosci > .kt-inside-inner-col,
	.home-blok4 .blok4-element2 .blok4-element2-plany > .kt-inside-inner-col{
		padding: 0px 20px !important;
	}
	.home-blok4 .blok4-element1-foto,
	.home-blok4 .blok4-element2-foto{
		max-width: 275px !important;
		height: 165px !important;		
	}
	.blok4-element1{
		order: 1 !important;
	}
	.blok4-element2{
		order: 3 !important;
	}
	.blok4-element3{
		order: 2 !important;
	}
	.intro-button2 p {
		font-size: 16px !important;
	}
}
@media screen and (width < 390px) {
	.home-blok4{
		width: auto !important;
	}
	.home-blok4 > .kt-inside-inner-col{
		gap: 10px !important;
		padding: 20px 10px 0px !important;
	}
}
/* --------- */

/* HOME OPINIE */
.cudzyslow{
	position: absolute !important;
	width: 234px !important;
	height: 167px !important;
	top: 46px;
	left: calc(50% - 234px / 2);
	opacity: 0.05;
}
/* strzałki slidera */
.splide__arrow{
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	opacity: 1 !important;
	background: rgba(21, 30, 106, 0.3) !important;
}
@media screen and (width < 1366px){
	.home-opinie{
		width: 810px !important;
	}
	.home-opinie > .kt-inside-inner-col{
		padding: 70px 0 0 !important;
		gap: 37px !important;
	}
	.karuzela-opinie > .kt-inside-inner-col{
		padding: 0 !important;
	}
	.splide__arrow{
		width: 29px !important;
		height: 29px !important;
	}
	.splide__arrow svg{
		width: 20px !important;
		height: 15px !important;
	}
}
@media screen and (width < 810px){
	.home-opinie{
		width: 390px !important;
	}
	.home-opinie > .kt-inside-inner-col{
		padding: 70px 25px 0px !important;
		gap: 37px !important;
	}
	.karuzela-opinie > .kt-inside-inner-col{
		padding: 0 10px 10px!important;
	}
	.cudzyslow{
		display: none !important;
	}
	.splide__arrow--prev{
		margin-left: -40px !important;
	}
	.splide__arrow--next{
		margin-right: -40px !important;
	}
}
@media screen and (width < 390px){
	.home-opinie{
		width: auto !important;
	}
	.home-opinie > .kt-inside-inner-col{
		padding: 20px 10px !important;
	}
	.karuzela-opinie > .kt-inside-inner-col{
		padding: 0 0 20px !important;
	}
	.splide__arrow--prev,
	.splide__arrow--next{
		margin: 0px !important;
	}
}

/* KARUZELA FIRMY */
.slider-logo{
-webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%);
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%);
}
@media screen and (width < 1366px){
	.karuzela-logotypy{
		width: 810px !important;
	}
	.karuzela-logotypy > .kt-inside-inner-col{
		padding: 50px 50px 70px !important;
	}
}
@media screen and (width < 810px){
	.karuzela-logotypy{
		width: 390px !important;
	}
	.karuzela-logotypy > .kt-inside-inner-col{
		padding: 40px 25px 60px !important;
	}
}
@media screen and (width < 390px){
	.karuzela-logotypy{
		width: auto !important;
	}
	.karuzela-logotypy > .kt-inside-inner-col{
		padding: 20px 10px !important;
	}
}

/* PODSTRONA GAZ DLA DOMU - ELEMENTY */
/* gaz do domu i firmy -intro */
.gaz-intro-mozaika{
	height: 602px !important;
}
.gaz-intro-bcg{
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 602px !important; 
}
.gaz-intro-foto1{
	position: absolute !important;
	top: calc(46% - 361.33px / 2);
	left: 694px;
	width: 542px !important;
	height: 361.33px !important; 
}
.gaz-intro-logo{
	width: 110px !important;
	height: 112px !important
}
@media screen and (width < 1366px){
	.gaz-intro-mozaika{
		height: 793px !important;
		max-width: 810px !important;
		text-align: center;
	}
	.gaz-intro-mozaika > .kt-inside-inner-col{
		padding: 50px 50px 0 !important;
	}
	.gaz-intro-mozaika .kt-inside-inner-col{
		align-items: center !important;		
	}
	.gaz-intro-bcg{
		height: 793px !important; 
	}
	.gaz-intro-text1{
		max-width: 300px !important;
	}
	.gaz-intro-text2{
		max-width: 80% !important;
	}
	.gaz-intro-text2 > .kt-inside-inner-col{
		padding: 30px 0 50px !important;
		gap: 33px !important;
	}
	.gaz-intro-logo{
		width: 100px !important;
		height: 102px !important
	}
	.gaz-intro-foto1{
		position: static !important;
		width: 376.3px !important;
		height: 250.86px !important; 
	}
}
@media screen and (width < 810px){
	.gaz-intro-mozaika{
		height: auto !important;
		max-width: 390px !important;
	}
	.gaz-intro-mozaika > .kt-inside-inner-col{
		padding: 30px 25px 0 !important;
	}
	.gaz-intro-bcg{
		height: 638.84px !important; 
		width: 390px !important;
		top: calc(50% - 638.84px / 2);
		left: calc(50% - 390px / 2);
	}
	.gaz-intro-text1{
		max-width: 100% !important;
	}
	.gaz-intro-text2{
		max-width: 100% !important;
	}
	.gaz-intro-text2 > .kt-inside-inner-col{
		padding: 20px 0 30px !important;
		gap: 20px !important;
	}
	.gaz-intro-logo{
		width: 110px !important;
		height: 112px !important
	}
	.gaz-intro-foto1{
		width: 340px !important;
		height: 226.66px !important; 
	}
}
/* ---------- */
/* GAZ TYTUŁ I GRID */
@media screen and (width < 1366px){
	.gaz-blok-tytul{
		width: 810px !important;
	}
	.gaz-blok-tytul .kt-inside-inner-col{
		padding: 50px 50px 70px !important;
	}
}
@media screen and (width < 810px){
	.gaz-blok-tytul{
		width: 390px !important;
	}
	.gaz-blok-tytul .kt-inside-inner-col{
		padding: 40px 25px !important;
	}
}
@media screen and (width < 390px){
	.gaz-blok-tytul{
		width: auto !important;
	}
	.gaz-blok-tytul .kt-inside-inner-col{
		padding: 40px 15px !important;
	}
}
/* grid */
.gaz-grid-inner > .kt-inside-inner-col{
	display: grid !important;
    flex: 0 0 auto;
    gap: 100px !important;
    grid-auto-rows: min-content;
    grid-template-columns: repeat(2, minmax(201px, 1fr));
    grid-template-rows: repeat(3, min-content);
    height: min-content;
    justify-content: center;
    position: relative;
}
.grid-button{
	display: block !important;
	color: #fff !important;
	width: 122px !important;
}
.grid-foto{
	width: 503px !important;
	height: 350px !important;
}
@media screen and (width < 1366px){
	.gaz-blok-container{
		width: 810px !important;
	}
	.gaz-blok-container > .kt-inside-inner-col{
		padding: 0 50px !important;
	}
	.gaz-grid-inner > .kt-inside-inner-col{
		gap: 57px !important;
	}
	.grid-teksty > .kt-inside-inner-col{
		gap: 30px !important;
		padding: 0 !important;
	}
	.grid-foto{
		width: 300px !important;
		height: 200px !important;
	}
}
@media screen and (width < 810px){
	.gaz-blok-container{
		width: 390px !important;
	}
	.gaz-blok-container > .kt-inside-inner-col{
		padding: 0 25px 100px !important;
	}
	.gaz-grid-inner > .kt-inside-inner-col{
		display: flex !important;
		align-items: center !important;
		flex-flow: column !important;
		gap: 41px !important;
	}
	.grid-teksty > .kt-inside-inner-col{
		align-items: center !important;
		text-align: center;
	}
	.grid-foto{
		width: 340px !important;
		height: 200px !important;
	}
	.grid-el1{
		order: 1 !important;
	}
	.grid-el2{
		order: 2 !important;
	}
	.grid-el3{
		order: 4 !important;
	}
	.grid-el4{
		order: 3 !important;
	}
	.grid-el5{
		order: 5 !important;
	}
	.grid-el6{
		order: 6 !important;
	}
	.grid-el7{
		order: 8 !important;
	}
	.grid-el8{
		order: 7 !important;
	}
	.grid-el9{
		order: 9 !important;
	}
	.grid-el10{
		order: 10 !important;
	}
	.grid-el11{
		order: 12 !important;
	}
	.grid-el12{
		order: 11 !important;
	}
}
@media screen and (width < 390px){
	.gaz-blok-container{
		width: auto !important;
	}
	.gaz-blok-container > .kt-inside-inner-col{
		padding: 40px 15px !important;
	}
}
/* PODSTRONA O FIRMIE - ELEMENTY */
/* o firmie-intro */
.ofirmie-intro-mozaika{
	height: 602px !important;
}
.ofirmie-intro-bcg{
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 602px !important; 
}
.ofirmie-intro-foto1{
	position: absolute !important;
	top: calc(49% - 343.33px / 2);
	left: 755px;
	width: 515px !important;
	height: 343.33px !important; 
}
.ofirmie-intro-logo{
	width: 97px !important;
	height: 98.94px !important
}
.main-container .trojkat.o-firmie{
	width: 345px !important;
	height: 306px !important;
	top: 529px !important;
	right: -68px !important;
}
@media screen and (width < 1366px){
	.ofirmie-intro-mozaika{
		height: auto !important;
		max-width: 810px !important;
		text-align: center;
	}
	.ofirmie-intro-mozaika > .kt-inside-inner-col{
		padding: 30px 50px 70px !important;
	}
	.ofirmie-intro-mozaika .kt-inside-inner-col{
		align-items: center !important;		
	}
	.ofirmie-intro-bcg{
		height: 904.69px !important; 
	}
	.ofirmie-intro-text1{
		max-width: 100% !important;
	}
	.ofirmie-intro-text2{
		max-width: 100% !important;
	}
	.ofirmie-intro-text2 > .kt-inside-inner-col{
		padding: 30px 0 50px !important;
		gap: 0px !important;
	}
	.ofirmie-intro-text2 p{
		margin: 7px  0 30px!important;
	}
	.ofirmie-intro-logo{
		width: 100px !important;
		height: 102px !important
	}
	.ofirmie-intro-foto1{
		position: static !important;
		width: 597px !important;
		height: 398px !important; 
	}
	.main-container .trojkat.o-firmie{
		top: 511px !important;
		right: -112px !important;
		left: unset;
	}
}
@media screen and (width < 810px){
	.ofirmie-intro-mozaika{
		max-width: 390px !important;
	}
	.ofirmie-intro-mozaika > .kt-inside-inner-col{
		padding: 30px 25px 0 !important;
	}
	.ofirmie-intro-bcg{
		height: 751px !important; 
		width: 390px !important;
		top: calc(50% -751px / 2);
		left: calc(50% - 390px / 2);
	}
	.ofirmie-intro-text2 > .kt-inside-inner-col{
		padding: 20px 0 30px !important;
	}
	.ofirmie-intro-text2 p{
		margin: 20px  0 20px!important;
	}
	.ofirmie-intro-logo{
		width: 102px !important;
		height: 104.03px !important
	}
	.ofirmie-intro-foto1{
		width: 329px !important;
		height: 219.33px !important; 
	}
	.main-container .trojkat.o-firmie{
		display: block;
		width: 214px !important;
		height: 190px !important;
		top: 719px !important;
		right: -66px !important;
	}
}
/* O firmie - opis */
.o-firmie-opis .opis-element2 .opis-foto{
	width: 266px !important;
	height: 87px !important;
}
@media screen and (width < 1366px) {
	.o-firmie-opis{
		width: 810px !important;
	}
	.o-firmie-opis > .kt-inside-inner-col{
		padding: 0 50px 30px !important;
	}
	.o-firmie-opis .opis-kolumny > .kt-inside-inner-col{
		flex-direction: column !important;
		align-items: center !important;
		text-align: center;
		gap: 20px;
	}
	.o-firmie-opis .opis-element1 > .kt-inside-inner-col,
	.o-firmie-opis .opis-element2 > .kt-inside-inner-col{
		flex-direction: row;
		justify-content: center;
	}
	.o-firmie-opis .opis-element2-inner > .kt-inside-inner-col{
		align-items: center !important;
	}
	.o-firmie-opis .opis-element2 .opis-foto{
		width: 225px !important;
		height: 59px !important;
	}
}
@media screen and (width < 810px) {
	.o-firmie-opis{
		width: 390px !important;
	}
	.o-firmie-opis > .kt-inside-inner-col{
		padding: 50px 25px 0px !important;
	}
	.o-firmie-opis .opis-element1-inner,
	.o-firmie-opis .opis-element2-inner{
		flex: 0 1 100% !important;
	}
	.o-firmie-opis .opis-element2 .opis-foto{
		width: 266px !important;
		height: 78px !important;
	}
}
@media screen and (width < 390px) {
	.o-firmie-opis{
		width: auto !important;
	}
	.o-firmie-opis > .kt-inside-inner-col{
		padding: 50px 15px 0px !important;
	}
}
/* O firmie - fotografia */
.o-firmie-foto-inner{
	height: 688px !important;
	width: 1200px !important;
}
@media screen and (width < 1366px) {
	.o-firmie-foto-container{
		max-width: 810px !important;
	}	
	.o-firmie-foto-inner{
		width: 765px !important;
		height: 451px !important;
	}
}
@media screen and (width < 810px) {
	.o-firmie-foto-container{
		max-width: 390px !important;
	}	
	.o-firmie-foto-inner{
		width: 375px !important;
		height: 213px !important;
	}
}
@media screen and (width < 390px) {
	.o-firmie-foto-container{
		height: 313px !important;
	}	
}
/* PODSTRONA KONTAKT - ELEMENTY */
/* kontakt-intro */
.kontakt-intro-foto{
	position: static !important;
	width: 548px !important;
	height: 385px !important; 
}
.dane-kontakt.dane-intro p{
	font-size: 20px !important;
	line-height: 1.6em !important;
	font-weight: 500 !important;
}
.kontakt-intro-adresy .konto{
	font-size: 16px !important;
	line-height: 1em !important;
	font-weight: 400 !important;
	padding-top: 32px !important;
}
.kontakt-intro-mozaika .konto2{
	display: none !important;
}
.main-container .trojkat.kontakt{
	width: 309px !important;
	height: 274px !important;
	top: 441px !important;
	right: -18px !important;
}
.trojkat-maly.kontakt{
	display: none !important;
}
@media screen and (width < 1800px){
	.kontakt-intro-adresy p{
		font-size: 16px !important;
		line-height: 1em !important;
		font-weight: 400 !important;
	}
	.kontakt-intro-adresy div p:nth-child(2){
		padding-top: 14px !important;
	}
}
@media screen and (width < 1366px){
	.kontakt-intro-mozaika{
		height: auto !important;
		max-width: 810px !important;
		text-align: center;
	}
	.kontakt-intro-mozaika > .kt-inside-inner-col{
		padding: 0 50px !important;
	}
	.kontakt-intro-mozaika .kt-inside-inner-col{
		align-items: center !important;		
	}
	.kontakt-intro-teksty > .kt-inside-inner-col{
		padding: 30px 0 !important;
		gap: 25px !important;
	}
	.kontakt-intro-teksty h3{
		width: 70% !important;
	}
	.dane-kontakt-container .dane-kontakt .kt-inside-inner-col{
		padding: 0 !important;
	}
	.dane-kontakt.dane-intro p{
		font-size: 16px !important;
	}
	.kontakt-intro-adresy p{
		font-size: 15px !important;
		line-height: 1.6em !important;
	}
	.kontakt-intro-adresy div p:nth-child(2){
		padding-top: 0px !important;
	}
	.kontakt-intro-adresy .konto{
		display: none !important;
		padding-top: 26px !important;
	}
	.kontakt-intro-adresy .konto2{
		display: block !important;
		font-size: 15px !important;
		line-height: 1.6em !important;
	}
	.kontakt-intro-foto{
		position: absolute !important;
		width: 188px !important;
		height: 122px !important; 
		bottom: 70px;
		left: 600px;
	}
	.kontakt-intro-foto .kt-inside-inner-col{
		box-shadow: -10px 10px 20px #151e6a33 !important;
	}
	.main-container .trojkat.kontakt{
		display: none !important;
	}
	.trojkat-maly.kontakt{
		position: absolute !important;
		display: block !important;
		width: 66px !important;
		height: 83px !important;
		bottom: 31px;
		left: 560px;
	}
}
@media screen and (width < 810px){
	.kontakt-intro-mozaika{
		max-width: 390px !important;
		min-height: 662px !important;
	}
	.kontakt-intro-mozaika > .kt-inside-inner-col{
		padding: 50px 25px 222px !important;
	}
	.kontakt-intro-teksty{
		height: 100% !important;
	}
	.kontakt-intro-teksty h3{
		width: 100% !important;
	}
	.dane-kontakt-container .kt-inside-inner-col{
		padding: 0 0 20px 0 !important;
	}
	.dane-kontakt-container .dane-kontakt .kontakt-phone .kt-inside-inner-col{
		width: 14px !important;
	}
	.dane-kontakt.dane-intro p{
		font-size: 15px !important;
	}
	.kontakt-intro-foto{
		width: 241px !important;
		height: 145px !important; 
		bottom: 76px;
		left: calc(50% - 241px / 2);
	}
	.trojkat-maly.kontakt{
		width: 159px !important;
		height: 105px !important;
		bottom: 1px;
		left: calc(50% - 159px / 2);
	}
}
/* ADRESY - pracownicy */
.adresy-pracownicy{
	width: 1366px;
}
@media screen and (width < 1366px) {
	.adresy-pracownicy{
		width: 100% !important;
	}
	.adresy-pracownicy > .kt-inside-inner-col{
		padding: 20px 20px 50px !important;
	}
	.adresy-pracownicy-tytul{
		max-width: 100% !important;
	}
}
@media screen and (width < 810px) {
	.adresy-pracownicy{
		max-width: 390px !important;
	}
	.adresy-pracownicy > .kt-inside-inner-col{
		flex-direction: column !important;
		align-items: center !important;
		padding: 30px 25px 40px !important;
		gap: 20px !important;
	}
	.adresy-pracownicy-single{
		width: 226px !important;
		text-align: center;
	}
	.adresy-pracownicy-tytul > .kt-inside-inner-col{
		justify-content: center !important;
	}
	.adresy-pracownicy-tytul h6{
		padding: 0 !important;
	}
}
/* ---------- */
/* FOOTER */
.footer-container{
	max-width: 1366px !important;
	width: 100% !important;
}
.footer-background{
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100% !important;
	height: 100% !important;
}
.dane-kontakt p{
	font-size: 18px;
	line-height: 1.6em;
	font-weight: 500 !important;
	white-space: nowrap;
}
p.stopka-adres{
	font-size: 18px;
	line-height: 1em;
	font-weight: 400 !important;
}
@media screen and (width < 1366px) {
	.footer-container{
		max-width: 810px !important;
	}
	.footer-inner > .kt-inside-inner-col{
		padding-bottom: 30px !important;
	}
	.dane-kontakt p{
		font-size: 16px;
	}
	p.stopka-adres{
		font-size: 16px;
	}
}
@media screen and (width < 810px) {
	.footer-container{
		max-width: 390px !important;
	}
	.footer-inner > .kt-inside-inner-col{
		padding: 60px 60px 40px !important;
	}
	.dane-kontakt-container > .kt-inside-inner-col{
		flex-direction: column !important;
	}
	.footer-inner .dane-kontakt .kt-inside-inner-col .wp-block-kadence-column .kt-inside-inner-col{
		width: 14px !important;
	}
	.footer-inner .dane-kontakt svg{
		width: 14px !important;
	}
	.footer-inner .dane-kontakt .kt-inside-inner-col{
		padding: 0 !important;
	}
	.dane-kontakt p{
		font-size: 16px;
	}
	p.stopka-adres{
		font-size: 15px;
	}
}
@media screen and (width < 390px) {
	.footer-inner > .kt-inside-inner-col{
		padding: 60px 20px 40px !important;
	}
}
/* ---------- */