@charset "UTF-8";
/* ----------------------------------------------------------------------------- ACTIVEJET 3.0  */
/* CIASTECZKA */
/* #00ff00; */
/* #646464; */
/* kolor tekstu */
/* #dddddd; */
/* kolor tla */
/* CIASTECZKA (koniec) */
/* zmienne */
/* ------------------------------------------------------------------------------------------------------------------ */
/* main.scss ; Style ogolne do strony */
/* HTML 5 dla starszych przegladarek */
article, aside, details, dialog, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

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

[hidden] {
    display: none;
}

/* kolorowanie fonta i tla zaznaczenia */
::-moz-selection {
    /* Code for Firefox */
    color: #FFFFFF;
    background: #C6C6C6;
}

::selection {
    color: #FFFFFF;
    background: #C6C6C6;
}

html {
    font-size: 1em;
    min-height: 100%;
    position: relative;
}

body {
    margin: 0;
    margin-bottom: 100px;
    padding: 0;
    font-size: 1em;
    font-weight: 300;
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
    line-height: 1.5625em;
    min-height: 100%;
    color: #505050;
    background-color: #FFFFFF;
    /* bialy */
}

.icon-arrow-right {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e092";
}

.icon-arrow-left {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e091";
}

img {
    /* klasa isnieje tez w Bootstrap-ie, wartosc: 0 (zero) */
    border: none;
}

/*
.borderNone {
    border: none;
}
*/
/*
.row {
    margin-left: -15px;
    /* margin-right: 0;
    margin-right: -15px;
}
*/
hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #CBCBCB;
}

.margLewa0 {
    margin-left: 0 !important;
}

.margPrawa0 {
    margin-right: 0 !important;
}

.padLewa0 {
    padding-left: 0 !important;
}

.padPrawa0 {
    padding-right: 0 !important;
}

.no-margin {
    margin: 0;
}

.no-padding {
    padding: 0;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

/* ----------------------------------------------------------------------------- TRESC (szablon) (poczatek) */
h1, h2, h3 {
    font-family: "Titillium Web", Arial, Helvetica, sans-serif;
    /*color: #E2001A;*/
}

h4, h5, h6 {
    font-family: "Titillium Web", Arial, Helvetica, sans-serif;
    color: #2D2D2D;
    text-align: left;
}

h1:first-letter, h2:first-letter, h3:first-letter, h4:first-letter, h5:first-letter, h6:first-letter {
    text-transform: uppercase;
}

h1 {
    margin-top: 0;
    margin-right: -15px !important;
    padding: 0 30px 5px 0;
    font-size: 2.4em;
    line-height: 1.3em;
    font-weight: 200;
    color: #000000;
    text-decoration: none;
    text-align: left;
}

h2 {
    font-size: 1.65em;
    font-weight: 200;
}

h3 {
    font-size: 1.5em;
    font-weight: 200;
    color: #2D2D2D;
}

h4 {
    /* styl wykorzystywany tez jako tytuly tabel */
    font-size: 1.4em;
    font-weight: 300;
}

h5 {
    font-size: 1.3em;
    font-weight: 500;
}

h6 {
    font-size: 1.2em;
    font-weight: 500;
}

strong {
    font-weight: 500;
}

.flag-icon {
    background-size: cover;
    background-position: 0;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
}

div.szablonTekstKontener,
div.aktualnosciTekstKontener,
div.produktKartaKontener div#tabKontent,
div.podstronyTekstowe {
    font-size: 1em;
    /* style do listy uporzadkowanej v1-numerki w boxach */
    /* style do listy nie uporzadkowanej */
    /* tabele w aktualnosciach i certyfikatach */
    /* w tresci aktualnosci/newsa: "poprzedni", "nastepny" */
}

div.szablonTekstKontener .aktualnosciPrawyKontener,
div.aktualnosciTekstKontener .aktualnosciPrawyKontener,
div.produktKartaKontener div#tabKontent .aktualnosciPrawyKontener,
div.podstronyTekstowe .aktualnosciPrawyKontener {
    text-align: justify;
}

div.szablonTekstKontener .aktualnosciPrawyKontener img,
    /*div.aktualnosciTekstKontener .aktualnosciPrawyKontener img,*/
div.produktKartaKontener div#tabKontent .aktualnosciPrawyKontener img,
div.podstronyTekstowe .aktualnosciPrawyKontener img {
    max-width: 100%;
}

div.szablonTekstKontener img.aktualnosciObrazek,
div.szablonTekstKontener img.certyfikatObrazek,
div.aktualnosciTekstKontener img.aktualnosciObrazek,
div.aktualnosciTekstKontener img.certyfikatObrazek,
div.produktKartaKontener div#tabKontent img.aktualnosciObrazek,
div.produktKartaKontener div#tabKontent img.certyfikatObrazek,
div.podstronyTekstowe img.aktualnosciObrazek,
div.podstronyTekstowe img.certyfikatObrazek {
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
}

div.szablonTekstKontener a,
div.aktualnosciTekstKontener a,
div.produktKartaKontener div#tabKontent a,
div.podstronyTekstowe a {
    color: #000000;
    text-decoration: underline;
    border-bottom: 1px solid #FFFFFF;
    transition: color 0.1s, text-decoration 0.3s, border-bottom 0.1s;
}

div.szablonTekstKontener a:hover, div.szablonTekstKontener a:focus,
div.aktualnosciTekstKontener a:hover,
div.aktualnosciTekstKontener a:focus,
div.produktKartaKontener div#tabKontent a:hover,
div.produktKartaKontener div#tabKontent a:focus,
div.podstronyTekstowe a:hover,
div.podstronyTekstowe a:focus {
    color: #000000;
    text-decoration: underline #FFFFFF;
}

div.szablonTekstKontener blockquote,
div.aktualnosciTekstKontener blockquote,
div.produktKartaKontener div#tabKontent blockquote,
div.podstronyTekstowe blockquote {
    display: table;
    margin: 15px;
    padding-left: 20px;
    font-size: 1em;
    font-style: italic;
    color: #878787;
    border-left: solid 1px #878787;
    /*  background-image: url(../images/cytat-otwarcie.jpg), url(../images/cytat-zamkniecie.jpg); 
            background-position: 10px 100%, top right;   first horizontal ; second vertical 
            background-repeat: no-repeat, no-repeat;
            transition: background-size 1s; */
}

div.szablonTekstKontener blockquote cite,
div.aktualnosciTekstKontener blockquote cite,
div.produktKartaKontener div#tabKontent blockquote cite,
div.podstronyTekstowe blockquote cite {
    font-size: 16px;
    font-style: normal;
}

div.szablonTekstKontener blockquote cite::before,
div.aktualnosciTekstKontener blockquote cite::before,
div.produktKartaKontener div#tabKontent blockquote cite::before,
div.podstronyTekstowe blockquote cite::before {
    content: " - ";
}

div.szablonTekstKontener blockquote cite::after,
div.aktualnosciTekstKontener blockquote cite::after,
div.produktKartaKontener div#tabKontent blockquote cite::after,
div.podstronyTekstowe blockquote cite::after {
    content: " - ";
}

div.szablonTekstKontener ol,
div.aktualnosciTekstKontener ol,
div.produktKartaKontener div#tabKontent ol,
div.podstronyTekstowe ol {
    margin: 0 0 0 20px;
    padding: 0;
    list-style-type: none;
}

div.szablonTekstKontener ol li,
div.aktualnosciTekstKontener ol li,
div.produktKartaKontener div#tabKontent ol li,
div.podstronyTekstowe ol li {
    margin-bottom: 5px;
    counter-increment: step-counter;
}

div.szablonTekstKontener ol li::before,
div.aktualnosciTekstKontener ol li::before,
div.produktKartaKontener div#tabKontent ol li::before,
div.podstronyTekstowe ol li::before {
    content: counter(step-counter);
    display: inline-table;
    width: 28px;
    margin-right: 10px;
    padding-right: 1px;
    padding-bottom: 1px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: 500;
    color: #000000;
    text-align: center;
    border-radius: 1px;
    border: 1px solid #cbcbcb;
    background-color: #FFFFFF;
}

div.szablonTekstKontener ul,
div.aktualnosciTekstKontener ul,
div.produktKartaKontener div#tabKontent ul,
div.podstronyTekstowe ul {
    list-style-position: outside;
    list-style-type: none;
    margin: 0 0 15px 15px;
    padding: 0;
}

div.szablonTekstKontener ul li,
div.aktualnosciTekstKontener ul li,
div.produktKartaKontener div#tabKontent ul li,
div.podstronyTekstowe ul li {
    margin: 0 0;
    padding: 0 0;
    counter-increment: none !important;
}

div.szablonTekstKontener ul li:before,
div.aktualnosciTekstKontener ul li:before,
div.produktKartaKontener div#tabKontent ul li:before,
div.podstronyTekstowe ul li:before {
    margin-right: 10px;
    padding: 0;
    float: left;
    content: "\e074";
    font-family: "Glyphicons Halflings";
    font-size: 10px;
    font-weight: 500;
    text-align: center;
    color: #878787;
    border-radius: 0;
    border: none;
    background-color: transparent;
}

div.szablonTekstKontener ul > li > ul > li:before,
div.aktualnosciTekstKontener ul > li > ul > li:before,
div.produktKartaKontener div#tabKontent ul > li > ul > li:before,
div.podstronyTekstowe ul > li > ul > li:before {
    font-family: "Glyphicons Halflings";
    font-size: 10px;
    content: "\2212";
    color: #CCCCCC;
}

div.szablonTekstKontener table > thead > tr > th,
div.aktualnosciTekstKontener table > thead > tr > th,
div.produktKartaKontener div#tabKontent table > thead > tr > th,
div.podstronyTekstowe table > thead > tr > th {
    font-size: 0.95em;
    font-weight: 600;
    text-align: center;
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

div.szablonTekstKontener table > tbody > tr > th,
div.aktualnosciTekstKontener table > tbody > tr > th,
div.produktKartaKontener div#tabKontent table > tbody > tr > th,
div.podstronyTekstowe table > tbody > tr > th {
    font-size: 0.95em;
    font-weight: 600;
}

div.szablonTekstKontener table > tbody > tr > td,
div.aktualnosciTekstKontener table > tbody > tr > td,
div.produktKartaKontener div#tabKontent table > tbody > tr > td,
div.podstronyTekstowe table > tbody > tr > td {
    font-size: 0.94em;
}

div.szablonTekstKontener .pager,
div.aktualnosciTekstKontener .pager,
div.produktKartaKontener div#tabKontent .pager,
div.podstronyTekstowe .pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

div.szablonTekstKontener .pager li,
div.aktualnosciTekstKontener .pager li,
div.produktKartaKontener div#tabKontent .pager li,
div.podstronyTekstowe .pager li {
    display: inline;
}

div.szablonTekstKontener .pager li:before,
div.aktualnosciTekstKontener .pager li:before,
div.produktKartaKontener div#tabKontent .pager li:before,
div.podstronyTekstowe .pager li:before {
    content: "";
}

div.szablonTekstKontener .pager li > a,
div.szablonTekstKontener .pager li > span,
div.aktualnosciTekstKontener .pager li > a,
div.aktualnosciTekstKontener .pager li > span,
div.produktKartaKontener div#tabKontent .pager li > a,
div.produktKartaKontener div#tabKontent .pager li > span,
div.podstronyTekstowe .pager li > a,
div.podstronyTekstowe .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    color: #878787;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 0;
    text-decoration: none;
    transition: all 0.5s;
}

div.szablonTekstKontener .pager li > a:hover,
div.szablonTekstKontener .pager li > a:focus,
div.aktualnosciTekstKontener .pager li > a:hover,
div.aktualnosciTekstKontener .pager li > a:focus,
div.produktKartaKontener div#tabKontent .pager li > a:hover,
div.produktKartaKontener div#tabKontent .pager li > a:focus,
div.podstronyTekstowe .pager li > a:hover,
div.podstronyTekstowe .pager li > a:focus {
    text-decoration: none;
    color: #000000;
    border: 1px solid #333333;
    background-color: #FFFFFF;
}

div.szablonTekstKontener .pager .next > a,
div.szablonTekstKontener .pager .next > span,
div.aktualnosciTekstKontener .pager .next > a,
div.aktualnosciTekstKontener .pager .next > span,
div.produktKartaKontener div#tabKontent .pager .next > a,
div.produktKartaKontener div#tabKontent .pager .next > span,
div.podstronyTekstowe .pager .next > a,
div.podstronyTekstowe .pager .next > span {
    float: right;
}

div.szablonTekstKontener .pager .previous > a,
div.szablonTekstKontener .pager .previous > span,
div.aktualnosciTekstKontener .pager .previous > a,
div.aktualnosciTekstKontener .pager .previous > span,
div.produktKartaKontener div#tabKontent .pager .previous > a,
div.produktKartaKontener div#tabKontent .pager .previous > span,
div.podstronyTekstowe .pager .previous > a,
div.podstronyTekstowe .pager .previous > span {
    float: left;
}

div.szablonTekstKontener .pager .disabled > a,
div.szablonTekstKontener .pager .disabled > a:hover,
div.szablonTekstKontener .pager .disabled > a:focus,
div.szablonTekstKontener .pager .disabled > span,
div.aktualnosciTekstKontener .pager .disabled > a,
div.aktualnosciTekstKontener .pager .disabled > a:hover,
div.aktualnosciTekstKontener .pager .disabled > a:focus,
div.aktualnosciTekstKontener .pager .disabled > span,
div.produktKartaKontener div#tabKontent .pager .disabled > a,
div.produktKartaKontener div#tabKontent .pager .disabled > a:hover,
div.produktKartaKontener div#tabKontent .pager .disabled > a:focus,
div.produktKartaKontener div#tabKontent .pager .disabled > span,
div.podstronyTekstowe .pager .disabled > a,
div.podstronyTekstowe .pager .disabled > a:hover,
div.podstronyTekstowe .pager .disabled > a:focus,
div.podstronyTekstowe .pager .disabled > span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
}

