/*
Theme Name: Developro Theme 3
Theme URI: https://4dl.pl
Description: Developro
Author: 4dl
Version: 9.9.9
*/
/*
* b4st CSS
*/

/* Sticky Footer */
.no-letter li {
	letter-spacing: 0px
}

.new-real-photo {
	transition: all 1s;
	transform: scale(1);
}

.new-real-photo:hover {
	transform: scale(1.05);
}

.new-gradient-box {
	padding: 4rem 1.5rem 1rem;
	min-height: 60rem;
}

.gradient-box-heading {
	margin-bottom: -1.8rem !important;
	font-size: 3.5rem;
}

body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

main {
	flex: 1 0 auto;
}

.site-header-image {
	display: block;
	margin: auto;
}

.wp-caption {}

.wp-caption-text {}

.sticky {}

.screen-reader-text {}

.gallery-caption {}

.bypostauthor {}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	clear: both;
	display: block;
}

/* Max img widths */

img,
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

/* Author bio */

.author-bio .avatar {
	border: 1px solid #dee2e6;
	border-radius: 50%;
}

/* Main content */

/* Sidebar */

/* Hide form placeholders on focus */

input:focus::-webkit-input-placeholder {
	color: transparent;
}

input:focus:-moz-placeholder {
	color: transparent;
}

/* FF 4-18 */
input:focus::-moz-placeholder {
	color: transparent;
}

/* FF 19+ */
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

textarea:focus:-moz-placeholder {
	color: transparent;
}

/* FF 4-18 */
textarea:focus::-moz-placeholder {
	color: transparent;
}

/* FF 19+ */

/* Comments */

#comments,
#reply-title {
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

.commentlist,
.commentlist ul {
	padding-left: 0;
}

.commentlist li {
	padding: 1rem;
}

.comment-meta {
	margin-bottom: 1rem;
}

.comment>.children {
	margin-top: 1rem;
	margin-right: -0.625rem;
	margin-bottom: -1.625rem;
}

html {
	font-size: 62.5%;
}

* {
	box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.2;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}

body {
	font-family: 'Montserrat', sans-serif;
	line-height: 2;
	font-size: 1.6rem;
	color: #555;
	font-weight: 300;
	letter-spacing: 1px;
	overflow-x: hidden;
}

h1,
h2 {
	font-size: 5rem;
	font-weight: 600;
	line-height: 1.2;
}

h3 {
	font-size: 2.4rem;
}

h4 {
	font-size: 2.1rem
}

h5 {
	font-size: 1.8rem;
}

h6 {
	font-size: 1.6rem;
}

p,
li {
	font-size: 1.6rem;
	color: #555;
	letter-spacing: 1px;
	font-weight: 300;
}

a {
	color: #131314;
	transition: all .5s;
}

a:hover {
	text-decoration: none;
	color: #C5E007;
}

h2.title,
h1.title,
.single-realizacje p.title {
	background: -webkit-linear-gradient(right, #6141a6, #003ecb);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: relative;
	display: inline-block;
}

h2.title::after,
h1.title::after,
.why-us h2:after,
#learning .sec3 h2:after,
#learning .sec6 h2:after,
.single-realizacje p.title:after {
	content: '';
	background: url('/images/pattern.png');
	background-size: 100% auto;
	display: inline-block;
	width: 9rem;
	height: 9rem;
	position: absolute;
	left: -2rem;
	;
	top: 0;
	z-index: -1;
}

h1.title::after {
	top: 0;
}

.default-page h1 {
	margin-bottom: 3rem;
}

.single-post h1,
.single-post .single-content h1,
.single-post .single-content h2,
.single-post .single-content h3,
.single-post .single-content h4,
.single-post .single-content h5,
.single-post .single-content h6 {
	color: #000;
}

.blog .post-card {
	font-family: 'Open Sans', sans-serif;
}

.blog .post-card .post-header p.excerpt {
	letter-spacing: 0;
}

body.single-post .single-content,
.single-post .single-content p,
.single-post .single-content li {
	letter-spacing: 0;
	font-size: 21px;
	line-height: 1.6;
	color: #4f4f4f;
	font-family: 'Tiempos Text', 'Georgia', 'Times New Roman', 'Times', serif;
}

p.subtitle {
	color: #555;
	margin-bottom: 3rem;
	font-size: 2.2rem;
	line-height: 1.4;
}

hr.my-divider {
	width: 20rem;
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right,
			rgba(2, 19, 46, 0), rgba(2, 19, 46, 1), rgba(2, 19, 46, 0));
}

p.dev-tagline {
	font-size: 26px;
	color: #C5E007;
	font-weight: 500;
}

p.dev-tagline span {
	color: #131314;
}

.postid-1924 .lity-container {
	overflow-y: auto;
}

.postid-1924 .lity-container .lity-content img {
	max-height: 3000px !important;
}

.categories-list li {
	list-style: none;
}

.categories-list #menu-kategorie,
.categories-list ul {
	padding-left: 0;
}

.categories-list #menu-kategorie li,
.categories-list ul li {
	display: inline-block;
	padding: 0 15px;
	padding: 4px 15px;
	box-shadow: 3px 5px 8px rgba(0, 0, 0, .1);
	transition: all .5s;
	background: #fff;
}

.categories-list #menu-kategorie li:hover,
.categories-list #menu-kategorie li.current-menu-item,
.categories-list ul li:hover,
.categories-list ul li.current-menu-item {
	background: #C5E007;
	box-shadow: 3px 5px 8px rgba(82, 182, 217, .4);
}

.categories-list #menu-kategorie li:hover a,
#menu-kategorie li.current-menu-item:hover a,
#menu-kategorie li.current-menu-item a,
.categories-list ul li:hover a,
ul li.current-menu-item:hover a,
ul li.current-menu-item a {
	color: #fff;
}

.my-btn,
.my-btn:link,
.my-btn:visited,
#commentform .btn-primary {
	display: inline-block;
	cursor: pointer;
	font-size: 1.8rem;
	font-weight: bold;
	transition: all .5s ease;
	padding: 1.6rem 4.5rem;
	line-height: 1.2;
	color: #fff;
	background: #C5E007;
	border-radius: 5rem;
	border: 0;
	position: relative;
}

.my-btn:after {
	content: "";
	display: inline-block;
	height: 100%;
	width: 100%;
	border-radius: 5rem;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all 1s;
	background: #C5E007;
}

.my-btn:hover::after {
	transform: scaleX(1.4) scaleY(1.6);
	opacity: 0;
}

.my-btn:hover {
	color: #fff;
}

.page-id-1606 #contact a.phone {
	display: none;
}

#commentform .btn-primary:hover {
	background: #C5E007;
}

#commentform .btn-primary.focus,
#commentform .btn-primary:focus {
	box-shadow: none !important;
}

#commentform .btn-primary:not(:disabled):not(.disabled):active {
	background: #C5E007;
	border: none;
}

.wpcf7-submit {
	font-size: 1.8rem;
	font-weight: bold;
	transition: all .5s ease;
	padding: 1.6rem 4.5rem;
	background: #fff;
	color: #C5E007;
	border-radius: 5rem;
	border: 1px solid #fff;
}

.wpcf7-form .btn-primary.disabled,
.wpcf7-form .btn-primary:disabled {
	background: #fff;
	color: #C5E007;
	border: 1px solid #fff;
}

.wpcf7-form .btn-primary:hover {
	background: transparent;
	border: 1px solid #fff;
}

.wpcf7-form .btn-primary.disabled,
.wpcf7-form .btn-primary:disabled {
	background: #fff;
}

a.my-link,
p.my-link {
	color: #C5E007;
	position: relative;
	padding-bottom: 5px;
	display: inline-block;
	font-weight: 600;
}

a.my-link:after,
p.my-link:after {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #C5E007;
	position: absolute;
	left: 0;
	bottom: 0;
}

a.my-link:hover {
	letter-spacing: 2px;
}

/* navbar */
header.fixed-top {
	background: transparent;
}

#top-menu .big-phone {
	font-size: 1.8rem;
	font-weight: 600;
	margin-right: 2rem;
}

#top-menu {
	padding: 1rem;
}

#top-menu .contact-container a {
	color: #fff;
}

#top-menu .contact-container a:hover {
	color: #C5E007;
}

#top-menu .container {
	padding-right: 0;
}

#top-menu .logor img {
	width: 3.5rem;
	margin-right: 2rem;
}

#top-menu img.logo {
	width: 28rem;
}

@media(max-width: 575.98px) {
	#top-menu img.logo {
		width: 14rem;
	}

	#top-menu .col-lg-9 {
		padding: 0;
	}
}

ul.lang {
	padding-left: 2rem;
	margin-bottom: 0;
	z-index: 1;
}

.lang-item {
	display: inline;
	list-style: none;
}

.lang-item.current-lang a {
	color: #C5E007;
}

.lang-item-first {
	padding-right: 1rem;
	border-right: 1px solid #fff;
}

.lang-item-en {
	padding-left: 1rem;
}

.lang-item a {
	color: #fff;
	font-size: 2rem;
	text-transform: uppercase;
	line-height: .8;
	font-weight: 600;
}

.nav-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	padding-top: 1.5rem;
}

.nav-flex a {
	color: #fff;
}

.nav-flex a:hover {
	color: #C5E007;
}

.nav-flex img.icon-phone {
	width: 2.5rem;
	margin-right: 1rem;
}

/* navbar */
.navbar-collapse {
	display: block !important;
}

.navbar-header {
	display: none !important;
}

.navbar-brand img {
	width: 20rem;
}

.navbar-brand {
	z-index: 999;
	position: relative;
}

@media (max-width: 767.98px) {
	.navbar-brand img {
		width: 8rem;
	}
}

#navbar {
	padding: 0;
}

#navbar .container {
	background: #fff;
	box-shadow: 3px 5px 8px rgba(0, 0, 0, .1);
	position: relative;
}

@media (min-width: 1200px) {
	#navbar .container {
		margin-bottom: -27px;
	}
}

@media (max-width: 1199.98px) {
	#navbar .container {
		background: transparent;
		box-shadow: none;
	}

	#mega-menu-navbar {
		box-shadow: 3px 5px 8px rgba(0, 0, 0, .1) !important;
	}
}

#mega-menu-wrap-navbar {
	margin: auto;
}

#mega-menu-wrap-navbar #mega-menu-navbar>li.mega-menu-item>a.mega-menu-link {
	line-height: 1;
	font-family: 'Montserrat', sans-serif;
	padding: 2rem;
}

/* #mega-menu-wrap-navbar #mega-menu-navbar > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
line-height: 1.2;
} */
.header-page {
	min-height: 10rem;
}

.page-template-default #content,
#investor .sec {
	padding-top: 8rem;
	padding-bottom: 8rem;
}

.breadcrumb-page {
	padding-top: 6rem;
	padding-bottom: 2rem;
	background: linear-gradient(to left, rgba(97, 65, 166, .7) 0%, rgba(0, 62, 203, .7) 100%);
}

.contact-container {
	text-align: right;
	padding-top: .5rem;
}

.contact-container img {
	width: 1.5rem;
	margin-left: 1.5rem;
	margin-right: 1rem;
	margin-bottom: 4px;
}

.contact-container p {
	display: inline;
	margin-bottom: 0;
}

.contact-container p a {
	color: #b3b4b3;
	font-size: 1.4rem;
	font-weight: 400;
}

.navbar-brand img {
	width: 22rem;
}


@media (max-width: 991.98px) {

	.contact-container {
		padding-right: 1rem;
	}
}

/* slick-slider  */
.slider {
	width: 100%;
	margin: 0 auto;
}

.slick-slide {
	transition: all ease-in-out .3s;
	/* opacity: .2; */
	padding: 0 2rem;
}

.slick-active {
	opacity: 1;
}

.slick-current {
	opacity: 1;
}

.slick-list {
	margin-bottom: 3rem;
}

.slick-dots {
	text-align: right;
	padding-right: 2rem;
}

.slick-dots li {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 7px;
	padding: 0;
	outline: none;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	padding: 13px;
	cursor: pointer;
	border: 1px solid #003ecb;
	outline: none;
	background: transparent;
	position: relative;
	border-radius: 10px;
}

.slick-dots li.slick-active button {
	background: #003ecb;
}

.slick-dots li.slick-active button:before {
	display: none;
}

/* baner */
#hero {
	height: 80rem;
	position: relative;
}

#hero .col-sm-10 {
	padding-top: 7rem;
	padding-bottom: 5rem;
}

.circle-down {
	position: relative;
	margin-top: -3rem;
}

#hero h1 {
	color: #fff;
	margin-bottom: 1.5rem;
	font-size: 4.5rem;
}

#hero p {
	color: #fff;
	font-size: 1.6rem;
}

#hero p strong {
	text-transform: uppercase;
	color: #C5E007;
	font-size: 2.5rem;
}

/* #hero h1 span{
background: -webkit-linear-gradient(right,#6141a6, #003ecb);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} */
/* #hero h1 span.line-under{
position: relative;
z-index: 1;
}
#hero h1 span.line-under:after{
position: absolute;
content: '';
background: #C5E007 ;
height: 20px;
width: 100%;
bottom: 0;
right: 0;
transform: rotate(-2deg);
z-index: -1;
} */
#hero .text {
	font-size: 1.6rem;
	color: #fff;
	padding-bottom: 2rem;
}

#home .about-us,
.offer-charts,
.opinions,
.school-plan {
	position: relative;
}

/* @keyframes moveg1{
0% { top: 5rem; right: 0; transform: scale(1);}
50% { top: 8rem; right: -1%; transform: scale(1.05);}
75% { top: 10rem; right: 1%; transform: scale(1.05);}
100% { top: 5rem; right: 0; transform: scale(1);}
}
@keyframes moveg2{
0% { top: 5rem; left: 0; transform: scale(1)}
50% { top: 3rem; left: -2%; transform: scale(1.05)}
75%{ top: 4rem; left: 1%; transform: scale(1.05)}
100% { top: 5rem; left: 0; transform: scale(1)}
}
@keyframes moveg2oh{
0% { top: 5rem; left: 0; transform: scale(1)}
50% { top: 3rem; left: -2%; transform: scale(1.05)}
75%{ top: 4rem; left: 1%; transform: scale(1.05)}
100% { top: 5rem; left: 0; transform: scale(1)}
}
@keyframes moveg2oh{
0% { bottom: 20%; left: 0; transform: scale(1)}
50% { bottom: 16%; left: -2%; transform: scale(1.05)}
75%{ bottom: 18%; left: 1%; transform: scale(1.05)}
100% { bottom: 20%; left: 0; transform: scale(1)}
} */
#home .about-us img.graph1,
.offer-charts img.graph1,
.portfolio img.graph1,
#learning .sec4 img.graph1,
.school-plan img.graph1 {
	position: absolute;
	right: 0;
	top: 5rem;
	z-index: -1;
}

#home .about-us img.graph2,
.opinions img.graph2 {
	position: absolute;
	left: 0;
	top: 5rem;
	z-index: -1;
}

.offer-header img.graph2,
.school-plan img.graph2 {
	position: absolute;
	bottom: 20%;
	left: -2rem;
}

.offer-cards {
	margin-top: -9rem;
}

.offer-cards .container {
	background: #fff;
	box-shadow: 3px 5px 8px rgba(0, 0, 0, .1);
	border-radius: 3rem;
	position: relative;
	z-index: 1;
}

.offer-cards .card-title {
	font-size: 1.4rem;
	color: #555;
	text-transform: uppercase;
	padding: 0 2rem;
	font-weight: 400;
	margin-bottom: 0;
	transform: scale(1);
	transition: all .5s;
}

.offer-cards .offer-card {
	text-align: center;
	position: relative;
	width: 100%;
	min-height: 1px;
	padding: 4rem 1.5rem;
}

.offer-cards .offer-card img {
	width: 8rem;
	margin-bottom: 2rem;
	transform: scale(1);
	transition: all .5s;
}

.offer-cards a.offer-card:hover img,
.offer-cards a.offer-card:hover .card-title {
	transform: scale(1.1);
}

.offer-cards .offer-card:nth-child(1) {
	transform: scale(1.2);
	border-radius: 3rem;
	background: #fff;
	border: 5px solid #e9e9e9;
}

@media (min-width: 992px) {

	.offer-cards .offer-card {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.border-right {
		border-right: 1px solid #e9e9e9;
	}
}

.home section.sec {
	padding-top: 12rem;
	padding-bottom: 8rem;
}

#about h1::after {
	display: none;
}

.about-us img.logo,
#about h2 img {
	width: 30rem;
}

.about-us h3 {
	color: #131314;
}

.about-us .row {
	margin-bottom: 1rem;
}

.offer-tabs {
	padding-top: 8rem;
	padding-bottom: 8rem;
	background: rgba(241, 241, 241, .4);
}

ul#pills-tab li.nav-item {
	box-shadow: inset 0 -2px #d4d4d4;
}

.nav-pills .nav-link {
	padding: 1.5rem 2rem;
	font-weight: bold;
	font-size: 1.4rem;
	color: #d4d4d4;
}

.nav-pills .nav-link.active,
.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover {
	background: transparent;
	color: #555;
	box-shadow: inset 0 -2px #555;
	border-radius: 0;
}

.tab-pane {
	padding-top: 6rem;
	padding-bottom: 4rem;
}

/* list style */
.offer-tabs ul {
	list-style: none;
}

.offer-tabs .tabs-desc {
	margin-bottom: 2rem;
}

.offer-tabs .tab-pane h3 {
	margin-bottom: 2rem;
}

.offer-tabs .tab-pane li {
	position: relative;
	padding-bottom: 1rem;
}

.offer-tabs .tab-pane li:before {
	position: absolute;
	content: '';
	background: url('/images/list-style.png') no-repeat center;
	background-size: 100% auto;
	width: 1.5rem;
	height: 1.5rem;
	left: -2.5rem;
	top: 7px;
}

/* stages */
.stages {
	padding-top: 8rem;
	padding-bottom: 8rem;
	background: rgba(241, 241, 241, .4);
	margin-top: 6rem;
	margin-bottom: 10rem;
}

.page-template-template-office .stages {
	margin: 0;
}

.stages .container-fluid {
	width: 80%;
}

.stages .col-lg-4 {
	margin-top: 1.5rem;
}

.stages .col-lg-4 .header-stage,
.stages .header-stage {
	background: url('/images/etap.png') center center no-repeat;
	background-size: contain;
	height: 16rem;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 15rem;
}

.stages p.number {
	color: #fff;
	font-size: 4rem;
	font-weight: bold;
}

.stages h3 {
	/* text-align: center; */
	font-size: 1.4rem;
	color: #555;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 1rem;
}

.stages .stages-desc {
	margin-bottom: 5rem;
}

.stages .box {
	padding: 2rem;
	border: 1px solid #e9e9e9;
	border-radius: 3rem;
}

@media (min-width: 992px) {
	.stages .box p.desc {
		min-height: 15.7rem;
	}
}

@media (min-width: 1200px) {
	.stages .box p.desc {
		min-height: 13.44rem;
	}
}

@media (min-width: 1350px) {
	.stages .box p.desc {
		min-height: 11.2rem;
	}
}

@media (min-width: 1490px) {
	.stages .box p.desc {
		min-height: 9rem;
	}
}

.stages .stages-desc .col-lg-4:last-child .box {
	background: #fff;
	border-radius: 3rem;
	box-shadow: 3px 5px 8px rgba(0, 0, 0, .1);
	padding: 2rem;
}

p.desc {
	/* text-align: center; */
	font-size: 1.4rem;
}

/* newest posts */
.newest-posts,
.portfolio {
	padding-top: 8rem;
	padding-bottom: 8rem;
	position: relative;
}

.portfolio .slick-list.draggable,
.newest-posts .slick-list.draggable {
	padding: 0 !important;
}

.newest-posts img.oz,
.portfolio img.oz {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.newest-posts img.oz2,
.portfolio img.oz2 {
	position: absolute;
	top: 5%;
	right: 9%;
	width: 31rem;
}

.newest-posts p.subtitle,
.portfolio p.subtitle {
	margin-bottom: 8rem;
}

.post-card {
	border: 1px solid #f1f1f1;
	border-radius: 3rem;
	background: #fff;
	box-shadow: 3px 5px 8px rgba(0, 0, 0, .1);
	transition: all .5s;
}

.post-card:hover {
	box-shadow: 3px 5px 8px rgba(82, 182, 217, .1);
}

.post-card .post-thumbnail {
	width: 32%;
	display: inline-block;
	vertical-align: middle;
}

.post-card .post-thumbnail img {
	border-radius: 3rem;

}

.zoom-in {
	overflow: hidden;
	position: relative;
}

.zoom-in:after {
	transition: all 0.7s ease-in-out;
	-webkit-transform-origin: center;
	transform-origin: center;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: inherit;
	background-size: cover;
}

.zoom-in:hover:after {
	transform: scale(1.1);
}

.post-card .post-header {
	padding: 4rem;
	width: 67%;
	display: inline-block;
	vertical-align: middle;
}

.post-card .post-header h3 {
	min-height: 5.76rem;
	margin-bottom: 1.5rem;
}

.realizations .post-card .post-header h3 {
	min-height: 2.88rem;
}

.post-card .post-header p.excerpt {
	margin-bottom: 1.5rem;
}

.post-header .offer-icons {
	margin-bottom: 1rem;
}

.post-header .offer-icons .icon-bg {
	width: 4rem;
	height: 4rem;
	background: #C5E007;
	padding: 5px;
	border-radius: 5rem;
	display: inline-block;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 5px;
}

.post-header .offer-icons .icon-bg img {
	width: 2rem;
}

.realizations .post-card,
.blog .post-card,
.category .post-card,
.tag .post-card,
.archive .post-card {
	border-radius: 0;
}

.realizations .post-card .thumb-cont,
.blog .post-card .thumb-cont,
.category .post-card .thumb-cont,
.tag .post-card .thumb-cont {
	overflow: hidden;
}

.realizations .post-card .post-thumbnail,
.blog .post-card .post-thumbnail,
.category .post-card .post-thumbnail,
.tag .post-card .post-thumbnail,
.archive .post-card .post-thumbnail {
	border-radius: 0;
	min-height: 50rem;
	transition: all 1s;
	transform: scale(1);
	width: 100%;
}

.realizations .post-card .post-thumbnail:hover,
.blog .post-card .post-thumbnail:hover,
.category .post-card .post-thumbnail:hover,
.tag .post-card .post-thumbnail:hover {
	transform: scale(1.1);
}

.realizations .post-thumbnail {}

.realizations .post-header,
.blog .post-header,
.category .post-header,
.tag .post-header,
.archive .post-header {
	width: 100%;
	text-align: center;
}

/* cta */
.cta .container-fluid {
	background: #C5E007;
	width: 80%;
	border-radius: 3rem;
	box-shadow: 3px 5px 8px rgba(0, 0, 0, .1);
	margin-bottom: 8rem;
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.cta.cta1 {
	margin-top: 14rem;
}

.cta h2.cta-title {
	color: #fff;
	font-size: 5rem;
	font-weight: 600;
}

.cta p.cta-subtitle {
	color: #fff;
	font-size: 3rem;
	margin-bottom: 3rem;
}

.cta a {
	font-size: 2.4rem;
	font-weight: 600;
	color: #fff;
	margin-right: 3rem;
}

.cta-container img {
	width: 3rem;
	margin-right: 1rem;
}

.cta a.send-form {
	display: inline-block;
	position: relative;
}

.cta a.send-form:after {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}

.offer-charts {
	padding-top: 8rem;
	padding-bottom: 8rem;
	/* margin-top: 8rem; */
}

.offer-charts .col-xl-12 {
	padding-left: 0;
	padding-right: 0;
}

.offer-charts .opinions-header,
.offer-charts .custom-dots-offer {
	/*   width: 60%;
	margin-right: auto; */
}

#offer .offer-charts .custom-dots-offer {
	margin-left: auto;
}

#offer .custom-dots-offer .slick-dots {
	text-align: center;
}

#offer .offer-charts {
	margin-top: 0;
	padding-top: 4rem;
	padding-bottom: 0;
}

#offer .offer-chart {
	min-height: 34rem;
}

#offer .offer-charts p.subtitle {
	margin-bottom: 3rem;
}

#offer .col-lg-4 {
	margin-bottom: 3rem;
}

.principles .inner-content {
	position: relative;
}

.principles .inner-content::before {
	content: '';
	position: absolute;
	left: -6.8rem;
	top: -6px;
	background: url("/images/dot-active.png") center center;
	background-size: 100% auto;
	width: 3.5rem;
	height: 3.5rem;
}

.principles-social .col-xl-11::before {
	content: '';
	position: absolute;
	left: -6.8rem;
	top: 0;
	background: url("/images/dot-active.png") center center;
	background-size: 100% auto;
	width: 3.5rem;
	height: 3.5rem;
}

.principles .col-sm-3 h3 {
	font-size: 2rem;
}

.principles .col-xl-10 {
	border-left: 1px solid #e9e9e9;
	padding-left: 5rem;
}

.cta-portfolio .container-fluid {
	background: linear-gradient(to left, rgba(97, 65, 166, .7) 0%,
			rgba(0, 62, 203, .7) 100%), url('/images/cta-portfolio.jpg') center center no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding-top: 6rem;
	padding-bottom: 6rem;
	position: relative;
	border-radius: 3rem;
	box-shadow: 3px 5px 8px rgba(0, 0, 0, .1);
	width: 80%;
	margin-top: 8rem;
	margin-bottom: 8rem;
}

.cta-portfolio h2 {
	color: #fff;
	margin-bottom: 5rem;
}

.offer-charts .custom-dots-offer {
	margin-top: 5rem;
	text-align: center;
}

.custom-dots-offer .slick-dots {
	text-align: center;
	padding-left: 0;
}

.offer-charts p.subtitle {
	margin-bottom: 5rem;
}

.offer-chart {
	height: 40rem;
	border-radius: 3rem;
	box-shadow: 3px 5px 8px rgba(0, 0, 0, .1);
	padding: 3rem 2rem;
}

.offer-chart h3 {
	color: #555;
	font-weight: 900;
	padding: 2rem;
	font-size: 3rem;
}

.offer-charts .slick-slide {
	padding: 2rem;
}

.home .offer-charts .slick-slide {
	opacity: .1;
}

.offer-charts .slick-slide.slick-active {
	opacity: 1;
}

.offer-charts .slick-arrow {
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	z-index: 20;
	cursor: pointer;
	fill: #C5E007;
	transition: all .5s;
	width: 4rem;
	height: 4rem;
}

.offer-charts .slick-arrow:hover {
	fill: #003ecb;
}

.offer-charts .slick-arrow.slick-prev {
	left: 4rem;
}

.offer-charts .slick-arrow.slick-next {
	right: 4rem;
}

.offer-charts .offer-chart,
#offer .offer-charts .offer-chart,
.single .offer-charts .offer-chart,
.page-child .offer-charts .offer-chart {
	transition: all .5s;
	position: relative;
}

.offer-charts .offer-chart p.my-link {
	margin-bottom: 2rem;
}

.offer-charts .offer-chart p.my-link {
	/* color: #555; */
}

.offer-charts .offer-chart p.my-link::after,
.offer-charts .offer-chart a.my-btn {
	background: #C5E007;
}

#offer .offer-charts .offer-chart p.my-link::after,
#offer .offer-charts .offer-chart a.my-btn,
.single .offer-charts .offer-chart p.my-link::after,
.single .offer-charts .offer-chart a.my-btn {
	background: #C5E007;
}

.offer-charts .offer-chart p.my-link,
#offer .offer-charts .offer-chart p.my-link,
.single .offer-charts .offer-chart p.my-link {
	color: #fff;
}

.offer-charts .slick-center .offer-chart p.my-link::after,
.offer-charts .slick-center .offer-chart a.my-btn {
	background: #C5E007;
}

.offer-charts .offer-chart::before,
#offer .offer-charts .offer-chart::before,
.single .offer-charts .offer-chart::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 3rem;
	z-index: 0;
	background: linear-gradient(to left, rgba(97, 65, 166, .9) 0%, rgba(0, 62, 203, .9) 100%);
	transition: opacity .5s;
	opacity: .4;
}

.offer-charts .slick-center .offer-chart::before,
.offer-charts .offer-chart:hover::before,
#offer .offer-charts .offer-chart:hover::before,
.single .offer-charts .offer-chart:hover::before {
	opacity: .9;
}

.offer-charts .offer-chart h3,
#offer .offer-charts .offer-chart h3,
.single .offer-charts .offer-chart h3 {
	color: #fff;
	z-index: 1;
	position: relative;
}

.offer-charts .slider {
	margin-bottom: 3rem;
}

.page-template-template-offer #offer .offer-chart h3,
.single .offer-chart h3 {
	font-size: 2rem;
}

.page-template-template-offer #offer .offer-chart,
.single .offer-chart {
	height: 34rem;
}

.card-title-cont {
	min-height: 11.2rem;
}

.page-template-template-offer #offer .offer-chart .my-btn,
.single .offer-chart .my-btn {
	font-size: 1.4rem;
	padding: 1.2rem 2.5rem;
}

/* opinions */
.opinions {
	position: relative;
	padding-top: 8rem;
	padding-bottom: 8rem;
}

.opinions .col-xl-7 {
	padding-right: 0;
}

.opinions img.oz {
	position: absolute;
	right: 0;
	top: 0;
	z-index: -3;
}

.opinions .opinions-header,
.opinions .custom-dots {
	width: 70%;
	margin-left: auto;
}

.opinion-card {
	background: #fff;
	padding: 4rem;
	border-radius: 3rem;
	box-shadow: 3px 5px 8px rgba(0, 0, 0, .1);
	min-height: 35rem;
	position: relative;
}

.opinion-card img.quote {
	position: absolute;
	top: 1rem;
	right: 3rem;
	width: 5rem;
}

.opinion-slider .slick-slide {
	padding-bottom: 2rem;
}

.opinion-slider .slick-list.draggable {
	padding: 0 20% 0 0 !important;
}

.offer-slider .slick-list.draggable {
	/*   padding: 0 0 0 20% !important; */
}

.opinion-card p.single-opinion {
	font-style: italic;
}

@media(min-width:1700px) {
	.opinion-card p.single-opinion {
		min-height: 36rem;
	}
}

@media(min-width:1850px) {
	.opinion-card p.single-opinion {
		min-height: 31rem;
	}
}

.opinion-card p.author {
	font-size: 2rem;
	font-weight: 900;
	margin-bottom: 2rem;
}

.custom-dots {
	margin-top: 10rem;
}

.custom-dots .slick-dots {
	text-align: left;
	padding-left: 0;
}

/* why us */
.why-us {
	margin-bottom: 8rem;
	/* position: relative; */
}

/* .why-us  img.oz2{
position: absolute;
top: -40%;
left: 5%;
width: 31rem;
z-index: -3;
} */
.why-us .container-fluid {
	padding-top: 6rem;
	padding-bottom: 6rem;
	position: relative;
	z-index: -2;
	border-radius: 3rem;
	box-shadow: 3px 5px 8px rgba(0, 0, 0, .1);
	width: 80%;
}

.why-us h2,
.why-us-numbers h2 {
	font-size: 5rem;
	font-weight: 600;
	color: #fff;
	position: relative;
}

.why-us h3,
.why-us-numbers h3 {
	color: #fff;
	font-size: 1.8rem;
	font-weight: 400;
}

.why-us-numbers h3 {
	margin-bottom: 2rem;
}

.why-us-numbers p {
	color: #fff;
}

.why-us-numbers p.num {
	font-weight: 600;
	font-size: 5rem;
	line-height: 1.5;
}

.why-us h3 span {
	font-weight: 600;
	display: block;
	font-size: 3rem;
	margin-bottom: 1rem;
}

.why-us-numbers p span {
	font-weight: 600;
	display: block;
	font-size: 3rem;
	line-height: 1.5;
}

.why-us img {
	width: 10rem;
	margin-bottom: 2rem;
}

.why-us .subtitle {
	color: #fff;
	margin-bottom: 5rem;
}

.why-us-numbers .subtitle {
	margin-bottom: 1rem;
}

/* contact form */
.contact-form {
	padding-top: 8rem;
	padding-bottom: 8rem;
}

.single-realizacje .contact-form {
	padding-top: 0;
}

.contact-form h2 {
	color: #fff;
	font-size: 5rem;
	font-weight: 600;
}

.contact-form p.subtitle,
.contact-form p {
	color: #fff;
}

#learning .contact-form p.subtitle {
	margin-bottom: 1rem;
}

#learning #v-pills-tab a {
	z-index: 1;
}

.contact-form .container-fluid {
	width: 80%;
	box-shadow: 3px 5px 8px rgba(0, 0, 0, .1);
	padding: 8rem 5rem;
	border-radius: 3rem;
	background: #C5E007;
}

.contact-form .col-md-12 {
	margin-bottom: 3rem;
}

.my-breadcrumb,
.my-breadcrumb a,
.my-breadcrumb p {
	color: #fff;
	letter-spacing: 1px;
	font-weight: 300;
	font-size: 1.2rem;
}

.my-breadcrumb span {
	padding-left: .8rem;
	padding-right: .5rem;
}

.my-breadcrumb span:first-child {
	padding-left: 0;
}

.my-breadcrumb .current-item {
	font-weight: 700;
	color: #fff;
}

.my-breadcrumb {
	font-size: 1.4rem;
}

.benefits .container-fluid {
	width: 80%;
}

.benefits .col-xl-4 {
	padding: 0;
}

.benefits .col-xl-4 h3 {
	padding-bottom: 4rem;
	border-bottom: 1px solid #e9e9e9;
}

.benefit-desc {
	padding-top: 3rem;
	width: 80%;
	margin: 0 auto;
}

.benefit-box {
	position: relative;
}

.benefit-box::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 5rem;
	background: url("/images/dot-active.png") center center;
	background-size: auto;
	background-size: 100% auto;
	width: 3.5rem;
	height: 3.5rem;
}

