:root {--varcolor1: rgba(250, 248, 244, 1);--varcolor1ua1: rgba(250,248,244,0.5);--varcolor1ua2: rgba(250,248,244,1);--varcolor1ua3: rgba(250,248,244,0.05);--varcolor2: rgba(254, 244, 229, 1);--varcolor2ua1: rgba(254,244,229,0.5);--varcolor2ua2: rgba(254,244,229,1);--varcolor2ua3: rgba(254,244,229,0.05);--varcolor3: rgba(243, 176, 81, 1);--varcolor3ua1: rgba(243,176,81,0.5);--varcolor3ua2: rgba(243,176,81,1);--varcolor3ua3: rgba(243,176,81,0.05);--varcolor4: rgba(243, 142, 0, 1);--varcolor4ua1: rgba(243,142,0,0.5);--varcolor4ua2: rgba(243,142,0,1);--varcolor4ua3: rgba(243,142,0,0.05);--fixedcolor1: rgba(39, 36, 33, 1);--fixedcolor1ua1: rgba(39,36,33,0.5);--fixedcolor1ua2: rgba(39,36,33,1);--fixedcolor1ua3: rgba(39,36,33,0.05);--fixedcolor2: rgba(240, 240, 240, 1);--fixedcolor2ua1: rgba(240,240,240,0.5);--fixedcolor2ua2: rgba(240,240,240,1);--fixedcolor2ua3: rgba(240,240,240,0.05);--fixedcolor3: rgba(255, 255, 255, 1);--fixedcolor3ua1: rgba(255,255,255,0.5);--fixedcolor3ua2: rgba(255,255,255,1);--fixedcolor3ua3: rgba(255,255,255,0.05);--useralpha1: 0.5;--useralpha2: 1;--useralpha3: 0.05;--borderradiussm: 10px;--borderradius: 15px;--borderradiuslg: 50px;} a.btn.btn-default20top,  button.btn-default20top,  .btn-default20top,  .rsform .btn-default20top[type=submit],  .rsform .btn-default20top[type=reset],  .btn-default20top:active{margin-top:20px;/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/} a.btn.btn-default20top:hover,  button.btn-default20top:hover,  a.btn-default20top:focus,  button.btn-default20top:focus,  .btn-default20top:focus,  .btn-default20top.hovered, .btn-default20top:hover {/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/} a.btn.btn-default40top,  button.btn-default40top,  .btn-default40top,  .rsform .btn-default40top[type=submit],  .rsform .btn-default40top[type=reset],  .btn-default40top:active{margin-top:40px;/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/} a.btn.btn-default40top:hover,  button.btn-default40top:hover,  a.btn-default40top:focus,  button.btn-default40top:focus,  .btn-default40top:focus,  .btn-default40top.hovered, .btn-default40top:hover {/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/} a.btn.button-extra-slide-button,  button.button-extra-slide-button,  .button-extra-slide-button,  .rsform .button-extra-slide-button[type=submit],  .rsform .button-extra-slide-button[type=reset],  .button-extra-slide-button:active{margin-top:20px;/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/} a.btn.button-extra-slide-button:hover,  button.button-extra-slide-button:hover,  a.button-extra-slide-button:focus,  button.button-extra-slide-button:focus,  .button-extra-slide-button:focus,  .button-extra-slide-button.hovered, .button-extra-slide-button:hover {/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/}body{color:rgba(39, 36, 33, 1);background:rgba(250, 248, 244, 1);font-family:latoregular,Arial,Helvetica,sans-serif;line-height:1.1;}#content {}body::before {}#container {display: flex; flex-direction: column; min-height: 100vh;}#main {flex: 1 0 auto;}footer {flex-shrink: 0;}.body-xs{font-size:14px;}.body-sm{font-size:14px;}.body-md{font-size:14px;}.body-lg{font-size:16px;}.body-xl{font-size:18px;}.full-content-width,.full-width-center > .center { max-width: 1410px; }.center{max-width: 1410px;}h1  {font-family:latobold,Arial,Helvetica,sans-serif; line-height:1.1}.body-xs h1  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:26px;}.body-sm h1  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:30px;}.body-md h1  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:34px;}.body-lg h1  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:42px;}.body-xl h1  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:46px;}h2  {font-family:latobold,Arial,Helvetica,sans-serif;line-height:1.1;}.body-xs h2  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:24px;}.body-sm h2  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:28px;}.body-md h2  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:32px;}.body-lg h2  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:36px;}.body-xl h2  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:36px;}h3  {font-family:latobold,Arial,Helvetica,sans-serif;line-height:1.1;}.body-xs h3  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:20px;}.body-sm h3  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:22px;}.body-md h3  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:24px;}.body-lg h3  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:28px;}.body-xl h3  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:28px;}h4  {font-family:latobold,Arial,Helvetica,sans-serif;line-height:1.1;}.body-xs h4  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:18px;}.body-sm h4  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:20px;}.body-md h4  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:20px;}.body-lg h4  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:20px;}.body-xl h4  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:20px;}h5  {line-height:1.1;}h6  {line-height:1.1;} .text-stylekmlrgj8e  {font-family:latobold,Arial,Helvetica,sans-serif; line-height:1.1}.body-xs  .text-stylekmlrgj8e  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:26px;}.body-sm  .text-stylekmlrgj8e  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:30px;}.body-md  .text-stylekmlrgj8e  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:34px;}.body-lg  .text-stylekmlrgj8e  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:42px;}.body-xl  .text-stylekmlrgj8e  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:46px;} .text-stylekmlrgj8e{line-height:1.1;text-decoration: unset;} .text-stylekmlrgj8e:hover {text-decoration: unset;} .text-stylekmlrgj8e{/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/}.text-style-like-h2  {font-family:latobold,Arial,Helvetica,sans-serif;line-height:1.1;}.body-xs .text-style-like-h2  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:24px;}.body-sm .text-style-like-h2  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:28px;}.body-md .text-style-like-h2  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:32px;}.body-lg .text-style-like-h2  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:36px;}.body-xl .text-style-like-h2  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:36px;}.text-style-like-h2 {line-height:1.1;text-decoration: unset;}.text-style-like-h2:hover {text-decoration: unset;}.text-style-like-h2 {/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/}.text-style-like-h3  {font-family:latobold,Arial,Helvetica,sans-serif;line-height:1.1;}.body-xs .text-style-like-h3  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:20px;}.body-sm .text-style-like-h3  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:22px;}.body-md .text-style-like-h3  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:24px;}.body-lg .text-style-like-h3  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:28px;}.body-xl .text-style-like-h3  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:28px;}.text-style-like-h3 {line-height:1.1;text-decoration: unset;}.text-style-like-h3:hover {text-decoration: unset;}.text-style-like-h3 {/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/} .text-stylekmlrhz6s  {font-family:latobold,Arial,Helvetica,sans-serif;line-height:1.1;}.body-xs  .text-stylekmlrhz6s  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:18px;}.body-sm  .text-stylekmlrhz6s  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:20px;}.body-md  .text-stylekmlrhz6s  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:20px;}.body-lg  .text-stylekmlrhz6s  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:20px;}.body-xl  .text-stylekmlrhz6s  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:20px;} .text-stylekmlrhz6s{line-height:1.1;text-decoration: unset;} .text-stylekmlrhz6s:hover {text-decoration: unset;} .text-stylekmlrhz6s{/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/}.rsform-agree-class {font-size:12px;line-height:1.1;text-decoration: unset;}.rsform-agree-class:hover {text-decoration: unset;}.rsform-agree-class {/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/}.rsform-agree-class a {line-height:1.1;text-decoration: unset;}.rsform-agree-class a:hover {text-decoration: unset;}.rsform-agree-class a {/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/} .text-stylem2y24htc  {font-family:latobold,Arial,Helvetica,sans-serif; line-height:1.1}.body-xs  .text-stylem2y24htc  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:26px;}.body-sm  .text-stylem2y24htc  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:30px;}.body-md  .text-stylem2y24htc  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:34px;}.body-lg  .text-stylem2y24htc  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:42px;}.body-xl  .text-stylem2y24htc  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:46px;} .text-stylem2y24htc{line-height:1.1;text-decoration: unset;} .text-stylem2y24htc:hover {text-decoration: unset;}.body-sm  .text-stylem2y24htc{font-size:22px;}.body-md  .text-stylem2y24htc{font-size:26px;}.body-lg  .text-stylem2y24htc{font-size:30px;}.body-xl  .text-stylem2y24htc{font-size:36px;} .text-stylem2y24htc{/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/} .text-stylembhk6b3j  {font-family:latobold,Arial,Helvetica,sans-serif;line-height:1.1;}.body-xs  .text-stylembhk6b3j  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:20px;}.body-sm  .text-stylembhk6b3j  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:22px;}.body-md  .text-stylembhk6b3j  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:24px;}.body-lg  .text-stylembhk6b3j  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:28px;}.body-xl  .text-stylembhk6b3j  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:28px;} .text-stylembhk6b3j{line-height:1.1;text-decoration: unset;} .text-stylembhk6b3j:hover {text-decoration: unset;} .text-stylembhk6b3j{/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/} .text-style-slide-text{line-height:1.5;text-decoration: unset;} .text-style-slide-text:hover {text-decoration: unset;}.body-sm  .text-style-slide-text{font-size:14px;}.body-md  .text-style-slide-text{font-size:14px;}.body-lg  .text-style-slide-text{font-size:16px;}.body-xl  .text-style-slide-text{font-size:16px;} .text-style-slide-text{/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/}.usp-font {font-family:latobold,Arial,Helvetica,sans-serif;line-height:1.1;text-decoration: unset;}.usp-font:hover {text-decoration: unset;}.body-xs .usp-font {font-family:latobold,Arial,Helvetica,sans-serif;font-size:20px;}.body-sm .usp-font {font-family:latobold,Arial,Helvetica,sans-serif;font-size:22px;}.body-md .usp-font {font-family:latobold,Arial,Helvetica,sans-serif;font-size:24px;}.body-lg .usp-font {font-family:latobold,Arial,Helvetica,sans-serif;font-size:28px;}.body-xl .usp-font {font-family:latobold,Arial,Helvetica,sans-serif;font-size:28px;}.usp-font {/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/} .usp-heading {font-family:latobold,Arial,Helvetica,sans-serif;line-height:1.1;text-decoration: unset;} .usp-heading:hover {text-decoration: unset;}.body-xs  .usp-heading {font-family:latobold,Arial,Helvetica,sans-serif;font-size:20px;}.body-sm  .usp-heading {font-family:latobold,Arial,Helvetica,sans-serif;font-size:22px;}.body-md  .usp-heading {font-family:latobold,Arial,Helvetica,sans-serif;font-size:24px;}.body-lg  .usp-heading {font-family:latobold,Arial,Helvetica,sans-serif;font-size:28px;}.body-xl  .usp-heading {font-family:latobold,Arial,Helvetica,sans-serif;font-size:28px;} .usp-heading {/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/} .usp-title {font-family:latobold,Arial,Helvetica,sans-serif;line-height:1.1;text-decoration: unset;} .usp-title:hover {text-decoration: unset;}.body-xs  .usp-title {font-family:latobold,Arial,Helvetica,sans-serif;font-size:20px;}.body-sm  .usp-title {font-family:latobold,Arial,Helvetica,sans-serif;font-size:22px;}.body-md  .usp-title {font-family:latobold,Arial,Helvetica,sans-serif;font-size:24px;}.body-lg  .usp-title {font-family:latobold,Arial,Helvetica,sans-serif;font-size:28px;}.body-xl  .usp-title {font-family:latobold,Arial,Helvetica,sans-serif;font-size:28px;} .usp-title {/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/}.blog h2  {font-family:latobold,Arial,Helvetica,sans-serif;line-height:1.1;}.body-xs .blog h2  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:20px;}.body-sm .blog h2  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:22px;}.body-md .blog h2  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:24px;}.body-lg .blog h2  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:28px;}.body-xl .blog h2  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:28px;}.blog h2 {line-height:1.1;text-decoration: unset;}.blog h2:hover {text-decoration: unset;}.blog h2 {/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/} .text-stylem338h7vk  {font-family:latobold,Arial,Helvetica,sans-serif;line-height:1.1;}.body-xs  .text-stylem338h7vk  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:20px;}.body-sm  .text-stylem338h7vk  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:22px;}.body-md  .text-stylem338h7vk  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:24px;}.body-lg  .text-stylem338h7vk  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:28px;}.body-xl  .text-stylem338h7vk  {font-family:latobold,Arial,Helvetica,sans-serif;font-size:28px;} .text-stylem338h7vk{font-family:latobold,Arial,Helvetica,sans-serif;line-height:1.1;text-decoration: unset;} .text-stylem338h7vk:hover {text-decoration: unset;}.body-xs  .text-stylem338h7vk{font-family:latobold,Arial,Helvetica,sans-serif;}.body-sm  .text-stylem338h7vk{font-family:latobold,Arial,Helvetica,sans-serif;}.body-md  .text-stylem338h7vk{font-family:latobold,Arial,Helvetica,sans-serif;}.body-lg  .text-stylem338h7vk{font-family:latobold,Arial,Helvetica,sans-serif;}.body-xl  .text-stylem338h7vk{font-family:latobold,Arial,Helvetica,sans-serif;} .text-stylem338h7vk{/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/}.usp-heading-small {font-family:latobold,Arial,Helvetica,sans-serif;line-height:1.1;text-decoration: unset;}.usp-heading-small:hover {text-decoration: unset;}.body-xs .usp-heading-small {font-family:latobold,Arial,Helvetica,sans-serif;font-size:18px;}.body-sm .usp-heading-small {font-family:latobold,Arial,Helvetica,sans-serif;font-size:18px;}.body-md .usp-heading-small {font-family:latobold,Arial,Helvetica,sans-serif;font-size:18px;}.body-lg .usp-heading-small {font-family:latobold,Arial,Helvetica,sans-serif;font-size:18px;}.body-xl .usp-heading-small {font-family:latobold,Arial,Helvetica,sans-serif;font-size:18px;}.usp-heading-small {/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/}a,a:link,a:visited{color:rgba(243, 142, 0, 1);}a.btn,button.btn,.btn,.rsform .btn[type=submit],.rsform .btn[type=reset],.btn:active,.btn-default{color:rgba(39, 36, 33, 1);/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/border:1px solid rgba(0, 0, 0, 0);}a.btn:hover,button.btn:hover,.btn:hover,a.btn:focus,.btn-default:hover,button.btn:focus,.btn:focus,.btn.hovered, .rsform .btn[type=submit]:hover{color:rgba(39, 36, 33, 1);border:1px solid rgba(0, 0, 0, 0);/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/}#main .well{border:0 none;border-radius:0;}hr {border-bottom-width:1px;border-bottom-style:solid;margin-top:15px;margin-bottom:15px;}.tooltip > .tooltip-inner, .popover-content, .popover-title {}.tooltip.top .tooltip-arrow {} .background-extralw103qf5{border:0 none;border-radius: 0;/*Użyj narzędzia z https://www.cssmatic.com/box-shadow i wklej wygenerowany kod CSS*/}.tooltip > .tooltip-inner {}strong{font-family:latobold,Arial,Helvetica,sans-serif;font-weight:normal}h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{font-weight:normal}.body-xs h1 strong, .body-xs h2 strong, .body-xs h3 strong, .body-xs h4 strong, .body-xs h5 strong, .body-xs h6 strong {}.body-sm h1 strong, .body-sm h2 strong, .body-sm h3 strong, .body-sm h4 strong, .body-sm h5 strong, .body-sm h6 strong {}.body-md h1 strong, .body-md h2 strong, .body-md h3 strong, .body-md h4 strong, .body-md h5 strong, .body-md h6 strong {}em{font-family:latoitalic,Arial,Helvetica,sans-serif;}#main ul:not(.nav):not(.btn-toolbar):not(.menu):not(.bxslider):not(.slick-dots):not(.pagination):not(.rssocial-icons):not(.bootstrap-select), ol:not(.nav):not(.menu):not(.bxslider):not(.pagination):not(.rssocial-icons):not(.bootstrap-select):not([class*="ch-grid"]) {margin-top: 15px;margin-bottom: 15px;}#main ul:not(.nav):not(.menu):not(.bxslider):not(.slick-dots):not(.pagination):not(.rssocial-icons):not(.bootstrap-select):not(.list-premises):not(.slick-dots):not([class*="ch-grid"]):not(.bh-sl-filters) > li{padding-left:5px;margin-top:10px;margin-bottom:10px;margin-left:15px;}#main ul:not(.nav):not(.menu):not(.bxslider):not(.slick-dots):not(.pagination):not(.rssocial-icons):not(.bootstrap-select):not(.list-premises):not(.slick-dots) > li::before{content: ""; list-style:disc; display: list-item; color: rgba(243, 176, 81, 1); height:0px;}#main ul:not(.nav):not(.menu):not(.bxslider):not(.slick-dots):not(.pagination):not(.rssocial-icons):not(.bootstrap-select):not(.list-premises):not(.slick-dots) > li::before{}#main ul:not(.nav):not(.menu):not(.bxslider):not(.slick-dots):not(.pagination):not(.rssocial-icons):not(.bootstrap-select):not(.list-premises):not(.slick-dots) > li{}#main ul:not(.nav):not(.menu):not(.bxslider):not(.slick-dots):not(.pagination):not(.rssocial-icons):not(.bootstrap-select):not(.list-premises):not(.slick-dots) > li ul li {}table.table{border:0 none;}.table-striped>tbody>tr:nth-of-type(odd) {}.table>tbody>tr>th, .table>thead>tr>th{border:0 none;}.table>tbody>tr>td{border:none !important;}table.table.table-striped tr:nth-of-type(odd) td{border:none !important;}form .form-control{padding-top:5px;padding-right:30px;padding-bottom:5px;padding-left:30px;color:rgba(39, 36, 33, 1);}form .form-control,.rsform .form-group .checkbox .cr, .rsform .form-group .form-control{color:rgba(39, 36, 33, 1);background:rgba(0, 0, 0, 0);border-radius:30px;border:1px solid rgba(179, 179, 179, 1);}.rsform .form-group .form-control::-webkit-input-placeholder {color:rgba(179, 179, 179, 1);}.rsform .form-control:-moz-placeholder {color:rgba(179, 179, 179, 1);}.form-control::-moz-placeholder {color:rgba(179, 179, 179, 1);} .rsform .form-control:-ms-input-placeholder {color:rgba(179, 179, 179, 1);}.rsform form label{}.rsform form .btn[type=submit]::after, .rsform form .btn[type=submit]::before {}form .form-control[aria-required="true"]{}form .form-control[aria-required="true"], .rsform .form-control[aria-required="true"]{}.rsform .form-control[aria-required="true"]::-webkit-input-placeholder {}.rsform .form-control[aria-required="true"]:-moz-placeholder {}.form-control[aria-required="true"]::-moz-placeholder {} .rsform .form-control[aria-required="true"]:-ms-input-placeholder {}.rsform form label{}.rsform form .btn[type=submit], #fspremises #contact form .submit_button{}.rsform form .btn[type=submit]:hover, #fspremises #contact form .submit_button:hover{}.rsform form .btn[type=reset]{}.formRed,.formError{}form .form-control.rsform-error{}.navbar-custom.navbar-default .navbar-toggle, .navbar-custom.navbar-default .dn-toggle, .navbar-custom.navbar-default .dn-close {background-color:rgba(0, 0, 0, 0);border:1px solid rgba(243, 176, 81, 1);}.navbar-custom.navbar-default .navbar-toggle:hover, .navbar-custom.navbar-default .navbar-toggle:focus, .navbar-custom.navbar-default .dn-toggle:hover, .navbar-custom.navbar-default .dn-toggle:focus, .navbar-custom.navbar-default .dn-close:hover, .navbar-custom.navbar-default .dn-close:focus {background-color:rgba(255, 255, 255, 0.4);}.navbar-custom.navbar-default .navbar-toggle .icon-bar, .navbar-custom.navbar-default .dn-toggle .dn-toggle-line, .navbar-custom.navbar-default .dn-close .dn-close-line {}.row.even:after{}.row.even{}.row.even div > h3 {}.row.odd:after{}.row.odd{}.row.odd div > h2 {}div.pagination li a, div.pagination li span{}div.pagination li:hover a, div.pagination li:hover span,div.pagination li.current a, div.pagination li.current span{}.rl_sliders.accordion>.accordion-group {}.rl_sliders.accordion>.accordion-group>.accordion-heading>a.accordion-toggle:hover {}.rl_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle {}.border-style-sm {border-width:0px !important; border-style:0px !important;}.border-style {border-width:0px !important; border-style:0px !important;}.border-style-lg {border-width:0px !important; border-style:0px !important;}.border-radius-sm {border-radius:10px !important;}.border-top-left-radius-sm {border-top-left-radius:10px !important;}.border-top-right-radius-sm {border-top-right-radius:10px !important;}.border-bottom-left-radius-sm {border-bottom-left-radius:10px !important;}.border-bottom-right-radius-sm {border-bottom-right-radius:10px !important;}.border-radius {border-radius:15px !important;}.border-top-left-radius {border-top-left-radius:15px !important;}.border-top-right-radius {border-top-right-radius:15px !important;}.border-bottom-left-radius {border-bottom-left-radius:15px !important;}.border-bottom-right-radius {border-bottom-right-radius:15px !important;}.border-radius-lg {border-radius:50px !important;}.border-top-left-radius-lg {border-top-left-radius:50px !important;}.border-top-right-radius-lg {border-top-right-radius:50px !important;}.border-bottom-left-radius-lg {border-bottom-left-radius:50px !important;}.border-bottom-right-radius-lg {border-bottom-right-radius:50px !important;}body:not(.body-xs)  header .header { position: fixed !important; top: 0; left:0; z-index: 999; width: 100%}  
:root {
  --varcolor25: #fde8cc;
}
/*
 cs1:	var(--fixedcolor1)	#272421	/	rgba(39, 36, 33, 1)
 cs2: 	var(--fixedcolor2)	#		/	rgba()
 cs3: 	var(--fixedcolor3)	#fff	/	rgba(255, 255, 255, 1)	
  c1: 	var(--varcolor1)	#faf8f4	/	rgba(250, 248, 244, 1)
  c2: 	var(--varcolor2)	#fef4e5	/	rgba(254, 244, 229, 1)
  c2,5:	var(--varcolor25)	#fde8cc	/	rgba(253, 232, 204, 1)
  c3: 	var(--varcolor3)	#f3b051	/	rgba(243, 176, 81, 1)
  c4:	var(--varcolor4)	#f38e00	/	rgba(243, 142, 0, 1)
  c5: 	var(--varcolor5)	#f18a04	/	rgb(241, 138, 4, 1)

  brr_sm: 	var(--borderradiussm)	10
  brr:		var(--borderradius)		15
  brr_lg	var(--borderradiuslg)	50
*/
  