@media only screen and (max-width: 480px) {
    div.szablonTekstKontener .pager li > a,
    div.szablonTekstKontener .pager li > span,
    div.aktualnosciTekstKontener .pager li > a,
    div.aktualnosciTekstKontener .pager li > span,
    div.produktKartaKontener div#tabKontent .pager li > a,
    div.produktKartaKontener div#tabKontent .pager li > span,
    div.podstronyTekstowe .pager li > a,
    div.podstronyTekstowe .pager li > span {
        font-size: 13px;
    }
}

/* 
div.szablonTekstKontener, 
div.aktualnosciTekstKontener,
div.produktKartaKontener div#tabKontent,
div.podstronyTekstowe
(zamkniecie) */
/* ------------------------------------------------- Wspolpraca (box) (poczatek) */
div.wspolpracaKontener {
    /* klasa do boxa z danym zagadnieniem we wspolpracy  */
}

div.wspolpracaKontener div.wspolpracaBox,
div.wspolpracaKontener div.cienBox {
    height: 280px;
}

div.wspolpracaKontener div.cienKontener > div.cienBox {
    height: 280px;
    -webkit-box-shadow: inset 0 0 50px 0 rgba(227, 227, 227, 0.75);
    -moz-box-shadow: inset 0 0 50px 0 rgba(227, 227, 227, 0.75);
    box-shadow: inset 0 0 50px 0 rgba(227, 227, 227, 0.75);
}

div.wspolpracaKontener div.wspolpracaBox div.cienKontener :hover {
    -webkit-box-shadow: inset 0 0 50px 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: inset 0 0 50px 0 rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 50px 0 rgba(255, 255, 255, 0);
    border: 1px solid #CCCCCC;
}

div.wspolpracaKontener div.wspolpracaBox {
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}

div.wspolpracaKontener div.wspolpracaBox div.cienKontener {
    position: relative;
}

div.wspolpracaKontener div.wspolpracaBox div.photo-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    align-items: center;
    height: 200px;
    margin: 10px auto;
    padding: 0;
    width: 92%;
    transition: all 1s;
}

div.wspolpracaKontener div.wspolpracaBox div.photo-container img {
    flex: 0 0 auto;
    object-fit: scale-down;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
}

div.wspolpracaKontener div.wspolpracaBox a {
    text-decoration: none;
    cursor: pointer;
}

div.wspolpracaKontener div.wspolpracaBox a p.nazwaWspolpraca {
    text-overflow: ellipsis;
    margin: 0 10px;
    padding: 0 0;
    min-height: 28px;
    font-size: 18px;
    color: #E2001A;
    text-decoration: none !important;
    transition: all 1s;
}

div.wspolpracaKontener div.wspolpracaBox:hover p.nazwaWspolpraca {
    color: #B10015;
}

div.wspolpracaKontener div.wspolpracaBox:hover p.opisProduktu {
    color: #000000;
}

@media only screen and (max-width: 480px) {
    div.wspolpracaKontener div.wspolpracaBox {
        width: 100%;
    }
}

/* div.wspolpracaKontener (zamkniecie) */
div.listaAktualnosciKontener {
    /* aktualnosc tekst lewa kolumna ze spisem aktualnosci */
}

div.listaAktualnosciKontener h3 {
    margin-top: 0 !important;
}

div.listaAktualnosciKontener ul.listaAktualnosci, div.listaAktualnosciKontener ul.listaAktualnosci li {
    margin: 0;
    padding: 0;
    list-style: none !important;
}

div.listaAktualnosciKontener ul.listaAktualnosci li:before {
    content: none;
}

div.listaAktualnosciKontener a {
    position: relative;
    display: block;
    margin: 0 0 20px 0;
    padding: 0 0 6px 0;
    border: none;
    text-decoration: none !important;
    transition: all 1s;
}

div.listaAktualnosciKontener a p {
    display: block;
    margin: 0 0 15px 0;
    padding: 0 0 3px 0;
    color: #646464;
    font-size: 1.05em;
    font-weight: 200;
    border-bottom: 1px solid #CCCCCC;
    transition: all 1s;
}

div.listaAktualnosciKontener a span {
    display: block;
    position: absolute;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    right: 0;
    bottom: 0;
    font-size: 0.77em;
    color: #828282;
    border-bottom: none;
    transition: all 1s;
}

div.listaAktualnosciKontener a:hover {
    border: none;
}

div.listaAktualnosciKontener a:hover, div.listaAktualnosciKontener a:hover p {
    color: #000;
    text-decoration: none !important;
}

div.listaAktualnosciKontener a:hover p {
    border-bottom: 1px solid #646464;
}

/* ------------------------------------------------------ Formularze (poczatek) */
/* style fo filtrow produkt├│w patrz: _produkty.scss linia:10 */
label {
    display: inline-block;
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: 500;
}

.form-control {
    border-radius: 0;
    box-shadow: none;
}

.form-control:hover {
    border-color: #878787;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control:focus {
    border-color: #878787;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.captcza {
    margin-top: 10px;
}

.btn {
    border-radius: 0;
}

.btn-default {
    color: #646464;
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}

.btn-default:focus,
.btn-default.focus {
    color: #000000;
    background-color: #FFFFFF;
    border-color: #000000;
}