/* Marketing */
section.sec {
	padding-top: 8rem;
	padding-bottom: 8rem;
}

section.sec.how-works {
	padding-bottom: 0;
}

.how-works img {
	width: 9rem;
	margin-bottom: 2rem;
}

.offer-header {
	background: url('/images/marketing-tlo.jpg') no-repeat right center;
	background-size: contain;
	position: relative;
}

.offer-header a.my-btn {
	z-index: 0;
	position: relative;
}

.offer-header h1 {
	margin-bottom: 3rem;
}

#stat .offer-header {
	background: url('/images/opis-systemu.jpg') no-repeat right center;
}

#areas .sec2 {
	background: rgba(241, 241, 241, .4);
}

.wpcf7-form span.file-680>input,
.wpcf7-form span.file-680-en>input {
	opacity: 0;
	width: 20rem;
	height: 4.65rem;
}

.wpcf7-form span.file-680::before,
.wpcf7-form span.file-680-en::before {
	content: "Dodaj plik";
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 5px;
	background: #fff;
	color: #C5E007;
	width: 20rem;
	font-weight: 600;
	text-align: center;
	border-radius: 0;
	cursor: pointer;
}

.wpcf7-form span.file-680-en::before {
	content: "Add file";
}

.wpcf7-form .col-md-12 .added-file-name {
	position: absolute;
	top: 1.5rem;
	left: 24rem;
	color: #fff;
}

#marketing .services p.description {
	margin-bottom: 3rem;
}

#marketing .services .row {
	padding-top: 8rem;
	padding-bottom: 8rem;
}

#marketing .services h2.title {
	font-size: 3.6rem;
}

/* biuro sprzedazy */
#office h3,
#office p,
#office ul {
	margin-bottom: 2rem;
}

#office .office2 h2.title {
	font-size: 3.6rem;
	margin-bottom: 3rem;
}

#office ul,
#pfd-cities .card ul {
	list-style: none;
	margin-bottom: 3rem;
}

#office .attributes li,
#pfd-cities .card li {
	position: relative;
	padding-bottom: 1rem;
}

#office .attributes li:before,
#pfd-cities .card li:before {
	position: absolute;
	content: '';
	background: url('/images/list-style.png') no-repeat center;
	background-size: 100% auto;
	width: 1.5rem;
	height: 1.5rem;
	left: -2.5rem;
	top: 7px;
}

#office .office2 {
	background: rgba(241, 241, 241, .4);
}

#office .sec p.subtitle {
	margin-bottom: 5rem;
}

/* o nas */
#about section.team {
	background: rgba(241, 241, 241, .4);
	overflow-x: hidden;
}

#about section.team .container-fluid {
	width: 80%;
}

#about .team p.subtitle {
	margin-bottom: 5rem;
}

#about .team-member {
	margin-bottom: 4rem;
}

.inner-content {
	margin-bottom: 3rem;
}

.more-team {
	background: linear-gradient(to left, rgba(97, 65, 166, .7) 0%, rgba(0, 62, 203, .7) 100%);
}

.more-team .col-lg-3 {
	padding-bottom: 3rem;
}

.more-team .person {
	border: 2px solid #fff;
	color: #fff;
	transition: all .7s;
	text-align: center;
	position: relative;
	cursor: pointer;
	padding: 2rem;
}

.more-team .person .hover {
	background: rgba(82, 182, 217, .85);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: all .7s;
}

.more-team .person .hover p {
	color: #fff;
	font-size: 1.4rem
}

.more-team .person .position-hover {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
}

.more-team .person:hover .hover {
	opacity: 1;
}

/* tereny */

#investor .stages {
	margin-bottom: 0;
	margin-top: 0;
}

#investor .sec h2 {
	margin-bottom: 3rem;
}

/* szkolenia */
#learning h1 {
	padding-left: 6rem;
	color: #003ecb;
}

#learning h1::after {
	display: none;
}

#learning h1 span {
	display: block;
	position: relative;
}

#learning h1 span::before {
	position: absolute;
	content: '';
	left: -6.5rem;
	top: 6px;
	display: inline-block;
	width: 5rem;
	height: 5rem
}

#learning h1 span:first-child::before {
	background: url('/images/content-marketing.png');
	background-size: 100% auto;
}

#learning h1 span:nth-child(2)::before {
	background: url('/images/social-media.png');
	background-size: 100% auto;
}

#learning h1 span:last-child::before {
	background: url('/images/seo.png');
	background-size: 100% auto;
}

#learning .sec5,
#contact .sec2 {
	background: rgba(241, 241, 241, .4);
}

#learning .sec4 {
	position: relative;
}

#learning .sec2 h3,
#learning .sec4 h3,
#learning .sec-why h3 {
	margin-bottom: 3rem;
}

#learning .sec-why h2 {
	color: #fff;
	font-size: 3rem;
	margin-bottom: 3rem;
}

#learning .sec5 a.my-link {
	margin-bottom: 3rem;
}

#learning .sec4 .col-lg-4 img {
	width: 23rem;
}

#learning .sec li,
.offer-header .inner-content li,
.inner-content li {
	position: relative;
	padding-bottom: 1rem;
	list-style: none;
}

#learning .sec li::before,
.offer-header .inner-content li::before,
.inner-content li::before {
	position: absolute;
	content: '';
	background: url('/images/list-style.png') no-repeat center;
	background-size: 100% auto;
	width: 1.5rem;
	height: 1.5rem;
	left: -2.5rem;
	top: 7px;
}

#rent .sec3 {
	position: relative;
	margin-top: 8rem;
}

#learning .sec4 img.oz,
#rent .sec3 img.oz {
	position: absolute;
	left: 0;
	top: 0;
	width: 79rem;
}

#about .sec4 {
	position: relative;
	margin-top: 4rem;
}

#about .sec4 img.oz {
	position: absolute;
	left: 0;
	top: 3rem;
	width: 79rem;
}

h2.smh2 {
	font-size: 3rem;
	margin-bottom: 3rem;
}

/* film style */
.flex-video {
	position: relative;
	padding-top: 0px;
	margin-bottom: 16px;
	overflow: hidden;
	border: 3px solid #C5E007;
	padding-bottom: 55.25%;
}

.flex-video iframe,
.flex-video object,
.flex-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#learning .sec-why h2.smh2 {
	font-size: 3rem;
	margin-bottom: 3rem;
	color: #fff;
}

#learning .sec3 .container-fluid {
	background: linear-gradient(to left, rgba(97, 65, 166, .7) 0%,
			rgba(0, 62, 203, .7) 100%), url('/images/dlaczego-szkolenie.jpg') center center no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding-top: 6rem;
	padding-bottom: 6rem;
	position: relative;
	z-index: -2;
	border-radius: 3rem;
	box-shadow: 3px 5px 8px rgba(0, 0, 0, .1);
	width: 80%;
}

#learning .sec6 {
	background: linear-gradient(to left, rgba(97, 65, 166, .7) 0%,
			rgba(0, 62, 203, .7) 100%);
	padding-top: 6rem;
	padding-bottom: 6rem;
}

#learning .sec6 .container-fluid h3 {
	font-size: 1.7rem;
	margin-bottom: 2rem;
}

@media(min-width:1500px) {
	#learning .sec6 .container-fluid {
		width: 80%;
	}

}

#learning .sec-why {
	background: linear-gradient(to left, rgba(97, 65, 166, .7) 0%,
			rgba(0, 62, 203, .7) 100%), url('/images/dlaczego-szkolenie2.jpg') center center no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding-top: 6rem;
	padding-bottom: 6rem;
}

#learning .sec-why li {
	color: #fff;
}

#learning img.show-more {
	width: 70%;
	display: block;
	margin: 0 auto;
}

#learning .sec.sec-why li::before {
	position: absolute;
	content: '';
	background: url('/images/list-style-white.png') no-repeat center;
	background-size: auto;
	background-size: 100% auto;
	width: 1.2rem;
	height: 1.2rem;
	left: -2rem;
	top: 5px;
}

#learning .sec3 .container-fluid img,
#learning .sec6 .container-fluid img {
	width: 10rem;
	margin-bottom: 3rem;
}

#learning .sec6 h2,
#learning .sec6 h3,
#learning .sec6 p,
#learning .sec3 h2,
#learning .sec3 h3,
#learning .sec3 p {
	color: #fff;
}

#learning .sec6 h2,
#learning .sec3 h2 {
	position: relative;
	display: inline-block;
}

#learning .team .container-fluid {
	width: 80%;
}

#learning .school-plan h2 {
	margin-bottom: 3rem;
}

#learning .nav-pills .nav-link {
	font-size: 1.8rem;
	font-weight: bold;
	transition: all .5s ease;
	padding: 1.6rem 4.5rem;
	line-height: 1.2;
	color: #C5E007;
	background: #fff;
	border-radius: 5rem;
	border: 1px solid #C5E007;
	box-shadow: none;
	margin-right: 2rem;
}

#learning .nav-pills .nav-link.active,
#learning .nav-pills .nav-link:focus,
#learning .nav-pills .nav-link:hover {
	color: #fff;
	background: #C5E007;
}

#learning p.hour {
	font-size: 2rem;
	color: #C5E007;
	font-weight: 600;
}

/* strony dla developerow */
.attributes .row {
	padding-top: 8rem;
	padding-bottom: 8rem;
}

.attributes h2.title {
	margin-bottom: 3rem;
	font-size: 3.6rem;
}

.grey-bg {
	background: rgba(241, 241, 241, .4);
}

.attributes p.subtitle {
	font-size: 1.6rem;
}

#vr-real {
	padding-top: 12rem;
	padding-bottom: 12rem;
}

#vr-real p.subtitle {
	margin-bottom: 5rem;
}

.team-member .col-xl-8 {
	padding-top: 6rem;
	padding-bottom: 4rem;
}

#about .team-member p {
	text-align: justify;
}

/* baza wiedzy */
.blog p.icons {
	color: #000;
	font-size: 1.2rem;
}

.blog .header-meta .icons img {
	height: 1.5rem;
	width: auto;
}

.blog .header-meta .icons p {
	margin-bottom: 1rem;
	padding-right: 1.5rem;
	padding-left: .8rem;
	;
}

.blog p.subtitle,
.archive p.subtitle {
	margin-bottom: 5rem;
}

.blog .container-fluid,
.archive .container-fluid {
	width: 90%;
}

.blog .post-card .post-thumbnail,
.newest-posts .post-card .post-thumbnail {
	/* min-height: 32rem; */
}

.newest-posts .slick-slide,
.portfolio .slick-slide {
	padding-bottom: 1.5rem;
}

.pagination-panel {
	margin-bottom: 5rem;
	margin-top: 5rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.wp-pagenavi a,
.wp-pagenavi span {
	padding: 1rem 1.5rem;
	font-size: 1.4rem;
	border-radius: 5px;
	border-color: #C5E007;
	color: #C5E007;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	border-color: #C5E007;
	background: #C5E007;
	color: #fff;
}

/* single blog */
.posts-cont {
	padding-top: 4rem;
	padding-bottom: 8rem;
}

.single h1 {
	font-size: 4rem;
}

.single .single-content h2 {
	font-size: 3.6rem;
	margin-bottom: 1rem;
}

.single .single-content img {
	margin: 1.5rem auto;
}

strong {
	font-weight: bold;
}

.single .thumbnail-container img {
	border-radius: 2rem;
	margin-bottom: 3rem;
	width: 100%;
}

.single .alert-comment {
	border: 1px solid #C5E007;
	border-radius: 2rem;
}

.post-footer a {
	font-size: 1.2rem;
}

#commentform .form-control {
	box-shadow: 0 1px 0 0 #C5E007;
	height: 4rem;
}

#commentform textarea.form-control {
	height: 10rem;
}

#commentform .form-group {
	margin-bottom: 3rem;
}

#respond h3 {
	margin-bottom: 3rem;
}

/* realizacja */
.nav-portfolio .nav-box {
	border: 1px solid #f1f1f1;
	box-shadow: 3px 5px 8px rgba(0, 0, 0, .1);
	transition: all .7s;
}

.nav-portfolio .nav-box:hover {
	box-shadow: 3px 5px 8px rgba(82, 182, 217, .1);
}

.nav-portfolio .nav-box_body {
	padding: 2rem;
	text-align: center;
}

.nav-box_title p {
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 2rem;
	line-height: 1.4;
}

.nav-box_nav p {
	color: #C5E007;
	font-weight: 600;
	display: inline;
}

.nav-box_nav img {
	width: 2.5rem
}

section.sec.timeline {
	padding-bottom: 4rem;
}

.timeline .slick-list {
	margin-bottom: 0;
}

.timeline .container-fluid {
	width: 80%;
	margin-right: 0;
}

.single-realizacje p.title {
	font-size: 6rem;
	font-weight: 600;
}

.single-realizacje h1 {
	font-size: 3rem;
}

.single-realizacje .single-header {
	position: relative;
}

.single-realizacje .single-header .navigation-portfolio {
	padding: 5px 8px;
	max-width: 9.5rem;
	line-height: 1.2;
}

.single-realizacje .single-header .navigation-portfolio a img {
	display: block;
	margin: 5px auto;
	width: 5rem;
}

.single-realizacje .single-header .navigation-portfolio a {
	color: #fff;
	font-weight: 400;
	font-size: 1.2rem;
	text-align: center;
}

.single-realizacje .single-header .navigation-portfolio {
	z-index: 999;
	position: fixed;
	bottom: 0;
}

.single-realizacje .single-header .navigation-portfolio.left {
	background: #111111;
	left: 0;
}

.single-realizacje .single-header .navigation-portfolio.right {
	background: #C5E007;
	right: 0;
}

.slider-nav-t h3 {
	text-align: center;
	position: relative;
	cursor: pointer;
	height: 11rem;
	transition: all .5s;
	color: #d4d4d4;
}

.slider-nav-t h3::after {
	position: absolute;
	content: '';
	background: url('/images/dot.png') no-repeat center;
	background-size: 100% auto;
	width: 5rem;
	height: 5rem;
	transform: translate(-50%, -50%);
	left: 50%;
	bottom: -20%;
	z-index: 1;
}

.slider-nav-t .slick-current h3 {
	color: #C5E007;
}

.slider-nav-t .slick-current h3::after {
	position: absolute;
	content: '';
	background: url('/images/dot-active.png') no-repeat center;
	background-size: 100% auto;
	width: 5rem;
	height: 5rem;
	transform: translate(-50%, -50%);
	left: 50%;
	bottom: -20%;
	z-index: 1;
}

.slider-nav-t .slick-current h3::before {
	position: absolute;
	content: '';
	background: #C5E007;
	width: 100%;
	height: 5px;
	left: 0;
	bottom: 2.5rem;
	z-index: 1;
}

.slider-nav-t .slick-slide::after {
	position: absolute;
	content: '';
	background: #d4d4d4;
	background-size: 100% auto;
	width: 100%;
	height: .5rem;
	left: 0;
	bottom: 3rem;
}

.slider-for-t {
	margin-top: 5rem;
}

.slider-for-t h2 {
	font-size: 3rem;
	color: #C5E007;
}

.slider-for-t .slick-arrow {
	width: 3.5rem;
	position: absolute;
	top: -6rem;
	cursor: pointer;
}

.slider-for-t .slick-prev {
	left: 1rem;
}

.slider-for-t .slick-next {
	right: 1rem;
}

.single-realizacje .single-content {
	margin-bottom: 3rem;
}

.single-realizacje .slider-for-t li,
.inner-content ul li {
	list-style: none;
	position: relative;
	padding-bottom: 1rem;
}

.single-realizacje .slider-for-t li::before,
.inner-content ul li::before {
	position: absolute;
	content: '';
	background: url('/images/list-style.png') no-repeat center;
	background-size: 100% auto;
	width: 1.5rem;
	height: 1.5rem;
	left: -2.5rem;
	top: 7px;
}

.single-realizacje .slider-for-t h2 {
	margin-bottom: 2rem;
}

.single-realizacje .sec2 {
	min-height: 64rem;
	position: relative;
}

.single-realizacje .sec2 img.oz {
	position: absolute;
	left: 0;
	top: 0;
}

.single-realizacje .sec2 h2 {
	margin-bottom: 5rem;
}

.single-realizacje .opinion-card {
	min-height: 20rem;
}

/* sidebar */
.widget-sidebar {
	margin-bottom: 3rem;
	border: 1px solid #f1f1f1;
	border-radius: 3rem;
	box-shadow: 3px 5px 8px rgba(0, 0, 0, .1);
}

.widget-sidebar .sidebar-body {
	padding: 2rem;
	background: #fff;
	border-bottom-left-radius: 1.9rem;
	border-bottom-right-radius: 1.9rem;
}

/* .widget-sidebar .sidebar-body a{
display: inline-block;
margin-right: 2rem;
} */
.widget-sidebar .sidebar-body img {
	width: 5rem;
}

@media(min-width:1600px) {
	.widget-sidebar .sidebar-body img {
		width: 7rem;
	}
}

.widget-sidebar h4 {
	text-align: center;
	background: #C5E007;
	color: #fff;
	padding: 2rem 1.5rem;
	margin-bottom: 0;
	font-weight: 500;
	text-transform: uppercase;
	border-top-left-radius: 1.9rem;
	border-top-right-radius: 1.9rem;
}

.widget-sidebar a {
	color: #000;
	display: block;
	font-size: 1.4rem;
}

.widget-sidebar ul {
	list-style: none;
	padding: 1rem 2rem;
	margin-bottom: 0;
	background: #fff;
	border-bottom-left-radius: 1.9rem;
	border-bottom-right-radius: 1.9rem;
}

.widget-sidebar li {
	font-size: 1.6rem;
	padding: 1rem 0;
	border-bottom: 1px solid #f1f1f1;
	line-height: 1.4;
}

.widget-sidebar li:last-child {
	border: 0;
}

#sidebar {
	margin-bottom: 3rem;
}

/* case study */
.case-study {
	background: rgba(241, 241, 241, .4);
}

.case-card {
	background: #fff;
	padding: 4rem;
	border-radius: .4rem;
	box-shadow: 3px 5px 8px rgba(0, 0, 0, .1);
	position: relative;
	cursor: pointer;
	transition: all .5s;
	transform: scale(1);
}

.case-card:hover {
	box-shadow: 3px 5px 8px rgb(82, 182, 217, .1);
}

.case-slider .slick-slide {
	padding: 2rem;
}

.case-slider {
	margin-bottom: 2.5rem;
}

.case-card p.case-opinion {
	margin-bottom: 2rem;
	/* font-style: italic; */
	position: relative;
	text-indent: 2.5rem;
}

@media (min-width: 1200px) {
	.case-card p.case-opinion {
		min-height: 15.3rem;
	}
}

.case-card p.case-opinion img.quote {
	position: absolute;
	top: 5px;
	left: 0;
	width: 2rem;
	height: 2rem;
	transform: rotate(-180deg);
}

.case-card p.case-author {
	font-weight: 900;
	font-size: 1.8rem;
	line-height: 1.3;
}

.case-card img.logo {
	height: 7rem;
	margin-bottom: 1rem;
	filter: grayscale(1);
}

.case-slider .slick-arrow {
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	width: 4rem;
	cursor: pointer;
}

.case-slider .slick-prev {
	left: -5rem;
}

.case-slider .slick-next {
	right: -5rem;
}

/* Kontakt */
.box-anim {
	margin-bottom: 1rem;
	position: relative;
}

.box-anim input {
	padding: 12px 5px 5px 5px;
	width: 100%;
	outline: 0;
	box-shadow: 0 1px 0 0 #e5e5e5;
	transition: box-shadow 150ms ease-out;
}

.box-anim textarea {
	padding: 20px 0px 5px 0;
	width: 100%;
	outline: 0;
	box-shadow: 0 1px 0 0 #e5e5e5;
	transition: box-shadow 150ms ease-out;
}

.lab-anim {
	position: absolute;
	left: 0;
	top: 2px;
	color: #fff;
	font-weight: 300;
	font-size: 1.3rem;
	z-index: 1;
	transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;
	transition: transform 150ms ease-out, font-size 150ms ease-out;
	transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out;
}

.focused .lab-anim {
	-webkit-transform: translateY(-65%);
	transform: translateY(-65%);
	font-size: 1rem;
}

.form-control {
	height: 5.8rem;
	font-size: 1.5rem;
	border-radius: 0;
	border: 0;
	background: transparent;
	color: #555;
}

.form-control:focus {
	box-shadow: 0 1px 0 0 #003ecb;
	color: #131314;
	background: transparent;
}

.box-anim textarea.filled,
.box-anim input.filled {
	box-shadow: 0 1px 0 0 #003ecb;
}

textarea.form-control {
	height: 19.4rem;
}

.wpcf7-form .form-control {
	color: #fff;
}

.wpcf7-acceptance .wpcf7-list-item label {
	position: relative;
	font-size: 10px;
	text-align: justify !important;
	display: block;
}

.pol-zg {
	font-size: 10px;
	text-align: justify !important;
	display: block;
	margin-left: 32px;
	position: relative;
	margin-top: 5px;
	color: rgba(255, 255, 255, .8);
}

.wpcf7-acceptance {
	color: rgba(255, 255, 255, .8);
}

.wpcf7-acceptance a {
	color: #61b7d8;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	border: 1px solid #fff;
	background: #fff;
	font-size: 1.6rem;
	color: #D1282E;
	border-radius: 1rem;
}

div.wpcf7-mail-sent-ok {
	border: 1px solid #fff;
	background: #fff;
	font-size: 1.6rem;
	color: #048C04;
	border-radius: 1rem;
}

span.wpcf7-not-valid-tip {
	color: #D1282E;
	font-size: 1.2rem;
}

div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
	background: #ff0000;
	color: #fff;
	font-size: 1.6rem;
	border-radius: 4px;
}

.btn-primary.focus,
.btn-primary:focus {
	box-shadow: 0 0 0 .2rem rgba(246, 42, 110, .5);
}

.wpcf7-acceptance input[type="checkbox"] {
	opacity: 0;
	display: none;
}

.wpcf7-acceptance input[type="checkbox"]+span::before {
	display: inline-block;
	margin: 0px 4px 0 0;
	vertical-align: middle;
	cursor: pointer;
	width: 20px;
	height: 20px;
	content: '';
	background: url('/images/checkoff.png') no-repeat center center;
	background-size: 100% auto !important;
}

.wpcf7-acceptance input[type="checkbox"]+span::before,
.wpcf7-acceptance input[type="checkbox"]:checked+span::before {
	position: absolute;
	top: 0;
	left: -14px;
}

.wpcf7-acceptance input[type="checkbox"]:checked+span::before {
	content: '';
	background: url('/images/checkon.png') no-repeat center center;
	background-size: 100% auto !important;
}

.wpcf7-acceptance label {
	padding-left: 1.5rem;
}

/* kontakt */
.inner-content a {
	color: #C5E007;
	position: relative;
	padding-bottom: 5px;
	display: inline-block;
	font-weight: 600;
}

.inner-content a:after {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #C5E007;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all .5s;
}

.inner-content a:hover {
	color: #111111;
}

.inner-content a:hover:after {
	background-color: #111111;
}

#contact .sec2 .col-lg-3 {
	margin-bottom: 3rem;
}

#contact .contact-details h3,
.single-post .contact-details h3 {
	font-size: 2rem;
}

#contact img.pin-city {
	flex: 0 0 6rem;
	max-width: 6rem;
}

#contact .city-details p.city {
	font-size: 3.4rem;
	font-weight: bold;
}

#contact .contact-details a,
#contact .city-details a,
.single-post .contact-details a {
	color: #111111;
	font-weight: 400;
	display: inline-block;
}

#contact .contact-details a:hover,
#contact .city-details a:hover,
.single-post .contact-details a:hover {
	color: #C5E007;
}

#contact a.phone,
.single-post a.phone {
	font-size: 3rem;
	font-weight: 600;
}

#contact .contact-details a img {
	width: 1.5rem;
	padding-bottom: 2px;
	margin-right: 4px;
}

#contact .sec2 h2 {
	margin-bottom: 5rem;
}

#contact .sec2 img.logo {
	width: 24rem;
	margin-bottom: 2rem;
}

/* footer */
.logo-slider .slick-slide img {
	height: 8rem;
	opacity: .34;
	margin: 0 auto;
	filter: grayscale(1);
}

.companies {
	background: rgba(241, 241, 241, .2);
	padding-top: 8rem;
	padding-bottom: 8rem;
	margin-bottom: 12rem;
}

.companies .companies-container .col-4 {
	margin-bottom: 3rem;
}

.companies .companies-container img {
	width: 70%;
	display: block;
	margin: 0 auto;
}

#offer .companies {
	margin-bottom: 4rem;
}

.companies .container-fluid {
	width: 90%;
}

.companies .logo-slider .slick-list {
	margin-bottom: 0;
}

.companies p.subtitle {
	margin-bottom: 5rem;
}

.page-template-template-about .why-us {
	margin-top: 2rem;
	margin-bottom: 12rem;
}

/* strony dla developerów miasta */
#pfd-cities .card-offer {
	padding-top: 8rem;
}

#pfd-cities .card-header {
	background: #C5E007;
	color: #fff;
	text-align: center;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

#pfd-cities .card-body {
	background: #fff;
}

#pfd-cities .card-body ul {
	margin-top: 3rem;
}

@media (min-width: 1200px) {
	#pfd-cities .card-body ul {
		min-height: 44.8rem;
	}

	#pfd-cities .card-header {
		min-height: 16.3rem;
	}
}

#pfd-cities .card-body .my-btn {
	margin-bottom: 2rem;
}

#pfd-cities .card-header .card-title {
	font-size: 2rem;
	text-transform: uppercase;
}

#pfd-cities .card-header .card-text {
	color: #fff;
}

.social-aside {
	position: fixed;
	right: 0;
	bottom: 11rem;
	z-index: 9999;
}

.social-aside a {
	background: rgba(82, 182, 217, .85);
	display: block;
	padding: 5px;
	margin-bottom: 1px;
	transition: all .5s;
}

.social-aside a:hover {
	background: rgba(97, 65, 166, .85);
}

.social-aside img {
	width: 3.5rem;
}

#footer {
	background: linear-gradient(to left, rgba(97, 65, 166, .7) 0%, rgba(0, 62, 203, .7) 100%);
}

#footer .social img {
	width: 3rem;
	margin-right: 1rem;
}

#footer .footer-contact {
	padding-top: 5rem;
	padding-bottom: 5rem;
	border-bottom: 1px solid #ddd;
}

#footer p {
	line-height: 1.8;
	color: #fff;
	font-weight: 500;
}

#footer .fast-contact img {
	width: 2.5rem;
	margin-right: 1rem;
}

#footer .fast-contact div {
	margin-bottom: 1rem;
}

#footer li a,
#footer a,
#footer .copyright a {
	color: #fff;
	font-weight: 500;
}

#footer li a:hover,
#footer a:hover,
#footer .copyright a:hover {
	color: #C5E007;
}

#footer .copyright p {
	font-size: 1.4rem;
	font-weight: 300;
}

#footer ul {
	padding-left: 0;
}

#footer li {
	list-style: none;
}

#footer ul li {
	padding-bottom: 7px;
	position: relative;
	padding-left: 2.5rem;
}

#footer ul li:before {
	position: absolute;
	content: '';
	background: url('/images/list-style-white.png') no-repeat center;
	background-size: 100% auto;
	width: 1.2rem;
	height: 1.2rem;
	left: 0;
	top: 5px;
}

#footer h4 {
	padding-top: 7rem;
	padding-bottom: 2rem;
	color: #fff;
	position: relative;
}

#footer h3 {
	padding-top: 0;
	padding-bottom: 2rem;
	color: #fff;
	position: relative;
}

#footer .copyright {
	padding-top: 2rem;
}

/* animacje */
.animatable {
	visibility: hidden;
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-ms-animation-play-state: paused;
	-o-animation-play-state: paused;
	animation-play-state: paused;
}

@media(max-width:768px) {
	.animatable {
		visibility: visible;
	}
}

/* media query */

@media (max-width: 1199.98px) {
	.offer-charts .slick-arrow.slick-prev {
		left: 2rem;
	}

	.offer-charts .slick-arrow.slick-next {
		right: 2rem;
	}

	.single .offer-charts .col-xl-2 {
		margin-bottom: 3rem;
	}

	#navbar ul.lang {
		position: absolute;
		right: 12rem;
	}

	.why-us-numbers p span {
		font-size: 2rem;
	}

	.benefits .col-xl-4 h3 {
		border-bottom: 0;
		padding-bottom: 0;
	}

	.benefit-box::after {
		display: none;
	}

	.benefit-box {
		margin-bottom: 1rem;
	}

	.benefit-desc {
		padding-top: 1rem;
	}

	#hero .col-sm-10 {
		padding-bottom: 10rem;
	}

	.offer-charts .col-xl-5 {
		order: 1;
	}

	.offer-charts .col-xl-7 {
		order: 2;
	}

	.opinions .opinions-header,
	.opinions .custom-dots {
		width: 100%;
	}

	.why-us .col-lg-6 {
		margin-bottom: 5rem;
	}

	.offer-tabs .tab-pane {
		padding-top: 2rem;
		padding-bottom: 0;
	}

	.offer-tabs .tab-pane img {
		margin-bottom: 2rem;
	}

	.white-bg .col-left {
		order: 2;
	}

	.white-bg .col-right {
		order: 1;
	}

	.attributes .col-xl-6 img {
		margin-bottom: 3rem;
	}

	.col-xl-3 {
		margin-bottom: 3rem;
	}

	ul#pills-tab li.nav-item {
		flex-basis: 50%;
		text-align: center;
	}
}

@media (max-width: 991.98px) {
	.new-gradient-box {
		min-height: 30rem;
	}

	#navbar ul.lang {
		top: 2.2rem;
	}

	#hero h1 {
		font-size: 4rem;
	}

	.single-realizacje section.sec {
		padding-bottom: 0;
	}

	.single-realizacje section.sec.nav-portfolio {
		padding-bottom: 8rem;
	}

	.breadcrumb-page {
		padding-top: 0;
	}

	.offer-cards .offer-card:nth-child(1) {
		transform: scale(1);
		border: none;
	}

	#navbar .logo-container {
		position: absolute;
		top: 1rem;
		left: 10%;
	}

	.navbar-collapse {
		padding-top: 1rem;
	}

	.navbar-brand img {
		width: 16rem
	}

	.about-us img.logo,
	#about h2 img {
		width: 22rem;
	}

	#home .sec.about-us .col-lg-6 {
		margin-bottom: 2rem;
	}

	.cta .container-fluid {
		padding-left: 4rem;
		padding-right: 4rem;
	}

	.post-card .post-thumbnail,
	.post-card .post-header {
		width: 100%
	}

	.post-card .post-header {
		padding: 2rem;
	}

	h3 {
		font-size: 2rem;
	}

	.newest-posts img.oz2,
	.portfolio img.oz2 {
		display: none;
	}

	section.team .row-2 .col-lg-5,
	#marketing .row-2 .col-right {
		order: 1;
	}

	section.team .row-2 .col-lg-7,
	#marketing .row-2 .col-left {
		order: 2;
	}

	#contact .contact-details h3 {
		font-size: 1.6rem;
	}

	#contact a.phone,
	.single-post a.phone {
		font-size: 2.4rem;
	}

	.offer-header {
		background: none !important;
	}

	.col-lg-6,
	.col-lg-4,
	.col-lg-3 {
		margin-bottom: 3rem;
	}

	#learning .sec5 .col-lg-6,
	#learning .sec5 .col-lg-6 ul {
		margin-bottom: 0;
	}

	#contact .city-details p.city {
		font-size: 2.4rem;
	}

	#contact img.pin-city {
		flex: 0 0 5rem;
		max-width: 5rem;
	}
}

@media (max-width: 767.98px) {
	#rent .sec3 {
		margin-top: 0;
	}

	.nav-portfolio .nav-box_body {
		padding: 1rem;
	}

	.nav-box_title p {
		font-size: 1.2rem;
		margin-bottom: 1rem;
	}

	.nav-box_nav p {
		display: none;
	}

	/* .nav-box_nav img{
	width: 1rem
} */
	#contact .sec2 .col-4,
	#contact .sec2 .col-8 {
		margin-bottom: 3rem;
	}

	#contact .sec2 .col-8 {
		padding-left: 0;
	}

	.contact-form h2,
	.cta h2.cta-title {
		font-size: 3rem;
	}

	.contact-form p.subtitle,
	.how-works p.subtitle,
	#learning .sec6 p.subtitle {
		font-size: 1.6rem;
	}

	.contact-form .container-fluid {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.contact-form .container-fluid,
	.cta .container-fluid,
	.stages .container-fluid,
	.why-us .container-fluid,
	#about section.team .container-fluid,
	.cta-portfolio .container-fluid,
	#learning .team .container-fluid {
		width: 100%;
		border-radius: 0
	}

	.timeline .container-fluid {
		width: 100%;
	}

	.cta .container-fluid {
		padding-top: 8rem;
		padding-bottom: 8rem;
	}

	#home .sec.about-us,
	.realizations,
	.blog .sec,
	#office .sec.white-bg,
	#learning .sec2,
	#learning .sec4,
	#learning .school-plan,
	.timeline,
	#about .sec4 {
		background: none !important;
	}

	.stages .col-lg-4 .header-stage,
	.stages .header-stage {
		background: url('/images/etapdol.png') center center no-repeat;
		background-size: contain;
		width: 100%;
		margin-bottom: 1rem;
		height: 12rem;
	}

	.stages h3,
	.stages p.desc {
		text-align: center;
	}

	.stages p.number {
		font-size: 3rem;
	}
}

