@font-face {
  font-family: 'lato';
  src: url('../fonts/lato-black-webfont.eot');
  src: url('../fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-black-webfont.svg#latoblack') format('svg'), url('../fonts/lato-black-webfont.woff') format('woff'), url('../fonts/lato-black-webfont.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'lato';
  src: url('../fonts/lato-italic-webfont.eot');
  src: url('../fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-italic-webfont.svg#latoitalic') format('svg'), url('../fonts/lato-italic-webfont.woff') format('woff'), url('../fonts/lato-italic-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'lato';
  src: url('../fonts/lato-regular-webfont.eot');
  src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-regular-webfont.svg#latoregular') format('svg'), url('../fonts/lato-regular-webfont.woff') format('woff'), url('../fonts/lato-regular-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'lato';
  src: url('../fonts/lato-light-webfont.eot');
  src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-light-webfont.svg#latolight') format('svg'), url('../fonts/lato-light-webfont.woff') format('woff'), url('../fonts/lato-light-webfont.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

a {      color:#575656; }
a:hover {color:#bfbfbf !important; text-decoration:none}
/* Menu!!  */
.navbar-nav > li { list-style:none;}
.nav-item a {font-size:1.2rem }

/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {   margin-bottom:1rem;}
.navbar .dropdown-menu {  border:none;  background-color:#fff!important;}
/* breakpoint and up - mega dropdown styles */
.navbar .nav-item a {      color:#575656; }
@media screen and (min-width: 992px) {  
  /* remove the padding from the navbar so the dropdown hover state is not broken */
.navbar {  padding-top:0px;  padding-bottom:0px;}
/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.navbar .nav-item {padding:0 ;margin:0 1.2rem;}

/* makes the dropdown full width  */
.navbar .dropdown {position:static;}
.navbar .dropdown-menu {  width:100%;  left:0;  right:0; top: 65px;  display:block;  visibility: hidden;  opacity: 0;  transition: visibility 0s, opacity 0.3s linear;}  
  /* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {  display:block;  visibility: visible;  opacity: 1;  transition: visibility 0s, opacity 0.3s linear;}
.navbar .dropdown-menu {    border: 1px solid rgba(0,0,0,.15);    background-color: #fff;    text-align:center;    padding-top:1rem;  }
.navbar .dropdown-menu a {text-decoration:none}
}
.navbar-toggler-icon {    display: inline-block;    width: 2em;    height: 2em;    vertical-align: middle;}
.dropdownnaglowek { font-weight:700; padding-top:2rem !important; border-bottom: 5px solid #ef7c00 }
.dropdownstopka {background-color:#575656; padding-top:1rem; font-weight:600; letter-spacing:.05rem}
.dropdownstopka a {color:#fff !important}

@media screen and (-webkit-min-device-pixel-ratio: 0) {  select {    font-family: sans-serif;  }}

#layout-nav {margin-bottom: 3rem;}
#stopkalogos img {width:100px; height:auto}
.stopka-lokalizacje li {display: inline-block;}
.stopka-lokalizacje li:after {content:"\00a0\00a0 ● \00a0\00a0"; color:#ef7c00;}
.stopka-lokalizacje li:first-child:before {content:"Nasze oddziały: \00a0\00a0";}
.stopka-lokalizacje li:last-child:after {content:" ";}
.onas {background: #2a363b;}
.onas h2 {color: #fff;}
#o-firmie {margin: 6rem 0;  color:#fff; padding:4rem 0}
#stopkalogos {margin-top: 6rem; margin-bottom: 6rem;}
.oferta-dol {background: #2a363b;}
.oferta-dol a {color:#fff !important}
#kafle {margin: 5rem 0;}
#kafle a {color:#2a363b; }
#kafle .card-body {padding:10px; position:absolute; bottom:0px; background-color:#ffffffcf; width:100%}
#kafle h5 {margin:0; font-size:1.5rem !important; text-align:center; }

#szybkont { background-color:#575656; color:#fff; padding-top:10px; margin-bottom:20px}
.galeria li {list-style:none; float:left; margin: 20px}
.realizacje-lista li {list-style:none; float:left; margin: 20px}
.record-list li {list-style:none;}
h2 { padding-left:33px; background-image:url('../images/plomien.png'); background-repeat: no-repeat; background-position:left center;  line-height:4.3rem }
.post-list h3 {background-image:url('../images/plomien.png'); background-repeat: no-repeat; background-position:left center; padding-left:33px ; line-height:4rem }
.post-list li {list-style:none}
.marginesdol {margin-top:4rem}
#footer {margin-top:5rem}
#footer  a {color:#586667;}
.oferty {width:1200px; left:-305px;  text-align: center;}
.lokal {width:900px; left:-490px;  text-align: center;}
.dropdown-menu li {list-style:none;}

.float-left {float:left}
.zdjecie {margin: 0 20px 20px 0}

@media (max-device-width: 480px) {  
.dropdown li {text-align:left}
.dropdown-header  {padding: 10px 0 !important; font-weight:bold}
.dropdown-menu ul {padding:0px}
.dropdown-menu .oferta-dol {padding:15px}
.socialf {text-align:left !important; margin-top:30px}
#stopkalogos {display:none}
}

.hovereffect {  width: 100%;  height: 100%;  float: left;  overflow: hidden;  position: relative;  text-align: center;  cursor: pointer;}
.hovereffect .overlay { width: 100%;  height: 100%;  position: absolute;  overflow: hidden;  top: 0;  left: 0; }
.hovereffect img {  display: block;  position: relative;  -webkit-transition: all 0.2s ease-in;  transition: all 0.2s ease-in;}
.hovereffect:hover img { filter: grayscale(1);  -webkit-filter: grayscale(1) ;  }
.hovereffect h2 {  text-transform: uppercase;  text-align: center;  position: relative;  font-size: 17px;  padding: 10px;  background: rgba(0, 0, 0, 0.6);}
.hovereffect span.info {  display: inline-block;  text-decoration: none;  padding: 7px 14px;  border: 1px solid #ef7c00;  margin: 150px 0 0 0;  background-color: #fffffffa; 
color: #000 !important;   text-transform: uppercase;  font-weight:700;}