html, body, div, a, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
outline: none;
vertical-align: baseline;
border: none;
background: none;
margin: 0;
padding: 0;
}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {
display: block;
}
button, input, select, textarea {
font: inherit;
margin: 0;
border: none;
}
[required] { -webkit-box-shadow: none; box-shadow: none; }
ol, ul { list-style-type: none; padding: 0; margin: 0; }
a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
color: inherit;
text-decoration: none;
}
a:focus { outline: none;}
a:active {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}

::-moz-selection {  }
::selection { }
@media all and (min-width:1300px) {
html { font-size: 62.5%; } 
}
@media all and (min-width:1200px) and (max-width:1299px) {
html { font-size: 60.5%; } 
}
@media all and (min-width:1000px) and (max-width:1199px) {
html { font-size: 58.5%; } 
.width { width:96%; margin:0 2%}
}
@media all and (min-width:800px) and (max-width:999px) {
html { font-size: 56.5%; } 
.width { width:96%; margin:0 2%}
}
@media all and (min-width:500px) and (max-width:799px) {
html { font-size: 58.5%; } 
.width { width:96%; margin:0 2%}
}
@media all and (max-width:499px) {
html { font-size: 55.5%; } 
.width { width:96%; margin:0 2%}
}
body {
    font-size:1.4rem;
    color:#414141;
    font-family: 'Roboto', sans-serif;
    line-height:2.2rem;
}
.width { margin:0 auto; width:1240px; position: relative;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
section {position:relative;}
.blue_bg_1 { background:#004d92;}
.blue_bg_2 { background:#146fc1;}
.blue_1 { color:#004d92;}
.blue_2 { color:#146fc1;}
.grey_bg { background:#ebebeb;}
.grey { color:#9a9a9a;}
.text-left {text-align:left!important}
.justify {text-align:justify!important;}
.more {
    color: white;
    line-height: 4rem;
    display: block;
    font-weight: 300;
    width: 12rem;
    text-align: center;
    margin-top: 2rem;
}
#blok-firma {margin-bottom: 2rem;margin-top: -2rem;}
#blok-firma img {width:100%!important; height:auto!important;}
.more:hover {background:#004d92;}
header {padding: 1rem 0;}
#logo a {float:left; display:block;}
#logo-opis {    float: left;
    padding-top: 2rem;
    display: block;
    line-height: 2.8rem;
    margin-left: 2rem;
    color:white;
}
#logo-opis h1 {font-size:2.4rem;}
#logo-opis .eng-logo {font-weight:300; font-size:2rem!important;}
#container {
    width:1240px;
    box-shadow:0 0 20px grey;
    margin:0 auto;
}
.gallery #container{width:100%;}
#padding {padding:25px 30px;}
#menu {position:relative; z-index:999;}
#menu ul li {float: left; width: 14.28%;background:white;}
#menu ul li span {
    text-align: center;
    text-transform: none;
    line-height: 2rem;
    border: 1px solid #ebebeb;
    border-right: none;
    display: flex;
    height: 6rem;
    justify-content: center;
    align-items: center;
    width: 100%;
}
#menu ul li span:hover {background:#a9a9a9; color:white;}
#menu ul li:first-child a {border-left:none}
.sectionheader:hover {background:grey;}
.sectionheader ul, .menuparent ul {position: absolute; width:100%;max-height:0;overflow:hidden;opacity:0;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear;transition: all 0.2s linear;}
.sectionheader:hover ul, .menuparent:hover ul{max-height:25rem;opacity:1;}
#menu .sectionheader ul li, #menu .menuparent ul li {float:inherit;border-right:1px solid #ebebeb;}
#menu .sectionheader ul li span, #menu .menuparent ul li span {border-top:none;text-transform:none;}

#left {width:65%; float:left;}
#left-fluid {width:100%;}
#right {width:32%; float:right;}
.misja {    font-size: 2rem;
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 2rem;
    font-weight: 500;
}
#misja h2, #tworzymy h2 {font-size: 1.4rem;
    font-weight: 400;
    text-align: justify;
}
hr {background: #E0E0E0;
    border: none;
    height: 1px;
    width: 100%;
    margin: 3rem 0;
}


.tabela_zdj {border-bottom:1px solid darkgrey;position: relative;}
.tabela_zdj img{position:absolute;top:26%;bottom:0;left:0;right:0;margin:0 auto;}
.tabela{border-bottom:1px solid darkgrey;text-align:center;}
.tabela_text{border-bottom:1px solid darkgrey;text-align:center;}


div#slideshow_1 {width: 100%!important; height:32rem!important;}
div#slideshow_1 ul#slides_1 {width: 100%!important;}
div#slideshow_1 ul#slides_1 li {    width: 100%!important;
    display: flex!important;
    align-items: center;
    align-content: center;}
div#slideshow_1 ul#slides_1 li img {    width: 100%!important;
    height: 100%;
    object-fit: cover;}
.title {line-height: 4.5rem;
    padding: 0 0 0 2rem;
    text-transform: uppercase;
    color: white;
    font-size: 1.8rem;
    font-weight: 300;
}
.NewsSummary {padding: 2rem 0; border-bottom: 1px solid #D6D6D6;}
.NewsSummaryLink {font-size: 2rem;
    width: 100%;
    display: block;
    font-weight: 500;
}
.NewsSummaryPostdate {font-size:1.3rem;margin-bottom:1.5rem;}
.NewsSummaryMorelink a {
line-height: 3.5rem;
    display: block;
    font-weight: 300;
    width: 11rem;
    text-align: center;
    margin-top: 1rem;
    color: #146fc1;
    border: 1px solid #146fc1;
    font-size: 1.3rem;
}
.NewsSummaryMorelink a:hover {
    background:#146fc1; color:white;
}
#starsze {
    line-height: 4rem;
    margin: 1rem 0 3rem 0;
    display: block;
    color: white;
    background: #C5C5C5;
    text-align: center;
    float: right;
    padding: 0 2rem;
}
#starsze:hover {background:#004d92}
#corobimy {margin-bottom:4rem;}
#corobimy .title {margin-bottom:2rem;}
.title2 {
    font-size: 2rem;
    text-transform: uppercase;
    border-bottom: 4px solid;
    font-weight: 400;
    padding-bottom: 0.5rem;
}
.hr{padding: 0;
    margin: 0;
    margin-top: calc(0.5rem + 3px);
    height: 2px;
    margin-bottom:2rem;
}
#wspolpracujemy {margin-top:2rem;margin-bottom:2rem;}
#wspolpraca {width:100%; background:white; height:20rem;}
.menu-list {}
.menu-list li {line-height: 3.5rem;
    border-bottom: 1px solid #a9a9a9;
    list-style-type: initial;
    padding-left: 2rem;
    list-style-position: inside;
}
#wspolpracujemy .loga{
display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:center;
}
#wspolpracujemy .loga img{
    width:auto;
}
#wspolpracujemy .loga p {
    width:100%;
    text-align:center;
}
.menu-list li a {
    font-weight: 500;
    display: block;
    padding-top: 0.2em;
}
.menu-list li a:hover span, .menu-list li:hover {color:#004d92;}
#dzialalnosc {margin:1rem 0 4rem 0;}
.loga img {    width: 30%;
    border: 1px solid #a9a9a9;
    margin-right: 2%;
    margin-bottom:2%;
}
.loga img:nth-child(3n){margin-right:0;}
#s4 {
    height: 20rem!important;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    align-content: center;
}
#s4 #box {    margin-left: 20%!important;
    height: 16rem;
    margin-top: 2rem;
    align-items: center;
    align-content: center;
    width: 60%;
}
#s4 #box img {    width: 100%;
    height: 100%;
    object-fit: contain;
}
#slideshow_1 #comments_st_1 {opacity:0;}
#slideshow_1:hover #comments_st_1 {opacity:1;}
#slideshow_1 .commentsparts_st_1 { background-color: rgba(0, 0, 0, 0.5)!important}
div#slideshow_1 ul#prevnextnav_1 li#prev_1 {left:0!important}
div#slideshow_1 ul#prevnextnav_1 li#next_1 {left:inherit!important;right:0;margin:0!important;}
div#slideshow_1 ul#prevnextnav_1 li#next_1 a{background: url(/uploads/page/nav-right.png)!important;}
div#slideshow_1 ul#prevnextnav_1 li#prev_1 a{background: url(/uploads/page/nav-left.png)!important;}

