body
{
	background-color: #202224;
	color: #efefef;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
	text-align: center;
	box-sizing: border-box;
	

}
/*przeniesione z contact.css*/
a:link {
	text-decoration: none;
  }
  
  a:visited {
	text-decoration: none;
  }
  
  a:hover {
	text-decoration: none;
  }
  
  a:active {
	text-decoration: none;
  }

  .infobar li:hover {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	opacity: 0;
	box-shadow: 0 0 0 1px pink;
	transition: all .2s ease-in-out;
  }
  .infobar li:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	opacity: 0;
	box-shadow: 0 0 0 1px pink;
	transition: all .2s ease-in-out;
  }
  .contact-text a {
	color: #bbb;
	text-decoration: none;
	transition-duration: 0.2s;
  }
  
  .contact-text a:hover {
	color: #fff;
	text-decoration: none;
  }
  .contact-list {
	list-style-type: none;
	margin-left: -30px;
	padding-right: 20px;
	text-align: left;
  }
  
  .list-item {
	line-height: 4;
	color: #aaa;
  }
  
  .contact-text {
	font: 300 18px 'Lato', sans-serif;
	letter-spacing: 1.9px;
	color: #bbb;
  }
  .contact{
    width:100%; 
    height: 400px; 
    float: left;
    padding:0px; 
    margin:0px;
    color: white;
}
.contact-long{
    background-repeat: no-repeat; 
    background-size: cover; 
    width:92%; 
    height:86%; 
    position: absolute;
}
/*END przeniesione z contact.css*/

/* Social Media Icons */
#infobar {
	position: relative;
	font-size: 22px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding: 0;
  }
  
#infobar li a {
	color: #fff;
  }
  
  #infobar li {
	position: relative;
	display: inline-block;
	height: 30px;
	width: 30px;
	margin: 10px 3px;
	line-height: 30px;
	border-radius: 50%;
	color: #fff;
	/*background-color: rgb(27,27,27);*/
	cursor: pointer;
	transition: all .2s ease-in-out;
  }
  
  #infobar li:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	opacity: 0;
	box-shadow: 0 0 0 1px #fff;
	transition: all .2s ease-in-out;
  }
  
  #infobar li:hover {
	color: rgb(27, 27, 27);
	background-color: #fff;;
  
  }
  
  #infobar li:hover:after {
	opacity: 1;  
	transform: scale(1.12);
	transition-timing-function: cubic-bezier(0.37,0.74,0.15,1.65);
  }
  
  #infobar li:hover a {
	color: #000;
  }
  #infobar ul:hover a {
	color: #000;
  }
/* END Social Media Icons */

/*css for heads of news*/
.TilesTitle a
{
	text-decoration: none;
	color: white;
}
div.InfoOpis
{
    display: inline-block;
    min-width: 450px;
	height: 90px;
    text-align: left;  
}

div.InfoOpis img
{
    width:90px;
    height:90px;
    filter: drop-shadow(0px 0px 1px white);
    float:left;
    border-right-style: solid;
    border:0px 0px 2px 0px;
    border-color: #dbd7c4;
    margin-right: 5px;


}
div.InfoOpis:hover img
{

    border-color: #f9cf00;
    filter: drop-shadow(0px 0px 1px white);



}

/*blok filtorwania i sortowania tabeli*/
.calendar /*cały blok z filtrami*/
{
	min-width: 1110px;
	background: #efefef; 
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	position: relative;
	box-sizing: border-box;
}
.filtr /*div na lewy blok z datami*/
{
	min-width: 50%;	
	height: 70px;
	background: #dbd7c4; 
	float: left;
	margin: 0px;
	position: relative;
	padding: 0px;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #202224;
	
}
.sort /*div na prawy blok z rodzajem*/
{
	max-width: 50%;
	height: 70px;
	background: #dbd7c4;
	margin: 0px;
	border-left: 2px solid #202224;
	float: left;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #202224;
	
}

