body {
	font-family: 'Lato', sans-serif;	
	margin: 0;
	padding: 0;
	background: rgb(255,255,255);
	background-image: url(../img_glowna/wall2.jpg);
	
}
@media (max-width: 728px) 
	{ 
		body
			{
				background-image:none
			}
	}
#slidy-container {
  width: 1000px;
  overflow: hidden;
  margin: 0 auto;
 position: absolute;
	z-index: 998;

}
.booking-phone {
  display: flex;
  justify-content: center; /* poziomo */
  align-items: center;     /* pionowo */

}


@media (max-width: 728px) 
	{ 
		#slidy-container
			{
				display: none;
			}
	}
@media (max-width: 728px) 
	{ 
		.menu2
			{
				display: none;
			}
	}
@media (max-width: 728px) 
	{ 
		.menu-item
			{
				display: none;
			}
	}	
	
@media (max-width: 728px) 
	{ 
		.main-nav
			{
				display: none;
			}
	}


@media (max-width: 728px) 
	{ 
		.menu-item
			{
				display: none;
			}
	}	
	
/* ================================================ */
/* ================================================ */
/*               kolor zaznaczonego tekstu */
/* ================================================ */
/* ================================================ */	
p::selection {
  color: #00FFFF;
  background: black;
}
/* ================================================ */
/* ================================================ */
/* ================================================ */
/* ================================================ */	

#Div2 {
  display:none;
}

#button1:hover
{
	cursor: pointer;
}





p
{
	font-size: 1.2em;	
	text-align: justify;	
}	
@media (max-width: 728px) 
	{ 
		p
			{
				font-size: 1em;
				text-align: justify;
			}
	}
#disqus_thread

{
	width: 880px;
	margin-left: 25px;
}
@media (max-width: 728px) 
	{ 
		#disqus_thread
			{
				width: 95vw;
				margin-left: 1vw;
			}
	}
	
	
	
	

	
	
/* ================================================ */
/* ================================================ */
/*               Pojemniki */
/* ================================================ */
/* ================================================ */	


 .pojemnik_glowny_index {
      max-width: 1000px;
      margin-left: auto;
	margin-right: auto;
      
      background-color: white;
     
      box-shadow: 0 0 32px rgba(0,0,0,0.5);
      text-align: center;
    }
@media (max-width: 728px) 
	{ 
		.pojemnik_glowny_index
			{
				width: 100%;
				overflow: hidden;
			}
	}
	
@media (min-width: 728px) 
	{ 
		.pojemnik_glowny_index p
			{
				padding-left: 50px;
				
			}
	}	



	
img.justyfy {
    display: block;
    margin: 0 auto;
}
	

a:hover
{	
	text-decoration: none;
}

.latwa
{
  background-color: rgba(78, 212, 96, 1); 
  border-radius: 0px 0px 0px 0px;
}
.srednia
{
  background-color: rgba(250, 185, 54, 1); 
  border-radius: 0px 0px 0px 00px;
 
}
.trudna
{
  background-color: rgba(212, 135, 132, 1); 
  border-radius: 0px 0px 0px 00px;
}


a{ text-decoration:none; }





.podziekowania h2
{
	font-size: 1.2em;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	
	line-height: 2;
	text-align: justyfy;
	padding-left: 20px;
}
.rozkaz 
{
	background: rgba(189, 147, 83, 0.2);
	
	background-repeat: repeat-y;
	margin-left: 50px;
	margin-right: 50px;
	background-position: center;
	font-family: 'Charm', cursive;
	padding: 40px;
	border: 1px double black;
}
@media (max-width: 728px) 
	{ 
		.rozkaz 
			{
				margin-left: 0px;
				margin-right: 0px;
				padding: 0px;

			}
	}	
.rozkaz h2 

{
	font-family: 'Charm', cursive;
	font-weight: 800;
	text-align: right;

}

.b-tshort
{
	text-align: justyfy;

}

.text.text-short-2

{
	text-align: justyfy;
}

.kafelek_caly
{
	margin-top: 25px;
	width: 465px;
	font-family: 'Lato';
	-webkit-box-shadow: -1px 16px 10px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 16px 10px -8px rgba(0,0,0,0.75);
	box-shadow: -1px 16px 10px -8px rgba(0,0,0,0.75);
	position: relative;
	float:  left;
	overflow: hidden;
	position: relative;
	margin-right: 20px;

}
@media (max-width: 1000px) 
	{ 
		.kafelek_caly
			{
	margin-top: 5vh;

	
}
	}	
.grafika_w_kafelku
{
	overflow:hidden;
	transition: all 2s ease;
}
@media (min-width: 1000px) 
	{ 
		.grafika_w_kafelku:hover
			{
	transform: scale(1.0, 1.0);
	
}
	}	



.pojemnik_na_tresc_omnie .kafelek_caly
{
	margin-left: 10px;
		
}
@media (max-width: 728px) 
	{ 
		.pojemnik_na_tresc_omnie .kafelek_caly
			{
				margin-left: 25px;
				
			}
	}

.kafelek_caly h3
{
	color: #0066CC;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-align: justyfy;
	padding-left: 50px;
	padding-right: 50px;
	line-height: 1;
}






.odstep
{
	margin-left: 30px; 

}
.kafelek 
{
	width: 450px;
	height: 250px;
}
.data
{
	font-size: 0.7em;
	width: 0px;
	text-align: center;
	background-color: rgba(51, 134, 255, 0.8); 
	font-weight: 500;

	color: white; 
	-webkit-box-shadow: -1px 11px 10px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 11px 10px -8px rgba(0,0,0,0.75);
	box-shadow: -1px 11px 10px -8px rgba(0,0,0,0.75);
	overflow: hidden;
}
.poziom_trudnosci
{
	float: left;
	font-size: 1.2em;
	padding: 6px;
	height: 42px;
	font-weight: 500;
	color: black;
	text-align: center;
	line-height: 2.5;
}
@media (max-width: 728px) 
	{ 
		.poziom_trudnosci
			{
				font-size: 0.6em;
				width: auto;
				height: 7vw;
			}
	}
footer {
  background: #2f3f4f;
  color: #fff;
  padding: 50px 20px 20px;
  font-size: 15px;
}

footer a {
  color: #fff;
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}

/* GRID */
.footer-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}

/* LEWA */
.footer-left h3 {
  margin-bottom: 15px;
  font-size: 18px;
  color: #1e73be;
}

