@charset "utf-8";
/* CSS Document */
body {font-family: 'Open Sans', sans-serif;}
.top {
  background: linear-gradient(
    to right,
    #fcd82c 0%,
    #fcd82c 30%,
    #202020 30%,
    #202020 100%
  );
  height:130px;
  color:#FFF;
}

#navbarNav {position:relative;}
#navbarNav .sub-menu {padding:0px;margin:0px;display:none;border-top:2px solid #000}
#navbarNav .sub-menu li {list-style:none;margin:0px;padding:0px;float:left;width:16.66%}
#navbarNav .sub-menu li a {display:block;background:#fcd82c;padding:10px;margin:10px;font-size:12px;border-radius:10px;text-align:center;color:#000;}
@media (max-width: 992px) {
  #navbarNav .sub-menu {border-top:2px solid #fcd82c}
  #navbarNav .sub-menu li {width:100%;margin-left:20px;}
  #navbarNav .sub-menu li a {text-align:left;margin:0px !important;padding:8px 0px !important;font-size:16px;color:rgba(0, 0, 0, 0.5);font-weight:700;background:none;}
}

.top p { font-size:20px; font-weight: bold; position:absolute; right:30px; top:30px;}
.navtop {
	text-transform:uppercase;
	background:#f7f7f7;
	position:absolute;
	top:100px;
	z-index:8999;
	left: 0px;
right:0px;
margin: 0 auto;
}
.nav-item { margin-left:20px; color:#202020; font-size:16px; font-weight:bold !important;}
.nav-link a:link {color:#202020; }


/*
Removes white gap between slides - chagnge to base color of slide images
*/
.carousel {
  background:#007aeb;
   position:absolute;
}

/*
Forces image to be 100% width and not max width of 100%
*/
.carousel-item .img-fluid {
  width:100%;
}

/*
anchors are inline so you need ot make them block to go full width
*/
.carousel-item a {
  display: block;
  width:100%;
}


.page-template {
	background:#FFF;
  position:relative;
  margin-top:370px;
  padding-top:1px;
	}

.spacja { margin-bottom:10px;}


.grow {transition:all 0.3s ease;}
.grow:hover
{
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
}


h2 { font-size:26px; text-transform:uppercase; margin-top:15px; margin-bottom:15px; font-weight:bold;}
.text { font-size:18px; text-align:justify;}

.pytania { background:#fcd82c; position:relative;}
.pytania h4 { font-size:24px; font-weight:bold; text-transform:uppercase; text-align:center; margin:40px auto;}
.pytania h4 a {color:#000;}
.pytania h4 a:link { background:#FFF; color:#000 !important; padding:10px;}
.pytania h4 a:hover { background:#000; color:#fff; text-decoration:none;}

.numery { background: #202020; border-bottom:1px solid #FFF; position:relative;}
.numery h4 { font-size:24px; text-align:center; margin:15px auto; color:#FFF; position:relative;}

.namiary { background: #181818; padding-top:25px; padding-bottom:25px;border-bottom:0px solid #FFF;}
.namiary p { color:#FFF; line-height:14px; font-size:18px;}

.stopka { background: #202020; padding-top:10px; padding-bottom:10px;}
.stopka p { color:#FFF; font-size:12px;}
.stopka p span {color:#fcd82c; margin-right:20px;}
.realizacja p { color: #666;;}

#map {
       width:100%;height:500px;
     }
.wpcf7-submit {border:0px none;background:#fcd82c;padding:5px 10px;font-size:20px;}

.page .entry-content {padding-bottom:20px}
.home.page .entry-content {padding-bottom:0px}


.article-separator {clear:both;margin:10px 0px;width:100%;height:2px;background:#fcd82c;font-size:0px;line-height:0px;}

.gallery { margin: 0 auto 18px; }
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
  margin-bottom:25px;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {
	box-shadow: 0px 0px 4px #999;
	border: 1px solid white;
	padding: 8px;
	background: #f2f2f2;
}
.gallery img:hover {
	background: white;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }