/** ZS **/
:root {
  --main-accent: #008266;
}


body section[data-vc-full-width] {
    padding-left: calc((100vw - 1200px) / 2);
    padding-right: calc((100vw - 1200px) / 2);
}

.vc_flexbox_container_item, .vc_flexbox_container_item-inner, .wpb_wrapper {
    height: auto !important;
}

.breadcrumbs {
	background-color: rgb(10, 31, 57, 0.60);
	color:#b1b0ca !important;
	font-size:12px;
	padding:7px;
	position:absolute;
	text-align:center;
	width:100%;
}
.breadcrumbs a {
	color:#b1b0ca !important;
	padding:0 10px;
}
.breadcrumbs a:hover {
	color:#1dc2ef !important;
}
.breadcrumbs span.current-item {
	padding:0 10px;
}

.caption-whyus h4 {color:#fff !important;}

.wirtualny-p p {color:#9b9aad !important;}

.contact {
	background:none !important;
	border:0 !important;
	padding:1% !important;
	}
	
#off-canvas-right .widget_search {
	display:none;
	}
	
.author-info span.author-name {
	display:block;
	font-family: Rubik;
	font-weight: 500;
	color: #171717;
	text-transform: none;
	font-size: 1rem;
	line-height: 1.35em;
	}

.head3 h3 {
	font-size:1.25rem!important;
	line-height: 1.35em!important;
}

.head1 {
	letter-spacing: 0px!important;
}

.offer-new h2 {
	line-height:1.3em;
}
.offer-new h2 a {
	font-size:1.15rem;
}
.offer-new h2 a:hover {
	font-size:1.15rem;
	color:#1dc2ef;
}


.offer-new h3 a {
	font-size:1.15rem;
}
.offer-new h3 a:hover {
	font-size:1.15rem;
	color:#1dc2ef;
}


.home .title-pill .wpb_wrapper{
	display:flex;
}


.footer-co ul {
	display:flex;
	list-style: none;
	padding-left:5px;
}

.footer-co li:first-child {
	display:inline;
	padding:2px 50px 2px 5px;
}


.footer-co li {
	display:inline;
	padding:2px 20px;
}

.footer-co li span {
	font-size:0.8rem;
}

.footer-co li a  {
	font-size:0.8rem;
}



.portfolio-box-logos {
	border-radius:5px;
	box-shadow:0 2px 2px rgba(0,0,0,.06),0 4px 4px rgba(0,0,0,.06),0 8px 8px rgba(0,0,0,.06),0 16px 16px rgba(0,0,0,.06),0 32px 32px rgba(0,0,0,.06);
}


.portfolio-box-logos a {
	background-color:#0e2a5a;
	background-size:cover;
	border-radius:5px;
	display:block;
	text-align:center;
}

.portfolio-box-logos a:hover {
	opacity:0.8;
	transition: all 0.7s ease;
}

.portfolio-box-logos img {
	margin:21% auto;
	width:200px;
}

.page-title .subtitle {text-align:justify;}

.iconbox .box-icon {height:130px !important; margin-top:20px !important;}

.post-thumbnail {margin-top:60px !important;}



.social-icons {margin:20px 0;}
.social-icons img {margin-top:3px;}
.social-icons a.fbstars {opacity:1 !important;}

.content-bottom-widgets {
	background-image:url("/gfx/gory-bg-footer.jpg");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size:100%;
	}

.project-info-inner .project-client {height:1px !important;}

.page-title-wrap .project-client {display:none;}


.front-page-title {
		color:#fff;
		font-size: 4rem;
		font-weight: 500;
		line-height: 4rem;
		letter-spacing: 1px;
	}

@media (min-width:0px) and (max-width: 768px) {
	.footer-co ul li:nth-child(n+2) {display:none;}
	
	.iconlist-item-icon {display:none;}
	
	section#dlaczego h3 {text-align:left !important;}

	.footer-m-mobile {display:block;}
	
	.portfolio-box-logos img {
	margin:21% auto;
	width:90%;
	}
	
	
}

@media (min-width:0px) and (max-width: 544px) {
	.logo.logoDefault {width:140px !important;}
}
@media (min-width:545px) and (max-width: 768px) {
	.logo.logoDefault {width:170px !important;}
}

.opinie100 {
	min-height:100px;
	background:white;
}
.opinie170 {
	min-height:170px;
	background:white;
}
.opinie200 {
	min-height:200px;
	background:white;
}
.opinie220 {
	min-height:220px;
	background:white;
}

.single-post .related-posts {margin-top:60px;}


.footer-contact-mod p{
  font-size: 1.125rem;
  line-height: 150%;  
}
  
.rodo .wpcf7-list-item label {
    display: grid;
    grid-template-columns: 45px 1fr;
}


.rodo input[type="checkbox"] {
    height: auto;
    line-height: inherit;
    margin-top: 0px;
}



.rodo{
    display: block;
    margin: 0 auto;
	text-align: left;
}

.rodo span {
    padding: 0px;
    margin: 0!important;
    font-size: 12px;
    line-height: 14px;
}


/* Stylowanie audyt/widget */

.so-widget-form{
	background: #fff !important;
    padding: 5% !important;
    border-radius: 5px;
}

.so-widget-form input[type=text] {
    border: 1px solid #171717 !important;
    font-size: 1rem!important;
    width: 100%!important;
    margin: 5px 0px;
    padding-left: 22px!important;
    height: 55px!important;
}

.so-widget-form input[type=text]:focus{
	border-color: #1dc2ef!important;
}

.so-widget-form input[type=submit] {
    margin: 15px 0px;
}

.so-widget-form #so-submitso1620314744 {
    background-color: #00a914!important;
    height: 55px;
    width: 100%!important;
    font-family: Rubik;
    font-weight: 500;
    text-transform: none;
    font-size: 1rem!important;
    line-height: 42px;
    padding-top: 0px!important;
    padding-right: 40px!important;
    padding-bottom: 0px!important;
    padding-left: 40px!important;
    border: 1px solid rgba(14, 43, 92, 0.1)!important;
    border-radius: 5px!important;
	margin-bottom: 0px;
}

.so-widget-form #so-submitso1620314744:hover {
    background-color:#008266!important;
}

.so-widget-form span {
    font-size: 12px!important;
    line-height: 14px!important;
    margin-top: 16px;
    margin-bottom: 16px;
    color: #171717;
}

#so-domainso1620314744{
	margin-top:20px;
}


.page-top-slid p {
	color:#ffffff;
	font-size:1.2rem;
	line-height:1.6em;
}

.page-top-slid ul {
	margin-top:0;
	padding-left:0;
}

.page-top-slid ul li {
	color:#ffffff;
	font-size:1.2rem;
	line-height:1.6em;
	list-style:none;
	padding:10px 0;
}

h1.headling-top {
	color:#ffffff;
	font-size:3rem !important;
	line-height:1em;
	text-align:left;	
}



@media only screen and (min-width: 320px) and (max-width: 544px) {
	.vc_row.wpb_row.vc_row-fluid.head-city {
		padding-top:30px !important;
		padding-bottom:30px !important;
	}

	
	.vc_row.wpb_row.vc_row-fluid.head-city .page-top-slid ul li {
	color:#ffffff;
	font-size:1.0rem;
	line-height:1.4em;
	list-style:none;
	padding:10px 0;
	}
	
	h1.headling-top {
	color:#ffffff;
	font-size:1.7rem !important;
	line-height:1em;
	text-align:left;	
	}
	
	.front-page-title {
		color:#fff;
		font-size: 3rem;
		font-weight: 500;
		line-height: 3rem;
		letter-spacing: 1px;
	}

}


.gradient2{
	display:none!important;
}

.projects-masonry .project .project-inner > .mask {
    height: 100%!important;
    position: absolute!important;
    left: 0!important;
    right: 0!important;
    bottom: 0!important;
    text-indent: -9999px!important;
    z-index: 2!important;
	display:block;
}


.portfolio-box {
	width:100%;
	height:450px;
	background:#000;
	background-position:top;
	transition: ease-in-out 5s;
	border-radius:15px !important;
}

.portfolio-box.portfolio-box1 {
	background-size: cover;
}

.portfolio-box.portfolio-box1:hover {
	background-position:bottom;
}


/* ============================================================ 
    2. DODATKOWY CSS
=============================================================*/

blockquote {
		box-shadow: 0 0px 15px rgb(0 0 0 / 20%);
}

h1 {
	font-size:4.5rem;
}

.vc_custom_heading p {
	font-size:1.6rem;
}

.textcity {
	font-size:1.7rem;
	font-weight:500;
	line-height:1.1;
}

.titlecity h1 {
	font-size:2.5rem;
	line-height:1;
}

.prawnikh1 h1 {
	font-size:2.5rem;
	color:white;
}

.podobne {
	display:block;
	background:#fff;
	padding:15px;
	border-radius:5px;
	box-shadow: 0 0px 15px rgb(0 0 0 / 20%);
	margin:35px 0px;
	border-left:5px solid #3ea9f5;
}
.podobne a {
	display:block;
	margin-left:100px;
	margin-top:-28px;
}
.zdjeciastockowe {
	margin-right:10px;
}
.post-content h3 {
	font-weight:400;
}

.formularz-portfolio {
	max-width:732px;
}

.expertpostbuttons {
	margin-top:35px;
	margin-bottom:-10px;
	text-align:center;
}

@media only screen and (max-width: 767px){
	.vc_column_container>.vc_column-inner {
		padding-left:15px!important;
		padding-right:15px!important;
	}	
}

@media only screen and (min-width: 768px) {
	.cennikstronmobile {
		padding-right:80px!important;
	}
}

.pakiet {
	margin-top:30px;
	background:#f3f6f9;
	padding:10px 25px 25px 25px;
	border-radius:5px;
	text-align:center;
}

.pakiet h3 {
	margin-top:10px;
}
.pakiet .pakiet_price {
	margin:30px 0px 10px 0px;
}
.pakiet .pakiet_price .pakiet_price_cost {
	font-size:2rem;
	color:#171717;
}

.pakiet .pakiet_price .des1 {
	font-size:13px;
	color:#b0bcca;
}

.pakiet_button {
	display:block;
	margin-top:20px;
	order:3;
	font-size:15px;
	text-align:center;
	background-color:#008266;
	color:#fff;
	height:45px;
	line-height:47px;
	border:none;
	border-radius:5px;
	font-weight:500;
}
.pakiet_button:hover {
	background-color:#171717;
	color:#fff;
}

.pakiet_linki {
	text-align:left!important;
}

.beauty_link {
	display:block;
	background:#fff;
	padding:15px 35px!important;
	border-radius:5px;
	box-shadow: 0px 5px 35px rgb(0 0 0 / 10%);
	margin:35px 0px;
	border-left:5px solid #3ea9f5;
}

.proces {
	display:block;
	background:#fff;
	padding:15px;
	border-radius:10px;
	box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
	margin-bottom:32px;
	margin-left:25px;
	margin-right:50px;

}
.proces h3 {
	margin-top:0;
	font-size:1.15rem;
}
.proces p {
	line-height:1.15;
}

.proces_img {
	text-align:center;
	margin-bottom:-135px;
}

.proces_img2 {
	text-align:center;
	margin-top:-165px;
}

.expert {
	max-width:225px;
	display:block;
	margin:auto;
	text-align:left;
}
.expert2 {
	max-width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:auto;
	text-align:left;
	gap:5px;
}

.expert2.caseStudy{
	margin-top:30px;
}

.expert-avatar {
	margin-right:10px;
	margin-top:0px;
	position:relative;
}
.expert-avatar:before {
    content: "";
    background: #00a914;
    border-radius: 50%;
		border:3px solid #e7feef;
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
		bottom:3px;
		right:3px;
    box-shadow: 0 0 0 rgba(88,200,5,.8);
    animation: 1s infinite pulse;
}
.expert-avatar-white {
	margin-right:10px;
	margin-top:0px;
	position:relative;
}
.expert-avatar-white:before {
    content: "";
    background: #00a914;
    border-radius: 50%;
		border:3px solid #fff;
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
		bottom:0;
		right:0;
    box-shadow: 0 0 0 rgba(88,200,5,.8);
    animation: 1s infinite pulse;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(88,200,59,.4)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(88,200,59,0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(88,200,59,0)
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(88,200,59,.6);
        box-shadow: 0 0 0 0 rgba(88,200,59,.6)
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(88,200,59,0);
        box-shadow: 0 0 0 10px rgba(88,200,59,0)
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(88,200,59,0);
        box-shadow: 0 0 0 0 rgba(88,200,59,0)
    }
}

.expert .active {
	color:#00a914;
	text-transform:uppercase;
	font-size:0.85rem;
	font-weight:600;
}

