@charset "UTF-8";

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

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

body {
	line-height: 1
}

ol, ul {
	list-style: none
}

blockquote, q {
	quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
	content: "";
	content: none
}

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

a, button, input, select, textarea {
	outline: 0
}

a {
	text-decoration: none
}

.row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 100%
}

.row.reverse {
	flex-direction: row-reverse
}

.column {
	flex-direction: column
}

.column.reverse {
	flex-direction: column-reverse
}

.auto .col {
	flex: auto
}

.col {
	margin-right: 30px
}

.col:last-child {
	margin-right: 0
}

.ca, .cb, .cc, .ce, .cev, .content-around, .content-between, .content-center, .content-end, .content-evenly, .content-start, .cs, .flex, .ic, .ie, .is, .istr, .items-center, .items-end, .items-start, .items-stretched {
	display: flex
}

.block {
	display: block
}

.inline {
	display: inline
}

.col-1 {
	width: calc(99.99% * 1 / 12 - (30px - 30px * 1 / 12));
	max-width: calc(99.99% * 1 / 12 - (30px - 30px * 1 / 12));
	flex-basis: calc(99.99% * 1 / 12 - (30px - 30px * 1 / 12))
}

.col-2 {
	width: calc(99.99% * 2 / 12 - (30px - 30px * 2 / 12));
	max-width: calc(99.99% * 2 / 12 - (30px - 30px * 2 / 12));
	flex-basis: calc(99.99% * 2 / 12 - (30px - 30px * 2 / 12))
}

.col-3 {
	width: calc(99.99% * 3 / 12 - (30px - 30px * 3 / 12));
	max-width: calc(99.99% * 3 / 12 - (30px - 30px * 3 / 12));
	flex-basis: calc(99.99% * 3 / 12 - (30px - 30px * 3 / 12))
}

.col-4 {
	width: calc(99.99% * 4 / 12 - (30px - 30px * 4 / 12));
	max-width: calc(99.99% * 4 / 12 - (30px - 30px * 4 / 12));
	flex-basis: calc(99.99% * 4 / 12 - (30px - 30px * 4 / 12))
}

.col-5 {
	width: calc(99.99% * 5 / 12 - (30px - 30px * 5 / 12));
	max-width: calc(99.99% * 5 / 12 - (30px - 30px * 5 / 12));
	flex-basis: calc(99.99% * 5 / 12 - (30px - 30px * 5 / 12))
}

.col-6 {
	width: calc(99.99% * 6 / 12 - (30px - 30px * 6 / 12));
	max-width: calc(99.99% * 6 / 12 - (30px - 30px * 6 / 12));
	flex-basis: calc(99.99% * 6 / 12 - (30px - 30px * 6 / 12))
}

.col-7 {
	width: calc(99.99% * 7 / 12 - (30px - 30px * 7 / 12));
	max-width: calc(99.99% * 7 / 12 - (30px - 30px * 7 / 12));
	flex-basis: calc(99.99% * 7 / 12 - (30px - 30px * 7 / 12))
}

.col-8 {
	width: calc(99.99% * 8 / 12 - (30px - 30px * 8 / 12));
	max-width: calc(99.99% * 8 / 12 - (30px - 30px * 8 / 12));
	flex-basis: calc(99.99% * 8 / 12 - (30px - 30px * 8 / 12))
}

.col-9 {
	width: calc(99.99% * 9 / 12 - (30px - 30px * 9 / 12));
	max-width: calc(99.99% * 9 / 12 - (30px - 30px * 9 / 12));
	flex-basis: calc(99.99% * 9 / 12 - (30px - 30px * 9 / 12))
}

.col-10 {
	width: calc(99.99% * 10 / 12 - (30px - 30px * 10 / 12));
	max-width: calc(99.99% * 10 / 12 - (30px - 30px * 10 / 12));
	flex-basis: calc(99.99% * 10 / 12 - (30px - 30px * 10 / 12))
}

.col-11 {
	width: calc(99.99% * 11 / 12 - (30px - 30px * 11 / 12));
	max-width: calc(99.99% * 11 / 12 - (30px - 30px * 11 / 12));
	flex-basis: calc(99.99% * 11 / 12 - (30px - 30px * 11 / 12))
}

.col-12 {
	width: calc(99.99% * 12 / 12 - (30px - 30px * 12 / 12));
	max-width: calc(99.99% * 12 / 12 - (30px - 30px * 12 / 12));
	flex-basis: calc(99.99% * 12 / 12 - (30px - 30px * 12 / 12))
}

.col-1:nth-child(12n) {
	margin-right: 0
}

.col-2:nth-child(6n) {
	margin-right: 0
}

.col-3:nth-child(4n) {
	margin-right: 0
}

.col-4:nth-child(3n) {
	margin-right: 0
}

.col-6:nth-child(2n) {
	margin-right: 0
}

.col-12 {
	margin-right: 0
}

.ic, .items-center {
	align-items: center
}

.istr, .items-stretched {
	align-items: stretch
}

.is, .items-start {
	align-items: flex-start
}

.ie, .items-end {
	align-items: flex-end
}

.cb, .content-between {
	justify-content: space-between
}

.ca, .content-around {
	justify-content: space-around
}

.cev, .content-evenly {
	justify-content: space-evenly
}

.cc, .content-center {
	justify-content: center
}

.content-start, .cs {
	justify-content: flex-start
}

.ce, .content-end {
	justify-content: flex-end
}

.self-start, .ss {
	align-self: flex-start
}

.sc, .self-center {
	align-self: center
}

.se, .self-end {
	align-self: flex-end
}

.fl, .float-left {
	float: left
}

.float-right, .fr {
	float: right
}

.valign-top, .vt {
	vertical-align: top
}

.valign-middle, .vm {
	vertical-align: middle
}

.valign-bottom, .vb {
	vertical-align: bottom
}

.container {
	width: 100%;
	max-width: 1194px;
	margin: 0 auto
}

.container-fluid {
	width: 100%;
	max-width: calc(100% -);
	margin: 0 auto
}

:root {
	font-size: 15px
}

body {
	font-size: 1rem;
	font-family: Poppins, sans-serif;
	line-height: 1.6em;
	font-weight: 400;
	color: #404040;
	font-variant-ligatures: no-common-ligatures
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: Poppins, sans-serif;
	font-weight: 600;
	margin: 30px 0 15px;
	line-height: 1.2;
	color: #212121
}

.h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	color: #005BA3
}

.h1, h1 {
	font-size: 3.052em
}

.h2, h2 {
	font-size: 2.441em
}

.h3, h3 {
	font-size: 1.953em
}

.h4, h4 {
	font-size: 1.563em
}

.h5, h5 {
	font-size: 1.25em
}

.h6, h6 {
	font-size: 1em
}

.lead {
	font-size: 1.25em;
	line-height: 2rem
}

ol, p, ul {
	margin-bottom: 15px
}

ol, ul {
	margin-left: 30px
}

ol li, ul li {
	margin-bottom: 7.5px
}

ul li ul {
	margin-bottom: 0
}

article ul li ul li:first-of-type {
	margin-top: 7.5px
}

ul li ul li:last-of-type {
	margin-bottom: 0
}

ul li {
	list-style: square outside
}

ol li {
	list-style: decimal outside
}

article ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0
}

article ul li {
	padding-left: 21px;
	list-style: none;
	position: relative
}

article ul li:before {
	content: "";
	background: url(../img/circle.svg);
	position: absolute;
	left: 0;
	top: 5px;
	height: 11px;
	width: 11px
}

blockquote {
	display: block;
	padding-left: 90px;
	position: relative;
	margin-bottom: 1rem
}

blockquote em, blockquote small {
	display: block
}

blockquote em {
	font-size: 2rem;
	line-height: 2.5rem;
	font-style: italic;
	margin-bottom: 1rem
}

blockquote small {
	text-align: right;
	font-size: 1rem
}

