:root{
--blue-color:#142A51;
--top-color:#F5F5F5;
--red-color:#C42B3F;
--red-opacity:rgba(253,14,18,0.8);
--gray-color:#7C7C7C;
--black-color:#3C3C3C;
--lightblue-color:#263D8D;
--opacity-3:rgba(255,255,255,0.3);
--opacity-5:rgba(255,255,255,0.5);
--opacity-7:rgba(255,255,255,0.7);
--opacityb-3:rgba(0,0,0,0.3);
--opacityb-5:rgba(0,0,0,0.5);
--opacityb-7:rgba(0,0,0,0.7);
}
html{
   width:100%;
    height:100%;
}
body{
    width:100%;
    height:100%;
    font-family: "Ubuntu","open sans serif","roboto",sans-serif;
    background-repeat:repeat-x;
    background-color:#ffffff;  
    margin:0px;
    padding:0px;
   color:#222222;
}
.round{
 border-radius:7px;
}
.btn{
     border-radius:33px;
     height:66px;
     padding-top:20px;
}
.page-container{
  min-height:100vh;
  position: relative;
}
.content{
  min-height:calc(100% - 217px);
   height:100%;
   padding-top:120px;
}
h1,.h1{color:var(--lightblue-color);display:block;width:100%;}
h2,.h2{color:var(--lightblue-color);display:block;width:100%;}
.ml-10{
  margin-left:-10px;
}
.btn-red{
  background-color:var(--red-color);

  color:white;
}
.btn-white{
  background-color:#fff;

  color:var(--blue-color);
}
.btn-red:hover{
  color:white;
  background-color:var(--red-color);
}
.pointer{
 cursor:pointer;
}
.container {
   margin:auto;  
}
.opacity-3{
   background-color:var(--opacity-3);
}
.opacity-5{
   background-color:var(--opacity-5);
}

.opacity-7{
   background-color:var(--opacity-7);
}
.opacityb-3{
   color:var(--opacityb-3);
}
.opacityb-5{
  color:var(--opacityb-5);
}

.opacityb-7{
   color:var(--opacityb-7);
}
.opacity-9{
   background-color:rgba(255,255,255,0.9);
}
.h1{
 font-size:3rem;
}

#banner{
  height:calc(100% - 0px);

  background-color:#CCA77B;
 background-image:url(images/bg.jpg);
  background-size:cover;
  width:100%;

 position:fixed;
top:0px;
}

.h100{
   height:100%!important;
}
.red{
color:var(--red-color);
}
.white{
color:white;
}
a{
 color:var(--blue-color);
  
}
a:hover{
  text-decoration:none;
  opacity:0.9;
}
 ol.d {list-style-type:lower-alpha;}

#bgvideo {
    z-index: -1;
    position: relative;
    width: 100%;
    min-width: 500px;
    min-height: 400px;
    overflow:hidden;
    margin: auto;
    top: 0px;
    right: 0px;
}
#bgvideo video{
    width: 100%;
 min-width:800px;
   margin-top:50px;
}
#bgvideo img{
    width: 100%;
   margin-top:100px;
}


@media (max-width: 768px){
#bgvideo {
    z-index: -1;
    position: relative;
    width: 100%;
    min-height: 460px;
    min-width: 300px;
    overflow:hidden;
    margin: auto;
    top: 0px;
    right: 0px;
}
}

.cruises{
 overflow-x:scroll;
max-height:600px;
}
.zp_day{
  padding-left:5px;
  padding-right:5px;

}
.stripe{
   background-image: url(images/stripe_5.svg);
background-color:transprent;
    background-repeat: no-repeat;
    background-size: 1600px;
    background-position: center bottom;
height:64px;
margin-top:-64px;
}
.wd{
display:none;
}

#footer{
 color:var(--gray-color);
}
#footer a{
 color:var(--gray-color);
}

#footer h3{
 margin-top:2rem;
 margin-bottom:2rem;
}

.cam{
display:inline-block;
width:42%;
text-align:center;
}
.navbar-collapse.show{
background-color: white;

    width: 50%;
    position: absolute;
    top: 0px;
    right: -41px;
  margin-top:55px;
height: calc(100vh - 55px);
}
.navbar-collapse.show li{
display: block;
    flex-grow: 1;
    width: 100%;
}
.navbar-toggler{
position:absolute;
}
#route{
 position:relative;
}
.w{
 display:none;
}
#top .ico{
 width:20px;
height:20px;
}
.logo{
width:200px;
   transition-duration:0.7s 
}
h1{
   color:var(--blue-color);
   font-size:30px;
   font-weight:bold;
  line-height:1;
}
h1 small{
   font-size:22px;
}

.gradient{
  position:fixed;
  background-image:linear-gradient(to bottom, white 15%, transparent);

  height:80px;
  width:100%;
  z-index:100;
}

.logo-sm{
   margin-top:1px;
   height:46px;
   display:none;
    width:200px;
   transition-duration:0.7s 
}
.logo-sm.b.fix{
   display:inline-block;

}
.logo.b.fix{
   display:none;
    
}

#topleftmenu.fix a{
   font-size:14px;
}


#top{
  height:100px;
  position:fixed;
  width:100%;
  background-color:white;
  z-index:2000;
   transition-duration:0.7s;
 padding-top:15px;
padding-bottom:15px; 
}
#top a{
 color:var(--blue-color);
}
#top.fix{
  height:64px;
  position:fixed;
  width:100%;

 z-index:2000;
 padding-top:5px;