.expertpost {
	margin-top:32px;
	box-shadow:0 2px 10px 0px rgb(0 0 0 / 15%), 0 0 1px rgb(0 0 0 / 9%);
	border-radius:5px;
	padding:20px;
}
.expertpost .expert {
	max-width:225px;
}
.expertpost h2 {
	text-align:center;
	margin-top:0;
	margin-bottom:-15px;
}
.expertpostintro {
	font-size: 1.125rem;
	color: #171717;
	text-align: center;
	font-weight:500;
	font-family:rubik;
	margin-bottom:8px;
}
.expertblogpostdescription {
	text-align:center;
	display:block;
	margin-top:25px;
	margin-bottom:25px;
}
.expertblogpostbutton .green {
	display:block;
	width:100%;
	margin-bottom:-30px;
}
.expertblogpostrodo {
	font-size:0.85rem;
	margin-top:15px;
	margin-bottom:15px;
}


.optimizedtext {
	font-size: 3rem;
	color: #ffffff;
	text-align: left;
}

.optimizedtext2 {
	font-size: 1.6rem;
	color: #ffffff;
	text-align: left;
		line-height:2rem;
}

.optimizedtext3 {
	font-size:2.2rem;
	line-height:1.1;
}

.optimizedtext2 a {
	color:white;
	text-decoration:underline;
}

.optimizedtext2 a:hover {
	color:orange;
}

@media only screen and (min-width: 320px) and (max-width: 360px){
	.optimizedtitle h1 {
		font-size:2.2rem!important;		
	}	
	.optimizedtext {
		font-size: 1.7rem!important;
	}
	.optimizedtext2 {
		font-size: 1.2rem!important;
	}
	.optimizedtext3 {
		font-size:1.5rem;
	}
	.textcity h1 {
		font-size:1.7rem;
	}
	.optimizedtitleseo h1 {
		font-size:2.2rem;	
	}
}

@media only screen and (min-width: 360px) and (max-width: 444px){
	.optimizedtitle h1 {
		font-size:2.5rem!important;		
	}	
	.optimizedtext {
		font-size: 1.8rem!important;
	}
	.optimizedtext2 {
		font-size: 1.3rem!important;
	}
	.optimizedtext3 {
		font-size:1.6rem;
	}
	.optimizedemptyspace {
		height:15px!important;
	}	
	.textcity {
		font-size:1.7rem;
	}
	.titlecity h1 {
		font-size:3rem;
	}
	.branzah1 h1 {
		font-size:3rem;
	}
	.prawnikh1 h1 {
		font-size:3rem;
	}
	.optimizedtitleseo h1 {
		font-size:2.5rem;	
	}

.zs-speedtest-size {
	height: 90vh!important;
}
}

@media only screen and (min-width: 444px) and (max-width: 768px){
	.optimizedtitle h1 {
		font-size:3rem!important;		
	}	
	.optimizedtext {
		font-size: 2.1rem!important;
	}
	.optimizedtext2 {
		font-size: 1.42rem!important;
	}
	.optimizedtext3 {
		font-size:1.7rem;
	}
	.textcity {
		font-size:1.7rem;
	}
	.titlecity h1 {
		font-size:3.1rem;
	}
	.branzah1 h1 {
		font-size:3.1rem;
	}
	.prawnikh1 h1 {
		font-size:3.05rem;
	}
	.optimizedtitleseo h1 {
		font-size:3rem;	
	}
}
@media only screen and (min-width: 768px) and (max-width: 799px){
	.optimizedtitle h1 {
		font-size:3.1rem!important;	
	}	
	.optimizedtext {
		font-size: 2.1rem!important;
	}
	.optimizedtext2 {
		font-size: 1.42rem!important;
	}
	.optimizedtext3 {
		font-size:1.7rem;
	}
	.textcity {
		font-size:1.7rem;
	}
	.titlecity h1 {
		font-size:3.2rem;
	}
	.branzah1 h1 {
		font-size:3.2rem;
	}
	.prawnikh1 h1 {
		font-size:3.1rem;
	}
	.optimizedtitleseo h1 {
		font-size:3.5rem;	
	}
	.speedtest h1 {
		font-size:2.85rem;
	}
}
@media only screen and (min-width: 799px) and (max-width: 824px){
	.optimizedtitle h1 {
		font-size:3.35rem!important;
	}
	.optimizedtext {
		font-size: 2.15rem!important;
	}
	.optimizedtext2 {
		font-size: 1.43rem!important;
	}
	.optimizedtext3 {
		font-size:1.8rem;
	}
	.textcity {
		font-size:1.7rem;
	}
	.titlecity h1 {
		font-size:3.3rem;
	}
	.branzah1 h1 {
		font-size:3.3rem;
	}
	.prawnikh1 h1 {
		font-size:3.15rem;
	}
	.optimizedtitleseo h1 {
		font-size:3.5rem;	
	}
	.speedtest h1 {
		font-size:3rem;
	}
}
@media only screen and (min-width: 824px) and (max-width: 849px){
	.optimizedtitle h1 {
		font-size:3.5rem!important;
	}
	.optimizedtext {
		font-size: 2.20rem!important;
	}
	.optimizedtext2 {
		font-size: 1.44rem!important;
	}
	.optimizedtext3 {
		font-size:1.85rem;
	}
	.textcity {
		font-size:1.7rem;
	}
	.titlecity h1 {
		font-size:3.4rem;
	}
	.branzah1 h1 {
		font-size:3.4rem;
	}
	.prawnikh1 h1 {
		font-size:3.2rem;
	}
	.optimizedtitleseo h1 {
		font-size:3.5rem;	
	}
	.speedtest h1 {
		font-size:3rem;
	}
}
@media only screen and (min-width: 849px) and (max-width: 874px){
	.optimizedtitle h1 {
		font-size:3.65rem!important;
	}
	.optimizedtext {
		font-size: 2.25rem!important;
	}
	.optimizedtext2 {
		font-size: 1.45rem!important;
	}
	.optimizedtext3 {
		font-size:1.85rem;
	}
	.textcity {
		font-size:1.7rem;
	}
	.titlecity h1 {
		font-size:3.5rem;
	}
	.prawnikh1 h1 {
		font-size:3.2rem;
	}
	.optimizedtitleseo h1 {
		font-size:3.65rem;	
	}
	.speedtest h1 {
		font-size:3rem;
	}
}
@media only screen and (min-width: 874px) and (max-width: 899px){
	.optimizedtitle h1 {
		font-size:3.8rem!important;
	}
	.optimizedtext {
		font-size: 2.30rem!important;
	}
	.optimizedtext2 {
		font-size: 1.46rem!important;
	}
	.optimizedtext3 {
		font-size:1.9rem;
	}
	.textcity {
		font-size:1.75rem;
	}
	.titlecity h1 {
		font-size:3.6rem;
	}
	.prawnikh1 h1 {
		font-size:3.2rem;
	}
	.optimizedtitleseo h1 {
		font-size:3.8rem;	
	}
	.speedtest h1 {
		font-size:3rem;
	}
}
@media only screen and (min-width: 899px) and (max-width: 924px){
	.optimizedtitle h1 {
		font-size:3.95rem!important;
	}
	.optimizedtext {
		font-size: 2.35rem!important;
	}
	.optimizedtext2 {
		font-size: 1.47rem!important;
	}
	.optimizedtext3 {
		font-size:1.9rem;
	}
	.textcity {
		font-size:1.8rem;
	}
	.titlecity h1 {
		font-size:3.7rem;
	}
	.prawnikh1 h1 {
		font-size:3.2rem;
	}
	.optimizedtitleseo h1 {
		font-size:3.95rem;	
	}
	.speedtest h1 {
		font-size:3rem;
	}
}
@media only screen and (min-width: 924px) and (max-width: 949px){
	.optimizedtitle h1 {
		font-size:4.1rem!important;
	}
	.optimizedtext {
		font-size: 2.40rem!important;
	}
	.optimizedtext2 {
		font-size: 1.48rem!important;
	}
	.optimizedtext3 {
		font-size:1.9rem;
	}
	.textcity {
		font-size:1.85rem;
	}
	.titlecity h1 {
		font-size:3.8rem;
	}
	.prawnikh1 h1 {
		font-size:3.2rem;
	}
	.optimizedtitleseo h1 {
		font-size:4.1rem;
	}
	.speedtest h1 {
		font-size:3rem;
	}
}
@media only screen and (min-width: 949px) and (max-width: 974px){
	.optimizedtitle h1 {
		font-size:4.25rem!important;
	}
	.optimizedtext {
		font-size: 2.45rem!important;
	}
	.optimizedtext2 {
		font-size: 1.49rem!important;
	}
	.optimizedtext3 {
		font-size:1.95rem;
	}
	.textcity {
		font-size:1.90rem;
	}
	.titlecity h1 {
		font-size:3.4rem;
	}
	.prawnikh1 h1 {
		font-size:3.2rem;
	}
	.optimizedtitleseo h1 {
		font-size:4.25rem;
	}
	.speedtest h1 {
		font-size:3rem;
	}
}
@media only screen and (min-width: 974px) and (max-width: 999px){
	.optimizedtitle h1 {
		font-size:4.4rem!important;
	}
	.optimizedtext {
		font-size: 2.50rem!important;
	}
	.optimizedtext2 {
		font-size: 1.50rem!important;
	}
	.optimizedtext3 {
		font-size:1.95rem;
	}
	.textcity {
		font-size:1.95rem;
	}
	.titlecity h1 {
		font-size:4rem;
	}
	.prawnikh1 h1 {
		font-size:3.2rem;
	}
	.optimizedtitleseo h1 {
		font-size:4.4rem;
	}
	.speedtest h1 {
		font-size:3rem;
	}
}
@media only screen and (min-width: 999px) and (max-width: 1024px){
	.optimizedtitle h1 {
		font-size:4.55rem!important;
	}
	.optimizedtext {
		font-size: 2.55rem!important;
	}
	.optimizedtext2 {
		font-size: 1.51rem!important;
	}
	.optimizedtext3 {
		font-size:2rem;
	}
	.textcity {
		font-size:2rem;
	}
	.titlecity h1 {
		font-size:4.1rem;
	}
	.prawnikh1 h1 {
		font-size:3.2rem;
	}
	.optimizedtitleseo h1 {
		font-size:4.4rem;
	}
	.speedtest h1 {
		font-size:3rem;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1049px){
	.optimizedtitle h1 {
		font-size:4.55rem!important;
	}
	.optimizedtext {
		font-size: 2.60rem!important;
	}
	.optimizedtext2 {
		font-size: 1.52rem!important;
	}
	.optimizedtext3 {
		font-size:2rem;
	}
	.textcity {
		font-size:2.05rem;
	}
	.titlecity h1 {
		font-size:4.2rem;
	}
	.prawnikh1 h1 {
		font-size:3.2rem;
	}
	.optimizedtitleseo h1 {
		font-size:4.4rem;
	}
	.speedtest h1 {
		font-size:3rem;
	}
}
@media only screen and (min-width: 1049px) and (max-width: 1074px){
	.optimizedtitle h1 {
		font-size:4.7rem!important;
	}
	.optimizedtext {
		font-size: 2.65rem!important;
	}
	.optimizedtext2 {
		font-size: 1.53rem!important;
	}
	.optimizedtext3 {
		font-size:2rem;
	}
	.textcity {
		font-size:2.10rem;
	}
	.titlecity h1 {
		font-size:4.3rem;
	}
	.prawnikh1 h1 {
		font-size:3.2rem;
	}
	.optimizedtitleseo h1 {
		font-size:4.4rem;
	}
	.speedtest h1 {
		font-size:3rem;
	}
}
@media only screen and (min-width: 1074px) and (max-width: 1099px){
	.optimizedtitle h1 {
		font-size:4.85rem!important;
	}
	.optimizedtext {
		font-size: 2.70rem!important;
	}
	.optimizedtext2 {
		font-size: 1.54rem!important;
	}
	.optimizedtext3 {
		font-size:2.05rem;
	}
	.textcity {
		font-size:2.15rem;
	}
	.titlecity h1 {
		font-size:4.4rem;
	}	
	.prawnikh1 h1 {
		font-size:3.2rem;
	}
	.optimizedtitleseo h1 {
		font-size:4.4rem;
	}
	.optimizedtext3 {
		font-size:2.05rem;
	}
	.speedtest h1 {
		font-size:3rem;
	}
}
@media only screen and (min-width: 1099px) and (max-width: 1124px){
	.optimizedtitle h1 {
		font-size:5rem!important;
	}
	.optimizedtext {
		font-size: 2.75rem!important;
	}
	.optimizedtext2 {
		font-size: 1.55rem!important;
	}	
	.textcity {
		font-size:2.10rem;
	}
	.titlecity h1 {
		font-size:4.5rem;
	}
	.prawnikh1 h1 {
		font-size:3.2rem;
	}
	.optimizedtitleseo h1 {
		font-size:4.4rem;
	}
	.optimizedtext3 {
		font-size:2.05rem;
	}
	.speedtest h1 {
		font-size:3rem;
	}
}
@media only screen and (min-width: 1124px) and (max-width: 1149px){
	.optimizedtitle h1 {
		font-size:5.15rem!important;
	}
	.optimizedtext {
		font-size: 2.80rem!important;
	}
	.optimizedtext2 {
		font-size: 1.56rem!important;
	}
	.textcity {
		font-size:2.15rem;
	}
	.titlecity h1 {
		font-size:4.6rem;
	}
	.prawnikh1 h1 {
		font-size:3.2rem;
	}
	.optimizedtitleseo h1 {
		font-size:4.4rem;
	}
	.optimizedtext3 {
		font-size:2.05rem;
	}
	.speedtest h1 {
		font-size:3rem;
	}
}
@media only screen and (min-width: 1149px) and (max-width: 1174px){
	.optimizedtitle h1 {
		font-size:5.3rem!important;
	}
	.optimizedtext {
		font-size: 2.85rem!important;
	}
	.optimizedtext2 {
		font-size: 1.57rem!important;
	}
	.textcity {
		font-size:2.20rem;
	}	
	.titlecity h1 {
		font-size:4.7rem;
	}
	.prawnikh1 h1 {
		font-size:3.3rem;
	}
	.optimizedtitleseo h1 {
		font-size:4.4rem;
	}
	.optimizedtext3 {
		font-size:2.1rem;
	}
	.speedtest h1 {
		font-size:3rem;
	}
}
@media only screen and (min-width: 1175px) and (max-width: 1199px){
	.optimizedtitle h1 {
		font-size:5.45rem!important;
	}
	.optimizedtext {
		font-size: 2.90rem!important;
	}
	.optimizedtext2 {
		font-size: 1.58rem!important;
	}
	.textcity {
		font-size:2.25rem;
	}
	.titlecity h1 {
		font-size:4.8rem;
	}
	.prawnikh1 h1 {
		font-size:3.4rem;
	}
	.optimizedtitleseo h1 {
		font-size:4.4rem;
	}
	.optimizedtext3 {
		font-size:2.1rem;
	}
	.speedtest h1 {
		font-size:3rem;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1291px){
	.optimizedtitle h1 {
		font-size:5.6rem!important;
	}
	.optimizedtext {
		font-size: 2.95rem!important;
	}
	.optimizedtext2 {
		font-size: 1.59rem!important;
	}
	.textcity {
		font-size:2.3rem;
	}
	.titlecity h1 {
		font-size:4.9rem;
	}
	.prawnikh1 h1 {
		font-size:3.5rem;
	}
	.optimizedtitleseo h1 {
		font-size:4.4rem;
	}
	.optimizedtext3 {
		font-size:2.15rem;
	}
	.speedtest h1 {
		font-size:3rem;
	}
}
	
@media only screen and (min-width: 1292px){
	.textcity {
		font-size:2.5rem;
	}
	.titlecity h1 {
		font-size:5rem!important;
	}
	.prawnikh1 h1 {
		font-size:3.5rem;
	}	
	.optimizedtext4 {
		font-size:2.5rem;
		color:#fff;
	}
	.optimizedtext3 {
		font-size:2.2rem;
	}
	.optimizedtitleseo h1 {
		font-size:4.4rem;
	}
	.speedtest h1 {
		font-size:3rem;
	}
}

.vc_carousel-slideline {
	text-align:center;
}

.galeriastrony .icon-prev {
	background-color:black;
	padding-top:8px!important;
	padding-right:2px!important;
	border-radius:15px;
}

.galeriastrony .icon-next {
	background-color:black;
	padding-top:8px!important;
	padding-left:2px!important;
	border-radius:15px;
}

.galeriastrony .icon-next {
	background-color:black;
	
}

.galeriastrony .vc_images_carousel .vc_carousel-control {
	width:0!important;
}
/* 
.owl-wrapper{
	display:flex !important;
	align-items:stretch;
}
.owl-wrapper .owl-item.active .wpb_raw_html, .owl-wrapper .owl-item.active .wpb_raw_html .wpb_wrapper{
	height:100%;
} */

.opiniaSet{
	display:flex;
	flex-direction:row;
	justify-content:space-evenly;
	align-items:stretch;
	flex-wrap:wrap;
}

.opiniaBox{
		background:#fff;  
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    padding: 20px;
		border-radius:5px;
		border-top-width: 3px;
    border-top-color: #0057a9;
    border-top-style: solid;
		display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
	padding:20px 30px 40px;
	width:32%;
	
}

.opiniaBox .opiniaLogo{
	margin-top:10px;
}

.opiniaBox .opiniaLink{
	margin: 10px 0;
}

.opiniaBox p.opiniaDesc {
    margin: 20px 0;
    color: #202124;
    font-size: 0.9rem;
		line-height:18px;
	text-align:left;
}

.opiniaBox .opiniaStarsBox {
	margin-top:auto;
	align-self:flex-start;
    display: flex;
}

.opiniaBox .opiniaStarsBox .opiniaStar {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAZklEQVR4AWL4uYWZCdAJHVMBAIJAAG1DoAtjGarYxxjqwHADnA8HFuWL3E8puH8gAqILPaB34Qq4FAQ1yoo+8ES7NRWKe6u+Ogo0XjtaCmlSd6K/4OQQOF0JKYTsMasgOIRkBfDZATita/85jgoHAAAAAElFTkSuQmCC);
    width: 14px;
    height: 13px;
    background-size: 14px 13px;
}


@media only screen and (max-width: 992px){
	.opiniaBox{
		width:48%;
	}
	.opiniaBox:nth-of-type(3){
		display:none;
	}
}

@media only screen and (max-width: 576px){
	.opiniaBox{
		width:98%;
	}
	.opiniaBox:nth-of-type(2){
		display:none;
	}
}


.media {
    display: flex!important;
    align-items: flex-start;
}
.testmonial-box {
	background:#fff;  
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    padding: 20px;
		border-radius:5px;
	border-top-width: 3px;
    border-top-color: #0057a9;
    border-top-style: solid;
	min-height:340px;
}
.testmonial-box .avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 0 15px 15px;
    position: relative;
    background: #7d7d7d;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 25px;
	margin-top:20px;
}
.testmonial-box .testmonial-text {
    padding-left: 20px;
	margin-top:20px;
	padding-bottom:20px;
}
.media-body {
    flex: 1 1;
}
.testmonial-box .testmonial-info {
    font-size: 13px;
		color:#70757a;
	margin-top:-40px;
}
.testmonial-box .testmonial-text h6 {
    font-size: 15px;
    font-weight: bold;
    color: #bdbdbd;
    margin-bottom: 0;
    font-family: "arial",sans-serif;
}
.testmonial-box .testmonial-text p {
    margin-bottom: 0;
	color:#bdbdbd;
}
.testmonial-box .testmonial-info h6 {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    margin-bottom: 0;
    font-family: "arial",sans-serif;
}
.testmonial-box .testmonial-info p {
    margin-bottom: 0;
}
.testmonial-box .testmonial-info .testimonial-stars-row {
    display: flex;
    align-items: center;
}
.testmonial-box .testmonial-info .testimonial-stars-row .stars {
    display: flex;
}
.testmonial-box .testmonial-info .testimonial-stars-row .stars .star {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAZklEQVR4AWL4uYWZCdAJHVMBAIJAAG1DoAtjGarYxxjqwHADnA8HFuWL3E8puH8gAqILPaB34Qq4FAQ1yoo+8ES7NRWKe6u+Ogo0XjtaCmlSd6K/4OQQOF0JKYTsMasgOIRkBfDZATita/85jgoHAAAAAElFTkSuQmCC);
    width: 14px;
    height: 13px;
    background-size: 14px 13px;
}
.testmonial-box .testmonial-info .testimonial-stars-row .date {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 12px;
}
.testmonial-box .testmonial-info .testimonial-stars-row .new-opinion {
    border: 1px solid #dadce0;
    font-weight: 700;
    padding: 0 6px;
    color: #231f20;
    text-transform: uppercase;
    height: 20px;
    letter-spacing: .5px;
    border-radius: 4px;
    line-height: 18px;
    text-align: center;
    font-size: 11px;
    font-family: "arial",sans-serif;
}
.testmonial-box .testmonial-text p.desc {
    margin-top: 10px;
    font-family: "arial";
    color: #202124;
    font-size: 13px;
    line-height: 18px;
}

