/* 
Theme Name: Żurczak
Author: KMC Studio
Author URI: http://kmcstudio.pl
*/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:200,300,400,500,600&subset=latin-ext');

*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

html{height: 100%;}
body{margin: 0;padding: 0;font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; color: #213038;}
a{transition-duration: 0.18s;color:inherit;text-decoration:inherit;}
a:hover{transition-duration: 0.12s;color:inherit;text-decoration: inherit;outline: none;}
a:active{outline: none;}
a:focus{outline: none;}
button:hover{outline: none;}
button:active{outline: none;}
button:focus{outline: none;}
b{font-weight:600;}
img{border: none;}
h1, h2, h3, h4, h5, h6, p{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size: 100%;font-family:inherit;vertical-align: baseline;}
::-webkit-input-placeholder{color: #fff;opacity:0.9;font-weight:300;} :-moz-placeholder{color: #fff;opacity:0.9;font-weight:300;} ::-moz-placeholder{color: #fff;opacity:0.9;font-weight:300;} :-ms-input-placeholder{color: #fff;opacity:0.9;font-weight:300;}

.wrapper{width:1120px;margin:0 auto;}
.clear{clear:both;}

span.name-black{font-size:42px;font-weight:400;color:#222;text-transform:uppercase;display:block;margin:0 auto;text-align:center;}
span.name-white{font-size:42px;font-weight:400;color:#fff;text-transform:uppercase;display:block;margin:0 auto;text-align:center;}
span.border{width:47px;height:4px;margin:0 auto;display:block;background:#f77f2e;margin-top:9px;}

h1 { 
	font-size:36px;
	font-weight:400;
	color: #fff;
	line-height: 1;
}
h2 { 
	font-size: 35px;
	font-weight:400;
	color: #fff;
	line-height: 1;
}
h3 {
	font-size:23px;
	padding-top:25px;
	margin:0 auto;
	line-height: 1;
}
h4 {
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
}
h1.page-title {
	width: 100%;
	padding: 65px 0 35px;
	font-size: 35px;
	color: rgb(30, 30, 30);
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
}
h1.page-title:before {
	content: url(./img/logo_stripes.png);
	display: inline-block;
	margin-right: 5px;
}

#header { 
	background: #fff;
	position: absolute;
	width: 100%;
	top: 0;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
#header.scrolldown {
	position: fixed; 
	z-index: 9;
	-webkit-box-shadow: 0 0 23px -2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 23px -2px rgba(0, 0, 0, 0.5);
}
#header .wrapper { padding: 18px 0px 18px; }
#header #logo { float: left; margin-top: 5px; }
#header #logo img { width: 200px; height: auto; }
#header #mainnav { float: right; }
#header #mainnav ul { float: right; margin-top: 6px; }
#header #mainnav ul li { float: left; margin-left: 35px; padding: 6px 10px;}
#header #mainnav ul li a {
	font-size: 18px;
	color: rgb(35, 35, 35);
	text-transform: uppercase;
	
	font-weight: 500;
	opacity: 1;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	border-bottom: 1px solid transparent;
}
#header #mainnav ul li a:last-child { padding-right: 0; }
#header #mainnav ul li a:hover {
	cursor: pointer;
	/*opacity: 0.7;*/
	color: #003286;
	border-color: #003286;
}

#page-banner {
	background: url(img/banner.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 120px;
	margin-top: 80px;
	margin-bottom: 30px;
}
#page-banner .page-title {
	display: block;
	float: left;
	font-weight: 500;
	margin-top: 40px;
	margin-bottom: 0;
}

#strona-glowna {
	background: url(img/main-banner-bg.jpg) no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
	overflow: hidden;
	height: 100vh;
}
#strona-glowna {
	/*padding-top: 25vh;*/
	display: flex;
	align-items: center;
}
#strona-glowna h1 {
	font-weight: 600;
	font-size: 60px;
	line-height: 1;
	color: rgb(255, 255, 255);
	margin-bottom: 55px;
}
#strona-glowna h2 {
	font-weight: 400;
	font-size: 35px;
	line-height: 1.4em;
	margin-bottom: 25px;
}
#strona-glowna a,
#oferta a {
	font-weight: 600;
	color: #fff;
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 348px;
	padding: 20px 12px;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 1;
	border: 3px solid #fff;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