.footer-left p {
  margin: 6px 0;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.footer-left p a {
  white-space: nowrap;
}

/* PRAWA */
.footer-right {
  display: grid;
  gap: 15px;
}

.company-info {
  display: grid;
  grid-template-columns: auto auto;
  gap: 40px;
  font-weight: 600;
}

.bank-account {
  font-weight: 600;
  margin-top: 5px;
}

/* SOCIAL */
.footer-social-grid {
  display: grid;
  grid-template-columns: auto auto;
  gap: 6px 40px;
  margin-top: 10px;
}

/* DOLNA LINIA */
.footer-bottom {
  margin-top: 40px;
  padding-top: 15px;
  border-top: 1px solid rgba(255,255,255,0.25);
  text-align: center;
  font-size: 13px;
  opacity: 0.9;
}

/* MOBILE */
@media (max-width: 768px) {
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .company-info {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .footer-social-grid {
    grid-template-columns: 1fr;
  }
}


.data2
{
	float: left;
	font-size: 1.2em;
	padding: 6px;
	height: 42px;
	width: 110px;
	font-weight: 500;
	text-align: center;
	background-color: rgba(51, 134, 255, 0.5);   
	color: black;
	line-height: 1.3;	
}
@media (max-width: 728px) 
	{ 
		.data2
			{
				width: auto;
				height: 7vw;
				 font-size: 0.6em;
				 line-height: 1.3;
			}
	}

.tekst
{
  float:  left;
  text-align: center;
  width: 465px;
   background-color: rgba(212, 212, 212, 1);  
   border-top: 3px solid black;

}
@media (max-width: 728px) 
	{ 
		.tekst
			{				
				width: 80vw;
			
			}
	}
.tekst h2
{
	color:  black;
  line-height: 1;
  font-size: 1.2em;

}
@media (max-width: 728px) 
	{ 
		.tekst h2
			{				
				font-size: 1em;
				line-height: 1.5;
			}
	}
@media (min-width: 728px) 
	{ 
		.tekst h2
			{				
				font-size: 0.5em;
				line-height: 1.5;
			}
	}	
.skrot
{
	float:  left;
	width: 465px;
	height:  auto; 
	background-color: #303030;
	color:  white;
	
}
@media (max-width: 728px) 
	{ 
		.skrot
			{				
				
				width: 80vw;
			
			}
	}
@media (max-width: 728px) 
	{ 
		.pojemnik_na_tresc_index .skrot p
			{				
				margin: 0;
				font-weight: 200;
				
				line-height: 1.5;				
			}
	}
.skrot p
{
	margin-left: 20px;
	margin-right: 20px;
	font-weight: 200;
	text-align: justyfy;
	line-height: 1.5;
	
}	
@media (max-width: 728px) 
	{ 
		.skrot p
			{				
				margin-left: 3vw;
				margin-right: 3vw;
				font-weight: 200;
				text-align: justyfy;
				line-height: 1.5;	
				font-size: 1em;
			}
	}	

@media (max-width: 728px) 
	{ 
		.pojemnik_na_tresc_wycieczek .skrot
			{				
				width: 98vw;				
			}
	}	
@media (max-width: 728px) 
	{ 
		.pojemnik_na_tresc_wycieczek .tekst
			{				
				width: 98vw;		
			}
	}		
@media (max-width: 728px) 
	{ 
		.pojemnik_na_tresc_wycieczek .skrot p
			{				
				margin-left: 3vw;		
				margin-right: 3vw;	
			}
	}	
@media (min-width: 1000px) 
	{ 
		.pojemnik_na_tresc_index .skrot
			{				
				height: auto;
			}
	}



#logo_statyczne
{
  color: black; 
  background-repeat: no-repeat;
  background-position: justyfy;
   background-image: url("../img_glowna/rowerowy odkrywca.jpg");
	font-size: 1.5em;
  margin-bottom: 50px;
  width: 100%;
  height: 350px;
  background-size: auto;
  margin-left: auto;
  margin-right: auto;

   background-size: cover;
}
@media (max-width: 728px) 
	{ 
		#logo_statyczne
			{
				 background-repeat: no-repeat;
				  background-position: justyfy;
				   background-image: url("../img_glowna/rowerowy odkrywca_m.jpg");
				width: 100%;
				height: 50vw;
				position: relative;
				border-bottom: 0.5vh solid black;
			
							
			}
	}
	


/* ================================================ */
/*               Czcionki */
/* ================================================ */
/* ================================================ */
h1 {
	color: #000;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-align: center;
	font-size: 2em;	
}

.pojemnik_na_tresc_wycieczek h1

{
	margin-bottom: 0px;
}	
	
.pojemnik_na_tresc_index p
{
	margin-left: 40px;
}	

h2
{
	color: #0066CC;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
	line-height: 1;

}

h3	
{
	
	color: #01468a;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
	line-height: 1;
}
@media (max-width: 728px) 
	{ 
		h3
			{
				margin-bottom: 3vh;
				margin-top: 3vh;
				font-size: 1.5em;
				font-weight: 800;
			}
	}
h4
{	

	font-size: 1.2em;
	color: #0066CC;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;

	line-height: 1;
}

/* ================================================ */
/* ================================================ */
/* ================================================ */
/*                Efekt ramki zdjęcia */
/* ================================================ */
/* ================================================ */


.header_paralax
{

}	

@media (max-width: 728px) 
	{ 
		.header_paralax
			{	
				
				width: 100vw;
				overflow: hidden;
			}
	}

.photo-frame{
  border:1px solid silver;
  background:white;
  line-height: 1.5;
  font-size: 1.2em;
  text-align: center;
	justify-content: center;
	position: relative;
}
@media (max-width: 728px) 
	{ 
		.photo-frame
			{	
				margin-top: 2vh;
				margin-bottom: 5vh; 
				font-size: 1em;
				margin-left: 5vw;
				padding: 2vw;
				line-height: 1;
				width: 90vw;
			}
	}

@media (min-width: 1000px) 
	{ 
		.photo-frame
			{	
				width: 880px;
				padding: 10px;			
				margin-top: 80px;
				margin-bottom: 80px;

				margin-left: 35px;
			}
	}	
	
	
	
.mapa
{
	float:left; 
	margin:6px;
	margin-right: 20px;
	width: 430px;
}
@media (min-width: 728px) 
	{ 
		.mapa
			{	
				padding: 0px;
				margin: 0;	
				width: 480px;	
				
			}
	}
.mapa .photo-frame
{

margin-top: 0px;
}	
@media (max-width: 728px) 
	{ 
		.mapa
			{	
				padding: 0px;
				margin: 0;	
				width: 430px;	
			}
	}
@media (min-width: 728px) 
	{ 
		.mapa .photo-frame
			{	
				width: 300px;
				height: 540px;
				
			}
	}	
@media (min-width: 728px) 
	{ 
		.mapa .photo-frame img
			{	
				
				height: 520px;
			}
	}
.mapa .photo-frame
{
width: 100px;

}	
.mapa .photo-frame img
{
width: 100px;

}	
@media (min-width: 728px) 
	{ 
		.mapa .photo-frame
			{	
				
				
				font-size: 14px;
				width: 430px;
				overflow: hidden;
			}
	}		
@media (min-width: 728px) 
	{ 
		.mapa .photo-frame img
			{	
				
				
				font-size: 14px;
				width: auto;
				
			}
	}	
	
	
@media (max-width: 728px) 
	{ 
		.mapa img
			{	
				width: 82vw;				
			}
	}	
	

.mapa iframe
{				
	width: 420px;
	height: 300px;
}	
@media (min-width: 728px) 
	{ 
		.mapa iframe
{				
		width: 120px;
		height: 300px;
}	
	}


	
.photo-frame, .photo-frame:after, .photo-frame:before{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  text-align: center;
}

.photo-frame {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	position: relative;
}
.photo-frame:before, .photo-frame:after {
	border-radius: 100px 100px 100px 100px / 10px 10px 10px 10px;
	bottom: 0;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	content: "";
	
	position: absolute;
	right: 10px;
	top: 50%;
	z-index: -1;
}
.photo-frame:after {
	left: auto;
	-webkit-transform: skew(8deg) rotate(3deg);
	-moz-transform: skew(8deg) rotate(3deg);
	-ms-transform: skew(8deg) rotate(3deg);
	-o-transform: skew(8deg) rotate(3deg);
	transform: skew(8deg) rotate(3deg);
}



/* ================================================ */
/* ================================================ */
/*               Menu */
/* ================================================ */
/* ================================================ */
.nav
{
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.0); 
	color: black;		
	z-index: 999999;
	width: 1000px;
	margin-top: 40px;
}
	

@media (min-width: 728px) 
	{ 
		.przycisk_menu
			{
											
				position: relative;
				overflow: hidden;
				float: left;
				border-radius: 25px 25px;
				text-align: center;
				text-decoration: none;
				width: 180px;
				height: 50px;	
				font-size: 1.2em;
				color: black;
				display: inline-block;
				line-height: 2;
				z-index: 999;
				text-shadow: 0px 0px 0px rgba(107,107,107,0.75);
				-webkit-box-shadow: 0px 25px 16px -11px rgba(0,0,0,0.75);
				-moz-box-shadow: 0px 25px 16px -11px rgba(0,0,0,0.75);
				box-shadow: 0px 15px 16px -11px rgba(0,0,0,0.75);
				transition: all 0.2s ease-in-out;
				
			}
	}


@media (max-width: 728px) 
	{ 
		.przycisk_menu
			{
				width: 24vw;
				height: 10vw;
				font-size: 1.2em;
				border-radius: 50px 50px;
				margin-left: 0;
				float: left;
				padding: 0;
				overflow: hidden;
				text-align: center;
			}
	}


.glowna
{	
	margin-left: 30px;		
	border-top: 5px solid #4d9ceb;	
	background-color: rgba(255, 255, 255, 1); 	
}
@media (max-width: 728px) 
	{ 
		.glowna
			{
				margin-left: 0px;	
			}
	}
.glowna:hover{
    transition: all 1s;
	background-color: #4d9ceb;
    transform: rotate(-0deg) scale(1.0);
    box-shadow: 0px 3px 5px rgba(0,0,0,.4);	
	border-top: 5px solid #32679c;		
}

.wycieczki
{
	margin-left: 9px;
	border-top: 5px solid #93c748;
	background-color: rgba(255, 255, 255, 1); 
}
@media (max-width: 728px) 
	{ 
		.wycieczki
			{
				margin-left: 1vw;	
			}
	}
.wycieczki:hover{
    transition: all 1s;
	background-color: #93c748;
    transform: rotate(-0deg) scale(1.0);
    box-shadow: 0px 3px 5px rgba(0,0,0,.4);	
	border-top: 5px solid #648731;
}
.poradniki
{
	margin-left: 9px;
	border-top: 5px solid #CC99FF;
	background-color: rgba(255, 255, 255, 1); 
}
@media (max-width: 728px) 
	{ 
		.poradniki
			{
				margin-left: 1vw;	
			}
	}
.poradniki:hover{
    transition: all 1s;
	background-color: #93c748;
    transform: rotate(-0deg) scale(1.0);
    box-shadow: 0px 3px 5px rgba(0,0,0,.4);	
	border-top: 5px solid #648731;
}
.rower
{
	margin-left: 9px;
	border-top: 5px solid #eba434;
	background-color: rgba(255, 255, 255, 1); 
}
@media (max-width: 728px) 
	{ 
		.rower
			{
				margin-left: 1vw;	
			}
	}
.rower:hover{
    transition: all 1s;
    transform: rotate(-0deg) scale(1.0);
    box-shadow: 0px 3px 5px rgba(0,0,0,.4);	
	background-color: #eba434;
	border-top: 5px solid #94671f;
}
.ja
{
	margin-left: 9px;
	border-top: 5px solid #e6df30;
	background-color: rgba(255, 255, 255, 1); 
}
@media (max-width: 728px) 
	{ 
		.ja
			{
				margin-left: 1vw;	
			}
	}
.ja:hover{
    transition: all 1s;
	background-color: #e6df30;
    transform: rotate(-0deg) scale(1.0);
    box-shadow: 0px 3px 5px rgba(0,0,0,.4);	
	border-top: 5px solid #969220;
}
/* ================================================ */
/* ================================================ */
/*                Achievement */
/* ================================================ */
/* ================================================ */


.achievement-banner {
	opacity: 0;
	margin: 0 auto;
	font-size: 2em;
	width: 100em;
	color: #efefef;
	background: #3d4142;
	border-radius: 10em;
	position: relative;
	padding: 0.125em;
	min-height: 1.5em;
	overflow: hidden;
}
.achievement-banner .achievement-icon {
	border-radius: 10em;
	position: relative;
	background: #000;
	border: 0.125em solid #f5c4c3;
	border-top-color: #45ca3d;
	height: 1.25em;
	width: 1.25em;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index: 100;
}
.achievement-banner .achievement-icon .icon {
	display: block;
	border-radius: 10em;
	border: 4px solid #000;
	text-align: justyfy;
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	line-height: 1;
	z-index: 1000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.achievement-banner .achievement-icon .icon .icon-trophy {
	font-size: 75%;
	line-height: 1;
	position: relative;
	top: -0.125em;
}
.achievement-banner .achievement-text {
	font-family: "Trebuchet MS";
	text-shadow: 0 2px 0 #000;
	position: absolute;
	top: 0.5em;
	left: 1em;
	font-size: 40%;
	line-height: 1;
	width: 400%;
}
.achievement-banner .achievement-notification {
	margin: 0;
}
.achievement-banner .achievement-name {
	margin: 0;
}

/* Generated content */
.achievement-banner .achievement-icon:before,
.achievement-banner .achievement-icon:after,
.achievement-banner .achievement-icon .icon:before,
.achievement-banner .achievement-icon .icon:after {
	content: "";
	display: block;
	position: absolute;
}

.achievement-banner .achievement-icon:before {
	border-radius: 12em;
	z-index: -100;
	background: transparent;
	border: 4px solid #000;
	top: -0.175em;
	left: -0.175em;
	right: -0.175em;
	bottom: -0.175em;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* Bars */
.achievement-banner .achievement-icon .icon:before,
.achievement-banner .achievement-icon .icon:after {
	width: 150%;
	height: 0.125em;
	background: #000;
	border-radius: 0.05em;
	z-index: -10;
	top: 42.5%;
	left: -25%;
}

.achievement-banner .achievement-icon .icon:before {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}

/* Animations */

/* open-close-banner */
@-webkit-keyframes open-close-banner {
	0% {
		width: 1.5em;
		opacity: 0;
	}
	2% {
		width: 1.5em;
		opacity: 1;
	}
	8% {
		width: 10em;
	}
	80% {
		width: 10em;
	}
	90% {
		width: 1.5em;
		opacity: 1;
		-webkit-transform: rotate(0deg);
	}
	98% {
		width: 1.5em;
		-webkit-transform: rotate(720deg);
	}
	100% {
		width: 1.5em;
		opacity: 0;
	}
}
@-moz-keyframes open-close-banner {
	0% {
		width: 1.5em;
		opacity: 0;
	}
	2% {
		width: 1.5em;
		opacity: 1;
	}
	8% {
		width: 10em;
	}
	80% {
		width: 10em;
	}
	90% {
		width: 1.5em;
		opacity: 1;
		-moz-transform: rotate(0deg);
	}
	98% {
		width: 1.5em;
		-moz-transform: rotate(720deg);
	}
	100% {
		width: 1.5em;
		opacity: 0;
	}
}
@keyframes open-close-banner {
	0% {
		width: 1.5em;
		opacity: 0;
	}
	2% {
		width: 1.5em;
		opacity: 1;
	}
	8% {
		width: 10em;
	}
	80% {
		width: 10em;
	}
	90% {
		width: 1.5em;
		opacity: 1;
		transform: rotate(0deg);
	}
	98% {
		width: 1.5em;
		transform: rotate(720deg);
	}
	100% {
		width: 1.5em;
		opacity: 0;
	}
}

/* border-top-pulse */
@-webkit-keyframes border-top-pulse {
	0% {
		border-top-color: #f5c4c3;
	}
	40% {
		border-top-color: #ffffff;
	}
	80% {
		border-top-color: #00ff00;
	}
	100% {
		border-top-color: #45ca3d;
	}
}
@-moz-keyframes border-top-pulse {
	0% {
		border-top-color: #f5c4c3;
	}
	40% {
		border-top-color: #ffffff;
	}
	80% {
		border-top-color: #00ff00;
	}
	100% {
		border-top-color: #45ca3d;
	}
}
@keyframes border-top-pulse {
	0% {
		border-top-color: #f5c4c3;
	}
	40% {
		border-top-color: #ffffff;
	}
	80% {
		border-top-color: #00ff00;
	}
	100% {
		border-top-color: #45ca3d;
	}
}
@-webkit-keyframes fade-in-text {
	0% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-moz-keyframes fade-in-text {
	0% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fade-in-text {
	0% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.achievement-banner {
	-webkit-animation: open-close-banner 5s 1;
	-moz-animation: open-close-banner 5s 1;
	animation: open-close-banner 60s 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.achievement-banner .achievement-icon {
	/* Make border-top pulse. */
	-webkit-animation: border-top-pulse 1.25s 2;
	-moz-animation: border-top-pulse 1.25s 2;
	animation: border-top-pulse 1.25s 2;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
/* fade-in-text */
.achievement-banner .achievement-text {
	-webkit-animation: fade-in-text 0.5s 1;
	-moz-animation: fade-in-text 0.5s 1;
	animation: fade-in-text 0.5s 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}


/* ================================================ */
/* ================================================ */
/* ================================================ */
/* ================================================ */





table {
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
font-size: 1em;
margin-top: 50px;
text-align: center;			
width: 500px;
line-height: 1;
}
@media (max-width: 728px) 
	{ 
		table
			{	
				font-size: 1em;
				margin-top: 3vh;
				max-width: 80vw;
				padding: 0px;	
				
			}
	}
@media (min-width: 728px) 
	{ 
		table
			{	
				width: 500px;						
			}
	}


table, td, th {
border: 1px solid black;
padding: 5px;
}

@media (max-width: 728px) 
	{ 
		.tabelka_wieksza table
			{	
				font-size: 0.5em;
				margin-top: 5vh;
				
				max-width: 98vw;
				padding: 0px;
			}
	}
tr:nth-child(even) {background-color: #f2f2f2;}		
				
/* ================================================ */
/* ================================================ */
/* =============Przycisk powrotu na górę=========== */
/* ================================================ */
#button {

caret-color: transparent;
  position: fixed;
  bottom: 30px;
  float: left; 
  z-index: 1000;
  color: #FFB025;
}

@media (max-width: 728px) 
	{ 
		#button
			{	
			display: none
			}
	}

#button:hover {
  cursor: pointer;

}
#button:active {
 
}


@media (max-width: 728px) 
	{ 
		#button
			{
				
				width: 90px;
				height: 75px;
				padding-top: 15px;
			}
	}

#wrap{ overflow:hidden; padding:3%; }
#pbOverlay.show ~ #wrap{ -webkit-filter:blur(2px) grayscale(.4); }
		
#gallery{ padding:20px; }
	#gallery li{ list-style:none; perspective:100px; -webkit-perspective:100px; margin:1px; float:right; position:relative; transition:.1s; -webkit-transition:0.1s; }
		#gallery li.video::before{ contentt:'\25BA'; color:#FFF; font-size:20px; height:20px; width:20px; line-height:0.9; position:absolute; bottom:3px; left:4px; z-index:1; background:rgba(0,0,0,0.4); box-shadow:0 0 0 3px rgba(0,0,0,0.4); border-radius:0 3px 0 0; pointer-events:none; opacity:0; transition:.5s 0.2s; }
		#gallery li.loaded.video::before{ opacity:1; }
		#gallery a{ display:block; width:75px; height:68px; vertical-align:bottom; overflow:hidden; background:rgba(0,0,0,0.1);
					transition:.4s ease-out; -webkit-transition:0.4s ease-out; -webkit-transform:rotateX(90deg) translate(-50px,-50%); transform:rotateX(90deg) translate(-50px,-50%); }
		#gallery a:active, #gallery a:focus{ outline:none; }
		#gallery a img{ min-height:100%; width:100%; transition:.3s ease-out; -webkit-transition:0.3s ease-out; }
		#gallery .loaded a{ -webkit-transform:rotateX(0deg) translate(0,0); transform:rotateX(0deg) translate(0,0); }
			#gallery li.loaded:hover{ z-index:2; transform:scale(1.5); -webkit-transform:scale(1.5); }
			#gallery li.loaded a:hover{ box-shadow:0 0 0 2px #FFF, 0 0 20px 5px #000; transition:.1s; -webkit-transition:0.1s; }
			#gallery li.loaded:hover img{ transform:scale(1.2); -webkit-transform:scale(1.2); }
			#gallery li.loaded.video:hover::before{ opacity:0; }


hr.style14 { 
  border: 0; 
  height: 2px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
  margin-top: 50px;
  margin-bottom: 50px;
  width: 600px;
}
@media (max-width: 728px) 
	{ 
		hr.style14
			{
				margin-top: 3vh;
				 width: 80vw;
				 margin-bottom: 3vh;
			}
	}
@media (max-width: 728px) 
	{ 
		#button
			{			
				margin-top: 3vh;
			}
	}
.read-more-state {
  display: none;
  
  
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
  
}
.icon-quote-right
{
	
	color: black;
}
.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;

  max-height: 999em;
  overflow: hidden;

/*   background: red; */
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Rozwiń';
	color: black;
	width: auto;
	font-size: inherit;
	overflow: hidden;

}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Zwiń';
  color: black;
  font-size: inherit;
  width: auto;
  overflow: hidden;

}

.read-more-trigger {

  display: inline-block;
  padding: 0 .5em;
  color: red;
  position: relative;
   
  line-height: 2;
  border: 10px solid #ddd;
  overflow: hidden;
  border-radius: .25em;

}

.g-off {
  display: none !important;

  
}


.b-tshort p

{
	font-size: 1.2em;
	font-family: 'Lato', sans-serif;
	font-weight: 400;	
	line-height: 2;
	text-align: justyfy;
	
}



/* Wielkość tekstu rozwiniętego */

.b-tshort p:not(:first-of-type) {
	display: none;
	font-size: 1.2em;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	justify-content: center;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;	
	line-height: 2;
	text-align: justyfy;
}
@media (max-width: 728px) 
	{ 
		.b-tshort p:not(:first-of-type)
			{
				display: none;
	font-size: 1.2em;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	justify-content: center;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;	
	line-height: 2;
	text-align: justyfy;
			}
	}
	

/* Wielkość tekstu ,,Pokaż zdjęcie sferyczne */

.b-tshort .tshort__btn {
	cursor: pointer;
	font-weight: bold;
	color: black;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	float: center;
	display: flex;
}
@media (max-width: 728px) 
	{ 
		.b-tshort .tshort__btn
			{
				text-align: center;
				
				font-size: 1.3em;
			}
	}	
.b-tshort .tshort__btn--show {
	transition: 1.25s ease;
	

}
.b-tshort .tshort__btn--hide {
  display: none;
}
.b-tshort input:checked ~ .tshort__btn .tshort__btn--show {
  display: none;
  	font-size: 1.2em;

}
.b-tshort input:checked ~ .tshort__btn .tshort__btn--hide {
  display: inline;
  	
}


.bar {
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 0%;
  height: 10px;
  z-index: 9999;
}
.bar .bar-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 230, 0.8); 
  z-index: 9999;
}
.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  contentt: 'Show more';
}