blockquote::before {
	position: absolute;
	top: 3.5rem;
	left: 0;
	content: "”";
	font-family: serif;
	opacity: .1;
	font-size: 180px
}

.well {
	background: rgba(0, 0, 0, .05);
	padding: 1rem
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.bold, .strong, b, strong {
	font-weight: 700
}

.fw-100 {
	font-weight: 100
}

.fw-200 {
	font-weight: 200
}

.fw-300 {
	font-weight: 300
}

.fw-400 {
	font-weight: 400
}

.fw-500 {
	font-weight: 500
}

.fw-600 {
	font-weight: 600
}

.fw-700 {
	font-weight: 700
}

.fw-800 {
	font-weight: 800
}

.fw-900 {
	font-weight: 900
}

table {
	margin-bottom: 1rem
}

table td, table th {
	padding: .5rem 1rem;
	border: 1px solid rgba(0, 0, 0, .1)
}

table th {
	background: rgba(0, 0, 0, .1);
	font-weight: 700
}

.zebra td, .zebra th {
	padding: .5rem 1rem;
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.zebra tr:nth-child(2n) td {
	background: rgba(0, 0, 0, .05)
}

.simple td, .simple th {
	padding: .5rem 1rem;
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.condensed td, .condensed th {
	padding: .2rem .4rem
}

.btn {
	background: #005BA3;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	border: 1px solid #005BA3;
	border-radius: 0;
	padding: .5rem 1.5rem;
	line-height: 1;
	font-size: 1rem;
	color: #fff;
	transition: all .2s
}

.btn:hover {
	background: #0469bb;
	transform: translateY(-2px);
	box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2)
}

.btn:focus {
	background: #043c69;
	transform: translateY(1px);
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .2)
}

.btn.block {
	display: block
}

.btn.big {
	padding: 1rem 3rem;
	font-size: 1.5rem
}

.btn.small {
	font-size: .9rem;
	padding: .4rem .8rem
}

button {
	cursor: pointer
}

.bg-info {
	background: #4babe2;
	border-color: #4babe2
}

.bg-danger {
	background: #e42417;
	border-color: #e42417
}

.bg-warning {
	background: #f59f00;
	border-color: #f59f00
}

.bg-success {
	background: #008020;
	border-color: #008020
}

.bg-primary {
	background: #005BA3;
	border-color: #005BA3
}

.bg-secondary {
	background: #842bf8;
	border-color: #842bf8
}

.color-white {
	color: #fff
}

.color-black {
	color: #000
}

.color-info {
	color: #4babe2
}

.color-danger {
	color: #e42417
}

.color-warning {
	color: #f59f00
}

.color-success {
	color: #008020
}

.color-primary {
	color: #005BA3
}

.color-secondary {
	color: #842bf8
}

.bg-none {
	background: 0 0 !important
}

.navbar_toggler {
	display: none
}

body {
	padding-top: 120px
}

#navbar {
	background: #fff;
	height: 120px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	transition: all .2s
}

#navbar .container, #navbar .container-fluid {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.logo {
	display: flex;
	align-items: center
}

.logo img {
	height: 39px;
	display: block;
	transition: all .2s;
	flex-shrink: 0;
	margin-right: 15px
}

.logo strong {
	font-size: 1rem;
	font-weight: 400;
	color: #737373;
	flex-shrink: 0;
	display: block;
	line-height: 1.3em;
	transition: all .2s
}

#navbar.affix {
	background: #fff;
	height: 70px;
	box-shadow: 0 10px 30px -5px rgba(0, 0, 0, .1)
}

#navbar.affix .logo img {
	height: 30px
}

#navbar.affix .logo strong {
	font-size: .85rem
}

.navbar-nav {
	margin: 0;
	padding: 0;
	z-index: 666;
	list-style: none
}

.navbar-nav li {
	display: inline;
	list-style: none;
	margin-left: 30px;
	margin-bottom: 0;
	position: relative
}

.navbar-nav li:first-child {
	margin-left: 0
}

.navbar-nav a {
	text-decoration: none;
	font-family: Poppins, sans-serif;
	font-size: .9333333333rem;
	font-weight: 600;
	color: #000;
	padding: 5px 0;
	-webkit-transition: all .2s;
	transition: all .2s;
	display: inline-block;
	position: relative;
	overflow: hidden
}

.navbar-nav a::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: -25px;
	transition: all .2s;
	background: #005BA3;
	width: 25px;
	height: 5px;
	transform: skewX(-15deg)
}

.nav-accordion>.active>a, .navbar-nav .active>a, .navbar-nav a.active, .navbar-nav a:focus, .navbar-nav a:hover {
	color: #005BA3
}

.nav-accordion>.active>a {
	border-left: 5px solid #005BA3
}

.navbar-nav .active>a::after, .navbar-nav a.active::after, .navbar-nav a:focus::after, .navbar-nav a:hover::after {
	right: 1px
}

.dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	min-width: 230px;
	background: #fff;
	border-radius: 0;
	box-shadow: 0 5px 15px -2px rgba(0, 0, 0, .2);
	transform: scaleY(0);
	opacity: 0;
	transform-origin: top;
	transition: all .2s
}

.active+.dropdown {
	transform: scaleY(1);
	opacity: 1
}

.dropdown .dropdown {
	top: 0;
	left: 100%
}

.toLeft>.dropdown {
	top: 0;
	right: 100%;
	left: auto
}

.dropdown li {
	margin: 0;
	list-style: none;
	padding: 0;
	display: block;
	width: 100%
}

.dropdown a {
	padding: 10px 15px;
	display: block;
	border-top: 1px solid #e2e2e2;
	line-height: 1.1;
	font-size: 14px;
	font-family: Poppins, sans-serif;
	border-radius: 0
}

.dropdown a::after {
	display: none
}

.dropdown>li:hover>a {
	background: #005BA3;
	color: #fff
}

.dropdown>li:first-child>a {
	border: 0
}


.form {
	padding: 50px;
	margin: 50px 0;
	background-color: #f5f5f5;
}

.alert {
	box-sizing: border-box;
	padding: 0.5em 1.5em;
	color: white;
	font-weight: bold;
	margin-bottom: 10px;
	clear: both;
}

.alert-success {
	background-color: rgb(0, 119, 89);
}

.alert-danger {
	background-color: rgb(168, 0, 42);
}

.alert-info {
	background-color: rgb(0, 157, 168);
}

.js-labels .col:nth-child(2) {
	margin-right: 0
}

.js-labels .group {
	display: block;
	margin-bottom: 1.5rem;
	position: relative
}

.js-labels label {
	font-size: 1rem;
	display: block;
	position: absolute;
	left: 0;
	top: .5rem;
	z-index: 1;
	transition: all .3s
}

.js-labels .checkbox label, .js-labels .checkbox.focused label {
	position: relative;
	top: 0;
	font-size: .8rem;
	opacity: 1
}

.js-labels .focused label {
	top: -.7rem;
	font-size: .6rem;
	opacity: .7
}

.js-labels input, .js-labels select, .js-labels textarea {
	width: 100%;
	padding: .8rem 0;
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	transition: all .2s;
	outline: 0;
	font-size: 1rem;
	font-family: Poppins, sans-serif;
	line-height: 1.1;
	background: 0 0;
	position: relative;
}

.js-labels input:hover, .js-labels select:hover, .js-labels textarea:hover {
	box-shadow: 0 10px 15px -10px rgba(0, 0, 0, .1);
	transform: none;
	border-color: rgba(0, 0, 0, .4);
	background: linear-gradient(to top, rgba(255, 255, 255, .3) 0, rgba(255, 255, 255, 0) 100%)
}

.js-labels input:focus, .js-labels select:focus, .js-labels textarea:focus {
	border-color: rgba(0, 0, 0, .5);
	transform: translateY(0);
	box-shadow: none
}

.js-labels textarea {
	height: 9.5rem
}

.js-labels .checkbox {
	position: relative
}

.js-labels .checkbox input {
	width: auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99
}

