*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.rzad:before, .rzad:after { display: table; content: ""; clear: both; }

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video {display:inline-block;vertical-align:baseline;}

audio:not([controls]) {display:none;height:0;}

[hidden], template {display:none;}

a {background-color:transparent;}

a:active, a:hover {outline:0;}

abbr[title] {border-bottom:1px dotted;}

dfn {font-style:italic;}

mark {background:#ff0;color:#000;}

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:1em 40px; }

hr {box-sizing:content-box;height:0;}

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace;font-size:1em;}

button, input, optgroup, select, textarea {color:inherit;font:inherit;margin:0;}

button { overflow: visible; }

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; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }



.kontener { width: 100%; max-width: 1216px; margin-left: auto; margin-right: auto; }

#sidebar { width: 1248px; }



.kolumna25 { display: block; position: relative; width: 100%; }

@media (min-width: 720px) { .kolumna25 { width: 50%; float: left; padding-right: 3rem; } }

@media (min-width: 1024px) { .kolumna25 { width: 25%; padding-right: 2rem; } }



.kolumna50 { display: block; position: relative; width: 100%; }

@media (min-width: 720px) { .kolumna50 { width: 50%; float: left; padding-right: 3rem; } }

@media (min-width: 1024px) { .kolumna50 { padding-right: 2rem; } }



.kolumna20 { display: block; position: relative; width: 100%; }

@media (min-width: 500px) { .kolumna20 { width: 50%; float: left; padding-right: 2rem; } }

@media (min-width: 720px) { .kolumna20 { width: 25%; padding-right: 2rem; } }

@media (min-width: 1024px) { .kolumna20 { width: 25%; padding-right: 2rem; } }

@media (min-width: 1200px) { .kolumna20 { width: 20%; padding-right: 2rem; } }



.kolumna40 { display: block; position: relative; width: 100%; }

@media (min-width: 720px) { .kolumna40 { width: 50%; padding-right: 2rem; } }

@media (min-width: 1200px) { .kolumna40 { width: 40%; padding-right: 2rem; } }



.zprawej { float: right; }

body { font-family: "Lato", sans-serif; font-weight: 400; line-height: 120%; }

b, strong { font-weight: 700; }

h1 { font-size: 32px; margin: 1em 0; }

em { font-style: normal; }