@media (max-width: 768px) {
.testmonial-box .testmonial-info .testimonial-stars-row {
    flex-direction: column;
    align-items: flex-start;
}
.testmonial-box .testmonial-info .testimonial-stars-row .date {
    margin-left: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}
	.prawnikh1 {
		margin-top:-60px;
	}
}

#breadcrumbs {
	font-size:15px;
	text-align:center;
}

.seorules h3 {
	font-size:1.25rem;
}
.seorules p {
	margin-top:5px;
	margin-bottom:30px!important;
}

.cky-notice button{
	height:41px!important;
}

.cky-btn-revisit{
	height:37px;
}

.single-post .main-content {
	max-width:750px;
	margin-left:auto;
	margin-right:auto;
}

.single-post.sidebar-none .main-content .content .post-inner, .single-attachment.sidebar-none .main-content .content .post-inner {
	padding:0%;
}

.main-sidebar {
	padding-left:0;
	margin-top:63px;
	padding-right:0;
}

.sidebarkontakt {
	border:1px solid rgba(3, 42, 95, 0.1);
	border-radius:5px;
	box-shadow: 0 0px 10px 0px rgb(0 0 0 / 15%), 0 0 1px rgb(0 0 0 / 9%);
	z-index:2!important;
}

.sidebarkontakt .wpcf7-form-control-wrap input {
	border-color:#999999!important;
}

.sidebarkontakt h3 {
	margin-top:0px!important;
	text-align:center;
	font-size:25px;
}

.sidebarkontakt .contact .row:last-child {
	margin-bottom:-20px!important;
}

.sidebarkontakt a {
	color:#3ea9f5;
}

.sidebarkontakt .wpcf7-form-control-wrap input {
	border-color:rgba(3, 42, 95, 0.1);
}

#text-13{
	z-index:999;
	margin-top:35px;
}

@media only screen and (min-height: 901px) {
	.sidebaroferta {
		margin-bottom:10px;
	}
}

@media only screen and (min-height: 819px) and (max-height: 900px) {
	
	.sidebaroferta1 {
		display:none;
	}

	.sidebaroferta {
		margin-bottom:15px;
	}
}

@media only screen and (min-height: 769px) and (max-height: 818px) {
	
	.sidebaroferta1 {
		display:none;
	}
	.sidebaroferta2 {
		display:none;
	}
	.sidebaroferta {
		margin-bottom:-10px;
	}
	.sidebarkontakt h3 {
		font-size:22px;
	}	
}

@media only screen and (min-height: 720px) and (max-height: 768px) {
	
	.sidebaroferta1 {
		display:none;
	}
	.sidebaroferta2 {
		display:none;
	}
	.sidebaroferta3 {
		display:none;
	}
	.sidebarkontakt h3 {
		font-size:20px;
	}
		.sidebaroferta {
		margin-bottom:-40px;
	}
}
@media only screen and (min-height: 640px) and (max-height: 719px) {
	
	.sidebaroferta1 {
		display:none;
	}
	.sidebaroferta2 {
		display:none;
	}
	.sidebaroferta3 {
		display:none;
	}
	.sidebaroferta4 {
		margin-bottom:-40px!important;
	}

	.sidebarkontakt h3 {
		font-size:18px;
		margin-bottom:-10px;
	}
}
@media only screen and (min-height: 0px) and (max-height: 639px) {
	
	.sidebaroferta1 {
		display:none;
	}
	.sidebaroferta2 {
		display:none;
	}
	.sidebaroferta3 {
		display:none;
	}
	.sidebaroferta4 {
		display:none;
	}
	.sidebarkontakt h3 {
		display:none;
	}
	.sidebaroferta {
		margin-top:-60px;
	}
}

@media only screen and (min-width: 1301px) {
.footerblogkontant {
   display:none;
}
}

@media only screen and (max-width: 1300px) {
body.sidebar-left #main-content, body.sidebar-right #main-content {
    float: none;
    width: 100%;
}
	.main-sidebar {
		display:none;
	}
	.opiniezgoogle {
		margin-top:60px;
	}
}
@media only screen and (max-width: 679px) {
	.opiniezgoogle1 {
		margin-top:100px;
	}
}

.sidebarbutton input[type="submit"].orange, button[type="submit"].orange, .button.orange {
	color:white!important;
}

#site .przygotowanie  {
	margin-top:100px;
}

@media only screen and (min-width: 679px) {
.przygotowanie .price-column {
	width:100%;
}
#site .przygotowanie .price-column .column-container {
    padding: 58px 58px 78px 58px;
	border-radius:5px;
}
}
.przygotowanie .features {
	padding-top:35px!important;
	border-top:2px solid #ebebeb;
}

#site .przygotowanie2  {
	margin-top:100px;
}