.js-labels .checkbox label {
	font-size: .8rem;
	line-height: 1.3;
	position: relative;
	padding-left: 1.5rem
}

.js-labels .checkbox label p {
	margin-bottom: 0
}

.js-labels .checkbox label .more-content {
	margin-top: 15px
}

.js-labels .checkbox label li {
	margin-bottom: 5px
}

.js-labels .checkbox .more {
	color: #005BA3;
	text-decoration: none
}

.js-labels .checkbox .more-content {
	display: none
}

.js-labels .error {
	border-color: red
}

.js-labels .error-message {
	display: none
}

.js-labels .error-message:first-of-type {
	display: block;
	font-size: .7rem;
	color: red
}

.js-labels .btn {
	text-transform: uppercase;
	font-weight: bold;
	padding: 1.3em 2em;
}

.oferta .box {
	flex: 1;
	margin-right: 10px
}

.oferta .box:last-child {
	margin-right: 0
}

.minicard {
	background: #f4f4f4;
	padding: 15px;
	margin-bottom: 5px;
	align-items: center
}

.sub .minicard h5 {
	margin: 0;
	font-size: 18px
}

.lista-stron {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.lista-stron .card {
	height: 100%;
	border: 1px solid #e2e2e2;
	text-align: center;
	padding: 30px;
	margin-bottom: 30px;
	transition: all .2s
}

.poziom .card {
	margin-bottom: 10px
}

.downloads a {
	display: inline-flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: calc(100% - 60px);
	margin-bottom: 30px;
	padding: 30px;
	border-width: 1px;
	border-style: solid;
	border-color: #e2e2e2;
	border-image: initial;
	text-decoration: none;
	transition: all .2s ease 0s
}

.downloads.poziom a {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	padding: 10px;
	width: calc(100% - 20px);
	border: none;
	margin-bottom: 10px;
	margin-right: 0;
	text-decoration: none;
	transition: all .2s;
	border: 1px solid #e2e2e2
}

.downloads .poziom a img {
	margin-right: 10px
}

.downloads a .text span {
	color: #999 !important
}

.downloads a:hover {
	background: #f4f4f4
}

.downloads a img {
	max-width: 30px;
	margin-right: 30px
}

.downloads a .text {
	display: flex;
	flex-direction: column
}

.downloads a .text strong {
	font-weight: 400;
	font-size: 1rem;
	color: #333
}

.downloads a .text small {
	color: #999;
	font-size: .9rem
}

.gallery a::before, .gallery-index a::before, .gallery-index.captions .image::before, .gallery.captions .image::before {
	background-image: url(../img/zoom.svg);
	content: "";
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	z-index: 20;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30px auto;
	opacity: 0;
	transition: opacity .3s
}

.gallery a, .gallery-index a {
	margin: 0 30px 30px 0;
	overflow: hidden;
	background: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative
}

.gallery a img, .gallery-index a img {
	width: 100%;
	display: block;
	position: relative;
	z-index: 10;
	transition: all .3s
}

.gallery a:hover img, .gallery-index a:hover img {
	opacity: .6;
	transform: scale(1.03)
}

.gallery a:hover::before, .gallery-index a:hover::before {
	opacity: 1
}

.two-cols a {
	max-width: calc(100% * 1 / 2 - (30px - 30px * 1 / 2));
	width: calc(100% * 1 / 2 - (30px - 30px * 1 / 2));
	flex-basis: calc(100% * 1 / 2 - (30px - 30px * 1 / 2))
}

.two-cols a:nth-child(2n) {
	margin-right: 0
}

.three-cols a {
	max-width: calc(100% * 1 / 3 - (30px - 30px * 1 / 3));
	width: calc(100% * 1 / 3 - (30px - 30px * 1 / 3));
	flex-basis: calc(100% * 1 / 3 - (30px - 30px * 1 / 3))
}

.three-cols a:nth-child(3n) {
	margin-right: 0
}

.four-cols a {
	max-width: calc(100% * 1 / 4 - (30px - 30px * 1 / 4));
	width: calc(100% * 1 / 4 - (30px - 30px * 1 / 4));
	flex-basis: calc(100% * 1 / 4 - (30px - 30px * 1 / 4))
}

.four-cols a:nth-child(4n) {
	margin-right: 0
}

.five-cols a {
	max-width: calc(100% * 1 / 5 - (30px - 30px * 1 / 5));
	width: calc(100% * 1 / 5 - (30px - 30px * 1 / 5));
	flex-basis: calc(100% * 1 / 5 - (30px - 30px * 1 / 5))
}

.five-cols a:nth-child(5n) {
	margin-right: 0
}

.gallery-index.captions a, .gallery.captions a {
	text-decoration: none;
	flex-direction: column;
	background: 0 0
}

.gallery-index.captions a::before, .gallery.captions a::before {
	display: none
}

.gallery-index.captions a:hover .image::before, .gallery.captions a:hover .image::before {
	opacity: 1
}

.gallery-index.captions a:hover strong, .gallery.captions a:hover strong {
	color: #005BA3
}

.gallery-index.captions .image, .gallery.captions .image {
	overflow: hidden;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	background: #000;
	position: relative
}

.gallery-index.captions .image::before, .gallery.captions .image::before {
	content: "";
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	z-index: 20;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30px auto;
	opacity: 0;
	transition: opacity .3s
}

.gallery-index.captions strong, .gallery.captions strong {
	color: #404040;
	display: block;
	line-height: 1.3;
	margin-top: 10px
}

.captions.over strong {
	background: rgba(0, 0, 0, .7);
	margin-top: 0;
	padding: 10px;
	width: 100%;
	color: #fff;
	text-align: center;
	position: absolute;
	z-index: 20;
	bottom: 0;
	left: 0
}

.gallery-index.captions a .image::before, .gallery-index.captions a::before {
	display: none
}

.gallery-index.captions .image {
	background: #fff
}

footer {
	background: #000;
	color: #fff;
	padding: 30px 0
}

footer .footer_left {
	display: flex;
	align-items: center
}

footer .footer_left .ic {
	margin-right: 30px
}

footer .footer_left img {
	height: 24px;
	max-width: 24px;
	margin-right: 10px
}

footer #top {
	display: flex;
	align-items: center
}

footer #top img {
	height: 8px;
	margin-right: 5px
}

footer a {
	color: #fff;
	text-decoration: none;
	transition: all .2s
}

footer a:hover {
	color: #005BA3
}

footer hr {
	height: 1px;
	margin: 30px 0;
	border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, .2)
}

footer ul {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center
}

footer li {
	list-style: none;
	margin: 0 0 0 15px;
	font-size: 14px
}

body {
	background: #fff;
	width: 100%;
	overflow-x: hidden
}

a {
	color: #005BA3
}

.fluid {
	max-width: 100%;
	height: auto;
	display: block
}

header {
	background: url(../img/hero.jpg) center no-repeat;
	height: 640px
}

header .container {
	height: 100%
}

header a {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 8px;
	transition: all .3s
}

header a img {
	position: relative;
	z-index: 10;
	display: block;
	max-width: 100%;
	border-radius: 8px;
	transition: all 1s
}

header a:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .3)
}

header a:hover img {
	transform: scale(1.1);
	opacity: .9
}

header a strong {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 20;
	text-align: center;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: calc(100% - 30px);
	line-height: 1.3em;
	height: 70px;
	padding: 15px;
	color: #fff;
	font-weight: 600;
	font-size: 1.0666666667rem;
	background: linear-gradient(to top, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, 0) 100%)
}

#sprzet-laboratoryjny {
	padding: 100px 0 40px
}

#sprzet-laboratoryjny h6 {
	text-transform: uppercase;
	color: #005BA3;
	margin-top: 0;
	margin-bottom: 30px
}

#partners {
	padding: 100px 0 40px;
	background: url(../img/greybg.png) left bottom no-repeat
}