/*=============================================*/

  .margin-bottom-0 {margin-bottom: 0px;}
  p+h2 {margin-top: 30px;}
  .text-orange {color: var(--varcolor4);}
  
#wrapper #main .list-large ul > li {position: relative; padding-left: 30px; margin-left: 0; margin-top: 15px; margin-bottom: 15px;}
#wrapper #main .list-large ul > li::before {content:''; position: absolute; left: 0; top: 0px; width: 20px; height: 20px; list-style: none; background-image: url(https://www.pitern.pl/images/design/list-bullet-large.svg);}

/*nadpisania*/
  
/*background transparent*/
#main .bg-t {background: transparent;}
  
/*background zmienne*/
#main .bc1 {background: var(--varcolor1);}
#main .bc2 {background: var(--varcolor2);}
#main .bc25 {background: var(--varcolor25);}
#main .bc3 {background: var(--varcolor3);}
#main .bc4 {background: var(--varcolor4);}
  
/*background stałe*/
#main .bcs1 {background: var(--fixedcolor1);}
#main .bcs2 {background: var(--fixedcolor2);}
#main .bcs3 {background: var(--fixedcolor3);}
  
/*background gradient bc3 w bc4*/
#main .bcgradient {background: linear-gradient(225deg, var(--varcolor3), var(--varcolor4));}
  