#nav {position:absolute;margin-top:-12rem;z-index:9999;height: 3rem;width: 100%;}
#prev {    position: absolute;
    left: 0;
    display: block;
    background: url(/uploads/page/nav-left.png);
    width: 39px;
    height: 39px;
    overflow: hidden;
    text-indent: 999px;}
#next {    position: absolute;
    right: 0;
    display: block;
    background: url(/uploads/page/nav-right.png);
    width: 39px;
    height: 39px;
    overflow: hidden;
    text-indent: 999px;}
footer {
    width:100%;
    background:#146fc1;
    color:white;
    padding:3rem 0 4rem 0;
}
.box-foot {
    width:29%;
    margin-right:6.33%;
}

.box-foot:nth-child(3){margin-right:0}
footer .title2 {border-bottom:4px solid #004d92;}
#partnerzy-title {
    font-size: 1.8rem;
    text-transform: uppercase;
    line-height: 4rem;
}
#czlonkowie-izby{
        width: 100%;
    background: transparent;
    margin-bottom:1rem;
    padding-top: 2rem;
}
footer .menu-list ul li {border-bottom: 1px solid white;}
#prawa {padding:1rem 0; line-height:3rem;color:white;}
#text .title {margin-bottom:2rem;}
#mobile-button {display:none;width:4rem;height:4rem;float:right;background:url(/uploads/page/menu-button.png);background-size: contain;}
#text p {margin:2rem 0;  }
.strzalki a{color: #FFFFFF;padding: 2px 8px;height: 20px;background: #929292;display: inline-block;text-align: center;line-height: 18px;    font-size: 14px!important;}
.strzalki p{margin:0!important;}
#text a {color: #004d92;font-weight: 700;}
#text a:hover {text-decoration:underline;}
#text table a {display: block;
    padding: 1rem 2rem;
    width: 96%;
    margin: 1% 2%;
    line-height: 1.8rem;
    color: white;
    font-size: 1.3rem;
    border-radius: 10px;
    box-sizing: border-box;
    background:white; border:1px solid #004d92; color:#004d92;
    font-weight:400;
    
}
#text table a:hover {background: #004d92; color:white;text-decoration:none;}
#text table {width:100%!important}
#text table td {width:50%;}
#text ol {padding-left:20px; list-style-type:decimal;}
#text ol ol {list-style-type:lower-alpha;}
#logowanie input {border: 1px solid #E0E0E0;padding: 5px 10px;min-width: 250px;margin: 10px 0px;box-sizing: initial;}
#logowanie input[type="submit"] {cursor:pointer}
#google_translate_element{position: absolute;right: 0;}
#owl-demo2, #owl-demo3 {width:80%; margin:0 10%;}
#owl-demo2 .owl-item, #owl-demo3 .owl-items {    
    height: 16rem;
    margin: 2rem 0;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content:center;
}
#owl-demo2 .item, #owl-demo3 .items { 
    display: flex!important;
    height: 100%;
    align-items: center;
    align-content: center;
}
#owl-demo{
    display:flex;
    align-items:center;
}
#owl-demo .owl-wrapper{
    display:flex !important;
    align-items:center;
}
#owl-demo2 .item img, #owl-demo3 .items img{ 
align-items: center;
    align-content: center;
    object-fit: contain;
}
#text .strzalki a {color:white; font-size:14px;font-weight:400;}
.strzalki{margin:1rem 0;}
#text img { max-width:100%!important;height:auto;}


/* mobile */
@media all and (min-width:1000px) and (max-width:1299px) {
.width {width:1040px;}
#container {width:1040px;}
}
@media all and (min-width:1000px) and (max-width:1099px) {
.width { width:96%; margin:0 2%}
#container { width:96%; margin:0 2%; box-shadow:inherit;}
#padding{padding:3rem 0}
}
@media all and (min-width:800px) and (max-width:999px) {
.width { width:96%; margin:0 2%}
#container { width:96%; margin:0 2%; box-shadow:inherit;}
#padding{padding:3rem 0}
.title2 {font-size: 1.8rem;}
}
@media all and (min-width:500px) and (max-width:799px) {
.width { width:96%; margin:0 2%}
#container { width:96%; margin:0 2%; box-shadow:inherit;}
#padding{padding:3rem 0}
.title2 {font-size: 1.8rem;}
#left, #right {width:100%;}
.loga img {width: 17.3%;border: 1px solid #a9a9a9;margin-right: 2%;margin-bottom:2%;}
.loga img:nth-child(3n) {margin-right:2%;}
.loga img:nth-child(5n) {margin-right:0;}
.loga{
    display:flex;
    align-items:center;
    justify-content:center;
}
#logo {float:left;}
#logo a {width:10rem;}
#logo a img{width:100%;}
#logo-opis {padding-top: 1rem;}
#logo-opis h1 {font-size:1.7rem!important;}
#logo-opis .eng-logo {font-size:1.5rem!important;}
#menu {height:0;opacity:0;}
.pokaz{height:auto!important;opacity:1!important;}
#menu ul li {float: inherit;width: 100%;background: white;}
#menu ul li span {border: 1px solid #ebebeb;border-right: 1px solid #ebebeb;border-top: none;height: 4rem;}
#menu .sectionheader ul li, #menu .menuparent ul li {    background: #ebebeb;}
.sectionheader ul, .menuparent ul {position:relative;}
#mobile-button {display:block;margin-top: 1.5rem;}
.box-foot:first-child{display:none;}
.box-foot {width: 48%;margin-right: 4%;margin-bottom:3rem;}
.box-foot:nth-child(3){margin-right:0;margin-bottom:0}
}
@media all and (max-width:499px) {
.width { width:92%; margin:0 4%}
#container { width:92%; margin:0 4%; box-shadow:inherit;}
#padding{padding:3rem 0}
.title2 {font-size: 1.8rem;}
#left, #right {width:100%;}
#logo {float:left;}
#logo a {width:10rem;}
#logo a img{width:100%;}
#logo-opis {display:none;}
#menu {height:0;opacity:0;}
.pokaz{height:auto!important;opacity:1!important;}
#menu ul li {float: inherit;width: 100%;background: white;}
#menu ul li span {border: 1px solid #ebebeb;border-right: 1px solid #ebebeb;border-top: none;height: 4rem;}
#menu .sectionheader ul li, #menu .menuparent ul li {    background: #ebebeb;}
.sectionheader ul, .menuparent ul {position:relative;}
#mobile-button {display:block;margin-top: 1.5rem;}
div#slideshow_1 {height:25rem!important;}
.box-foot:first-child{display:none;}
.box-foot {width: 100%;margin-right: 0;margin-bottom:3rem}
.box-foot:nth-child(3){margin-right:0;margin-bottom:0}
}

.link-img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 2rem auto;
}

