* {margin: 0; padding: 0; box-sizing: border-box; font-family: Arial, Tahoma, sans-serif; font-size: 15px;}

.page {
	width: 100%;
	text-align: center;
}
header, section, footer {margin: 0 auto; width: 100%;}
.left {float:left;}
.right {float:right;}
p {
	margin-bottom: 12px;
}
article {
	width: 100%;
	overflow: hidden;
}
video {
  width: 100%    !important;
  height: auto   !important;
}
video::-webkit-media-controls {
  display:none !important;
}
img { display: block; max-width: 100%;}
@media (max-width: 600px) {
	img {margin: 0 auto;}
}
.default {
	
}
	.default p {
		padding-bottom: 35px;
		padding-top: 5px;
	}
	.default a {
		color: inherit;
	}
	.default ul {
		padding-left: 25px;
	}
	.default .full {
		padding: 10px;
	}
.title {
	margin: 50px auto;
	height: 90px;
	text-align: center;
	display: -webkit-flex;
	display: flex;
}
	.title h2 {
		font-size: 36px;
		font-weight: bold;
		color: #AB151A;
		height: 90px;
		line-height: 90px;
		padding-left: 2%;
		padding-right: 2%;
	}
	.title .ornament-left {
		background: url(graphic/header-left.png) no-repeat right center / contain;
		display: inline-block;
		-webkit-flex: 1;
		flex: 1;
	}
	.title .ornament-right {
		background: url(graphic/header-right.png) no-repeat left center / contain;
		display: inline-block;
		-webkit-flex: 1;
		flex: 1;
	}
.text {
	width: 100%;
	overflow: hidden;
}
.full {
	width: 100%;
	float: left;
	text-align: justify;
}
.col-right {
	text-align: justify;
	padding-left: 15px;
		padding-right: 15px;
}
	.col-right ul {
		padding-left: 20px;
	}