#partners .row:last-of-type span {
	padding: 15px 45px 15px 0;
	border-right: 1px solid rgba(0, 0, 0, .5)
}

#partners .row:last-of-type a {
	margin-left: 45px
}

#iso {
	height: 372px;
	background: url(../img/paralaksa.jpg) center no-repeat;
	background-attachment: fixed;
	position: relative
}

.sub #iso {
	margin-top: 60px;
}

#iso::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0, 0, 0, .6)
}

#iso .container {
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 20
}

#iso .row {
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between
}

#iso .row img {
	flex-shrink: 0;
	display: block;
	margin-right: 30px
}

#iso .row p {
	margin: 0;
	flex-shrink: 1;
	color: #fff;
	display: block
}

#breadcrumbs {
	padding: 15px 0;
	background: #f2f2f2;
	font-size: .8666666667rem
}

#breadcrumbs strong {
	margin-right: 15px;
	font-weight: 400
}

#breadcrumbs a::after {
	content: "/";
	margin-left: 10px;
	margin-right: 10px;
	color: #404040;
	opacity: .5
}

#breadcrumbs span {
	opacity: .5
}

.thumbnail {
	float: right;
	margin-left: 30px;
	overflow: hidden;
	display: block;
	max-width: 40%
}

.thumbnail img {
	display: block;
	width: 100%;
	transition: all .2s
}

.thumbnail:hover img {
	opacity: .9;
	transform: scale(1.03)
}

aside {
	margin-top: 60px
}

article {
	margin-top: 30px
}

.card.horizontal {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 30px
}

.card.horizontal .card_img {
	margin-right: 30px;
	flex-shrink: 0;
	display: block;
	overflow: hidden
}

.card.horizontal .card_img img {
	transition: all .2s
}

.card.horizontal .card_img:hover img {
	opacity: .9;
	transform: scale(1.03)
}

.card.horizontal small {
	font-size: .8rem;
	opacity: .7
}

.card.horizontal h3 {
	margin: 5px 0 15px;
	font-size: 1.2rem
}

.card.horizontal h3 a {
	color: #212121;
	transition: color .2s
}

.card.horizontal h3 a:hover {
	color: #005BA3
}

.card.horizontal p:last-of-type {
	margin-bottom: 0
}

aside .card.horizontal {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid rgba(0, 0, 0, .1)
}

aside .card.horizontal small {
	display: block;
	line-height: 1em
}

aside .card.horizontal h3 {
	font-size: 1rem;
	margin: 3px 0 0 0
}

aside .card.horizontal .card_img {
	max-width: 100px;
	margin-right: 15px
}

aside.col-4 h4 {
	margin-top: 20px;
	font-size: 1.6rem
}

.responsive-media {
	position: relative;
	overflow: hidden;
	padding-top: 56.25%
}

.responsive-media iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0
}

aside .title {
	font-weight: 700;
	color: #192c32;
	margin-bottom: 15px;
	font-size: 24px
}

.nav-accordion, .nav-accordion--opened {
	margin: 0;
	padding: 0
}

.nav-accordion ul li a, .nav-accordion--opened ul li a {
	color: #404040;
	text-decoration: none;
	display: block;
	line-height: 1.3em;
	padding: 7px 15px 7px 30px;
	transition: all .2s
}

.nav-accordion--opened>li>a, .nav-accordion>li>a {
	display: block;
	color: #404040;
	font-weight: 600;
	font-size: 1.0666666667rem;
	border-left: 5px solid #f2f2f2;
	transition: all .2s;
	padding: 7px 15px
}

.nav-accordion--opened>li>a.active, .nav-accordion--opened>li>a:hover, .nav-accordion>li>a.active, .nav-accordion>li>a:hover {
	border-color: #005BA3
}

.nav-accordion--opened>li>a.active, .nav-accordion>li>a.active {
	color: #005BA3
}

.nav-accordion ul, .nav-accordion--opened ul {
	margin: 3px 0 -3px;
	padding: 0
}

.nav-accordion ul a, .nav-accordion--opened ul a {
	padding: 7px 12px 7px 24px
}

.nav-accordion li, .nav-accordion--opened li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 3px 0
}

.nav-accordion--opened>li:first-child>a, .nav-accordion>li:first-child>a {
	border-top: 0
}

.nav-accordion ul li a.active, .nav-accordion ul li a:hover, .nav-accordion--opened ul li a.active, .nav-accordion--opened ul li a:hover {
	color: #005BA3
}

.nav-accordion .active ul {
	max-height: 100%
}

.nav-accordion ul {
	max-height: 0;
	overflow: hidden
}

.fb_slider_right {
	position: fixed;
	top: 180px;
	right: -320px;
	z-index: 10000;
	width: 348px;
	height: 100px;
	overflow: hidden;
	transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out
}

.fb_slider_right .sliderbody {
	float: left;
	width: 320px
}

.fb_slider_right:hover {
	right: 0;
	height: 100%
}

.fb_slider_right .button, .fb_slider_right iframe {
	float: left;
	background: #fff
}

#pages {
	margin: 0 0 15px;
	display: flex;
	width: auto !important;
	padding: 0 !important
}

.jPaginate {
	height: 34px;
	position: relative;
	color: #a5a5a5;
	font-size: small;
	width: 100%
}

.jPaginate a {
	line-height: 30px;
	height: 30px;
	cursor: pointer;
	padding: 0 10px !important;
	margin: 0 2px;
	float: left;
	text-decoration: none !important
}

.jPag-control-back {
	position: relative;
	left: auto;
	margin-right: 5px
}

.jPag-control-front {
	position: relative;
	top: auto;
	left: auto !important
}

.jPaginate span {
	cursor: pointer
}

ul.jPag-pages {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0
}

ul.jPag-pages li {
	display: inline;
	float: left;
	padding: 0;
	margin: 0
}

ul.jPag-pages li a {
	float: left;
	padding: 2px 5px
}

span.jPag-current {
	cursor: default;
	font-weight: 400;
	line-height: 30px;
	height: 30px;
	padding: 0 10px;
	margin: 0 2px;
	float: left
}

span.jPag-snext, span.jPag-snext-img, span.jPag-sprevious, span.jPag-sprevious-img, ul.jPag-pages li span.jPag-next, ul.jPag-pages li span.jPag-next-img, ul.jPag-pages li span.jPag-previous, ul.jPag-pages li span.jPag-previous-img {
	height: 34px;
	margin: 0 2px;
	float: left;
	line-height: 26px
}

ul.jPag-pages li span.jPag-previous, ul.jPag-pages li span.jPag-previous-img {
	margin: 2px 0 2px 2px;
	font-size: 12px;
	font-weight: 700;
	width: 10px
}

ul.jPag-pages li span.jPag-next, ul.jPag-pages li span.jPag-next-img {
	margin: 2px 2px 2px 0;
	font-size: 12px;
	font-weight: 700;
	width: 10px
}

span.jPag-sprevious, span.jPag-sprevious-img {
	margin: 2px 0 2px 2px;
	font-size: 14px;
	width: 15px;
	text-align: right
}

span.jPag-snext, span.jPag-snext-img {
	margin: 2px 2px 2px 0;
	font-size: 14px;
	width: 15px;
	text-align: right
}

ul.jPag-pages li span.jPag-previous-img {
	background: transparent url(../images/previous.png) no-repeat center right
}

ul.jPag-pages li span.jPag-next-img {
	background: transparent url(../images/next.png) no-repeat center left
}

span.jPag-sprevious-img {
	background: transparent url(../images/sprevious.png) no-repeat center right
}

span.jPag-snext-img {
	background: transparent url(../images/snext.png) no-repeat center left
}

.jPag-first, .jPag-last {
	line-height: 30px !important;
	font-size: 14px
}

.akordeon {
	width: 100%
}

.akordeon * {
	display: block
}

.akordeon .disabled {
	opacity: .5
}

.akordeon>tbody>tr>td {
	padding: 0;
	margin-bottom: -1px;
	border: 1px solid #e2e2e2 !important
}

