@font-face {
  font-family: 'bebas'; src:
  url('../fonts/BebasNeueBook.eot?#iefix') format('embedded-opentype'),
  url('../fonts/BebasNeueBook.woff') format('woff'),
  url('../fonts/BebasNeueBook.ttf')  format('truetype'),
  url('../fonts/BebasNeueBook.svg#BebasNeueBook') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bebasB'; src:
  url('../fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/BebasNeueBold.woff') format('woff'),
  url('../fonts/BebasNeueBold.ttf')  format('truetype'),
  url('../fonts/BebasNeueBold.svg#BebasNeueBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

body.id37 .bg{
	display:none;
}


div#popup {
    width:  100%;
    height: 100vh;
    position:  fixed;
    background: #000000b8;
    top: 0;
    z-index: 0;
	opacity:0;
	transition:1s;
}

div#popup.show {
    z-index:  99999999999999;
    opacity:  1;
}

.closepp{
	position:absolute;
	right:0;
	top: 10px;
	cursor:pointer;
	cursor:hand;
}

.inpopup img {
    max-width:  100%;
}

.closepp img{
	width:110px;
}
.inpopup {
    display:  table-cell;
    vertical-align:  middle;
    height:  100vh;
    text-align:  center;
    width: 100vw;
}

#popup a{
    color: #fff;
}
#popup p {
    font-size:  30px;
    margin:  20px 0;
    float:  left;
    width:  100%;
}

.content img {margin-top: 30px;}

.r p a {
    color: #fff;
}

body{
    font-family: 'bebasB', 'Lato', sans-serif, 'bebas';
	background:#000;
}

body.admin {
    color: rgba(255, 255, 255, 0.8);
}

nav.navbar-top {
    width: 100%;
    float: left;
    background: #000;
    position: fixed;
    height: 45px;
	z-index:1;
}

.logo {
    float: left;
}

.logo img {
    height: 25px;
    padding: 10px 10px;
    max-width: 100%;
}

.obmenu {
    max-width: 940px;
    margin: 0 auto;
}

.menu {
    float: left;
    width: 100%;
    height: 45px;
}

.menu ul {
    width: 100%;
}

.menu li {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    padding: 14px 10px;
    position: relative;
}

.menu a,
.menu-footer a{
    color: #fff;
}

.social-media {
    float: left;
    height: 50px;
}

.social-media img {
    height: 100%;
}

header {
    width: 100%;
    float: left;
    background: #000;
    min-height: calc(100vh - 45px);
    transition:0.5s;
    margin-top: 45px;
}

.fri {
   position:absolute;
   right:0;
   top:0;
}

.video {
    width: 100%;
    float: left;
    height: 95vh;
}

video {
    width: 100%;
    height: calc(100% - 30px);
    margin-top: 30px;
}


.hug-data {
    position: absolute;
    width: 100%;
    top: 45px;
    height: 95vh;
    transition: 1s;
}

.data {
    background: rgba(0,0,0,0) url('../img/bg-home.png' ) no-repeat scroll center center;
    padding: 23vh 0;
}


p.m,
p.w{
    color: #fff;
    text-align: center;
    padding: 5px 0px;
    letter-spacing: 1px;
    font-family: bebasB !important;
}

p.m {
    font-size: 22px;
}

p.w {
    font-size: 42px;
}

.scrol{
	background:url('../img/scrol.png') no-repeat center / contain;
	height: 200px;
	margin-top: 10px;
	cursor:hand;
	cursor:pointer;
	width: 340px;
	margin: 0 auto;
	position:relative;
	z-index:999999;
}
.scrol.en{
	background:url('../img/scrol-en.png') no-repeat center / contain;
	height: 200px;
	margin-top: 10px;
	cursor:hand;
	cursor:pointer;
	width: 340px;
	margin: 0 auto;
}


.icon.mapa{
	background: url('../img/mapa.png') no-repeat left;
	width:130px;
	margin-left:10px;
	float:left;
}

.icon.instalacje{
	background:url('../img/instalacje.png') no-repeat ;
}

.icon.app{
	background:url('../img/app3.png') no-repeat ;
}
.icon.wydarzenia{
	background:url('../img/wydarzenia.png');
}

.icon.projekcje{
	background:url('../img/projekcje.png');
}
.icon.iluminacje{
	background:url('../img/iluminacje.png');
}

.icon.mapa:hover,
.icon.instalacje:hover,
.icon.app:hover,
.icon.wydarzenia:hover,
.icon.projekcje:hover,
.icon.iluminacje:hover{
	background-position:right;
}

.info {
	max-width: 1100px;
    margin: 0 auto;
}

.slider-and-icon {
    width: 100%;
    float: left;
}

div#obslider {
    width: calc(100% - 280px);
    overflow: hidden;
    float: left;
}
#obslider img{
	transition:1s;
	position: absolute;
	cursor:hand;
	cursor:pointer;
}

.slide {
    width: 100%;
    float: left;
    height: 315px;
    transition: 0.5s;
    overflow: hidden;
    position: relative;
}

.icons {
    width: 280px;
    float: left;
    margin-top: -15px;
}

.icon {
    height: 100px;
    width: 130px;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-top: 10px;
    cursor: hand;
    cursor: pointer;
}

.text {
    width: calc(100% - 20px);
    float: left;
	margin:0 10px;
}

.slide img {
    height: auto;
    max-height: 340px;
    max-width: 818px;
    width: 100%;
}

.text .m a {
    color: #fff;
    float: left;
    text-align: left;
    padding:10px 0px;
}

