.clr {clear: both;}
/* ustawienia główne height: 100%;*/
*{ margin: 0; padding: 0;font-size: 100%; }
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*.calosc{margin:0px;}
.calosc a{color: #fff; }
.calosc a:hover { color:#007722}
body a { cursor:pointer;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {text-decoration:none}
/* góra-px ,prawa-px,dół-px,lewa-px */
img { height:auto; max-width:100%;
padding:0px 0px 0px 0px;
margin:5px 5px 5px 5px;
}
h1, h2, h3, h4, h5, h6.calosc{font-family: "Times New Roman", Times, serif;}
h1{font-size:28px;}
h2{font-size:20px;}
h3{font-size:19px;}
h4{font-size:16px;}
h1, h2{color: #fff;}
h3, h4{color: #fff}
/* armotowanie formularza */
fieldset{margin: 0; padding: 0;border:0px;}
/* ustawienia pojemników treści głównej*/
/* ///////////////////////////////////////////////////////////////*/
    /*
	filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity:0.5;
	*/
body{background-color:#000!important;}	
.body{background-color:#000!important;padding:1px;}
.ful_paralax{
 max-width: 1920px; min-width: 220px; margin: 0 auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;
}
	
#myHeaderc{
background-color: rgba(0, 0, 0, 0.9);
background: rgba(0, 0, 0, 0.9);
color: rgba(0, 0, 0, 0.9);
z-index:100;
}
.head{
position: relative;
background-color: rgba(0, 0, 0, 0.6);
background: rgba(0, 0, 0, 0.6);
color: rgba(0, 0, 0, 0.6);
padding-bottom:6px;
z-index:100;

}
.sticky
{
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
padding:2px;
background-color: rgba(0, 0, 0, 0.9);
background: rgba(0, 0, 0, 0.9);
color: rgba(0, 0, 0, 0.9);
z-index:100;
}




.wow {
	font-size: 82px;
	color: #35334c;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}

	
	
.bgnd {
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 54vh;
    max-height: 1920px;
    min-height: 700px;

}

/* tło strony głównej////////////////////////*/
.bgnd-1 {background-image: url(../images/tlo/1.jpg);}
.bgnd-2 {background-image: url(../images/tlo/2.jpg);}
.bgnd-3 {background-image: url(../images/tlo/3.jpg);}
.bgnd-4 {background-image: url(../images/tlo/4.jpg);}
/* tło strony głównej////////////////////////*/

/* tło nasze piwa////////////////////////*/
.bgnd-00 {background-image: url(../images/tlo/4.jpg);}
.bgnd-01 {background-image: url(../images/tlo/7.jpg);}
.bgnd-5 {background-image: url(../images/tlo/12.jpg);}
/*.bgnd-6{background-image: url(../images/tlo/9.jpg);}
.bgnd-7 {background-image: url(../images/tlo/7.jpg);}
.bgnd-8{background-image: url(../images/tlo/8.jpg);}
.bgnd-9{background-image: url(../images/tlo/piwo-7.jpg);}
*/


/* tło produkcja piwa////////////////////////*/
.piwo-1 {background-image: url(../images/tlo/piwo-1.jpg)}
.piwo-2 {background-image: url(../images/tlo/piwo-2.jpg)}
.piwo-3 {background-image: url(../images/tlo/piwo-3.jpg)}
.piwo-4 {background-image: url(../images/tlo/piwo-4.jpg)}
.piwo-5 {background-image: url(../images/tlo/piwo-5.jpg)}
.piwo-6 {background-image: url(../images/tlo/piwo-6.jpg)}
.piwo-7 {background-image: url(../images/tlo/piwo-7.jpg)}
.piwo-8 {background-image: url(../images/tlo/piwo-8.jpg)}

/* tło produkcja piwa////////////////////////*/

/* tło restauracja////////////////////////*/
.restauracja-1 {background-image: url(../images/tlo/restauracja-1.jpg)}
.restauracja-2 {background-image: url(../images/tlo/restauracja-2.jpg)}
.restauracja-3 {background-image: url(../images/tlo/restauracja-3.jpg)}
.restauracja-4 {background-image: url(../images/tlo/restauracja-4.jpg)}
/* tło restauracja////////////////////////*/

/* tło sciana piwna////////////////////////*/
.sciana-1 {background-image: url(../images/tlo/sciana-1.jpg)}
.sciana-2 {background-image: url(../images/tlo/sciana-2.jpg)}
.sciana-3 {background-image: url(../images/tlo/sciana-3.jpg)}
.sciana-4 {background-image: url(../images/tlo/sciana-4.jpg)}
/* tło sciana piwna////////////////////////*/

/*header + .bgnd {
    height: 900vh;
}
/
/* ///////////////////////////////////////////////////////////////*/


section.module h2 {
  margin-bottom: 20px;
  font-size: 30px;
  color: rgba(204,204,204,1);
}
section.module p {
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 300;
  line-height: 28px;

}
section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 60px 0;
  text-align: left;
}
section.module.parallax {
  max-height: 700px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
section.module.parallax h1 {

padding-top:150px;
padding-bottom:160px;
  color: #fff;
  font-size: 48px;
  line-height: 100px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  
}

.hidden{
     opacity:0;
}
.visible{
     opacity:1;
}
@media all and (min-width: 600px) {
  section.module h2 {
    font-size: 38px;
  }
  section.module a {
    font-size: 22px;
  }
  section.module.parallax h1 {
    font-size: 60px;
  }
}
@media all and (min-width: 960px) {
  section.module.parallax h1 {
    font-size: 60px;
  }
}

@media all and (max-width: 680px) {
  section.module.content {
  text-align: center;
}
}

/* 
background-color: rgba(0, 0, 0, 0.7);
    background: rgba(0, 0, 0, 0.7);
    color: rgba(0, 0, 0, 0.7);
	
*/
/* góra-px ,prawa-px,dół-px,lewa-px */
.header1{
height: 20px;
  border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;

}
#parallax {
 position: relative;
	height: 500px;
	overflow: hidden;
}
#parallax img {
    position: absolute;
    top: 0;
}



.container input[type="button"],input[type="submit"], button[type="submit"], button[type="button"] {
border-style: none;
	border:1px solid #fff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:9px 23px;
	text-decoration:none;
	background-color:#000;

	
	
	}
	
.container input[type="button"]:active, input[type="submit"]:active, button[type="submit"]:active, button[type="button"]:active { 
	border:1px solid #fff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:9px 23px;
	text-decoration:none;
	background-color:#000;

	}
	
.container input[type="button"]:hover, input[type="submit"]:hover, button[type="submit"]:hover, button[type="button"]:hover{
	border:1px solid #fff;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:9px 23px;
	text-decoration:none;
	background-color:#fff;

	}
.accordion-heading{display:none;}

textarea { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.6em !important; }
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], textarea { display: block; max-width: 100%; margin-bottom: 10px; margin-left: 0; padding: 5px !important;}

.contact h3,.contact legend,.contact img{display:none;}
.contact-form {margin-bottom:20px;}

.text_img {
position: relative;
display: inline-block;
 padding:30px 0px 30px 0px;
}
.img_left img,.img_right img{
-webkit-box-shadow: 13px 18px 51px 19px rgba(0,0,0,0.81);
-moz-box-shadow: 13px 18px 51px 19px rgba(0,0,0,0.81);
box-shadow: 13px 18px 51px 19px rgba(0,0,0,0.81);
border-style: outset;
border-width: 6px;
border-color: #575552;
padding:0;
margin:0;
}

/* góra-px ,prawa-px,dół-px,lewa-px */
.text_left{
width: 52%;
 float:left;
 text-align: left;
 }


.text_right{
width: 52%;
 float:right;
 text-align: left;

}
/* wypośrodkowanie liter p */
.text_left p,.text_right p{
height:334px;
display:table-cell;
vertical-align:middle;
}
.img_right{
width: 48%;
 float:right;
 text-align: right;
}
.img_left{
width: 48%;
 float:left;
 text-align: left;
}




/* góra-px ,prawa-px,dół-px,lewa-px 
padding:30px;*/
.container{ max-width: 1220px; min-width: 220px; margin: 0 auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;
position:relative;
height: 900px; 
}
.container3{ max-width: 100%; min-width: 220px; margin: 0 auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;
position:relative;
height: 700px; 
}
.cont_max{ max-width: 1220px; min-width: 220px; margin: 0 auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;
overflow: hidden;
}
.cont_min{ max-width: 1220px; min-width: 220px; margin: 0 auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;
}
.art_ful{
position: absolute;
width: 100%;
top:50%;
transform: translateY(-50%);
padding:20px;

}
.gala{
position:relative;
text-align: center;
padding:20px;
background-color: rgba(0, 0, 0, 0.8);
background: rgba(0, 0, 0, 0.8);
color: rgba(0, 0, 0, 0.8);
}
.art1{
position:relative;
text-align: center;
padding:20px;
background-color: rgba(0, 0, 0, 0.5);
background: rgba(0, 0, 0, 0.7);
color: rgba(0, 0, 0, 0.5);
overflow: hidden;
}
.art1 p{

text-align: left;

}
.art1 h1{
padding-top:60px;
padding-bottom:60px;
  color: #fff;
  font-size: 80px;
  line-height: 100px;
 
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.art1 h2{
padding-top:60px;
padding-bottom:60px;
  color: #fff;
  font-size: 60px;
  line-height: 90px;
 
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.sep{padding:10px;}
.container2{
position:relative;
 max-width: 1920px; min-width: 220px; margin: 0 auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;
}

.container2 p{
color:#fff;
 font-size:20px;
}
#con100 {
position:relative;
 max-width: 1920px;
 min-width: 220px;
 margin: 0 auto;
 -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box;
 box-sizing: content-box;
overflow: hidden;
background-image: url(../images/tlo/restauracja.jpg);
background-repeat: no-repeat;
background-size:cover;

}
#con2100 {
position:relative;
 max-width: 1220px;
 min-width: 220px;
 margin: 0 auto;
 -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box;
 box-sizing: content-box;

}
.cont2 {
color:#fff;
	font-family:Arial;
	font-size:15px;
	font-weight:normal;
 }
.controls{padding:10px;}
#content100 {
 float:left;
 width:100%;
 background-color: #000;
}
#content85 {
float:left;
width:60%;

}
#content80 {
float:left;
width:75%;
}
#content60 {
 float:left;
 width:40%;
}
#right{
 width: 38%;
 float:right;
 text-align: left;

}
.right{padding:0px 0px 0px 0px ;
border: 0px solid #000000!important;}
}
.right {
    border: 0 solid #000000 !important;
    padding: 0;
}
.mapa_txtful {
    font-size: 22px;
    text-align: center;
	color:fff;
}
.mapa_text p{

font-size:18px;
color:fff;
 text-align: center;
}
.mapa_gogle{
    width: 100%;
    height: 428px;
    border: 0;
}
/* gura-px ,prawa-px,duł-px,lewa-px */
.text_img {
position: relative;
display: inline-block;
 padding:30px 0px 30px 0px;
}
.img_left img,.img_right img{
-webkit-box-shadow: 13px 18px 51px 19px rgba(0,0,0,0.81);
-moz-box-shadow: 13px 18px 51px 19px rgba(0,0,0,0.81);
box-shadow: 13px 18px 51px 19px rgba(0,0,0,0.81);
border-style: outset;
border-width: 6px;
border-color: #575552;
padding:0;
margin:0;
}