#strona-glowna a:hover,
#oferta a:hover {
	cursor: pointer;
}


#o-nas {
	background-image: url(img/o-nas.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;	
	padding-bottom: 80px;
}
#o-nas p {
	font-size: 16px;
	font-weight: 400;
	color: #334B58;
	padding: 0 15px;
	margin-bottom: 15px;
	/*text-align: justify;*/
}
#o-nas a {
	color: #003286;
}
#o-nas .wpb_text_column {
	margin-bottom: 15px;
}
#o-nas h2 {
	font-size: 36px;
}
#o-nas h3 {
	color: #fff;
	font-size: 60px;
	margin-top: 150px;
	margin-bottom: 20px;

}
#o-nas .vc_custom_1441781770992 {
	margin-top: 300px;
}

#oferta {
	padding-bottom: 40px;
}
#oferta .wrapper{ width: 750px; }
#oferta p {
	color: #334B58;
	display: block;
	margin: 0 auto 15px;
	font-size: 16px;
	line-height: 1.4em;
}
#oferta a {
	margin-bottom: 150px;
}
#oferta .wpb_single_image {
	margin-top: 35px;
}
#oferta h4 {
	margin-top: 150px;
	margin-bottom: 10px;
}
#oferta ul {
	list-style: disc;
	list-style-position: inside;
	/*list-style-type: disc;*/
  /*list-style-image: url('./img/logo_stripe.png');*/
	/*margin-left: 20px;*/
	/*margin: 20px 0;*/
	/*display: flex;*/
	/*flex-wrap: wrap;*/
}
/*#oferta ul li {
	line-height: 2.2;
	width: 50%;
}*/

#galeria {
	background-color: #f1f1f1;
	padding-bottom: 130px;
}
#gallery-1 .gallery-item {
	margin: 0 !important;
	position: relative;
	overflow: hidden;
}
#gallery-1 .gallery-item dt {
	float: left;
}
#gallery-1 .gallery-item dt a {
	float: left;
	overflow: hidden;
	margin: 6px 6px 0;
}
#gallery-1 .gallery-item dt a img {
	width: 280px;
	height: auto;	
}
#gallery-1 img {
	border: none !important;
	font-size: 0;
	float: left;
	position: relative;
}
#gallery-1 .gallery-item a:after {
	content: " ";
	background-image: url(img/zoom.png);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	opacity: 0;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
#gallery-1 .gallery-item:hover a:after {
	opacity: 0.8;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
#gallery-1 .gallery-item img {
	display: block;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
#gallery-1 .gallery-item:hover img {
	-webkit-transform: scale(1.3) rotate(5deg);
	-moz-transform: scale(1.3) rotate(5deg);
	-ms-transform: scale(1.3) rotate(5deg);
	-o-transform: scale(1.3) rotate(5deg);
	transform: scale(1.3) rotate(5deg);
}
#fancy_title {
	display: none !important;
}

#kontakt {
	background: url(img/contact_bg.jpg) no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	overflow: hidden;
	height: 880px;
	color: #fff;
	font-size: 20px;
	font-weight: 300;
}
#kontakt h1.page-title {
	color: #fff;
}
#kontakt h5 {
	font-size: 20px;
	font-weight: 400;
	margin-top: 25px;
	margin-bottom: 15px;
	color: #fff;
}
#kontakt h5:after {
	content: "";
	width: 40px;
	height: 2px;
	background: #365b90;
	display: block;
	margin: 10px auto 0;
}
#kontakt p {
	font-size: 15px;
	line-height: 1.4em;
}
#kontakt a:hover {
	cursor: pointer;
}
#kontakt .map-title {
	margin-top: 44px;
}
.wpb_gmaps_widget .wpb_wrapper { 
	padding: 0 !important;
}