@media only screen and (min-width: 679px) {
.przygotowanie2 .price-column {
	width:100%;
}
#site .przygotowanie2 .price-column .column-container {
    padding: 58px 58px 78px 58px;
	border-radius:5px;
	box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
}
}

.przygotowanie2 .features {
	padding-top:35px!important;
	border-top:2px solid #ebebeb;
}

#site .przygotowanie2 .price-column .column-container  {
	background-color:white!important;
}

.zs-speedtest {
	-webkit-transition: .2s height ease;
    -moz-transition: .2s height ease;
    transition: .2s height ease;
    margin-top: -20px;
}

.zs-speedtest-size {
    width: 100%;
	height: 70vh;
}

@media(max-width: 1100px){
	.zs-speedtest-size {
    width: 100%;
	height: 50vh;
}
}

.no-border {
    border: 0!important;
}

h2.offerHeading{
	margin:0 auto;
}

@media only screen and (max-width: 768px){
	.offerHeading{
		font-size:2rem!important;
		line-height:2.2rem!important;
	}
	.offerHeading.homeSubtitle{
		font-size:1.4rem !important;
		line-height:1.6rem!important;
	}
	.offerHeadingCol p {
		font-size:1.2rem !important;
		line-height:1.4rem !important;
		font-weight:100 !important;
	}
}
@media only screen and (max-width: 1200px){
	.changeColOrder > .wpb_column:first-of-type{
		order:2;
	}
	.offerImgCol > .vc_column-inner{
		padding:0 20px 50px 20px!important;
	}
	
}

/* cookie styling */
.cky-consent-container{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}

.cky-consent-bar {
    position: fixed;
    width: 60rem !important;
    box-sizing: border-box;
    z-index: 9999999;
	padding: 20px !important;
	border-radius: 5px;
}

.cky-notice-group{
	display: block !important;
}

.cky-notice-btn-wrapper{
	margin-left: 0 !important;
}

.cky-notice-des{
	text-align: center;
	margin-bottom: 15px;
}

.cky-notice-des p{
	font-size: 16px !important;
}

.cky-btn-customize, .cky-btn-reject{
	background-color: #171717 !important;
	color: #ffffff !important;
	border: none !important;
	font-size: 14px !important;
	padding: 10px 22px !important;
	border-radius:5px !important;
	transition: background-color .3s;
}
.cky-btn-accept{
		background-color: #008266 !important;
	color: #ffffff !important;
	border: none !important;
	font-size: 14px !important;
	padding: 10px 22px !important;
	border-radius:5px !important;
	transition: background-color .3s, color .3s;
}

.cky-btn-accept:hover{
	background-color: #171717!important;
}

.cky-btn-customize:hover, .cky-btn-reject:hover{
	background-color:#1dc2ef !important;
}

.cky-btn-preferences{
	color: #171717 !important;
	border-color: #171717 !important;
	font-size: 14px !important;
	padding: 10px 22px !important;
	border-radius:5px !important;
	border-width:1px !important;
	transition: background-color .3s, color .3s;
}
.cky-btn-preferences:hover{
	color:#fff !important;
	background-color:#008266 !important;
}

@media(max-width: 959px){
	.cky-consent-bar{
		width: 80% !important;
	}
	
	.cky-notice-des{
		margin-bottom: 0 !important;
		padding: 10px !important;
	}
}

.case-box{
    width: 100%;
    height: 350px;
    background: none;
    transition: ease-in-out 0.2s;
		display:flex;
		justify-content:center;
	align-items:flex-start;
}

.case-box1{
	background-size: contain;
	background-repeat:no-repeat;
}

.box-image:hover .case-box{
	background-position:center 15%;
}

.CTA-reflink-VPN{
	position:relative;
	width:100%;
	border-radius:5px;
	border-left:5px solid #008266;
	display:flex;
	justify-content:center;
	align-items:center;
  box-shadow: 0 0px 15px rgb(0 0 0 / 20%);
	padding:20px 10px;
	transition:color .3s;
	overflow:hidden;
	z-index:0;
}

.CTA-reflink-VPN::after{
	position:absolute;
	top:-205px;
	left:-500px;
	width:300px;
	height:300px;
	background-color:#008266;
	transform:rotate(45deg) translateX(50%);
	content:'';
	transition:left .3s;
	z-index:1;
	
}
.CTA-reflink-VPN:hover::after{
	left:-110px;
}
.CTA-link{
	width:40%;
	color:#008266;
	font-weight:600;
	z-index:2;
}
.CTA-img{
	width:50%;
	display:flex;
	justify-content:flex-end;
	z-index:2;
}
.CTA-reflink-VPN:hover .CTA-link{
	color:#fff;
}

@media only screen and (max-width: 768px){
	.CTA-reflink-VPN:hover::after{
		left:-180px;
	}
}
@media only screen and (max-width: 540px){
	.CTA-reflink-VPN::after{
		width:400px;
		height:400px;
		top:-290px;
		left:-700px;
	}
	.CTA-reflink-VPN:hover::after{
		left:-110px;
	}
}

.vc_sep_width_10.vc_sep_border_width_10 .vc_sep_line,
.vc_sep_width_20.vc_sep_border_width_10 .vc_sep_line{
	    border-color: #dedede !important;
}
.otherServicesRow{
	display:flex;
	flex-direction:row;
	justify-content:space-evenly;
	flex-wrap:wrap;
	min-width:300px;
}
.otherServicesRow3{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	min-width:300px;
}
.otherServicesRow2{
	display:flex;
	flex-direction:row;
	justify-content:center;
	flex-wrap:wrap;
	gap:50px;
	min-width:300px;
}
.otherServicesBox{
	padding:40px 30px;
	width:31%;
	border-top:2px solid #008266;
	border-radius:5px;
	background-color:#fff;
	box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}
.otherServicesBox2{
	padding:40px 10px;
	width:24%;
	border-top:2px solid #008266;
	border-radius:5px;
	background-color:#fff;
	box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}
.otherServicesBox2 h3{
	padding-right:80px;
}

.otherServicesBox.col2{
	width:49% !important;
}
.otherServicesBox.col3{
	width:32% !important;
}

@media only screen and (max-width: 768px){
	.otherServicesBox, .otherServicesBox.col2, .otherServicesBox.col3{
		width:100% !important;
		margin:10px;
	}
	.otherServicesBox2{
		width:100%;
		margin:10px;
	}
	section .otherServicesRow3{
		margin-top:0px !important;
	}
}

.compareRow{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:flex-start;
}


.compareRow .compareBox-zdobywcy{
	width:50%;
	background-color:#fff;
	box-shadow:0 10px 60px rgba(0, 0, 0, 0.1);
	border-radius:5px;
	overflow:hidden;
	z-index:1
}

.compareBox-zdobywcy .button{
	background-color:#171717;
	width:100%;
	color:#fff;
	text-align:center;
}
.compareBox-zdobywcy .button:after{
	background-color:#171717;
}

.compareRow .compareBox-accent{
	background-color:#171717;
	text-align: center;
}

.compareRow .compareBox-content{
	padding:5% 10%;
}

.compareRow .compareBox-accent span {
    color: #ffffff;
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 2px 0;
    height: 30px;
    line-height: 30px;
}

.compareRow .compareBox-inni{
	margin-top:30px;
	width:50%;
	background-color:#f3f6f9;
	box-shadow:0 10px 60px rgba(0, 0, 0, 0.1);
	z-index:0;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
.compareBox-inni .button{
	background-color:#171717;
	width:100%;
	color:#fff;
	text-align:center;
}
.blog-cennik {
	max-width:1200px;
	margin:auto!important;
}


@media only screen and (max-width: 576px){
	.compareRow{
		flex-direction:column;
	}
	.compareRow .compareBox-zdobywcy{
		width:100%;
	}
	.compareRow .compareBox-inni{
		background:none;
		margin-top:40px;
		width:100%;
		box-shadow:none;
	}
}

.offerShopPricingTable{
	max-width:780px;
	margin:0 auto!important;
}

.kontaktBox .vc_column-inner{
	background:none !important;
}

.caseBox-img{
/* 	position:absolute!important; */
	width:100%;
}

.caseBoxRow{
	display:flex;
	flex-direction:row;
	justify-content:space-evenly;
	flex-wrap:wrap;
	min-width:300px;
	gap:15px;
}
.caseBoxRow.row2{
	margin-top: 90px;
}
.caseBox{
	padding:0px;
	width:93%;
	border-top:2px solid #008266;
	border-radius:5px;
	background-color:#fff;
	box-shadow: 0 0 30px rgb(0 0 0 / 10%);
	overflow:hidden;
}
.caseBox .box-content{
	padding-left:30px!important;
	padding-right:30px !important;
}

.caseBox.column3{
	width:30%;
}


@media only screen and (max-width: 768px){
	.caseBoxRow.row2{
		margin-top:0px;
	}
	.caseBox{
		width:100%;
		margin:10px;
	}
	.caseBox.column3{
		width:100%;
		margin:10px;
	}
	.caseBox.vc_column_container>.vc_column-inner {
		padding-left:0px!important;
		padding-right:0px!important;
	}	
}

.toggleButton.active{
	background-color:#1dc2ef;
}

/* .imagebox{
	border-radius:5px;
	border-top:2px solid var(--main-accent);
} */

.logosToolsRow{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	
}
.logosToolsRow>*{
	width:25%;
}


@media only screen and (max-width: 768px){
.logosToolsRow{
	margin-top:10px !important;
}
	.logosToolsRow .vc_column-inner{
		padding-left:0px !important;
		padding-right:0px !important;
	}
.wpb-content-wrapper .sectionPadding{
		padding-top:60px !important;
		padding-bottom:60px !important;
	}
	
.wpb-content-wrapper .sectionPaddingHeader{
		padding-top:15px !important;
		padding-bottom:20px !important;
	}
	.h0-sm{
		height:0px !important;
	}
	.h10-sm{
		height:10px !important;
	}
	.h30-sm{
		height:30px !important;
	}
	.h40-sm{
		height:45px !important;
	}
	.vc_section.p60-top-sm{
		padding-top:60px !important;
	}
	.vc_section .p60-top-sm{
		padding-top:60px !important;
	}
	.p60-bottom-sm{
		padding-bottom:60px !important;
	}
	.vc_row.m60-bottom-sm{
		margin-bottom:60px !important;
	}
	.wpb_wrapper .m60-bottom-sm{
		margin-bottom:60px !important;
	}
	.wpb_wrapper .m10-top-sm{
		margin-top:10px !important;
	}

}

.headerBg, .headerBg2{
	position:relative;
}
/* .headerBg::before, .headerBg2::before{
	position:absolute;
	height:100%;
	right:0;
	bottom:5%;
	background-image:url('https://zdobywcysieci.pl/images/headerbg-1.png');
	background-repeat:no-repeat;
	background-size:cover;
	background-color: rgba(0,0,0,0);
	content:'';
} */

.headerBg::before{
		width:40%;
}

.headerBg2::before{
		width:25%;
	opacity:0.2;
}

.owl-controls .owl-buttons{
		top:-70px !important;
	}

@media only screen and (max-width: 768px){
	.headerBg::before,.headerBg2::before{
		opacity:0.1;
	}
	.headerBg2::before{
		width:100%;
		left:0;
		right:auto;
	}
	.caseCarousel .owl-controls .owl-buttons{
		top:-50px !important;
	}
}

.branzaBox{
	display:flex;
	flex-direction:column;
	width:100%;
	justify-content:center;
	align-items:flex-start;
	gap:20px;
}

.branzaSelekt{
	border-color:var(--main-accent);
	font-size:1.1rem;
	width:40%;
	order:2;
}

.branzaHeader{
	line-height:55px;
	margin:0;
	font-size:36px;
	color:#fff;
}

#branzeSel.scrollFixed{
  position: fixed !important;
	left: 0px!important;
         top: 90px!important;
	z-index:10;
	margin:0;
	padding-top:20px !important;
	padding-bottom:20px !important;
	
}

.scrollFixed .branzaBox{
	flex-direction:row;
}

.scrollFixed .branzaSelekt{
	order:1;
}
.scrollFixed .branzaHeader{
	order:2;
	font-size:22px;
	width:60%;
}

@media only screen and (max-width: 992px){
	.branzaBox{
		align-items:center;
	}
	.branzaHeader{
		text-align:center;
		font-size:24px;
		line-height:43px;
	}
	.branzaSelekt{
		width:100%;
	}
	.scrollFixed .branzaSelekt{
		width:100%;
	}
	.scrollFixed .branzaHeader{
		display:none;
	}
}

@media only screen and (max-width: 545px){
	#branzeSel.scrollFixed{
		top:90px !important;
	}
	.scrollFixed .branzaSelekt{
	height:40px;
}
	.branzaHeader{
		font-size:18px;
		line-height:26px;
	}
	div#branzeSel{
		padding-top:30px!important;
		padding-bottom:30px!important;
	}
}

