/*
 * Theme Name: StrażSerwis  
 * Description: StrażSerwis
 * Theme URI: https://designbox.pro/
 * Tested up to: 5.8.2
 * Requires PHP: 7.0
 * Author: DesignBox
 * Author URI: https://designbox.pro/
 * Version: 1.3.13-FIXED
 * License: Attribution-NonCommercial 3.0 Unported — CC BY-NC 3.0
 * License URI: https://creativecommons.org/licenses/by-nc/3.0/
 * Tags: designbox
 * Text Domain: strazserwis
 * 
 * CHANGELOG:
 * v1.3.13-FIXED - Naprawiono białą przestrzeń pod hero section
 *                - Dodano płynne przejście gradient
 *                - Rozszerzono tło parallax w dół
 *                - Zwiększono wysokość hero section
 */

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

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

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

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

.img-responsive {
	max-width: 100%; 
	height: auto;
}
/* END RESET CSS */

img[align="left"],
img[style*="float: left"],
img[style*="float:left"]{
    margin: 5px 20px 10px 0px;
}

img[align="right"],
img[style*="float: right"],
img[style*="float:right"]{
    margin: 5px 0px 10px 20px;
}

#cookieconsent:desc {font-size:12px !important; line-height:16px !important;}
.cc-window.cc-floating {max-width:20em !important; opacity:0.95;}

/* DEFAULT */
.txt-left {text-align:left;}
.txt-right, table.table th.txt-right, table.table td.txt-right {text-align:right;}
.txt-center {text-align:center;}
.nowrap {white-space:nowrap;}

.hidden {position:absolute; left:-9999px; text-indent:-9999px; overflow:hidden; width:0px; height:0px;}
.none {display:none;}

.clear {clear:both;}

strong, .strong {font-weight:bold;}

body, html {width:100%; height:100%; margin:0; padding:0;}