.single-post p {
	font-size: 15px;
	margin-bottom: 15px;
}

#catapult-cookie-bar {
	font-size: 12px;
}

#footer {
	background: #fff;
	font-size: 13px;
	font-weight: 300;
	color: #555;
	padding: 20px 0;
	/*margin-top: -62px;*/
}
body.single-post #footer {
	border-top: 1px solid #ddd;
	margin-top: 40px;
}

#content_footer { width: 100%; position: relative; }
/*#author_footer a img { margin-top: -3px;  }*/
#author_footer a { position: absolute; top: 0px; right: 10px; }

.menu-toggle {
	position: absolute;
	display: block;
	width: 45px;
	height: 42px;
	right:0;
	top:24px;
	border: none;
	cursor:pointer;
	background: rgba(215, 215, 215, 0.6);
	padding:0 6px;
}
.menu-toggle-bar { display: block;
	margin:0 auto;
	width: 100%;
	height:2px;	
	background:#fff;
	margin: 8px 0;
}

.menu-toggle {display: none;}

.entry.nasza-firma #gallery-1 .gallery-item {
	padding: 30px;
}

/* Mniejszy komputer/iPad */
 
@media screen and (max-width:1140px) {

	#rwd {content: "desktop";z-index: 0;height: 0;}

	.wrapper{width:990px;}

	#section-main{height:930px;}
	.wow { opacity: 1; visibility: visible; }

	#menu li {padding-right: 0;}
	#menu li a {padding: 30px 11px;}

	#section-main .slogan{padding-top:230px;}
	h1{font-size:44px;}
	h3{font-size:23px;}

	#section-offer .col{width:280px;margin-right:74px;}

	#section-offer-info{background-attachment:scroll;background-position:center -20px;}

	#section-counters{background-attachment:scroll;background-position:center center;}

	.phone-image{width:220px;}

	#logo-slider { height: 113px; }
	#logo-slider img {width:240px;}

	#section-portfolio .items-wrapper { min-height: 880px; }
	#section-portfolio .items-wrapper .single-item {height: 176px;}

	#section-portfolio .items-wrapper .single-item button { left: 43px; }

}











/* Tablet */
 