/* góra-px ,prawa-px,dół-px,lewa-px */
.text_left{
width: 52%;
 float:left;
 text-align: left;
 }


.text_right{
width: 52%;
 float:right;
 text-align: left;

}
.text_center{
width: 100%;
 float:center;
 text-align: center;

}
/* wypośrodkowanie liter p */
.text_left p,.text_right p{
height:334px;
display:table-cell;
vertical-align:middle;
}
.img_right{
width: 48%;
 float:right;
 text-align: right;
}
.img_left{
width: 48%;
 float:left;
 text-align: left;
}

/* góra-px ,prawa-px,dół-px,lewa-px */

/*background-color: rgba(0, 0, 0, 0.7);
background: rgba(0, 0, 0, 0.7);
color: rgba(0, 0, 0, 0.7);

*/
img.fota{
position: relative;
display: block; margin-left: auto; margin-right: auto;
left:10px;
   filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity:0.5;
}
#top { 
 position: relative;
 width:26%; margin: 0 auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; 
 padding:8px 0 1px 0;
 float: right;
 z-index:10
 }
 .top { 
font-family: "Times New Roman", Times, serif;
font-size:17px;
text-align:left;
 }
 .top hr { 
 margin-top:10px;
 }
.top2{
 margin:0px;
    position:relative;
    padding:0px;
}


 
 #footer-ful{ padding:0; height:40px;margin:10px 0px 0px 0px;position:relative;overflow: hidden;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