/*css filtrów  i sortowania tab w zaleznosci od rozdzielczosci*/

@media only screen
and (max-width: 1000px) {
	.filtr
	{
		
		max-width: 100%;	
		height: 70px;
		background: #dbd7c4; 
		float: left;
		margin: 0px;
		position: relative;
		padding: 0px;
		color: #202224;
		box-sizing: border-box;
	}
	.sort
	{
		min-width: 100%;
		height: 70px;
		background: #dbd7c4;
		margin: 0px;
		border-top: 0px solid #202224;
		border-left: 0px solid #202224;
		float: left;
		color: #202224;
	}

	.calendar 
	{
		min-width: 100%;
		background: #dbd7c4; 
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		position: relative;
		color: #202224;
	}
}
@media only screen
and (max-width: 	320px) {
	.filtr
	{
		max-width: 100%;	
		background: #dbd7c4; 
		float: left;
		margin: 0px;
		position: relative;
		padding: 0px;
		color: #202224;
	}
	.sort
	{
		max-width: 100%;
		background: #dbd7c4;
		margin: 0px;
		border-top: 0px solid #202224;
		border-left: 0px solid #202224;
		float: left;
		color: #202224;

	}
	.calendar 
	{
		min-width: 100%;
		background: #dbd7c4; 
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		position: relative;
		color: #202224;

	}
}


.infiltr /*filtr daty*/
{
	width: 16.666%;
	height: 49px;
	background: #cac4aa;
	color: #fafaf8;
	padding: 0px;
	margin: 0px;
	position: relative;
	font-size: 11px;
	text-align: center;
	float: left;
	color: #202224;
	cursor: pointer;
	border-style: solid;
	border-color: #dbd7c4;
	border-width: 1px;
 
}
.infiltr:hover /*właściwości linku najechanego myszką - filtr daty
*/
{
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	background: #dbd7c4;
	font-size: 11px;
	font-weight: 600;
	color: #202224;
	text-align: center;
	cursor: pointer;
	border-style: solid;
	border-top-width: 4px;
	border-top-color: #f9cf00;

}
.infiltr2 /*filtr daty*/
{
	width: 16.666%;
	height: 49px;
	background: #cac4aa;
	color: fafaf8;
	padding: 0px;
	margin: 0px;
	position: relative;
	font-size: 13px;
	text-align: center;
	float: right;
	cursor: pointer;
	border-style: solid;
	border-color: #dbd7c4;
	border-width: 1px;
}
.infiltr2:hover /*właściwości linku najechanego myszką - filtr daty
*/
{
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	background: #dbd7c4;
	font-size: 14px;
	font-weight: 600;
	color: #202224;
	text-align: center;
	cursor: pointer;
	border-style: solid;
	border-top-width: 4px;
	border-top-color: #f9cf00;

}
.tile
{
	width: 16.666%;
	height: 49px;
	background: #cac4aa;
	
	padding: 0px;
	margin: 0px;
	position: relative;
	font-size: 12px;
	text-align: center;
	float: left;
	color: #202224;
	border-style: solid;
	border-color: #dbd7c4;
	border-width: 1px;
	
	
 
}
.tile:hover /*właściwości linku najechanego myszką*/
{
	text-decoration: none;
	height: 49px;
	font-family: 'Open Sans', sans-serif;
	background: #dbd7c4;
	font-size: 12px;
	font-weight: 600;
	color: #202224;
	text-align: center;
	cursor: pointer;
	border-style: solid;
	border-top-width: 4px;
	border-top-color: #f9cf00;

}


div.tile img
{
	width: 50%;
	height: 50%;
	background: none;
	
}
div.tile img:hover
{
	width: 60%;
	height: 60%;
	/*background: #f9cf00;*/
}



mark
{
	width: 16.666%;
	min-height: 10px;
	background: #5e2b12;/*color: fafaf8;*/
	
	border-top: 5px solid #202224;
	border-left: 0px solid #202224;
		
	padding: 0px;
	margin: 0px;
	position: relative;
	font-size: 12px;
	text-align: center;
	float: left;
}