body {height:100%; font-family: 'Poppins', sans-serif; font-size:14px; line-height:18px; color:#1d1d1d; text-align:left; background:#ffffff;}
html {height:100%;}

a {color:#262250; text-decoration:none;}

.cc-message {font-size:13px !important; line-height:16px !important;}
.cc-btn {min-width:80px !important; padding: 0px 16px !important;}

iframe {display:block;}
big {font-size:16px; color:#100f0d; font-weight:600;}

p {margin-top:0; font-size:14px; line-height:20px; font-weight:normal;}
p+p {margin-top:16px;}

.transition, a {-webkit-transition: all 0.45s; -moz-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s;}

input[type="text"], select, input[type="password"], input[type="search"], textarea, input[type="email"], input[type="tel"] {width:100%; box-sizing:border-box; padding:8px 12px; border:1px solid #c4c4c4; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-top:3px; margin-bottom:8px; font-family: 'Poppins', sans-serif; font-size:13px;}

.container-fluid {padding-right: 2rem; padding-left: 2rem;}
.container, .container-fluid {margin-right: auto; margin-left: auto;}
.wrap {box-sizing: border-box; max-width: 1200px; margin: 0 auto;}

.top-belt {padding:12px 0 10px 0; line-height:16px; font-size:12px; color:#686585; position:relative; z-index:1000; border-bottom:1px solid #eaeaea;}
.top-belt .a, .top-belt .b {font-weight:900;}
.top-belt a {color:#686585;}
.top-belt .b {color:#686585;}

.page-template:not(.home) .header, .page-template-default:not(.home) .header, .offer-template-default:not(.home) .header, .blog .header, .post-template-default .header {border-bottom:1px solid #eaeaea; margin-bottom:20px;}

.top-belt-left a {margin-right:20px; font-size: 20px;}
.top-belt-left i {margin-right:5px; font-size:20px;}

.top-belt-sm {display:inline-block;}
.top-belt-sm i {font-size:18px; margin-right:14px;}

.top-tel {font-size:13px; color:#7b7b7b; margin-top:35px; margin-left:40px; display:inline-block;}
.top-tel strong {font-size:26px; font-weight:900; color:#001626;}

.menu-jezyki-container {display:inline-block; position:relative; height:15px; width: 100px;}
#menu-jezyki {height:20px; overflow:hidden; position:absolute; top:0; background:#ffffff; width: 100px;}
#menu-jezyki > li {padding-right:20px;}
#menu-jezyki > li ul li {margin-top:6px;}
.menu-jezyki-container:hover #menu-jezyki {height:60px;}
#menu-jezyki:after {
  content: "\f078";
  font-family: FontAwesome;
  font-size: 10px;
  position: absolute;
    top: 0;
    right: 0;
    color: #807f92;
}

.header {position:relative;}
.header .wrap {z-index:1000; position:relative;}

.logo {
    display:inline-block; 
    margin-top:20px; 
    margin-bottom:30px; 
    z-index:1000; 
    position:relative;
}

.logo img {
    width: 220px; 
    height: auto;
}

.attachment-large {max-width:100%; height:auto; border-radius:18px;}

.navbar-belt {}

.menu-menu-glowne-pl-container {display:inline-block;}

.navbar-main {position:relative; text-align:right; z-index:1000; display:}
.navbar-main li {display:inline-block;  position:relative;}
.navbar-main > li > a {display:block; font-size:14px; height:36px; line-height:36px; padding:0 10px; margin-left:0px; font-weight:600; color:#2b2a28;}
.navbar-main li a:hover, .navbar-main li.active a, .navbar-main > li.current-menu-item > a {color:#09568a;}
.navbar-main > li:last-child a {background:#09568a; border-radius:18px; color:#ffffff; margin-left:12px; padding-left:22px; padding-right:22px;}

/* SUBMENU */
.navbar-main ul {display:none; position:absolute; top:100%; left:-20px; background:#181818; padding:0; z-index:1001; text-align:left; padding:4px 0; border-top:4px solid #e31e25;}
.navbar-main ul li {display:block; width:210px; height:auto; padding:0;}
.navbar-main ul li a {color:#ffffff; display:block; font-size:12px; line-height:15px; font-weight:700; padding:10px 18px;}
.navbar-main ul li a:hover, .navbar-main ul > li.active > a, .navbar-main ul > li.current-menu-item > a {background:#09568a; color:#ffffff;}
.navbar-main li:hover > ul {display:block}

/* THIRD LEVEL */
.navbar-main ul ul {display:none; position:absolute; top:-4px; left:100%; background:#181818; padding:0; z-index:1002; text-align:left; padding:4px 0;}
.navbar-main ul li:hover > ul {display:block}
.navbar-main ul ul li a {font-weight:600; text-transform:none;}

.navbar-footer {margin-top:20px;}
.navbar-footer ul {display:none;}
.navbar-footer li {display:inline-block; margin-left:0px; margin-right:20px;}

strong.big {display:inline-block; margin:10px 0 0 0; font-size:19px;}

/* STARE HERO SECTION - ZAKOMENTOWANE (zachowane dla referencji) */
/*
.hero-section {background-image:url(img/hero-bg.png); background-repeat:no-repeat; background-position:center top; background-size:cover; padding:30px 0 50px 0;}
.hero-section .yt {position:relative; display:block;}
.hero-section .yt:after {content:""; width:144px; height:144px; background:url(img/play-ico.png) no-repeat center center; position:absolute; left:50%; margin-left:-72px; top:50%; margin-top:-72px; opacity:0.9;}
.hero-section .yt:hover:after {opacity:1;}
.hero-section p {font-size:18px; line-height:29px; color:#262250; opacity:0.6;}
*/

.slider-wrapper {width:100%; height:430px; position:relative;}
.slider-wrapper:after {content:" "; display:block; position:absolute; left:0; top:0; right:0; height:163px; background:url(img/hero-bg.png) repeat-x left top; opacity:0.5;}
.slider-wrapper:before {width:620px; height:34px; content:" "; position:absolute; left:50%; margin-left:-310px; top:100%; background-image:url(img/top-shadow.png); background-repeat:no-repeat; background-position:center top;}
.slider {width:100%; height:430px;}
.slider .slick-slide {background-size:cover; width:100%; height:430px; background-repeat:no-repeat; background-position:center center;}

.slider .caption {margin-top:80px; color:#ffffff; box-sizing:border-box; font-size:13px; line-height:20px; z-index:4;}
.slider .caption p {margin-top:20px; margin-bottom:12px; text-shadow:0px 0px 15px #000000; font-size:22px; line-height:26px; max-width:400px;}
.slider .caption h2 {color:#ffffff; text-shadow:0px 0px 20px #000000;}
.slider .caption .more {background-image:url(img/gradient.png); background-repeat:no-repeat; background-position:center center; background-size:cover; color:#ffffff; border-radius:22px; color:#ffffff; padding:12px 20px; font-size:16px; font-weight:bold; margin-top:15px; display:inline-block;}

.slick-dots {text-align:center; margin-top: -90px; position: relative; z-index: 20;}
.slick-dots li {display:inline-block; margin:0 6px; position:relative; width:10px; height:10px; border:2px solid #eeeeee; border-radius:6px; background:transparent; cursor:pointer;}
.slick-dots li.slick-active {background:#eeeeee;}
.slick-dots li button {text-indent:-9999px; font-size:0; position:absolute; left:0; top:0; right:0; bottom:0; visibility:hidden;}

.logos-wrapper {background:#F0F0F0; padding:30px 0;}

.slick-slide {background:#F0F0F0;}

.logos .slick-slide {text-align:center; display:block; height:120px; vertical-align:middle;}
.logos img {max-width:100px; max-height:80px; vertical-align:middle; filter: grayscale(100%); mix-blend-mode: multiply; opacity:0.8; -webkit-transition: all 0.45s; -moz-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s;}
.logos img:hover {filter: grayscale(0); opacity:1; -webkit-transition: all 0.45s; -moz-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s;}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.logos .slick-next {right: -60px; margin-top:0; opacity: 0.2;}
.logos .slick-prev {left: -60px; margin-top:0; opacity: 0.2;}
.logos:hover .slick-next, .logos:hover .slick-prev {opacity:0.7;}

.lyte-wrapper {margin:0 !important; border-radius:18px; margin-bottom:25px !important;}
.lyte-wrapper > div {border-radius:18px;}

.search-container {margin-left:10px; display:inline-block; position:relative;}
.search-container .search_form {position:absolute; top:0; right: -10px; top: -10px; max-width:0px; overflow:hidden; opacity:0; -webkit-transition: all 0.45s; -moz-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s; z-index: 4; border-bottom: 4px solid #e31e25;}
.search-container:hover .search_form {max-width:800px; opacity:1; -webkit-transition: all 0.45s; -moz-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s;}
.search-container .search_form input[type="text"] {padding: 14px 24px; color:#000000; margin:0; display:inline-block; border-radius:0; border:0; border:1px solid grey; width:700px;}
.search-container .search_form input[type="submit"] {position:absolute; top:4px; right:4px; margin:0; padding-top:12px; padding-bottom:11px; padding-left:10px; padding-right:10px;}

.box {margin-top:30px; display:block; position:relative;}
.box:after {content:""; display:block; width:93px; height:93px; position:absolute; right:10px; top:140px; background-image:url(img/box-go.png); background-repeat:no-repeat; background-position:center center; background-size:cover;}

.box-bg {background: #e2e2e2; border-radius: 18px; height: 245px; padding: 30px; box-sizing: border-box; font-size:15px; line-height:20px; color:#1d1d1d;}
.box-bg p {font-size:15px; line-height:20px; color:#1d1d1d;}

.box-title {font-size:20px; font-weight:800; line-height:28px; color:#262250; position:relative; margin-top:5px;}
.box-title:after {
  content: "\f061";
  font-family: FontAwesome;
  font-size: 16px;
    color: #a1b5c3;
	margin-left:10px;
}

.round-ico {width:100px; height:100px; border-radius:100px; background:#f4f4f1; margin:0 auto; text-align:center; margin-top:-50px; box-sizing:border-box; position: relative; z-index: 2; padding-top: 14px; margin-bottom:15px;}
.boxes > div > div > div > div > img {-webkit-transition: -webkit-transform .8s ease-in-out; transition:transform .8s ease-in-out;}
.ri1 img {margin-top:8px; margin-left:3px;}
.ri2 img {margin-top:10px;}
.ri3 img {margin-top:0px; margin-right:1px;}
.ri4 img {margin-top:7px; margin-left:7px;}

.boxes > div > div > div:hover > div > img {-webkit-transform: rotate(360deg); transform: rotate(360deg);}

.box span {font-size:26px; font-weight:900; position:absolute; right:30px; top:35px; color:#ffffff; z-index:5;}

h1, .h1 {margin-bottom:14px; font-size:46px; line-height:50px; color:#262250; font-weight:600;}

h1.title {font-size:26px; line-height:32px;}

h2, .h2 {font-size:32px; line-height:36px; padding-bottom:14px; position:relative; display: inline-block; font-weight:600; color:#262250; margin-top:15px; margin-bottom:20px;}
h2:after, .h2:after {width:70px; height:6px; content:" "; position:absolute; left:0px; bottom:0; background-image:url(img/hr.png); background-repeat:no-repeat; background-position:center top; z-index: 2;}

.page-template:not(.home) h2, .page-template-default:not(.home) h2, .single-page:not(.home) h2, .offer-template-default:not(.home) h2, .post-template-default h2 {font-size:22px; line-height:26px;}

.page-template:not(.home) .content ul:not(.blocks-gallery-grid), .page-template-default:not(.home) .content ul:not(.blocks-gallery-grid), .single-page:not(.home) .content ul:not(.blocks-gallery-grid), .offer-template-default .content ul, .content ol, .post-template-default .content ul, .post-template-default .content ol {list-style-type:square; font-size:14px; line-height:20px; margin:15px 0; list-style-position:inside;}

.page-template:not(.home) .content ul:not(.blocks-gallery-grid) li, .page-template-default:not(.home) .content ul:not(.blocks-gallery-grid) li, .single-page:not(.home) .content ul:not(.blocks-gallery-grid) li, .offer-template-default .content ul li, .content ol li {list-style-type:square; margin:10px 0;}

.slider .caption h2:after {display:none;}

h3 {font-size:30px; line-height:36px;}
h4 {font-size:20px; line-height:22px; color:#1a181d; font-weight:800;}
h5 {font-size: 18px; line-height: 20px; color: #7a7a7a; font-weight: normal; padding: 8px 0 18px 0;}
h6 {font-size:16px; line-height:18px; font-weight:800;}

.subtitle {font-size:17px; color:#2faea2;}

h1.main-title {position:relative; display: inline-block;}
h1.main-title:after {width:69px; height:4px; content:" "; position:absolute; right:-69px; bottom:7px; background-image:url(img/hr.png); background-repeat:no-repeat; background-position:center top; z-index: 2;}

ol.numbers {list-style-type: none; counter-reset: item; margin: 0; padding: 0;}
ol.numbers li {counter-increment: item; position:relative; margin-left:10px; padding-left:85px; font-size:30px; line-height:36px; color:#008692; z-index:1; margin-top:90px; margin-bottom:80px;}
ol.numbers li p {position:relative; z-index:3; font-size:30px; line-height:36px; color:#008692; margin:0; padding:0;}
ol.numbers li a {color:#008692;}
ol.numbers li strong {font-weight:900;}

ol.numbers li:before {content: "0" counters(item, "."); display:block; line-height:154px; font-size:174px; font-weight:900; color:#e5e5e5; position:absolute; left:8px; bottom:0; z-index:0;}

ol.numbers li:after {width:32px; height:32px; content:" "; position:absolute; left:0px; top: 10px; bottom: 0; background-image:url(img/check.png); background-repeat:no-repeat; background-position:center center;}

ul.ul {padding-bottom:15px; margin-top:20px;}
ul.ul li {list-style-position: inside; list-style-type: square;}

.gallery {}
.gallery a {height:150px; width:100%; display:block; box-sizing:border-box; margin-bottom:15px; position:relative; background-size:cover; border-radius:2px;}

.gallery a .desc {background: rgba(0,0,0,0.8); color: #fff; padding: 5px 10px; position:absolute; left:0; bottom:10px; font-size:13px; -webkit-transition: all 0.45s; -moz-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s;}
.gallery a .desc p {font-size:12px;}
.gallery a:hover .desc {opacity:0;}

p.small {font-size:12px; line-height:16px;}

/* TABLES */
table{background-color:transparent}
caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}
th{text-align:left}
.table{width:100%;max-width:100%;margin-bottom:20px}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}
.table > thead > tr > th{vertical-align:bottom;border-bottom:2px solid #ddd}
.table > caption + thead > tr:first-child > th,.table > colgroup + thead > tr:first-child > th,.table > thead:first-child > tr:first-child > th,.table > caption + thead > tr:first-child > td,.table > colgroup + thead > tr:first-child > td,.table > thead:first-child > tr:first-child > td{border-top:0}
.table > tbody + tbody{border-top:2px solid #ddd}
.table .table{background-color:#fff}
.table-condensed > thead > tr > th,.table-condensed > tbody > tr > th,.table-condensed > tfoot > tr > th,.table-condensed > thead > tr > td,.table-condensed > tbody > tr > td,.table-condensed > tfoot > tr > td{padding:5px}
.table-bordered{border:1px solid #ddd}
.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td{border:1px solid #ddd}
.table-bordered > thead > tr > th,.table-bordered > thead > tr > td{border-bottom-width:2px}
.table-striped > tbody > tr:nth-of-type(odd){background-color:#f9f9f9}
.table-hover > tbody > tr:hover {background-color:#f5f5f5;}
table col[class*="col-"]{position:static;display:table-column;float:none}
table td[class*="col-"],table th[class*="col-"]{position:static;display:table-cell;float:none}

.table-responsive{min-height:.01%;overflow-x:auto}

table tr.current, table tr.current td {background:#cecece !important; font-weight:bold !important;}

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

.home-blog-section {background-image:url(img/blog-home-bg.png); background-repeat:no-repeat; background-position:center center; background-size:cover; padding:30px 0;}
.home-blog-section h2 {color:#ffffff;}
.home-blog-section h2:after {background-image:url(img/hrw.png);}
.box-blog-title {font-size:18px; font-weight:bold; color:#ffffff; margin-top:25px; line-height:22px;}
.box-blog-date {color:#bdbdbd; font-size:14px; margin-top:6px;}
.box-blog-short {font-size:14px; line-height:18px; color:#fffffe; margin-top:10px;}
.box-blog-read-more {font-size:15px; font-weight:bold; color:#ffffff; position:relative; margin-top:20px; padding-top:10px;}
.box-blog-read-more:after {content:""; position:absolute; display:block; width:34px; height:2px; background:#d5d5d5; top:0px; left:0px;}

.blog-items .box-blog-title, .blog-items .box-blog-short, .blog-items .box-blog-read-more {color:#2b2a28;}

/* Blog/Aktualności - strona archiwum - NOWE */
.blog .content,
.archive .content,
.category .content,
.search .content {
    background-image: url(img/blog-home-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 30px 0;
    min-height: 600px;
}

/* Zapewnienie białych tekstów na stronie aktualności */
.blog .box-blog-title,
.archive .box-blog-title,
.category .box-blog-title,
.search .box-blog-title {
    color: #ffffff;
}

.blog .box-blog-short,
.archive .box-blog-short,
.category .box-blog-short,
.search .box-blog-short {
    color: #ffffff;
}

.blog .box-blog-read-more,
.archive .box-blog-read-more,
.category .box-blog-read-more,
.search .box-blog-read-more {
    color: #ffffff;
}

.blog .box-blog-date,
.archive .box-blog-date,
.category .box-blog-date,
.search .box-blog-date {
    color: #bdbdbd;
}

/* Paginacja - linki "Starsze wpisy" / "Nowsze wpisy" */
.blog .content a,
.archive .content a,
.category .content a,
.search .content a {
    color: #ffffff;
    font-weight: 600;
}

.blog .content a:hover,
.archive .content a:hover,
.category .content a:hover,
.search .content a:hover {
    color: #e31e25;
    text-decoration: underline;
}

/* Tytuł strony archiwum */
.blog .title,
.archive .title,
.category .title,
.search .title {
    color: #ffffff;
}

/* Opis archiwum */
.blog .archive-desc,
.archive .archive-desc,
.category .archive-desc,
.search .archive-desc {
    color: #ffffff;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {width:100% !important; margin:25px 0; border-bottom: 1px solid !important;}

.btn-primary, .wpcf7-submit {background:#e31e25; padding:14px 24px; color:#ffffff; font-weight:500; font-size:14px; margin:10px 0; display:inline-block; border-radius:18px; box-shadow:0px 0px 13px rgba(32,33,34,0.12); border:0; font-family: 'Poppins', sans-serif; cursor:pointer; letter-spacing:0.2px;}
.btn2 {background:#004c66; padding:8px 14px; font-size:13px; font-weight:bold; color:#f6f9fa;}
.btn-primary:hover {background:#181818;}

.hero-section .btn {margin-top:20px;}

.btn-secondary {color:#09568a; font-weight:500; margin-left:30px; position:relative;}
.btn-secondary:after {
  content: "\f063";
  font-family: FontAwesome;
  font-size: 13px;
  position: absolute;
    top: 0;
    right: -22px;
    color: #09568a;
}

.btn-third {border:2px solid #262250; border-radius:4px; display:inline-block; padding: 10px 20px;}

ol.round {list-style-type: none; counter-reset: item; margin: 0; padding: 0;}
ol.round li {counter-increment: item; padding-bottom:16px; margin-bottom:5px; position:relative; margin-left:22px; padding-left:66px;}

ol.round li:before {content: counters(item, "."); display:block; width:46px; height:46px; text-align:center; line-height:45px; font-size:22px; font-weight:900; border-radius: 25px; border-top-left-radius:0; color:#ffffff; background-color:#1a4c83; position:absolute; left:0; top:0;}
ol.round li li {margin: 0;}
ol.round li li:before {content: counters(item, ".") " ";}

ol.round li:after {width:7px; content:" "; position:absolute; left:18px; top: 52px; bottom: 0; background-image:url(img/arrow-down.png); background-repeat:no-repeat; background-position:center center;}
ol.round li:last-child:after {display:none;}

ol.round li p {font-size:16px; line-height:20px; color:#041d36; font-weight:normal; margin:0;}
ol.round li strong {font-weight:900;}
ol.round li .btn {margin:0; margin-bottom:6px; font-size:14px; line-height:16px; padding: 6px 14px 8px 14px;}

#map-container {width:100%; height:450px; position:relative;}
#map-container .container-fluid {position:relative;}
.map-label {position:absolute; left:0; top:0; bottom:0; padding:30px 40px; background-image:url(img/map-bg.png); background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:40; text-align:left; color:#ffffff; box-sizing:border-box; height:450px; max-width:380px;}
.map-label p {font-size:15px; line-height:22px;}
.map-label .big {font-size:24px; line-height:28px; display:inline-block;}
#map {width:100%; height:100%;}

em.small {font-size:12px; line-height:16px; display:block; margin-top:20px;}

#footer {background:#0c0603; padding:25px 0 15px 0; color:#ffffff;}
.copyright a {color:#ffffff;}
.navbar-footer ul {display:none;}
.navbar-footer li {display:inline-block; margin-right:20px;}
.navbar-footer li a {font-size:14px; color:#ffffff;}

.copyright {background:#0c0603; font-size:12px; padding:20px 0 20px 0; color:#ffffff; margin-top:30px;}
body.home .copyright {margin-top:0;}

ol.pp {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol.pp li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol.pp li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 0.6em;    
}

ol.pp li li {
    margin: 0;
}

ol.pp li li:before {
    content: counters(item, ".") " ";
}

ol.styled {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol.styled li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol.styled li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 0.6em;    
}

ol.styled li li {
    margin: 0;
}

ol.styled li li:before {
    content: counters(item, ".") " ";
}

.blocks-gallery-caption {margin-bottom:20px;}

/* Hero truck image section */
.hero-truck-image {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    transition: transform 0.5s ease;
}

.hero-truck-image:hover {
    transform: scale(1.02);
}

.hero-truck-image img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.7s ease;
}

.hero-truck-image:hover img {
    transform: scale(1.05);
}

/* ==========================================================================
   HERO PARALLAX SECTION - Naprawione (v1.3.13-FIXED)
   Data modyfikacji: 2025-01-21
   Poprawki: Usunięto białą przestrzeń, dodano gradient przejście
   ========================================================================== */

/* Główny kontener hero section - ZWIĘKSZONA WYSOKOŚĆ */
.hero-parallax-section {
    position: relative;
    width: 100%;
    min-height: 650px;  /* Zwiększone z 600px */
    height: 90vh;       /* Zwiększone z 85vh */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Tło parallax - ROZSZERZONE W DÓŁ, WIĘCEJ OBRAZKA U GÓRY */
.hero-parallax-bg {
    position: absolute;
    top: -30px;         /* Zmniejszone z -80px - więcej obrazka u góry */
    left: 0;
    right: 0;
    bottom: -150px;     /* KLUCZOWA ZMIANA - rozszerza tło w dół */
    background-image: url('https://strazserwis.pl/wp-content/uploads/2021/11/woz-strazacki-glowne.jpg');
    background-size: cover;
    background-position: center 30%;  /* Przesunięte wyżej, żeby pokazać więcej góry */
    background-repeat: no-repeat;
    background-attachment: fixed;
    opacity: 0.35;
    z-index: 1;
    will-change: transform;
    transition: transform 0.5s cubic-bezier(0, 0, 0, 1);
}

/* Nakładka overlay - RÓWNIEŻ ROZSZERZONA */
.hero-parallax-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -50px;      /* Rozszerza overlay w dół */
    background: linear-gradient(
        135deg,
        rgba(38, 34, 80, 0.75) 0%,
        rgba(9, 86, 138, 0.65) 50%,
        rgba(38, 34, 80, 0.75) 100%
    );
    z-index: 2;
}

/* NOWE - Płynne przejście gradient na dole - ZMNIEJSZONE */
.hero-parallax-section::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 120px;  /* Zmniejszone z 200px */
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(255, 255, 255, 0.3) 30%,
        rgba(255, 255, 255, 0.6) 60%,
        rgba(255, 255, 255, 1) 100%
    );
    z-index: 4;
    pointer-events: none;
}

/* Kontener z treścią */
.hero-parallax-content {
    position: relative;
    z-index: 3;
    width: 100%;
    padding: 80px 0;
}

/* Stylowanie tekstu w hero */
.hero-text-content {
    color: #ffffff;
}

.hero-text-content h1,
.hero-text-content .h1 {
    font-size: 48px;
    line-height: 56px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 24px;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}

.hero-text-content h4 {
    font-size: 28px;
    line-height: 36px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 20px;
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
}

.hero-text-content p {
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
    opacity: 0.95;
    margin-bottom: 16px;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}

/* Przyciski w hero section */
.hero-text-content .btn-primary,
.hero-text-content .btn-secondary {
    margin-top: 30px;
    margin-right: 15px;
    background: #e31e25;
    color: #ffffff;
    padding: 16px 32px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 30px;
    box-shadow: 0 4px 20px rgba(227, 30, 37, 0.3);
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
}

.hero-text-content .btn-primary:hover {
    background: #c01a20;
    transform: translateY(-2px);
    box-shadow: 0 6px 25px rgba(227, 30, 37, 0.4);
}

.hero-text-content .btn-secondary {
    background: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    box-shadow: none;
}

.hero-text-content .btn-secondary:hover {
    background: #ffffff;
    color: #262250;
    transform: translateY(-2px);
    box-shadow: 0 6px 25px rgba(255, 255, 255, 0.3);
}

/* Wskaźnik przewijania - UKRYTY (usuń tę sekcję jeśli chcesz go zachować) */
.hero-scroll-indicator {
    display: none;
}

/* Jeśli chcesz ZACHOWAĆ wskaźnik, zastąp powyższy kod tym:
.hero-scroll-indicator {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    cursor: pointer;
}

.scroll-arrow {
    width: 30px;
    height: 50px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 20px;
    position: relative;
    animation: scroll-bounce 2s infinite;
}

.scroll-arrow::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 50%;
    width: 6px;
    height: 6px;
    background: #ffffff;
    border-radius: 50%;
    transform: translateX(-50%);
    animation: scroll-dot 2s infinite;
}

@keyframes scroll-bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(10px);
    }
}

@keyframes scroll-dot {
    0% {
        top: 10px;
        opacity: 1;
    }
    50% {
        top: 25px;
        opacity: 0.5;
    }
    100% {
        top: 10px;
        opacity: 1;
    }
}
*/

/* Efekt parallax */
.hero-parallax-bg.parallax-active {
    background-attachment: fixed;
}

/* Animacja fade-in */
.hero-parallax-section {
    animation: hero-fade-in 1s ease-out;
}

@keyframes hero-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Hover efekt */
.hero-parallax-section:hover .hero-parallax-bg {
    transform: scale(1.02);
}

/* Zabezpieczenie dla starszych przeglądarek */
@supports not (background-attachment: fixed) {
    .hero-parallax-bg {
        background-attachment: scroll;
    }
}

/* Wysoka jakość renderowania */
.hero-parallax-bg {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* ==========================================================================
   RESPONSIVE - Media Queries
   ========================================================================== */

/* md - 75em */
@media only screen and (max-width: 75em) {
	
	.box:after {display:none;}
	.box-bg p {font-size:13px; line-height:18px;}
	
	.header .wrap:after, .logos .slick-next, .logos .slick-prev {display:none;}
	
	.menu {position:relative;}
	
	.logo {margin-top:15px; margin-bottom:15px;}
	
	.menu-menu-glowne-pl-container {display:block;}
	
	.navbar-main {position: absolute; width: 100%; left: 0; right: 0; top:0;}
	.nav-toggle {position: absolute; right: 0; top: 0;}
	
	.navbar-main li {display:block; text-align:center;}
	.navbar-main > li > a {height:30px; line-height:30px; margin:0px; color:#ffffff;}
	.navbar-main li a:hover, .navbar-main li.active a, .navbar-main > li.current-menu-item > a {text-decoration:underline; color:#ffffff;}
	.navbar-main > li:last-child a {margin:0; background:transparent;}
	
	.navbar-main ul {display:none; position:static; top:auto; left:auto; text-align:center; padding:4px 0; border-top:0;}
	.navbar-main ul li {width:100%; height:auto; padding:0;}
	.navbar-main ul li a {padding:10px 18px;}
	.navbar-main li:hover > ul, .navbar-main li.current-menu-item > ul, .navbar-main li.current-menu-parent > ul {display:block !important;}

	.navbar-main ul ul {display:none; position:static; top:auto; left:auto; background:#181818; padding:0; z-index:100; text-align:center; padding:4px 0;}
	.navbar-main ul li:hover > ul, .navbar-main ul li.current-menu-item > ul, .navbar-main ul li.current-menu-parent > ul {display:block}
	
	.navbar-main {max-height: 0; height:auto; overflow: hidden; transition: all 0.5s ease; text-align:center; padding:0;}
	.navbar-main.responsive {max-height:1000px; background:#262250; z-index: 1000; padding: 20px 0;}
	
    .nav-toggle {
        position: absolute;
        float: right;
        z-index: 1000;
        display: inline-block;
        width: 40px;
        height: 30px;
        cursor: pointer;
        top: 34px;
        right: 40px;
    }

    .line1, .line2, .line3 {
        background: #000;
        width: 50px;
        height: 5px;
        position: absolute;
        transition: all 0.5s ease;
    }

    .line1 {top: 0;left: 0;transform: rotate(0);}
    .line2 {top: 10px;left: 0;transform: rotate(0);opacity: 1;}
    .line3 {top: 20px;left: 0;transform: rotate(0);}
	
    .nav-toggle.responsive .line1 {transform:rotate(45deg); top: 10px; background: #fff;}
    .nav-toggle.responsive .line2 {opacity: 0; background: #fff;}
    .nav-toggle.responsive .line3 {transform:rotate(-45deg);top: 10px; background: #fff;}
}

/* sm - 62em */
@media only screen and (max-width: 62em) {
	
	.box-bg p {font-size:12px; line-height:16px;}
	
	.big-question {font-size: 20px; line-height: 20px;}
	
	.top-address {font-size:15px; line-height:20px;}
	.top-mail {font-size:14px;}
	.top-phone {font-size:19px;}
}

/* Tablet - max-width: 1024px - HERO PARALLAX */
@media only screen and (max-width: 1024px) {
    .hero-parallax-section {
        min-height: 550px;  /* Dostosowane */
        height: 75vh;       /* Dostosowane */
    }
    
    .hero-parallax-bg {
        background-attachment: scroll;
        bottom: -100px;     /* Mniej rozszerzone niż na desktop */
    }
    
    .hero-parallax-section::after {
        height: 100px;      /* Zmniejszony gradient (było 150px) */
    }
    
    .hero-text-content h1,
    .hero-text-content .h1 {
        font-size: 38px;
        line-height: 46px;
    }
    
    .hero-text-content h4 {
        font-size: 24px;
        line-height: 32px;
    }
    
    .hero-text-content p {
        font-size: 16px;
        line-height: 26px;
    }
}

/* xs - 48em - MOBILE */
@media only screen and (max-width: 48em) {
	
	p {font-size:15px;}
	
	#copyright .start-md {margin-bottom:20px;}
	
	.btn-secondary {margin-left:0; margin-top:10px; margin-bottom:10px; display: inline-block;}
	
	.box-bg p {font-size:11px; line-height:15px;}
	
	.box-blog {margin-bottom:20px;}
	
	h1, .h1 {font-size:26px; line-height:32px;}
	
	.nav-toggle {top:26px;}
	
	.top-belt:after, .slider-wrapper:before {display:none;}
	
	.logo {margin-top:10px; margin-bottom:10px; display:block;}
	.logo img {max-width:70%;}
	
	ul.styled li p {font-size:17px; line-height:20px;}
	
	.subtitle {line-height: 20px;}
	
	.logo {
        margin-top:10px; 
        margin-bottom:10px; 
        display:block;
    }

    .logo img {
        width: 180px;
        max-width: 90%;
        height: auto;
    }
	
	.top-tel {display:block; margin:20px auto 0 auto;}
	
	.cc-left {right:20px !important;}
	
	.box-bg {height:auto;}
}

/* Mobile - max-width: 768px - HERO PARALLAX */
@media only screen and (max-width: 768px) {
    .hero-parallax-section {
        min-height: 500px;
        height: 65vh;
    }
    
    .hero-parallax-content {
        padding: 60px 0;
    }
    
    .hero-parallax-bg {
        background-attachment: scroll;
        background-position: center center;
        opacity: 0.25;
        bottom: -80px;      /* Dostosowane dla mobile */
    }
    
    .hero-parallax-section::after {
        height: 80px;       /* Mniejszy gradient na mobile (było 120px) */
    }
    
    .hero-text-content h1,
    .hero-text-content .h1 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    
    .hero-text-content h4 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 16px;
    }
    
    .hero-text-content p {
        font-size: 15px;
        line-height: 24px;
    }
    
    .hero-text-content .btn-primary,
    .hero-text-content .btn-secondary {
        padding: 14px 28px;
        font-size: 15px;
        margin-top: 20px;
        margin-right: 10px;
        display: inline-block;
        margin-bottom: 10px;
    }
    
    .hero-scroll-indicator {
        display: none;
    }
}

/* Small Mobile - max-width: 480px - HERO PARALLAX */
@media only screen and (max-width: 480px) {
    .hero-parallax-section {
        min-height: 450px;
        height: 60vh;
    }
    
    .hero-parallax-content {
        padding: 40px 0;
    }
    
    .hero-parallax-bg {
        bottom: -60px;      /* Jeszcze mniej na małych telefonach */
    }
    
    .hero-parallax-section::after {
        height: 70px;       /* Mały gradient (było 100px) */
    }
    
    .hero-text-content h1,
    .hero-text-content .h1 {
        font-size: 26px;
        line-height: 34px;
    }
    
    .hero-text-content h4 {
        font-size: 18px;
        line-height: 26px;
    }
    
    .hero-text-content p {
        font-size: 14px;
        line-height: 22px;
    }
    
    .hero-text-content .btn-primary,
    .hero-text-content .btn-secondary {
        width: 100%;
        text-align: center;
        margin-right: 0;
        display: block;
    }
}

/* Bardzo wysokie ekrany */
@media only screen and (min-height: 900px) {
    .hero-parallax-section {
        min-height: 700px;
    }
}

/* Dodatkowe style */
select#gtranslate_selector {background: transparent;border: 0;width: auto;text-align: right;color: #807f92;font-size: 12px; margin:0; padding:0;}

.chaty-contact-header {padding: 10px 5px 10px 15px !important; font-size:14px !important; font-weight:600 !important;}
.chaty-contact-footer button.chaty-contact-submit-btn {padding:10px !important; background:#09568A !important; font-weight:bold !important;}
.chaty-input-area {margin-bottom:3px !important;}

.chaty-close-button {}

.close-chaty-box .chaty-close-button:before, .close-chaty-box .chaty-close-button:after {
    top:10px !important; left:5px !important;
}