.read-more-state:checked ~ .read-more-trigger:before {
  contentt: 'Show less';
}

.read-more-trigger {
  cursor: pointeinter;
  display: inline-block;
  padding: 0 .5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;
}



a.menulink
{
	display: block;
	width: 190px;
	height: 90px;	
	z-index: 999;
}
@media (max-width: 728px) 
	{ 
		a.menulink
			{	
				width: 24vw;
				height: 90vw;
				
				
			}
	}
.menucale
{


	background-color: #303030;
	margin-top: 10px;
	margin-left: 10px;
	overflow: auto;	
	float: left;
border: 1px solid black;
	width: 1000px;




}
.roczniknadzdjeciamip
{
	color: white;
	background-color: #606060;

	margin-left: 10px;
	overflow: auto;	
	float: left;
	border: 1px solid black;
	width: 190px;


}
.roczniknadzdjeciamil
{
	color: white;
	background-color: #606060;

	overflow: auto;	
	float: left;
	border: 1px solid black;
	width: 190px;
	z-index: 200;


}
.scene {
  		width: 950px;
		float:left;
  		perspective: 1200px;
		position: relative;
		height: 450px;
		cursor: pointer;
	}
	
	.card {
  		width: 100%;
  		height: 100%;
  		position: relative;
  		transition: transform 1s;
  		transform-style: preserve-3d;
		float:left;
		position: relative;
	}
	
	.card__face {
  		position: absolute;
  		height: 100%;
  		width: 100%;
  		backface-visibility: hidden;
		float:left;
	}
	

	.card__face--back {
  	
  		transform: rotateY( 180deg );
	}
	
	.card.is-flipped {
  		transform: rotateY(180deg);
	}
	



