@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin-ext');
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */

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

/**
 * Add the correct display in iOS 4-7.
 */

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

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, /* 1 */
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

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

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */

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

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

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

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

.cssload-container {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
}

.cssload-thing {
	height: 19px;
	width: 4px;
	background: rgb(242,242,242);
	position: absolute;
	animation: somecssload-thing_maybe_cool_idk 2.5s infinite ease;
		-o-animation: somecssload-thing_maybe_cool_idk 2.5s infinite ease;
		-ms-animation: somecssload-thing_maybe_cool_idk 2.5s infinite ease;
		-webkit-animation: somecssload-thing_maybe_cool_idk 2.5s infinite ease;
		-moz-animation: somecssload-thing_maybe_cool_idk 2.5s infinite ease;
}
.cssload-thing:nth-child(1) {
	transform: rotate(30deg);
		-o-transform: rotate(30deg);
		-ms-transform: rotate(30deg);
		-webkit-transform: rotate(30deg);
		-moz-transform: rotate(30deg);
	transform-origin: 50% -200%;
		-o-transform-origin: 50% -200%;
		-ms-transform-origin: 50% -200%;
		-webkit-transform-origin: 50% -200%;
		-moz-transform-origin: 50% -200%;
	animation-delay: 0.29s;
		-o-animation-delay: 0.29s;
		-ms-animation-delay: 0.29s;
		-webkit-animation-delay: 0.29s;
		-moz-animation-delay: 0.29s;
}
.cssload-thing:nth-child(2) {
	transform: rotate(60deg);
		-o-transform: rotate(60deg);
		-ms-transform: rotate(60deg);
		-webkit-transform: rotate(60deg);
		-moz-transform: rotate(60deg);
	transform-origin: 50% -200%;
		-o-transform-origin: 50% -200%;
		-ms-transform-origin: 50% -200%;
		-webkit-transform-origin: 50% -200%;
		-moz-transform-origin: 50% -200%;
	animation-delay: 0.58s;
		-o-animation-delay: 0.58s;
		-ms-animation-delay: 0.58s;
		-webkit-animation-delay: 0.58s;
		-moz-animation-delay: 0.58s;
}
.cssload-thing:nth-child(3) {
	transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
	transform-origin: 50% -200%;
		-o-transform-origin: 50% -200%;
		-ms-transform-origin: 50% -200%;
		-webkit-transform-origin: 50% -200%;
		-moz-transform-origin: 50% -200%;
	animation-delay: 0.86s;
		-o-animation-delay: 0.86s;
		-ms-animation-delay: 0.86s;
		-webkit-animation-delay: 0.86s;
		-moz-animation-delay: 0.86s;
}
.cssload-thing:nth-child(4) {
	transform: rotate(120deg);
		-o-transform: rotate(120deg);
		-ms-transform: rotate(120deg);
		-webkit-transform: rotate(120deg);
		-moz-transform: rotate(120deg);
	transform-origin: 50% -200%;
		-o-transform-origin: 50% -200%;
		-ms-transform-origin: 50% -200%;
		-webkit-transform-origin: 50% -200%;
		-moz-transform-origin: 50% -200%;
	animation-delay: 1.15s;
		-o-animation-delay: 1.15s;
		-ms-animation-delay: 1.15s;
		-webkit-animation-delay: 1.15s;
		-moz-animation-delay: 1.15s;
}
.cssload-thing:nth-child(5) {
	transform: rotate(150deg);
		-o-transform: rotate(150deg);
		-ms-transform: rotate(150deg);
		-webkit-transform: rotate(150deg);
		-moz-transform: rotate(150deg);
	transform-origin: 50% -200%;
		-o-transform-origin: 50% -200%;
		-ms-transform-origin: 50% -200%;
		-webkit-transform-origin: 50% -200%;
		-moz-transform-origin: 50% -200%;
	animation-delay: 1.44s;
		-o-animation-delay: 1.44s;
		-ms-animation-delay: 1.44s;
		-webkit-animation-delay: 1.44s;
		-moz-animation-delay: 1.44s;
}
.cssload-thing:nth-child(6) {
	transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
	transform-origin: 50% -200%;
		-o-transform-origin: 50% -200%;
		-ms-transform-origin: 50% -200%;
		-webkit-transform-origin: 50% -200%;
		-moz-transform-origin: 50% -200%;
	animation-delay: 1.73s;
		-o-animation-delay: 1.73s;
		-ms-animation-delay: 1.73s;
		-webkit-animation-delay: 1.73s;
		-moz-animation-delay: 1.73s;
}
.cssload-thing:nth-child(7) {
	transform: rotate(210deg);
		-o-transform: rotate(210deg);
		-ms-transform: rotate(210deg);
		-webkit-transform: rotate(210deg);
		-moz-transform: rotate(210deg);
	transform-origin: 50% -200%;
		-o-transform-origin: 50% -200%;
		-ms-transform-origin: 50% -200%;
		-webkit-transform-origin: 50% -200%;
		-moz-transform-origin: 50% -200%;
	animation-delay: 2.01s;
		-o-animation-delay: 2.01s;
		-ms-animation-delay: 2.01s;
		-webkit-animation-delay: 2.01s;
		-moz-animation-delay: 2.01s;
}
.cssload-thing:nth-child(8) {
	transform: rotate(240deg);
		-o-transform: rotate(240deg);
		-ms-transform: rotate(240deg);
		-webkit-transform: rotate(240deg);
		-moz-transform: rotate(240deg);
	transform-origin: 50% -200%;
		-o-transform-origin: 50% -200%;
		-ms-transform-origin: 50% -200%;
		-webkit-transform-origin: 50% -200%;
		-moz-transform-origin: 50% -200%;
	animation-delay: 2.3s;
		-o-animation-delay: 2.3s;
		-ms-animation-delay: 2.3s;
		-webkit-animation-delay: 2.3s;
		-moz-animation-delay: 2.3s;
}
.cssload-thing:nth-child(9) {
	transform: rotate(270deg);
		-o-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
	transform-origin: 50% -200%;
		-o-transform-origin: 50% -200%;
		-ms-transform-origin: 50% -200%;
		-webkit-transform-origin: 50% -200%;
		-moz-transform-origin: 50% -200%;
	animation-delay: 2.59s;
		-o-animation-delay: 2.59s;
		-ms-animation-delay: 2.59s;
		-webkit-animation-delay: 2.59s;
		-moz-animation-delay: 2.59s;
}
.cssload-thing:nth-child(10) {
	transform: rotate(300deg);
		-o-transform: rotate(300deg);
		-ms-transform: rotate(300deg);
		-webkit-transform: rotate(300deg);
		-moz-transform: rotate(300deg);
	transform-origin: 50% -200%;
		-o-transform-origin: 50% -200%;
		-ms-transform-origin: 50% -200%;
		-webkit-transform-origin: 50% -200%;
		-moz-transform-origin: 50% -200%;
	animation-delay: 2.88s;
		-o-animation-delay: 2.88s;
		-ms-animation-delay: 2.88s;
		-webkit-animation-delay: 2.88s;
		-moz-animation-delay: 2.88s;
}
.cssload-thing:nth-child(11) {
	transform: rotate(330deg);
		-o-transform: rotate(330deg);
		-ms-transform: rotate(330deg);
		-webkit-transform: rotate(330deg);
		-moz-transform: rotate(330deg);
	transform-origin: 50% -200%;
		-o-transform-origin: 50% -200%;
		-ms-transform-origin: 50% -200%;
		-webkit-transform-origin: 50% -200%;
		-moz-transform-origin: 50% -200%;
	animation-delay: 3.16s;
		-o-animation-delay: 3.16s;
		-ms-animation-delay: 3.16s;
		-webkit-animation-delay: 3.16s;
		-moz-animation-delay: 3.16s;
}
.cssload-thing:nth-child(12) {
	transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
	transform-origin: 50% -200%;
		-o-transform-origin: 50% -200%;
		-ms-transform-origin: 50% -200%;
		-webkit-transform-origin: 50% -200%;
		-moz-transform-origin: 50% -200%;
	animation-delay: 3.45s;
		-o-animation-delay: 3.45s;
		-ms-animation-delay: 3.45s;
		-webkit-animation-delay: 3.45s;
		-moz-animation-delay: 3.45s;
}



