@font-face {
  font-family: 'Century';
  src:  
       url('font/centgt.ttf') format('truetype'); /* Legacy iOS */
}
@font-face {
    font-family: 'Antonio-Regular';
    src:url('font/Antonio-Regular.ttf.woff') format('woff'),
        url('font/Antonio-Regular.ttf.svg#Antonio-Regular') format('svg'),
        url('font/Antonio-Regular.ttf.eot'),
        url('font/Antonio-Regular.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Antonio-Light';
    src:url('font/Antonio-Light.ttf.woff') format('woff'),
        url('font/Antonio-Light.ttf.svg#Antonio-Light') format('svg'),
        url('font/Antonio-Light.ttf.eot'),
        url('font/Antonio-Light.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: light;
    font-style: normal;
}
#svgOver {
	position: absolute;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	z-index: 99999999999;
	background: #fff;
}
body {
font-family: 'Playfair Display', serif;
	letter-spacing: 2px;
}

    
.skrollr-mobile  #skrollr-body {
	   position: fixed;
	   top:0px;
	   left:0px;
	   width: 100%;
	   height: 100%;
	   
	   }
.antonio-light {
	font-family: 'Antonio-Light';
}
.antonio {
	font-family: 'Antonio-Regular';
}

	 #mainOpis {
		 position: absolute;
		 left:0px;
		 right:0px;
		min-height: 50px;
		bottom:0px;
		line-height: 20px;
		padding: 5px 0px;
		background: rgba(161, 139, 110, 0.68);
		z-index: 999999;
		color:#fff;
	 }
	 #mainOpis.relatywny {
		 position: relative;
		 margin-top: 150px;
	 }
	 
.duzyNapis {
/* 	background:rgba(0,0,0,.4); */
	padding: 0px 40px;
	width: 100%;
	text-align: center;
	height: auto;
	font-size: 60px;
	text-transform: uppercase;
	line-height: 80px;
	text-align: center;
	font-weight: 900;
	border-radius: 100%;
	position: fixed;
	bottom:30%;
	left:20%;
	max-width: 60%;
	color:#fff;
 	z-index: 11;/*

 	animation-name:skacze;
	animation-duration:2s;
	animation-iteration-count: infinite;
	transform-origin: center bottom;
*/
 } 
 
	  .topWrap {
		  position: relative;
		  min-height: 100vh;
		  width: 100%;
		  overflow: hidden;
	  }.top.inactive {
		  transition:none;
	  }
	 .top {
		 top:0px;
		 left:0px;
		 right: 0px;
		 bottom:0px;
		 min-height:100vh;
		 position: absolute;
		 width: 100%;
		 background-position: center;
		 background-size: cover;
		  transform: translate(0,0)  scale(1);
		 transform-origin: center;
 		 opacity: 0;
		 transition:all 2s ease;
		 animation-name: topan;
		 animation-duration: 30s;
		 animation-timing-function: linear;
		 animation-iteration-count: infinite;
		
	 }
	 .topAfter {
		 position: absolute;
		 bottom:0px;
		 right:0px;
		 left:0px;
		 top:0px;
		 background:#000;
		 opacity: 0;
		 content:" ";
	 }
	 .top.active {
		 opacity: 1; transition:opacity 2s ease;
		 visibility: visible;
	 }
	 @keyframes topan {
		 0% { 
			 		 transform: translate(0,0) scale(1) ;

		 }
		 33% { 
			 transform:  translate(-10%,5%) scale(1.2);
		 }
		 66% { 
			 transform:  translate(5%, -5%) scale(1.3);
		 }
		 100% { 
			 transform: translate(0,0) scale(1) ;
		 }
	 }
	 
 .duzyNapis.text-black {
	 color:#000 !important;
 }
 .duzyNapis.text-black .btn {
	 color:#000 !important;
	 border-color: #000 !important;
 }
.duzyNapis span.duzyNapisSpan {
	 display: inline-block;
	 padding: 20px;
 }
 .duzyNapis.text-left {
	 left:10%;
	 max-width: 50%;
 }
 .duzyNapis.text-right {
	 left:auto;
	 right:10%;
	 max-width: 50%;
 }
 .duzyNapis:hover {
	 text-decoration: none;
	 color:#fff;
	 opacity: 0.9;
	 cursor: pointer;
 }
.parallax-window {
	height: 500px;
}
.duzyNapis .goDown i {
	color:#BAD8E8;
	font-size: 30px;
}
.duzyNapis span {
	display: block;
	
}
.duzyNapis span.mini {
	font-size: 30px;
	margin-top: 10px;
	line-height: 30px;
}
.duzyNapis:hover {
	cursor: pointer;
 	transition:all .3s ease;
 }
@keyframes skacze {
	0% {transform: translate(0,0) rotate(0deg); }
	50% {transform: translate(0,5px) rotate(0deg);}
	100% {transform: translate(0,0) rotate(0deg); }
}
.goDown {
	position: absolute;
	top:100%;
	left:50%;
	width: 60px;
	transform: translateX(-50%);
	z-index: 10;
}
.duzyNapis img {
	width: 100%;
}
.animuj {
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	-webkit-perspective: 1000px;
	transform-style: preserve-3d;
	overflow: hidden;
}
.animujBg, .animujIn {
	position: absolute;
	left:0px;
	top:0px;
	right:0px;	-webkit-perspective: 1000px;

	bottom:0px;
	background-position: center;
	background-size: cover;
	transition:all 20s linear;
	transition-delay: 2s;
}
.animujBg {
	z-index: 1;
	background-image:url(/layout/balonBg.jpg);
	animation-name:robto1;
	animation-duration: 30s;
	animation-iteration-count: infinite;
	transform-style: preserve-3d;
	transform: translate3d(0,0,0) scale(1.1);
}
.animujIn {
	z-index: 2;
	background-image:url(/layout/balonOver.png);
 	transform-style: preserve-3d;
 	animation-iteration-count: infinite;
	transform: translate3d(0,0,0) scale(1.1) rotate(0deg);
}
.carousel-item.activer .animujBg  {
	animation-name: robtol;
	animation-duration: 30s;
		transform: translate3d(-2%,2%,0) scale(1);

}
.carousel-item.activer .animujIn {
	animation-name: robtola;
	animation-duration: 30s;
		transform: translate3d(4%,-4%,0) scale(1.2) rotate(10deg);
		transform-origin: 60% 90%;

}
.carousel-item.activer .animuj1 .animujBg  {
			transform: translate3d(2%,0%,0) scale(1);

	}

.carousel-item.activer .animuj1 .animujIn {
			transform: translate3d(-3%,0%,0) scale(1.1) rotate(0deg);

	
	
}
.carousel-item.activer .animuj3 .animujBg  {
			transform: translate3d(2%,0%,0) scale(1.3);

	}

.carousel-item.activer .animuj3 .animujIn {
	transform-origin: center;
			transform: translate3d(-2%,0%,0) scale(1.3) rotate(0deg);

	
	
}

.carousel-item.activer .animuj4 .animujBg  {
			transform: translate3d(0%,-2%,0) scale(1.3);

	}

.carousel-item.activer .animuj4 .animujIn {
	transform-origin: center;
			transform: translate3d(0%,2%,0) scale(1) rotate(0deg);

	
	
}
@keyframes robtol {
	0% {
		transform: translate(0,0,0) scale(1.1);
	}
	100% {transform: translate(7%,0,0) scale(1)}
}
@keyframes robtola {
	0% {
		transform: translate(0,0,0) scale(1);
	}
	100% {transform: translate(10%,-10%,0) scale(1.1)}
}
.newHead {
		font-family: 'Antonio-Light';
		font-weight: 700;
		text-transform: uppercase;
 }
 .newHead.miesieczny {

display: inline-block;	 margin-right: 15px;
	 font-size: 18px;
	 text-transform: uppercase;
	 line-height: 40px;
	 font-weight: 300;
	 color:#999;
	 
 }
 
  .miechyWyjazd .miesiace a:nth-child(1) {
	 border-radius: 0px 0px 0px 0px;
	 border-left: 1px solid rgba(0,0,0,0.1);
	 border:0px;
 }
 .miechyWyjazd .miesiace a:last-of-type {
	 border-radius: 0px 0px 0px 0px;
 }
 
.miechyWyjazd .newHead.miesieczny, .miechyWyjazd .miesiace {
	float: none;
	display: inline-block;
}
 .miesiace {
	 display: inline-block;
	 
 }
 .miechyWyjazd .miesiace a{
	 background: #f5f3ee;
	 border:0px;
	 height: 50px;
	 line-height: 50px;
	 margin: 0px;
	 position: relative;
	 border:1px solid rgba(0,0,0,0.1);
	 border-width: 0px 1px 0px 0px;
	 border-radius: 0px;
	 z-index: 5;
	 color:#dd796f !important;

 }
 
 .miesiace a span {
	 position: relative;
	 z-index: 9;
 }
 .miesiacIn {
	 position: absolute;
	 left:50%;
	 top:-15px;
	 bottom:-15px;
	 border-radius: 100%;
   	 transform: translateX(-50%);
	 background: #efefef;
	 z-index: 0;
	 opacity: 0;
 }
 .miesiacIn img {
	 height: 100%;
 }
 .miesiac:hover .miesiacIn {
opacity: 1; }
.miesiace a.active .miesiacIn {
	opacity: 1;
	background: #91c9b2;
}
 .kontynenty a, .rodzajewypraw a, .miesiace a {
	 color:#333;
	 display: inline-block;
	 margin-bottom: 10px;
	 height: 40px;
	 border-radius: 0px 10px 10px 0px;
	 background: transparent;
	 padding: 0px 20px 0px 50px;
	 line-height: 40px;
	 position: relative;
	 left:-15px;
 }
 .miesiace a {
	 left: 0px;
	 padding: 0px 15px;
	 border-radius: 0px;
	 border:1px solid #999;
	 border:0px;
	 font-weight: 300;
	 font-size: 40px;
	 color:#dd796f !important;

 }
 .miesiace a:hover {
	 cursor: pointer;
 }
 .miesiace a:nth-child(1) {
	 border-radius: 10px 0px 0px 10px;
 }
 .miesiace a:last-of-type {
	 border-radius: 0px 10px 10px 0px;
 }
 .kontynenty a:hover, .rodzajewypraw a:hover {
	 	 background: #efefef;
	 	 cursor: pointer;

 }
 .kontynenty a.active, .rodzajewypraw a.active {
	 background: #F1D200;
	 color:#fff;
 }
 .rodzajewypraw a.active {
	 background: #0084CB;
 }
 .playfair {
	 font-family: 'Playfair Display', serif;

 }