@media (min-width: 801px) {
	.text {
		padding-left: 50px;
		padding-right: 50px;
	}
		.col-left {
			width: 55%;
			float: left;
		}
		.col-right {
			width: 45%;
			float: right;
		}
}
@media (max-width: 800px) {
	.text {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (max-width: 600px) {
	.text {
		padding-left: 15px;
		padding-right: 15px;
	}
		.col-left,
		.col-right {
			width: 100%;
			float: left;
		}
}
section {
	width: 100%;
	text-align: center;
	overflow: hidden;
	background: url(graphic/bg_image.jpg) no-repeat center top / cover;
}
.content {
	background-image: url(graphic/brama-left.png), url(graphic/brama-right.png);
	background-position: left top 200px, right top 200px;
	background-repeat: no-repeat;
}
	.content > div {
		max-width: 990px;
		width: 100%;
		margin: 0 auto;
		background: url(graphic/bg_image.jpg) no-repeat center top / cover;
	}
@media all and (max-width: 900px) {
	.content {
		background-image: none;
	}
}
header {
	position: relative;
}
	.main-nav {
		width: 100%;
		height: 61px;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		z-index: 3;
	}
		.main-nav > div {
			max-width: 990px;
			width: 100%;
			margin: 0 auto;
		}
.main-nav {
  margin: 0;
  padding: 0;
  background-color: rgba(171,21,26,.72);
  text-align: center;
}

.main-nav:after {
  content: "";
  display: table;
  clear: both;
}

.main-nav > ul {
  padding: 0;
  margin: 0 auto;
  list-style: none;
  position: relative;
  font-size: 0;
}

.main-nav ul li {
  margin: 0px;
  display: inline-block;
}

.main-nav a {
  display: block;
  padding: 0 20px;
  color: #FFF;
  font-size: 24px;
  line-height: 61px;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 0 0 3px #333;
}

.main-nav ul li ul li:hover { background: rgba(143,19,23,.9); }

.main-nav a:hover { background-color: rgba(143,19,23,.9); }

.main-nav ul ul {
  display: none;
  position: absolute;
  top: 60px;
}

.main-nav ul li:hover > ul { display: inherit; }

.main-nav ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
}

.main-nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

li > a:after { content: ' +'; }

.toggle, [id^=drop] {
 display: none;
}

li > a:only-child:after { content: ''; }

@media all and (max-width : 768px) {

	.main-nav { margin: 0; }

	.toggle + a,
	.menu { display: none; }

	.toggle {
	  display: block;
	  background-color: rgba(171,21,26,.72);
	  padding: 0 20px;
	  color: #FFF;
	  font-size: 24px;
	  font-weight: bold;
	  text-shadow: 0 0 3px #333;
	  line-height: 60px;
	  text-decoration: none;
	  border: none;
	}

	.toggle:hover { background-color: rgba(143,19,23,.9); }

	[id^=drop]:checked + ul { display: block; }

	.main-nav ul li {
	  display: block;
	  width: 100%;
	  background-color: rgba(171,21,26,.72);
	}

	.main-nav ul ul .toggle,
	.main-nav ul ul a { padding: 0 40px; }

	.main-nav ul ul ul a { padding: 0 80px; }

	.main-nav a:hover,
	.main-nav ul ul ul a { background-color: #000000; }

	.main-nav ul li ul li .toggle,
	.main-nav ul ul a { background-color: #212121; }

	.main-nav ul ul {
	  float: none;
	  position: static;
	  color: #ffffff;
	}

	.main-nav ul ul li:hover > ul,
	.main-nav ul li:hover > ul { display: none; }

	.main-nav ul ul li {
	  display: block;
	  width: 100%;
	}

	.main-nav ul ul ul li { 
		position: static;
	}
}

@media all and (max-width : 330px) {
	.main-nav ul li {
	  display: block;
	  width: 94%;
	}
}
	
	header .logo {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto 0;
		z-index: 2;
		max-width: 759px;
		width: 50%;
		background: url(graphic/logo-bg.png) no-repeat center top;
		background-size: 100% 100%;
		
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		height: 100%;
	}
		header .logo a {
			display: block;
			font-size: 0;
		}
			header .logo img {
				display: block;
				max-width: 100%;
			}
		

	header .flexslider {
		clear: both;
	}
		header .flexslider .slides li {
			min-height: 300px;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
		}
	header .banner-left,
	header .banner-right {
		position: absolute;
		bottom: 0;
		width: 43%;
		z-index: 4;
	}
	header .banner-left {
		left: 0;
	}
	header .banner-right {
		right: 0;
	}
		header .banner-left img,
		header .banner-right img {
			max-width: 100%;
			height: auto;
			display: block;
		}
@media (max-width: 800px) {
	header,
	header .flexslider {
		height: 580px;
	}
}
@media (max-width: 600px) {
	header,
	header .flexslider {
		height: 400px;
	}
}

iframe {
	border: none;
	width: 100%;
	height: 300px;
	border: solid 1px #AB151A;
}
#oferta img {
	border: solid 1px #AB151A;
	margin-bottom: 15px;
}
#galeria a,
#kontakt a {
	color: #AB151A;
	text-decoration: none;
}
#partnerzy .full {
	text-align: center;
	padding-bottom: 40px;
}
#partnerzy ul {
	list-style: none;
	margin: 0 auto;
}
	#partnerzy ul li {
		display: inline-block;
		margin-right: 25px;
	}
	#partnerzy ul li:last-of-type {
		margin-right: 0;
	}
		#partnerzy ul li a {
			display: block;
			font-size: 0;
		}
			#partnerzy ul li a img {
				display: block;
				width: 100%;
			}
.gallery {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
}
	.gallery a {
		margin-bottom: 15px;
		position: relative;
		width: 25%;
		padding: 0 4px 25px;
	}
		.gallery a span {
			-webkit-display: flex;
			display: flex;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-align-items: center;
			align-items: center;
			padding: 15px 0;
		}
			.gallery a span img {
				display: block;
				max-width: 200px;
				width: 100%;
				max-height: 160px;
				height: auto;
			}
		.gallery a i {
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			font-style: normal;
			text-align: center;
		}
@media all and (max-width: 800px) {
	.gallery a {
		width: 33.33%;
	}
}
@media all and (max-width: 600px) {
	.gallery a {
		width: 50%;
	}
}
footer {
	width: 100%;
	text-align: center;
	background-color: #AB151A;
}
	footer img {
		margin: 0;
	}
	footer > p {
		display: block;
		text-align: center;
		padding-top: 22px;
		padding-bottom: 22px;
		margin-bottom: 0;
	}
		footer > p a {
			color: #fff;
			text-decoration: none;
			font-size: 10px;
			font-family: Verdana, Arial, Tahoma, sans-serif;
			display: inline-block;
			vertical-align: middle;
		}
/* imagelightbox start */
			
#imagelightbox
{
    position: fixed;
    z-index: 9999;
 
    -ms-touch-action: none;
    touch-action: none;
}