.text p {
    font-family: 'Lato', sans-serif;
    text-align:justify;
    color:#fff;
    padding-bottom:50px;
}

.icon p {
    color: #fff;
    margin-top: 80px;
    text-align: center;
}


.yt {
    width: 100%;
    float: left;
}

.lmf {
    width: 100%;
    float: left;
    margin-bottom: 70px;
}

.yt iframe {
    width: 100%;
    height: 450px;
}

.lmf-info p {
    color: #fff;
    font-family: bebas;
    width: calc(100% - 326px);
    float: right;
    padding-left: 20px;
    font-size: 19px;
    text-align: justify;
}

.lmf-info {
	float: left;
    width: calc(100% - 20px);
    margin: 30px 10px 0;
}

.lmf-info span,
.pomoc-lodz span {
    color: #fff;
    font-size: 41px;
    background: url('../img/flara.png') no-repeat scroll left 170px bottom;
    padding-bottom: 30px;
    padding-right: 40px;
    font-family: bebasb;
}
.lmf-info.big span {
    font-size: 50px;
    background: url('../img/flara.png') no-repeat scroll left 230px bottom;
}

.lmf-info.dane span {
    font-size: 50px;
    background: url('../img/flara.png') no-repeat scroll left 200px bottom;
}

.pomoc-lodz span{
	background: url('../img/flara.png') no-repeat scroll left 300px bottom;
}

.lmf-info.big p.wieksza {
    font-size: 20px;
    color: #fff;
    font-family: bebasb;
    padding: 0;
    margin-top: 30px;
    letter-spacing: 1px;
}

.poznaj {
    float: left;
    margin-top: 60px;
    margin-left: 0px;
}
.more{
	text-align:center;
	width:100%;
	float:left;
}
.aktualnosci,
.onaswmediach {
    max-width: 1100px;
    margin: 0 auto;
    color:#fff;
}


.onaswmediach .r img{
  width:100%;
}

.onaswmediach  .l a {
    color: #fff;
    transition: 0.5s;
    display: block;
}

.onaswmediach .news {
    height: 520px;
}

.onaswmediach .news p {
    padding-bottom: 10px;
}



.aktualnosci h1 {
    width: calc(100% - 20px);
    color: #fff;
    font-size: 40px;
    padding: 10px 0px;
	margin:0 10px;
}

.news {
    width: calc(25% - 30px);
    float: left;
    padding: 0px 15px;
	height:410px;
	cursor:hand;
	cursor:pointer;
}

.news img {
    width: 100%;
    max-height: 220px;
}

.news h2 {
    color: #fefefe;
    font-size: 23px;
    padding: 30px 0px 15px;
    font=-fa:;
    font-family: bebasB;
	letter-spacing:1px;
}

.news p {
    color: #fefefe;
    font-family: 'Lato', sans-serif;
    padding-bottom: 50px;
}

.bg {
    width: 100%;
    float: left;
    top: 45px;
    position: absolute;
    overflow: hidden;
    z-index: -2;
}

.bg img {
    width: auto;
    height: auto;
    min-width: 100%;
}

.o-fesiwalu {
    float: left;
    width: 100%;
    margin-top: 65px;
}

.ob {
    max-width: 1100px;
    margin: 0 auto;
}

.ob h1,
.o-fesiwalu h1 {
    width: calc(100% - 20px);
    color: #fff;
    font-size: 40px;
    padding: 20px 0px;
    margin: 0 10px;
}

.boxy {
    width: 100%;
    float: left;
}


.boxy .box {
    width: calc(50% - 40px);
    float: left;
    padding: 20px 20px;
    max-height: 380px;
}

.box .i {
    width: 100%;
    float: left;
    max-height: 300px;
    overflow: hidden;
}

.i img {
    width: 100%;
    height: auto;
}

.box h2 {
    color: #fff;
    font-family: bebasB;
    float: left;
    padding: 10px 0px 0px;
    width: 100%;
    font-size: 41px;
}

.zobacz {
    float: left;
    margin-left: -7px;
}

.zobacz img {
    float: left;
    width: 100px;
}

footer {
    width: 100%;
    float: left;
    margin-top: 50px;
    margin-bottom: 20px;
}

.menu-footer {
    width: calc(16% - 10px);
    float: left;
    margin-left: 10px;
}

.menu-footer li {
    color: #fff;
    padding: 10px 0px;
}

.kontakt {
    width:25%;
    float:left;
}

.kontakt h3,
.pomoc-lodz h3 {
    font-size: 45px;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 15px;
}

.logo-fundacja {
    width: 100%;
    padding: 10px 0px;
}

.logo-fundacja p {
    color: #fff;
    font-family: 'Lato', sans-serif;
    padding-top: 10px;
}

.tel-mail-social-media {
    width: 100%;
    float: left;
}

.in {
    width: calc(100% - 8px);
    float: left;
}

.in p {
    color: #fff;
    float: left;
    font-family: 'Lato', sans-serif;
    margin-top: 10px;
}

.in img {
    float: left;
}

.pomoc-lodz {
    width: calc(59% - 10px);
    float: left;
    margin-right: 10px;
}


.help {
    width: 33.3%;
    float: left;
    cursor: hand;
    cursor: pointer;
}

.help p {
    color: #fff;
    font-family: 'Lato', sans-serif;
    padding-top: 10px;
    font-size: 13px;
    transition: 0.5s;
}

.help:hover p {
    color: #ec9523;
    transition: 0.5s;
}

.wykonanie{
    width: 100%;
    float:left;
}