.post2
{
	border-radius:8px;
	color: black;
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.8);  
	width: 998px;
	border: 1px solid black;	
	float: left;	
	margin-top: 5px;
	padding: 25px;	
	padding-bottom: 25px;
	box-shadow:0 0 32px rgba(0,0,0,0.5);
	margin-left: 1px;
	
}


.dropcap{
  position: relative;
  margin: 32pt 5pt 32pt;
  padding:0px;
  font-size:68pt;
  font-weight: bold;
  line-height: 0pt;
  color: #215FBA;
  float:left;
}
.post2
{
	border-radius:8px;
	color: black;
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.8);  
	width: 998px;
	border: 1px solid black;	
	float: left;
	margin-top: 40px;
	margin-left: 1px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	box-shadow:0 0 32px rgba(0,0,0,0.5);
}
.baton
{
	float: left;


}
.naglowek
{
	
	margin-left: auto;
	margin-right: auto;
	
}
.grafikaprawa
{
	width: 192px;
	float: left;
	margin-top: 10px;
	z-index: 10;
}
.zdjecie3
{
	margin-left: 10px;
}
.zdjecie4
{
	margin-left: 10px;		
	margin-top: 7px;
}




.ikonki
{
	font-size: 2em;	
	
}
@media (min-width: 1000px) 
	{ 
		.ikonki
			{
				font-size: 1em;				
			}
	}	
@media (max-width: 1000px) 
	{ 
		.ikonki
			{
				font-size: 1em;				
			}
	}	
.social1
{
	float: left;
	width: 166px;;
	position: relative;

}	
@media (min-width: 1000px) 
	{ 
		.social1
			{
				float: left;
	width: 166px;
	position: relative;
			
			}
	}	
	

@media (min-width: 1000px) 
	{ 
		.social2
			{
				float: left;
				width: 166px;
				position: relative;

			}
	}
@media (max-width: 1000px) 
	{ 
		.social2
			{
				float: left;
	width: 166px;
	position: relative;
	z-index: 999;
			}
	}
.social3
{
	float: right;
	width: 166px;
	position: relative;
	margin-right: 60px;
}	
@media (min-width: 1000px) 
	{ 
		.social3
			{
				float: left;
				width: 166px;
				position: relative;
				margin-left: -60px;
			}
	}
@media (max-width: 728px) 
	{ 
		.social3
			{
				float: left;
				
				margin-left: -60px;
			}
	}	
@media (max-width: 1000px) 
	{ 
		.social1
			{
				width: 33%;		
font-size: 1.5em;				
			}
	}	
@media (max-width: 1000px) 
	{ 
		.social2
			{
				width: 33%;	
font-size: 1.5em;				
			}
	}	
@media (max-width: 1000px) 
	{ 
		.social3
			{
				width: 33%;		
				margin-left: -40%;		
font-size: 1.5em;				
			}
	}		


@media (max-width: 1000px) 
	{ 

a:link
{
	color: black;
	text-decoration: none;
}
a:visited
{
	color: black;
}
a:hover
{
	color: black;
}


.frontimgstyle
{	
	width: 190px;
}


.data
{
	position: absolute;
	text-align: right;	
	margin-left: 800px;
}
.tittle
{
	overflow-x: hidden;		
	background-color: black;
	color: white;
	font-size: 11px;
	float: left;
	width: 192px;	
	text-align: justyfy;
	letter-spacing: 2px;
}
/* ================================================ */
/* ================================================ */
/*          /*-- NOTES z ptaszkami i szeroki--*/
/* ================================================ */
/* ================================================ */

.spiral h2 {
  /*border-bottom: red 8px solid; */
  font-family: "Comic Sans MS", cursive;
  padding: 0 10px;
  text-align: justyfy;
  line-height: 0;
}

.notepad p:before {
  content: url("https://2.bp.blogspot.com/-fjx1XWwSths/TjDmv0hgeyI/AAAAAAAABJI/gVF96iAsM-A/s1600/BulletsRed_0005_CheckBox5.png");
  padding-right: 10px;
}

/*-- spiral --*/
.spiral {
  margin-top: -20px;
  
}
.spiral ul {
  list-style: none;
  padding-left: 8px;
  margin-top: -16px;
  display: inline;
}
.spiral li {
  display: inline;
  margin-top: -16px;
  padding-left: 6px;
}

/*-- container --*/

.notepad {
  width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
  border-left: #ccc 1px solid;
  border-right: #ccc 4px solid;
  border-bottom: #ccc 1px solid;
  border-top: #ccc 1px solid;
  background: #fff;
  -moz-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
  -webkit-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
  box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  -moz-border-bottom-left-radius: 15px;
  -moz-border-bottom-right-radius: 15px;
}
/* ================================================ */
/* ================================================ */
/* ================================================ */
/* ================================================ */

/* ================================================ */
/* ================================================ */
/*          /*-- NOTES z ptaszkami 
/* ================================================ */
/* ================================================ */




@media (max-width: 1000px) 
	{ 
		.spiral3 p
			{
				  padding-left: 0px;	
			}
	}
.spiral3 h2 {
  /*border-bottom: red 8px solid; */
  font-family: "Comic Sans MS", cursive;
  padding: 0 10px;
float: left;
  line-height: 0;
}


.notepad3 h2 {
  padding-left: 10px;
}

.spiral3 {
  margin-top: -20px;
  
}
.spiral3 ul {
  list-style: none;
  padding-left: 8px;
  margin-top: -16px;
  display: inline;
}
.spiral3 li {
  display: inline;
  margin-top: -16px;
  padding-left: 6px;
  float: left;
  line-height: 4;
}

/*-- container --*/

.notepad3 {
  width: 700px;	
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
  border-left: #ccc 1px solid;
  border-right: #ccc 4px solid;
  border-bottom: #ccc 1px solid;
  border-top: #ccc 1px solid;
  background: #fff;
  -moz-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
  -webkit-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
  box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  -moz-border-bottom-left-radius: 15px;
  -moz-border-bottom-right-radius: 15px; 
}
@media (max-width: 1000px) 
	{ 
		.notepad3
			{
				  width: 80vw;	

			}
	}
.przyklejony_pojemnik
{
position: fixed;
right: 0;
top: 20vh;
background: black;
border: solid #0088ff;
color:  white;
}
.pojemnik_zmiana_wielkosci_tekstu { 
  width: auto;
  text-align: justyfy;
font-size:  22px;
overflow: hidden;
}

.pojemnik_na_tresc_index

{
	overflow: hidden;	
	z-index: 999;
	padding-bottom: 50px;
	text-align: justyfy;
	width: 1000px;

}	
@media (max-width: 728px) 
	{ 
		.pojemnik_na_tresc_index
			{
				width: 100vw;

				
			}
	}
.pojemnik_na_tresc_index .skrot p 
{
	padding-left: 0px;
	padding-right: 0px;
	text-align: justify;
	font-weight: 200;
	
	
}	

@media (min-width: 1000px) 
	{ 
		.pojemnik_na_tresc_index p 
			{
				padding-left: 100px;
				padding-right: 100px;
			}
	}	
@media (max-width: 1000px) 
	{ 
		.pojemnik_na_tresc_index p 
			{
				padding-left: 10vw;
				padding-right: 10vw;
			}
	}


.pojemnik_na_tresc_omnie

{
	overflow: hidden;	
	margin-left: 25px;
	margin-right: 25px;
	padding-bottom: 50px;
	width: 960px;
}

.pojemnik_na_tresc_omnie p

{
	padding-left: 5px;
	padding-right: 5px;
}
@media (max-width: 728px) 
	{ 
		.pojemnik_na_tresc_omnie
			{
				margin-left: 0px;
				margin-right: 0px;
				width: 100vw;
			}
	}

.pojemnik_na_tresc_omnie p

{
	padding-left: 20px;
	padding-right: 20px;
}
@media (max-width: 728px) 
	{ 
		.pojemnik_na_tresc_omnie h1
			{
				margin-bottom: 25px;
				margin-top: 50px;
			}
	}
@media (max-width: 728px) 
	{ 
		.pojemnik_na_tresc_omnie h2
			{
				margin-bottom: 25px;
				margin-top: 50px;
			}
	}

.pojemnik_na_tresc_wycieczek

{
	overflow: hidden;	
	margin-left: 25px;	
	padding-bottom: 50px;
	width: 1000px;
}
@media (max-width: 728px) 
	{ 
		.pojemnik_na_tresc_wycieczek
			{
				width: 100vw;
				margin-left: 0vw;	
			}
	}
.pojemnik_na_tresc_wycieczek img

{
	height: 250px;
	
}	
@media (max-width: 728px) 
	{ 
		.pojemnik_na_tresc_wycieczek img
			{
				height: auto;
				width: 960px;
			}
	}	


	
@media (max-width: 728px) 
	{ 
		.pojemnik_na_tresc_index h1
			{
				margin-top: 70px;
				font-size: 1.2em;
				text-align: center;
				margin-bottom: 0px;
				font-weight: 800;
			}
	}
@media (max-width: 728px) 
	{ 
		.pojemnik_na_tekst_pod_menu_wycieczki h1
			{
				margin-top: 70px;
				font-size: 1.2em;
				text-align: center;
				margin-bottom: 0px;
				font-weight: 800;
			}
	}	
	
	
@media (max-width: 728px) 
	{ 
		.pojemnik_na_tresc_index .kafelek_caly img
			{
				width: 80vw;
			}
	}

.kafelek_caly img

{
	width: 465px;
}

.pojemnik_na_tresc_wpisow

{
	z-index: 9;
	overflow: visible;

}	


	
@media (min-width: 1000px) 
	{ 
		.pojemnik_na_tresc_wpisow h3
			{
				font-size: 2em;
			}
	}	
@media (max-width: 728px) 
	{ 
		.pojemnik_na_tresc_wpisow
			{
				margin-left: 0vw;
				margin-right: 0vw;
			}
	}	
@media (min-width: 728px) 
	{ 
		.pojemnik_na_tresc_wpisow
			{
				margin-left: auto;
				margin-right: auto;
				width: 100%;
				position: relative;
				background-color: transparent;
				background-color: rgba(255, 255, 255, 1); 
				
			}
	}

.podziekowania img
{
	width: 150px;
	height: auto;
	margin-left: 50px;
}
@media (max-width: 728px) 
	{ 
		.podziekowania img
			{	
				width: 20vw;
				margin-left: 2vw;
			}
	}
.podziekowania p
{
	padding-left: 40px;
	padding-right: 40px;	
}
@media (max-width: 728px) 
	{ 
		.podziekowania p
			{	
				padding-left: 50px;
				padding-right: 50px;
				text-indent: 0px;
				font-size: 1.2em;
			}
	}
.rozkaz p
{
	padding-left: 40px;
	padding-right: 40px;	
}
@media (max-width: 728px) 
	{ 
		.rozkaz p
			{	
				padding-left: 15px;
				padding-right: 15px;
				
			}
	}
.margin_top

{
	
	
}
@media (max-width: 728px) 
	{ 
		.margin_top
			{	
				margin-top: 0px;
				margin-top: 0px;
				
			}
	}
.mniejszy_margines_na_zdjecia

{
	margin-left: 0px;
	padding-left: 0px;
	
}

	@media (min-width: 1000px) 
	{ 

		.pojemnik_na_iframe iframe
			{	
				
				height: 500px;
				width: 810px;
			}
	}		

.pojemnik_na_tresc_wpisow iframe
			{	
				height: 500px;
				width: 760px;
				display: flex;
				justify-content: center;
			
				margin-left: auto;
				margin-right: auto;				
			}
	}	
