* { margin:0; padding:0; outline:none; }

body { font-family:'Open Sans', Arial; font-size:12px; color:#000; padding-top:90px; min-width:1280px; }

.w1280a { margin:0 auto; width:1280px; }
a { text-decoration:none; color:#000; }
a:hover { color:#1cc8c9; }
a:link { transition:color 0.15s ease; -webkit-transition:color 0.15s ease; }


header { background:#fff; width:100%; height:90px; position:fixed; top:0; z-index:999; min-width:1280px; }
header h1 { float:left; background:url(../images/logo.png) no-repeat left top; width:188px; height:30px; text-indent:100%; white-space:nowrap; overflow:hidden; margin:30px 0 0 0; padding-bottom:30px; }

header nav { float:left; }
header nav ul { list-style:none; text-align:center; }
header nav ul li { display:inline-block; margin:0 15px; }
header nav ul li a { text-transform:uppercase; }

header nav > ul { width:905px; }
header nav > ul > li { height:90px; }
header nav > ul > li:nth-child(2):hover,
header nav > ul > li:nth-child(3):hover,
header nav > ul > li:nth-child(4):hover { background:url(../images/menu-current.png) no-repeat center bottom; }
header nav > ul > li > a { font-size:16px; font-weight:bold; height:55px; display:block; padding-top:35px;  }
header nav > ul > li > ul { position:absolute; background:#000; height:0; width:100%; left:0; overflow:hidden; transition:height 0.15s ease; -webkit-transition:height 0.15s ease; }
header nav > ul > li:hover > ul { height:45px; }
header nav > ul > li > ul > li { margin:12px 15px; }
header nav > ul > li > ul > li > a { color:#fff; font-size:14px; }

header.header-minimal { height:60px; box-shadow:1px 0px 3px rgba(0,0,0,0.22); }
header.header-minimal h1 { width:114px; height:18px; background-size:100% auto; margin:20px 74px 0 0; padding-bottom:22px; }
header.header-minimal nav > ul > li { height:60px; }
header.header-minimal nav > ul > li > a { font-size:14px; height:40px; padding-top:20px; }
header.header-minimal .lang-flags { margin-top:20px; }
header.header-minimal nav > ul > li:hover > ul { height:35px; }
header.header-minimal nav > ul > li > ul > li { margin:9px 15px; }
header.header-minimal nav > ul > li > ul > li > a { font-size:12px; }

header .lang-flags { float:right; margin-top:30px; }
header .lang-flags a { width:23px; height:22px; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; float:left; margin:0 0 0 5px; border-radius:50%; opacity:0.5; }
header .lang-flags a.flag-pl.active { background:url(../images/flag-pl.png) no-repeat center center, url(../images/gradient.png); background-size:auto auto, 100% 100%; }
header .lang-flags a.flag-uk.active { background:url(../images/flag-uk.png) no-repeat center center, url(../images/gradient.png); background-size:auto auto, 100% 100%; }
header .lang-flags a.flag-de.active { background:url(../images/flag-de.png) no-repeat center center, url(../images/gradient.png); background-size:auto auto, 100% 100%; }
header .lang-flags a.active, header .lang-flags a:hover { opacity:1; }
header .lang-flags a:link { transition:opacity 0.15s ease; -webkit-transition:opacity 0.15s ease; }
header .lang-flags a.flag-pl { background:url(../images/flag-pl.png) no-repeat center center #eeeeee; }
header .lang-flags a.flag-uk { background:url(../images/flag-uk.png) no-repeat center center #eeeeee; }
header .lang-flags a.flag-de { background:url(../images/flag-de.png) no-repeat center center #eeeeee; }

.mainSlider { width:100%; height:770px; min-width:1280px; }
.mainSlider h2 { position:absolute; z-index:9; text-align:center; width:100%; text-transform:uppercase; }
.mainSlider h2:nth-child(1) { color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.22); font-size:70px; font-weight:300; line-height:1.1; margin-top:120px; letter-spacing:6px; }
.mainSlider h2:nth-child(1) b { font-weight:800; display:block; font-size:86px; letter-spacing:8px; }
.mainSlider h2:nth-child(2) { color:#1d1d1d; font-size:18px; font-weight:bold; margin-top:300px; letter-spacing:2px; }
.mainSlider h2:nth-child(2):before, 
.mainSlider h2:nth-child(2):after { content:' -- '; letter-spacing:3px; }

.mainSlider .slides { }
.mainSlider .slides .slide { width:100%; min-width:1280px; height:770px; position:absolute; background:center center; display:none; }

.mainSlider nav { position:absolute; z-index:10; margin-top:600px; left:50%; }
.mainSlider nav ul { list-style:none; }
.mainSlider nav ul li { float:left; margin-left:-5px; position:relative; }
.mainSlider nav ul li a { display:block; text-align:center; width:149px; height:73px; padding:5px; } 
.mainSlider nav ul .before { width:159px; height:83px; position:absolute; background:url(../images/gradient.png) repeat-y left top; background-size:100% auto; box-shadow:1px 1px 2px rgba(0,0,0,0.22); margin-left:-5px; }
.mainSlider nav ul li a img { width:149px; height:73px; }

.catalog { background:#1d1d1d; width:100%; min-width:1280px; height:123px; display:block; }
.catalog:before {
	width:100%; height:123px; content:''; display:block; position:absolute; opacity:0; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; 
	background: -moz-linear-gradient(left, #b278e6 0%, #26afe3 48%, #1cdcad 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b278e6), color-stop(48%,#26afe3), color-stop(100%,#1cdcad)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #b278e6 0%,#26afe3 48%,#1cdcad 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #b278e6 0%,#26afe3 48%,#1cdcad 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #b278e6 0%,#26afe3 48%,#1cdcad 100%); /* IE10+ */
}
.catalog:hover:before { opacity:1; }
.catalog .w1280a h3 { position:absolute; color:#fff; font-size:36px; font-weight:300; color:#fff; text-transform:uppercase; text-align:center; letter-spacing:3px; margin-top:35px; float:left; width:1280px; }
.catalog .w1280a span.catalog-arrow { background:url(../images/arrow.png) right; width:37px; height:33px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; position:absolute; margin:45px 0 0 1024px;  transition:all .2s linear; -webkit-transition:all .2s linear; }
.catalog:hover .w1280a span.catalog-arrow { background-position:left; }
.catalog .w1280a .catalog-min { position:absolute; margin:5px 0 0 0; }

.catalog-full { background:#1d1d1d; width:100%; min-width:1280px; }
.catalog-full h3 { color:#fff; margin-bottom:70px; }

.catalog-full img.catalog-img { float:left; margin:0px 50px 40px 180px; }
.catalog-full p { color:#fff; font-weight:300; font-size:18px; margin:0 130px 20px 0; }

.pdf-link { width:330px; height:56px; border:2px solid #404040; border-radius:40px; display:inline-block; position:relative; margin:30px 0 0 0; }
.pdf-link span { color:#fff; font-size:18px; margin:15px 0 0 30px; display:block; font-weight:300; transition:color 0.15s ease; -webkit-transition:color 0.15s ease; transition:color 0.15s ease; -webkit-transition:color 0.15s ease; }
.pdf-link:hover span { color:#1cc8c9; }
.pdf-link img { position:absolute; margin:-7px 0 0 240px; }


footer { margin:40px 0 0 0; padding-bottom:100px; overflow:hidden; position:relative; }
footer div.footer { float:left; margin-top:10px; margin-right:40px; }
footer div.footer img { width:122px; margin-bottom:10px; }
footer div.footer p { font-weight:300; text-transform:uppercase; }

footer div.footer p:last-of-type { clear:both; margin-top:20px; }
footer div.footer p:last-of-type .pu { display:block; margin:0px 0 0 0; font-weight:bold; }
footer div.footer p:last-of-type .pu:hover {  }
footer nav { float:left; width:200px; margin:0px 0 0 50px; }
footer nav h3 { font-weight:600; font-size:24px; text-transform:uppercase; height:40px; background:url(../images/gradient.png) 0 39px no-repeat; background-size:100% auto; float:left; }
footer nav ul { clear:both; list-style:none; padding-top:10px; padding-left:10px; }
footer nav ul li { margin:10px 0 0 0; font-weight:300; font-size:14px; }
footer nav ul li:before { content:'-'; position:absolute; margin-left:-15px; }
footer #to-top { background:url(../images/top.png); width:80px; height:46px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; position:absolute; bottom:0; left:50%; margin-left:-40px; transition:all 0.15s ease; -webkit-transition:all 0.15s ease; }
footer #to-top:hover { opacity:0.7; }

footer nav .fb { background:url(../images/facebook.png) top; width:41px; height:41px; display:block; float:left; text-indent:100%; white-space:nowrap; overflow:hidden; margin:20px 10px 0 0; }
footer nav .ins { background:url(../images/instagram.png) top; width:41px; height:41px; display:block; float:left; text-indent:100%; white-space:nowrap; overflow:hidden; margin:20px 0 0 0; }
footer nav .fb:hover, footer nav .ins:hover { background-position:bottom; }

.page-cover { width:100%; height:181px; text-align:center; padding-top:50px; background-position:center center; }
.page-cover h3 { color:#fff; text-transform:uppercase; font-size:72px; font-weight:300; }

.page-cover.long-cover { height:227px; padding-top:70px; }
.page-cover.long-cover p { font-size:30px; font-weight:300; color:#fff; text-align:center; }

.content { overflow:hidden; }

#news-content { padding:20px 0 50px 0; overflow:hidden; }
#news-content .news { width:247px; margin:15px 8px 0 0; }
#news-content .news:nth-child(5n+0) { margin-right:0; }
#news-content .news img { float:left; width:247px; height:196px; }
#news-content .news .news-content h3 { font-weight:300; font-size:18px; text-transform:uppercase; margin-bottom:10px; }
#news-content .news .news-content { width:217px; background:#343434; color:#fff; padding:13px 15px; clear:both; font-size:12px; line-height:1.7; }
#news-content .news .news-date { background:#000; width:59px; height:50px; padding-top:9px; display:block; position:absolute; margin:137px 0 0 15px; color:#fff; font-weight:300; font-size:18px; text-align:center; line-height:1; }

.title-border { font-weight:300; font-size:48px; text-transform:uppercase; text-align:center; margin-top:50px; margin-bottom:40px; }
.title-border:after { background:url(../images/gradient.png); width:188px; height:1px; position:absolute; content:''; display:block; left:50%; margin:15px 0 0 -94px; }

address.contact { font-style:normal; font-weight:300; font-size:18px; text-align:center;  letter-spacing:3px; }

#contact-map { width:100%; height:324px; margin:40px 0 0 0; }
.full-map { background:url(../images/gradient.png); background-size:100% auto; width:250px; height:60px; display:block; border-radius:40px; position:absolute; z-index:99; left:50%; margin:270px 0 0 -125px; }
.full-map span { background:#fff; width:246px; height:43px; margin:2px; display:block; float:left; border-radius:40px; font-size:18px; font-weight:300; text-align:center; color:#000; padding-top:13px; }
.full-map:hover span { width:242px; height:41px; margin:4px; padding-top:11px; }
.full-map:link span { transition:all 0.15s ease; -webkit-transition:all 0.15s ease; }


#contact-form { margin:0px auto; width:885px; }
#contact-form .half { float:left; width:442px; margin:30px 0 0 0;  }
#contact-form label { display:block; font-weight:300; font-size:18px; text-transform:uppercase; text-align:center; margin-bottom:20px; }
#contact-form .half input { width:400px; height:27px; border:1px solid #c7c7c7; position:relative; font-family:'Open Sans', Arial; font-size:12px; font-weight:300; padding:10px; }
#contact-form .half input:focus { border:0; margin:1px; }
#contact-form .full { margin:30px 0 50px 0; clear:both; float:left; width:100%; }
#contact-form .full textarea { width:842px; height:190px; border:1px solid #c7c7c7; resize:none; position:relative; font-family:'Open Sans', Arial; font-size:12px; font-weight:300; padding:10px; }
#contact-form .full textarea:focus { border:0; margin:1px; }

#contact-form .half .focus { width:426px; height:53px; }
#contact-form .full .focus { width:868px; height:216px; }

#contact-form .focus { position:absolute; margin:-2px 0 0 -2px; display:none;
	background: -moz-linear-gradient(left, #b278e6 0%, #26afe3 48%, #1cdcad 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b278e6), color-stop(48%,#26afe3), color-stop(100%,#1cdcad)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #b278e6 0%,#26afe3 48%,#1cdcad 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #b278e6 0%,#26afe3 48%,#1cdcad 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #b278e6 0%,#26afe3 48%,#1cdcad 100%); /* IE10+ */
}

#contact-form button { position:relative; cursor:pointer; margin:25px 0 0 -75px; left:50%;
	width:150px; height:60px; display:block; border:0; border-radius:40px;
	background: -moz-linear-gradient(left, #b278e6 0%, #26afe3 48%, #1cdcad 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b278e6), color-stop(48%,#26afe3), color-stop(100%,#1cdcad)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #b278e6 0%,#26afe3 48%,#1cdcad 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #b278e6 0%,#26afe3 48%,#1cdcad 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #b278e6 0%,#26afe3 48%,#1cdcad 100%); /* IE10+ */
}
#contact-form button span { top:0; position:absolute; background:#fff; width:146px; height:42px; padding-top:14px; margin:2px; display:block; float:left; border-radius:40px; font-family:'Open Sans', Arial; font-size:18px; font-weight:300; text-align:center; color:#000; transition:all 0.15s ease; -webkit-transition:all 0.15s ease; }
#contact-form button:hover span { width:142px; height:40px; margin:4px; padding-top:12px; }

.content-page { margin:0 auto 40px; font-size:18px; font-weight:300; width:970px; }
.content-page p { margin:30px 0; }

.grey-panel { width:100%; background:#e9e9e9; text-align:center; }
.grey-panel h3 { font-weight:300; font-size:36px; margin:40px 0; }
.grey-panel a[href] { background:url(../images/gradient.png); background-size:100% auto; width:250px; height:60px; display:inline-block; border-radius:40px; margin:20px 10px 50px; }
.grey-panel a span { background:#fff; width:246px; height:43px; margin:2px; display:block; float:left; border-radius:40px; font-size:18px; font-weight:300; text-align:center; color:#000; padding-top:13px; }
.grey-panel a:hover span { width:242px; height:41px; margin:4px; padding-top:11px; }
.grey-panel a:link span { transition:all 0.15s ease; -webkit-transition:all 0.15s ease; }

.product-slider { width:100%; min-width:1280px; height:578px; background:#eaeaea;  }
.product-slider .product-slide { width:100%; height:608px; position:absolute; background-position:top center; background-repeat:no-repeat; display:none; }
.product-slider .product-slide:first-child { display:block; }
.product-slider nav { position:absolute; z-index:5; left:50%; text-align:center; margin:540px 0 0 -140px; }
.product-slider nav a { font-size:18px; font-weight:300; text-transform:uppercase; margin:0 25px 0 0; padding:0 0 10px 0; height:26px; display:inline-block; text-align:center; }
.product-slider nav a:nth-of-type(1) { width:72px; }
.product-slider nav a:nth-of-type(2) { width:210px; }
.product-slider nav .before { background:url(../images/gradient.png); background-size:100% auto; width:62px; height:4px; position:absolute; bottom:-2px; margin-left:5px; }

.product-details { width:840px; margin:30px auto; }
.product-details h3 { font-size:48px; font-weight:300; text-transform:uppercase; text-align:center; margin:40px 0; }
.product-details p { font-size:18px; font-weight:300; margin:20px 0; }
.product-dimens { font-size:18px; font-weight:300; margin:50px 0; width:100%; }
.product-dimens strong, .product-dimens b { font-weight:600; width:calc(50% - 15px); display:block; float:left; text-align:right; padding-right:15px; }


.other-products { width:100%; border-top:1px solid #dbdbdb; }
.other-products h3.title-border { margin-top:30px; font-size:36px; }

ul.products-list { list-style:none; }
ul.products-list:after { clear:both; display:block; content:' '; }
ul.products-list li { width:256px; float:left; }
ul.products-list li a { display:block; text-align:center; padding:20px 0; }
ul.products-list li a h4 { font-size:18px; text-transform:uppercase; font-weight:300; display:block; margin:10px 0; }
ul.products-list li a span { color:#8a8a8a; font-size:12px; text-transform:uppercase; font-weight:300; }
ul.products-list li a span img { margin-left:3px; }
ul.products-list li a:hover { box-shadow:0px 0px 10px rgba(0,0,0,0.22); }
ul.products-list li a:link { transition:all 0.25s ease; -webkit-transition:all 0.25s ease; }
ul.products-list li a > img { width:200px; height:200px; }

.see-manual { background:url(../images/gradient.png); background-size:100% auto; height:60px; display:inline-block; border-radius:40px; margin:20px 0; }
.see-manual span { background:#fff; padding:13px 20px 0;  height:43px; margin:2px; display:block; float:left; border-radius:40px; font-size:18px; font-weight:300; text-align:center; color:#000; }
.see-manual:hover span { height:41px; margin:4px; padding-top:11px; }
.see-manual:link span { transition:all 0.15s ease; -webkit-transition:all 0.15s ease; }

.ps-prev, .ps-next { width:89px; height:89px; display:block; position:absolute; z-index:3; margin-top:220px; }
.ps-prev { background:url(../images/slider-prev.png) top; left:40px; }
.ps-prev:hover { background-position:bottom; }
.ps-next { background:url(../images/slider-next.png) top; right:40px; }
.ps-next:hover { background-position:bottom; }

.back-to-category { background:url(../images/category.png) no-repeat center right; padding:5px 40px 5px 0; display:inline-block; font-size:24px; font-weight:300; position:absolute; margin:5px 0 0 970px; }

.cookies-info { position:fixed; width:100%; height:32px; padding:15px 0; background:#f8f8f8; box-shadow:-1px 0px 3px rgba(0,0,0,0.22); bottom:0; left:0; z-index:999; color:#5f5f5f; font-size:10px; }
.cookies-info button { position:absolute; background:url(../images/accept.png); border:0; width:103px; height:29px; margin:-10px 0 0 200px; cursor:pointer; }

.grafiki-list { margin:25px 0; }
.grafiki-list li { display:inline-block; margin:15px 15px; }
.grafiki-list li a:hover { opacity:0.65; }

.legend {
	background:url(../images/legenda.png);
	width:350px;
	height:420px;
	position:fixed;
	top:100px;
	left:-300px;
	transition:all .25s ease-in-out;
	z-index:9999;
}
.legend:hover { left:0; }