.btn-default:hover {
    color: #000000;
    background-color: #FFFFFF;
    border-color: #000000;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-color: #FFFFFF;
    border-color: #000000;
    color: #000000;
}

.btn-flags {
    background: none;
}

/* style fo filtrow produkt├│w patrz: _produkty.scss linia:10 */
/* ------------------------------------------------------ Formularze (koniec) */
/* --------------------------------------- Stronicowanie/Paginacja (poczatek) */
#stronicowanieProdukty {
    clear: both;
}

select#select_page {
    height: 36px;
}

div.certyfikatyPrawyKontener .pagination > li {
    display: inline;
}

div.certyfikatyPrawyKontener .pagination > li > a,
div.certyfikatyPrawyKontener .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

div.certyfikatyPrawyKontener .pagination > li:first-child > a,
div.certyfikatyPrawyKontener .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

div.certyfikatyPrawyKontener .pagination > li:last-child > a,
div.certyfikatyPrawyKontener .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

div.certyfikatyPrawyKontener .pagination > li > a:hover,
div.certyfikatyPrawyKontener .pagination > li > span:hover,
div.certyfikatyPrawyKontener .pagination > li > a:focus,
div.certyfikatyPrawyKontener .pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}

div.certyfikatyPrawyKontener .pagination > .active > a,
div.certyfikatyPrawyKontener .pagination > .active > span,
div.certyfikatyPrawyKontener .pagination > .active > a:hover,
div.certyfikatyPrawyKontener .pagination > .active > span:hover,
div.certyfikatyPrawyKontener .pagination > .active > a:focus,
div.certyfikatyPrawyKontener .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

div.certyfikatyPrawyKontener .pagination > .disabled > span,
div.certyfikatyPrawyKontener .pagination > .disabled > span:hover,
div.certyfikatyPrawyKontener .pagination > .disabled > span:focus,
div.certyfikatyPrawyKontener .pagination > .disabled > a,
div.certyfikatyPrawyKontener .pagination > .disabled > a:hover,
div.certyfikatyPrawyKontener .pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

/* ----------------------------------------- Stronicowanie/Paginacja (koniec) */
/* ----------------------------------------------------------------------------- TRESC (szablon) (koniec) */
/*---- o firmie ----*/
.firma .newsfeed_date {
    width: 230px;
    font-weight: bold;
    font-size: 10px;
}

.container {
    max-width: 100%;
}

.news-filters-box {
    padding-bottom: 25px;
}

.margin-left--1px {
    margin-left: -1px !important;
}

@media print {
    a[href]:after {
        content: none !important;
    }
}

/* Style ogolne do strony */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* naglow-stopka.scss ; Style do naglowka (logo, wyszukiwarka, menu glowne, menu produkty) i stopki */
/* ----------------------------------------------------------------------------- NAGLOWEK (poczatek) */
div.logoAJetKontener {
    padding-left: 0;
    transition: none;
    z-index: 1000;
}

img.logoAJet {
    /*    margin-top: 10px; */
}