@media (max-width: 728px) 
	{ 
		.pojemnik_na_tresc_wpisow iframe
			{									
				justify-content: center;
				overflow: hidden;
				margin-left: auto;
				margin-right: auto;	
				width: 80vw;
				z-index: 9999999999999;
			}
	}		
@media (max-width: 728px) 
	{ 
		.b-tshort iframe
			{									
				justify-content: center;
				overflow: hidden;
				margin-left: auto;
				margin-right: auto;	
				width: 80vw;
			}
	}	
@media (max-width: 728px) 
	{ 

		.pojemnik_na_iframe iframe
			{	
				
				width: 90vw;
				height: 60vh;
				
			}
	}	
	


@media (min-width: 1000px) 
	{ 
		.obrazek img
			{	
				width:500px;
				height:auto;			
				overflow: hidden;	
				
			}
	}	
@media (max-width: 728px) 
	{ 
		.obrazek img
			{	
				width:925px;
				height:auto;			
				overflow: hidden;				
			}
	}	
@media (min-width: 1000px) 
	{ 
		.obrazek .photo-frame
			{	
				margin-left: 230px;		
				margin-top: -50px;				
			}
	}	
@media (max-width: 728px) 
	{ 
		.obrazek .photo-frame
			{	
					
				margin-top: -50px;				
			}
	}	





.slider_omnie {
  width: 450px; /* fill up parent but    */
  max-width: 600px; /* dont outgrow yourself */
  padding: 0;
  overflow: hidden;
  max-height: 630px;
}
@media (min-width: 1000px) 
	{ 
		.slider_omnie
			{	
				max-height: 430px;			
			}
	}	


.slider_omnie img
	{	
		width: 450px;					
	}

.slider_omnie a {
  position: relative;
  margin: 0;
  float: left;
  overflow: hidden;
  width: 25%;
  height: 630px;
  transition: all ease-in-out 0.8s;
  width: 10%;
  
}

.slider_omnie a.active {
  width: 65%;
}