h1
{
	font-size: 26px;
	font-weight: 400;
	color: #f9cf00;
	margin: 20px;
}

h2
{
	font-size: 24px;
	font-weight: 400;
	color: #f9cf00;
	margin: 10px;
}

.container
{
	text-align: center;
	
}

.jumpers
{
	text-align: center;

}

.jumpers img
{
	width: 100%;
	height: 100%;
}

.jumpers p
{
	margin-bottom: 30px;
    font-size: 15px;
}

.jumpers figcaption /* opis wydarzenia pobieranego z innych stron*/
{
	margin-top: 8px;
	
}



.navbar-nav li:hover>.dropdown-menu
{
	display: block;
}

/*belka z nawigacja*/
.navbar
{
	min-height: 57px;
    font-weight: 600;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}


.bg-jumpers
{
	background-color: #f9cf00 /*!important;*/
}

.button_geo
{
    font-family: 'Open Sans', sans-serif;
	background-color: #f9cf00;
	font-size: 16px;
	font-weight: 600;
	color: #202224;
	margin: 5px;
	padding: 5px;
	text-align: center;
}

.sticky
{
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
}



#map 
{
	position: absolute;
	top: 300px;
	left: 10px;
	right: 10px;
	bottom: 10px;
}

.col-sm-12 img
{
	width: 32px;
	height: 27px;
	/*background-color: #f9cf00;	*/
}


.TilesTitle
{
	font-family: 'Open Sans', sans-serif;
	background-color: #f9cf00;
	font-size: 14px;
	font-weight: 600;
	color: #202224;
	text-align: center;
	border: 2px solid #cac4aa;
	height: 275px;
	overflow: hidden;
    padding: 0.5px;

}

.TilesDesc
{
	font-family: 'Open Sans', sans-serif;
	background-color: #3b3b3b79;
	font-size: 13px;
	font-weight: 500;
	color: #ffffffb7;
	text-align: center;
	height: 40px;
    padding: 0.5px;
	overflow: hidden;
	transition: height 2s;
}

.TilesDesc:hover
{
	height: 100%;
}

.TilesTitle img /* img w materiale pobieranym z innych stron*/
{
	width: 100%;
	height: 200px;
	position: relative;
    overflow: hidden;
	transition: height 2s;
	object-fit: cover;
}

.TilesTitle img:hover /* img w materiale pobieranym z innych stron po najechaniu*/
{
	height: 100%;
}


.TilesAdsTitle
{
	font-family: 'Open Sans', sans-serif;
	background-color: #cac4aa;
	font-size: 16px;
	font-weight: 600;
	color: #202224;
	text-align: center;
	border: 2px solid #cac4aa;
	height: 275px;
	overflow: hidden;

}

.TilesAdsDesc
{
	font-family: 'Open Sans', sans-serif;
	background-color: #3b3b3b79;
	font-size: 12px;
	font-weight: 500;
	color: #ffffffb7;
	text-align: center;
	height: 30px;
	overflow: hidden;
	transition: height 2s;
}

.TilesAdsDesc:hover
{
	height: 100%;
}

.TilesAdsTitle img /* img w materiale pobieranym z innych stron*/
{
	width: 100%;
	height: 245px;
	position: relative;
    overflow: hidden;
	transition: height 2s;
	object-fit: cover;
}

.TilesAdsTitle img:hover /* img w materiale pobieranym z innych stron po najechaniu*/
{
	height: 100%;
}


a.nav-link
{
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	/*background-color:#f9cf00;*/
	font-size: 16px;
	font-weight: 600;
	color: #64e8189f;
	text-align: center;
}