@keyframes somecssload-thing_maybe_cool_idk {
	50% {
		background: rgb(29,119,192);
		transform-origin: 50% -170%;
	}
}

@-o-keyframes somecssload-thing_maybe_cool_idk {
	50% {
		background: rgb(29,119,192);
		-o-transform-origin: 50% -170%;
	}
}

@-ms-keyframes somecssload-thing_maybe_cool_idk {
	50% {
		background: rgb(29,119,192);
		-ms-transform-origin: 50% -170%;
	}
}

@-webkit-keyframes somecssload-thing_maybe_cool_idk {
	50% {
		background: rgb(29,119,192);
		-webkit-transform-origin: 50% -170%;
	}
}

@-moz-keyframes somecssload-thing_maybe_cool_idk {
	50% {
		background: rgb(29,119,192);
		-moz-transform-origin: 50% -170%;
	}
}
.tp-loader { margin-left:-20px !important;margin-top:-20px !important;}



body {margin: 0px; padding: 0px; width: 100%; height: 100%; background:#fff; font-family: 'Open Sans', sans-serif;color:#000;font-size:13px; overflow-x:hidden;-webkit-font-smoothing: antialiased;}
body, input, textarea, select, div, td  {  color: #3b3b3b;}
img {border:none; margin:0px; padding:0px; }
h1 , h2 , h3 , h4 , h5, h6{padding:0px; font-size: 18px; margin:0px;  font-weight: normal;  }
a:link , a:visited , a:hover {text-decoration: none; color:#0b243d;}
a:hover {color:#db042c}

p{ margin:0px 0px 5px 0px; padding:0px;  }
.no-padding { padding:0px;}
.padding10 { padding:0px 10px 0px 10px;}
.cb { clear:both;}
img.alignleft , .alignleft{ float:left; margin-right:10px;}
img.alignright { float:right; margin-left:10px;}
img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}
.no-paddding { padding:0px;}

/*slider */
.tp-revslider-mainul {border-bottom:3px solid #fff;}
.tp-bannertimer { position:absolute;top:auto !important;bottom:0px !important;background:#fff !important;height:5px !important}
#slider { float:left;width:100%;height:100%;padding-top:0px;position:relative;min-height:100% !important; }

.tp-caption { line-height:27px;}
.revfoto,.revfoto a { position:absolute;display:block;width:100%;height:100%;min-height:200px;}
.revfoto a img { display:none;}
.slidertytul { font-family:"catamaranlight" !important;font-size:57px !important;position:relative;min-width:700px !important;max-width:700px !important;text-transform:uppercase;}
.slideropis { font-family:"catamaranlight" !important;font-size:14px !important;letter-spacing:1px !important;cursor:pointer;}
.slideropis a { color:#fff;}
.slideropis a:hover { color:#db042c;}
.tparrows { margin-bottom:70px;}
.tp-bullets { margin-bottom:70px;}

#rev_slider_6_1_wrapper .tparrows { margin-bottom:20px !important;}

/*top*/
.bodybg { background:rgba(255,255,255,0.95);padding:0px;position:fixed;width:100%;z-index:1000;float:left;clear:both;z-index:10;border-bottom:1px solid #dadada;top:0px;}

/*strona glowna */
.topglowna { height:auto;padding-top:5px;height:55px;}
.topmenu { padding:5px 0px 0px 0px;}

/*footer*/
.footer { background:rgba(255,255,255,0.90);position:fixed;width:100%;z-index:1000;bottom:0px;}
.footerpodstrona { float:left;background:#fff;position:relative;width:100%;z-index:1000;border-top:1px solid #dadada;padding:20px 0px 80px 0px;}
.realizacja span { float:left;width:100%;margin:15px 0px 0px 0px;color:#a1a1a1}
.dol { min-height:30px;}

ul.menudol { margin:0px 0px 10px 0px;padding:0px;list-style:none;font-size:14px;text-transform:uppercase;float:right;}
ul.menudol li { color:#3d3d3d;display:inline-block;width:auto;padding:0px 20px 0px 20px}
ul.menudol li a { color:#3d3d3d;padding:10px 0px 10px 0px;display:block;width:100%;padding:12px 0px 10px 0px;font-family:"catamaranmedium";border-bottom:2px solid rgba(0,0,0,0);}
ul.menudol li a:hover { border-bottom:2px solid #db042c;}
#instagram a { float:right;background:url(../gfx/instagram.png) top 0px center no-repeat;width:25px;height:25px;margin:10px 20px 0px 5px;}
#instagram a:hover { background:url(../gfx/instagram.png) top -25px center no-repeat;}
#facebook a { float:right;background:url(../gfx/face.png) top 0px center no-repeat;width:25px;height:25px;margin-top:10px;margin-right:30px;}
#facebook a:hover { background:url(../gfx/face.png) top -25px center no-repeat;}

.stopka { color:#3d3d3d;font-size:14px;text-transform:uppercase;margin-left:0px;font-family:"catamaranregular";padding-top:30px;}
.stopka img { margin-top:0px;}


/*lang*/
.lang ul { margin:0px;padding:0px;list-style:none;}
.lang ul li { display:inline-block;padding:14px 0px 10px 0px;}
.lang ul li a { float:left;width:auto;padding:0px 3px 0px 0px;}
.lang ul li a.selected { color:#db042c; }
.lang ul li:nth-child(1) a { border-right:1px solid #ccc; }


/*wyszukiwarka*/
#search_block_top { padding:0px 0px 0px 0px;float:right;width:100%;height:33px;margin-top:0px;font-family: 'Open Sans', sans-serif;margin-top:-4px;}
#search_block_top .button-search { position:absolute;width:33px;height:43px; padding:0px;background:none;border:none;background:url(../gfx/lupa.png) top 16px left 8px no-repeat;top:0px;right:0px;z-index:101}
#search_block_top input#search_query_top { box-shadow: 0px 0px 0px #888;display:block;position:relative;width:100%;z-index:100;margin-top:11px;background:none;border:1px solid #b8b8b8;border-radius:0px;}
#search_block_top input#search_query_top:focus { border:1px solid #db042c;box-shadow: 0px 0px 2px #888;}
#search_block_top .button-search span { display:none;}


/*animacje*/
#produkty a,.lang ul li a,.slideropis a,.buttonoferta ,.footer,.sf-menu a,#instagram a,#facebook a,.buttongaleriarealizacje h2,.buttongaleriarealizacje div.buttonhover,.buttongaleria div.buttonhover,.buttonoferta h2,.buttonoferta div.buttonhover,.realizacja div.buttonhover,.realizacja h2,.button h2,.button div.buttonhover,.produktp,a.powrot,.news1 .newsfoto,.markalogo,ul#mlista li a,.logotyp img,#search_block_top,.topmenu,.topglowna,.bodybg,.news1,.news1 a span,ul.paginacja li a,.sciezka ul li a,#qrcode a,#karta a,.tabela table tr,.newskont .news1 a span,.produkt,.powrotglowna a,.sf-menu ul li a,.news,a.wiecej,.liniainfo1 ul li a,.liniainfo ul li a,.news .newsfoto a span,.marka,.lewa a > span, .lewa a > span span,.prawa a > span, .prawa a > span span,.logotyp a,ul.menudol li a,.prawa a,.lewa a {
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    transition: all 200ms;
    animation: all 200ms;	
}


/*loader*/
#loader {width:100%;height:100%;float:left;display:block;background:#fff;position:fixed;z-index:10000;display:block;}
#loader span:nth-child(1) { position:absolute;z-index:10;left:0px;}
#loader span:nth-child(2) { position:absolute;z-index:9;right:0px;}
#loader .logotyploader { position:relative;width:699px;height:89px;float:left;z-index:10;top:50%;left:50%;margin-left:-530px;margin-top:-70px;}


.link--ilin span:first-of-type::before {
  -webkit-animation: animaloader 5s infinite; /* Safari 4+ */
  -moz-animation:    animaloader 5s infinite; /* Fx 5+ */
  -o-animation:      animaloader 5s infinite; /* Opera 12+ */
  animation:         animaloader 5s infinite; /* IE 10+, Fx 29+ */
}

.link--ilin span:last-of-type::before {
  -webkit-animation: animaloader1 5s infinite; /* Safari 4+ */
  -moz-animation:    animaloader1 5s infinite; /* Fx 5+ */
  -o-animation:      animaloader1 5s infinite; /* Opera 12+ */
  animation:         animaloader1 5s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes animaloader {
  0%   { 	
  	-webkit-transform: translate3d(0,-150%,0);
	transform: translate3d(0,-150%,0);
		}
  20% { 
	-webkit-transform: translate3d(0,150%,0);
	transform: translate3d(0,150%,0);
  	}
  100% { 
	-webkit-transform: translate3d(0,150%,0);
	transform: translate3d(0,150%,0);
  	 }
}
@-moz-keyframes animaloader {
  0%   { 	
  	-webkit-transform: translate3d(0,-150%,0);
	transform: translate3d(0,-150%,0);
		}
  20% { 
	-webkit-transform: translate3d(0,150%,0);
	transform: translate3d(0,150%,0);
  	 }
  100% { 
	-webkit-transform: translate3d(0,150%,0);
	transform: translate3d(0,150%,0);
  	 }
}
@-o-keyframes animaloader {
  0%   { 	
  	-webkit-transform: translate3d(0,-150%,0);
	transform: translate3d(0,-150%,0);
		}
  20% { 
	-webkit-transform: translate3d(0,150%,0);
	transform: translate3d(0,150%,0);
  	 }
  100% { 
	-webkit-transform: translate3d(0,150%,0);
	transform: translate3d(0,150%,0);
  	 }
}
@keyframes animaloader {
  0%   { 	
  	-webkit-transform: translate3d(0,-150%,0);
	transform: translate3d(0,-150%,0);
		}
  20% { 
	-webkit-transform: translate3d(0,150%,0);
	transform: translate3d(0,150%,0);
  	 }
  100% { 
	-webkit-transform: translate3d(0,150%,0);
	transform: translate3d(0,150%,0);
  	 }
}



@-webkit-keyframes animaloader1 {
  0%   { 	
  	-webkit-transform: translate3d(0,150%,0);
	transform: translate3d(0,150%,0);
		}
  20% { 
	-webkit-transform: translate3d(0,-150%,0);
	transform: translate3d(0,-150%,0);
  	 }
  	 
  100% { 
	-webkit-transform: translate3d(0,-150%,0);
	transform: translate3d(0,-150%,0);
  	 }
}
@-moz-keyframes animaloader1 {
  0%   { 	
  	-webkit-transform: translate3d(0,150%,0);
	transform: translate3d(0,150%,0);
		}
  20% { 
	-webkit-transform: translate3d(0,-150%,0);
	transform: translate3d(0,-150%,0);
  	 }
  100% { 
	-webkit-transform: translate3d(0,-150%,0);
	transform: translate3d(0,-150%,0);
  	 }
}
@-o-keyframes animaloader1 {
  0%   { 	
  	-webkit-transform: translate3d(0,150%,0);
	transform: translate3d(0,150%,0);
		}
  20% { 
	-webkit-transform: translate3d(0,-150%,0);
	transform: translate3d(0,-150%,0);
  	 }
  100% { 
	-webkit-transform: translate3d(0,-150%,0);
	transform: translate3d(0,-150%,0);
  	 }
}
@keyframes animaloader1 {
  0%   { 	
  	-webkit-transform: translate3d(0,150%,0);
	transform: translate3d(0,150%,0);
		}
  20% { 
	-webkit-transform: translate3d(0,-150%,0);
	transform: translate3d(0,-150%,0);
  	 }
  100% { 
	-webkit-transform: translate3d(0,-150%,0);
	transform: translate3d(0,-150%,0);
  	 }
}


@-webkit-keyframes animaloader2 {
  0%   { 	
  	color:#ededed;
		}
  8%   { 	
  	color:#ededed;
		}
  9%   { 	
  	color:#db042c;
		}
  50% { 
	color:#db042c;
  	 }
  70% { 
	color:#db042c;
  	 }
  100% { 
	color:#db042c;
  	 } 
}
@-moz-keyframes animaloader2 {
  0%   {
	-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); 	
  	color:#ededed;
		}
  8%   { 	
  	color:#ededed;
		}
  9%   { 	
  	color:#db042c;
		}
  50% { 
	color:#db042c;
  	 }
  70% { 
	color:#db042c;
  	 }
  100% {
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); 
	color:#db042c;
  	 } 
}
@-o-keyframes animaloader2 {
  0%   {
	-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); 	
  	color:#ededed;
		}
  8%   { 	
  	color:#ededed;
		}
  9%   { 	
  	color:#db042c;
		}
  50% { 
	color:#db042c;
  	 }
  70% { 
	color:#db042c;
  	 }
  100% {
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); 
	color:#db042c;
  	 } 
}
@keyframes animaloader2 {
  0%   {
	-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); 	
  	color:#ededed;
		}
  8%   { 	
  	color:#ededed;
		}
  9%   {
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);  	
  	color:#db042c;
		}
  50% { 
	color:#db042c;
  	 }
  70% { 
	color:#db042c;
  	 }
  100% {
	-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); 
	color:#db042c;
  	 } 
}




@-webkit-keyframes animaloader3 {
  0%   { 
	-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); 		
  	color:#ededed;
		}
  8%   { 	
  	color:#ededed;
		}
  9%   { 	
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  	color:#c7c7c7;
		}
  50% { 
	color:#c7c7c7;
  	 }
  70% { 
	color:#c7c7c7;
  	 }
  100% { 
	-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); 
	color:#c7c7c7;
  	 }
}
@-moz-keyframes animaloader3 {
  0%   { 
	-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); 		
  	color:#ededed;
		}
  8%   { 	
  	color:#ededed;
		}
  9%   { 	
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  	color:#c7c7c7;
		}
  50% { 
	color:#c7c7c7;
  	 }
  70% { 
	color:#c7c7c7;
  	 }
  100% { 
	-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); 
	color:#c7c7c7;
  	 }
}
@-o-keyframes animaloader3 {
  0%   { 
	-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); 		
  	color:#ededed;
		}
  8%   { 	
  	color:#ededed;
		}
  9%   { 	
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  	color:#c7c7c7;
		}
  50% { 
	color:#c7c7c7;
  	 }
  70% { 
	color:#c7c7c7;
  	 }
  100% { 
	-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); 
	color:#c7c7c7;
  	 }
}
@keyframes animaloader3 {
  0%   { 
	-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); 		
  	color:#ededed;
		}
  8%   { 	
  	color:#ededed;
		}
  9%   { 	
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  	color:#c7c7c7;
		}
  50% { 
	color:#c7c7c7;
  	 }
  70% { 
	color:#c7c7c7;
  	 }
  100% { 
	-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); 
	color:#c7c7c7;
  	 }
}
/*logotyp*/
.logotyp { padding:12px 0px 0px 0px;} 
.logotyp a:hover { opacity:0.7;}

/*sciezka*/
.sciezka ul { float:left;width:100%;clear:both;list-style:none;margin:25px 0px 25px 0px;padding:0px;}
.sciezka ul li { display:inline-block;}
.sciezka ul li a { font-family:"catamaranregular";font-size:14px;color:#b2b2b2;text-transform:none;}
.sciezka ul li span { font-size:14px;color:#b2b2b2;}
.sciezka ul li a:hover { color:#909090;}

/*podstrona*/
.newsyglowna { float:left;width:100%;margin-top:0px;padding:60px 0px 140px 0px;}
.newsyglowna h2 { font-family:"catamaranregular";text-transform:none;font-size:25px;color:#3e3e3e;margin:0px 0px 5px 0px;}
.podstrona h2 { float:left;clear:both;width:100%;font-family:"catamaranregular";text-transform:none;font-size:25px;color:#3e3e3e;margin:15px 0px 10px 0px;}

/*modul */
.modul { min-height:463px;width:100%;float:left;}
.modul img { max-width:95%;height:auto;}
.modulsrodkujemy { height:463px;display:table;width:100%;}
.modultekst {  display: table-cell; vertical-align: middle;}
.modultekst h2 { font-family:"catamaranlight";text-transform:none;font-size:31px;color:#3e3e3e;margin:0px 0px 20px 0px;}

.modullewa { padding:0px 40px 0px 0px;}
.modulprawa { padding:0px 0px 0px 30px;}

/*kolekcje*/

.buttonyoferta { min-height:600px;padding:80px 0px 80px 0px;}
.buttonofertaa:hover { 
	-webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
    -o-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98); 
	}
.buttonoferta { float:left;height:215px;width:100%;position:relative;margin:0px 0px 35px 0px;}
.buttonoferta .buttonfoto { height:150px;width:100%;position:relative;margin:20px 0px 0px 0px;display:inline-block;}
.buttonoferta:hover .buttonfoto { background-position:center -150px !important;}
.buttonoferta h2 { position:relative;display:block;color:#444444;clear:both;width:100%;text-align:center;padding-top:0px;font-family:"catamaranlight";font-size:18px;text-transform:uppercase;}
.buttonoferta div.buttonhover { width:100%;height:100%;float:left;background:rgba(239,239,239,0.6);position:absolute;
	opacity:0;
}
.buttonoferta:hover h2 { padding-top:0px;}
.buttonoferta:hover div.buttonhover {
	opacity:1;
}

/*totop*/
a.scrolltotop { background: rgba(0, 0, 0, 0) url(../gfx/top.png) no-repeat scroll center center;bottom: 62px;display: none;height: 28px;position: fixed;right: 2%;width: 142px;z-index: 3000; }
a.scrolltotop1 { background: rgba(0, 0, 0, 0) url(../gfx/topen.png) no-repeat scroll center center;bottom: 62px;display: none;height: 28px;position: fixed;right: 2%;width: 142px;z-index: 3000; }

.activescroll { display:block !important;}

#ofertakaruzela .buttonoferta { height:150px;width:100%;position:relative;margin:0px 0px 35px 0px;}
#ofertakaruzela .buttonoferta h2 { font-size:14px;}
#ofertakaruzela .buttonoferta .buttonfoto {  width:100%;height:100px;margin:auto;display:inline-block;}
#ofertakaruzela .buttonoferta:hover .buttonfoto { background-position:center -100px !important;}

#ofertapozostale .buttonoferta { height:165px;width:100%;position:relative;margin:0px 0px 35px 0px;}
#ofertapozostale .buttonoferta h2 { font-size:15px;padding:0px 15px 0px 15px;}
#ofertapozostale .buttonoferta .buttonfoto {  width:calc(100% - 2px);height:100px;margin:auto 1px auto 1px;display:inline-block;margin-top:15px;}
#ofertapozostale .buttonoferta:hover .buttonfoto { background-position:center 0px !important;}
#ofertapozostale .buttonoferta div.buttonhover { width:100%;height:100%;float:left;border:1px solid #ccc;position:absolute;background:none;
	opacity:0;
}
#ofertapozostale .buttonoferta:hover div.buttonhover {
	opacity:1;
	order:1px solid #ccc;
}

/*produkty*/
#produkty { width:100%;height:100%;float:left;clear:both;}
#produkty a { display:inline-block;width:auto;margin:0px auto 70px auto;padding:20px;border:1px solid #fff;}
#produkty a:hover { border:1px solid #ccc;}
#produkty a span.nazwaproduktu { font-size:17px;}
#produkty .produkt .ofertafotoimg { height:200px;}

#produktslider {width:100%;height:auto;min-height:600px;display:inline-block;margin:auto; }
#produktslider li { width:100%;min-height:600px;text-align:center;float:left;}
#produktslider li a { width:800px;min-height:600px;text-align:center;display:inline-block;margin:0px auto 20px auto;}
#produktslider li a img { display:none;}
#bx-pager { width:100%;float:left;text-align:center;display:inline-block;}
#bx-pager a { width:80px;height:60px;display:inline-block;box-shadow: 0px 0px 2px #888;margin:10px;}
#bx-pager a.active {box-shadow: 0px 0px 6px #888;}

.tytulprodukt { border-bottom:1px solid #eee;padding:0px 0px 20px 0px;}
.tytulprodukt h1 { font-family:"catamaranregular";font-size:38px;color:#db042c}

#karta { float:left;width:100%;text-align:center;}
#qrcode { float:left;width:100%;text-align:center;}

.produktduzy { font-size:15px;}
.produktduzy h2 { margin:20px 0px 5px 0px;}

/*kontakt*/
.kontakt { min-height:1200px;padding-top:0px;margin-top:-40px;}


/*b2b*/
.b2b { min-height:800px;}


/*mapa kontakt svg*/
#mapa { width:535px;height:853px;background:url(../gfx/mapa.png) top center no-repeat;float:left;padding:280px 40px 0px 85px;}
#tresckontakt { float:left;width:100%;padding:280px 40px 0px 85px;font-family: 'catamaranregular';line-height:25px;font-size:16px;}
#tresckontakt h2 { font-family:"catamaranregular";text-transform:none;font-size:25px;color:#545454;margin:0px 0px 5px 0px;}
#mapa svg {width:100%;height:100%;float:left;stroke:#000; }
svg polygon { fill:rgba(255,255,255,1);position:absolute;stroke:#909090; } 
svg polygon:hover  { fill:rgba(0,0,0,0.1);cursor:pointer;}
svg polygon.active { fill:rgba(0,0,0,0.1);position:absolute;stroke:#909090; } 


/*formularz kontakt*/
#formularzkontakt1 { float:left;width:100%;background:#fff;padding:40px;border:1px solid #dddddd;}
#formularzkontakt2 { float:left;width:100%;background:#fff;padding:0px;border:0px solid #dddddd;}
#formularzkontakt select { width:99%;}
#imiekontakt { width:100%;padding:10px;font-size:16px;color:#fff; float:left;margin-right:10px;}
#imiekontakt:focus,#emailkontakt:focus,#confirm_codekontakt:focus,#wiadomosckontakt:focus,#firmakontakt:focus,#firmakontakt:focus,#telefonkontakt:focus { background:none;border:1px solid #db042c;}
#emailkontakt { width:45%;padding:10px;font-size:16px;color:#fff;float:left; }
#telefonkontakt { width:45%;padding:10px;font-size:16px;color:#fff;float:right !important;margin-right:0px !important; }
#confirm_codekontakt { width:80px;height:40px;padding:10px;font-size:16px;color:#fff;float:left; margin-left:0px;margin-top:16px;}
#wiadomosckontakt { width:99%;height:100px;float:left;padding:10px; color:#ccc;font-size:17px;color:#fff;}
.g-recaptcha { float:left;clear:both;margin:20px 0px 0px 0px;}


#formularzkontakt2 input  { float:left;padding:10px;font-size:13px;color:#fff;float:left;margin:10px 0px 10px 0px;
    border:1px solid #9f9e9e;
    outline: 0 none;
    background-color: transparent;
    color: #000;
    font-size: 13px;
    padding: 10px 5px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#formularzkontakt2 select  { float:left;padding:10px;font-size:13px;color:#fff;float:left;margin:10px 0px 10px 0px;
    border:1px solid #9f9e9e;
    outline: 0 none;
    background-color: transparent;
    color: #000;
    font-size: 13px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


#formularzkontakt2 textarea { float:left;padding:10px;font-size:13px;color:#fff;float:left;margin:10px 0px 10px 0px;
    border:1px solid #9f9e9e;
    outline: 0 none;
    background-color: transparent;
    color: #000;
    font-size: 13px;
    padding: 10px 5px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width:100%;
}

#formularzkontakt2 a.wyslij {
	float:right;
	text-align:center;
    background-color: #db042c;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    margin: 0px 0px 0px 10px;
    width: 100px;	
    padding: 10px 25px 10px 25px;
    text-align:center;
    clear:both;
    text-transform:uppercase
}
#formularzkontakt2 a.wyslij:hover {
	background-color: #fff;
	text-decoration:none;
	color:#db042c;
}

























#formularzkontakt input  { float:left;padding:10px;font-size:13px;color:#fff;float:left;margin:10px 0px 10px 0px;
    border:1px solid #9f9e9e;
    outline: 0 none;
    background-color: transparent;
    color: #fff;
    font-size: 13px;
    padding: 10px 5px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#formularzkontakt select  { float:left;padding:10px;font-size:13px;color:#fff;float:left;margin:10px 0px 10px 0px;
    border:1px solid #9f9e9e;
    outline: 0 none;
    background-color: transparent;
    color: #fff;
    font-size: 13px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


#formularzkontakt textarea { float:left;padding:10px;font-size:13px;color:#fff;float:left;margin:10px 0px 10px 0px;
    border:1px solid #9f9e9e;
    outline: 0 none;
    background-color: transparent;
    color: #fff;
    font-size: 13px;
    padding: 10px 5px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#formularzkontakt a.wyslij {
	float:right;
	text-align:center;
    background-color: #db042c;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    margin: 0px 0px 0px 10px;
    width: 100px;	
    padding: 10px 25px 10px 25px;
    text-align:center;
    clear:both;
    text-transform:uppercase
}
#formularzkontakt a.wyslij:hover {
	background-color: #1872b8;
	text-decoration:none;
}





#formularzkontakt1 input  { float:left;padding:10px;font-size:13px;color:#fff;float:left;margin:10px 0px 10px 0px;
    border:1px solid #9f9e9e;
    outline: 0 none;
    background-color: transparent;
    color: #000;
    font-size: 13px;
    padding: 10px 5px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#formularzkontakt1 select  { float:left;padding:10px;font-size:13px;color:#fff;float:left;margin:10px 0px 10px 0px;
    border:1px solid #9f9e9e;
    outline: 0 none;
    background-color: transparent;
    color: #000;
    font-size: 13px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


#formularzkontakt1 textarea { float:left;padding:10px;font-size:13px;color:#fff;float:left;margin:10px 0px 10px 0px;
    border:1px solid #9f9e9e;
    outline: 0 none;
    background-color: transparent;
    color: #000;
    font-size: 13px;
    padding: 10px 5px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#formularzkontakt1 a.wyslij {
	float:right;
	text-align:center;
    background-color: #db042c;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    margin: 0px 0px 0px 10px;
    width: 100px;	
    padding: 10px 25px 10px 25px;
    text-align:center;
    clear:both;
    text-transform:uppercase
}
#formularzkontakt1 a.wyslij:hover {
	background-color: #fff;
	text-decoration:none;
	color:#db042c;
}
/*wyniki*/
ul.wyniki,ul.wyniki li { margin:0px;padding:0px;list-style:none;}


/*sekcje*/
.paralaxglowna { float:left;width:100%;min-height:550px;height:550px;}
a.wiecej { position:relative;float:left;clear:both;background:#db042c;color:#fff;display:block;width:auto;height:auto;padding:10px 20px 10px 20px;margin:16px 0px 20px 0px}
a:hover.wiecej { background:#fff;color:#db042c;}

.tablecss {width:100%;height:500px;display:table}
.tablecell {  display: table-cell; vertical-align: middle;} 

/*pagi*/
ul.paginacja { clear:both;display:inline-block;width:auto;margin:20px 0px 20px 0px;text-align:center;list-style:none;padding:0px;}
ul.paginacja li { float:left;}
ul.paginacja li a { float:left; padding:12px 12px 12px 12px;color:#4e4e4e;margin:0px 6px 0px 6px;}
ul.paginacja li a:hover { background:#0c448b;color:#fff;}
ul.paginacja li a.akt { background:#0c448b;color:#fff;}
ul.paginacja li a:hover.akt { background:#fff;color:#0c448b;}

/*podstrona*/
.podstrona { line-height:22px;}
.podstrona a { color:#db042c;}
.podstrona a:hover { color:#c3c3c3;}

/*galeria*/
.galeriaoferta { float:left;width:100%;margin:50px 0px 0px 0px;}

.galeriazdjec { float:left;width:100%;margin:50px 0px 0px 0px;}
.galeriazdjec h2 { font-family:"catamaranregular";text-transform:none;font-size:25px;color:#3e3e3e;margin:0px 0px 15px 0px;text-transform:uppercase;}
#galzd { margin:0px 0px 40px 0px;}
#galzd .rev_slider .tp-bgimg { background-size:contain !important;}
##galzd .rev_slider {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.09), 0 6px 20px 0 rgba(0, 0, 0, 0.02);}
#galzd .tp-bannertimer { display:none !important;}


/*newsypodstrona*/
a.powrot { float:left;width:100%;clear:both;margin:0px 0px 20px 0px;}
.news1 { margin:5% 5% 5% 5%;font-family: 'Open Sans', sans-serif;min-height:550px;max-height:550px;overflow:hidden;}
.news1 .newsfoto { float:left;width:100%;min-height:240px;margin:0px 0px 20px 0px;position:relative;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0), 0 6px 20px 0 rgba(0, 0, 0, 0);}
.news1 .data { position:relative;background:url(../gfx/dataico.png) top 4px left no-repeat;float:left;width:100%;padding:0px 0px 0px 25px;color:#c1c1c1;margin:0px 0px 10px 0px;}
.news1 .newsfoto a { position:absolute;width:100%;height:100%;float:left;display:block;}
.news1 h2 { font-family:"catamaranregular";text-transform:none;font-size:25px;color:#3e3e3e;margin:0px 0px 15px 0px;}
.news1 a span { position:relative;float:left;clear:both;background:#db042c;color:#fff;display:block;width:auto;height:auto;padding:10px 20px 10px 20px;margin:16px 0px 0px 0px}
.news1 a:hover span{ background:#fff;color:#db042c;}
.news1:hover .newsfoto { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}


.news1p { margin:0;font-family: 'Open Sans', sans-serif;}
.news1p .newsfoto { float:left;width:420px;height:240px;margin:0px 40px 20px 0px;position:relative;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.news1p .data { position:relative;background:url(../gfx/dataico.png) top 4px left no-repeat;float:left;width:100%;padding:0px 0px 0px 25px;color:#c1c1c1;margin:0px 0px 10px 0px;}

.news1p h2 { font-family:"catamaranregular";text-transform:none;font-size:25px;color:#3e3e3e;margin:0px 0px 15px 0px;}
.news1p a span { position:relative;float:left;clear:both;background:#0060a6;color:#fff;display:block;width:auto;height:auto;padding:10px 20px 10px 20px;margin:16px 0px 0px 0px}
.news1p a:hover span{ background:#fff;color:#0060a6;}


/*menu respon*/
.slicknav_menu {
	display:none;
}

.slicknav_menu a.slicknav_btn #nav-icon1, .slicknav_menu a.slicknav_btn #nav-icon2, .slicknav_menu a.slicknav_btn #nav-icon3, .slicknav_menu a.slicknav_btn #nav-icon4 {
  width: 22px;
  height: 22px;
  position: relative;
  margin: 0px 0px 0px 15px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.slicknav_menu a.slicknav_btn #nav-icon1 span, .slicknav_menu a.slicknav_btn #nav-icon3 span, .slicknav_menu a.slicknav_btn #nav-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #343434;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/* Icon 3 */

.slicknav_menu a.slicknav_btn #nav-icon3 span:nth-child(1) {
  top: 0px;
}

.slicknav_menu a.slicknav_btn #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 5px;
}

.slicknav_menu a.slicknav_btn #nav-icon3 span:nth-child(4) {
  top: 13px;
}

.slicknav_menu a.slicknav_open #nav-icon3 span:nth-child(1) {
  top: 13px !important;
  width: 0% !important;
  left: 50% !important;
}

.slicknav_menu a.slicknav_open #nav-icon3 span:nth-child(2) {
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  -o-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
}

.slicknav_menu a.slicknav_open #nav-icon3 span:nth-child(3) {
  -webkit-transform: rotate(-45deg) !important;
  -moz-transform: rotate(-45deg) !important;
  -o-transform: rotate(-45deg) !important;
  transform: rotate(-45deg) !important;
}

.slicknav_menu a.slicknav_open #nav-icon3 span:nth-child(4) {
  top: 5px !important;
  width: 0% !important;
  left: 50% !important;
}

.tabela { float:left;width:426px;height:486px;background:url(../gfx/tlotabela.png) top center no-repeat;}
.tabela table { width:88%;float:left;height:auto;margin:10% 5% 8% 5%;}
.tabela table tr { border-bottom:1px solid #989898}
.tabela table tr td { padding:10px;}
.tabela table tr td:nth-child(1) { width:65%;font-weight:600;}
.tabela table tr td:nth-child(2) { width:35%}
.tabela table tr:hover { background:#fff;}


/*architekci*/
.logowanieramka { float:left;width:100%;background:#fff;padding:40px;border:1px solid #dddddd;min-height:640px;}

label { cursor:pointer;}
input[type=checkbox].kawa {
display:none;
}
 
input[type=checkbox].kawa + label.kawa
{
background: url(../gfx/check1.jpg) top center no-repeat;
height: 80px;
width: 116px;
display:inline-block;
padding: 0 0 0 0px;
}
input[type=checkbox]:checked.kawa + label.kawa
{
background: url(../gfx/check1on.jpg) top center no-repeat;
height: 80px;
width: 116px;
display:inline-block;
padding: 0 0 0 0px;
}


input[type=checkbox].wifi {
display:none;
}
 
input[type=checkbox].wifi + label.wifi
{
background: url(../gfx/check2.jpg) top center no-repeat;
height: 80px;
width: 116px;
display:inline-block;
padding: 0 0 0 0px;
}
input[type=checkbox]:checked.wifi + label.wifi
{
background: url(../gfx/check2on.jpg) top center no-repeat;
height: 80px;
width: 116px;
display:inline-block;
padding: 0 0 0 0px;
}


input[type=checkbox].rzutnik {
display:none;
}
 
input[type=checkbox].rzutnik + label.rzutnik
{
background: url(../gfx/check3.jpg) top center no-repeat;
height: 80px;
width: 116px;
display:inline-block;
padding: 0 0 0 0px;
}
input[type=checkbox]:checked.rzutnik + label.rzutnik
{
background: url(../gfx/check3on.jpg) top center no-repeat;
height: 80px;
width: 116px;
display:inline-block;
padding: 0 0 0 0px;
}


input[type=checkbox].showr {
display:none;
}
 
input[type=checkbox].showr + label.showr
{
background: url(../gfx/check4.jpg) top center no-repeat;
height: 80px;
width: 116px;
display:inline-block;
padding: 0 0 0 0px;
}
input[type=checkbox]:checked.showr + label.showr
{
background: url(../gfx/check4on.jpg) top center no-repeat;
height: 80px;
width: 116px;
display:inline-block;
padding: 0 0 0 0px;
}

#formularzlogowanie { width:100%;float:left;}
#formularzlogowanie input { width:300px;clear:both;float:left;border:1px solid #a8a8a8;color:#999999;padding:15px;margin:5px 0px 5px 0px;background:none;}
#formularzlogowanie input[type=submit] { cursor:pointer;color:#999999;width:auto;background:#db042c;float:left;display:block; padding:15px;border:1px solid #a8a8a8;color:#fff;font-size:16px;margin-bottom:30px;}
#formularzlogowanie input[type=submit]:hover { background:#f5f4f1;color:#000;}

#formularzrejestracja { width:100%;float:left;}
#formularzrejestracja table { width:100%;float:left;}
#formularzrejestracja input { width:100%;min-width:200px;clear:both;float:left;border:1px solid #a8a8a8;color:#999999;padding:5px;margin:5px 0px 5px 0px;background:none;}
#formularzrejestracja input[type=submit] { cursor:pointer;color:#999999;width:auto;background:#db042c;float:right;display:block; padding:15px;border:1px solid #c9c9c9;color:#fff;font-size:16px;margin-bottom:30px;}
#formularzrejestracja input[type=submit]:hover { background:#f5f4f1;color:#000;}
#formularzrejestracja table tr td:nth-child(1){width:300px;border-bottom:1px solid #a8a8a8;}
#formularzrejestracja table tr { }
#formularzrejestracja p { margin-top:20px;}

.formularzrejestracja { width:100%;float:left;}
.formularzrejestracja table { width:100%;float:left;}
.formularzrejestracja input { width:100%;min-width:200px;clear:both;float:left;border:1px solid #a8a8a8;color:#999999;padding:5px;margin:5px 0px 5px 0px;background:none;}
.formularzrejestracja input[type=submit] { cursor:pointer;color:#999999;width:auto;background:#db042c;float:right;display:block; padding:15px;border:1px solid #c9c9c9;color:#fff;font-size:16px;margin-bottom:30px;}
.formularzrejestracja input[type=submit]:hover { background:#f5f4f1;color:#000;}
.formularzrejestracja table tr td:nth-child(1){width:300px;border-bottom:1px solid #a8a8a8;}
.formularzrejestracja table tr { }
.formularzrejestracja p { margin-top:20px;}

#formularz { width:100%;float:left;}
#formularz input { width:90%;float:left;border:1px solid #a8a8a8;color:#999999;padding:15px;margin:5px 0px 5px 0px;background:none;}
#formularz textarea { width:100%;height:110px;float:left;border:1px solid #a8a8a8;color:#999999;padding:15px;background:none;margin:5px 0px 5px 0px;margin-bottom:20px;float:left;}
#formularz input[type=submit] { cursor:pointer;color:#999999;width:auto;background:#f991c5;float:right;display:block; padding:15px;border:1px solid #a8a8a8;color:#fff;float:right;font-size:16px;margin-bottom:30px;}
#formularz input[type=submit]:hover { background:#f5f4f1;color:#000;}
#formularz img { width:90px;margin-top:6px;float:left;margin-right:20px;}

a.przycisk { float:right;width:100%;text-align:center;min-width:200px;clear:both;cursor:pointer;color:#999999;width:auto;background:#db042c;display:block; padding:15px;border:1px solid #c9c9c9;color:#fff;font-size:16px;margin:20px 0px 20px 0px;}
a:hover.przycisk { background:#f5f4f1;color:#000;}

.error { width:100%;float:left;padding:20px;background:#db042c;color:#fff;font-size:30px;text-align:center;text-transform:uppercase;font-family:"catamaranlight";margin:0px 0px 30px 0px;}
.info { width:100%;float:left;padding:20px;background:#6ad47b;color:#fff;font-size:30px;text-align:center;text-transform:uppercase;font-family:"catamaranlight";margin:0px 0px 30px 0px;}

.menukoszyk ul { float:right;list-style:none;display:block;text-align:center;width:auto;}
.menukoszyk ul li { float:left;display:inline-block;width:auto;padding:0px 0px 0px 0px;border-bottom:1px solid #db042c;margin:0px;}
.menukoszyk ul li a { float:left;width:auto;cursor:pointer;color:#767676;width:auto;background:#fff;float:left;padding:35px 15px 15px 15px;font-size:16px;font-family:"catamaranlight";text-transform:uppercase;}
.menukoszyk ul li a:hover { color:#000;}
.menukoszyk ul li:nth-child(1) a { background:url(../gfx/button1.jpg) top center no-repeat; }
.menukoszyk ul li:nth-child(2) a { background:url(../gfx/button2.jpg) top center no-repeat; }
.menukoszyk ul li:nth-child(3) a { background:url(../gfx/button3.jpg) top center no-repeat; }
.menukoszyk ul li:nth-child(4) a { background:url(../gfx/button5.jpg) top center no-repeat; }
.menukoszyk ul li:nth-child(5) a { background:url(../gfx/button4.jpg) top center no-repeat; }




















.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
@media screen and (max-width: 1600px) { 
}
@media screen and (max-width: 1400px) { 
	.slidertytul { margin-top:20px !important;}
	.slideropis { margin-top:50px !important;}
}
@media screen and (max-width: 1200px) {
	.slidertytul { margin-top:20px !important;}
	.slideropis { margin-top:50px !important;}
}
@media screen and (max-width: 995px) {
	.tytulprodukt h1 { padding-left:15px;}
	#produktslider {min-height:400px; }
	#produktslider li a { width:100%;height:400px;}
	.slicknav_menu { display:block;}
	.topmenu { display:none;}
	.topglowna { height:auto;}
	.bodybg { position:relative;}
	.footer { position:relative;float:left;bottom:auto;}
	ul.menudol { width:100%;clear:both;float:left;}
	ul.menudol li { width:100%;float:left;border-bottom:1px dashed #999;}
	#instagram { float:left;}
	#instagram a { margin-left:10px;}
	#facebook { float:left;clear:both;margin-left:20px;}
	#facebook a { margin-right:0px;}
	#search_block_top { display:none;}
	#rev_slider_12_1,#rev_slider_12_1_forcefullwidth,#slider { height:400px !important;min-height:400px !important;}
	.slidertytul { margin-top:20px !important;}
	.slideropis { margin-top:80px !important;}
	.no-padding { padding:0% 5% 0% 5%;}
	.footerpodstrona { margin-bottom:100px;}
	.modulsrodkujemy { height:auto;margin:5% 0% 5% 0%;}
	.modulprawa { padding:0px;}
	.modullewa { padding:0px;}
	.modul img { width:100%;}
	.newsyglowna { padding-top:0px;}
	#produkty a { padding:0px;margin:0px;}
	.ofertafotoimg img { width:100%;height:auto;}
	.footer { position:relative;margin-bottom:50px;}
	html { width:auto;height:auto;}
	#facebook { margin-left:0px;margin-top:20px;}
	#instagram { margin-top:20px;}
}
@media (min-width: 1200px) and (max-width: 1599px) {
    .hidden-lg {
        display: none !important;
    }
}


.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl{
    display: none !important;
}



@media (min-width: 1600px) {
    .container-xl {
        width: 1570px;
    }

    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: auto;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

    .hidden-xl {
        display: none !important;
    }
}


/*cookie*/
#poli1 { position:relative;z-index:3000;}
#politykacookies { position:fixed;bottom:-130px;right:28px;width:300px;height:110px;font-family:arial;font-size:11px;background:#fff;z-index:30001;display:block;color:#343434;
-webkit-box-shadow: 18px 19px 24px -8px rgba(0,0,0,0.1);
-moz-box-shadow: 18px 19px 24px -8px rgba(0,0,0,0.1);
box-shadow: 18px 19px 24px -8px rgba(0,0,0,0.1);
-moz-transition: all 300ms;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
transition: all 300ms;
animation: all 300ms;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border:1px solid #ddd;
}
#politykacookies p { clear:both;padding:5px 14px 14px 14px;}
#politykacookies a { font-family:arial;font-size:11px;cursor:pointer;color:#343434;text-decoration:underline;}	
#politykacookies a:hover { color:#000;}
a#usuncookie { clear:both;float:right;width:25px;height:25px;text-align:center;background:#db042c url(../img/cookieclose.png) center center no-repeat;color:#fff;text-decoration:none;margin:3px 3px 0px 0px;padding-top:6px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-transition: all 300ms;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
transition: all 300ms;
animation: all 300ms;
}	
a#usuncookie:hover { background:#fff url(../img/cookieclosehover.png) center center no-repeat;color:#db042c;
	-webkit-animation: spinAround 2s linear infinite;
	-moz-animation: spinAround 2s linear infinite;
	animation: spinAround 2s linear infinite;
}
a#usunrefer { clear:both;float:right;width:100%;text-align:right;font-family:arial;font-size:11px;cursor:pointer}	
#politykacookies.open { bottom:20px;}

@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}