.compareBox2{
	display:flex;
	flex-direction:column;
	align-items:center;
		background-color:#fff;
	box-shadow:0 10px 60px rgba(0, 0, 0, 0.1);
	border-radius:5px;
	overflow:hidden;
	z-index:1
}

.compareBox2 .compareBox-accent2{
	background-color:#171717;
	text-align: center;
	width:100%;
}

.compareBox2 .compareBox-accent2 span {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 2px 0;
    height: 30px;
    line-height: 30px;
}
.compareBox2 .compareBox-content2{
	display:flex;
	flex-direction:column;
	width:100%;
}

.compareBox-content2 .compareItemRow{
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	margin-left:20px;
	margin-right:20px;
}
.compareItemRow:last-child{
		margin-bottom:20px;
}

.compareItemRow:nth-child(even){
	background-color:#f6f7f8;
}

.compareItemRow div{
	padding:20px 30px;
}

.compareDesc{
width:40%;
font-weight:400;
display:flex;
justify-content:flex-start;align-items:center;}

.compareCheck{
	width:30%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.translate .compareCheck{
	width:20%;
}

.compareCheck:nth-child(even){
	border-left:2px solid #1dc2ef;
	border-right:2px solid #1dc2ef;
}

.translate .compareCheck:nth-child(even){
	border:none;
}

.compareItemRow:last-child .compareCheck:nth-last-child(2){
	border-bottom:2px solid #1dc2ef;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.compareItemRow.translate:last-child .compareCheck:nth-last-child(2){
	border-bottom:none;
}

.compareCheck .compareMark{
	margin:3px 7px 3px 0;
	width:25px;
	height:25px;
}

.compareZdobywcy{
	width:30%;
	text-align:center;
	border-left:2px solid #1dc2ef; 
	border-right:2px solid #1dc2ef; 
	display:flex;
	justify-content:center;
	align-items:center;
}
.compareInni{
	width:30%;
	text-align:center;
}

.translate .compareInni{
	width:20%;
}
.translate .compareInni h3{
	margin-bottom:0 !important;
}
.translate .compareCheck span{
	font-weight:600;
}

@media only screen and (max-width: 768px){
	.compareBox-content2 .compareItemRow{
		flex-wrap:wrap;
		margin-left:0;
		margin-right:0;
		
	}
	.compareItemRow:last-child{
		margin-bottom:0px;
}
	.compareDesc{
		width:100%;
			background-color:#f6f7f8;
		border-left:2px solid #1dc2ef;
		justify-content:center;
		text-align:center;
	}
	.translate .compareDesc{
		border:none;
	}
	.compareCheck{
			background-color:#fff;
		width:50%;
	}
	.translate .compareCheck{
		width:33%;
		font-size:0.8rem;
		text-align:center;
		padding:10px;
	}
	.compareZdobywcy{
		width:50%;
	}
	.compareInni{
		width:50%;
		
	}
	.translate .compareInni{
		width:33%;
		padding:5px;
		display:flex;
		align-items:center;
	}
	
	.translate .compareInni p{
		display:none;
	}
	.translate .compareInni h3{
		font-size:0.8rem !important;
	}
}


.compareBox2.www, .compareBox2.marketing, .compareBox2.addons{
	overflow:clip!important;
}

.compareBox2.www .compareBox-content2, .compareBox2.marketing .compareBox-content2, .compareBox2.addons .compareBox-content2{
	display:flex;
	flex-direction:column;
	width:100%;
	height:auto;
}
.compareBox2.www .compareDesc{
width:28%!important;
font-weight:400;
display:flex;
justify-content:flex-start;align-items:center;}

.compareBox2.marketing .compareDesc{
width:40%!important;
font-weight:400;
display:flex;
justify-content:flex-start;align-items:center;}

.compareBox2.addons .compareDesc{
width:65%!important;
font-weight:400;
display:flex;
justify-content:flex-start;align-items:center;}

.compareBox2.www .compareCheck{
	width:12%!important;
	display:flex;
	justify-content:center;
	align-items:center;
}
.compareBox2.marketing .compareCheck{
	width:20%!important;
	display:flex;
	justify-content:center;
	align-items:center;
}
.compareBox2.addons .compareCheck{
	width:35%!important;
	display:flex;
	justify-content:center;
	align-items:center;
}

.compareBox2.www .compareCheck:nth-child(even), .compareBox2.marketing .compareCheck:nth-child(even),.compareBox2.addons .compareCheck:nth-child(even){
	border-left:none!important;
	border-right:none !important;
}


.compareBox2.www .compareItemRow:last-child .compareCheck:nth-last-child(2), .compareBox2.marketing .compareItemRow:last-child .compareCheck:nth-last-child(2), .compareBox2.addons .compareItemRow:last-child .compareCheck:nth-last-child(2){
	border-bottom:none!important;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.compareBox2.www .compareName{
	width:12% !important;
	text-align:center;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.compareBox2.marketing .compareName{
	width:20% !important;
	text-align:center;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.compareBox2.addons .compareName{
	width:35% !important;
	text-align:center;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.compareBox2.migration .compareName{
	width:15% !important;
}
.compareBox2.migration .compareCheck{
	width:15% !important;
	flex-direction:column;
	gap:10px;
	line-height:1.1;
}
	.compareBox2.www .compareCheck .compareMark, .compareBox2.marketing .compareCheck .compareMark, .compareBox2.addons .compareCheck .compareMark{
	margin:0 !important;
	width:15px;
	height:15px;
}
.compareBox2.www .compareCheck, .compareBox2.marketing .compareCheck, .compareBox2.addons .compareCheck{
		text-align:center;
	}
.compareBox2.www .compareSectionRow, .compareBox2.marketing .compareSectionRow{
	background-color:#e7feef;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	margin-left:20px;
	margin-right:20px;
}
.compareBox2.www .compareSectionRow .compareSectionName, .compareBox2.marketing .compareSectionRow .compareSectionName{
	padding:20px 30px;
}
.compareBox2.www .compareSectionRow .compareSectionName h4, .compareBox2.marketing .compareSectionRow .compareSectionName h4{
	font-size:1.1rem;
	font-weight:600;
	color:var(--main-accent);
	margin:0!important;
}
.compareBox2.www .vc_icon_element-icon, .compareBox2.marketing .vc_icon_element-icon, .compareBox2.addons .vc_icon_element-icon{
	margin-left:25px !important;
}
.compareBox2.www .vc_icon_element-icon::before, .compareBox2.marketing .vc_icon_element-icon::before, .compareBox2.addons .vc_icon_element-icon::before{
	top:50%;
	left:50%;
	width:30px;
	transform:translate(-90%,-50%) scale(0.6);
}

.compareBox2.addons .compareItemRow div{
	padding:3px 5px 3px 15px;
}
.compareBox2.addons .compareItemRow.packets div{
	padding:15px 15px;
}

@media only screen and (max-width: 768px){
	div#utrzymanie, div#emarketing{
		margin-top:40px;
	}
	.compareBox2.www .compareBox-content2{
		overflow:scroll !important;
			height:450px!important;
	}
	.compareBox2.marketing .compareBox-content2{
			overflow-y:auto !important;
			height:450px!important;
	}
	.compareBox2.addons .compareBox-content2{
		height:auto;
	}
	.compareBox2.www .compareDesc, .compareBox2.marketing .compareDesc{
		width:100%!important;
		background-color:#f6f7f8;
		border-left:none;
		justify-content:center;
		text-align:center;
	}
	.compareBox2.addons .compareDesc{
		width:70%!important;
		background-color:transparent;
		border-left:none;
		padding:10px 10px !important;
		justify-content:flex-start;
		text-align:left;
		line-height:1.1;
	}
	.compareBox2.addons .compareCheck{
		width:30%!important;
		padding:10px 5px !important;
		background-color:transparent;
		line-height:1.1;
		font-size:1rem;
	}
	
	.compareBox2.www .compareCheck{
		width:16%!important;
		padding:15px 5px !important;
	}
	.compareBox2.marketing .compareCheck{
		width:33%!important;
		padding:15px 5px !important;
	}
	.compareBox2.addons .compareName{
		width:30%!important;
		padding:15px 30px;
		
	}
	.compareBox2.www .compareName{
		width:16%!important;
		padding:15px 30px;
		
	}
	.compareBox2.marketing .compareName{
		width:33%!important;
		padding:15px 30px;
		
	}
	.compareBox2.migration .compareCheck{
		width:25% !important;
	}
	.compareBox2.migration .compareName{
		width:25% !important;
	}
	.compareBox2.www .compareName h3{
		font-size:1rem !important;		
	}
	.compareBox2.www .compareItemRow{
		width:600px;
		justify-content:space-between;
	}
	.compareBox2.marketing .compareItemRow{
		justify-content:space-between;
	}
	.compareBox2.www .compareItemRow:nth-child(even), .compareBox2.marketing .compareItemRow:nth-child(even){
		background-color:#fff;
	}
	.compareBox2.www .compareItemRow.packets, .compareBox2.marketing .compareItemRow.packets{
		position:sticky !important;
		align-self: flex-start;
		top:0px;
		background-color:#fff;
		z-index:1;
	}
	.compareBox2.www .compareCheck .compareMark, .compareBox2.marketing .compareCheck .compareMark{
	margin:0 !important;
	width:15px;
	height:15px;
}
.compareBox2.www .compareSectionRow{
	margin:0 !important;
	justify-content:center;
	width:600px;
}
.compareBox2.marketing .compareSectionRow{
	margin:0 !important;
	justify-content:center;
	width:100%;
}
}



@media only screen and (max-width: 768px){
body .site-header-classic.header-brand-left .extras, body .site-header-sticky.header-brand-left .extras, body .site-header-classic.header-brand-right .extras, body .site-header-sticky.header-brand-right .extras {
    display: flex;
	align-items:center;
	height:90px;
}
}


.serwisBoxLink a:hover{
	color:var(--main-accent);
}

.bHeader{
	width:45%;
	text-align:center;
}

#ceny{
	scroll-margin-top:100px;
}

@media only screen and (max-width: 768px){
	.bHeader{
		width:99%;
	}
}

@media only screen and (max-width: 1199px){
	
	.homeHeaderCol .offerHeading, .homeHeaderCol p{
		text-align:center!important;
		
	}
	
	.homeHeaderCol .l-head-1 p{
		text-align:center !important;
	}
	
	.homeHeaderCol .l-head-2 p{
		text-align:center !important;
	}
	}
@media only screen and (max-width: 545px){
.button.konsultacja{
	font-size:10px;
	padding-left:10px;
	padding-right:10px;
}
	
	.button.konsultacja img{
		display:none;
	}
	
	.sectionPaddingHeader .vc_column-gap-30>.vc_column_container{
		padding:5px !important;
	}
	
}
.header-info-text{
	line-height:normal;
}

.icons-orange .iconlist-item-icon i{
	color: var(--main-accent) !important;
}

.headerGoogleBtn{
	position:absolute;
	top:10px;
	right:20%;
}

.headerImgBox{
	overflow:hidden;
}

@media only screen and (max-width: 768px){
.headerImgBoxheaderImgBox .headerGoogleBtn.kontakt{
	top:auto!important;
	bottom:0 !important;
}
	
	.headerImgBox .hBox-img.home{
		top:0; !important;
		right:10% !important;
	}
	.headerImgBox .hBox-img.kontakt{
		bottom:10px; !important;
		right:10px !important;
		left:auto !important;
		top:auto !important;
	}
}

@media only screen and (max-width: 1199px){
	.headerImgBox{
		margin-top:30px !important;
	}
}

.realizacjeHeader{
	overflow:hidden;
}

#ceny .pricing-table .column-container{
	padding-bottom: 30px !important;
}

#przygotowanie-seo{
	scroll-margin-top:100px;
}

@media only screen and (max-width: 400px) {
	.caseBoxLong .button {
		font-size:12px!important;
	}
	.caseBoxLong .vc_message_box {
		font-size:12px!important;
	}
}


.imagebox .box-header .box-header-title {
	   font-family: Rubik;
    font-weight: 500;
    color: #171717;
    font-size: 2rem;
    line-height: 1.2em;
    margin: 2px 0;
    font-size: 1.25rem;
    line-height: 1.385em;
}

#site .imagebox .box-header{
	border-radius:15px !important;
}

#site .imagebox .box-header .box-button .button{
	color:#f46137;
}

#site .imagebox .box-header .box-button .button:hover{
	color:#008266;
}

#site .imagebox .box-header .box-title small{
	color:#7b7b7b;
}

.googleBtn{
	position:absolute;
	bottom:10px;
  right:0;
	transform:translate(20%);
}

@media only screen and (max-width: 1200px){
	.googleBtn{
		position:relative;
		display:inline-flex;
		width:100%;
		justify-content:center;
		align-items:center;
		transform:translate(0%);
		margin-top:10px;
	}	
}

.case-study-box {
	display:block;
	margin:auto;
	text-align:left;
	border-radius:5px;
	box-shadow: 0 0 30px rgb(0 0 0 / 10%);
	border:1px solid #bbbbbb;
	padding:10px;
	margin:20px 0px;
	background:#e7feef;
}