body {
 font-family: 'Lato', cursive; 
 
 	letter-spacing: 1px; 
	font-weight: 400;
	 -webkit-font-smoothing:antialiased;
	 overflow-x: hidden;
	     -moz-osx-font-smoothing: grayscale;
/*
	     overflow:hidden;
overflow-y: auto;
width: 100%;
*/
 

	}
	.heading {
/*   font-family: 'Shadows Into Light Two', cursive;  */

	}
	header {
		z-index: 9999999999;
		position: relative;
	}
	.navbar {
		padding-bottom: 0px; background:rgba(107, 90, 68, 0.77); padding-top:0px;
transition:all .3s ease;z-index: 9999999;
 
	}
	.ponizej .navbar {
 	}
	.kontaktHeader {
		font-size: 10px;
		line-height: 25px;
		margin-top: -5px;
	}
	.kontaktHeader span {
		font-size: 20px;
		display: block;
		font-weight: 700;
	}
	.navbar-brand {
		text-align: center;
		display: block;
		padding-top: 10px;
		padding-bottom: 5px;
		padding-left: 0px;
		padding-left: 0px;
		margin-right: 0px;
		opacity: 1;
	}
	.navbar-brand img {
		height: 60px;
		width: auto;
	}
	.navbar-light .navbar-nav .nav-link {
		color:#fff;
font-family: 'Playfair Display', serif;
		font-size:18px;
		height: 64px;
		line-height: 50px;
		padding-left: 10px;
		padding-right: 10px;
		font-weight: 400;
		position: relative;
 	}
	.navbar-light .navbar-nav .nav-item:hover .nav-link {
		color:#000;
		cursor: pointer;
	}
	.navbar-light .navbar-nav .nav-link .afterek {
		position: absolute;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
		background: #BAD8E8;
		transform: scale(1,0);
		transition:all .5s ease;
		opacity: 0;
		transform-origin: center bottom;
		border-top:5px solid #7898B5;
		z-index: -1;
border-corner-shape: scoop;
  border-radius: 0px 0px 0px 0px;   	}
 	.afterek .goDown {
	 	width: auto;
	 	top:52px;
	 	text-align: center;
	 	line-height: 20px;
	 	
  	}
 	.afterek .goDown img {
	 	vertical-align: top;
 	}
 	.afterek .goDown i {
	 	color:#7898B5;
	 	font-size:20px;
 	}
 	.wyprawyMenu, .tematyMenu {
 	 	transform: scale(1,0);
	 	opacity: 0;
	 	display: none;
	 	left:0px;
 	 	position: fixed;
	 	z-index: 9999999999;
	 	top:64px;
	 	width: 100%;
 	 	transition:opacity .5s ease, transform .5s ease;
	 	transform-origin: center top;
 	}
.wyprawyMenu .container, .tematyMenu .container {
		 	background: rgba(255,255,255,0.85);
padding: 20px;
	 	border-radius: 0px 0px 0px 0px;
	 	border-bottom:5px solid #7898B5;

} 	
 	.wyprawyMenu.semiactive, .tematyMenu.semiactive {
	 	display: block;
 	}
 	.wyprawyMenuBox {
	 	padding: 10px 10px 10px 10px;
 	 	text-align: center;
 	 	display: block;
 	 	border-radius: 5px;
 	}
 	
 	.wyprawyMenuBox h5 {
	 	font-size: 14px;
display: inline-block;	 	line-height: 40px;
	 	
	 	font-weight: 500;
	 	color:#434240;
	 	margin-left: 10px;
 	}
 	.wyprawyMenuBox img {
display: inline-block;	 	width: 40px;
	 	opacity: 0.9;
 	}
 	.wyprawyMenuBox:hover {
	 	background: #fff;
	 	cursor: pointer;
 	}
 	 .wyprawyMenu.active, .tematyMenu.active {
	  
	 	opacity: 1;
 	 	transform: scale(1,1);
 	}
 	.tematyMenuBox a {
	 	display: block;
	 	height: 50px;
	 	line-height: 50px;
	 	color:#434240 !important;
	 	font-size: 15px !important;
	 	font-weight: 500 !important;
 	}
 	#navbarResponsive .nav-item.socialsy {
	 	
	 	line-height: 60px;
	 	color:#fff;
	 	margin-left: 30px;
 	}
 	.coImg {
	 	width: 30%;
	 	margin-bottom: 20px;
	 	opacity: 0.8;
	 	margin-top: 20px;
 	}
	.navbar-light .navbar-nav .nav-item:hover  .afterek{
		
			transform: scale(1,1);
			opacity: 1;

		}
	.kontaktHeader {
		position: absolute;
		right:15px;
		top:10px;
		text-align: right;
		color:#fff;
		font-size: 10px;
	}
	#svgWrap {
		position: relative;
		left:0px;
		top:0px;
		height: calc(100vh);
		bottom:0px;
		right:0px;
	}
	header {
		position: fixed;
		z-index: 999998889;
		height: 60px;
	}
	.szukaj {
		position: absolute;
right: 0px;
top: 80px;
width: 70px;
height: 60px;
background: rgba(0,0,0, 0.7);
text-align: center;
cursor: pointer;
line-height: 60px;
color: #fff;
font-size: 30px;
	}
	.szukaj:hover {
		cursor: pointer;
		background: #fff;
		color:#000;
	}
	
	.rightMenu, .rightSearch {
		position: fixed;
		top:80px;
		left:100%;
		z-index: 9999999999;
		height: auto;
		padding: 30px;
		background: #fff;
		transition:all 1s ease;
		width:300px;
		
	}
	.rightSearch {
		width: 100%;
		padding: 15px 30px;
		
		
	}
	.rightMenu.active, .rightSearch.active {
		transform: translateX(-100%);
	}
	.rightMenu a {
		display: block;
		color:#000;
		font-size:24px;
		height: 40px;
		line-height: 40px;
		text-align: left;
	}
	.navbar-brand.gdansk img, .navbar-brand.hevel img {
		height: 60px;
	}
	.menuikony {
		text-align: center;
	}
 
	a.nav-link {
		color:#000;
		font-size: 14px;
		font-weight: 500;
	}
	a.nav-link:hover {
		text-decoration: underline;
	}
	.jezyki {
		margin-top:0px;
		margin-left: 20px;
	}
	.jezyki a {
		font-size:11px;
		color:#999;
	}
	.jezyki a.active {
		color:#000;
	}
	a.fbmenu {
		color:#000;
		font-size: 20px;
		margin-top:-1px;
	}
	#belka {
		position: absolute;
		top:0px;
		left:0px;
		right:0px;
		background: #000;
		color:#fff;
		z-index:999999;
		min-height: 50px;
		line-height: 20px;
		padding:15px;
		font-size:18px;
		text-align: center;
	}
	.carousel-item {
		cursor: pointer;
	}
/*
	
	.carousel-item:after {
		background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
		color-stop(0, rgba(47,40,81,0.9)),

	color-stop(1, rgba(47,40,81,0))
);
background-image: -o-linear-gradient(top, rgba(47,40,81,0.9) 0%, rgba(47,40,81,0) 100%);
background-image: -moz-linear-gradient(top, rgba(47,40,81,0.9) 0%, rgba(47,40,81,0) 100%);
background-image: -webkit-linear-gradient(top, rgba(47,40,81,0.9) 0%, rgba(47,40,81,0) 100%);
background-image: -ms-linear-gradient(top, rgba(47,40,81,0.9) 0%, rgba(47,40,81,0) 100%);
background-image: linear-gradient(to top, rgba(47,40,81,0.9) 0%, rgba(47,40,81,0) 100%);
position: absolute;
bottom:0px;
top:0px;
right:0px;
left:0px;
z-index: 5;
content:" ";
	}
		.carousel-item.beg2:after {
		background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
		color-stop(0, #DD2476),

	color-stop(1, rgba(47,40,81,0))
);
background-image: -o-linear-gradient(top, rgb(255, 255, 255,0) 0%, rgb(47,40,81) 100%);
background-image: -moz-linear-gradient(top, rgb(255, 255, 255,0) 0%, rgb(47,40,81) 100%);
background-image: -webkit-linear-gradient(top, rgb(255, 255, 255,0) 0%, rgb(47,40,81) 100%);
background-image: -ms-linear-gradient(top, rgb(255, 255, 255,0) 0%, rgb(47,40,81) 100%);
background-image: linear-gradient(to top, rgb(255, 255, 255,0) 0%, rgb(47,40,81) 100%);
 
	}
	
		.carousel-item.beg3:after {
		background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
		color-stop(0, #514A9D),

	color-stop(1, rgba(47,40,81,0))
);
background-image: -o-linear-gradient(top, rgb(255, 255, 255,0) 0%, rgb(47,40,81) 100%);
background-image: -moz-linear-gradient(top, rgb(255, 255, 255,0) 0%, rgb(47,40,81) 100%);
background-image: -webkit-linear-gradient(top, rgb(255, 255, 255,0) 0%, rgb(47,40,81) 100%);
background-image: -ms-linear-gradient(top, rgb(255, 255, 255,0) 0%, rgb(47,40,81) 100%);
background-image: linear-gradient(to top, rgb(255, 255, 255,0) 0%, rgb(47,40,81) 100%);
 
	}
	.carousel-item.beg4:after {
		background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
		color-stop(0, #24C6DC),

	color-stop(1, rgba(47,40,81,0))
);
background-image: -o-linear-gradient(top, rgb(255, 255, 255,0) 0%, rgb(47,40,81) 100%);
background-image: -moz-linear-gradient(top, rgb(255, 255, 255,0) 0%, rgb(47,40,81) 100%);
background-image: -webkit-linear-gradient(top, rgb(255, 255, 255,0) 0%, rgb(47,40,81) 100%);
background-image: -ms-linear-gradient(top, rgb(255, 255, 255,0) 0%, rgb(47,40,81) 100%);
background-image: linear-gradient(to top, rgb(255, 255, 255,0) 0%, rgb(47,40,81) 100%);
 
	}
*/
	.carousel-control-next, .carousel-control-prev {
		top:-50px;
	}
	.carousel-indicators li {
		height: auto;
		padding-bottom: 3px;
		text-indent: 0px;
		max-width: 40px;
		max-height: 25px;
	}
	.carousel-indicators li img {
		opacity: 0.5;
		transition:all .3s ease;
		vertical-align: top;
	}
	.carousel-indicators li:hover img {
		opacity: 0.8;
	}
	.carousel-indicators li.active {
		padding-bottom: 3px;
				background-color: #ee0a79;

	}
	.carousel-indicators li.active img {
		opacity: 1;
	}
	.top {
	position: absolute;
	top:0px;
height:100%;	width: 100%;
	left:0px;
	z-index: 0; 
   }
   .top.inactive {
	   background: url(/layout/tlo7.jpg);
	   background-position: center;
    background-size: cover;
	 background:#fff;
     }
   .witajTop {
	   font-size:60px; color:#fff; font-weight:500; text-align: center; top:50%; z-index: 99999999; position: absolute; left:0px; right:0px;
   }
   .witajBottom {
	   font-size: 30px;
   }/*

   .goDown {
	   position: absolute;
	   bottom: 50px;
	   left:50%;
	   width: 50px;
	   margin-left:-25px;
	   text-align: center;
	   color:#fff;
	   text-shadow: 0px 1px 1px #000;
	   font-size: 40px;
	   z-index: 9999999;
	   height: 50px;
	   border-radius: 100%;
	   line-height: 50px;
	   background: transparent;	  
	    transform: translateY(0px);
	   transition:all .3s ease;

   }
   .goDown:hover {
	   cursor: pointer;
	   background: #fff;
	   color:#000;
	   text-shadow: none;
	   transform: translateY(5px);
	   
   }
*/