.akordeon>tbody>tr:nth-child(2n) {
	overflow: hidden;
	max-height: 0;
	transition: all .2s;
	transition: all .2s;
	transform-origin: center top;
	transform: scaleY(0);
	transform-box: border-box
}

.akordeon>tbody>tr:nth-child(2n)>td {
	padding: 15px
}

.akordeon>tbody>.show {
	max-height: 100% !important;
	transform: scaleY(1) !important;
	transform-style: preserve-3d
}

.akordeon>tbody>tr>td>h2, .akordeon>tbody>tr>td>h3 {
	padding: 10px 15px;
	display: block;
	position: relative;
	margin: 0 !important;
	font-size: 18px;
	transition: all .2s;
	cursor: pointer
}

.akordeon>tbody>tr>td>h2:hover, .akordeon>tbody>tr>td>h3:hover {
	background: rgba(0, 0, 0, .02)
}

.akordeon>tbody>.active>td>h2, .akordeon>tbody>.active>td>h3, .akordeon>tbody>tr>td>h2:focus, .akordeon>tbody>tr>td>h3:focus {
	background: #005BA3 !important;
	color: #fff
}

.akordeon>tbody>.active>td>h2 small, .akordeon>tbody>.active>td>h3 small, .akordeon>tbody>tr>td>h2:focus small, .akordeon>tbody>tr>td>h3:focus small {
	color: #fff
}

.akordeon>tbody>.active>td>h2 span, .akordeon>tbody>.active>td>h3 span, .akordeon>tbody>tr>td>h2:focus span, .akordeon>tbody>tr>td>h3:focus span {
	opacity: 0
}

.akordeon>tbody>tr>td>h2 small, .akordeon>tbody>tr>td>h3 small {
	display: block;
	font-size: 12px;
	color: #999
}

.akordeon>tbody>tr>td>h2::after, .akordeon>tbody>tr>td>h3::after {
	content: "+";
	font-size: 30px;
	position: absolute;
	right: 15px;
	top: 10px;
	opacity: .5;
	transition: all .2s;
	background: 0 0;
	width: auto;
	height: auto;
	margin: 0
}

.akordeon>tbody>.active>td>h2::after, .akordeon>tbody>.active>td>h3::after, .akordeon>tbody>tr>td>h2:focus::after, .akordeon>tbody>tr>td>h3:focus::after {
	transform: rotate(45deg);
	color: #fff !important;
	opacity: 1
}

.akordeon>tbody>tr>td>h2 span, .akordeon>tbody>tr>td>h3 span {
	position: absolute;
	top: 23px;
	right: 45px;
	font-size: 10px;
	font-weight: 400;
	transition: all .3s;
	text-transform: uppercase
}

.akordeon table td p {
	margin-bottom: 0
}

.m-0 {
	margin: 0
}

.m-1.rem {
	margin: 1rem
}

.m-2.rem {
	margin: 2rem
}

.m-3.rem {
	margin: 3rem
}

.m-4.rem {
	margin: 4rem
}

.m-5.rem {
	margin: 5rem
}

.p-0 {
	padding: 0
}

.p-1.rem {
	padding: 1rem
}

.p-2.rem {
	padding: 2rem
}

.p-3.rem {
	padding: 3rem
}

.p-4.rem {
	padding: 4rem
}

.p-5.rem {
	padding: 5rem
}

.mt-0 {
	margin-top: 0
}

.mt-1.rem {
	margin-top: 1rem
}

.mt-2.rem {
	margin-top: 2rem
}

.mt-3.rem {
	margin-top: 3rem
}

.mt-4.rem {
	margin-top: 4rem
}

.mt-5.rem {
	margin-top: 5rem
}

.mb-0 {
	margin-bottom: 0
}

.mb-1.rem {
	margin-bottom: 1rem
}

.mb-2.rem {
	margin-bottom: 2rem
}

.mb-3.rem {
	margin-bottom: 3rem
}

.mb-4.rem {
	margin-bottom: 4rem
}

.mb-5.rem {
	margin-bottom: 5rem
}

.ml-0 {
	margin-left: 0
}

.ml-1.rem {
	margin-left: 1rem
}

.ml-2.rem {
	margin-left: 2rem
}

.ml-3.rem {
	margin-left: 3rem
}

.ml-4.rem {
	margin-left: 4rem
}

.ml-5.rem {
	margin-left: 5rem
}

.mr-0 {
	margin-right: 0
}

.mr-1.rem {
	margin-right: 1rem
}

.mr-2.rem {
	margin-right: 2rem
}

.mr-3.rem {
	margin-right: 3rem
}

.mr-4.rem {
	margin-right: 4rem
}

.mr-5.rem {
	margin-right: 5rem
}

.my-0 {
	margin: 0 auto
}

.my-1.rem {
	margin: 1rem auto
}

.my-2.rem {
	margin: 2rem auto
}

.my-3.rem {
	margin: 3rem auto
}

.my-4.rem {
	margin: 4rem auto
}

.my-5.rem {
	margin: 5rem auto
}

.mx-0 {
	margin: auto 0
}

.mx-1.rem {
	margin: auto 1rem
}

.mx-2.rem {
	margin: auto 2rem
}

.mx-3.rem {
	margin: auto 3rem
}

.mx-4.rem {
	margin: auto 4rem
}

.mx-5.rem {
	margin: auto 5rem
}

.pt-0 {
	padding-top: 0
}

.pt-1.rem {
	padding-top: 1rem
}

.pt-2.rem {
	padding-top: 2rem
}

.pt-3.rem {
	padding-top: 3rem
}

.pt-4.rem {
	padding-top: 4rem
}

.pt-5.rem {
	padding-top: 5rem
}

.pb-0 {
	padding-bottom: 0
}

.pb-1.rem {
	padding-bottom: 1rem
}

.pb-2.rem {
	padding-bottom: 2rem
}

.pb-3.rem {
	padding-bottom: 3rem
}

.pb-4.rem {
	padding-bottom: 4rem
}

.pb-5.rem {
	padding-bottom: 5rem
}

.pl-0 {
	padding-left: 0
}

.pl-1.rem {
	padding-left: 1rem
}

.pl-2.rem {
	padding-left: 2rem
}

.pl-3.rem {
	padding-left: 3rem
}

.pl-4.rem {
	padding-left: 4rem
}

.pl-5.rem {
	padding-left: 5rem
}

.pr-0 {
	padding-right: 0
}

.pr-1.rem {
	padding-right: 1rem
}

.pr-2.rem {
	padding-right: 2rem
}

.pr-3.rem {
	padding-right: 3rem
}

.pr-4.rem {
	padding-right: 4rem
}

.pr-5.rem {
	padding-right: 5rem
}

.py-0 {
	padding: 0 auto
}

.py-1.rem {
	padding: 1rem auto
}

.py-2.rem {
	padding: 2rem auto
}

.py-3.rem {
	padding: 3rem auto
}

.py-4.rem {
	padding: 4rem auto
}

.py-5.rem {
	padding: 5rem auto
}

.px-0 {
	padding: auto 0
}

.px-1.rem {
	padding: auto 1rem
}

.px-2.rem {
	padding: auto 2rem
}

.px-3.rem {
	padding: auto 3rem
}

.px-4.rem {
	padding: auto 4rem
}

.px-5.rem {
	padding: auto 5rem
}

.m-1.px {
	margin: 10px
}

.m-2.px {
	margin: 20px
}

.m-3.px {
	margin: 30px
}

.m-4.px {
	margin: 40px
}

.m-5.px {
	margin: 50px
}

.p-1.px {
	padding: 10px
}

.p-2.px {
	padding: 20px
}

.p-3.px {
	padding: 30px
}

.p-4.px {
	padding: 40px
}

.p-5.px {
	padding: 50px
}

.mt-1.px {
	margin-top: 10px
}

.mt-2.px {
	margin-top: 20px
}

.mt-3.px {
	margin-top: 30px
}