@media (max-width: 575.98px) {
	.offer-charts .slick-arrow {
		width: 3rem;
		height: 3rem;
	}

	p.dev-tagline {
		font-size: 20px;
	}

	.companies .companies-container img {
		width: 100%;
	}

	.categories-list #menu-kategorie li a {
		font-size: 12px;
	}

	.categories-list #menu-kategorie li {
		margin-bottom: 5px;
	}

	.postid-1924 .lity-container .lity-content img {
		max-height: 1100px !important;
	}

	.nav-box_title {
		display: none;
	}

	.single-realizacje .single-header .navigation-portfolio a img {
		width: 2rem;
	}

	.single-realizacje .single-header .navigation-portfolio {
		line-height: 1;
		max-width: 8rem;
	}

	.single-realizacje .single-header .navigation-portfolio a {
		font-size: 1rem;
	}

	.single-realizacje .slider-for-t .slick-slide,
	.single-realizacje .slider-for-t .container {
		padding-left: 0;
		padding-right: 0;
	}

	ul#pills-tab li.nav-item {
		flex-basis: 100%;
	}

	.single h1 {
		font-size: 3rem;
	}

	#learning .nav-pills .nav-link {
		font-size: 1.4rem;
		padding: 1rem 2rem;
		margin-right: 4px;
		margin-bottom: 1rem;
	}

	.school-plan .tab-pane {
		padding-top: 2rem;
		padding-bottom: 0;
	}

	section.sec.school-plan {
		padding-bottom: 0;
	}

	.blog .container-fluid,
	.archive .container-fluid,
	.single .container-fluid {
		width: 100%;
	}

	h2.smh2 {
		font-size: 2.4rem;
	}

	#contact .contact-details a.mail,
	.single-post .contact-details a.mail {
		font-size: 1.4rem;
	}

	h1,
	h2,
	.why-us h2,
	.attributes h2.title,
	.single-realizacje p.title,
	#marketing .services h2.title,
	#hero h1 {
		font-size: 3rem;
	}

	#hero p {
		font-size: 1.6rem;
	}

	#hero p strong {
		font-size: 1.8rem;
	}

	#hero {
		height: 75rem;
	}

	#navbar .logo-container {
		left: 1rem;
	}

	.offer-cards {
		margin-top: 0;
	}

	.offer-cards .container .col-lg-10 {
		box-shadow: none;
	}

	.offer-charts .opinions-header,
	.offer-charts .custom-dots-offer {
		width: 100%;
	}

	.offer-charts {
		margin-top: 0;
		min-height: 25rem;
	}

	.offer-chart {
		height: 25rem;
	}

	.offer-chart h3 {
		font-size: 2rem;
	}

	.cta a {
		font-size: 2rem;
	}

	.cta p.cta-subtitle {
		font-size: 2rem
	}

	.opinion-slider .slick-list.draggable {
		padding: 0 !important;
	}

	.custom-dots-offer,
	.custom-dots {
		margin-bottom: 3rem;
	}

	.offer-tabs .nav-pills .nav-link {
		padding: 1rem;
		font-size: 1.2rem;
	}

	#about .team-member p {
		text-align: left;
	}

	.team-member .col-xl-8 {
		padding-top: 3rem;
		padding-bottom: 0;
	}

	#vr .attributes .my-btn {
		font-size: 1.6rem;
		padding: 1.6rem 3.5rem;
	}

	section.sec.services {
		padding-bottom: 1rem;
	}

	.realizations .post-card .post-thumbnail,
	.blog .post-card .post-thumbnail,
	.category .post-card .post-thumbnail,
	.tag .post-card .post-thumbnail {
		min-height: 23rem;
	}

	.wpcf7-form .col-md-12 .added-file-name {
		top: -2.5rem;
		left: 1rem;
	}

	.social-aside {
		display: none;
	}

	#contact .sec2 img.logo {
		width: 20rem;
	}

	h2.title::after,
	h1.title::after,
	.why-us h2::after,
	#learning .sec3 h2::after,
	#learning .sec6 h2::after,
	.single-realizacje p.title::after {
		display: none;
	}

	#learning h1 span::before {
		top: 0;
		left: -6.5rem;
		width: 4rem;
		height: 4rem
	}

	.offer-chart .my-btn {
		font-size: 1.4rem;
		padding: 1.5rem 3.5rem;
	}

	.offer-chart h3 {
		min-height: 10rem;
	}

	.principles .col-xl-10 {
		padding-left: 1.5rem;
		border-left: none;
	}

	.principles .inner-content::before {
		display: none;
	}

	.newest-posts p.subtitle,
	.portfolio p.subtitle {
		margin-bottom: 3rem;
	}

	#hero .col-sm-10 {
		padding-bottom: 5rem;
	}

	p.subtitle {
		font-size: 1.8rem;
	}

	.slider-for-t h2 {
		font-size: 2rem;
	}

	.slider-nav-t h3 {
		font-size: 1.6rem;
	}

	section.stages,
	#home .offer-tabs {
		display: none;
	}

	.page-template-template-office section.stages {
		display: block;
	}

	.single .single-content h2 {
		font-size: 2.6rem;
	}
}

@media (max-width: 379.98px) {
	.navbar-brand img {
		width: 12rem;
	}

	#navbar .logo-container {
		top: 1.4rem;
	}

	.lang-item a {
		font-size: 1.8rem;
	}

	#contact .contact-details h3,
	.single-post .contact-details h3 {
		font-size: 1.6rem;
	}
}

@media (max-width: 359.98px) {

	h1,
	h2,
	.why-us h2,
	.attributes h2.title,
	.single-realizacje p.title,
	#marketing .services h2.title,
	#hero h1 {
		font-size: 2.6rem;
	}

	.navbar-brand img {
		width: 9rem;
	}

	#navbar .logo-container {
		top: 1.8rem;
	}
}

.catalog-sec {
	background: url('/images/tlo-grafiki.png') center center no-repeat;
	background-size: contain;
	background-attachment: fixed;
}

.catalog {
	position: relative;
	padding: 2em 2em 1em;
	color: #ffffff;
	z-index: 0;
}

@media (max-width: 767px) {
	.catalog {
		text-align: center;
	}
}

@media (min-width: 768px) {
	.catalog {
		padding: 4.5em 6em 4rem;
	}
}

.catalog__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
	border-radius: 1.25em;
}

@media (min-width: 768px) {
	.catalog__bg {
		border-radius: 2.5em;
	}
}

.catalog__title {
	font-size: 2rem;
	margin-bottom: 1em
}

@media (min-width: 768px) {
	.catalog__title {
		font-size: 2.85rem;
	}
}

.catalog__form label {
	color: #ffffff;
	font-weight: 600;
}

.catalog__form form>p {
	display: inline-block;
}

.catalog__img {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(75%, -50%);
	width: 450px;
	max-width: unset;
}

.catalog__form input {
	height: 48px;
	line-height: 48px;
}

.catalog__form .form-control {
	background: #ffffff;
	border-radius: 30px;
	color: #000000;
	padding: 0 2rem;
}

.catalog__form .wpcf7-submit {
	margin-left: 2rem;
	padding: 0 6rem;
	color: #ffffff;
	background-color: #C5E007;
	border-color: #C5E007;
}

@media (max-width: 767px) {
	.catalog__form .wpcf7-submit {
		margin-top: 1.75rem;
	}
}

.catalog__form .wpcf7-not-valid-tip {
	font-size: 0.9rem;
	width: 100%;
	margin-top: 0.75rem;
	margin-bottom: -1.5rem;
	text-align: center;
}

.catalog__form form .wpcf7-response-output {
	border: none !important;
	padding-left: 0 !important;
}

.catalog__form .acceptance {
	font-size: .7rem;
	max-width: 54rem;
	margin-top: 2rem;
	font-weight: 400;
	color: #dfdfdf;
}

.catalog__form .acceptance .wpcf7-list-item {
	margin-left: 0;
}

.catalog__form .acceptance input {
	font-size: 1rem;
	opacity: 1;
	display: initial;
	height: unset;
	vertical-align: top;
}

.catalog__form form .wpcf7-response-output {
	font-size: 1.5rem;
	margin-top: 0.5rem;
	margin-left: 0;
	margin-bottom: 0;
	font-weight: 600;
}

.catalog__form .wpcf7 form.invalid .wpcf7-response-output {
	display: none;
}


/* New portfolios */
:root {
	--portfolios-black: #000;
	--portfolios-white: #fff;
	--portfolios-primary-15: rgba(197, 224, 7, 0.15);
	--portfolios-primary: #C5E007;

	--images-scale: 0.4;

	--breakpoint: 100%;

}

html {
	scroll-behavior: smooth;
}

/* utils */
.isolation-isolate {
	isolation: isolate;
}

.overlay {
	--overlay-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	inset: 0;
	background-color: var(--overlay-color);
}

.gap-30 {
	gap: 3rem;
}

.gap-60 {
	gap: 3.75rem;
}

.gap-80 {
	gap: 8rem;
}

/* classes */
.single-new-realizacje {
	overflow-x: hidden;
}

.post-type-archive-new-realizacje,
.single-new-realizacje,
:is(.post-type-archive-new-realizacje, .single-new-realizacje) :is(li, p) {
	color: var(--portfolios-black);
	font-weight: 400;
	font-size: clamp(14px, 3vw, 16px);
}

:is(.post-type-archive-new-realizacje, .single-new-realizacje) :is(#footer, #navbar .container) {
	background: var(--portfolios-black);
}

:is(.post-type-archive-new-realizacje, .single-new-realizacje) .lang-item:not(.current-lang) a {
	color: var(--portfolios-white);
}

.portfolios-listing-hero {
	position: relative;
	min-height: 60.5rem;
}

.portfolios-listing-hero>.background-image {
	position: absolute;
	inset: 0;
	top: 0;
	left: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.portfolios-listing-hero>.section-content {
	margin-top: 15rem;
	text-align: center;
}



.portfolios-listing-hero>.right-side-image {
	display: none;
}

.portfolios-listing-hero>.websites-screenshots {
	display: none;
}

.portfolios-listing-hero .website-screenshot {
	display: block;
	position: absolute;
	transform: scale(var(--images-scale));

}

.portfolios-listing-hero .websites-screenshots .website-screenshot-1 {
	z-index: 1;
	margin-top: 18rem;
	margin-top: min(10vw, 18rem);
	left: 23%;
	left: calc(((100% - var(--breakpoint)) / 2) + 5vw);
}

.portfolios-listing-hero .websites-screenshots .website-screenshot-2 {
	z-index: 2;
	left: 2%;
	left: calc(((100% - var(--breakpoint)) / 2) - 14vw);
	top: 29rem;
	top: min(15vw, 29rem);
}

.portfolios-listing-hero .websites-screenshots .website-screenshot-3 {
	z-index: 3;
	top: 49rem;
	top: min(26vw, 49rem);
	left: 10%;
	left: calc(((100% - var(--breakpoint)) / 2) - 5vw);
}

.portfolios-listing-hero .scroll-down-indicator {
	position: absolute;
	bottom: 1rem;
	left: calc(50% - 14px);
}

@media (min-width: 575px) {
	:root {
		--breakpoint: 540px;
	}

}

@media (min-width: 768px) {
	:root {
		--breakpoint: 720px;
	}

	.portfolios-listing-hero {
		min-height: 97.5rem;
	}

	.portfolios-listing-hero>.section-content {
		margin-top: 20rem;
		text-align: start;
	}

	.portfolios-listing-hero>.right-side-image {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		transform-origin: right bottom;
		width: 19%;
	}

	.portfolios-listing-hero>.websites-screenshots {
		position: relative;
		display: block;
	}
}

@media (min-width:992px) {
	.s6-left-image {
		margin-bottom: 0;
	}

	:is(.post-type-archive-new-realizacje, .single-new-realizacje) .glassy {
		background: rgba(255, 255, 255, 0.3);
		box-shadow: 0 8px 32px 0 var(--portfolios-primary-15);
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
	}

	.portfolios-listing-hero>.background-image {
		width: initial;
		height: 100%;
		mask-type: alpha;
		mask-image: linear-gradient(90deg, black, transparent);
		-webkit-mask-image: linear-gradient(90deg, black, transparent);
	}

	.portfolios-listing-hero>.section-content {
		margin-top: 30rem;
	}

	:root {
		--breakpoint: 960px;
	}
}

@media (min-width:1201px) {
	:is(.post-type-archive-new-realizacje, .single-new-realizacje) #mega-menu-wrap-navbar #mega-menu-navbar>li.mega-menu-item>a.mega-menu-link {
		color: var(--portfolios-white);
	}

	:is(.post-type-archive-new-realizacje, .single-new-realizacje) #mega-menu-wrap-navbar {
		background: var(--portfolios-black);
	}

	:is(.post-type-archive-new-realizacje, .single-new-realizacje) #mega-menu-wrap-navbar #mega-menu-navbar>li.mega-menu-item>a.mega-menu-link:hover {
		color: var(--black);
		background-color: var(--portfolios-white);
	}

	:root {
		--images-scale: 0.6;
		--breakpoint: 1140px;

	}

}

@media (min-width: 1400px) {
	:root {
		--images-scale: 0.7;

	}
}

@media (min-width: 1600px) {
	:root {
		--images-scale: 0.8;

	}
}

@media (min-width: 1850px) {
	:root {
		--images-scale: 1;

	}
}

@media only screen and (max-width:1200px) {
	:is(.post-type-archive-new-realizacje, .single-new-realizacje) #mega-menu-wrap-navbar #mega-menu-navbar>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
		color: var(--black);
		background-color: var(--portfolios-white);
	}
}


/* Single new-porfolio */

.single-portfolio-hero {
	display: grid;
	grid-template-columns: 1fr;
	min-height: 95vh;
	position: relative;
}

.single-portfolio-hero>img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}

.single-portfolio-hero>img:not(:nth-child(2)) {
	display: none;
}

.single-portfolio-hero> :is(div:nth-of-type(1), div:nth-of-type(2)) {
	display: none !important;
}

@media (min-width: 768px) {
	.single-portfolio-hero> :is(div:nth-of-type(1), div:nth-of-type(2)) {
		display: revert !important;
	}

	.single-portfolio-hero>img:not(:nth-child(2)) {
		display: initial;
	}

	.single-portfolio-hero {
		grid-template-columns: 37.5% 25% 1fr;

	}
}

.single-portfolio-hero-links {
	grid-column: 1/-1;
	position: absolute;
	bottom: 0;
	z-index: 5;
	width: 100%;

}

.single-portfolio-hero-links>a {
	color: var(--portfolios-white);
}

.single-portfolio-hero-links>a:hover {
	color: var(--portfolios-primary);
}

.single-portfolio-hero-links :is(.previous-post-link, .next-post-link) a {
	font-weight: 700;
	color: var(--portfolios-white);
	font-size: clamp(1.3rem, 1.5vw, 1.6rem);
}

.single-portfolio-hero-links :is(.previous-post-link, .next-post-link) a:hover {
	font-weight: 700;
	color: var(--portfolios-primary);
}

.single-portfolio-hero-links :is(.previous-post-link, .next-post-link) {
	display: flex;
	align-items: center;
	gap: 1rem;
}


.single-portfolio-hero-links .next-post-link {
	justify-content: end;
}

.single-portfolio-hero-links .adjacent-portfolio-link svg {
	will-change: transform;
	transition: transform 0.2s linear;
}

.single-portfolio-hero-links .previous-post-link:hover svg {
	transform: translateX(-5px);
}

.single-portfolio-hero-links .next-post-link:hover svg {
	transform: translateX(5px);
}

:is(.single-new-realizacje, .post-type-archive-new-realizacje) #footer ul li {
	padding-left: 0;
}

:is(.single-new-realizacje, .post-type-archive-new-realizacje) #footer ul li:before {
	content: initial;
}

:is(.single-new-realizacje, .post-type-archive-new-realizacje) .fast-contact img {
	display: none;
}

:is(.single-new-realizacje, .post-type-archive-new-realizacje) .fast-contact+p>strong {
	font-weight: 400;
}

:is(.single-new-realizacje, .post-type-archive-new-realizacje) .social {
	display: none;
}

:is(.single-new-realizacje, .post-type-archive-new-realizacje) #footer h4 {
	font-weight: 700;
	font-size: clamp(1.8rem, 1.5vw, 2.5rem);
}

:is(.single-new-realizacje, .post-type-archive-new-realizacje) #footer h3 {
	font-weight: 700;
	font-size: clamp(1.8rem, 1.5vw, 2.5rem);
}

:is(.single-new-realizacje, .post-type-archive-new-realizacje) #footer :is(li, a, p) {
	font-size: clamp(1.4rem, 1.5vw, 2rem);
}

:is(.single-new-realizacje, .post-type-archive-new-realizacje) #footer .copyright :is(li, a, p) {
	font-size: 1.6rem;
	padding: 1em 0 0.5em;
}

:is(.single-new-realizacje) :is(h1, h2, h3, h4, h5, h6) {
	font-weight: 700;
	margin-bottom: 0.75em;
}

:is(.single-new-realizacje) :is(h2, .h2) {
	font-size: clamp(2.4rem, 2.4vw, 4rem);
}

:is(.post-type-archive-new-realizacje) :is(h1, .h1) {
	font-size: clamp(3rem, 5vw, 9rem);
	margin-bottom: 0.5em;
}

:is(.post-type-archive-new-realizacje) :is(h2, .h2) {
	font-size: clamp(3rem, 4vw, 7rem);
}

:is(.single-new-realizacje) :is(h3, .h3) {
	font-size: clamp(2rem, 2.4vw, 3rem);
}

.single-portfolio-s2 {
	padding: 9rem 0;
	z-index: 100;
	min-height: 100rem;
}

.s2-side-image {
	max-width: clamp(25rem, 33vw, 70rem);
	position: absolute;
	display: none;
}

.s2-decor-image {
	position: absolute;
	bottom: 0;
	transform: translate(-25%, 100%);
	left: max(25%, 10rem);
	max-width: 600px;
	pointer-events: none;
	width: 95%;
}

@media(min-width: 768px) {
	.s2-side-image {
		display: initial;
	}
}

@media(min-width: 1800px) {
	.s2-side-image {
		max-width: clamp(25rem, 38vw, 70rem);
	}
}

:is(.single-new-realizacje, .post-type-archive-new-realizacje) :is(.cms-wysiwyg, .cms-wysiwyg p) {
	letter-spacing: initial;
	line-height: 1.7;
}

.single-portfolio-btn {
	background-color: var(--portfolios-black);
	color: var(--portfolios-white);
	font-size: clamp(1.4rem, 1.5vw, 1.6rem);
	padding: 1em 2em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 1.5em;
	line-height: 0;
}

.single-portfolio-btn:hover {
	color: var(--portfolios-white);
	background-color: var(--portfolios-primary);
}

.single-portfolio-btn :is(img, svg) {
	line-height: 1.5
}

.single-portfolio-btn svg path {
	fill: currentcolor;
}

.single-portfolio-s2 .single-portfolio-btn {
	margin-top: 1.875rem;
}

.single-portfolio-s3 {
	padding: 9rem 0;
}

@media (min-width:768px) {
	.single-portfolio-s3 {
		padding: 9rem 0 25rem;
	}
}

.s3-bg-image {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	z-index: 2;
	mask-type: alpha;
	-webkit-mask-image: linear-gradient(270deg, black, transparent);
	opacity: 0.1;
	object-fit: cover;
	width: 55%;
	max-width: 1000px;
}

.single-portfolio-s3 .overlay {
	z-index: 1;
}

.single-portfolio-s3 .isolation-isolate {
	z-index: 5;
	position: relative;
}

.s3-middle-image {
	position: absolute;
	z-index: 2;
	mask-type: alpha;
	top: 25%;
	left: 25%;
	/* transform: translate(-50%, -50%); */
	-webkit-mask-image: linear-gradient(270deg, black, transparent);
	width: 45%;
	opacity: 0.3;
}

.s3-right-image {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 3;
	/* width: 30%; */
	/* width: 50%; */
}

#s3-pattern {
	position: absolute;
	right: calc(20rem + 30%);
	bottom: 0;
	z-index: 3;
	transform: translate(0, 40%);
	width: clamp(900px, 100vw, 1380px);

}

.side-num {
	font-size: clamp(40px, 4.5vw, 80px);
	font-weight: 700;
	display: flex;
	line-height: 1;
	width: calc(100% + 1rem);
	justify-content: center;
}

@media (min-width: 768px) {
	.side-num {
		justify-content: start;
	}
}

.single-portfolio-s3 h2 {
	margin-bottom: 2.5em;
}

.single-portfolio-s4 {
	padding: 9rem 0 10rem;
	min-height: max(50vh, 600px);
}

.s5-bottom-image {
	width: 100%;
	object-fit: cover;
	height: clamp(200px, 40vw, 350px);
}

@media (min-width: 768px) {
	.single-portfolio-s4 {
		min-height: max(70vh, 600px);
	}
}

.s4-right-image {
	position: absolute;
	right: 0;
	bottom: 0;
	mask-type: alpha;
	-webkit-mask-image: linear-gradient(270deg, black, transparent 100%);
	width: 37%;
}

.s4-left-image-layer {
	position: relative;
	z-index: 2;
	display: block;
	margin: 0 auto;
	padding: 0 1rem;
	max-width: 60%;
}

.single-portfolio-s4 h2 {
	margin: 5rem 0 8rem;
}

.single-portfolio-s5-upper {
	z-index: 2;
	position: relative;
}

.s5-decor-image {
	transform: translateY(40%);
	max-width: 40%;
}

.single-portfolio-s5-lower {
	padding: calc(8rem + 3.8vw) 0;
}

.single-portfolio-s6 .isolation-isolate {
	z-index: 5;
	position: relative;
}

.s6-background-image {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 42%;
	object-fit: cover;
	z-index: 1;
	mask-type: alpha;
	-webkit-mask-image: linear-gradient(90deg, black, transparent);
}

#s6-decor {
	position: absolute;
	bottom: 0;
	width: 125%;
	left: -10%;
	bottom: -10%;
}

.single-portfolio-s6 {
	padding: calc(5rem + 3.8vw) 0 calc(8rem + 4vw);
}

.vertical-text-blocks {
	display: flex;
	flex-direction: column;
	gap: 3.75rem;
}

.vertical-text-block :is(.text-block-title-icon, h3) {
	text-align: center;
}

.vertical-text-block :is(h3) {
	margin-bottom: 1.25em;
}

.single-repeater-sections {
	padding: calc(5rem + 3.8vw) 0 calc(8rem + 4vw);
}

.single-repeater-section-3-background-image {
	display: none;
}

@media (min-width: 768px) {
	.single-repeater-section-3-background-image {
		display: block;
		position: absolute;
		left: 0;
		/* top: 0; */
		bottom: 0;
		width: auto;
		/* height: 100%; */
		object-fit: cover;
		mask-type: alpha;
		-webkit-mask-image: linear-gradient(90deg, black, transparent);
	}
}



.single-repeater-section-4-left-image {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 30%;
}

.single-repeater-section-5-background-image {
	position: absolute;
	left: 0;
	/* top: 0; */
	bottom: 0;
	/* height: 100%; */
	object-fit: cover;
	width: auto;
	mask-type: alpha;
	-webkit-mask-image: linear-gradient(90deg, black, transparent);
}

.s6-left-image {
	display: block;
	margin: 0 auto 50px auto;

}


@media (min-width: 768px) {
	.s4-left-image-layer {
		position: absolute;
		display: initial;
		margin: 0;
		padding: 0;
		left: calc((100% - var(--breakpoint)) / 2);
		width: 30%;
		top: 41%;
	}

	.single-portfolio-s4 h2 {
		margin-bottom: 0;
		position: relative;
		top: 10%;
		z-index: 3;
	}

	.s5-decor-image {
		transform: translateY(40%);
		max-width: 100%;
	}

	/* .s6-left-image {
	position: absolute;
	left: -30%;
	top: 10%;
	max-width: initial;
	width: 130%;
} */

	.vertical-text-block :is(.text-block-title-icon, h3) {
		text-align: left;
	}

	.single-repeater-sections {
		padding: 0;
		min-height: 960px;
		display: flex;
		align-items: center;
	}

	.single-repeater-section-1-right-image {
		position: absolute;
		right: 0;
		top: 20%;
		/* width: 43%; */
	}

	.single-repeater-section-2-left-image {
		position: absolute;
		left: 0;
		/* left: -31%; */
		bottom: 0;
		width: 42%;
		/* width: 75%; */
	}

	.single-repeater-section-4-left-image-front {
		margin-left: auto;
		width: 23vw;
	}



	.single-repeater-section-5-right-image {
		position: absolute;
		right: -10%;
		bottom: -5px;
		width: 62%;
	}

	.horizontal-sections {
		display: flex;
		/* flex-wrap: nowrap;
		overflow-x: scroll;
		scroll-snap-type: x mandatory; */
		flex-wrap: wrap;
		flex-direction: column;
		width: 100%;
		height: 100vh;
	}

	.horizontal-sections>section {
		/* flex: 0 0 100vw; */
		overflow: hidden;
		width: 100vw;
	}

	/* .single-new-realizacje #footer {
	margin-top: 16rem;
} */

}

.cms-wysiwyg * {
	color: var(--text-color, #000) !important;
}

.text-block-title-icon path {
	fill: currentColor;
}

#s6-decor path {
	fill: var(--decor-color);
}


/* new portfolio listing */


/* .portfolio-listing-article-1:before, */
/* .portfolio-listing-article-2:before {
content: '';
position: absolute;
height: 1px;
width: 47%;
background-color: #707070;
z-index: 1;
left: 50%;
top: 0;
transform: translateX(-50%);
} */

.portfolio-listing-1-background-image,
.portfolio-listing-2-background-image {
	position: absolute;
	/* opacity: 0.3; */
	left: 0;
	bottom: 0;
	object-fit: cover;
	width: 41%;
	height: 100%;
	mask-type: alpha;
	z-index: -1;
	-webkit-mask-image: linear-gradient(90deg, black, transparent);
}

.portfolio-listing-2-background-image {
	left: unset;
	right: 0;
	-webkit-mask-image: linear-gradient(270deg, black, transparent);
}

.portfolio-listing-1-background-image-wrapper:before,
.portfolio-listing-2-background-image-wrapper:before {
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	background-image: linear-gradient(180deg, rgb(255, 255, 255) 10%, transparent);
	position: absolute;
}

:is(.portfolio-listing-article-1, .portfolio-listing-article-2) .container>.row:last-child {
	margin-top: 3rem;
}

.portfolio-listing-1-left-image,
.portfolio-listing-2-left-image {
	display: none;
}

.portfolio-listing-1-phone-image,
.portfolio-listing-2-phone-image {
	position: absolute;
	bottom: -15%;
	right: 0%;
	width: 35%;
}

.portfolio-listing-1-tablet-image,
.portfolio-listing-2-tablet-image {
	position: absolute;
	left: 10%;
	bottom: -100%;
	width: 90%;
}

.portfolios-listing-content {
	margin-bottom: 7.5rem;
}

.portfolios-listing-content>article:first-child {
	margin-top: 7.5rem;
}

:is(.portfolio-listing-article-1, .portfolio-listing-article-2)>div {
	padding-bottom: 7.5rem;
}

/* .portfolio-listing-article-1,
.portfolio-listing-article-2 {
padding-top: 7.5rem;
padding-bottom: 10rem;
margin-top: 7.5rem;
} */
.portfolio-listing-article-1 {
	padding-top: 0;
}

.portfolio-listing-2-tablet-image {
	left: 0%;
	bottom: -30%;
	top: unset;
	width: 100%;
	display: none;
}

.portfolio-listing-2-phone-image {
	right: unset;
	left: 5%;
	bottom: unset;
	width: 25%;
}

.portfolio-listing-3-background-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.portfolio-listing-article-3-title :is(a),
.portfolio-listing-article-3 .cms-wysiwyg :is(p, strong) {
	color: #fff !important;
}

.portfolio-listing-article-3-title a:hover {
	color: var(--portfolios-primary);
}

.single-portfolio-btn--white {
	background-color: #fff;
	color: #000;
}

.portfolio-listing-article-3 {
	overflow: hidden;
	padding: 7rem 0;
}

.portfolio-listing-3-graphic-image {
	display: none;
}

.post-type-archive-new-realizacje article:nth-of-type(2n) {
	margin: 7.5rem 0;
	padding: 10rem 0;
}

.post-type-archive-new-realizacje article:nth-of-type(2n):before {
	content: '';
	position: absolute;
	height: 1px;
	width: 47%;
	background-color: #707070;
	z-index: 1;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}