.videoWrapAfter {
	position: fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background: #000;
	opacity: 0.4;
	z-index: 5;
}
.videoWrap, #audioWrap {
	position: fixed;
	left:0px;
	right:0px;
	z-index: 0;
	height:100%;
	top:0px;
	background: #333;
	-webkit-transition: all 1s ease;
	overflow: hidden;
	
}
.videoPlik  {
overflow: hidden;
	position: fixed;
	width: auto;
	height:auto;
	height: 100vh;
	left:00px;
	right:00px;
	bottom:0px;
	top:00px;
	background-position: center;
	background-size: cover;
	z-index: 1;
}

.overVideo {
overflow: hidden;
		position: absolute;
	left:0px;
	z-index: 999999999999;
	right:0px;
	bottom:0px;
	top:0px;
 	background-color:rgba(0,0,0,0.4);
 	background-position: center;
	background-repeat: repeat;
 }
 .videoWrap video {
min-height: 100% !important; min-width: 100% !important; height: auto !important; width: auto !important; position: absolute; left: 0; top: 0; -webkit-transform: translateZ(0); }

   select.form-control.my-input {
	   background: rgba(255,255,255,.5);
	   box-shadow: none;
	   border:1px solid rgba(255,255,255,0.6);
	   border-width: 1px 0px 1px 1px;
	   border-radius: 3px 0px 0px 3px;
	   -webkit-appearance: none;
	   color:#2F1D5C;
	   font-weight: 200;
	   font-size: 17px;
	   -moz-appearance: none;
	   appearance: none;
   }
   .input-group.my-group .input-group-addon {
	   border-radius: 0px 3px 3px 0px;
	   border-width: 1px 1px 1px 0px;
		   background: rgba(255,255,255,.2);
	   box-shadow: none;
	   border-color:rgba(255,255,255,0.6);
	   color:rgba(47,40,81, 0.8);

   }
   .my-group label {
	   font-weight: bold;
	   display: inline-block;
	   margin-right: 5px;
	   line-height: 38px;
	   margin-bottom: 0px;
	   
   }
   .newsesTop {
	   z-index: 9;
	   position: absolute;
	   right:0px;
	   padding-right:15px;
	   padding-left: 15px;	   width: 18%;
	   top:50%;
	   overflow: hidden;
	   transform: translateY(-50%) translateX(0);
	   transition:all .5s ease;
     }
     .newsesTop.inactive {
	     transform: translateY(-50%) translateX(100%);
	     display: none;
     } 
   .newsTopRow {
	   color:#000;
	   opacity: 0.6;
	   transition:all 1s ease;

	   position: relative;
	   transform: translateX(110%) rotate(-2deg);
	   transform-origin: right bottom;
   }
   .newsTopRow.active {
	   transform: translateX(0) rotate(0deg);
   }
   .newsesTop .newsTopRow:nth-child(1) {
	   transition-delay: 0.1s;
   }
     .newsesTop .newsTopRow:nth-child(2) {
	   transition-delay: 0.4s;
   }
     .newsesTop .newsTopRow:nth-child(3) {
	   transition-delay: 0.8s;
   }
     .newsesTop .newsTopRow:nth-child(4) {
	   transition-delay: 1.2s;
   }
   .newsTopRowIn {
	   color:#fff;
	   position: absolute;
	   bottom:10px;
	   left:10px;
	   right:10px;
	   max-height: 90%;
	   font-size: 14px;
	  z-index: 9999999;
   }
   .newsTopRow div {
	   flex:1;
    }
   .newsTopRight {
	   position: absolute;
	   top:0px;
	   bottom:0px;
	   right:0px;
	   height: 100%;
	    
   }
   .newsTopRow:hover {
	   opacity: 1;
	   transition-delay: 0s !important;
	   transition:all 0.3s ease !important;
   }
   .spinnertop {
	   position: absolute;
	   top:50%;
	   left:50%;
	   text-align: center;
	   z-index: 999999999;
	   color:#000;
	   transform: translate(-50%, -50%);
	   font-size:12px;
	   display: none;
	    
   }
   .top.inactive .spinnertop {
	   display: block;
   }
   #carousel-main.carousel, #carousel-main .carousel-inner {
	   position: absolute;
	   left:0px;
	   top:0px;
	   bottom:0px;
	   right:0px;
	   
   }
   #carousel-main .carousel-item {
		   background-position:right center; background-size:auto 100%; background-repeat:no-repeat; background-color:#fff;

height: 100%;
width: 100%;
   }
   #carousel-main .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
	   display: flex;
   }
   .carousel-control.right, .carousel-control.left {
	   background: transparent;
   }
   .contenty {
	   position: absolute;
	   top:100%;
	   background:  #fff;
	   left:00px;
	   right:00px; 
	   height: auto;
	   z-index: 99999999;
   }
   
   
   .leftHeader {
	   position: relative;
	   left:0px;
	   top:0px;
	   z-index: 15;
   }
   .leftHeader.absolutny {
	   position: absolute;
	   left:-30px;
	   top:10%;
   }
   .leftHeader span {
	   float:left;
	   height: 40px;
	   line-height: 40px;
	   padding: 0px 15px;
	   background: #FF0099;
	   color:#fff;
	   font-weight: 100;
	   font-size: 30px;
	   position: relative;
   }
   .leftHeader span:nth-of-type(2) { 
	   margin-left:30px;
	   margin-top: -5px;
	   
   }
      .leftHeader span:nth-of-type(3) { 
	   margin-left:20px;
	   margin-top: -5px;
	   
   }
   .leftHeader span:nth-of-type(2):after {
	   position: absolute;
	   top:5px;
	   width: 30px;
	   left:100%;	
	   content:" ";
	   height: 3px;
	   background: #FF0099;
   }
   
   .leftHeader.potrojny span:nth-of-type(2):after {
	   position: absolute;
	   top:5px;
	   width: 30px;
	   left:100%;	
	   content:" ";
	   height: 3px;
	   background: #FF0099;
	   display: none;
   }

   .leftHeader.potrojny.black span:nth-of-type(3):after {
	   position: absolute;
	   top:5px;
	   width: 30px;
	   left:100%;	
	   content:" ";
	   height: 3px;
	   background: #373a3c;
    }


   .leftHeader.black span {
	   	   background: #373a3c;

   }
    .rightHeader {
	   position: relative;
	   right:0px;
	   top:0px;
	   padding-right: 15px;
   }
   .rightHeader.black {
	   padding-right: 0px;
   }
   .rightHeader.black span {
	   background: #373a3c;
   }
   .rightHeader span {
	   float:right;
	   height: 40px;
	   line-height: 40px;
	   padding: 0px 15px;
	   background: #99CC33;
	   color:#fff;
	   font-weight: 100;
	   font-size: 30px;
	   position: relative;
   }
   .rightHeader span:nth-of-type(2) { 
	   margin-right:30px;
	   margin-top: -5px;
	   
   }
   .rightHeader span:nth-of-type(2):after {
	   position: absolute;
	   top:5px;
	   width: 30px;
	   right:100%;	
	   content:" ";
	   height: 3px;
	   background: #99CC33;
   }
      .rightHeader.black span:nth-of-type(2):after {
background:#373a3c;
   }
   
   .carousel-indicators {
	   bottom: 0px;
   }
   
   .kraj {
		padding: 3px 3px;
		display: inline-block;
		min-height: 20px;
		line-height: 16px;
		font-size: 18px;
		margin-bottom: 5px;
		border-radius: 3px;
		color:#EA233A;
		text-decoration: none;
		transition:all .3s ease;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		max-width: 100%;
	}
	.kraj.active {
		background: #8FC93A;
		color:#fff;
	}
	.kraj:hover {
		text-decoration: none;
		color:#000;
				background: rgba(255,255,255,0.8);

	}/*

	.miesiac {
		display: inline-block;
		width: auto;
		height: 24px;
		padding: 0px 5px;
		margin-right: 3px;	
			transition:all .3s ease;
			font-size:13px;
		border-radius: 5px;
		margin-bottom: 5px;
 		background: rgba(255,255,255,0.1);
		border:1px solid #EA233A;
		line-height: 22px;
		text-align: center;
		color:#EA233A !important;
	}
	.miesiac:hover {
		cursor: pointer;
		background: #eb233a;
		
		color:#fff !important;
	}
	.miesiac.active {
		background: #8FC93A;
		border-color: #8FC93A;
		color:#fff !important;
	}
*/
.wyjImg {
	width: 100%;
	position: relative;
	z-index: 999;
}
.wyjWrap {
	width: 40%;
	display: inline-block;
	border-radius: 100%;
 	padding: 20px;
 	position: relative;
 	
}
.wyjWrap:after {
	position: absolute;
	left:10px;
	right:10px;
	bottom:10px;
	top:10px;
	transform: scale(4);
	transition:all .5s ease;
	content:" ";
	z-index: 0;
	opacity: 0;
	background: rgba(255,255,255,.3);
	border-radius: 100%;
}
.boxwrap:hover {
	text-decoration: none;
}
.boxwrap:hover .wyjWrap:after {
	opacity: 1;
	transform: scale(1);
}
.boxwrap {
	overflow: hidden;
	padding-top:50px;
	padding-bottom: 50px; 
	transform: translateY(50px);
	opacity: 0;
	transition:all .4s ease;
}
#boxwrapy.active .boxwrap {
	transform: translateY(0);
	opacity: 1;
}
#boxwrapy.active .boxwrap:nth-child(1) {
	transition-delay: 0s;
}

