/*
Theme Name: Developro Theme
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: #52B6D9;
}

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('/https/www.developro.pl/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: #52B6D9;
	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: #52B6D9;
	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: #52B6D9;
	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: #52B6D9;
}

.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: #52B6D9;
}

#commentform .btn-primary.focus,
#commentform .btn-primary:focus {
	box-shadow: none !important;
}

#commentform .btn-primary:not(:disabled):not(.disabled):active {
	background: #52B6D9;
	border: none;
}

.wpcf7-submit {
	font-size: 1.8rem;
	font-weight: bold;
	transition: all .5s ease;
	padding: 1.6rem 4.5rem;
	background: #fff;
	color: #52B6D9;
	border-radius: 5rem;
	border: 1px solid #fff;
}

.wpcf7-form .btn-primary.disabled,
.wpcf7-form .btn-primary:disabled {
	background: #fff;
	color: #52B6D9;
	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: #52B6D9;
	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: #52B6D9;
	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: #52B6D9;
}

#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: #52b6d9;
}

.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: #52B6D9;
}
.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: #52b6d9;
	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: #52B6D9 ;
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 h1 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('/https/www.developro.pl/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('/https/www.developro.pl/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: linear-gradient(to right, #5B7BD9 0%, #867BC6 100%);
	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: #52B6D9;
	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("/https/www.developro.pl/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("/https/www.developro.pl/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('/https/www.developro.pl/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: #52b6d9;
  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: #52B6D9;
}

#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: #52B6D9;
}

.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: #52B6D9;
}

.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: #52B6D9;
}

.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("/https/www.developro.pl/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('/https/www.developro.pl/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('/https/www.developro.pl/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: #52B6D9;
	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('/https/www.developro.pl/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('/https/www.developro.pl/images/content-marketing.png');
	background-size: 100% auto;
}

#learning h1 span:nth-child(2)::before {
	background: url('/https/www.developro.pl/images/social-media.png');
	background-size: 100% auto;
}

#learning h1 span:last-child::before {
	background: url('/https/www.developro.pl/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('/https/www.developro.pl/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 #52B6D9;
	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('/https/www.developro.pl/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('/https/www.developro.pl/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('/https/www.developro.pl/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: #52B6D9;
	background: #fff;
	border-radius: 5rem;
	border: 1px solid #52B6D9;
	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: #52B6D9;
}

#learning p.hour {
	font-size: 2rem;
	color: #52B6D9;
	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: #52B6D9;
	color: #52B6D9;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	border-color: #52B6D9;
	background: #52B6D9;
	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 #52B6D9;
	border-radius: 2rem;
}

.post-footer a {
	font-size: 1.2rem;
}

#commentform .form-control {
	box-shadow: 0 1px 0 0 #52B6D9;
	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: #52B6D9;
	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: #5B7BD9;
	left: 0;
}

.single-realizacje .single-header .navigation-portfolio.right {
	background: #867BC6;
	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('/https/www.developro.pl/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: #52B6D9;
}

.slider-nav-t .slick-current h3::after {
	position: absolute;
	content: '';
	background: url('/https/www.developro.pl/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: #52B6D9;
	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: #52B6D9;
}

.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('/https/www.developro.pl/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: #52B6D9;
	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('/https/www.developro.pl/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('/https/www.developro.pl/images/checkon.png') no-repeat center center;
	background-size: 100% auto !important;
}

.wpcf7-acceptance label {
	padding-left: 1.5rem;
}

/* kontakt */
.inner-content a {
	color: #52B6D9;
	position: relative;
	padding-bottom: 5px;
	display: inline-block;
	font-weight: 600;
}

.inner-content a:after {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #52B6D9;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all .5s;
}

.inner-content a:hover {
	color: #5B7BD9;
}

.inner-content a:hover:after {
	background-color: #5B7BD9;
}

#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: #5B7BD9;
	font-weight: 400;
	display: inline-block;
}

#contact .contact-details a:hover,
#contact .city-details a:hover,
.single-post .contact-details a:hover {
	color: #52B6D9;
}

#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: linear-gradient(to right, #5B7BD9 0%, #867BC6 100%);
	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: #52B6D9;
}

#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('/https/www.developro.pl/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 .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 h1 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('/https/www.developro.pl/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('/https/www.developro.pl/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: #52B6D9;
	border-color: #52B6D9;
}

@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(84, 182, 217, 0.15);
	--portfolios-primary: #52b6d9;

	--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 :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 #52B6D9;
}

.realizations-social .container-fluid {
	background: #52B6D9;
	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);
}