.slider_omnie a img {
  transition: all ease-in-out 0.8s;
  border: 0; /* IE */
  position: absolute;
  top: 0;
  margin-left: -150px;
  left: 50%;
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: url(#blur);
}

.slider_omnie a.active img {
  -webkit-filter: blur(0);
  -moz-filter: blur(0);
  -o-filter: blur(0);
  -ms-filter: blur(0);
  filter: url(#noblur);
}

svg {
  height: 0;
  width: 0;
}

@media (max-width: 728px) 
	{ 
		.pojemnik_na_tresc_index h2
			{
				margin-bottom: 0px;
				margin-bottom: 2vh;
				font-size: 1.2em;
				font-weight: 800;
			}
	}	
		
@media (min-width: 728px) 
	{ 
		.pojemnik_na_tresc_index h2
			{
				font-size: 2em;
				
			}
	}	
@media (min-width: 728px) 
	{ 
		.pojemnik_na_tresc_index h3
			{
				font-size: 2em;
			}
	}	
@media (min-width: 728px) 
	{ 
		.pojemnik_na_tresc_index h4
			{
				font-size: 2em;
			}
	}		
.pojemnik_na_iframe
{
  display: flex;
  justify-content: center;
}		
	@media (min-width: 1000px) 
	{ 

		.pojemnik_na_iframe iframe
			{	
				
				width: 700px;
				height: 500px;
			}
	}		
@media (max-width: 728px) 
	{ 

		.pojemnik_na_iframe iframe
			{	
				
				width: 90vw;
				height: 60vh;
				overflow: hidden;
			}
	}	



.pojemnik_na_3_zdjecia img
{
	width: 260px;
	margin: 0;
	padding: 0;
	
}	
.pojemnik_na_2_zdjecia img
{
	width: 370px;
	margin: 0;
	padding: 0;
	
}	
@media (max-width: 728px) 
	{ 

		.pojemnik_na_2_zdjecia img
			{	
				
				width: 100vw;
			}
	}
.pojemnik_na_2_zdjecia .photo-frame
{
	margin: 40px;
	padding: 10px;		
}	
@media (max-width: 728px) 
	{ 

		.pojemnik_na_2_zdjecia .photo-frame
			{	
				
				margin: 0px;
			}
	}
.pojemnik_na_2_zdjecia .odstep_obrazka_w_pojemniku_na_2_zdjecia
{
	margin-left: 0px;
}
.pojemnik_na_3_zdjecia .photo-frame
{

	margin: 0;
	padding: 10px;
	
	
}	
.pojemnik_na_3_zdjecia .odstep_obrazka_w_pojemniku_na_3_zdjecia
{
	margin-left: 40px;
}


.fa-facebook
{
	font-size: 2em;
	
}
@media (max-width: 728px) 
	{ 

		.fa-facebook 
			{	
				
				font-size: 1.2em;
			}
	}	
.fa-instagram
{
	font-size: 2em;
	margin-left: 100px;
}
@media (max-width: 728px) 
	{ 

		.fa-instagram
			{	
				
				font-size: 1.2em;
			}
	}	
header nav ul {
width: 820px;
  list-style: none;
  font-size: 1.2em;
  float: left;
  margin: 0;
  
  
}
header nav ul li {
  
  display: inline-block;
}

header nav ul li:last-child {
 
}
.pojemnik_na_filtr
{
	margin-top: 20px;
	position: relative;
}
@media (max-width: 728px) 
	{ 

		.pojemnik_na_filtr
			{	
				margin-top: 4vh;
				width: 100vh;
				
			}
	}
.sortuj
{	
	float: left;
	font-size: 1.2em;
	margin-left: 30px;	
}
@media (max-width: 728px) 
	{ 

		.sortuj
			{	
			font-size: 0.8em;
			
			
			}
	}
.opcje
{
	float: left;
	
}
header nav ul li button {
	float: left;
	display: block;
	font-family: 'lato', sans-serif;
	font-size: 1em;
	border: none;
	padding: 5px;
	font-weight: 500;
	outline: none;
	color: #e4e4e4;
	background: #474747;
	cursor: pointer;
	width: 100px;
  
}

.przycisk_share_facebook
{
		position: absolute;
		float: left;
		width: 135px;
		height: 25px;
}	
.przycisk_share_facebook iframe
{
		position: absolute;
		float: left;
		width: 135px;
		height: auto;
		border: 0;
}	
@media (max-width: 728px) 
	{ 
		.przycisk_share_facebook iframe
			{			
				position: absolute;
				margin-left: 0px;
				left:0;
				width: 135px;		
				height: 10vh;	
				margin-top: 1vh;
				border: 0;				
			}
	}
@media (max-width: 728px) 
	{ 
		.przycisk_share_facebook
			{			
				position: absolute;
				margin-left: 0px;
				left:0;
				width: 135px;		
				height: 10vh;			
			}
	}
.przycisk_share_facebook_index
{
		
}	

@media (max-width: 728px) 
	{ 
		.przycisk_share_facebook_index
			{			
				display: none;		
			}
	}	
@media (min-width: 728px) 
	{ 
		.przycisk_share_facebook
			{			
				position: absolute;
				float: left;
				width: 135px;
				height: 25px;			
				top: 0;
			}
	}	
@media (min-width: 728px) 
	{ 
		.przycisk_pierwszy
			{
			
				margin-right: 0px;
			overflow: hidden;
				
	
			}
	}
@media (min-width: 728px) 
	{ 
		.przycisk
			{
			
				margin-left: 10px;
				overflow: hidden;
				
	
			}
	}



@media (max-width: 728px) 
	{ 

		header nav ul li button
			{	
				font-size: 0.3em;
				padding: 0.2em;
				padding-top: 0.5em;
				padding-bottom: 0.5em;
			}
	}	
header nav ul
{
	font-size: 1.2em;
}
@media (max-width: 728px) {
  header nav ul li button {
    display: block;
    width: 100%;
	font-size: 0.6em;
  }
}

header nav ul li button:hover,
header nav ul li button:active,
header nav ul li button:focus {
 

  cursor: pointer;

}

.margines_kafelek 
{
	padding-left: 10px;
}
.latwa
{
  background-color: rgba(78, 212, 96, 1); 
  border-radius: 0px 0px 0px 00px;
}
.tekst_z_boku h2
{
	text-align: justyfy;
	
}
.naglowek_zdjecie
{

	height: auto;
	width: 100vw;
	

}	
.naglowek_zdjecie img
{
	width: 100vw;
	z-index: 1;

}

.ramka_na_tekst
{
	background-color: rgba(0, 0, 0, 0.5); 
	top: 140px;
	width: auto;
	height: auto;
	color: white;
	position: absolute;

}
.ramka_na_tekst h1
{
	font-size: 2em;
	color: white;
}
@media (max-width: 728px) 
	{ 

		.ramka_na_tekst
			{	
				 height: 11vw;
				 width: 100vw;
				 top: 8vh;
				 overflow: hidden;
				 text-align: center;

			}
	}	
@media (max-width: 728px) 
	{ 

		.ramka_na_tekst h1
			{	
				 height: 11vw;
				 width: 100vw;
				 top: 8vh;
				
				 text-align: center;
				 font-size: 1.2em;
					line-height: 0.5;
			}
	}	


.pojemnik_na_tresc_index .kafelek_caly
{
margin-left: 34px;
width: 440px;
border-radius: 25px;
transition: all 1s;
}	
.pojemnik_na_tresc_index .kafelek_caly:hover
{
box-shadow: -1px 25px 10px -8px rgba(173,218,245,0.75);

}	

@media (max-width: 728px) 
	{ 
		.pojemnik_na_tresc_index .kafelek_caly
			{
				margin-left: 10vw;
				width: 80vw;
				border-radius: 15px;
			}
	}
.menu_index .nav

{
font-size: 1em;

}	


.menu_index .nav .przycisk_menu
{
	font-size: 1em;
	
}	
.nav .przycisk_menu
{
	font-size: 1.2em;
	padding-top: 10px;
	
}	
.menu_index .nav .przycisk_menu
{
padding-top: 0px;

}	
	@media (max-width: 728px) 
	{ 
		.menu_index .nav
			{
				margin-top: 0vh;
				z-index: 999;
				
				
			}
	}






	}
@media (max-width: 728px) 
	{ 
		.skrot p
			{
				margin-left: 3vw;
				margin-right: 3vw;
				
				font-size: 1.2em;
				text-align: center;
			}
	}
.pojemnik_glowny_wycieczki .nav
			{
				
				position: absolute;
				z-index: 999l;
				
			}	
@media (max-width: 728px) 
	{ 
		.pojemnik_glowny_wycieczki .nav
			{
				margin-top: -1.7vh;
				position: absolute;
				z-index: 999l;
			}
	}


@media (min-width: 728px) 
	{ 
		.pojemnik_na_tresc_omnie h2
			{
				font-size: 2em;
			}
	}	
.pojemnik_header
{
	background: url("img/header.jpg");
	height: 50vh;
	background-repeat: no-repeat;
	background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;

  
}	


.odstep_od_headeru
{
	margin-top: 100px;
}	
@media (max-width: 728px) 
	{ 
		.odstep_od_headeru
			{
				margin-top: 5vh;
			}
	}
	

.header-caption h1
{
	background-color: rgba(0, 0, 0, 0.5); 
	width: auto;
	margin: 0;
	color: white;
	padding-top: 2vh;
	padding-bottom: 2vh;
}



@media (max-width: 728px) 
	{ 
		.pokaz_na_pc
			{
				display: none;
			}
	}
@media (min-width: 728px) 
	{ 
		.pokaz_na_smartfonie
			{
				display: none;
			}
	}
.mniejsza_rozdzielczosc_obrazka img
{
	width: 600px;

}
@media (max-width: 728px) 
	{ 
		.photo-frame iframe
			{
				width: 82vw;
			}
	}
@media (min-width: 728px) 
	{ 
		.photo-frame iframe
			{
				width: 710px;
			}
	}

@media (min-width: 728px) 
	{ 
		.pojemnik_na_tekst_pod_menu_wycieczki
			{
				
				margin-left: 40px;	
			}
	}	
@media (min-width: 728px) 
	{ 
		.pojemnik_na_tekst_pod_menu_wycieczki h1
			{
				
				margin-left: -40px;	
				margin-top: 50px;
			}
	}		
@media (max-width: 728px) 
	{ 
		.pojemnik_na_tekst_pod_menu_wycieczki
			{
				
				margin-left: 4vw;	
			}
	}
@media (max-width: 728px) 
	{ 
		.pojemnik_na_tekst_pod_menu_wycieczki h1
			{
				font-size: 1.2em;
				margin-left: -4vw;	
			}
	}	




#menuToggle {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999999999;
  -webkit-user-select: none;
  user-select: none;
   box-shadow:0 0 22px rgba(104,104,104,0.9);	
   width: 50px;
   border-radius: 0 10px 10px 0;
}
@media (min-width: 728px) 
	{ 
		#menuToggle
			{
				display: none
			}
	}
#menuToggle .style14 {
margin: 0;
padding: 0;
}
#menuToggle a {
  text-decoration: none;
  color: #232323;
  transition: color 0.3s ease;
}

#menuToggle a:hover {
  color: tomato;
}
.pojemnik_hamburger

{
	background-color: white;
	 width: 50px;
	 height: 50px;
	 
	 border-radius: 15px;
	 padding: 5px;
	padding-top: 1px;
	 text-align: center;
}	
#menuToggle input {
  display: block;
  width: 70px;
  height: 70px;
  position: absolute;

  cursor: pointer;

  opacity: 0; /* hide this */
  z-index: 999999; /* and place it over the hamburger */
 top: -7px;
  left: -5px;
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
 #menuToggle
 
 {
	background: white; 
	
	text-align: center;
 }