#boxwrapy.active .boxwrap:nth-child(2) {
	transition-delay: 0.2s;
}


#boxwrapy.active .boxwrap:nth-child(3) {
	transition-delay: 0.4s;
}

	.boxMain {
		background-size: cover;
		background-position: center;
		position: relative;
		display: block;
 		overflow: hidden;
	}
	

 
	.boxMain:after {
		position: absolute;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		z-index: 1;
		content:" ";
		opacity: 0.5;
		transition:all 1s ease;
		background: rgba(0,0,0,0.2);

	}  .boxMain:hover:after  {
	 		background: rgba(0,0,0,0.6) !important;
	 		

 }
 .boxMainOver {
	 transition:all 1s ease;
	 opacity: 0;
	 position: absolute;
	 top:50%;
	 color:#fff;
	 z-index: 999;
	 left:15px;
	 right:15px;
	 text-align: center;
	 transform: translate(-100%,-50%);
 }
 .boxMain:hover .boxMainOver {
	 transform: translate(0%,-50%);
	 opacity: 1;
 }
 
 .boxMain:hover .boxMainIn {
	 opacity: 0;
	 transform: translateY(-100%);
 }
	.boxMainIn {
		position: absolute;
		top:0px;
		left:0px;
		z-index: 99;
		height:100%;
		width: 100%;
		color:#fff;	 transition:all 1s ease;
transform: translateY(0);
		font-size:30px;
 	}
 	.boxMainIn h3 {
	 	height: 60px;
	 	text-transform: uppercase;
	 	line-height: 56px;
	 	display: inline-block;
	 	font-weight: 700;
	 	border:2px solid #F1D200;
	 	border-width: 2px 0px;
 	}
	.boxMainIn.sml {
		font-size:16px;
	}
	.blogContent img {
		max-width: 100%;
	}
	.blogMainWrap {
		position: relative;
		margin-bottom: 30px;
	}
	
		.blogMainWrap:after {
		position: absolute;
		left:0px;
height:100%;
bottom:0px;
		z-index: 1;
		right:0px;
		content:" ";
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,2d2d2d+49,2d2d2d+100&0+0,0+49,0.65+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(45,45,45,0) 59%, rgba(45,45,45,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(45,45,45,0) 59%,rgba(45,45,45,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(45,45,45,0) 59%,rgba(45,45,45,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a62d2d2d',GradientType=0 ); /* IE6-9 */	}

	.blogTitle {
		position: absolute;
		bottom:20px;
		left:30px;
		
		right: 30px;
		text-transform: uppercase;
		font-size: 30px;
		color:#fff;
		z-index: 999999;
	}
	
	
	
	
	.menuwyjazdu {
		height: 60px; 
		position: relative;
		z-index: 99999999;
	}
	.menuwyjazduIn {
		position: relative;
		background: #ccc;
		height: 60px;
	}
	.menuwyjazdu.fixed .menuwyjazduIn {
		position: fixed;
		top:64px;
		left:0px;
		right:0px;
	}
	.mkj.sml {
		height: 30px;
		border:1px solid #BAD8E8;
		border-radius: 10px;
	}
	.mkj.sml .mkjIn {
		background: #BAD8E8;
		border-radius: 10px;
	}
	.mkj.sml .mkjOpis {
		color:#7898B5;
		position: absolute;
		bottom:0px;
		left:0px;
		padding-left: 2px;
		width: 100%;
		text-align: center;
		font-size:9px;
		z-index: 10;
	}
	.mkj {
		height: 100px;
		border:1px solid #ccc;
		width: 100%;
		position: relative;
	}
	.mkjIn {
		background:#999;
		position: absolute;
		left:0px;
		bottom:0px;
		right:0px;
	}
	
	.prawywyjazdwrap {
		position: relative;
		z-index: 9999;
	}
	.prawywyjazd{
		display: none;
	}
	.prawywyjazdwrap.fixed .prawywyjazd {
		position: fixed;
		top:122px;
		right:0px;
		display: block;
  	}
  	.prawywyjazdwrap.fixed.nadole .prawywyjazd {
	  	position: absolute;
	  	top:auto;
	  	bottom:0px;
  	}
	.prawywyjazd {
		position: relative;
		padding: 10px;
		background: #F5F3EF;
	}
	.prawywyjazdTitle {
		 position: absolute;
		 bottom:10px;
		 left:10px;
		 color:#fff;
		 font-size: 15px;
	 }
	 .prawywyjazdcena {
		 font-size: 20px;
		 color:#000;
		 text-align: center;
	 }
	 .prawywyjazdcena strong {
		 font-size: 50px;
	 }
	 .prawywyjazdsmall {
		 float: left;
		 font-size: 12px;
		 line-height: 90px;
		 display: inline-block;
	 }
	 .btn-book {
		 background: #E8A25A;
		 border:0px;
		 box-shadow: 0px 2px 1px rgba(0,0,0,0.2);
		 color:#fff;
	 }
	 .btn-book.btn-book-down {
		 		 opacity: 0.8;

	 }
	 .text-blue-1 {
		 color:#7E97B2;
	 }
	 .prawywyjazdProp {
		 padding: 20px;
		 background: #ebe9e4;
		 text-align: center;
		 margin-top: 30px;
	 }
	.etapwyjazdu {
		margin-left:20px;
		padding-left:40px;
border-left: 1px dashed #ccc;


		padding-bottom:50px;
		position: relative;
	}
	.etap-icon {
		position: absolute;
		width: 60px;
		height: 60px;
		left:-32px;
		top:-12px;
		background-size:100%;
		background-position: center;
	}
	.etap-icon-relatywna {
		position: relative;
		left:0px;
		top:0px;
		margin: 0px 10px;
		display: inline-block;
			width: 40px;
		height: 40px;
	}
	.articleTopIcons .etap-icon-relatywna {
		width: 32px;
		height: 32px;
	}
	.articleTopIcons .etap-icon-relatywna:nth-child(1) { 
		margin-left: 0px;
	}
	.icon-main {
		position: relative;
		margin: 0px 4px; display: inline-block;
		width: 42px;
		height: 42px;
	background: #ee0979; /* fallback for old browsers */
	background: -webkit-linear-gradient(-142deg, #ee0a79 0%, #ff6a00 100%); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(-142deg, #ee0979 , #ff6a00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		border-radius: 100%;
		margin-bottom: 10px;
		text-align: center;
		line-height: 40px;
		
	}
	.icon-main.active {
		background: #00C9FF; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #00C9FF , #92FE9D); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #00C9FF , #92FE9D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	}
	.icon-main img {
		width: 70%;
		vertical-align: middle;
	}
	.etap-icon img, .etap-icon-relatywna img {
		width: 100%;
	}
	.polaroid {
		width: 280px;
		max-width: 90%;
		margin-right: 10px;
		margin-left: 10px;
		border:10px solid #fff;
		border-width: 20px 20px 80px 20px;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
		margin-bottom: 20px;
		transform: rotate(2deg);
	}
	.etapwyjazdu .polaroid:nth-of-type(1) { 
				transform: rotate(-1deg);

	}
	.etapwyjazdu .polaroid:nth-of-type(2) { 
				transform: rotate(1deg);

	}
	.etapwyjazdu .polaroid:nth-of-type(3) { 
				transform: rotate(-2deg);

	}
   .aktualnoscrow {
	    margin-bottom:100px;
   }
   .aktualnoscrow:last-of-type {
	   margin-bottom: 0px;
   }
   .shortBreak {
	   width: 80px;
	   height: 3px;
	   margin: 50px auto;
	   background: #000;
   }
   
   .zwiedzHeader {
	   position: absolute; left:15px; top:30px; font-size:55px; font-weight: 600; line-height: 60px; max-width: 50%;
   }
   .btn.btn-outline-black {
	   color:#000;
	   border:1px solid #000;
   }
    .btn.btn-outline-white {
	   color:#fff;
	   border:1px solid #fff;
	   display: inline-block;
   }

   .btn.btn-outline-orange {
	   border:1px solid #ff6a00;
	background: #fff; /* fallback for old browsers */
 line-height: 1.35;
color:#ff6a00;
padding: .4rem 1rem;
font-size: 0.8rem;
   }
    .btn.btn-outline-rose {
	   border:1px solid #CA2E55;
	background: #fff; /* fallback for old browsers */
 line-height: 1.35;
color:#CA2E55;
padding: .4rem 1rem;
font-size: 0.8rem;
   }

   .btn.btn-rose {
	   background: #CA2E55;
	   color:#fff;
	   box-shadow: none;
	   text-shadow: none;
   }
   .footerLinki a {
	   display: block;
	   height: 28px;
	   line-height: 28px;
	   color:#fff;
	   font-weight: 300;
   }
   
#samkontaktform input.form-control {
    border: 0px;
    /*
 	height: 40px;
	line-height: 36px;
*/
    
    height: auto;
    box-shadow: none;
    border-radius: 0px;
    background: transparent;
    font-size: 1em;
    font-weight: bold;
    font-weight: 700;
    border: 3px solid rgba(0,0,0,0.2);
    color: #000;
    background: rgba(255,255,255,0.5);
    padding: 1em 0.5em;
}
#samkontaktform input:focus,
#samkontaktform textarea:focus {
    border-color: #ccc;
    background: #efefef;
}
.relatywny {
    position: relative;
}
#samkontaktform textarea {
    border: 0px;
    font-size: 1em;
    font-weight: bold;
    border: 3px solid rgba(0,0,0,0.2);
    height: 150px;
    color: #000;
    box-shadow: none;
    border-radius: 0px;
    background: rgba(255,255,255,0.5);
}
#samkontaktform .form-group {
    text-align: left;
}
#samkontaktform::-webkit-input-placeholder {
    color: #666;
    text-transform: uppercase;
    font-size: 13px;
    -webkit-transition: all .5s ease;
    position: relative;
}
#samkontaktform::-moz-placeholder {
    color: #666;
    text-transform: uppercase;
    font-size: 13px;
}
/* firefox 19+ */