.mt-4.px {
	margin-top: 40px
}

.mt-5.px {
	margin-top: 50px
}

.mb-1.px {
	margin-bottom: 10px
}

.mb-2.px {
	margin-bottom: 20px
}

.mb-3.px {
	margin-bottom: 30px
}

.mb-4.px {
	margin-bottom: 40px
}

.mb-5.px {
	margin-bottom: 50px
}

.ml-1.px {
	margin-left: 10px
}

.ml-2.px {
	margin-left: 20px
}

.ml-3.px {
	margin-left: 30px
}

.ml-4.px {
	margin-left: 40px
}

.ml-5.px {
	margin-left: 50px
}

.mr-1.px {
	margin-right: 10px
}

.mr-2.px {
	margin-right: 20px
}

.mr-3.px {
	margin-right: 30px
}

.mr-4.px {
	margin-right: 40px
}

.mr-5.px {
	margin-right: 50px
}

.my-1.px {
	margin: 10px auto
}

.my-2.px {
	margin: 20px auto
}

.my-3.px {
	margin: 30px auto
}

.my-4.px {
	margin: 40px auto
}

.my-5.px {
	margin: 50px auto
}

.mx-1.px {
	margin: auto 10px
}

.mx-2.px {
	margin: auto 20px
}

.mx-3.px {
	margin: auto 30px
}

.mx-4.px {
	margin: auto 40px
}

.mx-5.px {
	margin: auto 50px
}

.pt-1.px {
	padding-top: 10px
}

.pt-2.px {
	padding-top: 20px
}

.pt-3.px {
	padding-top: 30px
}

.pt-4.px {
	padding-top: 40px
}

.pt-5.px {
	padding-top: 50px
}

.pb-1.px {
	padding-bottom: 10px
}

.pb-2.px {
	padding-bottom: 20px
}

.pb-3.px {
	padding-bottom: 30px
}

.pb-4.px {
	padding-bottom: 40px
}

.pb-5.px {
	padding-bottom: 50px
}

.pl-1.px {
	padding-left: 10px
}

.pl-2.px {
	padding-left: 20px
}

.pl-3.px {
	padding-left: 30px
}

.pl-4.px {
	padding-left: 40px
}

.pl-5.px {
	padding-left: 50px
}

.pr-1.px {
	padding-right: 10px
}

.pr-2.px {
	padding-right: 20px
}

.pr-3.px {
	padding-right: 30px
}

.pr-4.px {
	padding-right: 40px
}

.pr-5.px {
	padding-right: 50px
}

.py-1.px {
	padding: 10px auto
}

.py-2.px {
	padding: 20px auto
}

.py-3.px {
	padding: 30px auto
}

.py-4.px {
	padding: 40px auto
}

.py-5.px {
	padding: 50px auto
}

.px-1.px {
	padding: auto 10px
}

.px-2.px {
	padding: auto 20px
}

.px-3.px {
	padding: auto 30px
}

.px-4.px {
	padding: auto 40px
}

.px-5.px {
	padding: auto 50px
}

.w-10 {
	width: 10%
}

.w-20 {
	width: 20%
}

.w-30 {
	width: 30%
}

.w-40 {
	width: 40%
}

.w-50 {
	width: 50%
}

.w-60 {
	width: 60%
}

.w-70 {
	width: 70%
}

.w-80 {
	width: 80%
}

.w-90 {
	width: 90%
}

.w-100 {
	width: 100%
}

.vw-10 {
	width: 10vw
}

.vw-20 {
	width: 20vw
}

.vw-30 {
	width: 30vw
}

.vw-40 {
	width: 40vw
}

.vw-50 {
	width: 50vw
}

.vw-60 {
	width: 60vw
}

.vw-70 {
	width: 70vw
}

.vw-80 {
	width: 80vw
}

.vw-90 {
	width: 90vw
}

.vw-100 {
	width: 100vw
}

.h-10 {
	height: 10%
}

.h-20 {
	height: 20%
}

.h-30 {
	height: 30%
}

.h-40 {
	height: 40%
}

.h-50 {
	height: 50%
}

.h-60 {
	height: 60%
}

.h-70 {
	height: 70%
}

.h-80 {
	height: 80%
}

.h-90 {
	height: 90%
}

.h-100 {
	height: 100%
}

.vh-10 {
	height: 10vh
}

.vh-20 {
	height: 20vh
}

.vh-30 {
	height: 30vh
}

.vh-40 {
	height: 40vh
}

.vh-50 {
	height: 50vh
}

.vh-60 {
	height: 60vh
}

.vh-70 {
	height: 70vh
}

.vh-80 {
	height: 80vh
}

.vh-90 {
	height: 90vh
}

.vh-100 {
	height: 100vh
}

.fz-0_1.rem {
	font-size: .1rem
}

.fz-0_2.rem {
	font-size: .2rem
}

.fz-0_3.rem {
	font-size: .3rem
}

.fz-0_4.rem {
	font-size: .4rem
}

.fz-0_5.rem {
	font-size: .5rem
}

.fz-0_6.rem {
	font-size: .6rem
}

.fz-0_7.rem {
	font-size: .7rem
}

.fz-0_8.rem {
	font-size: .8rem
}

.fz-0_9.rem {
	font-size: .9rem
}

.fz-1.rem {
	font-size: 1rem
}

.fz-1_1.rem {
	font-size: 1.1rem
}

.fz-1_2.rem {
	font-size: 1.2rem
}

.fz-1_3.rem {
	font-size: 1.3rem
}

.fz-1_4.rem {
	font-size: 1.4rem
}

.fz-1_5.rem {
	font-size: 1.5rem
}

.fz-1_6.rem {
	font-size: 1.6rem
}

.fz-1_7.rem {
	font-size: 1.7rem
}

.fz-1_8.rem {
	font-size: 1.8rem
}

.fz-1_9.rem {
	font-size: 1.9rem
}

.fz-2.rem {
	font-size: 2rem
}

.fz-2_1.rem {
	font-size: 2.1rem
}

.fz-2_2.rem {
	font-size: 2.2rem
}

.fz-2_3.rem {
	font-size: 2.3rem
}

.fz-2_4.rem {
	font-size: 2.4rem
}

.fz-2_5.rem {
	font-size: 2.5rem
}

.fz-2_6.rem {
	font-size: 2.6rem
}

.fz-2_7.rem {
	font-size: 2.7rem
}

.fz-2_8.rem {
	font-size: 2.8rem
}

.fz-2_9.rem {
	font-size: 2.9rem
}

.fz-3.rem {
	font-size: 3rem
}

.fz-01 {
	font-size: 1px
}

.fz-02 {
	font-size: 2px
}

.fz-03 {
	font-size: 3px
}

.fz-04 {
	font-size: 4px
}

.fz-05 {
	font-size: 5px
}

.fz-06 {
	font-size: 6px
}

.fz-07 {
	font-size: 7px
}

.fz-08 {
	font-size: 8px
}

.fz-09 {
	font-size: 9px
}

.fz-1 {
	font-size: 10px
}

.fz-11 {
	font-size: 11px
}

.fz-12 {
	font-size: 12px
}

.fz-13 {
	font-size: 13px
}

.fz-14 {
	font-size: 14px
}

.fz-15 {
	font-size: 15px
}

.fz-16 {
	font-size: 16px
}

.fz-17 {
	font-size: 17px
}

.fz-18 {
	font-size: 18px
}

.fz-19 {
	font-size: 19px
}

.fz-20 {
	font-size: 20px
}

.fz-21 {
	font-size: 21px
}

.fz-22 {
	font-size: 22px
}

.fz-23 {
	font-size: 23px
}

.fz-24 {
	font-size: 24px
}

.fz-25 {
	font-size: 25px
}

.fz-26 {
	font-size: 26px
}

.fz-27 {
	font-size: 27px
}

.fz-28 {
	font-size: 28px
}

.fz-29 {
	font-size: 29px
}

