html,
body {
    height: 100%;
  
}
body {padding-left:0 !important;padding-right:0 !important;}
.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 650px;
    
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.img-responsive {
    max-width: 100% !important;
    height: auto !important;
}

.menu {background: rgba(0, 0, 0, 0.4);position:absolute;z-index:1;left:0;right:0;margin:0 auto;height:80px;}
.menu h1 {margin:0 !important;float:left;width:175px;}
.menu h1 a img {display:block;margin:auto;}
.carousel-caption h1 {

    font-family: 'Playfair Display', serif;
	text-transform:uppercase;
	font-size:64px;
	font-weight:bold;
	margin-bottom:0 !important;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.76);
}
.carousel-caption h2 {
margin-top:8px !important;
    font-family: 'Playfair Display', serif;
	font-size:30px;
	margin-bottom:70px;
	letter-spacing:0.5px;
	line-height:32px;
}

.item a {transition:1s;margin-top:30px;text-align:center;width:190px;margin-left:auto;margin-right:auto;display:block;padding-top:12px;text-transform:uppercase;padding-bottom:12px;color:#fff;font-size:13px;border:2px solid #fff;letter-spacing:2px;padding-left:20px;padding-right:20px;

    font-family: 'Source Sans Pro', sans-serif;

}
.czytaj {transition:1s;margin-top:50px;text-align:center;width:190px;margin-left:auto;margin-right:auto;display:block;padding-top:12px;text-transform:uppercase;padding-bottom:12px;color:#0f2353;font-size:13px;border:2px solid #0f2353;letter-spacing:2px;padding-left:20px;padding-right:20px;

    font-family: 'Source Sans Pro', sans-serif;line-height:1;

}
.wiecej {transition:1s;margin-top:120px;text-align:center;width:190px;margin-left:auto;margin-right:auto;display:block;padding-top:12px;text-transform:uppercase;padding-bottom:12px;color:#c49244;font-size:13px;border:2px solid #c49244;letter-spacing:2px;padding-left:20px;padding-right:20px;

    font-family: 'Source Sans Pro', sans-serif;line-height:1;

}
.galeriacala {transition:1s;margin-top:50px;text-align:center;width:220px;margin-left:auto;margin-right:auto;display:block;padding-top:12px;text-transform:uppercase;padding-bottom:12px;color:#0f2353;font-size:13px;border:2px solid #0f2353;letter-spacing:2px;padding-left:20px;padding-right:20px;

    font-family: 'Source Sans Pro', sans-serif;line-height:1;

}
.clear {clear:both;}
.item a:hover {text-decoration:none;color:#fff;margin-bottom:20px;}
.czytaj:hover {text-decoration:none;color:#0f2353;margin-top:60px;}
.galeriacala:hover {text-decoration:none;color:#0f2353;margin-top:60px;}
.wiecej:hover {text-decoration:none;color:#fff;}
.tekstglowna {padding-top:60px;padding-bottom:60px;}
.witamy {margin-top:10px;}
.witamy1 {margin-top:50px;}
.witamy h2 img {display:block;margin:auto;margin-bottom:40px;}
.witamy1 h2 img {display:block;margin:auto;margin-bottom:40px;}
.tekstglowny {font-size:16px;color:#333333;line-height:30px;font-family: 'Open sans', sans-serif;text-align:justify;}
.cytat h4 {font-family: 'Playfair Display', serif;
color:#fff;font-size:30px;font-style:italic;padding-left:15px;padding-right:15px;padding-top:10px;text-align:center;}
.cytat {background:#0f2353;padding-top:50px;padding-bottom:50px;width:100%;    }
.cytat img {display:block;float:left;}
/*
inspired from https://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* just for demo purpose */
    html,
    body,
    .carousel,
    .carousel-inner,
    .carousel-inner .item {
      height: 650px;
    }

    .item:nth-child(1) {
      background:url('../images/slajder1.jpg') no-repeat;
      	background-position: center;
background-size: cover;
        
    }

    .item:nth-child(2) {
 background:url('../images/slajder2.jpg') no-repeat;
      	background-position: center;
background-size: cover;    }

    .item:nth-child(3) {
 background:url('../images/slajder3.jpg') no-repeat;
      	background-position: center;
background-size: cover;    }
.okno1 {width:100%;height:450px;background:rgba(15,36,83,0.4);transition:0.5s;}
.okno2 {width:100%;height:450px;background:rgba(15,36,83,0.6);transition:0.5s;}
.okno1:hover {background:rgba(150,122,80,0.7)}
.okno2:hover {background:rgba(150,122,80,0.7)}
.no-padding {padding:0 !important;}
.zd1 {background:url('../images/zd1.jpg') no-repeat;width:100%;height:100%;background-position: center;
background-size: cover; }
.zd2 {background:url('../images/zd2.jpg') no-repeat;width:100%;height:100%;background-position: center;
background-size: cover; }
.zd3 {background:url('../images/zd3.jpg') no-repeat;width:100%;height:100%;background-position: center;
background-size: cover; }
.okno1 h4 {margin:0;color:#fff;    font-family: 'Playfair Display', serif;letter-spacing:2px;font-size:35px;text-transform:uppercase;text-align:center;padding-top:190px;
}
.okno2 h4 {margin:0;color:#fff;    font-family: 'Playfair Display', serif;letter-spacing:2px;font-size:35px;text-transform:uppercase;text-align:center;padding-top:190px;
}
.margines {margin-top:20px;}
.galeriaglowna img {margin-top:20px; !important;	
background-position: center;
background-size: cover;    transition: transform .2s; /* Animation */ }
.galeriaglowna img:hover {
    transform: scale(1.3); z-index:9999;
}
.galeria {padding-bottom:50px;}
.ci {float:left;}
.margi2 {position:relative;padding-left:55px;color:#fff;font-family:"Open sans",sans-serif;font-size:17px;padding-top:15px;line-height:20px;}
.info {

padding-top:60px;
	padding-bottom:60px;
	 background: url('../images/tlo4.jpg') no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-attachment:fixed;
    


}
footer {background:#333;padding:25px;text-align:center;color:#fff;font-family:"Source Sans Pro",sans-serif;text-transform:uppercase;font-size:10px;letter-spacing:4px;}
footer a {color:#be7c2e;text-decoration:none}
footer a:hover {color:#d6851d;text-decoration:none;}
.fb {
    position: fixed;
    float: right;
  right:0;
    top: 200px;
    z-index: 99999;
    width: 40px;
    height: 40px;
}
.fb a img {display:block;width:40px;}