#samkontaktform:-ms-input-placeholder {
    color: #666;
    text-transform: uppercase;
    font-size: 13px;
}
/* ie */

#samkontaktform:-moz-placeholder {
    color: #666;
    text-transform: uppercase;
    font-size: 13px;
}
/*
#samkontaktform input.form-control:focus::-webkit-input-placeholder {
	-webkit-transform: translateY(-100%);
	font-size:10px;
	color:#999;
}
*/

#samkontaktform label {
    color: #333;
    position: relative;
    height: 20px;
    left: 0px;
    line-height: 20px;
    font-weight: 700;
    font-size: 13px;
    cursor: text;
    text-align: left;
    text-transform: uppercase;
}
#sendkontaktformbutton {
    background: #000;
    border: 1px solid #000;
    border-radius: 0px;
    color: #fff;
    text-transform: uppercase;
}
#sendkontaktformbutton:hover {
    background: #fff;
    color: #000;
}
#sendkontaktformbutton.btn-success {
    color: #35a82d;
    border-color: #35a82d;
    height: auto;
    white-space: normal;
}
#sendkontaktformbutton.btn-pimary {
    color: #357ebd;
    border-color: #357ebd;
}

   .showThumb {
	   position: relative;
 	   color:#fff;
 	   padding: 0px 5px;
 	   margin-bottom: 10px;
  }
  .showThumbOverImg {
	  position: absolute;
	  left:5px; 
	  top:0px;
	  bottom:0px;
	  right:5px;
	  opacity: 0.8;
	  background-position: center;
	  background-size: cover;
	  z-index: 1;
  }
  .showThumb:hover {
	  color:#fff;
  }
  .showThumb0 { 
	  background:#F5BB00;
  }
  .showThumb1 {
	  background: #79B4A9;
  }
  .showThumb2 { 
	  background: #9CC69B;
  }
  .showThumb3 {
	  background:#C1CC99;
  }
  .showThumb4 {
	  background:#807182;
  }
  .showThumb5 {
	  background:#FF4E00;
  }
  
  .showThumb6 {
	  background:#628395;
  }
  
  .showThumb7 {
	  background:#96897B;
  }
  
  .showThumb8 {
	  background:#DBAD6A;
  }
  .showThumb9 {
	  background:#DFD5A5;
  }
    .showThumb10 {
	  background:#261C15;
  }
    .showThumb11 {
	  background:#7EE8FA;
  }
    .showThumb12{
	  background:#011627;
  }
    .showThumb13 {
	  background:#B91372;
  }
    .showThumb14 {
	  background:#6A5B6E;
  }
    .showThumb15 {
	  background:#91bdf3;
  }
    .showThumb16 {
	  background:#23CE6B;
  }
    .showThumb17 {
	  background:#754668;
  } 
    .showThumb18 {
	  background:#CDACA1;
  }
    .showThumb19 {
	  background:#CDACA1;
  } 
      .showThumbOver {
	   position: absolute;
	   left:5px;
	   top:0px;
	   bottom:0px;
	   right:5px;
	   padding: 10px;
	   font-weight: 700;
	   z-index: 10;
    }
    @media (max-width:996px) { 
	    .showThumbOver.fluidowy {
		    position: relative;
		    left:0px;
		    right:0px;
	    }
    }
   .showThumb:hover .showThumbOver:after {
	   position: absolute;
	   left:0px;
	   top:0px;
	   z-index: -1;
	   bottom:0px;
	   right:0px;
	   background: rgba(0,0,0,0.5);
	   content:" ";
   }
   
	.showIcons span {
		margin-right: 20px;
		display: inline-block;
	}
	.articleTop p {
		margin-bottom: 0px;
	}
	.btn.btn-orange {
		background: #ff6a00;
		border-color: #ff6a00;
	}
	.opisWrap {
		box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
		overflow: hidden;
		border-radius: 0px;
		transition:all .5s ease;
	}
	.opisWrap:hover {
		box-shadow: none;
	}
	.opisWrapIn {
		position: relative;
		background-size: cover;
		background-position: center;
 		}
		.opisWrapIn img {
			width: 300px;
			position: relative;
			z-index: 1;
		}
		.opisWrapIn:after {
		position: absolute;
		left:0px;
height:100%;
bottom:0px;
		z-index: 1;
		right:0px;
		content:" ";
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,2d2d2d+49,2d2d2d+100&0+0,0+49,0.65+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(45,45,45,0) 59%, rgba(45,45,45,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(45,45,45,0) 59%,rgba(45,45,45,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(45,45,45,0) 59%,rgba(45,45,45,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a62d2d2d',GradientType=0 ); /* IE6-9 */	}
.opisWrapInOpis {
	position: absolute;
	bottom:20px;
	left:10px;
	text-align: left;
	color:#fff;
 	right:10px;
	z-index: 99;
	
}
.opisWrapInOpis h4   {
	font-size: 20px;
 	display: inline;
   border-width: 0.25em 0; /* 0.25em is roughly equal to one space character. */

	padding: 5px 5px;
	line-height: 34px;
	margin-bottom:20px; 
	background: rgba(243, 211, 0, 0.8);
	position: relative;
	white-space: pre-wrap;
}

.opisWrapInOpis h4:after {
  content: "";
  position: absolute;
  top: 0em;	
  background: rgba(243, 211, 0, 0.8);

  right: 100%;
  bottom: 0em;
  width: 0.25em;
}
.opisWrapInOpis h6 {
	margin-top: 20px;
} 
 .opisWrapInBottom {
	margin-top: 0px;
	font-size:12px;
	padding:5px 10px;
	background: #333;
	color:#fff;
}

.tripNavbar {
	background: #f5f3ee;
}
.tripNavbar ul {
	background: #f5f3ee;
}
.tripNavbar ul li {
	padding: 0px;
}
.tripNavbar ul li a.nav-link {
	height: 60px;
	border: 0px;
	border-radius: 0px;
	margin: 0px;
	line-height: 50px;
	text-align: center;
	transition:all .3s ease;
}
.tripNavbar ul li a.nav-link.active {
	background: #7898B5;
	color: #fff;

}
.tripPoziom {
	position: relative;
	padding: 10px;
	color:#000;
	margin-bottom: 70px;
	padding-bottom: 25px;
}
.tripPoziomMore {
	position: absolute;
	bottom:0px;
	right:0px;
	color:#000;
	font-size: 18px;
	font-weight: bold;
}
/*
.tripPoziom:after {
	z-index: -1;
	background: #f5f3ee;
	position: absolute;
	left:-10px;
	top:-20px;
	bottom:-10px;
	right:0px;
	transform: rotate(-0.3deg);
	content:" ";
	transition: all .2s ease;
}
.tripPoziom:nth-of-type(odd):after {
	transform: rotate(0.3deg);
 }
.tripPoziom:hover:after {
	transform: rotate(0deg);
	background: #efefef;
}
.tripPoziom:nth-of-type(event):after {
	transform: rotate(-0.3deg);
 }
*/
 .tripPoziomLeft {
	 overflow: hidden;
	 position: relative;
 }
 .tripPoziomLeftIn {
	 position: absolute;
	 left:0px;
	 top:0px;
	 bottom:0px;
	 right:0px;
	 transform:scale(1);
	 transition: all .5s ease;
 }
 .tripPoziom:hover .tripPoziomLeftIn {
	 transform: scale(1.2);
 }
 .tripPoziom:hover {
	 text-decoration: none;
	 color:#000;
 }
 .subjectIcon {
	 width: 30px;
	 margin-right: 10px;
 }
.tripThumb {
		 		overflow: hidden;
		 		margin: 3px 3px;
	 		}
	 		.tripThumbStrzalka {
		 		position: absolute;
		 		right:0px;
		 		bottom:0px;
		 		padding: 0px 10px 5px 0px;
		 		color:#fff;
		 		overflow: hidden;
		 		width: 70px;
		 		height: 70px;
		 		line-height: 70px;
		 		text-align: right;
		 		font-size: 70px;
		 		transition:all .5s ease;
		 		transform: scale(0.5) translateX(-20px);
		 		opacity: 0;
	 		}
	 		 .tripThumb:hover .tripThumbStrzalka{
		 		opacity: 1;
		 		transform: scale(1) translateX(0);
	 		 }
	 		.tripThumbBg {
		 		position: absolute;
		 		left:0px;
		 		top:0px;
		 		right:0px;
		 		bottom:0px;
		 		z-index: 0;
		 		transition:all .5s ease;
		 		background-size: cover;
		 		background-position: center;
		 		
		 		transform: scale(1);
	 		}
	 		.tripThumb:hover .tripThumbBg {
		 		transform: scale(1.2);
	 		}
	 		.tripThumbIn {
		 		position: absolute;
		 		left:15px;
		 		right:15px;
		 		bottom:5px;
		 		z-index: 2;
		 		color:#fff;
	 		}
	 		.carousel-price {
		 		position: absolute; 
		 		color:#fff; 
		 		z-index: 99999;
		 		bottom:0px;
		 		right:0px;
		 		border-radius: 50% 50% 0% 50%;
		 		background: #ee0979; /* fallback for old browsers */
		 		background: -webkit-linear-gradient(-142deg, #ee0a79 0%, #ff6a00 100%); /* Chrome 10-25, Safari 5.1-6 */
		 		background: linear-gradient(-142deg, #ee0979 , #ff6a00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        font-size:13px;
        display: inline-block;
        text-align: center;
        min-height: 40px;
        line-height: 20px;
        padding: 10px 15px 10px 20px;
        font-weight: 300;
        max-width: 140px;
        white-space: pre-wrap;
	 		}
	 		.tripThumbCena, .opisWrapInCena {
		 		position: absolute;
		 		right:0px;
		 		color:#fff;
		 		top:0px;
		 		border-radius: 50% 0px 50% 50%;
		 		background: #ee0979; /* fallback for old browsers */
		 		background: -webkit-linear-gradient(-142deg, #ee0a79 0%, #ff6a00 100%); /* Chrome 10-25, Safari 5.1-6 */
		 		background: linear-gradient(-142deg, #ee0979 , #ff6a00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        font-size:15px;
        text-align: center;
        min-height: 40px;
        line-height: 20px;
        padding: 10px 15px 10px 20px;
        font-weight: 300;
        max-width: 150px;
        white-space: pre-wrap;
        z-index: 99;
        
	 		}
	 		
	 		.tripThumb.sml .tripThumbCena, .opisWrapInCena {
		 		font-size: 14px;
		 		font-weight: 500;
		 		min-height: 30px;
		 		line-height: 14px;
		 		padding: 8px 15px 8px 20px;
		 		        text-shadow: 0px 1px 1px rgba(0,0,0,0.4);

	 		}
	 		.opisWrapInCena {
		 		right: 15px;
		 		text-align: right;
		 		top:5px;
		 		height: 20px;
		 		line-height: 20px;
 		 		width: 50%;
 		 		text-shadow: none;
 		 		padding: 0px;
 		 		
	 		}
	 		.opisWrapInCzas {
		 		position: absolute;
		 		left:15px;
		 		top:5px;
		 		height: 20px;
		 		line-height: 20px;
		 		font-size: 14px;
		 		z-index: 99999;
		 		color:#fff;
		 		width: 50%; 

	 		}
	 		.opisWrapInCena {
		 		background:url(/layout/cenaBg.png);
		 		background-position: center top;
		 		background-size:auto;
		 		border-radius: none;
		 		background-repeat: no-repeat;
		 		background: none;
	 		}
	 		.opisWrap {
		 		display: block;
		 		overflow: hidden;
		 		position: relative;
	 		}
	 		.opisWrap:hover {
		 		cursor: pointer;
 	 		}
	 		.overThumb {
		 		position: absolute;
		 		left:0px;
		 		top:40%;
		 		right:0px;
		 		bottom:-40%;
		 		background-position: center bottom;
		 		background-size:100%;
		 		transform:scale(0) rotate(0deg);
		 		opacity: 0;
		 		transition:all 1s ease;
		 		z-index: 99999999999;
		 		
	 		}
	 		.overThumb img {
		 		width: 100%;
	 		}
	 		.opisWrap.active .overThumb {
		 		transform: scale(2.5) rotate(-1000deg); 
		 		opacity: 0.7; 
 	 		}
 	 		.krajWrap {
	 	 		margin-bottom: 10px;
	 	 		position:relative;
	 	 		
 	 		}
 	 		.krajWrapTytul {
	 	 		position: absolute;
	 	 		top:90%;
	 	 		left:50%;
	 	 		min-width: 70%;
	 	 		max-width: 90%;
	 	 		max-height: 90%;
 	 	 		color:#fff;
 	 	 		font-weight: 900;
 	 	 		text-transform: uppercase;
 	 	 		letter-spacing: 2px;
	 	 		padding: 5px 5px 25px 5px;
	 	 		font-size: 16px;
	 	 		line-height: 22px;
	 	 		transform: translate(-50%,-50%);
	 	 		z-index: 9999999;
	 	 		display: flex;
	 	 		
 	 		}
 	 		.krajWrap:hover .krajWrapTytul {
	 	 		color:#fff;
 	 		}
 	 		.krajWrapTytulIn {
	 	 		position: absolute;
	 	 		left:50%;
	 	 		top:50%; 
	 	 		transform: translate(-50%,-50%);
	 	 		width: 65%;
	 	 		opacity: 0.9;	 	 		z-index: -1;
 	 	 		border-radius: 100%;
 	 	 		transition: all .5s ease;

 	 		}
 	 		.krajDol {
	 	 		height: 30px;
	 	 		line-height: 30px;
	 	 		position: absolute;
	 	 		top: 0px;
	 	 		left:0px;
	 	 		right:0px;
	 	 		opacity: 0.9;
  	 		}
 	 		.krajWrapTytulIn.nr1,.krajDol.nr1 {
	 	 		background: #BE625C;
 	 		}
 	 		.krajWrapTytulIn.nr2,.krajDol.nr2 {
	 	 		background: #E8A25A;
 	 		}
 	 		.krajWrapTytulIn.nr3,.krajDol.nr3 {
	 	 		background: #EACA6C;
 	 		}
 	 		.krajWrapTytulIn.nr4, .krajDol.nr4 {
	 	 		background: #8BC3AF;
 	 		}
 	 		.krajWrapTytulIn.nr5, .krajDol.nr5 {
	 	 		background: #BAD8E8;
 	 		}
 	 		.krajWrapTytulIn.nr6, .krajDol.nr6 {
	 	 		background: #7898B5;
 	 		}
 	 		.krajWrapTytulIn.nr7, .krajDol.nr7 {
	 	 		background: #886289;
 	 		}
 	 		
 	 		.krajWrap:hover .krajWrapTytulIn {
	 	 		width: 100%;
	 	 		opacity: 1; 	 		}
 	 		.krajWrap.duzyOdstep {
	 	 		padding: 25px;
 	 		}
 	 		.clickKolko {
	 	 		position: absolute;
	 	 		z-index: 999999999999999;
	 	 		background: #fff;
	 	 		opacity: 0;
	 	 		display: none;
	 	 		left:50%;
	 	 		top:50%;
	 	 		transform: translate(-50%, -50%) scale(0);
	 	 		border-radius: 100%;
 	 		}
 	 		.clickKolko.pokaz {
	 	 		display: block;
 	 	 		
 	 		}
 	 		.clickKolko.active {
 	 	 		transition:all 1s ease;
	 	 		 opacity: 1;	 		 	 		transform: translate(-50%, -50%) scale(2);


	 	 		 }
	 		.thumb-icon {
		 		width: 30px;
		 		height: 30px;
		 		margin: 0px 5px;
		 		display: inline-block;
	 		}
	 		.thumb-icon.mn {
		 		width: 24px;
		 		height: 24px;
	 		}
	 		.thumb-icon img {
		 		width: 100%;
	 		}
	 		.tripThumb.sml h4 {
		 		font-size: 1.1em;
	 		}
	 		.tripThumb.sml h6 {
		 		font-size: 0.7rem;
	 		}
	 		.tripThumbBg:after {
		 		position: absolute;
		 		z-index: 1;
		 		left:0px;
		 		top:0px;
		 		right:0px;
		 		bottom:0px;
		 		opacity: 0.3;
		 		background: #000;
		 		transition:all .3s ease;
		 		content:" ";
	 		}
	 		.tripThumb:hover .tripThumbBg:after {
		 		opacity: 0;
	 		}
	 		
	 		
	 		
	 		
	.articleTop {
		position: relative;
		min-height:  40vh;
		position: relative;
margin-left: -15px;
margin-right: -15px;
padding-bottom: 20px;
padding-top:70px;
 	}
 	.articleTop.mini {
	 	min-height: 200px;
 	}
 	.articleTop.mini .articleTopRow {
	 	min-height: 100px;
 	}
 	.articleTopRow {
		min-height: calc(40vh - 5px);
 	}
 	.articleTopBgs {
	 	position: absolute;
	 	z-index: 0;
	 	left: 0px;
	 	top:0px;
	 	width: 100%;
	 	height: 100%;
 	}
 	.articleTopBg {
	 	z-index: 0;
	 	position: absolute;
	 	left:0px;
	 	top:0px;
	 	width: 100%;
	 	height: 100%;
	 	opacity: 0;
	 	transition:opacity 2s ease;
	 	visibility: hidden;
	 	background-size:cover;
	 	background-position: center;
 	}
 	.articleTopBg.semi {
	 	visibility: visible;
 	}
 	.articleTopBg.active { 
	 	opacity: 1;
 	}
 	.articleTopAfter {
	 	position: absolute;
	 	left:0px;
	 	bottom:0px;
	 	top:0px;
	 	right:0px;
	 	background: #000;
	 	opacity: 0;
	 	z-index: 1;
 	}
	.articleTop:after {
		position: absolute;
		left:0px;
height:100%;
bottom:0px;
		z-index: 1;
		right:0px;
		content:" ";
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,2d2d2d+49,2d2d2d+100&0+0,0+49,0.65+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 19%, rgba(0,0,0,.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0) 19%,rgba(0,0,0,.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0) 19%,rgba(0,0,0,.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 


}
	.articleList {
  		color:#fff;
		font-size:16px;
		text-align: left;
  	}
	.articleList span {
		display: inline-block;
		float: left;
		margin-bottom: 5px;
		height: 30px;
		line-height: 30px;
		padding: 0px 10px;
		background: #E9C96C;
		color:#000;
	}
	
	.articleTopTitle {
		position: relative;
		z-index: 10;
		color:#fff;
		left:0px;
		right:0px;
		text-align: center;
		min-height: calc(40vh - 30px);
	}
	.articleTop.mini .articleTopTitle {
		min-height: 100px;
	}
	
	.cena_yes span {
		background: #8AC3AE;
		display: inline-block;
		margin-bottom: 5px;
		height: 30px;
		line-height: 30px;
		padding: 0px 10px;
		color:#000;
		font-size: 14px;
	}
	.cena_no span {
		background: #BD625B;
		display: inline-block;
		margin-bottom: 5px;
		height: 30px;
		line-height: 30px;
		padding: 0px 10px;
		color:#000;
		font-size: 14px;
	}

	
	
 
	
	.breadCrumbsOver {
		position: absolute;
		display: none;
		left:0px;
		top:0px;
		height: 30px;
		background: rgba(255,255,255,0.8);
		padding: 0px 15px;
		font-weight: 500;
		color:#000;
		font-size: 12px;
		z-index: 99999999;
		line-height:30px;
	
	
	}
	
	
 .sortowanieButton {
	 background: #f5f3ee;
	 box-shadow: none;
	 color:#000;
	 font-weight: 100;
	 border:0px solid #2f2851;
	 position: relative;
 }
 
 .sortowanieButton.strona.activeRight {
	 padding-right:50px;
	 
 }
 .sortowanieButton.strona.activeLeft {
	 padding-left: 50px;
 }
 .sortowanieStrzalkaLewo {
	 position: absolute;
	 left:0px;
	 top:0px;
	 bottom:0px;
	 width: 30px;
	 border-right: 1px solid #2f2851;
	 background: #2f2851;
	 color:#fff;	 line-height: 34px;

	 text-align: center;
 }
 .sortowanieStrzalkaPrawo {
	 position: absolute;
	 right:0px;
	 top:0px;
	 bottom:0px;
	 width: 30px;
	 border-left: 1px solid #2f2851;
	 background: #2f2851;
	 color:#fff;
	 line-height: 34px;
	 text-align: center;
 }
 .sortowanieStrzalkaLewo:hover, .sortowanieStrzalkaPrawo:hover {
	 text-decoration: none;
	 background: #fff;
	 color:#2f2851;
 }
 .sortowanieButton:hover {
	 background: #efefef;
	 box-shadow: none;
 }
 .sortowanieButton:active {
	 background: #2f2851;
	 color:#fff;
	 box-shadow: none;
 }
 .dropdown-content li>a, .dropdown-content li>span {
	 color:#2f2851;
 }
 .filtry {
	 margin: 30px 0px;
	 clear: both;
	 line-height: 24px;
	 }
.safiltry {
	font-weight: bold;
	float: left;
	color:#2f2851;
	margin-right: 10px;
}
.filtr {
	float: left;
	background: #2f2851;
	color:#fff;
	border-radius: 3px;
	height: 24px;
	line-height: 22px;
	margin-right: 10px;
	text-align: center;
	padding: 0px 5px;
	border:1px solid #2f2851;
}
.filtr:hover {
	background: #fff;
	border:1px solid #cc0000;
	color:#cc0000;
	text-decoration: none;
	cursor: pointer;
}
.jedynka .white-text-jedynka {
	color:#fff !important;
}










 .socialeThumb {
	 background-size:cover;
	 background-position: center;
	 display: block;
 }
 .socialeThumb img {
	 visibility: hidden;
 }
 

		 .sociale {
			 opacity: 0;
			 -webkit-transform: translateY(30px) rotate(2deg);
			 -webkit-transition: all 1s 0s ease;
		 }
		 .sociale.pinter {
			 			 -webkit-transition: all 1s 0.3s ease;

		 }
		 .sociale.insta {
			 			 -webkit-transition: all 1s 0.6s ease;

		 }
		 .sociale.active {
			 opacity: 1;
			 -webkit-transform: translateY(0) rotate(0deg);
		 }



      .mainGaleriaWrap {
	   padding-top:10px;
	   text-transform: uppercase;
    }
   .mainGaleriaWrap:hover, .mainGaleriaWrap:hover a {
	   background: #efefef;
	   text-decoration: none;
	   color:#000 !important;
   }
	 .mapaWyjazdImg, .wyprawaOver .mapaWyjazdImg {
		 		 width:100%;
		 	 }
		 	 .wyprawaOver.active .mapaWyjazdImg {
			 	 width: 100%;
		 	 }
		 	 .wyprawaOver.active .mapaWyjazdImg.adding , .wyprawaOver .mapaWyjazdImg.adding, #wyprawaMapaPopup .mapaWyjazdImg {
			 	 margin-left:-10px;
			 	 margin-top:-50px;
			 	 width: 40px;
			 	 
			 	 position: absolute;
			 	 display: none;
			 	 z-index: 99999999999;
		 	 }
		 	  .wyprawaOver.active .mapaWyjazdImg.adding.active,  .wyprawaOver .mapaWyjazdImg.adding.active, .mapaWyjazdImg.active {
			 	 display: block !important;
		 	 }
	.mapaWyjazd:hover .mapaWyjazdImg { 	cursor: pointer;	-webkit-animation:powieksz .2s linear, shakeWyjazd 1s linear infinite;
		-webkit-transform-origin: 20% bottom;
	}
	
	@-webkit-keyframes powieksz {
		0% { -webkit-transform: rotate(0deg) scale(1); }
		100% { -webkit-transform: rotate(0deg) scale(1.2); }
		
		
		
	}
	@-webkit-keyframes shakeWyjazd {
		0% { -webkit-transform: rotate(0deg) scale(1.2); }
		30% { -webkit-transform: rotate(4deg) scale(1.2); }
		70% { -webkit-transform: rotate(-4deg) scale(1.2); }
		100% { -webkit-transform: rotate(0deg) scale(1.2); }
		
		
		
	}
   
   
 	  .wyprawyOverClick {
	 	  position: absolute;
	 	  left:0px;
	 	  right:0px;
	 	  bottom:0px;
	 	  top:0px;
	 	  background:transparent;
	 	  text-align: center;
	 	  -webkit-transition: all .5s ease;
	 	  -moz-transition: all .5s ease;
	 	  transition: all .5s ease;
	 	  z-index: 99998;
 	  }
 	  .wyprawyOverClick i {
	 	  font-size:80px;
	 	  top:50%;
	 	  position: absolute;
	 	  margin-top:-40px;
	 	  line-height: 80px;
	 	  color:#fff;
	 	  opacity: 0;
	 	  left:50%;-webkit-transition: all .5s ease;
	 	  -moz-transition: all .5s ease;
	 	  transition: all .5s ease;
	 	  margin-left:-40px;
 	  }
 	  .wyprawyOverClick:hover i {
	 	  opacity: 1;
	 	    -webkit-transition: all .5s ease;
	 	  -moz-transition: all .5s ease;
	 	  transition: all .5s ease;
 	  }
 	  .wyprawyOverClick:hover {
 	 	  cursor: pointer;
 	  }
 	  .wyprawaOver {
	 	  position: relative;
	 	  z-index: 9;   -webkit-transition: all .5s ease;
	 	  -moz-transition: all .5s ease;
	 	  transition: all .5s ease;
  	  }
 	  .wyprawaOver.invi img {
	 	  opacity: 0.3;
 	  }
 	  .zakrywacz {
	 	  position: absolute;
	 	  left:0px;
	 	  top:0px;
	 	  bottom:0px;
	 	  right:0px;
	 	  background:rgba(255,255,255,0.7);
	 	  opacity: 0;
	 	  visibility: hidden;
	 	  z-index: 1; -webkit-transition: all .5s ease;
	 	  -moz-transition: all .5s ease;
	 	  transition: all .5s ease;
 	  }
 	  .zakrywacz.active {
	 	  z-index: 999;
	 	  opacity: 1;
	 	  visibility: visible;
 	  }
   
   
 	  .wyprawaOver img {
	 	  width: 100%; -webkit-transition: all .5s ease;
	 	  -moz-transition: all .5s ease;
	 	  transition: all .5s ease;
 	  }
 	   	  .wyprawaOver.active {
	 	  left:0px !important;
	 	  top:0px !important;
	 	  z-index: 999999;
	 	  width: 100% !important;
	 	  height: auto !important;
  	  }
 	  .wyprawyOver {
	 	  position: absolute;
	 	  width: 50%;
	 	  height: 50%;    -webkit-transition: all .5s ease;
	 	  -moz-transition: all .5s ease;
	 	  transition: all .5s ease;
 	  }
 	  .wyprawaOver:hover {
	 	  z-index: 999;
	 	  
 	  }
/*
 	  .wyprawaOver:hover img {
	 	      -webkit-filter: brightness(50%);
	 	      -moz-filter: brightness(50%);
	 	       filter: brightness(50%);

 	  }
 	  .wyprawaOver.active:hover img {
	 	  -webkit-filter:inherit;
 		 	  -moz-filter:inherit;
	 	  filter:inherit;
  }
*/
 	  .wyprawyOver#wypover1.active {
	 	  width:100%;
	 	  height: 100%;
	 	  background-color:#fff;
	 	  z-index: 99999;
 	  }
 	  .wyprawyOver#wypover2.active {
	 	  width:100%;
	 	  left:0px;
	 	  height: 100%;
	 	  background-color:#fff;
	 	  z-index: 99999;
 	  }
 	  .wyprawyOver#wypover3.active {
	 	  width:100%;
	 	  height: 100%;
	 	  left:0px;
	 	  top:0px;
	 	  background-color:#fff;
	 	  z-index: 99999;
 	  }
 	  .wyprawyOver#wypover4.active {
	 	  left:0px;
	 	  top:0px;
	 	  width:100%;
	 	  height: 100%;
	 	  background-color:#fff;
	 	  z-index: 99999;
 	  }
  	   	  .wyprawaOver.active .wyprawyOverClick {
	 	   	  left:100%;
	 	   	  margin-left:-30px;
	 	   	  top:0px;
	 	   	  margin-top:0px;
	 	   	  height: 30px;
	 	   	  line-height: 30px;
	 	   	  font-size:20px;
	 	   	  text-align: center;
	 	   	  background:#cc0000;
 }
 	   	  .wyprawaOver.active .wyprawyOverClick i {
	 	   	  margin: 0px;
	 	   	  opacity:1;
	 	   	  font-size:20px;
	 	   	  line-height: 20px;
	 	   	  left:5px;
	 	   	  top:5px;
	 	   	  
	 	   	  }
 
 	  .wyprawyOver#wypover1 {
	 	  left:0px;
	 	  top:0px;
 	  }
 	  .wyprawyOver#wypover2 {
	 	  left:50%;
	 	  top:0px;
 	  }
 	  .wyprawyOver#wypover3 {
	 	  left: 0px;
	 	  top:50%;
 	  }
 	  .wyprawyOver#wypover4 {
	 	  left:50%;
	 	  top:50%;
 	  }
 	  .wyprawaOver img.mapaOverWyprawy {
	 	  width: 100%;
 	  }
 	  .flagaspan {
	 	  display:inline-block;
	 	  font-size:13px;
	 	  line-height: 13px;
	 	  height: 13px;
	 	  background-size:auto 100%;
	 	  padding-left:15px;
	 	  margin:0px 15px;
	 	  color:#333;
	 	  font-weight: 300;
	 	  background-position: left center;
	 	  background-repeat: no-repeat;
 	  }
 	.flagaspan1 {
	 	  background-image:url(/img/flaganr1.png);
 	  }
  .flagaspan2 {
	 	  background-image:url(/img/flaganr2.png);
 	  }
   .flagaspan3 {
	 	  background-image:url(/img/flaganr3.png);
 	  }


 .mapaWyjazd, .wyprawaOver.active .mapaWyjazd {
		 position: absolute;
		 		margin-left:-10px;
		 		margin-top:-50px;
			 	 width: 40px;
 		 z-index: 9999;
	 }
	 .wyprawaOver .mapaWyjazd {
		 width: 20px;
		 margin-left: -5px;
		 margin-top:-25px;
	 }
	 
	 .wyprawaOver.active .mapaWyjazd:hover {
		 z-index: 99997;
	 }