.fz-30 {
	font-size: 30px
}

.fz-31 {
	font-size: 31px
}

.fz-32 {
	font-size: 32px
}

.fz-33 {
	font-size: 33px
}

.fz-34 {
	font-size: 34px
}

.fz-35 {
	font-size: 35px
}

.fz-36 {
	font-size: 36px
}

.fz-37 {
	font-size: 37px
}

.fz-38 {
	font-size: 38px
}

.fz-39 {
	font-size: 39px
}

.fz-40 {
	font-size: 40px
}

.fz-50 {
	font-size: 50px
}

.fz-60 {
	font-size: 60px
}

.fz-70 {
	font-size: 70px
}

.fz-80 {
	font-size: 80px
}

.fz-90 {
	font-size: 90px
}

.fz-100 {
	font-size: 100px
}

.madeby {
	line-height: 1em
}

.madeby small {
	font-size: 9px;
	float: left;
	margin: 3px 3px 0 0
}

.navbar__toggler {
	display: none
}

.checkbox label {
	max-width: calc(100% - 25px);
}


.kontakt-widget {
	position: fixed;
	z-index: 999;
	bottom: 30px;
	right: 30px;
	transition: all .3s;
}

.kontakt-widget:hover {
	transform: scale(1.05);
}

.kontakt-widget img {
	display: block;
}


.overlay {
	position: fixed;
	z-index: 999999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	align-items: center;
	justify-content: center;
	opacity: 0;
}

.overlay.show {
	display: flex;
	opacity: 0;
	animation: fade .5s ease 1 forwards;
}

@keyframes fade {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.overlay-backdrop {
	position: fixed;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: hsl(0, 0%, 0%, .4);
}

.overlay-wrapper {
	position: relative;
	z-index: 9999999;
	padding: 30px;
	background-color: #fff;
	box-shadow: 0 20px 50px -10px hsl(0, 0%, 0%, .7);
	width: 400px;
	max-width: 80vw;
}

.overlay-close {
	width: 35px;
	height: 35px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: monospace;
	font-size: 26px;
	color: red;
	background-color: #fff;
	box-shadow: -2px 2px 10px hsl(0, 0%, 0%, .2);

	position: absolute;
	top: -15px;
	right: -15px;
}


.overlay-content {
	overflow-y: auto;
	max-height: 85vh;
	width: 100%;
}

.overlay-content textarea {
	height: 4.5rem;
}




.pagination {
	display: flex
}

.pagination li {
	display: none;
	list-style: none;
	padding: 0;
}

.pagination li::before {display: none;}

.pagination .active, .pagination .insertPage, .pagination li:first-child, .pagination li:last-child {
	display: block
}

.pagination a, .pagination input {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin: 0 5px;
	padding: 0;
	text-align: center;
	color: #e1e1e1;
	border: 1px solid #e1e1e1;
	transition: all .2s
}

.pagination a:focus, .pagination a:hover, .pagination input:focus, .pagination input:hover {
	color: #005BA3;
	border: 1px solid #005BA3
}

.pagination input::placeholder {
	color: #e1e1e1;
	font-size: 16px;
	font-weight: 500
}

.pagination .active a {
	border: 1px solid #005BA3;
	background: #005BA3;
	color: #fff;
	cursor: text
}

.pagination .insertPage+.insertPage {
	display: none
}

.flex.items-center.justify-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.mt-30 {margin-top: 30px;}



.tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.tags a {
	color: white;
	padding: 5px 10px;
	font-size: 0.8125rem;
	border-radius: .25rem;
	background-color: #043c69;
	transition: all .3s;
}

.tags a:hover {
	background-color: #0469bb;
}







/*



												RWD



*/

.affix .dealer {display: none;}


@media screen and (max-width:1680px) {
	#sprzet-laboratoryjny {
		background-position: -200px bottom
	}
}

@media screen and (max-width:1440px) {
	#sprzet-laboratoryjny {
		background-position: -20vw bottom
	}

	.home header {
		height: 500px
	}
}

@media screen and (max-width:1280px) {
	header {
		height: 422px;
		background-size: 100% auto;
		background-position: top
	}

	#sprzet-laboratoryjny {
		background-position: -30vw bottom
	}

	.megamenu .dropdown a {
		padding: 7px 5px !important
	}
}

@media screen and (max-width:1199px) {
	.container {
		max-width: 94%
	}

	header {
		height: auto;
		padding-top: 24.5vh;
		background-size: contain
	}

	.home header {
		height: auto
	}

	.navbar-nav li {
		margin-left: 15px
	}

	.dropdown ul li {
		margin: 0
	}

	.logo img {
		height: 30px;
	}

	.logo strong {
		font-size: 0.75rem !important;
	}

	header a strong {
		width: calc(100% - 20px);
		padding: 10px;
		font-size: .95rem
	}

	#sprzet-laboratoryjny {
		padding-top: 50px;
		padding-bottom: 22px
	}

	#sprzet-laboratoryjny .col-8 .row:last-of-type a {
		margin-left: 20px
	}

	#sprzet-laboratoryjny .col-8 .row:last-of-type span {
		padding-right: 20px
	}

	#sprzet-laboratoryjny {
		background-position: -25vw bottom;
		background-size: contain
	}

	.footer_nav {
		display: none
	}

	footer .row:last-of-type {
		align-items: center;
		justify-content: center;
		text-align: center
	}
}

@media screen and (max-width:1023px) {
	.navbar__toggler {
		display: block;
		background: #fff;
		border: 1px solid #005BA3;
		padding: 4px
	}

	.navbar__toggler span {
		display: block;
		width: 30px;
		height: 3px;
		margin: 4px;
		background: #005BA3
	}

	#navbar {
		height: 80px
	}

	body {
		padding-top: 80px
	}

	.navbar-nav {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: #fff;
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .2);
		transform-origin: top;
		transition: all .2s;
		transform: scaleY(0);
		opacity: 0;
		max-height: 85vh;
		overflow-y: auto
	}

	.navbar-nav.show {
		transform: scaleY(1);
		opacity: 1
	}

	.navbar-nav li {
		display: block;
		width: 100%;
		margin: 0
	}

	.navbar-nav a {
		display: block;
		width: calc(100% - 30px);
		padding: 10px 15px;
		border-top: 1px solid #e2e2e2
	}

	.navbar-nav a::after {
		display: none
	}

	.sub .h1, .sub h1 {
		font-size: 2.5rem
	}

	.dropdown, .megamenu .dropdown {
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		width: 100%;
		min-width: 100%;
		background: rgba(0, 0, 0, .05);
		max-height: 0;
		box-shadow: none !important;
		display: block !important
	}

	.dropdown .dropdown a {
		padding-left: 30px;
		width: calc(100% - 45px);
		font-weight: 400
	}

	li:hover>.dropdown {
		max-height: 100%
	}

	.megamenu .dropdown>li {
		max-width: 100% !important
	}

	#sprzet-laboratoryjny .col-5, #sprzet-laboratoryjny .col-7 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin-right: 0;
		margin-bottom: 30px
	}

	#sprzet-laboratoryjny .col-5, .footer_right {
		justify-content: center
	}

	.table-responsive {
		width: 100%;
		overflow-x: auto
	}

	.dealer {
		top: 80px !important;
	}
}