.wykonanie p {
    color: #8a8a8a;
    font-family: 'Lato', sans-serif;
    float: left;
    margin-top: 12px;
    font-size: 13px;
}

.wykonanie img {
    width: 100px;
    padding-left: 5px;
}

.ww{
    width: 360px;
    margin:0 auto;
}

.in.mail {
	padding: 0px 4px;
}

.in.tel p {
    padding-left: 5px;
}


img.insta {
    margin-left: -7px;
}

img.fejs {
    margin-left: -20px;
    margin-top: 1px;
}

.in.socmed p {
    padding-top: 13px;
}

.seta{
	width:100%;
	float:left;
	background:rgba(3, 12, 31, 1);
	margin-top: 90px;
}

#obinfo {
    width: 100%;
    float: left;
    position: absolute;
    top: 100%;
	transition:1s ease-out;

}

.gb-aktu {
    background: url('../img/aktualnosci_bg.png');
    height: 90px;
    width: 100%;
    background-size: cover;
    margin-top: -90px;
}

.parterzy-logo {
    width: 100%;
    float: left;
    background: #fff;
    margin-top: 100px;
}

.img-top,
.img-bottom {
    width: 100%;
    float: left;
}

.img-top img,
.img-bottom img {
    width: 100%;
    padding-top: 10px;
	height:90px;
}

.pl {
    max-width: 1100px;
    margin: 0 auto;
}

.img-top {
    margin-top: -95px;
}

.img-bottom {
    margin-bottom: -5px;
}

.par,
.par2,
.par3 {
    width: 100%;
    float: left;
}


.par2,
.par3{
	margin-top:25px;
}


.par .f,
.par2 .f,
.par3 .f {
    float: left;
    text-align: center;
}

.par .f{
    width: calc(100% / 3);
}

.par2 .f{
    width: calc(100% / 4);
}


.f.siedempiec {
    width: 75%;
}

.f.dwapiec {
    width: 25%;
}

.f h3 {
    font-size: 20px;
}

.f img {
	max-height: 100px;
	max-width:100%;
}

.par2 h3 {
    font-size: 20px;
    text-align: center;
}

footer.index {
    max-width: 1100px;
    margin: 0 auto;
    float: none;
}

footer.index .wykonanie {
    margin-bottom: 10px;
}

li a img {
    width: 10px;
    padding-left: 8px;
}

.idea-top img {
    width: 100%;
}

.content {
    color: #fff;
    font-family: 'Lato', sans-serif;
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}

.bef {
    width: 100%;
    float: left;
    padding-bottom: 60px;
    margin-top: 46vh;
}

.bef.maly {
    margin-top: 120px;
}

.content h1 {
    font-size: 41px;
    font-family: bebasB;
    float: left;
    width: calc(100% - 20px);
    margin: 20px 10px;
}


.content img {
    max-width: 100%;
}


.l, .r {
    width: calc(50% - 20px);
    float: left;
    padding: 0px 10px;
}

.l p,
.r p {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 14px;
    color: #9e9e9e;
    line-height: 20px;
}

.l ul {
    float: left;
    color: #9e9e9e;
}

.l h2,
.r h2 {
    font-family: bebasB;
    font-size: 41px;
    margin: 20px 0px;
    float: left;
    width:100%;
}

.r h2 {
    margin-top: -5px;
	font-size:51px;
}

.l h2 span,
.r h2 span{
	background: url(../img/flara.png) no-repeat left 220px bottom;
	padding-right: 100px;
	padding-bottom: 20px;
}

.l h2 span{
	background: url(../img/flara.png) no-repeat left 50px bottom;
}

.l ul li{
    font-size: 14px;
}

.l img {
    padding: 20px 0px;
    max-width: 100%;
}

.r img {
    float: left;
    padding: 10px 0px 20px;
}

.l h3 span,
.setka h3 span {
    background: url(../img/flara.png) no-repeat left 260px bottom;
    padding-right: 75px;
    font-size: 51px;
    font-family:bebasB;
    float: left;
    padding-bottom: 20px;
}


.l h3,
.setka h3 {
    float: left;
    width: 100%;
}

.setka p.pad {
    padding: 0;
    margin-top: -5px;
    margin-bottom: 10px;
}
h2.sec {
    margin-top: 50px;
}
p.bold {
    font-size: 20px;
    font-family: bebasB;
    letter-spacing: 1px;
    color: #fff;
}

.poznaj.fun {
    margin-top: 0px;
}

.poznaj.fun a img {
    padding: 0;
}

.r iframe {
    border: 1px solid #fff;
    margin-bottom: 20px;
	max-width:100%;
}

.idea-top {
    position: absolute;
    top: 0;
    height: auto;
    width: 100%;
}

.r p span {
    font-weight: 600;
    color: #fff;
}

p.mb {
    margin: 0;
}

p.mb a {
    color: #fff;
    transition:0.5s;
}


p.mb a:hover {
	color:#ec9523;
	transition:0.5s;
}
p.b {
    color: #fff;
    font-weight: bold;
}

.bef.mb{
	margin-top:80px;
}

.l.struktura h2, .r.struktura h2 {
    font-size: 51px;
}

.l.struktura h2 span,
.r.struktura h2 span{
    background: url(../img/flara.png) no-repeat left 130px bottom;
}

.struktura p {
    color: #fff;
    margin-bottom: 3px;
}

.l.struktura h2 {
    margin-top: 0;
}

.r li {
    font-size: 14px;
    color: #9e9e9e;
    padding: 2px 0px;
}