#dolnyform input, #dolnyform textarea {
	background: rgba(255,255,255,0.1);
	color:#ccc;
}


	  #zooms {
		  position: absolute;
		  left:0px;
		  top:0px;
		  z-index: 99;
		  
	  }
	  #zooms span {
		  display: block;
		  width: 40px;
		  height: 40px;
		  line-height: 40px;
		  text-align: center;
		  background: #ccc;
		  color:#999;
		  border:1px solid #999;
	  }
	  #zooms span:hover {
		  color:#fff;
		  background: #999;
		  cursor: pointer;
	  }
	  .flaga {
		  width: 40px;
		  height: auto;
		  z-index: 98;
		  position: absolute;
		  transition:all .5s ease;	
		  	  transform-origin: 40% 90%;
transform: translate(-20%,-100%) scale(1);

	  }
	  .flaga img {
		  width: 100%;
	  }
	  .flaga .opis {
		  display: none;
		  position: absolute;
		  left:50%;
		  top:100%;
		  -webkit-transform: translateX(-50%);
		  max-width: 200px;
		  min-width: 100px;
		  padding: 10px;
		  background: #000;
		  color:#fff;
		  font-size:12px;
		  text-align: center;
	  }
	  .flaga:hover {
		  transform: translate(-20%,-100%) scale(1.1);
		  cursor: pointer;
	  }
	  .flaga:hover .opis {
		  display: block;
	  }
	  .rightMenu {
		  overflow-x: hidden;
		  overflow-y: auto;
	  }
	  .rightMenu a.navia {
 		position: relative;
		opacity: 0;
		transform: translate(100px,0) rotate(-2deg);
		transition:all .5s ease;
	}
	.rightMenu.active a.navia {
		transform: translate(0,0) rotate(0deg);
		opacity: 1;
	}
	.rightMenu a.navia:nth-of-type(1) { 
		transition-delay: 0.7s;
	}
	.rightMenu a.navia:nth-of-type(2) { 
		transition-delay: 0.8s;
	}
	.rightMenu a.navia:nth-of-type(3) { 
		transition-delay: 0.9s;
	}
	.rightMenu a.navia:nth-of-type(4) { 
		transition-delay: 1s;
	}
	.rightMenu a.navia:nth-of-type(5) { 
		transition-delay: 1.1s;
	}
	.rightMenu a.navia:nth-of-type(6) { 
		transition-delay: 1.2s;
	}
	.rightMenu a.navia:nth-of-type(7) { 
		transition-delay: 1.3s;
	}
	.rightMenu a.navia:nth-of-type(8) { 
		transition-delay: 1.4s;
	}
	.rightMenu a.navia:nth-of-type(9) { 
		transition-delay: 1.5s;
	}
	.rightMenu a.navia:nth-of-type(10) { 
		transition-delay: 0.9s;
	}
	.rightMenu a.navia:nth-of-type(11) { 
		transition-delay: 0.9s;
	}
	.rightMenu a.navia:nth-of-type(12) { 
		transition-delay: 0.9s;
	}
	
	
	  