@media only screen and (min-width: 1280px) {
    div.logoAJetKontener {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1280px) {
    div.logoAJetKontener {
        margin-top: 20px;
        width: 20%;
    }
}

@media only screen and (min-width: 770px) and (max-width: 1000px) {
    div.logoAJetKontener {
        margin-top: 20px;
        width: 20%;
    }
}

@media only screen and (min-width: 680px) and (max-width: 770px) {
    div.logoAJetKontener {
        margin-top: 10px;
        width: 20%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 680px) {
    div.logoAJetKontener {
        margin-top: 10px;
        width: 25%;
    }
}

@media only screen and (max-width: 480px) {
    div.logoAJetKontener {
        margin-top: 10px;
    }
}

/* ----------------------------------------------------------------------------- WYSZUKIWARKA (poczatek) */


div.wyszukJezkiKontener {
    display: block;
    min-height: 50px;
    transition: width 0.5s;
}


div.wyszukiwarkaKontener {
    transition: width 0.5s;
}

div.wyszukiwarkaKontener > div > form {
    margin-bottom: 0;
    padding-bottom: 0;
}

div.jezykiKontener span.glyphicon-search {
    cursor: pointer;
}

div.jezykiKontener span.przyciskSzukaj {
    margin: 6px 6px 0;
}


@media only screen and (min-width: 1680px) {
    div.wyszukJezkiKontener {
        width: 60%;
    }

    div.wyszukiwarkaKontener {
        width: 80%;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1680px) {
    div.wyszukJezkiKontener {
        width: 60%;
    }

    div.wyszukiwarkaKontener {
        width: 80%;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1400px) {
    div.wyszukJezkiKontener {
        width: 60%;
    }

    div.wyszukiwarkaKontener {
        width: 80%;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1280px) {
    div.wyszukJezkiKontener {
        width: 68%;
    }

    div.wyszukiwarkaKontener {
        width: 80%;
    }
}

@media only screen and (min-width: 770px) and (max-width: 1000px) {
    div.wyszukJezkiKontener {
        width: 100%;
    }

    div.wyszukiwarkaKontener {
        width: 80%;
    }
}

@media only screen and (min-width: 680px) and (max-width: 770px) {
    div.wyszukJezkiKontener {
        padding-top: 10px;
        width: 100%;
    }

    div.wyszukiwarkaKontener {
        width: 80%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 680px) {
    div.wyszukJezkiKontener {
        padding-top: 10px;
        width: 100%;
    }

    div.wyszukiwarkaKontener {
        width: 65%;
    }
}

@media only screen and (max-width: 480px) {
    div.wyszukJezkiKontener {
        padding-top: 10px;
        width: 100%;
    }

    div.wyszukiwarkaKontener {
        width: 65%;
    }
}


div.jezykiDropdownKontener {
    display: block;
}

div.jezykiDropdownKontener #dropdownMenuJezyki {
}

div.jezykiDropdownKontener img.jezykFlaga {
    padding: 0;
    width: 22px;
    border: 1px solid #e5e5e5;
}

div.jezykiDropdownKontener > ul > li > a > img {
    padding: 0;
    width: 20px;
}

/* dropdown do jezykow */
.language-chooser img {
    border: 1px solid #e5e5e5;
}

/* ----------------------------------------------------------------------------- WYSZUKIWARKA (KONIEC) */
/*  |   */
/*  |   */
/* ----------------------------------------------------------------------------- MENU (poczatek) */
div.naglowekKontener {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}

.navbar-right {
    margin-right: 0;
}

.navbar-default {
    background-color: transparent;
    border: none;
}

.navbar {
    margin-bottom: 20px;
    border-radius: 0;
}

.navbar-default .navbar-nav > li > a {
    color: #565656;
    font-family: "Titillium Web", Arial, Helvetica, sans-serif;
}

.navbar-nav > li > a {
    margin: 0 5px;
    padding: 10px;
    border-bottom: 1px solid #FFFFFF;
    transition: color 0.5s, border-bottom 0.4s;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    border-bottom: 1px solid #333333;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
}

/*
.navbar-default .navbar-nav > li > a::before,
.navbar-default .navbar-nav > li > a::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 1px;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: center left;
    transform-origin: center left;
    -webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); 
}
*/
.navbar-default .navbar-nav > li > a:hover::before,
.navbar-default .navbar-nav > li > a:focus::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.navbar-default .navbar-nav > li > a::before {
    background: #333333;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.navbar-default .navbar-nav > li > a::after {
    background: #333333;
}

/* ---------------------------------------------------------------- Menu glowne */
.menuGlowKontener {
    margin-bottom: 0 !important;
}

.menuGlowKontener ul.menuGlowne > li > a {
    font-size: 0.8em;
}

.menuGlowKontener ul.dropdown-menu a {
    text-transform: lowercase;
}

.menuGlowKontener span.caret {
    margin-left: 6px;
}

.menuGlowKontener > div.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.menuGlowKontener > div.container-fluid > div.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

/* -------------------------------------------------------------- Menu produkty */
.menuProdKontener {
    margin-bottom: 5px !important;
    /*    background-color: rgba(0,250,250,0.5);  */
}

@media only screen and (min-width: 1680px) {
    .menuProdKontener {
        margin-top: 0;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1680px) {
    .menuProdKontener {
        margin-top: 0;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1400px) {
    .menuProdKontener {
        margin-top: 0;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1280px) {
    .menuProdKontener {
        margin-top: 0;
    }
}

@media only screen and (min-width: 770px) and (max-width: 1000px) {
    .menuProdKontener {
        margin-top: 0;
    }
}

@media only screen and (min-width: 680px) and (max-width: 770px) {
    .menuProdKontener {
        margin-top: 50px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 680px) {
    .menuProdKontener {
        margin-top: 50px;
    }
}

@media only screen and (max-width: 480px) {
    .menuProdKontener {
        margin-top: 50px;
    }
}

.menuProdKontener ul.menuProdukty {
    max-width: 100%;
    margin-top: 0;
}

.menuProdKontener ul.menuProdukty > li > a {
    font-size: 0.9em;
    color: #000000;
    text-transform: uppercase;
}

.menuProdKontener span.caret {
    margin-left: 8px;
}

.menuProdKontener > div.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.menuProdKontener > div.container-fluid > div.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

/* -------------------------------------------------------------- Menu glowne + produkty 'collapse' */
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: transparent;
}

@media only screen and (min-width: 680px) and (max-width: 770px) {
    .navbar-nav .open .dropdown-menu {
        border-bottom: 1px solid #000000;
    }

    .navbar-nav .open .dropdown-menu > li > a {
        margin-left: 20px;
    }

    .menuGlowKontener ul.menuGlowne > li > a,
    .menuProdKontener ul.menuProdukty > li > a {
        margin-left: 20px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 680px) {
    .navbar-nav .open .dropdown-menu {
        border-bottom: 1px solid #000000;
    }

    .navbar-nav .open .dropdown-menu > li > a {
        margin-left: 20px;
    }

    .menuGlowKontener ul.menuGlowne > li > a,
    .menuProdKontener ul.menuProdukty > li > a {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .navbar-nav .open .dropdown-menu {
        border-bottom: 1px solid #000000;
    }

    .navbar-nav .open .dropdown-menu > li > a {
        margin-left: 20px;
    }

    .menuGlowKontener ul.menuGlowne > li > a,
    .menuProdKontener ul.menuProdukty > li > a {
        margin-left: 20px;
    }
}

/* ----------------------------------------------------------------------------- MENU (koniec) */
/*  |   */
/*  |   */
/* ----------------------------------------------------------------------------- DROPDOWN MENU (poczatek) */
.input-group-btn {
    font-size: 1em;
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 0.88em;
    left: 0;
    list-style: outside none none;
    margin: 0 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    color: #000000;
    background-color: #FFFFFF;
    border-color: #000000;
    outline: 0;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
    text-decoration: none;
    text-decoration-color: #FFFFFF;
    transition: text-decoration 0.5s;
}

.dropdown-menu > li > a:first-letter {
    text-transform: uppercase;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: underline;
    text-decoration-color: #000000;
    background-color: #FFFFFF;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #337AB7;
    outline: 0;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #777777;
}

/* ----------------------------------------------------------------------------- DROPDOWN MENU (koniec)) */
/*  |   */
/*  |   */
/* ----------------------------------------------------------------------------- TYTUL PODSTRONY (poczatek) */
/* -------------------------------------------------------------- Tytul podstrony */
div.naglowekPodStrony {
    margin-bottom: 20px;
}

div.naglowekPodStrony strong {
    /* poprzednio uzywane: h1, span komentarz usuna─ç po skonczeniu projektu */
    display: block;
    margin-top: -10px;
    margin-bottom: 20px;
    padding: 10px 30px 35px 0;
    text-align: right;
    font-family: "Titillium Web", Arial, Helvetica, sans-serif;
    font-size: 2.2em;
    font-weight: 200;
    color: #828282;
    border-bottom: 1px solid #CBCBCB;
    text-decoration: none;
}

/* ----------------------------------------------------------------------------- TYTUL PODSTRONY (poczatek) */
/* ----------------------------------------------------------------------------- NAGLOWEK (koniec) */
/*  |   */
/*  |   */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Style do stopki */
/* ----------------------------------------------------------------------------- STOPKA (poczatek) */
.footer {
    bottom: 0;
    height: 75px;
    position: absolute;
    width: 100%;
}

div.stopkaKontener {
    /* div.stopkaNaglowek (zamkniecie) */
}

div.stopkaKontener div.stopkaNaglowek {
    -webkit-flex: 1;
    /* Safari 6.1+ */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    display: flex;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    /*
    div.stopkaLiniaLewa, div.stopkaLiniaPrawa {
        padding-left: 0;
        padding-right: 0;
        margin: 0;
    }
    div.stopkaLiniaLewa {
        display: inline-table;

    }
    div.stopkaLogoAJ {
        display: inline-table;
    }
    div.stopkaLogoAJ img {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }
    div.stopkaLiniaPrawa {
        display: inline-table;
    }
    */
    /*
    div.stopkaLiniaLewa hr, div.stopkaLiniaPrawa hr {
        margin-top: -15px !important; // wartos─çi bez flexowe
    }
    */
    /*
    @media only screen and (min-width: 1280px) {
        div.stopkaLiniaLewa, div.stopkaLiniaPrawa {
            width: 39%;
        }
        div.stopkaLogoAJ {
            width: 20%;
        }
    }
    @media only screen and (min-width: 1000px) and (max-width: 1280px) {
        div.stopkaLiniaLewa, div.stopkaLiniaPrawa {
            width: 39%;
        }
        div.stopkaLogoAJ {
            width: 20%;
        }
    }
    @media only screen and (min-width: 770px) and (max-width: 1000px) {
        div.stopkaLiniaLewa, div.stopkaLiniaPrawa {
            width: 39%;
        }
        div.stopkaLogoAJ {
            width: 20%;
        }
    }
    @media only screen and (min-width: 680px) and (max-width: 770px) {
        div.stopkaLiniaLewa, div.stopkaLiniaPrawa {
            width: 39%;
        }
        div.stopkaLogoAJ {
            width: 20%;
        }
    }
    @media only screen and (min-width: 480px) and (max-width: 680px) {
        div.stopkaLiniaLewa, div.stopkaLiniaPrawa {
            width: 39%;
        }
        div.stopkaLogoAJ {
            width: 20%;
        }
    }
    @media only screen and (max-width: 480px) {
        div.stopkaLiniaLewa, div.stopkaLiniaPrawa {
            width: 30%;
        }
        div.stopkaLogoAJ {
            width: 20% !important;
        }
    }
    */
}

div.stopkaKontener div.stopkaNaglowek img {
    display: block;
    flex-shrink: 0;
    transition: width 0.5s;
}

@media only screen and (min-width: 480px) and (max-width: 680px) {
    div.stopkaKontener div.stopkaNaglowek img {
        width: 90px;
    }
}

@media only screen and (max-width: 480px) {
    div.stopkaKontener div.stopkaNaglowek img {
        width: 75px;
    }
}

div.stopkaKontener div.stopkaNaglowek hr {
    margin: 0;
    padding: 0;
    width: 100px;
    flex-grow: 1;
    /* default 0 */
    border-top: 1px solid #CBCBCB;
}

div.stopkaKontener div.stopkaNaglowek hr.stopkaLiniaLewa2 {
    margin-right: 20px;
}

div.stopkaKontener div.stopkaNaglowek hr.stopkaLiniaPrawa2 {
    margin-left: 20px;
}

div.stopkaKontener p {
    text-align: center;
    flex: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    line-height: 14px;
    color: #969696;
}

/* div.stopkaKontener (zamkniecie) */
/* ----------------------------------------------------------------------------- STOPKA (koniec) */
/* Style do naglowka (logo, wyszukiwarka, menu glowne, menu produkty) */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Style do tresci strony glownej (lewa kolumna: cztery okna, prawa kolumna karuzela/rotator ) */
/* ----------------------------------------------------------------------------- STRONA GLOWNA (tresc)) (poczatek) */
div#StronaGlownaTrescKontener div.row {
    margin-bottom: 30px;
}

@media only screen and (min-width: 680px) and (max-width: 770px) {
    div#StronaGlownaTrescKontener div.komorkiKontener {
        padding-right: 0;
    }
}

@media only screen and (min-width: 480px) and (max-width: 680px) {
    div#StronaGlownaTrescKontener div.komorkiKontener {
        padding-right: 0;
    }
}

@media only screen and (max-width: 480px) {
    div#StronaGlownaTrescKontener div.komorkiKontener {
        padding-right: 0;
    }
}

/* ------------------------------------------------------------------ komorki */
div.komorkiKontener > div.row {
    transition: margin-right 1s;
}

div.komorka {
    height: 250px;
    padding: 15px;
    background-color: #EAEAEA;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto auto;
}

div.komorka h3 {
    font-size: 1.5em;
}

div.komorka p {
    color: #000000;
    line-height: 1.46em;
}

div.komorka a {
    color: #2D2D2D;
    text-decoration: none;
}

div.komorka a:hover {
    color: #000000;
    text-decoration: none;
}

@media only screen and (max-width: 480px) {
    div.komorka {
        background-size: auto 70%;
        /* first - width; second - height */
    }
}

div.komorkaObrazek1 {
    background-image: url(../../public_html/images/box-rozmiar.jpg);
}

div.komorkaObrazek2 {
    background-image: url(../../public_html/images/box-rozmiar.jpg);
}

@media only screen and (min-width: 1280px) {
    div.komorkaLewa {
        padding-left: 0;
        padding-right: 20px;
    }

    div.komorkaPrawa {
        padding-left: 10px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1280px) {
    div.komorkiKontener {
        padding-right: 0;
    }

    div.komorkiKontener > div.row {
        margin-right: 0;
    }

    div.komorkaLewa {
        padding-left: 0;
        padding-right: 15px;
    }

    div.komorkaPrawa {
        padding-left: 15px;
        padding-right: 0;
    }

    div.komorka h3 {
        margin-top: 0;
        font-size: 1.4em !important;
    }
}

@media only screen and (min-width: 770px) and (max-width: 1000px) {
    div.komorkiKontener > div.row {
        margin-right: -15px;
    }

    div.komorkaLewa {
        padding-left: 0;
        padding-right: 15px;
    }

    div.komorkaPrawa {
        padding-left: 15px;
        padding-right: 0;
    }
}

@media only screen and (min-width: 680px) and (max-width: 770px) {
    div.komorkiKontener > div.row {
        margin-right: 0;
    }

    div.komorkaLewa {
        padding-left: 0;
        padding-right: 15px;
    }

    div.komorkaPrawa {
        padding-left: 15px;
        padding-right: 0;
    }
}

@media only screen and (min-width: 480px) and (max-width: 680px) {
    div.komorkiKontener > div.row {
        margin-right: 0;
    }

    div.komorkaLewa {
        padding-left: 0;
        padding-right: 15px;
    }

    div.komorkaPrawa {
        padding-left: 15px;
        padding-right: 0;
    }

    div.komorka p {
        font-size: 0.95em !important;
    }
}

@media only screen and (max-width: 480px) {
    div.komorkiKontener > div.row {
        margin-right: 0;
    }

    div.komorkaBox {
        background-color: rgba(0, 0, 255, 0.5);
    }

    div.komorkaLewa {
        margin-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
    }

    div.komorkaPrawa {
        padding-left: 0;
        padding-right: 0;
    }

    #strzalkaLewa:before, #strzalkaPrawa:before {
        border-left: none !important;
        border-right: none !important;
    }

    div.komorka h3 {
        margin-top: 0;
        font-size: 1.4em !important;
    }

    div.komorka p {
        font-size: 0.85em !important;
    }
}

#strzalkaLewa,
#strzalkaPrawa {
    /* // styl skopiowany i przerobiony z: https://css-tricks.com/examples/ShapesOfCSS/#hexagon "Talk Bubble" */
    /*    background-color: #EEEEEE; */
    position: relative;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#strzalkaLewa:before {
    /*  // styl skopiowany i przerobiony z: https://css-tricks.com/examples/ShapesOfCSS/#hexagon "Talk Bubble" */
    content: "";
    position: absolute;
    left: 100%;
    top: 40%;
    /* polozenie "strzalki" */
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    /* wielkosc strzalki: wysokosc gora */
    border-left: 30px solid #EAEAEA;
    border-bottom: 20px solid transparent;
    /* wielkosc strzalki: wysokosc dol */
}

#strzalkaPrawa:before {
    /* // styl skopiowany i przerobiony z: https://css-tricks.com/examples/ShapesOfCSS/#hexagon "Talk Bubble" */
    content: "";
    position: absolute;
    right: 100%;
    top: 40%;
    /* polozenie "strzalki" */
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    /* wielkosc strzalki: wysokosc gora */
    border-right: 30px solid #EAEAEA;
    border-bottom: 20px solid transparent;
    /* wielkosc strzalki: wysokosc dol */
}

div#StronaGlownaTrescKontener h1 {
    /*  font-family: ; dziedziczony z h1 (patrz: _main.scss) */
}

/* _---------------------------------------------------------- karuzela/rotator */
@media only screen and (min-width: 1280px) {
    div.karuzelaKontener {
        margin: 0 0 0 0;
        padding: 0 0 0 10px;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1280px) {
    div.karuzelaKontener {
        margin: 0;
        padding: 0 0 0 30px;
    }
}

@media only screen and (min-width: 770px) and (max-width: 1000px) {
    div.karuzelaKontener {
        margin: 0 0 30px 0;
        padding: 0;
    }
}

@media only screen and (min-width: 680px) and (max-width: 770px) {
    div.karuzelaKontener {
        margin: 0 0 30px 0;
        padding: 0;
    }
}

@media only screen and (min-width: 480px) and (max-width: 680px) {
    div.karuzelaKontener {
        margin: 0 0 30px 0;
        padding: 0;
    }
}

@media only screen and (max-width: 480px) {
    div.karuzelaKontener {
        margin: 0 0 20px 0;
        padding: 0;
    }
}

.carousel-front {
    height: 530px;
}

/*
    display: flex;
    justify-content: center;
    align-items: center;
*/
div.karuzelaBox {
    margin: 0;
    padding: 0;
    height: 530px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto auto;
    transition: background-size 2s, height 2s;
}

div.karuzelaBox a {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #646464;
}

.karuzelaBoxObrazek0 {
    background-image: url(../../public_html/images/karuzela-rozmiar.jpg);
}

.karuzelaBoxObrazek1 {
    background-image: url(../../public_html/images/karuzela-01.jpg);
}

.karuzelaBoxObrazek2 {
    background-image: url(../../public_html/images/karuzela-02.jpg);
}

.karuzelaBoxObrazek3 {
    background-image: url(../../public_html/images/karuzela-03.jpg);
}

.karuzelaBoxObrazek4 {
    background-image: url(../../public_html/images/karuzela-04.jpg);
}

div.karuzelaBox div.karuzelaTytyl {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    margin: 0 0 0 0;
    padding: 15px 30px 15px 30px;
    width: 100%;
    height: 80px;
    text-align: center;
    background-color: #EAEAEA;
}

div.karuzelaBox div.karuzelaTytyl h3 {
    margin: 0;
    padding: 0;
    line-height: 1.35em;
    transition: font-size 1s;
}

div.karuzelaBox div.karuzelaOpis {
    /* styl nie uzywany poniewaz brak jest opisow dla slajdow w karuzeli */
    position: absolute;
    display: none;
    overflow: hidden;
    justify-content: flex-start;
    align-items: center;
    bottom: 40px;
    left: 0;
    margin: 0;
    padding: 0 30px 0 30px;
    width: 100%;
    height: 70px;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.5);
}

div.karuzelaBox div.karuzelaOpis p {
    margin: 0;
    padding: 0;
}

@media only screen and (min-width: 480px) and (max-width: 680px) {
    .carousel-front {
        height: 380px;
    }

    div.karuzelaBox {
        height: 380px;
        background-size: 100% auto;
        /* first width; second height. */
    }
}

@media only screen and (max-width: 480px) {
    .carousel-front {
        height: 330px;
    }

    div.karuzelaBox {
        height: 330px;
        background-size: auto 100%;
        /* first width; second height. */
    }

    div.karuzelaBox div.karuzelaTytyl h3 {
        font-size: 0.99em;
    }
}

img.karuzelaImg {
    /* position: absolute;
    z-index: 10;
    top: 0%;
    left: 0%; */
}

div.tloKontrolek {
    display: none;
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    height: 40px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
}

.carousel-control {
    background-color: transparent;
    bottom: 0;
    color: #fff;
    font-size: 1.5em;
    left: 0;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    top: 0;
    width: 15%;
}

.carousel-control.right {
    background-image: none;
    background-repeat: repeat-x;
    left: auto;
    right: 0;
}

.carousel-control.left {
    background-image: none;
    background-repeat: repeat-x;
}

/* karuzela kontrolki prawa-lewa */
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-menu-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .glyphicon-menu-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-menu-left {
    left: 50%;
    margin-left: -30px;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right,
.carousel-control .glyphicon-menu-right {
    right: 50%;
    margin-right: -30px;
}

.carousel-control:hover,
.carousel-control:focus {
    color: #E2001A;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}

/* karuzela kontrolki podstron/slajd├│w */
.carousel-indicators {
    bottom: 0;
    left: 0;
    list-style: outside none none;
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 15;
}

.carousel-indicators li {
    background-color: #FFFFFF;
    border: 1px solid #837B7B;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 1px 5px;
    text-indent: -999px;
    width: 10px;
}

.carousel-indicators .active {
    background-color: #837B7B;
    border: 1px solid #FFFFFF;
    height: 12px;
    margin: 0 5px;
    width: 12px;
}

/* Style do tresci strony glownej (lewa kolumna: cztery okna, prawa kolumna karuzela/rotator) */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Style do podstron produktowych (filtry do spisu prod., spis produkt├│w, karta produktu) */
/* ----------------------------------------------------------------------------- PRODUKTY (spis) (poczatek) */
div.produktySpisKontener {
    height: 500px;
    /*    background-color: rgba(0,0,0,0.1); */
}

/*div.photo-container { // skopiowane do lini: 531

    img {
        max-width: 100%;
        max-height: 100%;
    }
}*/
/* -------------------------------------------------------- Filtry (poczatek) */
.dropdown-menu > li > a > span.text {
    /* dropdown fltrow prodoktow */
    text-decoration: none;
    text-decoration-color: #FFFFFF;
}

.dropdown-menu > li > a > span.text:hover {
    color: #000000;
    text-decoration: underline;
    text-decoration-color: #000000;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: 0 !important;
    outline-offset: -2px;
}

.bootstrap-select.btn-group .dropdown-menu li.selected a {
    outline: 0;
}

.select2-container--bootstrap .select2-selection.form-control {
    border-radius: 0;
}

.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
    box-shadow: none;
    border-color: #E2001A;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #FFFFFF;
    color: #646464;
    text-decoration: underline;
    text-decoration-color: #FFFFFF;
    transition: text-decoration 0.5s;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected]:hover {
    text-decoration-color: #000000;
}

.select2-container--bootstrap .select2-dropdown {
    box-shadow: none;
    border-radius: 0;
    border-color: #E2001A;
}

.select2-selection__placeholder {
    display: none;
}

/*
.select2-dropdown {
    border-radius: none;
}
*/
/* ---------------------------------------------------------- Filtry (koniec) */
/* znacznik NOWOSC (litera N, kwadrat) */
div.cienKontener > div.cienBox > span.produktNowosc {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin: 0;
    padding: 6px 0 0 0;
    height: 38px;
    width: 38px;
    text-align: center;
    vertical-align: middle;
    right: 15px;
    font-family: "Titillium Web", Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: 300;
    color: #FFFFFF;
    cursor: help;
    background-color: #B91A2C;
    border-radius: 0;
    z-index: 100;
    transition: color 0.5s;
}

div.cienKontener > div.cienBox > span.produktNowosc:hover {
    border: none !important;
}

/* znacznik BESTSELLER */
div.cienKontener > div.cienBox > span.produktBestseller {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    margin: 0;
    padding: 6px 0 0 0;
    height: 38px;
    width: 38px;
    text-align: center;
    vertical-align: middle;
    font-size: 25px;
    font-weight: 300;
    color: #FFFFFF;
    cursor: help;
    background-color: #B91A2C;
    border-radius: 0;
    z-index: 100;
    transition: color 0.5s;
}

div.cienKontener > div.cienBox > span.produktBestseller:hover {
    border: none !important;
}

/* podpowiedzi NOWOSC, BESTSELLER */
span.tooltip {
    position: relative;
    display: block;
    font-family: "Titillium Web", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-align: left;
    /*text-align: start;*/
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 100;
    line-break: auto;
    z-index: 100;
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9;
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #B10015;
    border-radius: 1px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #B10015;
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #B10015;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #B10015;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #B10015;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #B10015;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #B10015;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #B10015;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #B10015;
}

div.produktyKontener div.cienKontener > div.cienBox {
    -webkit-box-shadow: inset 0 0 50px 0 rgba(227, 227, 227, 0.75);
    -moz-box-shadow: inset 0 0 50px 0 rgba(227, 227, 227, 0.75);
    box-shadow: inset 0 0 50px 0 rgba(227, 227, 227, 0.75);
}

div.produktKartaKontener div.cienKontener > div.cienBox {
    height: 460px;
    -webkit-box-shadow: inset 0 0 80px 0 rgba(227, 227, 227, 0.75);
    -moz-box-shadow: inset 0 0 80px 0 rgba(227, 227, 227, 0.75);
    box-shadow: inset 0 0 80px 0 rgba(227, 227, 227, 0.75);
}

div.produktyKontener div.produktBox div.cienKontener :hover,
div.produktKartaKontener div.produktZdjecie div.cienKontener :hover {
    -webkit-box-shadow: inset 0 0 50px 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: inset 0 0 50px 0 rgba(255, 255, 255, 0);
    /*box-shadow: inset 0 0 50px 0 rgba(255, 255, 255, 0);*/
    /*border: 1px solid #CCCCCC;*/
}

div.produktBox div.cienKontener {
    position: relative;
}

div.cienKontener > div.cienBox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    transition: all 0.5s;
    overflow: hidden;
    z-index: 100;
}

div.produktBox,
div.produktZdjecie {
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}

div.produktBox,
div.cienBox {
    height: 300px;
}

div.produktZdjecie {
    height: 460px;
}

/* ------------------------------------------------- Produkt (box) (poczatek) */
div.produktyKontener {
    /* klasa do boxa z danym produktem */
}

div.produktyKontener div.produktBox div.photo-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    align-items: center;
    height: 180px;
    margin: 10px auto;
    padding: 0;
    width: 92%;
    transition: all 1s;
}

div.produktyKontener div.produktBox div.photo-container img {
    flex: 0 0 auto;
    object-fit: scale-down;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
}

div.produktyKontener div.produktBox a {
    text-decoration: none;
}

div.produktyKontener div.produktBox a p.nazwaProduktu {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 10px;
    padding: 0 0;
    min-height: 28px;
    max-height: 28px;
    font-size: 18px;
    color: #E2001A;
    text-decoration: none !important;
    transition: all 1s;
}

div.produktyKontener div.produktBox a p.opisProduktu {
    overflow: hidden;
    vertical-align: middle;
    line-height: 20px;
    min-height: 65px;
    max-height: 65px;
    margin: 0 15px;
    padding: 0 0;
    font-size: 14px;
    color: #646464;
    transition: all 1s;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.produktyKontener div.produktBox:hover p.nazwaProduktu {
    color: #B10015;
}

div.produktyKontener div.produktBox:hover p.opisProduktu {
    color: #000000;
}

@media only screen and (max-width: 480px) {
    div.produktyKontener div.produktBox {
        width: 100%;
    }
}

/* div.produktyKontener (zamkniecie) */
/* ------------------------------------------------- Produkt (box) (poczatek) */
/* ----------------------------------------------------------------------------- PRODUKTY (spis) (koniec) */
/*  |   */
/*  |   */
/* ----------------------------------------------------------------------------- PRODUKTY (karta produktu) (poczatek) */
div.produktKartaKontener {
    margin-top: 0;
    /* ---------------------------------------------- Zdjecia produktu (poczatek) */
    /*
        div.produktZdjecie div.cienKontener :hover {
            -webkit-box-shadow: inset 0 0 50px 0 rgba(255,255,255,0);
            -moz-box-shadow: inset 0 0 50px 0 rgba(255,255,255,0);
            box-shadow: inset 0 0 50px 0 rgba(255,255,255,0);
        }
    */
    /* ------------------------------------------------ Zdjecia produktu (koniec) */
    /* --------------------------------------- Tabela, dane techniczne (poczatek) */
    /* ----------------------------------------- Tabela, dane techniczne (koniec) */
}

div.produktKartaKontener h1 {
    line-height: 0.8em;
    margin: 0 !important;
    margin-bottom: 15px !important;
    padding: 0 !important;
    text-align: left;
    text-decoration: none;
}

div.produktKartaKontener h1 small {
    font-size: 0.55em;
    color: #A5A5A5;
    font-weight: 300;
}

div.produktKartaKontener h2 {
    margin-top: 0;
}

div.produktKartaKontener div.row {
    position: relative;
}

div.produktKartaKontener div.tabyLinia {
    position: absolute;
    top: 0;
    left: 0;
    height: 44px;
    margin: 0 15px 0 15px;
    padding: 0;
    border-bottom: 1px solid #cbcbcb;
}

@media only screen and (min-width: 1280px) {
    div.produktKartaKontener div.produktGaleriaKontener {
        margin-top: 60px;
    }

    div.produktKartaKontener div.tabyLinia {
        width: 97.5%;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1280px) {
    div.produktKartaKontener div.produktGaleriaKontener {
        margin-top: 60px;
    }

    div.produktKartaKontener div.tabyLinia {
        width: 97%;
    }
}

@media only screen and (min-width: 770px) and (max-width: 1000px) {
    div.produktKartaKontener div.produktGaleriaKontener {
        margin-top: 60px;
    }

    div.produktKartaKontener div.tabyLinia {
        width: 95.9%;
    }
}

@media only screen and (min-width: 680px) and (max-width: 770px) {
    div.produktKartaKontener div.produktGaleriaKontener {
        margin-top: 0;
    }

    div.produktKartaKontener div.tabyLinia {
        display: none;
    }
}

@media only screen and (min-width: 480px) and (max-width: 680px) {
    div.produktKartaKontener div.tabyLinia {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    div.produktKartaKontener div.tabyLinia {
        display: none;
    }
}

div.produktKartaKontener div.produktZdjecie div.photo-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    align-items: center;
    height: 440px;
    margin: 10px auto;
    padding: 0;
    width: 92%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    transition: all 1s;
}

div.produktKartaKontener div.produktZdjecie div.photo-container img {
    max-width: 100%;
    max-height: 100%;
}

@media only screen and (max-width: 480px) {
    div.produktKartaKontener div.produktZdjecie {
        width: 100%;
    }
}

div.produktKartaKontener div#product-img-gallery {
    margin: 0;
    padding: 0;
    height: 90px;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.produktKartaKontener div#product-img-gallery > a {
    height: 100%;
}

div.produktKartaKontener div#product-img-gallery > a + a {
    margin-left: 20px;
}

div.produktKartaKontener div#product-img-gallery div.product-img-thumb-kontener {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    align-items: center;
    margin: 0 10px;
    padding: 0;
    height: 90px;
    width: 90px;
}

div.produktKartaKontener div#product-img-gallery div.product-img-thumb-kontener img.product-img-thumb {
    margin: 0 0;
    padding: 0;
    width: auto;
    height: auto;
}

