/*	Theme Name: Obrobka CNC WP	Theme URI: http://www.mcteam.com.pl 	Author: MC TEAM Agencja Interaktywna Mateusz Ciesiółka	Description: A template to start playing with WordPress	Version: 1.0*/*{    margin: 0;    padding: 0;	box-sizing:border-box;    }body{	font-family: 'Roboto', sans-serif;	font-weight: 300;	font-size: 16px;	line-height: normal;	color: #3e3e3e;	background:#fff;} .top{	width:100%;	background:#3e3e3e;	margin:0px auto;	padding:10px 5px;	color:#fff;}.top .in{	width:100%;	max-width:1400px;	margin:0px auto;	overflow:hidden;	display:flex;	flex-wrap: nowrap;	flex-direction: row;}.top .in .col{	float:left;	flex-grow:1;	text-align:center;}.top .in .col svg{	margin-right:15px;}.top .in .col a, .top .in .col span{	color:#ffc513;	text-decoration:none;}.top .in .col a:hover{	color:#ffc513;}/* slider */body div.n2-section-smartslider div.n2-ss-align div.n2-padding div.n2-ss-loaded div.n2-ow div.n2-ow div.n2-ow div.n2-ss-slide div.n2-ow div.n2-ow div.n2-ss-layer div.n2-ss-section-main-content div.n2-ss-layer div.n2-ss-layer-row div.n2-ss-layer-row-inner div.n2-ss-layer div.n2-ss-layer-col div.n2-ow div.n2-ow span{	color:#ffc513;}/* header */header{	width:100%;	padding: 10px 0px;	margin:0px auto;	overflow:hidden;	background:#fff;}header .in{	width:100%;	max-width:1400px;	margin:0px auto;	overflow:hidden;	position:relative;}header .in #menu-responsive{	display: none;	cursor:pointer;}	header .in div#logo{	width:100%; 	max-width:150px;	float: left;}	header .in div#logo a img{ 	width:100%;	display:block;}	header .in nav{	float: right; 	margin-top:42px;}	header .in nav ul{	list-style:none;		overflow:hidden;	}		header .in nav ul li{	float: left;}			header .in nav ul li a:hover, header .in nav ul li.active a{	color: #ffc513;	border-bottom:2px solid #ffc513;}			header .in nav ul li a{	color: #3e3e3e;	text-decoration: none;		text-transform: uppercase;	padding: 16px 15px;	font-size: 16px;	font-weight: 700;	display: block;	border-bottom:2px solid #fff;	margin-right:5px;}/* site */.web{	width:100%;	margin:0px auto;	overflow:hidden;}.web section{	width:100%;	max-width:1400px;	margin:0px auto;	overflow:hidden;}.web section article{	width:100%;	max-width:1400px;	margin:0px auto;	overflow:hidden;	padding:60px 0px;}.web section article h1, .web section article h1 a{	text-decoration:none;	font-size:44px;	text-align:center;	font-weight:600;	margin-bottom:10px;}.web section article h2, .web section article h2 a{	text-decoration:none;	font-size:38px;	text-align:left;	font-weight:600;	margin-bottom:10px;}.web section article h2 span{	color:#ffc513;}.web section article p.desc{	color:#3a3a3a;	text-decoration:none;	font-size:16px;	text-align:center;}.web section article div.separator{	width:56px;	height:3px;	background:url('http://seonet.stronazen.pl/podskarbi/wp-content/uploads/2021/01/podkreslenie_naglowek.png');	margin-top:10px;	margin-bottom:10px;}/* 6 blokow */.web section article .service{	width:100%;	max-width:1200px;	margin:50px auto 0px auto;	overflow:hidden;}.web section article .service div{	width:100%;	height:400px;	max-width:400px;	float:left;	overflow:hidden;	position:relative;}.web section article .service div.img{	display:block;}.web section article .service div img{	display:block;	width:100%;	transition-duration: .6s;	z-index:100;}.web section article .service div.img img:hover{	transform: scale(1.1); 	cursor:pointer;}.web section article .service div .in{	width:100%;	max-width:400px;	height:400px;	position:absolute;	top:0px;	left:0px;	z-index:400;	color:#fff;	text-align:center;	padding:80px 50px;}.web section article .service div.white .in{	color:#3e3e3e;}.web section article .service div.white .in h3{	color:#3e3e3e;}.web section article .service div .in h3{	font-size:34px;	padding:15px 0px;	text-transform:inherit;	color:#ffc513;}.web section article .service div .in p{	font-size:16px;	padding:15px 0px;	line-height:25px;}/* oferta */.web section article .offer{	width:100%;	max-width:1200px;	margin:0px auto;	overflow:hidden; }.web section article .offer > div.col{	float:left;	width:33%;	padding:10px 15px;}.web section article .offer > div.col h2{	color:#fff;}.web section article .offer > div.col h2 span{	color:#ffc513;}.web section article .offer > div.col p{	color:#fff;	line-height:26px;}.web section article .offer > div.col ul li{	color:#fff;	position:relative;	list-style:none;	padding:10px 0px;}.web section article .offer > div.col ul li::after{	font-family: "Font Awesome 5 Free"; 	font-weight: 900; 	content: "\f00c";	/*content: '✓';*/	position: absolute;	top: 12px;	left:-18px;	font-size:12px;	color:#ffc513;}/* statystyka */.web section article .statystyka{	width:100%;	height:300px;	margin:0px auto;}.web section article .statystyka .col{	width:50%;	overflow:hidden;	float:left;	padding:10px;}.web section article .statystyka .col > div.opis{	width:100%;	overflow:hidden;	float:left;	padding:0px;	display:block;	margin:0px auto;}.web section article .statystyka .col > div.opis h2{	float:left}.web section article .statystyka .col > div.opis p{	float:left}.web section article .statystyka .col > div{	width:50%;	overflow:hidden;	float:left;	display:flex;	margin-top:30px;}.web section article .statystyka .col > div div.number{	float:left;	display:block;	text-align:left;	font-size:55px;	font-weight:900;	color:#ffc513;	padding-right:15px;	position:relative;}.web section article .statystyka .col > div div.number::before{	content: '';	width: 3px;	height: 46px;	background-color: #ffc513;	position: absolute;	top: 12px;	right: 0;	display: block;}.web section article .statystyka .col > div div.info{	float:left;	text-align:left;	font-size:20px;	font-weight:500;	color:#3e3e3e;	padding-left:15px;	padding-top:7px;}.web section article .statystyka .col > img{	width:100%;	display:block;}/* opinie */.web section article .opinia{	width:100%;	height:300px;	margin:0px auto;	position:relative;}.web section article .opinia .in{	position:absolute;	top:0px;	left:0px;	width:400%;	animation: animate 9s linear infinite;}.web section article .opinia .in .one{	width:25%;	float:left;	overflow:hidden;	padding:20px 10px;}.web section article .opinia .in .one .img{	width:150px;	height:150px;	margin:0px auto;	position:relative;}.web section article .opinia .in .one .img img{	width:100%;	margin:0px auto;	display:block;	border-radius:50%;}.web section article .opinia .in .one .img span.icon{	display:block;	position:absolute;	width:50px;	height:50px;	border-radius:50%;	overflow:hidden;	top:-10px;	left:-10px;	background:#ffc513;	text-align:center;}.web section article .opinia .in .one .img span.icon::after{	content:"“";	text-align:center;	font-size:87px;	color:#fff;}.web section article .opinia .in .one .opis, .web section article .opinia .podpis{	width:100%;	max-width:700px;	margin:20px auto;	display:block;}.web section article .opinia .in .one .opis p{	width:100%;	text-align:center;	font-weight:500;	line-height:26px;	color:#fff;}.web section article .opinia .in .one .podpis p{	width:100%;	text-align:center;	font-weight:700;	color:#fff;}.web section article .opinia .in .one .podpis p span{	color:#ffc513;}@keyframes animate{	0%{left:0%;}	30%{left:0%}	33%{left:-100%;}	63%{left:-100%;}	66%{left:-200%;}	96%{left:-200%;}	100%{left:-300%;}}/* other */.left{float:left;}.right{float:right;}.center{float:none;margin:0px auto;}.grey{background:#3e3e3e;color#fff;}/* map */.map{	width:100%;	height:400px;	margin:0px auto;	position:relative;}.map .kontakt{	width:100%;	max-width:400px;	height:400px;	background:rgba(64,64,64,0.9);	padding:30px 40px;	color:#fff;	position:absolute;	top:0px;	right:100px;}.map .kontakt h4{	display:block;	font-size:22px;	color:#ffc513;	text-align:left;	font-weight:600;	margin:20px auto;}.map .kontakt div{	width:100%;	float:left;	padding:5px 0px;	overflow:hidden;}.map .kontakt div.adres{	padding-left:2px;}.map .kontakt div.tel{	padding-left:3.5px;}.map .kontakt div svg{	display:inline-block;	margin-right:10px;}.map .kontakt div p{	display:inline-block;}.map .kontakt div p.cdn{	padding-left:22px;}.map .kontakt div p a{	color:#fff;	text-decoration:none;}.map .kontakt div p a:hover{	color:#ffc513;}/* footer */footer{	width:100%;	background: #3e3e3e;	color: #FFF;	text-align: center;	overflow:hidden;}	footer .in{	max-width:1400px;	margin:0px auto;	overflow:hidden;	display:flex;	flex-wrap: nowrap;	flex-direction: row;	padding:10px 0px;}	footer .in div{	float:left;	flex-grow:1;}	footer .in .logo a img{	display:inline-block;	width:100%;	max-width:100px;	float:left;	margin-right:15px;}	footer .in .logo p{	padding:42px 0px;	text-align:left;	font-size:12px;}	footer .in .media{	padding:40px 0px;}	footer .in .media svg{	float:right;	font-size:30px;	margin-left:10px;	color:#fff;}	footer .in .media svg:hover{	color: #ffc513;}.bgOpinie{	background: #3e3e3e url('http://seonet.stronazen.pl/podskarbi/wp-content/uploads/2021/02/opinie_bg_white.png');	background-position:center center;	background-repeat: no-repeat;	background-size: 100%;}.bgZaufali{	background: #fff url('http://seonet.stronazen.pl/podskarbi/wp-content/uploads/2021/02/zaufali_bg_black.png');	background-position:center center;	background-repeat: no-repeat;	background-size: 100%;}.bgOffer{	background: #3e3e3e url('http://seonet.stronazen.pl/podskarbi/wp-content/uploads/2021/02/bg_offer.png');	background-position:center center;	background-repeat: no-repeat;	background-size: 100%;}	/* responsive style */@media all and (max-width: 1400px){			header{		padding:10px;	}}@media all and (max-width: 1220px){			.web section article .service{		max-width:750px;	}	.web section article .service div{		height:250px;		max-width:250px;	}	.web section article .service div .in{		max-width:250px;		height:250px;		padding:30px 20px;	}	.web section article .service div .in h3{		font-size:20px;		padding:10px 0px;	}	.web section article .service div .in p{		font-size:14px;		padding:10px 0px;		line-height:20px;	}			.web section article .klient{		width:100%;		max-width:400px;		margin:50px auto 0px auto;		overflow:hidden;		display:block;	}	.web section article .klient div{		float:left;		margin-top:20px;	}	.web section article .klient div .icon{		width:15%;		max-width:40px;		border-right:2px solid #ffc513;		padding:0px 3px;	}	.web section article .klient div .icon img{		display:block;		width:100%;		margin:0px auto;	}	.web section article .klient div .text{		width:84%;		line-height:26px;		padding:0px 10px;		float:right;	}		.web section article .statystyka .col{		width:100%;		padding:10px 60px;	}}@media all and (max-width: 1000px){			.top .in{		display:block;		flex-wrap: nowrap;		flex-direction: row;	}	.top .in .col{		width:100%;		float:none;		margin:0px auto;		padding:6px 0px;	}	header .in div#logo{		float:none;		margin:0px auto;	}	header .in #menu-responsive	{		position:absolute;		top:58px;		right:0px;		width:60px;		display: block;	}			header .in #menu-responsive span	{		display:block;		width:100%;		height:6px;		border-radius:4px;		background:#ffc513;		margin:2px auto 2px auto;	}				header .in nav{		float: none;		display: none;	}			header .in nav ul{		width:100%;	}				header .in nav ul li{		float: none;		text-align: center;		background: #ffc513;		margin: 0;		color:#fff;	}				header .in nav ul li a{		float: none;		text-align: center;		background: #ffc513;		margin: 0;		color:#fff;		border:0px;	}					header .in nav ul li.active, header .in nav ul li.active a, header .in nav ul li:hover, header .in nav ul li a:hover{		color: #ffc513;		background:#fff;		border:0px;	}		footer{		min-width: 100%;	}}@media all and (max-width: 800px){	.web section article{		padding:30px 0px;	}		.web section article .service{		max-width:300px;	}	.web section article .service div{		height:300px;		max-width:300px;	}	.web section article .service div.img{		display:none;	}	.web section article .service div .in{		max-width:300px;		height:300px;		padding:40px 20px;	}	.web section article .service div .in h3{		font-size:22px;		padding:10px 0px;	}	.web section article .service div .in p{		font-size:14px;		padding:10px 0px;		line-height:20px;	}			.web section article .offer{		max-width:600px;	}	.web section article .offer > div.col{		width:100%;		padding:0px 15px;	}		.web section article .offer > div.col ul li{		padding:10px 20px;	}	.web section article .offer > div.col ul li::after{		left:1px;	}		.bgOffer{		background: #3e3e3e;	}		.web section article .statystyka .col{		width:100%;		padding:10px 20px;	}		.web section article .statystyka .col > div div.number{		font-size:28px;	}		.web section article .statystyka .col > div div.number::before{		content: '';		width: 3px;		height: 46px;		background-color: #ffc513;		position: absolute;		top: 2px;		right: 0;		display: block;	}	.web section article .statystyka .col > div div.info{		font-size:14px;		padding-top:2px;	}		.map .kontakt{		max-width:800px;		top:0px;		right:0px;	}		footer .in .media{		padding:40px 10px 40px 0px;	}}