/* TOP - MENU 
-------------------------------------------------- */
body {  background:#fff; font-size:15px; font-family: 'Open Sans', 'Arial', sans-serif;}
.p0 { padding:0px;  }
a { text-decoration:none !important;  }
.ukryj { display: none !important; }
.input-data { background-image: url("../../img/kalendarz/kalendarzyk.jpg"); background-repeat: no-repeat; background-position: right center; }

.menu-con {  background: #fff; padding:0px; position:relative; z-index:400; height:65px; } 
.menu-con .navbar-default { background: #fff; }
.menu-con .navbar-static-top .container {   }
.menu-con .navbar-fixed-top .container {   }
.menu-con .navbar-nav { float:right;  }

.menu-con .container { padding:0px; }
.menu-con .box-logo { float:left; padding:5px 0px 0px 0px; }
.menu-con .box-logo .logo { padding:0px; }
.menu-con .box-logo img { max-width:100%; max-height:100%;}
.menu-con .box-umow { float:right; display:table; padding:9px 1px 0px 0px; }
.menu-con .box-umow a { display:table-cell; font-size:14px; background:#dc3035; color:#fff; vertical-align: middle; height:36px; line-height:19px; padding:0 20px; }
.menu-con .box-umow a:hover { background:#bb2328;  }
.menu-con .box-referencje { float:left; display:table; padding:9px 0px 0px 2px; }
.menu-con .box-referencje a { display:table-cell; font-size:14px; background:#1a95d3; color:#fff; vertical-align: middle; height:36px; line-height:19px; padding:0 20px;  }
.menu-con .box-referencje a:hover { background:#1280b8; }
.menu-con .box-menu { float:left; padding:5px 0px 0px 0px; }

#navbar { }
.menu-glowne { padding:9px 0; z-index: 2; text-align: right !important; }
.menu-glowne li { display:inline-block; padding:0px; margin:0; vertical-align:middle;  }
.menu-glowne li a { display:table-cell; font-size:14px; color:#333 !important; vertical-align: middle; height:36px; line-height:19px; padding:0 20px;  }
.menu-glowne li a:hover { background:#eee !important; color:#333 !important; }
.menu-glowne li.activ a { background:#ddd !important;  color:#333 !important; }
.menu-glowne li.activ a:hover { background:#ddd !important; color:#333 !important; }


/* BOX WYBRANE
-------------------------------------------------- */
#boxy-wybrane { text-align:center; padding:0px; background-color:#dddddd; margin-bottom:3px;  }
#boxy-wybrane img { width:100%; max-height:100%; }
#boxy-wybrane .row { border-left:3px solid #fff; }
#boxy-wybrane .box1 { padding:0px; border-right:3px solid #fff; border-bottom:3px solid #fff;  }
#boxy-wybrane .box2 { border-bottom:0px solid;  }
#boxy-wybrane .nazwa { display:table; padding:0px; border-top:1px solid #fff; width:100%; text-transform:uppercase; }
#boxy-wybrane .nazwa a { display:table-cell; font-size:15px; padding:0px 0px; height:50px; vertical-align:middle; color:#333; background:#eee; }
#boxy-wybrane .nazwa a:hover { color:#fff; background:#dc3035; }
#boxy-wybrane .opcje { display:table; padding:0px; border-top:1px solid #fff; width:100%; }
#boxy-wybrane .opcje a { display:table-cell; width:50%; font-size:14px; padding:6px 0px; background:#1a95d3; color:#fff; border-right:1px solid #fff; }
#boxy-wybrane .opcje a:last-of-type { border-right:0px solid; }
#boxy-wybrane .opcje a:hover { background:#dc3035; color:#fff;  }


/* KATALOG KATEGORIE
-------------------------------------------------- */
#katalog-kat { padding:0px;  }
#katalog-kat .col-sm-6 { float:left; padding:10px 0px 30px 0px; color:#333;  }
#katalog-kat .col-sm-6:nth-of-type(2n+1) { padding-right:20px; padding-left:0px;  }
#katalog-kat .col-sm-6:nth-of-type(2n+2) { padding-right:0px; padding-left:20px; }
#katalog-kat .tytul { float:left; font-size:24px; text-transform:uppercase; line-height:26px; font-weight:500;  }
#katalog-kat .box { float:none; display:table; width:100%; padding:3px 0px 0px 0px; }
#katalog-kat .podtytul { float:none; display:table-cell; vertical-align:bottom !important; font-size:14px; color:#666; padding-left:16px; }
#katalog-kat .cena { float:none; display:table-cell; vertical-align:bottom !important; font-size:14px; text-align:right; }
#katalog-kat .liczba { font-size:25px; font-weight:700; color:#f00; line-height:18px; }
#katalog-kat .przyciski { padding-top:8px; padding-bottom:2px; }
#katalog-kat .przyciski > div { padding:0px !important; }
#katalog-kat .przyciski a { display:block; font-size:15px; background:#eee; color:#333; padding:7px 0px; text-align:center; width:100%; border-right:2px solid #fff; }
#katalog-kat .przyciski a:hover { background:#1a6fb8; color:#fff; }
#katalog-kat .przyciski > div:last-of-type a { border-right:0px solid #fff; background:#1a95d3; color:#fff; }
#katalog-kat .przyciski > div:last-of-type a:hover { opacity:0.8;  }
#katalog-kat .zdjecie a { float:left;  }
#katalog-kat .zdjecie img { max-width:100%;  }
#katalog-kat .zdjecie.sekcje { max-width:100%; padding-top:10px; }
#katalog-kat .opisy { position:absolute; right:15px; bottom:25px; width:100%; opacity:0.8; -webkit-opacity:0.8; }
#katalog-kat .opisy > div { clear:both; float:right; font-size:16px; font-weight:400; padding:3px 15px; margin-top:10px; background:#666; color:#fff; text-align:right; }
#katalog-kat .opisy > div:nth-child(2n+1) { width:30%; }
#katalog-kat .opisy > div:nth-child(2n+2) { width:40%; }
#katalog-kat .opisy > div:nth-child(2n+3) { width:50%; }
#katalog-kat .pasek { display:table; padding-top:2px; margin:0 auto; height:28px; }
#katalog-kat .pasek:hover { opacity:0.6; }
#katalog-kat .pasek img { width:auto; height:100% !important; }
#katalog-kat .red1 { display:table-cell; text-align:right; padding:0px; }
#katalog-kat .red2 { display:table-cell; text-align:center; font-size:15px; padding:0px 30px 1px 30px; vertical-align:middle; background-color:#ff0000; color:#fff; text-transform:uppercase;  }
#katalog-kat .red3 { display:table-cell; text-align:left; padding:0px; }
#katalog-kat .pozostale { font-size:46px; margin-top:40px; color:#333; font-weight:700; text-transform:uppercase; }
#katalog-kat .powiazane { text-align:center;  }
#katalog-kat .powiazane .tytul { padding-top:10px; }
#katalog-kat .powiazane .wiecej { padding-top:2px; font-size:19px; font-weight:500; text-transform:uppercase; }
#katalog-kat .gwiazdka { padding:0px 0px 30px 15px;  }


/* KATALOG 
-------------------------------------------------- */
#katalog { padding:0px 0px 0px 0px; }

#katalog .opis { padding:10px 0px 30px 0px !important; }
#katalog .tytul-h { padding:0px !important; }


#katalog p { margin:0px; }
#katalog .opis .sekcja { margin-top:0px; }
#katalog .sekcja { float:left; margin-top:0px; }
#katalog .sekcja:first-of-type { margin-top:0px; }
#katalog .top { border-top:1px solid #eee; border-bottom:0px solid #eee; padding:20px 0px; }
#katalog .top:last-of-type { margin:20px 0px; border:0px; }
#katalog .top .col-sm-12 { padding:0px; }
#katalog .top a { float:left; font-size:18px; font-weight:600; cursor:pointer; padding:5px 0px; }
#katalog .top a.wycen { float:right; padding:5px 30px; background:#1a95d3; color:#fff; font-weight:400;  }
#katalog img { max-width:100%; max-height:100%; }
#katalog .opis { float:left; padding:0px; }
#katalog .prawa .opis { float:right; text-align:right !important;  }


#katalog .tytul { font-size:46px; line-height:52px; padding:10px 40px 0px 0px; color:#333; font-weight:700; text-transform:uppercase; }
#katalog .prawa .tytul { text-align:left; padding:10px 0px 0px 40px; }

#katalog .tytul.seo { font-size:30px !important; line-height:38px !important; font-weight:600; padding:0px !important;  }
#katalog .prawa .tytul.seo { float:right; font-size:30px !important; line-height:38px !important; padding:0px !important; }


#katalog .tresc { font-size:18px; font-weight:300; color:#333; line-height:33px; padding:20px 40px 0px 0px; text-align:justify;  }
#katalog .prawa .tresc { padding:20px 0px 0px 40px; }
#katalog .foto { float:right; padding:0px 0px 0px 40px; }
#katalog .prawa .foto { float:left; padding:0px 40px 0px 0px; }
#katalog .foto div { padding:0px; }
#katalog .lewa .foto { text-align:right !important; }
#katalog .przycisk { display:inline-block; padding:20px 50px; margin-top:20px; font-size:18px; font-weight:400; text-transform:uppercase; color:#333; background:#eee; border:1px solid #274698; }
#katalog .przycisk:hover { color:#fff; background:#274698;  }
#katalog .prawa .przycisk { float:right; }
#katalog .l { float:left; }                         /* do specyfikacji */
#katalog .p { float:right;  }                       /* do specyfikacji */
#katalog .w { float:left; width:100% !important; }  /* do specyfikacji */


/* FORMULARZ ZAPYTANIA
-------------------------------------------------- */
#formularz-zapytania { padding:0px 0px 30px 0px; }
#formularz-zapytania .nag { padding-bottom:30px; }
#formularz-zapytania .zapytanie { padding:0px; }
#formularz-zapytania .zapytanie h2 { margin-top:10px !important; }
#formularz-zapytania form { margin-left:17px; }
#formularz-zapytania .form-group { padding-top:8px; }
#formularz-zapytania textarea, #formularz-zapytania button,
#formularz-zapytania input { border:1px solid #ddd; border-radius: 0px;  box-shadow:none; height:45px; font-size:15px;  }
#formularz-zapytania .btn-send { color:#fff; background:#1a95d3; width:150px; border:0; text-transform: uppercase; padding:0px 0; height:45px; font-size:18px; }
#formularz-zapytania .btn-send:hover { text-decoration: underline; color:#eee;}
#formularz-zapytania textarea { height:113px !important;}
#formularz-zapytania .kol-1 { padding-right:50px; }
#formularz-zapytania .kol-2 { padding-right:38px; }
#formularz-zapytania .tytul { padding-top:13px; text-align:right;  }

#formularz-zapytania .col-sm-4 { float:left; }
#formularz-zapytania .col-sm-8 { float:left; }
#formularz-zapytania .kontaktowe { padding:10px 0px 10px 0px !important; }

#formularz-zapytania .zapytanie .col-sm-8 { padding:2px 30px 0px 0px;  }
#formularz-zapytania .zapytanie input, textarea { margin:0px 0px 15px 0px;  }
#formularz-zapytania .zapytanie select { height:45px !important; width:50%; margin:0px 0px 15px 0px; }
#formularz-zapytania .zapytanie .kapcz { margin:0px 0px 15px 0px; }
#formularz-zapytania .zapytanie .kapcz input { margin:0px 0px 0px 15px; }
#formularz-zapytania .typ_bramy { float:left; width:61%; text-align:center; color:#333; padding:0px 8px 10px 5px;  }
#formularz-zapytania .typ_hasla { float:left; width:39%; padding:0px 10px 20px 7px;  }
#formularz-zapytania .typ_bramy img { width:100%; padding-bottom:20px;   }
#formularz-zapytania .typ_hasla .top { float:none; display:table; padding:0px; width:100%; margin-bottom:1px; }
#formularz-zapytania .typ_hasla .topa { display:table-cell; height:100px; width:100%; vertical-align:middle; font-size:26px; line-height:34px; color:#333; padding:0px 15px 0px 15px; font-weight:600; background-color:#eee; text-transform:uppercase;  }
#formularz-zapytania .typ_hasla .topb { display:table-cell; height:55px; width:100%; vertical-align:middle; font-size:19px; line-height:24px; color:#fff; padding:0px 15px 0px 15px; font-weight:500; text-align:right; background-color:#dc3035;  }
#formularz-zapytania .typ_hasla img { padding:0px 15px 4px 0px; }
#formularz-zapytania .typ_hasla .top1 { font-size:36px; color:#fff; padding:5px 15px 5px 15px; background-color:#006eb9; margin-bottom:1px;  }
#formularz-zapytania .typ_hasla .top2 { font-size:18px; color:#fff; padding:10px 15px 10px 15px; background-color:#006eb9; margin-bottom:1px; }
#formularz-zapytania .typ_hasla .szare { font-size:14px; background-color:#eee; margin-bottom:1px; padding:6px 15px 7px 15px; }

#formularz-zapytania .montaz { display:block; width:100%; padding:5px 5px 5px 5px;  }
#formularz-zapytania .typ_montazu input { height:auto !important; margin-bottom:15px; }
#formularz-zapytania .typ_montazu span { line-height:18px; font-size:15px;  }
#formularz-zapytania .typ_montazu img { max-width:100%;  }
#formularz-zapytania .typ_koloru { font-size:13px; padding:0px; line-height:16px; }
#formularz-zapytania .typ_koloru input { height:auto !important; margin:30px 0px 30px 0px; }
#formularz-zapytania .typ_koloru .border { border:1px solid #eee; }
#formularz-zapytania .typ_koloru .kolor { float:left; display:block; width:100%; padding:3px 3px 8px 3px;  }

#formularz-zapytania .naglowek { float:left; font-size:24px; text-transform:uppercase; line-height:26px; font-weight:500; padding-top:10px; padding-bottom:6px; }
#formularz-zapytania .tresc { font-size:15px; line-height:24px; margin-bottom:20px; font-weight:300; }

#formularz-zapytania .jq-typ-panela div { border:0px solid !important; }

#kontakt-img-kod { float:left; height:45px; }
#kontakt-nowy-kod { float:left; display: inline-block; width:30px; height:45px; border: 1px solid #eee; border-left:0; background: url('../../img/grafika/refresh.png') no-repeat center center; }
#kontakt-kod-wpisany { float:left; width:225px; margin-left:20px; }




/* BOX FORMULARZ KONTAKTOWY
-------------------------------------------------- */
#box-formularz { padding:30px 0; background:#1a95d3; border-bottom:3px solid #fff; }
#box-formularz a { color:#fff;  }
#box-formularz .tresc { font-size:15px; line-height:24px; color:#fff; font-weight:300; }
#box-formularz .kol-1 { padding:0px 30px !important;  }

#box-formularz form { float:left; width:100%; padding:20px 0px 0px 0px;  }
#box-formularz textarea, #seg-formularz button,
#box-formularz input { border:1px solid #eee; border-radius:0px; box-shadow:none; font-size:13px; }
#box-formularz .btn-send { color:#333; background:#ddd; font-size:15px; width:130px; height:34px; border:0; padding:0px; border-radius:0px;}
#box-formularz .btn-send:hover { text-decoration: underline; color:#eee; }
#box-formularz textarea { height:83px !important; }


/* BOX MAPA
-------------------------------------------------- */
#box-mapa { padding:0px 0px 2px 0px; color:#333; font-weight:300;  }
#box-mapa .naglowek { font-size:23px; font-weight:400; margin-bottom:5px; }
#box-mapa .tresc { font-size:15px; line-height:24px; margin-bottom:15px; }
#box-mapa label { font-weight:400; padding-right:30px;   }
#box-mapa input { border:1px solid #eee; border-radius:0px; box-shadow:none; height:34px; width:100%; }
#box-mapa .btn-send { color:#333; background:#eee; font-size:15px; border:0; padding:0px; border-radius:0px; height:34px; width:100%;  }
#box-mapa .con-map { margin-left:-15px; margin-right:-15px; padding:0; }
#box-mapa #map { clear:both; height:450px; background:#aaa; margin:20px 0px 0px 0px !important; padding:0 !important;}
#box-mapa #wskazowki { clear:both; margin:0px;}
#box-mapa #wskazowki table { width:100%;}


/* BOX KONTAKT
-------------------------------------------------- */
#box-kontakt { padding:30px 0px; background-color:#dddddd;   }
#box-kontakt a { color:#444;  }
#box-kontakt .tresc { font-size:15px; line-height:24px; font-weight:300; color:#444; }
#box-kontakt .prawa { text-align:right;  }


/* FOOTER
-------------------------------------------------- */
#footer { padding:30px 0px; color:#666; }
#footer a {  color:#666; padding:0px 30px 0px 0px; font-size:14px; }
#footer a:hover { color:#1a95d3; text-decoration:none; }
#footer a.activ { color:#1a95d3;  }
#footer a.activ:hover { color:#dc3035;  }
#footer .podpis { color:#888; font-size:14px; line-height:23px; text-align:right; padding-top:20px; }


/* DZIALY TEKSOTWE
-------------------------------------------------- */
#dzialy-tekstowe { padding:30px 0px; color:#333; font-weight:300; }
#dzialy-tekstowe a { color:#333;  }
#dzialy-tekstowe .naglowek { font-size:23px; font-weight:400; margin-bottom:5px; text-transform:uppercase;  }
#dzialy-tekstowe .tresc { font-size:15px; line-height:24px; }


/* REALIZACJE
-------------------------------------------------- */
#realizacje { padding:0px; }
#realizacje img { max-width:100%;  }
#realizacje .row > div { display:table; padding:2px;  }
#realizacje .row > div a { display:table-cell; font-size:18px; height:70px; padding:0 15px; vertical-align: middle; text-align:center; color:#333; font-weight:400; background:#eee; text-transform:uppercase; }
#realizacje .row > div a.activ { background:#1a95d3; color:#fff; }
#realizacje .row > div a:hover { background:#1a95d3; color:#fff; }

#realizacje .sekcja { padding:0px; }
#realizacje .pasek { float:left; vertical-align:bottom; padding:30px 0px 30px 0px !important; border-top:1px solid #eee; }
#realizacje .pasek:first-of-type { border-top:0px solid #eee; }
#realizacje .tytul { font-weight:500; font-size:25px; line-height:32px; text-align:justify; padding-bottom:10px;  }
#realizacje .tytul span { text-align:justify;  }
#realizacje .schematy { border-top:1px solid #eee; border-bottom:1px solid #eee; padding:5px 15px 10px 15px;   }
#realizacje .schemat { margin-top:3px; padding:0px; }
#realizacje .inf { font-weight:400; font-size:18px;  }
#realizacje .nazwa { font-weight:300; font-size:16px;  }
#realizacje .opis { font-weight:300; text-align:justify; line-height:24px; font-size:15px; padding-top:10px; }
#realizacje .buttony { padding-top:10px;  }
#realizacje .buttony div { display:table; padding:0px;  }
#realizacje .buttony div a { display:table-cell; padding:0px 15px; height:50px; font-size:15px; border-right:2px solid #fff; }
#realizacje .buttony div:last-of-type a { border-right:0px solid #fff; }

.new-slider { padding:0; margin:0; position:relative;  }
.new-slider-item { width:100%; min-height:417px; padding:0; margin:0; position: relative; overflow: hidden; }
.new-slider-item li { list-style-type: none; top:0; padding:0; width:100%; text-align:center; }
.new-slider-item li img {  max-width:100%; max-height:100%; padding:0px 27px 0px 3px; }
/*.new-slider-kropki { position: absolute; bottom:-10px; left:0; right:0; z-index: 404; text-align: center;}*/
.new-slider-kropki { height:7px; margin-bottom:0px !important; margin-top:15px; padding:0px !important; text-align:center; }
.new-slider-kropki li {  padding:0; margin:0 6px; display:inline-block; width:13px; height:13px; border:0px solid #c5c5c5; border-radius:7px; list-style-type:none; }
.new-slider-kropki li.normal { background:#eee; }
.new-slider-kropki li.activ { background:#274698; }
.new-slider-kropki li:hover { cursor: pointer; }



/* BLOG
-------------------------------------------------- */
#blog { color:#333; }
#blog .naglowek { float:left; font-size:24px; text-transform:uppercase; line-height:32px; font-weight:500; padding-top:10px; padding-bottom:6px; }
#blog .tytul { font-size:18px; color:#333; font-weight:500; line-height:26px; padding-bottom:10px; }
#blog .tresc { font-size:15px; line-height:24px; font-weight:300;  }
#blog .dzialy { padding-bottom: 15px; padding-top:10px;  }
#blog .col-xs-3 { padding:0px 20px 0px 20px; border:0px solid;  }
#blog .link-sekcja { padding:0px 0px 20px 10px; margin-left:-15px; width:102%; border:0px solid;  }
#blog img { float:left; width:100%; padding-top:10px;  }
#blog a { float:left; padding-bottom:10px; text-transform: uppercase; font-size:18px; width:100%; }
#blog a:hover { text-decoration:none; color:#159cd8; }
#blog a.wiecej { font-weight:400; color:#159cd8; padding-bottom:20px; font-size:15px;}
#blog a.wiecej:hover { color:#333; }
#blog .polowa1 { padding:10px; }
#blog .polowa2 { display: none; }
#blog .foto-tresc { padding:10px 0px 30px 0px; }
#blog .wypisanie { float:left; color:#888; font-size:15px; font-weight:300; padding-bottom:10px; padding-right:20px; }
#blog .box-tresc1 { float:left; width:100%; font-size:26px; font-weight:300; padding-top:0px; line-height: 38px; text-transform: uppercase; text-align: justify; }
#blog .box-tresc2 { float:left; width:100%; font-size:18px; font-weight:300; padding-top:15px; line-height: 35px; text-align: justify; }
#blog .box-powrot { float:left; padding-bottom:20px; }
#blog .box-powrot a { font-size:26px; font-weight:700; padding-bottom: 0px;  }
#blog .box-kat { float:left; width:100%; }
#blog .box-kat a { padding-right:40px; padding-bottom:20px; font-size:16px; color:#888; font-weight: 300; text-transform: none; }
#blog .kat { float:left; }
#blog .kat a { padding-right:40px; padding-bottom:0px; font-weight: 300; }
#blog .kat a:hover { color:#333; }
#blog .kat .powrot { color:#888; }
#blog .kat.activ a { color:#333; text-decoration: underline; }



/* BANK WIEDZY YOUTUBE
-------------------------------------------------- */
#bank-wiedzy-youtube { position:relative; overflow: hidden; padding-top: 0px; padding-bottom: 0px; }
#bank-wiedzy-youtube .naglowek { float:left; font-size:24px; text-transform:uppercase; line-height:26px; font-weight:500; padding-top:10px; padding-bottom:6px; }
#bank-wiedzy-youtube .tresc { font-size:15px; line-height:24px; font-weight:300; }
#bank-wiedzy-youtube .embed-responsive { margin-top:20px; margin-bottom:30px; }


/* LOADER I INFO POPUP
-------------------------------------------------- */
.loader-popup { position: fixed; top: 0; left:0; width:100%; height:100%; min-height:100%; background: rgba(255, 255, 255, 0.7); z-index: 500; }
.loader-popup .con { display: table; width:100%; height:100%; min-height:100%; }
.loader-popup .con .con-v { display: table-cell; vertical-align: middle; text-align: center;  }

.info-popup { position: fixed; top: 0; left:0; width:100%; height:100%; min-height:100%; background: rgba(255, 255, 255, 0.7); z-index: 500;  }
.info-popup .con { display: table; width:100%; height:100%; min-height:100%; }
.info-popup .con .con-v { min-width:50%; text-align:center; display: table-cell; vertical-align: middle; position: fixed; top: 50%; left:50%; z-index: 100; 
                                    transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.info-popup .con .con-v div { display:inline-block; font-size:15px; font-weight:300;  min-width:60%;  background:#fff; border:1px solid #aaa; padding:30px 44px 30px 45px; position: relative; border-radius: 5px; text-align:left;  }
.info-popup .con .con-v div u { display:inline-block; font-size:21px; font-weight:500; margin-bottom:5px; text-decoration:none;  }
.info-popup .con .con-v div a { float:right; margin-top:15px !important; cursor:pointer;  }
.info-popup .con .con-v div i { position: absolute !important; top:2px !important; right:5px !important; left:auto !important; font-size:18px; background: #f00 !important; font-style: normal; font-weight: bold; padding:3px 10px; color:#fff !important; border-radius: 10px;}
.info-popup .con .con-v div i:hover { cursor: pointer; color:#555;}
.info-popup .con .con-v .btn-zamknij { display:inline-block; margin-top:10px; margin-bottom:10px; border-radius:0px; background-color:#1a95d3; color:#fff; border:0px; padding:5px 30px; text-decoration:none;   }


.info-popup .con .con-v .btn { padding:5px 15px; margin:0 10px; color:#333; border:0;}
.info-popup .con .con-v .btn:hover { cursor: ponter; opacity:0.6;}
.info-popup .con .con-v .btn.kontynuuj { background: #ddd; }
.info-popup .con .con-v .btn.do-koszyka { background: #ddd; }


/* COOKIE 
-------------------------------------------------- */
#cookie_msg { position: fixed;  bottom:0; padding: 5px 0 0 0; z-index: 999; background: #333; width:100%;}
#cookie_msg .cookie_msg { padding: 10px 0; color:#eee; overflow: hidden; font-size:12px;line-height: 17px; text-align:center;}
#cookie_msg .cookie_msg a { font-style: normal; color:#eee; font-weight: bold; text-decoration: none; }
#cookie_msg #cookie_msg_close {  }
#cookie_msg a:hover { color:#777;}

#jq-my-img-box { width:100% !important;}
#jq-my-img-box .modal-dialog { }
#jq-my-img-box .modal-dialog .modal-body { text-align:center;}
#jq-my-img-box .modal-dialog .modal-body img { /*max-width:100%;*/ filter:alpha(opacity=0); opacity:0;}
#jq-my-img-box .modal-dialog .modal-body img.loader { position:absolute; left:48%; top:100%; filter:alpha(opacity=100); opacity:1; }
#jq-my-img-box .modal-footer button { outline: none;}
#box-img-btn-prev.disabled, #box-img-btn-next.disabled { color:#aaa; }


#jq-formzapyt-termin { background: url('../../img/buttony/kalendarz.gif') no-repeat 10px center; padding-left:40px;  }


/* MEDIA 
-------------------------------------------------- */
/* lg */
@media (min-width: 1200px) {

}

/* lg */
@media (max-width: 1200px) {
    
}


/* md */
@media (min-width: 992px) and (max-width: 1200px) {
    
    
    /* MENU 1
    -------------------------------------------------- */
    .menu-glowne li a { font-size:14px; padding:0 16px; }
    .menu-con .box-umow { padding-right:1px; }
    .menu-con .box-referencje { padding-left:1px; }
    .menu-con .box-umow a { font-size:14px; padding:0 16px; }
    .menu-con .box-referencje a { font-size:14px; padding:0 16px; }

    
    /* BOX WYBRANE 1
    -------------------------------------------------- */
    #boxy-wybrane { margin-bottom:2px;  }
    #boxy-wybrane .row { border-left:2px solid #fff; }
    #boxy-wybrane .box1 { border-right:2px solid #fff; border-bottom:2px solid #fff;  }
    #boxy-wybrane .box2 { border-bottom:0px solid;  }
    #boxy-wybrane .nazwa a { font-size:14px; height:55px; padding:0px 15px;  }
    #boxy-wybrane .opcje a { font-size:14px; padding:5px 0px; }

    
    /* KATALOG KATEGORIE 1
    -------------------------------------------------- */
    #katalog-kat .col-sm-6 { padding:10px 0px 25px 0px; }
    #katalog-kat .col-sm-6:nth-child(2n+1) { padding-right:10px; }
    #katalog-kat .col-sm-6:nth-child(2n+2) { padding-right:0px; padding-left:10px; }
    #katalog-kat .tytul { font-size:22px; line-height:24px; }
    #katalog-kat .box { padding:2px 0px 0px 0px; }
    #katalog-kat .liczba { font-size:23px; font-weight:700; }
    #katalog-kat .przyciski { padding-top:6px; }
    #katalog-kat .przyciski a { font-size:14px; padding:6px 0px; }
    #katalog-kat .opisy > div { font-size:15px; margin-top:9px; }
    #katalog-kat .opisy > div:nth-child(2n+1) { width:35%; }
    #katalog-kat .opisy > div:nth-child(2n+2) { width:45%; }
    #katalog-kat .opisy > div:nth-child(2n+3) { width:55%; }
    #katalog-kat .pasek > a { height:26px; }
    #katalog-kat .red2 { font-size:14px; padding:0px 25px 1px 25px;  }
    #katalog-kat .pozostale { font-size:36px; line-height:41px; margin-top:30px;  }
    #katalog-kat .powiazane .wiecej { font-size:18px; }


    /* KATALOG 1
    -------------------------------------------------- */
    #katalog .sekcja { margin-top:40px; }

    #katalog .top { padding:18px 0px; }
    #katalog .top:last-of-type { margin:15px 0px; }
    #katalog .top a { font-size:16px; }
    #katalog .foto { padding:0px 0px 0px 30px; }
    #katalog .prawa .foto { padding:0px 30px 0px 0px; }
    #katalog .tytul { font-size:36px; line-height:41px; padding:10px 35px 0px 0px;  }
    #katalog .prawa .tytul { padding:10px 0px 0px 35px; }
    #katalog .tresc { font-size:16px; line-height:28px; padding:15px 35px 0px 0px;  }
    #katalog .prawa .tresc { padding:15px 0px 0px 35px; }
    #katalog .przycisk { padding:15px 40px; margin-top:15px; font-size:16px; }
    #katalog .tytul.seo { font-size:22px !important; line-height:28px !important;  }
    #katalog .prawa .tytul.seo { font-size:22px !important; line-height:28px !important;  }
    
    /* FORMULARZ ZAPYTANIA 1
    -------------------------------------------------- */
    #formularz-zapytania .kol-1 { padding-right:50px; }
    #formularz-zapytania .kol-2 { padding-right:38px; }
    #formularz-zapytania .typ_montazu { padding:0px 10px; }  
    #formularz-zapytania .typ_montazu span { line-height:17px; font-size:14px;  }    
    
    #formularz-zapytania .typ_bramy { width:62%; padding:0px 4px 10px 5px;   }
    #formularz-zapytania .typ_bramy img { padding-bottom:20px;}
    #formularz-zapytania .typ_hasla { width:38%; padding:0px 10px 20px 10px;  }
    #formularz-zapytania .typ_hasla .topa { height:77px; font-size:21px; line-height:27px; padding:0px 12px 0px 12px; }
    #formularz-zapytania .typ_hasla .topb { height:48px; font-size:16px; line-height:18px; padding:0px 12px 0px 12px; }
    #formularz-zapytania .typ_hasla img { padding:0px 5px 3px 0px; }
    #formularz-zapytania .typ_hasla .top1 { font-size:26px; padding:0px 12px 0px 12px; }
    #formularz-zapytania .typ_hasla .top2 { font-size:16px; padding:3px 12px 3px 12px; }
    #formularz-zapytania .typ_hasla .szare { font-size:13px; padding:5px 20px 6px 10px; }
    #formularz-zapytania .tytul { padding-top:11px; }
    #formularz-zapytania .zapytanie input { height:41px; }
    #formularz-zapytania .zapytanie select { height:41px; }
    #formularz-zapytania .naglowek { font-size:21px; padding-top:8px; padding-bottom:4px; }
    #formularz-zapytania .tresc { font-size:14px; line-height:23px;  }    
    #formularz-zapytania .zapytanie .kapcz { height:41px; }
    #formularz-zapytania .zapytanie .kapcz img { height:41px; }
    #formularz-zapytania .zapytanie .kapcz a { height:41px; }
    
    
    /* BOX KONTAKT 1
    -------------------------------------------------- */
    #box-kontakt { padding:25px 0px; }
    #box-kontakt .tresc { font-size:14px; line-height:21px; }


    /* BOX FORMULARZ KONTAKTOWY
    -------------------------------------------------- */
    #box-formularz { padding:25px 0px 25px 0px; border-bottom:2px solid #fff; }
    #box-formularz .tresc { font-size:15px; line-height:24px;   }
    
    
    /* BOX MAPA
    -------------------------------------------------- */
    #box-mapa { padding:0px 0px 2px 0px; }    
    #box-mapa .naglowek { font-size:21px; }
    
    
    /* DZIALY TEKSTOWE 1
    -------------------------------------------------- */
    #dzialy-tekstowe { padding:25px 0px;  }
    #dzialy-tekstowe .naglowek { font-size:21px;  }
    #dzialy-tekstowe .tresc { font-size:15px; line-height:24px; }
    
    
    /* REALIZACJE 1
    -------------------------------------------------- */
    #realizacje .row > div { padding:1px;  }
    #realizacje .row > div a { font-size:16px; height:60px;  }

    #realizacje .pasek { padding:25px 0px !important; }
    #realizacje .tytul { font-size:21px; line-height:28px; padding-bottom:8px;  }
    #realizacje .schematy { padding:3px 15px 8px 15px;   }
    #realizacje .schemat { margin-top:2px; }
    #realizacje .inf { font-size:16px;  }
    #realizacje .nazwa { font-size:15px;  }
    #realizacje .opis { line-height:22px; font-size:15px; padding-top:8px; }
    #realizacje .buttony { padding-top:8px;  }
    #realizacje .buttony div a { height:45px; font-size:15px; border-right:1px solid #fff; }

    .new-slider-item { min-height:342px;  }
    .new-slider-kropki { height:9px; margin-top:13px;  }
    
    
    /* BLOG 1
    -------------------------------------------------- */
    #blog .naglowek { font-size:21px; padding-top:8px; padding-bottom:4px; line-height:28px; }
    #blog .tresc { font-size:14px; line-height:23px;  }
    #blog .tytul { font-size:16px; line-height:24px;  }
    
    
    /* BANK WIEDZY YOUTUBE 1
    -------------------------------------------------- */
    #bank-wiedzy-youtube .naglowek { font-size:21px; padding-top:8px; padding-bottom:4px; }
    #bank-wiedzy-youtube .tresc { font-size:14px; line-height:23px;  }
    #bank-wiedzy-youtube .embed-responsive { margin-top:20px; margin-bottom:25px; }
    
    
    /* FOOTER 1
    -------------------------------------------------- */
    #footer { padding:25px 0px; }
    #footer a {  padding:0px 20px 0px 0px; font-size:14px; }
    #footer .podpis { font-size:14px; line-height:23px; }

}

/* sm */
@media (min-width: 768px) and (max-width: 992px) {
    
   /* MENU 2
    -------------------------------------------------- */
    .menu-glowne li a { font-size:13px; padding:0 8px; }
    .menu-con .box-umow { padding-right:1px; }
    .menu-con .box-referencje { padding-left:0px; }
    .menu-con .box-umow a { font-size:13px; padding:0 8px; }
    .menu-con .box-referencje a { font-size:13px; padding:0 8px; }
    
    
    /* BOX WYBRANE 2
    -------------------------------------------------- */
    #boxy-wybrane { margin-bottom:1px;  }
    #boxy-wybrane .row { border-left:1px solid #fff; }
    #boxy-wybrane .box1 { border-right:1px solid #fff; border-bottom:1px solid #fff;  }
    #boxy-wybrane .box2 { border-bottom:0px solid;  }
    #boxy-wybrane .nazwa a { font-size:13px; height:45px; padding:0px 15px;  }
    #boxy-wybrane .opcje a { font-size:13px; padding:4px 0px; }
    
    
    /* KATALOG KATEGORIE 2
    -------------------------------------------------- */
    #katalog-kat .col-sm-6 { padding:10px 0px 20px 0px; }
    #katalog-kat .col-sm-6:nth-child(2n+1) { padding-right:0px; }
    #katalog-kat .col-sm-6:nth-child(2n+2) { padding-right:0px; padding-left:0px; }
    #katalog-kat .tytul { font-size:19px; line-height:21px; }
    #katalog-kat .box { padding:1px 0px 0px 0px; }
    #katalog-kat .liczba { font-size:18px; font-weight:600; }
    #katalog-kat .przyciski { padding-top:5px; }
    #katalog-kat .przyciski a { font-size:13px; padding:5px 0px; }
    #katalog-kat .opisy > div { font-size:14px; margin-top:8px; }
    #katalog-kat .opisy > div:nth-child(2n+1) { width:40%; }
    #katalog-kat .opisy > div:nth-child(2n+2) { width:50%; }
    #katalog-kat .opisy > div:nth-child(2n+3) { width:60%; }
    #katalog-kat .pasek > a { height:26px; }
    #katalog-kat .red2 { font-size:13px; padding:0px 20px 1px 20px;  }
    #katalog-kat .pozostale { font-size:30px; line-height:34px; margin-top:30px;  }
    #katalog-kat .powiazane .wiecej { font-size:16px; }
    
    
    /* KATALOG 2
    -------------------------------------------------- */
    #katalog .sekcja { margin-top:30px; }
    #katalog .top:last-of-type { margin:10px 0px; }
    #katalog .top { padding:16px 0px; }
    #katalog .top a { font-size:15px; }
    #katalog .foto { padding:0px 0px 0px 20px; }
    #katalog .prawa .foto { padding:0px 20px 0px 0px; }    
    #katalog .tytul { font-size:30px; line-height:34px; padding:10px 30px 0px 0px;  }
    #katalog .prawa .tytul { padding:10px 0px 0px 30px; }
    #katalog .tresc { font-size:15px; line-height:26px; padding:10px 30px 0px 0px;  }
    #katalog .prawa .tresc { padding:10px 0px 0px 30px; }
    #katalog .przycisk { padding:10px 30px; margin-top:10px; font-size:15px;  }
    #katalog .tytul.seo { font-size:21px !important; line-height:27px !important;  }
    #katalog .prawa .tytul.seo { font-size:21px !important; line-height:27px !important;  }    
    
    /* FORMULARZ ZAPYTANIA 2
    -------------------------------------------------- */
    #formularz-zapytania .kol-1 { padding-right:30px; }
    #formularz-zapytania .kol-2 { padding-right:30px; }
    #formularz-zapytania .kol-3 { padding-right:30px; }
    #formularz-zapytania .kol-3 div { text-align: right; float:right; padding-top:0px;}    
    #formularz-zapytania .typ_montazu { padding:0px 5px; }  
    #formularz-zapytania .typ_montazu span { line-height:16px; font-size:13px; }  
    #formularz-zapytania .typ_bramy { width:62%; padding:0px 1px 10px 5px;   }
    #formularz-zapytania .typ_bramy img { padding-bottom:20px;}
    #formularz-zapytania .typ_hasla { width:38%; padding:0px 10px 20px 13px;  }
    #formularz-zapytania .typ_hasla .topa { height:52px; font-size:16px; line-height:18px; padding:0px 10px 0px 10px; }
    #formularz-zapytania .typ_hasla .topb { height:38px; font-size:14px; line-height:15px; padding:0px 10px 0px 10px; font-weight:400; }    
    #formularz-zapytania .typ_hasla img { padding:0px 5px 3px 0px; }
    #formularz-zapytania .typ_hasla .top1 { font-size:17px; padding:1px 10px 1px 10px; }
    #formularz-zapytania .typ_hasla .top2 { font-size:14px; padding:0px 10px 1px 10px; }
    #formularz-zapytania .typ_hasla .szare { font-size:12px; padding:2px 5px 2px 5px; }
    #formularz-zapytania .tytul { padding-top:8px; }
    #formularz-zapytania .zapytanie input { height:37px; }
    #formularz-zapytania .zapytanie select { height:37px; }
    #formularz-zapytania .naglowek { font-size:19px; padding-top:6px; padding-bottom:2px; }
    #formularz-zapytania .tresc { font-size:13px; line-height:21px;  }
    #formularz-zapytania .zapytanie .kapcz img { height:37px; }
    #formularz-zapytania .zapytanie .kapcz a { height:37px; }
    
    
    /* BOX KONTAKT 2
    -------------------------------------------------- */
    #box-kontakt { padding:20px 0px; }
    #box-kontakt .tresc { font-size:13px; line-height:20px;}


    /* BOX FORMULARZ KONTAKTOWY 2
    -------------------------------------------------- */
    #box-formularz { padding:20px 0px 20px 0px; border-bottom:1px solid #fff; }
    #box-formularz .tresc { font-size:14px; line-height:22px;   }

    
    /* BOX MAPA 2
    -------------------------------------------------- */
    #box-mapa { padding:0px 0px 1px 0px; }
    #box-mapa .naglowek { font-size:18px;  }
    #box-mapa .tresc { font-size:14px; line-height:22px;   }
    
   
    /* DZIALY TEKSTOWE 2
    -------------------------------------------------- */
    #dzialy-tekstowe { padding:20px 0;  }
    #dzialy-tekstowe .naglowek { font-size:18px;  }
    #dzialy-tekstowe .tresc { font-size:14px; line-height:22px; }
    
    
    /* REALIZACJE 2
    -------------------------------------------------- */
    #realizacje .row > div { padding:1px;  }
    #realizacje .row > div a { font-size:14px; height:50px;  }

    #realizacje .pasek { padding:20px 0px !important; }
    #realizacje .tytul { font-size:18px; line-height:24px; padding-bottom:5px;  }
    #realizacje .schematy { padding:0px 15px 5px 15px;   }
    #realizacje .schemat { margin-top:1px; }
    #realizacje .inf { font-size:15px;  }
    #realizacje .nazwa { font-size:13px;  }
    #realizacje .opis { line-height:22px; font-size:14px; padding-top:5px; }
    #realizacje .buttony { padding-top:5px;  }
    #realizacje .buttony div a { height:50px; font-size:14px; }

    .new-slider-item { min-height:265px;  } 
    .new-slider-kropki { height:18px; margin-top:10px;  }

    
    
    /* BANK WIEDZY YOUTUBE 2
    -------------------------------------------------- */
    #bank-wiedzy-youtube .naglowek { font-size:19px; padding-top:6px; padding-bottom:2px; }
    #bank-wiedzy-youtube .tresc { font-size:13px; line-height:21px;  }
    #bank-wiedzy-youtube .embed-responsive { margin-top:20px; margin-bottom:20px; }
    
    /* BLOG 2
    -------------------------------------------------- */
    #blog .naglowek { font-size:19px; padding-top:6px; padding-bottom:2px; line-height:26px; }
    #blog .tresc { font-size:13px; line-height:21px;  }
    #blog .tytul { font-size:14px; line-height:22px;  }    
    #blog .col-xs-3 { padding:20px; width:50%; }
    #blog .polowa1 { display: block; }
    #blog .polowa2 { display: block; }
    
  
    /* FOOTER 2
    -------------------------------------------------- */
    #footer { padding:20px 0px; }
    #footer a {  padding:0px 15px 0px 0px; font-size:13px; }
    #footer .podpis { font-size:13px; line-height:21px; }
    
    
    
}

/* max - sm */
@media (max-width: 992px) {

}

/* > xs */
@media (min-width: 768px) {
    
    .menu-glowne .dropdown:hover > .dropdown-menu { display: block !important; }
    .menu-glowne .dropdown .dropdown-menu .dropdown:hover .dropdown-menu { display: block !important; }
}

/* xs */
@media (max-width: 768px) {
    
    body { padding-top:66px;}
    #navbar { position: relative; left:auto; top:auto; height:auto; width:auto;  background: url('../../img/tla/menu-belka.png') repeat-x top; text-align: center;}

    /* MENU 3
    -------------------------------------------------- */
    .menu-con { height:66px; position:fixed; top:0; z-index:400; width:100%; padding:0; background-color:#fff; width:100%;  }
    .menu-con .container { padding:0px 0px 0px 0px; } 
    .menu-con .navbar-header { margin-right:0px; margin-top:0px;  }
    .menu-con .navbar-collapse { padding:0; margin:0;}
    .menu-con .navbar-toggle { margin-top:16px; margin-bottom:10px; }
    .menu-con .box-logo { padding:0px 0px 0px 0px; width:100%; }
    .menu-con .box-logo .logo { position:absolute; top:8px; left:14px; margin:0; padding:0px;}
    .menu-con .box-menu { width:100%; }
    
    .menu-glowne { padding:0; margin:0; background:#fff; height:auto; width:100%; }
    .menu-glowne li { text-align: left; border-bottom:1px solid #eee; position: relative; width:100%; height:auto !important; }
    .menu-glowne li a { display:block; font-size:14px; height:auto; padding:8px 15px 7px 15px !important; }
    .menu-glowne li a:hover { height:auto !important; }
    .menu-glowne li.activ a { display:block; height:auto; }

    .menu-glowne li a.umow { background:#dc3035 !important; color:#fff !important;  }
    .menu-glowne li a.umow:hover { background:#bb2328 !important; color:#fff !important; }
    .menu-glowne li.activ a.umow { background:#bb2328 !important; color:#fff !important; }
    .menu-glowne li a.referencje { background:#1a95d3 !important; color:#fff !important; }
    .menu-glowne li a.referencje:hover { background:#1280b8 !important; color:#fff !important; }
    .menu-glowne li.activ a.referencje { background:#1280b8 !important; color:#fff !important; }
    
    .menu-glowne .dropdown.open .dropdown-menu { display: block !important; }
    
    
    /* BOX WYBRANE 3
    -------------------------------------------------- */
    #boxy-wybrane { float:left; spadding:0px; margin-bottom:0px;  }
    #boxy-wybrane .row { border-left:0px solid; }
    #boxy-wybrane .box1 { border-right:2px solid #fff; border-bottom:2px solid #fff; }
    #boxy-wybrane .box1:nth-child(2n+1) { border-right:1px solid #fff !important;  }
    #boxy-wybrane .box1:nth-child(2n+2) { border-left:1px solid #fff !important; border-right:0px;  }
    #boxy-wybrane .box1.box2 { border-right:0px solid !important; border-left:0px solid !important;  }
    #boxy-wybrane .nazwa a { padding:0px 15px;  }
    
    
    /* KATALOG KATEGORIE 3
    -------------------------------------------------- */
    #katalog-kat .col-sm-6 { float:left; padding:15px 0px 20px 0px; border-top:1px solid #eee; }
    #katalog-kat .col-sm-6:nth-child(2n+1) { padding-right:0px; }
    #katalog-kat .col-sm-6:nth-child(2n+2) { padding-right:0px; padding-left:0px; }
    #katalog-kat .tytul { font-size:19px; line-height:21px; width:100%; }
    #katalog-kat .liczba { font-size:19px; font-weight:700; }
    #katalog-kat .przyciski { float:left; padding-top:6px; padding-bottom:0px; width:100%; }
    #katalog-kat .przyciski > div { padding-bottom:1px !important;  }
    #katalog-kat .przyciski > div:first-of-type { padding-right:1px !important;  }
    #katalog-kat .przyciski a { font-size:14px; padding:7px 0px; border-right:0px solid #fff; }
    #katalog-kat .zdjecie { float:left; text-align:center; width:100%; }
    #katalog-kat .zdjecie a { width:100%; }
    #katalog-kat .zdjecie img { width:100%; }
    #katalog-kat .opisy { position:absolute; right:15px; bottom:20px;  }
    #katalog-kat .opisy > div { font-size:14px; }
    #katalog-kat .opisy > div:nth-child(2n+1) { width:40%; }
    #katalog-kat .opisy > div:nth-child(2n+2) { width:50%; }
    #katalog-kat .opisy > div:nth-child(2n+3) { width:60%; }
    #katalog-kat .pasek { font-size:14px; padding-top:1px; }
    #katalog-kat .pasek > a { height:26px; }
    #katalog-kat .red2 { padding:0px 15px;  }
    #katalog-kat .pozostale { font-size:26px; line-height:32px; margin-top:20px; padding:0px; }
    #katalog-kat .powiazane .wiecej { font-size:16px; }

    
    /* KATALOG 3
    -------------------------------------------------- */
    #katalog .sekcja { margin-top:30px; padding-bottom:20px; border-bottom:1px solid #eee; }
    #katalog .opis .sekcja { margin-top:30px; }
    #katalog .top { padding:20px 0px; }
    #katalog .top:last-of-type { margin:0px; }
    #katalog .top a { font-size:15px; }
    #katalog .foto { padding:0px 0px 0px 0px !important; }
    #katalog .tytul { font-size:26px; line-height:32px; padding:20px 0px 0px 0px;  }
    #katalog .prawa .tytul { padding:20px 0px 0px 0px; }
    #katalog .tresc { font-size:16px; line-height:28px; padding:10px 0px 0px 0px;  }
    #katalog .prawa .tresc { padding:10px 0px 0px 0px; }
    #katalog .przycisk { padding:10px 30px; margin-top:5px; font-size:15px; }
    #katalog .tytul.seo { font-size:21px !important; line-height:30px !important; margin:0px 0px 10px 0px !important; }
    #katalog .prawa .tytul.seo { width:100% !important; text-align:right;  font-size:21px !important; line-height:30px !important; margin:0px 0px 10px 0px !important; }
    
    /* FORMULARZ ZAPYTANIA 3
    -------------------------------------------------- */
    #formularz-zapytania { float:left; width:100%; }    
    #formularz-zapytania .kol-1 { padding-right:30px; }
    #formularz-zapytania .kol-2 { padding-right:30px; }
    #formularz-zapytania .kol-3 { padding-right:30px; }
    #formularz-zapytania .kol-3 div { text-align: right; float:right; padding-top:0px;}           
    #formularz-zapytania form { margin-left:15px;}
    
    #formularz-zapytania .typ_bramy { width:100%; padding:0px 5px 0px 5px;  }
    #formularz-zapytania .typ_bramy img { padding-bottom:1px; }
    #formularz-zapytania .typ_hasla { width:100%; padding:0px 5px 20px 5px; }
    #formularz-zapytania .typ_hasla .topa {  height:auto; font-size:21px; line-height:auto; padding:5px 10px 5px 10px; }
    #formularz-zapytania .typ_hasla .topb {  height:auto; font-size:16px; line-height:auto; padding:5px 10px 5px 10px; font-weight:400; }
    #formularz-zapytania .typ_hasla img { padding:0px 5px 3px 0px; }
    #formularz-zapytania .typ_hasla .top1 { font-size:18px; padding:5px 10px 5px 10px; }
    #formularz-zapytania .typ_hasla .top2 { font-size:15px; padding:5px 10px 6px 10px; }
    #formularz-zapytania .typ_hasla .szare { font-size:14px; background-color:#eee; margin-bottom:1px; padding:5px 10px 6px 10px; }    

    #formularz-zapytania .zapytanie { padding-right:15px; }
    #formularz-zapytania .zapytanie input { height:35px; margin:0px 0px 10px 0px; font-size:14px; }
    #formularz-zapytania .zapytanie select { height:35px; width:100%; margin:0px 0px 10px 0px; font-size:14px; }
    #formularz-zapytania .tytul { width:100%; text-align:left; padding:0px 0px 5px 0px; font-size:14px; }
    #formularz-zapytania .col-sm-8 { width:100%; padding:0px !important;  }
    
    #formularz-zapytania .montaz { display:block; width:100%; padding:8px 5px 3px 5px;  }
    #formularz-zapytania .typ_montazu input { height:auto !important; margin-bottom:20px;  }
    #formularz-zapytania .typ_montazu { width:100%; padding:0px; }
    #formularz-zapytania .typ_montazu img { width:100%;  }
    
    #formularz-zapytania .typ_koloru { float:left; width:50%; font-size:13px; padding:0px; line-height:16px; }
    #formularz-zapytania .typ_koloru input { height:auto !important; margin:10px 0px 10px 0px; }
    #formularz-zapytania .typ_koloru img { max-width:100%; border:1px solid #eee; }
    #formularz-zapytania .typ_koloru .kolor { float:left; display:block; width:100%; padding:3px 3px 8px 3px;  }    
    
    #formularz-zapytania .zapytanie .kapcz { margin:0px 0px 10px 0px; }
    #formularz-zapytania .zapytanie .kapcz input { margin-left:20px; }
    #formularz-zapytania .zapytanie .kapcz img { height:35px; }
    #formularz-zapytania .zapytanie .kapcz a { height:35px; }
    
    #formularz-zapytania .naglowek { font-size:19px; padding-top:6px; padding-bottom:2px; }
    #formularz-zapytania .tresc { font-size:13px; line-height:21px;  }
    
    
    /* BOX KONTAKT 3
    -------------------------------------------------- */
    #box-kontakt { float:left; padding:20px 0px; width:100%; }
    #box-kontakt .tresc { font-size:14px; line-height:22px; }
    #box-kontakt .k2 { text-align:right;  }
    #box-kontakt .prawa { text-align:left;  }
    
    
    /* BOX KONTAKT 3
    -------------------------------------------------- */
    #box-formularz { float:left; padding:20px 0px 25px 0px; width:100%; border-bottom:2px solid #fff;  }
    #box-formularz .tresc { font-size:14px; line-height:22px;    }

    
    /* BOX MAPA 3
    -------------------------------------------------- */
    #box-mapa { float:left; padding:0px 0px 2px 0px; width:100%; }
    #box-mapa .naglowek { font-size:21px; font-weight:500; }
    #box-mapa .tresc { font-size:14px; line-height:22px;   }   
    #box-mapa #map { height:350px; margin:5px 0px 0px 0px !important; }
    
    
    /* DZIALY TEKSTOWE 3
    -------------------------------------------------- */
    #dzialy-tekstowe { float:left; padding:20px 0px; width:100%; }
    #dzialy-tekstowe .naglowek { font-size:21px; font-weight:500; }
    #dzialy-tekstowe .tresc { font-size:14px; line-height:22px; }
    
    
    /* REALIZACJE
    -------------------------------------------------- */
    #realizacje { padding:0px; }
    #realizacje img { max-width:100%;  }
    #realizacje .row > div:nth-child(2n+1) { display:table; padding:0px 1px 1px 0px;  }
    #realizacje .row > div:nth-child(2n+2) { display:table; padding:0px 0px 1px 0px;  }
    #realizacje .row > div a { display:table-cell; font-size:15px; height:50px;  }

    #realizacje .pasek { padding:20px 0px 20px 0px !important;  }
    #realizacje .tytul { font-size:21px; line-height:28px; padding-bottom:10px;  }
    #realizacje .schematy { padding:5px 15px 10px 15px;   }
    #realizacje .schemat { margin-top:1px; padding:0px; }
    #realizacje .inf { font-size:16px;  }
    #realizacje .nazwa { font-size:14px;  }
    #realizacje .opis { line-height:24px; font-size:14px; padding-top:8px; }
    #realizacje .buttony { padding-top:5px;  }
    #realizacje .buttony div a { padding:0px 15px; height:40px; font-size:13px; border-right:1px solid #fff; }
    #realizacje .buttony div:last-of-type a { border-right:0px solid #fff; }

    .new-slider { padding:0; margin:0; position:relative; background:#fff; width:100%; }
    .new-slider-item { width:100%; min-height:10px; padding:0px 0px 12px 0px; margin:0; position:relative; overflow:hidden; }
    .new-slider-kropki { margin-top:2px; padding:0px !important; text-align:center;}
    .new-slider-item li img { padding:0px; }

    
    /* BLOG
    -------------------------------------------------- */
    #blog { padding:0px; }
    #blog .naglowek { font-size:19px; padding-top:6px; padding-bottom:2px; line-height:26px; }
    #blog .tresc { font-size:13px; line-height:21px;  }
    #blog .tytul { font-size:14px; line-height:22px;  }     
    
    #blog .col-xs-3 { padding:0px 15px; width:50%; }
    #blog .link-sekcja { padding:0px 0px 20px 0px; margin-left:0px; width:100%;  }
    #blog a { padding-bottom:10px; }
    #blog img { padding-bottom:5px; }
    #blog .polowa2 { display: block; }
    #blog .box-tresc1 { font-size:19px; font-weight:300; line-height: 32px; text-transform: uppercase;  }
    #blog .box-tresc2 { font-size:18px; font-weight:300; line-height: 32px;  }    
    #blog .kat a { padding-right:40px; padding-bottom:5px; width:100%;  }
    
    
    /* BANK WIEDZY YOUTUBE 3
    -------------------------------------------------- */
    #bank-wiedzy-youtube { position:relative; overflow: hidden; padding:0px; }
    #bank-wiedzy-youtube .naglowek { font-size:19px; padding-top:6px; padding-bottom:2px; }
    #bank-wiedzy-youtube .tresc { font-size:13px; line-height:21px;  }
    #bank-wiedzy-youtube .embed-responsive { margin-top:20px; margin-bottom:20px; }
    
    
    /* FOOTER 3
    -------------------------------------------------- */
    #footer { float:left; padding:20px 0px; font-size:14px; width:100%; }
    #footer a { float:left; width:100%; padding:2px 0px;  }
    #footer .podpis { float:left; padding-top:10px; font-size:13px; line-height:22px;   }
    
    

    .info-popup .con .con-v { width:90%; }
    .info-popup .con .con-v div { padding:20px 20px 20px 20px;  }
    
    
}


@media (max-height: 300px) {

}

@media (max-width: 415px) { 

}

/* < xs 3/4 */
@media (max-width: 574px) {
    

}

/* > xs /2 */
@media (min-width: 384px) and (max-width: 768px) {

}

/* xs - max */
@media (max-width: 384px) {
    

}