/*color zmienne*/
#main .c1 {color: var(--varcolor1);}
#main .c2 {color: var(--varcolor2);}
#main .c3 {color: var(--varcolor3);}
#main .c4 {color: var(--varcolor4);}
#main .cs1 {color: var(--fixedcolor1);}
#main .cs2 {color: var(--fixedcolor2);}
#main .cs3 {color: var(--fixedcolor3);}
  
/*border 1px solid zmienne*/
#main .brc1 {border: 1px solid var(--varcolor1);}
#main .brc2 {border: 1px solid var(--varcolor2);}
#main .brc25 {border: 1px solid var(--varcolor25);}
#main .brc3 {border: 1px solid var(--varcolor3);}
#main .brc4 {border: 1px solid var(--varcolor4);}
  
/*border 1px solid stałe*/
#main .brcs1 {border: 1px solid var(--fixedcolor1);}
#main .brcs2 {border: 1px solid var(--fixedcolor2);}
#main .brcs3 {border: 1px solid var(--fixedcolor3);}
  
/*gap 30/15*/
#main .gap-30, .body-sm #main .gap-30-sm, .body-xs #main .gap-30-xs {gap: 30px;}
#main .gap-15, .body-sm #main .gap-15-sm, .body-xs #main .gap-15-xs {gap: 15px;}
  