@media screen and (max-width:1023px) {

	#rwd {content: "tablet";z-index: 1;height: 1px;}
	.wow { opacity: 1; visibility: visible; }

	.wrapper{width:720px;margin:0 auto;}
	.clear, .clear-responsive{clear:both;}

	#header #mainnav ul { margin-top: 13px; }
	#section-main{height:780px;background-size:cover;}
	#section-main .logo{width:173px;height:49px;background:url(../images/logo.png) no-repeat;background-position:center top;background-size:cover;float:left;}
	#menu { }
	#menu li {padding-right: 0;}
	#menu li a {padding: 30px 11px;}
	#section-main .bar #menu li a,
	#section-main .bar.fixed #menu li a {}
	#section-main .bar #menu li a.active {}
	#section-main .bar .line {display: none;}
	#section-main .bar .left > a {display: none;}

	.mobile-logo {display: block;margin: 75px auto 0;}

	#section-main .slogan{padding-top:45px;}
	h1{font-size:38px;line-height:1;letter-spacing:2px;}
	h3{font-size:22px;line-height:1;padding-top:25px;width:620px;}
	#section-main span.button{font-size:21px;}
	#o-nas {padding-bottom: 30px;}

	#section-offer .col{width:225px;margin-right:22px;}
	#section-offer .col:nth-of-type(3n){margin-right:0px;}
	#section-offer .col .icon{margin-bottom:20px;}
	#section-offer .col .title h2{font-size:21px;font-weight:400;}

	
	#section-offer-info {padding-top:85px;width:100%;height:240px;background-position:center top;}
	#section-offer-info span.line-1{font-size:36px;}
	#section-offer-info span.line-2{font-size:21px;padding-top:5px;}


	#section-portfolio p{width:100%;}
	#section-portfolio {height:1020px;}
	#section-portfolio .categories-wrapper button {
		font-size: 13px;
		padding: 7px 9px;
		margin: 0px 2px 8px 0px;
	}


	#section-counters .col{width:200px;margin-top:105px;margin-left:60px;}
	#section-counters .col:first-of-type{margin-left:0px;}


	#section-partners{padding-bottom:41px;}
	#logo-slider{margin-top:30px;text-align:center;}


	#section-contact{background-position:center center;}
	#section-contact .content{margin-top:60px;}
	#section-contact .col{width:35%;float:left;}
	#section-contact .one{margin-left:15%;}
	#section-contact .two{margin-right:15%;}
	#section-contact .three{margin-left:15%;margin-top:45px;}
	#section-contact .four{margin-right:15%;margin-top:45px;}
	#section-contact .col .icon{}
	#section-contact .col .title{font-size:24px;font-weight:400;margin-top:27px;}
	#section-contact .col .border{width:36px;height:2px;background:#f68225;margin:0 auto;margin-top:8px;display:block;}
	#section-contact .col .info{font-size:18px;font-weight:300;margin-top:25px;line-height:1;}
	#section-contact .col span.name{margin-top:-16px;display:block;}
	#section-contact .col span.number{font-size:19px;}
	#section-contact .col a{border-bottom:1px solid rgba(255,255,255,0.52);}
	#section-contact .col a:hover{opacity:0.7;}
	#section-contact .row{margin-top:40px;}
	#section-contact .row span.title{font-size:25px;font-weight:400;color:#fff;display:block;margin:0 auto;text-align:center;}
	#section-contact .row span.border{width:36px;height:2px;background:#f68225;margin:0 auto;margin-top:8px;display:block;}

	#section-portfolio .items-wrapper { min-height: 640px; }
	#section-portfolio .items-wrapper .single-item {height: 128px;}

	#strona-glowna { padding-top: 28vh; }
	#header #logo { width: 40%; margin-top: 5px; }
	#header #logo a img { width: 100%; }
	#header #mainnav { float: right; width: 60%; }
	#header #mainnav ul li { margin-left: 12px; }
	#strona-glowna h2 { width: auto; }
	#galeria #gallery-1 .gallery-item { width: 33%; }
	#galeria #gallery-1 br { clear: none; display: none; }
	#galeria:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 1;height: 0;}
	#kontakt .vc_col-sm-2 {width: 33.3333%;}
	#kontakt {height: 960px;}
}

/* Komórka poziom */