#menuToggle span {
  display: block;
  width: 40px;
  height: 6px;
  margin-bottom: 5px;
  position: relative;
	
  background: black;
  border-radius: 3px;
	margin-left: 5px;
  z-index: 999;

  transform-origin: 4px 0px;

  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu {
  position: absolute;
  width: 100vw;
  height: 100vh;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
	text-align: center;
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */

  transform-origin: 0% 0%;
  transform: translate(0, -100%);

  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

#menu li {
  padding: 10px 0;
  font-size: 22px;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul {
  transform: none;
}
	
@media (max-width: 728px) 
	{ 
		.przycisk_menu
			{
				
				display: none;
			}
	}		
@media (max-width: 728px) 
	{ 
		.pojemnik_na_tresc_index .skrot
			{
				display: none;
			}
	}	


.pojemnik_na_obrazek_pomniejszony_w_srodku .photo-frame
{
  
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: 470px;
}	
.pojemnik_na_obrazek_pomniejszony_w_srodku .photo-frame img
{
  display: flex;
  justify-content: center;
  width: 450px;
}		
	
	
.photo-frame
{
	clear: both;
	width: 920px;
	margin-left: auto;
	margin-right: auto;
}	
.photo-frame img
{
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	z-index: 999;
}	

.zdjecie_male_obok_zdjecia img
{
	width: 480px;
	margin-left: auto;
	margin-right: auto;
	z-index: 999;
}	
@media (max-width: 728px) 
	{ 

		.photo-frame
			{	
				width: 340px;
				margin-left: auto;
				margin-right: auto;
			}
	}	
@media (max-width: 728px) 
	{ 

		.photo-frame img
			{	
				width: 320px;
				margin-left: auto;
				margin-right: auto;
			}
	}	

		
.mapa_mala
{				
	width: 500px;
	float: left;
	height: 50px;
	padding-right: 20px;

}	
.mapa_mala iframe
{				
	width: 500px;
	height: 50px;
}	
@media (min-width: 728px) 
	{ 
		.mapa_mala
			{									
				width: 450px;
				height: 450px;
			}
	}	
@media (min-width: 728px) 
	{ 
		.mapa_mala iframe
			{									
				width: 430px;
				height: 450px;
			}
	}	
.tabelka_obok_mapy {
	

	

	position: relative;
	font-size: 1em;
	width: 400px;
	overflow: hidden;
}	



.przycisk

{
	
	
}	
@media (max-width: 728px) 
	{ 
		.przycisk_pierwszy
			{
				width: 16vw;
				margin-left: -8vw;
			
				
	
			}
	}
@media (max-width: 999px) 
	{ 
		.przycisk
			{
				width: 14vw;
				margin-left: 1vw;
				
				
	
			}
	}

@media (min-width: 1000px) 
	{ 
		.menu_index .nav
			{				
				z-index: 999;
				background-color: transparent;
				background-color: rgba(0, 0, 0, 0.8); 
				margin-bottom: 50px;
				width: 1000px;	
position: absolute;				
			}
	}
	
	
.wycieczki .comment {
  display: none;
}

.wycieczki:hover .replies {
  display: none;
}

.wycieczki:hover .comment {
  display: inline;
}
.glowna .comment {
  display: none;
}

.glowna:hover .replies {
  display: none;
}

.glowna:hover .comment {
  display: inline;
}
.poradniki .comment {
  display: none;
}

.poradniki:hover .replies {
  display: none;
}

.poradniki:hover .comment {
  display: inline;\
  z-index: 999;
}
.rower .comment {
  display: none;
}

.rower:hover .replies {
  display: none;
}

.rower:hover .comment {
  display: inline;
}
.ja .comment {
  display: none;
}

.ja:hover .replies {
  display: none;
}

.ja:hover .comment {
  display: inline;
}	

#gallery2
{
width: 400vw;	
	
}	
.youtube
{
float: left;
position: relative;	
	
}	
.youtube iframe
{
 width: 400px;
 height: 200px;
 
}	
@media (max-width: 1000px) 
	{ 
		.youtube iframe
			{				
				width: 90vw;
height: 20vh;				
			}
	}
	
	


.nad
{
	z-index: 997;
	opacity: 1;
	transform: rotate(-15deg) scale(.6);
	left: -160px;
	top: -150px;
	transition: all 0.5s;
}

.nad:hover
{
	transform: rotate(25deg);
	transform: scale(1.2);
	top: -125px;
	left: 10px;
	z-index: 999;
	transition: all 0.5s;
	opacity: 1;
}

.pod
{
	z-index: 998;
	opacity: 1;
	transform: rotate(20deg) scale(.6);
	left: 150px;
	top: -680px;;
	transition: all 0.5s;
	
}

.pod:hover
{
	transform: rotate(25deg);
	transform: scale(1.2);
	top: -660px;
	left: -0px;
	z-index: 999;
	transition: all 0.5s;
	opacity: 1;
}
.srodek
{
	z-index: 999;
	opacity: 1;
	transform: rotate(10deg) scale(0.6);
	left: -20px;
	top: 180px;;
	transition: all 0.5s;
	
}

.srodek:hover
{
	transform: rotate(25deg);
	transform: scale(1.2);
	top: 80px;
	left: -0px;
	z-index: 999;
	transition: all 0.5s;
	opacity: 1;
}



.powiekszanie
{
	transition: all 1s;
}	
.powiekszanie:hover
{
	
	transform: scale(1.4);
	z-index: 999;
	transition: all 1s;
	opacity: 1;
}

.pojemnik_na_porozrzucane_zdjecia
{
	height:600px;
	

	z-index: 99999;
	
}	

.pojemnik_na_porozrzucane_zdjecia .srodek
{
	top: -40px;
	left: 100px;
	position: relative;
}
.pojemnik_na_porozrzucane_zdjecia .nad
{
	top: -480px;
	position: relative;
	
}
.pojemnik_na_porozrzucane_zdjecia .pod
{
	top: -850px;
	position: relative;
}
.pojemnik_na_porozrzucane_zdjecia .srodek:hover
{
	top: 80px;
	left: 0px;
	position: relative;
}
.pojemnik_na_porozrzucane_zdjecia .nad:hover
{
	top: -425px;
	position: relative;
	
}
.pojemnik_na_porozrzucane_zdjecia .pod:hover
{
	top: -970px;
	position: relative;
}
.pojemnik_lista_wycieczek
{
	position: relative;
	border: 1 px solid red;
	width: 400px;
	height: auto;
	float: left;
}
.pojemnik_mapka_polski
{
	position: relative;
	border: 1 px solid blue;
	width: 400px;
	height: 400px;
	float: left;
}	

.card {
        width: 900px;
        height: 900px;
        position: relative;
        display: inline-block;
        margin: 50px;
		border: 1 px solid red;
    }
    
	.card .widoczne {
        
        position: absolute;
		width: 600px;
        top: 0;
        right: 0;
        z-index: 99;
    }
    
	
	
.pojemnik_na_tresc_wpisow p
{


}	
@media (max-width: 728px) 
	{ 
		.pojemnik_na_tresc_wpisow p
			{
				
			text-indent: 0px;
				
	
			}
	}	
	
	
	.chain
	
	{
		width: 800px;
		height: 400px;
			border: 25px solid transparent;
  padding: 25px;
  border-image: url("https://rowerowyodkrywca.pl/dane/img_wycieczki/chain2.png") 30 round;
	}
	
	
	
	
.foto_left
{
	float:left; 
	margin:6px;
	margin-right: 20px;
	width: 430px;
	height: 540px;
	
}
@media (min-width: 728px) 
	{ 
		.foto_left
			{	
				padding: 0px;
				margin: 0;	
				width: 480px;	
				
			}
	}
.foto_left .photo-frame
{

margin-top: 0px;
}	
@media (max-width: 728px) 
	{ 
		.foto_left
			{	
				padding: 0px;
				margin: 0;	
				width: 430px;	
			}
	}
@media (min-width: 728px) 
	{ 
		.foto_left .photo-frame
			{	
				width: 300px;
				height: 540px;
				
			}
	}	
@media (min-width: 728px) 
	{ 
		.foto_left .photo-frame img
			{	
				
				height: 540px;
			}
	}
.foto_left .photo-frame
{
width: 100px;

}	
.foto_left .photo-frame img
{
width: 100px;

}	
@media (min-width: 728px) 
	{ 
		.foto_left .photo-frame
			{	
				
				
				font-size: 14px;
				width: 430px;
				overflow: hidden;
				
				height: 540px;
			}
	}		
@media (min-width: 728px) 
	{ 
		.foto_left .photo-frame img
			{	
				
				
				font-size: 14px;
				width: auto;
				
			}
	}	
	
	
@media (max-width: 728px) 
	{ 
		.foto_left img
			{	
				width: 82vw;				
			}
	}	
	

.foto_left iframe
{				
	width: 420px;
	height: 700px;
}	
@media (min-width: 728px) 
	{ 
		.foto_left iframe
{				
		width: 400px;
		height: 540px;
		overflow: hidden;
		
}	
	}
	
	
	
	
	
	
	
	
	
	
.foto_right
{
	float:right; 
	
	width: 480px;
	height: 540px;
	-webkit-transition: transform 0.3s ease-out;

}



@media (min-width: 728px) 
	{ 
		.foto_right
			{	
				width: 480px;				
			}
	}
.foto_right .photo-frame
{

margin-top: 0px;
}	
@media (max-width: 728px) 
	{ 
		.foto_right
			{	
				padding: 0px;
				
				width: 430px;	
			}
	}
@media (min-width: 728px) 
	{ 
		.foto_right .photo-frame
			{	
				width: 300px;
				height: 540px;
				
			}
	}	
@media (min-width: 728px) 
	{ 
		.foto_right .photo-frame img
			{	
				
				height: 520px;
			}
	}
.foto_right .photo-frame
{
width: 100px;

}	
.foto_right .photo-frame img
{
width: 100px;

}	
@media (min-width: 728px) 
	{ 
		.foto_right .photo-frame
			{	
				
				
				font-size: 14px;
				width: 430px;
				overflow: hidden;
			}
	}		
@media (min-width: 728px) 
	{ 
		.foto_right .photo-frame img
			{	
				
				
				font-size: 14px;
				width: auto;
				
			}
	}	
	
	
@media (max-width: 728px) 
	{ 
		.foto_right img
			{	
				width: 82vw;				
			}
	}	
	

.foto_right iframe
{				
	width: 420px;
	height: 700px;
}	
@media (min-width: 728px) 
	{ 
		.foto_right iframe
{				
		width: 400px;
		height: 700px;
}	
	}

	
	
@media (min-width: 728px) 
	{ 
		.foto_right .pojemnik_na_iframe iframe
{				
		width: 400px;
		height: 540px;
		overflow: hidden;
	
}	
	}	
	
	
	
	
	
/* GRID */

.twelve { width: 100%; }
.eleven { width: 91.53%; }
.ten { width: 83.06%; }
.nine { width: 74.6%; }
.eight { width: 66.13%; }
.seven { width: 57.66%; }
.six { width: 49.2%; }
.five { width: 40.73%; }
.four { width: 32.26%; }
.three { width: 23.8%; }
.two { width: 15.33%; }
.one { width: 6.866%; }

/* COLUMNS */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-of-type {
  margin-left: 0;
}

.container{
  display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
}

/* CLEARFIX */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* GENERAL STYLES */

.pagination{
  padding: 30px 0;
}

.pagination ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.pagination a{
  display: inline-block;
  padding: 10px 18px;
  color: #222;
}

/* ONE */

.p1 a{
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
}

.p1 a.is-active{
  background-color: #0099ff;
  border-radius: 100%;
  color: #fff;
}

/* TWO */

.p2 .is-active li{
  font-weight: bold;
  border-bottom: 3px solid #0099ff;
}

/* THREE */

.p3 .is-active{
  background-color: #0099ff;
  color: #fff;
}

/* FOUR */

.p4 a{
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100%;
  padding: 0;
  text-align: center;
  position: relative;
  border: 3px solid #0099ff;
}

.p4 .is-active:before{
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: #0099ff;
  position: absolute;
  top: 5px;
  left: 5px;
}

/* FIVE */

.p5 a{
  width: 30px;
  height: 5px;
  padding: 0;
  margin: auto 5px;
  background-color: rgba(46, 204, 113, 0.4);
}

.p5 .is-active{
  background-color: #0099ff;
}

/* SIX */

.p6 a{
  width: 30px;
  height: 30px;
  border-radius: 100%;
  padding: 0;
  margin: auto 5px;
  text-align: center;
  position: relative;
  background-color: rgba(46, 204, 113, 0.4);
}

.p6 .is-active{
  background-color: #0099ff;
}

/* SEVEN */

.p7 a{
  border: 3px solid #0099ff;
  margin: auto 5px;
  color: #0099ff;
  font-weight: bold;
}

.p7 .is-active{
  background-color: #0099ff;
  color: #fff;
}

/* EIGHT */

.p8 a{
  background-color: #0099ff;
  margin: auto 5px;
  color: #fff;
  font-weight: bold;
  border: 3px solid #0099ff;
}

.p8 .is-active{
  background-color: #fff;
  color: #0099ff;
}

/* NINE */

.p9 a{
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  text-align: center;
  margin: auto 5px;
}

.p9 a.is-active{
  border: 3px solid #0099ff;
  border-radius: 100%;
}

/* TEN */

.p10 a{
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  text-align: center;
  margin: auto 5px;
}

.p10 a.is-active{
  border: 3px solid #0099ff;
}

/* ELEVEN */

.p11 a{
  background-color: #0099ff;
  margin: auto 5px;
  color: #fff;
  border: 3px solid #0099ff;
  position: relative;
}

.p11 a:first-of-type:before{
  content: "";
  position: absolute;
  top: -3px;
  left: -25px;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  border-right: 22px solid #0099ff;
}

.p11 a:last-of-type:after{
  content: "";
  position: absolute;
  top: -3px;
  right: -25px;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  border-left: 22px solid #0099ff;
}

.p11 .is-active{
  font-weight: bold;
}

/* TWELVE */

.p12 a:first-of-type, .p12 a:last-of-type, .p12 .is-active{
  background-color: #0099ff;
  color: #fff;
  font-weight: bold;
}
	

.main-nav { 
  background-color: grey;
  z-index: 999;

 
}

.main-nav ul {
 display: flex; /* Użyj flexbox do wyśrodkowania */
  justify-content: center; /* Wyśrodkowanie elementów */
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: #343434;
  width: 100%; /* Zmiana szerokości na 100% */
  z-index: 999;
  
  
}

.main-nav .menu li {

display: relative;
  justify-content: center; 
  
    
}

.main-nav .menu li a {
  display: block;
  color: white;
  padding: 10px;
display: flex;
  justify-content: center; 
}



.main-nav .sub-menu {
   position: absolute;
 width: 120px;
 justify-content: center; 
  display: none;
  background-color: #343434;
  overflow: hidden;
  z-index: 999;
}

.grav:hover {
	background-color: #515151;
	z-index: 999;
	color: blue;
}
.main-nav .sub-menu li a:hover {
  color: #338aff;

}

.main-nav .sub-menu li {
  float: none;
  
}

.main-nav .sub-menu li a {
 width: 100px;
  border-top: none;
  font-size: 18px; /* Ustawienie żądanego rozmiaru czcionki */
  /* Upewnij się, że padding jest zgodny z wymaganiami */
color: white;
overflow: hidden;
}
.main-nav .sub-menu li:first-child a {

  
}

.main-nav .menu li:hover .sub-menu {
  display: block;
  
}

.col-1 {
  float: left;
  width: 70%;
}

.col-2 {
  float: right;
  width: 20%;
}

.to-stick {
  position: relative;
  -webkit-box-sizing: border-box;
  width: 183px;
  padding: 10px;
  margin: 10px 0 0;
  background: #ccc;
}

/* Sticky Styles */
.sticky {
  position: fixed;
}

.sticky.main-nav {
  width: 1000px;
  top: 0;
 opacity: 0.95;
}

.sticky .menu {
  width: 100%; /* Upewnij się, że menu zajmuje całą szerokość */
  margin: 0; /* Usunięcie marginesu */
 
}
.main-nav .wycieczki-link {

}

.main-nav > ul > li:nth-child(3) > a {
  
}
.sticky.to-stick {
  top: 41px;
}

@media screen and (max-width: 900px) {
 .page {
    width: 100%;
  }
}
  
.clear:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 728px) 
	{ 
		.tekst h2
			{				
				font-size: 1.2em;
				line-height: 1.5;
			}
	}	
	