background-color: rgba(0, 0, 0, 0.9);
background: rgba(0, 0, 0, 0.9);
color: rgba(0, 0, 0, 0.9);
}
#embrace{width: 100%;}


#footer{
position:relative;
top:4px;
float:right;
width:20%;
padding: 6px;
}
.footer{
text-align:right;
}
#footer {
font-family: "Times New Roman", Times, serif;
 font-size:15px;

}
#footer a {
 text-decoration:none; 
 font-weight:bold;
 padding: 0;
 color: #fff;
 }
#footer a:hover{
	color: #990000!important;
}
@media all and (min-width:768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (min-resolution: 192dpi) and (min-width: 1024px), only screen and (min-resolution: 2dppx) and (min-width: 1024px) {
#naw-menu {display:none;}


  /* menu górne */
#navbar { 
position: relative;
display: block;
 margin-left: auto;
 margin-right: auto;
 text-align:center;
 max-width: 1420px; min-width: 220px; margin: 0 auto;
}
#menu_full{

position: relative; 
height:52px;
margin-bottom:10px;margin-top:15px;
display:block;
border-bottom: 1px solid #fff;
margin-left:12px;
margin-right:12px;
border-top: 1px solid #fff;
z-index:1
}
 #menu_top {
font-family: "Times New Roman", Times, serif;
font-weight: bold;
}
 #menu_top ul {
 list-style-type:none;
 padding:0;
 margin:0;
