html,body{padding: 0;margin: 0;}
/* CSS Reset */
.clear{clear:both;}
.left{float:left;}
.left.wide{float:left;width:100%;}
.right,.sprite.right{float:right;}
.indent{text-indent:-99999px;}
.center{text-align:center;}
.upp{text-transform:uppercase;}
/*.sprite{background: url(../gfx/sprite.png) 0 0 no-repeat;float:left;}*/
.rel{position:relative;}
.abs{position:absolute;}
.bottom{bottom:0;}
.abs.bottom{bottom:0 !important;position:absolute !important;}
.abs.link{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;text-indent:-99999px;}
.mr-20{margin-right:-20px;}
a,.trans,.transAll,.transAll *{-webkit-transition: all ease-out 0.3s;-moz-transition: all ease-out 0.3s;-o-transition: all ease-out 0.3s;transition: all ease-out 0.3s;}
.transSlow{-webkit-transition: all ease-out 1s;-moz-transition: all ease-out 1s;-o-transition: all ease-out 1s;transition: all ease-out 1s;}
.middleY{transform: translateY(-50%);position: relative;top:50%;}
.middleX{transform: translateX(-50%);position: relative;left:50%;}
.middleX.middleY{transform: translateX(-50%) translateY(-50%);}
/* Page Layout */
body, html { height: 100%; }
body {
	background: #2c2f35;
	background: #fff;
	color: #000;
	font-family: arial, sans-serif;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	line-height: 1.4;
}
body > iframe {position: absolute;z-index: 0;}
input, textarea { 
	font-family: arial, sans-serif;
	font-family: Roboto, sans-serif;
	font-size: 15px; 
}
#page{height:100%;min-height:100%;float:left;width:100%;position:relative;margin:0;padding:0;z-index:9;}
#site.uslugi #page{height:auto;min-height:0;}

