@charset "UTF-8";
 html {
scroll-behavior: smooth;
}
@font-face {
font-family: 'Font_Awesome_Brands';
font-style: normal;
font-weight: normal;
font-display: swap;
src: url(//energy5.pl/wp-content/themes/energy5/fonts/fa-brands-400.eot);
src: url(//energy5.pl/wp-content/themes/energy5/fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(//energy5.pl/wp-content/themes/energy5/fonts/fa-brands-400.woff2) format("woff2"), url(//energy5.pl/wp-content/themes/energy5/fonts/fa-brands-400.woff) format("woff"), url(//energy5.pl/wp-content/themes/energy5/fonts/fa-brands-400.ttf) format("truetype"), url(//energy5.pl/wp-content/themes/energy5/fonts/fa-brands-400.svg#fontawesome) format("svg");
}
@font-face {
font-family: 'Font_Awesome_Regular';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//energy5.pl/wp-content/themes/energy5/fonts/fa-regular-400.eot);
src: url(//energy5.pl/wp-content/themes/energy5/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(//energy5.pl/wp-content/themes/energy5/fonts/fa-regular-400.woff2) format("woff2"), url(//energy5.pl/wp-content/themes/energy5/fonts/fa-regular-400.woff) format("woff"), url(//energy5.pl/wp-content/themes/energy5/fonts/fa-regular-400.ttf) format("truetype"), url(//energy5.pl/wp-content/themes/energy5/fonts/fa-regular-400.svg#fontawesome) format("svg");
}
@font-face {
font-family: 'Font_Awesome_Solid';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(//energy5.pl/wp-content/themes/energy5/fonts/fa-solid-900.eot);
src: url(//energy5.pl/wp-content/themes/energy5/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(//energy5.pl/wp-content/themes/energy5/fonts/fa-solid-900.woff2) format("woff2"), url(//energy5.pl/wp-content/themes/energy5/fonts/fa-solid-900.woff) format("woff"), url(//energy5.pl/wp-content/themes/energy5/fonts/fa-solid-900.ttf) format("truetype"), url(//energy5.pl/wp-content/themes/energy5/fonts/fa-solid-900.svg#fontawesome) format("svg");
}
@font-face {
font-family: 'Font_Awesome_Light';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(//energy5.pl/wp-content/themes/energy5/fonts/fa-light-300.eot);
src: url(//energy5.pl/wp-content/themes/energy5/fonts/fa-light-300.eot?#iefix) format("embedded-opentype"), url(//energy5.pl/wp-content/themes/energy5/fonts/fa-light-300.woff2) format("woff2"), url(//energy5.pl/wp-content/themes/energy5/fonts/fa-light-300.woff) format("woff"), url(//energy5.pl/wp-content/themes/energy5/fonts/fa-light-300.ttf) format("truetype"), url(//energy5.pl/wp-content/themes/energy5/fonts/fa-light-300.svg#fontawesome) format("svg");
} body {
padding: 0px;
margin: 0px;
font-family: 'Poppins', sans-serif;
font-size: 13.5px;
line-height: 1.4;
color: #fff;
overflow-x: hidden;
background: #333333;
}
#dlaczego,
#aktualnosci {}
* {
box-sizing: border-box;
}
a:link {
color: #fff;
text-decoration: none;
font-family: 'Poppins', sans-serif;
font-size: 13.5px;
transition: all 0.5s ease;
}
a:visited {
color: #fff;
text-decoration: none;
font-family: 'Poppins', sans-serif;
font-size: 13.5px;
}
a:hover {
color: #94a5af;
transition: color 0.5s ease;
text-decoration: none;
font-family: 'Poppins', sans-serif;
font-size: 13.5px;
text-decoration: none;
}
a:acitve {
color: #fff;
text-decoration: none;
font-family: 'Poppins', sans-serif;
font-size: 13.5px;
}
.strona {
max-width: 1600px;
margin: auto;
width: 100%;
padding: auto;
position: relative;
z-index: 0;
}
#page {
float: left;
width: 100%;
position: relative;
z-index: 1;
overflow: hidden;
}
#menu {
position: relative;
z-index: 1;
}
li.mega-menu-item>.mega-sub-menu {
margin-top: -10px !important;
position: relative;
z-index: 0;
-webkit-border-bottom-right-radius: 10px !important;
-webkit-border-bottom-left-radius: 10px !important;
-moz-border-radius-bottomright: 10px !important;
-moz-border-radius-bottomleft: 10px !important;
border-bottom-right-radius: 10px !important;
border-bottom-left-radius: 10px !important;
}
#top2 {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: 100 !important;
padding-left: 25px;
padding-right: 25px;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}
#top.big>.strona {
width: 98%;
background: #fff;
display: grid;
margin: auto;
z-index: 1000;
border-radius: 10px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
#top.small>.strona {
width: 98%;
background: #fff;
display: grid;
margin: auto;
z-index: 1000;
border-radius: 10px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.animacja {
width: 100%;
float: left;
}
.aktualnosci {
width: 35%;
float: right;
argin-bottom: 50px;
margin-top: 160px;
}
#baner>.strona {
width: 98%;
padding: 0px !important;
position: relative;
z-index: 10;
}
.wpakt {
float: left;
width: 100%;
margin-bottom: 30px;
position: relative;
z-index: 0;
}
.wpakt img {
width: 100%;
height: auto;
float: left;
border-radius: 12px;
}
.wpakt .txtakt {
position: absolute;
bottom: 0px;
left: 0px;
z-index: 1;
width: 100%;
}
.wpakt h2 {
padding: 15px;
background: #fff;
color: #333333;
margin: 0px;
font-size: 16px;
max-width: 80%;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-left-radius: 12px;
}
.wpakt .catakt {
background: linear-gradient(135deg, rgb(247, 153, 53) 0%, rgb(239, 124, 0) 50%, rgb(177, 101, 19) 100%);
padding: 5px;
padding-left: 15px;
padding-right: 15px;
font-weight: bold;
font-size: 12px !important;
display: table;
color: #fff !important;
}
#top.big {
position: absolute;
top: 50px;
left: 0;
right: 0;
margin: auto;
z-index: 1000;
}
#top.small {
position: fixed;
top: 20px;
left: 0;
right: 0;
margin: auto;
z-index: 1000;
}
#top.big .logo {
width: 100%;
position: absolute;
left: 10px;
top: 4px;
z-index: 111;
max-width: 180px;
}
#top.small .logo {
width: 100%;
position: absolute;
left: 10px;
z-index: 111;
max-width: 110px;
top: 3px;
}
#top .logo img {
width: 100% !important;
height: auto;
max-width: 190px;
transition: all 0.5s ease;
}
#top.big #menu {
float: left;
width: 100%;
margin-top: 15px;
margin-bottom: 15px;
padding-right: 275px;
}
#top.small #menu {
float: left;
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
padding-right: 275px;
}
#top.big #mega-menu-wrap-submenu {
position: absolute;
left: 395px;
top: 10px;
z-index: 1;
}
#top.small #mega-menu-wrap-submenu {
position: absolute;
left: 320px;
top: 0px;
z-index: 1;
}
#baner {
background-repeat: no-repeat;
background-position: center top;
float: left;
width: 100%;
position: relative;
z-index: 0;
background-attachment: fixed;
}
#top #ue img {
display: inline-block;
vertical-align: middle;
z-index: 1;
position: relative;
}
#top #ue .txt {
display: inline-block;
vertical-align: middle;
padding-left: 10px;
position: relative;
z-index: 1;
padding-right: 10px;
}
#top #ue .textwidget {
background: #f5f5f5;
position: relative;
display: block;
max-width: 190px;
width: 100%;
transition: all 0.5s ease;
overflow: hidden;
}
#top #ue .textwidget:before {
content: '';
transition: all 0.5s ease;
display: block;
position: absolute;
top: 0px;
background: #003399;
left: -100%;
width: 100%;
height: 40px;
}
#top #ue .textwidget:hover:before {
content: '';
display: block;
position: absolute;
top: 0px;
background: #003399;
left: 0%;
width: 100%;
height: 40px;
}
#top #ue .textwidget a {
color: #333333;
transition: all 0.1s ease;
}
#top #ue .textwidget:hover a {
color: #fff !important;
}
#top #ue .textwidget p {
margin: 0px;
}
#top.big #mega-menu-submenu>li>a {
font-size: 15px !important;
position: relative;
font-weight: bold;
font-family: 'Poppins', sans-serif;
padding: 15px !important;
line-height: 40px !important;
display: block;
overflow: hidden;
transition: all 0.5s
}
#top.big #mega-menu-submenu .mega-sub-menu,
#top.big #mega-menu-submenu .mega-sub-menu {
top: 80px !important;
}
#top.small #mega-menu-submenu>li>a {
font-size: 15px !important;
position: relative;
font-weight: bold;
font-family: 'Poppins', sans-serif;
padding: 15px !important;
line-height: 30px !important;
display: block;
overflow: hidden;
padding-top: 10px;
padding-bottom: 10px;
}
#mega-menu-submenu>li>a:before {
content: '' !important;
position: absolute !important;
left: 0px !important;
bottom: 0px !important;
width: 0% !important;
height: 3px !important;
border-radius: 50px !important;
background: #ef7d00 !important;
left: 0 !important;
right: 0 !important;
margin: auto !important;
transition: all 0.5s ease !important;
display: block !important;
}
#mega-menu-submenu>li>a:hover:before {
content: '' !important;
position: absolute !important;
left: 0px !important;
bottom: 0px !important;
width: 100% !important;
height: 3px !important;
border-radius: 50px !important;
background: #ef7d00 !important;
left: 0 !important;
right: 0 !important;
margin: auto !important;
display: block !important;
}
#mega-menu-submenu>li.mega-current-menu-item>a,
#mega-menu-submenu>li.mega-current-post-ancestor>a {
color: #94a5af !important;
}
#mega-menu-submenu>li.mega-current-menu-item>a:before,
#mega-menu-submenu>li.mega-current-post-ancestor>a:before {
content: '' !important;
position: absolute !important;
left: 0px !important;
bottom: 0px !important;
width: 100% !important;
height: 3px !important;
border-radius: 50px !important;
background: #ef7d00 !important;
left: 0 !important;
right: 0 !important;
margin: auto !important;
display: block !important;
;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-current-menu-item>a.mega-menu-link:before {
filter: grayscale(0%) !important;
transition: all 1s ease;
transform: rotate(0deg);
opacity: 1;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-current-menu-item>a.mega-menu-link:hover:before {
filter: grayscale(0%) !important;
transition: all 1s ease;
transform: rotate(0deg);
opacity: 1;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
background-color: #94a5af;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-item a,
#mega-menu-wrap-submenu #mega-menu-submenu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item a.mega-menu-link {
background: #ef7c00 !important;
color: #fff !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-current-menu-parent>a.mega-menu-link:before {
filter: grayscale(0%) !important;
transition: all 1s ease;
transform: rotate(0deg);
opacity: 1;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-current-menu-parent>a.mega-menu-link:hover:before {
filter: grayscale(0%) !important;
transition: all 1s ease;
transform: rotate(0deg);
opacity: 1;
}
#fixed {
position: fixed;
top: 300px;
right: 0px;
z-index: 10000;
}
#baner {
width: 100%;
float: left;
}
#oferta {
width: 100%;
float: left;
position: relative;
z-index: 1;
min-height: 300px;
padding-bottom: 20px;
margin-bottom: 30px;
}
#oferta h2 {
font-weight: normal;
margin: 0px;
padding: 0px;
margin-bottom: 20px;
}
#custom_html-2,
#custom_html-3,
#custom_html-4,
#custom_html-5,
#custom_html-6,
#custom_html-7,
#custom_html-8,
#custom_html-9,
#custom_html-16,
#custom_html-17,
#custom_html-18,
#custom_html-19,
#custom_html-21,
#custom_html-22,
#custom_html-23,
#custom_html-24 {
width: 25%;
text-align: center;
float: left;
margin-top: -80px;
position: relative;
}
#custom_html-3 .textwidget,
#custom_html-7 .textwidget {
position: relative;
float: left;
width: 100%;
height: auto;
}
#custom_html-2 a img,
#custom_html-3 a img,
#custom_html-4 a img,
#custom_html-5 a img,
#custom_html-6 a img,
#custom_html-7 a img,
#custom_html-8 a img,
#custom_html-9 a img,
#custom_html-16 a img,
#custom_html-17 a img,
#custom_html-18 a img,
#custom_html-19 a img,
#custom_html-21 a img,
#custom_html-22 a img,
#custom_html-23 a img,
#custom_html-24 a img {
width: 100%;
max-width: 500px;
height: auto;
margin: auto;
transform: scale(1.1);
transition: all 0.5s ease;
}
#custom_html-2 a:hover img,
#custom_html-3 a:hover img,
#custom_html-4 a:hover img,
#custom_html-5 a:hover img,
#custom_html-6 a:hover img,
#custom_html-7 a:hover img,
#custom_html-8 a:hover img,
#custom_html-9 a:hover img,
#custom_html-16 a:hover img,
#custom_html-17 a:hover img,
#custom_html-18 a:hover img,
#custom_html-19 a:hover img,
#custom_html-21 a:hover img,
#custom_html-22 a:hover img,
#custom_html-23 a:hover img,
#custom_html-24 a:hoverimg {
transform: scale(1.2) !important;
}
#text-16,
#text-17,
#text-23,
#text-35 {
float: left;
position: relative;
z-index: 0;
width: 100%;
}
.pro {
float: left;
display: block;
width: 100%;
height: auto;
position: relative;
transition: all 0.5s ease;
}
.pro:before {
content: '';
display: block;
width: 40px;
height: 40px;
position: absolute;
bottom: 0px;
left: 0;
right: 0;
margin: auto;
border-radius: 500px;
background: #ef7c00;
}
.pro:before {
content: '\f054';
font-family: 'Font_Awesome_Solid';
color: #fff;
line-height: 40px;
font-size: 10px;
display: block;
width: 40px;
height: 40px;
position: absolute;
bottom: -40px;
left: 0;
right: 0;
margin: auto;
}
#poznaj {
float: left;
width: 100%;
position: relative;
z-index: 0;
background: #f5f5f5;
}
.form h1,
.kategoria h1 {
margin: 0px;
padding: 0px;
}
#nabiezaco h2,
#poznaj h2,
#dlaczego h2,
.opis h2,
.specyfikacja h2,
.zalaczniki h2,
.dlatxt2 h1,
.form .entry-title,
.formularz h2,
.lista h1,
.wpis h2,
.szczegoly h1,
.szczegoly h2,
.blad404 h1 {
font-size: 30px;
line-height: 36px;
text-align: center;
padding-top: 15px;
margin-top: 0px;
position: relative;
z-index: 0;
margin-bottom: 25px;
padding-bottom: 25px;
}
#nabiezaco h2:after,
#poznaj h2:after,
#dlaczego h2:after,
.opis h2:after,
.specyfikacja h2:after,
.zalaczniki h2:after,
.dlatxt2 h1:after,
.form .entry-title:after,
.formularz h2:after,
.lista h1:after,
.wpis h2:after,
.szczegoly h1:after,
.szczegoly h2:after,
.blad404 h1:after {
content: '.....';
letter-spacing: 2px;
font-size: 34px;
color: rgb(239, 124, 0);
;
position: absolute;
bottom: 0px;
left: 0;
right: 0;
text-align: center;
width: 100%;
}
.specyfikacja h2,
.zalaczniki h2,
.formularz h2,
.wpis h2,
.szczegoly h1,
.szczegoly h2,
#nabiezaco h2 {
font-size: 24px;
line-height: 28px;
text-align: left;
position: relative;
}
.specyfikacja h2:after,
.zalaczniki h2:after,
.formularz h2:after,
.wpis h2:after,
.szczegoly h1:after,
.szczegoly h2:after,
#nabiezaco h2:after {
font-size: 30px;
margin-left: 0px;
left: 0px;
right: auto;
text-align: left;
}
#aktualnosci h2 {
font-size: 30px;
line-height: 36px;
text-align: left padding-top: 15px;
margin-top: 5px;
position: relative;
z-index: 0;
margin-bottom: 10px;
padding-bottom: 25px;
}
#aktualnosci h2:after {
content: '.....';
letter-spacing: 2px;
font-size: 40px;
color: rgb(239, 124, 0);
;
position: absolute;
bottom: 0px;
left: 0px;
text-align: left;
width: 100%;
}
.dane {
float: left;
width: 100%;
position: relative;
z-index: 0;
color: #333333;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
#poznaj h3 {
margin-top: 0px;
font-size: 17px;
}
.box1 {
width: 20%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
padding: 20px;
box-sizing: border-box;
height: 100vw;
background: #ef7c00;
position: relative;
z-index: 0;
display: inline-block;
text-align: center;
color: #fff;
max-height: 280px;
overflow: hidden;
}
.box1:before {
content: 'Wykonujemy indywidualny projekt konstrukcji. Klient zyskuje realne oszczędności, wynikające z zoptymalizowania konstrukcji pod kątem układu modułów.';
width: 100%;
height: 100%;
top: -100%;
left: 0%;
background: #94a5af;
position: absolute;
display: block;
padding: 20px;
padding-top: 28%;
box-sizing: border-box;
vertical-align: middle;
z-index: 10;
transition: all 0.5s ease;
font-weight: bold;
line-height: 18px;
z-index: 25;
font-size: 13px;
}
#text-18 .box1:before {
content: 'The Customer gains real savings resulting from optimising the structure in terms of a layout of modules.' !important;
}
#text-27 .box1:before {
content: 'Wir realisieren ein individuelles Projekt der Unterkonstruktion. Durch Optimierung der Unterkonstruktion hinsichtlich der Anordnung von Modulen gewinnt der Kunde echte Einsparungen.' !important;
}
#text-36 .box1:before {
content: 'Zpracováváme individuální stavební projekty. Zákazník získá skutečné úspory díky optimalizaci konstrukce z hlediska uspořádání modulů.' !important;
}
.box1:hover:before {
content: 'Wykonujemy indywidualny projekt konstrukcji. Klient zyskuje realne oszczędności, wynikające z zoptymalizowania konstrukcji pod kątem układu modułów.';
width: 100%;
height: 100%;
top: 0%;
left: 0%;
background: #94a5af;
position: absolute;
display: block;
padding: 20px;
padding-top: 28%;
box-sizing: border-box;
vertical-align: middle;
z-index: 10;
font-weight: bold;
line-height: 18px;
z-index: 25;
font-size: 13px;
}
.wpis h2,
.szczegoly h1,
.szczegoly h2 {
text-align: center;
margin-bottom: 15px;
padding-bottom: 20px;
}
.wpis h2:after,
.szczegoly h1:after,
.szczegoly h2:after {
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.box2 {
width: 20%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
padding: 20px;
box-sizing: border-box;
height: 100vw;
background: #fff;
position: relative;
z-index: 15;
display: inline-block;
text-align: center;
max-height: 280px;
overflow: hidden;
}
#text-18 .box1:hover:before {
content: 'The Customer gains real savings resulting from optimising the structure in terms of a layout of modules.' !important;
}
#text-27 .box1:hover:before {
content: 'Wir realisieren ein individuelles Projekt der Unterkonstruktion. Durch Optimierung der Unterkonstruktion hinsichtlich der Anordnung von Modulen gewinnt der Kunde echte Einsparungen.' !important;
}
#text-36 .box1:hover:before {
content: 'Zpracováváme individuální stavební projekty. Zákazník získá skutečné úspory díky optimalizaci konstrukce z hlediska uspořádání modulů.' !important;
}
.box2:before {
content: 'Posiadamy własny park maszynowy, w Gostyninie i Brześciu Kujawskim, wyposażony w 6 niezależnych linii produkcyjnych.';
width: 100%;
height: 100%;
top: 0%;
left: -100%;
color: #fff;
background: #3f3f3f;
position: absolute;
display: block;
padding: 20px;
padding-top: 28%;
box-sizing: border-box;
vertical-align: middle;
z-index: 15;
transition: all 0.5s ease;
font-weight: bold;
line-height: 18px;
z-index: 25;
font-size: 13px;
}
#text-18 .box2:before {
content: 'We have our own machine pool located in Gostynin and in Brześć Kujawski, with 6 independent production lines.' !important;
}
.box2:hover:before {
content: 'Posiadamy własny park maszynowy, w Gostyninie i Brześciu Kujawskim, wyposażony w 6 niezależnych linii produkcyjnych.';
width: 100%;
height: 100%;
top: 0%;
left: 0%;
color: #fff;
background: #3f3f3f;
position: absolute;
display: block;
padding: 20px;
padding-top: 28%;
box-sizing: border-box;
vertical-align: middle;
z-index: 15;
font-weight: bold;
line-height: 18px;
z-index: 25;
font-size: 13px;
}
#text-18 .box2:hover:before {
content: 'We have our own machine pool located in Gostynin and in Brześć Kujawski, with 6 independent production lines.' !important;
}
#text-27 .box2:before {
content: 'Wir verfügen über einen eigenen Maschinenpark in Gostynin und Brześć Kujawski, der mit 6 unabhängigen Produktionslinien ausgerüstet ist.' !important;
}
#text-27 .box2:hover:before {
content: 'Wir verfügen über einen eigenen Maschinenpark in Gostynin und Brześć Kujawski, der mit 6 unabhängigen Produktionslinien ausgerüstet ist.' !important;
}
#text-36 .box2:before {
content: 'Ve městech Gostyniń a Brześć Kujawski máme vlastní strojový park, který je vybaven 6 nezávislými výrobními linkami.' !important;
}
#text-36 .box2:hover:before {
content: 'Ve městech Gostyniń a Brześć Kujawski máme vlastní strojový park, který je vybaven 6 nezávislými výrobními linkami.' !important;
}
.data {
font-size: 13px;
color: #94a5af;
padding-bottom: 15px;
display: block;
position: relative;
}
.data:before {
content: '';
width: 100%;
height: 1px;
position: absolute;
top: 30%;
left: 0px;
background: #f2f2f2;
z-index: -1;
}
.data:after {
content: '';
width: 100%;
height: 1px;
background: #f2f2f2;
max-width: 80px;
z-index: -1;
position: absolute;
top: 30%;
left: 0;
right: 0;
margin: auto;
}
.box3 {
width: 20%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
padding: 20px;
box-sizing: border-box;
height: 100vw;
background: url(//energy5.pl/wp-content/themes/energy5/images/zaklad.jpg);
background-size: cover;
background-position: center;
position: relative;
z-index: 0;
display: inline-block;
text-align: center;
color: #fff;
max-height: 280px;
overflow: hidden;
}
.box3:before {
content: '';
background: url(//energy5.pl/wp-content/themes/energy5/images/park.jpg);
width: 100%;
height: 100%;
bottom: -100%;
left: 0%;
background-size: cover;
background-position: center;
position: absolute;
display: block;
padding: 20px;
box-sizing: border-box;
vertical-align: middle;
z-index: 10;
transition: all 0.5s ease;
}
.box3:hover:before {
content: '';
background: url(//energy5.pl/wp-content/themes/energy5/images/park.jpg);
width: 100%;
height: 100%;
bottom: 0%;
left: 0%;
background-size: cover;
background-position: center;
position: absolute;
display: block;
padding: 20px;
box-sizing: border-box;
vertical-align: middle;
z-index: 10;
}
.st a {
padding-top: 2px;
padding-bottom: 2px;
display: block;
}
.box4 {
width: 20%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
padding: 20px;
box-sizing: border-box;
height: 100vw;
background: #93a3ad;
position: relative;
z-index: 0;
display: inline-block;
text-align: center;
color: #fff;
max-height: 280px;
overflow: hidden;
}
.box4:before {
content: 'Oferujemy kafarowanie i próby wyrywania pali konstrukcyjnych, dysponujemy własnym sprzętem oraz doświadczonymi operatorami.';
width: 100%;
height: 100%;
top: 0%;
right: -100%;
background: #fff;
position: absolute;
display: block;
padding: 20px;
padding-top: 28%;
box-sizing: border-box;
vertical-align: middle;
z-index: 10;
transition: all 0.5s ease;
font-weight: bold;
color: #333333;
line-height: 18px;
z-index: 25;
font-size: 13px;
}
#text-18 .box4:before {
content: 'We offer pile driving services and pull out tests for structural piles, and we have our own equipment and experienced operators.' !important;
}
.box4:hover:before {
content: 'Oferujemy kafarowanie i próby wyrywania pali konstrukcyjnych, dysponujemy własnym sprzętem oraz doświadczonymi operatorami.';
width: 100%;
height: 100%;
top: 0%;
right: 0%;
background: #fff;
position: absolute;
display: block;
padding: 20px;
padding-top: 28%;
box-sizing: border-box;
vertical-align: middle;
z-index: 10;
font-weight: bold;
color: #333333;
line-height: 18px;
z-index: 25;
font-size: 13px;
}
#text-18 .box4:hover:before {
content: 'We offer pile driving services and pull out tests for structural piles, and we have our own equipment and experienced operators.' !important;
}
#text-27 .box4:before {
content: 'Wir bieten Rammarbeiten und Pfahlziehversuche an, verfügen über eigene Ausrüstung und erfahrene Bediener.' !important;
}
#text-27 .box4:hover:before {
content: 'Wir bieten Rammarbeiten und Pfahlziehversuche an, verfügen über eigene Ausrüstung und erfahrene Bediener.' !important;
}
#text-36 .box4:before {
content: 'Nabízíme zarážení a tahové zkoušky konstrukčních pilot, máme vlastní techniku a zkušené pracovníky.' !important;
}
#text-36 .box4:hover:before {
content: 'Nabízíme zarážení a tahové zkoušky konstrukčních pilot, máme vlastní techniku a zkušené pracovníky.' !important;
}
.box5 {
width: 20%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
padding: 20px;
box-sizing: border-box;
height: 100vw;
background: #ef7c00;
position: relative;
z-index: 0;
display: inline-block;
text-align: center;
color: #fff;
max-height: 280px;
overflow: hidden;
}
.box5:before {
content: 'Energy5, jako pierwszy i jedyny producent konstrukcji fotowoltaicznych, wprowadził do obrotu zestaw wyrobów, które posiadają Krajową Ocenę Techniczną. Dokument upoważnia firmę do sporządzenia krajowej deklaracji właściwości użytkowych i znakowania wyrobu znakiem budowlanym B.';
width: 100%;
height: 100%;
bottom: -100%;
right: 0%;
background: #474747;
position: absolute;
display: block;
padding: 20px;
padding-top: 18%;
box-sizing: border-box;
vertical-align: middle;
z-index: 10;
transition: all 0.5s ease;
font-weight: bold;
color: #fff;
line-height: 17px;
font-size: 13px;
}
#text-18 .box5:before {
content: 'Designs certified with the Polish Technical Approval. Energy5 is the first and only manufacturer of photovoltaic structures who put into the market a range of products with the  Polish Technical Approval. The document authorises the company to draw up the national performance declaration and to mark the product with the construction mark B.' !important;
}
#text-27 .box5:before {
content: 'Energy5 hat als erster und einziger Hersteller von Photovoltaik-Unterkonstruktionen auf den Markt eine Reihe von Erzeugnissen gebracht, die die Nationale Technische Bewertung haben. Das Dokument berechtigt das Unternehmen, das Zertifikat zur Bescheinigung der Leistungsbeständigkeit auszustellen und das Erzeugnis mit dem "B"-Zeichen zu kennzeichnen.' !important;
}
#text-27 .box5:hover:before {
content: 'Energy5 hat als erster und einziger Hersteller von Photovoltaik-Unterkonstruktionen auf den Markt eine Reihe von Erzeugnissen gebracht, die die Nationale Technische Bewertung haben. Das Dokument berechtigt das Unternehmen, das Zertifikat zur Bescheinigung der Leistungsbeständigkeit auszustellen und das Erzeugnis mit dem "B"-Zeichen zu kennzeichnen.' !important;
}
#text-36 .box5:before {
content: 'Společnost Energy5 jako první a jediný výrobce fotovoltaických konstrukcí uvedla na trh sestavy výrobků, které mají národní technické posouzení. Tento dokument opravňuje společnost k vypracování národního prohlášení o vlastnostech a k označování výrobku stavební značkou B.' !important;
}
#text-36 .box5:hover:before {
content: 'Společnost Energy5 jako první a jediný výrobce fotovoltaických konstrukcí uvedla na trh sestavy výrobků, které mají národní technické posouzení. Tento dokument opravňuje společnost k vypracování národního prohlášení o vlastnostech a k označování výrobku stavební značkou B.' !important;
}
.box5:hover:before {
content: 'Energy5, jako pierwszy i jedyny producent konstrukcji fotowoltaicznych, wprowadził do obrotu zestaw wyrobów, które posiadają Krajową Ocenę Techniczną. Dokument upoważnia firmę do sporządzenia krajowej deklaracji właściwości użytkowych i znakowania wyrobu znakiem budowlanym B.';
width: 100%;
height: 100%;
bottom: 0%;
right: 0%;
background: #474747;
position: absolute;
display: block;
padding: 20px;
padding-top: 18%;
box-sizing: border-box;
vertical-align: middle;
z-index: 10;
font-weight: bold;
color: #fff;
line-height: 17px;
font-size: 13px;
}
#text-18 .box5:hover:before {
content: 'Designs certified with the Polish Technical Approval. Energy5 is the first and only manufacturer of photovoltaic structures who put into the market a range of products with the  Polish Technical Approval. The document authorises the company to draw up the national performance declaration and to mark the product with the construction mark B.' !important;
}
.box6 {
width: 20%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
padding: 20px;
box-sizing: border-box;
height: 100vw;
background: url(//energy5.pl/wp-content/themes/energy5/images/konstrukcjewolnostojace.jpg);
background-size: cover;
background-position: center;
position: relative;
z-index: 0;
display: inline-block;
text-align: center;
color: #fff;
max-height: 280px;
overflow: hidden;
}
.box6:before {
content: '';
background: url(//energy5.pl/wp-content/themes/energy5/images/konstrukcjewolnostojace2.jpg);
width: 100%;
height: 100%;
bottom: 0%;
right: -100%;
background-size: cover;
background-position: center;
position: absolute;
display: block;
padding: 20px;
box-sizing: border-box;
vertical-align: middle;
z-index: 10;
transition: all 0.5s ease;
}
.box6:hover:before {
content: '';
background: url(//energy5.pl/wp-content/themes/energy5/images/konstrukcjewolnostojace2.jpg);
width: 100%;
height: 100%;
bottom: 0%;
right: 0%;
background-size: cover;
background-position: center;
position: absolute;
display: block;
padding: 20px;
box-sizing: border-box;
vertical-align: middle;
z-index: 10;
}
.box7 {
width: 20%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
padding: 20px;
box-sizing: border-box;
height: 100vw;
background: #93a3ad;
position: relative;
z-index: 0;
display: inline-block;
text-align: center;
color: #fff;
max-height: 280px;
overflow: hidden;
}
.box7:before {
content: 'Oferujemy bezpłatne szkolenie z imiennym certyfikatem, potwierdzającym kompetencje w zakresie montażu i serwisowania konstrukcji Energy5.';
width: 100%;
height: 100%;
bottom: -100%;
right: 0%;
background: #fff;
position: absolute;
display: block;
padding: 20px;
padding-top: 28%;
box-sizing: border-box;
vertical-align: middle;
z-index: 10;
transition: all 0.5s ease;
font-weight: bold;
color: #333333;
line-height: 18px;
z-index: 25;
font-size: 13px;
}
#text-18 .box7:before {
content: 'We offer a free training with a personal certificate confirming competences in installation and servicing Energy5 structures.' !important;
}
.box7:hover:before {
content: 'Oferujemy bezpłatne szkolenie z imiennym certyfikatem, potwierdzającym kompetencje w zakresie montażu i serwisowania konstrukcji Energy5.';
width: 100%;
height: 100%;
bottom: 0%;
right: 0%;
background: #fff;
position: absolute;
display: block;
padding: 20px;
padding-top: 28%;
box-sizing: border-box;
vertical-align: middle;
z-index: 10;
font-weight: bold;
color: #333333;
line-height: 18px;
z-index: 25;
font-size: 13px;
}
#text-18 .box7:hover:before {
content: 'We offer a free training with a personal certificate confirming competences in installation and servicing Energy5 structures.' !important;
}
#text-27 .box7:before {
content: 'Wir bieten eine unentgeltliche Schulung mit einem persönlichen Zertifikat an, das die Kompetenz im Bereich von Montage und Wartung von Energy5-Unterkonstruktion bestätigt.';
width: 100%;
height: 100%;
bottom: -100%;
right: 0%;
background: #fff;
position: absolute;
display: block;
padding: 20px;
padding-top: 28%;
box-sizing: border-box;
vertical-align: middle;
z-index: 10;
transition: all 0.5s ease;
font-weight: bold;
color: #333333;
line-height: 18px;
z-index: 25;
font-size: 13px;
}
#text-27 .box7:before {
content: 'Wir bieten eine unentgeltliche Schulung mit einem persönlichen Zertifikat an, das die Kompetenz im Bereich von Montage und Wartung von Energy5-Unterkonstruktion bestätigt.';
width: 100%;
height: 100%;
bottom: -100%;
right: 0%;
background: #fff;
position: absolute;
display: block;
padding: 20px;
padding-top: 28%;
box-sizing: border-box;
vertical-align: middle;
z-index: 10;
transition: all 0.5s ease;
font-weight: bold;
color: #333333;
line-height: 18px;
z-index: 25;
font-size: 13px;
}
#text-36 .box7:before {
content: 'Nabízíme bezplatné školení se získáním osobního certifikátu potvrzujícího způsobilost k montáži a servisu konstrukcí Energy5.' !important;
}
#text-36 .box7:hover:before {
content: 'Nabízíme bezplatné školení se získáním osobního certifikátu potvrzujícího způsobilost k montáži a servisu konstrukcí Energy5.' !important;
}
.box8 {
width: 20%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
padding: 20px;
box-sizing: border-box;
height: 100vw;
background: #ef7c00;
position: relative;
z-index: 25;
display: inline-block;
text-align: center;
color: #fff;
max-height: 280px;
overflow: hidden;
}
.box8:before {
content: 'Wykorzystujemy najtrwalsze surowce - stal czarną pokrytą powłoką antykorozyjną Magnelis®. Innowacyjne pokrycie gwarantuje ochronę konstrukcji nawet w najbardziej agresywnych warunkach środowiskowych do klasy korozyjnej C5.';
width: 100%;
height: 100%;
top: 0%;
left: -100%;
background: #333333;
position: absolute;
display: block;
padding: 20px;
padding-top: 20%;
box-sizing: border-box;
vertical-align: middle;
z-index: 10;
transition: all 0.5s ease;
font-weight: bold;
line-height: 18px;
z-index: 25;
font-size: 13px;
}
#text-18 .box8:before {
content: 'We use the most durable materials, such as black steel with an anti-corrosion coating of Magnelis®. This innovative coating guarantees protection of the structure even in the most aggressive environmental conditions to the corrosion class C5.' !important;
}
#text-27 .box8:before {
content: 'Wir verwenden die langlebigsten Rohstoffe – schwarzen Stahl mit Korrosionsschutzbeschichtung Magnelis®. Die innovative Beschichtung garantiert einen Schutz der Unterkonstruktion auch unter den aggressivsten Umgebungsverhältnissen bis zur Korrosionsklasse C5.' !important;
}
#text-27 .box8:hover:before {
content: 'Wir verwenden die langlebigsten Rohstoffe – schwarzen Stahl mit Korrosionsschutzbeschichtung Magnelis®. Die innovative Beschichtung garantiert einen Schutz der Unterkonstruktion auch unter den aggressivsten Umgebungsverhältnissen bis zur Korrosionsklasse C5.' !important;
}
#text-36 .box8:before {
content: 'Používáme nejkvalitnější suroviny – černou ocel s antikorozním povlakem Magnelis®. Inovativní povrchová úprava zaručuje ochranu konstrukce i v těch nejagresivnějších podmínkách prostředí až do třídy koroze C5.' !important;
}
#text-36 .box8:hover:before {
content: 'Používáme nejkvalitnější suroviny – černou ocel s antikorozním povlakem Magnelis®. Inovativní povrchová úprava zaručuje ochranu konstrukce i v těch nejagresivnějších podmínkách prostředí až do třídy koroze C5.' !important;
}
.box8:hover:before {
content: 'Wykorzystujemy najtrwalsze surowce - stal czarną pokrytą powłoką antykorozyjną Magnelis®. Innowacyjne pokrycie gwarantuje ochronę konstrukcji nawet w najbardziej agresywnych warunkach środowiskowych do klasy korozyjnej C5.';
width: 100%;
height: 100%;
top: 0%;
left: 0%;
background: #333333;
position: absolute;
display: block;
padding: 20px;
padding-top: 20%;
box-sizing: border-box;
vertical-align: middle;
z-index: 10;
font-weight: bold;
line-height: 18px;
z-index: 25;
font-size: 13px;
}
#text-18 .box8:hover:before {
content: 'We use the most durable materials, such as black steel with an anti-corrosion coating of Magnelis®. This innovative coating guarantees protection of the structure even in the most aggressive environmental conditions to the corrosion class C5.' !important;
}
.box9 {
width: 20%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
padding: 20px;
box-sizing: border-box;
height: 100vw;
background: #fff;
position: relative;
z-index: 35;
display: inline-block;
text-align: center;
max-height: 280px;
overflow: hidden;
}
.box9:before {
content: 'Posiadamy pozytywną opinię Instytutu Techniki Budowlanej, potwierdzającą trwałość korozyjną podkonstrukcji Energy5 w środowisku o kategorii korozyjności C5 wg PN-EN 12944-1:2018 i PN-EN ISO 12944-2:2018.';
width: 100%;
height: 100%;
bottom: -100%;
left: 0%;
color: #fff;
background: #94a5af;
position: absolute;
display: block;
padding: 20px;
padding-top: 28%;
box-sizing: border-box;
vertical-align: middle;
z-index: 35;
transition: all 0.5s ease;
font-weight: bold;
line-height: 18px;
font-size: 13px;
}
#text-18 .box9:before {
content: 'We have a positive opinion of the Building Research Institute, confirming corrosive durability of the Energy5 substructure in the environment of corrosion class C5 according to PN-EN 12944-1:2018 and PN-EN ISO 12944-2:2018.' !important;
}
#text-36 .box9:before {
content: 'Získali jsme kladné stanovisko Ústavu stavební techniky, které potvrzuje korozní odolnost nosné konstrukce Energy5 v prostředí s kategorií korozní agresivity C5 podle norem PN-EN 12944-1:2018 a PN-EN ISO 12944-2:2018.' !important;
}
#text-36 .box9:hover:before {
content: 'Získali jsme kladné stanovisko Ústavu stavební techniky, které potvrzuje korozní odolnost nosné konstrukce Energy5 v prostředí s kategorií korozní agresivity C5 podle norem PN-EN 12944-1:2018 a PN-EN ISO 12944-2:2018.' !important;
}
.box9:hover:before {
content: 'Posiadamy pozytywną opinię Instytutu Techniki Budowlanej, potwierdzającą trwałość korozyjną podkonstrukcji Energy5 w środowisku o kategorii korozyjności C5 wg PN-EN 12944-1:2018 i PN-EN ISO 12944-2:2018.';
width: 100%;
height: 100%;
bottom: 0%;
left: 0%;
color: #fff;
background: #94a5af;
position: absolute;
display: block;
padding: 20px;
padding-top: 28%;
box-sizing: border-box;
vertical-align: middle;
z-index: 35;
font-weight: bold;
line-height: 18px;
font-size: 13px;
}
#text-18 .box9:hover:before {
content: 'We have a positive opinion of the Building Research Institute, confirming corrosive durability of the Energy5 substructure in the environment of corrosion class C5 according to PN-EN 12944-1:2018 and PN-EN ISO 12944-2:2018.' !important;
}
#text-27 .box9:hover:before {
content: 'Wir besitzen eine positive Begutachtung des Instituts für Bautechnik, die die Korrosionsbeständigkeit der Energy5-Unterkonstruktion in einer Umgebung mit der Korrosivitätskategorie C5 gemäß PN-EN 12944-1:2018 und PN-EN ISO 12944-2:2018 bestätigt.' !important;
}
#text-27 .box9:hover:before {
content: 'Wir besitzen eine positive Begutachtung des Instituts für Bautechnik, die die Korrosionsbeständigkeit der Energy5-Unterkonstruktion in einer Umgebung mit der Korrosivitätskategorie C5 gemäß PN-EN 12944-1:2018 und PN-EN ISO 12944-2:2018 bestätigt.' !important;
}
.box10 {
width: 20%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
padding: 20px;
box-sizing: border-box;
height: 100vw;
background: url(//energy5.pl/wp-content/themes/energy5/images/konstrukcjedachowe.jpg);
background-size: cover;
background-position: center;
position: relative;
z-index: 0;
display: inline-block;
text-align: center;
color: #fff;
max-height: 280px;
overflow: hidden;
}
.box10:before {
content: '';
background: url(//energy5.pl/wp-content/themes/energy5/images/konstrukcjedachowe2.jpg);
width: 100%;
height: 100%;
bottom: -100%;
left: 0%;
background-size: cover;
background-position: center;
position: absolute;
display: block;
padding: 20px;
box-sizing: border-box;
vertical-align: middle;
z-index: 10;
transition: all 0.5s ease;
}
.box10:hover:before {
content: '';
background: url(//energy5.pl/wp-content/themes/energy5/images/konstrukcjedachowe2.jpg);
width: 100%;
height: 100%;
bottom: 0%;
left: 0%;
background-size: cover;
background-position: center;
position: absolute;
display: block;
padding: 20px;
box-sizing: border-box;
vertical-align: middle;
z-index: 10;
}
.box1 img,
.box2 img,
.box4 img,
.box5 img,
.box7 img,
.box8 img,
.box9 img {
width: 100%;
max-width: 200px;
height: auto;
}
.tresc {
position: absolute;
top: 50%;
width: 100%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 0;
padding: 20px;
}
#text-4,
#text-18,
#text-27,
#text-36 {
margin-top: -200px;
margin-bottom: 100px;
}
#text-4 .textwidget,
.wszystkie,
.lista,
#text-18 .textwidget .lista,
#text-27 .textwidget,
#text-36 .textwidget {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.tresc p {
margin: 0px;
}
#poz1,
#poz2,
#poz3,
#poz4 {
display: block;
position: absolute;
left: 0px;
top: 0px;
z-index: 0;
opacity: 0;
transition: all 0.5s ease;
}
#poz1.aktywna,
#poz2.aktywna,
#poz3.aktywna,
#poz4.aktywna {
z-index: 100;
position: relative;
opacity: 1;
transition: all 0.5s ease;
}
#rpoz1,
#rpoz2,
#rpoz3,
#rpoz4 {
opacity: 0;
display: none;
overflow: hidden;
position: relative;
transition: all 0.5s ease;
margin-bottom: 10px;
padding: 9px;
padding-left: 15px;
padding-right: 15px;
color: #fff !important;
font-weight: bold;
width: 100%;
max-width: 220px;
text-align: center;
}
.aktfoto {
float: left;
width: 48%;
max-width: 1000px;
position: absolute;
z-index: -1;
top: 50%;
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.dlafoto {
float: right;
width: 53%;
max-width: 800px;
max-height: 510px;
position: relative;
z-index: 0;
}
.dlafoto2 {
float: left;
width: 53%;
max-width: 800px;
max-height: 510px;
position: relative;
cursor: pointer;
z-index: 0;
}
.opispro .dlafoto {
float: right;
width: 53%;
max-width: 1000px;
position: relative;
}
.opispro .dlafoto2 {
float: left;
width: 53%;
max-width: 1000px;
position: relative;
cursor: none;
}
.aktfoto img {
width: 100%;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
}
.dlafoto img,
.dlafoto2 img {
width: 100%;
height: auto;
float: left;
transition: all 0.5s ease;
}
.opispro .dlafoto img,
.opispro .dlafoto2 img {
width: 100%;
height: auto;
float: left;
transition: all 0.5s ease;
}
#aktualnosci {
float: left;
width: 100%;
position: relative;
z-index: 100;
margin-top: -20px;
background: #f5f5f5;
padding-bottom: 20px;
}
.akttxt {
width: 60%;
position: relative;
float: right;
right: 0px;
top: 0px;
background: #fff;
}
.tab.aktywna #rpoz1,
.tab.aktywna #rpoz2,
.tab.aktywna #rpoz3,
.tab.aktywna #rpoz4 {
opacity: 1;
display: block;
}
.tab {
border-bottom: 1px solid #f2f2f2;
padding: 15px;
position: relative;
z-index: 0;
padding-left: 25px;
}
.akttxt {
padding: 25px;
}
.akttxt:before {
content: '';
filter: blur(12px);
position: absolute;
left: 0px;
top: 0px;
background: rgb(0, 0, 0);
background: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 35%, rgba(0, 0, 0, 0.0) 76%);
display: block;
width: 100%;
height: 100%;
z-index: -1;
}
#dlaczego .textwidget {
float: left;
width: 100%;
z-index: 10;
position: relative;
z-index: 0;
}
.dlatxt {
float: left;
width: 100%;
text-align: justify;
padding: 25px;
padding-bottom: 40px;
position: relative;
z-index: 10;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
background: #fff;
color: #333333;
border-radius: 12px;
}
.dlatxt2 {
float: right;
width: 100%;
padding: 25px;
text-align: justify;
padding-bottom: 40px;
position: relative;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
background: #fff;
color: #333333;
border-radius: 12px;
}
.dlatxt2 a,
.dlatxt a {
color: rgb(239, 124, 0);
}
.dlatxt2 a:hover,
.dlatxt a:hover {
color: #94a5af
}
#text-7,
#text-8,
#text-13,
#text-14,
#text-25,
#text-26,
#text-31,
#text-33 {
float: left;
min-height: 680px;
position: relative;
width: 100%;
}
#text-7,
#text-13,
#text-25,
#text-31 {
margin-top: 150px;
}
#text-8,
#text-14,
#text-26,
#text-33 {
margin-bottom: 110px;
}
.tab.aktywna:after {
content: '';
display: block;
position: absolute;
bottom: -1px;
left: 0;
z-index: 1;
width: 100%;
background: #ef7c00;
height: 1px;
animation: linia 1s linear;
-webkit-animation: linia 1s linear;
}
.tab h3 {
padding-bottom: 10px;
padding-top: 10px;
}
#tpoz1:before {
content: '01';
color: #f0f0f0;
font-size: 65px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
position: absolute;
left: 0px;
top: 40px;
z-index: -1;
}
#tpoz2:before {
content: '02';
color: #f0f0f0;
font-size: 65px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
position: absolute;
left: 0px;
top: 40px;
z-index: -1;
}
#tpoz3:before {
content: '03';
color: #f0f0f0;
font-size: 65px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
position: absolute;
left: 0px;
top: 40px;
z-index: -1;
}
#tpoz4:before {
content: '04';
color: #f0f0f0;
font-size: 65px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
position: absolute;
left: 0px;
top: 40px;
z-index: -1;
}
#rpoz1:before,
#rpoz2:before,
#rpoz3:before,
#rpoz4:before,
.btn:before,
.przycisk a:before {
content: '';
background: #ef7c00;
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
z-index: -2;
}
#rpoz1:after,
#rpoz2:after,
#rpoz3:after,
#rpoz4:after,
.btn:after,
.przycisk a:after {
content: '';
color: #fff;
position: absolute;
left: -100%;
width: 100%;
height: 100%;
top: 0px;
z-index: -1;
background: #94a5af;
transition: all 0.5s ease;
display: block;
}
#rpoz1:hover:after,
#rpoz2:hover:after,
#rpoz3:hover:after,
#rpoz4:hover:after,
.btn:hover:after,
.przycisk a:hover:after {
cotnent: '';
color: #fff;
display: block;
position: absolute;
left: 0%;
top: 0px;
z-index: -1;
background: #94a5af;
transition: all 0.5s ease;
}
p {
margin: 0px;
margin-bottom: 15px;
}
.site-footer {
float: left;
padding-top: 40px;
padding-bottom: 40px;
width: 100%;
min-height: 200px;
background: #333333;
position: relative;
z-index: 0;
}
#text-5,
#text-6,
#nav_menu-2,
#nav_menu-3,
#text-37,
#text-38,
#nav_menu-7,
#text-20,
#nav_menu-9,
.site-footer .widget_nav_menu,
#nav_menu-16,
#nav_menu-17 {
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}
#text-6,
#text-20,
#text-29,
#text-38 {
text-align: center;
}
#nav_menu-2,
#nav_menu-7,
#nav_menu-11,
#nav_menu-16 {
margin: auto;
max-width: 175px;
}
#nav_menu-3,
#nav_menu-9,
#nav_menu-12,
#nav_menu-17 {
margin: auto;
max-width: 185px;
}
#text-6 h2,
#nav_menu-2 h2,
#nav_menu-3 h2,
.agh2,
#nav_menu-7 h2,
#text-20 h2,
#nav_menu-9 h2,
#text-38 h2,
#nav_menu-16 h2,
#nav_menu-17 h2 {
font-size: 16px;
margin: 0px;
margin-bottom: 10px;
padding: 0px;
}
.agh2 {
font-weight: bold;
}
#nav_menu-2 ul,
#nav_menu-3 ul,
#nav_menu-7 ul,
#nav_menu-9 ul,
.site-footer ul,
#nav_menu-16 ul,
#nav_menu-17 ul {
list-style: none;
margin: 0px;
padding: 0px;
}
a.btn,
.przycisk a {
overflow: hidden;
border-radius: 500px;
position: relative;
color: #fff;
transition: all 0.5s ease;
margin: auto;
padding: 9px;
padding-left: 15px;
padding-right: 15px;
color: #fff !important;
font-weight: bold;
width: 100%;
max-width: 250px;
text-align: center;
display: block;
margin-top: 10px;
line-height: 22px;
z-index: 1;
}
#rpoz1::before,
#rpoz2::before,
#rpoz3::before,
#rpoz4::before,
.btn::before,
.przycisk a::before,
.frm_final_submit,
.pro::before,
.bigmore,
.slick-dots li.slick-active button,
a .przycisk {
background: linear-gradient(135deg, rgb(247, 153, 53) 0%, rgb(239, 124, 0) 50%, rgb(177, 101, 19) 100%) !important;
}
.st p {
margin: 0px;
}
.st {
display: inline-block;
padding: 12px;
width: 24%;
vertical-align: top;
border-left: 1px solid #3d3d3d;
}
.st:first-child {
border: 0px;
}
.site-footer .strona {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
#copy {
float: left;
width: 100%;
position: relative;
z-index: 0;
margin-bottom: 42px;
padding: 15px;
text-align: center;
color: #94a5af;
font-size: 13px;
}
#copy a {
font-size: 13px;
color: #94a5af;
}
#dlaczego {
float: left;
width: 100%;
position: relative;
z-index: 10;
}
#dlaczego h2 {
margin-top: 0px;
margin-bottom: 10px;
}
.sgpb-main-html-content-wrapper p {
margin: 0px !important;
}
.sgpb-main-html-content-wrapper iframe {
float: left;
width: 100%;
}
#sgpb-popup-dialog-main-div {
border-radius: 0px !important;
box-shadow: none !important;
}
.pw1 {
position: absolute;
float: left;
width: 100%;
top: 50%;
right: 0px;
z-index: 0;
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.pw2 {
position: absolute;
float: right;
width: 100%;
top: 50%;
left: 0px;
z-index: 0;
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
} .produkt {
width: 100%;
float: left;
z-index: 0;
}
.produkt img {
width: 100%;
position: relative;
z-index: 0;
height: auto;
}
.profoto {
position: relative;
width: 100%;
z-index: 1;
}
a .profoto .ft2 {
position: absolute;
left: 0%;
top: 100%;
z-index: 1;
transition: all 0.5s ease;
}
a:hover .profoto .ft2 {
left: 0px;
top: 0px;
}
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0) 76%);
display:block;
width:100%;
height: 100%;
z-index:-1;
}
a:hover .protxt {
color: #333333 !important;
}
a .protxt h2 {
margin-top: 0px;
line-height: 26px;
padding-top: 10px;
margin-bottom: 0px;
padding-bottom: 20px;
position: relative;
font-size: 20px;
}
.protxt p {
margin: 0px;
}
a .przycisk {
background: #ef7c00;
margin: auto;
left: 0;
right: 0;
bottom: -20px;
width: 40px;
height: 40px;
border-radius: 50px;
position: absolute;
overflow: hidden;
}
a .przycisk:before {
content: '\f054';
font-family: 'Font_Awesome_Solid';
color: #fff;
line-height: 40px;
font-size: 9px;
display: block;
width: 40px;
height: 40px;
position: absolute;
bottom: 0px;
left: 0;
right: 0;
z-index: 10;
transition: all 0.5s ease;
margin: auto;
}
a .przycisk:after {
content: '';
line-height: 40px;
background: #94a5af;
display: block;
width: 40px;
height: 40px;
position: absolute;
bottom: 0px;
left: -100%;
z-index: 0;
transition: all 0.5s ease;
margin: auto;
}
a:hover .przycisk:after {
left: 0px;
}
.kategoria,
.content {
padding-top: 0px;
padding-bottom: 10px;
float: left;
width: 100%;
position: relative;
z-index: 0;
}
#banerpod {
float: left;
width: 100%;
position: relative;
height: 140px;
overflow: hidden;
z-index: 0;
}
.kategoria {
background: #333333 !important;
}
.kategoria .strona {
background: #fff;
border-radius: 10px;
display: block;
}
#menuoferta {
float: left;
width: 100%;
background: #333333;
}
#menuoferta .pro img {
max-width: 120px;
}
#nav_menu-4,
#nav_menu-5,
#nav_menu-6,
#nav_menu-8,
#nav_menu-10,
#nav_menu-13,
#nav_menu-14,
#nav_menu-15 {
width: 98%;
margin-left: 1%;
margin-right: 1%;
float: left;
position: relative;
z-index: 0;
margin-top: 15px;
}
#nav_menu-4 ul,
#nav_menu-5 ul,
#nav_menu-6 ul,
#nav_menu-8 ul,
#nav_menu-10 ul,
#nav_menu-13 ul,
#nav_menu-14 ul,
#nav_menu-15 ul {
list-style: none;
margin: 0px;
padding: 0px;
width: 100%;
}
#nav_menu-4 li,
#nav_menu-5 li,
#nav_menu-6 li,
#nav_menu-8 li,
#nav_menu-10 li,
#nav_menu-13 li,
#nav_menu-14 li,
#nav_menu-15 li {
float: left;
overflow: hidden;
vertical-align: top;
width: 20%;
text-align: center;
transition: all 0.5s ease;
}
#nav_menu-4 li a,
#nav_menu-5 li a,
#nav_menu-6 li a,
#nav_menu-8 li a,
#nav_menu-10 li a,
#nav_menu-13 li a,
#nav_menu-14 li a,
#nav_menu-15 li a {
font-weight: bold;
font-size: 13px;
color: #fff;
display: block;
padding-top: 5px;
padding-bottom: 5px;
line-height: 40px;
position: relative;
overflow: hidden;
}
#nav_menu-4 li a:after,
#nav_menu-5 li a:after,
#nav_menu-6 li a:after,
#nav_menu-8 li a:after,
#nav_menu-10 li a:after,
#nav_menu-13 li a:after,
#nav_menu-14 li a:after,
#nav_menu-15 li a:after {
content: '';
position: absolute;
top: -100%;
width: 100%;
height: 100%;
left: 0%;
z-index: -1;
background: #ef7c00 !important;
transition: all 0.5s ease;
}
#nav_menu-4 li a:hover:after,
#nav_menu-5 li a:hover:after,
#nav_menu-6 li a:hover:after,
#nav_menu-8 li a:hover:after,
#nav_menu-10 li a:hover:after,
#nav_menu-13 li a:hover:after,
#nav_menu-14 li a:hover:after {
top: 0%;
}
#nav_menu-4 li.current_page_item a,
#nav_menu-4 li.current-page-ancestor a,
#nav_menu-5 li.current_page_item a,
#nav_menu-14 li.current_page_item a,
#nav_menu-5 li.current-page-ancestor a,
#nav_menu-14 li.current-page-ancestor a,
#nav_menu-6 li.current_page_item a,
#nav_menu-6 li.current-page-ancestor a,
#nav_menu-10 li.current-page-ancestor a,
#nav_menu-8 li.current_page_item a,
#nav_menu-8 li.current-page-ancestor a,
#nav_menu-10 li.current-page-ancestor a,
#nav_menu-10 li.current_page_item a,
#nav_menu-13 li.current_page_item a,
#nav_menu-14 li.current_page_item a,
#nav_menu-15 li.current_page_item a,
#nav_menu-10 li.current_page_item a {
background: #fff !important;
color: #333333;
}
#menuoferta .strona {
padding: 0px;
}
#nav_menu-4 li#menu-item-131 a:before,
#nav_menu-5 li#menu-item-1231 a:before,
#nav_menu-6 li#menu-item-2168 a:before,
#nav_menu-8 li#menu-item-2297 a:before,
#nav_menu-10 li#menu-item-6278 a:before,
#nav_menu-13 li#menu-item-6798 a:before,
#nav_menu-14 li#menu-item-7518 a:before,
#nav_menu-15 li#menu-item-7530 a:before {
content: "";
display: inline-block;
background-image: url(//energy5.pl/wp-content/themes/energy5/images/ico_wolnostojace.png);
background-size: 40px 40px;
background-repeat: no-repeat;
width: 40px;
height: 40px;
line-height: 40px;
vertical-align: middle;
margin-right: 10px;
filter: grayscale(100%) contrast(1000%);
-webkit-filter: grayscale(100%) contrast(1000%);
-moz-filter: grayscale(100%) contrast(1000%);
}
#nav_menu-4 li#menu-item-130 a:before,
#nav_menu-5 li#menu-item-1244 a:before,
#nav_menu-6 li#menu-item-2167 a:before,
#nav_menu-8 li#menu-item-2307 a:before,
#nav_menu-10 li#menu-item-6276 a:before,
#nav_menu-13 li#menu-item-6799 a:before,
#nav_menu-14 li#menu-item-7516 a:before,
#nav_menu-15 li#menu-item-7521 a:before {
content: "";
display: inline-block;
background-image: url(//energy5.pl/wp-content/themes/energy5/images/ico_dachplaski.png);
background-size: 40px 40px;
background-repeat: no-repeat;
width: 40px;
height: 40px;
line-height: 40px;
vertical-align: middle;
margin-right: 10px;
filter: grayscale(100%) contrast(1000%);
-webkit-filter: grayscale(100%) contrast(1000%);
-moz-filter: grayscale(100%) contrast(1000%);
}
#nav_menu-4 li#menu-item-129 a:before,
#nav_menu-5 li#menu-item-1243 a:before,
#nav_menu-6 li#menu-item-2246 a:before,
#nav_menu-8 li#menu-item-2314 a:before,
#nav_menu-6 li#menu-item-2409 a:before,
#nav_menu-10 li#menu-item-6275 a:before,
#nav_menu-13 li#menu-item-6800 a:before,
#nav_menu-14 li#menu-item-7514 a:before,
#nav_menu-15 li#menu-item-7522 a:before {
content: "";
display: inline-block;
background-image: url(//energy5.pl/wp-content/themes/energy5/images/ico_elewacyjny.png);
background-size: 40px 40px;
background-repeat: no-repeat;
width: 40px;
height: 40px;
line-height: 40px;
vertical-align: middle;
margin-right: 10px;
filter: grayscale(100%) contrast(1000%);
-webkit-filter: grayscale(100%) contrast(1000%);
-moz-filter: grayscale(100%) contrast(1000%);
}
#nav_menu-4 li#menu-item-128 a:before,
#nav_menu-5 li#menu-item-1242 a:before,
#nav_menu-8 li#menu-item-2315 a:before,
#nav_menu-6 li#menu-item-2434 a:before,
#nav_menu-10 li#menu-item-6274 a:before,
#nav_menu-13 li#menu-item-6801 a:before,
#nav_menu-14 li#menu-item-7515 a:before,
#nav_menu-15 li#menu-item-7523 a:before {
content: "";
display: inline-block;
background-image: url(//energy5.pl/wp-content/themes/energy5/images/ico_autobox.png);
background-size: 40px 40px;
background-repeat: no-repeat;
width: 40px;
height: 40px;
line-height: 40px;
vertical-align: middle;
margin-right: 10px;
filter: grayscale(100%) contrast(1000%);
-webkit-filter: grayscale(100%) contrast(1000%);
-moz-filter: grayscale(100%) contrast(1000%);
}
#nav_menu-4 li#menu-item-204 a:before,
#nav_menu-5 li#menu-item-1245 a:before,
#nav_menu-8 li#menu-item-2301 a:before,
#nav_menu-10 li#menu-item-6277 a:before,
#nav_menu-13 li#menu-item-6797 a:before,
#nav_menu-14 li#menu-item-7517 a:before,
#nav_menu-15 li#menu-item-7520 a:before {
content: "";
display: inline-block;
background-image: url(//energy5.pl/wp-content/themes/energy5/images/ico_dachskosny.png);
background-size: 40px 40px;
background-repeat: no-repeat;
width: 40px;
height: 40px;
line-height: 40px;
vertical-align: middle;
margin-right: 10px;
filter: grayscale(100%) contrast(1000%);
-webkit-filter: grayscale(100%) contrast(1000%);
-moz-filter: grayscale(100%) contrast(1000%);
}
#nav_menu-4 li a:hover:before,
#nav_menu-4 li.current_page_item a:before,
#nav_menu-4 li.current-page-ancestor a:before,
#nav_menu-5 li a:hover:before,
#nav_menu-5 li.current_page_item a:before,
#nav_menu-5 li.current-page-ancestor a:before,
#nav_menu-6 li a:hover:before,
#nav_menu-6 li.current_page_item a:before,
#nav_menu-10 li.current-page-ancestor a:before {
filter: grayscale(100%) contrast(1000%) !important;
-webkit-filter: grayscale(100%) contrast(1000%) !important;
-moz-filter: grayscale(100%) contrast(1000%) !important;
}
.realizacje {
float: left;
width: 100%;
position: relative;
}
.opispro {
float: left;
width: 100%;
position: relative;
}
.opis {
float: left;
width: 100%;
position: relative;
margin-top: 55px;
margin-bottom: 25px;
}
.sc1 {
position: relative;
z-index: 10;
width: 53%;
float: left;
z-index: 100;
}
.sc2 {
position: relative;
z-index: 10;
width: 53%;
float: right;
z-index: 100;
}
.specyfikacja {
float: left;
width: 50%;
margin-top: 0px;
padding: 20px;
margin-bottom: 30px;
position: relative;
z-index: 0;
}
#ikony {
float: right;
width: 50%;
margin-top: 50px;
padding: 20px;
margin-bottom: 30px;
text-align: center;
background: #fff;
border-radius: 10px;
}
.konstrukcje {
float: right;
width: 50%;
margin-top: 0px;
padding: 20px;
margin-bottom: 30px;
text-align: center;
}
.konstrukcje img {
width: 100%;
max-width: 400px;
height: auto;
margin: auto;
}
#ikony .log {
width: 50%;
float: left;
text-align: center;
height: auto;
}
#ikony img {
width: 100%;
max-width: 200px;
height: auto;
margin: auto;
}
.specyfikacja table {
border: 0px;
padding: 0px;
border-spacing: 0px;
width: 100%;
}
.specyfikacja table td {
padding: 5px;
border: 0px;
}
.specyfikacja table td p {
margin: 0px;
}
.specyfikacja table tr:nth-child(2n+1) {
background: #212222 !important;
}
.iko {
width: 24%;
padding-left: 10px;
line-height: 18px;
padding-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
display: inline-block;
vertical-align: top;
text-align: center;
font-weight: bold;
border-right: 1px solid #f2f2f2;
}
.iko img {
margin: auto;
width: 100%;
height: auto;
max-width: 200px;
}
.zalety {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.iko:last-child {
border: 0px;
}
.iko:nth-child(2) img,
.iko:nth-child(4) img {
filter: grayscale(100%) brightness(130%);
}
#content,
#primary,
#main {
float: left;
width: 100%;
position: relative;
}
#content .strona {
padding-left: 10px;
padding-right: 10px;
}
.opispro {
min-height: 510px;
}
#menuoferta .strona {
padding: 0px;
}
.sl-wrapper .sl-navigation button {
text-indent: -9999px !important;
text-align: left;
width: 35px;
}
.sl-next:before {
content: '\f061';
position: absolute;
left: 0px;
top: 0px;
width: 35px;
text-align: center;
height: 35px;
font-family: 'Font_Awesome_Solid';
color: #94a5af;
font-size: 22px;
text-indent: 0px;
}
.sl-prev:before {
content: '\f060';
position: absolute;
left: 0px;
top: 0px;
width: 35px;
height: 35px;
text-align: center;
font-family: 'Font_Awesome_Solid';
color: #94a5af;
font-size: 22px;
text-indent: 0px;
}
.sl-wrapper .sl-close {
color: #94a5af !important;
}
.sl-wrapper .sl-counter {
display: none !important;
}
.sl-overlay {
opacity: 0.95 !important;
}
.sl-image {
left: 0 !important;
right: 0 !important;
margin: auto;
}
.page-id-8500 .iko,
.page-id-8559 .iko,
.page-id-8677 .iko,
.page-id-8703 .iko {
width: 33%;
} .kategoria,
.content {
background: #000;
}
a .prozoom {
transform: scale(1);
transition: all 0.5s ease;
margin-top: -15%;
}
a:hover .prozoom {
transform: scale(1.3);
}
.lista {
float: left;
width: 100%;
padding-bottom: 30px;
position: relative;
z-index: 0;
background: #333333 !important;
}
.wszystkie {
float: left;
width: 100%;
padding-top: 70px;
padding-bottom: 0px;
position: relative;
z-index: 0;
}
.opiskat {
float: left;
text-align: justify;
font-size: 13.5px;
margin-top: -100px;
min-height: 150px;
width: 98%;
margin-left: 1%;
margin-right: 1%;
padding-bottom: 50px;
position: relative;
z-index: 0;
}
.boxe {
padding: 25px;
padding-top: 15px;
border-radius: 15px;
margin-bottom: 25px;
background: #fff;
color: #333333;
}
.boxe:nth-child(2n) {
background: rgb(239, 124, 0);
color: #fff;
}
.boxe:nth-child(2n) a {
color: #fff !important;
}
.kat {
text-align: center;
font-size: 18px;
margin-bottom: 5px;
float: left;
width: 100%;
font-weight: normal;
}
.kategoria .entry-title {
text-align: center;
float: left;
width: 100%;
margin: 0px;
padding: 0px;
margin-top: 0px;
line-height: 36px;
padding-top: 0px;
margin-bottom: 10px;
padding-bottom: 20px;
position: relative;
font-size: 30px;
}
.lista h1 {
width: 100%;
}
.kategoria .entry-title:after {
content: '.....';
letter-spacing: 2px;
font-size: 32px;
color: rgb(239, 124, 0);
;
position: absolute;
bottom: 0px;
left: 0;
right: 0;
text-align: center;
width: 100%;
}
.protxt {
width: 100%;
padding-bottom: 20px;
padding-top: 20px;
margin-top: -30px;
float: left;
}
.insert-page {
width: 22.5%;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 100px;
text-align: center;
display: inline-block;
position: relative;
vertical-align: top;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
border-radius: 12px;
}
.opispro ul {
list-style: none;
}
.form {
padding-left: 20px;
padding-right: 20px;
}
#frm_form_4_container,
#frm_form_5_container,
#frm_form_6_container,
#frm_form_2_container,
#frm_form_7_container {
padding: 25px;
background: #fff;
border-radius: 10px;
}
#ikony .log {
width: 50%;
}
.zalaczniki,
.formularz {
float: left;
width: 98%;
margin-left: 1%;
margin-right: 1%;
position: relative;
z-index: 0;
padding: 20px;
margin-bottom: 30px;
}
.pdf {
display: inline-block;
vertical-align: top;
width: 18.5%;
margin-right: 1%;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 25px;
position: relative;
z-index: 0;
}
.pliki li a {
display: block;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 25px;
position: relative;
z-index: 0;
}
.pdf:before,
.pliki li a:before {
content: '\f1c1';
font-family: 'Font_Awesome_Light';
font-size: 24px;
position: absolute;
left: 0px;
top: 0px;
color: #94a5af;
z-index: 0;
transition: all 0.5s ease;
}
.pdf:hover:before,
.pliki li a:hover:before {
content: '\f56d';
font-family: 'Font_Awesome_Light';
font-size: 24px;
position: absolute;
left: 0px;
top: 0px;
color: #ef7c00;
z-index: 0;
transition: all 0.5s ease;
}
.prod {
background: #333333;
float: left;
width: 100%;
position: relative;
z-index: 0;
padding-bottom: 50px;
}
.opispro .dlatxt {
text-align: justify;
}
.opispro .dlafoto img,
.opispro .dlafoto2 img {
transform: scale(1);
transition: all 0.5s ease;
}
.opispro .dlafoto img:hover,
.opispro .dlafoto2 img:hover {
transform: scale(1.2);
}
.full,
full2 {
width: 100% !important;
position: relative;
transform: none !important;
top: auto;
}
.full .dlafoto,
.full2 .dlafoto {
float: left;
max-width: 100% !important;
}
.full .dlafoto img {
width: 44% !important;
margin-left: 3% !important;
position: relative;
margin-right: 3% !important;
}
.kat,
.pad {
margin-top: 20px !important;
}
.form {
float: left;
width: 100%;
position: relative;
}
.sciezka {
background: #333333;
padding: 12px;
text-align: center;
color: #fff;
float: left;
position: relative;
z-index: 10;
width: 100%;
}
.sciezka a span {
color: #fff !important;
}
.kt {
display: inline-block;
margin-right: 5px;
width: 40px;
height: 40px;
text-indent: -9999px;
line-height: 40px;
text-align: center;
position: relative;
z-index: 0;
}
.kt:before {
content: '\f2a0';
font-family: 'Font_Awesome_Solid';
font-size: 17px;
color: #fff;
position: absolute;
left: 0px;
top: 0px;
line-height: 40px;
width: 40px;
height: 40px;
text-indent: 0px;
-webkit-animation: zadzwon 0.5s ease-in-out infinite both;
animation: zadzwon 0.5s ease-in-out infinite both;
background: #ef7c00;
border-radius: 50px;
}
.specyfikacja ul {
padding-left: 20px;
}
h1 .nagm {
font-size: 70%;
line-height: 28px;
display: block;
}
.protxt h2 {
padding-left: 20px;
padding-right: 20px;
}
h2 .nagm {
font-size: 15px;
line-height: 18px !important;
color: #94a5af;
display: block;
margin-top: 12px;
padding-left: 20px;
padding-right: 20px;
}
.dane {
position: relative;
z-index: 10;
display: inline-block;
vertical-align: top;
width: 47.5%;
margin-left: 1%;
margin-right: 0%;
background: #fff;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
padding: 20px;
}
.doradca {
display: inline-block;
margin-top: 15px;
margin-bottom: 15px;
border-radius: 10px;
color: #333333;
vertical-align: top;
width: 47.5%;
margin-left: 1%;
margin-right: 1%;
background: #fff;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
padding: 20px;
}
.doradca h3,
.dane strong {
font-size: 17px;
margin: 0px;
padding: 0px;
}
.doradca a,
.dane a {
color: #333333;
}
.mapa {
overflow: hidden;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.dorada a:hover,
.dane a:hover {
color: #94a5af;
}
.phone:before {
content: '\f2a0';
font-family: 'Font_Awesome_Solid';
font-weight: normal;
font-size: 17px;
color: #ef7c00;
display: inline-block;
vertical-align: middle;
margin-right: 7px;
margin-left: 2px;
}
.email {
margin-bottom: 0px;
display: block;
}
.phone {
margin-top: 0px;
display: block;
}
.mapa {
width: 50%;
position: absolute;
top: 0%;
right: 2%;
z-index: 0;
height: 100%;
overflow: hidden;
}
.mapa iframe {
position: absolute;
top: 50%;
left: 0px;
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.email:before {
content: '\f0e0';
font-family: 'Font_Awesome_Solid';
font-weight: normal;
font-size: 16px;
color: #ef7c00;
display: inline-block;
vertical-align: middle;
margin-right: 6px;
}
.loc:before {
content: '\f3c5';
font-family: 'Font_Awesome_Solid';
font-weight: normal;
font-size: 18px;
color: #ef7c00;
display: inline-block;
vertical-align: middle;
margin-right: 6px;
}
.wpis {
width: 30.5%;
margin-bottom: 40px;
margin-left: 1%;
margin-right: 1%;
display: inline-block;
vertical-align: top;
}
.wpfoto {
width: 100%;
height: auto;
overflow: hidden;
min-height: 200px;
border-radius: 12px;
}
.wpfoto img {
width: 100%;
height: auto;
transform: scale(1);
transition: all 0.5s ease;
}
a:hover .wpfoto img {
transform: scale(1.2);
}
.wptxt {
width: 96%;
min-height: 245px;
margin-left: 2%;
text-align: center;
margin-right: 2%;
border-radius: 12px;
;
background: #fff;
color: #333333;
padding: 20px;
padding-top: 10px;
margin-top: -50px;
position: relative;
z-index: 1;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}
.wptxt h2 {
font-size: 17px;
line-height: 22px;
}
.naglowek-strony {
float: left;
width: 100%;
text-align: center;
padding-top: 10px;
padding-bottom: 0px;
position: relative;
}
.pgntn-page-pagination-intro {
display: none !important;
}
.pgntn-page-pagination {
overflow: auto !important;
}
.pgntn-page-pagination-intro,
.pgntn-page-pagination a,
.pgntn-page-pagination .current {
padding-left: 13px !important;
padding-right: 13px !important;
margin-left: 2px !important;
margin-right: 2px !important;
}
.pgntn-page-pagination {
float: left;
width: 100%;
position: relative;
z-index: 0;
}
.pgntn-page-pagination-intro,
.pgntn-page-pagination .current {
border: 1px solid #94a5af !important;
}
.wpis a:hover h2,
.wpis a:hover .wptxt {
color: #333333 !important;
}
.szczegolytxt {
width: 58%;
text-align: justify;
border-radius: 10px;
float: right;
min-height: 245px;
margin-right: 2%;
background: #fff;
color: #333333;
padding: 20px;
padding-top: 10px;
margin-top: 50px;
margin-bottom: 50px;
position: relative;
z-index: 100;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}
.szczegolytxt2 {
width: 58%;
text-align: justify;
border-radius: 10px;
float: left;
min-height: 245px;
margin-right: 2%;
background: #fff;
color: #333333;
padding: 20px;
padding-top: 10px;
margin-top: 50px;
margin-bottom: 50px;
position: relative;
z-index: 100;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}
.szczegolyfoto {
position: absolute;
left: 1%;
top: 80px;
width: 44%;
z-index: 0;
}
.single .szczegolyfoto {
position: relative;
left: auto;
top: auto;
width: 94%;
max-width: 800px;
margin: auto;
}
.single .szczegolytxt {
position: relative;
left: auto;
top: auto;
width: 100%;
max-width: 900px;
margin: auto;
float: none;
margin-top: -50px;
}
.szczegolytxt a,
.szczegolytxt2 a {
color: #333333;
}
.szczegolyfoto2 {
position: absolute;
right: 1%;
top: 80px;
width: 44%;
z-index: 0;
}
.szczegolyfoto img,
.szczegolyfoto2 img {
width: 100%;
height: auto;
border-radius: 10px !important;
}
.data {
text-align: center;
}
.szczegoly {
background: #f5f5f5;
width: 100%;
position: relative;
z-index: 0;
float: left;
}
.szczegoly article {
float: left;
width: 100%;
position: relative;
z-index: 0;
}
.wp-block-embed-youtube {
margin-left: 0px;
margin-right: 0px;
}
.szczegolytxt ol ol {
list-style-type: lower-alpha;
margin-top: 10px;
margin-bottom: 10px;
}
.wp-block-image img {
height: auto;
margin-left: auto;
margin: auto;
}
.wp-block-image {
text-align: center;
}
.przycisk a {
max-width: 270px !important;
}
.wp-block-file {
margin-bottom: 10px;
}
.wp-block-file *+.wp-block-file__button {
display: inline-block;
vertical-align: middle;
}
.wp-block-file>a:first-child {
padding-left: 30px;
position: relative;
display: inline-block;
vertical-align: middle;
;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
}
.wp-block-file>a:first-child:before {
content: '\f15b';
font-family: 'Font_Awesome_Light';
font-size: 22px;
position: absolute;
left: 0px;
top: 0px !important;
color: #94a5af;
z-index: 0;
transition: all 0.5s ease;
}
.wp-block-file>a:first-child:hover:before {
content: '\f56d';
font-family: 'Font_Awesome_Light';
font-size: 22px;
position: absolute;
left: 0px;
top: 0px !important;
color: #ef7c00;
z-index: 0;
transition: all 0.5s ease;
}
.onas {
float: left;
position: relative;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
overflow: hidden;
margin-top: 20px;
margin-bottom: 20px;
}
.onas .szczegolytxt,
.onas .szczegolytxt2 {
margin-top: 0px;
margin-bottom: 0px;
}
.onas .szczegolyfoto,
.onas .szczegolyfoto2 {
top: 50%;
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.wys {
position: relative;
}
.calosc,
.calosc2,
.calosc11,
.calosc21,
.calosc13,
.calosc23,
.calosc14,
.calosc24 {
display: none;
}
.pliki {
list-style: none;
margin: 0px;
padding: 0px;
}
.btn {
cursor: pointer;
}
.ngg-galleryoverview {
margin-top: 0px !important;
}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {
width: 22.5%;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 25px;
}
.orange {
color: rgb(239, 124, 0);
}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail a {
border-radius: 10px;
overflow: hidden;
}
.sl-caption {
display: none !important;
}
.ngg-galleryoverview.default-view {
text-align: left !important;
}
.ngg-gallery-thumbnail a img {
transform: scale(1);
transition: all 0.5s ease;
}
.ngg-gallery-thumbnail a:hover img {
transform: scale(1.2);
}
.menudach {
position: relative;
width: 100%;
float: left;
margin-top: -100px;
display: none;
}
.menudach ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.menudach li a {
background: #333333;
padding: 12px;
text-align: center;
border-bottom: 1px solid #212222;
display: block;
font-weight: bold;
transition: all 0.5s ease;
}
.menudach li a:hover {
background: #ef7c00;
color: #fff;
}
.menudach li:last-child a {
border: 0px;
}
.doradcy {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
float: left;
width: 100%;
position: relative;
}
#text-11,
#text-15,
#text-24,
#text-34 {
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
background: #333333;
z-index: 1000;
font-family: 'Poppins', sans-serif;
font-size: 15px;
line-height: 22px;
color: #fff;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}
#text-11 h4,
#text-15 h4,
#text-24 h4,
#text-34 h4 {
padding-top: 10px;
padding-bottom: 10px;
margin: 0px
}
#text-11 h4 a,
#text-15 h4 a,
#text-24 h4 a,
#text-34 h4 a {
font-family: 'Poppins', sans-serif;
font-size: 15px;
line-height: 22px;
font-weight: bold;
}
#text-11 h3.mtphr-dnt-inline-title,
#text-15 h3.mtphr-dnt-inline-title,
#text-24 h3.mtphr-dnt-inline-title,
#text-34 h3.mtphr-dnt-inline-title {
background: #ef7c00;
color: #fff;
margin: 0px;
padding-top: 10px;
padding-bottom: 10px;
line-height: 22px;
padding-left: 30px;
padding-right: 30px;
}
.gallery {
float: left;
width: 100%;
position: relative;
}
.gallery-item {
width: 31%;
margin-left: 1%;
margin-right: 1%;
float: left;
}
.gallery-item img {
width: 100%;
height: auto;
max-width: 100%;
}
.new {
font-size: 12px;
color: #fff;
background: #94a5af;
padding: 5px;
padding-left: 6px;
padding-right: 6px;
max-width: 80px;
margin: auto;
border-radius: 50px;
position: relative;
z-index: 1;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
font-weight: bold;
}
#konkurs .wp-block-image {
margin: 0px !important;
}
#konkurs .wp-block-column:not(:only-child) {
flex-basis: calc(50%) !important;
flex-grow: 0;
}
#konkurs .wp-block-column:nth-child(2n) {
margin-left: 0px !important;
}
.fotokategoria {
float: left;
width: 100%;
text-align: center;
position: relative;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top center !important;
padding-bottom: 30px;
}
.fotokategoria img {
width: 100%;
height: auto;
}
@media (max-width: 1440px) {
.aktfoto {
width: 60%;
}
.akttxt {
width: 50%;
}
#text-7,
#text-13,
#text-25,
#text-31 {
margin-top: 100px;
}
}
@media (max-width: 1500px) {
.aktfoto {
width: 70%;
}
#oferta {
min-height: 280px;
}
#text-8 {
margin-bottom: 50px;
}
.akttxt {
width: 50%;
}
.box5:before,
.box5:hover:before {
padding-top: 8%;
}
#top.big #mega-menu-wrap-submenu,
#top.small #mega-menu-wrap-submenu {
display: none !important;
}
.pdf {
width: 23.5%;
}
.szczegolyfoto {
position: absolute;
left: -10%;
top: 80px;
width: 60%;
}
.szczegolyfoto2 {
position: absolute;
right: -10%;
top: 80px;
width: 60%;
}
.wys {
position: relative;
min-height: 450px;
}
#text-7,
#text-13,
#text-25,
#text-31 {
margin-top: 80px;
}
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
height: 3px !important;
}
@media (max-width: 1180px) {
#oferta {
min-height: 250px;
}
#text-7,
#text-8,
#text-13,
#text-14,
#text-25,
#text-26,
#text-31,
#text-33 {
min-height: 650px;
}
#text-8 {
margin-bottom: 50px;
}
.opispro .dlafoto,
.opispro .dlafoto2 {
width: 65%;
}
#nav_menu-4 li#menu-item-131,
#nav_menu-4 li#menu-item-130,
#nav_menu-6 li#menu-item-2168,
#nav_menu-6 li#menu-item-2167,
#nav_menu-10 li#menu-item-6278,
#nav_menu-10 li#menu-item-6276,
#nav_menu-14 li#menu-item-7518,
#nav_menu-14 li#menu-item-7516 {
width: 50%;
}
#nav_menu-4 li#menu-item-129,
#nav_menu-4 li#menu-item-128,
#nav_menu-4 li#menu-item-204,
#nav_menu-10 li#menu-item-6277,
#nav_menu-10 li#menu-item-6275,
#nav_menu-10 li.menu-item-6274,
#nav_menu-14 li#menu-item-7517,
#nav_menu-14 li#menu-item-7514,
#nav_menu-14 li#menu-item-7515,
#nav_menu-6 li#menu-item-2246,
#nav_menu-6 li#menu-item-2409,
#nav_menu-6 li#menu-item-2434 {
width: 33.333333% !important;
}
.insert-page {
width: 31%;
}
#text-7,
#text-13,
#text-25,
#text-31 {
margin-top: 20px;
}
}
@media (max-width: 1170px) {
.szczegolytxt,
.szczegolytxt2 {
width: 65%;
}
.szczegolyfoto {
position: absolute;
left: -30%;
top: 120px;
width: 80%;
}
.szczegolyfoto2 {
position: absolute;
right: -30%;
top: 120px;
width: 80%;
}
.aktfoto {
width: 100%;
}
#dlaczego {
padding-top: 0px;
margin-bottom: 100px;
}
.aktfoto img {
margin-left: -30%;
}
.akttxt {
width: 50%;
}
.box5:before,
.box5:hover:before {
padding-top: 18%;
}
.box10,
.box3 {
display: none;
}
.box1,
.box2,
.box3,
.box4,
.box5,
.box6,
.box7,
.box8,
.box9,
.box10 {
width: 25%;
}
#banerpod {
height: 60px;
}
#top.big #ue,
#top.small #ue {
top: 10px;
}
#top.big,
#top.small {
min-height: 60px;
}
#top.big .logo,
#top.small .logo {
max-width: 120px;
top: 2px;
}
#top.big #menu,
#top.small #menu {
padding: 0px;
margin-bottom: 0px !important;
margin-top: 0px !important;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
height: 40px;
line-height: 40px;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
border-top: 1px solid #f2f2f2;
}
#mega-menu-wrap-primary #mega-menu-primary li>a.mega-menu-link:before {
display: none !important;
}
#mega-menu-wrap-primary #mega-menu-primary li>a.mega-menu-link:hover {
color: #fff;
background: #ef7c00;
}
#text-7 .dlafoto,
#text-8 .dlafoto2,
#text-13 .dlafoto,
#text-14 .dlafoto2,
#text-25 .dlafoto,
#text-26 .dlafoto2,
#text-31 .dlafoto,
#text-33 .dlafoto2 {
min-height: auto;
width: 60%;
}
.specyfikacja {
margin-top: 0px;
margin-bottom: 0px;
}
#text-7,
#text-13,
#text-25,
#text-31 {
margin-top: 20px;
}
}
@media (max-width:990px) {
.animacja {
padding-right: 0px;
}
.full .dlafoto img {
width: 98% !important;
float: left;
}
#text-11,
#text-15,
#text-24 {
display: none !important;
}
#text-7 .dlafoto,
#text-8 .dlafoto2,
#text-13 .dlafoto,
#text-14 .dlafoto2,
#text-25 .dlafoto,
#text-26 .dlafoto2,
#text-1 .dlafoto,
#text-33 .dlafoto2 {
max-height: auto !important;
}
#text-7 .pw1,
#text-8 .pw2,
#text-13 .pw1,
#text-14 .pw2,
#text-25 .pw1,
#text-26 .pw2,
#text-31 .pw1,
#text-33 .pw2 {
margin: 0px !important;
}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {
width: 30.5% !important;
}
.wys {
min-height: auto !important;
}
.onas {
margin-bottom: 0px;
padding-top: 0px;
}
.szczegolyfoto,
.szczegolyfoto2,
.onas .szczegolyfoto,
.onas .szczegolyfoto2 {
position: relative;
left: auto;
right: auto;
top: auto !important;
width: 100%;
-ms-transform: translate(0%, 0%) !important;
transform: translate(0%, 0%) !important;
max-width: 900px;
margin: auto;
}
.szczegolytxt,
.szczegolytxt2 {
margin-top: -150px;
width: 96%;
margin-left: 2%;
margin-right: 2%;
}
.onas .szczegolytxt,
.onas .szczegolytxt2 {
margin-top: -50px;
}
.insert-page,
.wpis {
width: 47.5%;
}
.protxt {
margin-top: 0px;
}
.prod {
padding-bottom: 20px;
}
.pdf {
width: 48.5%;
}
#text-7,
#text-8,
#text-13,
#text-14,
#text-25,
#text-26,
#text-31,
#text-33 {
min-height: 550px;
}
#text-8,
#text-14,
#text-26 {
margin-bottom: 150px !important;
}
.opis {
margin-bottom: 0px;
}
.specyfikacja {
margin-top: 0px;
width: 100%;
}
.opispro {
margin-top: 0px;
margin-bottom: 0px;
}
#ikony,
.konstrukcje {
width: 100%;
margin-bottom: 0px;
margin-top: 0px;
}
.sc {
position: relative;
}
.opispro .pw1,
.opispro .pw2 {
top: auto;
left: auto;
right: auto;
-ms-transform: translate(0%, 0%);
transform: translate(0%, 0%);
width: 100%;
margin-top: -30px;
position: relative;
}
.opispro .dlatxt,
.opispro .dlatxt2 {
float: left;
width: 96%;
margin-left: 2%;
margin-right: 2%
}
.opispro .sc1,
.opispro .sc2 {
position: relative;
width: 100%;
}
.opispro .dlafoto,
.opispro .dlafoto2 {
width: 100% !important;
max-width: 100% !important;
}
.opispro .dlafoto img,
.opispro .dlafoto2 img {
margin: 0px !important;
min-width: 100% !important;
}
.opispro .pw1,
.opispro .pw2 {
position: relative;
width: 100%;
}
#nav_menu-4 li {
width: 50%;
}
#poznaj h2,
#dlaczego h2,
#aktualnosci h2,
.opis h2 {
font-size: 24px;
line-height: 30px;
}
#copy {
margin-bottom: 42px;
}
.st .btn {
margin-left: 0px;
}
.site-footer {
padding-top: 25px;
padding-bottom: 25px;
}
.st {
width: 49.5%;
padding-left: 25px;
}
.st:nth-child(3) {
border: 0px;
}
#nav_menu-2,
#nav_menu-3,
#nav_menu-7,
#nav_menu-9,
#nav_menu-16,
#nav_menu-17 {
margin: 0px;
max-width: none;
}
#text-6,
#text-20,
#text-38 {
text-align: left;
}
.box5 {
background: #ef7c00;
}
.box10,
.box3 {
display: inline-block !important;
}
.box1,
.box2,
.box3,
.box4,
.box5,
.box6,
.box7,
.box8,
.box9,
.box10 {
width: 50%;
}
#custom_html-2,
#custom_html-3,
#custom_html-6,
#custom_html-7,
#custom_html-16,
#custom_html-17,
#custom_html-21,
#custom_html-22 {
width: 50%;
margin-top: -50px;
}
#custom_html-4,
#custom_html-5,
#custom_html-8,
#custom_html-9,
#custom_html-18,
#custom_html-19,
#custom_html-23,
#custom_html-24 {
margin-top: 60px;
width: 50%;
}
#fixed {
width: 100%;
top: auto;
left: 0px;
bottom: 0px;
z-index: 1000;
}
.yt {
top: auto;
left: 0px;
bottom: 0px;
right: auto;
width: 50%;
}
.li {
top: auto;
left: 50%;
bottom: 0px;
right: auto;
width: 50%;
}
.yt:before,
.li:before {
left: 15px;
}
.aktfoto {
width: 100%;
position: relative;
top: auto;
-ms-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.aktfoto img {
margin-left: 0%;
}
.akttxt {
width: 94%;
margin-left: 3%;
margin-right: 3%;
position: relative;
margin-top: -50px;
}
.tab {
padding: 8px;
padding-left: 20px;
}
.tab:before {
top: 30px !important;
}
#text-5,
#text-6,
#nav_menu-2,
#nav_menu-3,
#nav_menu-7,
#nav_menu-17,
#text-20,
#nav_menu-9,
#text-37,
#text-38,
#nav_menu-16 {
padding-top: 10px;
padding-bottom: 10px;
}
.akttxt::before {
content: '';
filter: blur(12px);
position: absolute;
left: 0px;
top: 0px;
background: rgb(0, 0, 0);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0) 76%);
display: block;
width: 100%;
height: 100%;
z-index: -1;
}
#nav_menu-4 li {
width: 100% !important;
}
#nav_menu-4,
#nav_menu-6,
#nav_menu-10,
#nav_menu-14 {
display: none;
}
#text-7,
#text-13,
#text-25,
#text-31 {
margin-top: 80px !important;
}
.full .dlafoto {
float: left;
max-width: 100% !important;
max-height: none !important;
}
}
@media (max-width: 768px) {
.gallery-item {
width: 98%;
margin-left: 1%;
margin-right: 1%;
float: left;
}
#text-7,
#text-13,
#text-25,
#text-31 {
margin-top: 50px !important;
}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {
width: 47.5% !important;
}
#nav_menu-5 li#menu-item-1231,
#nav_menu-5 li#menu-item-1244,
#nav_menu-5 li#menu-item-1243,
#nav_menu-5 li#menu-item-1245 {
width: 50%;
}
#nav_menu-5 li#menu-item-1242 {
width: 100%;
}
.szczegolytxt {
margin-top: -40px;
}
.dane {
width: 98%;
border-radius: 0px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.wpis {
width: 98%;
}
.mapa {
width: 98%;
position: relative;
z-index: 0;
margin-left: 1%;
margin-right: 1%;
right: auto;
top: auto;
border-radius: 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.mapa iframe {
position: relative;
width: 100%;
right: auto;
top: auto;
transform: translate(0%, 0%);
transform: translate(0%, 0%);
float: left;
}
.doradca {
width: 98%;
}
.pw1,
.pw2 {
margin: 0px;
}
.form {
padding-left: 10px;
padding-right: 10px;
}
.pdf {
width: 100%;
margin-right: 0px;
}
#text-7 .dlafoto,
#text-8 .dlafoto2,
#text-13 .dlafoto,
#text-14 .dlafoto2,
#text-25 .dlafoto,
#text-26 .dlafoto2,
#text-31 .dlafoto,
#text-33 .dlafoto2 {
width: 100%;
}
#text-7 .pw1,
#text-8 .pw2,
#text-13 .pw1,
#text-14 .pw2,
#text-25 .pw1,
#text-26 .pw2,
#text-31 .pw1,
#text-33 .pw2 {
top: auto;
left: auto;
right: auto;
-ms-transform: translate(0%, 0%);
transform: translate(0%, 0%);
width: 100%;
margin-top: -30px;
position: relative;
}
#text-7,
#text-8,
#text-13,
#text-14,
#text-25,
#text-26,
#text-31,
#text-33 {
min-height: auto;
}
#text-8,
#text-14,
#text-26 {
margin-bottom: 200px;
}
.sc1,
.sc2 {
margin-top: -30px;
width: 94% !important;
margin-left: 3%;
margin-right: 3%;
}
.iko {
width: 49%;
}
.specyfikacja {
margin-top: 0px;
}
.iko:nth-child(2) {
border-right: 0px;
}
.iko:nth-child(4) img {
filter: grayscale(0%) brightness(100%);
}
.iko:nth-child(2) img,
.iko:nth-child(3) img {
filter: grayscale(100%) brightness(130%);
}
.insert-page {
width: 98%;
}
#dlaczego {
padding-top: 20px;
}
.dlafoto,
.dlafoto2 {
width: 100%;
float: left;
}
.pw1,
.pw2 {
position: relative;
width: 100%;
}
.st {
width: 100%;
border: 0px;
border-bottom: 1px solid #3d3d3d !important;
}
.st:last-child {
border: 0px !important;
}
.box1,
.box2,
.box3,
.box4,
.box5,
.box6,
.box7,
.box8,
.box9,
.box10 {
width: 50%;
}
#custom_html-2,
#custom_html-6 {
width: 98%;
margin-left: 1%;
margin-right: 1%;
margin-top: -20px;
}
#custom_html-3,
#custom_html-4,
#custom_html-5,
#custom_html-7,
#custom_html-8,
#custom_html-9,
#custom_html-16,
#custom_html-17,
#custom_html-18,
#custom_html-19,
#custom_html-21,
#custom_html-22,
#custom_html-23,
#custom_html-24 {
margin-top: 60px;
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
#nav_menu-4 li {
width: 100% !important;
}
}
@media (max-width: 600px) {
.specyfikacja,
.zalaczniki,
#ikony,
.formularz {
padding: 10px;
}
#ikony .log {
width: 50%;
}
.box1,
.box2,
.box3,
.box4,
.box5,
.box6,
.box7,
.box8,
.box9,
.box10 {
width: 100%;
}
.li,
.yt {
text-indent: -9999px;
text-align: left;
}
.li:before,
.yt:before {
text-indent: 0px;
left: 0;
right: 0;
margin: auto;
}
}
@media (max-width: 500px) {
#baner {
margin-top: 0px !important;
}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {
width: 98% !important;
}
#nav_menu-5 li#menu-item-1231,
#nav_menu-5 li#menu-item-1244,
#nav_menu-5 li#menu-item-1243,
#nav_menu-5 li#menu-item-1245,
#nav_menu-5 li#menu-item-1242,
#nav_menu-13 li,
#nav_menu-14 li,
#nav_menu-15 li {
width: 100% !important;
}
#banerpod {
height: 125px;
}
#top.big,
#top.small {
position: absolute;
}
#top #ue .textwidget .txt {
display: none;
}
#top.big #ue,
#top.small #ue {
width: 56px;
top: 76px;
left: 15px;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
margin-right: 15px;
}
#top.big .logo,
#top.small .logo {
max-width: 100%;
position: relative;
text-align: center;
z-index: 0;
top: auto;
left: auto;
}
#top .logo img {
max-width: 150px;
margin: auto;
}
#top.big #menu,
#top.small #menu {
margin: 0px !important;
padding: 0px;
margin-top: -10px !important;
}
#mega-menu-wrap-primary #mega-menu-primary {
margin-top: 0px;
}
}
@-webkit-keyframes linia {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@keyframes linia {
0% {
width: 0%;
}
100% {
width: 100%;
}
} .frm_checkbox,
.frm_radio {
margin-left: 0px;
margin-bottom: 8px !important;
}
.frm_checkbox label,
.frm_radio label {
padding: 4px 0px
}
.frm_checkbox input[type=checkbox],
.frm_radio input[type=radio] {
position: absolute !important;
margin-left: -9999px;
visibility: hidden;
}
.frm_checkbox input[type=checkbox]+span,
.frm_radio input[type=radio]+span {
display: inline-block;
position: relative;
cursor: pointer;
outline: none;
user-select: none;
}
.frm_checkbox input[type=checkbox]+span,
.frm_radio input[type=radio]+span {
padding: 2px;
width: 40px;
height: 25px;
background-color: #f2f2f2;
border-radius: 30px;
transition: background 0.4s;
vertical-align: middle;
margin-right: 4px;
}
.frm_checkbox input[type=checkbox]+span:before,
.frm_checkbox input[type=checkbox]+span:after,
.frm_radio input[type=radio]+span:before,
.frm_radio input[type=radio]+span:after {
display: block;
position: absolute;
content: "";
}
.frm_checkbox input[type=checkbox]:checked+span:before,
.frm_radio input[type=radio]:checked+span:before {
background-color: #e03c83;
}
.frm_checkbox input[type=checkbox]+span:before,
.frm_radio input[type=radio]+span:before {
top: 2px;
left: 2px;
background-color: #cccccc;
border-radius: 50%;
transition: background 0.4s;
}
#wpfront-scroll-top-container img {
border-radius: 50px !important;
}
.frm_checkbox input[type=checkbox]+span:after,
.frm_radio input[type=radio]+span:after {
bottom: 1px;
left: 1px;
width: 23px;
height: 23px;
border-radius: 500px;
background: linear-gradient(135deg, rgb(247, 153, 53) 0%, rgb(239, 124, 0) 50%, rgb(177, 101, 19) 100%) !important;
}
border-radius: 50%;
transition: margin 0.4s,
background 0.4s;
}
.frm_checkbox input[type=checkbox]:checked+span,
.frm_radio input[type=radio]:checked+span {
background-color: #ef7c00;
}
.frm_checkbox input[type=checkbox]:checked+span:after,
.frm_radio input[type=radio]:checked+span:after {
margin-left: 15px;
background-color: #ffffff;
}
@-webkit-keyframes zadzwon {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes zadzwon {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.frm_checkbox a {
font-size: 13px;
text-decoration: underline;
}
h1.hp {
font-size: 16px;
line-height18px;
margin: 0px;
padding: 0px;
text-align: center;
}
#text-7 h2,
#text-13 h2,
#text-25 h2,
#text-31 h2 {
padding-top: 5px;
}
#top.big .ua {
background: url(//energy5.pl/wp-content/themes/energy5/images/ua.png);
background-repeat: repeat;
background-size: auto;
background-repeat: no-repeat;
width: 50px;
height: auto;
min-height: 39px;
position: absolute;
left: 173px;
top: 65px;
z-index: 10000;
background-size: cover;
transition: all 0.5s ease;
}
#top.small .ua {
background: url(//energy5.pl/wp-content/themes/energy5/images/ua.png);
background-repeat: repeat;
background-size: auto;
background-repeat: no-repeat;
width: 30px;
height: auto;
min-height: 24px;
position: absolute;
left: 110px;
top: 45px;
z-index: 10000;
background-size: cover;
transition: all 0.5s ease;
}
.dwarzedy {
text-align: center;
justify-content: center;
}
.dwarzedy .iko {
width: 32% !important;
}
.dwarzedy .iko:nth-child(3) {
border: 0px;
}
.specyfikacja span {
display: block;
font-size: 12px;
}
ol.is-style-checked li::before,
ul.is-style-checked li::before {
color: #ef7c00;
}
@media (max-width: 1170px) {
#top.big .ua,
#top.small .ua {
background: url(//energy5.pl/wp-content/themes/energy5/images/ua.png);
background-repeat: repeat;
background-size: auto;
background-repeat: no-repeat;
width: 30px;
height: auto;
min-height: 24px;
position: absolute;
left: 110px;
top: 45px;
z-index: 10000;
background-size: cover;
transition: all 0.5s ease;
}
.flagaue,
.socialmedia {
padding: 0px !important;
}
}
@media (max-width: 768px) {
.dwarzedy .iko {
width: 49%;
}
.dwarzedy .iko:nth-child(3) {
border-right: 1px solid #f5f5f5;
}
.dwarzedy .iko:nth-child(4) {
border: 0px;
}
}
@media (max-width: 500px) {
#top.big .ua,
#top.small .ua {
background: url(//energy5.pl/wp-content/themes/energy5/images/ua.png);
background-repeat: repeat;
background-size: auto;
background-repeat: no-repeat;
width: 30px;
height: auto;
min-height: 24px;
position: absolute;
left: 50%;
top: 45px;
z-index: 10000;
background-size: cover;
transition: all 0.5s ease;
right: 0;
margin: auto;
padding-left: 30px;
}
}
.frm_radio {
position: relative;
padding-left: 50px;
line-height: 35px;
}
.kategoriatxt {
float: left;
width: 98%;
margin-left: 1%;
margin-right: 1%;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
background: #fff;
border-radius: 10px;
color: #333;
padding: 25px;
padding-top: 10px;
margin-top: 50px;
margin-bottom: 30px;
}
.pw1.full2 {
width: 100% !important;
position: relative;
}
.full2 .dlafoto {
width: 98% !important;
text-align: center;
}
.full2 .dlafoto img {
width: 100% !important;
max-width: 950px !important;
margin: auto !important;
position: relative !important;
margin-bottom: -80px !important;
float: none !important;
}
@media (max-width: 990px) {
.full2 .dlafoto img {
margin-bottom: 0px !important;
}
} .fa-arrow-right:before {
content: '\f054';
font-family: 'Font_Awesome_Solid';
color: #fff;
font-style: normal;
display: inline-block;
font-size: 70%;
margin: auto;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 1%;
}
.n2-section-smartslider {
float: left;
width: 100%;
position: relative;
}
.detxt {
font-size: 13px;
}
.kariera {
float: left;
width: 100%;
background: #333333;
}
.lista-ofert {
float: left;
width: 100%;
position: relative;
z-index: 0;
text-align: center;
}
.lista-ofert a .oferta-dane {
color: #333333;
}
.oferta-pracy {
position: relative;
z-index: 0;
width: 100%;
float: left;
padding: 35px;
background: #fff;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
text-align: left;
border-radius: 10px;
margin-bottom: 30px;
}
.oferta-pracy-szczegoly {
position: relative;
color: #333333;
border-radius: 10px;
z-index: 0;
width: 48%;
float: left;
padding: 25px;
padding-top: 10px;
margin-top: 25px;
background: #fff;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
text-align: left;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 30px;
}
.oferta-formularz {
position: relative;
z-index: 0;
border-radius: 10px;
width: 48%;
float: left;
padding: 25px;
padding-top: 10px;
margin-top: 25px;
background: #fff;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
text-align: left;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 30px;
}
.oferta-pracy h2 {
margin: 0px;
color: #333333 !important;
transition: all 0.5s ease;
padding-bottom: 15px;
line-height: 1.4;
}
.category-kariera h1 {
margin: 0px;
padding: 0px;
margin-top: 15px;
padding-top: 5px;
padding-bottom: 25px;
margin-bottom: 15px;
position: relative;
float: left;
width: 100%;
text-align: center;
}
.category-kariera h1:after {
content: '.....';
letter-spacing: 2px;
font-size: 32px;
color: rgb(239, 124, 0);
;
position: absolute;
bottom: 0px;
left: 0;
right: 0;
text-align: center;
width: 100%;
}
.dodatkowyopis {
padding: 15px;
padding-top: 35px;
padding-bottom: 35px;
float: left;
width: 100%;
background: #fff;
border-radius: 10px;
color: #333333;
}
.dodatkowyopis a {
color: #ef7c00;
}
.dodatkowyopis a:hover {
color: #94a5af;
}
.single .oferta-pracy-szczegoly h1 {
text-align: left;
font-size: 28px;
}
.single .oferta-pracy-szczegoly h1:after {
left: 0px;
margin: 0px;
text-align: left;
}
.oferta-dane {
padding-top: 15px;
border-top: 1px solid #f2f2f2;
}
.single .oferta-dane {
border: 0px;
padding: 0px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.oferta-formularz .frm_section_heading {
border: 0px;
margin: 0px !important;
border: 2px dotted #ef7c00 !important;
padding: 15px !important;
margin-bottom: 10px !important;
}
.oferta-formularz .frm_section_heading h3 {
border: 0px !important;
margin: 0px !important;
padding-top: 0px !important;
}
.oferta-formularz h2 {
text-align: left;
font-size: 24px !important;
color: #333333 !important;
margin-bottom: 5px !important;
padding-bottom: 10px !important;
}
#frm_field_478_container {
margin: 0px !important;
}
.oferta-formularz h2:after {
display: none !important;
}
.oferta-dane .wojewodztwo,
.oferta-dane .lokalizacja {
margin-right: 15px;
}
.oferta-dane .wojewodztwo:before {
content: '\f0ac';
font-family: 'Font_Awesome_Solid';
color: #ef7c00;
margin-right: 8px;
font-size: 18px;
display: inline-block;
margin-bottom: 15px;
transition: all 0.5s ease;
}
.oferta-dane .lokalizacja:before {
content: '\f3c5';
font-family: 'Font_Awesome_Solid';
color: #ef7c00;
margin-right: 8px;
font-size: 18px;
display: inline-block;
margin-bottom: 15px;
transition: all 0.5s ease;
}
.oferta-dane .data-zakonczenia:before {
content: '\f073';
font-family: 'Font_Awesome_Solid';
color: #ef7c00;
margin-right: 8px;
font-size: 18px;
display: inline-block;
margin-bottom: 15px;
transition: all 0.5s ease;
}
.oferta-dane .opis-daty {
color: #94a5af;
font-size: 12px;
}
a:hover .oferta-dane span:before {
color: #94a5af;
}
.single .oferta-pracy-szczegoly .iko img {
max-width: 140px !important;
margin: auto;
}
.oferta-formularz .frm_dropzone .dz-preview .dz-column {
width: 100% !important;
}
.oferta-formularz .frm_dropzone .dz-preview .dz-image {
display: none !important;
}
#frm_field_469_container {
padding-bottom: 0px !important;
}
.ban {
background: url(//energy5.pl/wp-content/themes/energy5/images/baner-kariera.png);
background-repeat: no-repeat;
background-position: center;
width: 100%;
position: relative;
height: 450px;
background-size: cover;
text-align: center;
padding: 15px;
}
.banesg {
background: url(//energy5.pl/wp-content/themes/energy5/images/esg-tlo.jpg);
background-repeat: no-repeat;
background-position: center;
width: 100%;
position: relative;
height: 470px;
background-size: cover;
text-align: center;
padding: 15px;
}
.ban h1 {
position: absolute;
top: 36%;
transform: translateY(-50%);
z-index: 1;
color: #fff;
text-align: center;
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.lista-ofert {
margin-top: -80px;
}
.page-template-esg h2 {
margin-bottom: 40px;
}
.page-template-esg .dodatkowyopis {
background: #fff;
border-radius: 10px;
padding: 30px;
padding-top: 10px;
margin-top: -30px;
color: #333333 !important;
}
.page-template-esg .dodatkowyopis .wp-block-group {
border-top: 3px dotted #ef7c00;
padding-bottom: 30px;
border-bottom: 3px dotted #ef7c00;
margin-bottom: 80px;
padding-left: 300px;
position: relative;
}
.page-template-esg .dodatkowyopis .wp-block-group h3 {
font-size: 24px;
letter-spacing: 0.5px;
}
.page-template-esg .srodowisko:before {
content: '\e41d';
font-family: 'Font_Awesome_Light';
position: absolute;
left: 0px;
top: -60px;
width: 100px;
height: 100px;
border-radius: 500px;
background: #ef7c00;
color: #fff;
text-align: center;
font-size: 60px;
line-height: 100px;
left: 100px;
font-weight: normal;
border: 10px solid #fff;
}
.page-template-esg .spoleczenstwo:before {
content: '\f0c0';
font-family: 'Font_Awesome_Light';
position: absolute;
left: 0px;
top: -60px;
width: 100px;
height: 100px;
border-radius: 500px;
background: #ef7c00;
color: #fff;
text-align: center;
font-size: 60px;
line-height: 100px;
left: 100px;
font-weight: normal;
border: 10px solid #fff;
}
.page-template-esg .lad:before {
content: '\f19c';
font-family: 'Font_Awesome_Light';
position: absolute;
left: 0px;
top: -60px;
width: 100px;
height: 100px;
border-radius: 500px;
background: #ef7c00;
color: #fff;
text-align: center;
font-size: 60px;
line-height: 100px;
left: 100px;
font-weight: normal;
border: 10px solid #fff;
}
.slick-slider {
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important;
}
.page-template-esg .fotokategoria {
text-align: inherit;
}
.page-template-esg .dodatkowyopis strong,
.page-template-esg .dodatkowyopis p a {
color: #66ad2f;
font-weight: bold;
}
.page-template-esg a.btn {
margin: 0px;
color: #fff !important;
}
.page-template-esg .fotokategoria .strona {
max-width: 1300px;
}
@media (max-width: 990px) {
.oferta-pracy-szczegoly,
.oferta-formularz {
width: 98%;
margin-bottom: 25px;
}
.oferta-formularz {
margin-top: 0px;
}
.page-template-esg .wp-block-group {
padding-left: 200px;
}
.page-template-esg .srodowisko:before,
.page-template-esg .spoleczenstwo:before,
.page-template-esg .lad:before {
left: 50px;
}
}
@media (max-width: 768px) {
.page-template-esg .dodatkowyopis {
padding: 20px;
padding-top: 10px;
}
.oferta-pracy {
padding: 25px;
}
.page-template-esg .wp-block-group {
padding-left: 0px;
padding-top: 60px;
}
.page-template-esg .wp-block-group h3 {
text-align: center;
}
.page-template-esg .srodowisko:before,
.page-template-esg .spoleczenstwo:before,
.page-template-esg .lad:before {
left: 0;
right: 0;
margin: auto;
}
.oferta-dane .wojewodztwo,
.oferta-dane .lokalizacja,
.oferta-dane .data-zakonczenia {
margin: 0px;
display: block;
}
} .topikony {
float: left;
width: 100%;
padding: 5px;
position: absolute;
top: 0px;
left: 0;
z-index: 1001;
}
.socialmedia {
float: left;
width: 30%;
padding-left: 10px;
}
#jezyki {
display: none;
overflow: hidden;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
#top.big #jezyki {
position: absolute;
right: 80px;
top: 75px;
max-width: 180px;
z-index: 1;
width: 100%;
text-align: left;
}
#top.small #jezyki {
position: absolute;
right: 80px;
top: 60px;
max-width: 180px;
z-index: 1;
width: 100%;
text-align: left;
;
}
.globus:after {
content: '\f078';
width: 15px;
font-family: 'Font_Awesome_Solid';
font-size: 12px;
color: #333333;
display: inline-block;
vertical-align: middle;
}
.globus.aktywny:after {
content: '\f077';
}
img.as-background {
border-radius: 12px;
}
#jezyki li a {
padding: 8px;
transition: all 0.5s ease;
display: block;
padding-left: 15px;
background: #fff;
color: #333333
}
#jezyki li a:hover {
background: #94a5af !important;
color: #fff !important;
}
#jezyki li.current-lang a {
background: #ef7c00 !important;
color: #fff !important;
}
#jezyki ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.globus {
position: absolute;
top: 9px;
right: 205px;
width: 55px;
cursor: pointer;
margin-right: 5px;
height: 40px;
text-align: center;
}
.flagaue {
float: right;
width: 70%;
text-align: right;
padding-right: 15px;
}
.flagaue .wp-block-image {
margin-bottom: 0px;
}
.flagaue .has-text-align-left {
margin-bottom: 0px;
}
.flagaue .wp-block-columns {
margin-bottom: 0px;
float: right;
gap: 10px;
}
a.yt,
a.lin,
.download {
display: inline-block;
vertical-align: middle;
margin-left: 2px;
margin-right: 2px;
width: 30px;
height: 40px;
line-height: 40px;
text-align: center;
}
#top.big {
top: 50px;
transition: none;
}
a.yt:before {
content: '\f167';
font-family: 'Font_Awesome_Brands';
display: block;
width: 30px;
line-height: 40px;
height: 40px;
text-align: center;
font-size: 17px;
color: #fff;
}
a.lin:before {
content: '\f0e1';
font-family: 'Font_Awesome_Brands';
display: block;
width: 30px;
line-height: 40px;
height: 40px;
text-align: center;
font-size: 17px;
color: #fff;
}
.globus:before {
content: '\f0ac';
font-family: 'Font_Awesome_Light';
vertical-align: middle;
font-weight: normal;
display: inline-block;
width: 35px;
line-height: 40px;
height: 40px;
text-align: center;
font-size: 24px;
color: #94a5af;
}
#mega-menu-wrap-primary {
display: inline-block;
vertical-align: middle;
}
#menu {
text-align: right;
}
.globus.aktywny:before {
color: #ef7c00 !important;
}
#breadcrumbs {
text-align: center;
margin-top: 15px;
}
.pw {
float: left;
width: 100%;
}
.kontaktprzycisk {
position: absolute;
top: 10px;
right: 15px;
}
#top.big .kontaktprzycisk {
position: absolute;
top: 10px;
}
#top.big .globus {
position: absolute;
top: 10px;
}
.widget_media_image {
max-width: 250px !important;
width: 100%;
margin: auto !important;
float: none !important;
display: inline-block !important;
vertical-align: middle !important;
}
.widget_media_image img {
display: inline-block !important;
object-fit: cover;
vertical-align: middle !important;
float: none !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column {
float: none !important;
display: inline-block;
vertical-align: bottom !important;
}
#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu {
text-align: center !important;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
text-align: center !important;
}
#mega-menu-wrap-primary,
#mega-menu-wrap-primary #mega-menu-primary,
#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column,
#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge {
line-height: 1.2;
}
@media (min-width: 1171px) {
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-2-of-10 {
width: 20% !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-2-of-8 {
width: 25% !important;
}
#mega-menu-item-64 li {
text-align: center;
}
#top.big #mega-menu-primary>li>.mega-sub-menu {
top: 75px !important;
}
#top.small #mega-menu-primary>li>.mega-sub-menu {
top: 60px !important;
}
.mega-sub-menu .mega-current-menu-item a {
color: #94a5af !important;
}
}
.morereal a {
position: absolute;
display: block;
line-height: 1.2;
top: 15%;
right: 30px;
font-size: 40px;
color: #fff;
background: linear-gradient(135deg, rgb(247, 153, 53) 0%, rgb(239, 124, 0) 50%, rgb(177, 101, 19) 100%) !important;
padding: 10px;
padding-right: 30px;
padding-left: 30px;
}
#tra .slick-slide {
padding: 25px !important;
display: grid !important;
grid-auto-flow: row;
color: #fff;
}
#tra .slick-slide p {
padding: 35px;
font-size: 18px;
line-height: 1.2;
}
#tra .slick-slide p strong {
font-size: 30px;
color: #ef7c00;
}
#tra .slick-slide .has-large-font-size a {
font-size: 35px !important;
}
.slick-next {
right: 10px !important;
z-index: 100 !important;
width: 35px !important;
height: 35px !important;
line-height: 35px !important;
text-align: center;
background: #ef7c00 !important;
border-radius: 50px;
}
.slick-prev {
left: 10px !important;
z-index: 100 !important;
width: 35px !important;
height: 35px !important;
line-height: 35px !important;
text-align: center;
background: #ef7c00 !important;
border-radius: 50px;
}
.slick-disabled {
display: none !important;
}
.slick-next:before {
content: '\f054' !important;
font-family: 'Font_Awesome_Solid' !important;
color: #fff !important;
display: block;
width: 35px;
height: 35px;
line-height: 35px !important;
font-size: 12px !important;
opacity: 1 !important
}
.slick-prev:before {
content: '\f053' !important;
;
font-family: 'Font_Awesome_Solid' !important;
color: #fff !important;
display: block;
width: 35px;
height: 35px;
line-height: 35px !important;
font-size: 12px !important;
opacity: 1 !important
}
#txtxeo .slick-slide {
height: 0px;
padding: 25px;
}
#txtxeo .slick-slide.slick-current {
height: auto;
}
.slick-dots li {
width: 30px !important;
height: 6px !important;
margin: 3px !important;
background: none !important;
}
.slick-dots li button {
width: 30px !important;
padding: 0px !important;
height: 6px !important;
background: #94a5af !important;
border-radius: 50px !important;
}
.slick-dots li.slick-active button {
background: #ef7c00 !important;
}
.slick-dots li button::before {
display: none !important;
}
#partnerzy img {
filter: grayscale(100%);
transition: all 0.5s ease;
}
#partnerzy img:hover {
filter: grayscale(0%);
}
@media (max-width:1170px) {
.aktualnosci {
margin-top: 150px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-2-of-8 {
width: 25% !important;
clear: none !important;
display: inline-block;
vertical-align: top !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-2-of-10 {
width: 20% !important;
clear: none !important;
display: inline-block;
vertical-align: top !important;
}
#mega-menu-wrap-primary .mega-menu-toggle {
margin-right: 280px;
}
#top.big .globus,
#top.big .kontaktprzycisk {
position: absolute;
top: 10px;
}
#mega-menu-wrap-primary {
width: 100%;
}
#top.small #jezyki,
#top.big #jezyki {
position: absolute;
right: 80px;
top: 60px;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
max-width: 180px;
z-index: 1;
width: 100%;
text-align: left;
;
}
#banerpod {
height: 110px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-2-of-12 {
width: 16.66667% !important;
clear: none !important;
display: inline-block;
vertical-align: middle;
}
.morereal a {
font-size: 35px;
top: 18%;
}
}
#partnerzy {
float: left;
width: 100%;
position: relative;
z-index: 0;
padding: 15px;
}
#partnerzy .slick-slide {
padding-left: 45px;
padding-right: 45px;
}
#partnerzy .dozmiany img {
opacity: 0.2 !important;
transition: all 0.5s ease;
}
#partnerzy .dozmiany img:hover {
opacity: 1 !important;
}
#klemy .wp-block-group__inner-container {
margin: auto;
padding: 15px;
max-width: 1600px;
}
@media (max-width:990px) {
#top {
padding-left: 10px;
padding-right: 10px;
}
#partnerzy .slick-slide {
padding-left: 25px;
padding-right: 25px;
}
#txtxeo .slick-slide {
padding: 10px;
}
.slick-next {
right: 0px !important;
}
.slick-prev {
left: 0px !important;
}
.morereal a {
font-size: 30px;
top: 15%;
}
#tra .slick-slide {
padding: 10px !important;
}
#tra .slick-slide p {
padding: 25px;
font-size: 18px;
line-height: 1.2;
}
#tra .slick-slide p strong {
font-size: 24px;
}
#tra .slick-slide .has-large-font-size a {
font-size: 25px !important;
}
.animacja {
width: 100%;
}
.aktualnosci {
width: 100%;
margin: 0px;
margin-bottom: 80px;
}
.aktualnosci .wpakt {
width: 48%;
margin-left: 1%;
margin-right: 1%;
float: left;
}
}
.accordion-slider h3.as-layer {
padding: 25px;
margin-bottom: -2px !important;
font-size: 26px !important;
color: #fff !important;
padding-top: 50px;
padding-bottom: 50px;
width: 100%;
display: block;
}
@media (max-width: 768px) {
.aktualnosci {
margin-bottom: 50px;
}
.aktualnosci .wpakt {
width: 100%;
margin-left: 0%;
margin-right: 0%;
float: left;
margin-bottom: 20px;
}
.animacja {
padding-left: 0px;
padding-right: 0px;
}
#top2 {
padding-right: 15px;
padding-left: 15px;
}
#partnerzy .slick-slide {
padding-left: 25px;
padding-right: 25px;
}
.accordion-slider h3.as-layer {
padding: 15px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
font-size: 34px !important;
color: #fff !important;
padding-top: 30px;
padding-bottom: 15px;
width: 100%;
display: block;
}
.morereal a {
position: relative;
font-size: 20px;
right: auto;
top: auto;
margin: auto;
margin-top: 15px;
margin-bottom: 15px;
max-width: 600px;
text-align: center;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-2-of-12 {
width: 33.333% !important;
clear: none !important;
display: inline-block;
vertical-align: middle;
}
#top.big,
#top.small {
position: absolute;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-2-of-10 {
width: 50% !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-2-of-8 {
width: 50% !important;
}
}
@media (max-width:500px) {
#top.big>.strona {
display: block;
}
#menu {
float: none !important;
display: block;
}
#partnerzy {
padding: 0px;
}
#partnerzy .slick-slide {
padding-left: 5px;
padding-right: 5px;
}
.topikony {
padding-bottom: 0px;
}
#top.big {
top: 45px !important;
}
#top.big .globus,
#top.big .kontaktprzycisk {
position: absolute;
top: 8px;
}
#mega-menu-wrap-primary .mega-menu-toggle {
margin-right: 0px;
margin-left: 10px;
float: left;
position: relative !important;
}
.flagaue .wp-block-columns .wp-block-column:last-child {
display: none !important;
}
#top.small #jezyki,
#top.big #jezyki {
position: absolute;
right: 80px;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
max-width: 180px;
z-index: 1;
width: 100%;
text-align: left;
;
}
#banerpod {
height: 170px;
}
.flagaue {
padding-right: 0px !important;
}
.flagaue .wp-block-image img {
width: 55px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-2-of-12 {
width: 50% !important;
clear: none !important;
display: inline-block;
vertical-align: middle;
}
}
.wp-block-boldblocks-counting-number {
display: block;
padding: 15px;
line-height: 1.2;
font-weight: bold;
}
#realizacje {
float: left;
margin-top: 80px;
width: 100%;
position: relative;
z-index: 0;
}
p.as-layer {
color: #fff;
padding: 25px;
display: block;
position: relative;
z-index: 1;
}
#licznik {
float: left;
width: 100%;
position: relative;
z-index: 0;
padding: 0px;
margin-top: 50px;
margin-bottom: 50px;
}
#tra {
float: left;
width: 100%;
position: relative;
z-index: 0;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 50px;
padding-bottom: 50px;
}
#txtxeo {
float: left;
width: 100%;
background: #fff;
color: #000;
position: relative;
z-index: 0;
padding: 0px;
margin-top: 0px;
padding: 15px;
padding-top: 50px;
padding-bottom: 50px;
margin-bottom: 0px;
}
#txtxeo h2 {
line-height: 1.4;
}
.as-panel a {
display: block;
width: 100%;
}
.pv:before {
content: '\f5ba';
font-family: 'Font_Awesome_Light';
display: inline-block;
font-size: 40px;
color: #94a5af;
}
.track:before {
content: '\e265';
font-family: 'Font_Awesome_Light';
display: inline-block;
font-size: 40px;
color: #94a5af;
}
.country:before {
content: '\f57d';
font-family: 'Font_Awesome_Light';
display: inline-block;
font-size: 40px;
color: #94a5af;
}
.has-x-large-font-size {
font-size: 50px !important;
}
#tra .slick-slide .has-large-font-size {
padding: 0px !important;
}
.as-panel {
border-radius: 12px;
}
#licznik .value {
width: 160px;
display: inline-block;
}
#tra .slick-track {
display: grid !important;
grid-auto-flow: column;
}
#klemy .wp-block-group .slick-slide .wp-block-group {
padding: 0px !important;
background: #333333;
border-radius: 12px;
overflow: hidden;
display: grid !important;
}
.slick-slide .wp-block-group__inner-container {
display: grid !important;
}
.formularz {
color: #333333;
background: #fff;
border-radius: 10px;
}
.formularz a {
color: #333333 !important;
}
#licznik .country .value {
width: 85px;
display: inline-block;
}
.kontaktprzycisk .wp-block-buttons {
display: inline-block;
vertical-align: middle;
}
.telefon a {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.telefon a:before {
content: '\f2a0';
font-family: 'Font_Awesome_Light';
display: inline-block;
vertical-align: middle;
font-size: 16px;
margin-right: 10px;
font-weight: normal;
}
.download {
width: 40px;
margin-right: 5px;
}
.download a:before {
content: '\f019';
font-family: 'Font_Awesome_Regular';
font-weight: normal;
;
vertical-align: middle;
display: inline-block;
width: 40px;
margin-top: -3px;
line-height: 40px;
height: 40px;
text-align: center;
font-size: 22px;
color: #94a5af;
}
.download a:hover:before {
color: #ef7c00 !important;
}
.fa-user:before {
content: '\f82c' !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>a[class^='fas']:before {
font-family: 'Font_Awesome_Light' !important;
margin: auto !important;
text-align: center !important;
font-weight: 300 !important;
font-size: 35px !important;
display: block !important;
margin-bottom: 15px !important;
color: #94a5af !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-current-menu-item>a[class^='fas']:before {
color: #ef7c00 !important;
}
.dopobrania {
display: none;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1000;
background: #333333 !important;
padding: 25px;
color: #fff;
}
.dopobrania .wp-block-file>a::before {
top: 0px;
}
.zamknij {
position: absolute;
top: 10px;
right: 10px;
z-index: 1;
width: 40px;
line-height: 40px;
height: 40px;
text-align: center;
}
#menu-realizacje li,
#menu-realizacje-eng li,
#menu-realizacje-de li,
#menu-menu-realizacje-cs li {
width: 15.666% !important;
overflow: hidden;
}
#txtxeo .wp-block-media-text.is-image-fill>.wp-block-media-text__media {
border-radius: 12px;
}
li#menu-item-9471 a:before,
li#menu-item-9540 a:before,
li#menu-item-9544 a:before,
li#menu-item-9550 a:before {
content: "";
display: inline-block;
background-image: url(//energy5.pl/wp-content/themes/energy5/images/ico_tracker.png);
background-size: 40px 40px;
background-repeat: no-repeat;
width: 40px;
height: 40px;
line-height: 40px;
vertical-align: middle;
margin-right: 10px;
filter: grayscale(100%) contrast(1000%);
-webkit-filter: grayscale(100%) contrast(1000%);
-moz-filter: grayscale(100%) contrast(1000%);
}
#nabiezaco,
#partnerzy {
float: left;
width: 100%;
position: relative;
padding: 15px;
}
#nabiezaco {
padding-top: 50px;
padding-bottom: 30px;
}
#nabiezaco iframe {
border-radius: 12px;
overflow: hidden;
}
#nabiezaco .strona {
padding-left: 15px;
padding-right: 15px;
}
.background {
position: absolute;
z-index: 1;
background: rgba(22, 23, 23, 0.6);
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border-radius: 12px;
}
.tlobaner {
position: absolute;
z-index: 1;
background: linear-gradient(180deg, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 1) 100%);
bottom: -2px;
left: 0px;
width: 100%;
height: 20%;
}
#tra .wp-block-group {
background: #202020;
border-radius: 10px;
}
.wp-block-image img {
border-radius: 10px;
}
#ue .wp-block-image img {
border-radius: 3px;
}
@media (min-width: 769px) {
.as-panel .as-background {
transform: translateX(-40%);
transition: all 0.5s ease;
}
.as-panel.as-opened .as-background {
transform: translateX(0%);
transition: all 0.5s ease;
}
}
@media (max-width:1180px) {
#menu-realizacje li,
#menu-realizacje-eng li,
#menu-realizacje-de li,
#menu-menu-realizacje-cs li {
width: 33.3333% !important;
}
}
@media (max-width:990px) {
#menu-realizacje li,
#menu-realizacje-eng li,
#menu-realizacje-de li,
#menu-menu-realizacje-cs li {
width: 50% !important;
}
}
@media (max-width: 768px) {
.morereal a {
border-radius: 50px;
max-width: 320px;
margin-top: 15px;
}
#menu-realizacje li {
width: 100% !important;
margin: 0px !important;
margin-bottom: 2px !important;
}
}
@media (max-width: 600px) {
.wp-block-media-text__content {
padding: 0px !important;
}
}
@media (max-width:500px) {
#menu-realizacje li,
#menu-realizacje-eng li,
#menu-realizacje-de li,
#menu-menu-realizacje-cs li {
width: 100% !important;
}
}
.zamknij:before {
content: '\f00d';
font-family: 'Font_Awesome_Solid';
font-size: 24px;
color: #94a5af;
line-height: 40px;
width: 40px;
text-align: center;
}
.rellax img {
border-radius: 10px;
}
.wpakt {
float: none !important;
display: inline-block !important;
vertical-align: top !important;
width: 100% !important;
}
.animacja,
.aktualnosci {
width: 100% !important;
}
.aktualnosci {
margin: 0px !important;
margin-bottom: 100px !important;
display: grid !important;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 25px;
}
.wpakt {
position: relative;
display: grid;
border-radius: 10px !important;
background: #fff;
padding: 15px;
margin: 0px !important;
padding-right: 45px;
position: relative;
}
.wpakt h2 {
height: 100%;
background: none;
width: 100% !important;
max-width: 100%;
margin-bottom: 5px;
padding: 0px;
}
.wpakt a {
display: block;
width: 100%;
}
.wpakt a:first-child:after {
content: '';
top: 0px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
height: 100%;
position: absolute;
right: 0px;
width: 30px;
background: linear-gradient(135deg, rgb(247, 153, 53) 0%, rgb(239, 124, 0) 50%, rgb(177, 101, 19) 100%) !important;
z-index: 0;
transition: all 0.3s ease;
}
.wpakt a:first-child:before {
content: '\f054';
font-family: 'Font_Awesome_Solid';
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
color: #fff;
font-size: 12px;
z-index: 10;
transition: all 0.3s ease;
}
.wpakt .catakt {
background: none !important;
padding: 0px !important;
color: #94a5af !important;
}
.wpakt a:first-child:hover:after {
width: 40px;
}
.wpakt a:first-child:hover:before {
right: 15px;
}
.pgntn-page-pagination span,
.pgntn-page-pagination a {
border-radius: 4px;
}
@media (min-width: 991px) {}
@media (max-width: 990px) {
.aktualnosci {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 600px) {
.aktualnosci {
grid-template-columns: 1fr;
grid-gap: 15px;
}
}
.category-6 .lista {
background: #333333 !important;
}
.szczegoly {
background: #333333 !important;
}
.szczegolytxt {
color: #333333 !important;
border-radius: 10px;
}
.data span {
background: #fff;
position: relative;
z-index: 1;
padding: 5px;
}
.txtzamow {
background: #fff;
color: #333333 !important;
padding-left: 25px;
padding-top: 25px;
padding-right: 25px;
border-radius: 10px;
float: left;
width: 100%;
position: relative;
}
.txtzamow a {
color: #333333 !important
}
.opiskat a {
color: rgb(239, 124, 0);
}
.kategoria #menu-menu-oferta,
.kategoria #menu-menu-oferta-eng,
.prod #menu-menu-oferta-eng,
.prod #menu-menu-oferta,
#menu-realizacje,
#menu-realizacje-eng,
#menu-realizacje-de,
#menu-realizacje-cs,
.prod #menu-menu-oferta-de,
.kategoria #menu-menu-oferta-de,
#menu-menu-realizacje-cs,
.prod #menu-menu-oferta-cs,
.kategoria #menu-menu-oferta-cs {
background: #ef7c00 !important;
float: left;
width: 100%;
border-radius: 8px;
overflow: hidden;
}
.kategoria #menu-menu-oferta li.current-menu-item a:before,
.kategoria #menu-menu-oferta-eng li.current-menu-item a:before,
.prod #menu-menu-oferta li.current-page-ancestor a:before,
.prod #menu-menu-oferta-eng li.current-page-ancestor a:before,
.kategoria #menu-realizacje li.current-menu-item a:before,
.kategoria #menu-realizacje-eng li.current-menu-item a:before,
.kategoria #menu-realizacje-de li.current-menu-item a:before,
#menu-menu-oferta-de li.current-menu-item a:before,
.prod #menu-menu-oferta-de li.current-page-ancestor a:before,
#menu-menu-realizacje-cs li.current-menu-item a:before,
.prod #menu-menu-oferta-cs li.current-page-ancestor a:before,
#menu-menu-oferta-cs li.current-menu-item a:before {
filter: none !important;
}
.pgntn-page-pagination a {
border: 1px solid #494949 !important;
color: #fff !important;
}
.pgntn-page-pagination-intro,
.pgntn-page-pagination .current {
border: 1px solid #94a5af !important;
background: #94a5af !important;
color: #fff !important;
}
.txtzamow {
transform: none !important;
z-index: 1000;
}
.pgntn-page-pagination .dots {
color: #333333 !important;
}
#tra .wp-block-group {
background: #fff !important;
}
#tra .slick-slide {
color: #333333 !important;
}
#tra .wp-block-group.bigmore {
background: linear-gradient(135deg, rgb(247, 153, 53) 0%, rgb(239, 124, 0) 50%, rgb(177, 101, 19) 100%) !important;
}
#txtxeo a {
color: #333333 !important;
}
.insert-page {
background: #fff;
border-radius: 10px;
}
.page-template-formularz #content .strona,
.page-template-kontakt #content .strona {
z-index: 10;
}
a .protxt h2 {
color: #333333 !important;
}
.pgntn-page-pagination .dots {
color: #fff !important;
}
.homeform,
.kontaktform {
transform: none !important;
}
.formularz {
z-index: 10;
}