font-size:26px;
font-weight: bold;
text-align:center;
 }

/* wygląd wszystkich elementów - a - znajdujących się w elemencie - ol */

#menu_top ul a {
display:block;
text-decoration:none;
color:#fff;
padding:0 6px;	
}
 
/* wygląd elementów - li - wszystkich dzieci elementu - ol/* gura-px ,prawa-px,duł-px,lewa-px */ 
#menu_top ul > li {
list-style:none;
float:left;
position:relative;
padding:0;
margin:0;
height:46px;
line-height:45px;
margin:0 20px 0 0 ; 
 }
#menu_top ul li.active a {

 color: #331a00;
 animation: activemenu 10s ease infinite;

}
/* wygląd elementu - li - pierwszego dziecka elementu - ol */
#menu_top ul > li:first-child {
margin-left:0;
}
 /* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
#menu_top ul > li:hover {}
 @keyframes hovermenu {
  0% {
	color: #000;
  }
  25% {
	color: #e63900;
  }
  50% {
	color: #ff6600
  }
  100% {
    color: #000;
  }
}

 @keyframes activemenu {
  0% {
	color: #331a00;
  }
  25% {
	color: #e63900;
  }
  50% {
	color: #ff6600
  }
  100% {
    color: #331a00;
  }
}
/* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li #menu_top ul li.active span  {border-bottom:3px solid #fff;} */
#menu_top ul > li:hover > a {
animation: hovermenu 1s ease infinite;
}


/* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
#menu_top ul > li:hover > ul {
display:block;
}  
/* ------------------------CZĘŚĆ-ROZWIJANA-MENU------------------------ */
/* wygląd głównych rozwijanych elementów - ul */
#menu_top ul > li > ul {
display:none;
position:absolute;
width:200px;
left:-12px;
margin:0px;
padding:0;


z-index:1000
}

/* wygląd elementu - li - w części rozwijanej */
#menu_top ul > li > ul > li {
position:relative;

width:200px;
z-index:99
}
/* wygląd elementu - a - w części rozwijanej */
#menu_top ul > li > ul > li > a {
 border-top:1px solid #444444;
}
/* wygląd elementu - li - w części rozwijanej, po najechaniu kursorem myszki na dany element - li */
#menu_top ul > li > ul > li:hover {


}
/* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */
 #menu_top ul > li > ul > li:hover > a {
color:#000000;
}
/* gura-px ,prawa-px,duł-px,lewa-px */

}

/*moduły//////////////////////////////////////////////////////////////////////////////////////*/

/*============================================popup ==========================================*/
 .close{position:relative;top:-2px;right:-21px;color:inherit}

 .alert-danger{
 
 color:#fff;
 text-shadow: 0 0 5px #D9B2B2, 0 0 10px #D9B2B2,
           0 0 20px #D9B2B2, 0 0 30px #D9B2B2,
           0 0 40px #D9B2B2;
 }

 .close{float:right;font-size:22.5px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}
 .close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}
 button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
 .modal-open{overflow:hidden}

.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;overflow:auto;overflow-y:scroll}
.modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}
.modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
/*.modal-dialog{z-index:1050;width:auto;padding:10px;margin-right:auto;margin-left:auto;}*/

.modal-dialog{z-index:1050;width:auto;padding:10px;margin: 0 auto;}


