/* RESET */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:top}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
a, a:link, a:visited { color: inherit; text-decoration: inherit; }

/* GLOBAL */

.section.internallinks, .section.internallinks * {
	vertical-align: baseline;
}
.gridwithicons.section.internallinks, .gridwithicons.section.internallinks * {
	vertical-align: top;
}



html {
	background-color: #210002;
	color: #ffaf00;
	font-family: 'Verlag A', 'Verlag B', "Verlag";
	font-weight: 300;
	font-style: normal;
	text-align: center;
	font-size: 20px;
}

.section {
	color: #ffaf00;
}

p>a:link, p>a:visited {
	color: #ec8200;
	text-decoration: underline;
	transition: color 0.2s;
}
p>a:hover {
	color: #fff;

}

body {
	position: relative;
}
body.subpage {
	position: relative;
}
.subpage .toprule {
	position: relative;
}

h1, h2, h3, h4 {
	text-transform: uppercase;
}

s {
	opacity: 0.8;
	position: relative;
	text-decoration: none;
}
s:before {
	position: absolute;
	content: "";
	left: -3px;
	top: 50%;
	right: -3px;
	border-top: 2px solid;
	box-shadow: 0px 1px 1px #ffaf00;
	border-color: #973700;
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	transform: rotate(-4deg);
}


/* MAGNIFIC OVERRIDE  Tooooooooooooooooooooooooooooooooooooo*/

.domki .mfp-image-holder {  
    max-width: 90%;
}


/* PARALLAX */

	.keyart, .keyart_layer {
		height: 550px;
	}

	.keyart_layer {
		position: absolute;
		background-size: auto 600px;
	}
}


#nonparallax {
	display: block;
}

#nonparallax {
	background-image: url('../images/keyart-mobile.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}


/* MAGNIFIC OVERRIDE  Tooooooooooooooooooooooooooooooooooooo*/

/* PARALLAX */

.keyart, .keyart_layer {
	height: 900px;
}

#parallax {
	display: none;
}


.keyart {
	position: relative;
	z-index: 10;
}

.keyart_layer {
	background-position: bottom center;
	background-size: auto 1038px;
	background-repeat: repeat-x;
	width: 100%;

	position: absolute;
}
.keyart_layer.parallax {
	position: fixed;

}
	#keyart-0 {
		background-image: url('../images/parallax/parallax0.png');
		background-color: #ffaf1b;
	}
	#keyart-1 {
		background-image: url('../images/parallax/parallax1.png');
	}
	#keyart-2 {
		background-image: url('../images/parallax/parallax2.png');
	}
	#keyart-3 {
		background-image: url('../images/parallax/parallax3.png');
	}
	#keyart-4 {
		background-image: url('../images/parallax/parallax4.png');
	}
	#keyart-5 {
		background-image: url('../images/parallax/parallax5.png');
	}
	#keyart-6 {
		background-image: url('../images/parallax/parallax6.png');
	}
	#keyart-7 {
		background-image: url('../images/parallax/parallax7.png');
	}
	#keyart-8 {
		background-image: url('../images/parallax/parallax8.png');
	}
	#logo {
		background-image: url('../images/logo.svg');
		position: absolute;
		top: 300px; width: 200px;
	}
	#keyart-scrim {
		background-color: #ffaf00;
		opacity: 0;
	}

/*@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){ 
   	#keyart-0 {
		background-image: url('../images/parallax/parallax0@2x.png');
		background-color: #ffaf1b;
	}
	#keyart-1 {
		background-image: url('../images/parallax/parallax1@2x.png');
	}
	#keyart-2 {
		background-image: url('../images/parallax/parallax2@2x.png');
	}
	#keyart-3 {
		background-image: url('../images/parallax/parallax3@2x.png');
	}
	#keyart-4 {
		background-image: url('../images/parallax/parallax4@2x.png');
	}
	#keyart-5 {
		background-image: url('../images/parallax/parallax5@2x.png');
	}
	#keyart-6 {
		background-image: url('../images/parallax/parallax6@2x.png');
	}
	#keyart-7 {
		background-image: url('../images/parallax/parallax7@2x.png');
	}
	#keyart-8 {
		background-image: url('../images/parallax/parallax8@2x.png');
	}
}*/


/* MAIN STRUCTURE */



#maincontain {
	background-color: #e7e09e;
	position: relative;
	z-index: 98;
	top: -55px;
	/*border: 1px solid red;*/
}

	.pax #maincontain {
		top: 140px;
	}


#main {
	max-width: 900px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	z-index: 99;
	position: relative;
	/*border: 1px solid red;*/
	/*background-image: url('../images/opis_background.svg');*/
	background-repeat: no-repeat;
	


}

.section {

}


/********************/
/********************/
/* ENABLES PARALLAX */
/********************/
/********************/