.case-study-description {


	color:#000;
}
.case-study-description p {
	text-align:center;
	font-size:1rem;
	font-weight:400;
}

.case-study-box-image {
	margin-bottom:10px!important;
	position:relative;
	margin:auto;
	text-align:center;
}

.otherServicesBox.addons{
	width:100%!important;
	padding:30px 5px !important;
	margin:0 !important;
}


@media only screen and (max-width: 769px){
	.otherServicesBox.addons{
		padding:30px 25px !important;
}
}
	
@media only screen and (max-width: 426px){
	.otherServicesBox.addons{
		padding:30px 50px !important;
	}
	
}
@media only screen and (max-width: 1230px){
	.addonBox .wpb_wrapper p{
		font-size:1.2rem !important;
	}
}
@media only screen and (max-width: 956px){
	.addonBox .wpb_wrapper p{
		font-size:1rem !important;
	}
}
@media only screen and (max-width: 1199px){
.sep-md-center{
	margin-left:auto;
	margin-right:auto;
}
}
@media only screen and (max-width: 1199px){
.md-center{
	text-align:center;
}
}

.footer-widgets {
	padding-bottom:0;
}
.site-footer .footer-copyright {
	padding:13px 0px;
}


/* TABELA TESTOWA */
	.prices-wrap{width:100%;display:flex;flex-direction:column;position:relative;align-self:center;margin:0 auto;}
	.prices-wrap .prices-column{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background-color:#ffffff;margin:10px;border-radius:10px;padding:40px}
	.prices-wrap .prices-options{display:flex;flex-direction:column;align-items:flex-start;}
	.prices-wrap .prices-options_wrap{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
.prices-wrap .prices-options.price{width:20%;align-self:center;display:flex;justify-content:center;}
.prices-wrap h3{
	font-size:1.6rem !important;
	margin-top:0 !important;
}		
.prices-wrap .price{
	font-size:1rem;
	align-self:center;
}
.prices-wrap .price span{
	font-size:2.5rem !important;
	display:block;
}
		/*KONIEC TABELI TESTOWEJ */


/* info buttony case study - START */

.info-btn{
	background:none !important;
	border-color: var(--main-accent) !important;
}
.info-btn .vc_message_box-icon{
	color: var(--main-accent) !important;
}

.info-btn-ex1{
	background:none !important;
	border-color: var(--main-accent) !important;
	display:flex !important;
	justify-content:center;
	align-items:center;
	gap:10px;
	padding:5px 0px 3px 0px !important;
	margin-bottom:10px !important;
}
.info-btn-ex1 .vc_message_box-icon{
	color: var(--main-accent) !important;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	width:auto;
}
.info-btn-ex1 .vc_message_box-icon i{
	position:relative;
	transform:none;
	left:auto;
	top:auto;
}

.info-btn-ex1 .vc_message_box-icon>*{
	line-height:normal;
}

.caseImgChart{
	max-width:1700px;
	margin:0 auto;
	position:relative;
}


.caseImgChart img{
	background-color:#fff;
}

.caseBoxPrev-btn p{
	display:flex;
	justify-content:space-evenly;
}
.caseBoxPrev-btn .kwords-btn{
	background:#7b7b7b;
}

.caseImgChart i.fa.fa-arrows{
	position:absolute;
	top:40%;
	left:50%;
	transform:translate(-50%,-50%);
	font-size:8rem;
	opacity:0;
}

.caseImgChart.home::before{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) rotate(45deg);
	font-size:8rem;
	opacity:0;
	z-index:2;
	content: '\26B2';
}

i.fa.fa-arrows.caseHome{
	position:absolute;
	top:40%;
	left:50%;
	transform:translate(-50%,-50%);
	font-size:8rem;
	opacity:0;
}

.caseImgChart .zoomImg{
	z-index:5;
}


.serp-rank.preview{
	position:absolute !important;
	top:-1000px;
	left:50%;
	z-index:10;
	transform:translatex(-50%);
	width:100%;
	opacity:0;
	z-index:0;
	transition:opacity .3s;
}

.kwords-btn:hover ~ .serp-rank.preview{
	opacity:1;
}

@media only screen and (max-width: 768px) {
	.caseImgChart i.fa.fa-arrows{
	opacity:0.2;
}
	.caseImgChart.home::before{
		opacity:0.2;
	}
	.info-btn-ex1{
		justify-content:start;
		padding:10px 20px 10px 20px !important;
	}
.caseImgChart .vc-zoom-wrapper{
		display:flex;
	align-items:center;
		height:350px!important;
	}
.caseImgChart img.vc_single_image-img{
	transform:scale(2)!important;
	-webkit-transform: scale(2) !important
}
}
@media only screen and (max-width: 450px) {
	.caseImgChart .vc-zoom-wrapper{
		height:250px!important;
	}
	.caseImgChart img.vc_single_image-img{
	transform:scale(3)!important;
	-webkit-transform: scale(3) !important
}
}

.fa-question-circle.custom{
	margin-bottom:10px !important;
	position:relative;
}
.pricingTableSeo .tooltips{
	margin-left:15px;
}

.fa-question-circle.custom:before {
    content: "\003F";
	position:absolute;
	top:-6px;
	left:-12px;
	width:23px;
	height:auto;
    border: 2px solid var(--main-accent);
    border-radius: 50%;
    padding: 0;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	transform:scale(0.6);
}


/* info buttony case study - END */

.caseStudyPosCol .wpb_wrapper{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	gap:10px;
}
.caseBoxShadow{
	-webkit-box-shadow: 0px 0px 30px 8px rgba(66, 68, 90, 0.1);
-moz-box-shadow: 0px 0px 30px 8px rgba(66, 68, 90, 0.1);
box-shadow: 0px 0px 30px 8px rgba(66, 68, 90, 0.1);
	border-radius:10px;
	margin:5px;
	width:32% !important;
}

.caseBoxTitle{
	background-color: rgba(255,255,255,0.9) !important;
}

.caseStudyPosCol .vc_icon_element, .caseStudyPosCol .vc_message_box{
	margin-bottom:0;
	padding:5px 10px;
	display:flex;
	flex-direction:row;
	justify-content: space-evenly;
	align-items:center;
}

.caseStudyPosCol .vc_message_box-icon{
	position:relative;
	width:20px;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}

.caseStudyPosCol .vc_message_box-icon>*{
	position:relative;
	top:0;
	left:0;
	transform:none;
	font-size:1.4rem;
}

.caseStudyWeb .fa{
	font-size:1.5rem;
}

.caseStudyCampain .l-head-1 p{
	margin-top:0;
}

.caseBoxLong{
		-webkit-box-shadow: 0px 0px 30px 8px rgba(66, 68, 90, 0.1);
-moz-box-shadow: 0px 0px 30px 8px rgba(66, 68, 90, 0.1);
box-shadow: 0px 0px 30px 8px rgba(66, 68, 90, 0.1);
	border-radius:10px;
}
.caseBoxLong .wpb_column{
	padding-top:0px !important;
}
.caseBoxLongBudget h3{
	font-size: 3rem !important;	
	line-height: 2rem !important;
}

.caseBoxLongItems .info-btn{
	margin-bottom:10px;
}
.bCaseMobile{
	display:none;
	margin-top:20px;
}

@media only screen and (max-width: 1200px){
	
	.bCaseMobile{
		display:block;
	}
	
	.bCaseDesktop{
		display:none;
	}
	
.caseBoxLongItems .vc_column-inner{
	border-right:0 !important;
	padding-right: 15px !important;
	
}

	.caseBoxLong .l-head-2 p:first-of-type{
		padding-top:20px;
		padding-bottom:20px;
	}
	
	.caseBoxLong {
		margin-left:5px !important;
		margin-right:5px !important;
	}
}

@media only screen and (max-width: 768px){
	.caseStudyWeb .fa{
		font-size:1.2rem;
}
}

@media only screen and (max-width: 1024px){
	.caseStudyCele{
		padding-top:40px !important;
		padding-bottom:10px !important;
	}
	div.caseStudyTitle{
		padding-top:40px !important;
		padding-bottom:20px !important;
	}
	.caseStudyFootForm h3{
		font-size:1.9rem !important;
	}
	.caseBoxLong .l-head-1 p{
	margin-top:0;
}
}

@media only screen and (max-width: 1200px){
		.caseStudyCele{
		padding-bottom: 40px;
}
	.caseStudyTable{
		text-align:center!important;
}
	div.caseStudyLogo{
		margin-top:-50px !important;
	}
}

.Zebra_Tooltip .Zebra_Tooltip_Message  {
	font-size:14px!important;
	line-height:1.3;
}
.seo-mark {
	background-color:white;
	max-width:70px;
	text-align:center;
	padding:5px 8px;
	border-radius:5px;
	margin-right:5px;
}
.seo-mark .fa-check-circle {
	font-size:16px;
	color:#7eb02f;
	position:absolute;
	margin-top:3px;
	margin-left:-18px;
}
.seo-mark .fa-times-circle {
	font-size:16px;
	color:#ff0a05;
	position:absolute;
	margin-top:3px;
	margin-left:-18px;
}
.seo-price {
	display:block;
	margin-top:20px;
}
.seo-mark-grey {
	background-color:#f3f6f9;
	max-width:70px;
	text-align:center;
	padding:5px 8px;
	border-radius:5px;
	margin-right:5px;
}
.seo-mark-grey .fa-check-circle {
	font-size:16px;
	color:#7eb02f;
	position:absolute;
	margin-top:3px;
	margin-left:-18px;
}

/* META ADS CASE STUDY BOX - START */

.cs-services-wrap{
    display:flex;
    flex-direction:row;
    gap:10px;
	align-items:center;
	height:63px;
	justify-content:center;
}
.cs-services-row{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    height:40px;
	max-width:33%;
}
.cs-services-img{
    display:flex;
    justify-content:center;
    width:100%;
}
.cs-services-img img{
    width:50%;
}
.cs-servies-title{
    width:60%;
}
.cs-services-title h4{
    margin:0 !important;
    font-size:1rem;
    line-height:1;
    font-weight:400;
}
.cs-services-price{
    display:flex;
    justify-content:center;
    align-items:center;
    height:40px;
    margin-bottom:10px !important;
}
.cs-main-img{
    position:absolute !important;
    top:50%;
    right:10%;
    display:flex;
    align-items:center;
    width:25%;
    transform:translate(50%,-50%);
    height:100%;
    
}
.cs-main-img figure{
    width:100%;
    height:90%;
}
.cs-main-img figure div{
    width:100%;
    height:100%;
}
.cs-main-img img{
    border-radius:15px !important;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.caseBoxLong.meta{
    background: linear-gradient(90deg, rgba(255,255,255,1) 80%, rgba(244,97,55,1) 80%);
}
.cs-services-effect tr{
    background:none !important;
}
.cs-services-effect td{
    padding:5px;
    text-align:center;
}
.cs-services-effect td.orange{
    background-color:var(--main-accent);
    color:#fff;
    border-radius:5px;
}
.cs-services-effect td strong{
    display:block;
    color:var(--main-accent);
    font-size:1.2rem;
}
.cs-services-effect td.orange strong{
    color:#fff;
}

/* META ADS CASE STUDY BOX - END */

/* CENNIK HOSTING BUTTONY DLA STRONY / SKLEPU */

.hostingPrices .price{
	margin-top:20px !important;
}

.hosting-buttons{
	display:flex;
	flex-direction:column;
	align-items:center;
	margin-top:20px;
	gap:10px;
}

.hosting-mark {
	background-color:white;
	width:100%;
	text-align:center;
	padding:5px 8px;
	border-radius:5px;
	margin-right:5px;
	font-size:14px;
}
.hosting-mark .fa-check-circle {
	font-size:16px;
	color:#7eb02f;
	position:absolute;
	margin-top:3px;
	margin-left:-25px;
}
.hosting-mark .fa-times-circle {
	font-size:16px;
	color:#ff0a05;
	position:absolute;
	margin-top:3px;
	margin-left:-25px;
}
.hosting-mark-grey {
	background-color:#f3f6f9;
	width:100%;
	text-align:center;
	padding:5px 8px;
	border-radius:5px;
	margin-right:5px;
}
.hosting-mark-grey .fa-check-circle {
	font-size:16px;
	color:#7eb02f;
	position:absolute;
	margin-top:3px;
	margin-left:-25px;
}

/* KONIEC HOSTING BUTTONY DLA STRONY SKLEPU */

.price-text  {
	font-size:16px!important;
	font-weight:400!important;
	line-height:1.25;
	margin-top:10px;
}
.wykres {
	max-width:1600px;
	margin:auto;
}

.caseCarousel .vc_li-banknote::before{
	content: "\e020";
}

.caseCarousel [class*=" vc_li-"]:before, .caseCarousel [class^=vc_li-]::before{
	    font-family: vc_linecons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    margin-left: 0;
}

.visibleSlides .owl-wrapper{
	overflow:visible !important;
}

.visibleSlides .owl-carousel .owl-wrapper-outer .owl-item{
	opacity:0.2 !important;
	transform:scale(0.9);
}

.visibleSlides .owl-carousel .owl-wrapper-outer .owl-item.active{
	opacity:1 !important;
	transform:scale(1);
}

@media only screen and (max-width: 768px){
.caseCarousel .owl-pagination .owl-page{
	width:15px !important;
	margin:0 5px !important;
}
}

.blog-stretched {
	max-width:1300px!important;
	margin:auto;
}

.blog-stretched2 {
	max-width:1235px!important;
	margin:auto;
}

.img-shadow img {
	box-shadow:0px 0px 30px 8px rgba(66, 68, 90, 0.1);
	border-radius:10px!important;
}

@media only screen and (max-width: 991px){
	
	.gPartner-col > *{
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.gPartner-desc{
		margin-top:20px;
	}
	.gPartner-desc p{
		text-align:center !important;
	}
	
}


/* PODSTRONY LOKALNE - STRONY I SEO - START */

.l-head-2 .fa-question-circle:before {
    border-radius: 50%;
    padding: 0;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	transform:scale(0.6);
}

@media only screen and (max-width: 767px) {
	.l-head-h1 h1 {
		font-size:2.5rem!important;
		margin-top:0;
	}
	.l-head-1 p {
		font-size:1.2rem!important;
		margin-top:-30px;	
	}
	.l-head-2 p {
		font-size:1.1rem!important;
	}
	.l-head-3 p {
		font-size:1.1rem!important;
	}
	.l-h2 h2 {
		font-size:2.2rem!important;
	}
	.l-h3 h3 {
		font-size:1.4rem!important;
	}
	.l-mobile {
		text-align:center;
	}
	.l-mobile .vc_separator {
		margin:auto;
	}
	.l-vid .wpb_video_widget.vc_video-align-right .wpb_wrapper {
		width:100%;
	}
	.expert2 {
		margin-top:60px;
	}
	.l-fff .vc_column-inner {
		padding:30px!important;
	}
	.vc_row .l-fff {
		padding:0 15px;
	}	
	.serp-rank h3 {
		font-size:1.1rem !important;
	}
	.serp-rank p {
		font-size:1rem !important;
	}
	.rank-up p {
		font-size:0.8rem;
		font-weight:500;
	}
}

@media only screen and (min-width: 767px) and (max-width: 1024px) {
	.l-head-h1 h1 {
		font-size:3.5rem!important;
		margin-top:0;
	}
	.l-head-1 p {
		font-size:1.5rem!important;
		margin-top:-30px;	
	}
	.l-head-2 p {
		font-size:1.4rem!important;
	}
	.l-head-3 p {
		font-size:1.4rem!important;
	}
	.l-h2 h2 {
		font-size:2.6rem!important;
	}
	.l-h3 h3 {
		font-size:1.74rem!important;
	}

	.l-vid .wpb_video_widget.vc_video-align-right .wpb_wrapper {
		width:100%;
	}
	.l-fff .vc_column-inner {
		padding:30px!important;
	}
	.vc_row .l-fff {
		padding:0 15px;
	}
	.serp-rank h3 {
		font-size:1.4rem;
	}
	.serp-rank p {
		font-size:1.4rem;
	}
	.rank-up p {
		font-size:1.1rem;
		font-weight:500;
	}
}

@media only screen and (min-width: 767px) {
	
	#site .otherServicesRow {
		padding-top:20px!important;
	}
}

@media only screen and (min-width: 1024px) {
	
	#site .l-header {
		padding-bottom:100px!important;
	}
	.expert2.local {
		margin-top:60px!important;
	}
	.l-text p {
		font-size:1.1rem;
	}
	.serp-rank h3 {
		font-size:1.5rem;
	}
	.serp-rank p {
		font-size:1.5rem;
	}
	.rank-up p {
		font-size:1.2rem;
		font-weight:500;
	}
	
}


.l-head-h1 h1 {
	color:#171717;
	font-size:4.5rem;
	line-height:1.1;
}
.l-h2 h2 {
	color:#171717;
	font-size:3rem;
}
.l-h2 h2 strong {
	font-weight:500;
}

.l-h3 h3 {
	font-size:1.8rem;
	margin-top:0;
}

.l-h4 h4 {
	font-size:1.5rem;
	margin-top:0;
}

.l-white p {
	color:white!important;
}
.l-white h2 {
	color:white!important;
}
.l-white h3 {
	color:white!important;
}
.l-white h4 {
	color:white!important;
}
.l-hoverbox .vc-hoverbox {
	min-height:315px;
}


.l-white a {
	color:white;
	text-decoration:underline;
}
.l-head-1 p {
	color:#171717;
	font-size:1.75rem;
	line-height:1.2;
	font-weight:500;
	text-align:left!important;
}
.l-head-2 p {
	font-size:1.5rem;
	color: #171717;
	font-weight:300;
	line-height:2rem;
	text-align:left!important;
}
.l-head-3 p {
	color:#171717;
	font-size:1.5rem;
	line-height:1.2;
	font-weight:300;
	text-align:left!important;
}
.l-text p {
	font-weight:300;
	color:#171717;
}
.l-text p strong {
	font-weight:600;
}
.l-300 {
	font-weight:300;
}
.l-review .yasr-visitor-votes {
	margin:auto;
	text-align:center;
}
.l-review .yasr-custom-text-vv-before {
	margin-bottom:15px;
	font-weight:600;
}
.l-review .yasr-rater-stars-vv {
	display:block;
}
.l-review .yasr-vv-stats-text-container {
	margin-top:15px;
}

.l-fff .vc_column-inner {
	background:#f3f6f9!important;
}

.l-portfolio .box-title {
	font-size:1.1rem!important;
	color:#171717!important;
	font-weight:500;
}

.l-vid .wpb_video_wrapper iframe {
	border-radius:5px;
	box-shadow:0px 0px 25px;
}
.l-vid-white .wpb_video_wrapper iframe {
	box-shadow:none!important;
}

/* PODSTRONY LOKALNE - STRONY I SEO - END */

.box-shadow .vc_column-inner{
	box-shadow:0px 0px 30px 8px rgba(66, 68, 90, 0.1);
}


/* STYLE LANDING POZYCJONOWANIE 07.2024 */

.serp-rank.bottom{
    z-index:-1;
    opacity:1;
}

.hBox-img {
    padding-bottom:0 !important;
}

.hBox-img.link a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:15px;
}