.modal-content{position:relative;background-color:#F2F2F2;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);
border:10px solid rgba(0,0,0,0.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box}
 .modal-content{
bottom:auto;
top:30%;
height:auto;
 margin:20px;
  padding:15px;
  text-align:center;
-webkit-box-shadow: 0px 1px 30px 50px rgba(23, 2, 0, 0.84);
-moz-box-shadow:    0px 1px 30px 50px rgba(23, 2, 0, 0.84);
box-shadow:         0px 1px 30px 50px rgba(23, 2, 0, 0.84);
 }
/*tlo przyciemiane*/
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1030;

background: url(../images/piwo.jpg);
background-size: 100%;
background-size:cover;


}
.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.8;filter:alpha(opacity=80)}
/*koniec-tlo przyciemiane*/
.modal-header{min-height:16.428571429px;padding:15px;text-align:center;}
.modal-header .close{margin-top:-2px}
.modal-title{
font-family: "Times New Roman", Times, serif;
color:#780505;
font-size:30px;
text-shadow: 0 1px 0 #999999, 0 2px 0 #888888,
           0 3px 0 #777777, 0 4px 0 #666666,
           0 5px 0 #555555, 0 6px 0 #444444,
           0 7px 0 #333333, 0 8px 7px rgba(0, 0, 0, 0.4),
           0 9px 10px rgba(0, 0, 0, 0.2);
		   
margin:0;line-height:1.428571429;
}
.modal-body{
 font-family:'Open Sans', sans-serif;
 color:#A3160A;
 font-size:20px;
position:relative;
padding:20px;
text-align:center;
}


.modal-footer{padding:20px 30px 30px;margin-top:15px;text-align:center;}
.btn-success,.btn-danger{
margin:20px;
 margin-top: 5px;
 margin-bottom:5px;
 padding: 0 10px;
 background:none;
 line-height: 30px;
 min-height: 30px;
 font-size: 36px; 
font-weight: bold;
 cursor: pointer;
 border:0px solid #aaaaaa;
 text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
 0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}
a.btn-success{
margin:20px;
color:#032E08;
}
a:hover.btn-success{
color: #07BD2C;
}
a.btn-danger{
color:#8C1B0A;
}
a:hover.btn-danger{
margin:20px;
color:#F52708;
}

 @media screen and (min-width:768px){
 .modal-dialog{
 right:auto;
 left:50%;
bottom:auto;
top:50%;
 width:700px;
 height:100%;
 }

 /* gura-px ,prawa-px,duł-px,lewa-px */
#fultytul{
position:relative;
top:-45px;
text-align:center;
padding:10px;
 border-top: 1px solid #fff;
background-color: rgba(0, 0, 0, 0.8);
background: rgba(0, 0, 0, 0.8);
color: rgba(0, 0, 0, 0.8);
 }
 #tytul h1{
font-size:36px;
text-align:center;
padding:10px;

 }
#glowny_etykiet{
 position:relative;
 float:left;
width: 100%;
  margin: 1px;
    padding: 0px;	
;
 }
 /* góra-px ,prawa-px,dół-px,lewa-px */
 #glowny_etykiet img{padding:0;
 margin:0;}
 #etykietyd1{
float:left;
width:46%;
padding:60px 20px 60px 20px ;	
margin:15px;


 }
  /* width:325px; ,height:465px;  */
  #box1{
        width:370px;
        height:470px;
        margin:0 auto;
        perspective:465px;
        -webkit-perspective:465px;
	
      }

      #picture {
        position:relative;
		
        width:100%;
        height:100%;
        text-align:center;
        transition:3s;
        -webkit-transition:3s;
        transform-style:preserve-3d;
        -webkit-transform-style:preserve-3d;
      }
  .picture{
        position:relative;
        width:100%;
        height:100%;
        text-align:center;
        transition:3s;
        -webkit-transition:3s;
        transform-style:preserve-3d;
        -webkit-transform-style:preserve-3d;

      }
      #box1:hover > #picture {
		  transform:rotatey(180deg);
        -webkit-transform:rotatey(180deg);
		
		
}
 


      #front{
        position:absolute;
        width:100%;
        height:100%;
        background-size:100%;
        backface-visibility:hidden;
        -webkit-backface-visibility:hidden;
		
		}
		 #text_img p{

        line-height:20px;
        color:#fff;
        font-size:18px;
		width:880px;
        height:200px;
        padding:15px;
        display:table-cell;
        vertical-align:middle;
     }
      #text_img {

        position:absolute;
        width:100;
        height:100%;
       background-color: rgba(0, 0, 0, 0.8);
        transform:rotatey(180deg);
        -webkit-transform:rotatey(180deg);
        backface-visibility:hidden;
        -webkit-backface-visibility:hidden;
		border: 1px solid #000; 

}
/* POJEDYNCZA ETYKIETA PIWOWINO*/
  #box2{
        width:1200px;
        height:600px;
        margin:0 auto;
        perspective:465px;
        -webkit-perspective:465px;

      }

      #picture2 {
        position:relative;
        width:100%;
        height:100%;
        text-align:center;
        transition:3s;
        -webkit-transition:3s;
        transform-style:preserve-3d;
        -webkit-transform-style:preserve-3d;
      }
  .picture2{
        position:relative;
        width:100%;
        height:100%;
        text-align:center;
        transition:3s;
        -webkit-transition:3s;
        transform-style:preserve-3d;
        -webkit-transform-style:preserve-3d;
      }
      #box2:hover > #picture2 {
		  transform:rotatey(10deg);
        -webkit-transform:rotatey(10deg);
		
}
 


      #front2{
        position:absolute;
        width:100%;
        height:100%;
        background-size:100%;
        backface-visibility:hidden;
        -webkit-backface-visibility:hidden;
		
		}
		 #text_img2 p{

        line-height:20px;
        color:#fff;
        font-size:18px;
		width:680px;
        height:200px;
        padding:15px;
        display:table-cell;
        vertical-align:middle;
     }
      #text_img2 {

        position:absolute;
        width:100;
        height:100%;
       background-color:#000;
        transform:rotatey(10deg);
        -webkit-transform:rotatey(10deg);
        backface-visibility:hidden;
        -webkit-backface-visibility:hidden;
		border: 1px solid #000; border-radius: 155px 155px 155px 155px;
        padding:40px;

}