/*column gap 30/15*/
#main .gap-c-30, .body-sm #main .gap-c-30-sm, .body-xs #main .gap-c-30-xs {column-gap: 30px;}
#main .gap-c-15, .body-sm #main .gap-c-15-sm, .body-xs #main .gap-c-15-xs {column-gap: 15px;}

/*row gap 30/15*/
#main .gap-r-30, .body-sm #main .gap-r-30-sm, .body-xs #main .gap-r-30-xs {row-gap: 30px;}
#main .gap-r-15, .body-sm #main .gap-r-15-sm, .body-xs #main .gap-r-15-xs {row-gap: 15px;}
  
/*width 100/50% i 70/30%*/
#main .width-100, .body-sm #main .width-100-sm, .body-xs #main .width-100-xs {width: 100%;}
#main .width-70, .body-sm #main .width-70-sm, .body-xs #main .width-70-xs {width: 70%;}
#main .width-50, .body-sm #main .width-50-xs, .body-xs #main .width-50-xs {width: 50%;}
#main .width-30, .body-sm #main .width-30-xs, .body-xs #main .width-30-xs {width: 30%;}

/*width 100% na obrazku*/
#main .width-100-img img, .body-sm #main .width-100-img-sm img, .body-xs #main .width-100-img-xs img {width: 100%;}
  
/*height 100% na obrazku*/
#main .height-100-img img, .body-sm #main .height-100-img-sm img, .body-xs #main .height-100-img-xs img {height: 100%;}
  
/*paddings 35/20, 30/15, 15/0 (1. góra 2. boki*/
#main .padding-35-b-20, .body-sm #main .padding-35-b-20-sm, .body-xs #main .padding-35-b-20-xs {padding: 35px 20px;}
#main .padding-30-b-15, .body-sm #main .padding-30-b-15-sm, .body-xs #main .padding-30-b-15-xs {padding: 30px 15px;}
#main .padding-15-b-0, .body-sm #main .padding-15-b-0-sm, .body-xs #main .padding-15-b-0-xs {padding: 15px 0px;}

/*paddings 35, 30, 15, 0*/
#main .padding-35, .body-sm #main .padding-35-sm, .body-xs #main .padding-35-xs {padding: 35px;}
#main .padding-30, .body-sm #main .padding-30-sm, .body-xs #main .padding-30-xs {padding: 30px;}
#main .padding-15, .body-sm #main .padding-15-sm, .body-xs #main .padding-15-xs {padding: 15px;}
#main .padding-0, .body-sm #main .padding-0-sm, .body-xs #main .padding-0-xs {padding: 0px;}

/*border-radius sm*/
#main .brr-sm, #main .brr-sm-img img, #main .content-image-radius img {border-radius: var(--borderradiussm);}
#main .brr, #main .brr-img img {border-radius: var(--borderradius);}
#main .brr-lg, #main .brr-lg-img img {border-radius: var(--borderradiuslg);}
  
/*display: flex;*/
#main .content-flex-box, #main .content-flex-box-img, #main .content-flex-box-text, #main .content-flex-box-text-flex, #main .content-flex-box-img-flex {display: flex;}
  
/*flex-direction: column*/
#main .flex-dir-c, .body-sm #main .flex-dir-c-sm, .body-xs #main .flex-dir-c-xs	{flex-direction: column;}
  