/* ACTIVITY INDICATION */

		#imagelightbox-loading,
		#imagelightbox-loading div
		{
			border-radius: 50%;
		}
		#imagelightbox-loading
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			position: fixed;
			z-index: 10003;
			top: 50%;
			left: 50%;
			padding: 0.625em; /* 10 */
			margin: -1.25em 0 0 -1.25em; /* 20 */

			-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
			box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
		}
			#imagelightbox-loading div
			{
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;

				-webkit-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
			}

			@-webkit-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-webkit-transform: scale( .75 ); }
				50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
				to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
			}
			@keyframes imagelightbox-loading
			{
				from { opacity: .5;	transform: scale( .75 ); }
				50%	 { opacity: 1;	transform: scale( 1 ); }
				to	 { opacity: .5;	transform: scale( .75 ); }
			}


		/* OVERLAY */

		#imagelightbox-overlay
		{
			background-color: #fff;
			background-color: rgba( 255, 255, 255, .9 );
			position: fixed;
			z-index: 9998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}


		/* "CLOSE" BUTTON */

		#imagelightbox-close
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			text-align: left;
			background-color: #666;
			border-radius: 50%;
			border: none;
			position: fixed;
			z-index: 10002;
			top: 2.5em; /* 40 */
			right: 2.5em; /* 40 */

			-webkit-transition: color .3s ease;
			transition: color .3s ease;
		}
			#imagelightbox-close:hover,
			#imagelightbox-close:focus
			{
				background-color: #111;
			}
			#imagelightbox-close:before,
			#imagelightbox-close:after
			{
				width: 2px;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 20%;
				bottom: 20%;
				left: 50%;
				margin-left: -1px;
			}
			#imagelightbox-close:before
			{
				-webkit-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
				transform: rotate( 45deg );
			}
			#imagelightbox-close:after
			{
				-webkit-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
				transform: rotate( -45deg );
			}


		/* CAPTION */

		#imagelightbox-caption
		{
			text-align: center;
			color: #fff;
			background-color: #666;
			position: fixed;
			z-index: 10001;
			left: 0;
			right: 0;
			bottom: 0;
			padding: 0.625em; /* 10 */
		}


		/* NAVIGATION */

		#imagelightbox-nav
		{
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			border-radius: 20px;
			position: fixed;
			z-index: 10001;
			left: 50%;
			bottom: 3.75em; /* 60 */
			padding: 0.313em; /* 5 */

			-webkit-transform: translateX( -50% );
			-ms-transform: translateX( -50% );
			transform: translateX( -50% );
		}
			#imagelightbox-nav button
			{
				width: 1em; /* 20 */
				height: 1em; /* 20 */
				background-color: transparent;
				border: 1px solid #fff;
				border-radius: 50%;
				display: inline-block;
				margin: 0 0.313em; /* 5 */
			}
			#imagelightbox-nav button.active
			{
				background-color: #fff;
			}


		/* ARROWS */

		.imagelightbox-arrow
		{
			width: 3.75em; /* 60 */
			height: 7.5em; /* 120 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			vertical-align: middle;
			display: none;
			position: fixed;
			z-index: 10001;
			top: 50%;
			margin-top: -3.75em; /* 60 */
			border: none;
		}
		.imagelightbox-arrow:hover,
		.imagelightbox-arrow:focus
		{
			background-color: #666;
			background-color: rgba( 0, 0, 0, .75 );
		}
		.imagelightbox-arrow:active
		{
			background-color: #111;
		}
			.imagelightbox-arrow-left
			{
				left: 2.5em; /* 40 */
			}
			.imagelightbox-arrow-right
			{
				right: 2.5em; /* 40 */
			}
			.imagelightbox-arrow:before
			{
				width: 0;
				height: 0;
				border: 1em solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em; /* 2 */
			}
				.imagelightbox-arrow-left:before
				{
					border-left: none;
					border-right-color: #fff;
					margin-left: -0.313em; /* 5 */
				}
				.imagelightbox-arrow-right:before
				{
					border-right: none;
					border-left-color: #fff;
					margin-right: -0.313em; /* 5 */
				}

		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		#imagelightbox-caption,
		#imagelightbox-nav,
		.imagelightbox-arrow
		{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}

		@media only screen and (max-width: 41.250em) /* 660 */
		{
			#container
			{
				width: 100%;
			}
			#imagelightbox-close
			{
				top: 1.25em; /* 20 */
				right: 1.25em; /* 20 */
			}
			#imagelightbox-nav
			{
				bottom: 1.25em; /* 20 */
			}

			.imagelightbox-arrow
			{
				width: 2.5em; /* 40 */
				height: 3.75em; /* 60 */
				margin-top: -2.75em; /* 30 */
			}
			.imagelightbox-arrow-left
			{
				left: 1.25em; /* 20 */
			}
			.imagelightbox-arrow-right
			{
				right: 1.25em; /* 20 */
			}
		}

		@media only screen and (max-width: 20em) /* 320 */
		{
			.imagelightbox-arrow-left
			{
				left: 0;
			}
			.imagelightbox-arrow-right
			{
				right: 0;
			}
		}

/* imagelightbox end */