/*  popup etykiet*/

.doc {border: 1px solid #888;  font-size: 20px;padding:5px;cursor: pointer;}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: rgba(0,0,0,0.4);
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 66%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close2 {
  color: white;
  float: right;
  font-size: 40px;
  font-weight: bold;
}

.close2:hover,
.close2:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 5px 16px;
  background-color: #5cb85c;
  color: white;
}

.modal-body {padding: 10px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}


/* konec popupa etykiet*/


/* POJEDYNCZA ETYKIETA PIWOWINO*/
    #front:hover{
-webkit-animation: cssAnimation 2.9774s 3 ease;
-moz-animation: cssAnimation 2.9774s 3 ease;
-o-animation: cssAnimation 2.9774s 3 ease;

}
@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
to { -webkit-transform: rotate(181deg) scale(0.494) skew(-4deg) translate(-17px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
to { -moz-transform: rotate(181deg) scale(0.494) skew(-4deg) translate(-17px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
to { -o-transform: rotate(181deg) scale(0.494) skew(-4deg) translate(-17px); }
}
 /* gura-px ,prawa-px,duł-px,lewa-px */
 /* button rodo */
.button_rodo{
font-size:16px;
 margin-top:-30px;
  padding:0px;

}
.em-ail2 a{
font-size:16px;
color:#cc9933;
}
.em-ail2 a:hover{
font-size:16px;
color:#cc3300;
}
.button_rodo paluch{
font-size:18px;
}

 /* flagi języki ****************************/

 div.mod-languages ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
div.mod-languages li {
	margin-left: 0px;
	margin-right: 0px;
}

div.mod-languages ul.lang-inline li {
	display:inline;

}

div.mod-languages ul.lang-block li {
	display:block;
}

div.mod-languages img {
	border:none;
	padding:0px;
	margin:0px;
}

div.mod-languages a {
	text-decoration: none;
}	
.chzn-container,.chzn-container-single ,.chzn-container-single-nosearch {width: 120px!important;}
.chzn-container .chzn-results {
  color: #fffccc;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chzn-single,.chzn-container-single .chzn-drop{ background-color: #000;}
.chzn-container-single .chzn-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 45px;
  border: 1px solid #fff;
  border-radius: 0px;
  background-color: #000;
  line-height: 32px;
}
.chzn-container-single .chzn-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 35px;
  border: 1px solid #fff;
  border-radius: 0px;
  background-color: #000;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #000), color-stop(50%, #000), color-stop(52%, #000), color-stop(100%, #000));
  background: -webkit-linear-gradient(#000 20%, #000 50%, #000 52%, #000 100%);
  background: -moz-linear-gradient(#000 20%, #000 50%, #000 52%, #000 100%);
  background: -o-linear-gradient(#000 20%, #000 50%, #000 52%, #000 100%);
  background: linear-gradient(#000 20%, #000 50%, #000 52%, #000 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  line-height: 34px;
}
  /* JUI remove next line */
  /* box-shadow: 0 1px 0 #fff inset; */
}
.chzn-container-active .chzn-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chzn-container-active.chzn-with-drop .chzn-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #000), color-stop(80%, #000));
  background-image: -webkit-linear-gradient(#000 20%, #000 80%);
  background-image: -moz-linear-gradient(#000 20%, #000 80%);
  background-image: -o-linear-gradient(#000 20%, #000 80%);
  background-image: linear-gradient(#000 20%, #000 80%);
  /* JUI remove next line */
  /* box-shadow: 0 1px 0 #fff inset; */
}
.chzn-container-single .chzn-single span {
  display: block;
  overflow: hidden;
  margin-right: 36px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color:fff;
}
.chzn-container-single .chzn-single-with-deselect span {
  margin-right: 38px;
}
.chzn-container .chzn-results li.highlighted {
    background-color: #000;
    background-image: linear-gradient(#000 50%, #000 90%);
    color: #fff;
}
.inputbox {
	width:50%;

	background: #000;
    border: 1px solid #d4d4d4;
    color: #fff;
	padding:5px;
	margin:5px;
	 
	}
.advancedSelect option{


	 
	}
/*.inputbox, input, textarea, select {background:#f1f1f1; border:1px solid #d4d4d4; color:#000000} 
.inputbox, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"]{ width:50%; max-width:50%;}*/

@media all and (max-width:768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

.chzn-container,.chzn-container-single,.chzn-container-single-nosearch,.chzn-container-active{width: 120px!important;}
}

 /* flagi koniec ****************************/
 
  /* responsywność*/

/*koniecmoduły/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media all and (max-width:768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
.container{margin:0px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

.chzn-container,.chzn-container-single,.chzn-container-single-nosearch,.chzn-container-active{width: 130px!important;}
.chzn-container-single .chzn-single {

  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 30px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #000000;
  text-decoration: none;
  white-space: nowrap;
  line-height: 30px;
}
.chzn-container-active.chzn-with-drop .chzn-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  /* JUI remove next line */
  /* box-shadow: 0 1px 0 #fff inset; */
}
.chzn-container .chzn-results li.highlighted {
    background-color: #ff9900;
    background-image: linear-gradient(#ff9900 20%, #cc6600 90%);
    color: #fff;}
	
#particles-js{ display: none;}	
#logo { text-align:center; float:none; display:block; position:relative;border-bottom: 1px solid #000000;
padding:15px 0px 15px 0px;
margin-left:2px;
margin-right:2px;
margin-bottom:2px;
}
#logo span.logo-l{background:none; width:0; height:102px; position:absolute; top:0; left:0;}
#logo span.logo-r{background:none; width:0; height:102px; position:absolute; top:0; right:0;}
#logo img { max-width:250px; max-height:150px; display:block; margin:0 auto;border-bottom:1px solid #000000;padding-bottom:15px}
#logo a{ text-align:center}
#top { 
text-align: center;
 position: relative;
 top:0px;
 right:0px;
 width:100%; margin: 0 auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; 
 padding:0px 0 0px 0;
 float: left;
 margin:15px 2px 12px 2px;
 }
.art1 h1{
padding-top:50px;
padding-bottom:30px;
  color: #fff;
  font-size: 30px;
  line-height: 100px;
 
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.art1 h2{
padding-top:30px;
padding-bottom:30px;
  color: #fff;
  font-size: 30px;
  line-height: 35px;
 
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.top hr{margin:10px 30px 0px 30px;}
#left,#right,#content80,#content85,#content60 {width: 100%;}
#wrapper{padding:2px!important;
border:0px solid #aaaaaa!important;}

.left{ padding:0px!important;}
.left2{padding:0px!important;}
.left3{border: 0px solid #bbbbbb;
padding:0px!important;}
.contentra{padding:0px!important;}
.contentra2{border: 0px solid #dddddd!important;
padding:0px!important;}
.contentra p {
font-size:20px;}
.right{padding:0px!important;}
  .contentra{
	padding: 6px;
}
#content100{padding: 10px;}
#user1{width:100%;}
#top1{width:100%;}




#content85 {/* zawartość tekstu z kolumną polewej *//* gura-px ,prawa-px,duł-px,lewa-px */

width:100%;
padding:10px 15px 0px 15px ;
margin-bottom:10px;

}
.sticky{padding:2px;}


/*Menu */

#naw-menu{
 
 border-top:1px solid #000000;
 border-bottom:1px solid #000000;
 }
 #menu-icon{ 
position:relative;
 text-align:center;
 overflow: hidden;
   height: 60px;
    width: 100%;
 
 }
  /* gura-px ,prawa-px,duł-px,lewa-px */
  #menu-icon {
  padding:6px;
 }
  #menu-icon img {
  position:relative;
 text-align:center;
    max-height: 40px;
    max-width: 135px;
}
 #navbar {
 position: relative;
 height:auto;

 display: none;
 border-top: none;
 border-bottom: none;
 margin:10px;
overflow:hidden;
border:1px solid #000000;
background-color: rgba(0, 0, 0, 0.8);
background: rgba(0, 0, 0, 0.8);
color: rgba(0, 0, 0, 0.8);



 }
#menu_full{
width:100%;
 
}
 #menu_top {
font-weight: bold;
float: left;
width: 100%;
height:auto;
padding:13px 10px 0px 10px ;
}

     #menu_top ul {
        list-style-type:none;
        padding:0;
        margin:0px 10px 0px 10px ;
        font-size:22px;
        text-align:center;
overflow:hidden;


	  }

      /* wygląd wszystkich elementów - a - znajdujących się w elemencie - ol */

	     #menu_top ul a {
        display:block;
        text-decoration:none;
        color:#fff;
        padding:10px 0px 10px 0px;

      }
 
      /* wygląd elementów - li - wszystkich dzieci elementu - ol/* gura-px ,prawa-px,duł-px,lewa-px width:100%; */ 