/*flex-direction: row*/
#main .flex-dir-r, .body-sm #main .flex-dir-r-sm, .body-xs #main .flex-dir-r-xs {flex-direction: row;}

/*flex-wrap: wrap*/
#main .flex-wrap-wrap, .body-sm #main .flex-wrap-wrap-sm, .body-xs #main .flex-wrap-wrap-xs {flex-wrap: wrap;}

/*flex-wrap: nowrap*/
#main .flex-wrap-nowrap, .body-sm #main .flex-wrap-nowrap-sm, .body-xs #main .flex-wrap-nowrap-xs {flex-wrap: nowrap;}
  
/*justify-content: center*/
#main .justify-content-center, .body-sm #main .justify-content-center-sm, .body-xs #main .justify-content-center-xs {justify-content: center;} 
  
/*justify-content: flex-start*/
#main .justify-content-flex-start, .body-sm #main .justify-content-flex-start-sm, .body-xs #main .justify-content-flex-start-xs {justify-content: flex-start;}
  
/*justify-content: flex-end*/
#main .justify-content-flex-end, .body-sm #main .justify-content-flex-end-sm, .body-xs #main .justify-content-flex-end-xs {justify-content: flex-end;}

/*align-items: flex-start*/
#main .align-items-flex-start, .body-sm #main .align-items-flex-start-sm, .body-xs #main .align-items-flex-start-xs {align-items: flex-start;}

/*align-items: flex-end*/
#main .align-items-flex-end, .body-sm #main .align-items-flex-end-sm, .body-xs #main .align-items-flex-end-xs {align-items: flex-end;}

/*align-items: center*/
#main .align-items-center, .body-sm #main .align-items-center-sm, .body-xs #main .align-items-center-xs {align-items: center;}

/*align-items: baseline*/
#main .align-items-baseline, .body-sm #main .align-items-baseline-sm, .body-xs #main .align-items-baseline-xs {align-items: baseline;}

/*align-self: center*/
#main .align-self-center, .body-sm #main .align-self-center-sm, .body-xs #main .align-self-center-xs {align-self: center;}

/*object-fit: cover*/
#main .img-object-fit-cover img, .body-sm #main .img-object-fit-cover-sm img, .body-xs #main .img-object-fit-cover-xs img {object-fit: cover;}

/*object-fit: cover*/
#main .img-object-fit-contain img, .body-sm #main .img-object-fit-contain-sm img, .body-xs #main .img-object-fit-contain-xs img {object-fit: contain;}
    
/*order*/
#main .order-1, .body-sm #main .order-1-sm, .body-xs #main .order-1-xs {order: 1;}
#main .order-2, .body-sm #main .order-2-sm, .body-xs #main .order-2-xs {order: 2;}
  
/*all margin-left i margin-right 0*/
#main .margin-left-right-0 {margin-left: 0px; margin-right: 0;}
  
/*margin-top*/
#main .margin-top-30, .body-sm #main .margin-top-30-sm, .body-xs #main .margin-top-30-xs {margin-top: 30px;}
  
/*btn margin-top*/
#main .btn-margin-40 .btn, .body-sm #main .btn-margin-40-sm .btn, .body-xs #main .btn-margin-40-xs .btn {margin-top: 40px;}
#main .btn-margin-20 .btn, .body-sm #main .btn-margin-20-sm .btn, .body-xs #main .btn-margin-20-xs .btn {margin-top: 20px;}
#main .btn-margin-0 .btn, .body-sm #main .btn-margin-0-sm .btn, .body-xs #main .btn-margin-0-xs .btn {margin-top: 0px;}

/*btn margin-bottom*/
#main .p-margin-0 p, .body-sm #main .p-margin-0 p, .body-xs #main .p-margin-0 p {margin-bottom: 0px;}

/*usunięcie before i after*/
#main .bef-aft-none::before, .bef-aft-none::after {content: none;}

/*h2 margin 0*/
#main .h2-margin-0 h2 {margin-bottom: 0;}

/*koniec nadpisania*/
  
/*=============================================*/

#main .gallery-brr-sm .wimg img { border-radius: var(--borderradiussm);}
#main .gallery-brc3 .wimg img {border: 1px solid var(--varcolor3);}
  
/*użyte na głównej w ofercie*/
@media (max-width: 424px) {
  .xs-425-100-box > div {width: 100%;}
  .xs-425-100-box-margin > div {margin-bottom: 30px;}
}

/*użyte w programie lojalnościowym na głównej i zakładkach*/
@media (max-width: 449px) {
  .xs-450-100-img .loyaltyprogram-flex-c-l, .xs-450-100-img .loyaltyprogram-flex-c-r {width: 100% !important;}
  .loyaltyprogram-flex-m {flex-direction: column;}
  .loyaltyprogram-flex-c-l {margin-bottom: 30px;}
  #main .width-100-449 {width: 100%;}
  #main .flex-dir-c-449 {flex-direction: column;}
}

/*animacje*/
/*socialki*/
@keyframes hover-horizontal-shake {
 0% { transform: translateY(0) }
 33% { transform: translateY(5px) }
 66% { transform: translateY(-5px) }
 100% { transform: translateY(0) }
}
/*program lojalnościowy*/
.shadowc3-onhover img {transition: box-shadow 0.2s ease;}
.shadowc3-onhover img:hover {box-shadow: 0 0 10px var(--varcolor3); transition: box-shadow 0.2s ease;}
/*koniec animacji*/

/*slider fix*/
.slider .description {overflow:hidden;}

/*Przyciski*/
a.btn, a.btn:focus, .rsform-submit-button, .rsform form .btn[type=submit] {min-width: 120px; /*height: 34px;*/ padding-left: 40px; padding-right: 40px; overflow: hidden; margin-top: 10px; border-radius: var(--borderradiuslg); color: var(--fixedcolor1); transition: 0.5s ease;}
a.btn, a.btn:focus, .rsform-submit-button, .rsform form .btn[type=submit] {background: linear-gradient(45deg, var(--varcolor4), var(--varcolor3) 51%, var(--varcolor4)) var(--x, 0)/ 200%; } 
a.btn.btn-border:not(:hover) {background: transparent; border: 1px solid var(--fixedcolor1); }
  
a.btn:hover, .rsform-submit-button:hover, .rsform form .btn[type=submit]:hover { --x: 100%; transition: 0.5s ease;}

.body-sm a.btn, .body-sm a.btn:focus, .body-sm .rsform form .btn[type=submit], .body-sm .rsform-submit-button, .body-xs a.btn, .body-xs a.btn:focus, .body-xs .rsform form .btn[type=submit], .body-xs .rsform-submit-button {padding-left: 15px; padding-right: 15px;}
  