a.navbar-link:link /* normalny, nieodwiedzony link */
{
	color: #efefef;
	text-align: center;
}
a.navbar-link:visited /* własciwości linku odwiedzonego*/
{
	color: #efefef;
	text-align: center;
}
a.navbar-link:hover /*właściwości linku najechanego myszką*/
{
	color: #efefef;
	text-align: center;
}


/*opodal.com*/

a.navbar-brand:link /* normalny, nieodwiedzony link */
{
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #efefef;
	text-align: center;
}
a.navbar-brand:visited /* własciwości linku odwiedzonego*/
{
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #efefef;
	text-align: center;
}
a.navbar-brand:hover /*właściwości linku najechanego myszką*/
{
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	/*background-color:#f9cf00;*/
	font-size: 16px;
	font-weight: 600;
	color: #efefef;
	text-align: center;
}
a.navbar-brand:active /*właściwości aktywnego linku*/
{
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	/*background-color:#f9cf00;*/
	font-size: 16px;
	font-weight: 600;
	color: #efefef;
	text-align: center;
}

/*opodal.com koniec*/


.dropbtn {
	background-color: #cac4aa;
	text-decoration: none;
	color: white;
	padding: 0px;
	font-size: 11px;
	text-align: center;
	color: #202224;
	margin: 0px;
	cursor: pointer;
	width: 16.666%;
	height: 49px;
	float: right;
	border-style: solid;
	border-color: #dbd7c4;
	border-width: 1px;
	border-radius: 0px;
  }
  
  .dropbtn:hover /*właściwości linku najechanego myszką - filtr daty
  */
    {
	  text-decoration: none;
        font-family: 'Open Sans', sans-serif;
        background: #dbd7c4;
        font-size: 11px;
        color: #202224;
        text-align: center;
        border-style: solid;
        border-top-width: 3px;
        border-top-color: #f9cf00;
        border-radius: 0px;
    }
    .socials
    {
        position: relative; 
        right: 2%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px;
        float: left;
    }

.twit
  {
    position: relative;
    float:left;
    color:rgba(255,255,255,.75);
  }
 a.twit:link
  {
    color: rgba(255,255,255,.75);
  }
  a.twit:visited
  {
    color: rgba(255,255,255,.75);
  }
  a.twit:hover
  {
    color: rgba(85, 173, 238, 255);
  }
  a.twit:active
  {
    color: rgba(85, 173, 238, 255);
  }

  .fb
  {
    position: relative;
      float:left;
      color:rgba(255,255,255,.75);

    }
a.fb:link
{
    color: rgba(255,255,255,.75);
}
a.fb:visited
{
  color: rgba(255,255,255,.75);

}
a.fb:hover
{
    color: #3b5998;

}
a.fb:active
{
  color: #3b5998;

}
.ln
{
    position: relative;
    float:left;
    color:rgba(255,255,255,.75);
  }
  a.ln:link
{
    color: rgba(255,255,255,.75);
}
a.ln:visited
{
  color: rgba(255,255,255,.75);

}
a.ln:hover
{
    color: #0e76a8;

}
a.ln:active
{
  color: #0e76a8;

}

.is
{
position: relative;
    float:left;
    color:rgba(255,255,255,.75);

}
a.is:link
{
    color: rgba(255,255,255,.75);
}
a.is:visited
{
  color: rgba(255,255,255,.75);

}
a.is:hover
{
    background: linear-gradient(to top right, #feda75, #fa7e1e,  	#d62976 ,#962fbf, #4f5bd5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
a.is:active
{
    background: linear-gradient(to top right, #feda75, #fa7e1e,  	#d62976 ,#962fbf, #4f5bd5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.yt
{
  position: relative;
    float:left;
    color:rgba(255,255,255,.75);

  }
a.yt:link
{
  color: rgba(255,255,255,.75);
}
a.yt:visited
{
color: rgba(255,255,255,.75);

}
a.yt:hover
{
  color: #FF0000;
  background: linear-gradient(to bottom, white, #FF0000, #FF0000,#FF0000, white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
a.yt:active
{
color: #FF0000;

}