#menu_top ul > li {
 position:relative;
 padding:0;

 margin:0px; 
width: 100%;
text-align:center;


      }
#menu_top ul li.active a {}
      /* wygląd elementu - li - pierwszego dziecka elementu - ol */
      #menu_top ul > li:first-child {
        margin-left:0;
      }

      /* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
      #menu_top ul > li:hover {
 
      }
   
      /* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li #menu_top ul li.active span  {border-bottom:3px solid #fff;} */
     #menu_top ul > li:hover > a {
        
		
      }

      /* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
     #menu_top ul > li:hover > ul {
        display:block;
      }
	  
/* ------------------------CZĘŚĆ-ROZWIJANA-MENU------------------------ */
/* wygląd głównych rozwijanych elementów - ul */
#menu_top ul > li > ul {
font-size:22px;
position:relative;
display:block;
float:left;
width:100%;
text-align:center;
padding:2px 0px 2px 0px;
list-style: none;

left:-10px;
border:0px solid #000000;
}

/* wygląd elementu - li - w części rozwijanej */
#menu_top ul > li > ul > li {
position:relative;


width: 100%;
z-index:99;

}
/* wygląd elementu - a - w części rozwijanej */
#menu_top ul > li > ul > li > a {
 border-top:0px solid #fff;

}
/* wygląd elementu - li - w części rozwijanej, po najechaniu kursorem myszki na dany element - li */
#menu_top ul > li > ul > li:hover {


}
/* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */
 #menu_top ul > li > ul > li:hover > a {



}
/* gura-px ,prawa-px,duł-px,lewa-px */
#footer-ful{ padding:0px 0; height:30px;margin:10px 10px 10px 10px;position:relative;overflow: hidden;

}
#footer{
position:relative;
top:1px;