@media screen and (max-width : 759px) {

	#rwd {content: "mobile";z-index: 2;height: 2px;}

	.wow { opacity: 1; visibility: visible; }

	.wrapper{width:440px;}
	#oferta .wrapper { width: 440px;}
	#oferta ul li {width: 100%;}

	#section-main{width:100%;height:645px;background:url(../images/projektowanie_stron_internetowych.jpg) no-repeat;background-position: center top;color:#fff;}
	#section-main .line{display:none;}
	#section-main .bar{padding-top: 0px;width: 100%;}
	#section-main .bar .left{width: 100%;}
	#section-main .bar .left > a {width: 100%;display: none;}
	#section-main .bar .menu-trigger {display: block;}
	#section-main .logo{width:191px;height:54px;background:url(../images/logo.png) no-repeat;background-position:center top;background-size:cover;float:none;display: block;margin: 0 auto 10px;}

	.mobile-logo {margin: 10px auto 0;}

	#section-main .bar.fixed {padding-bottom: 20px;}
	#section-main .bar.fixed .menu-trigger .title {color: #2C2D2D;}
	#section-main .bar.fixed .menu-trigger .trigger-line {background: #2C2D2D;}
	#section-main .bar.fixed .menu-trigger.active .title {color: #fff;}
	#section-main .bar.fixed .menu-trigger.active .trigger-line {background: #fff;}

	#menu {
		/*padding-bottom: 20px;*/
		display: none;
	}
	#menu li {width: 100%;border-bottom: 1px solid #C06123;padding: 0;}
	#section-main .bar #menu li a,
	#section-main .bar.fixed #menu li a {width: 100%;padding: 10px 14px;font-weight: 500;text-transform: none;background: #F77621;color: #fff;}
	#section-main .bar #menu li a.active {background: rgb(236, 165, 118);}

	#section-main .slogan{padding-top: 40px;}
	h1{font-size:33px;line-height:37px;letter-spacing:0px;}
	h3{font-size:21px;line-height:27px;width:100%;padding-top:25px;}
	#section-main span.button{font-size:20px;font-weight:500;padding:14px 20px;margin-top:30px;display:inline-block;text-transform:uppercase;background-color:rgba(250,107,12,0.78);}


	#section-offer{padding-bottom:50px;padding-top:50px;}
	#section-offer .col{float:none;width:320px;margin-right:0px;margin-left:60px;margin-top:60px;}
	#section-offer .col:nth-of-type(2n){margin-top:45px;}
	#section-offer .col .title h2{font-size:24px;}


	#section-offer-info{padding:0px !important;height:auto;min-height:270px;background-attachment:scroll;background-position:center center;}
	#section-offer-info span.line-1{font-size:33px;line-height:37px;margin-top:62px;}
	#section-offer-info span.line-2{font-size:22px;padding-top:10px;}



	#section-portfolio{padding-bottom:20px;padding-top:50px;min-height:1310px;height:auto;}
	#section-portfolio p{width:100%;}

	#section-portfolio .categories-wrapper button {
		font-size: 15px;
		padding: 7px 10px;
		margin: 0px 5px 8px 0px;
	}

	#section-counters{width:100%;height:auto;padding-bottom:25px;background-size:cover;background-position:70% center;background-attachment:scroll;}
	#section-counters .col{width:100%;float:none;text-align:center;margin: 0 auto;margin-bottom:30px;}
	#section-counters .col:first-of-type{padding-top:40px;}
	#section-counters .col span.number{font-size:70px;}


	#section-partners{padding-bottom:40px;padding-top:50px;}


	#section-contact{background-position:center center;}
	#section-contact .content{margin-top:60px;}
	#section-contact .col{width:50%;float:left;}
	#section-contact .one{margin-left:0%;}
	#section-contact .two{margin-right:0%;}
	#section-contact .three{margin-left:0px;margin-top:45px;}
	#section-contact .four{margin-right:0px;margin-top:45px;}
	#section-contact .col .icon{}
	#section-contact .col .icon img{width:70px;}
	#section-contact .col .title{font-size:24px;font-weight:400;margin-top:27px;}
	#section-contact .col .border{width:36px;height:2px;background:#f68225;margin:0 auto;margin-top:8px;display:block;}
	#section-contact .col .info{font-size:18px;font-weight:300;margin-top:25px;line-height:25px;}
	#section-contact .col span.name{margin-top:-16px;display:block;}
	#section-contact .col span.number{font-size:19px;}
	#section-contact .col a{border-bottom:1px solid rgba(255,255,255,0.52);}
	#section-contact .col a:hover{opacity:0.7;}
	#section-contact .row{margin-top:40px;display:none;}
	#section-contact .row span.title{font-size:25px;font-weight:400;color:#fff;display:block;margin:0 auto;text-align:center;}
	#section-contact .row span.border{width:36px;height:2px;background:#f68225;margin:0 auto;margin-top:8px;display:block;}

	#section-portfolio .items-wrapper {min-height: 785px;}
	#section-portfolio .items-wrapper .single-item {width: 50%;height: 157px;}

	#logo-slider { height: 103px; }
	#logo-slider img {width: 220px;}

	#section-main .bar #menu li a:hover, #section-main .bar #menu li a.active {color: #FFF;}
	#strona-glowna { padding-top: 24vh; }
	#oferta p { width: 100%; }
	#galeria #gallery-1 .gallery-item { width: 50%; }
	#strona-glowna { padding-top: 125px; min-height: 500px; }
	#strona-glowna h1 { font-size: 18px; }
	#strona-glowna h2 { font-size: 16px; line-height: 31px; }
	#strona-glowna a, #oferta a { 
		width: 260px; 
		margin-top: 6vh; 
		font-size: 18px;
		padding: 8px 0;
	}
	#o-nas h2 { font-size: 24px; }
	#o-nas h3 { font-size: 20px; }
	#o-nas {padding-bottom: 85px;}
	#kontakt { height: 1430px; }
	#kontakt .vc_col-sm-3.wpb_column.vc_column_container { padding-bottom: 10px; }
	#kontakt .wpb_single_image.wpb_content_element.vc_align_center, #kontakt .wpb_text_column.wpb_content_element, #kontakt .vc_row.wpb_row.vc_row-fluid { margin-bottom: 10px; }
	#kontakt .map-title { margin-top: 0; }
	#footer { text-align: left; }
	#author_footer a { right: 5px; }
	.menu-toggle { display: block; top: 30px; right: 50px; }
	#mainnav { display: none; }
	#header #logo { width: 80%; }
	#header #mainnav { width: 100%; float: left; }
	#header #mainnav ul { float: left; width: 100%; padding: 0; margin-bottom: 0px; }
	#header #mainnav ul li { width: 100%; display: block; margin: 0px; text-align: center; padding: 0px; }
	#header #mainnav ul li.active { background: rgba(0, 0, 0, 0.73); }
	#header #mainnav ul li > a:hover { 
		background: rgba(0, 0, 0, 0.73); 
		-webkit-transition: background 0.35s ease;
		-moz-transition: background 0.35s ease;
		-ms-transition: background 0.35s ease;
		-o-transition: background 0.35s ease;
		transition: background 0.35s ease; 
	}
	#header #mainnav ul li a { width: 100%; display: block; }
	#kontakt .vc_col-sm-2 {width: 100%;}
}