.post-type-archive-new-realizacje article:nth-of-type(2n):after {
	content: '';
	position: absolute;
	height: 1px;
	width: 47%;
	background-color: #707070;
	z-index: 1;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

@media (max-width: 767px) {
	/* :is(.portfolio-listing-article-1) .container>.row:first-child h2 {
	margin-top: clamp(10rem, 30vw, 16rem) !important;
} */

	.portfolio-listing-article-1-text-column,
	.portfolio-listing-article-2-text-column {
		padding-bottom: 3rem;
	}

	.portfolio-listing-2-narrow-image,
	.portfolio-listing-1-narrow-image {
		max-height: 30rem;
		object-fit: cover;
		aspect-ratio: 3/2;
	}

}

@media (min-width: 768px) {

	/* .portfolio-listing-article-1,
	.portfolio-listing-article-2 {
	padding-top: 15rem;
	padding-bottom: 10rem;
	margin-top: 15rem;
} */
	.portfolios-listing-content {
		margin-bottom: 10rem;
	}

	.portfolios-listing-content>article:first-child {
		margin-top: 14rem;
	}

	:is(.portfolio-listing-article-1, .portfolio-listing-article-2)>div {
		padding-bottom: 13rem;
	}

	.post-type-archive-new-realizacje article:nth-of-type(2n) {
		margin: 15rem 0;
		padding: 10rem 0;
	}

	.post-type-archive-new-realizacje article:nth-of-type(2n):before {
		content: '';
		position: absolute;
		height: 1px;
		width: 47%;
		background-color: #707070;
		z-index: 1;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
	}

	.post-type-archive-new-realizacje article:nth-of-type(2n):after {
		content: '';
		position: absolute;
		height: 1px;
		width: 47%;
		background-color: #707070;
		z-index: 1;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
	}

	.portfolio-listing-article-1 {
		padding-top: 0;
	}

	.portfolio-listing-1-left-image,
	.portfolio-listing-2-left-image {
		position: absolute;
		display: initial;
		transform: scaleX(-1);
		bottom: -2px;
		left: -10%;
		/* width: 36%; */
	}

	.portfolio-listing-1-phone-image .portfolio-listing-2-phone-image {
		position: absolute;
		bottom: -15%;
		right: -15%;
		width: 50%;
	}

	:is(.portfolio-listing-article-1, .portfolio-listing-article-2) .container>.row:last-child {
		margin-top: 10rem;
	}

	.portfolio-listing-article-1-text-column {
		min-height: 56rem;
		margin-left: auto;
		max-width: 65ch;
	}

	.portfolio-listing-2-tablet-image {
		display: initial;
		left: -70%;
		bottom: unset;
		top: 30%;
	}

	.portfolio-listing-2-phone-image {
		left: -5%;
		width: 35%;
		bottom: -5%;
	}

	.portfolio-listing-2-left-image {
		left: -10%;
		/* bottom: 30%; */
		/* width: 40%; */
	}

	.portfolio-listing-3-graphic-image {
		display: initial;
		position: absolute;
		right: -10px;
		bottom: -10px;
		width: 50%;
	}

	.portfolio-listing-article-3 {
		min-height: 66rem;
		display: flex;
		align-items: center;
		padding: 10rem 0;
	}
}

@media (min-width: 768px) {
	.s3_right_image_with_alpha {
		position: absolute;
		z-index: 3;
		/* right: 8%; */
		right: 0;
		/* bottom: 15%; */
		bottom: 0;
		/* width: 24%; */
		/* width: 50%; */
	}
}

.link-with-svg {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.link-with-svg :is(path) {
	fill: currentcolor;
}

.link-with-svg svg {
	transition: transform 0.3s ease;
}

.link-with-svg--arrow:hover svg {
	transform: translatex(5px);
}

.pointer-none {
	pointer-events: none;
}

.post-type-archive-new-realizacje .portfolio-listing-1-phone-image {
	width: auto;

}

@media (min-width: 768px) {
	.post-type-archive-new-realizacje .listing-tree-wrapper {
		width: 25%;
		left: 0;
		bottom: 0;
		transform: scaleX(-1);
		pointer-events: none;
	}

	.post-type-archive-new-realizacje .listing-tree-wrapper>img {
		transform: none;
		width: min(460px, 100%);
		left: revert;
		position: relative;

	}

	.post-type-archive-new-realizacje .listing-people-wrapper {
		left: 10%;
		bottom: 10%;
		width: 15%;
		transform: scaleX(-1);
		pointer-events: none;
	}

	.post-type-archive-new-realizacje .listing-people-wrapper>img {
		position: relative;
		width: 100%;
		right: revert;
		bottom: revert;
	}
}

@media (max-width: 767px) {
	.post-type-archive-new-realizacje :is(.portfolio-listing-1-tablet-image, .portfolio-listing-1-phone-image, .portfolio-listing-2-phone-image) {
		display: none;
	}
}

.portfolio-listing-1-phone-image {
	max-width: 260px;
}

.horizontal-sections-wrapper {
	position: relative;
	overflow: hidden;
	display: block;
}

.horizontal-sections {
	all: revert;
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
}

@media (max-width: 991px) {
	.horizontal-sections {
		flex-direction: column;
	}
}

.overflow-hidden {
	overflow: hidden;
}

.single-portfolio-hero> :is(div:nth-of-type(1), div:nth-of-type(2), div:nth-of-type(3))>img {
	height: 100%;
	object-fit: cover;
	max-width: 711px;
	width: 100%;
}

.single-portfolio-hero> :is(div:nth-of-type(1), div:nth-of-type(3))>img {
	object-fit: revert;
	max-width: 711px;
	height: auto;
}

.single-portfolio-hero>div {
	overflow: hidden;
}

.single-portfolio-hero>div:first-of-type>img {
	/* transform: rotate(-30deg) translate(-15%,25%); */
	/* opacity: 0; */
	/* width: 150%; */
	max-width: unset;
	height: 100%;
	object-fit: cover;
}

.single-portfolio-hero>div:nth-of-type(3) img {
	width: 170%;
	max-width: unset;
	position: relative;

	object-fit: cover;
	height: 100%;
}

/* @media (min-width: 768px) {
.single-portfolio-hero>div:nth-of-type(3) img {
left: -15%;
}
} */


/* .single-portfolio-hero> :is(div:nth-of-type(1))>img {
transform: rotate(-30deg) translate(15%, 40%);

} */


/* .portfolio-listing-article-1 .portfolio-listing-wide-image {
width: min(100%, 635px);
height: min(320px, 100%);
}

.portfolio-listing-article-1 .portfolio-listing-tablet-image {
width: min(100%, 450px);
}

.portfolio-listing-article-1 .portfolio-listing-narrow-image {
width: min(440px, 100%);
height: min(560px, 100%);
}

.portfolio-listing-article-1 .portfolio-listing-phone-image {
width: min(100%, 260px);
height: min(100%, 460px);
} */

.post-type-archive-new-realizacje .portfolio-listing-1-wide-image {
	max-height: 320px;
	object-fit: cover;
}

.image-fit {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.portfolio-listing-2-wide-image {
	z-index: -1;
}

#s3-pattern path {
	fill: var(--pattern-color);
}

.single-portfolio-section-7 {
	padding: calc(5rem + 3.8vw) 0 calc(8rem + 4vw);
}

.end-page-post-nav .adjacent-portfolio-link {
	gap: 1rem;
}

.end-page-post-nav .next-post-link {
	text-align: right;
}




.s6-phones-wrapper {
	transform: translateX(-30%);

}

.s6-phone-middle {
	max-width: 200px;
	position: relative;
	z-index: 2;
}

.s6-phone-left,
.s6-phone-right {
	max-width: 150px;
	z-index: 1;
	position: relative;
}

.s6-phone-left {
	transform: translateX(101%);
}

.s6-phone-right {
	transform: translateX(-101%);
}


.single-new-realizacje,
:is(.single-new-realizacje) :is(li, p) {
	color: var(--portfolios-black);
	font-weight: 400;
	font-size: 1.6rem;
}

@media (min-width: 768px) {

	.single-new-realizacje,
	:is(.single-new-realizacje) :is(li, p) {

		font-size: clamp(1.4rem, 1.1545rem + 0.396vw, 1.6rem);
	}
}


/* Animations */
#indicator-arrow {
	animation: scrollIndicatorAnimation 3s infinite cubic-bezier(0.4, 0, 0.2, 1);
}

.website-screenshot-1 {
	animation: websiteScreenshot 30s infinite ease;
	will-change: transform;
}

.website-screenshot-2 {
	animation: websiteScreenshot 25s 1s infinite ease reverse;
	will-change: transform;
}

.website-screenshot-3 {
	animation: websiteScreenshot 15s 1s infinite ease reverse;
	will-change: transform;
}

.animation-floating {
	--duration: 15s;
	animation: websiteScreenshot var(--duration) infinite cubic-bezier(0.55, 0.09, 0.68, 0.53);
}

.screen-left,
.screen-middle,
.screen-right {
	display: none;
}

@media (min-width: 768px) {
	.bg-parallax {
		--translateY: 0;
		transform: translateY(var(--translateY));
	}

	.screen-left,
	.screen-middle,
	.screen-right {
		display: block;
		position: absolute;
		left: 20%;
		z-index: 2;
		width: 20%;
		top: 35%;
	}
}

@media (max-width: 767.98px) {
	[data-aos] {
		opacity: 1 !important;
		transform: none !important;
	}

	.screen-right {
		max-width: 75%;
		margin: 0 auto;
		display: block;
		position: relative;
	}

	.single-new-realizacje :is(.s3-middle-image, .s3-bg-image, .s6-bg-image, .s6-background-image, .single-repeater-section-5-background-image) {
		display: none;
	}
}

.single-new-realizacje.postid-3173 .single-portfolio-section-7>img {
	width: 30%;
	top: 25%;
}



.animation-slidein {
	animation: slideIn 1.2s ease;
}


.animation-slidein-rotate {
	/* animation: slideInRotate 1.2s 0.1s ease forwards; */
}

/* different posts */
@media (min-width: 768px) {
	.single-new-realizacje:is(.postid-3173, .postid-3281, .postid-2776, .postid-3335, .postid-3308, .postid-2661, .postid-2854, .postid-4378, .postid-4379) .single-portfolio-hero>div:first-of-type>img {
		height: auto;
	}

	.single-new-realizacje:is(.postid-3173, .postid-3281, .postid-2776, .postid-3335, .postid-3308, .postid-2661, .postid-2854, .postid-4378, .postid-4379) .single-portfolio-hero>div:first-of-type {
		display: flex !important;
		align-items: center !important;
	}
}

.post-videos {
	padding: clamp(3.75rem, -2.0833rem + 12.1528vw, 12.5rem) 0 clamp(3.75rem, 1.25rem + 5.2083vw, 7.5rem) 0;
}

.post-videos>.container>.row {
	grid-row-gap: 1.875rem;
}

@media (min-width: 1400px) {
	.post-videos>.container {
		max-width: 1340px;
	}
}

.post-video-wrapper>iframe {
	max-width: 100%;
}



/* Keyframes */

@keyframes slideIn {
	0% {
		transform-origin: bottom right;
		transform: scale(0) translate(50%, 50%);

	}

	100% {
		transform: scale(1) translate(0);
	}
}

@keyframes slideInRotate {
	to {
		transform: rotate(-30deg) translate(-15%, 25%);
		opacity: 1;
	}
}


@keyframes scrollIndicatorAnimation {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(15px);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes websiteScreenshot {
	0% {
		transform: scale(var(--images-scale));
		;
	}

	30% {
		transform: translate(5px, 15px) scale(var(--images-scale));
	}

	60% {
		transform: translate(-10px, 35px) scale(var(--images-scale));
	}

	90% {
		transform: translate(15px, 0px) scale(var(--images-scale));
	}

	100% {
		transform: scale(var(--images-scale));
	}
}

h2.title.no-pattern::after {
	display: none;
}

#marketing-care-slider .slick-slide .marketing-care-slide__content {
	transition: opacity .3s ease;
	opacity: 0;
}

#marketing-care-slider .slick-slide.slick-current .marketing-care-slide__content {
	opacity: 1;
}

.marketing-slider-arrows .slick-arrow,
.realizations-slider-arrows .slick-arrow {
	margin: 0 2rem;
	cursor: pointer;
}

.marketing-slider-arrows .slick-arrow,
.realizations-slider-arrows .slick-arrow {
	fill: #fff;
	transition: all .5s;
}

.marketing-slider-arrows .slick-arrow:hover,
.realizations-slider-arrows .slick-arrow:hover {
	fill: #003ecb;
}

.social-media-realization-slide__wrapper {
	padding: 3rem;
	background: #fff;
}

.social-media-realization-slide__wrapper img.img-fluid {
	border: 1px solid #C5E007;
}

.realizations-social .container-fluid {
	background: #C5E007;
	padding: 10rem 0;
}

:is(body.post-type-archive-new-realizacje, body.single-new-realizacje),
:is(.post-type-archive-new-realizacje, .single-new-realizacje) :is(h1, h2, h3, h4, h5, h6) {
	font-family: 'Epilogue', sans-serif;
}

/* override new portfolio */
.single-portfolio-s4 h2 {
	margin-bottom: 1.25em;
}

.portfolio-listing-2-background-image {
	left: 0;
	right: unset;
	-webkit-mask-image: linear-gradient(90deg, black, transparent);
}

.portfolio-listing-2-background-image-wrapper:before {
	background-image: linear-gradient(180deg, rgb(255, 255, 255) 0%, transparent 10%);
}

@media (min-width:768px) {
	.single-portfolio-s4 h2 {
		top: 0;
		margin-bottom: 1em;
	}

	.screen-left,
	.screen-middle,
	.screen-right {
		left: 10%;
	}

	.single-repeater-section-1-right-image {
		width: 43%;
	}
}



@media (max-width:1499.98px) {
	.portfolio-listing-2-left-image {
		display: none;
	}
}

fscript {
	display: none;
}

.single-new-realizacje .cms-wysiwyg>* {
	font-size: 14px;
	line-height: 1.6 !important;
}

.single-new-realizacje .vertical-text-block :is(h3) {
	margin-bottom: 0.65em;
	font-size: clamp(1.7rem, 2.4vw, 2.5rem);
}


.page-entry {
	padding-top: 90px;
	background-position: center right;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 380px;
}

.page-entry h1 {
	color: #163FC3;
}

.video-long {}

.video-long__item {
	background-color: #F9F9F9;
	border: 1px solid #EFEFEF;
	border-radius: 21px;
	overflow: hidden;
	margin-bottom: 35px;
}

.video-long__h2 {
	color: #000;
	font-size: 30px;
	font-weight: 700;
}

.video-long .youtube {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	background-color: #000;
	cursor: pointer;
	background-size: cover;
	background-position: center;
	max-width: 1920px;

}

.video-long .youtube iframe {
	width: 100%;
	height: 100%;
	display: block;
}

.video-long .youtube .play-button {
	width: 65px;
	height: 65px;
	background-color: #333;
	opacity: 1;
	border-radius: 14%;
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url('/wp-content/themes/developro/images/play.png') no-repeat;
	background-size: contain;
}

.video-long .youtube img {
	width: 100%;
	height: 100%;
	display: none;
}

.video-long__title {
	color: #000;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
}

.video-long__adres {
	color: #000;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	margin-top: 73px;
}

.video-long__item-wrapper {
	padding: 25px 33px;
}

.video-long__row {
	margin-top: 55px;
}

.is-hidden {
	display: none !important;
}





.video-short {
	margin-top: -350px;
}

.video-short__item {

	margin-bottom: 60px;
}

.video-short__h2 {
	color: #000;
	font-size: 30px;
	font-weight: 700;
}

.video-short .youtube {
	position: relative;
	width: 100%;
	aspect-ratio: 9 / 16;
	background-color: #000;
	cursor: pointer;
	background-size: cover;
	background-position: center;
	max-width: 1000px;
	border-radius: 21px;
	overflow: hidden;

}

.video-short .youtube iframe {
	width: 100%;
	height: 100%;
	display: block;
}

.video-short .youtube .play-button {
	width: 65px;
	height: 65px;
	background-color: #333;
	opacity: 1;
	border-radius: 14%;
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url('/wp-content/themes/developro/images/play.png') no-repeat;
	background-size: contain;
}

.video-short .youtube img {
	width: 100%;
	height: 100%;
	display: none;
}

.video-short__title {
	color: #000;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.5;
}


.video-short__item-wrapper {
	margin-top: 25px;
}

.video-short__row {
	margin-top: 55px;
}

.is-hidden {
	display: none !important;
}


@media (max-width:991px) {
	.page-entry {
		padding-top: 8rem;
		padding-bottom: 8rem;
	}

	.video-short__h2 {
		font-size: 20px;
	}

	.video-short {
		margin-top: 0rem
	}

	.video-short__row {
		margin-top: 20px;
	}

	.video-short__title {
		font-size: 16px;
	}

	.video-short__item-wrapper {
		margin-top: 10px;
	}

	.video-short__item {
		margin-bottom: 0px;
	}

	.video-long__h2 {
		font-size: 20px;
	}

	.video-long__row {
		margin-top: 20px;
	}

	.video-long__title {
		font-size: 16px;
	}

	.video-long__adres {
		font-size: 14px;
		margin-top: 10px;
	}

	.video-long__item {
		margin-bottom: 0;

	}

	.video-short {
		padding-bottom: 0 !important;
	}
}


.navbar-new .container {
	box-shadow: none !important;
	background-color: transparent !important;
}

.navbar-new__wrapper {
	background-color: #fff;
	border-radius: 45px;
	padding: 18px;
	width: 100%;
	box-shadow: 3px 2px 8px rgba(0, 0, 0, .1);

}

.my-btn--alt {
	padding: 7px 26px;
	color: #fff;
	font-weight: 600;
	font-size: 2.4rem;
	background: #000000;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	overflow: hidden;
	position: relative;
	font-family: 'Montserrat';
}

.my-btn--alt span {
	position: relative;
	z-index: 3;
}

.my-btn--alt img {
	position: relative;
	z-index: 3;
	transition: .3s all;
}

.my-btn--alt:hover {
	color: #000;

}

.my-btn--alt:hover img {
	filter: brightness(0);
	transition: .3s all;
}

.my-btn--alt:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	background-color: #C5E007;
	transition: .3s all;

}

.my-btn--alt:hover:after {
	opacity: 1;
	transition: .3s all;
}

.navbar-new #mega-menu-wrap-navbar #mega-menu-navbar>li.mega-menu-item>a.mega-menu-link {
	line-height: 1;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 2rem;
	text-transform: none;
	color: #000000;
	border-radius: 100px;
	padding: 15px 20px;
	width: unset;
	height: unset;
	letter-spacing: 0;
}

.navbar-new #mega-menu-wrap-navbar #mega-menu-navbar>li.mega-menu-item>a.mega-menu-link:hover {
	background-color: #C5E007;
}

.navbar-new #mega-menu-wrap-navbar #mega-menu-navbar>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
	background-color: #C5E007;
}

.navbar-new #mega-menu-wrap-navbar #mega-menu-navbar>li.mega-menu-item {
	margin: 0 10px;
}

.navbar-new #mega-menu-wrap-navbar #mega-menu-navbar>li.mega-menu-flyout ul.mega-sub-menu {
	border-radius: 20px !important;
	overflow: hidden;
}

.navbar-new #mega-menu-wrap-navbar #mega-menu-navbar>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	color: #000000;
	font-weight: 600;
	letter-spacing: 0;
}

.navbar-new #mega-menu-wrap-navbar #mega-menu-navbar>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
#mega-menu-wrap-navbar #mega-menu-navbar>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
	background-color: #C5E007;
	color: #000000;
}

.fixed-top-new {
	background: transparent !important;
}

.navbar-new #navbarDropdown {
	height: 100%;
	min-height: 65px;
}

@media (max-width: 1650px) {
	.navbar-new #mega-menu-wrap-navbar #mega-menu-navbar>li.mega-menu-item>a.mega-menu-link {
		font-size: 1.6rem;
		padding: 10px 10px;
	}

	.my-btn--alt {
		font-size: 1.6rem;
		padding: 7px 15px;
	}

	.my-btn--alt img {
		width: 15px;
	}

	.navbar-new .navbar-brand img {
		width: 150px;
	}

	.navbar-new #mega-menu-wrap-navbar #mega-menu-navbar>li.mega-menu-item {
		margin: 0 5px;
	}

	.navbar-new #navbarDropdown {
		height: 100%;
		min-height: 46px;
	}

	.navbar-new #mega-menu-wrap-navbar .mega-menu-toggle {
		line-height: 40px;
		height: 46px;
	}

	.navbar-new #mega-menu-wrap-navbar .mega-menu-toggle {
		height: 46px;
	}
}

.top-menu-new .lang-item a {
	color: #000000 !important;
	font-size: 1.4rem
}

.top-menu-new .lang-item.current-lang a {
	color: #C5E007 !important;
}

.top-menu-new .lang {
	background: #ffffff;
	border-radius: 40px;
	padding-left: 0;
	padding: 0px 10px;
}

.top-menu-new .nav-flex {
	padding-top: 0 !important;
}

@media (max-width: 1199px) {
	.navbar-new #mega-menu-wrap-navbar #mega-menu-navbar>li.mega-menu-item>a.mega-menu-link {
		font-size: 2rem;
		padding: 10px 15px;
	}

	.my-btn--menu {
		display: none !important;
	}

	.navbar-new .mega-toggle-label-closed,
	.navbar-new .mega-toggle-label-open,
	.navbar-new #mega-menu-wrap-navbar .mega-menu-toggle.mega-menu-open .mega-toggle-block-1:after,
	.navbar-new #mega-menu-wrap-navbar .mega-menu-toggle .mega-toggle-block-1:after {
		filter: invert(1);
	}

	.navbar-new .lang-item a {
		color: #000000 !important;
		font-family: 'Montserrat';
		font-size: 1.4rem
	}

	.navbar-new .lang-item.current-lang a {
		color: #C5E007 !important;
		font-family: 'Montserrat';
	}

	.navbar-new .lang {
		margin-right: 30px;
		min-height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.navbar-new #navbarDropdown {
		height: 100%;
		min-height: 40px;
	}

	.navbar-new #mega-menu-wrap-navbar .mega-menu-toggle {
		line-height: 40px;
		height: 40px;
	}

	.navbar-new #mega-menu-wrap-navbar .mega-menu-toggle {
		height: 40px;
	}

	.navbar-new__wrapper {
		border-radius: 38px;
	}

	/* .navbar-new #mega-menu-wrap-navbar .mega-menu-toggle + #mega-menu-navbar{
	box-shadow: none !important;
	width: 100%;
	flex-direction: column;
	align-items: end;
} */
	/* .navbar-new #mega-menu-wrap-navbar .mega-menu-toggle.mega-menu-open + #mega-menu-navbar{
	display: flex;
} */
	/* .navbar-new #mega-menu-wrap-navbar #mega-menu-navbar > li.mega-menu-item{
	width: 260px;
} */
	.navbar-new .navbar-brand {
		height: 40px;
		padding: 0 !important;
		margin: 0 !important;
	}

	/* .navbar-new #mega-menu-navbar{
	position: absolute !important;
	width: unset !important;
	right:0 !important;
	border-radius: 20px !important;
} */
}

@media (max-width: 991px) {
	.navbar-new .logo-container {
		position: relative !important;
		top: unset !important;
		left: unset !important;
		height: 40px !important;
		min-width: 96px !important;
	}

	.navbar-new .navbar-collapse {
		padding-top: 0 !important;
	}

	.navbar-new ul.lang {
		position: relative !important;
		top: unset !important;
		right: unset !important;
		margin-right: 0 !important;
	}
}

@media (max-width: 575px) {}

#mega-menu-wrap-navbar #mega-menu-navbar>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-navbar #mega-menu-navbar>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
#mega-menu-wrap-navbar #mega-menu-navbar>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
	background: #C5E007;
}

:is(.post-type-archive-new-realizacje, .single-new-realizacje) #mega-menu-wrap-navbar {
	background: #fff !important;
}


.site-header--shop {
	background-color: #fff;
}

.site-header--shop.scrolled {
	background-color: #fff;
}

.site-header.scrolled {
	height: 138px;
	transition: 0.3s all;
	position: fixed;
}

@media (max-width: 1199px) {
	.site-header.scrolled {
		height: 84px;
	}
}

.site-header.scrolled .site-header__line-wrapper {
	display: none;
}

.site-header__social-link:hover .site-header__social-icn-hover {
	opacity: 1;
	transition: 0.3s all;
}

.site-header__line-wrapper {
	display: none;
	position: absolute;
	bottom: 0;
}

.site-header__line {
	width: 100%;
	height: 1px;
	background-color: #fff;
	opacity: 0.12;
}

.site-header__social-icn-hover {
	opacity: 0;
	transition: 0.3s all;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.mega-sub-menu {
	transform: translateY(20px) !important;
}

@media (max-width: 1199px) {
	.mega-sub-menu {
		transform: translateY(0) !important;
	}
}



#mega-menu-wrap-navbar {
	margin-left: 0;
	order: 1;
}

@media (max-width: 1199px) {
	#mega-menu-wrap-navbar {
		order: 2;
	}
}

@media (max-width: 575px) {
	#mega-menu-wrap-navbar {
		margin-left: 0;
	}
}

@media (max-width: 1199px) {

	#mega-menu-wrap-navbar .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
	#mega-menu-wrap-navbar .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
	#mega-menu-wrap-navbar .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
		height: 1px;
		width: 30px;
		right: 0;
	}
}

@media (max-width: 1199px) {
	#mega-menu-wrap-navbar .mega-menu-toggle {
		z-index: 99999999;
	}
}

@media (max-width: 1199px) {
	#mega-menu-wrap-navbar .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
		top: 10px;
		background-color: #fff;
	}
}

@media (max-width: 1199px) {
	#mega-menu-wrap-navbar .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
		top: 7px;
		background-color: #fff;
	}
}

@media (max-width: 1199px) {
	#mega-menu-wrap-navbar .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
		top: 20px;
		background-color: #fff;
	}
}

@media (max-width: 1199px) {
	#mega-menu-wrap-navbar .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
		top: 20px !important;
		background-color: #fff;
	}
}

@media (max-width: 1199px) {
	#mega-menu-wrap-navbar .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
		top: 4px !important;
		background-color: #fff;
	}
}

@media (max-width: 1199px) {
	.mega-toggle-block {
		position: relative;
	}
}

@media (max-width: 1199px) {
	#mega-menu-wrap-navbar .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
		width: 30px !important;
	}
}

@media (max-width: 1199px) {
	#mega-menu-wrap-navbar .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
		width: 30px !important;
	}
}

@media (max-width: 575px) {
	#mega-menu-wrap-navbar .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
		margin-left: 0px !important;
	}
}

@media (max-width: 575px) {
	#mega-menu-wrap-navbar .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
		margin-right: 0px !important;
	}
}

@media (max-width: 575px) {
	#mega-menu-wrap-navbar .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box {
		width: 26px !important;
	}
}

.mega-close {
	display: none !important;
}

@media (max-width: 1453px) {
	ul#mega-menu-navbar {
		gap: 30px;
	}
}

@media (max-width: 1199px) {
	ul#mega-menu-navbar {
		width: 100vw !important;
		max-width: 100vw !important;
		display: flex !important;
		justify-content: center;
		flex-direction: column;
		gap: 0px;
		z-index: 99999 !important;
		align-items: center;
		padding-left: 0px !important;
		padding-top: 60px !important;
	}
}

@media (max-width: 575px) {
	ul#mega-menu-navbar {
		gap: 0px;
	}
}

ul#mega-menu-navbar .mega-menu-link {
	font-weight: 700 !important;
	display: flex !important;
	align-items: center;
	justify-content: start;
}

@media (max-width: 1199px) {
	ul#mega-menu-navbar .mega-menu-link {
		justify-content: center;
	}
}

@media (max-width: 1199px) {
	ul#mega-menu-navbar .mega-sub-menu {
		background-color: transparent !important;
	}
}

@media (max-width: 1199px) {
	ul#mega-menu-navbar .mega-sub-menu span.mega-indicator:after {
		font-size: 16px !important;
	}
}

@media (max-width: 1199px) {
	ul#mega-menu-navbar .mega-sub-menu .mega-menu-link {
		font-size: to-rem(13) !important;
		line-height: 30px;
		text-align: center !important;
		background: transparent !important;
		font-weight: 700 !important;
		line-height: 1.2 !important;
		margin-bottom: 0px !important;
		margin-top: 0px !important;
	}
}

@media (max-width: 1199px) {
	#mega-menu-wrap-navbar .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated {
		z-index: 9999999 !important;
	}
}

@media (max-width: 1199px) {
	#mega-menu-wrap-navbar .mega-menu-toggle.mega-menu-open:after {
		display: none !important;
	}
}

.site-header__icn {
	position: relative;
}

@media (max-width: 1199px) {
	.site-header__icn svg {
		width: 20px;
		height: 20px;
	}

	ul#mega-menu-navbar {
		z-index: 8 !important;
		gap: 10px;
	}

	div#mega-toggle-block-1,
	ul.lang {
		z-index: 999 !important;
	}

	.mega-sub-menu {
		font-size: 1.6rem !important;
	}

	#mega-menu-navbar .mega-menu-item {
		display: flex !important;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
}

.site-header__icn svg path {
	transition: 0.3s all;
}

.site-header__icn:hover {
	transition: 0.3s all;
}

.new-breadcrumb {
	background: #000000;
	padding-top: 270px;
	padding-bottom: 130px;
	width: unset !important;
}

.new-breadcrumb span {
	color: #fff;
	font-size: 2.4rem;
	font-weight: 400;
}

.new-breadcrumb__wrapper {
	color: #C5E007;
	font-size: 2.4rem;
	font-weight: 400;
	z-index: 2;
	position: relative;
	text-align: center;
}

.new-breadcrumb h1 {
	color: #fff !important;
	font-size: 8.6rem !important;
	font-weight: 700 !important;
	z-index: 2;
	position: relative;
}

.new-breadcrumb__decor-01 {
	position: absolute;
	top: 260px;
	right: 65px;
	animation: floatLeftRight 4s ease-in-out infinite;
	will-change: transform;
}

.new-breadcrumb__decor-02 {
	position: absolute;
	top: 217px;
	left: 264px;
	animation: floatLeftRight 5s ease-in-out infinite;
	will-change: transform;
}

.new-breadcrumb__decor-03 {
	position: absolute;
	bottom: 57px;
	left: 0;
	animation: floatUpDown 6s ease-in-out infinite;
	will-change: transform;
}

.new-breadcrumb__decor-04 {
	position: absolute;
	bottom: 73px;
	right: 555px;
	animation: floatCrazy 7s ease-in-out infinite;
	will-change: transform;
}

@keyframes floatUpDown {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-20px);
	}
}

@keyframes floatLeftRight {

	0%,
	100% {
		transform: translateX(0);
	}

	25% {
		transform: translateX(12px);
	}

	75% {
		transform: translateX(-12px);
	}
}



@keyframes floatCrazy {

	0%,
	100% {
		transform: translate(0, 0) rotate(0deg);
	}

	25% {
		transform: translate(-10px, -8px) rotate(-3deg);
	}

	50% {
		transform: translate(8px, 10px) rotate(3deg);
	}

	75% {
		transform: translate(-6px, 4px) rotate(-2deg);
	}
}

@media (max-width: 1199px) {
	.new-breadcrumb {
		padding-top: 180px;
		padding-bottom: 70px;
	}

	.new-breadcrumb__decor-02 {
		top: 140px;
		left: 264px;
	}

	.new-breadcrumb__decor-04 {
		display: none;
	}

	.new-breadcrumb h1 {

		font-size: 6.4rem !important;

	}

	.new-breadcrumb span {
		font-size: 2rem;
	}

	.new-breadcrumb__wrapper {
		font-size: 2rem;
	}
}

@media (max-width: 991px) {
	.new-breadcrumb h1 {

		font-size: 5rem !important;

	}

	.new-breadcrumb span {
		font-size: 1.8rem;
	}

	.new-breadcrumb__wrapper {
		font-size: 1.8rem;
	}

	.new-breadcrumb {
		padding-top: 120px;
		padding-bottom: 50px;
	}

	.new-breadcrumb__decor-01 {
		display: none;
	}

	.new-breadcrumb__decor-02 {
		top: 110px;
		left: unset;
		right: 40px;
	}
}

@media (max-width: 767px) {
	.new-breadcrumb {
		padding-top: 100px;
		padding-bottom: 30px;
	}

	.new-breadcrumb h1 {

		font-size: 3rem !important;

	}

	.new-breadcrumb span {
		font-size: 1.4rem;
	}

	.new-breadcrumb__wrapper {
		font-size: 1.4rem;
	}

}

/* CONTAINERS */
.top-menu-new .container,
.navbar-new .container,
.new-breadcrumb .container,
.new-footer .container,
.contact-person,
.contact-city,
.new-contact-form .container,
.new-blog .container,
.about-entry,
.about-ofer,
.about-rozwiazania,
.new-why,
.new-clients,
.new-opinie .container,
.new-latest,
.home-realizacje,
.new-hero .container,
.new-hero-img,
.home-icons,
.home-offer .container,
.new-stages .container,
.new-cta,
.home-tabs,
.new-catalog .container,
.new-zespol,
.faq {
	max-width: 1720px;


}

@media (max-width: 1454px) {

	.top-menu-new .container,
	.navbar-new .container,
	.new-breadcrumb.container,
	.new-footer .container,
	.contact-person,
	.contact-city,
	.new-contact-form .container,
	.new-blog .container,
	.about-entry,
	.about-ofer,
	.about-rozwiazania,
	.new-why,
	.new-clients,
	.new-opinie .container,
	.new-latest,
	.home-realizacje,
	.new-hero .container,
	.new-hero-img,
	.home-icons,
	.home-offer .container,
	.new-stages .container,
	.new-cta,
	.home-tabs,
	.new-catalog .container,
	.new-zespol,
	.faq {

		max-width: 1140px;
	}
}

@media (max-width: 1200px) {

	.top-menu-new .container,
	.navbar-new .container,
	.new-breadcrumb.container,
	.new-footer .container,
	.contact-person,
	.contact-city,
	.new-contact-form .container,
	.new-blog .container,
	.about-entry,
	.about-ofer,
	.about-rozwiazania,
	.new-why,
	.new-clients,
	.new-opinie .container,
	.new-latest,
	.home-realizacje,
	.new-hero .container,
	.new-hero-img,
	.home-icons,
	.home-offer .container,
	.new-stages .container,
	.new-cta,
	.home-tabs,
	.new-catalog .container,
	.new-zespol,
	.faq {

		max-width: 960px;
	}
}

@media (max-width: 992px) {

	.top-menu-new .container,
	.navbar-new .container,
	.new-breadcrumb.container,
	.new-footer .container,
	.contact-person,
	.contact-city,
	.new-contact-form .container,
	.new-blog .container,
	.about-entry,
	.about-ofer,
	.about-rozwiazania,
	.new-why,
	.new-clients,
	.new-opinie .container,
	.new-latest,
	.home-realizacje,
	.new-hero .container,
	.new-hero-img,
	.home-icons,
	.home-offer .container,
	.new-stages .container,
	.new-cta,
	.home-tabs,
	.new-catalog .container,
	.new-zespol,
	.faq {

		max-width: 720px;
	}
}

@media (max-width: 768px) {

	.top-menu-new .container,
	.navbar-new .container,
	.new-breadcrumb.container,
	.new-footer .container,
	.contact-person,
	.contact-city,
	.new-contact-form .container,
	.new-blog .container,
	.about-entry,
	.about-ofer,
	.about-rozwiazania,
	.new-why,
	.new-clients,
	.new-opinie .container,
	.new-latest,
	.home-realizacje,
	.new-hero .container,
	.new-hero-img,
	.home-icons,
	.home-offer .container,
	.new-stages .container,
	.new-cta,
	.home-tabs,
	.new-catalog .container,
	.new-zespol,
	.faq {

		max-width: 540px;
	}
}

@media (max-width: 576px) {

	.new-breadcrumb.container,
	.new-footer .container,
	.contact-person,
	.contact-city,
	.new-contact-form .container,
	.new-blog .container,
	.about-entry,
	.about-ofer,
	.about-rozwiazania,
	.new-why,
	.new-clients,
	.new-opinie .container,
	.new-latest,
	.home-realizacje,
	.new-hero .container,
	.new-hero-img,
	.home-icons,
	.home-offer .container,
	.new-stages .container,
	.new-cta,
	.home-tabs,
	.new-catalog .container,
	.new-zespol,
	.faq {


		width: 100%;
		padding-right: 15px !important;
		padding-left: 15px !important;
		margin-right: auto;
		margin-left: auto;
	}

	.top-menu-new .container,
	.navbar-new .container,
	.new-breadcrumb.container,
	.new-footer .container,
	.contact-person,
	.contact-city,
	.new-contact-form .container,
	.new-blog .container,
	.about-entry,
	.about-ofer,
	.about-rozwiazania,
	.new-why,
	.new-clients,
	.new-opinie .container,
	.new-latest,
	.home-realizacje,
	.new-hero .container,
	.new-hero-img,
	.home-icons,
	.home-offer .container,
	.new-stages .container,
	.new-cta,
	.home-tabs,
	.new-catalog .container,
	.new-zespol,
	.faq {


		width: 100vw;
		padding-right: 15px !important;
		padding-left: 15px !important;
		margin: 0;

	}
}


.new-blog .container {
	width: 100%;
}









.custom-button {
	padding: 11px 35px 11px 35px !important;
	color: #000 !important;
	font-weight: 600 !important;
	font-size: 2.4rem !important;
	background: #C5E007 !important;

	border-radius: 100px !important;
	display: flex;
	align-items: center !important;
	justify-content: center !important;
	gap: 30px !important;
	overflow: hidden !important;
	position: relative !important;
	font-family: 'Montserrat' !important;
	letter-spacing: 0;
	border: none !important;
	outline: none !important;
}

.custom-button--small span {
	font-size: 2rem !important;
}

.custom-button--small {
	font-size: 2rem !important;
}

.custom-button--small .custom-button__icn {
	width: 50px;
	height: 50px;
}

.custom-button__icn {
	width: 62px;
	height: 62px;
	background-color: #000000;
	z-index: 3;
	border-radius: 100px;
}

.custom-button span {
	position: relative;
	z-index: 3;
	font-weight: 600;
	color: #000000;
	letter-spacing: 0;
}

.custom-button img {
	position: relative;
	z-index: 3;
	transition: .3s all;
}

.custom-button:hover .custom-button__icn {
	background-color: #fff;
}

.custom-button:hover img {
	filter: brightness(0);
}

.custom-button--alt:hover .custom-button__icn {
	background-color: #000000;
}

.custom-button--alt:hover img {
	filter: brightness(1);
}

.custom-button:hover {
	color: #C5E007;

}

.custom-button:hover span {
	color: #fff;

}

.custom-button--alt:hover {
	color: #000;
}

.custom-button--alt:hover span {
	color: #000;
}

.custom-button:hover img {

	transition: .3s all;
}

.custom-button:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	background: #000;
	transition: .3s all;

}

.custom-button--alt:after {
	background: #fff !important;
}

.custom-button:hover:after {
	opacity: 1;
	transition: .3s all;
}

.new-footer {
	background: #000 !important;
	padding-top: 80px;
	width: 100% !important;
	margin-top: 193px;
}

.new-footer h2 {
	font-size: 6.2rem;
	font-weight: 700;

}