a.btn.arrow { min-width: 40px; height: 40px; padding: 0; align-self: end; font-size: 0;}
a.btn.arrow::after { content: ''; position: absolute; width: 100%; height: 100%; background-image: url(https://www.pitern.pl/images/design/btn-arrow.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size: 10px; inset: 0; transition: 0.5s ease; }
a.btn.arrow:hover::after {transform: rotate(90deg); transition: 0.5s ease;}
/*Przyciski koniec*/
/*=============================================*/

/*Ikony USP*/
.usp-bef { display: flex;}
.usp-bef::before {content:''; display: block; position: relative; width: 58px; min-width: 58px; height: 58px; background-size: 40px !important; margin-right: 10px;}
	
	.usp-title {margin-bottom: 20px !important;}
  	.usp-box:not(:has(.usp-text)):not(:last-of-type) { margin-bottom: 20px; }
	.usp-box:not(:has(p.usp-text)).usp-bef {align-items: center;}
    .usp-box:has(p.usp-text).usp-bef {flex-wrap: wrap; align-items: flex-start; }
  
    :not(.body-xs) .usp-box:has(p.usp-text) p.usp-heading, :not(.body-xs) .usp-box:has(p.usp-text) h3 {width: calc(100% - 70px); margin-bottom: 10px; margin-top: 15px;}
    :not(.body-xs) .usp-box:has(p.usp-text) p.usp-text {margin-left: 70px; margin-bottom: 20px;}
	:not(.body-xs) .usp-box:has(p.usp-heading-small) p.usp-text {margin-bottom: 10px;}
  
	:not(.body-xs) .usp-box:not(:has(p.usp-text)) h3 {margin-bottom: 0px;}

	[class*="usp-icon-"]::before {background-position: 50% 50%; background-repeat: no-repeat;}

  	.usp-icon-calendar::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-calendar.svg");}
  	.usp-icon-chat::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-chat.svg");}
  	.usp-icon-checkmark::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-checkmark.svg");}
  	.usp-icon-cogwheel::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-cogwheel.svg");}
	.usp-icon-document::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-document.svg");}
	.usp-icon-dolar::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-dolar.svg");}
  	.usp-icon-ecology::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-ecology.svg");}
  	.usp-icon-efficiency::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-efficiency.svg");}
  	.usp-icon-energy::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-energy.svg");}
	.usp-icon-face::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-face.svg");}
  	.usp-icon-fan::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-fan.svg");}
  	.usp-icon-headphones::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-headphones.svg");}
  	.usp-icon-house::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-house.svg");}
  	.usp-icon-installation::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-installation.svg");}
  	.usp-icon-leaf-energy::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-leaf-energy.svg");}
	.usp-icon-leaf-in::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-leaf-in.svg");}
	.usp-icon-list-arrow::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-list-arrow.svg");}
  	.usp-icon-lower-costs::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-lower-costs.svg");}
  	.usp-icon-module::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-module.svg");}
  	.usp-icon-money::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-money.svg");}
	.usp-icon-person::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-person.svg");}
	.usp-icon-phone-support::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-phone-support.svg");}
  	.usp-icon-photovoltaics::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-photovoltaics.svg");}
  	.usp-icon-raport::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-raport.svg");}
  	.usp-icon-savings::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-savings.svg");}
  	.usp-icon-snowflake::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-snowflake.svg");}
	.usp-icon-temperature::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-temperature.svg");}
  
  /*przykładowy*/
  	.usp-icon-XXXXXXXX::before {background-image: url("https://www.pitern.pl/images/design/usp-icon-XXXXXXXX.svg");}
/*koniec ikon USP*/
/*=============================================*/
  
/*usp - pages*/
/*wysokość row*/
.usp-page-flex-m {display: flex; margin-top: 30px;}
/*wysokość col*/
.usp-page-flex-c-l {display: flex; flex-direction: column; justify-content: center;}
.usp-page-flex-c-r {display: flex; flex-direction: column;}
.usp-page-flex-c-l {width: 50%;}
.usp-page-flex-c-r {width: 50%;}
.well-usp-page-l {padding:  35px;}
.well-usp-page-r {background: var(--varcolor2); padding: 50px; border-radius: var(--borderradiussm);}
.usp-page-flex-m .well-usp-page-r-bg-c25 {background: var(--varcolor25);}

/*sm*/
.body-sm .well-usp-page-r {padding:  30px;}

/*xs*/
/*wysokość row*/
.body-xs .usp-page-flex-m {flex-direction: column;}
/*wysokość col*/
.body-xs .usp-page-flex-c-l {width: 100%;}
.body-xs .usp-page-flex-c-r {width: 100%;}
.body-xs .well-usp-page-l {padding: 30px 15px;}
.body-xs .well-usp-page-r {padding: 15px 10px;}
/*koniec usp - pages*/
/*=============================================*/

/*hamburger*/
.navbar-default .navbar-toggle {border-radius: 15px !important;}
.navbar-default .navbar-toggle .icon-bar {background: linear-gradient(225deg, var(--varcolor3), var(--varcolor4));}
/*koniec hamburger*/
/*=============================================*/
  
/*hero - pages*/
.hero-page {border-radius: var(--borderradiussm); /*background: linear-gradient(45deg, var(--varcolor4), var(--varcolor3) 100%);*/ /*background-color: var(--varcolor3);*/ background-position: 50% 50%; background-repeat: no-repeat; margin-left: 0; margin-right: 0;}
.body-xs .hero-page {background-size: cover;}

  .hero-page.hero-dla-domu {background-image: url("https://www.pitern.pl/images/design/hero-dla-domu.webp");}
  /*.hero-page.hero-dla-biznesu {background-image: url("https://www.pitern.pl/images/design/hero-dla-biznesu.webp");}*/
  .hero-page.hero-mala-firma {background-image: url("https://www.pitern.pl/images/design/hero-mala-firma.webp");}
  .hero-page.hero-duza-firma {background-image: url("https://www.pitern.pl/images/design/hero-duza-firma.webp");}
  .hero-page.hero-dla-rolnika {background-image: url("https://www.pitern.pl/images/design/hero-dla-rolnika.webp");}
  .hero-page.hero-produkty {background-image: url("https://www.pitern.pl/images/design/hero-produkty.webp");}
  .hero-page.hero-fotowoltaika {background-image: url("https://www.pitern.pl/images/design/hero-fotowoltaika.webp");}
  .hero-page.hero-pompy-ciepla {background-image: url("https://www.pitern.pl/images/design/hero-pompy-ciepla.webp");}
  .hero-page.hero-magazyny-energii {background-image: url("https://www.pitern.pl/images/design/hero-magazyny-energii-2.webp");}
  .hero-page.hero-elekt-wiat {background-image: url("https://www.pitern.pl/images/design/hero-elektrownie-wiatrowe.webp");}
  .hero-page.hero-farmy-fotowoltaiczne {background-image: url("https://www.pitern.pl/images/design/hero-farmy-fotowoltaiczne.webp");}
  .hero-page.hero-program-lojalnosciowy {background-image: url("https://www.pitern.pl/images/design/hero-program-lojalnosciowy.webp");}
  .hero-page.hero-o-nas {background-image: url("https://www.pitern.pl/images/design/hero-o-nas.webp");}
  .hero-page.hero-blog {background-image: url("https://www.pitern.pl/images/design/hero-blog.webp");}
  .hero-page.hero-realizacje {background-image: url("https://www.pitern.pl/images/design/hero-realizacje.webp");}
  .hero-page.hero-pliki-do-pobrania {background-image: url("https://www.pitern.pl/images/design/hero-pliki-do-pobrania.webp");}
  .hero-page.hero-blog {background-image: url("https://www.pitern.pl/images/design/hero-blog.webp");}
  .hero-page.hero-kalkulator-fotowoltaiczny {background-image: url("https://www.pitern.pl/images/design/hero-kalkulator-fotowoltaiczny.webp");}

.well-hero-page {display: flex; flex-direction: column; justify-content: center; background: var(--varcolor2); padding: 60px; margin-top: 15px; margin-bottom: 15px; border-radius: var(--borderradiussm);}
.body-xl .well-hero-page {min-height: 700px;}
.body-lg .well-hero-page {min-height: 600px;}
.body-md .well-hero-page {min-height: 500px; padding: 40px;}
.body-sm .well-hero-page {min-height: 500px; padding: 30px;}
.body-xs .well-hero-page {padding: 15px; margin-top: 250px;}
.well-hero-in {}
  
/*wyjątki*/
  .page .hero-page.hero-o-nas {background-position-y: 100%;}
  .body-xs .hero-page.hero-o-nas {background-position-x: 60%;}
  .body-xs .hero-o-nas .well-hero-page {margin-top: 15px; margin-bottom: 250px;}
  .body-md .hero-elektrownie-wiatrowe, .body-sm .hero-elektrownie-wiatrowe, .body-xs .hero-elektrownie-wiatrowe {background-position-x: 10%;}
/*koniec hero - pages*/
/*=============================================*/
  
/*Oferta & content - pages*/
	.content-page, .offer-page {margin-left: 0px; margin-right: 0px;}
	.content-page-box, .offer-page-box {display: flex; border-radius: var(--borderradiussm); gap: 30px;}
		.offer-page-box {margin-top: 30px; padding: 15px;}
  
	.content-page-box-b, .content-page-box-l, .offer-page-box-l {display: flex; flex-direction: column; justify-content: center; align-items: baseline;  width: 50%; padding: 35px;}
	.content-page-box-l .btn, .offer-page-box-l .btn {margin-top: 40px;}
	.content-page-box-r, .offer-page-box-r {width: 50%;}
	.content-page-box-r img, .offer-page-box-r img {border-radius: var(--borderradiussm);}

	.body-sm .content-page-box-b, .body-sm .content-page-box-l, .body-sm .offer-page-box-l {padding: 30px;}
	.body-sm .content-page-box-r, .body-sm .offer-page-box-r {display: flex;}
	.body-sm .content-page-box-r-flex-img, .body-sm .offer-page-box-r-flex-img {display: flex;}
	.body-sm .content-page-box-r img, .body-sm .offer-page-box-r img {object-fit: cover;}
  
	.body-xs .content-page-box, .body-xs .offer-page-box {flex-direction: column;}
		.body-xs .content-page-box {gap: 15px;}
	.body-xs .content-page-box-l, .body-xs .offer-page-box-l {order: 2; width: 100%;}
		.body-xs .content-page-box-b, .body-xs .content-page-box-l {padding: 15px;}
		.body-xs .content-page-box-b {width: 100%;}
		.body-xs .offer-page-box-l {padding: 0px;}
	.body-xs .content-page-box-l .btn, .body-xs .offer-page-box-l .btn {margin-top: 20px;}
	.body-xs .content-page-box-r, .body-xs .offer-page-box-r {order: 1; width: 100%;}

/*Koniec Oferta - pages*/
/*=============================================*/

/*Zakładka Kontakt*/
  
  .content-page-box-b:has(.contact-details-l) { display: flex; flex-direction: row; align-items: center; }
	.body-xs .content-page-box-b:has(.contact-details-l) {flex-direction: column; gap: 15px;}
  .contact-details-l {width: 50%;}
  .contact-details-r {width: 50%;}
  .contact-details-r.contact-social-icons {display: flex; flex-direction: row; flex-wrap: wrap; gap: 30px; }
	.body-xs .contact-details-l {width: 100%;}
	.body-xs .contact-details-r {width: 100%;}
	.body-sm .contact-details-r.contact-social-icons {gap: 10px;}
	.body-xs .contact-details-r.contact-social-icons {gap: 15px;}
	.body-xs .contact-social-icons p{ margin-bottom: 0px;}
  
  .contact-social-icons > p:hover { animation: hover-horizontal-shake 0.5s 1; }
  
/*Koniec zakładka Kontakt*/
/*=============================================*/ 

/*Zakładka Blog*/
  .blog .readmore .btn {margin-top: 30px;} 
  /*boksy blogowe*/
  	/*.blog h1 {padding: 0 35px;}
  	.body-sm .blog h1 {padding: 0 15px;}
  	.body-xs .blog h1 {padding: 0 15px;}*/
	.blog .container-articles { border: 1px solid var(--fixedcolor1); border-radius: var(--borderradiussm); padding: 15px 0px; }
	.blog .container-articles img { border-radius: var(--borderradiussm); margin-bottom: 15px;}
	.blog .articles-box {margin-bottom: 30px;}
	.blog .category-desc {margin-bottom: 30px;}
	.blog .items-leading {margin-left: -15px; margin-right: -15px;}
  /*menu*/
	.blog-menu {margin-top:10px;}
	.blog-menu ul.nav-pills {display: flex; flex-wrap: wrap; gap: 15px;}
	.blog-menu ul.nav-pills::before, .blog-menu ul.nav-pills::after {content: none;}
	.blog-menu .nav-pills > li {background: var(--varcolor3); border-radius: var(--borderradiuslg); transition: 0.5s ease;}
	.blog-menu .nav-pills > li:hover {background: var(--varcolor25); transition: 0.5s ease;}
	.blog-menu .nav-pills > li > a {color: var(--fixedcolor1); background: transparent}
	.blog-menu .nav-pills > li.current {background: var(--varcolor25);}
/*Koniec zakładka Blog*/
/*=============================================*/ 
  
/*Treść z tłem i bez tła */
/*wysokość row*/
.content-page-flex-m {display: flex; margin-top: 30px;}
/*wysokość col*/
.content-page-flex-c-l {display: flex; flex-direction: column; justify-content: center;}
.content-page-flex-c-r {display: flex; flex-direction: column;}
.content-page-flex-c-l {width: 50%;}
.content-page-flex-c-r {width: 50%;}
.well-content-page-l {padding:  35px;}
.well-content-page-r {background: var(--varcolor2); padding: 50px; border-radius: var(--borderradiussm);}

/*sm*/
.body-sm .well-content-page-r {padding:  30px;}

/*xs*/
/*wysokość row*/
.body-xs .content-page-flex-m {flex-direction: column;}
/*wysokość col*/
.body-xs .content-page-flex-c-l {width: 100%;}
.body-xs .content-page-flex-c-r {width: 100%;}
.body-xs .well-content-page-l {padding: 30px 15px;}
.body-xs .well-content-page-r {padding: 15px;}
/*koniec content - pages*/
  
/*realizacje*/
  /*filtry*/
  .bh-sl-filters-container.well {display: flex; border-radius: var(--borderradiussm) !important; background: var(--varcolor4); color: var(--fixedcolor3);}
  .body-xs .bh-sl-filters-container.well {display: block;}
  .bh-sl-container .bh-sl-filters-container .bh-sl-filters li select {background: var(--fixedcolor3); border: 1px solid var(--fixedcolor2);}
  .bh-sl-filters .checkbox .cr .cr-icon {color: var(--fixedcolor1);}
  .bh-sl-filters-container.well ul li::before {content: none !important;}
  .reset-filters a {color: var(--fixedcolor3); padding: 10px 15px; border: 1px solid var(--fixedcolor3);}
  
  .bh-sl-container .bh-sl-filters-container .bh-sl-filters {margin-right: 0; width: 33%;}
  .reset-filters {width: 33%; padding: 0px;}
  
  .body-sm .bh-sl-container .bh-sl-filters-container .bh-sl-filters {width: 40%;}
  .body-sm .reset-filters {width: 20%;}
  
  .body-xs .bh-sl-container .bh-sl-filters-container .bh-sl-filters {width: 100%;}
  .body-xs .reset-filters {width: 100%;}
  
  .reset-filters {text-align: right; align-self: center;}
  .body-xs .reset-filters {text-align: left; margin-top: 30px;} 
  
  /*lokalizacje*/
  .bh-sl-map-container > div > div:has(.bh-sl-loc-list) {width: 100%; padding: 0px;}
  .bh-sl-container .bh-sl-loc-list {/*overflow-x: inherit;*/ width: 100% !important; margin-left: 0px; margin-right: 0px;}
  
  .bh-sl-loc-list > .list { display: flex !important ; flex-wrap: wrap; gap: 30px; margin-top: 0px !important;}
  
 #main .list .realizacja {background: var(--fixedcolor3) !important; border: 1px solid var(--varcolor3) !important; margin: 0 !important; padding: 15px !important; border-radius: var(--borderradiussm) !important; cursor: auto;}
  .list .realizacja::before {content: none !important;}
  .list .realizacja .list-marker {padding-left: 20px;}
  .list .realizacja .list-content {padding: 0px !important}
  .list .realizacja .loc-name { font-size: 22px !important; font-weight: 700;}
  .list .realizacja .loc-state, .list .realizacja .loc-power, .list .realizacja .loc-category{font-size: 13px;}
  .list .realizacja .loc-power {margin-top: 15px;}
  .list .realizacja .list-details {margin-left: 0; width: 100%;}
  
  .list .realizacja .loc-marker { position: relative; padding-left: 33px; min-height: 130px}
  .loc-marker::before { content: ''; position: absolute; display: block; width: 30px; height: 30px; left: 0px; top: 3px; background: url(https://www.pitern.pl/images/design/list-bullet-gradient.svg) 50% 50% no-repeat; }
  
  /*.loc-description img { max-width: 100% !important; margin-top: 15px;}*/
  .loc-description {margin-top: 15px;}
  .loc-description {border-radius: var(--borderradiussm); overflow: hidden;}
  .loc-description .row {margin-bottom: 0px !important;}
  .loc-description img { width: 100% !important; object-fit: cover; height: 210px; border-radius: var(--borderradiussm) !important;}
  .loc-category {display: flex; gap: 5px;}
  
  .body-xl .list .realizacja, .body-lg .list .realizacja, .body-md .list .realizacja {width: calc(25% - 23px) !important;}
  .body-sm .list .realizacja {width: calc(50% - 15px) !important;}
  
  .body-xs .list .realizacja {width: calc(50% - 15px);}
  
/*boksy realizacji do max 599px*/
@media (max-width: 599px) {
  .body-xs .list .realizacja {width: 100% !important;}
  .body-xs .loc-description img {height: 100%;}
}

/*brak suwaka w boksach realizacji poniżej 992px*/
@media (max-width: 991px) {
    .bh-sl-container .bh-sl-loc-list {overflow-x: inherit; !inherit;}
}
  
/*Koniec realizacje*/
/*=============================================*/
  
  
/*paginacja*/
  .pagination>li>a, .pagination>li>span { background: transparent; font-size: 14px; color: var(--fixedcolor1); margin-left: 2px; margin-right: 2px; padding: 10px 16px; border: 2px solid var(--varcolor3); border-radius: var(--borderradiuslg) !important; }

  .pagination li.current a, .pagination li.current span { color: var(--fixedcolor3); background: linear-gradient(45deg, var(--varcolor4), var(--varcolor3)); }

  div.pagination li:hover a, div.pagination li:hover span, div.pagination li.current a, div.pagination li.current span, .pagination>li>a:focus, .pagination>li>span:focus { background: linear-gradient(45deg, var(--varcolor4), var(--varcolor3)); color: var(--fixedcolor3); border-color: var(--varcolor3); }

  .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color: var(--fixedcolor3); cursor: not-allowed; background-color: var(--varcolor4ua1); border-color: var(--varcolor3); }
  
/*koniec paginacja*/
/*=============================================*/

  
/*Układowe + modyfikacje*/

.grecaptcha-badge {bottom: 70px !important;}

.fscookies-buttons .btn {margin-top: 0px;}

/*margin top/bottom xl-lg-md / sm / xs*/
body:not(.body-xs):not(.body-sm) .margin-top-xl-lg-md.margin40 {margin-top: 40px;}
body:not(.body-xs):not(.body-sm) .margin-bottom-xl-lg-md.margin40 {margin-bottom: 40px;}
.body-sm .margin-top-sm.margin40 {margin-top: 40px;}
.body-sm .margin-bottom-sm.margin40 {margin-bottom: 40px;}
.body-xs .margin-top-xs.margin40 {margin-top: 40px;}
.body-xs .margin-bottom-xs.margin40 {margin-bottom: 40px;}
.nomargin-bottom-0px {margin-bottom: 0px !important;}
  
body:not(.body-xs):not(.body-sm) .margin-top-xl-lg-md.margin30 {margin-top: 30px;}
body:not(.body-xs):not(.body-sm) .margin-bottom-xl-lg-md.margin30 {margin-bottom: 30px;}
.body-sm .margin-top-sm.margin30 {margin-top: 30px;}
.body-sm .margin-bottom-sm.margin30 {margin-bottom: 30px;}
.body-xs .margin-top-xs.margin30 {margin-top: 30px;}
.body-xs .margin-bottom-xs.margin30 {margin-bottom: 30px;}

/*obrazy right/left*/
.body-xs .img-toLeft, .body-xs .img-toRight{width: 100%;}
body:not(.body-xs) .img-toLeft, body:not(.body-xs) .img-toRight {max-width: 50vw}
.body-sm .img-toLeft, .body-md .img-toLeft {float:left !important;padding-right:15px}
.body-sm .img-toRight, .body-md .img-toRight {float:right !important;padding-left:15px}
body:not(.body-xs):not(.body-sm):not(.body-md) .img-toRight {margin-left: 100px !important;}
body:not(.body-xs):not(.body-sm):not(.body-md) .img-toLeft {margin-right: 100px !important;}

/*Wideo po kliknięciu*/
.video-pozycja-rel {position: relative;}
.venobox.video:not(.video-miniatura)::after {content: "\f01d"; font-size: 100px; color: #fff; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transition: 0.5s ease; font-family: 'Font Awesome 5 Free'; content: "\F144"; display: flex; align-content: center; justify-content: center; align-items: center; text-shadow: 0px 0px 30px rgb(0 0 0 / 70%), 0px 0px 10px rgb(0 0 0 / 100%); opacity: 0.90;}
.venobox.video:not(.video-miniatura):hover:after {color: #FF0000; opacity: 0.9; transition: 0.5s ease;}

.body-xs .cadre_bouton .btn_readmore {margin-bottom: 5px!important;}