@media screen and (max-width:800px) {
	header {
		/* background: linear-gradient(to bottom, #f2f2f2 0, #fff 100%); */
		padding-top: 200px
	}

	.oferta {
		justify-content: center
	}

	.oferta .box {
		width: calc(99.99% * 4 / 12 - (30px - 30px * 4 / 12));
		max-width: calc(99.99% * 4 / 12 - (30px - 30px * 4 / 12));
		flex-basis: calc(99.99% * 4 / 12 - (30px - 30px * 4 / 12));
		margin-right: 30px;
		margin-bottom: 30px
	}

	.oferta .box img {
		width: 100%
	}

	.oferta .box:nth-child(3n) {
		margin-right: 0
	}

	#sprzet-laboratoryjny {
		background: 0 0
	}

	#sprzet-laboratoryjny .col-4, #sprzet-laboratoryjny .col-8 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin-right: 0
	}

	#sprzet-laboratoryjny .col-4 img {
		display: block;
		margin: 30px auto 0
	}

	footer .footer_left {
		width: 100%;
		flex-direction: column
	}

	footer .footer_left .ic {
		margin: 0 0 15px
	}

	.footer_right {
		width: 100%;
		text-align: center
	}

	footer #top {
		width: auto;
		display: block
	}

	.sub article.col-8, .sub article.col-9, .sub aside.col-3, .sub aside.col-4 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin-right: 0
	}

	aside.col-3 {
		display: none
	}
}

@media screen and (max-width:640px) {
	#sprzet-laboratoryjny .col-8 .row:last-of-type {
		margin-top: 0;
		width: 100%;
		flex-direction: column
	}

	#sprzet-laboratoryjny .col-8 .row:last-of-type span {
		padding: 0 0 15px;
		margin: 0 0 15px 0;
		border-right: 0;
		border-bottom: 1px solid #e2e2e2
	}

	#sprzet-laboratoryjny .col-8 .row:last-of-type a {
		margin: 0 0 15px 0
	}

	#sprzet-laboratoryjny .col-6 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin-right: 0
	}

	#partners {
		padding: 30px 0;
		background: #f2f2f2 none
	}

	#partners .row {
		flex-direction: column
	}

	#partners .row:last-of-type span {
		padding: 0;
		border-right: 0;
		width: 100%;
		text-align: center;
		margin-bottom: 15px
	}

	#partners .row:last-of-type a {
		margin-left: 0;
		margin-top: 15px
	}

	.card.horizontal .card_img {
		max-width: 150px
	}

	.tabs {
		margin-bottom: 30px
	}
}

@media screen and (max-width:600px) {
	.sub #main .col-3, .sub #main .col-4, .sub #main .col-5, .sub #main .col-6, .sub #main .col-7, .sub #main .col-8, .sub #main .col-9 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin-right: 0
	}

	fieldset.col-5, fieldset.col-7 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin-right: 0
	}

	header {
		padding-top: 280px;
		background-size: auto 30%;
	}

	.dealer {
		top: 250px !important;
	}

	.sub .dealer {
		display: none;
	}
}

@media screen and (max-width:480px) {
	#sprzet-laboratoryjny {
		padding-top: 0
	}

	#navbar {
		border-bottom: 1px solid #e2e2e2
	}

	#breadcrumbs {
		display: none
	}

	.thumbnail {
		margin-left: 0;
		margin-bottom: 30px;
		width: 100%;
		max-width: 100%;
		display: block;
		float: none;
		height: 50vh;
		overflow: hidden
	}

	.thumbnail img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
		max-width: 666%
	}

	.three-cols a, .three-cols a:nth-child(3n) {
		max-width: calc(100% * 1 / 2 - (30px - 30px * 1 / 2));
		width: calc(100% * 1 / 2 - (30px - 30px * 1 / 2));
		flex-basis: calc(100% * 1 / 2 - (30px - 30px * 1 / 2));
		margin-right: 30px
	}

	.three-cols a:nth-child(2n) {
		margin-right: 0
	}

	.card.horizontal {
		align-items: flex-start
	}

	.card.horizontal .card_img {
		margin-right: 15px
	}

	.w-50 {
		width: 100%;
		margin: 0
	}
}

@media screen and (max-width:435px) {
	#sprzet-laboratoryjny .col-6 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin-right: 0
	}

	#sprzet-laboratoryjny .col-4 img {
		max-height: 50vh
	}

	#iso {
		height: auto
	}

	#iso .row {
		flex-direction: column;
		text-align: center;
		padding: 30px 0
	}

	#iso .row img {
		margin-right: 0;
		margin-bottom: 15px
	}
}

@media screen and (max-width:425px) {
	.oferta .box, .oferta .box:nth-child(3n) {
		width: calc(99.99% * 6 / 12 - (15px - 15px * 6 / 12));
		max-width: calc(99.99% * 6 / 12 - (15px - 15px * 6 / 12));
		flex-basis: calc(99.99% * 6 / 12 - (15px - 15px * 6 / 12));
		margin-right: 15px;
		margin-bottom: 15px
	}

	.oferta .box:nth-child(2n) {
		margin-right: 0
	}
}

@media screen and (max-width:414px) {
	.h1, h1 {
		font-size: 2.5rem
	}

	article .card.horizontal {
		flex-direction: column
	}

	article .card.horizontal .card_img {
		margin-right: 0;
		margin-bottom: 15px;
		max-width: 100%;
		width: 100%
	}

	article .card.horizontal .card_img img {
		width: 100%;
		max-width: 666%
	}

	aside .card.horizontal .card_img {
		max-width: 60px;
		margin-right: 15px;
		flex-shrink: 0
	}
}

.tabs {
	display: flex;
	flex-wrap: wrap;
	width: 100%
}

.tabs>label {
	order: 1;
	flex: auto;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	padding: .8rem 1rem;
	margin-right: .2rem;
	cursor: pointer;
	background: #f0f0f0;
	font-weight: 500;
	transition: background ease .2s
}

.tabs>label:hover {
	background: #dfdfdf
}

.tabs>label:last-of-type {
	margin-right: 0
}

.tabs .tab {
	order: 99;
	flex-grow: 1;
	width: calc(100% - 60px);
	display: none;
	padding: 30px;
	background: #f0f0f0
}

.tabs>input[type=radio] {
	display: none
}

.tabs>input[type=radio]:checked+label {
	background: #005BA3;
	color: #fff
}

.tabs>input[type=radio]:checked+label+.tab {
	display: block
}

.table-responsive {
	width: 100%;
	overflow-x: auto
}

@media (max-width:45em) {
	.tabs .tab, .tabs>label {
		order: initial
	}

	.tabs>label {
		width: 100%;
		margin-right: 0;
		margin-top: .2rem
	}
}

.megamenu.navbar-nav li {
	position: static
}

.megamenu .dropdown {
	display: flex;
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
	box-shadow: 0 20px 15px -2px rgba(0, 0, 0, .2);
	border-top: 1px solid #e2e2e2
}

.affix .megamenu .dropdown {
	top: 70px
}

.megamenu .dropdown a {
	border-top: none
}

.megamenu .dropdown>li {
	padding: 30px;
	max-width: 20%
}

.megamenu .dropdown>li:hover>a {
	background: 0 0;
	color: #000
}

.megamenu .dropdown ul {
	margin: 0
}

.megamenu .dropdown ul li a {
	font-weight: 400
}

.megamenu .dropdown li a:hover {
	transform: translateX(5px);
	color: #005BA3
}

@media screen and (max-width:1400px) {
	.megamenu .dropdown a {
		padding: 10px 5px
	}

	.megamenu .dropdown>li {
		padding: 30px 5px;
		margin: 0
	}

	.megamenu .dropdown>li {
		padding: 5px
	}
}


.dealer {
	position: absolute;
	top: 120px;
	right: 0;
	padding: 20px;
	z-index: 555;
	transition: all .2s;
}

.affix .dealer {
	top: 70px;
}

.dealer::after {
	content: '';
	position: absolute;
	top: 0;
	right: -30px;
	bottom: 0;
	left: 0;
	background-color: #f2f2f2;
	display: block;
	z-index: -1;
	transform: skewX(10deg);
}

.dealer img {
	display: block;
	margin-left: 15px;
	max-height: 35px;
	width: auto;
}

.dealer small {
	display: block;
	line-height: 1.2;
	font-size: 12px;
	text-align: right;
}



@media screen and (max-width: 375px) {
	.logo img {
		height: 25px !important;
		margin-right: 10px;
	}
}

@media screen and (max-width: 320px) {
	.logo strong {
		font-size: 9px;
	}
}