@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=DM+Serif+Display&family=Merriweather&display=swap');
*:focus {
	outline:none !important
}
html,body{
	/*margin-top: 50px;*/
	overflow-x: hidden;
	padding: 0;
	/*font-family: 'Roboto', sans-serif;*/
	/*font-family: 'Gotham Pro', sans-serif;*/
	/*font-family: 'Playfair Display', serif;*/
	/*font-family: 'Abril Fatface', cursive;*/
	/*font-family: 'DM Serif Display', serif;*/
	font-family: 'Merriweather', serif;
	padding-top: 44px;
	font-size: 0.93rem;
}
.dropdown-item{
	/*font-family: 'Gotham Pro',sans-serif;	*/
	font-weight: bold;
}
.p28 {
	line-height: 28px;

}
.upercase{
	text-transform: uppercase;
}
h2{
	font-size: 1.5rem;
	font-weight: bold;
}
@media (max-width: 767px){
	body{
		padding-top: 29px;
	}
}

@media (max-width: 767px){
	.smHidden{
		display: none;
	}
}
a, a:hover {
	color: black;
}
#go{
	margin-top: 20px;
}
.brandImg{
	max-width: 120px;
}
.navbar-light .navbar-toggler {


  /*border-color: rgba(0, 222, 200, 0.5) !important;*/

}
.navbar{
	background-color: #ffffff;
	/*font-family:'Gotham Pro Bold';*/
	font-weight: bold;
	text-align: center;
}

.navbar-brand{
	margin-top: 16px;
}
@media (max-width: 767px){
	.navbar-brand img{
		height: 45px;
	}
}
.socialImg{
	padding: 5px;
	max-width: 35px;
	padding-bottom: 5px;
}

.navbar-nav{
	margin-top: 35px;	
}
.dropdown {
	padding-bottom: 0px;
}
.dropdown-menu{
	opacity: 0.8;
	font-size: 0.95rem;
}
@media (max-width: 767px){
	.dropdown-menu{
		border: none;
		text-align: center;
		outline: none;
	}
}
.nav-item{
	margin-right: 20px;
	font-size: 0.9rem;

}

@media (max-width: 991px){
	.nav-item{
		margin-right: -7px;
	}
}

.nav-item .nav-link {
	color: #000000;
	background: linear-gradient( #cfc7bc,  #cfc7bc) bottom / 0 .2em no-repeat;
	transition: 0.8s background-size;
}
.nav-item .nav-link:hover {
	background-size: 100% .2em;
}

.active{
	background: linear-gradient(currentColor,currentColor) bottom / 0 .2em no-repeat;
	background-size: 100% .2em;
	margin-bottom: -1px;
}
.dropdown-item{
	background-size: 0%;
	color:  #544f47;
}
.dropdown-item:active{
	background-color: #9d9d9c;
	opacity: 0.7;
}
.navbar-light .navbar-nav .nav-link {
	color: #000000;
	margin-bottom: -2px;
}
.active{
	color: #9d9d9c;
}
.navbar-toggler{
	border: none;
}
@media (min-width: 767px){
	.dropdown:hover>.dropdown-menu {
		display: block;
	}	
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(207,199,188, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/*.custom-toggler.navbar-toggler {
  border-color: rgb(207,199,188);
} 
*/


#line{
	/*background-color: #9d9d9c;*/
	background-color: #cfc7bc;
	height: 8px;
	margin-top: 81px;
	z-index: 2;
}
@media (max-width: 767px){
	#line{
		height: 5px;
		margin-top: 85px;
		z-index: 1500;
	}
}

.p75{
	/*margin-top: 90vh;*/
	margin-top: 30px;
}

.top{
	height: 700px;
	width: 100%;
	background-image: url('../img/topImg.jpg');
	max-height: 75vh;
	background-repeat: no-repeat;
	background-position: bottom;
	background-attachment: fixed;
	background-size: cover;
}
.line{
	/*background-color: #9d9d9c;*/
	background-color: #cfc7bc;
	height: 4px;
	margin-bottom: 10px;	
}
.imgMain{
	border-top: 5px;
	border-color: #9d9d9c;
}

#projektyImg{

}
.kontakt{
	margin-top: 8px;
}
.icoKontakt{
	margin-left: 10px;
	max-width: 34px;
}
.kontakt p {
	margin-left: 15px;
	font-size: 0.9rem;
}

.lgHidden {
	display: none;
}
.lgShow {
	display: inline-block;
}
@media (max-width: 992px){
	.lgHidden{
		display: inline-block;
	}
}
@media (max-width: 992px){
	.lgShow{
		display: none;
	}
}


footer img  {
	margin-left: 15px;
	max-height: 20px;
}
#geodFooter {
	margin-left: 15px;
	max-height: 25px;
}
footer a {
	text-decoration: none;
	color: black;
}
footer a:hover {
	text-decoration: none;
	color: black;
}
footer .line {
	width: 100%;
}
.illuvia{
	margin-left: 5px;
	color: #cfc7bc;
}
.illuvia a {
	color: #cfc7bc;
}


@media (max-width: 772px){
	.illuvia{
		margin-left: 5px;
		margin-right: 2%;
	}
	#lineFooter{
		margin-right: 2%;
		margin-left: 2%;
	}
}

.illuvia{
	margin-left: auto;
}
.dropdown-toggle::after {
	display:none;
}

.go{
	position: relative;
	float: right;
	top:-116px;
	opacity: 0;
}
.justify{
	text-align:justify;
}
/*projekty*/
#projekty{
	margin-top: 50px;
}

.gallery{
	min-height: 500px;
	background-color: #d6e7e8;
	color: #4a91a1;
	text-align: center;
}

.thumbnail:hover{
	opacity: 0.7;
	background-color: #FFF;
}
.thumbnail{
	margin: 1px;
	padding: 1px
}

.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -65%);
	color: white;
	text-shadow: 1px 1px black;
	font-size: 2.3rem;

}
@media (max-width: 772px){
	.centered{
		transform: translate(-50%, -70%);
	}
}
.smFonts{
	font-size: 2rem;
}
@media (max-width: 992px) and (min-width: 768px) {
	.centered{
		font-size: 2.0rem;
		transform: translate(-50%, -80%);
	}
	.smFonts{
		font-size: 1.4rem;
	}
}


.projektyRightBar{
	margin-top: 20px;
	font-weight: bolder;

}
.projektyRightBar li {
	list-style-type: none;
}
@media (max-width: 992px){
	.projektyRightBar{
		display: none;
	}

}
.projekteMain {
	min-height: 500px;
	width: 100%;
	margin-top: -4px;
	background-color: black;
	background-size: cover;
	background-position: center;

}
.projekteMainImg{
	max-height: 500px;
	margin-top: -4px;
	object-fit: cover;
}
/*rozwiazania*/
h4 {
	margin-top: 15px;
	font-size: 1.3rem;
}
.solutionImg{
	filter: brightness(90%);
	margin: auto;
	width: auto;

}
.solutionImg:hover{
	filter: brightness(100%);	
}
.bright{
	filter: brightness(100%);
}

#myCarousel{
	object-fit: cover;
	object-position: center;
	max-height: 85vh;
}

.imgSlider{
	width: 100%;
	/*max-height: 860px;*/
	min-height: 85vh;

	max-height: 100vh;
	object-fit: cover;
	object-position: center;
}

.modal{
		z-index: 1501 !important;
	}
.bezowy{
	color: #cfc7bc;
}
/*.carousel-inner{
	max-height: 85vh !important;
	width: 100%;
	}*/
	.pointer:hover{
		cursor: pointer;
	}