@import url('https://fonts.googleapis.com/css?family=Open+Sans');

 .d-inline-block{
  display:inline-block;
}

.map__tooltip{
  text-align:left;
  position:absolute;
  top:30%;
  left:25%;
  padding: 1.5625rem 3.125rem;
  background:#fefefe;
  z-index:100;
  box-shadow:0px 3px 22px rgba(0,0,0,0.2);
}

.map__triangle {
  border-style:solid;
  border-width:1.25rem 0 1.25rem 1.875rem;
  border-color: transparent transparent transparent #fefefe;
  position: absolute;
  right:-8%;
  top:39%;
}

.lead-text {
  margin-bottom: 35px;
}

.lead-text ul {
  list-style-type: disc;
  padding-left: 20px;
}

.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
  overflow: hidden;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Pokaż więcej ▼';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Pokaż mniej ▲';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 1em;
  color: #fff;
  background-color: #004896;
  font-size: .9em;
  line-height: 2;
  float: right;
  font-weight: 400;
}

.ButtonKategorii {
  display: block;
  width:100%;
  line-height:35px;
  background-color: gray;
  text-align: center;
  font-size: 10.75pt;
  color: #fff;
  border:0;
  transition: all 0.3s ease 0s;
}
.ButtonMapy {
  display: block;
  width:100%;
  line-height:35px;
  background-color: #004896;
  text-align: center;
  font-size: 10.75pt;
  color: #fff;
  border:0;
  transition: all 0.3s ease 0s;
  border-radius: 25px;
}
.ButtonMapy2 {
  display: block;
  width:100%;
  line-height:35px;
  background-color: #808080;
  text-align: center;
  text-transform: uppercase;
  font-size: 10.75pt;
  color: #fff;
  border:0;
  transition: all 0.3s ease 0s;
  /* border-radius: 25px; */
}
.buttonCzytaj {
  display: block;
  width:100%;
  line-height:35px;
  background-color: #004896;
  text-align: center;
  font-size: 10.75pt;
  color: #fff!important;
  border:0;
  transition: all 0.3s ease 0s;
  margin-right:40px;
  margin-left: -15px;
}
.ButtonSzary {
  display: block;
  width:100%;
  line-height:35px;
  background-color: #808080;
  text-align: center;
  font-size: 10.75pt;
  color: #fff;
  border:0;
  transition: all 0.3s ease 0s;
  border-radius: 0px!important;
  margin: 7px;
}
.btndalej {
  margin-left: -15px;
}    
.mobilek {
  margin-bottom:15px;
}
​​.mobilek td {
  vertical-align: top;
}

.mobilny {
  margin-bottom:15px;
}

@media (max-width:425px) {
  .mobilek {display: block; width: 100%!important;}
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .mapamobilna {display: block; width: 80%;}
  .mobilny {display:block;width:100%;top:150px;}
}

@media only screen and (min-width: 601px) {
  .mobilny {width:69%;}
  .mapamobilna {margin-top:10px;margin-left:40px;}
  /* mouse over link */
  a:hover {color: #FCB02A!important;}
}

#bn .page .container .read-more-wrap p {
  color:#000;
}

#bn .page .container .read-more-wrap .read-more-target p {
  color: #000;
}

.header_foto {
  position: relative;
  max-height:400px; 
  overflow: hidden;
  margin-bottom: 10px;
}

.header_foto h1 {
  border-bottom:3px solid #004896; 
  color:#004896; 
  background-color: rgba(255, 255, 255, 0.9);
  padding:10px;
  line-height:132%;
  font-family: Roboto;
  font-weight:bold; 
  text-transform: uppercase
}

@media (max-width:600px) {
  .header_foto h1 {
    font-size: 1.5em;
  }
}

.landing-product img,
.landing-producer img {
  transition: all 0.2s ease-in;
}

.landing-product:hover img,
.landing-producer:hover img {
  transform: scale(1.05);
}