/* RESET */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
p{ margin:0; padding:0;} ul, li { margin:0; padding:0;}
a:link, a:visited, a:hover, a:active, a:focus, select, select:focus {outline:none;}
.red-font	{color:#d81e05;}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear:before, .clear:after { content: ''; display: table; }
.clear, .clear:after { clear: both; }

/* css3 */
.tr01	{
	-webkit-transition:	all .1s ease-in-out 0s;
	-moz-transition: 	all .1s ease-in-out 0s;
	-o-transition:  	all .1s ease-in-out 0s;
	-ms-transition:  	all .1s ease-in-out 0s;
	transition:  		all .1s ease-in-out 0s;	
}

.tr	{
	-webkit-transition:	all .3s ease-in-out 0s;
	-moz-transition: 	all .3s ease-in-out 0s;
	-o-transition:  	all .3s ease-in-out 0s;
	-ms-transition:  	all .3s ease-in-out 0s;
	transition:  		all .3s ease-in-out 0s;	
}

.tr06	{
	-webkit-transition:	all .6s ease-in-out 0s;
	-moz-transition: 	all .6s ease-in-out 0s;
	-o-transition:  	all .6s ease-in-out 0s;
	-ms-transition:  	all .6s ease-in-out 0s;
	transition:  		all .6s ease-in-out 0s;	
}
.tr09	{
	-webkit-transition:	all .9s ease-in-out 0s;
	-moz-transition: 	all .9s ease-in-out 0s;
	-o-transition:  	all .9s ease-in-out 0s;
	-ms-transition:  	all .9s ease-in-out 0s;
	transition:  		all .9s ease-in-out 0s;	
}
.tr12	{
	-webkit-transition:	all 1.2s ease-in-out 0s;
	-moz-transition: 	all 1.2s ease-in-out 0s;
	-o-transition:  	all 1.2s ease-in-out 0s;
	-ms-transition:  	all 1.2s ease-in-out 0s;
	transition:  		all 1.2s ease-in-out 0s;	
}
.tr15	{
	-webkit-transition:	all 1.5s ease-in-out 0s;
	-moz-transition: 	all 1.5s ease-in-out 0s;
	-o-transition:  	all 1.5s ease-in-out 0s;
	-ms-transition:  	all 1.5s ease-in-out 0s;
	transition:  		all 1.5s ease-in-out 0s;	
}


/* font face */
.rbt			{font-family: 'Roboto', sans-serif; font-weight:400;}
.rlw			{font-family: 'Roboto Condensed', sans-serif; font-weight:900;}
.rlww			{font-family: 'Raleway', sans-serif; font-weight:900;}


/* global */
body		{font-family: 'Roboto', Arial, Helvetica, sans-serif; background-color:#fff; font-size: 18px; font-weight: 100; }
section		{margin:0; padding:80px 0; float:left; position:relative; clear:both; display:block; background-color:#fff;}
.wrap		{margin:0 auto; position:relative;}
.bg-section	{background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; height: 100%; width: 100%; z-index:1;}
.big-slide h2			{text-transform:uppercase; font-size: 30px; line-height:30px; margin:0 0 10px 0;}
.big-slide h3			{font-size: 24px; line-height:30px; margin:0 0 40px 0; font-weight:100;}
.big-slide .title-line	{display: block; height: 4px; margin: 0 0 10px; width: 60px;}
.big-slide .wrap		{margin-top:100px;} 


/* header */
header				{height:145px; background-color:#000; position:fixed; z-index:100; top:-65px}
header.search-active		{top:0px}
header .search				{width:100%; width:100%; height:80px; float:left; clear:both; position:relative;}
header .search input		{background-color:#fff; height:40px; float:left; margin:20px 0; font-family:'Roboto', sans-serif; font-weight:400; color:#322e2e; padding:5px 10px; font-size:24px; border:0;}
header .search button		{width:60px; height:40px; float:left; margin:20px 1px; border:0; background-color:#fff; color:#565656;}
header .search .search-exit	{width:40px; height:40px; line-height:40px; text-align:center; color:#fff; float:right; display:block; font-size:24px; margin:20px 0; background: url("../gfx/search_exit.png") no-repeat scroll center center transparent;}

header .logo				{float:left; display:block; width:170px; height:50px; background:url("../gfx/logo_header.png") no-repeat center center transparent; margin: 0;}
header nav					{float:right; margin: 15px 0 0;}
header nav ul				{float:left;}
header nav ul li			{float:left; list-style:none; }
header nav ul li a 			{color:#fff; display: block; font-size: 13px; margin: 0 14px; text-decoration: none; text-transform: uppercase; border-bottom:2px solid #322e2e;}
header nav ul li a.active	{color:#00afe5;}
header .hdr-bot-line 		{background: url("../gfx/header_bottom_line.jpg") repeat scroll center center transparent; bottom: 0; height: 3px; position: absolute; width: 100%;}

header .mobile-menu			{display:none;}

/* welcome-screen */
.welcome 				{background:url(none) repeat scroll center center #000; height:780px;}
.welcome .images		{width:100%; height:88px; margin: 250px auto 5px; position:relative;}
.welcome .logo			{position: absolute; bottom: 100px; margin:0 0 0 100px;}
.welcome .sign 			{bottom: 35px; position: absolute; right: 0px;}
.welcome .mobile-sign	{width:100%; display:none;}
.welcome p 				{color: #fff; font-size: 23px; text-align: left; margin:90px 0 0 100px; letter-spacing:2px; font-weight:bold;}
.welcome ul 			{clear: both; float: left; margin: 20px 0 60px 100px; }
.welcome ul li 			{color: #fff; float: left; font-size: 34px; list-style: none outside none; text-align: left; margin: 0 80px 0 0;}
.welcome ul li:last-child	{ margin:0;}
.welcome ul li span 	{background-color: #4d4d4d; clear: both; display: block; height: 4px; width: 60px;}
.welcome ul li a		{ color:#fff; text-decoration:none;}

.welcome .mouse 		{width:30px; height:48px; margin:0 auto; display:block;}
.welcome .mouse-icon 	{
	animation: pulsate 1s infinite ease-in-out;
	-webkit-animation: pulsate 1s infinite ease-in-out;
	-moz-animation: pulsate 1s infinite ease-in-out;
	-o-animation: pulsate 1s infinite ease-in-out;
	-ms-animation: pulsate 1s infinite ease-in-out;
    opacity: 1; 
}
@-webkit-keyframes pulsate {
    0% {opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {opacity: 0.0;}
}
@keyframes pulsate {
    0% {opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {opacity: 0.0;}
}

.welcome .belka					{background:url("../gfx/slide_01_belka_bg.png") repeat center center scroll #fff; bottom: 0; height: 130px; position: fixed; width: 100%;}
.welcome .belka	.wrap			{ margin-top:0;}
.welcome .belka .box			{float:left; width:50%;}
.welcome .belka .box p 			{color: #4d4d4d; text-align: left; text-transform: uppercase; font-size:12px; margin:20px 0 0;}
.welcome .belka .marki .bx-wrapper	{float:left;}
.welcome .belka .marki ul		{margin:0; overflow:hidden; width:100%; height:75px; float:left;}
.welcome .belka .marki ul li	{margin: 0 10px; width:95px; height:75px; display:block;}
.welcome .belka .marki ul li a	{}

.welcome .belka .news				{padding:0 0 0 100px;}
.welcome .belka .news .bx-wrapper	{float:left; width:500px;}
.welcome .belka .news .bx-viewport	{float:left; width:500px;}
.welcome .belka .news ul				{margin:10px 0 0; overflow:hidden; min-width:500px; height:75px; float:left;}
.welcome .belka .news ul li			{margin: 0; width:500px; height:75px; display:block; }
.welcome .belka .news ul li a		{display:block; width:500px; height:75px; float:left; text-decoration: none;}
.welcome .belka .news ul li a .data {clear: none; color: #fff; float: left; font-size: 12px; height: 60px; margin: 0 10px 0 0; padding: 0; text-align: center; width: 50px;}
.welcome .belka .news ul li a .data strong 	{display: block; font-size: 30px; line-height: 36px; margin: 3px 0 0; text-align: center;}
.welcome .belka .news ul li a .title{background-color: transparent; clear: none; color: #000; float: left; font-size: 17px; height: 75px; text-transform: none; width: 340px;}

/* info-belka */
.info-belka							{overflow: hidden; padding: 0; width: 100%;}
.info-belka .belka					{background:url("../gfx/slide_01_belka_bg.png") repeat center center scroll #fff; bottom: 0; height: 200px; position: relative; width: 100%; padding: 40px 0 0;}
.info-belka .belka	.wrap			{margin-top:0;}
.info-belka .belka .box				{float:left; width:50%;}
.info-belka .belka .box p 			{color: #4d4d4d; text-align: left; text-transform: uppercase; font-size:12px; margin:20px 0 0;}
.info-belka .belka .marki .bx-wrapper	{float:left;}
.info-belka .belka .marki ul		{margin:0; overflow:hidden; width:100%; height:75px; float:left;}
.info-belka .belka .marki ul li		{margin: 0 10px; width:95px; height:75px; display:block;}
.info-belka .belka .marki ul li a	{}

.info-belka .belka .news				{padding:0 0 0 100px;}
.info-belka .belka .news .bx-wrapper	{float:left; width:500px;}
.info-belka .belka .news .bx-viewport	{float:left; width:500px;}
.info-belka .belka .news ul				{margin:10px 0 0; overflow:hidden; min-width:500px; height:75px; float:left;}
.info-belka .belka .news ul li			{margin: 0; width:500px; height:75px; display:block; }
.info-belka .belka .news ul li a		{display:block; width:500px; height:75px; float:left; text-decoration: none;}
.info-belka .belka .news ul li a .data 	{clear: none; color: #fff; float: left; font-size: 12px; height: 60px; margin: 0 10px 0 0; padding: 0; text-align: center; width: 50px; background-color:#4d4d4d;}
.info-belka .belka .news ul li a .data strong 	{display: block; font-size: 30px; line-height: 36px; margin: 3px 0 0; text-align: center;}
.info-belka .belka .news ul li a .title	{background-color: transparent; clear: none; color: #000; float: left; font-size: 17px; height: 75px; text-transform: none; width: 340px;}


/* onas */
.onas				{color:#fff; overflow:hidden;}
.onas .wrap			{margin-top:100px; color:#000;}
.onas .bg			{width:100%; height:100%; position:absolute; top:0; left:0; background:url("../gfx/slide_02_bg.jpg") no-repeat scroll center center #fff; background-size:cover;}
.onas .title-line 	{background-color: #fff;}
.onas p 			{font-size: 18px; line-height: 32px; margin: 0 0 20px; width: 70%;}
.onas .button 		{background-color: #08aecf; color: #fff; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; margin: 20px 0; padding: 0 70px; text-decoration: none; text-transform: uppercase;}
.onas .big-sign 	{background: url("../gfx/sign_big.png") no-repeat scroll center center transparent; height: 583px; position: absolute; width: 577px; right: -300px;}

/* obszary */
.obszary			{background:url("../gfx/slide_03_bg.jpg") repeat center center fixed #fff; color:#262626;}
.obszary .wrap		{margin-top:100px;}
.obszary .title-line 	{background-color: #262626;}
.obszary h1 		{font-size: 60px; line-height: 60px; margin: 80px 0 30px; text-align: center;}
.obszary .lines		{background: url("../gfx/obszary_lines.png") no-repeat scroll center center transparent; width:951px; height:12px; margin:0 auto;}
.obszary ul			{overflow:hidden; margin: 0 0 60px;}
.obszary ul li 		{border-bottom: 1px solid #dfdfdf; float: left; list-style: none outside none; margin: 0 12px; padding: 0 0 20px; text-align: center; width: 170px;}
.obszary ul li img	{}
.obszary ul li p 	{font-size: 19px; line-height: 22px; text-transform: uppercase;}
.obszary ul li a	{ color:#262626; text-decoration:none;}
.obszary ul li span {display: block; font-size: 14px; line-height: 22px; margin: 10px 0 0; height:45px;}
.obszary .button 	{background-color: #08aecf; clear: both; color: #fff; display: block; font-size: 12px; height: 40px; line-height: 40px; margin: 0 auto; padding: 0 20px; text-align: center;text-decoration: none; text-transform: uppercase; width: 280px;}

/* cytaty */
.cytaty				{background: url("../gfx/slide_04_bg.jpg") no-repeat fixed center center transparent; height:450px; background-size:cover;}
.cytaty .circle 	{background-color: #8dc63f; border-radius: 50px; color: #fff; display: block; font-size: 24px; height: 50px; line-height: 50px; margin: 0 auto; text-align: center; width: 50px;}
.cytaty .bx-wrapper {margin: 50px auto; width:90%;}
.cytaty ul			{width:80%;}
.cytaty ul li		{width:80%;}
.cytaty ul li p 	{color: #fff; font-size: 20px; text-align: center; line-height:30px; margin-bottom:20px;}
.cytaty ul li span	{color: #fff; font-size: 14px; text-align: center; line-height:20px; display:block;}
.cytaty ul li span.name	{color: #8dc63f; font-size: 18px; text-align: center; line-height:20px; display:block; font-weight:900;}
.bx-pager 			{width:210px; margin:40px auto;}
.bx-pager-item	a	{width:60px; height:4px; text-indent:-9999px; float:left; background-color:#262626; margin:0 5px;}
.bx-pager-item	a.active	{background-color:#8dc63f;}
.cytaty .bx-controls		{ display:none;}

/* kompetencje */
.kompetencje		{background: url("../gfx/slide_05_bg.jpg") repeat scroll center center #fff;}
.kompetencje .title-line 	{background-color: #262626;}
.kompetencje .box 	{float: left; margin: 10px 0; padding: 20px 60px 20px 0; width: 50%;}
.kompetencje .box .icon {border: 4px solid #676767; border-radius: 100px; color: #676767; float: left; font-size: 45px; height: 100px; line-height: 90px; margin: 0 20px 0 0; text-align: center;
width: 100px; display:none;}
.kompetencje .box .txt 			{overflow: hidden; width: auto;}
.kompetencje .box .txt p		{font-size:24px; text-transform:uppercase;}
.kompetencje .box .txt span		{font-size:14px;}
.kompetencje .box .txt .line 	{background-color: #dfdfdf; height: 1px; margin: 10px 0; width: 50%;}
.kompetencje .button 			{background-color: #08aecf; clear: both; color: #fff; display: block; font-size: 12px; height: 40px; line-height: 40px; margin: 30px auto 0; padding: 0 20px;    text-align: center; text-decoration: none; text-transform: uppercase; width: 280px;}


/* oferta */
.oferta 			{color:#fff;}
.oferta .bg			{width:100%; height:100%; position:absolute; top:0; left:0; background:url("../gfx/slide_06_bg.jpg") no-repeat scroll center center #fff; background-size:cover;}
.oferta .title-line {background-color: #fff;}
.oferta .scroll_horizontal		{position:relative; margin:0px auto; padding:0px; width: 100%; height: 440px; overflow: hidden; }
.oferta .scroll_horizontal ul	{ width:1525px; height:400px;}
.ps-container .ps-scrollbar-x-rail 	{background-color: #13181b; height: 8px; position: absolute; bottom:0;}
.ps-container .ps-scrollbar-x 		{background-color: #fff; border-radius: 4px; bottom: 0; height: 8px; position: absolute;}
.oferta ul li		{width:360px; height:290px; background-color:#fff; float:left; margin:0 30px 30px 0; list-style:none;}
.oferta ul li:last-child	{ margin:0;}
.oferta ul li a 	{display: block; height: 100%; text-decoration: none;}
.oferta ul li .title 	{color: #fff; display: block; font-size: 28px; height: 110px; line-height: 36px; margin: 0; padding: 20px; text-transform: uppercase; width: 100%;}
.oferta ul li .text 	{color: #262626; display: block; font-size: 14px; line-height: 24px; padding: 20px; height:120px;}
.oferta ul li .button 	{color: #fff; display: block; float: right; font-size: 14px; line-height: 40px; margin: 0 20px 0 0; position: relative; text-align: center; text-transform: uppercase;   width: 120px;}
.oferta ul li .blue		{ background:url(../gfx/slide_01_belka_bg.png) no-repeat 0 0 scroll #086679;}
.oferta ul li .orange	{ background:url(../gfx/slide_01_belka_bg.png) no-repeat 0 0 scroll #c63e08;}
.oferta ul li .green	{ background:url(../gfx/slide_01_belka_bg.png) no-repeat 0 0 scroll #609a12;}
.oferta ul li .pink		{ background:url(../gfx/slide_01_belka_bg.png) no-repeat 0 0 scroll #c70830;}
.oferta ul li .brown	{ background:url(../gfx/slide_01_belka_bg.png) no-repeat 0 0 scroll #5f3e0f;}
.oferta ul li .yellow	{ background:url(../gfx/slide_01_belka_bg.png) no-repeat 0 0 scroll #e9cb04;}
.oferta ul li a:hover .title,
.oferta ul li .button:hover		{background-position:center center;}


/* nasze-marki */
.nasze-marki				{background: url("../gfx/slide_07_bg.jpg") repeat fixed center center #fff;}
.nasze-marki .title-line 	{background-color: #262626;}
.nasze-marki ul				{}
.nasze-marki ul li 			{border-bottom: 1px solid #dfdfdf; float: left; list-style: none outside none; margin: 0; padding: 0 0 20px; text-align: center; width: 200px;}
.nasze-marki ul li a 		{color: #4c4c4c; text-decoration: none;}
.nasze-marki ul li a img 	{height: 200px; margin: 0 auto; width: 200px;}
.nasze-marki ul li a span 	{display: block; font-size: 14px; text-transform: uppercase;}
.nasze-marki ul li a .title {color: #000; font-size: 16px; margin: 0 0 5px;}
.nasze-marki .bx-pager-item a.active 	{background-color: #08aecf;}
.nasze-marki .bx-pager 			{text-align: center; width: auto;}
.nasze-marki .bx-pager-item 	{display: inline-block;}
.nasze-marki .bx-pager-link 	{display: block; float: none;}
.nasze-marki .button 		{background-color: #08aecf; clear: both; color: #fff; display: block; font-size: 12px; height: 40px; line-height: 40px; margin: 80px auto 0; padding: 0 20px;   text-align: center; text-decoration: none; text-transform: uppercase; width: 280px;}

/* aktualnosci */
.aktualnosci		{color:#fff;}
.aktualnosci .bg	{width:100%; height:100%; position:absolute; top:0; left:0; background:url("../gfx/slide_08_bg.jpg") no-repeat scroll center center #fff; background-size:cover;}
.aktualnosci ul		{}
.aktualnosci ul li 	{background-color: #fff; float: left; list-style: none outside none; width: 360px; position:relative; height:460px; margin:0 50px 0 0;}
.aktualnosci ul li:last-child	{margin:0;}
.aktualnosci ul li a 		{color: #000; display: block; text-decoration: none; height:100%}
.aktualnosci ul li .img 	{display: block; height: 230px; margin: 0 0 20px; overflow: hidden; width: 360px;}
.aktualnosci ul li .title 	{display: block; font-size: 20px; margin: 0 0 20px; padding: 0 10px; text-align: center; text-transform: uppercase;}
.aktualnosci ul li .text 	{display: block; font-size: 15px; margin: 0 0 10px; padding: 0 20px; text-align: center;}
.aktualnosci ul li .data 	{bottom: 10px; color: #4c4c4c; font-size: 12px; left: 10px; position: absolute;}
.aktualnosci ul li:hover .img img{ -moz-transform: scale(1.1); -ms-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.aktualnosci .button 		{background-color: #08aecf; clear: both; color: #fff; display: block; font-size: 12px; height: 40px; line-height: 40px; margin: 80px auto 0; padding: 0 20px;   text-align: center; text-decoration: none; text-transform: uppercase; width: 280px;}



/* kontakt */
.kontakt				{padding:80px 0 0 0;}
.kontakt .title-line 	{background-color: #262626;}
.kontakt .box 			{margin: 0 0 50px 0; text-align: left; width: 33%; float:left; }
.kontakt .box .logo 	{margin: 0 auto; position: relative; width: 140px;}
.kontakt .box .logo .sign 	{position: absolute; right: -40px; top: -30px;}
.kontakt .box p 		{font-size: 20px; margin: 10px 0 0;}
.kontakt .box p a 		{color: #08aecf; text-decoration: none;}
.kontakt .button 		{background-color: #08aecf; clear: both; color: #fff; display: block; font-size: 12px; height: 40px; line-height: 40px; margin: 80px auto 0; padding: 0 20px;   text-align: center; text-decoration: none; text-transform: uppercase; width: 280px;}
.kontakt #map_canvas 	{height: 400px; margin:0; width: 100%;}
.kontakt .box h2 {font-size:20px; line-height:22px; margin:0 20px 10px 0;}

.kontakt .full-box					{width:100%}
.kontakt .full-box	.hide			{ display:none;}
.kontakt .full-box	h2				{font-size:20px;}
.kontakt .full-box .main-title		{margin:40px 0 0 0;}
.kontakt .full-box ul				{list-style: none outside none;}
.kontakt .full-box ul li			{width:25%; float:left; margin:10px 0 ;}
.kontakt .full-box ul li a 			{border: 1px solid #eee; color: #000; font-size: 14px; padding: 5px 10px; text-decoration: none; text-transform: uppercase;}
.kontakt .full-box ul li a:hover	{background-color:#08aecf; color:#fff;}
.kontakt .full-box .button			{float:left; height:35px; line-height:35px; margin:10px 0 40px 0; width:200px;}
.kontakt .quater-box				{float:left; width:25%;}
.kontakt .biura-reklamy	 ul li		{width:33%}


/* footer */
.footer					{height:80px; background:url(none) repeat scroll center center #000; position:relative;}
.footer .hdr-bot-line 	{background: url("../gfx/header_bottom_line.jpg") repeat scroll center center transparent; top: 0; height: 3px; position: absolute; width: 100%;}
.footer	.wrap			{margin-top:0;}
.footer	.wrap .logo		{float:left; display:block; width:140px; height:30px; background:url("../gfx/logo_footer.png") no-repeat center center transparent; margin: 30px 0 0;}
.footer	.wrap ul		{float:right; margin:35px 0 0 0;}
.footer	.wrap ul li		{float:left; list-style:none;}
.footer	.wrap ul li a	{color:#fff; display: block; font-size: 13px; margin: 0 14px; text-decoration: none; text-transform: uppercase; border-bottom:2px solid #383838;}
.footer	.wrap ul li a.active	{color:#00afe5;}


/* ############## PODSTRONY ############## */

/* global */ 
.site					{padding:80px 0 0 0;}
.site .big-box 			{color: #fff; height: 400px; overflow: hidden; position: relative;}
.site .big-box .back 	{color: #fff; float: right; font-size: 40px; margin: 20px 0 0; clear:both;}
.site .big-box h1 		{font-size: 50px; margin: 30px 0;}
.site h2				{margin-bottom:10px;}
.site .big-box .bg_image	{height:100%; width:100%; position:absolute; background:center center transparent no-repeat; background-size:cover;}
.site-footer			{padding:0;}
.site .content			{width:auto; position:relative; overflow:hidden; margin: 40px 0; line-height:30px;}
.site .content h1		{font-size: 50px; margin: 30px 0;}
.site .content .title-line	{background-color:#fff; display: block; height: 4px; margin: 0 0 10px; width: 60px;}
.site .content a		{color:#00aeef; text-decoration:underline;}
.site .column_33		{float:right; width:360px; position:relative; overflow:hidden; margin: 0 0 40px 40px;}
.site .column_200		{float:left; width:200px; position:relative; overflow:hidden; margin: 0 40px 40px 0;}
.upp					{text-transform:uppercase;}
.kontakt-box 			{float: left; margin: 0 20px 40px 0; width: 30%;}


/* news - lewa kolumna */ 
.news-page						{background:url("../gfx/news_bg_sign.jpg") no-repeat bottom right transparent scroll;}
.news-page .big-box 			{background:url("../gfx/slide_01_bg.jpg") repeat scroll center center #333;}
.news-page .big-box .title-line	{background-color:#fff; display: block; height: 4px; margin: 0 0 10px; width: 60px;}
.news-page .big-box .data 		{display: block; font-size: 14px;}
.news-page h2				{font-size:30px; line-height:36px;}
.news-page img				{max-width:100%; margin:0 0 40px 0;}
.news-page p				{font-size:18px; margin:0 0 40px 0; line-height:30px;}
.news-page .autor			{margin:0 0 40px 0; overflow:hidden;}
.news-page .autor .img 		{float: left; height: 100px; margin: 0 20px 0 0; overflow: hidden;}
.news-page .autor .dane 	{overflow: hidden; padding: 15px 0 0; width: auto;}
.news-page .autor .dane	span	{display: block;}
.news-page .autor .dane	a		{}
.news-page .download		{padding:20px 0; border-bottom:1px solid #cdcdcd; border-top:1px solid #cdcdcd; overflow:hidden; margin:0 0 40px 0;}
.news-page .download a		{color:#000; text-decoration:none; text-transform:uppercase; margin:0 20px}
.news-page .contact 		{margin: 100px 0; overflow: hidden;}
.news-page .contact p		{margin: 0 0 10px; font-size:30px; text-transform:uppercase;}

/* news - prawa kolumna*/
.news-page .column_33 ul li 	{background-color: #fff; float: left; list-style: none outside none; width: 100%; position:relative; height:460px; margin:0 0 20px; border-bottom:1px solid #cdcdcd; }
.news-page .column_33 ul li:last-child	{margin:0;}
.news-page .column_33 ul li a 		{color: #000; display: block; text-decoration: none; height:100%}
.news-page .column_33 ul li .img 	{display: block; height: 230px; margin: 0 0 20px; overflow: hidden; width: 100%;}
.news-page .column_33 ul li .title 	{display: block; font-size: 20px; margin: 0 0 20px; padding: 0 10px; text-align: center; text-transform: uppercase;}
.news-page .column_33 ul li .text 	{display: block; font-size: 15px; margin: 0 0 10px; padding: 0 20px; text-align: center;}
.news-page .column_33 ul li .data 	{bottom: 10px; color: #4c4c4c; font-size: 12px; left: 10px; position: absolute;}
.news-page .column_33 ul li:hover .img img{ -moz-transform: scale(1.1); -ms-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}



/* marka - lewa kolumna */ 
.brand-page .big-box		{background:url("../gfx/slide_01_bg.jpg") repeat scroll center center #333;}
.brand-page .big-box .img	{width:200px; height:200px; background:url("../gfx/bg_img_brand.png") repeat scroll center center transparent; clear:both;}	
.brand-page .big-box h1 	{float: left; margin: 0 0 25px; position: relative;}
.brand-page .big-box h1 img {position: absolute; right: -51px; top: -10px;}
.brand-page .big-box p 		{background-color: rgba(0, 0, 0, 0.3); float: right; font-size: 12px; margin: 60px 0 0; padding: 10px 20px;}
.brand-page .nasze-marki	{background:none;}
.brand-page .nasze-marki a	{text-decoration:none; color:#000;}
.brand-page .breadcrumb		{font-size:12px;}
.brand-page .breadcrumb a	{text-decoration:none;}
.brand-page .upp			{font-size:20px;}


/* marka - prawa kolumna*/
.column_200 ul		{}
.column_200 ul li	{border-bottom:1px solid #cdcdcd;}
.column_200 ul li a {color: #000; display: block; font-size: 13px; padding: 15px 5px; text-decoration: none; text-transform: uppercase;}

/* produkt */
.produkt-page .big-box		{background:url("../gfx/slide_01_belka_bg.png") repeat scroll center center transparent; height:200px;}
.produkt-page .big-box h1 	{float: left; margin: 0 0 25px; position: relative;}
.produkt-page .blue			{background-color:#086679; }
.produkt-page .orange		{background-color:#c63e08; }
.produkt-page .green		{background-color:#609a12; }
.produkt-page .pink			{background-color:#c70830; }
.produkt-page .yellow		{background-color:#e9cb04; }
.produkt-page .brown		{background-color:#5f3e0f; }
.produkt-page .product_main_pic 	{float: left; margin: 60px 0 0; overflow: hidden; text-align: center; width: 100%;}




/* o nas */
.small-box					{}
.small-box .back 			{color: #000; float: right; font-size: 40px; margin: 20px 0 0; clear:both;}
.small-box h1 				{font-size: 50px; margin: 30px 0; text-transform:uppercase;}

.site .cont-200,
.site .content .cont-200	{margin-left:240px;}

.about-page					{}
.about-page	.content		{}
.about-page	.content h1		{line-height:50px; font-size:40px;}
.about-page	.content p		{margin: 0 0 30px;}
.about-page .people-box 		{margin: 0 0 30px 0; width: 100%; position:relative;}
.about-page .people-box .img 	{float: left; height: 200px; margin: 0 20px 30px 0; overflow: hidden; width: 200px;}
.about-page .people-box .txt 	{overflow: hidden; width: auto;}
.about-page .people-box h2		{margin: 0;}
.about-page .people-box .rlw	{text-transform: uppercase;}
.about-page .content .button	{background-color: #08aecf; clear: both; color: #fff; display: block; font-size: 12px; height: 40px; line-height: 40px; margin: 30px auto 0; padding: 0 20px;    text-align: center; text-decoration: none; text-transform: uppercase; width: 280px;}
.about-page .content .button:hover	{background-color:#8EC63F;}
.about-page p.hide				{display:none; opacity:0;}
.about-page p.show				{display:block; opacity:1;}



.about-page .people-box 			{float: left; margin: 0 30px 30px 0; width: 45%;}
.about-page .people-box p			{font-size:12px; line-height:20px; clear:both;}
.about-page .people-box .txt .info	{color: #777; line-height: 15px; margin: 0 0 20px;}
.about-page .people-box .txt .name	{}
.about-page .txt .work				{line-height: 20px; margin: 0 0 10px;}
.about-page .people-box .button 	{left: 220px; margin: 0; position: absolute; top: 175px; width: 150px; line-height:25px; height:25px;}
.about-page .hide					{display:none;}
.about-page .show					{display:block;}




/* case study */
.case-study-page				{background:url("../gfx/slide_05_bg.jpg") repeat scroll center center #fff;}
.case-study-page h1				{text-align:center;}
.case-study-page ul li 			{background-color: #fff; float: left; list-style: none outside none; width: 360px; position:relative; height:460px; margin:0 15px 20px 15px; border-bottom:1px solid #cdcdcd; }
.case-study-page ul li a 		{color: #000; display: block; text-decoration: none; height:100%}
.case-study-page ul li .img 	{display: block; height: 230px; margin: 0 0 20px; overflow: hidden; width: 100%;}
.case-study-page ul li .title 	{display: block; font-size: 20px; margin: 0 0 20px; padding: 0 10px; text-align: center; text-transform: uppercase;}
.case-study-page ul li .text 	{display: block; font-size: 15px; margin: 0 0 10px; padding: 0 20px; text-align: center;}
.case-study-page ul li .data 	{bottom: 10px; color: #4c4c4c; font-size: 12px; left: 10px; position: absolute;}
.case-study-page ul li:hover .img img{-moz-transform: scale(1.1); -ms-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.case-study-page .button		{background-color: #08aecf; clear: both; color: #fff; display: block; font-size: 12px; height: 40px; line-height: 40px; margin: 60px auto 100px; padding: 0 20px;    text-align: center; text-decoration: none; text-transform: uppercase; width: 280px;}
.case-study-page .button:hover	{background-color:#8EC63F;}

/* lista aktualności */
.news-list-page					{background: url("../gfx/slide_07_bg.jpg") repeat fixed center center #fff;}
.news-list-page h1				{text-align:center;}
.news-list-page ul				{margin: 0 auto; width: 780px;}
.news-list-page ul li 			{background-color: #fff; float: left; list-style: none outside none; width: 360px; position:relative; height:460px; margin:0 15px 20px 15px;}
.news-list-page ul li a 		{color: #000; display: block; text-decoration: none; height:100%}
.news-list-page ul li .img 		{display: block; height: 230px; margin: 0 0 20px; overflow: hidden; width: 100%;}
.news-list-page ul li .title 	{display: block; font-size: 20px; margin: 0 0 20px; padding: 0 10px; text-align: center; text-transform: uppercase;}
.news-list-page ul li .text 	{display: block; font-size: 15px; margin: 0 0 10px; padding: 0 20px; text-align: center;}
.news-list-page ul li .data 	{bottom: 10px; color: #4c4c4c; font-size: 12px; left: 10px; position: absolute;}
.news-list-page ul li:hover .img img{-moz-transform: scale(1.1); -ms-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.news-list-page	.r-line			{margin: 0 40px 0 0;}
.news-list-page	.r-line	.liner	{background:url("../gfx/r_line.png") top left scroll repeat transparent; width:40px; height:500px; position:absolute; top:-20px; right:-40px;}
.news-list-page	.l-line			{margin:40px 0 0 20px; }
.news-list-page .l-line .liner 	{background: url("../gfx/l_line.png") repeat scroll left top transparent; height: 11px; left: -35px; position: absolute; top: -5px; width: 35px;}
.news-list-page .button			{background-color: #08aecf; clear: both; color: #fff; display: block; font-size: 12px; height: 30px; line-height: 30px; margin: 60px auto 100px; padding: 0 20px;    text-align: center; text-decoration: none; text-transform: uppercase; width: 150px;}
.news-list-page .button:hover	{background-color:#8EC63F;}


/* nasze marki */
.marki-list-page				{background: url("../gfx/slide_01_belka_bg.png") repeat fixed center center transparent;}
.marki-list-page .small-box	h1	{text-align:center;}

.marki-box						{padding:100px 0;}

.marki-box .left-box			{width:250px; float:left; margin:0 10px 0 0;}
.marki-box .left-box h2			{ text-transform:uppercase;}
.marki-box .left-box .title-line	{background-color: #262626; display: block; height: 4px; margin: 0 0 10px; width: 60px;}
.marki-box .left-box p			{}
	
.marki-box ul					{width:auto; overflow:hidden;}
.marki-box ul li 				{border-bottom: 1px solid #dfdfdf; float: left; list-style: none outside none; margin: 0 15px; padding: 0 0 20px; text-align: center; width: 200px;}
.marki-box ul li a 				{color: #4c4c4c; text-decoration: none;}
.marki-box ul li a img 			{height: 200px; margin: 0 auto; width: 200px;}
.marki-box ul li a span 		{display: block; font-size: 14px; text-transform: uppercase;}
.marki-box ul li a .title 		{color: #000; font-size: 16px; margin: 0 0 5px;}

.telewizja						{background: url("../gfx/slide_01_belka_bg.png") repeat fixed center center #086679;}
.telewizja .left-box .title-line{background-color:#fff;}
.telewizja .left-box,
.telewizja ul li a,
.telewizja ul li a .title 		{color:#fff;}

.internet						{background: url("../gfx/slide_01_belka_bg.png") repeat fixed center center #c63e08;}
.internet .left-box .title-line {background-color:#fff;}
.internet .left-box,
.internet ul li a,
.internet ul li a .title 		{color:#fff;}

.prasa							{background: url("../gfx/slide_01_belka_bg.png") repeat fixed center center #609a12; }
.prasa .left-box .title-line	{background-color:#fff;}
.prasa .left-box,
.prasa ul li a,
.prasa ul li a .title 			{color:#fff;}

.radio							{background: url("../gfx/slide_01_belka_bg.png") repeat fixed center center #c70830; }
.radio .left-box .title-line	{background-color:#fff;}
.radio .left-box,
.radio ul li a,
.radio ul li a .title 			{color:#fff;}

.eventy							{background: url("../gfx/slide_01_belka_bg.png") repeat fixed center center #e9cb04; }
.eventy .left-box .title-line	{background-color:#fff;}
.eventy .left-box,
.eventy ul li a,
.eventy ul li a .title 			{color:#fff;}

.targi							{background: url("../gfx/slide_01_belka_bg.png") repeat fixed center center #09509E; }
.targi .left-box .title-line	{background-color:#fff;}
.targi .left-box,
.targi ul li a,
.targi ul li a .title 			{color:#fff;}

.kompetencje .wrap .box:first-child {width:100%}
.kompetencje .wrap .box:last-child {clear:both;}

#mpc_cookie_intro {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

.news-list-page {
    background: url("none") repeat fixed center center #fff;
}

@charset "utf-8";
/* CSS Document */

.oferta .button {background-color: #08aecf; clear: both; color: #fff; display: block; font-size: 12px; height: 40px; line-height: 40px; margin: 80px auto 0; padding: 0 20px; text-align: center;   text-decoration: none;
    text-transform: uppercase; width: 280px;}

/* newsletter lista */
.newsletter-list-page				{background:url("../gfx/slide_05_bg.jpg") repeat scroll center center #fff;}
.newsletter-list-page h1			{text-align:center;}
.newsletter-list-page ul li 		{background-color: #fff; float: left; list-style: none outside none; width: 360px; position:relative; height:80px; margin:0 15px 20px 15px; border-bottom:1px solid #cdcdcd; }
.newsletter-list-page ul li a 		{color: #000; display: block; text-decoration: none; height:100%}
.newsletter-list-page ul li .img 	{display: block; height: 230px; margin: 0 0 20px; overflow: hidden; width: 100%;}
.newsletter-list-page ul li .title 	{display: block; font-size: 20px; margin: 0 0 20px; padding: 0 10px; text-align: center; text-transform: uppercase;}
.newsletter-list-page ul li .text 	{display: block; font-size: 15px; margin: 0 0 10px; padding: 0 20px; text-align: center;}
.newsletter-list-page ul li .data 	{bottom: 10px; color: #4c4c4c; font-size: 12px; left: 10px; position: absolute;}
.newsletter-list-page ul li:hover .img img{-moz-transform: scale(1.1); -ms-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.newsletter-list-page .button		{background-color: #08aecf; clear: both; color: #fff; display: block; font-size: 12px; height: 40px; line-height: 40px; margin: 60px auto 100px; padding: 0 20px;    text-align: center; text-decoration: none; text-transform: uppercase; width: 280px;}
.newsletter-list-page .button:hover	{background-color:#8EC63F;}


/* wszystko ponizej 768 */
@media all and (max-width : 1000px) {
.newsletter-list-page ul li 			{height: 80px; margin: 0 0 30px; width: 100%;}
.newsletter-list-page ul li .img		{float:left; margin:0 20px 0 0;}
.newsletter-list-page ul li .title		{padding:20px 0 0 0;}
}

.nl-form-box 	{background-color: #f1f1f1; border: 1px solid #dadada; color: #000; margin: 0 0 60px; padding: 20px;}
.nl-form-box p	{margin-bottom: 30px;}
.nl-form-box span.rlw 		{float: left; line-height: 40px; margin: 0 20px 0 0; text-transform: uppercase;}
.nl-form-box form			{float:left;}
.nl-form-box input.text		{height:40px;  border: 1px solid #dadada; width:300px; }
.nl-form-box input.submit	{height:40px;  border: 1px solid #8EC63F; width:120px; background-color:#8EC63F; color:#fff; text-transform:uppercase;}
.nl-form-box label 			{clear: both; float: left; font-size: 11px; line-height: 14px; margin: 20px 0 0;}
.nl-form-box input[type=checkbox] 					{display:none; } 
.nl-form-box input[type=checkbox] + label:before 	{font-family: FontAwesome; display: inline-block; font-size: 18px; margin: 0 5px 0 0; width: 15px;}
.nl-form-box input[type=checkbox] + label:before	{content: "\f096"; } 
.nl-form-box input[type=checkbox]:checked + label:before {content: "\f046"; }

.nl-error { color: red !important; }
.text.nl-error { border-color: red !important; }

/* wszystko ponizej 500 */
@media all and (max-width : 500px) {
.nl-form-box span.rlw {
    float: left;
    line-height: 22px;
    margin: 0 0 20px 0;
	text-align:center;
}	

.nl-form-box input.text { width: 100%; margin:0 0 20px 0;}
}


/* adds */


.bxslider-pane  .bx-wrapper .bx-prev {
    left: 5px;
    font-size: 30px;
    color: #8dc63f;
}

.bxslider-pane  .bx-wrapper .bx-next {
    right: 5px;
    font-size: 30px;
    color: #8dc63f;
}


.bxslider-pane .bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bxslider-pane .bx-wrapper img {
	max-width: 100%;
	display: block;
}

.bxslider-pane .bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bxslider-pane .bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bxslider-pane .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	z-index: 9999;
}

.bxslider-pane .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

.bxslider-pane  .bx-pager {
    margin: 0 auto;
}

.bxslider-pane .bx-pager {
    width: 100%;
    text-align: center;
    margin: 0;
}

.bxslider-pane .bx-pager .bx-pager-item {
    display: inline-block;
}

.bxslider-pane .bx-pager .bx-pager-item a {
    width: 40px;
}

.bxslider-pane .bx-wrapper img {
    border: 1px solid #cdcdcd;
}

#cboxLoadedContent, #cboxContent {
    background: #cdcdcd !important;
}