#owl-slider img{
    width:60%;
    height:60%;
}

.facebook-link {
        color: #fff;
    font-size: 36px;
    right: 0;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}

img[src="/uploads/page/logo.png"]{
    max-width:180px;
}

.columne{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.ev-date{
        color: #024c95;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing:2px;
}
.ev-title{
    margin-bottom:21px;
}
.ev-text{
    margin-bottom:20px;
    line-height:2;
}

.ev-btn-container a{
    margin:0;
}

.ev-container-all{
    text-align:center;
    margin-top:25px;
    margin-bottom:70px;
}
.ev-container-all a{
    background:#146fc0;
    color:white;
    padding:11px 20px;
}


div#slideshow_1{
   height:44rem !important;
}

img[src="/uploads/page/logo.png"]{
      image-rendering: crisp-edges;
      image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;


}

/* Content togle css
----------------------------------------*/
input[name='panel'] {
  display: none;
}
.collapse-subtittle {
  font-size: 10px;
}

label {
  display: block;
  padding: 10px 20px;
  width: 100%;
  /*height: 2.5em;*/
  
  border: 5px solid #156fc1;
  color: #000;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 1em;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 20px;
  margin-bottom: 15px;
  transition: 0.3s ease-in-out;
}

label:hover {
  background: #156fc1;
  color: #fff;
}

.collapsible {
  display: block;
  padding: 0 1em;
  width: 100%;
  background: hsl(0, 1%, 90%);
  box-sizing: border-box;
}

input[name='panel'] + .collapsible {
  overflow: hidden;
  height: 0;

  -webkit-transition: height 1s ease;
  -moz-transition: height 1s ease;
  -ms-transition: height 1s ease;
  -o-transition: height 1s ease;
  transition: height 1s ease;
}

input[name='panel']:checked + .collapsible {
  overflow: auto;
  height: auto; /* needs a numeric value here to keep transition, default- 200px */
}
/* END Content togle css */

.export_promotion-button {
  max-width: 900px;
  height: 100px;
  border: 5px solid #156fc1;
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  text-align: center;
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  font-size: 42px;
  font-weight: bold;
  transition: 0.3s ease-in-out;
  
}
.export_promotion-span {
  font-size: 20px; 
  font-weight: normal;
  letter-spacing: 3px;
  transition: 0.3s ease-in-out;
  text-transform: uppercase;
}
.export_promotion-button:hover {
  color: #fff;
  background-color: #156fc1;
}
.export_promotion-button:hover .export_promotion-span {
  letter-spacing: 1px;
}
@media (max-width: 600px) {
 .export_promotion-button {
  font-size:25px;
	}
  .export_promotion-span {
    font-size: 14px; 
    letter-spacing: 2px;
  }
}
.collapsible-img {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(350px, 1fr) );
    justify-content: space-evenly;
    justify-items: center;
    align-items: center;
}
.button_electro-industry-poland {
  display: inline-block;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #0077cc;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.button_electro-industry-poland:hover {
  background-color: #005daa;
}


/* Stylesheet: PIGE - main Modified On 2023-04-03 14:42:13 */