.hBox-img.link a img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) scale(1.1);
	clip-path: inset(25px 25px 25px 25px);
}

.hBox-img.link a svg{
	position:absolute;
	top:20px;
	right:20px;
	fill:#00a0f5;
}



.expert2{
    margin-bottom:20px;
}

.headerBg.land .bHeader{
        display:none!important;
    }

.form-col-orange .contact label{
    color: #fff !important;
}
.form-col-orange .wpcf7-list-item-label{
    color:#fff;
}
.form-col-orange .wpcf7-list-item-label a{
    color:#fff;
    font-weight:bold;
}
.form-col-orange .wpcf7-list-item-label a:hover{
    text-decoration:underline;
}

.form-col-orange .expert-description span{
    color:#fff;
}
.form-col-orange .expert-description a{
    color:#fff;
    font-weight:bold;
}
.form-col-orange .expert-description a:hover{
   text-decoration:underline;
}

.form-col-orange input{
	margin-bottom:0px !important;
}
.form-col-orange .wpcf7-form-control-wrap{
	margin:5px 0 !important;
}
.wpcf7-response-output{
	margin: 0 0 30px !important;
	padding: 0 !important;
	text-align:center;
	color:#FF6362;
	border:0 !important;
	display:none;
}
.form-col-orange .wpcf7-not-valid-tip{
	color:#FF6362;
	margin:5px 0 !important;
}

@media only screen and (max-width: 1199px) {
    .m-order-2{
    order:2;
}
.m-order-1{
    order:1;
}
.form-col-orange{
    margin-top:25px;
}
.form-col-orange p.form-title{
    text-align:center !important;
    margin-top:10px!important;
}


.land-diff-col{
    margin-bottom:60px;
}
}

@media only screen and (max-width: 768px) {
    
/*.land-img-row.footer{
    margin-top:20px !important;
}*/
	
.land-img-row.footer .hBox-img:first-of-type{
display:none;
}
	.land-img-row.footer .hBox-img:last-of-type{
display:none;
}
	
		.land-img-row.footer .hBox-img{
			margin-top:20px;
}
    
.expert2{
    margin-top:10px;
    margin-bottom:30px;
}
.form-expert-addon p{
    text-align:center !important;
}

.land-img-row{
    justify-content:center;
    margin-left:0 !important;
    margin-right:0 !important;
}

.hBox-img{
    width:300px;
    height:300px;
}


}
@media only screen and (max-width: 678px) {
    .hBox-img{
        width:250px;
        height:200px;
    }
    .headerBg.land .bHeader{
        display:inline-block;
        width:80% !important;
    }
    .form-col-orange p.form-title{
        margin-top:30px !important;
    font-size:1.4rem!important;
}
}
@media only screen and (max-width: 567px) {
    .hBox-img{
     width:150px;
     height:150px;
    }
}

/* KONIEC SSTYLE LANDING POZYCJONOWANIE */

.l-head-2.small p{
	font-size:1.1rem !important;
}
.l-head-1.small p{
	font-size:1.4rem;
	margin-top:0px;
}
.hButtons-row .hColBox{
	padding:0 !important;
}
.hButtons-row{
	width:calc(100% + 15px);
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
    margin-left:0px !important;
    margin-right:0px !important;
	column-gap:20px;
}
.hButtons-row::before,.hButtons-row:after{
	display:none;
}
@media only screen and (max-width: 1199px) {
.homeHeaderCol .l-head-2.small p {
    text-align: left !important;
	font-size:1rem !important;
}
}
@media only screen and (max-width: 767px){
	.hColBox>.vc_column-inner {
		padding-left:0px!important;
		padding-right:0px!important;
	}
	.img-hide-sm img{
		display:none;
	}
}
@media only screen and (max-width: 567px) {
	.hButtons-row{
		flex-wrap:wrap;
		width:100%;
	}
	.l-header h1.offerHeading{
		margin-top:0px !important;
	}
}

.pricesDesign .price-column ul[style="list-style:decimal;padding-left:0;"] li{
	margin-left:15px;
}

@media only screen and (max-width:1024px){
	#site .pricesDesign .pricing-table .price-column .column-container{
		padding:10% 6% 30px 6% !important;
	}	
}

@media only screen and (max-width:767px){
	#site .pricesDesign .pricing-table .price-column{
		margin-bottom:0px !important;
	}	
	#site .pricesDesign .pricing-table .price-column .column-container{
		padding:10% 6% 0px 6% !important;
	}
	
	#site .pricesDesign .pricing-table::before{
		bottom:0 !important;
	}
	#site .pricesDesign .prices-web::before{
		border-radius:5px 5px 0 0 !important;
	}
	#site .pricesDesign .prices-shop::before{
		border-radius:0 0 5px 5px !important;
	}
}


/* FILM HEADER - START */

.yt-video-holder{
    width:100%;
    overflow:hidden;
    aspect-ratio:16/9;
    border-radius:15px;
    border:1px solid #f3f6f9;
    pointer-events:none;
    
}
.yt-video-holder iframe{
    width:300%;
    height:101%;
    margin-left:-100%;
    border-radius:15px;
}
#mute {
    position:absolute;
    top:50px;
    right:50px;
  cursor:pointer;
  background-color:#8bba4a;
  color: #fff;
  border-radius: 5px;
  z-index:3;
      display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
#mute:hover{
    background-image: linear-gradient(345deg, rgba(0,0,0,0.3) 0%, rgba(0,212,255,0) 100%);
}


.youtube-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; height: 0; overflow: hidden;
    border-radius:15px;
}
 
.youtube-container iframe,
.youtube-container object,
.youtube-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 768px){
    .land-img-row.yt-row{
        flex-direction:column-reverse !important;
    }
    #mute{
        top:50px;
        right:20px;
    }
    .yt-row .hBox-img.link{
        width:100%;
        height:200px;
    }
    .yt-row .hBox-img.link img{
        max-width:60%;
    }
    .yt-row .hBox-img.film{
        width:100%;
        height:250px;
    }
    .yt-row .hBox-img.film > .vc_column-inner{
        padding:0 !important;
    }
}


/* FILM HEADER - END */

/* NEW FORMS STYLES - START */

.form-vert input:not([type='submit']){
    height:45px;
}