.rozwin {
    float: left;
    position: absolute;
    width: auto;
    background:#000;
    margin-top: 5px;
    min-width:230px;
    padding: 5px 5px 10px;
    margin-left: -15px;
    display:none;
    left:10px;
    top:30px;
}

.rozwin li {
    display: block;
    padding: 5px 10px;
}

.rozwin li a {
    color: #a5a4a4;
    font-size: 14px;
    letter-spacing: 1px;
    transition:0.5s;
}

.rozwin li a:hover,
.setka p a:hover,
.l a:hover {
    color:#ec9523;
    transition:0.5s;
}

.setka p a{
	color:#fff;
	transition:0.5s;
}

.setka p.grey{
	color:#a5a4a4
}

.l a{
	color:#fff;
	transition:0.5s;
}

.menu li:hover .rozwin {
    display: inline-block;
    z-index: 9999;
}

.ilosc {
    width: 100%;
    float: left;
    color: #fff;
}

.ilosc p {
    font-family: 'Lato', sans-serif;
    color: #a5a4a4;
    font-size: 14px;
    padding-bottom: 10px;
    float: left;
    width: 100%;
    padding-top: 10px;
	text-align:justify;
	line-height:20px;
}

.ilosc p span {
    color: #fff;
    font-weight: bold;
}

.ilosc h2 {
    float: left;
    width: 100%;
    font-size: 25px;
    color: #fefefe;
    padding: 5px 0px;
}

.ilosc h2 span {
    color: #ec9523;
}

.instalacja {
    width: 100%;
    float: left;
}

.instalacja .l img{
	max-width:90%
}

.instalacja .r img,
.instalacja .l img{
    max-width: 90%;
    float: right;
}

.instalacja .l img{
	padding-right:20px;
}

.instalacja .r h2, .instalacja .l h2 {
    color: #fff;
    font-size:35px;
    margin-top: 20px;
}

.boxy h1 {
    width: calc(100% - 20px);
    padding: 20px 10px;
}

.instalacja p {
    font-family: 'Lato', sans-serif;
}

p.white{
    color:#fff;
}

.instalacja b{
    font-weight:bold;
    color:#fff;
}

.ins {
    display: inline-block;
}

.ins p{
    font-family: bebasB;
    font-size: 30px;
    color:#fff;
    width: auto;
}

.tooltip {
    position: absolute;
    display: block;
    background: #000;
    z-index: 999;
    width:300px;
	cursor:hand;
	cursor:pointer;
}

.tooltip a {
    width: 100%;
    height: 100%;
    float: left;
}


.tooltip img {
    width: 100px;
    margin: 0 10px;
	margin-bottom:10px;
}

.tooltip p.desc {
	width: calc(100% - 130px);
	float: right;
	font-family: 'Lato', sans-serif;
	color: #fff;
	font-size: 13px;
	padding: 0px 10px 10px 0;
}

.tooltip p.name {
    width: calc(100% - 20px);
    float: left;
    color: #a5a4a4;
    letter-spacing: 1px;
    padding: 10px;
}

.qpa .mapa-festiwalowa {
    max-width: 1100px;
    margin: 0 auto;
    float: none;
}

.longdesc {
    float: left;
    width: 100%;
    margin: 20px 0;
}

.longdesc p {
    font-family: 'Lato', sans-serif;
    color: #a5a4a4;
	font-size:14px;
}

.longdesc b {
    font-weight: bold;
    color: #fff;
}

.fotka {
    width: 100%;
    float: left;
}

.fotka img {
    max-width: 100%;
}


.mapa-festiwalowa {
    width: calc(100% - 30px);
    float: left;
    margin: 30px 30px 50px 0;
}

.ins p span,
.kwadracik span,
.nio span {
    background: url('../img/znaczek.png') no-repeat center center / contain;
    width: 50px;
    display: inline-block;
    padding: 25px 20px;
}

.nio span{
	color:#fff;
	margin-left: -10px;
	float: left;
	margin-top: -16px;
	font-size:23px;
}

#map {
  height: 700px;
  width:100%;
}
.nio {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.foto {
    max-height: 160px;
    overflow: hidden;
}


.kwadracik {
    width: calc(33.3% - 60px);
    float: left;
    margin: 0 30px 40px;
    height: 300px;
	cursor:hand;
	cursor:pointer;
}


.kwadracik p.name {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 20px;
    margin: 10px 0 0;
}

.kwadracik img{
    width:100%;
}

div#events {
    width: calc(100% - 450px);
    float: left;
}

.mapa {
    width: 400px;
    float: left;
    margin-right: 50px;
}

.kwadracik span {
    color: #fff;
    font-size: 20px;
    float: left;
    margin-left: -15px;
    margin-top: -15px;
}

.nio p {
    color: #a5a4a4;
    font-family: 'Lato', sans-serif;
    padding-top: 5px;
    font-size: 13px;
}


.l.mat h2 span {
    font-size: 51px;
    background: url(../img/flara.png) no-repeat left 170px bottom;
}

.l.mat h2 span a{
	color:#fff;
	transition:0.5s;
}

.l.mat h2 span a:hover {
	color:orange;
	transition:0.5s;
}

h2.bigg {
    font-size: 51px;
}

h2.bigg span {
    background: url(../img/flara.png) no-repeat left 300px bottom;
}

.img {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.img img {
    width: calc((100% /5) - 2px);
    float: left;
    border: 1px solid #dcdcdc;
    cursor: hand;
    cursor: pointer;
}
.atrakcje{
	width:100%;
	float:left;
}

.atrakcje h3 {
    float: left;
    color: #a5a4a4;
    font-size: 14px;
    margin:5px 0px;
}

div#bigphoto {
    transition:1s;
    max-width: 100vw;
    max-height:100vh;
    height:100vh;
    width:100vw;
    vertical-align:middle;
    display:table-cell;
    text-align:center;
}


