body { background:#fff; font-size:16px; color:#666; font-family: 'Work Sans', 'Arial', sans-serif; letter-spacing: -0.5px; padding-top:66px; }
body.glowna { padding-top:0px !important; }
a:link, a:visited, a:active, a:focus, a:hover { outline:0 !important; }
a { text-decoration:none !important; }
.ukryj { display: none !important; }
.yt-gen { width:100%; }

.btn-1 { display: inline-block; padding:20px 60px; border:1px solid #274698; text-transform: uppercase; color:#274698; font-size:20px; border-radius: 0; margin-top:40px; background: #fff; text-align: center; }
.btn-1:hover { background: #274698; color:#fff; text-decoration: none; cursor: pointer; -moz-user-focus: ignore; -moz-user-input: disabled; -moz-user-select: none; -khtml-user-select: none; -o-user-select:none; }
.btn-2 { display: inline-block; padding:15px 40px; border:1px solid #274698; text-transform: uppercase; color:#274698; font-size:15px; border-radius: 0; margin-top:40px; background: #fff; text-align: center; }
.btn-2:hover { background: #274698; color:#fff; text-decoration: none; cursor: pointer; -moz-user-focus: ignore; -moz-user-input: disabled; -moz-user-select: none; -khtml-user-select: none; -o-user-select:none; }

h1 { font-size:46px; color:#111; font-weight: 700; padding:0; text-transform: uppercase; }
h2 { font-size:46px; color:#111; font-weight: 700; padding:0; text-transform: uppercase; }
h3 { font-size:46px; color:#111; font-weight: 700; padding:0; text-transform: uppercase; }

.text-1 { font-size:21px; font-weight: 300; color:#111; line-height: 35px; text-align: justify; }
.text-2 { font-size:18px; font-weight: 300; color:#333; line-height: 35px; text-align: justify; }
.text-3 { font-size:18px; font-weight: 300; color:#fff; line-height: 35px; text-align: justify; }
.naglowek-2 { font-size:46px; line-height:54px; color:#111; font-weight:700; text-decoration:none; text-transform:uppercase; margin:0px; }

.btn-pobierz-1 { margin:10px 10px 10px; display: inline-block; vertical-align: middle; text-align: center; border:2px solid #274698; font-size:22px; color:#274698; width: 400px; font-weight: 400; text-transform: uppercase; text-decoration: none; padding: 60px 0;}
.btn-pobierz-1:hover { background:#274698; color:#fff; text-decoration: none; }

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

/* MENU GŁÓWNE */
.menu-con { padding:0px 0px 0px; position: relative; z-index: 600; background: #fff; border: 0px solid #000; }
.menu-con .navbar-default { background: #fff; }
.menu-con .navbar-static-top .container { position: relative; text-align: center; }
.menu-con .navbar-fixed-top .container { position: relative; }
.menu-con .logo { display: none; }

#navbar { background: none; border: 0px solid #000; }
.menu-glowne { float:left; padding:0px; padding-top:7px; padding-bottom: 0px; z-index: 2; margin:0px auto; position: relative; text-align: center; border: 0px solid #f00; }
.menu-glowne img { padding:0 15px 0 0; margin:0px; }
.menu-glowne li { display:table; padding:0; margin:0; text-align: center; vertical-align: middle; border:0px solid; }
.menu-glowne li a { padding:1px 18px 0px 18px; display:table-cell; font-size:15px; color:#333 !important; vertical-align: middle; height:54px; line-height: 16px; }
.menu-glowne li.activ a { color:#888 !important; }
.menu-glowne > li:hover > a { color:#264597 !important; }

.menu-glowne li ul { background:#fff; box-shadow:none; /*display:block !important;*/ min-width: 300px; padding:0px 0; top:54px; left:0px; border:0; border-radius: 0; }
.menu-glowne li ul li { display:block !important; padding:0; margin:0; position:relative; background: #fff; }
.menu-glowne li ul li a { display:block; padding:8px 25px 8px 14px; margin:0; position:relative; text-align: left; font-size:15px; height:auto; text-transform: uppercase; width: 100%; }
.menu-glowne li ul li a:hover { color:#274698 !important; background:#274698; }
.menu-glowne li ul li a.activ { color:#274698; }
.menu-glowne li ul li a.activ:hover { color:#fff !important; }
.menu-glowne li ul li a.noactiv2 { color:#264597 !important; }
.menu-glowne li ul li a.noactiv2:hover { color:#fff !important; }

.logo-glowne { float:left; padding-top:11px; }
.menu-dodatek { float:right; border: 0px solid #0f0; padding-top:21px; padding-bottom:10px; width:270px; }
.menu-dodatek .logowanie { float:right; border: 0px solid #0f0; }
.menu-dodatek .pola { float:right; border: 0px solid #0f0; padding-bottom:12px; }
.menu-dodatek .pola img { padding-left:10px; }
.menu-dodatek .btn-wersja { display: inline-block; padding:0 0 0 10px; text-transform: uppercase; }
.menu-dodatek .btn-wersja:hover { text-decoration: underline; cursor: pointer; }
.menu-dodatek .wersje { clear:both; width:100%; text-align: right; padding-top:6px; padding-bottom:8px; position: relative; }
.menu-dodatek .wersje a { margin-left:5px; color:#666; }
.menu-dodatek .wersje a:last-of-type { margin-right: 0; }
.menu-dodatek .wersje a.activ { color:#274698; text-decoration: underline; }
.menu-dodatek input { width:113px; border: 1px solid #999; color: #333; padding-left:10px; margin-top:5px; font-size:13px; height:25px; }
.menu-dodatek .button { width:75px; background-color: #fff; border: 0px; color:#999; font-size:13px; height:20px; }
.menu-dodatek .button:hover { opacity: 0.7; text-decoration: underline; }
.menu-dodatek { color:#999; font-size:14px; }
.menu-dodatek .btn-wyloguj,
.menu-dodatek a { display: inline-block; margin-left:12px; margin-right:10px; color:#999; font-size:14px; }
.menu-dodatek .btn-wyloguj:hover,
.menu-dodatek a:hover { opacity: 0.7; cursor: pointer; text-decoration: underline; }
.menu-dodatek .pola.zalogowany { float:right; border: 0px solid #0f0; padding-bottom:5px; padding-top:4px; margin-top:-10px; }
.menu-dodatek .pola .con-zalogowany { display: inline-block; width:100%; text-align: right; }
.menu-dodatek .pola.zalogowany .btn-panel { margin-left:0; }
.menu-dodatek .pola.zalogowany .con-zalogowany .btn-wyloguj { display: inline-block; margin-left:12px; margin-right:10px; color:#999; font-size:14px; }
.menu-dodatek .logowanie .input-red { border: 1px solid #f00; background: #fee; }

/* SLAJD */
#slajd { position:relative; overflow:hidden; }
#slajd .ukryj { display:block !important; }
#slajd .top { margin:25px 0px 30px 0px; }
#slajd .logo { display:inline-block; margin:8px 0px 0px 109px; }
#slajd .lewa { padding-right:0px; }
#slajd .kontakt { display:inline-block; font-size:20px; padding:5px 25px; background-color:#274698; color:#fff; font-weight:600; text-transform:uppercase; border-radius:20px; -webkit-box-shadow: 0px 0px 16px -10px rgba(0,0,0,0.60); box-shadow: 0px 0px 13px -6px rgba(0,0,0,1); }
#slajd .sekcja { height:330px; padding:0px; margin:6px 0px; background-color:#f6f6f6; }
#slajd .obrazy { height:330px; overflow:hidden; padding:0px; }
#slajd .obrazy img { height:100%; width:auto; }
#slajd .obrazy .img { padding:0px; display:none; opacity:0; position:absolute; top:0; left:0; }
#slajd .obrazy span { position:absolute; bottom:35px; right:0px; z-index:501; padding:9px 30px; font-size:18px; opacity:0.7; background-color:#555; color:#fff; }
#slajd span { display:block; font-size:19px; color:#111; font-weight:500; margin-top:20px; }
#slajd span.zalogowany { font-size:15px; color:#555; font-weight:400; margin-top:40px; }
#slajd span.zalogowany u { font-size:16px; color:#222; font-weight:500; text-decoration:none; text-transform:uppercase; }
#slajd input { margin-top:18px; height:40px; font-size:13px; color:#000; border:1px solid #ccc; padding:10px; width:100%; }
#slajd a.przypomnij { display:block; width:100%; margin-top:10px; font-size:13px; text-decoration:underline; color:#666; }
#slajd a.zarejestruj { display:block; margin-top:25px; font-size:14px; color:#274698; font-style:normal; font-weight:600; text-transform:uppercase; }
#slajd .klient a { display:block; width:100%; padding:12px; margin-top:18px; font-size:13px; color:#274698; border:1px solid #274698; background-color:#fff; }
#slajd .klient a:hover { background-color:#274698; color:#fff; }
#slajd .button { display:inline-block; margin-top:25px; font-size:14px; background-color:#274698; color:#fff; border-radius:20px; padding:10px 30px; border:0px solid; width:auto; font-weight:500; text-transform:uppercase; }
#slajd .button:hover { opacity:0.8; }
#slajd .btn-wyloguj:hover { opacity: 0.7; cursor: pointer; }
#slajd .okrag-lewa { -webkit-border-top-left-radius:165px; -webkit-border-bottom-left-radius:165px; -moz-border-radius-topleft:165px; -moz-border-radius-bottomleft:165px; border-top-left-radius:165px; border-bottom-left-radius:165px; }
#slajd .okrag-prawa-gora { -webkit-border-top-right-radius:330px; -moz-border-radius-topright:330px; border-top-right-radius:330px; }
#slajd .okrag-prawa-dol { margin-top:30px; -webkit-border-bottom-right-radius:330px; -moz-border-radius-bottomright:330px; border-bottom-right-radius:330px; }
#slajd .cien { -webkit-box-shadow: 0px 0px 16px -10px rgba(0,0,0,0.60); box-shadow: 0px 0px 16px -10px rgba(0,0,0,0.60); }

#slajd .wersje2 { float:right; text-transform:uppercase; font-size:15px; padding-top:2px; }
#slajd .wersje2 a { display:inline-block; background:#eee; color:#333; padding:8px 10px; border-radius:10px; }
#slajd .wersje2 a:hover { background:#274698; color:#fff; text-decoration:none; }
#slajd .wersje2:hover { cursor:pointer; }
#slajd .wersje2 .con-wybrany { float:left; padding:8px 10px; }
#slajd .wersje2 .con-lang { position:absolute; top:2px; right:40px; z-index:501; display:none; padding:0px; }
#slajd .wersje2 img { margin-left:10px; }
#slajd .wersje2:hover .con-lang { display:inline-block; }
#slajd .wersje2:hover img { display:none; }

/* SLIDER */
#slider .col-sm-6 { padding:33px 0px 0px 0px; }
#slider { position:relative; overflow: hidden; }
#slider .flaga { float:right; padding-right:162px; padding-top:65px; font-size:26px; font-weight:500; }
#slider .flaga a { display: inline-block; color:#333; width:100%;}
#slider .flaga-3 a { width:100%; }
#slider .flaga > div { margin-bottom:48px; width:407px; height:46px; position: relative; }
#slider .flaga > div > img { position: absolute; top:0; left:0; z-index: 1; opacity: 0; width:100%; } 
#slider .flaga > div > img.activ { opacity: 1; }
#slider .flaga > div > a { position: relative; z-index: 2; } 
#slider .flaga > div:last-of-type { margin-bottom:0; }
#slider .flaga > div:hover a { }
#slider .flaga > div:hover { background-size: 100%; }
#slider .flaga-1 { background: url("../../img/tla/flaga1a.png") no-repeat left top; background-size: 100%; }
#slider .flaga-1 a { display: block; padding:3px 0 0 40px; }

#slider .flaga-1.activ a { color:#fff; }
/*#slider .flaga-1.activ,*/
#slider .flaga-1:hover { background-size: 100%; }
#slider .flaga-2 { background: url("../../img/tla/flaga2a.png") no-repeat left top; background-size: 100%; }
#slider .flaga-2 a { padding:3px 0 0 80px; }
#slider .flaga-2.activ a { color:#fff; }
/*#slider .flaga-2.activ,*/
#slider .flaga-2:hover { background-size: 100%; }
#slider .flaga-3 { background: url("../../img/tla/flaga3a.png") no-repeat left top; background-size: 100%; }
#slider .flaga-3 a { padding:3px 0 0 80px; }
#slider .flaga-3.activ a { color:#fff; }
/*#slider .flaga-3.activ,*/
#slider .flaga-3:hover { background-size: 100%; }
#slider .flaga-4 { background: url("../../img/tla/flaga4a.png") no-repeat left top; background-size: 100%; }
#slider .flaga-4 a { padding:3px 0 0 80px; }
#slider .flaga-4.activ a { color:#fff; }
/*#slider .flaga-4.activ,*/
#slider .flaga-4:hover { background-size: 100%; }
#slider .flaga-5 { background: url("../../img/tla/flaga5a.png") no-repeat left top; background-size: 100%; }
#slider .flaga-5 a { padding:3px 0 0 40px; }
#slider .flaga-5.activ a { color:#fff; }
/*#slider .flaga-5.activ,*/
#slider .flaga-5:hover { background-size: 100%; }
#slider .foto { float:left; width:120%; height:549px; margin-left:-100px; position: relative; }
#slider .foto img { max-height: 100%; display: none; opacity: 0; position: absolute; top:0; left:0; }
#slider .foto img.activ { /*display: block; opacity: 1; position: absolute; top:0; left:0;*/ }

/* SCIEZKA */
#sciezka { padding-bottom:20px; color:#274698; padding-top:40px; }
#sciezka a { font-size:14px; color:#274698; text-transform: uppercase; }
#sciezka a:hover { color:#999; }

/* WARTOSCI */
.wartosci-slider { position:relative; overflow: hidden; padding-top:30px; }
.wartosci-slider .col-sm-6 { padding:0; }
.wartosci-slider .foto { float:right; height:480px; margin-right:100px; }
.wartosci-slider .foto img { max-height: 100%; display: none; opacity:0; position: relative; top:0; }
.wartosci-slider .foto img.activ { display: block; opacity:1; position: relative; top:0; }
.wartosci-slider .opis { float:left; width:570px; padding-top:30px; display: none; opacity:0;}
.wartosci-slider .opis a.absolut { position:absolute; top:390px; left:262px; }
.wartosci-slider .opis.activ { display: block; opacity:1; }
.wartosci-slider .opis > div { padding-top:20px; }
.wartosci-slider .btn-2 { float:right; margin-top:30px; }
.wartosci-slider .tresc { clear:both; }
.wartosci-slider .przyciski { position: absolute; right:105px; top:450px; }
.wartosci-slider .przyciski a { display: inline-block; float:left; width:15px; height:15px; background: #fff; margin-right:10px; border-radius: 10px; border:1px solid #274698; }
.wartosci-slider .przyciski a:hover { cursor: pointer; opacity: 0.7; }
.wartosci-slider .przyciski a.activ { background: #274698; }

/* JAK PRACUJEMY FILM */
#jak-pracujemy-film { padding-top:10px; }
#jak-pracujemy-film > div { padding:0px; }
#jak-pracujemy-film .btn-2 { margin-top:25px; }
#jak-pracujemy-film h3 { float:left; padding-top:20px; }
#jak-pracujemy-film .embed-responsive { margin:40px 0px 10px 0px; }

/* STRONA GŁOWNA OFERTA */
#glowna-oferta { padding-bottom:30px; overflow:hidden;  }
#glowna-oferta .row { padding-top: 50px; }
#glowna-oferta .con-fota img { float:left; }
#glowna-oferta .pd-left { padding-left:50px; }
#glowna-oferta .pd-right { padding-right:50px; }
#glowna-oferta .con-opis { padding-top:20px; }
#glowna-oferta .opis { padding-top:20px; }
#glowna-oferta .img-right img { float:right; }

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

/* FOOTER */
#footer { padding-top: 60px; padding-bottom: 60px; margin-top: 40px; background: #274698; color:#fff; }
#footer .con-logo img { max-width: 100%; width:150px; margin-top:4px; margin-bottom:20px; }
#footer .linia { padding:10px; }
#footer .row { display: table; width:100%; }
#footer .row > div { display: table-cell; float: none; }
#footer .con-ico { vertical-align: bottom; text-align: right; padding-bottom: 5px;}
#footer .con-ico .nopl { float:left !important; text-align: left !important; border:0px solid; }
#footer .col-sm-12.nopl { padding-left:0px !important; }
#footer .my-font-size.nopl { padding-left:0px !important; }
#footer .row .con-ico .con-ico-in { display: block; clear:both; float:right; }
#footer .row .con-ico img { width:30px; margin-left:15px !important; }
#footer .row .con-ico.nopl img { margin-left:0px !important; margin-right:15px; }
#footer .row .con-ico img:first-of-type { margin-left: 0; }
#footer .row .btn-zapytanie { font-weight:600; font-size:17px; color:#fff; text-transform: uppercase; }
#footer .row .btn-zapytanie:hover { color:#aaa;}
#footer .text-4 { font-size:16px; font-weight: 300; color:#fff; line-height: 35px; text-align: justify; }
#footer .pad1 { padding-right:30px; }
#footer .pad2 { padding-right:10px; padding-left:10px; }
#footer .pad3 { padding-left:30px; }
#footer .con-menu { padding:0; margin:0; }
#footer .con-menu .sep { height:20px; }
#footer a { padding:0; margin:0; color:#fff; }
#footer p { padding:0; margin:0; }

.my-font-size { display: block; clear:both; float:right; padding: 10px 0px 20px 0px; text-align: right;}
.my-font-size p { padding: 0; margin:0; line-height: 16px !important; }
.my-font-size span { color:#fff; }
.my-font-size span:hover { cursor: pointer; }
.ico-kontrast { display: inline-block; width:20px; height:20px; position:relative; top:5px; background: url('../../img/grafika/ico-kontrast.png') no-repeat; background-size: 100% 100%; }

body.kontrast { color:#FFF832; }
.kontrast { background-color: #000 !important; }
.kontrast .ico-kontrast { background-color: #FFF832 !important; }
.kontrast .my-font-size span { color:#FFF832; }
.kontrast h1, .kontrast h2, .kontrast h3 { color:#FFF832; }
.kontrast .text-1, .kontrast .text-2, .kontrast .text-3, .kontrast .text-4 { color:#FFF832 !important; }
.kontrast u, .kontrast i { color:#FFF832 !important; }
.kontrast .btn-1 { background: #FFF832; color:#000; border:0; }
.kontrast .btn-2 { background: #FFF832; color:#000; border:0; }
.kontrast #footer { background: #000; color:#FFF832; }
.kontrast #footer .con-menu a { color:#FFF832; }
.kontrast #footer .linia hr { border-top: 1px solid #FFF832; }
.kontrast .menu-con .navbar-default { background: #000; }
.kontrast .menu-con .navbar-default span { color:#FFF832 !important; }
.kontrast .menu-con .navbar-default a { color:#FFF832 !important; }
.kontrast .menu-con .navbar-default input { border:1px solid #FFF832; color:#FFF832 !important; background: #000; }
.kontrast .menu-con .navbar-default input[type=submit] { border:0; color:#000 !important; background: #FFF832; }
.kontrast .menu-con .navbar-default .menu-glowne li ul li { background: #000 !important; }
.kontrast .menu-con .navbar-default .menu-glowne li ul li a:hover { color:#000 !important; background:#FFF832; }
.kontrast #sciezka { color:#FFF832; }
.kontrast #sciezka a { color:#FFF832; }
.kontrast .historia-dealerow { background: #000; }
.kontrast .historia-dealerow-dealer { background: #000; }
.kontrast .historia-dealerow-dealer span { color:#FFF832; }
.kontrast #dokumentacja-kat .belka-pliki > div a span { background: #000; color:#FFF832; }
.kontrast #dokumentacja-kat .belka-pliki > div a:hover { background: #000; color:#FFF832; }
.kontrast #dokumentacja-kat .belka-pliki > div a:hover span { background: #000; color:#FFF832 !important; text-decoration: underline; }
.kontrast #dealer-zaufaj .con-punkty > div { color:#FFF832; }
.kontrast #dokumentacja-kat .row > div a { border:1px solid #FFF832; color:#FFF832; }
.kontrast #dokumentacja-kat .row > div a:hover { background: #000; text-decoration: underline; }
.kontrast #dokumentacja-kat .row > div a { border:1px solid #FFF832; color:#FFF832; }
.kontrast #dokumentacja-kat .row > div a:hover { background: #000; text-decoration: underline; }
.kontrast #dokumentacja-kat .row > div a.activ { border:1px solid #FFF832; color:#000; background: #FFF832; }
.kontrast #dokumentacja-kat .row > div a.activ:hover { border:1px solid #FFF832; color:#000; background: #FFF832; text-decoration: underline; }
.kontrast #kanal-youtube { color:#FFF832; }
.kontrast #mapa-dealerow .con-dealerzy .dealer { color:#FFF832; }
.kontrast #mapa-dealerow .con-dealerzy .dealer > div { color:#FFF832; }
.kontrast #mapa-dealerow .con-dealerzy .dealer > div a { color:#FFF832; }
.kontrast #kontakt a { color:#FFF832; }
.kontrast #kontakt .pracownicy,
.kontrast #kontakt .pracownicy a,
.kontrast #kontakt .pracownicy span { color:#FFF832; }

/* 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; }
#cookie_msg a:hover { color:#777;}

/* LOADER */
.loader-system { position:fixed; top:0; left:0; display: table; z-index: 501; background: rgba(255,255,255,0.8); width:100%; height:100%; text-align: center; }
.loader-system > div { display: table-cell; vertical-align: middle; }
.loader-system > div > div { position:relative; top:-10px; margin:auto; width:400px; max-width: 100%; padding:50px 0; background: #fff; border:3px solid #274698; color:#333; font-size:16px; }
.loader-system > div > div img { position: relative; top:0px; margin-right:6px;}
.loader-system > div > div i { font-style: normal; position: absolute; top:0px; right:0px; background: #fff; padding: 3px 8px 3px 9px; color:#333; font-size:16px; border-radius: 0 0 0 4px; border:3px solid #9EA7AC; border-top:0; border-right:0; font-weight: bold; }
.loader-system > div > div i:hover { cursor: pointer; opacity: 0.7; }
.loader-system-info { position:fixed; top:0; left:0; display: table; z-index: 501; background: rgba(255,255,255,0.8); width:100%; height:100%; text-align: center; }
.loader-system-info > div { display: table-cell; vertical-align: middle; }
.loader-system-info > div > div { position:relative; top:-10px; margin:auto; width:400px; max-width: 100%; padding:50px 0; background: #fff; border:3px solid #1569b2; color:#333; font-size:16px; }
.loader-system-info > div > div img { position: relative; top:0px; margin-right:6px;}
.loader-system-info > div > div i { font-style: normal; position: absolute; top:0px; right:0px; background: #fff; padding: 3px 8px 3px 9px; color:#333; font-size:16px; border-radius: 0 0 0 4px; border:3px solid #1569b2; border-top:0; border-right:0; font-weight: bold; }
.loader-system-info > div > div i:hover { cursor: pointer; opacity: 0.7; }

#zarejestruj-sie .btn-2 { margin:20px 0px 20px 0px; width:100%; background-color:#274698; color:#fff; font-size:18px; font-weight:500; }
#zarejestruj-sie .btn-2:hover { opacity:0.6; }

/* DEALER */
#dealer-4boxy { position:relative; overflow:hidden; padding-bottom:30px; }
#dealer-4boxy h3 { margin:0px 0 50px; }
#dealer-4boxy .obrazek { width:100%; text-align:center; }
#dealer-4boxy .col-sm-3 .obrazek img { width:50% !important; height:auto; }
#dealer-4boxy .col-sm-3 .text { font-weight:600; color:#274698; text-align:center; padding-top:20px; }

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

}

/* md - SKOK 1 */
@media (min-width: 992px) and (max-width: 1200px) {
    .text-2 { font-size:16px; line-height:30px; }
    .naglowek-2 { font-size:36px; line-height:42px; }
    .btn-2 { padding:13px 30px; }

     /* MENU GLOWNE 1 */
    .menu-glowne img { padding-right:0px; }
    .menu-glowne li a { font-size:15px; padding:0px 16px; }
    .menu-dodatek { padding-top:0px; padding-bottom:5px; width:500px; text-align: right; }
    .menu-dodatek .pola { float:left; padding-bottom:9px; }
    .menu-dodatek .pola:last-of-type { padding-top: 2px; }
    .menu-dodatek .wersje { padding-top:0px; padding-bottom: 12px; float:right; }
    .menu-dodatek a { margin-left:7px; }

    /* SCIEZKA 1 */
    #sciezka { padding-top:35px; }

    /* SLAJD 1 */
    #slajd .ukryj { display:block !important; }
    #slajd .top { margin:20px 0px 30px 0px; }
    #slajd .logo { margin:4px 0px 0px 90px; }
    #slajd .kontakt { font-size:16px; padding:5px 25px; }
    #slajd .sekcja { height:290px; }
    #slajd .obrazy { height:290px; }
    #slajd .obrazy span { bottom:66px; font-size:16px; }
    #slajd span { font-size:15px; margin-top:20px; }
    #slajd span.zalogowany { font-size:14px; margin-top:35px; }
    #slajd span.zalogowany u { font-size:15px; }
    #slajd input { margin-top:18px; height:37px; }
    #slajd a.przypomnij { margin-top:7px; }
    #slajd a.zarejestruj { margin-top:17px; font-size:14px; }
    #slajd .klient a { padding:10px; margin-top:15px; }
    #slajd .button { margin-top:15px; font-size:14px; }
    #slajd .wersje2 { font-size:14px; padding-top:2px; }
    #slajd .wersje2 a { padding:5px 7px; border-radius:8px; }
    #slajd .wersje2 .con-wybrany { padding:5px 7px; }
    #slajd .wersje2 .con-lang { position:absolute; top:2px; right:35px; }
    
    /* SLIDER 1 */
    #slider .flaga { padding-right:112px; padding-top:54px; font-size:22px; }
    #slider .flaga > div { margin-bottom:42px; width:357px; height:46px; }
    #slider .foto { height:500px; margin-left:-80px; }
    #slider .flaga > div > a { display: block; padding-top:4px; }

    /* JAK PRACUJEMY FILM 1 */
    #jak-pracujemy-film .btn-2 { margin-top:20px; }
    #jak-pracujemy-film .embed-responsive { margin:30px 0px 10px 0px; }

    /* WARTOSCI SLIDER 1 */
    .wartosci-slider { padding-top:20px; }
    .wartosci-slider .col-sm-6 { padding:0px; }
    .wartosci-slider .foto { height:450px; margin-right:80px; }
    .wartosci-slider .opis { width:480px; margin-left:-10px; padding-top:20px; }
    .wartosci-slider .numer { font-size:36px; }
    .wartosci-slider .naglowek { font-size:44px; }
    .wartosci-slider .przyciski { top:420px; right:85px; }
    .wartosci-slider .opis u { font-size:36px; line-height:42px; }
    .wartosci-slider .opis .zajawka { font-size:16px; line-height:30px; }
    .wartosci-slider .opis a.absolut { position:absolute; top:360px; left:162px; }

    /* STRONA GŁOWNA OFERTA 1 */
    #glowna-oferta .pd-left { padding-left:40px; }
    #glowna-oferta .pd-right { padding-right:40px; }
    #glowna-oferta .con-opis { padding-top:20px; }

    /* FOOTER 1 */
    #footer .row .con-ico img { width: 30px; margin-left:13px !important; }

    /* KONTAKT 1 */
    #kontakt .opis-1 { float:left; }

    /* FORMULARZ KONTAKTOWY - SEGMET 1 */
    #seg-formularz .kol-1 { padding-right:50px; }
    #seg-formularz .kol-2 { padding-right:38px; }
}

/* sm - SKOK 2 */
@media (min-width: 768px) and (max-width: 992px) {
    .text-2 { font-size:15px; line-height:27px; }
    .naglowek-2 { font-size:26px; line-height:32px; }
    .btn-2 { padding:10px 20px; }

    /* MENU GLOWNE 2 */
    .menu-glowne img { width:100px; padding-right:2px; padding-top:4px; }
    .menu-glowne li a { padding:1px 12px 0px 12px; font-size:14px; }

    .menu-dodatek { padding-top:0px; padding-bottom:5px; width:500px; text-align: right; }
    .menu-dodatek .pola { float:left; padding-bottom:9px; }
    .menu-dodatek .pola:last-of-type { padding-top: 2px; }
    .menu-dodatek a { margin-left:2px; }
    .menu-dodatek .wersje { padding-top:0px; padding-bottom: 12px; float:right; }
    .menu-dodatek .wersje a { padding-left:5px; color:#666; }
    .menu-dodatek .wersje a.active { color:#274698; }
    .logowanie > form > span { display: block; width: 230px; text-align: right; float: right; }

    /* SCIEZKA 2 */
    #sciezka { padding-top:35px; }

    /* SLAJD 2 */
    #slajd .ukryj { display:block !important; }
    #slajd .top { margin:20px 0px 25px 0px; }
    #slajd .logo { float:left; margin:3px 0px 0px 60px; width:auto; }
    #slajd .logo img { float:left; width:80%; }
    #slajd .kontakt { font-size:14px; padding:5px 20px; }
    #slajd .sekcja { height:240px; }
    #slajd .obrazy { height:240px; }
    #slajd .obrazy span { bottom:117px; padding:7px 25px; font-size:14px; }
    #slajd span { font-size:13px; margin-top:15px; }
    #slajd span.zalogowany { font-size:13px; margin-top:25px; }
    #slajd span.zalogowany u { font-size:14px; }
    #slajd input { margin-top:10px; height:30px; font-size:12px; }
    #slajd a.przypomnij { margin-top:7px; }
    #slajd a.zarejestruj { margin-top:15px; font-size:13px; }
    #slajd .klient a { padding:6px; margin-top:12px; }
    #slajd .button { margin-top:20px; font-size:13px; }
    #slajd .wersje2 { font-size:13px; padding-top:0px; }
    #slajd .wersje2 a { padding:6px 8px; border-radius:8px; }
    #slajd .wersje2 .con-wybrany { padding:6px 8px; }
    #slajd .wersje2 .con-lang { position:absolute; top:0px; right:30px; }

    /* SLIDER 2 */
    #slider .flaga { padding-right:42px; padding-top:42px; font-size:20px; font-weight: 500; }
    #slider .flaga > div { margin-bottom:24px; width:320px; height:46px; }
    #slider .foto { height:400px; margin-left:-20px; }

    /* WARTOSCI - SLIDER 2 */
    .wartosci-slider { padding-top:30px; }
    .wartosci-slider .col-sm-6 { padding:0px; }
    .wartosci-slider .foto { height:420px; margin-right:30px; }
    .wartosci-slider .opis { width:355px; margin-left:10px; padding-top:10px; }
    .wartosci-slider .numer { font-size:32px; }
    .wartosci-slider .naglowek { font-size:36px; }
    .wartosci-slider .tekst { font-size:16px; }
    .wartosci-slider .przyciski { top:440px; right:35px; }
    .wartosci-slider .przyciski a { margin-bottom:20px; font-size:28px; }
    .wartosci-slider .przyciski a span { font-size:18px; }
    .wartosci-slider .opis a.absolut { position:absolute; top:335px; left:55px; }

    /* JAK PRACUJEMY FILM 2 */
    #jak-pracujemy-film .btn-2 { margin-top:20px; }
    #jak-pracujemy-film .embed-responsive { margin:30px 0px 10px 0px; }

    /* STRONA GŁOWNA OFERTA 2 */
    #glowna-oferta .pd-left { padding-left:30px; }
    #glowna-oferta .pd-right { padding-right:30px; }
    #glowna-oferta .con-opis { padding-top:20px; }
    #rodzina .con-fota { padding-top:150px; }

    /* FOOTER 2 */
    #footer .col-sm-4 { font-size:16px; }
    #footer .row .con-ico { padding-left:0; }
    #footer .row .con-ico img { margin-left:2px; }

    /* SEG FORMULARZ KONTAKTOWY 2 */
    #seg-formularz .kol-1 { padding-right:30px; }
    #seg-formularz .kol-2 { padding-right:30px; }
    #seg-formularz .kol-3 { padding-right:30px; }
    #seg-formularz .kol-3 div { text-align: right; float:right; padding-top:0px;}
}

/* xs */
@media (max-width: 767px) {
    h1 { font-size:26px; line-height: 32px; }
    h2 { font-size:26px; line-height: 32px; }
    h3 { font-size:26px; line-height: 32px; }

    .text-2 { font-size:15px; line-height:27px; }
    .naglowek-2 { font-size:26px; line-height:32px; }
    .btn-2 { padding:10px 20px; }

    /* MENU 3 */
    body { padding-top:60px; }

    .menu-con { position: fixed; width: 100%; height:60px; top:0; }
    .menu-con .navbar-collapse { padding:0; background: #fff !important; border:0 !important; }
    .menu-con .navbar-header { margin-bottom:2px; }
    .menu-con .navbar-toggle { margin-top: 13px; }
    .menu-con .logo { display: block; position: absolute; top:16px; left:14px; }

    .menu-glowne img { width:100px; padding-right:2px; }
    .menu-glowne { float: none; height:auto; }
    .menu-glowne li { display: block; border:0 !important; border-top:1px solid #ddd !important; }
    .menu-glowne li a { display: block; width:auto; height:auto; padding: 12px 15px; text-align: left; }
    .menu-glowne li ul li a { width: 100%; }
    .menu-glowne li a br { display: none; }
    .menu-glowne li:hover { background-color: #274698; }
    .menu-glowne li a:hover { color:#fff !important; }
    .menu-glowne .separator { display: none; }
    
    .menu-dodatek .pola { float:left; width:100%; } 
    .menu-dodatek { text-align: right; width:100%; padding:20px 15px 17px 15px; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; }
    .menu-dodatek .wersje { float:left; padding:0px; }
    .menu-dodatek .wersje a { padding-left:0px; margin-right:5px; }
    .menu-dodatek .wersje a:last-child { padding-left:0px; padding-right:0px; }
    .menu-dodatek span { display: block; clear:both;}

    /* SLAJD 3 */
    #slajd .ukryj { display:none !important; }
    #slajd { padding:0px; }
    #slajd .container { padding:0px; }
    #slajd .top { margin:20px 0px 22px 0px; padding:0px; }
    #slajd .logo { margin:3px 0px 0px 0px; width:60%; }
    #slajd .logo img { width:100%; }
    #slajd .kontakt { font-size:14px; padding:9px 0px; width:100%; font-weight:500; text-align:center; }
    #slajd .sekcja { height:auto; padding:0px; margin:0px; }
    #slajd .sekcja > div { padding:0px; }
    #slajd .obrazy { height:160px; overflow:hidden; padding:0px; position: relative; }
    #slajd .obrazy:hover { cursor: pointer; }
    #slajd .obrazy span { display:none; }
    #slajd .sekcja .napis-in-con:hover { cursor: pointer; }
    #slajd .obrazy img { height:auto; width:100%; vertical-align:center; }
    #slajd .obrazy .kolor2 { position:absolute; top:0px; left:0px; z-index:499; opacity:0.3; height:100%; width:100%; background-color:#000; }
    #slajd .obrazy .kolor { position:absolute; top:0px; left:0px; z-index:500; opacity:0.4; height:100%; width:100%; background-color:#063bc6; }
    #slajd .obrazy .kolor3 { position:absolute; top:0px; left:0px; z-index:502; height:100%; width:100%; }
    #slajd .obrazy .kolor3 { -webkit-box-shadow: 0px -10px 15px 0px rgba(0,20,80,0.4); box-shadow: inset 0px -10px 15px 0px rgba(0,20,80,0.4); }
    #slajd .obrazy .napis { position:absolute; top:70px; left:15px; z-index:501; color:#fff; font-weight:500; background: url('../../img/grafika/go-dol.png') no-repeat right top; padding-right:30px;}
    #slajd span { font-size:16px; font-weight:600; text-align:left; }
    #slajd span.zalogowany { font-size:15px; margin-top:15px; }
    #slajd span.zalogowany u { font-size:16px; }
    #slajd span img { margin:0px 0px 2px 10px; }
    #slajd input { margin-top:14px; height:45px; font-size:14px; border-radius:5px; }
    #slajd a.przypomnij { width:auto; margin-top:12px; text-align:left; }
    #slajd a.zarejestruj { float:right; display:inline-block; margin:20px 0px 30px 0px; padding:9px 30px; border-radius:20px; width:45%; font-size:14px; color:#274698; background-color:#fff; text-align:center; }
    #slajd .button { float:left; margin-top:20px; font-size:14px; background-color:#274698; color:#fff; border-radius:20px; padding:9px 30px; border:0px solid; width:50%; height:40px; font-weight:500; text-align:center; }
    #slajd .cien-xs { -webkit-box-shadow: 0px 0px 16px -10px rgba(0,0,0,0.60); box-shadow: 0px 0px 16px -10px rgba(0,0,0,0.60); }
    #slajd i { display:block; }
    #slajd .klient a { padding:12px; margin-top:10px; font-size:16px; text-align:left; }
    #slajd .okrag-lewa { -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }
    #slajd .okrag-prawa-gora { -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }
    #slajd .okrag-prawa-dol { margin-top:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }
    #slajd .klient .col-sm-7 { margin-bottom:30px; }

    #slajd .wersje2 { font-size:15px; padding-top:0px; }
    #slajd .wersje2 img { margin-left:5px; }
    #slajd .wersje2 a { display:block; padding:6px 11px; border-radius:8px; }
    #slajd .wersje2 .con-wybrany { padding:6px 5px; }
    #slajd .wersje2 .con-lang { position:absolute; top:35px; right:0px; z-index:600;  }
    #slajd .wersje2:hover img { display:inline-block; }
    
    /* SLIDER 3 */
    #slider .col-sm-6 { padding:20px 0px 0px 0px; }
    #slider .flaga { float:none; width:100%; padding:15px 0 25px 0px; font-size:18px; }
    #slider .flaga > div { width:270px; height:40px; padding-top:3px !important; margin: 0 auto 20px; }
    #slider .flaga > div > img { width:270px; height:31px; }
    #slider .flaga a { display: inline-block; color:#333; width:270px;}
    #slider .flaga-1 a { padding:0px 0 0 30px; }
    #slider .flaga-2 a { padding:0px 0 0 60px; }
    #slider .flaga-3 a { padding:0px 0 0 60px; }
    #slider .flaga-4 a { padding:0px 0 0 60px; }
    #slider .flaga-5 a { padding:0px 0 0 30px; }
    #slider .foto { float:left; width:100%; height:auto; margin:0px; }
    #slider .foto img { max-width:100%; max-height:100%; padding:10px 20px 0 20px; }
    #slider .foto img.activ { position:relative; }

    /* WARTOSCI SLIDER 3 */
    .wartosci-slider { height:600px; padding-top:30px; }
    .wartosci-slider.nagrody { height:500px; }
    .wartosci-slider .col-sm-6 { padding:0px 0px 0px 0px; }
    .wartosci-slider .jq-con-opisy { padding-top:10px; }
    .wartosci-slider .foto { float:right; height:auto; margin-right:0px; padding:0 20px; }
    .wartosci-slider .foto img { max-height:100%; max-width:100%; }
    .wartosci-slider .opis { float:left; width:100%; padding:10px 20px 0px 20px; }
    .wartosci-slider .opis img { float:left; width:100%; padding:0px 0px 30px 0px; }
    .wartosci-slider .numer { font-size:46px; padding-bottom:10px; }
    .wartosci-slider .opis > i { display: block; padding-bottom:0px; }
    .wartosci-slider .opis > u { display: block; font-size:26px; margin-top:0px; margin-bottom:0px; line-height: 30px; }
    .wartosci-slider .opis a.absolut { display:table; width:100%; position:relative; top:0; left:0; margin-top:15px; margin-bottom:20px; }
    .wartosci-slider .kropki { height:30px; }
    .wartosci-slider .przyciski { width:100%; position: absolute; left:20px !important; top:15px; }
    .wartosci-slider .przyciski a { margin:0px 20px 20px 0px; font-size:28px; line-height: 22px; width:20px; height:20px; }
    .wartosci-slider .przyciski a span { font-size:16px; }
    .wartosci-slider .text-2 { padding:10px 0 !important; }

    #wartosci.wartosci-slider { padding-top:0px; }
    #wartosci.wartosci-slider .jq-con-opisy { padding-top:0px; }
    #wartosci.wartosci-slider .opis img { padding:0px 0px 30px 0px; }
    
    /* STRONA GŁOWNA OFERTA 3 */
    #glowna-oferta { float:left; width:100%; padding:0px 20px; }
    #glowna-oferta .row { padding-top:10px; }
    #glowna-oferta .con-opis img { float:left; width:100%; margin:30px 0px 20px 0px; }
    #glowna-oferta .pd-left { padding:0px; }
    #glowna-oferta .pd-right { padding:0px; }
    #glowna-oferta .con-opis { padding-top:20px; }
    #glowna-oferta .opis { padding-top:10px; }
    #glowna-oferta .img-right img { float:right; }
    #glowna-oferta .btn-2 { margin:10px 0px 20px 0px; }

    /* JAK PRACUJEMY FILM 3 */
    #jak-pracujemy-film .btn-2 { margin-top:15px; }
    #jak-pracujemy-film .embed-responsive { margin:22px 0px 0px 0px; }

    /* FOOTER 3 */
    #footer { float:left; width:100%; }
    #footer .container { padding-left:0; padding-right:0; }
    #footer .row { display: block; width:auto;}
    #footer .row > div { display: block; width:100%; text-align: left; padding-bottom:10px; padding-left:20px; padding-right: 20px;}
    #footer .row .con-logo { padding-bottom:10px;}
    #footer .row .con-ico { float:left; text-align: left !important; }
    #footer .row .con-ico { margin-left: 0px !important; padding:30px 0 10px 0; }
    #footer .row .con-ico .con-ico-in { float:left;; }
    .my-font-size { float:left; padding: 10px 0px 20px 20px; }
    #footer .row .con-ico img { width:30px; margin-left:20px !important; }

    /* POZOSTALE 3 */
    .btn-pobierz-1 { max-width: 100%; }
    .btn-1 { max-width: 100%; width: 100%; text-align: center; padding: 20px 20px; }

    /* SEG FORMULARZ KONTAKTOWY 3 */
    #seg-formularz .kol-1 { padding-right:30px; }
    #seg-formularz .kol-2 { padding-right:30px; }
    #seg-formularz .kol-3 { padding-right:30px; }
    #seg-formularz .kol-3 div { text-align: right; float:right; padding-top:0px;}
    #seg-formularz form { margin-left:15px;}
    #seg-formularz .tresc { padding-left:0px;}

    /* DEALER 3 */
    #dealer-4boxy { padding-bottom:20px; }
    #dealer-4boxy h3 { margin:0px 0 20px; }
    #dealer-4boxy .col-sm-3 .obrazek img { padding-top:30px; }
    #dealer-4boxy .col-sm-12 { padding:0px; }
}


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

}


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

@media (max-height: 300px) {

}

/* > xs 3/4 */
@media (min-width: 574px) and (max-width: 768px) {
    
}
    
/* < xs 3/4 */
@media (max-width: 574px) {
    .footer .menu-dol span { display: none;}
    .footer .menu-dol br { display: block; }
 
}

/* > xs /2 */
@media (min-width: 384px) and (max-width: 768px) {
    .xs-max-hidden { display: block;}
    .xs-max { display: none;}
}

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