div.produktKartaKontener table.produktDaneTech {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
}

div.produktKartaKontener table.produktDaneTech tr:nth-child(2n+1) {
    background-color: #F7F7F7;
}

div.produktKartaKontener table.produktDaneTech > tbody > tr:hover {
    background-color: #F2F2F2;
}

div.produktKartaKontener table.produktDaneTech > tbody > tr:hover > td {
    color: #000000;
}

div.produktKartaKontener table.produktDaneTech tr > th {
    width: 30%;
    padding-right: 20px;
    color: #000000;
    font-weight: 300 !important;
}

div.produktKartaKontener table.produktDaneTech tr > th,
div.produktKartaKontener table.produktDaneTech tr > td {
    border-top: none !important;
}

/* div.produktKartaKontener (zamkniecie) */
/* ----------------------------------------------------------------------------- PRODUKTY (karta produktu) (koniec) */
/* Style do podstron produktowych (filtry do spisu prod., spis produkt├│w, karta produktu) */
div.produktKartaKontener,
div.podstronyTekstowe {
    /* ---------------------------------------------------------- Taby/zakladki z danymi do produktu (poczatek) */
    /*
        a:hover, a:focus {
            color: #FFFFFF;
            text-decoration: none;
        }
    */
    /**
     * Responsive Bootstrap Tabs by @hayatbiralem (https://codepen.io/hayatbiralem/pen/KpzjOL/)
     * 15 May 2015
     */
    /* ---------------------------------------------------------- Taby (koniec) */
}