div#bigphoto img{
	max-height:80vh;
    vertical-align:middle;
	max-width:100%;
}


button#close {
	position: fixed;
	right: 20px;
	top:20px;
	background: none;
	border: 0;
	font-weight: bold;
	font-size: 30px;
	color: #fff;
	cursor:pointer;
	z-index:999999;
	outline: none;
	width: 40px;
}

button#close img {
    width: 30px;
}

#lgb{
	opacity:0;
	transition:0.5s;
	background-color: rgba(35, 32, 32, 0.8);
	position:fixed;
	z-index:-1;
	height:100%;
	width:100%;
}

.par .f.sto {
    width: 100%;
}

.img-top.lodz {
    margin-top: -100px;
}

.parterzy-logo.mb {
    margin-bottom: 30px;
}

.bef.kontakt {
    margin-top: 150px;
}

div#show {
    width: 100%;
    float: left;
}


.wybor {
    width: 310px;
    margin: 0 auto;
    border-top: 1px solid #fff;
}

.wybor p,
.wybierz-mapa p  {
    font-size: 20px;
    color: #fff;
    font-family: bebasB;
    text-align: center;
    padding-top: 10px;
}

.wybor span,
.wybierz-mapa span {
    float: right;
    margin-top: -20px;
}

.wybierz-mapa{
	width:300px;
	float:left;
	border-top: 1px solid #fff;
	margin-left: 30px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}


.wybierz-mapa p {
    text-align: left;
}

#galeria {
    width: 1000000%;
    float: left;
    margin-top: 10px;
    margin-left: 0;

}

#galeria .item {
	transition:1s;
	overflow: hidden;
	float: left;
	/* max-height: 730px; */
	-
	maxwidth: 1100px;
	text-align: center;
	width: 1100px;
}

#galeria .item img {
    /* min-width: 1100px; */
    /* float: left; */
    width: auto;
    /* margin: 0 auto; */
    height: 730px;
}

.image {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.wybor p span {
    float: right;
}


.wybor ul {
    margin-top: 5px;
}

.wybor ul li {
    color: #fff;
    text-align: center;
    font-family: bebas;
    letter-spacing: 1px;
}

 img.open{
	display:block;
	position: absolute;
	margin-left: -30px;
	cursor:pointer;
	cursor:hand;
}

.zamykanie img.open{
	display:none;
}

img.close{
	display:none;
	margin-left: -30px;
	position: absolute;
}

#show.zamykanie .wybor ul,
#show.zamykanie .wybierz-mapa ul{
	margin-top: 128px;
	transition:height 0.5s ease 0s, margin-top 0s linear 0s;
	height: 85px;
	/* left: 0; */
}

#show.zamykanie .wybierz-mapa ul{
	height:135px;
}

#show.zamykanie img.open{
	display:none;
}

#show.zamykanie img.close{
	display:block;
	cursor:pointer;
	cursor:hand;
}

#show .wybor li,
#show .wybierz-mapa li {
	width: 320px;
	background: #000;
	height: 19px;
	margin: 0 auto;
	cursor: hand;
	cursor: pointer;
}

#show .wybierz-mapa li {
	width:300px;
	color: #a5a4a4;
	font-size: 14px;
	letter-spacing: 1px;
	transition:0.5s;
}

#show .wybierz-mapa li:hover{
	transition:0.5s;
	color:orange;
}

#show li:last-child{
	padding-bottom: 10px;
}
#show .wybor ul,
#show .wybierz-mapa ul{
	position:absolute;
	top: 88px;
	transition:height 0.5s ease 0s, margin-top 0s linear 0.6s;
	height: 0px;
	overflow:hidden;
	display: block;
	float:left;
	opacity: 0.95;
	z-index: 999;
}

#show .wybor ul{
	RIGHT: 0;
	LEFT: 0;
}

#show .wybierz-mapa ul{
	TOP: 75px;
	width: 300px;
}


.befgal {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
    /* zoom: 0.27; */
}

#miniaturki{
    float: left;
    margin-bottom:50px;
    width: 1000000%;
	margin-top:-2px;
	transition:0.5s;
}

#miniaturki img {
    float:left;
    height: auto;
    width: 100%;
    min-height: 140px;
}

.mapping{
	display:none;
}

.op {
    width: 220px;
    float: left;
    cursor: hand;
    cursor: pointer;
    height: 150px;
    overflow: hidden;
}

.kupa {
    position: absolute;
    color: #fff;
    z-index: 9999;
    right: 70px;
    font-size: 50px;
    margin-top: 45px;
}

input[type="txt"] {
    background: rgba(3,12,31,0.9);
    border: 0;
    outline: none;
    color: #949494;
    height: 40px;
    float: left;
	padding:0 0 0 20px;
    width: 100%;
}

.search {
    float: left;
    width: 200px;
    padding-top: 3px;
    margin-right: 10px;
}

input[type="txt"]::placeholder {
    color: #949494;
}

.search span {
    float: right;
    margin-top: -40px;
}

.okruszki {
    position: absolute;
    top: 50px;
    left: 100px;
    z-index: 2;
    font-size: 13px;
    font-family: bebasB;
    letter-spacing:1px;
}

.okruszki a,
.okruszki p {
    color: #ec9523;
}

.okruszki p span{
	color:#a5a4a4;
}

