@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,200,600,700&subset=latin,latin-ext);
/* ITS ---------------------------------------------------------------------------------------------------------------------- */
html, body { width: 100%; margin: 0; padding: 0; }

div.header { padding: 15px 0; }

.hadres { padding: 3px 0; }
.hadres > div { display: inline-block; width: 24%; text-align: left; }
.hadres h2 { font: 500 11pt/100% 'source sans pro', sans-serif; color: #d61719; margin: 8px 0 0 0; padding: 0 0 2px 0; border-bottom: 1px solid #ddd; }
.hadres p { font: 400 10pt/130% 'source sans pro', sans-serif; color: #888; margin: 0; padding: 0; }

.redd, a.red { color: #000 !important; }

span.phone { font: 400 14pt/130% 'source sans pro', sans-serif; color: #555; }

div.share { margin: 10px 0; }

/*social icons*/
div.navbann { background: #fff; z-index: 99; padding: 3px 0; border-top: 1px solid #ddd; }

div.navbann.uk-active { -webkit-box-shadow: 0 0 25px 0 #444; box-shadow: 0 0 25px 0 #444; background-attachment: fixed; }

img.homelinkikonka { border: 0; margin-top: 5px; outline: 0; opacity: 0.0; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; }

.uk-active img.homelinkikonka { /* klasa przypiętego meniu */ opacity: 1.0; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; }

div.row-2 { background: #fff; }

div.datacontent { background: #fff; padding: 10px; }

/*top MENU ---------------*/
ul.menutopmenu { margin: 0; padding: 0; list-style-type: none; width: 100%; }
ul.menutopmenu li { display: inline-block; }
ul.menutopmenu li a { display: block; width: 100%; text-align: center; font: 600 10pt/40px 'source sans pro', arial, sans-serif; margin-top: 3px; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; color: #000; padding: 0  25px; height: 40px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
ul.menutopmenu li a:hover { background: #000; color: #fff; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
ul.menutopmenu li.active a { text-decoration: none; color: #fff; background: #000; }

@media screen and (max-width: 1220px) { ul.menutopmenu li a { display: block; font: 400 10pt/40px 'source sans pro', arial, sans-serif; text-decoration: none; padding: 2% 8px; } }
/*left MENU ---------------*/
ul.menuleft { list-style-type: none; margin: 0; padding: 0; }
ul.menuleft > li { display: block; margin: 0; padding: 0; /*submenu*/ }
ul.menuleft > li a:link, ul.menuleft > li a:visited { text-transform: uppercase; color: #222; font-size: 12pt; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; padding: 15px 0 5px 0; text-decoration: none; }
ul.menuleft > li a:link.kategoria, ul.menuleft > li a:visited.kategoria { display: block; width: 100%; background: url(../img/navdown.png) center right no-repeat; }
ul.menuleft > li a:link:hover, ul.menuleft > li a:visited:hover { color: #000; }
ul.menuleft > li ul { list-style-type: none; margin: 0; padding: 0 0 0 10px; }
ul.menuleft > li ul li { border-bottom: 1px solid #ddd; }
ul.menuleft > li ul li:last-child { border-bottom: 0px none; }
ul.menuleft > li ul li a:link, ul.menuleft > li ul li a:visited { display: block; text-transform: inherit; color: #555; font-size: 11pt; letter-spacing: 0px; padding: 10px 0; margin: 1px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; }
ul.menuleft > li ul li a:link:hover, ul.menuleft > li ul li a:visited:hover { color: #fff; background: #000; padding: 10px 0 10px 10px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; }
ul.menuleft > li ul li.active a { color: #d61719; }
ul.menuleft li ul li:last-child { border-bottom: 0px none; }

/* MODULES -------------------------------------------- */
div.row-1 { background-color: #f4f4f4; padding: 10px 0 40px 0; }

div.row-1 h2 { /*tytul glowny modulu*/ font: 200 40pt/110% 'source sans pro', sans-serif; color: #f2b227; }

div.row-1 h3 { font: 200 18pt/120% 'source sans pro', sans-serif; color: #fff; margin: 0; padding: 0; }

div.row-1 p { font: 300 12pt/160% 'source sans pro', sans-serif; color: #fff; }

div.frontmodule h1 { font-size: 20pt; margin: 0; line-height: 110%; }

/* -------------------------------- front 3 zajawki kategorii*/
div.blogintro { margin: 0 10px; padding: 10px; }

.blogintro div.blogimage { position: relative; width: 100%; height: 240px; max-height: 240px; margin: 0; padding: 0; }

.blogintro h2.titleblog { position: absolute; bottom: 0; color: #fff; font: 400 20pt/110% 'source sans pro', 'Open Sans', tahoma, sans-serif; margin: 0 10px; }

p.small a.readmore { display: inline-block; background: #414141; color: #fff; padding: 5px 14px 7px 14px; margin: 0 0 10px 0; text-decoration: none; font: 300 10pt/160% 'Open Sans', tahoma, sans-serif; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

p.small a.readmore:hover { background: #e10000; color: #fff; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

div.blogintro p.small { border: 0; }

div.row-2 div.blogintro h3, div.row-2 div.blogintro h3 a { font: 400 16pt/110% 'source sans pro', sans-serif; color: #474342; margin: 10px 0 0 0; padding: 0; }

div.row-2 div.blogintro h3 a:hover { text-decoration: none; }

div.introb { text-align: justify; color: #333; padding: 10px 0; }

div.introb p { text-align: justify; color: #333; }

/* / ITS ---------------------------------------------------------------------------------------------------------------------- */
/*reset*/
.colorone { color: #009640; }

.colortwo { color: #900181; }

.bgone { background-color: #009640; }

.bgtwo { background-color: #900181; }

.white { color: #fff; }

.bgwhite { background: #fff; }

a img { border: 0px none; outline: none; }

/*end reset*/
/* ----- MOBILE MENU ----- */
a.mobilemenu { display: block; background-color: #222; color: #fff; font-size: 22pt; width: 56px !important; height: 56px; float: right; z-index: 9; text-align: center; }
a.mobilemenu.uk-active { position: fixed; top: 20px; right: 20px; display: block !important; }
a.mobilemenu:focus { background-color: red; }

.uk-offcanvas-overlay { backdrop-filter: blur(3px); }

.uk-offcanvas-overlay::before { background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(3px); }

.uk-offcanvas-bar { background: #001C23; width: 90vw; right: -90vw; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; }

.uk-offcanvas-flip .uk-offcanvas-bar { right: -90vw; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; }

div.small-menu ul.nav, div.small-menu ul.nav li { margin: 0; padding: 0; display: block; float: left; text-align: center; clear: both; width: 100%; }

div.small-menu ul.menu li a { width: 100%; display: block; background: #CC0000; color: #fff; margin: 10px 0 5px 0; padding: 10px 5px; text-align: center; font-size: 12pt; line-height: 25px; }

div.small-menu ul.menu li a.separator { border-bottom: 1px solid #ccc; }

div.small-menu ul.menu li ul li { padding-left: 10px; }

div.small-menu ul.menu li.divider, div.small-menu ul.menu li.divider * { visibility: hidden; height: 0; }

div.small-menu ul.nav ul, div.small-menu ul.nav ul li { margin: 0; padding: 0; display: block; float: left; text-align: left; clear: both; width: 100%; }

div.small-menu ul.menu ul li a { width: 100%; display: block; background: none; color: #fff; margin: 5px 0; padding: 5px; padding-left: 15px; text-align: left; font-size: 10pt; }

/*------------------------------------------------end front module*/
/*------------------------------------------------FOOT*/
div.foot { width: 100%; background: #2d2d2d; border-top: 10px solid #fff; padding: 20px 0 50px 0; font: 100 10pt/150% 'source sans pro', arial, times, sans-serif; color: #aaa; }

div.foot, div.foot a { font: 100 10pt/150% 'source sans pro', arial, times, sans-serif; color: #aaa; text-decoration: none; }

div.foot strong { font-weight: 400; }

div.copyrights { padding: 20px 0; font: 100 8pt/150% 'source sans pro', arial, times, sans-serif; color: #666; text-decoration: none; }

/*------------------------------------------------END FOOT*/
/*----------------------------------------------------------------------------------------------------------------------------------CONTENT*/
/* NAGLOWKI RESET */
h1 { font: 300 24pt/140% arial, times, sans-serif; margin: 0; padding: 10px 0; }

h2 { font: 400 28px/110% 'source sans pro', 'source sans pro', sans-serif; margin: 0; padding: 10px 0 0px 0; }

h3 { font: 300 18pt/110% 'source sans pro', 'source sans pro', sans-serif; margin: 0; padding: 10px 0; }

h4 { font: 300 12pt/140% arial, times, sans-serif; margin: 0; padding: 10px 0; }

/* ---------------------------------------------------------------------------------------------------- CONTENT */
.datacontent h1 { font: 300 32pt/140% arial, times, sans-serif; margin: 0; padding: 10px 0; }

.datacontent h2 { font: 300 18pt/150% arial, times, sans-serif; color: #000; text-align: left; }

.datacontent h3 { font: 600 18pt/150% arial, times, sans-serif; color: #888; }

.frontowa h1 { font-size: 24pt; text-align: left; color: #e10000; }

.datacontent p { font: 11pt/190% tahoma, sans-serif; }

/* NAGLOWKI LEFT */
.leftblock h2 { font: 200 24pt/150% arial, times, sans-serif; padding: 5px; color: #F1AA16; text-align: left; }

.leftblock h3 { font: 600 18pt/150% arial, times, sans-serif; color: #888; }

.leftblock p { font: 300 11pt/150% arial, times, sans-serif; color: #fff; }

img.full { width: 100%; clear: both; }

img.left { width: 50%; float: left; margin: 0 10px 10px 0; }

img.right { width: 50%; float: right; margin: 0 0 10px 10px; }

.datacontent { padding-top: 20px; }

.datacontent, .datacontent p { font: 400 11pt/160% tahoma, arial, sans-serif; text-align: justify; }

.datacontent ul { font: 400 11pt/160% tahoma, arial, sans-serif; text-align: left; list-style-type: square; padding: 0 0 0 15px; margin: 0; color: #555; }

.datacontent ol { font: 400 11pt/140% tahoma, arial, sans-serif; text-align: left; background-color: #f7f7f7; padding: 20px 30px; margin: 0; border-left: 1px solid #ddd; }

.datacontent .blogunder { height: 2px; }

.datacontent h1.item-title { margin-bottom: 20px; padding-bottom: 20px; }

.datacontent p.small { margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px; }

p.small, p.small a { font-size: 10pt; font-weight: 400; margin: 0; color: #666; }

p.small a { color: #009640; text-decoration: none; }

p.small a:hover { color: #900181; }

dt.article-info-term { visibility: hidden; }

dd.category-name { background: #f7f7f7; padding: 3px; }

/*----------------------------------BLOG*/
/*----------------------------------AKTUALNOSCI NEWS*/
ul.uk-pagination { background: none; border: 0; text-align: center; margin: 0 auto; }

ul.uk-pagination li a { padding: 10px; display: block; }

ul.uk-pagination li.uk-active a { color: #fff; background: #e10000; }

div.pagination p.counter { font: 10pt/120% tahoma, sans-serif; text-align: center; color: #555; }

/*banerek maly na podstronach*/
div.banerek { background-size: cover; height: 160px; border-top: 1px solid #000; border-bottom: 4px solid #000; z-index: 8; }

div.banerek h2.banerek-head { text-align: left; margin: 0; padding: 0; color: #fff; position: relative; top: 10%; font: 400 24pt/90% 'arial', arial, sans-serif; color: rgba(255, 255, 255, 0.5); }

/* LATESTNEWS ---------------------------------------------------------------------------------------------------------------------- */
h3.latestnews { font: 400 16pt/100% arial, times, sans-serif; color: #f2b227; margin: 0; padding: 0; }

ul.latestnews { background: #fff; margin: 0 0 10px 0; -webkit-border-radius: 0; border-radius: 0; border: 0; border-top: 3px solid #F19A34; list-style-type: none; }

ul.latestnews li { padding-left: 20px; margin: 3px 0 5px 0; background: transparent url(../img/news.png) top left no-repeat; }

ul.latestnews li a { font: 100 12pt/100% arial, times, sans-serif; color: #000; }

ul.latestnews li a:hover { color: #F19A34; text-decoration: none; }

span.latestnewsintro { font: 100 9pt/130% tahoma, times, sans-serif; color: #999; display: block; }

/* ---------------------------------------------------------------------------------------------------------------------- PATHWAY */
ul.breadcrumb { border: 0; background: none; list-style-type: none; margin: 0; padding: 5px 0 0px 0; margin: 2px 0 10px 0; display: block; border-top: 1px solid #ddd; clear: both; }

ul.breadcrumb li { display: inline-block; color: #000; margin: 0; padding: 0; }

ul.breadcrumb li, ul.breadcrumb li a:link { font: 300 10pt/120% 'source sans pro', sans-serif; }

ul.breadcrumb li a:link, ul.breadcrumb li a:visited { color: #fff; background: #e10000; display: inline-block; padding: 5px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; }

ul.breadcrumb li span { color: #000; display: inline-block; padding: 5px 2px; text-decoration: none; }

/* ---------------------------------------------------------------------------------------------------------------------- JOOMSHOPPING */
div.jshop h1.jcategoryname { text-transform: uppercase; font: 600 36pt/110% 'source sans pro', 'source sans pro', sans-serif; }

div.jcat { margin: 10px 20px; padding: 15px; -webkit-box-shadow: 0 0 10px 5px #f7f7f7; box-shadow: 0 0 10px 5px #f7f7f7; }

div.subcat { min-height: 300px; margin: 5px 0; }

div.jcat:hover { -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-box-shadow: 0 0 10px 5px #D6D6D6; box-shadow: 0 0 10px 5px #D6D6D6; }

div.jshop div.name a:link, div.jshop div.name a:visited { display: block; font: 400 16pt/110% 'source sans pro', 'source sans pro', sans-serif; margin: 15px 0; color: #000; text-decoration: none; }

div.subcat div.name a:link, div.subcat div.name a:visited { font-size: 15pt; text-align: center; }

div.jshop div.descr, div.jshop div.descr p { color: #777; font-size: 9pt; }

div.subcat div.descr { text-align: center; }

div.jshop div.name a small { color: #e10000; font-size: 8pt; line-height: 20px; }

div.image_block { min-height: 250px; }

div.image_block img { margin: auto 0; }

/*productlist*/
div.jshop div.pl-name a:link, div.jshop div.pl-name a:visited { display: block; font: 400 14pt/110% 'source sans pro', sans-serif; margin: 0 0 10px 0; text-align: center; color: #000; text-decoration: none; }

div.pl-manufacturer { font: 400 11pt/110% 'source sans pro', sans-serif; border-bottom: 1px solid #ddd; }

div.pl-description { font: 400 10pt/140% arial, 'source sans pro', sans-serif; margin: 15px 0; text-align: center; min-height: 40px; text-transform: lowercase; }
div.pl-description::first-letter { text-transform: uppercase; }

/*productdetailst*/
div.product-details { border-top: 3px solid #f7f7f7; margin-top: 20px; padding-top: 20px; }

div.prod-shortdesc { color: #555; padding: 10px 0; margin: 10px 0; }

div.prod-producent { padding: 10px 0; margin: 10px 0; }

div.prod-zastosowanie { background: #f9f9f9; padding: 10px; }

span.input_type_radio { display: block; }

div.list_product_demo { background: #f9f9f9; padding: 10px; margin: 2px 0; }

a.demofiledownload { display: block; width: 56px; height: 26px; background: transparent url(../img/download.png) top center no-repeat; }

div.attributes_title { font-weight: bold; }

span.input_type_radio input { visibility: hidden; }

div.prod-full-desc { margin-top: 20px; padding-top: 20px; color: #000; }

div.prod-full-desc a.gallerylink { display: block; min-height: 200px; margin: 3px; background-size: contain; background-repeat: no-repeat; background-position: center; }

div.prod-full-desc p.podpis { text-align: center; color: #555; }

div.prod-full-desc div.minifoto { margin: 5px 0; padding: 5px; border: 1px solid #eee; -webkit-box-shadow: 0 0 10px 5px #f7f7f7; box-shadow: 0 0 10px 5px #f7f7f7; }

div.prod-full-desc div.minifoto:hover { border: 1px solid #fff; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-box-shadow: 0 0 10px 5px #D6D6D6; box-shadow: 0 0 10px 5px #D6D6D6; }

.pl-image, .image-block { display: table; }

.pl-image-row, .image-block a { display: table-cell; vertical-align: middle; }

/*----------------------------------------------------------------------------------------CHRONO*/
p.chrono_credits { font: 100 0pt/0pt arial; color: #fff; }

table.table-contact { width: 100%; border-spacing: 20px; border-collapse: separate; }

table.table-contact td { padding: 10px; background: #f9f9f9; -webkit-box-shadow: 0 0 5px 0 #E0E0E0; box-shadow: 0 0 5px 0 #E0E0E0; margin: 20px; }

/*----------------------------------------------------------------------------------------MOBILEMENU*/
div.sticky { position: fixed; bottom: 53px; right: 0px; color: #fff; width: 160px; text-align: center; background: #555; padding: 10px 0; }

span#mxcpr { display: none !important; }

span#mxcpr a { display: none !important; }

/*----------------------------------------------------------------------------------------SLICK*/
div.slidercontener div.slidercontener-single { position: relative; min-height: 400px; max-height: 400px; }
div.slidercontener div.slidercontener-single a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0px; color: transparent; }
div.slidercontener div.slidercontener-thumbnail { height: 120px; border: 1px solid #eee; margin: 4px 1px; background: #fff888; position: relative; cursor: pointer; }
div.slidercontener div.slidercontener-thumbnail.is-active { border: 1px solid #000; }
div.slidercontener div.slidercontener-title { font-size: 8pt; line-height: 100%; padding: 3px; position: absolute; bottom: 0; width: calc(100% - 6px); height: auto; color: #666; margin: 3px; background: #fff; text-align: center; }
div.slidercontener .slick-prev::before, div.slidercontener .slick-next::before { color: #777; display: none; }
div.slidercontener .slick-prev { width: 30px; height: 30px; background: transparent url(../img/arrow-prev.png) center center no-repeat; }
div.slidercontener .slick-next { width: 30px; height: 30px; background: transparent url(../img/arrow-next.png) center center no-repeat; }