.owl-pagination{
 display:none;   
}

.banner_block_container{
    color:white;
}


@media (min-width: 320px) and (max-width: 767px){
.dropdown  {
    min-width: 100%;
    text-align: center;
    display: block !important;
    justify-content: center;
   height: 3.5em;
    line-height: 3.5em;
    border-bottom: 2px solid;
    margin-left: 0;
    width: 100%;
    background: #eee;
}
.dropbtn{ 
    margin-left: 0  !important;
    background-color: inherit !important;
}

.dropdown:hover .dropdown-content {display: none;}
li.phone {
    display: inline-block !important;
}

}


#phone {
    display: none !important;
}
/* Dropdown Button */
.dropbtn {
  font-size: 1.2rem;
    display: block;
    color: #818181;
    display: inline-block;
    margin-left: 2em;
    min-width: 3em;
    text-align: center;
    position: relative;
    background-color: white;
    height:30px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 2px 10px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover
.dropdown-content a:hover {background-color: #ddd;} */

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

 /* Zakomentowanie ok 288 lini */





/**Kolory**/

/*reset styli*/
html,body,div,span,object,iframe,p,blockquote,pre,abbr,address,cite,code,del,dfn,img,ins,kbd,q,samp,small,sub,sup,var,b,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{outline: none; border: none; font-style: normal; vertical-align: baseline; background: none; margin: 0; padding: 0; list-style: none;}
header{
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;}
section{padding: 0px; overflow: hidden;}
article,aside,details,figcaption,figure,footer,nav,section,summary{display: block;}
button,input,select,textarea{font: inherit; border: none; margin: 0;}
a, .owl-nav > *:before{color: inherit; text-decoration: none; cursor: pointer!important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;}
a:focus, a:hover{text-decoration: none; color: inherit; outline: inherit!important}
a:active{
    -webkit-transition: none; 
    -moz-transition: none; 
    -ms-transition: none; 
    -o-transition: none;
    transition: none;}

/**---[OGÓLNE]---**/
/*czcionki*/
@font-face {
  font-family: 'tessa';
  src: url('/uploads/czcionki/tessa.eot?11455820');
  src: url('/uploads/czcionki/tessa.eot?11455820#iefix') format('embedded-opentype'),
       url('/uploads/czcionki/tessa.woff2?11455820') format('woff2'),
       url('/uploads/czcionki/tessa.woff?11455820') format('woff'),
       url('/uploads/czcionki/tessa.ttf?11455820') format('truetype'),
       url('/uploads/czcionki/tessa.svg?11455820#tessa') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon-email:before { content: '\e800'; } /* '' */
.icon-mobile:before { content: '\e801'; } /* '' */
.icon-location-1:before { content: '\e802'; } /* '' */
.icon-check:before { content: '\e803'; } /* '' */
.icon-cancel:before { content: '\e807'; } /* '' */
.icon-calendar:before { content: '\e80b'; } /* '' */
.icon-spin5:before { content: '\e838'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */

[class^="icon-"], [class*=" icon-"], [class^="icon-"]:before, [class*=" icon-"]:before, .owl-nav > *:before{font-family: "tessa";
    display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

/**---[OSTYLOWANIE PODSTAWOWE]---**/
body{font-family: 'Open sans', sans-serif; font-weight: 400; color: #313131; height: auto; width: 100%; overflow: auto;
	min-height: 100%; margin: 0 auto; overflow-x: hidden;}
section{width: 100%; height: auto; min-height: 30em; position: relative; box-sizing: border-box; padding: 3em 0;}
b,strong{font-weight: 700;}
p{line-height: 1.5rem; font-size: 1em; color: #313131; font-weight: 400;}
a:not(.btn){font-weight: 400;}
	a:not(.btn):hover{color: #e98d04 !important;}

h1,h2{color: #818181}
h1{font-size: 2em; font-weight: 700; line-height: 1; display: block; margin: 0; margin-bottom: 2rem}
h2{font-size: 2em; font-weight: 400; display: inline-block; width: 100%; margin-bottom: .2rem;}
h3{font-size: 1.5em;}
h4{font-size: 1em; font-weight: 700; margin: 0; margin-top: 1rem; color: #818181}
h4 a{font-weight: 700!important;}

/**---[KLASY]---**/
.grey{color: #818181;}
.green{color: #358955}
.orange{color: #e98d04}
/**/
.text-left{text-align: left}
.text-right{text-align: right}
.text-center{text-align: center}
.text-justify{text-align: justify}
.modal{z-index: 9999999; z-index: 9999999; max-width: 40rem; left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);}
.modal-dialog{position: absolute; left: 50%; margin: 0; margin-top: 1em; width: 100%;
    -webkit-transform: translateX(-50%)!important;
    -moz-transform: ttranslateX(-50%)!important;
    -ms-transform: translateX(-50%)!important;
    transform: translateX(-50%)!important;}
.modal-body{padding-bottom: 2.6em;}
.modal-image{max-height: 15em; overflow: hidden; margin-bottom: 1.6em;}
.modal-image > img{display: block; object-fit: cover; width: auto; min-width: 100%; height: 100%;}
.modal-backdrop{z-index: 99999;}
.modal-body{position: relative; padding: 1rem; max-height: calc(100vh - 6rem); overflow-y: scroll;}
.modal .modal-body img, .modal .modal-body iframe{width: 100%; object-fit: cover}
/**/
.cc_btn.cc_btn_accept_all{background: #e98d04!important; font-weight: 400;
	-webkit-border-radius: 0!important;
	border-radius: 0!important}
	.cc_btn.cc_btn_accept_all:hover{background: #fff!important; color: #e98d04!important;}
.cc_message{color: #fff!important; line-height: 1.2!important}
.cc_logo{display: none!important; height: 0!important}
.cc_container{font-family: 'Open sans', sans-serif!important; font-weight: 300; font-size: 1rem!important;}
.cc_container .cc_btn{bottom: 24px;}
.cc_more_info{color: #e98d04!important;}
	.cc_more_info:hover{text-decoration: underline}
/**/
.shadow{
    -webkit-box-shadow: 0 .2em 2em rgba(0,0,0,.33);
    -moz-box-shadow: 0 .2em 2em rgba(0,0,0,.33);
    box-shadow: 0 .5em 2em rgba(0,0,0,.33);}
.banner_block_container{position: absolute; bottom: 0; z-index: 99999; width: 100%; background: rgba(53, 137, 85, .33);
	padding: 1rem 0; left: 0;}
.banner_block_container h1{font-size: 3em; display: inline-block; text-align: left; margin-bottom: 3rem; font-weight: 400;}
.banner_block{width: 100%; display: block; position: relative; height: 100%}
.banner_block img{min-width: 100vw; object-fit: cover}
.title_container{margin-bottom: 2em; position: relative;}
.title_container:after{content: ""; display: block; height: 1px; position: absolute; width: calc(100% + 1em); bottom: 0; 
	left: 0; border-bottom: 1px #818181 solid; bottom: -1em; margin-top: -.5px}
.thumbnail{display: block; padding: 0; margin-bottom: 1.5em; line-height: inherit; background-color: inherit;
	border: none; border-radius: 0; overflow: hidden; position: relative;
	-webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;}
.thumbnail .img_container{width: 100%; height: 6em; overflow: hidden;}
.thumbnail .img_container img{width: 100%; min-height: 5rem; object-fit: cover; height: auto;}
.thumbnail .date{color: #fff; background: rgba(233, 141, 4, .7); position: absolute; left: 0; top: 0; height: 6em}
.thumbnail .date_container{position: absolute; top: 50%;left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.thumbnail .date_container span{display: block; margin: 0 auto; font-weight: 700; width: 100%; text-align: center;}
    .thumbnail .date_container > span:nth-child(1){font-size: 1.2em}
.thumbnail .caption{padding: 0; color: inherit;}
.thumbnail .caption > p{font-size: .9rem; line-height: 1.2;}
/**/
.news_block_detail h4, .product_block_detail h4{margin-top: 0;}
.news_block_detail h2, .product_block_detail h2{margin-top: .5rem;}
.news_block_detail hr, .product_block_detail hr{margin-top: 0; margin-bottom: 1em;}
.news_block_detail .NewsPostDetailSummary, .product_block_detail .NewsPostDetailSummary{margin-bottom: 2rem;}
.product_block{margin-bottom: 4.5em;}
.product_block .btn_container{margin-top: .375rem;}
.product_block .thumbnail .img_container{width: 100%; height: 20em;}
.product_block .thumbnail .img_container img{    width: auto;
    height: 100%;
    margin: 0 auto;
    display: block;}
.product_detail_photo{margin: 6rem auto; overflow: hidden; height: 30rem;}
.product_detail_photo img{object-fit: cover; width: auto; height: auto; max-height: 30rem; margin: 0 auto;
    display: block;}
/**/
.offer_block{background: #fff; border: 2px #fff solid; text-align: center; margin-top: 5em; min-height: 28em; 
	-webkit-box-shadow: 0 20px 20px 0 rgba(0,0,0,.1);
	box-shadow: 0 20px 20px 0 rgba(0,0,0,.1);}
	.offer_block:hover{border: 2px #358955 solid; margin-top: 2em;
	-webkit-box-shadow: 0 20px 50px 0 rgba(0,0,0,.2);
	box-shadow: 0 20px 50px 0 rgba(0,0,0,.2);}
	.offer_block:hover h3{border-bottom: 1px #358955 solid;}
.offer_block h3{color: #818181; width: 100%; margin: 0 auto; border-bottom: 1px #818181 solid; padding: 1em}
.offer_block p{padding: 1rem; padding-top: 2rem; padding-bottom: 6em; font-size: .8rem;}
.offer_block .btn_container{ position: absolute; left: 0; width: 100%; bottom: 0; margin: 2em 0; margin-top: 1em;}
/**/
.gallery_block{overflow: hidden; padding: 0; height: 20em; background: #358955; position: relative}
	.gallery_block:hover img{opacity: .5}
    .gallery_block:hover .gallery_block_text{opacity: 1; top: 50%}
.gallery_block img{width: 100%; height: auto; object-fit: cover; min-height: 100%; box-sizing: content-box;}
.gallery_block .gallery_block_text{position: absolute; top: 33%; height: 5em; width: 100%; left: 0; opacity: 0; 
	text-align: center; margin-top: -2.5em}
.gallery_block .gallery_block_text > *{ color: #fff}
/**/
.contact_block{min-height: 22em; position: relative;}
.contact_block > *{position: relative; line-height: 1.6rem;}
.contact_block img{display: block;}
.contact_block_text{margin-bottom: .8rem;}
.contact_block .phone, .contact_block .mail{margin: .2rem auto; position: relative; display: inline-block;}
    .contact_block .phone:before, .contact_block .mail:before{content: "\e801"; font-family: 'tessa'; position: absolute; 
    color: #358955; font-size: 1.4rem; left: -1.6rem; top: 50%; height: 1.6rem; margin-top: -.8rem}
    .contact_block .mail:before{content: "\e800"; left: -2rem;}
.contact_block .hours, .contact_block .hours p{color: #818181!important; margin-bottom: 1.8rem}
.contact_block .btn_container{width: 100%; bottom: 0; left: 0; position: absolute; }
/**/
.btn_container{margin-top: 1em;}
.btn_container.subpage{padding: 2.8rem 0 1em 0; border-bottom: 3px #eee solid}
.btn_container.subpage a{margin: 0 auto;}
.btn{display: inline-block}
.btn1{border: 1px #818181 solid; padding: .5em 1em; color: #358955}
	.btn1:hover{color: #fff; border: 1px #e98d04 solid; background: #e98d04}
.btn2{font-size: .875rem; font-weight: 400}
	.btn2:hover{color: #358955}
/**/
.hover, .st0{
  -webkit-transition: all 0.33s ease-in-out;
  -moz-transition: all 0.33s ease-in-out;
  -o-transition: all 0.33s ease-in-out;
  -ms-transition: all 0.33s ease-in-out;
  transition: all 0.33s ease-in-out;}
/**/
.owl-carousel{height: 100%;}
.owl-carousel .owl-wrapper-outer, .owl-carousel .owl-stage-outer, .owl-carousel .owl-item, .owl-carousel .owl-stage, .owl-item .active{
    height: 100%!important;     display: inline-block;}
#banner .owl-carousel .owl-item img{width: 100%!important; object-fit: cover!important; height: calc(100vh - 6em);}
.owl-controls{height: 3em; position: absolute; display: block; margin: 0 auto; bottom: 0; left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);}
.owl-page{width: 1em; height: 1em; display: inline-block; background: #fff; margin-right: 1em; margin-top: -.5em; 
	border-radius: 50%;}
.owl-page.active{background: #358955}
/**/
.message{z-index: 99999; position: fixed; top: 50%; display: block; left: 50%; width: 31vw; text-align: center;
    height: auto; color: #818181; background: #fff; padding: 1.5rem; min-width: 20em;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.message [class^="icon-"]{display: block; height: 3rem; width: 3rem; margin: 1rem auto;} 
    .message [class^="icon-"]:before{font-size: 2rem; display: inline-block; height: inherit;}  
        
/**---[OSTYLOWANIE SZCZEGÓŁOWE]---**/
/*zielona linia*/
#green_line{display: block; width: 100vw; overflow: hidden; background: #358955; height: .5em; margin-left: -1em;}

/*odnośnik do firmy*/
#fixed_button{position: fixed; width:5%; top: 33%; right: 0; z-index: 99;  display:flex; flex-direction: column; align-items:flex-end;}
	#fixed_button img:hover{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);}
#fixed_button a { height:3em; width:3em; margin-top:10px;}
#fixed_button img{display: inline-block; height: inherit; width: 100%;
    height: 100%;
    object-fit: cover;}

/*nawigacja i nagłówek*/
nav{height: auto; min-height: 6.5em;/**/position: fixed;z-index: 9999; background: #fff; width: 100%; /*overflow: hidden*/; top: 0;}
nav .navbar-header{display: table; height: inherit; margin-top: 0}
nav .navbar-header .navbar-brand, nav .navbar-header butto{display: table-cell; vertical-align: middle;}
nav .navbar-header .navbar-brand{padding-top: 1em;}
nav #menu{margin-top: 0; width: auto; display: inline-block; height: 6em; float: right; line-height: 6em;}
nav #menu li{display: inline-block; margin-left: 2em; min-width: 3em; text-align: center; position: relative}
	nav #menu li:after{content: ""; height: .25em; width: 100%; left: 0; background: #358955; bottom: -.25em;
		display: block; position: absolute;
        -webkit-transition: all .2s ease;
        -moz-transition: all.2s ease;
        -o-transition: all .2s ease;
        -ms-transition: all .2s ease;
		transition: all .2s ease;
		opacity: 0;}
	nav #menu li:hover:after{bottom: 0; opacity:1;}
nav #menu li a{font-size: 1.2rem; display: block; color: #818181}

/*banner*/
#banner{background: #fff; height: calc(100vh - 6em); padding: 0; position: relative; margin-top: 6em}
#banner h1{color: #fff;}

/*o nas + aktualności*/
#about_news{position: relative}
#about_news .news_background{position: absolute; right: 0; height: 100%; background: #eee; top: 0;}
#about{}
#news{}
#news .title_container{}
	#news .title_container:after{margin-left: -1em;}
#news .title_container .btn_container{display: inline-block; margin: 0; position: absolute; right: 0; bottom: 0}
#news .caption > .btn_container{margin-top: .8rem;}

/*newsletter*/
#newsletter{background: #358955; min-height: 1em!important; padding: 1em 0}
#newsletter > *{color: #fff;}
#newsletter h3 span{font-weight: 200; margin-left: 1em}
#newsletter_form_container{height: 5em; position: relative;}
#newsletter_form_container form{position: absolute; top: 50%; display: block; margin-top: -2.5em; width: 100%; height: inherit;}
#newsletter_form_container .formbuilderform{position: absolute; top: 50%; margin-top: -1em; width: 100%;}
#newsletter_form_container .formbuilderform input{background: none; padding: .5em 1em; outline: 1px #fff solid; float: left; height: 2.5em;}
#newsletter_form_container .formbuilderform .btn_container{margin: 0; float: left; width: 25%;}
#newsletter_form_container .formbuilderform .btn1{border: none; color: #fff; padding: 0;}
    #newsletter_form_container .formbuilderform .btn1:hover{background: #fff; color: #e98d04;}
#newsletter_form_container .formbuilderform .btn1 input{width: 8rem;}
/**/
#error_message.message{border: .2em red solid; color: red;}
#error_message.message [class^="icon-"]{color: red;}
#send_message.message{border: .2em #358955 solid; color: #358955!important;}
#send_message.message [class^="icon-"]{color: #358955;}

/*zdjęcie + treść*/
#text_block{background: url('/uploads/obrazy/text_block_background.jpg') center center no-repeat; background-size: cover;
	min-height: 1em; padding: 5em 0;}
.text_block_text{color: #fff!important; font-size: 1.8rem; line-height: 1.2; font-weight: 200; margin: 0;}

/*oferta*/
#offer{}

/*slider z firmami*/
#firms_slider{min-height: 1em; padding-bottom: 5em}		
#firms_slider img{height: 3em!important; display: block; width: auto; margin: 0 auto}	
#firms_slider .owl-controls{display: none!important}

/*sprawdź*/
#check_out{min-height: 1em; padding: 0; background: url('/uploads/obrazy/check_out_background.jpg') center center no-repeat;
	background-size: cover;}		
#check_out_container{padding: 5em 0}	
#check_out_container h1{text-align: center; color: #fff; font-size: 2.4rem; line-height: 1.2; font-weight: 200}
#check_out_container .btn{color: #fff; }
	#check_out_container .btn:hover{background: #fff; color: #e98d04; border-color: #fff}

/*galeria*/
#gallery{}
#gallery .row{margin-top: 5em} 
#gallery .btn_container{margin-top: 2em} 

/*kontakt*/
#contact{}
#contact .img-responsive{display: block; margin: 0 auto;}

/**/
#map{background: #313131; min-height: 3em; display: block}
#map button{background: none; color: #fff; height: 3em}
#map .icon-location-1{color: #358955; font-size: 2rem; margin-right: 1rem;}
	#map .icon-location-1:before{top: .2em; position: relative;}
#map_container{width: 100vw; height: 20em;}	
#map_container iframe{min-width: 100vw; min-height: 20em; width: 100%; height: 100%;}

/*stopka*/
footer{padding: 2em 0}	

/*podstrona*/
#subpage{padding-bottom: 0;}
#subpage_container{margin-top: 4rem;}
#subpage_banner{margin-top: 6.5em; position: relative; min-height: 15em; overflow: hidden; padding: 0;}
#subpage_banner h1{text-transform: uppercase; z-index: 1; color: #fff; position: absolute; bottom: 0em; width: 100%; text-align: center;
    left: 0;}
#subpage_banner img{position: absolute; left: 0; top: 0; width: 100%; z-index: 0; min-height: 100%; object-fit: cover;
    -webkit-filter: brightness(60%);
    filter: brightness(60%);}
/*#subpage .news_block {width: 100%}  */  

/**---[RESPONSYWNOŚĆ]---**/
@media all and (min-width: 320px){
    html, body{font-size: 12px!important;}
}

@media all and (min-width: 480px){
    html, body{font-size: 13px!important;}
}

@media all and (min-width: 768px){
    html, body{font-size: 14px!important;}

    .navbar-header{margin-top: 1em;}
    .navbar-collapse{margin-top: 1em; padding-left: 0;}
}

@media all and (min-width: 992px){
    html, body{font-size: 15px!important;}
}

@media all and (min-width: 1200px){
    html, body{font-size: 16px!important;}
}

@media all and (min-width: 1600px){
    html, body{font-size: 18px!important;}
}

@media all and (min-width: 320px) and (max-width: 479px){
    .offer_block{min-height: 25em}
}

@media all and (min-width: 480px) and (max-width: 766px){
     .offer_block{min-height: 23em}
}

@media all and (min-width: 320px) and (max-width: 767px){
    /**/
    .owl-controls{height: 2em;}
    /**/
    nav{position: fixed; z-index: 99999; top: 0; left: 0; background: #fff; width: 100%; overflow: visible;}
    nav .dummy{width: 100%;
        -webkit-box-shadow: 0 .2em 2em rgba(0,0,0,.33);
    -moz-box-shadow: 0 .2em 2em rgba(0,0,0,.33);
    box-shadow: 0 .5em 2em rgba(0,0,0,.33);}
    nav #menu{justify-content: center; flex-wrap: wrap; flex-direction: column; position: fixed; height: 100vh; overflow: hidden;
        display: none; z-index: -1; display: block; right: 0; width: 50%; top: 6.5em;}
    nav #menu li{min-width: 100%; text-align: center; display: inline-flex !important; justify-content: center; height: calc((100vh - 6em) / 8);
    line-height: calc((100vh - 6em) / 8); margin-left: 0; width: 100%; background: #eee;}
    nav .navbar-header{height: inherit; margin-top: 0; width: 100%; padding-top: .5em;}
    .navbar-collapse{position: absolute; left: 50%; top: 5.5em; background: #6e6e6e; text-align: center;
       /* -webkit-transform: translateX(-50%);
        transform: translateX(-50%);*/}
    .navbar-collapse{padding: 0; background: #fff; z-index: 9999999;}
    .navbar-collapse li{}
    .navbar-toggle{background: #818181; color: #fff; height: 3em; width: 3em; margin: 1.5em 0; position: relative; padding: 0;
         float: right;}
        .navbar-toggle.collapsed:before{content: '\f0c9'}
        .navbar-toggle:before{content: '\e807'}
    .navbar-collapse{position: relative;}  
    .navbar-brand{display: block; float: left; padding: 1em;}
    /**/
    .gallery_block{border: .5rem #fff solid;}
        .gallery_block:nth-child(odd){border-right: .25rem #fff solid;}
        .gallery_block:nth-child(even){border-left: .25rem #fff solid;}
    /**/
    .contact_block:not(:last-of-type){margin-bottom: 5em;}
    
    #about{margin-bottom: 3em;}
    #newsletter_form_container{height: 3em;}
    #text_block{background: url(/uploads/obrazy/text_block_background.jpg) left center no-repeat; background-size: cover;}
    
    
    /* zmiana */
    nav #menu {line-height: 2.5em; height: auto; border: 2px solid white;}
    nav #menu li {  height: 3.5em; line-height: 3.5em; border-bottom: 2px solid;}
}

@media all and (min-width: 768px) and (max-width: 991px){
    .navbar-header{margin-top: 1em;}
    .navbar-collapse{margin-top: 1em; padding-left: 0;}
    .navbar-brand img{width: 8em;}
    nav #menu li{margin-left: .5em;}
}

@media all and (min-width: 992px) and (max-width: 1199px){
    .navbar-header{margin-top: 1em;}
    .navbar-collapse{margin-top: 1em; padding-left: 0;}
    nav #menu li{margin-left: 1em;}
}
ol > li{
     list-style-type:decimal;
}
ul > li{
   
    list-style-type:disc;
}

.bred {
    background-color: #358955ab;
    padding: 1.2rem;
    border-radius: 4px;
    margin-bottom: 2rem;
    margin-top: 1.5rem;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.08em;
    width: fit-content;
}

.bred a {
        font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.08em;
}
.bred a:hover {
    color: #ffffff !important;
}

.product_block .btn_container a{
    background-color: #35895566;
    padding: 0.3rem;
    border-radius: 2.5px;
}

.products-contact, .pc-part {
    margin-bottom: 2rem;
    text-align: center;
    
}



.products-contact {
    color: #358955;
    font-size: 24px !important;
}

.floating {
    position: static;
    right: 0;
}




/* tabelki - żeby dane nie pływały jak ryby bez wody */
table{
    width: 100%;
    border-collapse: collapse;
    margin: 2em 0;
    font-family: 'Open sans', sans-serif;
    font-size: 1rem;
    background: #fff;
}

table caption{
    text-align: left;
    font-weight: 700;
    font-size: 1.2em;
    color: #818181;
    margin-bottom: .5em;
}

thead{
    background: #358955;
}

thead th{
    color: #fff;
    font-weight: 700;
    text-align: left;
    padding: .8em 1em;
    border-bottom: 2px solid #e98d04;
}

tbody td, tbody th{
    padding: .7em 1em;
    border-bottom: 1px solid #eee;
    color: #313131;
    line-height: 1.4;
}

tbody tr:nth-child(even){
    background: #eee;
}

tbody tr{
    transition: background .2s ease-in-out;
}

tbody tr:hover{
    background: rgba(233, 141, 4, .12);
}

tfoot td{
    font-weight: 700;
    border-top: 2px solid #358955;
    padding: .8em 1em;
    color: #818181;
}

table.striped tbody td, table.striped tbody th{
    border-bottom: none;
}

@media all and (min-width: 320px) and (max-width: 767px){
    .table_responsive{
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    table{
        min-width: 40em;
        font-size: .9rem;
    }
    thead th, tbody td, tbody th{
        padding: .5em .7em;
    }
}


/* spis treści - żeby czytelnik nie zgubił się jak dziecko w lesie */
.toc_container{
    background: #eee;
    border-left: 4px solid #358955;
    padding: 1.5em 2em;
    margin: 2em 0;
    max-width: 100%;
}

.toc_container .toc_title{
    font-size: 1.1em;
    font-weight: 700;
    color: #313131;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.toc_container .toc_title:after{
    content: '\e807';
    font-family: 'tessa';
    font-size: .8em;
    color: #358955;
    transition: transform .2s ease-in-out;
}

.toc_container.collapsed .toc_title:after{
    transform: rotate(180deg);
}

.toc_container ol{
    counter-reset: toc-counter;
    margin: 0;
}

.toc_container ol > li{
    list-style: none;
    counter-increment: toc-counter;
    margin-bottom: .6em;
    padding-left: 1.8em;
    position: relative;
    line-height: 1.4;
}

.toc_container ol > li:before{
    content: counter(toc-counter);
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    background: #358955;
    font-size: .75em;
    font-weight: 700;
    width: 1.4em;
    height: 1.4em;
    line-height: 1.4em;
    text-align: center;
    border-radius: 50%;
}

.toc_container a{
    color: #313131;
    font-weight: 400;
}
.toc_container a:hover{
    color: #e98d04 !important;
}

.toc_container ol ol{
    margin-top: .6em;
    counter-reset: toc-sub;
}
.toc_container ol ol > li{
    counter-increment: toc-sub;
    padding-left: 1.5em;
    font-size: .9em;
}
.toc_container ol ol > li:before{
    content: counter(toc-sub, lower-alpha);
    background: #e98d04;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
    font-size: .8em;
}

@media all and (min-width: 992px){
    .toc_container.sticky{
        position: sticky;
        top: 8em;
        max-height: calc(100vh - 10em);
        overflow-y: auto;
    }
}


/* wpis na blogu - w końcu tekst, który da się przeczytać bez okularów korekcyjnych +5 */
.blog_post{
    max-width: 48em;
    margin: 0 auto;
}

.blog_post .blog_meta{
    color: #818181;
    font-size: .9em;
    margin-bottom: .5em;
    display: flex;
    gap: 1.5em;
    flex-wrap: wrap;
}

.blog_post .blog_meta span{
    display: inline-flex;
    align-items: center;
}

.blog_post .blog_meta [class^="icon-"]{
    color: #358955;
    margin-right: .4em;
}

.blog_post h1{
    margin-bottom: .5em;
}

.blog_post .blog_lead{
    font-size: 1.2em;
    color: #818181;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid #eee;
}

.blog_post h2{
    color: #313131;
    font-weight: 700;
    margin-top: 2.5em;
    padding-top: .3em;
    border-top: 3px solid #358955;
}

.blog_post h3{
    color: #358955;
    font-weight: 700;
    margin-top: 2em;
}

.blog_post p{
    margin-bottom: 1.3em;
    line-height: 1.7;
}

.blog_post ul > li, .blog_post ol > li{
    margin-bottom: .5em;
    line-height: 1.6;
    margin-left: 1.5em;
}

.blog_post blockquote{
    background: #eee;
    border-left: 4px solid #e98d04;
    padding: 1.2em 1.8em;
    margin: 2em 0;
    font-style: italic;
    color: #313131;
    font-size: 1.1em;
}

.blog_post a:not(.btn){
    color: #358955;
    text-decoration: underline;
    text-decoration-color: #eee;
}
.blog_post a:not(.btn):hover{
    color: #e98d04 !important;
    text-decoration-color: #e98d04;
}

.blog_post code{
    background: #eee;
    padding: .15em .5em;
    font-family: monospace;
    color: #e98d04;
    font-size: .9em;
}


/* obrazki we wpisie - bo sam tekst to nuda jak instrukcja obsługi pralki */
.blog_image{
    margin: 2.5em 0;
}

.blog_image img{
    width: 100%;
    display: block;
    object-fit: cover;
}

.blog_image figcaption{
    text-align: center;
    font-size: .85em;
    color: #818181;
    margin-top: .6em;
    font-style: italic;
}

.blog_image_text{
    display: flex;
    gap: 2em;
    align-items: center;
    margin: 2.5em 0;
    flex-wrap: wrap;
}

.blog_image_text img{
    flex: 1 1 40%;
    width: 100%;
    object-fit: cover;
    max-height: 22em;
}

.blog_image_text .text{
    flex: 1 1 50%;
}

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

.blog_gallery{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .8em;
    margin: 2.5em 0;
}

.blog_gallery img{
    width: 100%;
    height: 12em;
    object-fit: cover;
    transition: opacity .2s ease-in-out;
}

.blog_gallery img:hover{
    opacity: .8;
}

.blog_image.highlighted{
    position: relative;
}
.blog_image.highlighted:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: .4em;
    height: 100%;
    background: #358955;
}

@media all and (min-width: 320px) and (max-width: 767px){
    .blog_image_text{
        flex-direction: column !important;
    }
    .blog_gallery{
        grid-template-columns: repeat(2, 1fr);
    }
    .toc_container{
        padding: 1em 1.2em;
    }
    .blog_post .blog_lead{
        font-size: 1.05em;
    }
}
/* Stylesheet: glowny Modified On 2026-07-03 09:24:56 */