div.produktKartaKontener .nav > li > a:hover,
div.produktKartaKontener .nav > li > a:focus,
div.podstronyTekstowe .nav > li > a:hover,
div.podstronyTekstowe .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}

@media only screen and (min-width: 1280px) {
    div.produktKartaKontener .nav-tabs,
    div.podstronyTekstowe .nav-tabs {
        border-bottom: none;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1280px) {
    div.produktKartaKontener .nav-tabs,
    div.podstronyTekstowe .nav-tabs {
        border-bottom: none;
    }
}

@media only screen and (min-width: 770px) and (max-width: 1000px) {
    div.produktKartaKontener .nav-tabs,
    div.podstronyTekstowe .nav-tabs {
        border-bottom: none;
    }
}

@media only screen and (min-width: 680px) and (max-width: 770px) {
    div.produktKartaKontener .nav-tabs,
    div.podstronyTekstowe .nav-tabs {
        border-bottom: 1px solid #cbcbcb;
    }
}

@media only screen and (min-width: 480px) and (max-width: 680px) {
    div.produktKartaKontener .nav-tabs,
    div.podstronyTekstowe .nav-tabs {
        border-bottom: 1px solid #cbcbcb;
    }
}

@media only screen and (max-width: 480px) {
    div.produktKartaKontener .nav-tabs,
    div.podstronyTekstowe .nav-tabs {
        border-bottom: 1px solid #cbcbcb;
    }
}

div.produktKartaKontener ul.nav-tabs,
div.podstronyTekstowe ul.nav-tabs {
    margin-left: 0;
    padding: 0;
}

div.produktKartaKontener ul.tabyLinia2,
div.podstronyTekstowe ul.tabyLinia2 {
    border-bottom: 1px solid #cbcbcb;
}

div.produktKartaKontener .nav-tabs > li,
div.podstronyTekstowe .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

div.produktKartaKontener .nav-tabs > li:before,
div.podstronyTekstowe .nav-tabs > li:before {
    display: none;
}

div.produktKartaKontener .nav-tabs > li > a,
div.podstronyTekstowe .nav-tabs > li > a {
    margin-right: 2px;
    color: #000000;
    text-decoration: none;
    line-height: 1.42857143;
    border-bottom: none;
    border-radius: 1px;
}

div.produktKartaKontener .nav-tabs > li > a:hover,
div.produktKartaKontener .nav-tabs > li > a:focus,
div.podstronyTekstowe .nav-tabs > li > a:hover,
div.podstronyTekstowe .nav-tabs > li > a:focus {
    border-color: transparent;
    color: #000000;
    text-decoration: none;
}

div.produktKartaKontener .nav-tabs > li > a > span,
div.podstronyTekstowe .nav-tabs > li > a > span {
    white-space: nowrap;
}

div.produktKartaKontener .nav-tabs > li.active > a,
div.produktKartaKontener .nav-tabs > li.active > a:hover,
div.produktKartaKontener .nav-tabs > li.active > a:focus,
div.podstronyTekstowe .nav-tabs > li.active > a,
div.podstronyTekstowe .nav-tabs > li.active > a:hover,
div.podstronyTekstowe .nav-tabs > li.active > a:focus {
    color: #000000;
    font-weight: 500;
    cursor: default;
    background-color: #FFFFFF;
    border: 1px solid #cbcbcb;
    border-bottom: 1px solid #FFFFFF;
}

@media screen and (max-width: 1200px) {
    div.produktKartaKontener,
    div.podstronyTekstowe {
        /* szerokosc przy jakiej pojawiaja sie strzalki do przewijania tabow/zakladek */
    }

    div.produktKartaKontener .nav-tabs-responsive > li,
    div.podstronyTekstowe .nav-tabs-responsive > li {
        display: none;
        width: 23%;
    }

    div.produktKartaKontener .nav-tabs-responsive > li > a,
    div.podstronyTekstowe .nav-tabs-responsive > li > a {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        width: 100%;
        text-align: center;
        vertical-align: top;
    }

    div.produktKartaKontener .nav-tabs-responsive > li.active,
    div.podstronyTekstowe .nav-tabs-responsive > li.active {
        width: 54%;
    }

    div.produktKartaKontener .nav-tabs-responsive > li.active:first-child,
    div.podstronyTekstowe .nav-tabs-responsive > li.active:first-child {
        margin-left: 23%;
    }

    div.produktKartaKontener .nav-tabs-responsive > li.active, div.produktKartaKontener .nav-tabs-responsive > li.prev, div.produktKartaKontener .nav-tabs-responsive > li.next,
    div.podstronyTekstowe .nav-tabs-responsive > li.active,
    div.podstronyTekstowe .nav-tabs-responsive > li.prev,
    div.podstronyTekstowe .nav-tabs-responsive > li.next {
        display: block;
    }

    div.produktKartaKontener .nav-tabs-responsive > li.prev, div.produktKartaKontener .nav-tabs-responsive > li.next,
    div.podstronyTekstowe .nav-tabs-responsive > li.prev,
    div.podstronyTekstowe .nav-tabs-responsive > li.next {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    div.produktKartaKontener .nav-tabs-responsive > li.next > a, div.produktKartaKontener .nav-tabs-responsive > li.prev > a,
    div.podstronyTekstowe .nav-tabs-responsive > li.next > a,
    div.podstronyTekstowe .nav-tabs-responsive > li.prev > a {
        -webkit-transition: none;
        transition: none;
    }

    div.produktKartaKontener .nav-tabs-responsive > li.next > a .text, div.produktKartaKontener .nav-tabs-responsive > li.prev > a .text,
    div.podstronyTekstowe .nav-tabs-responsive > li.next > a .text,
    div.podstronyTekstowe .nav-tabs-responsive > li.prev > a .text {
        display: none;
    }

    div.produktKartaKontener .nav-tabs-responsive > li.next > a:after, div.produktKartaKontener .nav-tabs-responsive > li.next > a:after, div.produktKartaKontener .nav-tabs-responsive > li.prev > a:after, div.produktKartaKontener .nav-tabs-responsive > li.prev > a:after,
    div.podstronyTekstowe .nav-tabs-responsive > li.next > a:after,
    div.podstronyTekstowe .nav-tabs-responsive > li.next > a:after,
    div.podstronyTekstowe .nav-tabs-responsive > li.prev > a:after,
    div.podstronyTekstowe .nav-tabs-responsive > li.prev > a:after {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    div.produktKartaKontener .nav-tabs-responsive > li.prev > a:after,
    div.podstronyTekstowe .nav-tabs-responsive > li.prev > a:after {
        content: "\e079";
    }

    div.produktKartaKontener .nav-tabs-responsive > li.next > a:after,
    div.podstronyTekstowe .nav-tabs-responsive > li.next > a:after {
        content: "\e080";
    }

    div.produktKartaKontener .nav-tabs-responsive > li.dropdown > a > .caret,
    div.podstronyTekstowe .nav-tabs-responsive > li.dropdown > a > .caret {
        display: none;
    }

    div.produktKartaKontener .nav-tabs-responsive > li.dropdown > a:after,
    div.podstronyTekstowe .nav-tabs-responsive > li.dropdown > a:after {
        content: "\e114";
    }

    div.produktKartaKontener .nav-tabs-responsive > li.dropdown.active > a:after,
    div.podstronyTekstowe .nav-tabs-responsive > li.dropdown.active > a:after {
        display: none;
    }

    div.produktKartaKontener .nav-tabs-responsive > li.dropdown.active > a > .caret,
    div.podstronyTekstowe .nav-tabs-responsive > li.dropdown.active > a > .caret {
        display: inline-block;
    }

    div.produktKartaKontener .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-left,
    div.podstronyTekstowe .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-left {
        left: 0;
        right: auto;
    }

    div.produktKartaKontener .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-center,
    div.podstronyTekstowe .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-center {
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    div.produktKartaKontener .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-right,
    div.podstronyTekstowe .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-right {
        left: auto;
        right: 0;
    }
}

div.produktKartaKontener .nav-tabs,
div.podstronyTekstowe .nav-tabs {
    margin-bottom: 15px;
}

@media (max-width: 479px) {
    div.produktKartaKontener #narrow-browser-alert,
    div.podstronyTekstowe #narrow-browser-alert {
        display: none;
    }
}

div.produktKartaKontener .panel,
div.podstronyTekstowe .panel {
    margin-bottom: 0;
    border: none;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: none;
}

div.produktKartaKontener .panel a,
div.produktKartaKontener .panel a:hover,
div.produktKartaKontener .panel a:focus,
div.podstronyTekstowe .panel a,
div.podstronyTekstowe .panel a:hover,
div.podstronyTekstowe .panel a:focus {
    text-decoration: none !important;
}

div.produktKartaKontener .panel-heading,
div.podstronyTekstowe .panel-heading {
    padding: 10px 15px 10px 15px;
    border: 1px #cccccc solid;
    border-radius: 1px;
    transition: all 1s;
}

div.produktKartaKontener .panel-heading .glyphicon,
div.podstronyTekstowe .panel-heading .glyphicon {
    color: #CCCCCC;
    transition: all 1s;
}

div.produktKartaKontener .panel-heading:hover,
div.podstronyTekstowe .panel-heading:hover {
    border: 1px #000000 solid;
    color: #000000;
}

div.produktKartaKontener .panel-heading:hover .glyphicon,
div.podstronyTekstowe .panel-heading:hover .glyphicon {
    color: #000000;
}

/* Style do tabow-zakladek do karty produktu i podstrony Serwis */
.certificates-bg-line {
    content: ' ';
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 35px;
    border-left: 1px solid #CBCBCB;
    z-index: -10;
}

div.panel-certificates a.dataLink {
    display: block;
    height: auto;
    margin: 0 0 20px 0;
    padding: 0;
}

div.panel-certificates a.dataLink:hover {
    text-decoration: none;
}

div.panel-certificates a.dataLink:hover span {
    /*color: #646464 !important;*/
    color: #000;
}

div.panel-certificates a.dataLink:hover p {
    /*color: #E2001A !important;*/
    color: #000;
}

div.panel-certificates div.dataKontener {
    margin: 0 15px 0 0;
    padding: 5px;
    text-align: center;
    font-family: "Titillium Web", Arial, Helvetica, sans-serif;
    border: 1px solid #CBCBCB;
    background-color: #F7F7F7;
    width: 70px;
}

div.panel-certificates div.dataKontener span {
    color: #B2B2B2;
}

div.panel-certificates div.dataKontener span.dataDzien {
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
    font-size: 25px;
    border-bottom: 1px solid #C6C6C6;
}

div.panel-certificates div.dataKontener span.dataMiesRok {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
}

div.panel-certificates div.tytulKontener {
    margin: 0;
    padding: 0;
}

div.panel-certificates div.tytulKontener > div {
    display: table-cell;
    margin: 0;
    padding: 0;
    height: 70px;
    vertical-align: middle;
}

div.panel-certificates div.logoKontener {
    display: inline-table;
    height: 100px;
    width: 100px;
    margin: 0 15px 0 0;
    padding: 0;
}

div.panel-certificates div.logoKontener img {
    width: 70px;
    max-height: 100%;
    max-width: 100%;
    height: auto;
}

div.panel-certificates p.tytul {
    width: 100%;
    margin: 0 0 0 15px;
    padding: 0;
    transition: width 1s;
    color: #646464;
    font-size: 18px;
}

div.panel-certificates p.tytul:hover {
    text-decoration: none;
}

/* div.certyfikatySpisKontener (zamkniecie) */
/* Style do strony listy oraz strony konkretnego certyfikatu */
.circle-wrapper {
    align-items: center;
    display: flex;
    margin-bottom: 20px;
    max-width: 95%;
}

.circle-wrapper .circle {
    align-items: center;
    border-radius: 50% 50%;
    display: inherit;
    justify-content: center;
}

.circle-wrapper .circle > span {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

.circle-wrapper .radius-150 {
    min-height: 150px;
    min-width: 150px;
    height: 150px;
    width: 150px;
}

.circle-wrapper .circle-box {
    align-items: center;
    border: 3px solid;
    border-radius: 5px;
    display: inherit;
    left: -30px;
    max-height: 110px;
    padding-left: 25px;
    padding-right: 10px;
    position: relative;
    width: 80%;
    z-index: -1;
}

.circle-wrapper .circle-box ul {
    margin: 16px 10px;
}

.green .circle-box {
    border-color: #79b82c;
}

.green .circle {
    background-color: #79b82c;
    color: white;
}

.flip-30 {
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
}

/* Style do strony o ekologii */
.search-advanced-links {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}

.search-advanced-links > div {
    margin: 20px 20px;
}

/* Style do strony z wynikami wyszukiwania*/
/* CIASTECZKA */
/* #00ff00; */
/* #646464; */
/* kolor tekstu */
/* #dddddd; */
/* kolor tla */
/* CIASTECZKA (koniec) */
.pagination > li > a,
.pagination > li > span {
    color: #878787;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #000000;
    background-color: #fff;
    border-color: #000000;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    cursor: pointer;
    color: #000000;
    background-color: #fff;
    border-color: #000000;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    background-color: #fff;
    border-color: #ddd;
}

/* Style do stronicowania/paginacji */
.cc_banner-wrapper {
    z-index: 9001;
    position: relative;
}

.cc_container .cc_btn {
    cursor: pointer;
    text-align: center;
    font-size: 0.6em;
    transition: font-size 200ms;
    line-height: 1em;
}

.cc_container .cc_message {
    font-size: 0.6em;
    transition: font-size 200ms;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}

.cc_container .cc_logo {
    display: none;
    text-indent: -1000px;
    overflow: hidden;
    width: 100px;
    height: 22px;
    background-size: cover;
    background-image: url(https://s3-eu-west-1.amazonaws.com/assets.cookieconsent.silktide.com/cookie-consent-logo.png);
    opacity: 0.9;
    transition: opacity 200ms;
}

.cc_container .cc_logo:hover, .cc_container .cc_logo:active {
    opacity: 1;
}

@media screen and (min-width: 500px) {
    .cc_container .cc_btn {
        font-size: 0.8em;
    }

    .cc_container .cc_message {
        font-size: 0.8em;
    }
}

@media screen and (min-width: 768px) {
    .cc_container .cc_btn {
        font-size: 1em;
    }

    .cc_container .cc_message {
        font-size: 1em;
        line-height: 1em;
    }
}

@media screen and (min-width: 992px) {
    .cc_container .cc_message {
        font-size: 1em;
    }
}

@media print {
    .cc_banner-wrapper, .cc_container {
        display: none;
    }
}

.cc_container {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    padding: 10px;
}

.cc_container .cc_btn {
    padding: 8px 10px;
    background-color: #F1D600;
    cursor: pointer;
    transition: font-size 200ms;
    text-align: center;
    font-size: 0.6em;
    display: block;
    width: 33%;
    margin-left: 10px;
    float: right;
    max-width: 120px;
}

.cc_container .cc_message {
    transition: font-size 200ms;
    font-size: 0.6em;
    display: block;
}

@media screen and (min-width: 500px) {
    .cc_container .cc_btn {
        font-size: 0.8em;
    }

    .cc_container .cc_message {
        margin-top: 0.5em;
        font-size: 0.8em;
    }
}

@media screen and (min-width: 768px) {
    .cc_container {
        padding: 15px 30px 15px;
    }

    .cc_container .cc_btn {
        font-size: 1em;
        padding: 8px 15px;
    }

    .cc_container .cc_message {
        font-size: 1em;
    }
}

@media screen and (min-width: 992px) {
    .cc_container .cc_message {
        font-size: 1em;
    }
}

.cc_container {
    background: #57575b;
    color: #EEEEEE;
    font-size: 17px;
    font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
    box-sizing: border-box;
}

.cc_container ::-moz-selection {
    background: #E2001A;
    color: #EEEEEE;
    text-shadow: none;
}

.cc_container .cc_btn, .cc_container .cc_btn:visited {
    color: #000000;
    background-color: #FFFFFF;
    text-decoration: none;
    transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    border-radius: 0;
    -webkit-border-radius: 0;
}

.cc_container .cc_btn:hover, .cc_container .cc_btn:active {
    background-color: #303033;
    /* $cookies-tlo; */
    color: #FFFFFF;
}

.cc_container a, .cc_container a:visited {
    text-decoration: underline;
    color: #EEEEEE;
    /* #0000ff; */
    transition: 200ms color;
}

.cc_container a:hover, .cc_container a:active {
    color: #000000;
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(66px);
        transform: translateY(66px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(66px);
        -ms-transform: translateY(66px);
        transform: translateY(66px);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.cc_container, .cc_message, .cc_btn {
    animation-duration: 0.8s;
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    -webkit-animation-name: slideUp;
    animation-name: slideUp;
}

/* Style do belki z ciasteczkami  */
h3.doPobraniaTytul {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    color: #646464;
    margin-top: 10px;
}

div.wspolpracaBox,
div.cienBox {
    height: 280px;
}

div.cienKontener {
    border: 1px solid transparent;
}

div.cienKontener div.cienBox {
    height: 280px;
    -webkit-box-shadow: inset 0 0 50px 0 rgba(227, 227, 227, 0.75);
    -moz-box-shadow: inset 0 0 50px 0 rgba(227, 227, 227, 0.75);
    box-shadow: inset 0 0 50px 0 rgba(227, 227, 227, 0.75);
}

div.wspolpracaBox div.cienKontener :hover {
    -webkit-box-shadow: inset 0 0 50px 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: inset 0 0 50px 0 rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 50px 0 rgba(255, 255, 255, 0);
    border: 1px solid #CCCCCC;
}

div.wspolpracaBox {
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}

.doPobraniaBelka .doPobraniaPrzycisk {
    margin: 0;
    padding: 5px 20px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
    background-color: #E2001A;
}

div.wspolpracaBox div.cienKontener {
    position: relative;
}

div.wspolpracaBox div.photo-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    align-items: center;
    height: 170px;
    margin: 10px auto;
    padding: 0;
    width: 92%;
    transition: all 1s;
}

div.wspolpracaBox div.photo-container img {
    flex: 0 0 auto;
    object-fit: scale-down;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
}

div.wspolpracaBox a {
    text-decoration: none;
    cursor: pointer;
}

div.wspolpracaBox a p.nazwaWspolpraca {
    text-overflow: ellipsis;
    margin: 0 10px;
    padding: 0 0;
    min-height: 28px;
    font-size: 18px;
    color: #E2001A;
    text-decoration: none !important;
    transition: all 1s;
}

div.wspolpracaBox:hover p.nazwaWspolpraca {
    color: #B10015;
}

div.wspolpracaBox:hover p.opisProduktu {
    color: #000000;
}

@media only screen and (max-width: 480px) {
    div.wspolpracaBox {
        width: 100%;
    }
}

#Kompatybilność {
    max-height: 475px;
    overflow-y: auto;
}

#Compatibility {
    max-height: 475px;
    overflow-y: auto;
}


/*
@media only screen and (min-width: 1680px) { }
@media only screen and (min-width: 1400px) and (max-width: 1680px) { } =280
@media only screen and (min-width: 1280px) and (max-width: 1400px) { } =120
@media only screen and (min-width: 1000px) and (max-width: 1280px) { } =280
@media only screen and (min-width: 770px) and (max-width: 1000px) { } =230
@media only screen and (min-width: 680px) and (max-width: 770px) { } =90
@media only screen and (min-width: 480px) and (max-width: 680px) { } =200
@media only screen and (max-width: 480px) { }
/* */


/*# sourceMappingURL=style.css.map */

.paging, .pagination {
    margin: 0 auto;
    float: none;
}

#result-pagination li {
    cursor: pointer;
}

.albery-item {
    text-align: center;
}

.albery-item img {
    max-width: 70%;
    margin-bottom: 30px;
}

.move-left a {
    border-right: 34px solid rgba(0, 0, 0, 0.1);
}

.move-right a {
    border-left: 34px solid rgba(0, 0, 0, 0.1);
}

.pagination-container {
    margin: 20px auto;
}