.new-footer__line {
	width: 100%;
	height: 1px;
	background-color: #fff;
}

.new-footer__line-wrapper-01 {
	margin-top: 82px;
	margin-bottom: 66px;
}

.new-footer__line-wrapper-02 {
	margin-top: 122px;
}

.new-footer__copy {
	padding: 30px 0;
}

.new-footer__copy p a {
	text-decoration: underline;
}

.new-footer__copy-line {
	width: 1px;
	height: 20px;
	background-color: #fff;
	display: flex;
}

.new-footer__copy-links {
	gap: 15px;
}

.new-footer h4 {
	padding-top: 0 !important;
	font-weight: 700;
	font-size: 2.4rem;
}

.new-footer ul li:before {
	width: 6px !important;
	height: 6px !important;
	border-radius: 100px !important;
	background: #C5E007 !important;
	top: 12px !important;
}

.new-footer li a,
.new-footer a,
.new-footer .copyright a {
	font-weight: 400 !important;
}

.new-footer__social {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 10px;
}

.new-footer__social a {
	background-color: #C5E007;
	width: 43px;
	height: 43px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .3s all;
}

.new-footer__social a:hover {
	background-color: #C5E007;
	transition: .3s all;
}

.new-footer__social a:hover img {
	filter: brightness(0);
	transition: .3s all;
}

.new-footer__social a img {
	max-width: 20px;
	max-height: 20px;
	object-fit: contain;
	transition: .3s all;
	filter: brightness(1);
}

.new-footer .fast-contact a img {
	max-width: 14px;
	max-height: 14px;
	object-fit: contain;
}

.new-footer__pin {
	margin-right: 1rem;
	transform: translateY(5px);
}

@media (max-width: 1650px) {
	.new-footer h2 {
		font-size: 4rem;
		font-weight: 700;

	}

	.custom-button {
		font-size: 1.6rem !important;
	}

	.custom-button span {
		font-size: 1.6rem !important;
	}
}

@media (max-width: 1199px) {
	.custom-button__icn {
		width: 30px;
		height: 30px;
		padding: 11px;
	}

	.custom-button {
		padding: 6px 6px 6px 20px !important;
		gap: 10px !important;
	}

	.new-footer {

		margin-top: 80px;
	}

	.new-footer__copy-line {
		display: none;
	}

	.new-footer__copy-links {
		gap: 10px;
	}

	.new-footer__line-wrapper-01 {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.new-footer__line-wrapper-02 {
		margin-top: 20px;
	}

	.new-footer {
		padding-top: 30px;
	}

	.new-footer__decor-04 {
		display: none;
	}

	.new-footer__decor-02 {
		top: 27px !important;
	}
}

@media (max-width: 767px) {
	.new-footer h2 {
		font-size: 2.6rem;
	}

	.custom-button {
		font-size: 1.4rem !important;
	}

	.custom-button span {
		font-size: 1.4rem !important;
	}

	.new-footer h4 {
		padding-bottom: 0px !important;
	}

	.new-footer__decor-01 {
		display: none;
	}
}


.new-footer__decor-01 {
	position: absolute;
	top: 260px;
	right: 65px;
	animation: floatLeftRight 4s ease-in-out infinite;
	will-change: transform;
}

.new-footer__decor-02 {
	position: absolute;
	top: 67px;
	left: 74px;
	animation: floatLeftRight 5s ease-in-out infinite;
	will-change: transform;
}

.new-footer__decor-04 {
	position: absolute;
	bottom: 153px;
	left: 555px;
	animation: floatCrazy 7s ease-in-out infinite;
	will-change: transform;
}

.new-footer>.container {
	z-index: 2;
}

.contact-person {
	margin-top: 163px;
}

.contact-person__wrapper {
	gap: 43px;
}

.contact-person__img-wrapper {
	width: 272px;
	height: 272px;
	border-radius: 500px;
	background-color: #C5E007;
	overflow: hidden;
}

.contact-person__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.contact-person__name {
	font-size: 4.6rem;
	font-weight: 700;
	color: #000000;
}

.contact-person__stanowisko {
	font-size: 3.2rem;
	font-weight: 500;
	color: #000000;
}

.contact-person__phone {
	font-size: 2.6rem;
	font-weight: 500;
	color: #000000;
	transition: .3s all;
}

.contact-person__mail {
	font-size: 2.6rem;
	font-weight: 500;
	color: #000000;
	transition: .3s all;
}

.contact-person__phone:hover {
	color: #C5E007;
	transition: .3s all;
}

.contact-person__mail:hover {
	color: #C5E007;
	transition: .3s all;
}

@media (max-width: 1453px) {
	.contact-person__wrapper {
		gap: 30px;
	}

	.contact-person__img-wrapper {
		min-width: 200px;
		min-height: 200px;
		width: 200px;
		height: 200px;
	}

	.contact-person__name {
		font-size: 3.2rem;
	}

	.contact-person__stanowisko {
		font-size: 2.6rem;
	}

	.contact-person__phone {
		font-size: 1.6rem;
	}

	.contact-person__mail {
		font-size: 1.6rem;
	}
}

@media (max-width:1199px) {
	.contact-person {
		margin-top: 80px;
	}
}

@media (max-width:991px) {
	.new-footer {

		margin-top: 50px;
	}

	.contact-person {
		margin-top: 50px;
	}

	.contact-person__name {
		font-size: 3rem;
	}

	.contact-person__stanowisko {
		font-size: 2.2rem;
	}

	.contact-person__phone {
		font-size: 1.6rem;
	}

	.contact-person__mail {
		font-size: 1.6rem;
	}
}

.contact-city {
	margin-top: 128px;
}

.contact-city__wrapper {
	border: 2px solid #F0F5F9;
	border-radius: 34px;
	padding: 50px;
	padding-top: 60px
}

.contact-city__name {
	font-size: 4.6rem;
	font-weight: 700;
	color: #000000;
	position: relative;
	padding-left: 46px;
	margin-bottom: 60px;
}

.contact-city__name:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 92px;
	height: 92px;
	border-radius: 100px;
	;
	background-color: #C5E007;
	transform: translateY(-50%);
	z-index: -1;
}

.contact-city__stanowisko {
	font-size: 3.2rem;
	font-weight: 500;
	color: #000000;
}

.contact-city__phone {
	font-size: 2.6rem;
	font-weight: 500;
	color: #000000;
	transition: .3s all;
}

.contact-city__mail {
	font-size: 2.6rem;
	font-weight: 500;
	color: #000000;
	transition: .3s all;
}

.contact-city>.row {
	row-gap: 30px;
}

@media (max-width: 1453px) {

	.contact-city__name {
		font-size: 3.2rem;
		padding-left: 35px;
		margin-bottom: 30px;
	}

	.contact-city__phone {
		font-size: 1.6rem;
	}

	.contact-city__mail {
		font-size: 1.6rem;
	}

	.contact-city__name:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		width: 70px;
		height: 70px;
		border-radius: 100px;
		;
		background-color: #C5E007;
		transform: translateY(-50%);
		z-index: -1;
	}

	.contact-city__wrapper {
		padding: 30px;
		padding-top: 40px
	}
}

@media (max-width: 1199px) {

	.contact-city {
		margin-top: 80px;
	}

}

@media (max-width: 991px) {
	.contact-city>.row {
		row-gap: 0px;
	}

	.contact-city {
		margin-top: 50px;
	}

	.contact-city__name {
		font-size: 3rem;
		padding-left: 25px;
		margin-bottom: 30px;
	}

	.contact-city__wrapper {
		padding: 30px;
		padding-top: 30px
	}

	.contact-city__name:after {
		width: 50px;
		height: 50px;
	}
}

.new-contact-form * {
	letter-spacing: 0 !important;
}

.new-contact-form {
	margin-top: 128px;
}

.new-contact-form__wrapper {
	background: #F7F6F2;
	border-radius: 34px;
	padding: 80px;
}

.new-contact-form__title {
	font-size: 6.2rem;
	color: #fff;
	font-weight: 700;
}

.new-contact-form__subtitle {
	font-size: 2.8rem;
	color: #fff;
	font-weight: 500;
	margin-top: 20px;
}

.new-contact-form__form {
	width: 80%;
	margin-top: 80px;
}

.new-contact-form .lab-anim {
	font-size: 2.2rem;
	font-weight: 400 !important;
	pointer-events: none;
	top: 9px;
}

.new-contact-form .focused .lab-anim {
	transform: translate(0, -1.2rem);
	font-size: 1.2rem;
}

.new-contact-form .box-anim input {
	box-shadow: 0 1px 0 0 #ffffff;
}

.new-contact-form .wpcf7-acceptance input[type="checkbox"]+span::before {
	border: 1px solid #fff;
	background: transparent;
}

.new-contact-form .wpcf7-acceptance input[type="checkbox"]:checked+span::before {
	background-image: url(/wp-content/themes/developro/images/check.png);
	background-position: center center;
	background-size: 12px !important;
	background-repeat: no-repeat;
}

.new-contact-form .pol-zg {
	margin-bottom: 10px;
	color: #fff !important;
	font-size: 1.4rem !important;
}

.new-contact-form .wpcf7-list-item-label {
	color: #fff !important;
	font-size: 1.4rem !important;
	letter-spacing: 0 !important;
}

.new-contact-form .wpcf7-list-item-label>span>span {
	color: #fff !important;
	font-size: 1.4rem !important;
	vertical-align: unset !important;
	letter-spacing: 0 !important;
}

.new-contact-form .pol-zg a {
	color: #fff !important;
	text-decoration: underline;
}

.new-contact-form .wpcf7-not-valid-tip {
	background-color: #fff;
	border-radius: 5px;
	padding: 5px 10px;
	margin-top: 5px;
}

.new-contact-form button.wpcf7-form-control.wpcf7-submit.custom-button.custom-button--alt br {
	display: none;
}

@media (max-width: 1453px) {

	.new-contact-form__form {
		width: 100%;
	}


}

@media (max-width: 1199px) {

	.new-contact-form {
		margin-top: 80px;
	}

	.new-contact-form__title {
		font-size: 4rem;
	}

	.new-contact-form__subtitle {
		font-size: 2rem;
		margin-top: 0;
	}

	.new-contact-form .lab-anim {
		font-size: 1.6rem;
		top: 18px;
	}

	.new-contact-form .focused .lab-anim {
		transform: translate(0, -1.8rem);
	}

	.new-contact-form__form {
		margin-top: 20px;
	}

	.new-contact-form__wrapper {
		padding: 50px;
	}
}

@media (max-width: 991px) {

	.new-contact-form {
		margin-top: 50px;
	}

	.new-contact-form__title {
		font-size: 3rem;
	}

	.new-contact-form__subtitle {
		font-size: 1.6rem;
	}

	.new-contact-form .lab-anim {
		font-size: 1.6rem;
	}

	.new-contact-form .col-lg-6 {
		margin-bottom: 0 !important;
	}

	.new-contact-form__wrapper {
		padding: 30px;
	}
}

@media (max-width: 575px) {
	.new-contact-form__wrapper {
		padding: 30px 15px;
	}
}

.new-blog {
	margin-top: 174px;
}

.new-blog__cat-wrapper {}

.new-blog #menu-kategorie {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
	background-color: #F8F9FD;
	border-radius: 48px;
	padding: 11px;
	gap: 18px;
	flex-wrap: wrap;
}

.new-blog #menu-kategorie li {
	list-style-type: none;
	background-color: #E8EBF7;

	border-radius: 100px;
	position: relative;
	overflow: hidden;
}

.new-blog #menu-kategorie li:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0;
	transition: .3s all;
}

.new-blog #menu-kategorie li:hover:after {
	opacity: 1;
	transition: .3s all;
}

.new-blog #menu-kategorie li.current-menu-item:after {
	opacity: 1;
	transition: .3s all;
}

.new-blog #menu-kategorie li.current-menu-item a {
	color: #fff;
	transition: .3s all;
}

.new-blog #menu-kategorie li:hover a {
	color: #fff;
	transition: .3s all;
}

.new-blog #menu-kategorie li a {
	padding: 15px 40px;
	display: flex;
	color: #B6BCD8;
	font-weight: 600;
	font-size: 2.2rem;
	position: relative;
	z-index: 2;
	transition: .3s all;
}

.new-blog .widget_nav_menu {
	list-style-type: none;
}


@media (max-width: 1650px) {
	.new-blog #menu-kategorie li a {
		font-size: 1.8rem;
	}

	.new-blog #menu-kategorie {
		border-radius: 44px;
	}
}

@media (max-width: 1453px) {
	.new-blog #menu-kategorie li a {
		font-size: 1.8rem;
	}
}

@media (max-width: 1199px) {
	.new-blog #menu-kategorie li a {
		font-size: 1.6rem;
		padding: 10px 20px;
	}

	.new-blog #menu-kategorie {
		border-radius: 44px;
	}

	.new-blog #menu-kategorie li {}

	.new-blog {
		margin-top: 80px;
	}
}

@media (max-width: 991px) {
	.new-blog #menu-kategorie li a {
		font-size: 1.4rem;
		padding: 5px 14px;
	}

	.new-blog #menu-kategorie {
		border-radius: 44px;
	}

	.new-blog #menu-kategorie li {}

	.new-blog {
		margin-top: 50px;
	}
}

.new-catalog .catalog {
	background: #000000;
	border-radius: 34px;
}

.new-catalog__close {
	z-index: 99;
}

.new-catalog .catalog__img {
	width: 650px;
}

.new-catalog * {
	letter-spacing: 0 !important;
}

.new-catalog .catalog__title {
	font-size: 6.2rem !important;
	font-weight: 700 !important;
	margin-bottom: 30px !important;
}

.new-catalog .catalog__form label {
	font-weight: 500 !important;
	font-size: 3.2rem !important;
}

.new-catalog .custom-button br {
	display: none;
}

.new-catalog {}

.new-catalog .catalog__form .acceptance {
	font-size: 1.4rem !important;
	font-weight: 400 !important;
	color: #fff !important;
}

.new-catalog .catalog__form .wpcf7-list-item input {
	display: none;
}

.new-catalog .catalog__form .wpcf7-list-item {
	position: relative;
	display: inline-block;
	margin-left: 30px;
}

.new-catalog .catalog__form .wpcf7-list-item::before {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: -15px;
	left: -60px;
	border: 1px solid #fff;
	background: transparent;
}

.new-catalog .catalog__form .wpcf7-list-item:has(input[type="checkbox"]:checked)::before {
	background-image: url('/wp-content/themes/developro/images/check.png');
	background-position: center;
	background-size: 12px;
	background-repeat: no-repeat;
}

.new-catalog .acceptance {
	padding-left: 30px;
}

.new-catalog .wpcf7-acceptance {
	position: absolute;
}

.new-catalog .catalog__form .acceptance {
	max-width: unset !important;
}

.new-catalog__btns p {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 30px;
	flex-wrap: wrap;
}

.new-catalog .catalog__form .form-control {
	height: 72px;
	border-radius: 100px;
	font-size: 2rem;
	font-weight: 600;
	color: #000000 !important;
	width: 288px;
}

.new-catalog .catalog__form .form-control::placeholder {
	color: #000000 !important;
}

.new-catalog .catalog__form .wpcf7-submit {
	margin-top: 0 !important;
}

.new-catalog>.container {
	position: relative;
	z-index: 2;
}

.new-catalog__decor-01 {
	position: absolute;
	top: 50px;
	right: 55px;
	animation: floatLeftRight 4s ease-in-out infinite;
	will-change: transform;
	z-index: 1;
}

.new-catalog__decor-02 {
	position: absolute;
	top: 227px;
	left: 824px;
	animation: floatLeftRight 5s ease-in-out infinite;
	will-change: transform;
	z-index: 1;
}



.new-catalog__decor-04 {
	position: absolute;
	bottom: 73px;
	right: 555px;
	animation: floatCrazy 7s ease-in-out infinite;
	will-change: transform;
	z-index: 1;
}

.new-catalog .catalog__wrapper {
	z-index: 2;
	position: relative;
}

@media (max-width: 1453px) {
	.new-catalog .catalog__title {
		font-size: 4rem !important;
	}

	.new-catalog .catalog__form label {
		font-size: 2.6rem !important;
	}

	.new-catalog .catalog__img {
		width: 450px;
	}
}

@media (max-width: 1199px) {
	.new-catalog__decor-02 {
		display: none;
	}

	.new-catalog__decor-04 {
		display: none;
	}

	.new-catalog {
		padding-top: 30px !important;
	}

	.new-catalog .catalog__form .form-control {
		height: 62px;
		width: 250px;
	}

	.new-catalog__btns p {
		gap: 15px;
	}

	.new-catalog .catalog__title {
		font-size: 3rem !important;
	}

	.new-catalog .catalog__form label {
		font-size: 2rem !important;
	}

	.new-catalog .catalog__form .acceptance {
		text-align: start;
	}
}

@media (max-width: 991px) {
	.new-catalog__decor-01 {
		display: none;
	}

	.new-catalog__btns p {
		justify-content: center;
		gap: 15px;
	}

	.new-catalog .catalog__form .form-control {
		height: 62px;
		width: 100%;
	}

	.new-catalog .catalog__title {
		font-size: 3rem !important;
	}

	.new-catalog .catalog__form label {
		font-size: 1.6rem !important;
	}

}

@media (max-width: 575px) {

	.new-catalog .catalog__form label {
		font-size: 1.3rem !important;
	}

	.new-catalog .catalog__form .form-control {
		font-size: 1.6rem;
	}

	.new-catalog .custom-button__text {
		font-size: 1.6rem !important;
	}

	.new-catalog .catalog__form .acceptance {
		font-size: 1.2rem !important;
	}

	.new-catalog .catalog {
		padding: 15px !important;
	}

	.new-catalog .container {
		padding: 0 !important;
	}
}

.new-blog * {
	letter-spacing: 0;
}

