@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i&display=swap&subset=latin-ext');

body{
background: #fff;
padding: 0px; 
margin:0px;
font-family: 'IBM Plex Sans', sans-serif!important;
}

.grayscale {
     filter: grayscale( 100% );
}

.bg-primary{background:#055199!important;}
.text-primary{color: #055199!important;}
.contrast{background: #000!important; color: yellow!important; border-color:yellow!important;}
.width100{width: 100%!important;}
.but1{position: relative; width: 280px; margin: 0 auto;}
.but2{line-height: 20px; width: 99%; position: absolute; bottom: 26%; left: 0; color: #ffffff; font: 14px Open Sans, Sans, Sans-Serif; font-weight: bold; text-align: center; letter-spacing: +2px; word-wrap: break-word; vertical-align: middle; margin-left: 3px;}
.zoom{
transition: transform .4s;
}
.lineheight-2{
line-height: 26px;
}

.limonka{background: #BEC619;}
.sliwka{background: #4A569A;}

.zoom:hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}
a:hover{cursor: pointer;}
.duzaikona{font-size:3em!important;}
a:focus{outline:2px dotted red!important;}
.color1_bg{background:#5352ed;}
.link-white{border: 2px solid transparent; text-decoration:none;}
.link-white:hover{border:2px dotted white; text-decoration:none;}
.link{border: 2px solid transparent; text-decoration:none;}
.link:hover{border:2px dotted red; text-decoration:none;}

.siwy_bg{background: #F6F6F6;}
.black_text{color: #000;}
.header{font-size: 15px; letter-spacing: 0.01em; }
.ikony ul{list-style-type:none; margin: 0px; padding: 0px;}
.ikony img{width: 22px;}
.ikony ul li{border-right: 1px solid #E3E3E3; text-align: center;}
.ikony ul li a{border: 2px solid transparent;}
.ikony ul li a:hover{background: #055199; color: #fff;border:2px dotted red;}
.ikony ul li a:focus{}
.logo img{width: 100%;}
.logo a{border: 2px solid transparent;}
.logo a:hover{border:2px dotted red;}
.logo h1{font-size: 20px; font-style:normal; font-weight: 700; line-height: 22px;}
.navbar a{border: 2px solid transparent;}
.navbar a:hover{border:2px dotted white;}
.dropdown-menu a{border: 2px solid transparent;}
.dropdown-menu a:hover{border:2px dotted red;}
.dropdown-menu{width: 350px;}
.fotoslid{background: url('../images/starostwo_bg.jpg'); background-size: 100%; background-position: top; background-repeat: no-repeat;}
.fotoslid .container{opacity: 1; z-index:2;}
.miniatura{
position: relative;
display: block;
  position: relative;
  height: 0;
  padding: 56.25% 0 0 0;
  overflow: hidden;
	border: 1px solid #efefef;
}

.miniatura .foto img{
position: absolute;
  display: block;
  width: 100%;
  height: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
	

}

.gradient{
background: linear-gradient(0deg, rgba(2,17,101,1) 0%, rgba(0,0,0,0) 55%);
position: absolute;
bottom: 0px; 
width: 100%;
height: 55%;

}

.opacity:hover{opacity:0.9;}

.shadow-text{
text-shadow: 1px 1px 3px #000;
}

.shadow-hover:hover{
-webkit-box-shadow: 0px 0px 34px -13px rgba(0,0,0,0.67);
-moz-box-shadow: 0px 0px 34px -13px rgba(0,0,0,0.67);
box-shadow: 0px 0px 34px -13px rgba(0,0,0,0.67);
}

.img-mini{
width: 50px!important;
}

.miniatura .tytul{
position: absolute;
bottom: 10%; 
width: 100%;
font-style:normal;
font-weight: 700;
text-shadow: 1px 1px 5px #000;
}

.kwadraty i{font-size:40px; margin-bottom:20px;}
.kwadraty .embed-responsive-item:hover{background: #ff4757;}

.niezbednik{border-top-width: 4px!important;}

.paral {

}

.palac{
background-image: url("../images/palac.jpg");
min-height: 500px;
background-attachment: fixed;
background-size: cover;
background-position: 50% 50%;
}



@media (max-width: 700px) {
  .dropdown-menu{width: 100%; background: #DF4958!important; border-width: 0px;}
	.dropdown-menu a{border: 2px solid transparent; color: #fff;}
.dropdown-menu a:hover{border:2px dotted white; background: none; color: #fff;}
.navbar-toggler{color: #fff!important;}
.fotoslid{}
}

@media (min-width: 1400px) {
  .container{width: 1400px!important;}
}