padding-bottom:5px;
   transition-duration:0.7s;
}
#top ul.nav{
padding-top:7px;
   transition-duration:0.7s;
}
#top.fix ul.nav{
padding-top:0px;
   transition-duration:0.7s; 
}

.grey{
  color:#666;
}
@media (max-width: 576px){
#route{
display:none;
}
.nav-link{
font-size:80%;
}
#top .ico{
 width:14px;
height:14px;
}
}
.img {
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
    flex-grow: 1;

    display: inline-block;
}
.img img {
    min-width: 50%;
    min-height: 50%;
    transform: perspective(1000px) translate3d(0px,0px,0px);
  
    transition: all 1s ease!important;
}
.img:hover img {
    transform: perspective(1000px) translate3d(-20px,-5px,250px);
}
.pricelist{
  max-width:300px;
  background:rgba(15,30,61,0.9);

}
.cursor-pointer{
 cursor:pointer;
    
}
.btn-orange {
    color: #fff;
    background-color: var(--red-opacity);
    border-color: var(--red-opacity);
}
h4.header{
 font-size:1rem;
cursor:pointer;
}
.detail{
display:none;
font-weight:300;

}
span.date{
 display:inline-block;
 width:90px;
}
.event img{
max-height:800px;
}
.event h3{
margin-top:10px;
margin-bottom:7px;
font-weight:600;
}
.event{
position:relative;
 border-radius:7px;
max-height:800px;
height:auto;
color:white;
  flex-grow: 1;
background-size:cover;
background-repeat:no-repeat;
position:relative;
}
.evendt:before{
content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 65%;
  bottom: 0;
  background: -webkit-linear-gradient(transparent, #000) left repeat;
  background: linear-gradient(transparent, #000) left repeat; 
border-bottom-left-radius:inherit;
border-bottom-right-radius:inherit;
}
.event.black1{
color:black;
}
.event .buy{
position:absolute;
width:150px;
height:40px;
bottom:00px;
left:115px;

}
.event .info{
position:absolute;
bottom:20px;
left:20px;
}
.img2 {
    overflow: hidden;
    position: relative;
    flex-shrink: 1;
    display: inline-block;
}
.img2 img {
    min-width: 50%;
    min-height: 50%;
    height: 99px;
    transform: perspective(1000px) translate3d(0px,0px,0px);
  
    transition: all 1s ease!important;
}
.img2:hover img {
    transform: perspective(1000px) translate3d(-20px,-5px,250px);
}
h1.alert{
padding:20%;
font-size:40px;
color:var(--red-color);
}
.alink{
position:relative;
top:-60px;
}
.ev{
  max-height:230px;
  min-height:190px;
  position:relative;
  max-width:350px;
  flex-grow: 1;
background-size:cover;
background-position-y: bottom;
}
.ev:before{
content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  margin-left:-15px;
  background: -webkit-linear-gradient(transparent, #000) left repeat;
  background: linear-gradient(transparent, #000) left repeat; 
border-bottom-left-radius:inherit;
border-bottom-right-radius:inherit;
}
.ev a{
 display:block;
width:100%;
height:100%;
position:relative;
}
.ev h3{
   position:absolute;
 left:5px;
 bottom:10px;
color:#fff;
 font-weight:bold;
}
.ev.bar{
   background-image:url(/images/bar2.jpg);
}
.ev.koncerty{
   background-image:url(/images/koncerty.jpg);
}
.ev.plavby{
   background-image:url(/images/plavba.jpg);
}

h2.big{
   font-weight:200;
letter-spacing:5px;
}
h2.big img{
   height:45px;
}
#discount{
min-height:75px;
margin-top:-60px;
border-top-left-radius:7px;
border-top-right-radius:7px;
background-color:white;
z-index:5000;
}
#discount h2{ 
    
}
.bohemia-inline{
  width:100%;
  max-width:500px;
display:block;
}
#events{

}
h2{
 padding-top:2rem;
 padding-bottom:2rem;
}
.odd {
    background-image: url(images/stripe_3.svg);
    background-repeat: no-repeat;
    background-size: 1600px;
    background-position: center bottom;
    padding-bottom: 100px;
    padding-top: 0px;
}
.even{
    background-image: url(images/stripe_5.svg);
    background-color: #e2ebff;
    background-repeat: no-repeat;
    background-size: 1600px;
    background-position: center bottom;
    padding-bottom: 100px;
    padding-top: 0px;
}
.list-group-item{
    background-color:transparent;
}
.card{
  border:0px;
  border-radius:0;
    background-color: transparent;
}
.card-header{
  background-color:var(--red-opacity);
 color:white;
 padding: 0.45rem 1.25rem;
 font-weight:500;
 border-radius:0px!important;
}
.card-body{
 font-size:18px;
}
#pricelist{
background-image:url(/images/cennik_bg_s.jpg);
background-size:cover;
background-rpeat:no-repeat;
color:white;
}
#searchbox{
 position:absolute;
 top:140px;
 right:0px;
 width:450px;
margin-bottom:130px;
}
@media only screen and (max-width: 1500px) {
#events{
 margin-top: 0px;
}
}
@media only screen and (max-width: 1200px) {
#events{
 margin-top: 10px;
}
}

@media only screen and (max-width: 992px) {
#events{
 margin-top: 40px;
}
}