@media (max-width:966px) { 
	.container {
		width: 95%;
	}
	header {
		height: 60px;
	}
	.szukaj {
		position: fixed;
		top:0px;
		right:60px;
		width: 40px;
		text-align: center;
		height: 50px;
		line-height: 50px;
		background: transparent;
		color:#999;
		z-index: 999999;
	}
	.navbar-brand.gdansk img, .navbar-brand.hevel img {
		height: 40px;
	}
	.toggleMen {
		position: absolute;
right: 15px;
top: 0px;
height: 56px;
width: 50px;
padding-top: 8px;
background: transparent;
border: none;
z-index: 99999999;
font-size: 13px;
line-height: 15px;
text-align: center;
color: #999;
	}
	.toggleMen img {
 		width:30px;
	}
	.navbar-toggler {
		border: 0px;
		font-size:2rem;
		padding: 0px;
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
	}
	.menuikony {
		text-align: center;
		margin-bottom: 30px;	}
	.menuikony a {
		text-align: center;
		opacity: 0;
		transform: translateY(-30px);
		transition:all .5s ease;
		display: inline-block;
		margin: 0px 10px;
	}
	.rightMenu.active .menuikony a {
		opacity: 1;
		transform: translateY(0);
	}
   	.rightMenu.active .menuikony a:nth-of-type(1) {
	   	transition-delay: 0.5s;
	   	
	   	}
   	.rightMenu.active .menuikony a:nth-of-type(2) {
	   	transition-delay: 0.6s;
	   	
	   	}	
   	.rightMenu.active .menuikony a:nth-of-type(3) {
	   	transition-delay: 0.7s;
	   	
	   	}	.rightMenu {
		position: fixed;
		width: 100%;
		top:0px;
		bottom:0px;
		overflow: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		opacity: 0;
		padding: 30px 0px;
	}
	.rightMenu.active {
		opacity: 1;
	}
	.rightMenu a.navia {
		text-align: center;
		position: relative;
		opacity: 0;
		transform: translate(100px,0) rotate(-2deg);
		transition:all .5s ease;
	}
	.rightMenu.active a.navia {
		transform: translate(0,0) rotate(0deg);
		opacity: 1;
	}
	.rightMenu a.navia:nth-of-type(1) { 
		transition-delay: 0.7s;
	}
	.rightMenu a.navia:nth-of-type(2) { 
		transition-delay: 0.8s;
	}
	.rightMenu a.navia:nth-of-type(3) { 
		transition-delay: 0.9s;
	}
	.rightMenu a.navia:nth-of-type(4) { 
		transition-delay: 1s;
	}
	.rightMenu a.navia:nth-of-type(5) { 
		transition-delay: 1.1s;
	}
	.rightMenu a.navia:nth-of-type(6) { 
		transition-delay: 1.2s;
	}
	.rightMenu a.navia:nth-of-type(7) { 
		transition-delay: 1.3s;
	}
	.rightMenu a.navia:nth-of-type(8) { 
		transition-delay: 1.4s;
	}
	.rightMenu a.navia:nth-of-type(9) { 
		transition-delay: 1.5s;
	}
	.rightMenu a.navia:nth-of-type(10) { 
		transition-delay: 0.9s;
	}
	.rightMenu a.navia:nth-of-type(11) { 
		transition-delay: 0.9s;
	}
	.rightMenu a.navia:nth-of-type(12) { 
		transition-delay: 0.9s;
	}
	.closeRightMenu {
		position: absolute;
		right:0px;
		top:0px;
		width: 40px;
		height: 40px;
		color:#000;
		z-index: 999999;
		font-size: 30px;
		text-align: center;
		line-height: 40px;
	}
	#navbarResponsive {
		width: 100%;
		height: auto;
		background: #000;
		position: fixed;
		left:0px;
		top:0px;
		min-height: 100%;
		overflow: scroll;
	}
	#navbarResponsive a {
		color:#fff !important;
		
	}
	#navbarResponsive .nav-item {
		display: block;
 	}
 	
	#navbarResponsive .nav-item a {
		height: 36px;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		line-height: 29px;
		padding: 0px 10px;
		text-align: center;
		 font-size:20px;
	}
		#navbarResponsive .nav-item a.fbmenu  {
			display: inline-block;
			}
			#navbarResponsive {
				text-align: center;
			}
			.jezyki {
				margin-left: 0px;
			}
			.jezyki a {
				padding:10px;
				}
				
							#navbarResponsive .jezyki a.active {
				background: #fff;
				color:#000 !important;
			}
			#navbarResponsive .nav-item.fbmenuwrap {
		display: inline-block;
		margin: 0px 20px;
		
	}
	
}
#scroller {
	position: absolute;