.form-vert .rodo label,.form-horiz .rodo label{
    display:flex;
    gap: 10px;
}
.form-vert .rodo label input[type="checkbox"], .form-horiz .rodo label input[type="checkbox"]{
    width:20px;
    height:20px;
}
.form-vert .rodo label .wpcf7-list-item-label, .form-horiz .rodo label .wpcf7-list-item-label{
    max-width:85%;
}
.form-vert .row{
    margin-bottom:0px;
}
.expert2{
    margin-bottom:10px;
}
.form-vert .contact .row label span{
    margin-top:0px;
}
@media only screen and (min-width: 767px) {
.form-horiz .row .columns{
    padding:0 10px;
}
}

/* NEW FORM STYLES - END */


/* BAR LOGOTYPES UNDER HEADER - START */

@media only screen and (max-width: 1024px) {
 .bar-logotype-wrap{
     display:flex;
     flex-wrap:wrap;
	 justify-content:center;
     row-gap:15px;
 }   
 .bar-logotype-wrap > .wpb_column {
     width:33%;
 }
  .bar-logotype-wrap > .wpb_column.col-serwis {
     width:25%;
 }
}

@media only screen and (max-width: 1024px) and (min-width:767px) {
    .bar-logotype-wrap .wpb_single_image img{
        max-width:70%;
    }
}
@media only screen and (max-width: 767px) {
	.bar-logotype-wrap > .wpb_column.col-serwis {
     width:50%;
 }
}
/*BAR LOGOTYPES UNDER HEADER - END */


/* eMARKETING PAGE STYLES - START */

.custom-arrow.left img{
    transform:translate(50%,0) rotate(135deg);
}
.custom-arrow.right img{
    transform:translate(-50%,0) rotate(45deg);
}
.custom-arrow.down img{
    transform:rotate(90deg);
}
.custom-icon-marketing-wrap{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-bottom:20px;
}
.custom-icon-marketing{
    width:50px;
    height:50px;
}

.marketing-box-wrap{
    font-size: 1.2rem;
    font-weight: 100;
    line-height: 1.5rem;
    color: #171717;
    background-color: #fff;
    border-radius: 5px;
    margin: 20px auto;
    padding: 20px;
    box-shadow: 0 0 30px 8px rgba(66,68,90,.1);
    text-align: center;
    border-top: 2px solid var(--main-accent);
}
.marketing-box-wrap.col-2{
    display: flex;
    justify-content:space-between;
    align-items:center;
}
.marketing-box-wrap.single{
 max-width:75%;   

}
.move-icon{
    display:none;
}
@media only screen and (max-width: 1024px) {
    .offerHeading.sub{
        font-size:1.6rem !important;
    }
    .marketing-box-wrap{
    font-size:1rem;
}
}

@media only screen and (max-width: 767px) {
    .offerHeading.sub{
        font-size:1.5rem!important;
    }
    .marketing-box-wrap.single{
 max-width:100%;   

}
    .custom-arrow.left img{
    transform:translate(0%,0) rotate(90deg);
}
.custom-arrow.right img{
    transform:translate(0%,0) rotate(90deg);
}

.marketing-road-wrap{
    width:109%;
    display:flex;
    overflow-x:auto;
}
.marketing-road-wrap::-webkit-scrollbar {
  display: none;
}
    .marketing-road-wrap > div{
        min-width:100%;
}

.custom-icon-marketing{
    width:40px;
    height:40px;
}
.move-icon{
    position:absolute !important;
    top:0px;
    right:30px;
    display:flex;
    animation: move-left-right 3s ease-in-out infinite; 
}
.move-icon.left{
	left:30px;
	right:auto;
	top:430px;
}
}

@keyframes move-left-right {
  0% {
    transform: translateX(0); /* Początkowa pozycja */
  }
  50% {
    transform: translateX(-20px); /* Przesunięcie w lewo */
  }
  100% {
    transform: translateX(0); /* Powrót na pierwotną pozycję */
  }
}

/* eMARKETING PAGE STYLES - END */

/* CENNIKI - START */
@media only screen and (max-width: 767px) {
	
}

/* CENNIKI - END */

/* SERWIS CENNIK - START */

.prices-web.serwis .price-column .plan .extra-info{
	position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translate(-35%,-100%);
    width: 100%;
    border-top-left-radius: 5px;
    border: 0;
    height: 25px;
    display: flex;
    justify-content: left;
    align-items: center;
    line-height: 10px;
}
@media only screen and (max-width: 767px) {
	.prices-web.serwis .price-column .plan .extra-info{
		bottom: -30px;
		transform: translate(-44%,-100%);
	}
	.prices-web.serwis .price-column.highlight{
		margin-top:50px;
	}
}
/* SERWIS CENNIK - END */

.realizacje-branza{
    padding-top:0px;
    padding-bottom:90px;
}

h2.branza-title{
    margin:0 !important;
}

.realizacje-list{
    margin-top:60px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    column-gap:0;
    justify-content:flex-start;
    align-items:start;
	row-gap:60px;
	column-gap:2%;
}
.realizacje-list > div{
    width:32%;
}

.realizacje-list.loop{
	margin-top:0;
}

.realizacje-list.loop > div{
    width:100%;
}

@media (min-width:0px) and (max-width: 767px) {
    .realizacje-list > div{
     width:100%;   
    }
}

@media (min-width:768px) and (max-width: 1024px) {
    .realizacje-list > div{
     width:48%;   
    }
}

.caseBox-wrapper{
	margin-bottom:40px;
}
body.home .caseBox-wrapper, body.page-id-32647 .caseBox-wrapper{
	margin-bottom:0px !important;
}
.caseBox-content{
	width:100%;
	display:flex;
	flex-direction:column;
	padding:40px;
	background:#fff;
	border-radius:15px;
	box-shadow:0px 0px 30px 8px rgba(66, 68, 90, 0.1);
}

.caseBox-head-wrap{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
}
.caseBox-title-wrap{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}

.caseBox-title-wrap h2.caseBox-title{
	margin:0;
}

.caseBox-title-wrap .caseBox-type{
	background-color:var(--main-accent);
	padding:5px 20px;
	color:#fff;
	border-radius:10px;
	margin-bottom:3px;
}

.caseBox-info-wrap{
	display:flex;
	flex-direction:row;
	gap:20px;
}

.caseBox-info-wrap .caseBox-infoBox h4{
	font-weight:300;
	color:#171717;
	font-size:1rem;
	margin:0;
}

.caseBox-logo{
	width:auto;
	height:100px;
}

.caseBox-divider{
	display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ebebeb;
  margin: 1em 0;
  padding: 0;
}

.caseBox-content h3.caseBox-slogan{
	margin: 10px 0 0;
}

.caseBox-content h3.caseBox-slogan span{
	color: var(--main-accent);
}

.caseBox-keys-numbers{
	margin-top:20px;
	margin-bottom:20px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}

.caseBox-keys-numbers .caseBox-number-box{
	width:24%;
	display:flex;
	flex-direction:column;
	gap:10px;
}

.caseBox-keys-numbers .caseBox-number-box h4{
	margin:0;
	text-align: center!important;
    font-weight: 400;
    font-size: 1rem;
    color: #171717;
}

.caseBox-keys-numbers .caseBox-number-box .caseBox-number-progress{
	display:flex;
	flex-direction:row;
	gap:10px;	
	background-color: #f3f6f9;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 16px 0px 14px 0px !important;
    color: #171717;
    font-size: 1.2rem;
}

.caseBox-keys-numbers .caseBox-number-box .caseBox-number-progress p{
	margin:0;
}

    .keys-table {
		margin-top:20px;
		margin-bottom:20px;
      display: grid;
      grid-template-columns: 50% 1fr 1fr 1fr 1fr; /* 4 kolumny */
      border: 1px solid #ebebeb;
      border-radius: 10px;
      overflow: auto;
	  font-size:15px;
	  max-height:350px;
    }

    .keys-cell {
      padding: 10px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
    }
	.keys-cell span{
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: 500;
    max-width: 75px;
    text-align: center;
    margin: auto;
	min-width:70px;
	}
	.keys-cell span.grey{
	 background: #8f8f8f;
	}
	.keys-cell span.orange{
	    background: #f46137;
	}
	
	.keys-cell span.green{
	    background: #6dab3c;
	}
    .keys-head {
      background: #fff;
	  font-size:1.2rem;
	  line-height:1.2;
	  text-align:center;
      color: #171717;
      font-weight: 500;
	  position: sticky;
      top: 0;               /* przyklejenie do górnej krawędzi */
      z-index: 1;           /* żeby nagłówek był nad resztą */
    }
	
	.keys-table > .keys-cell:nth-child(10n+6),
    .keys-table > .keys-cell:nth-child(10n+7),
    .keys-table > .keys-cell:nth-child(10n+8),
    .keys-table > .keys-cell:nth-child(10n+9),
    .keys-table > .keys-cell:nth-child(10n+10) {
      background: #f9f9f9;
    }
	
	.caseBox-adnotation-wrap{
		
		margin-top:20px;
	}
	.caseBox-adnotation-wrap p.caseBox-adnotation{
		font-size:1rem;
		font-style:italic;
	}
	
@media only screen and (max-width: 767px) {
	
	.caseBox-content{
		padding:40px 15px;
	}
		
		.caseBox-title-wrap{
			gap:20px;
			max-width:100%;
		}
		
		.caseBox-content .caseBox-title{
			font-size:1.6rem;
		}
		.caseBox-info-wrap{
			flex-direction:column;
			gap:5px;
		}
		
		h3.caseBox-slogan{
			margin:0;
			font-size:1.4rem;
		}
		
		.caseBox-keys-numbers{
			flex-wrap:wrap;
			row-gap:20px;
		}
		.caseBox-keys-numbers .caseBox-number-box{
			width:48%;
		}
		.caseBox-keys-numbers .caseBox-number-box p{
			font-size:1rem;
		}
		.keys-head{
			font-size:1rem;
		}
		.caseBox-logo{
			display:none;
		}
}
.portfolio-wrap{
	position:relative;
	height:600px;
	display:flex;
	flex-direction:column;
	gap:10px;
}
.portfolio-wrap .desktop-wrap{
	position:absolute;
	top:0;
	left:0;
	width:80%;
	z-index:1;
	background:#fff;
	padding:10px;
	border-radius:15px;
	transition:all 0.3s;
	box-shadow: 0px 0px 30px 8px rgba(66, 68, 90, 0.1);
}
.portfolio-wrap .desktop-wrap:hover{
	transform:scale(1.1);
	z-index:4;
}
.portfolio-wrap .desktop-mockup{
	width:100%;
}
.portfolio-wrap .desktop-portfolio{
	width:100%;
	height:450px;
	background-position: top;
	transition: ease-in-out 5s;
	background-size: cover;
	border-radius: 0 0 15px 15px;
}

.portfolio-wrap .mobile-wrap{
	position:absolute;
	bottom:-50px;
	right:0;
	width:30%;
	z-index:2;
	background:#fff;
	padding:10px;
	border-radius:15px;
	transition:all 0.3s;
	box-shadow: 0px 0px 30px 8px rgba(66, 68, 90, 0.1);
}

.portfolio-wrap .mobile-wrap:hover{
	transform:scale(1.1);
	z-index:4;
}

.portfolio-wrap .mobile-mockup{
	width:100%;
}

.portfolio-wrap .mobile-portfolio{
	width:100%;
	height:450px;
	background-position: top;
	transition: ease-in-out 5s;
	background-size: cover;
	border-radius: 0 0 15px 15px;
}

.portfolio-wrap .page-title-wrap{
	position:absolute;
	bottom:-50px;
	left:-15px;
	width:40%;
	z-index:5;
	background:#fff;
	padding:30px;
	border-radius:15px;
	transition:all 0.3s;
	box-shadow: 0px 0px 30px 8px rgba(66, 68, 90, 0.1);
}

.portfolio-wrap .page-title-wrap .page-title-content, .page-title-content .page--title{
	color:#171717;
	margin:0;
}

.portfolio-wrap .page-title-wrap .page-title-content, .page-title-content .page--title small{
	color:#7b7b7b;
}

.portfolio-wrap .page-title-wrap .page-title-content .box-button{
    line-height: 1.385em;
    height: 0;
    overflow: hidden;
	transition: all 0.2s ease-in-out 0s;
}
.portfolio-wrap .page-title-wrap .page-title-content .box-button .button{
	color:#f46137;
}
.portfolio-wrap .page-title-wrap .page-title-content .box-button .button:hover{
	color:#008266;
}
.portfolio-wrap .page-title-wrap .page-title-content .box-button .button::after{
	display:none;
}

.portfolio-wrap:hover .box-button{
	height:24px !important;
}
.desktop-wrap:hover .desktop-portfolio,
.mobile-wrap:hover .mobile-portfolio{
	background-position: bottom;
}


@media only screen and (max-width: 767px) {
	.portfolio-wrap .desktop-wrap{
		width:100%;
		position:relative;
	}
	.portfolio-wrap .mobile-wrap{
		display:none;
	}
	.portfolio-wrap .page-title-wrap{
		width:100%;
		position:relative;
		left:0;
		bottom:0;
	}
}