.new-catalog .wpcf7-not-valid-tip {
	background-color: #fff;
	border-radius: 100px;
	padding: 5px 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.new-blog .post-card {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	box-shadow: none !important;
	border: none !important;
	gap: 80px;
}

.new-blog .thumb-cont {
	aspect-ratio: 1110 / 740;
	border-radius: 34px;
	width: 38vw;
}

.new-blog .post-thumbnail {
	height: 100% !important;
	width: 100% !important;
	object-fit: contain !important;
	min-height: unset !important;
}

.new-blog .post-header {
	text-align: left;
	display: flex;
	align-items: start;
	justify-content: center;
	flex-direction: column;
}

.new-blog .icons {
	color: #000000 !important;
	font-weight: 500 !important;
	font-size: 1.6rem !important;
}

.new-blog .icons a {
	color: #000000;
	font-weight: 500 !important;
	font-size: 1.6rem !important;
}

.new-blog .post-card h3 {
	color: #000000 !important;
	font-weight: 700 !important;
	font-size: 2.8rem !important;
}

.new-blog .post-header>a {
	color: #000000 !important;
	font-weight: 700 !important;
	font-size: 2.8rem !important;
}

.new-blog .excerpt {
	color: #545454;
	font-weight: 400 !important;
	font-size: 1.8rem !important;
}

.new-blog .post-header .my-link {
	padding: 11px 11px 11px 35px !important;
	color: #000000 !important;
	font-weight: 600 !important;
	font-size: 2rem !important;
	background: #C5E007 !important;

	border-radius: 100px !important;
	display: flex;
	align-items: center !important;
	justify-content: center !important;
	gap: 30px !important;
	overflow: hidden !important;
	position: relative !important;
	font-family: 'Montserrat' !important;
	letter-spacing: 0;
	border: none !important;
	outline: none !important;
	border: none;
}

.new-blog .my-link:before {}

.new-blog .my-link:after {
	content: '';
	width: 50px;
	height: 50px;
	background-color: #000000;
	z-index: 3;
	border-radius: 100px;
	position: relative;
	top: unset;
	left: unset;
	transition: .3s all;
}

.new-blog .my-link:before {
	content: '';
	width: 50px;
	height: 50px;
	position: absolute;
	right: 11px;
	top: 11px;
	z-index: 2;
	background: url('/wp-content/themes/developro/images/custom-btn-icn-02.png') center center / 12px 18px no-repeat;
	filter: brightness(0) invert(1);
	z-index: 5;
	transition: .3s all;
}

.new-blog .my-link:hover {
	color: #fff !important;
	background: #000000 !important;
	letter-spacing: 0 !important;
	transition: .3s all;
}

.new-blog .my-link:hover::after {
	background-color: #fff;
	transition: .3s all;
}

.new-blog .my-link:hover::before {
	filter: brightness(1) invert(0);
	transition: .3s all;
}

.new-blog__post {
	margin-top: 80px;
}

@media (max-width: 1199px) {
	.new-blog .my-link:after {
		width: 30px;
		height: 30px;
		padding: 11px;
	}

	.new-blog .post-header .my-link {
		padding: 6px 6px 6px 20px !important;
		gap: 10px !important;
		font-size: 1.6rem !important;
	}

	.new-blog .my-link:before {
		width: 30px;
		height: 30px;
		top: 6px;
		right: 6px;
		background-image: url('/wp-content/themes/developro/images/custom-btn-icn-02.png');
		background-size: 8px auto;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.new-blog__post {
		margin-top: 40px;
	}
}

@media (max-width: 1453px) {
	.thumb-cont {
		width: 100% !important;
		height: unset !important;

	}

	.new-blog .post-card {
		flex-direction: column;
		gap: 10px;
	}

	.new-blog .post-card>a {
		display: flex;
		width: 100%;
	}

	.new-blog .post-header {
		padding: 0;
	}
}

@media (max-width: 1199px) {
	.thumb-cont {
		width: 100% !important;
		height: unset !important;

	}

	.new-blog .post-card {
		flex-direction: column;
		gap: 10px;
	}

	.new-blog .post-card>a {
		display: flex;
		width: 100%;
	}

	.new-blog .post-header {
		padding: 0;
	}

	.new-blog__post {
		margin-top: 00px;
	}

	.new-blog .post-card h3 {
		color: #000000 !important;
		font-weight: 700 !important;
		font-size: 2rem !important;
	}

	.new-blog .post-header>a {
		color: #000000 !important;
		font-weight: 700 !important;
		font-size: 2rem !important;
	}

	.new-blog .excerpt {
		color: #545454;
		font-weight: 400 !important;
		font-size: 1.6rem !important;
	}

	body .new-blog article {
		margin-bottom: 50px !important;
	}
}

.catalog-sec {
	background: transparent !important;
}

.new-blog article {
	margin-bottom: 80px !important;
}


.about-entry {
	margin-top: 160px;
}

.about-entry * {
	letter-spacing: 0;
}

.about-entry__img {
	border-radius: 34px;
}

.about-entry h2 {
	color: #000000;
	font-size: 6.2rem;
	font-weight: 700;
	margin-bottom: 60px;
}

.about-entry .styled-wysiwyg p {
	color: #545454;
	font-size: 2rem;
}

.about-entry__nagroda {
	margin-bottom: 0;
	font-size: 2.2rem;
	font-weight: 700;
	color: #000000;
	line-height: 1.4;
}

.new-subtitle {
	text-transform: uppercase;
	font-size: 2rem;
	font-weight: 500;
	color: #000000;
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 7px;
	margin-bottom: 20px;
}

.new-subtitle:before {
	content: '';
	width: 56px;
	height: 1px;
	background-color: #000000;
}

@media (max-width: 1453px) {
	.about-entry__nagroda {
		font-size: 1.4rem;
	}
}

@media (max-width: 1199px) {
	.about-entry h2 {
		font-size: 4rem;
		margin-bottom: 30px;
	}

	.about-entry .styled-wysiwyg p {
		color: #545454;
		font-size: 1.6rem;
	}

	.about-entry {
		margin-top: 80px;
	}

	.new-subtitle {
		margin-bottom: 5px;
		font-size: 1.6rem;
	}

	.about-entry h2 {
		margin-bottom: 5px;
	}

}

@media (max-width: 991px) {
	.about-entry h2 {
		font-size: 3rem;
		margin-bottom: 15px;
	}

	.about-entry {
		margin-top: 50px;
	}
}

.about-ofer-container {}

.about-ofer {
	margin-top: 160px;
}

.about-ofer * {
	letter-spacing: 0;
}

.about-ofer__img {
	border-radius: 34px;
}

.about-ofer h2 {
	color: #000000;
	font-size: 6.2rem;
	font-weight: 700;
	margin-bottom: 60px;
}

.about-ofer .styled-wysiwyg p {
	color: #545454;
	font-size: 2rem;
}

.about-ofer__nagroda {
	margin-bottom: 0;
	font-size: 2.2rem;
	font-weight: 700;
	color: #000000;
	line-height: 1.4;
}


@media (max-width: 1453px) {
	.about-ofer__nagroda {
		font-size: 1.4rem;
	}
}

@media (max-width: 1199px) {
	.about-ofer h2 {
		font-size: 4rem;
		margin-bottom: 30px;
	}

	.about-ofer .styled-wysiwyg p {
		color: #545454;
		font-size: 1.6rem;
	}

	.about-ofer {
		margin-top: 80px;
	}

	.about-ofer h2 {
		margin-bottom: 5px;
	}

}

@media (max-width: 991px) {
	.about-ofer h2 {
		font-size: 3rem;
		margin-bottom: 15px;
	}

	.about-ofer {
		margin-top: 50px;
	}
}

.about-ofer__tagline {
	color: #fff;
	font-weight: 600;
	font-size: 3.6rem;
	background: #000000;
	padding: 50px;
	position: absolute;
	border-radius: 34px 0 0 34px;
	right: 0;
	transform: translate(0px, 50%);
	outline: 30px solid #fff;
	bottom: 0;
}

.about-ofer__tagline:after {
	content: '';
	background: #000000;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: translateX(calc(100% - 1px));
}

.about-ofer__tagline:before {
	content: '';
	width: 80px;
	height: 80px;
	background-color: transparent;
	position: absolute;
	border-radius: 0 0 64px 0;
	border-right: 30px solid #fff;
	left: 0;
	top: calc(50%);
	transform: translate(-100%, calc(-50% - 10px));
	border-bottom: 30px solid #fff;
}

.about-ofer__decor {
	content: '';
	width: 80px;
	height: 80px;
	background-color: transparent;
	position: absolute;
	border-radius: 0 0 64px 0;
	border-right: 30px solid #fff;
	right: -30px;
	bottom: 0;
	transform: translate(0, 0);
	border-bottom: 30px solid #fff;
	z-index: 22;
}

@media (max-width: 1199px) {
	.about-ofer__tagline {
		font-size: 2.4rem;
		padding: 30px;
	}

	.about-ofer__content-wrapper {
		margin-top: 50px !important;
	}
}

@media (max-width: 991px) {
	.about-ofer__tagline {}

	.about-ofer__content-wrapper {
		margin-top: 30px !important;
	}

	.about-ofer__tagline {

		font-size: 2rem;
		padding: 15px 25px;
		position: relative;
		border-radius: 34px 0 0 34px;
		right: unset;

		transform: translate(0px, 0);
		outline: none;
		bottom: unset;
		margin-top: 30px;
	}

	.about-ofer__decor {
		display: none;
	}

	.about-ofer__tagline:before {
		display: none;
	}

}


.about-rozwiazania {
	margin-top: 340px;
}

.about-rozwiazania * {
	letter-spacing: 0;
}

.about-rozwiazania h2 {
	font-size: 6.2rem;
	font-weight: 700;
	color: #000000;
}

.about-rozwiazania__item {
	gap: 30px;
	margin-bottom: 100px;
}

.about-rozwiazania__icn-wrapper {
	background-color: #C5E007;
	width: 158px;
	height: 158px;
	min-width: 158px;
	min-height: 158px;
	padding: 30px;
	border-radius: 1000px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.about-rozwiazania h3 {
	font-size: 3.6rem;
	font-weight: 700;
	color: #000000;
}

.about-rozwiazania__text {
	color: #545454;
	font-size: 2rem;
	margin-top: 20px;
}

.about-rozwiazania__row {
	margin-top: 123px;
}

main#about {
	overflow: hidden;
}

@media (max-width: 1199px) {
	.about-rozwiazania__row {
		margin-top: 80px;
	}

	.about-rozwiazania {
		margin-top: 80px;
	}

	.about-rozwiazania h2 {
		font-size: 4rem;
	}

	.about-rozwiazania h3 {
		font-size: 3rem;
	}

	.about-rozwiazania__item {
		margin-bottom: 50px;
		gap: 15px;
	}

	.about-rozwiazania__text {
		margin-top: 0px;
	}
}

@media (max-width: 991px) {
	.about-rozwiazania__row {
		margin-top: 20px;
	}

	.about-rozwiazania {
		margin-top: 50px;
	}

	.about-rozwiazania h2 {
		font-size: 3rem;
	}

	.about-rozwiazania h3 {
		font-size: 2rem;
	}

	.about-rozwiazania__item {
		margin-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.about-rozwiazania h3 {
		text-align: center;
	}

	.about-rozwiazania__text {
		text-align: center;
	}

	.about-rozwiazania__icn-wrapper {
		background-color: #C5E007;
		width: 100px;
		height: 100px;
		min-width: 100px;
		min-height: 100px;
		padding: 20px;
		border-radius: 1000px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

}


.new-why {
	margin-top: 100px;
}

.new-why * {
	letter-spacing: 0 !important;
}

.new-why__wrapper {
	background: #000000;
	padding: 80px 70px;
	border-radius: 34px;

}

.new-why h2 {
	color: #fff !important;
	font-size: 6.2rem;
	font-weight: 700;
	position: relative;
	z-index: 3;
}


.new-why h3 span {
	color: #fff !important;
	font-size: 3.6rem;
	font-weight: 700;
	margin-bottom: 20px;
}

.new-why h3 {
	color: #fff !important;
	font-size: 2rem;
	font-weight: 400;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: start;
	text-align: center;
}

.new-why .subtitle {
	font-size: 2rem;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff !important;
	margin-bottom: 10px;
	position: relative;
	z-index: 3;
}

.new-why__icn-wrapper {
	width: 126px;
	height: 126px;
	background-color: #C5E007;
	border-radius: 100px;
	padding: 25px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.new-why__items-wrapper {
	margin-top: 70px;
	width: 100%;
	position: relative;
	z-index: 3;
}

.new-why__item {
	width: 25%;
}

.new-why__decor-01 {
	position: absolute;
	top: 90px;
	right: 165px;
	animation: floatLeftRight 4s ease-in-out infinite;
	will-change: transform;
}

.new-why__decor-02 {
	position: absolute;
	top: 47px;
	left: 134px;
	animation: floatLeftRight 5s ease-in-out infinite;
	will-change: transform;
}


.new-why__decor-04 {
	position: absolute;
	top: 243px;
	left: 455px;
	animation: floatCrazy 7s ease-in-out infinite;
	will-change: transform;
}


@media (max-width: 1453px) {
	.new-why h3 span {
		font-size: 2.6rem;
		margin-bottom: 10px;
	}
}

@media (max-width: 1199px) {
	.new-why {
		margin-top: 60px;
	}

	.new-why__item {
		width: 50%;
		margin-bottom: 50px;
	}

	.new-why__wrapper {
		padding: 50px;
		padding-bottom: 0;

	}

	.new-why__items-wrapper {
		margin-top: 40px;

	}

	.new-why__decor-04 {
		display: none;
	}

	.new-why__decor-01 {
		display: none;
	}

	.new-why h2 {
		font-size: 4rem;
	}

	.new-why .subtitle {
		font-size: 1.8rem;
	}
}


@media (max-width: 991px) {
	.new-why {
		margin-top: 20px;
	}

	.new-why h2 {
		font-size: 3rem;
	}

	.new-why h3 span {
		font-size: 2rem;
		margin-bottom: 10px;
	}

	.new-why h3 {
		font-size: 1.6rem;
	}

	.new-why__item {
		width: 100%;
		margin-bottom: 30px;
	}

	.new-why__wrapper {
		padding: 30px;
		padding-bottom: 0;

	}

	.new-why .subtitle {
		font-size: 1.6rem;
	}

	.new-why__icn-wrapper {

		margin-bottom: 10px;

	}

	.new-why__items-wrapper {
		margin-top: 20px;
	}
}

@media (max-width: 575px) {

	.new-why__wrapper {
		padding: 30px 15px;
		padding-bottom: 0;

	}
}




.new-clients {
	margin-top: 160px;
}

.new-clients * {
	letter-spacing: 0;
}

.new-clients h2 {
	color: #000000;
	font-size: 6.2rem;
	font-weight: 700;
	margin-bottom: 60px;
}



.new-subtitle {
	text-transform: uppercase;
	font-size: 2rem;
	font-weight: 500;
	color: #000000;
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 7px;
	margin-bottom: 20px;
}

.new-subtitle:before {
	content: '';
	width: 56px;
	height: 1px;
	background-color: #000000;
}

.new-clients__item {
	background-color: #C5E007;
	border-radius: 34px;

	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 380 / 228;

}

.new-clients__item img {
	width: 54%;
	height: 53%;
	object-fit: contain;
}

@media (max-width: 1199px) {
	.new-clients h2 {
		font-size: 4rem;
		margin-bottom: 30px;
	}

	.new-clients__item {
		margin-bottom: 0px;
	}

	.new-clients {
		margin-top: 80px;
	}

	.new-subtitle {
		margin-bottom: 5px;
		font-size: 1.6rem;
	}

	.new-clients h2 {
		margin-bottom: 15px;
	}

}

@media (max-width: 991px) {
	.new-clients h2 {
		font-size: 3rem;
		margin-bottom: 15px;
	}

	.new-clients {
		margin-top: 50px;
	}

	.new-clients__item {}
}



.new-opinie {
	margin-top: 190px;
	background-color: #F8F9FD;
	padding-top: 145px;
	padding-bottom: 145px;
}

.new-opinie * {
	letter-spacing: 0;
}

.new-opinie h2 {
	color: #000000;
	font-size: 6.2rem;
	font-weight: 700;
	margin-bottom: 60px;
}

.new-opinie__arrow-wrapper {
	gap: 20px;
}

.new-opinie__arrow {
	border: 2px solid #000000;
	border-radius: 100px;
	width: 80px;
	height: 80px;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .3s all;

}

.new-opinie__arrow:hover {
	background-color: #000000;
	transition: .3s all;
}

.new-opinie__arrow svg path {
	fill: #000000;
	transition: .3s all;

}

.new-opinie__arrow:hover svg path {
	fill: #C5E007;
	transition: .3s all;
}

.new-opinie__slider .slick-list {
	padding-left: calc((100% - 1720px) / 2);
}

.new-opinie__slider .slick-slide>div {
	width: 652px;
	border-radius: 34px;
	border: 2px solid #F0F5F9;
	background-color: #fff;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
	padding: 60px 50px;
	padding-bottom: 30px;
}

.new-opinie__slider .slick-track {
	padding: 20px 0;
}

.new-opinie__slider .slick-list {
	overflow: unset;
}

.new-opinie__item {}

.new-opinie__text {
	font-size: 1.8rem;
	font-style: italic;
	color: #545454;
}

.new-opinie__author-wrapper {
	border-top: 1px solid rgba(0, 0, 0, 0.36);
	padding-top: 32px;
	margin-top: 45px;
}

.new-opinie__author {
	font-weight: 700;
	font-size: 2.4rem;
	color: #000000;
}

.new-opinie .slick-dots {
	text-align: center;
}

.new-opinie .slick-dots li {
	width: 14px !important;
	height: 14px !important;
}

.new-opinie .slick-dots li button {
	width: 14px !important;
	height: 14px !important;
	border: 2px solid #000000;
	border-radius: 200px;
	padding: 0 !important;
}

.new-opinie .slick-dots li.slick-active button {
	border: 2px solid #000000;
	background-color: #000000;
}

.new-opinie__slider:after {
	content: '';
	width: 357px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: linear-gradient(90deg, rgba(248, 249, 253, 0) 0%, rgba(248, 249, 253, 1) 100%);
}

@media (max-width: 1453px) {
	.new-opinie__slider .slick-list {
		padding-left: calc((100% - 1140px) / 2);
	}

	.new-opinie__slider .slick-slide>div {
		width: 540px;

	}

	.new-opinie__slider:after {
		width: 100px;
	}
}

@media (max-width: 1199px) {
	.new-opinie h2 {
		font-size: 4rem;
		margin-bottom: 30px;
	}

	.new-opinie__slider:after {
		display: none;
	}

	.new-opinie {
		margin-top: 80px;
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.new-opinie h2 {
		margin-bottom: 15px;
	}

	.new-opinie__slider .slick-list {
		padding-left: calc((100% - 960px) / 2);
	}

	.new-opinie__slider .slick-slide>div {
		width: 450px;

	}

	.new-opinie__text {
		font-size: 1.6rem;
	}

	.new-opinie__author {
		font-size: 1.8rem;
	}
}

@media (max-width: 991px) {
	.new-opinie h2 {
		font-size: 3rem;
		margin-bottom: 0px;
	}

	.new-opinie__slider:after {
		width: px;
	}

	.new-opinie {
		margin-top: 50px;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.new-opinie__slider .slick-list {
		padding-left: calc((100% - 720px) / 2);
		margin-bottom: 10px;
	}

	.new-opinie__slider .slick-slide>div {
		width: 690px;

	}

	.new-opinie__arrow {
		width: 42px;
		height: 42px;


	}

	.new-opinie__arrow svg {
		width: 18px;


	}
}

@media (max-width: 767px) {
	.new-opinie__slider .slick-list {
		padding-left: calc((100% - 540px) / 2);
	}

	.new-opinie__slider .slick-slide>div {
		width: 510px;
		padding: 20px 20px;
		padding-bottom: 10px;

	}

	.new-opinie__slider .slick-slide {
		padding: 0 5px !important;

	}

	.new-opinie__author-wrapper {
		border-top: 1px solid rgba(0, 0, 0, 0.36);
		padding-top: 20px;
		margin-top: 20px;
		flex-direction: column-reverse !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.new-opinie__author-wrapper svg {
		display: none;
	}

	.new-opinie__author {
		text-align: center;
		line-height: 1.4;
	}
}

@media (max-width: 575px) {
	.new-opinie__slider .slick-list {
		padding-left: 0px;
	}

	.new-opinie__slider .slick-slide>div {
		width: 75vw;

	}

}




.new-latest {
	margin-top: 160px;
}

.new-latest * {
	letter-spacing: 0;
}

.new-latest h2 {
	color: #000000;
	font-size: 6.2rem;
	font-weight: 700;
	margin-bottom: 60px;
}

@media (max-width: 1199px) {
	.new-latest h2 {
		font-size: 4rem;
		margin-bottom: 30px;
	}

	.new-latest {
		margin-top: 80px;
	}

	.new-subtitle {
		margin-bottom: 5px;
		font-size: 1.6rem;
	}

	.new-latest h2 {
		margin-bottom: 15px;
	}

}

@media (max-width: 991px) {
	.new-latest h2 {
		font-size: 3rem;
		margin-bottom: 15px;
	}

	.new-latest {
		margin-top: 50px;
	}
}

.new-latest .slick-slide {
	max-width: calc(100% - ((100% - 1720px)));
	width: calc(100vw - 30px);
}

.new-latest .post-card {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	box-shadow: none !important;
	border: none !important;
	gap: 80px !important;
}

.new-latest .thumb-cont {
	aspect-ratio: 1110 / 740;
	border-radius: 34px;
	width: 38vw;
	overflow: hidden;
}

.new-latest .post-thumbnail {
	height: 100% !important;
	width: 100% !important;
	object-fit: contain !important;
	min-height: unset !important;
}

.new-latest .post-header {
	text-align: left;
	display: flex;
	align-items: start;
	justify-content: center;
	flex-direction: column;
}

.new-latest .icons {
	color: #000000 !important;
	font-weight: 500 !important;
	font-size: 1.6rem !important;
}

.new-latest .icons a {
	color: #000000;
	font-weight: 500 !important;
	font-size: 1.6rem !important;
}

.new-latest .post-card h3 {
	color: #000000 !important;
	font-weight: 700 !important;
	font-size: 2.8rem !important;
}

.new-latest .post-header>a {
	color: #000000 !important;
	font-weight: 700 !important;
	font-size: 2.8rem !important;
}

.new-latest .excerpt {
	color: #545454;
	font-weight: 400 !important;
	font-size: 1.8rem !important;
}

.new-latest .post-header .my-link {
	padding: 11px 11px 11px 35px !important;
	color: #000000 !important;
	font-weight: 600 !important;
	font-size: 2rem !important;
	background: #C5E007 !important;

	border-radius: 100px !important;
	display: flex;
	align-items: center !important;
	justify-content: center !important;
	gap: 30px !important;
	overflow: hidden !important;
	position: relative !important;
	font-family: 'Montserrat' !important;
	letter-spacing: 0;
	border: none !important;
	outline: none !important;
	border: none;
}

.new-latest .my-link:before {}

.new-latest .my-link:after {
	content: '';
	width: 50px;
	height: 50px;
	background-color: #000000;
	z-index: 3;
	border-radius: 100px;
	position: relative;
	top: unset;
	left: unset;
	transition: .3s all;
}

.new-latest .my-link:before {
	content: '';
	width: 50px;
	height: 50px;
	position: absolute;
	right: 11px;
	top: 11px;
	z-index: 2;
	background: url('/wp-content/themes/developro/images/custom-btn-icn-02.png') center center / 12px 18px no-repeat;
	filter: brightness(0) invert(1);
	z-index: 5;
	transition: .3s all;
}

.new-latest .my-link:hover {
	color: #fff !important;
	background: #000000 !important;
	letter-spacing: 0 !important;
	transition: .3s all;
}

.new-latest .my-link:hover::after {
	background-color: #fff;
	transition: .3s all;
}

.new-latest .my-link:hover::before {
	filter: brightness(1) invert(0);
	transition: .3s all;
}

.new-latest__post {
	margin-top: 80px;
}

@media (max-width: 1199px) {
	.new-latest .my-link:after {
		width: 30px;
		height: 30px;
		padding: 11px;
	}

	.new-latest .post-header .my-link {
		padding: 6px 6px 6px 20px !important;
		gap: 10px !important;
		font-size: 1.6rem !important;
	}

	.new-latest .my-link:before {
		width: 30px;
		height: 30px;
		top: 6px;
		right: 6px;
		background-image: url('/wp-content/themes/developro/images/custom-btn-icn-02.png');
		background-size: 8px auto;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.new-latest__post {
		margin-top: 40px;
	}
}

@media (max-width: 1453px) {
	.thumb-cont {
		width: 100% !important;
		height: unset !important;

	}

	.new-latest .post-card {
		flex-direction: column !important;
		gap: 10px !important;
	}

	.new-latest .post-card>a {
		display: flex;
		width: 100%;
	}

	.new-latest .post-header {
		padding: 0;
	}

	.new-latest .slick-slide {
		width: 1110px;
	}

	.new-latest .post-header {
		width: 100%;
	}
}

@media (max-width: 1199px) {
	.thumb-cont {
		width: 100% !important;
		height: unset !important;

	}

	.new-latest .post-card {
		flex-direction: column !important;
		gap: 10px !important;
	}

	.new-latest .post-card>a {
		display: flex;
		width: 100%;
	}

	.new-latest .post-header {
		padding: 0;
	}

	.new-latest__post {
		margin-top: 00px;
	}

	.new-latest .post-card h3 {
		color: #000000 !important;
		font-weight: 700 !important;
		font-size: 2rem !important;
	}

	.new-latest .post-header>a {
		color: #000000 !important;
		font-weight: 700 !important;
		font-size: 2rem !important;
	}

	.new-latest .excerpt {
		color: #545454;
		font-weight: 400 !important;
		font-size: 1.6rem !important;
	}

	body .new-latest article {
		margin-bottom: 50px !important;
	}

	.new-latest .slick-slide {
		width: 930px;
	}
}

@media (max-width: 991px) {
	.new-latest .slick-slide {
		width: 690px;
	}
}

@media (max-width: 767px) {
	.new-latest .slick-slide {
		width: 510px;
	}
}

@media (max-width: 575px) {
	.new-latest .slick-slide {
		width: calc(100vw - 7px);
	}
}

.new-latest .slick-dots {
	text-align: center;
}

.new-latest .slick-dots li {
	width: 14px !important;
	height: 14px !important;
}

.new-latest .slick-dots li button {
	width: 14px !important;
	height: 14px !important;
	border: 2px solid #000000;
	border-radius: 200px;
	padding: 0 !important;
}

.new-latest .slick-dots li.slick-active button {
	border: 2px solid #000000;
	background-color: #000000;
}

.home-realizacje {
	margin-top: 185px;
}

.home-realizacje h2 {
	font-size: 8.6rem;
	font-weight: 700;
	color: #000000;
	margin-bottom: 40px;
}

.home-realizacje__subtitle {
	font-size: 4rem;
	font-weight: 500;
	color: #000000;
	margin-bottom: 0px;
}

@media (max-width: 1453px) {
	.home-realizacje h2 {
		font-size: 5rem;
	}

	.home-realizacje__subtitle {
		font-size: 3rem;
	}
}

@media (max-width: 1199px) {
	.home-realizacje {
		margin-top: 80px;
	}
}

@media (max-width: 991px) {
	.home-realizacje h2 {
		font-size: 3rem;
		margin-bottom: 20px;
		text-align: center;
	}

	.home-realizacje {
		margin-top: 50px;
	}

	.home-realizacje__subtitle {
		font-size: 1.8rem;
	}
}




.new-hero {
	background: #000000;
	padding-top: 230px;
	padding-bottom: 320px;
	width: unset !important;
}

.new-hero * {
	letter-spacing: 0 !important;
}

.new-hero .styled-wysiwyg {
	line-height: 1.6;
}

.new-hero .styled-wysiwyg p,
.new-hero .styled-wysiwyg ul li {
	color: #fff;
	font-size: 2.4rem;
}

.new-hero .custom-button {
	margin-top: 40px;
}

.new-hero h1 {
	color: #fff !important;
	font-size: 8.6rem !important;
	font-weight: 700 !important;
	z-index: 2;
	position: relative;
}


.new-hero-img__img {
	border-radius: 34px;
}

.new-hero-img {
	margin-top: -220px;
}

.new-hero-img__add-text:before {
	content: '';
	width: 80px;
	height: 80px;
	background-color: transparent;
	position: absolute;
	border-radius: 0 0 64px 0;
	border-right: 30px solid #fff;
	left: 0;
	bottom: -30px;
	transform: translate(-100%, 0);
	border-bottom: 30px solid #fff;
}

.new-hero-img__decor {
	content: '';
	width: 80px;
	height: 80px;
	background-color: transparent;
	position: absolute;
	border-radius: 0 0 64px 0;
	border-right: 30px solid #fff;
	right: -30px;
	bottom: 0;
	transform: translate(0, 0);
	border-bottom: 30px solid #fff;
	z-index: 22;
}

.new-hero-img__add-text {
	font-size: 4.3rem;
	color: #fff;
	font-weight: 600;
	background: #000000;
	border-radius: 34px;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 493px;
	padding: 50px;
	line-height: 1.4;
	outline: 30px solid #fff;
}

.new-hero>.container {
	z-index: 3;
	position: relative;
}

.new-hero-img__bell-wrapper {
	background-color: #C5E007;
	width: 108px;
	height: 108px;
	border-radius: 0px 80px 80px 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.new-hero-img__bell-wrapper img {
	width: 50% !important;
	object-fit: contain;
	width: 50% !important;
}

.new-hero__decor-01 {
	position: absolute;
	top: 490px;
	right: 35px;
	animation: floatLeftRight 4s ease-in-out infinite;
	will-change: transform;
	z-index: 1;
}

.new-hero__decor-02 {
	position: absolute;
	top: 217px;
	left: 764px;
	animation: floatLeftRight 5s ease-in-out infinite;
	will-change: transform;
	z-index: 1;
}

.new-hero__decor-03 {
	position: absolute;
	bottom: 297px;
	left: 0;
	animation: floatUpDown 6s ease-in-out infinite;
	will-change: transform;
	z-index: 1;
}

.new-hero__decor-04 {
	position: absolute;
	top: 573px;
	right: 875px;
	animation: floatCrazy 7s ease-in-out infinite;
	will-change: transform;
	z-index: 1;
}

.new-hero-img * {
	letter-spacing: 0 !important;
}

@media (max-width: 1453px) {
	.new-hero h1 {

		font-size: 6.4rem !important;

	}

	.new-hero {
		padding-bottom: 150px;
	}

	.new-hero-img {
		margin-top: -80px;
	}

	.new-hero-img__add-text {
		font-size: 3rem;
		padding: 30px;
	}

	.new-hero-img__bell-wrapper {
		width: 80px;
		height: 80px;

	}
}

@media (max-width: 1199px) {
	.new-hero__decor-01 {
		display: none;
	}

	.new-hero__decor-02 {
		top: 127px;
	}

	.new-hero__decor-04 {
		display: none;
	}

	.new-hero {
		padding-top: 180px;

	}

	.new-hero h1 {

		font-size: 5rem !important;

	}

	.new-hero-img {
		margin-top: -80px;
	}

	.new-hero .styled-wysiwyg p,
	.new-hero .styled-wysiwyg ul li {
		font-size: 2rem;
	}

}

@media (max-width: 991px) {
	.new-hero__decor-03 {
		bottom: 120px;
	}

	.new-hero__decor-02 {
		left: 30px
	}

	.new-hero h1 {

		font-size: 4rem !important;
		margin-bottom: 0;
	}

	.new-hero__col {
		margin-bottom: 10px !important;
	}

	.new-hero {
		padding-top: 120px;
		padding-bottom: 80px;
	}

	.new-hero-img__add-text {
		font-size: 2rem;
		padding: 20px;
		width: 250px;
	}

	.new-hero-img__bell-wrapper {
		width: 50px;
		height: 50px;

	}

	.new-hero .styled-wysiwyg p,
	.new-hero .styled-wysiwyg ul li {
		font-size: 1.6rem;
	}

	.new-hero .custom-button {
		margin-top: 10px;
	}
}

@media (max-width: 767px) {
	.new-hero__decor-03 {
		display: none;
	}

	.new-hero {
		padding-top: 100px;
		padding-bottom: 80px;
	}

	.new-hero h1 {

		font-size: 3rem !important;

	}

	.new-hero-img {
		margin-top: -70px;
	}

	.new-hero-img__add-text {
		font-size: 2rem;
		padding: 20px;
		width: 100%;
		position: relative;
		margin-top: 30px;
		outline: none;
	}

	.new-hero-img__add-text:before {
		display: none;

	}

	.new-hero-img__decor {
		display: none;
	}
}


.home-icons {
	margin-top: 55px;
}

.home-icons * {
	letter-spacing: 0 !important;
}

.home-icons__icn-wrapper {
	width: 126px;
	height: 126px;
	background-color: #C5E007;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .3s all
}

.home-icons__icn {
	width: 50%;
	height: 50%;
	object-fit: contain;
	filter: brightness(1) invert(0);
	transition: .3s all
}

.home-icons__title {
	font-size: 2.8rem;
	font-weight: 700;
	color: #000000;
	margin-top: 30px;
}

.home-icons__item:hover .home-icons__icn {
	filter: brightness(0) invert(1);
	transition: .3s all
}

.home-icons__item:hover .home-icons__icn-wrapper {
	background-color: #000000;
	transition: .3s all;
}

@media (max-width: 1199px) {
	.home-icons__title {
		font-size: 2.2rem;
	}

}

@media (max-width: 991px) {
	.home-icons__title {
		font-size: 2rem;
		margin-top: 10px;
	}

	.home-icons__icn-wrapper {
		width: 80px;
		height: 80px;
	}

	.home-icons {
		margin-top: 40px;
	}
}

@media (max-width: 767px) {
	.home-icons__title {
		font-size: 1.4rem;
	}

	.home-icons__icn-wrapper {
		width: 70px;
		height: 70px;
	}
}


.home-text {
	margin-top: 200px;
	padding-right: calc((100% - 1720px) / 2) !important;
}

.home-text * {
	letter-spacing: 0;
}

.home-text__img {
	border-radius: 0px 34px 34px 0;
}

.home-text h2 {
	color: #000000;
	font-size: 6.2rem;
	font-weight: 700;
	margin-bottom: 40px;
}

.home-text .styled-wysiwyg p {
	color: #545454;
	font-size: 2rem;
}

.home-text__nagrody {
	margin-top: 90px;
}

.home-text__nagroda {
	margin-bottom: 0;
	font-size: 2.2rem;
	font-weight: 700;
	color: #000000;
	line-height: 1.4;
}

@media (max-width: 1453px) {
	.home-text__nagroda {
		font-size: 1.4rem;
	}
}

@media (max-width: 1199px) {
	.home-text h2 {
		font-size: 4rem;
		margin-bottom: 30px;
	}

	.home-text .styled-wysiwyg p {
		color: #545454;
		font-size: 1.6rem;
	}

	.home-text {
		margin-top: 80px;
	}

	.new-subtitle {
		margin-bottom: 5px;
		font-size: 1.6rem;
	}

	.home-text h2 {
		margin-bottom: 5px;
	}

}

@media (max-width: 991px) {
	.home-text h2 {
		font-size: 3rem;
		margin-bottom: 15px;
	}

	.home-text {
		margin-top: 10px;
	}
}

.home-text__tagline {
	color: #fff;
	font-weight: 600;
	font-size: 3.6rem;
	background: #000000;
	padding: 50px;
	position: absolute;
	border-radius: 0 34px 34px 0;
	left: 0;
	transform: translate(0px, 50%);
	outline: 30px solid #fff;
	bottom: 0;
}


.home-text__tagline:before {
	content: '';
	width: 80px;
	height: 80px;
	background-color: transparent;
	position: absolute;
	border-radius: 0 0 0 64px;
	border-left: 30px solid #fff;
	right: 0;
	top: calc(50%);
	transform: translate(100%, calc(-50% - 10px));
	border-bottom: 30px solid #fff;
}

.home-text__decor {
	content: '';
	width: 80px;
	height: 80px;
	background-color: transparent;
	position: absolute;
	border-radius: 0 0 64px 0;
	border-right: 30px solid #fff;
	right: -30px;
	bottom: 0;
	transform: translate(0, 0);
	border-bottom: 30px solid #fff;
	z-index: 22;
}

@media (max-width: 1453px) {
	.home-text {
		padding-right: calc((100% - 1140px) / 2) !important;
	}

	.home-text__nagrody {
		margin-top: 40px;
	}
}

@media (max-width: 1199px) {
	.home-text {
		padding-right: calc((100% - 960px) / 2) !important;
	}

	.home-text__tagline {
		font-size: 2.4rem;
		padding: 30px;
	}

	.home-text__content-wrapper {
		margin-top: 50px !important;
	}
}

@media (max-width: 991px) {
	.home-text {
		padding: 0 calc((100% - 720px) / 2) !important;
	}

	.home-text__nagrody {
		margin-top: 30px;
	}

	.home-text__img {
		border-radius: 34px;
	}

	.home-text__content-wrapper {
		margin-top: 30px !important;
	}

	.home-text__tagline {

		font-size: 2rem;
		padding: 15px 25px;
		position: relative;
		border-radius: 34px;
		right: unset;

		transform: translate(0px, 0);
		outline: none;
		bottom: unset;
		margin-top: 30px;
	}

	.home-text__decor {
		display: none;
	}

	.home-text__tagline:before {
		display: none;
	}

}

@media (max-width: 767px) {
	.home-text {
		padding: 0 calc((100% - 540px) / 2) !important;
	}
}

@media (max-width: 575px) {
	.home-text {
		padding: 0 15px !important;
	}
}

.home-offer {
	margin-top: 266px;
}

.home-offer * {
	letter-spacing: 0;
}

.home-offer .slick-list:after {
	content: '';
	width: 130px;
	height: 100%;
	background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
	right: 0;
	top: 0;
	position: absolute;
	pointer-events: none;
}

.home-offer .slick-list:before {
	content: '';
	width: 130px;
	height: 100%;
	background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
	left: 0;
	top: 0;
	position: absolute;
	z-index: 3;
	pointer-events: none;
}

.home-offer h2 {
	color: #000000;
	font-size: 6.2rem;
	font-weight: 700;
	margin-bottom: 40px;
}

.home-offer .slick-track {
	padding: 30px 0;
}

.home-offer__item {
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 419px;
	box-sizing: border-box;
	border-radius: 34px;
	overflow: hidden;
	position: relative;
	padding: 30px;
	transition: height .35s ease, opacity .35s ease;
}

.home-offer .slick-slide {
	width: 516px;
	height: 480px;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.home-offer .slick-slide>div {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.home-offer .slick-current .home-offer__item {
	height: 480px;
}

.home-offer__item:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 3rem;
	z-index: 0;
	background: #000000;
	opacity: .6;
	transition: .3s all;
}

.slick-current .home-offer__item:before {
	opacity: .8;
	transition: .3s all;
}

.home-offer__title {
	font-weight: 600;
	font-size: 3.6rem;
	color: #fff;
	text-align: center;
	position: relative;
	z-index: 3;
	letter-spacing: -2px;
}

.home-offer .custom-link {
	margin-top: 40px;
}

.home-offer .custom-button {
	margin-top: 80px;
}

@media (max-width: 1199px) {
	.home-offer h2 {
		font-size: 4rem;
		margin-bottom: 5px;
	}

	.home-offer {
		margin-top: 80px;
	}

}

@media (max-width: 991px) {
	.home-offer h2 {
		font-size: 3rem;
		margin-bottom: 15px;
	}

	.home-offer {
		margin-top: 10px;
	}
}

@media (max-width: 767px) {
	.home-offer__title {
		font-size: 2.6rem;

	}

	.home-offer .custom-link {
		margin-top: 10px;
	}

	.home-offer .custom-button {
		margin-top: 30px;
	}

	.home-offer__item {
		height: 300px !important;
	}

	.home-offer .slick-slide {
		height: 360px !important;
	}

	.home-offer .slick-current .home-offer__item {
		height: 360px !important;
	}

	.home-offer .slick-track {
		padding: 0;
	}
}

.home-offer__arrow-wrapper {
	gap: 20px;
}

.home-offer__arrow {
	border: 2px solid #000000;
	border-radius: 100px;
	width: 80px;
	height: 80px;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .3s all;

}

.home-offer__arrow:hover {
	background-color: #000000;
	transition: .3s all;
}

.home-offer__arrow svg path {
	fill: #000000;
	transition: .3s all;

}

.home-offer__arrow:hover svg path {
	fill: #C5E007;
	transition: .3s all;
}

@media (max-width: 991px) {

	.home-offer__arrow {
		width: 42px;
		height: 42px;


	}

	.home-offer__arrow svg {
		width: 18px;


	}
}

@media (max-width: 575px) {

	.home-offer .slick-slide {
		width: calc(100vw - 30px);


	}

}













.custom-link {
	position: relative;
	transition: 0.3s all;
	font-size: 2rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 10px;
	padding: 0 !important;
	padding-bottom: 8px !important;
	background-color: transparent !important;
	outline: none !important;
	border: none !important;
}

@media (max-width: 767px) {
	.custom-link {
		font-size: to-rem(13);
	}
}

.custom-link:hover {
	color: #C5E007;
	transition: 0.3s all;
}

.custom-link:hover:before {
	width: 100%;
	background-color: #C5E007;
	transition: 0.3s all;
	z-index: 9;
}

.custom-link:after {
	content: '';
	height: 1px;
	width: 100%;
	background-color: #C5E007;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 0.3s all;
}

.custom-link:before {
	content: '';
	height: 1px;
	width: 0%;
	background-color: #C5E007;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 0.3s all;
}

.custom-link--alt:after {
	display: none !important;
}

.custom-link--alt:before {
	display: none !important;
}

.custom-link--white {
	color: #fff !important;
}

.custom-link--white:hover {
	color: #C5E007 !important;
}

.custom-link--white:after {
	background-color: #C5E007;
}

.custom-link--small {
	font-size: 1.6rem;
	padding-bottom: 5px;
}

@media (max-width: 767px) {
	.custom-link--small {
		font-size: 1.6rem;
	}
}


.new-stages {
	margin-top: 200px;
	background-color: #F8F9FD;
	padding: 144px 0;
}

.new-stages * {
	letter-spacing: 0;
}

.new-stages h2 {
	color: #000000;
	font-size: 6.2rem;
	font-weight: 700;
	margin-bottom: 40px;
}

.new-stages h3 {
	color: #000000;
	font-size: 2.8rem;
	font-weight: 700;
	margin-bottom: 30px;
}

.new-stages__item {
	background-color: #fff;
	padding: 50px 35px;
	padding-top: 0;
	border-radius: 34px;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: start;
	border: 1px solid #f0f5f9;
}

.new-stages__text {
	font-size: 1.8rem;
	font-weight: 400;
	color: #545454;
	line-height: 1.6;
}

.new-stages__number {
	width: 108px;
	height: 108px;
	font-weight: 800;
	font-size: 5.3rem;
	color: #000000;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #C5E007;
	border-radius: 100px;
	transform: translateY(-30px);
}

.new-stages__wrapper {
	margin-bottom: 97px;
}

.new-stages__title-wrapper {
	margin-bottom: 130px;
}

.new-stages .new-subtitle {
	text-align: center;
}

@media (max-width: 1199px) {
	.new-stages h2 {
		font-size: 4rem;
		margin-bottom: 5px;
	}

	.new-stages {
		margin-top: 80px;
		padding: 80px 0;
	}

	.new-stages__title-wrapper {
		margin-bottom: 60px;
	}
}

@media (max-width: 991px) {
	.new-stages h2 {
		font-size: 3rem;
		margin-bottom: 15px;
	}

	.new-stages {
		margin-top: 50px;
		padding: 50px 0;
	}

	.new-stages .new-subtitle:before {
		display: none;
	}

	.new-stages__number {
		width: 70px;
		height: 70px;
		font-size: 3.4rem;

	}

	.new-stages h3 {
		margin-top: -15px;
	}

	.new-stages__title-wrapper {
		margin-bottom: 40px;
	}
}

@media (max-width: 767px) {
	.new-stages__wrapper {
		margin-bottom: 60px;
	}

	.new-stages__wrapper:last-child {
		margin-bottom: 0;
	}

	.new-stages h3 {
		margin-bottom: 10px;
	}

	.new-stages__item {
		padding: 10px 20px;
		padding-top: 0;
	}
}


.new-cta {
	margin-top: 145px;
}

.new-cta__wrapper {
	background: #000000;
	padding: 85px 95px;
	border-radius: 34px;
}

.new-cta__left {
	width: 70%;
}

.new-cta h2 {
	color: #fff;
	font-size: 6.2rem;
	font-weight: 700;
	margin-bottom: 0px;
}

.new-cta__subtitle {
	color: #fff;
	font-size: 4rem;
	font-weight: 500;
}

.new-cta__contact-info {
	margin-top: 50px;
	gap: 60px;
	display: flex;
	align-items: center;
	justify-content: start;
	flex-direction: row;
}

.new-cta__link {
	color: #fff;
	font-size: 3.6rem;
	font-weight: 600;
	transition: .3s all;
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 6px;
}

.new-cta__link:hover {
	color: #C5E007;
	transition: .3s all;
}

.new-cta__img {
	position: absolute;
	bottom: 0;
	right: 160px;
}

.new-cta__decor-01 {
	position: absolute;
	top: 50px;
	right: 65px;
	animation: floatLeftRight 4s ease-in-out infinite;
	will-change: transform;
	width: 240px;
}

.new-cta__decor-04 {
	position: absolute;
	bottom: 143px;
	right: 595px;
	animation: floatCrazy 7s ease-in-out infinite;
	will-change: transform;
}

@media (max-width: 1453px) {
	.new-cta__img {
		right: 50px;
	}

	.new-cta__contact-info {
		align-items: start;
		justify-content: start;
		flex-direction: column;
		gap: 0px;
	}

	.new-cta__decor-04 {
		display: none;
	}
}

@media (max-width: 1199px) {
	.new-cta h2 {
		font-size: 4rem;
	}

	.new-cta__subtitle {
		font-size: 3rem;
	}

	.new-cta__link {
		font-size: 3rem;
	}

	.new-cta__img {
		display: none;
	}

	.new-cta {
		margin-top: 80px;
	}

	.new-cta__left {
		width: 100%;
	}

	.new-cta__contact-info {
		align-items: center;
		justify-content: center;
		gap: 0px;
		margin-top: 30px;
	}

	.new-cta h2 {
		text-align: center;
	}

	.new-cta__subtitle {
		text-align: center;
	}

	.new-cta__decor-04 {
		display: block;
		bottom: 50px;
		right: 60px;
	}

	.new-cta__decor-01 {
		display: none;
	}
}

@media (max-width: 991px) {
	.new-cta {
		margin-top: 50px;
	}

	.new-cta h2 {
		font-size: 3rem;
		margin-bottom: 15px;
	}

	.new-cta__subtitle {
		font-size: 2rem;
	}

	.new-cta__link {
		font-size: 2rem;
	}

	.new-cta__link img {
		width: 20px;
	}

	.new-cta__wrapper {
		padding: 30px;
	}
}

@media (max-width: 575px) {
	.new-cta__wrapper {
		padding: 30px 15px;
	}

	.new-cta__decor-04 {
		bottom: 110px;
		right: 10px;
		width: 20px;
	}
}


.home-tabs {
	margin-top: 200px;
}

.home-tabs h2 {
	color: #000000;
	font-size: 6.2rem;
	font-weight: 700;
	margin-bottom: 0px;
	text-align: center
}

.home-tabs__subtitle {
	color: #000000;
	font-size: 4rem;
	font-weight: 500;
	text-align: center;
}

.home-tabs .nav-pills {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
	background-color: #F8F9FD;
	border-radius: 48px;
	padding: 11px;
	gap: 18px;
	flex-wrap: wrap;
	list-style-type: none;
}

.home-tabs .nav-pills li {
	list-style-type: none;
	background-color: #E8EBF7;

	border-radius: 100px;
	position: relative;
	overflow: hidden;
}

.home-tabs .nav-pills li:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0;
	transition: .3s all;
}

.home-tabs .nav-pills li:hover:after {
	opacity: 1;
	transition: .3s all;
}

.home-tabs .nav-pills li:has(.nav-link.active)::after {
	opacity: 1;
	transition: .3s all;
}

.home-tabs .nav-pills li:has(.nav-link.active) a {
	color: #fff;
	transition: .3s all;
}

.home-tabs .nav-pills li:hover a {
	color: #fff;
	transition: .3s all;
}

.home-tabs .nav-pills li a {
	padding: 15px 40px;
	display: flex;
	color: #B6BCD8;
	font-weight: 600;
	font-size: 2.2rem;
	position: relative;
	z-index: 2;
	transition: .3s all;
}

.home-tabs ul#pills-tab li.nav-item {
	box-shadow: none !important;
}

.home-tabs .nav-pills .nav-link.active,
.home-tabs .nav-pills .nav-link:focus,
.home-tabs .nav-pills .nav-link:hover {
	box-shadow: none !important;
}

.home-tabs__tab-row {
	margin-top: 78px;
}

.home-tabs__content-row {
	margin-top: 78px;
}

.home-tabs .tabs-desc h3 {
	font-size: 3.6rem;
	text-transform: uppercase;
	font-weight: 700;
	color: #000000;
}

.home-tabs .tab-pane {
	padding: 0 !important;
}

.home-tabs .tabs-desc * {
	font-size: 2rem;
	color: #545454;
}

.home-tabs .tabs-desc li {
	list-style-type: none;
	position: relative;

}

.home-tabs .tabs-desc li:before {
	content: '';
	width: 11px;
	height: 11px;
	background-color: #C5E007;
	position: absolute;
	left: -32px;
	top: 16px;
	border-radius: 100px;

}

.home-tabs__img {
	aspect-ratio: 802 / 535;
	width: 100%;
	object-fit: contain;
}

.home-tabs__decor-01 {
	position: absolute;
	top: 50px;
	left: 0;
	animation: floatLeftRight 4s ease-in-out infinite;
	will-change: transform;
	width: 240px;
	z-index: -1;
}

.home-tabs__decor-04 {
	position: absolute;
	bottom: 30px;
	right: 205px;
	animation: floatCrazy 7s ease-in-out infinite;
	will-change: transform;
	z-index: -1;
}

@media (max-width: 1199px) {
	.home-tabs h2 {
		font-size: 4rem;
	}

	.home-tabs__subtitle {
		font-size: 3rem;
	}

	.home-tabs .tabs-desc h3 {
		font-size: 3rem;
	}

	.home-tabs {
		margin-top: 80px;
	}

	.home-tabs .nav-item {
		flex-basis: unset !important;
	}

}

@media (max-width: 991px) {
	.home-tabs {
		margin-top: 50px;
	}

	.home-tabs h2 {
		font-size: 3rem;
		margin-bottom: 15px;
	}

	.home-tabs__subtitle {
		font-size: 2rem;
	}

	.home-tabs .tabs-desc h3 {
		font-size: 2.4rem;
	}

	.home-tabs .tabs-desc * {
		font-size: 1.6rem;
	}

	.home-tabs .tabs-desc li:before {
		top: 10px;
	}
}



@media (max-width: 1650px) {
	.home-tabs .nav-pills li a {
		font-size: 1.8rem;
	}

	.home-tabs .nav-pills {
		border-radius: 44px;
	}
}

@media (max-width: 1453px) {
	.home-tabs .nav-pills li a {
		font-size: 1.8rem;
	}
}

@media (max-width: 1199px) {
	.home-tabs .nav-pills li a {
		font-size: 1.6rem;
		padding: 10px 20px;
	}

	.home-tabs .nav-pills {
		border-radius: 44px;
	}

	.home-tabs .nav-pills li {}

	.home-tabs__tab-row {
		margin-top: 40px;
	}

	.home-tabs__content-row {
		margin-top: 40px;
	}
}

@media (max-width: 991px) {
	.home-tabs .nav-pills li a {
		font-size: 1.4rem;
		padding: 5px 14px;
	}

	.home-tabs .nav-pills {
		border-radius: 44px;
	}

	.home-tabs .nav-pills li {}

	.home-tabs__tab-row {
		margin-top: 20px;
	}

	.home-tabs__content-row {
		margin-top: 20px;
	}
}

@media (max-width: 575px) {
	.home-tabs__content-row {
		padding: 0 15px !important;
	}

	.home-tabs {
		display: none;
	}
}

.new-zespol__row {
	row-gap: 30px;
}

@media (max-width: 575px) {
	.new-zespol__row {
		row-gap: 0px;
	}
}

.new-zespol {
	margin-top: 150px;
}

.new-zespol * {
	letter-spacing: 0;
}

.new-zespol h2 {
	color: #000000;
	font-size: 6.2rem;
	font-weight: 700;
	margin-bottom: 0px;
	text-align: center
}

@media (max-width: 1199px) {
	.new-zespol h2 {
		font-size: 4rem;
	}

	.new-zespol {
		margin-top: 80px;
	}

}

@media (max-width: 991px) {
	.new-zespol {
		margin-top: 50px;
	}

	.new-zespol h2 {
		font-size: 3rem;
		margin-bottom: 15px;
	}

}



.new-zespol__img-wrapper {
	width: 272px;
	height: 272px;
	border-radius: 500px;
	background-color: #C5E007;
	overflow: hidden;
}

.new-zespol__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.new-zespol__name {
	font-size: 2.2rem;
	font-weight: 700;
	color: #000000;
}

.new-zespol__stanowisko {
	font-size: 1.6rem;
	font-weight: 500;
	color: #000000;
}

.new-zespol__row {
	margin-top: 50px;
}

@media (max-width: 1453px) {
	.new-zespol__wrapper {
		gap: 30px;
	}

	.new-zespol__img-wrapper {
		min-width: 200px;
		min-height: 200px;
		width: 200px;
		height: 200px;
	}

	.new-zespol__name {
		font-size: 2rem;
	}

	.new-zespol__stanowisko {
		font-size: 1.6rem;
	}


}


@media (max-width:991px) {
	.new-zespol__wrapper {
		gap: 10px;
	}

	.new-zespol__row {
		margin-top: 30px;
	}

	.new-zespol {
		margin-top: 50px;
	}

	.new-zespol__name {
		font-size: 1.8rem;
	}

	.new-zespol__stanowisko {
		font-size: 1.4rem;
	}

}




.faq {
	margin-top: 160px !important;
}

.faq * {
	letter-spacing: 0 !important;
}

.faq h2 {
	color: #000000 !important;
	font-size: 6.2rem !important;
	font-weight: 700 !important;
	margin-bottom: 60px !important;
}

.faq .accordion-header {
	background: transparent !important;


	border-radius: 0 !important;
	border: none !important;
}

.faq .accordion-item {
	background: #F8F9FD !important;
	border: none !important;
	border-radius: 34px !important;
	padding: 0 20px !important;
	margin-top: 30px !important;
}

.faq button {
	font-size: 2.8rem !important;
	color: #000000 !important;
	font-weight: 700 !important;
	padding: 20px 0 !important;
	width: 100% !important;
	text-align: left !important;
	display: flex !important;
	align-items: start !important;
	justify-content: space-between !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
	text-wrap: pretty !important;
}

.faq .accordion-body {
	background: transparent !important;
}

.faq button:hover {
	color: #000000 !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

.faq .btn-link.focus,
.faq .btn-link:focus {
	text-decoration: none !important;
}

.faq .card-body .styled-wysiwyg>* {
	font-size: 1.8rem !important;
	color: #545454 !important;
	font-weight: 400 !important;
}

.faq button::after {
	content: "";
	display: inline-block;
	width: 23.542px;
	height: 17.752px;
	margin-top: 12px;
	flex-shrink: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.542' height='17.752' viewBox='0 0 23.542 17.752'%3E%3Cpath d='M12.391,24.484,4.848,16.941a1.333,1.333,0,0,1,0-1.885l7.543-7.543A1.333,1.333,0,0,1,14.276,9.4L9.009,14.665H26.667a1.333,1.333,0,1,1,0,2.667H9.009L14.276,22.6a1.333,1.333,0,1,1-1.885,1.885Z' transform='translate(28 24.891) rotate(180)' fill='%230d0d63'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: transform 0.3s ease;
}

.faq button[aria-expanded="true"]::after {
	transform: rotate(270deg);
}

.faq button[aria-expanded="false"]::after {
	transform: rotate(90deg);
}

@media (max-width: 1199px) {
	.faq h2 {
		font-size: 4rem;
		margin-bottom: 30px;
	}

	.faq {
		margin-top: 80px;
	}

	.faq {
		margin-bottom: 5px;
		font-size: 1.6rem;
	}

	.faq h2 {
		margin-bottom: 15px;
	}

	.faq button {
		font-size: 2.2rem !important;

	}
}

@media (max-width: 991px) {
	.faq h2 {
		font-size: 3rem;
		margin-bottom: 15px;
	}

	.faq .accordion-item {
		padding: 0 10px;
	}

	.faq .card-header {
		padding: 0 !important;
	}

	.faq {
		margin-top: 50px;
	}

	.faq button {
		font-size: 1.8rem !important;
		padding: 20px 1.25rem;

	}

	.faq .card-body .styled-wysiwyg>* {
		font-size: 1.6rem !important;
	}

	.faq button::after {
		width: 17px;
		height: 15px;

	}
}


.social-fb {
	margin-top: 160px;
}

@media (max-width: 1199px) {
	.social-fb {
		margin-top: 80px;
	}
}

@media (max-width: 991px) {
	.social-fb {
		margin-top: 50px;
	}
}

.social-fb #cff.cff-masonry.masonry-2-desktop .cff-item {
	border-bottom: none !important;
}


#cff-load-more {
	padding: 11px 35px 11px 35px !important;
	color: #000 !important;
	font-weight: 600 !important;
	font-size: 2.4rem !important;
	background: #C5E007 !important;
	width: unset !important;
	border-radius: 100px !important;
	display: flex;
	align-items: center !important;
	justify-content: center !important;
	gap: 30px !important;
	overflow: hidden !important;
	position: relative !important;
	font-family: 'Montserrat' !important;
	letter-spacing: 0;
	border: none !important;
	outline: none !important;
	transition: .3s all;
	text-decoration: none !important;
}

.cff-load-more.cff-disabled.cff-loading {
	padding: 11px 35px 11px 35px !important;
	color: #000 !important;
	font-weight: 600 !important;
	font-size: 2.4rem !important;
	background: #C5E007 !important;
	width: unset !important;
	border-radius: 100px !important;
	display: flex;
	align-items: center !important;
	justify-content: center !important;
	gap: 30px !important;
	overflow: hidden !important;
	position: relative !important;
	font-family: 'Montserrat' !important;
	letter-spacing: 0;
	border: none !important;
	outline: none !important;
	transition: .3s all;
	text-decoration: none !important;
}

#cff-load-more:hover {
	background-color: #000000 !important;
	color: #fff !important;
	transition: .3s all;
}

#cff-load-more:focus {
	text-decoration: none !important;
}

div#cff {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: start;
}










.seo-text {
	margin-top: 60px;
	margin-bottom: 120px;
}

.seo-text * {
	letter-spacing: 0;
}

.seo-text h2 {
	color: #000000;
	font-size: 6.2rem;
	font-weight: 700;
	margin-bottom: 20px;
}

.seo-text .styled-wysiwyg h1 {
	color: #000000;
}

.seo-text .styled-wysiwyg h2 {
	color: #000000;
}

.seo-text .styled-wysiwyg h3 {
	color: #000000;
}

.seo-text .styled-wysiwyg h4 {
	color: #000000;
}

.seo-text .styled-wysiwyg h5 {
	color: #000000;
}

.seo-text .styled-wysiwyg h6 {
	color: #000000;
}

@media (max-width: 1199px) {
	.seo-text {
		margin-top: 20px;
		margin-bottom: 50px;
		font-size: 1.6rem;
	}

	.seo-text h2 {
		margin-bottom: 15px;
	}

}

@media (max-width: 991px) {
	.seo-text h2 {
		font-size: 3rem;
		margin-bottom: 15px;
	}

	.seo-text {
		margin-top: 10px;
		margin-bottom: 60px;
	}

}


* {
	font-family: 'Montserrat' !important;
}

.blog.wp-theme-developro .modal-backdrop {
	display: none !important
}













.new-catalog-02 .catalog {
	background: #FEFDFD;
	border-radius: 34px;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 9%);
	background-image: url('/wp-content/themes/developro/images/download-bg.jpg');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;

}

.new-catalog-02__close {
	z-index: 99;
}

.new-catalog-02 .catalog__img {
	width: 650px;
}

.new-catalog-02 * {
	letter-spacing: 0 !important;
}

.new-catalog-02 .catalog__title {
	font-size: 6.2rem !important;
	font-weight: 700 !important;
	margin-bottom: 10px !important;
	color: #000;
	font-family: "Instrument Serif", serif !important;
	font-weight: 400 !important;
}

.new-catalog-02 .catalog__form label {
	font-weight: 500 !important;
	font-size: 2rem !important;
}

.new-catalog-02 .custom-button br {
	display: none;
}

.new-catalog-02 label {
	color: #000 !important;
}

.new-catalog-02 .catalog__form .acceptance {
	font-size: 1.4rem !important;
	font-weight: 400 !important;
	color: #000 !important;
}

.new-catalog-02 .catalog__form .wpcf7-list-item input {
	display: none;
}

.new-catalog-02 .catalog__form .wpcf7-list-item {
	position: relative;
	display: inline-block;
	margin-left: 30px;
}

.new-catalog-02 .catalog__form .wpcf7-list-item::before {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: -15px;
	left: -60px;
	border: 1px solid #000;
	background: transparent;
}

.new-catalog-02 .catalog__form .wpcf7-list-item:has(input[type="checkbox"]:checked)::before {
	background-image: url('/wp-content/themes/developro/images/check.png');
	background-position: center;
	background-size: 12px;
	background-repeat: no-repeat;
	filter: brightness(0)
}

.new-catalog-02 .acceptance {
	padding-left: 30px;
}

.new-catalog-02 .wpcf7-acceptance {
	position: absolute;
}

.new-catalog-02 .catalog__form .acceptance {
	max-width: unset !important;
}

.new-catalog-02__btns p {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 30px;
	flex-wrap: wrap;
}

.new-catalog-02 .catalog__form .form-control {
	height: 72px;
	border-radius: 100px;
	font-size: 2rem;
	font-weight: 600;
	color: #000000 !important;
	width: 288px;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 9%);
}

.new-catalog-02 .catalog__form .form-control::placeholder {
	color: #000 !important;
}

.new-catalog-02 .catalog__form .wpcf7-submit {
	margin-top: 0 !important;
}

.new-catalog-02>.container {
	position: relative;
	z-index: 2;
}

.new-catalog-02__decor-01 {
	position: absolute;
	top: 50px;
	right: 55px;
	animation: floatLeftRight 4s ease-in-out infinite;
	will-change: transform;
	z-index: 1;
}

.new-catalog-02__decor-02 {
	position: absolute;
	top: 227px;
	left: 824px;
	animation: floatLeftRight 5s ease-in-out infinite;
	will-change: transform;
	z-index: 1;
}



.new-catalog-02__decor-04 {
	position: absolute;
	bottom: 73px;
	right: 555px;
	animation: floatCrazy 7s ease-in-out infinite;
	will-change: transform;
	z-index: 1;
}

.new-catalog-02 .catalog__wrapper {
	z-index: 2;
	position: relative;
}

body .new-catalog-02 .new-catalog-02__opis {
	font-size: 3rem !important;
	color: #000 !important;
	font-weight: 400 !important;
}

.new-catalog-02 form .wpcf7-response-output {
	color: #048C04 !important;
}

@media (max-width: 1453px) {
	.new-catalog-02 .catalog__title {
		font-size: 4rem !important;
	}

	.new-catalog-02 .catalog__form label {
		font-size: 1.8rem !important;
	}

	.new-catalog-02 .catalog__img {
		width: 450px;
	}

	body .new-catalog-02 .new-catalog-02__opis {
		font-size: 1.8rem !important;
		color: #000 !important;
		font-weight: 400 !important;
	}
}

@media (max-width: 1199px) {
	.new-catalog-02__decor-02 {
		display: none;
	}

	.new-catalog-02__decor-04 {
		display: none;
	}

	.new-catalog-02 {
		padding-top: 30px !important;
	}

	.new-catalog-02 .catalog__form .form-control {
		height: 62px;
		width: 250px;
	}

	.new-catalog-02__btns p {
		gap: 15px;
	}

	.new-catalog-02 .catalog__title {
		font-size: 3rem !important;
	}

	.new-catalog-02 .catalog__form label {
		font-size: 2rem !important;
	}

	.new-catalog-02 .catalog__form .acceptance {
		text-align: start;
	}
}

@media (max-width: 991px) {
	.new-catalog-02__decor-01 {
		display: none;
	}

	.new-catalog-02__btns p {
		justify-content: center;
		gap: 15px;
	}

	.new-catalog-02 .catalog__form .form-control {
		height: 62px;
		width: 100%;
	}

	.new-catalog-02 .catalog__title {
		font-size: 3rem !important;
	}

	.new-catalog-02 .catalog__form label {
		font-size: 1.6rem !important;
	}

}

@media (max-width: 575px) {

	.new-catalog-02 .catalog__form label {
		font-size: 1.3rem !important;
	}

	.new-catalog-02 .catalog__form .form-control {
		font-size: 1.6rem;
	}

	.new-catalog-02 .custom-button__text {
		font-size: 1.6rem !important;
	}

	.new-catalog-02 .catalog__form .acceptance {
		font-size: 1.2rem !important;
	}

	.new-catalog-02 .catalog {
		padding: 15px !important;
	}

	.new-catalog-02 .container {
		padding: 0 !important;
	}
}




.realization-scroll-video {
	position: relative;
	width: 100%;

}

.realization-scroll-video__content {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.realization-scroll-video__video {
	display: block;
	width: 100%;
	height: auto;
	pointer-events: none;
}


/* Nawigacja na filmie */

.realization-scroll-video__navigation {
	position: absolute;

	left: 0;
	right: 0;
	bottom: 30px;

	width: 100%;

	z-index: 10;

	pointer-events: none;
}

.realization-scroll-video__navigation .container {
	pointer-events: none;
}


/* Button */

.adjacent-portfolio-link-02 {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	gap: 15px;

	padding: 12px 18px;

	background: rgba(247, 241, 234, 0.29);

	border-radius: 10px;
	border: 1px solid #fff;
	color: #131313;
	text-decoration: none;
	backdrop-filter: blur(10px);
	font-size: 1.6rem;
	line-height: 1;
	pointer-events: auto;

	transition:
		background-color 0.2s ease,
		transform 0.2s ease;
}

.adjacent-portfolio-link-02 svg {
	display: block;
	flex: 0 0 auto;
}

.adjacent-portfolio-link-02 svg path {
	fill: #131313;
}

.adjacent-portfolio-link-02:hover {
	background: #fff;
	color: #131313;
}


/* Delikatny ruch strzałki */

.previous-post-link:hover svg {
	transform: translateX(-3px);
}

.next-post-link:hover svg {
	transform: translateX(3px);
}

.adjacent-portfolio-link-02 svg {
	transition: transform 0.2s ease;
}


@media (max-width: 767px) {
	.realization-scroll-video__video {
		height: 750px;
		object-fit: cover;
	}

	.realization-scroll-video__navigation {
		bottom: 15px;
	}

	.adjacent-portfolio-link-02 {
		padding: 10px 12px;
		gap: 7px;
		font-size: 12px;
	}

}

.sec-01 {
	padding-top: 140px;
	overflow: hidden;
	position: relative;
}

.sec-01__button {
	padding: 13px 27px;
	border-radius: 100px;
	background-color: #C5E007;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	transition: .3s all;
}

.sec-01__button svg path {
	transition: .3s all;
}

.sec-01__button:hover {
	transition: .3s all;
	background-color: #000;
	color: #C5E007;
}

.sec-01__button:hover svg path {
	fill: #C5E007;
}

.sec-01__decor-01 {
	position: absolute;
	top: 0;
	right: 0;

}

.sec-01__decor-02 {
	position: absolute;
	top: -40px;
	right: 30px;

}

.sec-01__add-text {
	font-family: "Instrument Serif", serif !important;
	font-weight: 400 !important;
	font-size: 3.2rem;
}


.sec-01__rows {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.sec-01__row {
	align-items: stretch;
}


/*
 * MEDIA
 */

.sec-01__media-grid {
	display: grid;

	width: 100%;

	gap: 30px;

	align-items: stretch;
}


/*
 * 1 medium
 */
.sec-01__media-grid--1 {
	grid-template-columns: minmax(0, 1fr);
}


/*
 * 2 media
 */
.sec-01__media-grid--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}


/*
 * 3 media
 */
.sec-01__media-grid--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}


/*
 * Każdy kafel automatycznie przyjmuje
 * wysokość najwyższego elementu w swoim row.
 */
.sec-01__media-item {
	width: 100%;
	height: 100%;

	overflow: hidden;
}


/*
 * Zdjęcia i video wypełniają
 * jednakowo cały kafel.
 */
.sec-01__media-image,
.sec-01__media-video {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
}


/*
 * Video
 */
.sec-01__media-video {}


/*
 * Dodatkowy tekst
 */
.sec-01__add-text {
	margin-top: 20px;
}

.sec-01 h2 {
	font-size: 6.4rem !important;
}

.sec-01__main-row {
	margin-bottom: 140px;
}

/*
 * MOBILE
 */

@media (max-width: 1199px) {
	.sec-01__main-row {
		margin-bottom: 60px;
	}

	.sec-01 h2 {
		font-size: 4rem !important;
	}

	.sec-01__add-text {
		margin-top: 0px;
	}

	.sec-01__text {
		padding-bottom: 30px;
	}

	.sec-01__decor-02 {
		display: none;
	}

	.sec-01 {
		padding-top: 60px;

	}
}

@media (max-width: 575px) {
	.sec-01__media-grid {
		gap: 15px;
	}

	.sec-01__rows {
		gap: 15px;
	}

	.sec-01__text {
		padding-bottom: 15px;
	}
}








.sec-02 {
	position: relative;
	overflow: hidden;
	margin-top: 30px;
}

.sec-02__decor-01 {
	position: absolute;
	bottom: -90px;
	right: 0px;

}

.sec-02__rows {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.sec-02__row {
	align-items: stretch;
}


/*
 * MEDIA
 */

.sec-02__media-grid {
	display: grid;
	width: 100%;
	gap: 30px;
	align-items: stretch;
}


/*
 * 1 medium
 */

.sec-02__media-grid--1 {
	grid-template-columns: minmax(0, 1fr);
}


/*
 * 2 media
 */

.sec-02__media-grid--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}


/*
 * 3 media
 */

.sec-02__media-grid--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}


/*
 * Item
 */

.sec-02__media-item {
	width: 100%;
	height: 100%;
	overflow: hidden;
}


/*
 * Zdjęcie + video
 */

.sec-02__media-image,
.sec-02__media-video {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
}


/*
 * Tekst
 */

.sec-02__text {
	width: 100%;
	padding-left: 30px;
}

.sec-02 h2 {
	font-size: 6.4rem !important;
}


/*
 * TABLET
 */

@media (max-width: 1199px) {

	.sec-02__row {
		row-gap: 30px;
	}

	.sec-02__text {
		padding-left: 0;
		padding-top: 30px;
	}

	.sec-02 h2 {
		font-size: 4rem !important;
	}

	.sec-02__decor-01 {
		display: none;

	}
}


/*
 * MOBILE
 */

@media (max-width: 575px) {

	.sec-02__rows {
		gap: 15px;
	}

	.sec-02__media-grid {
		gap: 15px;
	}

	.sec-02__text {
		padding-top: 15px;
	}

	.sec-02 {

		margin-top: 15px;
	}
}



.sec-03 {
	position: relative;
	overflow: hidden;
	margin-top: 30px;
}

.sec-03__rows {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.sec-03__row {
	align-items: stretch;
}


/*
 * MEDIA
 */

.sec-03__media-grid {
	display: grid;
	width: 100%;
	gap: 30px;
	align-items: stretch;
}

.sec-03__media-grid--1 {
	grid-template-columns: minmax(0, 1fr);
}

.sec-03__media-grid--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sec-03__media-grid--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sec-03__media-item {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sec-03__media-image,
.sec-03__media-video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/*
 * TEKST
 */

.sec-03__text {
	width: 100%;
	padding-right: 30px;
}

.sec-03 h2 {
	font-size: 6.4rem !important;
}


/*
 * TABLET
 */

@media (max-width: 1199px) {

	.sec-03__row {
		row-gap: 30px;
	}

	.sec-03__text {
		padding-right: 0;
		padding-bottom: 30px;
	}

	.sec-03 h2 {
		font-size: 4rem !important;
	}

}


/*
 * MOBILE
 */

@media (max-width: 575px) {

	.sec-03 {
		margin-top: 15px;
	}

	.sec-03__rows {
		gap: 15px;
	}

	.sec-03__media-grid {
		gap: 15px;
	}

	.sec-03__text {
		padding-bottom: 15px;
	}

}

.sec-04 {
	margin-top: 100px;
}

.sec-04 h2 {
	font-size: 6.4rem !important;
}


/*
 * MEDIA
 */

.sec-04__media-grid {
	display: grid;

	width: 100%;

	gap: 30px;

	margin-top: 60px;

	align-items: stretch;
}


/*
 * Jedno medium
 * pełna szerokość containera
 */

.sec-04__media-grid--1 {
	grid-template-columns: minmax(0, 1fr);
}


/*
 * Dwa media
 * 50 / 50
 */

.sec-04__media-grid--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}


/*
 * ITEM
 */

.sec-04__media-item {
	width: 100%;
	overflow: hidden;
}


/*
 * Przy dwóch mediach wymuszamy
 * identyczne proporcje / wysokość.
 */

.sec-04__media-grid--2 .sec-04__media-item {
	aspect-ratio: 1 / 1;
}


/*
 * Zdjęcie + video
 */

.sec-04__media-image,
.sec-04__media-video {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
}


/*
 * Przy jednym medium pozwalamy zachować
 * naturalne proporcje zdjęcia / filmu.
 */

.sec-04__media-grid--1 .sec-04__media-image,
.sec-04__media-grid--1 .sec-04__media-video {
	height: auto;
}


/*
 * TABLET
 */

@media (max-width: 1199px) {

	.sec-04 {
		margin-top: 40px;
	}

	.sec-04 h2 {
		font-size: 4rem !important;
	}

	.sec-04__media-grid {
		margin-top: 40px;
	}

}


/*
 * MOBILE
 */

@media (max-width: 575px) {

	.sec-04 {
		margin-top: 30px;
	}

	.sec-04__media-grid {
		gap: 15px;
		margin-top: 30px;
	}

}

.sec-04-gallery {
	position: relative;
	width: 100%;
	margin-top: 30px;
	overflow: hidden;
}


/*
 * Slick list
 *
 * Ujemny margin kompensuje po 15px paddingu
 * z lewej i prawej strony slajdu.
 */
.sec-04-gallery .slick-list {
	overflow: visible;
	margin-left: -15px;
	margin-right: -15px;
}


/*
 * Każdy slajd ma po 15px z każdej strony.
 *
 * 15px + 15px kolejnego slajdu = 30px przerwy.
 */
.sec-04-gallery__slide {
	padding-left: 15px;
	padding-right: 15px;
}


/*
 * Wrapper obrazka
 */
.sec-04-gallery__image-wrapper {
	position: relative;
	width: 100%;
	aspect-ratio: 2 / 1;
	overflow: hidden;
}


/*
 * Obraz
 */
.sec-04-gallery__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/*
 * STRZAŁKI
 */
.sec-04-gallery__arrow {
	position: absolute;
	top: 50%;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 92px;
	height: 92px;

	padding: 0;

	border: 0;
	background: transparent;

	transform: translateY(-50%);

	z-index: 10;

	cursor: pointer;
}


/*
 * Poprzedni
 */
.sec-04-gallery__arrow--prev {
	left: 45px;
}


/*
 * Następny
 */
.sec-04-gallery__arrow--next {
	right: 45px;
}


/*
 * SVG
 */
.sec-04-gallery__arrow svg {
	display: block;
	width: 92px;
	height: auto;

	transition: transform .3s ease;
}


/*
 * Hover
 */
.sec-04-gallery__arrow--prev:hover svg {
	transform: translateX(-5px);
}

.sec-04-gallery__arrow--next:hover svg {
	transform: translateX(5px);
}


/*
 * Disabled
 */
.sec-04-gallery__arrow.slick-disabled {
	opacity: 0;
	pointer-events: none;
}

.sec-04-gallery .slick-slide {
	padding: 0 !important;
}

/*
 * TABLET
 */
@media (max-width: 1199px) {

	.sec-04-gallery {
		margin-top: 30px;
	}

	.sec-04-gallery__arrow {
		width: 40px;
		height: 40px;
	}

	.sec-04-gallery__arrow svg {
		width: 30px;
	}

	.sec-04-gallery__arrow--prev {
		left: 20px;
	}

	.sec-04-gallery__arrow--next {
		right: 20px;
	}
}


/*
 * MOBILE
 */
@media (max-width: 767px) {

	.sec-04-gallery {
		margin-top: 15px;
	}

	/*
     * Na mobile gap 15px.
     *
     * Po 7.5px na każdy slajd.
     */
	.sec-04-gallery .slick-list {
		margin-left: -7.5px;
		margin-right: -7.5px;
	}

	.sec-04-gallery__slide {
		padding-left: 7.5px;
		padding-right: 7.5px;
	}

	.sec-04-gallery__image-wrapper {
		aspect-ratio: 4 / 3;
	}



}





.sec-05 {
	margin-top: 150px;
}

.sec-05 h2 {
	font-size: 6.4rem !important;
}

.sec-05__button {
	padding: 13px 27px;
	border-radius: 100px;
	background-color: #C5E007;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	transition: .3s all;
}

.sec-05__button:hover {
	transition: .3s all;
	background-color: #000;
	color: #C5E007;
}

@media (max-width: 1199px) {

	.sec-05 {
		margin-top: 40px;
	}

	.sec-05 h2 {
		font-size: 4rem !important;
	}



}


/*
 * MOBILE
 */

@media (max-width: 575px) {

	.sec-05 {
		margin-top: 30px;
	}



}

/* ==========================================================================
   DEVELOPRO 2026 - MASTER DESIGN SYSTEM & WARM EDITORIAL IDENTITY
   Palette: Warm Cream #F7F6F2, Box Accent #ECEBE5, White #FFFFFF, Black #000000, Lime #C5E007
   Typography: Instrument Serif (Headings) + Montserrat (Body & UI)
   ========================================================================== */

:root {
	--bg-primary: #F7F6F2;
	--bg-surface-white: #FFFFFF;
	--bg-dark: #000000;
	--color-accent: #C5E007;
	--color-accent-hover: #b8d206;
	--text-main: #242527;
	--text-body: #555651;
	--text-muted: #666666;
	--border-subtle: #DCDAD3;
}

/* 1. Global Reset & Warm Background */
html,
body,
#content,
main,
main#home,
.site-main {
	background-color: #F7F6F2 !important;
	color: #555651 !important;
	font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;
	-webkit-font-smoothing: antialiased;
}

/* 2. Global Headings (Instrument Serif) */
h1,
h2,
h3,
h4,
.new-hero h1,
.home-text h2,
.home-offer h2,
.new-stages h2,
.new-stages h3,
.new-cta h2,
.new-cta .cta-title,
.home-tabs h2,
.new-opinie h2,
.new-why h2,
.home-realizacje h2,
.new-contact-form__title,
.new-latest h2,
.faq h2,
.new-footer h2,
.new-footer h4,
.new-footer .widgettitle,
.new-footer .widget-title {
	font-family: 'Instrument Serif', Georgia, serif !important;
	font-weight: 400 !important;
	color: #242527 !important;
	letter-spacing: -0.02em !important;
}

/* 3. Global Eyebrows & Subtitles (Montserrat) */
.new-subtitle,
span.new-subtitle,
.home-tabs__subtitle,
.home-realizacje__subtitle,
.subtitle,
.new-why .subtitle {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 1.4rem !important;
	font-weight: 600 !important;
	color: #666666 !important;
	letter-spacing: 0.5px !important;
	text-transform: none !important;
	margin-bottom: 8px !important;
}

/* 4. Complete Removal of Obsolete Floating Decorators & Badges */
.new-hero__decor-01,
.new-hero__decor-02,
.new-hero__decor-03,
.new-hero__decor-04,
.new-hero-img__decor,
.new-hero-img__add-text:before,
.home-text__decor,
.home-text__tagline:before,
.new-cta__decor-01,
.new-cta__decor-04,
.home-tabs__decor-01,
.home-tabs__decor-04,
.new-why__decor-01,
.new-why__decor-02,
.new-why__decor-04,
.new-footer__decor-01,
.new-footer__decor-02,
.new-footer__decor-04,
.social-aside {
	display: none !important;
}

/* 5. Master CTA Button (.custom-button) */
.custom-button,
a.custom-button,
button.custom-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 20px !important;
	padding: 8px 10px 8px 30px !important;
	background-color: #C5E007 !important;
	color: #000000 !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 600 !important;
	font-size: 1.6rem !important;
	border-radius: 9999px !important;
	text-decoration: none !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	transition: all 0.25s ease !important;
	cursor: pointer !important;
}

.custom-button:hover,
a.custom-button:hover,
button.custom-button:hover {
	background-color: #b8d206 !important;
	color: #000000 !important;
	text-decoration: none !important;
}

.custom-button:after,
.custom-button--alt:after {
	display: none !important;
}

.custom-button span {
	color: #000000 !important;
	font-weight: 600 !important;
	font-size: 1.6rem !important;
}

.custom-button .custom-button__icn {
	width: 44px !important;
	height: 44px !important;
	background-color: #000000 !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
	flex-shrink: 0 !important;
	transition: transform 0.25s ease, background-color 0.25s ease !important;
}

.custom-button:hover .custom-button__icn {
	background-color: #000000 !important;
	transform: translateX(4px) !important;
}

.custom-button img {
	filter: brightness(0) invert(1) !important;
	width: 16px !important;
	height: 16px !important;
	object-fit: contain !important;
	transition: transform 0.25s ease !important;
}

.custom-button--small {
	font-size: 1.5rem !important;
	padding: 6px 8px 6px 24px !important;
}

.custom-button--small span {
	font-size: 1.5rem !important;
}

.custom-button--small .custom-button__icn {
	width: 40px !important;
	height: 40px !important;
}

/* 6. Navigation / Header */
.top-menu-new {
	background-color: #F7F6F2 !important;
}

.navbar-new {
	background-color: transparent !important;
}

.navbar-new .container {
	box-shadow: none !important;
	background-color: transparent !important;
}

.navbar-new__wrapper {
	background-color: #F7F6F2 !important;
	border-radius: 100px !important;
	padding: 12px 28px !important;
	border: 1px solid rgba(0, 0, 0, 0.05) !important;
	box-shadow: none !important;
}

.navbar-new .navbar-brand img {
	max-height: 46px !important;
	width: auto !important;
}

.navbar-new #mega-menu-wrap-navbar #mega-menu-navbar>li.mega-menu-item>a.mega-menu-link {
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 500 !important;
	font-size: 1.5rem !important;
	color: #242527 !important;
	border-radius: 100px !important;
	padding: 10px 20px !important;
	transition: all 0.2s ease !important;
}

.navbar-new #mega-menu-wrap-navbar #mega-menu-navbar>li.mega-menu-item>a.mega-menu-link:hover {
	background-color: #C5E007 !important;
	color: #000000 !important;
}