.lmf-info.big p.pyta {
    font-family: bebasb;
    font-size: 20px;
    color: #fff;
    text-align: left;
    line-height: unset;
    padding: 0;
	letter-spacing:1px;
}

.lmf-info.big p.pyta.first {
    margin-top: 40px;
}

.setka {
    width: calc(100% - 20px);
    float: left;
    margin: 0 10px;
}
.setka p {
    padding: 5px 0;
}

.setka p, .setka ul li {
    font-size: 14px;
}

.setka ul {
    margin: 20px 0;
    color: #4b4f56;
}
.setka ul li {
    padding: 5px 0px;
}

.befgal nav {position: relative;top: 10px;float: left;width: 100%;}

.befgal nav button {
    border: 0;
    height: 730px;
    float: left;
    background: none;
    cursor: hand;
    cursor: pointer;
    padding: 0 20px;
    position: absolute;
    opacity: 0.2;
    transition:0.3s;
    outline:none;
}

.instalations p.name {
    font-size: 20px;
    color: #fff;
    padding: 0;
}


.befgal nav button:hover {
	  opacity:1;
}

button.xx {
    right: 0px;
	float: right;
}

.navi button {
    background: none;
    border: 0;
    outline: none;
    cursor:hand;
    cursor:pointer;
    margin:0 5px;
    opacity: 0.5;
    transition:0.3s;
}

.navi button:hover{
	opacity:1;
	transition:0.3s;
}

.navi button.drugi {
    float: right;
}

nav.navi {
    width: calc(100% - 280px);
    top: 200px;
    position: relative;
    z-index: 2;
	cursor:hand;
	cursor:pointer;
}

.dolmap {
    background-image: url(/img/dolmap.png);
    height: 80px;
    width: 39%;
    position: absolute;
    margin-top: -80px;
    right: 0;
    background-size: cover

}


.qpa .dolmap {
    width: 100%;
    z-index: 999;
    float: left;
    margin-top: -80px;
    position: relative;
    background: url(/img/dolmap.png) no-repeat center right;
}



.admin-top {
    margin: 20px 0;
    float: left;
    width: 100%;
}

.ob-instalations {
    width: 100%;
    float: left;
    position: relative;
}



.instalations {
    width: calc(100% - 40px);
    float: left;
    margin: 40px 20px 0px;
    font-family: 'Lato', sans-serif;
    border-bottom: 1px solid #636363;
    padding-bottom: 40px;
    position: relative;
}

.instalations p {
    padding-top: 7px;
}

.admin h1 {
    font-size: 25px;
    text-align: center;
    font-family: 'Lato', sans-serif;
    color:#fff;
}

.admin span {
	position: absolute;
	right: 20px;
	top: 27px;
	font-family: 'Lato', sans-serif;
	color: #f68e8e;
	cursor: hand;
	cursor: pointer;
}

.func {
    position: absolute;
    right: 0;
    top: 0;
}

.func a {
    float: left;
    width: auto;
    color: #f68e8e;
    margin-left: 20px;
    cursor: hand;
    cursor: pointer;
}

.popup {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999999;
    top: 0;
    background: rgba(234, 234, 234, 0.95)
}
#ppin {
    position: absolute;
    top: 50px;
    left: 50px;
}


#ppin form, #ppin form label {
    width: 100%;
    float: left;
}

#ppin form label{
	margin:10px 0;
}

#ppin form {
    color: #000;
}

#ppin form input {
    margin: 10px 0;
    padding: 5px;
    width: 280px;
    border: 1px solid #f68e8e;
}

#ppin form a,
#ppin form button {
    color: #000;
    border: 1px solid #f68e8e;
    padding: 20px;
    margin: 10px 10px 0 0;
    float: left;
    transition:0.5s;
    cursor: hand;
    cursor: pointer;
    font-family: bebasB;
    font-size: 15px;
}

#ppin form a:hover,
#ppin form button:hover {
	color:#f68e8e;
	border-color:#000;
	transition:0.5s;
}

div#error {
    float: left;
    width: calc(100% - 100px);
    color: #f68e8e;
    margin: 20px 50px 0;
}

body.error {
    color: #fff;
    font-size: 30px;
}

#rozmiar, #rozszerzenie, #kawalek, #inny {
    position: absolute;
    top: 10%;
    left: 10%;
}

.error a {
	position: absolute;
	top: 15%;
	left: 10%;
	color: #f68e8e;
	border: 1px solid #fff;
	padding:10px;
	font-size:20px;
	transition:0.5s;
}


.error a:hover{
	transition:0.5s;
	border-color:#f68e8e;
	color:#fff;
}

.onaswmediach .zobacz {
    cursor: hand;
    cursor: pointer;
}

.foteczka,
.fotunia {
    width: 100%;
    float: left;
    height: 160px;
    overflow: hidden;
    margin-bottom: 10px;
}

.foteczka img {
    max-height: unset;
}


.lewa_kolumna {
    width: calc(100% - 20px);
    float: left;
    color: #fff;
    margin: 0 10px;
}

.prawa_kolumna {
    width: 50%;
    float: left;
}

.lewa_kolumna a {
    color: #fff;
    xfloat: left;
	font-weight:bold;
}

.lewa_kolumna p {
    width: 100%;
    float: left;
    padding: 5px 0;
}

.lewa_kolumna ul li {
    width: 100%;
    list-style-type: disc;
}

.lewa_kolumna ul {
    margin: 0 40px;
    width: calc(100% - 40px);
	float:left;
}


.setka p {
    float: left;
    width: 100%;
}