body { background-color: #fff; color: #444444; }

a { color: #444444; text-decoration: underline; }

em { color: #848484; }



body { margin-top: 113px; }

@media (min-width: 1024px) { body { margin-top: 138px; } }



#header { position: absolute; font-size: 12px; top: 0; z-index: 50; left: 0; width: 100%; height: 60px; line-height: 60px; }

@media (min-width: 1024px) { #header { height: 95px; line-height: 95px; font-size: 12px; } }

#header .logotop { width: 130px; height: 60px; position: absolute; left: 1rem; top: 0; background-image: url(../obr/logo.svg); background-position: center; background-repeat: no-repeat; background-size: contain; }

@media (min-width: 1024px) { #header .logotop { top: 20px; left: 50px; } }

#header .logotop a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; z-index: 10; }

@media (min-width: 1200px) { #header .logotop { background-size: 98% auto; } }

#header .czerwone { background-color: #CC0000; padding: 14px 1rem; font-weight: 700; color: #fff; line-height: 120%; height: 53px; position: absolute; overflow: hidden; left: 0; width: 100%; top: 60px; }

@media (min-width: 1024px) { #header .czerwone { height: 43px; line-height: 43px; padding: 0 50px; top: 95px; overflow: visible; } }

#header .otwieracz { position: absolute; right: 1rem; top: 20px; height: 20px; width: 20px; z-index: 10; background-image: url(../obr/menu.svg); background-position: center; background-repeat: no-repeat; background-size: contain; }

@media (min-width: 1024px) { #header .otwieracz { display: none; } }



.czerwone span { display: none; }

@media (min-width: 1024px) { .czerwone span { display: block; float: right; padding-right: 85px; position: relative; font-size: 13px; }

  .czerwone span::before { content: ''; display: block; width: 68px; height: 112px; background: url(../obr/psb-pion.png) left top no-repeat; position: absolute; right: 5px; top: 0; } }

@media (min-width: 1200px) { .czerwone { font-size: 13px; } }



#menuglowne { display: block; overflow: hidden; position: relative; width: 100%; height: auto; max-height: 0; top: 60px; z-index: 100; background-color: #fff; padding: 0 1em; border-bottom: 0px solid #CC0000; line-height: 120%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }

@media (min-width: 1024px) { #menuglowne { top: 0; max-height: 95px; width: calc(100% - 210px); float: right; height: 95px; line-height: 95px; padding: 0 50px 0 1em; } }

@media (min-width: 1200px) { #menuglowne { padding: 0 40px 0 1em; } }

#menuglowne ul { margin: 1.5em 0; padding: 0; list-style: none; }

@media (min-width: 1024px) { #menuglowne ul { margin: 0; float: right; text-align: right; } }

#menuglowne li { display: block; }

@media (min-width: 1024px) { #menuglowne li { display: inline-block; } }

#menuglowne a { display: block; line-height: 120%; padding: 0.5em 0; width: 100%; font-weight: 700; color: #000; font-size: 14px; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }

#menuglowne a:hover { background-color: #CC0000; color: #fff; }

@media (max-width: 720px) {

#menuglowne a:hover {padding:0.5em;}

}

@media (min-width: 1024px) { #menuglowne a { font-size: 12px; padding: 10px; } }

@media (min-width: 1200px) { #menuglowne a { padding: 15px 20px; } }

@media (min-width: 1024px) { #menuglowne li:first-child a { width: 12px; height: 100%; padding: 0 2em; overflow: hidden; text-indent: 9999px; }

  #menuglowne li:first-child a:hover { background-color: transparent; }

  #menuglowne li:first-child { padding: 0; background: url(../obr/home.svg) center no-repeat; background-size: 12px auto; height: 100%; overflow: hidden; }

  #menuglowne li:first-child:hover { background-image: url(../obr/homecz.svg); } }

#menuglowne .infosprzedaz { font-weight: 700; }

@media (min-width: 1024px) { #menuglowne .infosprzedaz { float: left; } }

@media (min-width: 1200px) { #menuglowne .infosprzedaz { font-size: 13px; font-weight: 900; } }



#menuglowne .spolecznosc { display: block; margin: 0; padding: 0; }

#menuglowne .spolecznosc a { width: 30px; height: 30px; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; margin: 0 5px 0 0; overflow: hidden; }

@media (min-width: 1024px) { #menuglowne .spolecznosc a { margin: 0; width: 25px; height: 25px; display: block; position: absolute; right: 0; padding: 0; } }

#menuglowne .spolecznosc a span { display: none; }

#menuglowne .spolecznosc a.facebook { background-image: url(../obr/fb.svg); }

@media (min-width: 1024px) { #menuglowne .spolecznosc a.facebook { top: 34px; right: 15px; } }

#menuglowne .spolecznosc a.newsletter { background-image: url(../obr/mail.svg); }

@media (min-width: 1024px) { #menuglowne .spolecznosc a.newsletter { top: 25px; } }



.menu-otwarte #menuglowne { max-height: 400px; border-bottom: 15px solid #CC0000; padding: 1em; }

@media (min-width: 1024px) { .menu-otwarte #menuglowne { max-height: 95px; } }



.menu-otwarte #header .otwieracz { background-image: url(../obr/zamknij.svg); }



.sy-box.sy-loading { background: url("../obr/sy-loader.gif") 50% 50% no-repeat; -moz-background-size: 32px; -o-background-size: 32px; -webkit-background-size: 32px; background-size: 32px; min-height: 40px; }

.sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager { visibility: hidden; }

.sy-slides-wrap { position: relative; height: 100%; width: 100%; }

.sy-slides-wrap:hover .sy-controls { display: block; }

.sy-slides-crop { height: 100%; width: 100%; position: absolute; overflow: hidden; }

.sy-list { width: 100%; height: 100%; list-style: none; margin: 0; padding: 0; position: absolute; }

.sy-list.horizontal { -moz-transition: left ease; -o-transition: left ease; -webkit-transition: left ease; transition: left ease; }

.sy-list.vertical { -moz-transition: top ease; -o-transition: top ease; -webkit-transition: top ease; transition: top ease; }

.sy-slide { position: absolute; width: 100%; z-index: 2; }

.sy-slide.kenburns { width: 140%; left: -20%; }

.sy-slide.kenburns.useCSS { -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; }

.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) { -webkit-animation-name: left-right; -webkit-animation-fill-mode: forwards; -moz-animation-name: left-right; -moz-animation-fill-mode: forwards; -o-animation-name: left-right; -o-animation-fill-mode: forwards; animation-name: left-right; animation-fill-mode: forwards; }

.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) { -webkit-animation-name: right-left; -webkit-animation-fill-mode: forwards; -moz-animation-name: right-left; -moz-animation-fill-mode: forwards; -o-animation-name: right-left; -o-animation-fill-mode: forwards; animation-name: right-left; animation-fill-mode: forwards; }

.sy-slide.sy-active { z-index: 3; }

.sy-slide > img { margin: 0; padding: 0; display: block; width: 100%; border: 0; }

.sy-slide > a { margin: 0; padding: 0; display: block; width: 100%; }

.sy-slide > a > img { margin: 0; padding: 0; display: block; width: 100%; border: 0; }

.sy-controls { display: none; list-style: none; height: 100%; width: 100%; position: absolute; padding: 0; margin: 0; }

.sy-controls li { position: absolute; width: 10%; min-width: 4.2em; height: 100%; z-index: 33; }

.sy-controls li.sy-prev { left: 0; top: 0; }

.sy-controls li.sy-prev a:after { background-position: -5% 0; }

.sy-controls li.sy-next { right: 0; top: 0; }

.sy-controls li.sy-next a:after { background-position: 105% 0; }

.sy-controls li a { position: relative; width: 100%; height: 100%; display: block; text-indent: -9999px; }

.sy-controls li a:link, .sy-controls li a:visited { opacity: 0.4; }

.sy-controls li a:hover, .sy-controls li a:focus { opacity: 0.8; outline: none; }

.sy-controls li a:after { content: ""; background-image: url("../obr/arrows.svg"); background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; text-align: center; text-indent: 0; line-height: 2.8em; color: #111; font-weight: 800; position: absolute; background-color: #fff; width: 2.8em; height: 2.8em; left: 50%; top: 50%; margin-top: -1.4em; margin-left: -1.4em; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }



.logotop span {display:none;}



@media only screen and (max-device-width: 600px) { .sy-controls { display: block; }

  .sy-controls li { min-width: 2.1em; }

  .sy-controls li a:after { width: 1.4em; height: 1.4em; margin-top: -0.7em; margin-left: -0.7em; } }

.sy-caption-wrap { position: absolute; bottom: 2em; z-index: 12; left: 50%; }

.sy-caption-wrap .sy-caption { position: relative; left: -50%; background-color: rgba(0, 0, 0, 0.54); color: #fff; padding: 0.4em 1em; -moz-border-radius: 1.2em; -webkit-border-radius: 1.2em; border-radius: 1.2em; }

.sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited { color: #e24b70; font-weight: 600; text-decoration: none; }

.sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus { text-decoration: underline; }



@media only screen and (max-device-width: 600px), screen and (max-width: 600px) { .sy-caption-wrap { left: 0; bottom: 0.4em; }

  .sy-caption-wrap .sy-caption { left: 0; padding: 0.2em 0.4em; font-size: 0.92em; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } }

.sy-pager { overflow: hidden; *zoom: 1; display: block; width: 100%; margin: 1em 0 0; padding: 0; list-style: none; text-align: center; }

.sy-pager li { display: inline-block; width: 1.2em; height: 1.2em; margin: 0 1em 0 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }

.sy-pager li.sy-active a { background-color: #e24b70; }

.sy-pager li a { width: 100%; height: 100%; display: block; background-color: #ccc; text-indent: -9999px; -moz-background-size: 2em; -o-background-size: 2em; -webkit-background-size: 2em; background-size: 2em; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }

.sy-pager li a:link, .sy-pager li a:visited { opacity: 1.0; }

.sy-pager li a:hover, .sy-pager li a:focus { opacity: 0.6; }

.sy-filler { width: 100%; }



.sy-filler.ready { -moz-transition: padding 600ms ease; -o-transition: padding 600ms ease; -webkit-transition: padding 600ms ease; transition: padding 600ms ease; }



.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; }

.owl-carousel { display: none; width: 100%; z-index: 1; }

.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; }

.owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; }

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; }

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-loaded { display: block; }

.owl-carousel.owl-loading { opacity: 0; display: block; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel.owl-refresh .owl-item { display: none; }

.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-grab { cursor: move; cursor: grab; }

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

.no-js .owl-carousel { display: block; }

.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { animation-name: fadeOut; }



@keyframes fadeOut { 0% { opacity: 1; }

  100% { opacity: 0; } }

.owl-height { transition: height .5s ease-in-out; }

.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease; }

.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }

.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }

.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease; }

.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; }

.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease; }

.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

.owl-prev, .owl-next { height: 100%; position: absolute; top: 0; bottom: 0; text-indent: -9999px; background-position: center; background-repeat: no-repeat; }

.owl-prev { background-image: url(../obr/prev.png); }

.owl-next { background-image: url(../obr/next.png); }



#slajder .text-slajdu { position: absolute; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); padding: 0 1rem; width: 100%; color: #fff; font-weight: 700; }

#slajder .text-slajdu span { display: inline-block; }

#slajder .text-slajdu p { margin: 1rem 0; }

@media (min-width: 720px) { #slajder .text-slajdu { width: auto; padding: 0 16px 0 50px; font-size: 32px; line-height: 120%; text-align: right; }

  #slajder .text-slajdu span { display: block; } }

@media (min-width: 1024px) { #slajder .text-slajdu { padding: 0 50px 0 50px; font-size: 40px; }

  #slajder .text-slajdu .linia2 { font-size: 64px; } }

@media (min-width: 1024px) { #slajder .text-slajdu { bottom: 1rem; } }

#slajder .obraz-slajdu { line-height: 0; }

#slajder .obraz-slajdu img { width: 100%; }



#strona { position: relative; }



.kontener { padding: 0 1rem; }



#naszedzialy { margin: 1rem 0; }

@media (min-width: 720px) { #naszedzialy { margin: 1.5rem 0; } }

@media (min-width: 1024px) { #naszedzialy { margin: 2rem 0; } }



.przedczerw { position: relative; padding-left: 2rem; }

.przedczerw::before { width: 10px; height: 100%; max-height: 80px; content: ''; background-color: #CC0000; display: block; position: absolute; left: 0; top: 0; }

.przedczerw.wstepniak::before { max-height: 45px; }

@media (min-width: 720px) { .przedczerw { padding-left: 2.5rem; } }

@media (min-width: 1024px) { .przedczerw { padding-left: 3rem; } }

@media (min-width: 1200px) { .przedczerw.wstepniak::before { max-height: 80px; } }

.przedczerw h2 { font-size: 18px; margin: 0; font-weight: 900; text-transform: uppercase; }

.przedczerw p { font-size: 18px; font-weight: 300; margin: 0.5rem 0 0; }

@media (min-width: 1024px) { .przedczerw p { font-size: 21px; padding-right: 5rem; } }



.bloczki .wciecie { margin-left: -8px; margin-right: -8px; }

@media (min-width: 1200px) { .bloczki .wciecie { margin-left: -16px; margin-right: -16px; } }

.bloczki ul { width: 100%; list-style: none; padding: 0; margin: 0; }

@media (min-width: 1200px) { .bloczki ul { margin: 0; } }

.bloczki ul li { -webkit-box-shadow: inset 0px 0px 0px 10px #DDDDDD; -moz-box-shadow: inset 0px 0px 0px 10px #DDDDDD; box-shadow: inset 0px 0px 0px 10px #DDDDDD; border: 0.5rem solid #fff; padding: 0 0 45%; width: 50%; height: 0; display: block; position: relative; float: left; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }

.bloczki ul li:hover { -webkit-box-shadow: inset 0px 0px 0px 10px #CC0000; -moz-box-shadow: inset 0px 0px 0px 10px #CC0000; box-shadow: inset 0px 0px 0px 10px #CC0000; }

@media (min-width: 720px) { .bloczki ul li { width: 33.33%; padding: 0 0 29.33%; -webkit-box-shadow: inset 0px 0px 0px 15px #DDDDDD; -moz-box-shadow: inset 0px 0px 0px 15px #DDDDDD; box-shadow: inset 0px 0px 0px 15px #DDDDDD; }

  .bloczki ul li:hover { -webkit-box-shadow: inset 0px 0px 0px 15px #CC0000; -moz-box-shadow: inset 0px 0px 0px 15px #CC0000; box-shadow: inset 0px 0px 0px 15px #CC0000; } }

@media (min-width: 1024px) { .bloczki ul li { width: 25%; padding: 0 0 23%; } }

.bloczki ul li a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; z-index: 10; }



#bloki ul li { background-repeat: no-repeat; background-position: bottom right; background-size: contain; }

@media (min-width: 1200px) { #bloki ul li { background-size: auto; border-width: 1rem; } }

#bloki ul li h3 { position: absolute; left: 1rem; top: 1rem; right: 1rem; width: 80%; text-transform: uppercase; margin: 0; font-size: 12px; line-height: 1.2; font-weight: 700; }

@media (min-width: 720px) { #bloki ul li h3 { left: 26px; top: 26px; width: 70%; font-size: 16px; font-weight: 300; } }

@media (min-width: 1024px) { #bloki ul li h3 { left: 2rem; top: 2rem; width: 70%; line-height: 1; } }

@media (min-width: 1200px) { #bloki ul li h3 { font-size: 21px; } }

#bloki ul li:last-child { width: 100%; padding: 0 0 2rem; height: auto; }

#bloki ul li:last-child p { padding: 1rem 2rem 0; margin-bottom: 0; }

@media (min-width: 720px) { #bloki ul li:last-child { width: 100%; } }

@media (min-width: 1024px) { #bloki ul li:last-child { width: 50%; padding: 0 0 25%; height: 0; font-size: 13px; line-height: 120%; } }

@media (min-width: 1200px) { #bloki ul li:last-child { font-size: 16px; line-height: 120%; padding: 0 0 23%; } }



#czerwonepole { padding: 0; background-color: #CC0000; margin: 3em 0; position: relative; }

@media (min-width: 720px) { #czerwonepole { margin: 5em 0; } }

#czerwonepole::before { content: ''; display: block; width: auto; max-width: 1186px; border: 10px solid #DDDDDD; position: absolute; left: 1rem; right: 1rem; margin: 0 auto; top: -1.5rem; bottom: -1.5rem; }

@media (min-width: 720px) { #czerwonepole::before { border: 15px solid #DDDDDD; } }

#czerwonepole .kontener { position: relative; z-index: 10; padding: 1rem; background-color: #CC0000; }

@media (min-width: 1024px) { #czerwonepole .kontener { padding: 2rem 2rem; } }

#czerwonepole .kolumna25 { padding: 1rem 2rem 2.5rem; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }

#czerwonepole .kolumna25 h4 { font-size: 12px; color: #fff; }

@media (min-width: 1024px) { #czerwonepole .kolumna25 h4 { font-size: 16px; } }

#czerwonepole .kolumna25:hover { padding: 0.5rem 2rem 3rem; }

@media (min-width: 1200px) { #czerwonepole .kolumna25 { padding: 2em 2rem; }

  #czerwonepole .kolumna25:hover { padding: 1rem 2rem 3rem; } }



#czerwonepole .kolumna25 { position: relative; cursor:pointer;}

#czerwonepole .kolumna25 h4 { margin: 0.25em 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }

#czerwonepole .kolumna25 .wiecej { cursor:pointer; background-color: #fff; color: #CC0000; font-size: 14px; text-decoration: none; position: absolute; left: 2rem; bottom: 0.5rem; margin: 1em 0 0; text-transform: uppercase; padding: 5px 10px; font-weight: 700; opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }

#czerwonepole .kolumna25:hover .wiecej { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }



#oferujemy { margin: 1em 0; }

#oferujemy .kolumna50 { margin: 0 0 1em; }

@media (min-width: 1200px) { #oferujemy .kolumna50 { padding-right: 3em; } }

@media (min-width: 720px) { #oferujemy { font-size: 21px; font-weight: 300; line-height: 120%; } }

#oferujemy h2 { font-size: 1.5em; font-weight: 300; margin: 0 0 1em; line-height: 120%; }

@media (min-width: 1200px) { #oferujemy h2 { color: #000; font-size: 42px; margin: -0.5rem 0 1rem; } }

#oferujemy h4 { font-size: 18px; font-weight: 900; text-transform: uppercase; margin: 0 0 1em; }

#oferujemy ul { margin: 1em 0; padding: 0; list-style: none; }

#oferujemy ul li { padding: 0 0 0.5em; position: relative; }

#oferujemy ul li::before { position: absolute; left: -0.5em; top: 0.5em; content: ''; width: 4px; height: 4px; background-color: #CC0000; }

@media (min-width: 1200px) { #oferujemy ul li::before { top: 0.625em; } }



#polecamy { overflow: hidden; }

@media (min-width: 1200px) { #polecamy { padding-bottom: 1em; margin-top: 1em; } }



#slajderdol { margin: 1em 0; }

#slajderdol ul li { width: 100%; padding: 0 0 90%; height: 0; display: block; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }

#slajderdol ul li h3 { position: absolute; left: 16px; bottom: 16px; right: 16px; background-color: rgba(255, 255, 255, 0.75); margin: 0; padding: 0.75em 1em; color: #000; font-size: 16px; line-height: 1.2; font-weight: 700; }

@media (min-width: 1200px) { #slajderdol ul li h3 { left: 18px; bottom: 18px; right: 18px; } }

@media (min-width: 1200px) { #slajderdol ul li { border-width: 16px; } }



.owl-prev, .owl-next { width: 15%; background-size: 100% auto; }

@media (min-width: 500px) { .owl-prev, .owl-next { width: 50px; } }

@media (min-width: 1200px) { .owl-prev, .owl-next { width: 75px; } }



.owl-prev { left: -8px; }

@media (min-width: 1024px) { .owl-prev { left: 0; } }

@media (min-width: 1200px) { .owl-prev { left: -60px; } }



.owl-next { right: -8px; }

@media (min-width: 1024px) { .owl-next { right: 0; } }

@media (min-width: 1200px) { .owl-next { right: -60px; } }



#porady { padding: 1em 0; background-color: #eee; }

#porady .przedczerw { background: transparent url(../obr/psb-poz.png) no-repeat; background-position: right top; background-size: 80px auto; }

@media (min-width: 720px) { #porady .przedczerw { padding-right: 252px; background-position: right 1em; background-size: 202px auto; } }

@media (min-width: 500px) { #porady { padding: 2em 0; } }

@media (min-width: 1024px) { #porady { padding: 3em 0; } }

@media (min-width: 1200px) { #porady { padding: 4em 0; } }



#blokidol ul { margin-top: 1rem; }

@media (min-width: 1024px) { #blokidol ul { margin-top: 2em; } }

#blokidol ul li { -webkit-box-shadow: inset 0px 0px 0px 10px #fff; -moz-box-shadow: inset 0px 0px 0px 10px #fff; box-shadow: inset 0px 0px 0px 10px #fff; border: 0.5rem solid #eee; }

#blokidol ul li:hover { -webkit-box-shadow: inset 0px 0px 0px 10px #CC0000; -moz-box-shadow: inset 0px 0px 0px 10px #CC0000; box-shadow: inset 0px 0px 0px 10px #CC0000; }

#blokidol ul li h3 { position: absolute; left: 1rem; top: 1rem; right: 1rem; margin: 0; font-size: 12px; line-height: 1.2; font-weight: 700; }

@media (min-width: 720px) { #blokidol ul li h3 { left: 26px; top: 26px; font-size: 16px; font-weight: 300; } }

@media (min-width: 1024px) { #blokidol ul li h3 { left: 2rem; top: 2rem; line-height: 1; } }

@media (min-width: 1200px) { #blokidol ul li h3 { font-size: 21px; } }

@media (min-width: 500px) { #blokidol ul li { width: 25%; padding: 0 0 23%; } }

@media (min-width: 1024px) { #blokidol ul li { -webkit-box-shadow: inset 0px 0px 0px 15px #fff; -moz-box-shadow: inset 0px 0px 0px 15px #fff; box-shadow: inset 0px 0px 0px 15px #fff; }

  #blokidol ul li:hover { -webkit-box-shadow: inset 0px 0px 0px 15px #CC0000; -moz-box-shadow: inset 0px 0px 0px 15px #CC0000; box-shadow: inset 0px 0px 0px 15px #CC0000; } }

@media (min-width: 1200px) { #blokidol ul li { border-width: 1rem; padding: 0 0 21%; } }



#stopka { padding: 1rem 0; }

@media (min-width: 500px) { #stopka { padding: 2em 0; }

  #stopka .kolumna40 { padding: 2em 0; } }

@media (min-width: 720px) { #stopka .kolumna40 { padding-top: 1em; } }

@media (min-width: 1024px) { #stopka { padding: 2em 0 3rem; border-top: 1px solid #ddd; }

  #stopka .kolumna40 { padding-right: 0; padding-top: 1em; } }



.kont1, .kont2 { float: left; font-size: 12px; }



.kont1 { text-align: left; width: 100%; }

/*@media (min-width: 500px) { .kont1 { width: 65%; margin-right: 5%; } }*/

@media (min-width: 720px) { .kont1 { text-align: right; } }



.kont2 { text-align: center; width: 100%; margin-top: 1rem; }

.kont2 a{ text-decoration:none}

@media (min-width: 500px) { .kont2 { width: 30%; margin-top: 0; } }



.kont3 { clear: both; width: 100%; margin: 1rem 0 0; padding: 1rem 0 0; text-align: center; border-top: 1px solid #DDDDDD; font-size: 0.75em; }

@media (min-width: 720px) { .kont3 { text-align: right; }

  .kont3 a { margin: 0 0 0 1em; } }

.kont3 a { margin: 0 0.5em; text-decoration: none; color: #848484; }



.sliderpodstrona ul { margin: 0; padding: 0; list-style: none; }



.wstepniak { margin: 1rem 0 0; }

.wstepniak h2.duzynapis { font-size: 1.5em; font-weight: 300; margin: 0; line-height: 120%; }

@media (min-width: 1200px) { .wstepniak h2.duzynapis { color: #000; font-size: 34px; margin: 0.25rem 0 0 -3px; line-height: 1;} }

@media (min-width: 500px) { .wstepniak { margin: 1.5rem 0; } }

@media (min-width: 1200px) { .wstepniak { margin: 3rem 0; } }



.opisowka { margin-bottom: 1rem; }

@media (min-width: 720px) { .opisowka .lewakolumna { display: block; float: left; width: 50%; margin: 0; } }

@media (min-width: 1024px) { .opisowka .lewakolumna { width: 56%; margin-bottom: 1rem; } }

@media (min-width: 500px) { .opisowka { margin-bottom: 1rem; } }

@media (min-width: 1024px) { .opisowka { margin-bottom: 1rem; margin-top: 0; } }



.rozwijacz { height: 50px; line-height: 50px; background-color: #eee; padding: 0 1rem; position: relative; margin-left: -16px; margin-right: -16px; }

.rozwijacz::before { position: absolute; right: 1rem; top: 15px; width: 20px; height: 20px; background-image: url(../obr/menu.svg); content: ''; background-position: center; background-repeat: no-repeat; background-size: contain; }

@media (min-width: 720px) { .rozwijacz { display: none; } }



.zwiniete { display: block; width: 100%; overflow: hidden; height: 100%; margin: 0; padding: 0; max-height: 0px; opacity: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }

@media (min-width: 720px) { .zwiniete { max-height: none; opacity: 1; } }



.rozwiniete .zwiniete { max-height: none; opacity: 1; text-align: center; margin-bottom: 2rem; }

@media (min-width: 500px) { .rozwiniete .zwiniete { text-align: left; } }

.rozwiniete .rozwijacz::before { background-image: url(../obr/zamknij.svg); }



.kontakty { -webkit-box-shadow: inset 0px 0px 0px 10px #DDDDDD; -moz-box-shadow: inset 0px 0px 0px 10px #DDDDDD; box-shadow: inset 0px 0px 0px 10px #DDDDDD; margin: 1rem 0 0; color: #4B4B4B; }

.kontakty:hover { -webkit-box-shadow: inset 0px 0px 0px 10px #DDDDDD; -moz-box-shadow: inset 0px 0px 0px 10px #DDDDDD; box-shadow: inset 0px 0px 0px 10px #DDDDDD; }

.kontakty .infotop { padding: 1.5rem 1.5rem 0; border-bottom: 1px solid #ccc; }

.kontakty .infotop h4 { margin: 0; font-weight: 300; text-transform: uppercase; }

@media (min-width: 1200px) { .kontakty .infotop h4 { font-size: 21px; } }

.kontakty .infotop p { font-size: 14px; margin: 0.25rem 0; padding: 0 0 1rem; }

@media (min-width: 1200px) { .kontakty .infotop p { font-size: 16px; } }

@media (min-width: 1200px) { .kontakty .infotop { padding: 2rem 2rem 0; } }

.kontakty strong { font-style: italic; font-size: 18px; font-weight: 400; color: #000; }

@media (min-width: 720px) { .kontakty strong { font-size: 16px; } }

@media (min-width: 1200px) { .kontakty strong { font-size: 18px; } }

.kontakty .glowny { padding: 1rem 1.5rem; position: relative; }

@media (min-width: 500px) { .kontakty .glowny { padding: 1rem 1.5rem 1rem 0; } }

@media (min-width: 720px) { .kontakty .glowny { padding: 1rem 1.5rem 0 0; margin-bottom: 1rem; } }

.kontakty .glowny .obrk { border: none; }

.kontakty .info { padding: 0.5rem 1.5rem 0.5rem; border-top: 1px solid #DDDDDD; }

@media (min-width: 500px) { .kontakty .info { border-top: none; } }

.kontakty .obrk { border-bottom: 1px solid #DDDDDD; }

@media (min-width: 500px) { .kontakty .obrk { width: 30%; display: block; float: left; padding-left: 1.5rem; } }

@media (min-width: 720px) { .kontakty .obrk { padding-top: 0; position: absolute; left: 0; bottom: 0; } }

@media (min-width: 1200px) { .kontakty .obrk { width: 40%; } }

.kontakty .obrk img { max-width: 100%; max-height: 80px; }

@media (min-width: 720px) { .kontakty .obrk img { float: right; } }

@media (min-width: 1200px) { .kontakty .obrk img { max-height: none; max-width: 150px; } }

.kontakty .pozostale { padding: 1rem 1.5rem; position: relative; }

@media (min-width: 500px) { .kontakty .pozostale {padding:2rem 1.5rem 1rem 0;} }

@media (min-width: 720px) { .kontakty .pozostale {padding:1rem 1.5rem 0 0;} }



@media (min-width: 500px) { .kontakty {padding:0 0 1rem;} }

@media (min-width: 1200px) { .kontakty { -webkit-box-shadow: inset 0px 0px 0px 15px #DDDDDD; -moz-box-shadow: inset 0px 0px 0px 15px #DDDDDD; box-shadow: inset 0px 0px 0px 15px #DDDDDD; margin: 0; padding: 1rem; }

  .kontakty:hover { -webkit-box-shadow: inset 0px 0px 0px 15px #DDDDDD; -moz-box-shadow: inset 0px 0px 0px 15px #DDDDDD; box-shadow: inset 0px 0px 0px 15px #DDDDDD; } }



.opisk p { margin: 0.5rem 0; }

@media (min-width: 720px) { .opisk p {margin: 0 0 0.25rem 0;} }

.opisk a { color: #00468C; }

.opisk a:hover {text-decoration:none;}

@media (min-width: 500px) { .opisk {width:70%;display:block;float:right;position:absolute;right:0;bottom:0;padding:1rem 1.5rem;} }

@media (min-width: 720px) { .opisk {padding:0 1.5rem 0 1rem;position:relative;float:right;} }

@media (min-width: 1024px) { .opisk {width:60%;} }

@media (min-width: 1200px) { .opisk {padding:3rem 0 0 2rem;} }



.opisk a { display: inline-block; width: 100%; padding: 0.5rem; margin: 3px 0 0; border: 1px solid #ddd; background-color: #efefef; }

@media (min-width: 500px) { .opisk a { width: auto; padding: 0; margin: 0; border: none; background-color: transparent; } }



.lewakolumna { margin: 1rem 0; }

@media (min-width: 720px) { .lewakolumna { padding: 0 10px 0 0; } }

@media (min-width: 720px) { .prawakolumna { padding: 0 0 0 10px; margin: 0; width: 50%; float: right; } }

@media (min-width: 1024px) { .prawakolumna { width: 43%; float: right; } }

@media (min-width: 1200px) { .prawakolumna { margin: 3rem 0; } }



.wieksze { line-height: 140%; }

@media (min-width: 1024px) { .wieksze { font-size: 1.125em; } }

.wieksze h3, .wieksze h2, .wieksze h4 { margin: 0 0 0.5rem; }

.wieksze p { margin: 0; }



.zramka { -webkit-box-shadow: inset 0px 0px 0px 10px #DDDDDD; -moz-box-shadow: inset 0px 0px 0px 10px #DDDDDD; box-shadow: inset 0px 0px 0px 10px #DDDDDD; margin: 1em 0 2em; padding: 2rem; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }

.zramka:hover { -webkit-box-shadow: inset 0px 0px 0px 10px #DDDDDD; -moz-box-shadow: inset 0px 0px 0px 10px #DDDDDD; box-shadow: inset 0px 0px 0px 10px #DDDDDD; }

.zramka.pdf { padding-top: 5rem; background-color: transparent; background-image: url(../obr/pdf.jpg); background-position: 2rem 2rem; background-repeat: no-repeat; background-size: auto 2rem; }

@media (min-width: 500px) { .zramka.pdf { padding-top: 2rem; padding-left: 5rem; background-size: 2rem auto; } }

@media (min-width: 1200px) { .zramka.pdf { padding-top: 2rem; padding-left: 6rem; background-position: 3rem 3rem; background-size: 2rem auto; min-height: 130px; } }

.zramka.pdf:hover { background-color: #eee; }

.zramka.pdfduzy { padding-top: 5rem; background-color: transparent; background-image: url(../obr/pdf.jpg); background-position: 2rem 2rem; background-repeat: no-repeat; background-size: auto 2rem; }

@media (min-width: 500px) { .zramka.pdfduzy { padding-top: 2.375rem; padding-left: 5rem; background-size: 2rem auto; } }

@media (min-width: 1200px) { .zramka.pdfduzy { padding-top: 0; padding-bottom: 0; padding-left: 6rem; background-position: 3rem center; background-size: 2rem auto; min-height: 110px; line-height: 110px; } }

@media (min-width: 1200px) { .zramka { -webkit-box-shadow: inset 0px 0px 0px 15px #DDDDDD; -moz-box-shadow: inset 0px 0px 0px 15px #DDDDDD; box-shadow: inset 0px 0px 0px 15px #DDDDDD; padding: 3rem; }

  .zramka:hover { -webkit-box-shadow: inset 0px 0px 0px 15px #DDDDDD; -moz-box-shadow: inset 0px 0px 0px 15px #DDDDDD; box-shadow: inset 0px 0px 0px 15px #DDDDDD; } }



.pdf { position: relative; }

.pdf ul { margin: 0.25em 0 0 0.5em; padding: 0; list-style: none; }

.pdf ul li { padding: 0 0 0.25em; position: relative; }

.pdf ul li::before { position: absolute; left: -0.5em; top: 0.5em; content: ''; width: 4px; height: 4px; background-color: #CC0000; }

@media (min-width: 1200px) { .pdf ul li::before { top: 0.625em; } }

.pdf a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; z-index: 10; }

@media (min-width: 1200px) { .pdf a { text-decoration: none; } }

.pdf a:hover { text-decoration: underline; }



#logotypy {margin:1em 0;}

@media (min-width: 1024px) {

	#logotypy {margin:2em 0;}

}



#mapa {height:250px;}



#slajderloga { margin: 0; padding: 0; list-style: none;}

#slajderloga li { display: table; width: 100%; height: 50px; text-align: center; }

#slajderloga li a { display: table-cell; vertical-align: middle; width: 100%; height: 50px; text-align: center;}

#slajderloga li img { width: auto; margin: 0 auto; text-align: center; max-height: 50px; }



.modal {display:block;position:fixed;left:0;top:0;bottom:0;right:0;width:100%;height:0%;background-color:rgba(0,0,0,0.85);z-index:1001;overflow:auto;visibility:hidden;opacity:0;-webkit-transition:opacity 0.55s ease;transition:opacity 0.55s ease;}

.modal.otwarte {visibility:visible;opacity:1;height:100%;-webkit-overflow-scrolling:touch;}



.modal .ramkawokienku {display:block;width:100%;height:100%;padding:0;}

.modal .ramokien {position:relative;display:block;width:100%;min-height:100%;max-width: 600px; margin: 0 auto;background-color: #fff;-webkit-transition:opacity 0.55s ease;transition:opacity 0.55s ease;padding: 1rem;}

.modal .btn {position:absolute;right:0;top:0;z-index:200;background-color:#CC0000;width:50px;background-image:url(../obr/zamknijb.svg);background-repeat:no-repeat;background-position:center;background-size:50%;border:none;cursor:pointer;height:50px;}

.modal .naglowekokienka {margin:0;padding-right:66px;font-weight:900;font-size:1.5em;line-height:1;color:#878787;}

.modal .btn span {display:none;}



.modal .kartakontakt {margin: 1rem 0 0;}

.modal .asokontakt {font-weight: 900; margin: 0 0 1rem;font-size:1.25em;}



.menuokontaktu {display:block;position:fixed;left:0;top:0;bottom:0;right:0;width:100%;height:0%;background-color:rgba(0,0,0,0.85);z-index:1000;overflow:auto;visibility:hidden;opacity:0;-webkit-transition:opacity 0.55s ease;transition:opacity 0.55s ease;}

.menu-kontaktu-otwarte .menuokontaktu {visibility:visible;opacity:1;height:100%;-webkit-overflow-scrolling:touch;}

.menuokontaktu .zamknij a {color:#D93600;font-weight:900;text-decoration:none;display:block;height:50px;line-height:50px;font-size:14px;}

.menuokontaktu .zamknij {-webkit-transition: all 0.75s ease;transition: all 0.75s ease;-webkit-transition-delay: 0.15s;transition-delay: 0.15s;height: 50px;position: fixed;right:1rem;top:-50px;line-height:50px;z-index:1000;background-color:#fff; width:50px; background-image:url(../obr/zamknijb.svg); background-repeat:no-repeat; background-position:center; background-color:#000; background-size: 50%; border:3px solid #fff;}

.menuokontaktu .zamknij span {display:none;}

.menu-kontaktu-otwarte .menuokontaktu .zamknij {top:1rem;}



.menuokontaktu .kontener {max-width: 1216px;}

.menuokontaktu h2 {font-weight:900;font-size:2.25em;line-height:1;margin:0;}

.menuokontaktu h3 {color:#C00;font-size:1.25em;font-weight:700;line-height:1;margin:0;}



.menuokontaktu .zawartosc {color:#fff;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;-webkit-transition-delay: 0.45s;transition-delay: 0.45s; opacity:0; -webkit-transform: translateY(-50px); transform: translateY(-50px); padding: 1rem 0 2rem;}

.menu-kontaktu-otwarte .menuokontaktu .zawartosc {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}



.menuokontaktu .lewastrona {padding: 0 0 1rem;}

.menuokontaktu .prawastrona .btn {font-size:1em;font-weight:700;display:block;width:100%;background-color:transparent;border:1px solid rgba(255,255,255,0.3);text-align:left;padding:0.5rem; margin-bottom: 2px;}



.menuokontaktu .fixed {display:none;}



.menuoferty {display:block;position:fixed;left:0;top:0;bottom:0;right:0;width:100%;height:0%;background-color:rgba(0,0,0,0.85);z-index:999;overflow:auto;visibility:hidden;opacity:0;-webkit-transition:opacity 0.55s ease;transition:opacity 0.55s ease;}

.menu-oferty-otwarte .menuoferty {visibility:visible;opacity:1;height:100%;-webkit-overflow-scrolling:touch;}

.menuoferty .zamknij a {color:#D93600;font-weight:900;text-decoration:none;display:block;height:50px;line-height:50px;font-size:14px;}

.menuoferty .zamknij {-webkit-transition: all 0.75s ease;transition: all 0.75s ease;-webkit-transition-delay: 0.15s;transition-delay: 0.15s;height: 50px;position: fixed;right:1rem;top:-50px;line-height:50px;z-index:1000;background-color:#fff; width:50px; background-image:url(../obr/zamknijb.svg); background-repeat:no-repeat; background-position:center; background-color:#000; background-size: 50%; border:3px solid #fff;}

.menuoferty .zamknij span {display:none;}

.menu-oferty-otwarte .menuoferty .zamknij {top:1rem;}



.menuoferty .kontener {max-width: 1110px;}



.menuoferty .zawartosc {color:#fff;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;-webkit-transition-delay: 0.45s;transition-delay: 0.45s; opacity:0; -webkit-transform: translateY(-50px); transform: translateY(-50px); padding: 1rem 0 2rem;}

.menu-oferty-otwarte .menuoferty .zawartosc {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}



.menuoferty h2 {font-weight:900;font-size:2.25em;margin:1rem 0 2rem;}

.menuoferty .lewastrona ul {list-style:none;margin:0;padding:0;}

.menuoferty .lewastrona ul li {display:block;}

.menuoferty .lewastrona ul li a {background-color:rgba(0,0,0,0.1);margin:0 0 0.5rem;border:3px solid rgba(255,255,255,0.3); display:block; padding: 1em; color: rgba(255,255,255,0.6); text-transform:uppercase; text-decoration:none;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}

.menuoferty .lewastrona ul li a:hover {background-color:rgba(0,0,0,1);border:3px solid rgba(255,255,255,1);color:rgba(255,255,255,1);}



a.czerw {margin: 0 0 0.5rem;border: 3px solid rgba(255,255,255,0.6);display:block;padding: 1em;color: #fff;text-transform: uppercase;text-decoration: none;-webkit-transition: all 0.3s ease;transition: all 0.3s ease; text-align: center;}

.menuoferty .lewastrona a.czerw:hover, .menuoferty .prawastrona a.czerw:hover {border: 3px solid rgba(255,255,255,1);background-color:rgba(217,54,0,1);}



.menuoferty .lewastrona a.czerw {background-color:#D93600;}

.menuoferty .prawastrona a.czerw {background-color:rgba(217,54,0,0.5);}



.menuoferty .prawastrona h3 {font-weight:900;font-size:1.25em;margin:1rem 0; line-height:1.2;}

.menuoferty .prawastrona h4 {font-weight:900;font-size:1.375em;margin:1rem 0; line-height:1.3;}



.menuoferty .prawastrona {position:relative;}

.menuoferty .prawastrona::before {width: 150px; height: 136px; position:absolute; right:0; top:0; content:''; z-index:2; display:block; background-image:url(../obr/wmenu.png); background-repeat:no-repeat; background-size:contain; background-position:right bottom;}



.kont3 a:hover {text-decoration: underline;}

.content {line-height: 1.4;}

.content li {margin: 0.25em 0;}



.content ul {margin:0.25em 0 0 1.5em;padding:0;list-style:none;}

.content ul li {padding:0 0 0.125em;position: relative;}

.content ul li::before { position:absolute;left:-0.75em;top:0.5em;content:'';width:4px;height:4px;background-color:#CC0000;}



#stopka .kolumna20 li {margin: 0 0 3px;}

#stopka .kolumna20 ul {margin: 0.25em 0 0 0.75em;padding:0;list-style:none;}

#stopka .kolumna20 ul li {padding:0 0 0.125em;position: relative; line-height:1;}

#stopka .kolumna20 ul li::before { position:absolute;left:-0.75em;top:0.5em;content:'';width:4px;height:4px;background-color:#CC0000;}

#stopka .kolumna20 ul li a {font-size: 12px; text-decoration:none;}

#stopka .kolumna20 ul li a:hover {text-decoration:underline;}



#podsowl .owl-item li {width: 100%; height:0; padding: 0 0 66%; overflow:hidden;}



.infoboks {width:100%;height:100%; padding: 0; display:block; position:fixed; z-index:900; max-width: 600px; background-color: #fff; left:0; top:0; bottom:0; right:0; margin: auto;visibility:hidden;opacity:0;-webkit-transition:opacity 0.55s ease;transition:opacity 0.55s ease;}

.infoboks .trescbox {position:relative; padding: 1rem;}

.infoboks .zamknij {color:#D93600;font-weight:900;text-decoration:none;display:block;height:50px;line-height:50px;-webkit-transition: all 0.75s ease;transition: all 0.75s ease;-webkit-transition-delay: 0.15s;transition-delay: 0.15s;position: absolute;right:0;top:0;z-index:200;background-color:#CC0000; width:50px; background-image:url(../obr/zamknijb.svg); background-repeat:no-repeat; background-position:center; background-size: 50%; border:none; cursor:pointer;}

.infoboks h4 {margin: 0 0 1rem; padding-right: 66px;}



.dodbg {width:100%;height:100%; padding: 0; display:block; position:fixed; z-index:800; background-color: #fff; left:0; top:0; bottom:0; right:0; margin: auto;visibility:hidden;opacity:0;-webkit-transition:opacity 0.75s ease;transition:opacity 0.75s ease;background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 40%, rgba(255,255,255,1) 100%);background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 40%,rgba(255,255,255,1) 100%);background: radial-gradient(ellipse at center, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 40%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#d9000000',GradientType=1);}



.pokaz-tlo .dodbg {visibility:visible;opacity:1;}

.infoboks.infobokson {visibility:visible;opacity:1;}



.kontakt .wstepniak {margin: 1rem 0;}



.wybierzasortyment h2 {margin:0;line-height:1;font-size:14px;}

.wybierzasortyment h3 {margin:0.25rem 0 0;line-height:1;font-size:12px;}



.wybierzasortyment {background-color:#CC0000;color:#fff;overflow:hidden; padding:1rem 1rem 1rem 4rem;}

.wybierzasortyment {-webkit-transition:all 0.55s ease;transition:all 0.55s ease;background-image:url(../obr/strz.svg);background-repeat:no-repeat;background-size:2rem auto;background-position:1rem center;}

.wybierzasortyment:hover {background-position:1.25rem center;background-color:#B20000;}



.zyklytekst p:first-child {border-top:none;padding:0;}

.zyklytekst p {border-top:1px solid #ddd;padding-top:1em;}



.kartakontakt {padding:2rem 1.5rem 1rem;margin-bottom: 1rem;text-align: center;-webkit-box-shadow:inset 0px 0px 0px 10px #DDDDDD;-moz-box-shadow:inset 0px 0px 0px 10px #DDDDDD;box-shadow:inset 0px 0px 0px 10px #DDDDDD;}

.kartakontakt .kartazdjecie {}

.kartakontakt .kartazdjecie {border-bottom:1px solid #DDDDDD;}

.kartakontakt .kartazdjecie img {max-width:100%;max-height:80px;}

.kartakontakt .kartadane p {margin: 0.5rem 0;}

.kartakontakt strong {font-style: italic;font-size: 18px;font-weight: 400;color: #000;}

.kartakontakt a {display: inline-block;width: 100%;padding: 0.5rem;margin: 3px 0 0;border: 1px solid #ddd;background-color: #efefef;}

.kartakontakt a {color: #00468C;}



.czerwonemale {background-color:#CC0000; text-align:center; padding: 0.5rem 0;}

.czerwonemale > div {display:inline-block;width:24%;max-width:140px;border-left:1px solid rgba(255,255,255,0.4);cursor:pointer;}

.czerwonemale > div:first-child {border-left:none;}

.czerwonemale > div img {max-width: 100%; transition:all 0.2s ease-in-out;}



.czerwonemale > div:hover img { transform:scale(1.1)}



.infoboxnr1, .infoboxnr2, .infoboxnr3, .infoboxnr4 {background-repeat:no-repeat; background-size: 60% auto;background-position:center;}

.infoboxnr1 {background-image:url(../obr/ikony/transport-sz.svg);}

.infoboxnr2 {background-image:url(../obr/ikony/przetworstwo-sz.svg);}

.infoboxnr3 {background-image:url(../obr/ikony/zwrot-sz.svg);}

.infoboxnr4 {background-image:url(../obr/ikony/kosztorys-sz.svg);}



.wstepniak .wiecej {display:none;}



.aktualnepromocje {height: 50px;line-height: 50px;background-color:#CC0000;padding: 0 1rem;position: relative;margin-left: -16px;margin-right: -16px; font-weight:900;}

.aktualnepromocje a {text-decoration:none;}



#promocyferki {width:80px; display:block; float:right; position:absolute; right:0; top:0; margin:0; padding:0; list-style:none;}

#promocyferki li {text-align:center;color:#fff}

li.m10 {background: rgb(252,215,76);

background: -moz-linear-gradient(left,  rgba(252,215,76,1) 0%, rgba(252,166,60,1) 100%);

background: -webkit-linear-gradient(left,  rgba(252,215,76,1) 0%,rgba(252,166,60,1) 100%);

background: linear-gradient(to right,  rgba(252,215,76,1) 0%,rgba(252,166,60,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd74c', endColorstr='#fca63c',GradientType=1 );

}

li.m20 {background: rgb(245,140,62);

background: -moz-linear-gradient(left,  rgba(245,140,62,1) 0%, rgba(229,95,54,1) 100%);

background: -webkit-linear-gradient(left,  rgba(245,140,62,1) 0%,rgba(229,95,54,1) 100%);

background: linear-gradient(to right,  rgba(245,140,62,1) 0%,rgba(229,95,54,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f58c3e', endColorstr='#e55f36',GradientType=1 );

}

li.m30 {background: rgb(190,53,117);

background: -moz-linear-gradient(left,  rgba(190,53,117,1) 0%, rgba(154,50,110,1) 100%);

background: -webkit-linear-gradient(left,  rgba(190,53,117,1) 0%,rgba(154,50,110,1) 100%);

background: linear-gradient(to right,  rgba(190,53,117,1) 0%,rgba(154,50,110,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be3575', endColorstr='#9a326e',GradientType=1 );

}

li.m40 {background: rgb(3,124,173);

background: -moz-linear-gradient(left,  rgba(3,124,173,1) 0%, rgba(5,94,146,1) 100%);

background: -webkit-linear-gradient(left,  rgba(3,124,173,1) 0%,rgba(5,94,146,1) 100%);

background: linear-gradient(to right,  rgba(3,124,173,1) 0%,rgba(5,94,146,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037cad', endColorstr='#055e92',GradientType=1 );

}

li.m50 {background: rgb(158,200,88);

background: -moz-linear-gradient(left,  rgba(158,200,88,1) 0%, rgba(108,168,68,1) 100%);

background: -webkit-linear-gradient(left,  rgba(158,200,88,1) 0%,rgba(108,168,68,1) 100%);

background: linear-gradient(to right,  rgba(158,200,88,1) 0%,rgba(108,168,68,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ec858', endColorstr='#6ca844',GradientType=1 );

}



.napipromo {-webkit-transition:all 0.55s ease;transition:all 0.55s ease;background-image:url(../obr/strz.svg);background-repeat:no-repeat;background-size:2rem auto;background-position:0 center; padding-left: 3rem; color:#fff;}

.aktualnepromocje:hover .napipromo {background-position:0.25rem center;}



.screen-reader-text {display:none;}

.prawapromocja h1 {text-transform: uppercase; font-weight:300; line-height:1;}



.lewapromocja img {border: 10px solid #ddd; height:auto}

.lewapromocja {width:100%;}

.prawapromocja {width:100%;}



.navigation {margin: 2rem 0 1rem;}

.navigation a {border: 3px solid #ddd; color: #ddd; padding: 1rem; text-decoration:none;-webkit-transition:all 0.55s ease;transition:all 0.55s ease;}

.navigation a:hover {border: 3px solid #666;color:#666;}

.navigation .nav-links {overflow:hidden; display:block; width:100%;height:auto; padding: 1.5rem 0;}



.bloczek100 .tytuldzialu {font-weight: 300; font-size: 1.25em; color: #4B4B4B; text-transform:uppercase; margin: 2rem 0 1rem;}

.kont2 img {max-width: 100%;}



.wybierzasortyment {cursor:pointer;}



.menuokontaktu .prawastrona .btn:hover {background-color: #C00;}



#powrot img {width: 20px;height: auto;border: none;}

#powrot {display: inline;position:fixed;bottom:-6em;right:5%;z-index:5000;background-color:#C00;color:#fff;padding:0.2em 0.6em 1.2em;font-size:1em;line-height:2em;text-decoration:none;-webkit-transition: all 0.5s;transition: all 0.5s;}

#powrot.wysun {bottom:-1em;}

#powrot.wysun:hover {bottom: 0em;}



.page-id-586 .prawakolumna {display:none;}



@media (min-width: 500px) {

#mapa {height:350px;}

.blog #slajderdol ul li {padding: 0 0 45%; width: 50%;}

.blog #slajderdol {margin:0;}

}



@media (min-width: 720px) {

.bloczek66, .bloczek33 {overflow:hidden}

.bloczek33 .kartakontakt, .bloczek100 .kartakontakt {width:50%; float:left; border:8px solid #fff;}

.bloczek33, .bloczek100 {margin-left:-8px; margin-right:-8px;}

.bloczek100 .kartydzial > div:nth-child(2n+1) {clear:both;}

.prawapromocja h1 {margin: 1rem 0;}

.aktualnepromocje {margin: 1rem 0 0;}

.page-id-448 .opisowka .lewakolumna, .page-id-450 .opisowka .lewakolumna, .kontakt .lewakolumna, .blog .opisowka .lewakolumna, .single .opisowka .lewakolumna {width: 100%;}

.blog #slajderdol ul li {padding: 0 0 30%;width:33.33%;}

.menuoferty .lewastrona, .menuoferty .prawastrona {display:block;padding:0 0.5rem;width:50%;float:left;}

.menuoferty .kontener {padding:0;}

.menuoferty .prawastrona h4 {font-size:1.75em;line-height:1.2;}

.menuoferty .prawastrona::before {right:1rem;height:150px;top:12px;}

.menuoferty h2 {padding:0 1rem;}

.menuoferty .zawartosc {padding:3rem 0 1rem;}

.infoboks {max-height: 300px;-webkit-box-shadow: inset 0px 0px 0px 10px #DDDDDD;-moz-box-shadow: inset 0px 0px 0px 10px #DDDDDD;box-shadow: inset 0px 0px 0px 10px #DDDDDD;-webkit-transform: translateY(-50px); transform: translateY(-50px);-webkit-transition:all 0.55s ease;transition:all 0.55s ease;}

.infoboks .trescbox {padding: 3rem}

.infoboks .zamknij {right:-1rem;top:-25px;border:3px solid #fff;}

.infoboks.infobokson {-webkit-transform: translateY(0); transform: translateY(0);}

.wstepniak .wiecej {display:inline-block;margin:0;padding: 0 2rem 0 1rem;float:right; position:absolute; right:0; top:0; background-color:#CC0000;line-height: 45px; height:45px; }

.wstepniak .wiecej a {-webkit-transition:all 0.55s ease;transition:all 0.55s ease; display:block;font-weight:900; color:#fff;clear:both;background-image:url(../obr/strz.svg);background-repeat:no-repeat;background-size:2rem auto;background-position:0 center; padding-left: 3rem; text-decoration:none; font-size:1.25em;}

.wstepniak .wiecej a:hover {background-position:0.25rem center;}

.aktualnepromocje {font-size:1.125em;}

.lewapromocja img {width:100%;}

.lewapromocja {width:34%;float:left;display:block;}

.prawapromocja {width:63%;float:left;display:block;margin-left:3%;}

.navigation .nav-next {float:right; max-width:50%; text-align:right}

.navigation .nav-previous {float:left; max-width:50%;}

.menuokontaktu .lewastrona, .menuokontaktu .prawastrona {display:block;padding:0 0.5rem;width:50%;float:left;}

.menuokontaktu .kontener {padding:0;}

.menuokontaktu .prawastrona h4 {font-size:1.75em;line-height:1.2;}

.menuokontaktu .prawastrona::before {right:1rem;height:150px;top:12px;}

.menuokontaktu h2 {padding:0 1rem;}

.menuokontaktu h3 {padding:0.5rem 1rem; font-size:21px;}

.menuokontaktu .zawartosc {padding:3rem 0 1rem;}

.menuokontaktu .prawastrona .btn {padding: 0.25rem 0; margin: 0.25rem 0; border:none; -webkit-transition:all 0.55s ease;transition:all 0.55s ease;border-left: 3px solid rgba(0,0,0,0);}

.menuokontaktu .prawastrona .btn:hover {padding: 0.25rem 0.5rem; background-color:transparent; border-left: 3px solid #C00;}



.modal .ramokien { min-height: 0px; height:auto;padding: 3rem; margin-top: 3rem;}

.modal .btn {right:-1rem;top:-25px;border:3px solid #fff;}

}



@media (min-width: 1024px) {

#czerwonepole .kolumna25 {width:33.33%}

.kartakontakt {padding:0;margin-bottom: 1rem;-webkit-box-shadow:inset 0px 0px 0px 0px #DDDDDD;-moz-box-shadow:inset 0px 0px 0px 0px #DDDDDD;box-shadow:inset 0px 0px 0px 0px #DDDDDD;}

.kartakontakt .kartazdjecie {-webkit-box-shadow:inset 0px 0px 0px 10px #DDDDDD;-moz-box-shadow:inset 0px 0px 0px 10px #DDDDDD;box-shadow:inset 0px 0px 0px 10px #DDDDDD;}

.modal .ramokien {-webkit-box-shadow: inset 0px 0px 0px 10px #DDDDDD;-moz-box-shadow: inset 0px 0px 0px 10px #DDDDDD;box-shadow: inset 0px 0px 0px 10px #DDDDDD;}

.page-id-60 .modal .kartakontakt .kartazdjecie {bottom: -19px;}

body.menu-kontaktu-otwarte, body.menu-oferty-otwarte {overflow: hidden;}

.modal .ramokien {max-width: 980px;margin-top:150px;margin-bottom:50px;}

.modal .ramkawokienku {height:auto; max-height:100%;}

.page-id-60 .modal .kontaktmodal {width: 48%; float:left; margin: 1rem 1% 0; position:relative; display:block;}

.page-id-60 .modal .kartakontakt {width:100%; margin: 0.25rem 0 0;}

.page-id-60 .modal .asokontakt {position: relative; margin: 0 0 0.25rem; font-size: 0.875em; text-align:left;}

.modal .trescokienka > div:nth-child(2n+1) {clear:both;}

.modal .naglowekokienka { padding: 0 1%; font-size: 36px;}

.wybierzasortyment {padding:2rem 2rem 2rem 6rem;}

.wybierzasortyment {background-size:3rem auto;background-position:2rem center;}

.wybierzasortyment:hover {background-position:2.25rem center;padding:2rem 2rem 2rem 6.25rem;}

.wybierzasortyment h2 {font-size: 36px;}

.wybierzasortyment h3 {font-size: 16px;}

.page-id-60 .content {margin: -8px -8px 0 -8px;}

.bloczek33 .kartakontakt, .bloczek100 .kartakontakt {width:100%;float:none;border:none;margin: 0 0 1rem;}

.bloczek33, .bloczek66 {margin:0;border:8px solid #fff;}

.bloczek66 {display:block;width:66.66%;}

.bloczek33 {display:block;width:33.33%;}

.bloczek100 .zyklytekst {}

.bloczek100 {border:8px solid #fff;}

.bloczek100 .kartydzial > div:nth-child(2n+1) {clear:none;}

.bloczek100 .kartydzial > div:nth-child(3n+1) {clear:both;}

.bloczek100 .kartydzial > div {width:33.33%;border:8px solid #fff; float:left; display:flex;align-items:flex-start;justify-content: flex-start;}

.zyklytekst p {border-top:none;padding: 1rem 2rem; display:inline-block; float:left; border-left: 1px solid #ddd;}

.zyklytekst p:first-child {padding: 1rem 2rem 1rem 0; border-left:none}

.page-id-60 .kartakontakt .kartadane a:hover {text-decoration:none;}

.kartakontakt .kartazdjecie img {margin-bottom: -5px;}



.bloczek100 .tytuldzialu {padding: 0 8px;}



.page-id-60 .kartakontakt {display:-webkit-box;display:flex;align-items:flex-start;justify-content:flex-start;padding-top:0;}

.page-id-60 .kartakontakt .kartazdjecie {padding:0;position:relative;left:0;top:0;width:30%;float:left;border:none;}

.page-id-60 .kartakontakt .kartadane {padding:0 0 0 1rem;position:relative;width:70%;float:left;height:100%;text-align:left; font-size: 0.75em; align-self:flex-start;}

.page-id-60 .kartakontakt .kartadane a {padding:0; border:none; background-color: transparent;margin:0;}



.kontakt .wstepniak {margin: 2rem 0;}



.floatleft {float:left;}

.floatright {float:right;}

.infoboxnr1, .infoboxnr2, .infoboxnr3, .infoboxnr4 {background-size: auto 30%;background-position:right bottom;}

.wstepniak .wiecej {width: 24%;}

.wstepniak .wiecej a {font-size:1.75em; font-weight:700;}

.aktualnepromocje {font-size:1.5em;font-weight:700;}

.czerwonemale {padding: 1rem 0;}

.menuoferty .lewastrona li {width: 33.33%; padding: 0.125rem 0.25rem; display:block; float:left;}

.menuoferty .lewastrona ul {overflow:hidden;}

.menuoferty .lewastrona {width:61%}

.menuoferty .prawastrona {width:39%}

.menuoferty .lewastrona a.czerw {margin: 0 0.25rem;}

.menuoferty a.czerw {padding: 1.5rem 0;}



.menuokontaktu .fixed {display:block; position:fixed; left:0; right:0; top:158px; z-index: 1000;}

.menuokontaktu .fixed .lewastrona {width: 100%;}

.menuokontaktu .inside {display:none;}

.menuokontaktu h2 {color:#fff;}

.menuokontaktu .lewastrona {width:39%}

.menuokontaktu .prawastrona {width:61%; padding-bottom: 3rem; float:right;}

.menuokontaktu .prawastrona .btn {width:50%;float:left;font-size:21px;padding:0.5rem 0;margin: 0.5rem 0; color: rgba(255,255,255,0.6)}

.menuokontaktu .prawastrona .btn:hover {padding:0.5rem;margin:0.5rem 0; border-left-width: 6px; color: rgba(255,255,255,1)}

.menuokontaktu .zawartosc {padding-top: 150px; z-index:1001; position:relative;}

.menuokontaktu .zamknij {z-index: 1002;}



.menuoferty .prawastrona h3, .menuoferty .prawastrona h4 {padding: 0.25rem 0 0 0.5rem;}

.menuoferty .prawastrona h4 {font-size: 2.25em;line-height:1;}

.menuoferty .prawastrona::before {right:1rem;height:191px;width:194px;top:-15px;}

.menuoferty .zawartosc {padding-top: 10%;}

.menuoferty {background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 40%, rgba(0,0,0,0.85) 100%);background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 40%,rgba(0,0,0,0.85) 100%);background: radial-gradient(ellipse at center,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 40%,rgba(0,0,0,0.85) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#d9000000',GradientType=1 );}

.kontakty .pozostale {margin-bottom:1rem;display:table;width:100%;height:auto;vertical-align:bottom;display:flex;align-items:flex-end;justify-content: flex-start;padding: 1rem 1.5rem 0 1rem;}

.kontakty .obrk {padding:0;position:relative;left:0;bottom:0;width:30%;float:left;}

.kontakty .opisk {padding:0 0 0 1rem;position:relative;width:70%;float:left; height:100%;}

.content {margin-top: -1rem;}

.infoboks {-webkit-box-shadow: inset 0px 0px 0px 15px #DDDDDD;-moz-box-shadow: inset 0px 0px 0px 15px #DDDDDD;box-shadow: inset 0px 0px 0px 15px #DDDDDD;}

.infoboks h4 {font-size: 1.25em;}

.blog #slajderdol ul li {padding: 0 0 21%;width:25%;}

.blog #slajderdol {margin-top: -1rem;}

.lewapromocja img {border: 15px solid #ddd;}

.prawapromocja h1 {margin: 2rem 0;}

.kontakty .obrk img {max-width:100%;}

}



@media (min-width: 1200px) {



#slajderloga {height:50px; overflow:hidden;}	



.page-id-60 .kartakontakt {/*-webkit-box-shadow: inset 0px 0px 0px 10px #DDDDDD;-moz-box-shadow: inset 0px 0px 0px 10px #DDDDDD;box-shadow: inset 0px 0px 0px 10px #DDDDDD;*/}

.page-id-60 .kartakontakt .kartazdjecie {width:40%;}

.page-id-60 .kartakontakt .kartadane {width:60%;}

.page-id-60 .kartakontakt .kartazdjecie img {max-height: 145px; margin-top: 5px;}



.menuokontaktu .lewastrona {width:45%}

.menuokontaktu .prawastrona {width:55%}



.sy-slides-wrap {width: 100%; display:block;

    height: 0;

    padding: 0 0 33.3333%; overflow:hidden;}



.sy-list {width:100%;height:0;padding:0 0 33.3333%;overflow:hidden;}

.aktualnepromocje, .wstepniak .wiecej, .wstepniak .wiecej a {height:80px;line-height:80px;}

.aktualnepromocje {margin:0 0 1rem;overflow:hidden;}

#promocyferki {width:95px;}

.napipromo {background-size: 3rem auto;padding-left:4rem;}

.wstepniak .wiecej {width: 23%;}

.wstepniak .wiecej a {font-size:2em;background-size:3rem auto;padding-left:4rem;}

.aktualnepromocje {font-size:2em}

.content {margin-top: -2rem;}

.content ul li::before {top:0.625em;}

#slajderpodstrona {width:100%; height:0; padding: 0 0 16.5%; overflow:hidden;}

.prawapromocja h1 {font-size: 41px;}

.lewapromocja {width:40%;}

.prawapromocja {width:55%;margin-left:5%;}

.page-id-60 .kartakontakt .kartadane {font-size:0.875em;}

#mapa {height: 400px;}

}

.gallery {
	display: block;
	overflow: hidden;
	padding: 16px 16px 16px 0px;
}
	@media (min-width: 720px) {
		.gallery {
		margin-top: 1rem;
	}
	}
	.fotka {
		display: block;
		width: 33.333333%;
		float: left;
		overflow: hidden;
		height: auto;
		padding: 5px 5px 0 0;
		text-align: center;
		/*transition: $animacja;*/
	}

		@media (min-width: 720px) {
			.fotka {
				width: 25%;	
			padding: 16px 16px 0 0;
			}
		}
		.fotka img {
			width: 100%;
			display: block;
			height: auto;
		}
		.fotka img:hover {

				opacity: 0.7;
				width: 100%;
			}
		
#popup {-webkit-box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.75); box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.75); text-transform: uppercase;
  display:none;position:fixed;width:100%;height:100%;top:0;bottom:0;left:0;right:0;z-index:999999; text-align:left;background-color:rgba(0,0,0,0.5); background-image: url('../obr/2024.webp'); background-repeat: no-repeat;
-webkit-background-size: contain; background-size: contain; background-position: center;}
#popup .wpopupie {position:absolute;z-index:10;display:block;width:100%;height:100%;
  top:0;left:0;right:0;bottom:0;margin:auto;text-align:left; font-family: "Open Sans", sans-serif; overflow: auto;}
#popup .trescpopup {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;max-width:500px;margin: auto;padding: 2rem;}
#popup .zamknijpopup {position:absolute;right:0;top:0;width:50px;height:50px;background-color:rgba(255,255,255,0);
  background-image:url('../obr/zamknijb.svg');background-size:40px 40px;background-position:center; background-repeat:no-repeat;z-index:12;cursor:pointer;}
#popup .ip {position:relative;width:100%;height:100%;display:block;}

@media only screen and (min-width: 720px) {
  #popup .trescpopup {right:auto;left:60px;top:60px; padding: 0;}
  #popup .zamknijpopup {right:0.7rem;top:0.7rem;width:60px;height:60px;}
  #popup {max-width: 800px; max-height: 620px; margin: auto;-webkit-background-size: cover;background-size: cover;background-position: right top;}
}