/* Telefon pionowy */

@media screen and (max-width : 479px) {

	#rwd {content: "mobile";z-index: 2;height: 2px;}

	.wow { opacity: 1; visibility: visible; }

	.wrapper{width:300px;}
	#oferta .wrapper { width: 300px;}

	span.name-white, span.name-black{font-size:40px;}

	#section-main{width:100%;height:760px;background:url(../images/projektowanie_stron_internetowych.jpg) no-repeat;background-position: center top;color:#fff;}

	#section-main .slogan{padding-top:50px;}
	h1{font-size:33px;line-height:37px;letter-spacing:0px;}
	h3{font-size:18px;line-height:27px;width:100%;padding-top:25px;}
	#section-main span.button{font-size:19px;font-weight:500;padding:14px 20px;margin-top:33px;display:inline-block;text-transform:uppercase;background-color:rgba(250,107,12,0.78);}


	#section-offer{padding-bottom:65px;padding-top:50px;}
	#section-offer .col{float:none;width:100%;margin-right:0px;margin-left:0px;margin-top:60px;}
	#section-offer .col:nth-of-type(2n){margin-top:45px;}
	#section-offer .col .title h2{font-size:24px;}


	#section-offer-info{padding:0px !important;height:auto; min-height:280px;background-attachment:scroll;background-position:center 0px;}
	#section-offer-info span.line-1{font-size:30px;line-height:35px;margin-top:62px;}
	#section-offer-info span.line-2{font-size:21px;line-height:26px;padding-top:10px;padding-bottom: 10px;}


	#section-portfolio{padding-bottom:0px;padding-top:50px; height: auto;min-height:0px !important;}
	#section-portfolio p{width:100%;}


	#section-why-us{color:#222;padding-bottom:50px;padding-top:50px;}
	#section-why-us .box{padding-bottom:25px;}
	#section-why-us .m-1{margin-top:0px;}
	#section-why-us .m-2{margin-top:25px;}
	#section-why-us .m-3{margin-top:25px;}
	#section-why-us .m-4{margin-top:25px;}
	#section-why-us p, #section-why-us h4{text-align:center;}
	#section-why-us .icon{width:58px;height:58px;padding-top:14px;padding-left:11px;margin-top:0px;margin-left:0px;margin:0 auto;position:static;margin-bottom:15px;}
	#section-why-us .col-1{width:100%;float:none;margin:0 auto;}
	#section-why-us .col-2{display:none;}
	#section-why-us .col-3{width:100%;float:none;margin:0 auto;}
	#section-why-us .col-1 .box:first-of-type{padding-right:24px;}


	#section-counters{width:100%;height:auto;min-height:540px;padding-bottom:25px;background-size:cover;background-position:70% center;background-attachment:scroll;}
	#section-counters .col{width:100%;float:none;text-align:center;margin: 0 auto;margin-bottom:30px;}
	#section-counters .col:first-of-type{padding-top:40px;}
	#section-counters .col span.number{font-size:70px;}


	#section-partners{padding-bottom:40px;padding-top:50px;}


	#section-contact{background-position:center center;padding-top:50px;}
	#section-contact .content{margin-top:60px;}
	#section-contact .col{width:100%;float:none;}
	#section-contact .one{margin-left:0%;}
	#section-contact .two{margin-right:0%;}
	#section-contact .three{margin-left:0px;margin-top:45px;}
	#section-contact .four{margin-right:0px;margin-top:45px;}
	#section-contact .col .icon{margin-top:45px;}
	#section-contact .col .icon img{width:70px;}
	#section-contact .col .title{font-size:24px;font-weight:400;margin-top:23px;}
	#section-contact .col .border{width:36px;height:2px;background:#f68225;margin:0 auto;margin-top:8px;display:block;}
	#section-contact .col .info{font-size:18px;font-weight:300;margin-top:25px;line-height:25px;}
	#section-contact .col span.name{margin-top:-16px;display:block;}
	#section-contact .col span.number{font-size:19px;}
	#section-contact .col a{border-bottom:1px solid rgba(255,255,255,0.52);}
	#section-contact .col a:hover{opacity:0.7;}
	#section-contact .row{margin-top:40px;display:none;}
	#section-contact .row span.title{font-size:25px;font-weight:400;color:#fff;display:block;margin:0 auto;text-align:center;}
	#section-contact .row span.border{width:36px;height:2px;background:#f68225;margin:0 auto;margin-top:8px;display:block;}

	.duo{display:none;}
	#section-portfolio .items-wrapper { min-height: 535px; }
	#section-portfolio .items-wrapper .single-item {width: 50%;height: 107px;}

	h1.page-title { font-size: 34px; }
	#logo-slider { height: 141px; }
	#logo-slider img {width: 300px;}
	.menu-toggle { top: 20px; right: 20px; }
	#strona-glowna { padding-top: 17vh; min-height: 300px; height: 100vh; }
	#strona-glowna h1 { font-size: 18px; }
	#strona-glowna h2 { font-size: 16px; line-height: 31px; }
	#strona-glowna a, #oferta a { 
		width: 260px; 
		margin-top: 6vh; 
		font-size: 18px;
		padding: 8px 0;
	}
	#o-nas h2 { font-size: 24px; }
	#o-nas h3 { font-size: 20px; }
	#o-nas .vc_custom_1441781770992 { margin-top: 105px; margin-bottom: -3px; }
	#galeria #gallery-1 .gallery-item { width: 100%; }
	#gallery-1 .gallery-item:hover img { transform: none; }
	#author_footer a { position: relative; right: 0; }
	#footer { text-align: center; padding: 20px 0px 10px; margin-top: -79px; }
	#kontakt {height: 1490px;}
}