/*druk*/
html,body {height: 100%;  font-family: 'Lato', sans-serif !important; color: #000; line-height: 1.63 !important; }
body { background: #ffffff; height: 100%;  margin: 0; font-size: 16px; line-height: 1.63 !important; color: #303030; font-weight: 300; -webkit-print-color-adjust: exact !important;}
h1,h2,h3,p { margin-top: 0; margin-bottom: 1em; }

/*body * {transition: width 0.2s; -webkit-transition: width 0.2s; -moz-transition: width 0.2s;}*/

h1 { font-size: 3em; color: #303030; font-weight:600; margin: 0 auto 0 auto; text-shadow: #fff 0 1px 0;margin-bottom: .5em;}
h2 { color: #303030; font-weight:400; font-size: 1.8em; margin-bottom: 1em; line-height: 1.3;}
h3 { font-size: 1.5em; font-weight:600; line-height: 1.3; margin-bottom: 5px;}
h4 { font-size: 1.1em; text-align: left; font-weight: 400; color: #222; margin-bottom: 5px;}

h2 strong{ color: #009fe3;}

.bg-lightgray {background: #f0f0f0;}
.bg-darkgray {background: #303030;}
.bg-white {background: #ffffff;}
.bg-blue{background: #0289c3;}
.bg-lightblue{background: #009fe3;}
.bg-pink{background: #e61873;}

.bg-blue h2{color: #fff;}
.bg-blue h2 strong {color: #ffde00;}
.lightgray {color: #f0f0f0;}
.darkgray {color: #303030;}
.white {color: #ffffff;}
.blue{color: #0289c3;}
.lightblue{color: #009fe3;}
.pink{color: #e61873;}

.text-small {font-size: 13px; line-height: 1.2;}
.code {font-size: .8em; color: #999; font-weight: 300;}

.p15 {padding: 15px;}
.nomargin * {margin: 0 !important;}
.nopadding * {padding: 0 !important;}

a {color: #009fe3; transition: 0.5s all;}
a:hover {color: #047aad !important;}

.formbody label {display: block; text-align: left;}
.formbody input[type="text"],.formbody input[type="tel"], .formbody input[type="email"], .formbody textarea {border-radius: 2px; border: #ccc 1px solid; width: 100%; margin-bottom: 20px; padding: 3px 7px !important; color:#2f88d1; font-weight: 400;}
.formbody .submit_container {text-align: left; margin: 30px 0;}
.formbody input[type="submit"] {background: #fec232; border: 0; border-radius: 3px; padding: 8px 10px !important; text-transform: uppercase; font-weight: 400; transition: 0.2s all; }
.formbody input[type="submit"]:hover {background: #0289c3; color: #fff;}
.formbody .checkbox_container { line-height: 1.2;}
.formbody .checkbox_container input {display: inline;}
.formbody .checkbox_container label {font-size: 13px; font-weight: 300; display: inline; line-height: 9px;}

/*Form input placeholder color*/
::-webkit-input-placeholder { color: #145f9d; font-weight: 300;}
:-moz-placeholder { color: #145f9d; opacity:1; font-weight: 300;}
::-moz-placeholder { color: #145f9d; opacity: 1; font-weight: 300;}
:-ms-input-placeholder { color: #145f9d; font-weight: 300;}
:placeholder-shown { color: #145f9d; font-weight: 300;}
.img-responsive {display: inline-block !important;}
figcaption {margin:1em 0;}
.opac {opacity: .5 !important;}

a.button {background: #fec232; border: 0; border-radius: 3px; padding: .8em 1.6em !important; text-transform: uppercase; font-weight: 400; transition: 0.2s all; color: #fff; font-size: 1.5em; }
a.button:hover {background: #06b9e1; text-decoration: none; color: #fff !important;}
.more a, a.more, .back a, a.back {display: inline-block; color: #fff; border: 1px solid #e61873; padding: .5em 1em; transition:0.2s all; background: #e61873; border-radius: 5px; text-transform: uppercase; font-size: 18px; margin: 5px 15px;}
.more a:hover, a.more:hover, .back a:hover, a.back:hover {display: inline-block; color: #e61873 !important; border: 1px solid #e61873; padding: .5em 1.2em; background: #fff; text-decoration: none !important; font-size: 18px;}

.more.blue a {display: inline-block; color: #0289c3; border: 1px solid #0289c3; padding: .5em 1em; transition:0.2s all; background: none; border-radius: 5px; text-transform: uppercase; font-size: 18px; margin: 5px 15px;}
.more.blue a:hover {display: inline-block; color: #0289c3 !important; border: 1px solid #0289c3; padding: .5em 1.2em; background: #fff; text-decoration: none !important; font-size: 18px;}
.more.grey a, a.more.grey {display: inline-block; color: #777; border: 1px solid #ccc; padding: .5em 1em; transition:0.2s all; background: #fff; border-radius: 5px; text-transform: uppercase; font-size: 14px; margin: 5px 15px;}
.more.grey a:hover, a.more.grey:hover {display: inline-block; color: #eee !important; border: 1px solid #ccc; padding: .5em 1.2em; background: #fff; text-decoration: none !important; font-size: 14px;}


#main li {background: url("../img/li.png") left 8px no-repeat; padding-left: 25px;margin-bottom: .25em; margin-left: 15px;}

.rwd {}
.incenter {margin-left: auto !important; margin-right: auto !important;}
.overflow {overflow: hidden;}

/*Sections*/

#header {background: rgba(255,255,255,.95); width: 100%; z-index: 2000; border-bottom: #ccc 1px dotted; position: fixed; height: 92px;}
#before { padding-top: 92px;}

#logo {padding-top: 20px; padding-bottom: 20px; z-index: 1000;}
#partnerzy {padding-top: 20px;}

/*#main {margin-top: 30px; margin-bottom: 30px;}
#main [class*="col"] {margin-bottom: 30px;}*/

#bottom {background: #303030; padding-top: 20px; padding-bottom: 40px;}
#bottom * {color: #ccc; font-size: 14px;}
#bottom p {margin-bottom: 1px;}
#bottom a {color: #fff; font-weight: 400;}
#bottom a:hover {color: #fff !important;}
#bottom h3 {font-size: 1.4em; color: #fff; margin-bottom: .5em;}

#footer {background: #e7e7e8;}
#footer * {color: #303334 !important; font-size: 14px;}
#footer a {text-transform: uppercase !important; font-weight: 400;}
#footer li {margin-bottom: 5px;}

/*mainNav*/

#mainNav { font-size: 1em; font-weight: 600; padding-right: 300px; background: url("../img/partnerzy.jpg") right 15px no-repeat;}
#mainNav ul { text-align: right; margin-top: 30px; margin-bottom: 20px;}
#mainNav li { display: inline-block; margin-left: .2em; background: none;}
#mainNav li * { padding: .4em .6em; text-decoration: none; color: #303030;border-radius: 3px;}
#mainNav li span, #mainNav li a:hover, #mainNav li a.trail { color: #fff !important; background: #009fe3; border-radius: 3px;}
#mainNav .index {display: none;}

/*subNav*/
#subNav { text-align: center;}
#subNav li { background: none; display: inline-block; padding: 0; margin: 0 0 10px 0;}
#subNav li * {display: inline-block;  border: 1px solid #ccc; padding: 3px 7px; border-radius: 5px; text-transform: uppercase; font-size: 14px; color: #888; }
#subNav li.active * {background: #077ba8; color: #fff !important;border: 1px solid #077ba8;}
#subNav li :hover {background: #077ba8; color: #fff !important; text-decoration: none;border: 1px solid #077ba8;}

/*Slicknav*/
#mobileMenu {position: fixed; z-index: 100; right: 0;}
.slicknav_menu {padding: 0;  z-index: 1000 !important; background: none; position: absolute; width: 100%; top:10px;}
.slicknav_nav {background:#0289c3; text-transform: uppercase;  text-align: center; font-size: 1.3em !important;padding-top: 20px !important; padding-bottom: 20px !important; margin-top: 82px !important;}
.slicknav_nav ul {margin: 0 !important; }
.slicknav_nav li {margin-bottom: .3em !important;}
.slicknav_nav .active {font-weight: 700;}
.slicknav_menutxt {display: none !important;}
.slicknav_nav a {margin: 0 !important; padding: 0 !important;}
.slicknav_btn {background: none; margin-right: 10px !important;}
.slicknav_menu .slicknav_icon { font-size: 30px; }
.slicknav_menu .slicknav_icon-bar { background-color: #aaa !important; }
.slicknav_menu .index {display: block;}

a.facebook, #footer a.facebook {text-transform: lowercase !important; color: #3b5998 !important;}

a.facebook, #footer a.facebook em {font-size: 18px; color: #3b5998 !important;}

.gallery figure img {width: 100% !important; height: auto !important;}

/*mod_article*/
.mod_article.bar .container {padding-top: 35px; padding-bottom: 35px;}
.mod_article.bar h2 {margin-bottom: 0;}
.mod_article .container{padding-top: 60px; padding-bottom: 30px;}
.oferta .mod_article .container{padding-top: 30px; padding-bottom: 30px;}
.mod_article [class*="col"] {margin-bottom: 30px;}
.mod_article.map .container {width: 100% !important; padding: 0 !important;}

/*Slider*/
.index #slider {background: url("../bg/index-drukarki.jpg") center top no-repeat; min-height: 500px;}
#slider {text-align: center;}
#slider h1 {padding-top:0; margin-bottom: 5px;}
#slider h2 { color: #009fe3; display: inline-block; margin: 1px auto 90px auto;}


/*Content slider*/

/*.slider-control {top: -550px; font-size: 4em; color: #aaa;}*/
.slider-control {top: 350px; font-size: 4em; color: #aaa; position: absolute; width: 100%; left: 0;}
.slider-control a {color: #aaa;}
.slider-control .slider-menu b {display: none;}
.slider-control .slider-prev {content: "123";}

/*JP Modules*/

.mod_jp_device_pageblock {max-width: 940px; margin: 0 auto;}
.jp_device {background: #fff; border: 3px solid #efefef; border-radius: 5px;}
.jp_device_header { background: #f8f8f8; color: #555; padding: 20px; border-bottom: #f8f8f8 2px solid;}
.jp_device_header p {margin-bottom: 0.5em;}
.jp_device_name {font-weight: 600;}
.jp_brand_logo {position: absolute; right: 15px; top: 10px;}
.jp_device_content .content {padding: 20px;}
.jp_device_image, .jp_device_data {display: inline-block; vertical-align: top;}
.jp_device_image {min-height: 320px; width: 50%;}
.jp_device_data {width: 45%; font-size: 16px; line-height: 2;}
.jp_device_data ul {margin-left: 0 !important; padding: 0 !important;}
.jp_device_data li {list-style: none; margin: 0 !important;}
.jp_device_specification {padding: 5px 0px; font-size: 14px; line-height: 1.3;}
.jp_device_data .pagesRange {font-size: 12px; line-height: 1.3;}
.jp_device_footer { background: #f8f8f8; font-size: 12px; line-height: 1.2; padding-bottom: 40px; padding-top: 10px; border-top: #f8f8f8 2px solid;}
.jp_device_footer ul {margin: 0;}
.jp_device_footer li {background: none !important; padding-left: 0 !important; margin-left: 5px !important;}
.jp_prices {position: absolute; top:150px;}
.jp_device .price {background: #0289c3; color: #fff; border-radius: 50%; width: 70px; height: 70px; font-size: 10px; font-weight: 600; text-align: center; padding-top: 10px; margin-bottom: 7px; border:3px solid #0289c3; line-height: 1;}
.jp_device .price.mono {background: #fff; border-color: #ccc; color: #555; padding-top: 15px;}
.jp_device .price.color{background: url("../img/rainbow.png") center center repeat; border-color: #fff;padding-top: 15px;}
.jp_device .price strong {font-size: 1.3em; padding: 4px 0; display: inline-block; font-weight: 600;}
.jp_button_buy {text-align: center; margin-top: -30px;}
.jp_device_printType {text-transform: uppercase; font-weight: 600; font-size: 14px;}
.jp_device_featured {margin-top: 30px;}
.jp_device_featured img {margin-right: 10px; margin-bottom: 10px;}

/*Oferta*/
.oferta {font-size: 14px;}
.oferta #header {position: relative !important;}
.oferta #bottom {display: none;}
.oferta #before {padding-top: 0 !important;}
.oferta h1 {font-size: 2em; margin-bottom: 15px;}
.oferta .dane {font-size: 14px;}
.oferta .jp_prices {display: none;}
.oferta .jp_device_image {width: 35%; min-height: inherit;}
.oferta .jp_device_name {font-size: 1.2em;}
.oferta .jp_subscription_prices {border-top: #4177b9 1px solid;border-bottom: #4177b9 1px solid; margin-left: 15px; margin-right: 15px; margin-bottom: 30px; padding-top: 10px; padding-bottom: 10px; text-align: center; overflow: hidden;}
.oferta .jp_subscription_prices [class*="col"] {margin-bottom: 0;}
.oferta .offer_price.mono { border-left: #4177b9 1px solid; border-right: #4177b9 1px solid;}
.oferta .offer_price span {font-weight: 600;}
.oferta .offer_price.subscription {color:#4177b9;  -webkit-print-color-adjust: exact !important; }
.oferta .offer_price.color {color:#cd048d; }
.oferta h3 {font-weight: bold; font-size: 1.1em; margin-bottom: .2em;}
.oferta .jp_device_features li {display: inline-block !important; padding:0 10px !important; list-style: disc !important; background: none !important;}
.oferta [class*="col"] {margin-bottom: 10px;}
a.video {border:#cccccc 1px solid;}

.jp_device_short {overflow: hidden; border-top: #ccc 1px solid; padding: 5px 0;}
.jp_device_short img {padding: 5px 0;}
#urzadzenia {font-size: 14px;}
#urzadzenia [class*="col"] {margin-bottom: 0; margin-top: 10px;}
.jp_button_buy_small {font-size: 1em;}

.klienci img {margin: 15px 30px;}


/* FORMS */
input[name*="captcha"] {margin-bottom: 30px;}
.widget-checkbox {margin-bottom: 15px;}

.rwd img {width: 100% !important; height: auto !important;}


/*jp_promotion*/
.jp_promotion {overflow: hidden;}
.jp_promotion .banner {margin-bottom: 45px;}
.jp_promotion p {margin-bottom: 5px !important; }
.jp_promotion .jp_device {margin-bottom: 0px !important; border: 1px #ddd solid; border-radius: 0; overflow: hidden; max-width: 450px;}
.jp_promotion .jp_device .inside {padding-top: 15px; padding-bottom: 0px;}
.jp_promotion .jp_device_image {text-align: center; overflow: hidden;min-height: inherit !important; width: auto !important; max-width: inherit !important;}
.jp_promotion .jp_gift {position: absolute; right: 5px;}
.jp_promotion .details .jp_gift {position: absolute; right: 30px;}
.jp_promotion .jp_device figure {height: 200px !important;overflow: hidden; width: 100% !important; text-align: center; border-bottom: #eee 0px solid; margin-bottom: 0px;}
.jp_promotion .jp_device figure img {transition: 0.2s all;}
.jp_promotion .jp_device figure:hover img {width:110% !important; height: auto !important;}
.jp_promotion .jp_device_title {font-weight: 700; font-size: 16px; width: calc(100% - 80px) !important; letter-spacing: -0.02em; margin-top: 10px;}
.jp_promotion .jp_device_title .code {font-size: 11px; color: #aaa;}
.jp_promotion .jp_terms {font-size: 11px; position: relative; overflow: hidden;}
.jp_promotion .jp_terms .inside{margin-top: 45px;}
.jp_promotion .jp_terms li {background: none !important; list-style-type: disc;}
.jp_promotion .jp_terms table {width: 100%;}
.jp_promotion .jp_terms td {border: #ddd 1px solid; padding: 2px;}
.jp_promotion .details {max-width: inherit !important;}

.jp_promotion .jp_priceDevice {position: absolute; bottom:20px; background: #cc2200; color: #fff; padding: 5px 5px 5px 8px; font-size: 28px; font-weight: 600; border-radius: 5px;}
.jp_promotion .jp_priceDevice span {font-weight: 300; font-size: 14px;}
.jp_promotion .more a {color: #aaa; border-color:#ccc; background: #fefefe; font-size: 14px; margin: 0;}
.jp_promotion #logo {padding-left: 0 !important;}

.jp_promotion .partnerzy {text-align: right; padding-top: 10px;}

#strona-promocji .container {padding-top: 10px !important;}


.color {
	padding: 3px 5px;
	display: inline-block;
	background: #eeeeee;
	color: #444444;
}
.color.cyan{
	background:#009fe3;
	color:#ffffff;
}
.color.magenta{
	background:#e6007e;
	color:#ffffff;
}
.color.yellow{
	background:#ffed00;
	color:#ffffff;
}
.color.black{
	background:#000000;
	color:#ffffff;
}
.color.cmy{
	background:#cc2200 url(files/druk_w_abonamencie/layout/img/rainbow.png) center center repeat;
	color:#ffffff;
}
.color.cmyk{
	background:#cc2200 url(files/druk_w_abonamencie/layout/img/rainbow.png) center center repeat;
	color:#ffffff;
}

/*Scroll to top*/

body .scroll-to-top{position:fixed;bottom:1em;right:1em;color:#ffffff !important;background:#009fe3;padding:.7em .8em;font-weight:bold;cursor:pointer;opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);-webkit-transition:all 500ms;-moz-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms} body .scroll-to-top.shown{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}

@media(min-width:768px){
	.slicknav_menu { display: none !important;}
	.mobile { display: none !important;}
	.oferta .container {width: 940px;}
}


@media only screen and (max-width: 1200px) {

	x#mainNav ul {margin-top: 17px;}


}

@media only screen and (max-width: 992px) {

	.web { display: none !important;}
	#header {}
	#header .container {width: 100%;}
	#before {padding-top: 92px;}
	.slicknav_menu { display: block !important; z-index: 3000 !important; position: fixed;}
	#mainNav {display: none;}
.jp_device_short {text-align: center;}
	.rwd { text-align: center;}
	.jp_promotion .jp_device {margin-left: auto; margin-right: auto; margin-bottom: 45px !important;}
}

@media only screen and (max-width: 768px) {

	body {font-size: 14px !important; line-height: 1.45;}
	h1 { font-size:2em; width: 100%;}
	h2 {font-size: 1.6em;}
	h3 {font-size: 1.3em;}
	#before h1 {font-size: 3em; padding:30px 15px;}
	.web { display: none !important;}
	#wrapper {margin: 0;}
	.container-fluid {margin: 0; padding: 0;}
	#before {padding-top: 92px;}
	.gallery figure {text-align: center;}
	.gallery figure img {width: 100% !important; height: auto !important;}
	.button-blue a{ font-size: 16px; padding: 8px 15px;}
	#bottom * {text-align: center !important;}
	#footer * {text-align: center !important;}
	.index #slider {background-size: auto 120%; min-height: 450px; background-position-y: 100px;}
	#bottom [class*="col"] {margin-bottom: 30px;}

	.jp_device_image, .jp_device_data {display: block; vertical-align: top;}
	.jp_device_image {min-height: 250px; width: 100%;}
	.jp_device_image img {width: 100% !important; height: auto !important;}
	.jp_device_data {width: 100%; font-size: 14px; line-height: 2;}

	.oferta .jp_device_image {min-height: none; width: 100%;}
	.jp_device_short {text-align: center;}
	.rwd img {width: 100% !important; height: auto !important;}

	.slider-control {top: 150px; font-size: 4em; color: #aaa; position: absolute; width: 100%;}
	.jp_promotion #logo {text-align: center; margin-bottom: 5px;}
	.jp_promotion .partnerzy {text-align: center;}
}

@media only screen and (max-width: 480px) {
	h1 {font-size:2em; width: 100%;}
	h2 {font-size: 1.6em;}
	h3 {font-size: 1.3em;}
	figure#logo img {width: 170px; height: auto;}
	.slicknav_menu .slicknav_icon { font-size: 28px;}
	#slider .container{padding-top: 5px; padding-bottom: 20px;}

}

@media print {
	li {list-style-type: circle !important; padding-left: 5px !important; margin-left: 25px !important;}
	ul {}
}

.invisible {display: none !important; opacity: 0 !important;}
.clr {clear: both;}