#site{min-height:100%;}
#site{min-height: 100vh;float: left;width:100%;}
	
	#site.home #page{border-top:8px solid #282a2e;border-bottom:8px solid #282a2e;position:absolute;  height: 87%;min-height: 87%;}
	#site.home #page.loaded{position:relative;height: 100%;min-height: 100%;}
		#site.home #page > h1{position:absolute;z-index:13;font-size:80px;line-height:80px;margin:0;color:#fff;font-weight:900;top:19%;text-align:center;width:100%;font-family:'Raleway',sans-serif;}
		#site.home #page > .verticalLine{width:8px;height:100%;position:absolute;z-index:12;left:50%;top:0px;margin:0 0 0 -4px;background:#282a2e;}
		#site.home #page > section{width:50%;height:100%;position:relative;overflow:hidden;}
		#site.home #page > section#pasja{z-index:3;}
		#site.home #page > section.active{z-index:10 !important;}
		#site.home #page > section#pasja{z-index:6;}
			#site.home #page > section .overlay{height: 100%;width:100%;position: absolute;z-index:2;}
			#site.home #page > section#praca .overlay{background:rgba(12,85,112,0.6);}
			#site.home #page > section#pasja .overlay{background:rgba(31,5,47,0.7);}
			#site.home #page > section video{display:none;top: 50%; left: 50%;transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);min-width: 100%; min-height: 100%; width: auto; height: auto;position: absolute;}
			#site.home #page > section .button{height: 83px;line-height: 84px;z-index:3;border:1px solid #fff;width:416px;color:#fff;text-decoration:none;text-align:center;left:50%;top:50%;margin: 0 0 0 -209px;position: absolute;font-size:30px;font-weight:bold;font-family:'Railway',sans-serif;cursor:pointer;}
			#site.home #page > section .button a{text-decoration:none;color:#fff;display:block;}
			#site.home #page > section .button:hover{background:#fff;color:#2C2F35;}
			#site.home #page > section .button a:hover{color:#2C2F35;}
			#site.home #page > .after{display:none;float: left;width: 50%;position: absolute;z-index:9;height:100%;}
			#site.home #page > .pasja{right:0;}
			#site.home #page > .praca{left:0;}
			#site.home #page > .active.after{display:block !important;}
				#site.home #page > .after.praca .overlay{background:rgba(81,116,138,0.95);width: 100%;height: 100%;position: absolute;}
				#site.home #page > .after.pasja .overlay{background:rgba(96, 57, 121, 0.95);width: 100%;height: 100%;position: absolute;}
				#site.home #page > .after article{width:460px;margin:150px auto;position:relative;z-index:5;color:#fff;}
					#site.home #page > .after article p{font-size:16px;line-height:24px;font-weight:100;text-align:justify;margin:0 0 30px 0;}
					#site.home #page > .after article p strong{font-size:17px;}
					#site.home #page > .after article h3{font-size:40px;line-height:40px;margin:0 0 20px 0;font-family:'Raleway',sans-serif;font-weight:600;}
					#site.home #page > .after article a{height: 45px;line-height: 45px;z-index:3;border:1px solid #fff;width:215px;color:#fff;text-decoration:none;text-align:center;margin: 0 0 0 0px;font-size:18px;font-weight:600;font-family:'Railway',sans-serif;cursor:pointer;}
					#site.home #page > .after article a:hover{background:#fff;color:#2C2F35;}
				#site.home #page > .after .close{width:40px;height:40px;position:absolute;top:20px; right:20px; z-index:11;background:url(../gfx/close.png) center center no-repeat;cursor:pointer;}

				
	#site.vert{background:#fff;}
	#site.vert > section{min-height:550px;}
	#site.vert > section > section{padding-top:106px;border-bottom:8px solid #fff;}
	#site.vert > section > section .column{width:50%;border-top:8px solid #fff;position: relative;}
	#site.vert > section > section .column.left > div{border-right:8px solid #fff;}
	
	#site #co-robimy{background:#ebebeb;}
		#site.vert > section#co-robimy > section .column.left > div{padding:94px 70px 34px 70px;padding:60px;border-bottom:8px solid #fff;height:316px;background:url(../gfx/big-arrow.png) right center no-repeat;}
		#site.vert > section#co-robimy.karierapage > section .column.left > div p a{text-decoration: none;color:#d0021c;}
		#site.vert > section#co-robimy.karierapage > section .column.left > div p a:hover{color:#000;}
		#site.vert > section#co-robimy > section .column.right a{line-height:140px;text-indent:50px;display:block;text-decoration:none;color:#2c2f35;border-bottom:8px solid #fff;font-size:40px;font-weight:100;font-family:'Raleway',sans-serif;}
		#site.vert > section#co-robimy > section .column.right a.first{background:url(../gfx/uslugi_icon.png) right center no-repeat;}
		#site.vert > section#co-robimy > section .column.right a.second{background:url(../gfx/realizacje_icon.png) right center no-repeat;}
		#site.vert > section#co-robimy > section .column.right a.last{background:url(../gfx/modele_icon.png) right center no-repeat;}
		#site.vert > section#co-robimy > section .column.right a:hover{color:#EBEBEB;background-color:#2c2f35;;}
		#site.vert > section#co-robimy > section .column.right .uslugiBox:hover > a{color:#EBEBEB;background-color:#2c2f35;;}
		#site.vert > section#co-robimy.karierapage > section .column.right .uslugiBox:hover > a{color:#2c2f35;background-color:transparent;}
		#site.vert > section#co-robimy.karierapage > section .column.right .uslugiBox > a:hover{color:#EBEBEB;background-color:#2c2f35;}
		#site.vert > section#co-robimy > section .column.right .subofertamenu{display:none;position: absolute;top: 140px;left: 0;width: 100%;padding: 30px 0;margin: 0;background: #1f2124;list-style: none;height: 236px;}
		#site.vert > section#co-robimy > section .column.right .uslugiBox:hover .subofertamenu{display:block;}
		#site.vert > section#co-robimy > section .column.right .subofertamenu a{color:#fff;font-size:38px;border:0;padding:0 0 0 35px; box-sizing: border-box;position: relative;line-height: 78px;}
		#site.vert > section#co-robimy > section .column.right .subofertamenu a::before{content:'';width: 0;height: 0;border-style: solid;border-width: 8px 0 8px 15px;border-color: transparent transparent transparent #b5162b;position: absolute;top:30px;left:55px;}
		#site.vert > section#co-robimy > section .column.right .subofertamenu a:hover{background:none;font-weight: 600;}

		#site #co-robimy h1{margin:0 0 20px 0;float:left;width:100%;font-size:60px;line-height:60px;font-family:'Raleway',sans-serif;font-weight:900;text-transform:uppercase;}
		#site #co-robimy p{font-weight:100;font-size:16px;line-height:22px;text-align:justify;}
	
	#site #zespol {border-top:8px solid #fff;}
		#site #zespol #page{border-top:8px solid #fff;border-bottom:8px solid #fff;}
			#site #zespol article{background:#ebebeb;float:left;width:100%;border-bottom:8px solid #fff;height:370px;position:relative;}
			#site #zespol article:last-child{border-bottom:0px solid #fff;}
				#site #zespol article img{position:absolute;bottom:0;left:70px;}
				#site #zespol article h2{font-size:48px;line-height:48px;color:#ebebeb;color:#2d3036;font-family:'Raleway',sans-serif;font-weight:600;position:absolute;top:155px;left:464px;margin:0;}
					#site #zespol article h2 span{font-size:13px;line-height:13px;display:block;color:#ebebeb;color:#2d3036;margin:0;text-transform:uppercase;font-family:Roboto;font-weight:100;}
				#site #zespol article a.zobacz{background:url(../gfx/zobacz_right.png) 303px center no-repeat;height:100px;line-height:100px;font-size:34px;font-family:'rabioheadregular';width:480px;color:#2d3036;position:absolute;bottom:0;right:0;text-decoration:none;text-align:right;}
					#site #zespol article a.zobacz .sprite{height:100%;width:100px;background:#2d3036 url(../gfx/plus_light.png) center center no-repeat;float:right;margin:0 0 0 92px;}
					#site #zespol article:hover a.zobacz .sprite{background:#ebebeb url(../gfx/plus_dark.png) center center no-repeat;}
			#site #zespol article.dark{background:#2d3036;}
				#site #zespol article.dark img{left:auto;right:70px;}
				#site #zespol article.dark h2{color:#ebebeb;left:auto;right:464px;text-align:right;}
					#site #zespol article.dark h2 span{color:#ebebeb;font-weight: 100;}
				#site #zespol article.dark a.zobacz{background:url(../gfx/zobacz_left.png) 123px center no-repeat;color:#ebebeb;right:auto;left:0;text-align:left;}
					#site #zespol article.dark a.zobacz .sprite{background:#ebebeb url(../gfx/plus_dark.png) center center no-repeat;float:left;margin:0 92px 0 0;}
					#site #zespol article.dark:hover a.zobacz .sprite{background:#2d3036 url(../gfx/plus_light.png) center center no-repeat;}
				#site #zespol .grupowe{width:100%;}
		
			#site.realizacje #zespol article{overflow:hidden;-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
			#site.realizacje #zespol article.active{height:620px;}
				#site.realizacje #zespol article > div{position:absolute;top:100px;left:54%;width:42%;float:left;font-size:16px;line-height:18px;font-weight:100;}
				#site.realizacje #zespol article.dark > div{left:12%;right:auto;width:42%;color:#fff;}
				#site.realizacje #zespol article > div p a{text-decoration:none;color:#000;color:#1e7dc7;}
				#site.realizacje #zespol article > div p a:hover{color:#B6152B;}
				#site.realizacje #zespol article > div p.details span{display: block;margin:0 0 7px 0;}
				#site.realizacje #zespol article.dark > div p a{color:#fff;color:#1e7dc7;}
				#site.realizacje #zespol article.dark > div p a:hover{color:#B8515F;}
				#site.realizacje #zespol article h2{position:relative;top:0;left:0;font-size:30px;line-height:30px;text-align:left;}
					#site.realizacje #zespol article h2 span{font-size:16px;line-height:16px;text-transform:none;display:inline;}
					#site.realizacje #zespol article a.zobacz {cursor:pointer;}
					#site.realizacje #zespol article:hover a.zobacz .sprite{background:#2d3036 url(../gfx/plus_light.png) center center no-repeat;}
					#site.realizacje #zespol article.dark:hover a.zobacz .sprite{background:#ebebeb url(../gfx/plus_dark.png) center center no-repeat;}
					#site.realizacje #zespol article a.zobacz:hover .sprite{background:#ebebeb url(../gfx/plus_dark.png) center center no-repeat;}
					#site.realizacje #zespol article.dark a.zobacz:hover .sprite{background:#2d3036 url(../gfx/plus_light.png) center center no-repeat;}
				#site.realizacje #zespol article img{bottom:auto;top:60px;left:auto;right:54%;}
				#site.realizacje #zespol article.dark img{left:58%;right:auto;}
				#site.realizacje #zespol article > div .opis {margin:35px 0 0 0;display:none;}
				#site.realizacje #zespol article.active > div .opis {display:block;}
					#site.realizacje #zespol article > div strong.indent{position:absolute;left:0;width:57px;text-indent:0;}
					#site.realizacje #zespol article > div .opis p{text-align:justify;}
					#site.realizacje #zespol article > div .opis p:nth-child(2){text-indent:57px;}
		
				
		
	#site #dlaczego-my{position:relative;background:#EBEBEA;}
	#site #dlaczego-my > section{position:relative;border-top:8px solid #fff;}
		#site #dlaczego-my article{border-bottom:8px solid #fff;float:left;background:#ebebeb;}
		#site #dlaczego-my article.right{float:right;}
		#site #dlaczego-my article.l2.k2{width:50%;height:440px;}
		#site #dlaczego-my article.l1.k2{width:50%;height:216px;}
		#site #dlaczego-my article.l2.k1{width:25%;height:440px;}
		#site #dlaczego-my .verticalLine{width:8px;height:100%;position:absolute;z-index:2;left:50%;top:0px;margin:0 0 0 -4px;background:#fff;}
			#site #dlaczego-my article.l2.k2.main > div{padding:94px 70px 34px 70px;}
				#site #dlaczego-my article.l2.k2.main > div h2{margin:0 0 20px 0;float:left;width:100%;font-size:60px;line-height:60px;font-family:'Raleway',sans-serif;font-weight:900;text-transform:uppercase;}
				#site #dlaczego-my article.l2.k2.main > div p{font-weight:100;font-size:16px;line-height:22px;text-align:justify;}
		#site #dlaczego-my article.kompleksowosc{border-left:8px solid #fff;margin-left:-8px;}
			#site #dlaczego-my article > div{padding:50px;}
				#site #dlaczego-my article.l2.k1 > div p.center{margin:0;}
				#site #dlaczego-my article > div h3{font-size:24px;line-height:26px;margin:0 0 15px 0;font-family:'Raleway',sans-serif;font-weight:600;}
				#site #dlaczego-my article > div ul{font-size:16px;line-height:20px;margin:0;font-family:'Roboto',sans-serif;font-weight:100;list-style: square;padding:0 0 0 20px;}
					#site #dlaczego-my article > div ul li{margin:0 0 3px 0;}
				#site #dlaczego-my article.innowacyjnosc > div p.center{float:left;width:240px;margin:-25px 0 0 -50px;}
				#site #dlaczego-my article.innowacyjnosc > div ul{padding: 0 0 0 210px;}
				#site #dlaczego-my article.zaufanie > div p.center{float:left;width:240px;margin:-25px 0 0 -50px;}
				#site #dlaczego-my article.zaufanie > div ul{padding: 0 0 0 210px;}
	
				#site #dlaczego-my article.ziemski{background:#ebebeb url(../gfx/ziemski.png) right top no-repeat;background-position: right bottom;}
				#site #dlaczego-my article.kielbus{background:#ebebeb url(../gfx/kielbus.png) right bottom no-repeat;}
				#site #dlaczego-my article.filipiakbabicz{background: url(../gfx/filipiak.png) left bottom no-repeat, url(../gfx/babicz.png) right bottom no-repeat;width:100%;position:relative;z-index: 9;background-color:#ebebeb ;min-height:340px;}
				#site #dlaczego-my article.korczynski{background:#ebebeb url(../gfx/korczynski.png) left bottom no-repeat;width:100% !important;z-index:3;position:relative;}
				#site #dlaczego-my article.given{background:#ebebeb url(../gfx/given.png) left bottom no-repeat;}
				#site #dlaczego-my article.siwik{background:#ebebeb url(../gfx/siwik.png) left bottom no-repeat;}
				#site #dlaczego-my article.zimmerman{background:#ebebeb url(../gfx/zimmerman.png) left bottom no-repeat;}
				#site #dlaczego-my article.rekomendacja > div{padding:30px;margin:86px 35px 20px 260px;border:1px solid #fff;position:relative;}
				#site.stronaKancelarii #dlaczego-my article.rekomendacja > div{margin-bottom:140px;}
				#site #dlaczego-my article.rekomendacja.rightimg > div{margin:86px 260px 20px 35px;}
				#site #dlaczego-my article.rekomendacja.filipiakbabicz > div{margin:66px 325px 70px 300px;}
				#site #dlaczego-my article.rekomendacja > div:before {content:"\A";border-style: solid;border-width: 0px 30px 30px 0;border-color: transparent #fff transparent transparent;position: absolute;left: -30px;top:130px;}
				#site #dlaczego-my article.rekomendacja > div:after {content:"\A";border-style: solid;border-width: 0px 30px 30px 0;border-color: transparent #ebebeb transparent transparent;position: absolute;left: -28px;top:131px;}
				#site #dlaczego-my article.rekomendacja.rightimg > div:before {border-width: 0px 0px 30px 30px;border-color: transparent transparent transparent #fff;left: auto;right:-30px;}
				#site #dlaczego-my article.rekomendacja.rightimg > div:after {border-width: 0px 0px 30px 30px;border-color: transparent transparent transparent #ebebeb;left: auto;right:-28px;}
					#site #dlaczego-my article.rekomendacja > div i{margin:0 0 20px 0;font-size:17px;line-height:21px;font-weight:300;font-style: italic;display:block;}
					#site #dlaczego-my article.rekomendacja > div h4{font-size:20px;line-height:24px;text-align:right;margin:0;}
		
		#site #kontakt {position:relative;background:#282a2e;}
		#site #kontakt > section{border-bottom:8px solid #282A2E;}
		#site #kontakt > section > div{border-top:8px solid #282a2e;float:left;width:100%;background:#2c2f35;}
			#site #kontakt > section > div > .column{width:50%;float:left;background:#2c2f35;border:0;}
			#site #kontakt > section > div > .column.right{float:right;}
				#site #kontakt > section > div > .column img{width:100%;display:block;}
				#site #kontakt > section > div > .column.dane > div{padding:90px;}
				#site #kontakt > section > div > .column.dane > div h4{font-size:30px;font-family:'Raleway',sans-serif;font-weight:600;line-height:30px;margin:0 0 20px 0;color:#fff;}
				#site #kontakt > section > div > .column.dane > div p{font-size:16px;font-weight:100;line-height:20px;color:#c6c6c6;}
				#site #kontakt > section > div > .column.dane > div a{color:#c6c6c6;text-decoration:none;}
				#site #kontakt > section .column.left > div{border:0;}
			#site #kontakt .verticalLine{width:8px;height:100%;position:absolute;z-index:2;left:50%;top:0px;margin:0 0 0 -4px;background:#282a2e;}	
			
		#site.uslugi {position:relative;background:#fff;}
		#site.uslugi #page > section{background:#ebebeb;border-top:8px solid #fff;border-bottom:8px solid #fff;}
		#site.uslugi #page > section .column{width:50%;position:relative;}
		#site.uslugi #page > section > .column.left > div{padding:60px;}
		a.other_link{position:absolute;overflow:hidden;height:90px;line-height:90px;font-size:22px;text-indent:40px;border-top:8px solid #fff;width:100%;bottom:-40px;color:#b4b3b3;text-decoration:none;-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
		a.other_link:hover{color:#2c2f35;}
			a.other_link img{position:absolute;top:14px;right:-40px;opacity: 0.5;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
			a.other_link:hover img{opacity: 1;filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-o-filter: grayscale(0%);-ms-filter: grayscale(0%);}
		#site.uslugi #page > section > .column  a.modele{line-height:24px;padding:18px 0; height: 54px;}
			#site.uslugi #page > section > .column  a.modele span{text-indent:40px;display:block;}
		#site.uslugi #page > section > .column.left > div h1{margin:0 0 20px 0;float:left;width:100%;font-size:60px;line-height:60px;font-family:'Raleway',sans-serif;font-weight:900;text-transform:uppercase;}
		#site.uslugi #page > section > .column.left > div p{font-weight:100;font-size:16px;line-height:22px;text-align:justify;}
		#site.uslugi #page > section > .column.left > div p.center{text-align:center;}
		#site .backlink.upp{float:left;width:45px;height:45px;background:#b4b2b3;margin:6px 30px 0 0;-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
		#site .backlink.upp:hover{background-color:#2c2f35;}
			#site .backlink.upp > .arrow{float:left;width:0;height:0;border:8px solid transparent;border-right:12px solid #fff;margin: 15px 0 0 8px;}
		#site .backlink.upp.forward{margin:-11px 0 0 30px;background-color:#b4b2b3 !important;}
			#site .backlink.upp.forward > .arrow{border-left:14px solid #fff;border-right:0;margin: 14px 0 0 17px;}
		#site.uslugi #page > section > .column.right {position:relative;}
		#site.uslugi #page > section > .column.right > .column > div{padding:60px 30px;}
			#site.uslugi #page > section > .column.right > .column > div h2{font-size:22px;font-family:'Raleway',sans-serif;text-align:center;font-weight:600;margin:0;height:110px;line-height: 63px;  text-indent: -70px;}
			#site.uslugi #page > section > .column.right > .column.realizujemy > div h2{background:url(../gfx/realizujemy.png) center top no-repeat;}
			#site.uslugi #page > section > .column.right > .column.doradzamy > div h2{background:url(../gfx/doradzamy.png) center top no-repeat;}
			#site.uslugi #page > section > .column.right > .column.doradzamy > div h2 small{display: block;line-height: 20px;font-size: 18px;font-weight: 100;text-indent: 26px;text-indent: 73px;text-align: left;margin: -19px 0 0 0;}
			#site.uslugi #page > section > .column.right > .column > div ul{font-size:16px;line-height:20px;margin:0;font-family:'Roboto',sans-serif;font-weight:100;list-style: square;padding:0 0 0 20px;}
				#site.uslugi #page > section > .column.right > .column > div ul li{margin:0 0 3px 0;}
			
			#site.uslugi .verticalLine{width:8px;height:100%;position:absolute;z-index:2;left:50%;top:0px;margin:0 0 0 -4px;background:#fff;}	
			#site.uslugi .verticalLine.second{left:75%;}	

#site.uslugi.new #page > section .left.column.wide{width:100%;color:#2c2f35;}	
    #site.uslugi.new #page > section .left.column.wide h1{width:450px;}
    #site.uslugi.new #page > section .left.column.wide .content{float: right; width:calc(100% - 450px - 50px);}
        #site.uslugi.new #page > section .left.column.wide .content p{margin: 0 0 20px 0;}
#site.uslugi.new #page > section .columns{width:100%;border-top:8px solid #fff;float:left;background: #fff;color:#2c2f35;}
#site.uslugi.new #page > section .columns .column{width:calc((100% - 16px) / 3);float:left;margin: 0 0 8px 8px;background: #ebebeb;}
#site.uslugi.new #page > section .columns .column:first-child{margin-left: 0;}
    #site.uslugi.new #page > section .columns .column div{padding:50px;min-height: 520px;}
    #site.uslugi.new #page > section .columns .column div > h2{margin: 0 0 40px 0;line-height: 55px;font-size: 24px;font-weight: 600;border-bottom: 1px solid #cecece;position: relative;}
    #site.uslugi.new #page > section .columns .column div > h2 img{float: right;top:50%;transform: translateY(-50%);position: absolute;right:0;}
    #site.uslugi.new #page > section .columns .column div ul{margin: 0;padding:0;list-style: none;}
        #site.uslugi.new #page > section .columns .column div ul li{margin: 0 0 35px 0;line-height: 37px;font-size: 16px;vertical-align: bottom;float: left;width: 100%;}
        #site.uslugi.new #page > section .columns .column div ul li a{color:#2c2f35;}
        #site.uslugi.new #page > section .columns .column div ul li h3{font-size: 40px;font-weight: 300;vertical-align: bottom;margin: 0 10px 0 0;float: left;}
        #site.uslugi.new #page > section .columns .column div ul li a:hover h3{font-weight: 400;}
        #site.uslugi.new #page > section .columns .column div ul li span{line-height: 22px;vertical-align: bottom;display: inline-block;font-weight: 100;}
        #site.uslugi.new #page > section .columns .column div ul li span.red{color:#b6152b;margin: 0 5px 0 0px;}
        #site.uslugi.new #page > section .other_link{height: 110px;line-height: 24px;color:#2c2f35;padding: 0 50px;box-sizing: border-box;text-indent: 0;font-weight: 100;}
        #site.uslugi.new #page > section .other_link:hover{background: #cacaca;}
        #site.uslugi.new #page > section .realizacje.other_link{bottom:110px;}
        #site.uslugi.new #page > section .modele.other_link{bottom:0px;}
            #site.uslugi.new #page > section .other_link span{position: relative;top:50%;transform: translateY(-50%);float: left;}
            #site.uslugi.new #page > section .other_link img{right:50px;top:38px;opacity:1;filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-o-filter: grayscale(0%);-ms-filter: grayscale(0%);}
		
		#site.modele {position:relative;background:#fff;}
			#site.modele #page > section{background:#ebebeb;border-top:8px solid #fff;border-bottom:8px solid #fff;}
			#site.modele #page > section .column{width:50%;position:relative;}
			#site.modele #page > section > .column.left > div{padding:60px;position:relative;}
			#site.modele #page > section > .column.left > div h1{margin:0 0 20px 0;float:left;width:100%;font-size:60px;line-height:60px;font-family:'Raleway',sans-serif;font-weight:900;text-transform:uppercase;}
			#site.modele #page > section > .column.left.intro > div p{font-weight:100;font-size:16px;line-height:22px;}
			#site.modele #page > section > .column.right {position:relative;}
			#site.modele #page > section > .column.right > .column > div{padding:60px 30px;}
				#site.modele #page > section > .column div h2{font-size:22px;font-family:'Raleway',sans-serif;font-weight:600;margin:0 0 20px 0;line-height:22px;padding:170px 0 0 0;}
				#site.modele #page > section > .column.left div h2{padding:0px 0 0 0;}
				#site.modele #page > section > .column div.stala h2{background:url(../gfx/stala.png) center top no-repeat;}
				#site.modele #page > section > .column div.hybryda h2{background:url(../gfx/hybryda.png) center top no-repeat;}
				#site.modele #page > section > .column div.projektowa{background:url(../gfx/projektowa.png) 40px 60px no-repeat;padding-left:322px;border-top:8px solid #fff;}
				#site.modele #page > section > .column div ul{font-size:16px;line-height:20px;margin:0;font-family:'Roboto',sans-serif;font-weight:100;list-style: square;padding:0 0 0 20px;}
					#site.modele #page > section > .column div ul li{margin:0 0 10px 0;}
				#site.modele #page > section > .column a.other_link{/*width:50%;position:relative;bottom:0;*/}
				#site.modele #page > section > .column a.other_link.right{/*right:0;border-left: 8px solid #fff;margin-left: -8px;*/}
				
				#site.modele .verticalLine{width:8px;height:100%;position:absolute;z-index:2;left:50%;top:0px;margin:0 0 0 -4px;background:#fff;}	
				#site.modele .verticalLine.second{left:75%;}	

        #site.modele.nowe #page{height: auto;min-height: 0;}
        #site.modele.nowe #page > section > .column.left{width:1100px;overflow: hidden;}
        #site.modele.nowe #page > section > .column.left::before{content:'';width:8px;left: 50%;margin-left: -4px;top:0;position: absolute;height: 200vh;background:#fff;}
        #site.modele.nowe #page > section > .column.left .top{border-bottom: 8px solid #fff;background: #ebebeb;z-index: 2;}
        #site.modele.nowe #page > section > .column.left .column{width:50%;box-sizing: border-box;padding: 0;}
        #site.modele.nowe #page > section > .column.left .column .padbox{padding: 60px 60px 30px 60px;height: calc(100vh - 575px);min-height: 250px;min-height: 300px;height:auto;float:left;}
        #site.modele.nowe #page > section > .column.left .column .padbox h2:first-child{font-size: 36px;line-height: 30px; margin: 0 0 40px 0;background: none;}
        #site.modele.nowe #page > section > .column.left .column .button{background: #B6152B;border: 4px solid #B6152B;box-sizing: border-box;color: #fff;text-decoration: none;width: auto;float: left;padding: 0 20px;line-height: 52px;text-align: center;letter-spacing: 2px;font-size: 20px;display: block;margin:20px 0 0 0;}
        #site.modele.nowe #page > section > .column.left .column .button:hover{background: transparent;color: #B6152B;}
        #site.modele.nowe #page > section > .column.left .column a.other_link{position: relative;bottom: auto !important;}
        #site.modele.nowe #page > section > .column.left .buttony{float: left;width:100%;padding: 0;}
        #site.modele.nowe #page > section > .column.right{width:calc(100% - 1100px);background: url(../gfx/modele-wspolpracy-bg.jpg) top right no-repeat;background-size: cover;height:calc(100vh - 122px);border-left: 8px solid #fff;box-sizing: border-box;	min-height: 756px;min-height: 824px;position: absolute;right: 0;height: calc(100% - 16px);}
        #site.modele.nowe #page > section > .column.left > div h1{text-transform: none;font-size: 36px;}

		#site.pracownik {position:relative;background:#fff;}
            #site.pracownik #page{height:auto;}
			#site.pracownik #page > section{background:#2c2f35;border-top:8px solid #fff;border-bottom:8px solid #fff;}
				#site.pracownik #page > section .column{width:50%;}
				#site.pracownik #page > section .column.left > div{padding:120px 60px;padding:60px;background:#2c2f35;color:#fff;position:relative;}
					#site.pracownik #page > section .column.left > div h1{margin:0;float:left;width:100%;font-size:48px;line-height:48px;font-family:'Raleway',sans-serif;font-weight:900;}
					#site.pracownik #page > section .column.left > div h1 span{display:block;padding-right:155px;}
					#site.pracownik #page > section .column.left > div a.email{position:absolute;width:36px;height:25px;right:60px;top:74px;}
					#site.pracownik #page > section .column.left > div a.linkedin{position:absolute;width:31px;height:31px;right:120px;top:68px;}
					#site.pracownik #page > section .column.left > div a.twitter{position:absolute;width:31px;height:26px;right:174px;top:71px;}
					#site.pracownik #page > section .column.left > div a img{-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
					#site.pracownik #page > section .column.left > div a img:hover{filter: brightness(200%);-webkit-filter: brightness(200%);-moz-filter: brightness(200%);-o-filter: brightness(200%);-ms-filter: brightness(200%);}
					#site.pracownik #page > section .column.left > div .kreska{margin:20px 0 30px 0;float:left;width:38px;height:7px;background:#818181;}
					#site.pracownik #page > section .column.left > div p{font-weight:100;font-size:16px;line-height:22px;text-align:justify;}
					#site.pracownik #page > section .column.left > div p a,#site.uslugi #page > section > .column.right > .column > div ul li a,#site.uslugi #page > section > .column.left > div p a,#site.modele #page > section > .column div ul li a,#site #dlaczego-my article > div ul li a,#site #dlaczego-my article > div p a{color:#1e7dc7;text-decoration: none;}
					#site.pracownik #page > section .column.left > div p a:hover,#site.uslugi #page > section > .column.right > .column > div ul li a:hover,#site.uslugi #page > section > .column.left > div p a:hover,#site.modele #page > section > .column div ul li a:hover,#site #dlaczego-my article > div ul li a:hover,#site #dlaczego-my article > div p a:hover{color:#b6152b;}
				#site.pracownik #page > section .column.right img{width:100%;-webkit-transition: all 0.7s ease-out; transition: all 0.7s ease-out;opacity:0;}
			#site.pracownik .verticalLine{width:8px;height:100%;position:absolute;z-index:2;left:50%;top:0px;margin:0 0 0 -4px;background:#fff;}	
			
		#site.realizacje {position:relative;background:#fff;}
			#site.realizacje #page > section{background:#ebebeb;border-top:8px solid #fff;border-bottom:8px solid #fff;overflow:hidden;}
			
		#site.realizacja {position:relative;background:#fff;}
			#site.realizacja #page > section{background:#ebebeb;border-top:8px solid #fff;border-bottom:8px solid #fff;overflow:hidden;padding: 60px 104px;}
			#site.realizacja #page > section h1{margin:0 0 20px 0;font-size:34px;line-height:34px;font-family:'Raleway',sans-serif;font-weight:900;text-transform:uppercase;}
			#site.realizacja #page > section p{text-align:justify;margin:0 0 20px 0;font-size:16px;line-height:24px;font-weight:100;}
			#site.realizacja #page > section > img{  margin: 0 0 20px 60px;float: right;max-width:400px;width:40%;}
		
			#site.kariera #page > section{background:#EBEBEB;}
				#site.kariera #page > section .column.left{width:70%;}
				#site.kariera #page > section .column.right{width:30%;}
				#site.kariera #page > section .column.left > div{background:#EBEBEB;color:#000;position:relative;}
				#site.kariera.artykul #page > section .column.left > div{max-width:670px;margin:0 auto;float:none;box-sizing: border-box;}
				#site.kariera.artykul.podstrona #page > section .column.left > div{max-width:100%;}
					#site.kariera #page > section .column.left > div p{font-weight:100;font-size:16px;line-height:24px;text-align:justify;}
					#site.kariera #page > section .column.left > div p a{text-decoration:none;color:#B6152B;}
					#site.kariera #page > section .column.left > div li{font-weight:100;font-size:16px;line-height:24px;text-align:justify;margin:0 0 5px 0;}
					#site.kariera #page > section .column.left > div ul,#site.kariera #page > section .column.left > div ol{margin:20px 0 40px 0;}
					#site.kariera.artykul #page > section .column.left > div p{margin:0px 0 20px 0;}
					#site.kariera.artykul #page > section .column.left > div p.details{float:left;width:100%;margin:40px 0 30px 0;font-size: 16px;font-weight: 600;color: #454545;}
					#site.kariera.artykul #page > section .column.left > div p.details a{color: #454545;}
					#site.kariera.artykul #page > section .column.left > div p.details a:hover{color: #B6152B;}
					#site.kariera.artykul #page > section .column.left > div h2,#site.kariera.artykul #page > section .column.left > div h3{font-size: 20px;font-weight: 600;margin:40px 0 20px 0;}
					#site.kariera.artykul #page > section .column.left > div h4,#site.kariera.artykul #page > section .column.left > div h5,#site.kariera.artykul #page > section .column.left > div h6{font-size: 18px;font-weight: 600;margin:40px 0 20px 0;}
					#site.kariera #page > section .column.left > div ul{margin:0 0 15px 0;padding:0 0 0 18px;font-weight:100;font-size: 16px;line-height: 22px;}
					#site.kariera #page > section .column.left > div .autor{width:100%;float:left;margin:40px 0;}
					#site.kariera #page > section .column.left > div .autor .author-box {width: 50%;float: left;margin: 0 30px 0 0;}
					#site.kariera #page > section .column.left > div .autor .author-box .author-box-image{width: 130px;float: left;margin: 0 20px 0 0;border-radius: 100%;overflow: hidden;position: relative;}
					#site.kariera #page > section .column.left > div .autor .author-box .author-box-image img{width: 100%;height: auto;border-radius: 100%;margin: 0;}
                    #site.kariera #page > section .column.left > div .autor .author-box .author-box-details{width:calc(100% - 151px);float:left;margin:25px 0;border-right:1px solid #c4c4c4;}
                    #site.kariera #page > section .column.left > div .autor .author-box .author-box-details a:hover{text-decoration: none;}
                    #site.kariera #page > section .column.left > div .autor .author-box .author-box-details a{text-decoration: none;}
                    #site.kariera #page > section .column.left > div .autor .author-box .author-box-details h4{font-size:16px;color:#3d3a37;margin:10px 0 0px 0;text-decoration: none;}
                    #site.kariera #page > section .column.left > div .autor .author-box .author-box-details h6{font-size:12px;color:#009fe3;font-weight:400;margin:0;}
                    #site.kariera #page > section .column.left > div .autor .author-box .author-box-details .sprite {background: url(../gfx/sprite2.png) 0 0 no-repeat;}
                    #site.kariera #page > section .column.left > div .autor .author-box .author-box-details .socials{float:left;margin:10px 0 0 0;}
                    #site.kariera #page > section .column.left > div .autor .author-box .author-box-details .icn-email{text-indent: -9999px;width:18px;height:14px;float:left;margin:1px 10px 0 0;background-position: 0px 0px;}
                    #site.kariera #page > section .column.left > div .autor .author-box .author-box-details .icn-twitter{text-indent: -9999px;width:19px;height:15px;float:left;margin:0 10px 0 0;background-position: -18px 0px;}
                    #site.kariera #page > section .column.left > div .autor .author-box .author-box-details .icn-facebook{text-indent: -9999px;width:18px;height:14px;float:left;margin:0 10px 0 0;background-position: 0px 0px;}
                    #site.kariera #page > section .column.left > div .autor .author-box .author-box-details .icn-linkedin{text-indent: -9999px;width:15px;height:15px;float:left;margin:0 10px 0 0;background-position: -37px 0px;}
            #site.kariera #page > section .column.left > div .autor .shares{width: 35%;float: left;margin: 34px 0 0 0;}
            #site.kariera #page > section .column.left > div .autor .shares li{margin: 0 2px 0 0;}

				#site.kariera #page > section .column.right img{width:100%;-webkit-transition: all 0.7s ease-out; transition: all 0.7s ease-out;opacity:0;}
				#site.kariera #page > section .column.right article{width:100%;float:left;margin:10px 0 0 0;}
					#site.kariera #page > section .column.right article > div{padding:20px 40px;}
						#site.kariera #page > section .column.right article > div h4{margin:0 0 20px 0;font-size:20px;line-height:20px;}
						#site.kariera #page > section .column.right article > div p a{color:#000;text-decoration:none;}
						#site.kariera #page > section .column.right article > div p a:hover{color:#B6152B;}
						#site.kariera #page > section .column.right article > div p a.tel{font-weight:bold;}
						#site.kariera #page.artykul > section .column.right article > div h4{font-size:22px;line-height:24px;}
						#site.kariera.artykul #page > section .column.right article > div a.button{background:#B6152B;border:4px solid #B6152B;box-sizing: border-box; color:#fff;text-decoration:none;width:215px;line-height:52px;text-align: center;font-weight:bold;letter-spacing: 2px;font-size:20px;display: block;}
						#site.kariera.artykul #page > section .column.right article > div a.button:hover{background:transparent; color:#B6152B;}
			#site.kariera .verticalLine{width:8px;height:100%;position:absolute;z-index:2;left:70%;top:0px;margin:0 0 0 -4px;background:#fff;}	
		
#site.ontour #page > section .column.left > div .prowadzacy{float:left;margin:0 0 30px 0;width:100%;}
    #site.ontour #page > section .column.left > div .prowadzacy .osoba{float:left;width:calc((100% - 50px) / 3);margin:0 25px 50px 0;text-align: center;}
        #site.ontour #page > section .column.left > div .prowadzacy .osoba:nth-of-type(3n){margin-right:0px;}
        #site.ontour #page > section .column.left > div .prowadzacy .osoba h3{font-size: 16px;font-weight:100;margin:20px 0;}
        #site.ontour #page > section .column.left > div .prowadzacy .osoba img{width: 100%;}
        #site.ontour #page > section .column.left > div .prowadzacy .osoba a{width: 100%;margin: 7px 0 0 0;color:#fff;background: #b6152b;border:1px solid #b6152b;padding:5px 10px;font-size: 14px;line-height: 20px;font-weight: 300;float: left;box-sizing: border-box;text-decoration: none;}
        #site.ontour #page > section .column.left > div .prowadzacy .osoba a:hover{background:transparent; color:#B6152B;}
#site.ontour #page > section .column.left > div .partnerzy{float:left;margin:0 0 30px 0;width:100%;}
    #site.ontour #page > section .column.left > div .partnerzy > h3{margin:0 0 0px 0;}
    #site.ontour #page > section .column.left > div .partnerzy > p{margin:30px 0 10px 0;}
    #site.ontour #page > section .column.left > div .partnerzy > .partner img{filter: none;-webkit-filter: none;-moz-filter: none;-o-filter: none;-ms-filter: none;}
    #site.ontour #page > section .column.left > div .partnerzy > .partner a:hover img{transform: scale(1.04);}
#site.ontour #page > section .column.right article > div h4{line-height: 30px;}
#site.ontour #page > section .column article > div h4 a.right{color:#fff !important;background: #b6152b;border:1px solid #b6152b;padding:5px 10px;font-size: 14px !important;line-height: 20px;font-weight: 300 !important;text-decoration: none;text-align:center;}
#site.ontour #page > section .column.left article > div h4 a.right{width:90%;max-width:300px;margin-bottom: 20px;}
#site.ontour #page > section .column.left > div h1 span{padding:0;}
#site.ontour #page > section .column article > div h4 a.right:hover{color:#b6152b !important;background: transparent;}
#site.ontour #page > section .column.right article > div h2.masz{margin: 70px 0 0 0;}
#site.ontour #page > section .column.right article > div h2.masz a.napisz{color:#fff;background: #b6152b;border:1px solid #b6152b;padding:10px 70px;font-size: 14px;line-height: 20px;font-weight: 300;margin:10px 0 0 0;float:left;}
#site.ontour #page > section .column.right article > div h2.masz a.napisz:hover{color:#b6152b;background: transparent;}

#popup{display:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index: 99999;top:0;left:0;}
	#popup article{background: #f1f1f1;float: left;padding: 0;text-align: center;width: 700px;height:700px;margin:-350px 0 0 -350px;position:absolute;left:50%;top:50%;}
		#popup article .close{width:40px;height:40px;position:absolute;top:-20px;right:-20px;background:url(../gfx/btn-close.png) center center no-repeat;cursor:pointer;z-index:2;}
		#popup article a{display:block;}
		#popup article a img{max-width:100%;max-height:100%;width:auto;height:auto;}
		
		
.showOnTablet,.showOn1435,.showOnMobile{display:none;}		

.stronaKancelarii .container{background:#f3f4f4;color:#2c2f35;float:left;width:100%;margin:8px 0 0 0;}
    .stronaKancelarii .container #fixedMenu{background:#fff;height:63px;width: 660px;line-height:63px;position:fixed;bottom:0;left:50%;margin:0 0 0 -330px;z-index:3;}
        .stronaKancelarii .container #fixedMenu ul{padding:0 20px;margin:0;list-style:none;color:#2c2f35;font-size:15px;}
            .stronaKancelarii .container #fixedMenu ul li{padding:0 0px;margin:0;list-style:none;float:left;}
                .stronaKancelarii .container #fixedMenu ul li a{color:#2c2f35;text-decoration: none;display: inline-block;}
                .stronaKancelarii .container #fixedMenu ul li a:hover{color:#b6152b;}
    
    .stronaKancelarii .container #start {height:100%;height: calc(100% - 114px);min-height: 550px;float:left;width:100%;}
        .stronaKancelarii .container #start > .left{width:calc(100% - 294px);float:left;text-align: center;}
            .stronaKancelarii .container #start > .left .devices{max-height:40vh;}
            .stronaKancelarii .container #start > .left h2{font-size:35px;font-weight:100;margin:60px 0 30px 0;line-height: 1.2;}
            .stronaKancelarii .container #start > .left h2 span{position: relative;z-index: 1;}
            .stronaKancelarii .container #start > .left h2::before{content:'';width:78px;height: 64px;background:url(../gfx/cytat.png) 0 0 no-repeat;float: left;position: absolute;z-index: 0;margin: -20px 0 0 -30px;}
            .stronaKancelarii .container #start > .left h2::after{content:'';width:78px;height: 64px;background:url(../gfx/cytat.png) 0 0 no-repeat;float: left;position: absolute;z-index: 0;margin: 0px 0 0 -40px;}
            .stronaKancelarii .container #start > .left h3{font-size:21px;font-weight:100;margin:0 0 90px 0;}
                .stronaKancelarii .container #start > .left h3 .red{color:#b6152b;}
            .stronaKancelarii .container #start > .right{width:286px;border-left:8px solid #fff;height: 100%;background: #ebebeb;padding: 25px;box-sizing: border-box;text-align: center;}
                .stronaKancelarii .container #start > .right form {margin:100px 0 0 0;}
                    .stronaKancelarii .container #start > .right form input{width:100%;line-height: 40px;height:40px;padding: 0 15px;box-sizing: border-box;background:#fff;border:0;border-radius:0;box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);margin: 0 0 15px 0;font-size:15px;text-align: left;}
                    .stronaKancelarii .container #start > .right form button{width:100%;line-height: 40px;height:40px;box-sizing: border-box;background:#b6152b;border:0;border-radius:0;box-shadow:0px 0px 5px rgba(0,0,0,0.6);margin:0 0 25px 0;font-size:15px;color:#fff;}
                    .stronaKancelarii .container #start > .right form p{font-size:14px;color:#2c2f35;margin:0 0 20px 0;}
.stronaKancelarii .container #start > .right .arrowDown{cursor:pointer;-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.stronaKancelarii .container #start > .right .arrowDown:hover{padding-top:20px;}
     
    .stronaKancelarii .container #jakamozebyc {height:100%;height: calc(100% - 114px);min-height: 550px;float:left;width:100%;background:#fff;}
        .stronaKancelarii .container .inner{width:1120px;margin:120px auto 100px auto;position:relative;}
            .stronaKancelarii .container #jakamozebyc .inner h2{font-size:35px;font-weight:100;margin:60px 0 100px 0;line-height: 1.2;text-align: center;}
            .stronaKancelarii .container #jakamozebyc .inner ul{width:100%;padding:0;margin:0;list-style:none;}
            .stronaKancelarii .container #jakamozebyc .inner ul li{width:50%;padding:0;margin:0 0 0px 0;list-style:none;float:left;}
            .stronaKancelarii .container #jakamozebyc .inner ul li:nth-child(3n){clear:both;}
                .stronaKancelarii .container #jakamozebyc .inner ul li img{margin:0 10px 100px 0;}
                .stronaKancelarii .container #jakamozebyc .inner ul li h4{font-size:22px;margin:0 0 20px 0;}
                .stronaKancelarii .container #jakamozebyc .inner ul li p{font-size:15px;margin:0 0 0px 0;font-weight: 100;}
            
    .stronaKancelarii .container #proces {float:left;width:100%;background:#f3f4f4;position:relative;}
        .stronaKancelarii .container #proces .naglowek{float:left;width:100%;background:#ebebeb;height:125px;line-height:125px;text-align:center;margin:0;padding:0;}
            .stronaKancelarii .container #proces .naglowek h2{font-size:35px;font-weight:100;margin:0;}
        .stronaKancelarii .container #proces #znacznik{width:38px;height:46px;left:50%;margin:0 0 0 -19px;background:url(../gfx/znacznik.png) 0 0 no-repeat;position:absolute;z-index:2;top: 207px;}
        .stronaKancelarii .container #proces #znacznik.fix{position:fixed;}
        .stronaKancelarii .container #proces article{float:left;width:100%;background-image:url(../gfx/reddot.gif);background-repeat: repeat-y;background-position: center top;}
            .stronaKancelarii .container #proces article > div{width:1200px;margin:0 auto;position:relative;}
                .stronaKancelarii .container #proces article > div h3{font-size:42px;margin:40px 0;line-height:42px;font-weight: 400;}
                .stronaKancelarii .container #proces article > div > p{font-size:14px;margin:0px 0 50px 0;line-height:19px;font-weight: 100;width: 450px;text-align: justify;}
                .stronaKancelarii .container #proces article > div .czas{position:absolute;right:0;top:10px;font-size:16px;font-weight:100;}
                .stronaKancelarii .container #proces article > div .ok{position:absolute;right:0;top:40px;margin:0;padding:0;list-style:none;}
                    .stronaKancelarii .container #proces article > div .ok li{float:left;list-style:none;margin:0 0 10px 10px;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;width:80px;height:80px;overflow:hidden;background:#2c2f35;}
                        .stronaKancelarii .container #proces article > div .ok li img{height: 110%;margin: 10% 0 0 -23%;}
                        .stronaKancelarii .container #proces article > div .ok li img.jacek{height: 103%;margin: 10% 0 0 -17%;}
                        .stronaKancelarii .container #proces article > div .ok li img.kuba{height: 120%;margin:6% 0 0 -21%;}
                        .stronaKancelarii .container #proces article > div .ok li img.ola{height: 117%;margin: 9% 0 0 -10%;}
                        .stronaKancelarii .container #proces article > div .ok li img.przemek{height: 110%;margin: 10% 0 0 -25%;}
                        .stronaKancelarii .container #proces article > div .ok li img.maciej{height: 110%;margin: 10% 0 0 -24%;}
                        .stronaKancelarii .container #proces article > div .ok li img.martak{height: 110%;margin:10% 0 0 -5%;}
                        .stronaKancelarii .container #proces article > div .ok li img.hubert{height: 120%;margin:8% 0 0 -20%;}
                        .stronaKancelarii .container #proces article > div .ok li img.leszek{height: 110%;margin:2% 0 0 -12%;}
                        .stronaKancelarii .container #proces article > div .ok li img.bartek{height: 124%;margin:5% 0 0 -23%;}
                .stronaKancelarii .container #proces article > div > .reddot{position:absolute;left:50%;top:20px;margin-left:-10px;width:21px;height:21px;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;background:#b6152b;}
                .stronaKancelarii .container #proces article > div .kroki{position:absolute;left:50%;top:60px;margin:0;padding:0 0 0 20px;list-style:none;font-size:20px;font-weight:100;}
                    .stronaKancelarii .container #proces article > div .kroki li{position:relative;margin: 0 0 10px 0;}
                    .stronaKancelarii .container #proces article > div .kroki li:before{content: ' ';position:absolute;left:-24px;top:9px;width:9px;height:9px;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;background:#b6152b;}
        .stronaKancelarii .container #proces article.dark{background-color:#2c2f35;}
        .stronaKancelarii .container #proces article.dark.publikacja{min-height:400px;}
                .stronaKancelarii .container #proces article.dark > div{color:#ebebeb;}
                .stronaKancelarii .container #proces article.dark > div .ok li{background:#ebebeb;}
        .stronaKancelarii .container #proces article.red{background-color:#b6152b;}
            .stronaKancelarii .container #proces article.red p{font-size:27px;font-weight:100;color:#ebebeb;line-height: 34px;margin: 0 auto;width:1200px;text-align:right;    font-family: 'rabioheadregular';}

    .stronaKancelarii .container #proces article > div .kroki li .help-tip{position: relative;top: -12px;display: inline-block;text-align: center;background-color: #b6152b;border-radius: 50%;width: 16px;height: 16px;font-size: 10px;line-height: 17px;cursor: default;text-indent: -1px;z-index: 2;}
    .stronaKancelarii .container #proces article > div .kroki li .help-tip:before{content:'?';font-weight: 400;color:#fff;}
        .stronaKancelarii .container #proces article > div .kroki li .help-tip p{display: none;text-align: justify;background-color: rgba(255,255,255,0.95);padding: 25px;width: 240px;position: absolute;border-radius: 5px;box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.2);left: 15px;font-size: 13px;color:#2c2f35;line-height: 16px;margin: 0;bottom: 20px;}
        .stronaKancelarii .container #proces article > div .kroki li:hover .help-tip p,.stronaKancelarii .container #proces article > div .kroki li.hover .help-tip p{display:block;transform-origin: 100% 0%;-webkit-animation: fadeIn 0.5s ease-in-out;animation: fadeIn 0.5s ease-in-out;}
        .stronaKancelarii .container #proces article > div .kroki li.tooltip{cursor:help;}

    .stronaKancelarii .container #koszty {float:left;width:100%;background:#f3f4f4;position:relative;}
        .stronaKancelarii .container #koszty .naglowek{float:left;width:100%;height:156px;line-height:156px;text-align:center;margin:0;}
            .stronaKancelarii .container #koszty .naglowek h2{font-size:46px;margin:0;}
                .stronaKancelarii .container #koszty .naglowek h2 strong{color:#b6152b;}
        .stronaKancelarii .container #koszty .column{width:48%;width: calc(50% - 55px);}
        .stronaKancelarii .container #koszty .column.left{background:#fff;padding:50px 30px;box-sizing: border-box;}
            .stronaKancelarii .container #koszty .column.left h3{font-size:22px;line-height:32px;margin:0;font-weight:400;}
                .stronaKancelarii .container #koszty .column.left h3 span{font-size:42px;font-weight:bold;}
            .stronaKancelarii .container #koszty .column.left p{font-size:20px;line-height:22px;margin:30px 0 0 0;font-weight:100;}
            .stronaKancelarii .container #koszty .column.right h3{font-size:31px;background:#fff;line-height:60px;margin:0;font-weight:600;text-align: center;}
            .stronaKancelarii .container #koszty .column.right ul{padding:0;margin:30px 0 0 50px;}
                .stronaKancelarii .container #koszty .column.right ul li{padding:0 0 0 20px;margin:0px 0 5px 0;list-style:none;font-size:15px;font-weight: 100;position:relative;}
                .stronaKancelarii .container #koszty .column.right ul li:before{content: ' ';position:absolute;left:0px;top:7px;width:7px;height:7px;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;background:#b6152b;}


    .stronaKancelarii .container #portfolio {float:left;width:100%;position:relative;z-index: 99;background:#ffffff;padding:100px 0;min-height:100vh;box-sizing: border-box;overflow: hidden;}
            .stronaKancelarii .container #portfolio .inner h3{font-size:35px;font-weight:100;margin:0;height:125px;line-height:125px;text-align:center;margin:0;}
            .stronaKancelarii #portfolio .bx-wrapper{box-shadow:0 0 0 !important;border:0 !important;margin:0 !important;}
            .stronaKancelarii #portfolio .bx-wrapper .bx-controls-auto, .stronaKancelarii #portfolio .bx-wrapper .bx-pager{bottom:-60px;}
            .stronaKancelarii #portfolio .bx-wrapper .bx-pager.bx-default-pager a{width: 10px;height: 10px;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;    margin: 0 3px;background:#dddddd;}
            .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#2c2f35 !important;}
            .stronaKancelarii .container #portfolio .inner #slider .slide .image{/*width:364px;height:227px;*/display: block;}
            .stronaKancelarii .container #portfolio .inner #slider .slide h4{font-size:22px;font-weight:100;margin:20px 0 10px 0;float:left;width: 100%;text-align: center;}
            .stronaKancelarii .container #portfolio .inner #slider .slide a{font-size:15px;font-weight:100;color:#2c2f35;text-decoration: none;float:left;width: 100%;text-align: center;}
            .stronaKancelarii .container #portfolio .inner #slider .slide .linkIcon{display:inline-block;margin:-2px 5px 0 0;vertical-align:top;}
            .stronaKancelarii .container #portfolio .inner #sliderWrap{position: relative;}
            .stronaKancelarii .container #portfolio .inner #sliderWrap #prev{position:absolute;left: -50px;top: 100px;cursor: pointer;}
                .stronaKancelarii .container #portfolio .inner #sliderWrap #prev a{width:0;height:0;border-top:21px solid transparent;border-bottom:21px solid transparent;border-left:17px solid transparent;border-right:17px solid #dddddd;text-indent:-99999px;float:left;}
            .stronaKancelarii .container #portfolio .inner #sliderWrap #next{position:absolute;right:-50px;top: 100px;cursor: pointer;}
                .stronaKancelarii .container #portfolio .inner #sliderWrap #next a{width:0;height:0;border-top:21px solid transparent;border-bottom:21px solid transparent;border-right:17px solid transparent;border-left:17px solid #dddddd;text-indent:-99999px;float:left;}
        .stronaKancelarii .container #portfolio .infoPortfolio{width:100%;float:left;background: #2c2f35;position: absolute;bottom: 0;}
                .stronaKancelarii .container #portfolio .infoPortfolio .inner {margin: 0 auto;}
                .stronaKancelarii .container #portfolio .infoPortfolio .inner p.left{color:#fff;width:50%;padding: 30px 50px 30px 150px;margin: 0;position: relative;font-size: 14px;font-weight: 100;line-height: 18px;box-sizing: border-box;}
                .stronaKancelarii .container #portfolio .infoPortfolio .inner a.right{float:left;font-size:25px;color:#fff;text-decoration: none;margin:40px 0 0 40px;}
                .stronaKancelarii .container #portfolio .infoPortfolio .inner a.right:hover{color:#b6152b;}
    

    .stronaKancelarii .container #dlaczego-my {float:left;width:100%;position:relative;z-index: 99;}
        .stronaKancelarii .container #dlaczego-my .naglowek{float:left;width:100%;background:#ebebeb;height:125px;line-height:125px;text-align:center;margin:0;padding:0;}
            .stronaKancelarii .container #dlaczego-my h2{font-size:35px;font-weight:100;margin:0;}
            
    .stronaKancelarii .container h2.nagrody{z-index: 99;position:relative;  float:left;width:100%;background:#b6152b;color:#fff;height:125px;line-height:125px;text-align:center;margin:0;padding:0;font-size:35px;font-weight:100;margin:0;border-bottom: 1px solid #fff;border-top: 30px solid #fff;}

    .stronaKancelarii .container #awards {float:left;width:100%;background:#b6152b;position:relative;z-index: 99;border-bottom: 30px solid #fff;}
    .stronaKancelarii .container #awards .inner {margin-top:0;margin-bottom: 0;}

    .stronaKancelarii .container #kontakt {float:left;width:100%;background:#2c2f35;position:relative;z-index: 99;}
            .stronaKancelarii .container #kontakt .inner > div{width:50%;}
                .stronaKancelarii .container #kontakt .inner > .left h4{font-size:26px;line-height:32px;color:#fff;font-weight:100;margin:0 30px 30px 0;}
                .stronaKancelarii .container #kontakt .inner > .left p{font-size:16px;line-height:24px;color:#fff;font-weight:100;margin:0 10px 0 0;}
                .stronaKancelarii .container #kontakt .inner > .left img{margin: 27px 0 0 0;}
                .stronaKancelarii .container #kontakt .inner > .right form input{width:380px;max-width:100%;line-height: 40px;height:40px;padding: 0 15px;box-sizing: border-box;background:#fff;border:0;border-radius:0;margin: 0 0 15px 0;font-size:15px;text-align: left;}
                .stronaKancelarii .container #kontakt .inner > .right form button{width:380px;max-width:100%;line-height: 40px;height:40px;box-sizing: border-box;background:#b6152b;border:0;border-radius:0;margin:0 0 25px 0;font-size:15px;color:#fff;}
                .stronaKancelarii .container #kontakt .inner > .right h2{color:#fff;}
                
/*
.bx-viewport{min-height:400px;}
.bx-viewport .slide{min-height:400px;}
*/

#site.ontour #page > section .column.left > div .content{float:left;width:100%;margin:40px 0;}
#site.ontour #page > section .column.left > div .autor .shares{margin:0;}
#site.ontour #page > section .column.left > div .autor{margin:20px 0 0 0;}
#site.ontour #page > section .column.left > div .shares ul{padding:0;}
#site.ontour #page > section .column.left > div .content ul{list-style:none;padding:0;}
#site.ontour #page > section .column.left > div .content ul li{padding-left: 15px;position: relative;margin:0 0 7px 0;text-align: left;}
#site.ontour #page > section .column.left > div .content ul li::before {content: "â  ";color: #B6152B;position: absolute;left:0;top:-1px;font-size:20px;}
#site.ontour #page > section .column.right article > div h4 a{color:#000;text-decoration: none;font-size:17px;font-weight:400;}
#site.ontour #page > section .column.right article > div h4 a:hover{color:#B6152B;}
#site.ontour #page > section .column.right .krakow{color:#68C6E0;}
#site.ontour #page > section .column.right .szczecin{color:#95C11F;}
#site.ontour #page > section .column.right .lodz{color:#EAD300;}
#site.ontour #page > section .column.right .trojmiasto{color:#48509E;}
#site.ontour #page > section .column.right .katowice{color:#E6007E;}
#site.ontour #page > section .column.right .masz a{color:#000;text-decoration:none;}
#site.ontour #page > section .column.right .mapaOntour{position: relative;}
#site.ontour #page > section .column.right .mapaOntour p{position:absolute;margin:0;}
#site.ontour #page > section .column.right .mapaOntour p.krakow{top:69%;left:56%;}
#site.ontour #page > section .column.right .mapaOntour p.szczecin{top:30.5%;left:13%;}
#site.ontour #page > section .column.right .mapaOntour p.lodz{top:44%;left:45%;}
#site.ontour #page > section .column.right .mapaOntour p.trojmiasto{top:20.5%;left:37%;}
#site.ontour #page > section .column.right .mapaOntour p.katowice{top:61%;left:33%;}
    #site.ontour #page > section .column.right .mapaOntour p .info{display:none;text-align: center;font-size:24px;width:140px;background:#fff;margin-left: -16%;margin-top:5px;padding: 7px 15px;border:1px solid;}
    #site.ontour #page > section .column.right .mapaOntour p.krakow .info{border-color:#68C6E0;}
    #site.ontour #page > section .column.right .mapaOntour p.szczecin .info{border-color:#95C11F;}
    #site.ontour #page > section .column.right .mapaOntour p.lodz .info{border-color:#EAD300;}
    #site.ontour #page > section .column.right .mapaOntour p.trojmiasto .info{border-color:#48509E;}
    #site.ontour #page > section .column.right .mapaOntour p.katowice .info{border-color:#E6007E;}
    #site.ontour #page > section .column.right .mapaOntour p:hover .info{display:block;}
        #site.ontour #page > section .column.right .mapaOntour p .info a{color:#000;text-decoration: none;display:block;font-size:15px;}
        #site.ontour #page > section .column.right .mapaOntour p .info a:hover{color:#B6152B;}
    #site.ontour #page > section .column.right .mapaOntour p .handler{display:block;height:5.3vh;width:7vw;/*background:red;opacity:0.4;*/}
#site.ontour #page > section .column.right article > div h2.masz a:hover{color:#B6152B;}

#site.klienci{background:#eeeeef;}
#site.klienci .inner{width:1120px;margin:50px auto 50px auto;position:relative;}
    #site.klienci .inner h1{margin: 0 0 20px 0;float: left;width: 100%;font-size: 60px;line-height: 60px;font-family: 'Raleway',sans-serif;font-weight: 900;text-transform: uppercase;}
    #site.klienci .inner p{font-weight: 100;font-size: 16px;line-height: 22px;text-align: justify;}
    #site.klienci #page {height:auto;min-height: calc(100% - 376px);}
        #site.klienci #page > #macierz{float: left;position: relative;width:1120px;width:100%;/*left:50%;transform:translateX(-50%);*/margin:70px 0 0 0;}
            #site.klienci #page > #macierz .klient{float: left;position: relative;width:calc((100% - 16px) / 3);height:105px;height: calc((100vw / 3) * 0.33);background:#fff;margin: 0 8px 8px 0;overflow: hidden;}
            #site.klienci #page > #macierz .klient:nth-child(3n){margin-right:0;}
            #site.klienci #page > #macierz .klient.title{background:transparent;}
                #site.klienci #page > #macierz .klient a{display: block;width:100%;height: 100%;}
                #site.klienci #page > #macierz .klient img{left:50%;top:50%;float: left;position: relative;transform: translateX(-50%) translateY(-50%);max-width:90%;max-height:90%;width:auto;height: auto;}
/*                #site.klienci #page > #macierz .klient:hover img{transform: translateX(-50%) translateY(-50%) scale(1.1);}*/
                #site.klienci #page > #macierz .klient h1{font-size:35px;line-height: 35px;color:#3d4045;margin:0;text-align: center;top: 50%;position: relative;transform: translateY(-50%);}

#site.portfolio{background: #1d1d1d;}
#site.portfolio #page{height: auto;}
#portfolio{margin: 8px 0 0 0;}
    #portfolio .left.column{width:320px;background: #2c2f35;color:#fff;min-height: calc(100% - 16px);position: relative;}
    #portfolio .left.column::before{content:'';width: 100%;background: #2c2f35;position: absolute;height: calc(100% - 14px);left:0;top:7px;}
        #portfolio .left.column .top{background: #b5152b;height: 90px;line-height: 90px;text-align: center;border-bottom:7px solid #1d1d1d;position: relative;s}
            #portfolio .left.column .top::after{content:'';width:0;height: 0;border-style: solid;border-width: 26px 30px 0 30px;border-color: #1d1d1d transparent transparent transparent;position: absolute;top: 100%;left:50%;transform:translateX(-50%);}
            #portfolio .left.column .top h1{font-size: 22px;color:#fff;margin: 0 0 0 15px;display: inline;}
            #portfolio .left.column .top img{vertical-align: middle;}
        #portfolio .left.column .filtry{padding: 0 30px 40px 40px;float: left;position: relative;z-index: 2;}
        #portfolio .left.column .filtry .dzial{margin: 40px 0 0 0;float: left;}
        #portfolio .left.column .filtry .dzial.tagi{display:none;}
            #portfolio .left.column .filtry .dzial h3{font-size:22px;color:#fff;margin: 0 0 15px 0;}
            #portfolio .left.column .filtry .dzial label{font-size:14px;color:#cacaca;position: relative;display: block;margin: 0 0 10px 0;float: left;width: 100%;}
            #portfolio .left.column .filtry .dzial label a{color:#cacaca;text-decoration: none;}
            #portfolio .left.column .filtry .dzial label:hover,#portfolio .left.column .filtry .dzial label:hover a{color:#fff;}
            #portfolio .left.column .filtry .dzial label::before{content:'';width:16px;height: 16px;float:left;border:1px solid #cacaca;border-radius: 100%;margin: 0 12px 0 0;}
            #portfolio .left.column .filtry .dzial label input{-webkit-appearance: none;-moz-appearance:none;appearance:none;}
            #portfolio .left.column .filtry .dzial label input[type=radio]:checked{background: #fff;float: left;width: 4px;height: 4px;position: absolute;left: 7px;top: 7px;border-radius: 100%;outline: 0px}
            #portfolio .left.column .filtry .dzial.tagi label.checked{background: url(../gfx/check.png) 3px 3px no-repeat;}
            #portfolio .left.column .filtry .dzial.tagi label::before{border-radius: 0;}
    #portfolio .right.column{width:calc(100% - 320px);}
        #portfolio .right.column .top{height: 90px;padding: 0 20px;margin-bottom: 7px;}
        #portfolio .right.column .top .middleY{float: left;width:100%;}
        #portfolio .right.column .top .filtryNaglowek{float: left;color: #bbbbbb;font-size: 14px;margin: 0 0 0px 0;width:100%;}
        #portfolio .right.column .top .filtry .filtr{float: left;color: #bbbbbb;font-size: 14px;margin: 5px 5px 0 0;padding:10px 12px 10px 20px;background: #2c2f35;}
        #portfolio .right.column .top .filtry .filtr .usun{color:#bbb;width:20px;float: right;margin: 0 0 0 10px;text-align: center;line-height: 20px;cursor:pointer;}
        #portfolio .right.column .top .filtry .filtr .usun:hover{background: #bbb;color:2c2f35;}
/*        #portfolio .right.column #projekty{display: flex;flex-wrap: wrap;}*/
            #portfolio .right.column #projekty article{width:calc((100% - 4px)/2);position: relative;overflow: hidden;float: left;margin: 0 0 4px 0;}
            #portfolio .right.column #projekty article:nth-child(2n){float: right;}
            #portfolio .right.column #projekty article .image img{width: 100%;}
            #portfolio .right.column #projekty article .details{opacity:0;position: absolute;top:100%;left:0;width:100%;height: 100%;background: rgba(200, 0, 15, 0.85);color:#fff;text-align: center;box-sizing: border-box; padding: 0 30px;}
            #portfolio .right.column #projekty article:hover .details{top:0;opacity:1;}
                #portfolio .right.column #projekty article .details h2{margin:0 0 20px 0;padding: 0 0 20px 0;text-align: center;font-size: 23px;position: relative;}
                #portfolio .right.column #projekty article .details h2::after{content:'';width:34px;height: 2px;background: #fff;top:100%;left:50%;margin-left:-10px;position: absolute;}
                #portfolio .right.column #projekty article .details p{margin:0 0 40px 0;text-align: center;font-size: 14px;position: relative;}

    #portfolio .right.column #projekty article.strategia,#portfolio .right.column #projekty article.szkolenia,#portfolio .right.column #projekty article.referencje{background-color:#ebebeb;background-color:#e1ded9;background-repeat: no-repeat;background-position: right bottom;}
    #portfolio .right.column #projekty article.strategia > div,#portfolio .right.column #projekty article.szkolenia > div,#portfolio .right.column #projekty article.referencje > div{position: absolute;top:0;left: 0; padding:30px;margin:30px 245px 20px 30px;border:1px solid #fff;}
    #portfolio .right.column #projekty article.strategia > img,#portfolio .right.column #projekty article.szkolenia > img,#portfolio .right.column #projekty article.referencje > img{opacity: 0;width: 100%;}
/*    #site.stronaKancelarii #dlaczego-my article.rekomendacja > div{margin-bottom:140px;}*/
/*    #site #dlaczego-my article.rekomendacja.rightimg > div{margin:86px 260px 20px 35px;}*/
/*    #site #dlaczego-my article.rekomendacja.filipiakbabicz > div{margin:66px 325px 70px 300px;}*/
    #portfolio .right.column #projekty article.strategia > div:before,#portfolio .right.column #projekty article.szkolenia > div:before,#portfolio .right.column #projekty article.referencje > div:before {content:"\A";border-style: solid;position: absolute;top:140px;border-width: 0px 0px 30px 30px;border-color: transparent transparent transparent #fff;left: auto;right:-30px;}
    #portfolio .right.column #projekty article.strategia > div:after,#portfolio .right.column #projekty article.szkolenia > div:after,#portfolio .right.column #projekty article.referencje > div:after {content:"\A";border-style: solid;position: absolute;top:141px;border-width: 0px 0px 30px 30px;border-color: transparent transparent transparent #ebebeb;border-color: transparent transparent transparent #e1ded9;left: auto;right:-28px;}
/*
    #site #dlaczego-my article.rekomendacja.rightimg > div:before {border-width: 0px 0px 30px 30px;border-color: transparent transparent transparent #fff;left: auto;right:-30px;}
    #site #dlaczego-my article.rekomendacja.rightimg > div:after {border-width: 0px 0px 30px 30px;border-color: transparent transparent transparent #ebebeb;left: auto;right:-28px;}
*/
        #portfolio .right.column #projekty article.strategia > div p,#portfolio .right.column #projekty article.szkolenia > div p,#portfolio .right.column #projekty article.referencje > div p{margin:0;}
        #portfolio .right.column #projekty article.strategia > div i,#portfolio .right.column #projekty article.szkolenia > div i,#portfolio .right.column #projekty article.referencje > div i{margin:0 0 20px 0;font-size:17px;line-height:21px;font-weight:300;font-style: italic;display:block;}
        #portfolio .right.column #projekty article.strategia > div h4,#portfolio .right.column #projekty article.szkolenia > div h4,#portfolio .right.column #projekty article.referencje > div h4{font-size:20px;line-height:24px;text-align:right;margin:0;}
		

@-webkit-keyframes fadeIn {0% {opacity:0; transform: scale(0.6);}100% {opacity:100%;transform: scale(1);}}
@keyframes fadeIn {0% { opacity:0; }100% { opacity:100%; }}

