body { margin: 0px; padding: 0px; }
body, td { font-family: 'Barlow', sans-serif; }
img { max-width: 100%; border: 0px; vertical-align: bottom; }
ol, ul { list-style: none; }

a:link { color: #414141; text-decoration: none; }
a:visited { color: #414141; text-decoration: none; }
a:hover { color: #0088ff; text-decoration: none; }
a:active { color: #0088ff; text-decoration: none; }


.linkspec a:link { color: #ffffff; text-decoration: none; }
.linkspec a:visited { color: #ffffff; text-decoration: none; }
.linkspec a:hover { color: #00ffff; text-decoration: none; }
.linkspec a:active { color: #00ffff; text-decoration: none; }

.linkspe2 a:link { color: #0088ff; text-decoration: none; }
.linkspe2 a:visited { color: #0088ff; text-decoration: none; }
.linkspe2 a:hover { color: #414141; text-decoration: none; }
.linkspe2 a:active { color: #414141; text-decoration: none; }

.tabletop { background-color: #000000; border-bottom: solid 4px #b0b0b0; border-top: solid 4px #0088ff; }

.table-bottom { border-top: solid 2px #e5e5e5; line-height: 40px; }
.table-bottom a:link { color: #414141; text-decoration: none; }
.table-bottom a:visited {color: #414141;  text-decoration: none; }
.table-bottom a:hover { color: #0088ff;  text-decoration: none; }
.table-bottom a:active { color: #0088ff; text-decoration: none; }

.galeria { /* miniaturki zdjec w galerii obwódka jasnoniebieska*/
border: 1px solid #b0b0b0; }

.textsm { font-size: 12px; }
.textsmb { font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; font-weight:bold; }
.textlarge { font-size:large; font-weight:bold; color:#FFFFFF; }


footer {
	padding: 5px 0;
	background: #fff;
	width: 100%;
	z-index: 9999;
	border-top: 1px solid #e5e5e5;
}

.stopka { /* stopka */
font-family: verdana, arial, helvetica, sans-serif; font-size: 9px; color: #b0b0b0; }

/* .stopka a:link { color: #414141; text-decoration: none; } */
/* .stopka a:visited {color: #414141;  text-decoration: none; } */
/* .stopka a:hover { color: #0088ff;  text-decoration: none; } */
/* .stopka a:active { color: #0088ff; text-decoration: none; } */


audio { width: 100%; margin:5px; }

-----------------------------------------------------------------------------------
	LIGHTBOX GALLERY STYLES
-----------------------------------------------------------------------------------

* {box-sizing: border-box}
.mySlides1, .mySlides2, .mySlides3, .mySlides4, .mySlides5, .mySlides6, .mySlides7 {display: none}
  img {vertical-align: middle;
margin-top:1px;
margin-bottom:1px;
}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 10px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 10px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* Position the "prev button" to the left */
.prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a grey background color */
.prev:hover, .next:hover {
  background-color: #f1f1f1;
  color: black;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 16px;
  padding: 2px 2px;
  position: absolute;
  bottom: 2px;
  width: 100%;
  text-align: center;
}


-----------------------------------------------------------------------------------
	END LIGHTBOX GALLERY STYLES
-----------------------------------------------------------------------------------


/* styles from vogueband.pl */

-----------------------------------------------------------------------------------
	HEADER STYLES
-----------------------------------------------------------------------------------
header .one_fourth { width: 20%; margin: 0; }
header .three_fourths { width: 65%; margin: 0; padding-right: 40px }
header .social { width: 3%; margin: 0px; vertical-align: bottom; padding-bottom: 10px; }
header { padding-top: 8px !important; padding-bottom: 8px !important; }

header {
	padding: 25px 0;
	background: #fff;
	position: fixed;
	top: 0; left: 0;
	width: 100%;
	z-index: 9999;
	border-bottom: 1px solid #e5e5e5;
	box-shadow: 0 1px 1px rgba(100,100,100,0.2), inset 0 1px 0 #fbfbfb;
}

header * { margin-bottom: 0 !important; }
#selectnav { float: right; padding-top: 10px; }
#selectnav li { float: left; margin-left: 25px; }
#selectnav li a { color: #414141; text-transform: uppercase; font-weight: 500; }
#selectnav li a.active, #selectnav li a:hover { color: #e74c3c; }



.header-small #selectnav { padding-top: 7px; }
.logo-dark { display: none; }


header .social a:last-child { margin-left: 10px; margin-right: 5px; }

-----------------------------------------------------------------------------------
	END HEADER STYLES
----------------------------------------------------------------------------------


.wrapper { margin: 0 auto; width: 960px; position: relative; }
#home.full:not(.mobile) + section
	.wrapper{ padding-top: 40px; }

@media only screen and (min-width: 1080px) {
	.wrapper { width:1080px; position:relative; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.wrapper { width:700px; position:relative; }

@media only screen and (max-width: 767px) {
	.wrapper { width:479px; margin: 0 auto; position:relative; }
	/* .one_half, .one_third, .two_thirds, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth, .three_fourths { width: 100%; }*/
	#comments li ul { padding-left: 0px; }

@media only screen and (max-width: 479px) {
	.wrapper { width:300px; margin: 0 auto; position:relative; }


.dark-wrapper { background: #f5f5f5 !important; }
.one_fourth { width: 22%; }
.three_fourths, .three_fourth { width: 74%; }
.remove-bottom { margin-bottom: 0; }
.last {	margin-right: 0; }
.logo img { height: 36px; width: auto; }
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.logo img { height: 36px; width: auto; }
	}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* ----- clear fix for floats ----- */
 .clearfix {
	display:inline-block;
}
* html .clearfix {
	height:1%;
}
/* hides clearfix from IE-mac */
 .clearfix {
	display:block;
}


#home:not(.mobile) + section {
	padding-top: 0;
}

#home.full {
	margin-top: 0;
}

#home.full:not(.mobile) + section .wrapper{
	padding-top: 40px;
}

.home .video-wrap {
	margin: 2rem auto;
	max-width: 830px;
}
.home:not(.mobile) .fa-volume-up {
	display: none;
}

#home:not(.mobile):after {
	content: " ";
	background-color: #f5f5f5;
	height: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
/* end hide from IE-mac */

.scroll-animate.bottom {
	position: relative; bottom: -80px; /* opacity: 0;*/
}

@media only screen and (min-width: 1420px) {
	header .social {
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -16px;
		display: block;
	}

a:hover, .social a:hover {
	color: #c0392b;
}
.social .fa {
	opacity: 0.85;
	transition: all 0.2s ease-in-out;
}
.fa-youtube:before {
	color: #e74c3c;
	
}

.fa-facebook:before {
	color: #3B5998;
	
}
.social .fa:hover, 
.social .fa:active,
.social .fa:focus {
	opacity: 1;
}
header .social {
	display: none;
}
header .social a:last-child {
	margin-left: 5px;
	margin-right: 20px;
}
.social a {
	font-size: 32px; margin: 0 10px; color: #c7c7c7;
}

@media only screen and (min-width: 1420px) {
	header .social {
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -16px;
		display: block;
	}
	footer {
		background-color: #f5f5f5;
	}
	footer .social {
		display: none;
	}
}


-----------------------------------------------------
SLIDESHOW
-----------------------------------------------------

-----------------------------------------------------
END SLIDESHOW
-----------------------------------------------------