span.w_szablonie{
	color: #fff;
	font-size: 41px;
	background: url('../img/flara.png') no-repeat scroll left 200px bottom;
	padding-bottom: 30px;
	padding-right: 50px;
	font-family: bebasb;
	margin: 30px 0;
	float: left;
	letter-spacing: 1px;
}

.prawa_kolumna img {
    margin-top: 20px;
	height:auto;
}

.lewa_kolumna a.infopobierz {
    font-size: 30px;
    margin: 20px 0;
    float: left;
    width: 100%;
}

img.mt {
    margin: 30px 0;
}


audio {
    width: 50% !important;
    margin: 10px 0;
}

.cd .news {
    height: 450px;
}

ul.org-ruchu {
    margin: 20px 30px;
    width: calc(100% - 60px);
	float:left;
}

ul.org-ruchu li {
    list-style-type: disc;
    color: #fff;
	width:100%;
	float:left;
}

.fotunia img {
    max-height: unset;
}

p.center {
    text-align: center;
}

p.center img {
    width: auto;
    height: auto;
}

p b {
    font-weight: bold;
    color: #fff;
}


.war li {
    font-family: 'Lato', sans-serif;
    list-style-type: disc;
}

ul.war {
    width: calc(100% - 100px);
    float: left;
    margin: 0 50px;
}

.war li span {
    color: #008000;
}

.ilosc p a {
    color: #fff;
	transition:0.5s;
}

.ilosc p a:hover{
	color:orange;
	transition:0.5s;
}

.news a {
    color: #fff;
}

.fo {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.fo img {
    max-width: 50%;
}

span.w_szablonie.nabor {
    background: url('../img/flara.png') no-repeat scroll left 70px bottom;
}

span.w_szablonie.tprze {
    background: url('../img/flara.png') no-repeat scroll left 160px bottom;
}

span.w_szablonie.formireg {
    background: url('../img/flara.png') no-repeat scroll left 250px bottom;
}

span.w_szablonie.wynikikon {
    background: url('../img/flara.png') no-repeat scroll left 160px bottom;
}
span.w_szablonie.asp {
    background: url('../img/flara.png') no-repeat scroll left 40px bottom;
}
span.w_szablonie.migawka {
    background: url('../img/flara.png') no-repeat scroll left 280px bottom;
}
.id37 h1#tith1 {
    font-family: bebas;
}



.nabor .ilosc p {
    padding: 0;
}

.flor {width: 100%;float: left;}

.flor p {
    text-align: right;
}

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

.wynikikonkursu p {
    font-family: bebasB;
    letter-spacing: 1px;
    font-size: 20px;
    margin: 10px 0;
}


.fo.sto img {
    max-width: 100%;
}

.migawka .ilosc p {
    margin-bottom: 0;
}

.migawka b {
    font-family: bebasB;
    letter-spacing: 1px;
    font-size: 20px;
}

.war.szar li {
    color: #a5a4a4;
}

p.center.bgwhite img {
    background: #fff;
}

.r p.top {
    margin-top: 60px;
}
.photosy {
    width: 100%;
    float: left;
}


.photosy img {
    width: 100%;
}




.menu p {
    color: #fff;
    position: absolute;
    left: calc(50% - 13px);
    top: 15px;
    font-size: 20px;
	display:none;
}

.content.delm {
    margin-top: -40vh;
}


.video .home-foto{
    display: none;
}

.f.sto img {
    margin: 0 40px;
}
.o-fesiwalu.leftflo .l img {
    float: left;
}

.leftflo h2.pro {
    font-size: 40px;
    color: #fff;
    width: calc(100% - 40px);
    margin: 20px 10px;
    padding: 0 10px;
    float: left;
}

.wybierz-mapa ul {
    margin-top: 110px !important;
}

#show.zamykanie .wybor ul {
    height: 140px !important;
}

span.xx {
    background: url(../img/flara.png) no-repeat left 200px bottom !important;
}


.container.wywiadhanna p {
    font-style: italic;
}


.lewa_kolumna p.pyta {
    font-weight: bold;
	font-style:normal;
	padding-top:15px;
}


.idk {
    font-family: Lato, sans-serif;
}

.onaswmediach span {
    background: url(../img/flara.png) left 160px bottom no-repeat !important;
}



.kolumny {
    width: calc(100% - 20px);
    float:  left;
    margin:  0 10px;
}

.kolumny .left,.kolumny .right {
    width:  calc(50% - 30px);
    float:  left;
}

.kolumny .right{
	margin-left:30px;
}

.kolumny .left{
	margin-right:30px;
}

.kolumny .right img {
    width: 100%;
    margin-top: 50px;
}

span.w_szablonie.otwarty {background: url(../img/flara.png) left 200px bottom no-repeat !important;margin: 10px 0;}
span.w_szablonie.doc { background: url(../img/flara.png) left 250px bottom no-repeat !important;margin: 10px 0;}
span.w_szablonie.temat{margin: 10px 0;}

span.noi a {
    color: #a2a2a2;
    font-family:  'Lato', sans-serif;
}
.kolumny .left p, .kolumny .right p {
    width:  100%;
    float:  left;
    text-align:  justify;
    font-family:  'Lato', sans-serif;
    padding:  5px 0;
    color: #a2a2a2;
}

.right span.noi {padding: 5px 0;}



.tr {
    width:  100%;
    float:  left;
}

.tr .t {
    width: calc(33.3% - 10px);
    float:  left;
    margin: 20px 5px;
}

.content img.news-sl {
    max-width:  800px;
    width:100%;
}
p.pyta.fir {
    margin-bottom: 30px;
}