.my-btn--alt,
.my-btn--menu {
	background-color: #000000 !important;
	color: #FFFFFF !important;
	border-radius: 100px !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 600 !important;
	font-size: 1.5rem !important;
	padding: 10px 26px !important;
	border: none !important;
	text-decoration: none !important;
}

.my-btn--alt:hover,
.my-btn--menu:hover {
	background-color: #222222 !important;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* 7. Hero Section */
.new-hero {
	background-color: #F7F6F2 !important;
	padding-top: 170px !important;
	padding-bottom: 50px !important;
}

.new-hero h1 {
	font-size: 6.8rem !important;
	line-height: 1.08 !important;
	margin-bottom: 24px !important;
}

.new-hero .styled-wysiwyg p {
	color: #555651 !important;
	font-size: 1.75rem !important;
	line-height: 1.6 !important;
	margin-bottom: 28px !important;
}

.new-hero-img {
	margin-top: 20px !important;
}

.new-hero-img__img {
	border-radius: 32px !important;
	overflow: hidden !important;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05) !important;
}

.new-hero-img__add-text {
	background: #FFFFFF !important;
	color: #242527 !important;
	border-radius: 32px !important;
	outline: none !important;
	box-shadow: 0 16px 45px rgba(0, 0, 0, 0.08) !important;
	padding: 34px 34px !important;
	width: auto !important;
	max-width: 380px !important;
	right: 25px !important;
	bottom: 25px !important;
	position: absolute !important;
	z-index: 10 !important;
	border: 1px solid rgba(0, 0, 0, 0.04) !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 22px !important;
}