@media (min-width: 601px) {

	#nonparallax {
		display: none;
	}
	#parallax {
		display: block;
	}

}

/*********************/
/*********************/
/* DISABLES PARALLAX */
/*********************/
/*********************/

@media (max-width: 600px) {

	#nonparallax {
		display: block;
	}
	#parallax {
		display: none;
	}

	#main {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 0px;
	}


}


/*********************/
/*********************/
/*        MENU       */
/*********************/
/*********************/

.menu {
      max-width:1200px; 
      height: auto; 
      margin:0px auto; 
      display:flex; 
      flex-wrap: wrap; 
      justify-content: center
    }

    .menu_box{
		display:flex;
		padding: 0px;
		border: 0px solid #382218;
		height: 40px;



		/*max-width:490px;*/
	}

		.el{
			position:relative;
			margin:0px;
			outline-offset : 0px;
			width:calc((4vw - 5px) * 2 + 85px); 
			height: auto;
			text-align:center;
			overflow: hidden;
			background-color: #e7e09e;
			border-radius: 20px;
			box-shadow:0px 0px 5px #978b6f;
			margin-left: calc((1vw - 2px) * 1.8 + 5px);
			margin-right: calc((1vw - 2px) * 1.9 + 5px);
			/*margin: 5px; */

		}

			.el img{
				top:0;
				left:-100%; right:-100%;
				height:auto; width:auto;
				max-width: 90px; max-height: 90px;
				margin:auto;
				transform-origin:50% 0;
				transform:scale(1.0);
				transition:transform .5s ease-out;
				padding: 10px;
			}

			.el_text1 {
				font-family: 'Ubuntu', sans-serif;
				/*font-family: 'Herr Von Muellerhoff', cursive;*/
				font-style:normal;
				font-weight:500;
				line-height: 1.9em;
				font-size: 21px;
				/*font-size: 50px;*/
				color: #593a2c;
				/*text-shadow: 1px 1px 5px #593a2c;*/
				cursor: pointer 
			}

			.button_galeria {
				border: 0px solid red;
				font-family:"Poppins", sans-serif;
				font-style:normal;
				font-weight:500;
				font-size: 22px;
				color: #fff;

			}



/*********************/
/*********************/
/*   RAMKA KONTAKT   */
/*********************/
/*********************/

			#info {
				display: none;
				background-color: #33391d;
				width: 350px;
				height: 400px;
				margin-left: -175px;
				position: fixed;
				left: 50%;
				top: 80px;
				z-index: 100;
				border-radius: 5px;
				box-shadow:1px 1px 5px #978b6f;
				font-family: 'Ubuntu', sans-serif;
			}

				#info_logo {
					margin: 30px;
					text-align: left;
					color: #f2efea;
					font-size: 16px;
				}


/*********************/
/*********************/
/*       TREŚĆ       */
/*********************/
/*********************/

.opis {
	max-width: 800px;
 	margin: 0 auto; 
 	padding: 0px 20px 40px 20px;
 	font-family: 'Roboto Slab', serif;
 	color: #000;
 	line-height: 1.5;
 	/*border: 1px solid red;*/

}

.opis_naglowek {
	font-family: 'Ubuntu', sans-serif;
	text-align: center;
	font-size: 35px;
    font-weight: 300;
    line-height: 1.3;
    color: #593a2c;
}

p {
	text-align: left;
	font-size: 16px;
    font-weight: 300;
}

.opis_photo_clip {
	max-width: 800px;
	height: auto;
	margin: 0 auto; 
	border: 0px solid #65801f;
	border-radius: 3px;
	overflow: hidden;
	box-shadow:0px 0px 5px #978b6f;
	/*clip: rect(5px, 50px, 40px, 10px);*/
}

.opis_img {
	position: relative;

	object-fit: cover;
	object-position: 0% 0;

	max-width: 100%;
	margin: 0 auto; 
	
}

@media (max-width: 600px) {
	.opis_photo_clip {max-width: 500px; height: auto;}
	.opis_img {width: 100%;}
	h2 {font-size: 25px;}
	p {font-size: 14px;}

}


/*********************/
/*********************/
/*      STOPKA       */
/*********************/
/*********************/

.footer {
	margin:0;
	padding:0;
	border-width:0;
	background-color: #c5bd6f;
	position: relative;
	z-index: 98;
	top: -55px;
	height: auto;
	/*border: 1px solid red;*/
}

.footer_main {
	max-width: 900px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	z-index: 99;
	position: relative;
	/*border: 1px solid red;*/
}

.footer_txt {
	font-family: 'Herr Von Muellerhoff', cursive;
	text-align: center;
	font-size: calc(2.1875rem + ((1vw - 7.68px) * 1.7361));
    font-weight: 300;
    line-height: 1.0;
    padding: 30px;
    color: #593a2c;
}