width:100%;
padding: 2px 10px 10px 10px;
}
.footer{
text-align:center;
}
#bottom_left p,#bottom_left img{text-align:center!important;}

div.mod-languages li {
	margin-left: 5px;
	margin-right: 20px;
}
.art_ful{
position: relative;
width: auto;
top:10%;
transform: translateY(-0%);
padding:20px;

}

.art1{
position:relative;
text-align: center;
padding:20px;
background-color: rgba(0, 0, 0, 0.5);
background: rgba(0, 0, 0, 0.5);
color: rgba(0, 0, 0, 0.5);
display: block;
height: auto;

}

.text_img {
position:relative;
display: block;
height: auto; 

}
.text_left,.text_right{
width: 100%;
 padding:15px 0px 15px 0px;
 text-align:center;
 height:auto;
 

}
.img_right,.img_left{
width: 100%;
height: auto; 
}
.text_left p,.text_right p{
height:auto;
display:block;

}
#glowny_etykiet h1,#glowny_etykiet {
text-align:center;
}
#glowny_etykiet,#text_img,.front{
 position:relative;
 float:left;
width: 100%;
  margin: 1px;
    padding: 1px;	
;
 }
#parallax {
    height: 100%;
    overflow: hidden;
    position: relative;
}
#text_img p{
font-size: 18px;
position:relative;
display: block;
 padding:0px 0px 15px 0px;

}
#text_img {
 background-color: rgba(0, 0, 0, 0.5);
background: rgba(0, 0, 0, 0.5);
color: rgba(0, 0, 0, 0.5);
}

/*.header1{display:none;}*/
.bgnd {

   overflow:hidden;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    max-height: auto;
    width: auto;
	}
.container{ max-width: 1220px; min-width: 220px; margin: 0 auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;
position:relative;
height: auto; 
}

.button_rodo{
font-size:16px;
 margin-top:-30px;
  padding:0px;

}
.em-ail2 a{
font-size:16px;
color:#cc9933;
}
.em-ail2 a:hover{
font-size:16px;
color:#cc3300;
}
.button_rodo paluch{
font-size:18px;
}

}