.new-hero-img__bell-wrapper {
	order: -1 !important;
	background-color: #C5E007 !important;
	width: 76px !important;
	height: 76px !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	margin: 0 !important;
	box-shadow: 0 6px 18px rgba(197, 224, 7, 0.28) !important;
}

.new-hero-img__bell-wrapper img {
	width: 36px !important;
	height: 36px !important;
	object-fit: contain !important;
	filter: none !important;
}

.new-hero-img__add-text,
.new-hero-img__add-text *,
.new-hero-img__text,
.new-hero-img__text p {
	font-family: 'Instrument Serif', Georgia, serif !important;
	font-size: 4.3rem !important;
	font-weight: 400 !important;
	line-height: 1.15 !important;
	color: #242527 !important;
	letter-spacing: -0.01em !important;
	margin: 0 !important;
}

/* 8. 4 Hero Icons */
.home-icons {
	background-color: #F7F6F2 !important;
	padding: 50px 0 20px !important;
	margin-top: 0 !important;
}

.home-icons__item {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	text-decoration: none !important;
}

.home-icons__icn-wrapper {
	width: 74px !important;
	height: 74px !important;
	border-radius: 50% !important;
	background-color: #C5E007 !important;
	box-shadow: 0 6px 18px rgba(197, 224, 7, 0.25) !important;
	transition: transform 0.25s ease, background-color 0.25s ease !important;
	margin-bottom: 14px !important;
}

.home-icons__item:hover .home-icons__icn-wrapper {
	transform: translateY(-3px) !important;
	background-color: #b8d206 !important;
}

.home-icons__icn {
	width: 34px !important;
	height: 34px !important;
	filter: brightness(0) !important;
}

.home-icons__title {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 1.55rem !important;
	font-weight: 500 !important;
	color: #242527 !important;
	margin-top: 0 !important;
	line-height: 1.35 !important;
}

/* 9. Section: Sprawdź jakość (Home Text) */
.home-text {
	background-color: #F7F6F2 !important;
	padding: 90px 0 110px !important;
	margin-top: 0 !important;
}

.home-text h2 {
	font-size: 5.4rem !important;
	margin-bottom: 24px !important;
}

.home-text .styled-wysiwyg p {
	color: #555651 !important;
	font-size: 1.65rem !important;
	line-height: 1.65 !important;
}

.home-text__img {
	border-radius: 28px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

.home-text__tagline {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
	position: absolute !important;
	left: 0 !important;
	bottom: -40px !important;
	background-color: #ECEBE5 !important;
	color: #242527 !important;
	border-radius: 28px !important;
	padding: 36px 44px !important;
	width: auto !important;
	min-width: 250px !important;
	max-width: 320px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
	outline: none !important;
	border: none !important;
	z-index: 5 !important;
	transform: none !important;
}

.home-text__tagline,
.home-text__tagline *,
.home-text__tagline p {
	font-family: 'Instrument Serif', Georgia, serif !important;
	font-weight: 400 !important;
	font-size: 3.4rem !important;
	line-height: 1.25 !important;
	color: #242527 !important;
	text-align: center !important;
	white-space: pre-line !important;
	margin: 0 !important;
}

.home-text__tagline:before,
.home-text__decor {
	display: none !important;
}

.home-text__nagrody {
	margin-top: 45px !important;
}

.home-text__nagroda {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 1.45rem !important;
	font-weight: 600 !important;
	color: #242527 !important;
}

/* 10. Section: Poznaj nasze doświadczenie (Home Offer Slider) */
.home-offer {
	background-color: #F7F6F2 !important;
	padding: 90px 0 !important;
	margin-top: 0 !important;
}

.home-offer h2 {
	font-size: 5.4rem !important;
	text-align: center !important;
	margin-bottom: 40px !important;
}

.home-offer .slick-list:before {
	background: linear-gradient(90deg, #F7F6F2 0%, rgba(247, 246, 242, 0) 100%) !important;
}

.home-offer .slick-list:after {
	background: linear-gradient(270deg, #F7F6F2 0%, rgba(247, 246, 242, 0) 100%) !important;
}

.home-offer__item {
	border-radius: 24px !important;
	overflow: hidden !important;
}

.home-offer__title {
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 600 !important;
	font-size: 2.2rem !important;
	color: #FFFFFF !important;
}

/* 11. Section: Dobre rozwiązania dla Ciebie (6 White Cards) */
.new-stages {
	background-color: #F7F6F2 !important;
	padding: 90px 0 !important;
	margin-top: 0 !important;
}

.new-stages h2 {
	font-size: 5.4rem !important;
	text-align: center !important;
	margin-bottom: 50px !important;
}

.new-stages__title-wrapper {
	margin-bottom: 50px !important;
}

.new-stages__item {
	background-color: #FFFFFF !important;
	border-radius: 32px !important;
	padding: 42px 38px !important;
	border: 1px solid rgba(0, 0, 0, 0.04) !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	text-decoration: none !important;
}

.new-stages__item:hover {
	transform: translateY(-4px) !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06) !important;
}

.new-stages__number {
	width: 86px !important;
	height: 86px !important;
	border-radius: 50% !important;
	background-color: #C5E007 !important;
	color: #000000 !important;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 5.3rem !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	transform: none !important;
	margin-bottom: 28px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: 0 6px 18px rgba(197, 224, 7, 0.25) !important;
	flex-shrink: 0 !important;
}

.new-stages h3 {
	font-family: 'Instrument Serif', Georgia, serif !important;
	font-weight: 400 !important;
	font-size: 3.4rem !important;
	line-height: 1.2 !important;
	letter-spacing: -0.01em !important;
	color: #242527 !important;
	margin-bottom: 14px !important;
}

.new-stages__text {
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 400 !important;
	font-size: 1.55rem !important;
	color: #555651 !important;
	line-height: 1.6 !important;
}

.new-stages__wrapper {
	margin-bottom: 30px !important;
}

/* 12. Full-Lime CTA Banner: Zainteresowany współpracą? */
.new-cta {
	background-color: #F7F6F2 !important;
	padding: 100px 0 60px !important;
	margin-top: 0 !important;
	position: relative !important;
}

.new-cta .col-12 {
	position: relative !important;
}

.new-cta__wrapper {
	background: #C5E007 !important;
	border-radius: 36px !important;
	padding: 85px 85px !important;
	min-height: 480px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	box-shadow: 0 15px 40px rgba(197, 224, 7, 0.25) !important;
	position: relative !important;
	z-index: 1 !important;
}

.new-cta__left {
	width: 65% !important;
	position: relative !important;
	z-index: 3 !important;
}

.new-cta__img {
	position: absolute !important;
	bottom: 0 !important;
	right: 70px !important;
	max-height: 560px !important;
	width: auto !important;
	z-index: 2 !important;
	pointer-events: none !important;
}

.new-cta h2,
.new-cta .cta-title {
	font-family: 'Instrument Serif', Georgia, serif !important;
	font-weight: 400 !important;
	font-size: 5.6rem !important;
	color: #000000 !important;
	line-height: 1.1 !important;
	margin-bottom: 12px !important;
}

.new-cta__subtitle {
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 500 !important;
	font-size: 2.3rem !important;
	color: #000000 !important;
	margin-bottom: 36px !important;
}

.new-cta__contact-info {
	margin-top: 30px !important;
	gap: 40px !important;
	display: flex !important;
	align-items: center !important;
}

.new-cta__link {
	color: #000000 !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 600 !important;
	font-size: 2.4rem !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 12px !important;
}

.new-cta__link:hover {
	color: #222222 !important;
	text-decoration: underline !important;
}

.new-cta__link img {
	filter: brightness(0) !important;
	width: 24px !important;
	height: 24px !important;
}

/* 13. Platform Tabs Section */
.home-tabs {
	background-color: #F7F6F2 !important;
	padding: 90px 0 !important;
	margin-top: 0 !important;
}

.home-tabs h2 {
	font-size: 5rem !important;
	text-align: center !important;
}

.home-tabs .nav-pills {
	background-color: transparent !important;
	border-radius: 0 !important;
	padding: 0 !important;
	gap: 12px !important;
	margin-top: 40px !important;
	margin-bottom: 50px !important;
}

.home-tabs .nav-pills li {
	background-color: transparent !important;
	border-radius: 100px !important;
	border: 1px solid #DCDAD3 !important;
	transition: all 0.2s ease !important;
}

.home-tabs .nav-pills li:after {
	display: none !important;
}

.home-tabs .nav-pills li a,
.home-tabs .nav-pills .nav-link {
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 500 !important;
	font-size: 1.55rem !important;
	color: #333333 !important;
	padding: 10px 24px !important;
	border-radius: 100px !important;
	background: transparent !important;
	transition: all 0.2s ease !important;
}

.home-tabs .nav-pills li:hover a {
	color: #000000 !important;
}

.home-tabs .nav-pills li:has(.nav-link.active),
.home-tabs .nav-pills .nav-link.active {
	background-color: #000000 !important;
	border-color: #000000 !important;
}

.home-tabs .nav-pills .nav-link.active {
	color: #FFFFFF !important;
	background-color: #000000 !important;
}

.home-tabs .tabs-desc * {
	font-family: 'Montserrat', sans-serif !important;
	color: #333333 !important;
}

.home-tabs .tabs-desc li:before {
	background-color: #C5E007 !important;
}

.home-tabs__img {
	border-radius: 24px !important;
}

/* 14. Section: Opinie klientów */
.new-opinie {
	background-color: #F7F6F2 !important;
	padding: 90px 0 !important;
	margin-top: 0 !important;
}

.new-opinie h2 {
	font-size: 5.4rem !important;
}

.new-opinie__arrow {
	width: 52px !important;
	height: 52px !important;
	border-radius: 50% !important;
	border: 1.5px solid #242527 !important;
	background: transparent !important;
}

.new-opinie__arrow:hover {
	background: #242527 !important;
}

.new-opinie__arrow:hover svg path {
	fill: #C5E007 !important;
}

.new-opinie__slider .slick-slide>div {
	background-color: #FFFFFF !important;
	border-radius: 24px !important;
	border: 1px solid rgba(0, 0, 0, 0.04) !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
	padding: 40px !important;
}

.new-opinie__text {
	font-family: 'Montserrat', sans-serif !important;
	font-style: normal !important;
	font-size: 1.65rem !important;
	color: #555651 !important;
	line-height: 1.6 !important;
}

.new-opinie__author {
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 600 !important;
	font-size: 1.8rem !important;
	color: #242527 !important;
}

.new-opinie__author-wrapper {
	border-top: 1px solid #E5E4DE !important;
	padding-top: 24px !important;
}

.new-opinie__author-wrapper svg path {
	fill: #C5E007 !important;
}

/* 15. Section: Gdzie działamy */
.new-why {
	background-color: #F7F6F2 !important;
	padding: 70px 0 !important;
	margin-top: 0 !important;
}

.new-why__wrapper {
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
}

.new-why h2 {
	font-size: 5rem !important;
	color: #242527 !important;
	text-align: center !important;
}

.new-why .subtitle {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 1.4rem !important;
	font-weight: 600 !important;
	color: #666666 !important;
	text-align: center !important;
	text-transform: none !important;
}

.new-why__icn-wrapper {
	width: 72px !important;
	height: 72px !important;
	border-radius: 50% !important;
	background-color: #C5E007 !important;
	margin-bottom: 16px !important;
	box-shadow: 0 6px 18px rgba(197, 224, 7, 0.25) !important;
}

.new-why__icn-wrapper img {
	filter: brightness(0) !important;
	width: 32px !important;
	height: 32px !important;
}

.new-why h3 {
	font-family: 'Instrument Serif', Georgia, serif !important;
	font-weight: 400 !important;
	font-size: 2.2rem !important;
	color: #242527 !important;
	text-align: center !important;
}

.new-why h3 span {
	color: #242527 !important;
}

/* 16. Section: Zobacz nasze realizacje */
.home-realizacje {
	background-color: #F7F6F2 !important;
	padding: 90px 0 !important;
	margin-top: 0 !important;
}

.home-realizacje h2 {
	font-size: 5.4rem !important;
	color: #242527 !important;
}

.home-realizacje__img {
	border-radius: 28px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

/* 17. Section: Formularz kontaktowy */
.new-contact-form {
	background-color: #F7F6F2 !important;
	padding: 90px 0 !important;
	margin-top: 0 !important;
}

.new-contact-form__wrapper {
	background: #ECEBE5 !important;
	border: 1px solid rgba(0, 0, 0, 0.05) !important;
	border-radius: 34px !important;
	padding: 70px 80px !important;
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.03) !important;
}

.new-contact-form__title {
	font-size: 5rem !important;
	color: #242527 !important;
}

.new-contact-form__subtitle {
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 400 !important;
	font-size: 1.7rem !important;
	color: #666666 !important;
}

.new-contact-form .lab-anim {
	color: #777777 !important;
	font-family: 'Montserrat', sans-serif !important;
}

.new-contact-form .box-anim input,
.new-contact-form textarea,
.new-contact-form input[type="text"],
.new-contact-form input[type="email"],
.new-contact-form input[type="tel"] {
	box-shadow: 0 1px 0 0 #DCDAD3 !important;
	color: #242527 !important;
	font-family: 'Montserrat', sans-serif !important;
}

.new-contact-form .pol-zg,
.new-contact-form .wpcf7-list-item-label,
.new-contact-form .wpcf7-list-item-label>span>span {
	color: #555651 !important;
	font-family: 'Montserrat', sans-serif !important;
}

.new-contact-form .pol-zg a {
	color: #242527 !important;
}

.new-contact-form .wpcf7-acceptance input[type="checkbox"]+span::before {
	border-color: #999999 !important;
}

/* 18. Section: Aktualności */
.new-latest {
	background-color: #F7F6F2 !important;
	padding: 90px 0 !important;
	margin-top: 0 !important;
}

.new-latest h2 {
	font-size: 5.4rem !important;
	text-align: center !important;
}

.new-latest .post-card h3,
.new-latest .post-header>a {
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 600 !important;
	color: #242527 !important;
}

.new-latest .excerpt {
	font-family: 'Montserrat', sans-serif !important;
	color: #555555 !important;
}

/* 19. Section: FAQ (Pytania i odpowiedzi) */
.faq {
	background-color: #F7F6F2 !important;
	padding: 50px 0 !important;
	margin-top: 0 !important;
}

.faq h2 {
	font-size: 5.4rem !important;
	text-align: center !important;
	margin-bottom: 35px !important;
	color: #242527 !important;
}

.faq .accordion {
	background: #FFFFFF !important;
	border-radius: 28px !important;
	padding: 12px 32px !important;
	border: 1px solid rgba(0, 0, 0, 0.04) !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
}

.faq .accordion-item {
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid #E5E4DE !important;
	border-radius: 0 !important;
	padding: 4px 0 !important;
	margin-top: 0 !important;
}

.faq .accordion-item:last-child {
	border-bottom: none !important;
}

.faq button,
.faq .accordion-button {
	font-family: 'Instrument Serif', Georgia, serif !important;
	font-size: 2.6rem !important;
	font-weight: 400 !important;
	color: #242527 !important;
	padding: 14px 0 !important;
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	text-align: left !important;
	background: transparent !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	text-decoration: none !important;
	line-height: 1.25 !important;
}

.faq button:hover,
.faq button:focus,
.faq .accordion-button:hover,
.faq .accordion-button:focus {
	color: #242527 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	outline: none !important;
}

.faq .card-body,
.faq .accordion-body {
	padding: 0 0 16px 0 !important;
}

.faq .card-body .styled-wysiwyg,
.faq .card-body .styled-wysiwyg>*,
.faq .card-body p,
.faq .accordion-body * {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 1.55rem !important;
	color: #555651 !important;
	line-height: 1.6 !important;
}

.faq button::after,
.faq .accordion-button::after {
	content: '' !important;
	display: inline-block !important;
	width: 16px !important;
	height: 20px !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' viewBox='0 0 16 20' fill='none'%3E%3Cpath d='M8 19V1M15 8L8 1L1 8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%23242527'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
	flex-shrink: 0 !important;
	margin-left: 15px !important;
	transition: transform 0.25s ease !important;
}

.faq button.collapsed::after,
.faq button[aria-expanded="false"]::after,
.faq .accordion-button.collapsed::after {
	transform: rotate(180deg) !important;
}

.faq button:not(.collapsed)::after,
.faq button[aria-expanded="true"]::after,
.faq .accordion-button:not(.collapsed)::after {
	transform: rotate(0deg) !important;
}

/* 20. New Light Footer */
.new-footer {
	background: #F7F6F2 !important;
	color: #555651 !important;
	padding-top: 70px !important;
	margin-top: 0 !important;
	border-top: 1px solid #DCDAD3 !important;
}

.new-footer h2,
.new-footer h4,
.new-footer .widgettitle,
.new-footer .widget-title,
.new-footer .text-white {
	color: #242527 !important;
	font-family: 'Instrument Serif', Georgia, serif !important;
	font-weight: 400 !important;
	font-size: 3.2rem !important;
	letter-spacing: -0.01em !important;
	line-height: 1.2 !important;
}

.new-footer ul,
.new-footer ol {
	padding-left: 0 !important;
	margin-left: 0 !important;
	list-style: none !important;
}

.new-footer ul li,
.new-footer li {
	list-style: none !important;
	padding-left: 0 !important;
	margin-bottom: 12px !important;
}

.new-footer ul li:before,
.new-footer li:before {
	display: none !important;
	content: none !important;
}

.new-footer p,
.new-footer li a,
.new-footer a,
.new-footer .fast-contact a,
.new-footer .copyright a {
	color: #555651 !important;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 1.55rem !important;
	line-height: 1.6 !important;
}

.new-footer li a:hover,
.new-footer a:hover,
.new-footer .fast-contact a:hover {
	color: #242527 !important;
}

.new-footer__line {
	background-color: #DCDAD3 !important;
}

.new-footer .footer-logo,
.new-footer img[src*="DEVELOPRO-LOGO"] {
	filter: none !important;
	max-width: 200px !important;
}

.new-footer__social a {
	background-color: #C5E007 !important;
	width: 42px !important;
	height: 42px !important;
	border-radius: 50% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: transform 0.2s ease, background-color 0.2s ease !important;
}

.new-footer__social a:hover {
	background-color: #b8d206 !important;
	transform: translateY(-2px) !important;
}

.new-footer__social a img {
	filter: brightness(0) !important;
	max-width: 18px !important;
	max-height: 18px !important;
}

.new-footer .fast-contact a img,
.new-footer__pin {
	filter: brightness(0) !important;
}

.new-footer__copy-links a {
	color: #666666 !important;
}

.new-footer__copy p {
	color: #666666 !important;
}

.new-footer__copy-line {
	background-color: #DCDAD3 !important;
}

/* Responsive adjustments */
@media (max-width: 1199px) {
	.new-cta__img {
		max-height: 440px !important;
		right: 20px !important;
	}

	.new-cta__wrapper {
		min-height: 380px !important;
		padding: 60px 40px !important;
	}

	.new-cta__left {
		width: 60% !important;
	}
}

@media (max-width: 991px) {
	.post-header,
	.new-latest .post-header,
	.new-blog .post-header,
	.post-card .post-header,
	.new-latest__post .post-header {
		padding: 15px !important;
	}

	.new-hero-img__add-text {
		max-width: 320px !important;
		padding: 24px !important;
		right: 15px !important;
		bottom: 15px !important;
		gap: 16px !important;
	}

	.new-hero-img__bell-wrapper {
		width: 60px !important;
		height: 60px !important;
	}

	.new-hero-img__bell-wrapper img {
		width: 28px !important;
		height: 28px !important;
	}

	.new-hero-img__add-text,
	.new-hero-img__add-text *,
	.new-hero-img__text,
	.new-hero-img__text p {
		font-size: 3.2rem !important;
	}

	.home-text__tagline {
		position: relative !important;
		left: auto !important;
		bottom: auto !important;
		margin-top: 25px !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 24px 28px !important;
	}

	.home-text__tagline,
	.home-text__tagline *,
	.home-text__tagline p {
		font-size: 2.8rem !important;
	}

	.new-cta__img {
		display: none !important;
	}

	.new-cta__left {
		width: 100% !important;
	}

	.new-cta__wrapper {
		min-height: auto !important;
		padding: 50px 30px !important;
	}

	.new-cta {
		padding: 60px 0 !important;
	}
}

@media (max-width: 767px) {
	.post-header,
	.new-latest .post-header,
	.new-blog .post-header,
	.post-card .post-header,
	.new-latest__post .post-header {
		padding: 15px !important;
	}

	.new-stages__number {
		width: 72px !important;
		height: 72px !important;
		font-size: 4.4rem !important;
	}

	.new-stages h3 {
		font-size: 2.8rem !important;
	}

	.new-contact-form__wrapper {
		padding: 40px 24px !important;
	}
}

/* ==========================================================================
   21. Subpages Editorial Design, Heroes & Alternating Section Rhythm
   ========================================================================== */

/* Subpage Hero / Breadcrumb Section */
.new-breadcrumb {
	background-color: #ECEBE5 !important;
	padding-top: 210px !important;
	padding-bottom: 90px !important;
	position: relative !important;
	overflow: hidden !important;
	width: unset !important;
}

.new-breadcrumb h1 {
	font-family: 'Instrument Serif', Georgia, serif !important;
	color: #242527 !important;
	font-weight: 400 !important;
	font-size: 6.4rem !important;
	line-height: 1.15 !important;
	text-align: center !important;
	z-index: 2 !important;
	position: relative !important;
	margin-bottom: 15px !important;
	letter-spacing: 0 !important;
}

.new-breadcrumb__wrapper {
	z-index: 2 !important;
	position: relative !important;
	text-align: center !important;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 1.5rem !important;
	font-weight: 500 !important;
	color: #555651 !important;
}

.new-breadcrumb span,
.new-breadcrumb a,
.new-breadcrumb__wrapper span,
.new-breadcrumb__wrapper a {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 1.5rem !important;
	font-weight: 500 !important;
	color: #555651 !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

.new-breadcrumb a:hover,
.new-breadcrumb__wrapper a:hover {
	color: #242527 !important;
}

/* Remove all old clutter decorators across all pages (cross grid is the ONLY decor in hero) */
.new-breadcrumb__decor-01,
.new-breadcrumb__decor-02,
.new-breadcrumb__decor-03,
.new-breadcrumb__decor-04,
.new-hero__decor-01,
.new-hero__decor-02,
.new-hero__decor-03,
.new-hero__decor-04,
.new-why__decor-01,
.new-why__decor-02,
.new-why__decor-03,
.new-why__decor-04,
.new-footer__decor-01,
.new-footer__decor-02,
.new-footer__decor-03,
.new-footer__decor-04,
.new-cta__decor-01,
.new-cta__decor-02,
.new-cta__decor-03,
.new-cta__decor-04,
.new-catalog__decor-01,
.new-catalog__decor-02,
.new-catalog__decor-03,
.new-catalog__decor-04,
.home-tabs__decor-01,
.home-tabs__decor-02,
.home-tabs__decor-03,
.home-tabs__decor-04,
.sec-01__decor-01,
.sec-01__decor-02,
.sec-02__decor-01,
.home-text__decor,
.about-ofer__decor,
.new-hero-img__decor {
	display: none !important;
}

/* Subtitles in 'Więcej o nas' and all subpages -> Instrument Serif */
.new-why .subtitle,
#about .new-subtitle,
.about-entry .new-subtitle,
.about-ofer .new-subtitle,
.new-opinie .new-subtitle,
.new-stages .new-subtitle,
.new-subtitle,
.subtitle {
	font-family: 'Instrument Serif', Georgia, serif !important;
	font-size: 3rem !important;
	font-weight: 400 !important;
	color: #242527 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	line-height: 1.25 !important;
}

.new-subtitle:before,
#about .new-subtitle:before,
.about-entry .new-subtitle:before,
.about-ofer .new-subtitle:before,
.new-stages .new-subtitle:before {
	display: none !important;
}

.new-why h2 {
	font-family: 'Instrument Serif', Georgia, serif !important;
	font-size: 5.6rem !important;
	font-weight: 400 !important;
	color: #242527 !important;
	margin-bottom: 25px !important;
}

.new-why h3,
.new-why h3 span,
.about-rozwiazania h3,
.about-entry__nagroda,
.about-ofer__tagline,
.new-zespol__name,
.new-zespol h3 {
	font-family: 'Instrument Serif', Georgia, serif !important;
	font-weight: 400 !important;
	color: #242527 !important;
}

.new-why h3,
.new-why h3 span {
	font-size: 2.8rem !important;
	line-height: 1.2 !important;
}

.about-rozwiazania h3 {
	font-size: 3.2rem !important;
	line-height: 1.25 !important;
}

.about-entry__nagroda {
	font-size: 2.2rem !important;
	line-height: 1.3 !important;
}

/* Alternating Section Backgrounds Rhythm (#ECEBE5 and #F7F6F2) */
.about-ofer-container {
	background-color: #ECEBE5 !important;
	padding: 120px 0 !important;
	margin-top: 120px !important;
}

.about-ofer {
	margin-top: 0 !important;
}

.about-ofer__tagline {
	background-color: #ECEBE5 !important;
	color: #242527 !important;
	border: 1px solid rgba(0, 0, 0, 0.06) !important;
	outline: none !important;
	font-family: 'Instrument Serif', Georgia, serif !important;
	font-size: 3.2rem !important;
	font-weight: 400 !important;
	border-radius: 28px !important;
	padding: 40px !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}

.about-ofer__tagline:before,
.about-ofer__tagline:after {
	display: none !important;
}

.new-why__wrapper {
	background-color: #ECEBE5 !important;
	border: 1px solid rgba(0, 0, 0, 0.04) !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
	padding: 80px 70px !important;
	border-radius: 34px !important;
}

.new-why__icn-wrapper {
	background-color: #C5E007 !important;
	border-radius: 100px !important;
}

.new-why__icn-wrapper img {
	filter: brightness(0) !important;
}

.new-zespol {
	margin-top: 140px !important;
}

.new-zespol h2 {
	font-family: 'Instrument Serif', Georgia, serif !important;
	font-size: 5.6rem !important;
	font-weight: 400 !important;
	color: #242527 !important;
}

.new-zespol__wrapper {
	background-color: #FFFFFF !important;
	border: 1px solid rgba(0, 0, 0, 0.04) !important;
	border-radius: 28px !important;
	padding: 24px !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02) !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.new-zespol__wrapper:hover {
	transform: translateY(-4px) !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05) !important;
}

.new-zespol__stanowisko {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 1.5rem !important;
	font-weight: 500 !important;
	color: #555651 !important;
}

.new-opinie {
	background-color: #ECEBE5 !important;
	padding-top: 130px !important;
	padding-bottom: 130px !important;
	margin-top: 140px !important;
}

.new-opinie h2 {
	font-family: 'Instrument Serif', Georgia, serif !important;
	font-size: 5.6rem !important;
	font-weight: 400 !important;
	color: #242527 !important;
}

.new-opinie__slider .slick-slide > div {
	background-color: #FFFFFF !important;
	border-radius: 28px !important;
	border: 1px solid rgba(0, 0, 0, 0.04) !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
	padding: 50px 40px !important;
}

.new-opinie__text {
	font-size: 1.8rem !important;
	color: #555651 !important;
	line-height: 1.6 !important;
}

.new-opinie__author {
	font-family: 'Instrument Serif', Georgia, serif !important;
	font-size: 2.6rem !important;
	font-weight: 400 !important;
	color: #242527 !important;
}

.new-opinie__arrow {
	border-color: #242527 !important;
	border-radius: 100px !important;
}

.new-opinie__arrow svg path {
	fill: #242527 !important;
}

.new-opinie__arrow:hover {
	background-color: #242527 !important;
}

.new-opinie__arrow:hover svg path {
	fill: #C5E007 !important;
}

.new-clients__item {
	background-color: #ECEBE5 !important;
	border: 1px solid rgba(0, 0, 0, 0.04) !important;
	border-radius: 28px !important;
}

.grey-bg {
	background-color: #ECEBE5 !important;
}

.contact-city__wrapper {
	background-color: #ECEBE5 !important;
	border: 1px solid rgba(0, 0, 0, 0.04) !important;
	border-radius: 28px !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
}

.contact-city__name,
.contact-person__name {
	font-family: 'Instrument Serif', Georgia, serif !important;
	color: #242527 !important;
	font-weight: 400 !important;
}

.contact-city__stanowisko,
.contact-city__phone,
.contact-city__mail,
.contact-person__stanowisko,
.contact-person__phone,
.contact-person__mail {
	font-family: 'Montserrat', sans-serif !important;
	color: #555651 !important;
}

/* Responsive adjustments for subpages */
@media (max-width: 1199px) {
	.new-breadcrumb {
		padding-top: 180px !important;
		padding-bottom: 70px !important;
	}

	.new-breadcrumb h1 {
		font-size: 5rem !important;
	}

	.new-why__wrapper {
		padding: 50px 30px !important;
	}

	.about-ofer-container {
		padding: 80px 0 !important;
		margin-top: 80px !important;
	}
}

@media (max-width: 991px) {
	.new-breadcrumb {
		padding-top: 150px !important;
		padding-bottom: 50px !important;
	}

	.new-breadcrumb h1 {
		font-size: 4rem !important;
	}

	.new-breadcrumb__decor-01 {
		max-width: 140px !important;
		right: 15px !important;
		opacity: 0.45 !important;
	}

	.new-why h2,
	.new-zespol h2,
	.new-opinie h2 {
		font-size: 3.8rem !important;
	}

	.about-ofer__tagline {
		font-size: 2.4rem !important;
		padding: 25px !important;
		border-radius: 24px !important;
	}
}

@media (max-width: 767px) {
	.new-breadcrumb {
		padding-top: 130px !important;
		padding-bottom: 45px !important;
	}

	.new-breadcrumb h1 {
		font-size: 3.2rem !important;
	}

	.new-breadcrumb__decor-01 {
		display: none !important;
	}

	.new-why__wrapper {
		padding: 35px 20px !important;
	}

	.new-why h3,
	.new-why h3 span {
		font-size: 2.2rem !important;
	}

	.about-ofer-container {
		padding: 50px 0 !important;
		margin-top: 50px !important;
	}
}

/* Cross Grid Decorator under Hero Title */
.new-hero__cross-grid {
	margin-top: 26px !important;
	display: inline-flex !important;
	align-items: center !important;
	opacity: 0.9 !important;
	pointer-events: none !important;
	user-select: none !important;
}

.new-hero__cross-grid svg {
	width: 190px !important;
	height: auto !important;
	display: block !important;
}

@media (max-width: 991px) {
	.new-hero__cross-grid {
		margin-top: 18px !important;
		margin-bottom: 24px !important;
	}

	.new-hero__cross-grid svg {
		width: 140px !important;
	}
}

@media (max-width: 767px) {
	.new-hero__cross-grid {
		margin-top: 14px !important;
		margin-bottom: 18px !important;
	}

	.new-hero__cross-grid svg {
		width: 120px !important;
	}
}

/* Cross Grid Decorator in Subpages Hero */
.new-breadcrumb__cross-grid {
	position: absolute !important;
	top: 50% !important;
	right: 60px !important;
	transform: translateY(-50%) !important;
	z-index: 1 !important;
	pointer-events: none !important;
	user-select: none !important;
	display: flex !important;
	align-items: center !important;
}

.new-breadcrumb__cross-grid svg {
	width: 190px !important;
	height: auto !important;
	display: block !important;
}

@media (max-width: 991px) {
	.new-breadcrumb__cross-grid {
		right: 25px !important;
		opacity: 0.65 !important;
	}

	.new-breadcrumb__cross-grid svg {
		width: 135px !important;
	}
}

@media (max-width: 767px) {
	.new-breadcrumb__cross-grid {
		display: none !important;
	}
}

/* Header & Footer Logo Styles */
.navbar-brand img,
.logo-container img {
	max-width: 185px !important;
	width: auto !important;
	height: auto !important;
	filter: none !important;
	display: block !important;
}

.new-footer .footer-logo,
.new-footer img[src*="logo"] {
	max-width: 195px !important;
	width: auto !important;
	height: auto !important;
	filter: none !important;
	display: block !important;
}