width: 100%;
top: 0%;
height: 100%;
background-image: url(http://hewelianum.nowosz.com/lay/mapaHewelianum1.png);
background-size: 100%;
z-index: 97;
transform-origin: 0px 0px;
transition: 0ms cubic-bezier(0.1, 0.57, 0.1, 1);
-webkit-transition: 0ms cubic-bezier(0.1, 0.57, 0.1, 1);
transform: translate(0px, 0px) scale(1) translateZ(0px);
background-position: 50% 50%;
}
@media (max-width:599px) {
	.navbar-brand {
		text-align: left;
	} 
	.navbar-brand img {
		height: 40px;
	}
	.duzyNapis {
		left:3%;
		right:3%;
		width: auto;
		text-align: center;
		bottom:auto;
		top:100px;
		padding: 0px;
		max-width: 94%;
		font-size: 30px;
	}
	#wrapper {
		padding: 50px 0px;
	}
	#scroller {
		top:50px;
		bottom:50px;
		height: auto;
	}
	.flaga {
		width: 20px;
	}
	#zooms span {display: block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #ccc;
color: #999;
border: 1px solid #999;}
	h1 {
		font-size: 1.6rem;
	}
	.leftHeader.absolutny {
		left:0px;
	}
	.leftHeader span, .rightHeader span  {
 
height: 30px;
line-height: 30px;
padding: 0px 10px;
 font-size: 24px;
 	}
 	.witajTop {
		font-size:30px; color:#fff; font-weight:500; text-align: center; top:20%; z-index: 99999999; position: absolute; left:0px; right:0px;
	}
	.witajBottom {
		font-size:20px;
	}
	.zwiedzHeader {
		position: absolute; left:15px; top:30px; font-size:25px; font-weight: 600; line-height: 30px; max-width: 90%;
	}
/*
.carousel-item  { background-size:100% auto !important;
	}
*/

}