@media (max-width: 728px) 
	{ 
		.tekst h2
			{
				font-size: 1.1em;
			}
	}	

@media (max-width: 728px) 
	{ 
		h2
			{
				font-size: 1.1em;
			}
	}		
	


.rowerowy_pamietnik {
	
	height: 400px;
	overflow-y: scroll;
	background: rgb(245,245,245);
	
}


.pimg1,
.pimg2,
.pimg3,
.pimg4,
.pimgindex {
  position: absolute;
  opacity: 1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed; /* fixed = parallax, scroll = normal */

}

.pimg1 {
  background-image: url(https://rowerowyodkrywca.pl/wycieczki/kielce/img/rower_elektryczny_kross.jpg);
  min-height: 100%;
}

.pimg2 {
  background-image: url(https://farm5.staticflickr.com/4594/38933353282_8efdfeafb1_o.jpg);
  min-height: 400px;
}

.pimg3 {
  background-image: url(https://farm5.staticflickr.com/4580/38933348682_9ab6975dc9_o.jpg);
  min-height: 400px;
}

.pimg4 {
  background-image: url(https://farm5.staticflickr.com/4555/38970016111_49bf0aac4e_o.jpg);
  min-height: 400px;
}
.pimgindex {
  background-image: url("../img_glowna/rowerowyodkrywca9.jpg");
  min-height: 400px;
}
.section {
  text-align: center;
  padding: 15px 80px;
  color: #001401;
  background-color: #fff;
}

.section h2 {
  margin: 0;
  margin-bottom: 10px;
  font-size: 28px;
}



.text {
  position: absolute;
  top: 45%;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: "Tangerine", cursive;
  font-size: 80px;
  font-weight: bold;
  z-index: 99999999999999999999999999999;
  overflow: visible;
}

.text .big-font {
  font-size: 150px;
  line-height: 1em;
  text-shadow: -2px -2px 0 #001401, 2px -2px 0 #001401, -2px 2px 0 #001401,
    2px 2px 0 #001401;
}

.text .red {
  color: red;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,
    1px 1px 0 #fff;
}

.text .gold {
  text-shadow: -1px -1px 0 #a67c00, 1px -1px 0 #a67c00, -1px 1px 0 #a67c00,
    1px 1px 0 #a67c00;
}




.authors a {
  text-decoration: none;
  color: red;
  font-weight: bold;
}

.authors a:hover,
.authors a:focus,
.authors a:active {
  color: #001401;
}

@media (max-width: 768px) {
  .pimg1,
  .pimg2,
  .pimg3,
  .pimg4,
.pimgindex  {
    background-attachment: scroll;
  }

  .text .big-font {
    font-size: 100px;
    line-height: 100px;
  }
}

.separator_miedzy_parallax

{
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(255, 255, 255, 1); 
	margin-left: 50px;
	background-image: url('https://nosorowski.pl/a.png');
  background-size: cover;
  background-position: center;
  position: relative;

}

@media (min-width: 728px) 
	{ 
		.separator_miedzy_parallax
			{				
				width: 1000px;
				overflow: hidden;
				background-color: rgba(255, 255, 255, 1); 
				margin-left: 0px;
			
			text-align: justyfy;
			}
	}
@media (max-width: 728px) 
	{ 
		.separator_miedzy_parallax
			{				
				background-image: url('https://nosorowski.pl/m.png');
				overflow: hidden;			
				width: 100vw;
				overflow: hidden;
				background-color: rgba(255, 255, 255, 1); 
			margin-left: 0px;
			text-align: justyfy;
			
			}
	}

@media (min-width: 728px) 
	{ 
		.separator_miedzy_parallax p
			{				
				padding: 0px 50px 0px 50px;
				
			}
	}
@media (max-width: 728px) 
	{ 
		.separator_miedzy_parallax p
			{				
				padding-left: 25px;
				padding-right: 25px;
			}
	}
@media (min-width: 728px) 
	{ 
		.separator_miedzy_parallax ul
			{				
				padding: 0px 50px 20px 50px;
				
			}
	}	
	
	@media (max-width: 728px) 
	{ 
		.separator_miedzy_parallax ul
			{				
				padding: 0px 20px 20px 0px;
			
			}
	}	
	@media (max-width: 728px) 
	{ 
		.separator_miedzy_parallax h1
			{				
				padding-top: 50px;
				
				text-align: center;
				
			}
	}
	@media (min-width: 728px) 
	{ 
		.separator_miedzy_parallax h1
			{				
				padding-top: 50px;
				padding-bottom: 30px;
			}
	}
.separator_miedzy_parallax::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: white;
  opacity: 0.93; /* 50% przezroczystości */
  z-index: 0;
}

.separator_miedzy_parallax * {
  position: relative;
  z-index: 1;
}	
	
	
	
@media (max-width: 728px) 
	{ 
		.pojemnik_glowny_wycieczki
			{				
				 width: 100vw;
				 overflow: hidden;
				 background-color: rgba(255, 255, 255, 1); 
			}
	}	
	
@media (max-width: 728px) 
	{ 
		.pojemnik_na_tresc_wpisow 
			{				
				  width: 100vw;
				  
				  background-color: rgba(255, 255, 255, 1); 
				  
			}
	}		
	

	
	

@media (min-width: 728px) 
	{ 
		h3
			{				
				font-size: 1.6em;
			
			}
	}	
@media (min-width: 728px) 
	{ 
		h2
			{				
				font-size: 1.6em;
			
			}
	}	

@media (min-width: 728px) 
	{ 
		h4
			{				
				font-size: 1.6em;
			
			}
	}		
	
	
article
{
	min-height: 70vh;
}

footer {
    background-color: #2c3e50;
    color: #ecf0f1;
    padding: 30px 20px 15px;
    font-size: 13px;
    line-height: 1.5;
  }

  .footer-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
  }

.footer-left h3 {
  margin-top: 0;
  margin-bottom: 12px;
  color: #ffffff;
  font-size: 16px;
  white-space: nowrap; /* zapobiega Å‚amaniu wiersza */
}
@media (max-width: 768px) {
  .footer-left h3 {
    font-size: 14px;
  }
}

  .footer-left p,
  .footer-right p {
    margin: 5px 0;
  }

  .footer-left a,
  .footer-right a {
    color: #ecf0f1;
    text-decoration: none;
    font-size: 13px;
  }

  .footer-right {
    display: flex;
    flex-direction: column;
  }

  .company-info {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: start;
  }

  .bank-account {
    text-align: left;
    margin-top: 5px;
    margin-bottom: 10px;
  }

  .footer-social-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px 40px;
    margin-top: 10px;
  }

  .facebook { color: #3b5998; }
  .instagram { color: #e1306c; }
  .znany-lekarz { color: #00c4b3; }
  .booksy { color: #ffffff; }

  .footer-bottom {
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    color: #bdc3c7;
  }

  @media (max-width: 768px) {
    .footer-grid {
      grid-template-columns: 1fr;
      gap: 25px;
      text-align: center;
    }

    .company-info {
      grid-template-columns: 1fr;
      justify-items: center;
    }

    .bank-account {
      text-align: center;
    }

    .footer-social-grid {
      grid-template-columns: 1fr;
      justify-items: center;
    }
  }