@charset "utf-8";
/* CSS Document */

body{font-family: 'Lato', sans-serif;}
span{font-family: 'Alex Brush', cursive; color: #C2A467}
h2{font-size: 3rem; font-weight: 300; line-height: 1}
p{padding-top: 20px}
.nopad{padding: 0px}
.btn_black{background-color: #000000; font-family: 'Alex Brush', cursive; color: #C2A467; border-radius: 0px; font-size: 2rem; padding: 10px 35px; margin-top: 20px; line-height: 1}
.btn_black:hover{color:#ffffff}
.btn_white{background-color: #ffffff; font-family: 'Alex Brush', cursive; color: #000000; border-radius: 0px; font-size: 2rem; padding: 10px 35px; margin-top: 20px; line-height: 1}
.btn_white:hover{background-color:#C2A467}

.navbar{box-shadow: 0px 1px 1px 0px #000;}

.navbar-light{background-color: #FBFBFB; padding: 15px 0px}
.navbar-light .navbar-nav .nav-link{color: rgb(0, 0, 0); font-size: 16px; font-weight: 300}
.navbar-light .navbar-nav .nav-link:hover{color: #C2A467; }


/*header*/

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1;
}

@media (max-width: 600px) {
.display-3 {
  font-size: 2.5rem;

}
	
}

header {
  position: relative;
  background-color: black;
  height: 75vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0;
  z-index: 1;
}

/* Media Query for devices withi coarse pointers and no hover functionality */

/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

@media (pointer: coarse) and (hover: none) {
  header {
	  background: url("../images/baner_zaslepka.jpg") black no-repeat center center scroll;
  }

  header video {
    display: none;
  }
}
.winebus{background-image: url("../images/home/baner-winebus.jpg"); padding: 60px 0px; text-align: center; background-position: center center; background-size: cover}

/*idea wystawcy*/
.idea{background-color: #FBFBFB; padding: 60px 0px; text-align: center}

/*atrakcje*/
.atrakcje_sec{text-align: center; padding: 60px 0px;background-image: url("../images/home/atrakcje_banner.jpg"); background-repeat: no-repeat; background-position: center top; color: #ffffff}
.atrakcje{}

.img_atrakcje{position: relative}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000000;
  
  width: 100%;
  height: 140px;
  transition: .7s ease;
}

.img_atrakcje:hover .overlay {
  height: 100%;
}

.text {
  color: white;
  overflow: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
	width: 100%;
	
}
.text h3{font-weight: 300; font-size: 1.8rem}

.atrakcje_btn{text-align: center; background-color: #C2A467; padding: 20px 0px}
.atrakcje_btn:hover{background-color: black}
.atrakcje_btn h3{color: #ffffff}
.atrakcje_btn span{color: #ffffff}

a:hover{text-decoration: none; }


/*wiecej*/
.wiecej{text-align: center; padding: 60px 0px 100px;background-image: url("../images/home/jeszcze_wiecej_tlo.jpg"); background-repeat: no-repeat; background-position: center bottom; box-shadow: 0px 10px black}

/*fundacja_home*/
.fundacja_home{text-align: center; padding: 60px 0px;background-color:#FBFBFB ; background-repeat: no-repeat; background-position: center bottom; box-shadow: 0px 10px black}

/*wystawcy_home*/
.wystawcy_home{text-align: center; padding: 60px 0px ; background-color: #000000; color: #ffffff}
.img_wystawcy{padding-top: 25px;
padding-bottom: 25px;}
.wystawcy_home h2{margin-bottom: 35px}

/*restauracje*/
.restauracje{text-align: center; padding: 60px 0px ; background-color: #ffffff; color: #000000}

.restauracje h2{margin-bottom: 35px}

/*newsletter*/
.newsletter{text-align: center; padding: 60px 0px 100px;background-image: url("../images/home/jeszcze_wiecej_tlo.jpg"); background-repeat: no-repeat; background-position: center bottom; box-shadow: 0px 10px black}

.newsletter form{margin-top: 4rem}
.newsletter .form-control{background-color: #000000;color: #ffffff}
.newsletter .form-control::placeholder{color: #ffffff}
.newsletter label {display: inline}
.newsletter label a{color: #C2A467}
.newsletter label a:hover{color: #000000}

/*organizatorzy*/
.organizatorzy{text-align: center; padding: 60px 0px ; background-color: #FBFBFB; }
.organizatorzy img{max-width: 180px}

/*patronat*/
.patronat{text-align: center; padding: 60px 0px ; background-color: #000000; color: #ffffff }



/*partnerzy_medialni*/
.partnerzy_medialni{text-align: center; padding: 60px 0px ; background-color: #FBFBFB; }

.partnerzy_medialni h2{margin-bottom: 35px}

/*footer*/
footer{ text-align: center; background-color: #000000; padding: 26px 0px; color: #ffffff}
footer hr, h3{display: inline-block; padding: 0px 15px; line-height: 1}
footer hr{width: 30%; background-color: #ffffff; }
footer a {color: #ffffff}
footer a:hover {color: #C2A467}

/*wystawcy*/
.wystawcy{background-color: #FBFBFB; padding: 60px 0px 0px; text-align: center; background-image: url("../images/atrakcje/2019_wz_mazniecia_tlo.jpg"); background-position: center center}
.wystawcy_black{background-color: #000000; padding: 60px 0px;color: #ffffff}
.wystawcy_white{background-color: #FBFBFB; padding: 60px 0px;color: inherit}
.wystawcy_black img, .wystawcy_white img{ padding-top: 10px}
.wystawcy_black a, .wystawcy_white a {color: #C2A467}
.wystawcy_white .btn, .wystawcy_black .btn{margin-bottom: 30px}


/*aktualnosci*/
.aktualnosci{background-color: #FBFBFB; padding: 60px 0px; text-align: center}
.aktualnosci_tresc{background-image: url("../images/aktualnosci/tlo_aktualnosci.jpg"); background-color: #FBFBFB; padding: 60px 0px; background-repeat: no-repeat; background-position: center bottom}


/*atrakcje*/
.atrakcje_tittle{text-align: center}
.atrakcje_kontent{background-image: url("../images/atrakcje/tlo_aktualnosci.jpg"); background-color: #FFFFFF; padding: 60px 0px; background-position: center bottom}
.atrakcja{padding: 20px 0px;}
.atrakcja a{color: #C2A467}

/*fundacja*/

.fundacja{ background-color: #FFFFFF; padding: 60px 0px; background-position: center bottom; text-align: center}
.fundacja_kontent{background-image: url("../images/atrakcje/tlo_aktualnosci.jpg"); background-color: #FFFFFF; padding: 60px 0px; background-position: center bottom}

/* Cookie warning */
#cookie-warn{
    position: fixed;
    bottom: 0;
    background: #EEE;
    margin: 0;
    padding: 15px;
    width: 100%;
    display: none;
    z-index: 99;
}
 
#cookie-warn a{
	padding-right: 20px;
	display: inline-block;
    background: #fff;
    color: #000;
    padding: 5px 25px;
    font-weight: 700;
	font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 1.5px
}
 
#cookie-warn p{
    font-size: 16px;
    color: #333;
	
}
#cookie-warn{position:fixed;bottom:0;width:100%;background:#000000;padding:20px 0;color:#fff;z-index:1051}
#cookie-warn h4{margin:0}
#cookie-warn a.more{display:inline-block;background:#fff;color:#000;padding:5px 25px;font-weight:700;text-transform:uppercase;font-size:13px;line-height:1; letter-spacing: 1.5px;}
#cookie-warn{background-color:rgba(0,0,0,0.95)}#cookie-warn .icon{position:relative}
#cookie-warn .container{background:none;padding:10px }
#cookie-warn .icon:before {
	    right: 20px;
    position: absolute;
    top: -22px;
    
	background-repeat: no-repeat;
    display: block;
    width: 100px;
    height: 116px;
    content: "";
}
.more{margin-top: 15px;}
#cookie-warn h4 {
	margin: 0; color: #d0ad5e}
.modal.modal-fullscreen {
  z-index: 1052 !important;
}

.modal.modal-fullscreen .modal-dialog {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  max-width: none; 
}

.modal.modal-fullscreen .modal-content {
  height: auto;
  height: 100vh;
  border-radius: 0;
  border: none; 
}

.modal.modal-fullscreen .modal-body {
  overflow-y: auto; 
}

.btn_black-age{background-color: #000000;  color: #C2A467; border-radius: 0px; font-size: 2rem; padding: 10px 50px; margin-top: 20px; line-height: 1}
.btn_black-age:hover{color:#ffffff}


.menu span{text-transform:uppercase; font-size: 1.5rem;font-family: 'Lato', sans-serif; color: #6f1810}
.menu-wino span{text-transform:uppercase; font-size: 1.5rem;font-family: 'Lato', sans-serif; color: #6a8630}
.menu-cena span{font-size: 3rem; color: #6f1810; text-transform: lowercase; font-family: 'Alex Brush', cursive;}
.menu-cena2 span{font-size: 2.5rem; color: #414141; text-transform: lowercase; font-family: 'Alex Brush', cursive;}
.no-marg-bottom p{margin-bottom: 0px}
.no-pad-top p{padding-top: 0px}
.pad-bottom-small{padding-bottom: 30px}

/*age*/

.info-age{ min-height: 100vh; text-align: center}

.komunikat-age{background-color: #ffffff; padding: 35px}

.modal-body{padding: 0rem}

.finalisci{padding: 20px 0px; text-align: center}
.finalisci_kontent{background-image: url("../images/atrakcje/tlo_aktualnosci.jpg"); background-color: #FFFFFF; padding: 60px 0px; background-position: center center}



@media (max-width:1200px){.navbar-light .navbar-nav .nav-link{font-size: 14px;}}


#audio-control {
  cursor:pointer;
  padding: 10px 20px;
  background:#000;
  color: #fff;
  border-radius: 4px;
  display: inline-block;
  margin-top:-50px;
  
}

.koncert {background-image: url("../images/atrakcje/2019_wz_mazniecia_tlo.jpg"); background-position: center center; }

@media (min-width: 576px){
.modal-dialog {
	max-width: 700px;}}


.position{background-position: center top}

.photos img{margin: 15px}


.mapa{width: 100%; border:0; min-height: 950px}
@media (min-width:1300px) and (max-width:1400px){.mapa{min-height: 850px}}
@media (min-width:1200px) and (max-width:1299.99px){.mapa{min-height: 760px}}
@media (min-width:1100px) and (max-width:1199.99px){.mapa{min-height: 660px}}
@media (min-width:1000px) and (max-width:1099.99px){.mapa{min-height: 600px}}
@media (min-width:900px) and (max-width:999.99px){.mapa{min-height: 550px}}
@media (min-width:768px) and (max-width:899.99px){.mapa{min-height: 500px} }

@media(max-width:576px){footer hr{width: 15%}}