@media screen and (max-width:1450px){

	.wybierz-mapa ul {
		margin-top: 155px !important;
	}

	.obmenu{
		margin:35px auto;
	}

	.okruszki{
		top:100px;
	}

	.o-fesiwalu{
		margin-top:105px;
	}

	nav.navbar-top{
		position:absolute;
	}

	nav.navbar-top{
		height:90px;
	}

	.idea-top {
		overflow-x: hidden;
		top: 60px;
	}

	.idea-top img{
		width: auto;
	}

	#show.zamykanie .wybor ul,
	#show.zamykanie .wybierz-mapa ul{
	margin-top: 165px;
	transition:height 0.5s ease 0s, margin-top 0s linear 0s;
	height: 155px;
	/* left: 0; */
}
}

@media screen and (max-width:1250px){
	div#obslider,
	.icons,
	nav.navi{
		width:100%;
	}
  
  .icons{
    margin-top:0px;
  }

	.slide img{
		max-width:100%;
	}

  .slide {
    width: 100%;
    max-width: 900px;
    height: 315px;
    transition: .5s;
    margin-left: calc(50% - 450px);
  }

	.res{
		margin-left:calc(16% - 130px);
	}


	.kwadracik {
		width: calc(50% - 60px);
	}

	.befgal {
		zoom: 0.9;
	}

}

@media screen and (max-width:1030px){
	.pomoc-lodz{
		display: none;
	}
	.befgal {
		zoom: 0.7;
	}


	.menu-footer,
	.footer.kontakt{
		width:calc(50% - 10px);
		float:left;
	}

	.menu-footer {
		text-align: right;
		width: calc(50% - 30px);
		margin: 0 15px;
	}

	.kontakt{
		width:50%;
	}
}

@media screen and (max-width:930px){
	.f.siedempiec,
	.f.dwapiec{
		width:100%;
	}

	.f.dwapiec{
		margin-top:20px;
	}

	.par2, .par3{
		margin-top:10px
	}

	.par2 .f{
		width:calc(100% / 3);
		margin-top:20px;
	}

	.par2{
		margin-top:30px;
	}
}

@media screen and (max-width:860px){
	.navi,
	#obslider{
		display:none;
	}

	.res {
		max-width: 290px;
		margin: 0 auto;
		height: 150px;
	}

	.kwadracik {
		width: calc(100% - 60px);
	}
	.befgal {
		zoom: 0.6;
	}

}


@media screen and (max-width:960px){
	.okruszki{
		top:70px;
		left:20px;
	}

	nav.navbar-top {
		position: absolute;
		height:45px;
	}

	.menu ul li {
		display: block;
		width: calc(100% - 20px);
		text-align: center;
		padding:5px 10px;
	}

	.rozwin {
		display: none;
	}

	.menu li:hover .rozwin {
		display: none;
		z-index: 0;
	}

	.fri .search,
	.menu li a img{
		display:none;
	}

	.obmenu{
		margin:0 auto;
	}

	.menu{
		height:auto;
		background:#000;
	}

	div.menu.hide ul {
		display: none;
	}


	.menu p{
		display:block;
		cursor:hand;
		cursor:pointer;
	}

	.news{
		width:calc(50% - 30px)
	}

	.l, .r{
		width:calc(100% - 20px);
		text-align:justify;
	}

	.l{
		margin-bottom:50px;
	}
  
   .kolumny .left, .kolumny .right {
    width: 100%;
    margin: 0;
    }

    span.w_szablonie.otwarty,
    span.w_szablonie.doc,
    span.w_szablonie.temat {
        background:none !important; 
        padding-bottom:0;

    }
}



@media screen and (max-width:710px){
	.boxy .box{
		width:calc(100% - 40px)
	}

	video{
		display:none;
	}

	.video .home-foto {
		display: block;
		width: 100%;
		position: absolute;
		top: 25vh;
		background: url(../img/mobile3.png) no-repeat;
		height: 100%;
	}

	.home-foto  img{
		max-width:100%;
	}

	.data {
		padding-top: 18vh;
	}

	div#events,
	.mapa {
		width:100%;
	}

	#events .kwadracik{
		width:calc(50% - 60px);
	}

	.befgal {
		zoom: 0.5;
	}

}

@media screen and (max-width:600px){


  .ins p{
      font-size: 17px;
  }


	.lmf-info p{
		width:100%;
		margin-top:50px;
	}

	.par2 .f{
		width:calc(100% / 2);
		margin-top:20px;
	}

	.par .f{
		width: 100%;
		margin: 20px 0;
	}

	.box {
		margin-bottom: 40px;
	}
	.befgal {
		zoom: 0.35;
	}
  
  
  .tr .t {
      width: calc(100% - 10px);
      float:  left;
      margin: 5px;
  }
}

@media screen and (max-width:450px){
	.foteczka{
		height: 240px;
	}

	.news{
		width:calc(100% - 30px)
	}

	.par2 .f{
		width:100%;
	}

	.menu-footer {
		display: none;
	}

	.kontakt{
		margin:0 20px;
		width: calc(100% - 40px);
	}

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

	.wykonanie p {
		width: 100%;
	}
}





.content .lewa_kolumna img {
    margin: 10px auto;
    display: block;
}

p.wfos {
    text-align:  center;
    margin-top:  50px;
    font-style: normal !important;
}

img.wfos {
    max-width:  300px;
}



span.noi {
    background: none !important;
    font-style: normal;
    width:  100%;
    float:  left;
    padding:  10px 0;
}

.lewa_kolumna p.pyta.normal {
    font-weight:  normal;
}