/**
     * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
     * http://cssreset.com
     */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font-size: 100%;
    	font: inherit;
    	vertical-align: baseline;
		
    }
    /* HTML5 display-role reset for older browsers */
    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:before, blockquote:after,
    q:before, q:after {
    	content: '';
    	content: none;
    }
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
	
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
	
img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

*{-webkit-appearance: none;}

body {
		background:#000;
   		font-family: 'Lato', sans-serif;
		color:#fff;
	    padding: 0;
	    position: relative;
	    margin: 0;
    }


input{

    font-family: 'Lato', sans-serif;

}
textarea{

    font-family: 'Lato', sans-serif;

}
	
  A:link {COLOR: inherit; TEXT-DECORATION: underline;}
  A:visited {COLOR: inherit; TEXT-DECORATION: none;}
  A:active {COLOR: inherit; TEXT-DECORATION: none;}
  A:hover {COLOR: inherit; TEXT-DECORATION: none;}

html, body {
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	height: 100%;
	font-smooth:  auto;
}


* {-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;}
/*
a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}
.gmnoprint div {
    background:none !important;
}
*/
strong, b{ font-weight:bold; font-size:100%;}
em,i{ font-style:italic;}
u{ text-decoration:underline;}
small{ font-size:70%;}
ul{ list-style:circle; }
.teksty ul{ list-style:none;}
.teksty ul li{ margin-bottom:5px; background:url(../grafika/li.jpg) no-repeat; background-position:0px 10px; padding-left:30px; }

.clear{ clear:both;}

.center{ width:1100px; position:relative; margin:auto;  z-index:950;}

.zaslona{ position:fixed; width:100%; height:100%; background:#FFFFFF; z-index:999; top:0px; left:0px;}

.all{ padding-top:0px; position:relative; width:100%; overflow:hidden; z-index:910;}

.menu{ position:absolute; right:10px; bottom:0px; padding:0px; margin:0px; list-style:none; text-align:right; color:#fff; font-size:16px; text-transform:uppercase; font-weight:700;}
.menu li{ display:inline-block; padding:0px; margin:0px; margin-left:40px; padding-bottom:28px; position:relative; border-bottom:2px solid transparent;
	-webkit-transition: all .20s linear;
	-moz-transition: all .20s linear;
	-ms-transition: all .20s linear;
	-o-transition: all .20s linear;
	transition: all .20s linear;}


#menuMobileClick{ width:30px; height:30px; cursor:pointer; position:absolute; right:15px; top:50%; margin-top:-38px; display:none; z-index:980; text-align:center;}
#menuMobileClick div {
    width: 34px;
    height: 3px;
    background-color: #333;
	display:block;
    margin: 6px 0 ;
}

#menuResponsive{ width:100%; height:100%; position:fixed; background:#fff; color:#000000; z-index:998; display:block; 
-webkit-box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, .1, inset 0px -1px 4px 0px rgba(0, 0, 0, .1));
box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, .1), inset 0px -1px 4px 0px rgba(0, 0, 0, .1);
    overflow-x: auto;
    overflow-y: scroll;
    right: -100%;
    top: 0;
    bottom: 0;
}
#menuResponsive a{ text-decoration:none; color:inherit;}
.menuResponsiveKlik1{ background:#fff; display:block; text-align:center; width:100%; padding:15px 4%; border-bottom:1px solid #dedede; font-size:20px; text-transform:uppercase; text-decoration:none; box-sizing: border-box; -webkit-box-sizing: border-box; }
.closeMenuContainer{ width:100%; text-align:right; height:60px;}
.close {
	display:inline-block;
    width: 50px;
    height: 50px;
    position: relative;
	margin-right:10px;
	margin-top:10px;
}
.close:after {
    content: '';
    height: 50px;
    border-left: 2px solid #333;
    position: absolute;
    transform: rotate(45deg);
    left: 28px;
}

.close:before {
    content: '';
    height: 50px;
    border-left: 2px solid #333;
    position: absolute;
    transform: rotate(-45deg);
    left: 28px;
}

.menuResponsiveKlik1 a{ margin:0 10px;}
.responsiveSocial{ text-align:center; width:100%; padding:11px 2%; font-size:20px; border-bottom:1px solid #dedede; box-sizing: border-box; -webkit-box-sizing: border-box; text-transform:uppercase; }
.responsiveSocial img{ margin:0 10px;}
.responsiveLinia{ width:100%; height:4px; background:#dedede;}


.main{ position:relative; width:100%; height:1000px; background:url(../grafika/main.jpg) no-repeat top center; background-size:cover; -webkit-background-size:cover;}
.mainMenu{ position:fixed; top:0px; right:0px; width:435px; height:140px; z-index:900;}
.back1{ position:absolute; top:0px; right:0px; width:100%; height:110px; z-index:100;}
.back2{ position:absolute; top:0px; right:0px; width:375px; height:100%; z-index:50;}
.back1Skew{ width:100%; height:100%; fill:#ffffff;}
.back2Skew{ width:100%; height:100%; fill:#000000;}
.logo{ position:absolute; top:35px; left:75px; color:#000000; font-size:28px; font-weight:bold; z-index:200; cursor:pointer; 
	-moz-transform: rotate(9deg);
	-webkit-transform: rotate(9deg);
	-o-transform: rotate(9deg);
	-ms-transform: rotate(9deg);
	transform: rotate(9deg);}
.logo span{ font-size:20px;}
.logo a{ text-decoration:none;}


.langs{ position:absolute; top:10px; right:10px; z-index:200; color:#333; font-size:14px;}
.langs a{ display:inline-block; margin:0 3px; text-decoration:none;}
.langs .activeLang{ font-weight:800;}
.social{ position:absolute; right:20px; bottom:14px; z-index:200;
	-moz-transform: rotate(6deg);
	-webkit-transform: rotate(6deg);
	-o-transform: rotate(6deg);
	-ms-transform: rotate(6deg);
	transform: rotate(6deg);}
.icon{ width:23px; height:23px; border-radius:50%; padding:2px; display:inline-block; margin-left:7px; opacity:.90;
							-webkit-transition: all .15s linear;
							-moz-transition: all .15s linear;
							-ms-transition: all .15s linear;
							-o-transition: all .15s linear;
							transition: all .15s linear;}
.icon:hover{ opacity:1;}
.iconR{ width:23px; height:23px; padding:4px;}


.mainBackMenu{ width:550px; height:270px; position:absolute; left:0px; top:50%; margin-top:-135px;}
.mainBackMenu1{ width:540px; height:210px; position:absolute; top:10px; left:0px; z-index:100;}
.mainBackMenu2{ width:550px; height:270px; position:absolute; top:0px; left:0px; z-index:50;}
.back3Skew{ width:100%; height:100%; fill:#000000;}
.back4Skew{ width:100%; height:100%; fill:#ffffff;}
.menuMain1{ position:absolute; left:30px; bottom:70px; z-index:500; margin:0px; padding:0px; list-style:none; font-size:18px; font-weight:bold;
	-moz-transform: rotate(-12deg);
	-webkit-transform: rotate(-12deg);
	-o-transform: rotate(-12deg);
	-ms-transform: rotate(-12deg);
	transform: rotate(-12deg);
}
.menuMain1 li{  position:relative; float:left; margin:0 40px 0 0; z-index:200; display:block; }
.menuMain1 a{ text-decoration:none; display:block; position:relative; z-index:500;}
.menuMain1 li:hover{ color:#000000;}
.menuMain1 li .menu-underline{
    position: absolute;
	display:none;
    left: -40%;
	top:-25%;
    width: 180%;
	height:180%;
	z-index:100;
}
.skewMenu{ width:100%; height:100%; fill:#fff; position:relative;}
.menuMain1 li:hover .menu-underline{ display:block;}
.menuMain1 li .menuWide {
    position: absolute;
	display:none;
    left: -25%;
	top:-25%;
    width: 150%;
	height:180%;
}

.menuMain2{ position:absolute; left:30px; bottom:36px; z-index:700; margin:0px; padding:0px; list-style:none; font-size:18px; font-weight:bold; color:#000000;
	-moz-transform: rotate(-12deg);
	-webkit-transform: rotate(-12deg);
	-o-transform: rotate(-12deg);
	-ms-transform: rotate(-12deg);
	transform: rotate(-12deg);}
.menuMain2 li{ position:relative; float:left; margin:0 40px 0 0; z-index:200; display:block; }
.menuMain2 a{ text-decoration:none; display:block; position:relative; z-index:500;}
.menuMain2 li:hover{ color:#fff;}
.menuMain2 li .menu-underline2{
    position: absolute;
	display:none;
    left: -28%;
	top:-25%;
    width: 155%;
	height:180%;
	z-index:100;
}
.skewMenu2{ width:100%; height:100%; fill:#000; position:relative;}
.menuMain2 li:hover .menu-underline2{ display:block;}


.menuSlideContainer{ position:fixed; top:-110px; left:0px; width:660px; height:110px; z-index:900;
							-webkit-transition: all .25s linear;
							-moz-transition: all .25s linear;
							-ms-transition: all .25s linear;
							-o-transition: all .25s linear;
							transition: all .25s linear;}
.menuActive{ top:0px;}

.menuSlide{ position:absolute; left:30px; top:20px; z-index:500; margin:0px; padding:0px; list-style:none; font-size:18px; font-weight:bold;}
.menuSlide li{  position:relative; float:left; margin:0 40px 0 0; z-index:200; display:block; }
.menuSlide a{ text-decoration:none; display:block; position:relative; z-index:500;}
.menuSlide li:hover, .menuSlide li a.activeMenu{ color:#000000;}
.menuSlide li .menu-underline{
    position: absolute;
	display:none;
    left: -40%;
	top:-25%;
    width: 180%;
	height:180%;
	z-index:100;
}
.skewMenu{ width:100%; height:100%; fill:#fff; position:relative;}
.menuSlide li .menuWide {
    position: absolute;
	display:none;
    left: -25%;
	top:-25%;
    width: 150%;
	height:180%;
}
.menuSlide li:hover .menu-underline, .menuSlide li .menu-underline-Active{ display:block;}


.menuSlide2{ position:absolute; left:30px; bottom:20px; z-index:500; margin:0px; padding:0px; list-style:none; font-size:18px; font-weight:bold;}
.menuSlide2 li{  position:relative; float:left; margin:0 40px 0 0; z-index:200; display:block; color:#000000;}
.menuSlide2 a{ text-decoration:none; display:block; position:relative; z-index:500;}
.menuSlide2 li:hover{ color:#fff;}
.menuSlide2 li .menu-underline2{
    position: absolute;
	display:none;
    left: -40%;
	top:-35%;
    width: 180%;
	height:180%;
	z-index:100;
}
.skewMenu2{ width:100%; height:100%; fill:#000; position:relative;}
.menuSlide2 li:hover .menu-underline2{ display:block;}
.menuSlideBack1{ position:absolute; top:0px; left:0px; width:660px; height:60px; z-index:200;}
.menuSlideBack2{position:absolute; top:55px; left:0px; width:200px; height:55px; z-index:180;}
.backSlideSkew1{ width:100%; height:100%; fill:#000000;}
.backSlideSkew2{ width:100%; height:100%; fill:#ffffff;}


.bio{ background:url(../grafika/bio.jpg) no-repeat top center; background-size:cover; -webkit-background-size:cover; overflow:hidden;}
.bioFoto{ display:none;}
.bioFoto img{ display:block; width:100%;}
.bioInner{ margin-top:300px; position:relative; float:right; width:900px; margin-bottom:200px;}
.bioContent{ position:relative; width:900px; z-index:205; padding:60px 70px 60px 105px; color:#FFFFFF; font-size:18px; line-height:1.6;}
.bioBack1{ position:absolute; right:0px; top:0px; z-index:200; width:100%; height:100%;}
.bioSkew1{ width:98%; height:100%; fill:#000000; position:relative; left:2%; top:-3%;}
.bioBack2{ position:absolute; right:0px; top:0px; z-index:100; width:100%; height:100%;}
.bioSkew2{ width:100%; height:100%; fill:#ffffff; position:relative; left:0px; top:0px;}



.copy{ font-size:19px; background:#000000; color:#FFFFFF; padding:5px 8px; display:inline-block; font-weight:300;  margin-top:25px; position:absolute; bottom:0px; right:0px;
							-webkit-transition: all .15s linear;
							-moz-transition: all .15s linear;
							-ms-transition: all .15s linear;
							-o-transition: all .15s linear;
							transition: all .15s linear;}





.prasa{ background:url(../grafika/prasa.jpg) no-repeat top center; background-size:cover; -webkit-background-size:cover; overflow:hidden;}
.prasaInner{ margin-top:300px; position:relative; margin-bottom:200px; width:100%;}
.prasaBack{ width:100%; position:absolute; top:0px; left:0px; }
.prasaBack:after{ padding-top:25%; position:relative; width:100%; display:block; content:''; position:relative;}
.prasaSkew{ width:100%; height:100%; top:0px; left:0px; fill:#ffffff; position:absolute;}

.prasaSlider{ width:100%; padding:0 90px; position:relative; z-index:500; }
.prasaItem{ width:25%; margin:20px 15px 40px; background:#000000; padding:20px; padding-bottom:50px; position:relative; line-height:1.5; }
.prasaItem .logoPrasa{ width:100%; height:80px; margin-bottom:20px; text-align:center;}
.prasaItem .logoPrasa img{ max-width:100%; width:auto; height:auto; max-height:100%; display:inline-block;}
.more{ position:absolute; bottom:-20px; right:20px; width:114px; height:40px; color:#000000;}
.more span{ display:block; position:relative; z-index:500; position:absolute; top:7px; left:5px; width:105px; text-align:center;
							-webkit-transition: all .15s linear;
							-moz-transition: all .15s linear;
							-ms-transition: all .15s linear;
							-o-transition: all .15s linear;
							transition: all .15s linear;}
.moreBack1{ position:absolute; left:3px; top:0px; width:104px; height:34px; z-index:100;}
.moreSkew1{ width:100%; height:100%; fill:#ffffff;
							-webkit-transition: all .15s linear;
							-moz-transition: all .15s linear;
							-ms-transition: all .15s linear;
							-o-transition: all .15s linear;
							transition: all .15s linear;}
.moreBack2{ position:absolute; left:0px; top:-2px; width:114px; height:38px; z-index:50;}
.moreSkew2{ width:100%; height:100%; fill:#000000;
							-webkit-transition: all .15s linear;
							-moz-transition: all .15s linear;
							-ms-transition: all .15s linear;
							-o-transition: all .15s linear;
							transition: all .15s linear;}
.more:hover span{ color:#FFFFFF;}
.more:hover .moreSkew1{ fill:#000000;
-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);}
.more:hover .moreSkew2{ fill:#FFFFFF;
-moz-transform: rotate(-3deg) skewX(5deg);
-webkit-transform: rotate(-3deg) skewX(5deg);
-o-transform: rotate(-3deg) skewX(5deg);
-ms-transform: rotate(-3deg) skewX(5deg);
transform: rotate(-3deg) skewX(5deg);}
.prasaNext{
  width: 0; 
  height: 0; 
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid #000;
  position:absolute;
  z-index:600;
  cursor:pointer;
  top:140px; right:30px;
}
.prasaPrev{
  width: 0; 
  height: 0; 
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-right: 30px solid #000;
  position:absolute;
  z-index:600;
   cursor:pointer;
  top:140px; left:30px;
}



.cd{ background:url(../grafika/cd.jpg) no-repeat top right; background-size:cover; -webkit-background-size:cover; overflow:hidden;}
.cdInner{ margin-top:170px; position:relative; margin-bottom:50px; width:100%; overflow:hidden;}
.cdBack1{ position:absolute; top:0px; left:0px; width:100%;}
.cdBack1:after{ padding-top:20%; position:relative; display:block; content:''; }
.cdSkew1{ position:absolute; top:0px; left:0px; width:100%; height:100%; fill:#000000; z-index:200;}
.cdBack2{ position:absolute; top:20px; left:0px; width:100%;}
.cdBack2:after{ padding-top:20%; position:relative; display:block; content:''; }
.cdSkew2{ position:absolute; top:0px; left:0px; width:100%; height:100%; fill:#ffffff; z-index:100;}
.cdSlider1{ width:1200px; margin:auto; position:relative; z-index:500; margin-top:60px;}
.cdItem{ width:20%; margin:30px; position:relative; cursor:pointer;}
.cdItem:focus{ outline:none;}
.cdItem:after{ position:relative; width:100%; padding-top:100%; content:''; display:block;}
.cdItem img{ width:100%; display:block; position:absolute; top:0px; left:0px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
							-webkit-transition: all .15s linear;
							-moz-transition: all .15s linear;
							-ms-transition: all .15s linear;
							-o-transition: all .15s linear;
							transition: all .15s linear;}
.cdItem img.active{ width:130%; display:block; left:-15%; top:-15%; position:absolute;
    -webkit-filter: none;
    filter: none;}
.cdNext{
  width: 0; 
  height: 0; 
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid #fff;
  position:absolute;
  z-index:600;
  cursor:pointer;
  top:90px; right:-38px;
}
.cdPrev{
  width: 0; 
  height: 0; 
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-right: 30px solid #fff;
  position:absolute;
  z-index:600;
   cursor:pointer;
  top:90px; left:-38px;
}


.cdSlider2{ width:1100px; margin:auto; margin-top:110px;}
.cdSlider2Item{ width:100%; position:relative;}
.cdSlider2Item .content{ padding-left:270px; width:100%; position:relative; padding-top:30px;}
.cdContent{ position:relative; width:100%; z-index:605; padding:60px 150px 120px 105px; min-height:370px;}
.cdContent .txt{ position:relative; z-index:300; color:#FFFFFF; font-size:16px; line-height:1.6;}
.cdContent .txt .name{ color:#FFFFFF; font-size:20px; line-height:1.6; margin-bottom:30px;}
.cdContentBack1{ position:absolute; right:0px; top:0px; z-index:200; width:100%; height:100%;}
.cdContentSkew1{ width:98%; height:100%; fill:#000000; position:relative; left:2%; top:-3%;}
.cdContentBack2{ position:absolute; right:0px; top:0px; z-index:100; width:100%; height:100%;}
.cdContentSkew2{ width:100%; height:100%; fill:#ffffff; position:relative; left:0px; top:0px;}


.cdSlider2Item .fotoCover{ position:absolute; left:45px; top:20px; width:240px; overflow:visible; z-index:650;}
.cdSlider2Item .fotoCover .foto{ width:100%; position:relative; z-index:300; z-index:200; overflow:visible;}
.cdSlider2Item .fotoCover .foto img{ width:100%; display:block;}
.cdCoverBack1{ position:absolute; left:-30px; top:-15px; width:309px; height:258px; z-index:100;}
.cdCoverBack2{ position:absolute; left:-40px; top:-15px; width:339px; height:276px; z-index:50;}
.cdCoverSkew1{ width:100%; height:100%; fill:#000000; z-index:100;}
.cdCoverSkew2{ width:100%; height:100%; fill:#ffffff; z-index:100;}

.moreCd{ position:absolute; top:200px; right:200px; width:134px; height:50px; color:#000000; z-index:700;}
.moreCd span{ display:block; position:relative; z-index:500; position:absolute; top:12px; left:5px; width:135px; text-align:center;
							-webkit-transition: all .15s linear;
							-moz-transition: all .15s linear;
							-ms-transition: all .15s linear;
							-o-transition: all .15s linear;
							transition: all .15s linear;}
.moreCdBack1{ position:absolute; left:3px; top:0px; width:134px; height:40px; z-index:100;}
.moreCdSkew1{ width:100%; height:100%; fill:#ffffff;
							-webkit-transition: all .15s linear;
							-moz-transition: all .15s linear;
							-ms-transition: all .15s linear;
							-o-transition: all .15s linear;
							transition: all .15s linear;}
.moreCdBack2{ position:absolute; left:0px; top:-2px; width:134px; height:43px; z-index:50;}
.moreCdSkew2{ width:100%; height:100%; fill:#000000;
							-webkit-transition: all .15s linear;
							-moz-transition: all .15s linear;
							-ms-transition: all .15s linear;
							-o-transition: all .15s linear;
							transition: all .15s linear;}
.moreCd:hover span{ color:#FFFFFF;}
.moreCd:hover .moreCdSkew1{ fill:#000000;
-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);}
.moreCd:hover .moreCdSkew2{ fill:#FFFFFF;
-moz-transform: rotate(-3deg) skewX(5deg);
-webkit-transform: rotate(-3deg) skewX(5deg);
-o-transform: rotate(-3deg) skewX(5deg);
-ms-transform: rotate(-3deg) skewX(5deg);
transform: rotate(-3deg) skewX(5deg);}
.moreCd1{ position:absolute; top:280px; left:210px;}
.moreCd2{ position:absolute; top:330px; left:210px;}





.galeria{ background:url(../grafika/galeria.jpg) no-repeat bottom right; background-size:cover; -webkit-background-size:cover; overflow:hidden;}
.galeriaInner{ margin-top:200px; position:relative; margin-bottom:200px; width:1100px; margin-left:200px;}
.galeriaItem{ float:left; position:relative; width:25.3333%; margin-right:4%; margin-left:4%; margin-bottom:7%;}
.galeriaItem .fotoGaleria{ width:100%; position:relative; z-index:400; background:#000000; }
.galeriaItem .fotoGaleria:after{ padding-top:100%; display:block; content:''; position:relative;}
.galeriaItem .fotoGaleria img{ display:block; width:100%; opacity:.70; position:absolute; left:0px; top:0px;
							-webkit-transition: all .25s linear;
							-moz-transition: all .25s linear;
							-ms-transition: all .25s linear;
							-o-transition: all .25s linear;
							transition: all .25s linear;}
.galeriaBack1{ width:123%; height:108%; position:absolute; top:-4%; left:-10%; z-index:200;
							-webkit-transition: all .20s linear;
							-moz-transition: all .20s linear;
							-ms-transition: all .20s linear;
							-o-transition: all .20s linear;
							transition: all .20s linear;}
.galeriaSkew1{ width:100%; height:100%; fill:#000000;}
.galeriaBack2{ width:132%; height:108%; position:absolute; top:-4%; left:-15%; z-index:100;
							-webkit-transition: all .15s linear;
							-moz-transition: all .15s linear;
							-ms-transition: all .15s linear;
							-o-transition: all .15s linear;
							transition: all .15s linear;}
.galeriaSkew2{ width:100%; height:100%; fill:#ffffff;}
.galeriaItem:hover .fotoGaleria img{ opacity:1; width:110%; left:-5%; top:-5%;}
.galeriaItem:hover .galeriaBack1{
-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);}
.galeriaItem:hover .galeriaBack2{ 
-moz-transform: rotate(-3deg) skewX(5deg);
-webkit-transform: rotate(-3deg) skewX(5deg);
-o-transform: rotate(-3deg) skewX(5deg);
-ms-transform: rotate(-3deg) skewX(5deg);
transform: rotate(-3deg) skewX(5deg);
}
a.pobierz{ position:absolute; bottom:-25px; left:-25px; text-decoration:none; color:#FFFFFF; font-size:14px; z-index:600;}




.kontakt{ background:url(../grafika/kontakt.jpg) no-repeat center center; background-size:cover; -webkit-background-size:cover; overflow:hidden;}
.kontaktInner{ margin-top:300px; position:relative; margin-bottom:200px; padding-left:100px; width:450px; min-height:300px;}
.kontaktTxt{ position:relative; z-index:300; padding-top:50px;}
.kontaktTxt2{ position:relative; z-index:300; margin-left:100px; font-weight:100; margin-top:20px; font-size:18px; line-height:1.4;}
.kontaktTxt2 span{ font-size:22px; margin-bottom:25px; display:block; line-height:1.4;}
.kontaktBack1{ position:absolute; top:-5px; left:0px; width:587px; height:482px; z-index:200; }
.kontaktSkew1{width:100%; height:100%; fill:#000000;}
.kontaktBack2{ position:absolute; top:0px; left:0px; width:575px; height:455px; z-index:100; }
.kontaktSkew2{width:100%; height:100%; fill:#ffffff;}



.polityka{ line-height:1.6; color:#262626;}
#cookies-message{padding: 15px 20px; font-size: 14px; line-height: 22px; border-top: 1px solid #999; text-align: center; position: fixed; bottom: 0px; background-color: #262626; width: 100%; z-index: 999; box-sizing: border-box; -webkit-box-sizing: border-box; color:#999;}
#accept-cookies-checkbox{background-color:#999; padding: 5px 10px; color: #FFF; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; margin-left: 10px; text-decoration: none; cursor: pointer;}
#accept-cookies-checkbox:hover{ background:#FFFFFF; color:#999;}



.loader{ width:100%; height:100%; position:fixed; z-index:999; background:#000; background:rgba(0, 0, 0, .8); display:none; left:0px; top:0px;}
@keyframes spinner {
    to {transform: rotate(360deg);}
}
 
@-webkit-keyframes spinner {
    to {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spinner {
    to {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spinner {
    to {-ms-transform: rotate(360deg);}
}
@-o-keyframes spinner {
    to {-o-transform: rotate(360deg);}
}
 
.spinner {
    min-width: 74px;
    min-height: 74px;
	position:absolute; left:50%; top:50%;
	background:#FFFFFF;
	margin-left:-33px;
    border-radius: 50%;
}
 
.spinner:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 46px;
    height: 46px;
    margin-top: -25px;
    margin-left: -25px;
}
 
.spinner:not(:required):before {
    content: '';
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #8bae97;
    border-bottom-color: #8bae97;
    animation: spinner .8s ease infinite;
    -webkit-animation: spinner .8s ease infinite;
    -moz-animation: spinner .8s ease infinite;
    -ms-animation: spinner .8s ease infinite;
    -o-animation: spinner .8s ease infinite;
}

.zaslona{ position:fixed; background:#000; top:0px; left:0px; width:100%; height:100%; z-index:999; display:block;}
.zaslonaInner{ text-align:center; width:200px; height:170px; position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-85px; font-size:30px; text-transform:uppercase; opacity:.5; font-weight:bold;}
.zaslonaInner img{ margin-top:20px;}




.backAgenda{ position:fixed; top:0px; z-index:1; left:0px; width:100%; height:100%; background:url(../grafika/agenda.jpg) center center; background-size:cover; -webkit-background-size:cover;}
.agendaBack1{ position:absolute; right:0px; top:0px; z-index:200; width:184px; height:179px;}
.agendaSkew1{ width:98%; height:100%; fill:#000000; position:relative; left:2%; top:-3%;}
.agendaBack2{ position:absolute; right:0px; top:0px; z-index:100; width:209px; height:169px;}
.agendaSkew2{ width:100%; height:100%; fill:#ffffff; position:relative; left:0px; top:0px;}

.koncerty{ width:900px; margin:auto; margin-top:200px; position:relative;}
.koncert{ width:100%; margin:auto; padding-left:150px; position:relative; margin-bottom:100px;}
.koncertContent{ position:relative; width:100%; z-index:605; padding:50px 120px 100px 85px; min-height:300px;}
.koncert .txt{ position:relative; z-index:300; color:#FFFFFF; font-size:16px; line-height:1.6;}
.koncert .txt .dataR{ background:#FFFFFF; color:#000000; padding:5px; margin-bottom:10px; display:none;}
.koncert .txt .name{ color:#FFFFFF; font-size:22px; line-height:1.4; margin-bottom:5px;}
.koncert .txt .name2{ color:#FFFFFF; font-size:18px; line-height:1.6; margin-bottom:18px;}
.koncert .txt .miejsce{ color:#FFFFFF; font-size:18px; line-height:1.6; margin-bottom:0px;}
.descAll{ font-size:18px; margin-top:15px; width:90%;}
.tekstHidden{ display:none;}
.zwin{ display:none;}
.koncertContentBack1{ position:absolute; right:0px; top:0px; z-index:200; width:100%; height:100%;}
.koncertContentSkew1{ width:98%; height:100%; fill:#000000; position:relative; left:2%; top:-3%;}
.koncertContentBack2{ position:absolute; right:0px; top:0px; z-index:100; width:100%; height:100%;}
.koncertContentSkew2{ width:100%; height:100%; fill:#ffffff; position:relative; left:0px; top:0px;}

.moreKoncert{ position:absolute; width:134px; height:50px; color:#000000; z-index:700; cursor:pointer;}
.moreKoncert span{ display:block; position:relative; z-index:500; position:absolute; top:12px; left:5px; width:135px; text-align:center;
							-webkit-transition: all .15s linear;
							-moz-transition: all .15s linear;
							-ms-transition: all .15s linear;
							-o-transition: all .15s linear;
							transition: all .15s linear;}
.moreKoncertBack1{ position:absolute; left:3px; top:0px; width:134px; height:40px; z-index:100;}
.moreKoncertSkew1{ width:100%; height:100%; fill:#ffffff;
							-webkit-transition: all .15s linear;
							-moz-transition: all .15s linear;
							-ms-transition: all .15s linear;
							-o-transition: all .15s linear;
							transition: all .15s linear;}
.moreKoncertBack2{ position:absolute; left:0px; top:-2px; width:134px; height:43px; z-index:50;}
.moreKoncertSkew2{ width:100%; height:100%; fill:#000000;
							-webkit-transition: all .15s linear;
							-moz-transition: all .15s linear;
							-ms-transition: all .15s linear;
							-o-transition: all .15s linear;
							transition: all .15s linear;}
.moreKoncert:hover span{ color:#FFFFFF;}
.moreKoncert:hover .moreKoncertSkew1{ fill:#000000;
-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);}
.moreKoncert:hover .moreKoncertSkew2{ fill:#FFFFFF;
-moz-transform: rotate(-3deg) skewX(5deg);
-webkit-transform: rotate(-3deg) skewX(5deg);
-o-transform: rotate(-3deg) skewX(5deg);
-ms-transform: rotate(-3deg) skewX(5deg);
transform: rotate(-3deg) skewX(5deg);}
.moreKoncert1{ position:absolute; bottom:80px; right:0px;}
.moreKoncert2{ position:absolute; bottom:20px; right:0px;}


.dataKoncert{ position:absolute; left:0px; top:-20px; width:200px; overflow:visible; z-index:850;}
.dataKoncert .data{ width:100%; position:relative; z-index:300; z-index:200; overflow:visible; font-size:44px; text-align:center; font-weight:bold; padding-top:30px;}
.dataKoncert .data span{ display:block; text-align:center; font-weight:normal; font-size:21px;}
.dataBack1{ position:absolute; left:5px; top:-15px; width:184px; height:179px; z-index:100;}
.dataBack2{ position:absolute; left:-10px; top:-15px; width:209px; height:169px; z-index:50;}
.dataSkew1{ width:100%; height:100%; fill:#000000; z-index:100;}
.dataSkew2{ width:100%; height:100%; fill:#ffffff; z-index:100;}

.oldTour{ opacity:0.45;}


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

	.mainBackMenu{-moz-transform: scale(.85);
	-webkit-transform: scale(.85);
	-o-transform: scale(.85);
	-ms-transform: scale(.85);
	transform: scale(.85);
	transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	}

	.menuSlideContainer{-moz-transform: scale(.85);
		-webkit-transform: scale(.85);
		-o-transform: scale(.85);
		-ms-transform: scale(.85);
		transform: scale(.85);
		transform-origin: 0% 0%;
		-webkit-transform-origin: 0% 0%;
	}

	.mainMenu{ width:357px; height:115px;}
	.back1{ top:0px; right:0px; width:100%; height:110px;}
	.back2{ top:10px; right:0px; width:307px; height:100%;}
	.logo{ top:40px; left:40px; font-size:27px;  
		-moz-transform: rotate(11deg);
		-webkit-transform: rotate(11deg);
		-o-transform: rotate(11deg);
		-ms-transform: rotate(11deg);
		transform: rotate(11deg);}
	.logo span{ font-size:18px;}
	.langs{ top:10px; right:10px; z-index:200; color:#333; font-size:14px;}
	.social{ right:130px; bottom:12px;
		-moz-transform: rotate(5.5deg);
		-webkit-transform: rotate(5.5deg);
		-o-transform: rotate(5.5deg);
		-ms-transform: rotate(5.5deg);
		transform: rotate(5.5deg);}
	.icon{ width:23px; height:23px; border-radius:50%; padding:2px; margin-left:5px; opacity:.90;}
	.iconR{ width:23px; height:23px; padding:4px;}

	.bioInner{ margin-top:250px; width:700px; margin-bottom:200px;}
	.bioContent{ width:700px; padding:55px 50px 70px 85px; font-size:18px; line-height:1.6;}


	.prasaInner{ margin-top:150px; margin-bottom:200px;}
	.prasaBack{ width:100%; position:absolute; top:70px; left:0px; }
	.prasaSlider{ width:100%; padding:0 50px; position:relative; z-index:500; }
	.prasaItem{ width:25%; margin:20px 5px 40px; padding:20px; padding-bottom:50px;}
	.prasaItem .logoPrasa{ width:100%; height:80px; margin-bottom:20px; text-align:center;}
	.more{ position:absolute; bottom:-20px; right:20px; width:114px; height:40px; }
	.more span{ top:7px; left:5px; width:105px;}
	.moreBack1{ left:3px; top:0px; width:104px; height:34px;}
	.moreBack2{ left:0px; top:-2px; width:114px; height:38px;}
	.moreSkew2{ width:100%; height:100%; fill:#000000;}
	.prasaNext{
		top:170px; right:10px;
	}

	.prasaPrev{
 		top:170px; left:10px;
	}


	.cdInner{ margin-top:120px; margin-bottom:60px; }
	.cdSlider1{ width:1200px; margin-top:20px;}
	.cdSlider2{ margin-top:70px;}

	.galeriaInner{ width:85%; margin:auto; margin-top:150px; margin-bottom:150px; }

	.kontakt{ background:url(../grafika/kontakt2.jpg) no-repeat left center; background-size:cover; -webkit-background-size:cover; }
	.kontaktInner{ margin-top:150px; margin-bottom:200px; padding-left:100px; width:450px; min-height:300px;}

}


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

	.cdSlider1{ width:100%; margin-top:20px; padding:0 50px;}
	.cdNext{ top:50%; right:20px; margin-top:-28px;	}
	.cdPrev{ top:50%; left:20px; margin-top:-28px;}

	.kontaktInner{ margin-top:150px; margin-bottom:200px; padding-left:50px; width:450px; min-height:300px;}

}



@media only screen and (max-width: 1149px) {
	.cdBack1{ position:absolute; top:40px; left:0px; width:100%;}
	.cdBack2{ position:absolute; top:40px; left:0px; width:100%;}

	.cdSlider1{ width:100%; margin-top:20px; padding:0 70px;}
	.cdItem{ width:25%; margin:15px; position:relative;}
	.cdItem img.active{ width:110%;left:-5%; top:-5%;}
	
	.cdSlider2{ width:98%; margin:auto; margin-top:40px;}
	
	.kontakt{ background:url(../grafika/kontakt3.jpg) no-repeat center center; background-size:cover; -webkit-background-size:cover; }
	.kontaktInner{ margin-top:150px; margin-bottom:200px; padding-left:50px; width:400px; min-height:300px;}
	.kontaktTxt{ padding-top:50px;}
	.kontaktTxt2{ margin-left:70px; margin-top:20px; font-size:18px; }
	.kontaktTxt2 span{ font-size:22px; margin-bottom:25px; }
	.kontaktBack1{ position:absolute; top:-5px; left:0px; width:500px; height:481px; z-index:200; }
	.kontaktBack2{ position:absolute; top:0px; left:0px; width:500px; height:466px; z-index:100; }

}


@media only screen and (max-width: 1050px) {
	.mainBackMenu{-moz-transform: scale(.75);
	-webkit-transform: scale(.75);
	-o-transform: scale(.75);
	-ms-transform: scale(.75);
	transform: scale(.75);
	transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	}

	.menuSlideContainer{-moz-transform: scale(.70);
		-webkit-transform: scale(.70);
		-o-transform: scale(.70);
		-ms-transform: scale(.70);
		transform: scale(.70);
		transform-origin: 0% 0%;
		-webkit-transform-origin: 0% 0%;
	}
	
	.mainMenu{ width:320px; height:103px;}
	.back1{ top:0px; right:0px; width:100%; height:95px;}
	.back2{ top:10px; right:0px; width:297px; height:100%;}
	.logo{ top:36px; left:40px; font-size:24px;  
		-moz-transform: rotate(11deg);
		-webkit-transform: rotate(11deg);
		-o-transform: rotate(11deg);
		-ms-transform: rotate(11deg);
		transform: rotate(11deg);}
	.logo span{ font-size:18px;}
	.langs{ top:10px; right:10px; z-index:200; color:#333; font-size:14px;}
	.social{ right:130px; bottom:12px;
		-moz-transform: rotate(5.5deg);
		-webkit-transform: rotate(5.5deg);
		-o-transform: rotate(5.5deg);
		-ms-transform: rotate(5.5deg);
		transform: rotate(5.5deg);}
	.icon{ width:23px; height:23px; border-radius:50%; padding:2px; margin-left:5px; opacity:.90;}

}


@media only screen and (max-width: 940px) {
	.mainBackMenu{ display:none;}

	.menuSlideContainer{ display:none;}
	
	.mainMenu{ width:280px; height:90px;}
	.back1{ top:0px; right:0px; width:100%; height:90px;}
	.back2{ display:none;}
	.logo{ top:35px; left:27px; font-size:22px;  
		-moz-transform: rotate(12deg);
		-webkit-transform: rotate(12deg);
		-o-transform: rotate(12deg);
		-ms-transform: rotate(12deg);
		transform: rotate(12deg);}
	.logo span{ font-size:15px;}
	.langs{ display:none;}
	.social{ display:none;}
	#menuMobileClick{ display:block; margin-top:-32px;}
	
	.iconR{ width:32px; height:32px; padding:4px; margin-left:5px; margin-right:5px;}	
	
	.bio{ background:#000;}
	.bioFoto{ display:block;}
	.bioInner{ margin-top:0px; position:relative; float:none; width:100%; margin-bottom:50px; height:auto;}
	.bioContent{ position:relative; width:100%; z-index:205; padding:60px 50px 0px 75px; color:#FFFFFF; font-size:18px; line-height:1.6; min-height:500px;}
	.bioBack1{ position:absolute; left:0px; top:0px; z-index:200; width:100%; height:100%;}
	.bioSkew1{ width:107%; height:100%; fill:#000000; position:relative; left:-6%; top:-2%;}
	.bioBack2{ position:absolute; left:0px; top:0px; z-index:100; width:100%; height:100%;}
	.bioSkew2{ width:105%; height:100%; fill:#ffffff; position:relative; left:-5%; top:-5%;}


	.prasaInner{ margin-top:130px; margin-bottom:50px;}


	.cdInner{ margin-top:70px; margin-bottom:50px;}

	.galeriaInner{ width:95%; margin:auto; margin-top:130px; margin-bottom:130px; }
	
	
	.kontakt{ background:url(../grafika/kontakt3.jpg) no-repeat center center; background-size:cover; -webkit-background-size:cover; }
	.kontaktInner{ margin-top:100px; margin-bottom:150px; padding-left:30px; width:400px; min-height:300px;}
	.kontaktTxt{ padding-top:50px;}
	.kontaktTxt2{ margin-left:70px; margin-top:20px; font-size:18px; }
	.kontaktTxt2 span{ font-size:22px; margin-bottom:25px; }
	.kontaktBack1{ position:absolute; top:-5px; left:0px; width:500px; height:481px; z-index:200; }
	.kontaktBack2{ position:absolute; top:0px; left:0px; width:500px; height:466px; z-index:100; }


	.koncerty{ width:100%; margin-top:80px; position:relative;}
	.koncert{ width:100%; padding-left:100px; margin-bottom:100px;}
	.koncertContent{ padding:30px 40px 100px 75px; min-height:200px;}
	.koncert .txt{ font-size:16px;}
	.koncert .txt .name{ font-size:20px;}
	.moreKoncert1{ position:absolute; bottom:0px; right:160px;}
	.moreKoncert2{ position:absolute; bottom:0px; right:20px;}
		
	.dataKoncert{ top:-10px; width:150px;}
	.dataKoncert .data{ font-size:38px; padding-top:30px;}
	.dataKoncert .data span{ font-size:18px;}
	.dataBack1{ left:5px; top:-5px; width:134px; height:139px; }
	.dataBack2{ left:-10px; top:-15px; width:159px; height:143px;}

	
}


@media only screen and (max-width: 790px) {
	.prasaBack:after{ padding-top:35%;}
	
	
	.cdSlider2Item .content{ padding-left:200px; padding-top:30px;}
	.cdContent{ position:relative; width:100%; z-index:605; padding:60px 100px 120px 85px; min-height:370px;}
	.cdSlider2Item .fotoCover{ position:absolute; left:39px; top:40px; width:170px;}
	.cdSlider2Item .fotoCover .foto{ width:100%; position:relative; z-index:300; z-index:200; overflow:visible;}
	.cdCoverBack1{ position:absolute; left:-30px; top:-15px; width:239px; height:208px; z-index:100;}
	.cdCoverBack2{ position:absolute; left:-40px; top:-15px; width:259px; height:206px; z-index:50;}
		
	.moreCd1{ position:absolute; top:280px; left:130px;}
	.moreCd2{ position:absolute; top:330px; left:130px;}

	.galeriaItem{ float:left; position:relative; width:38%; margin-right:6%; margin-left:6%; margin-bottom:9%;}


	.kontakt{ background:url(../grafika/kontakt4.jpg) no-repeat top right; background-size:cover; -webkit-background-size:cover; }
	.kontaktInner{ margin-top:70px; margin-bottom:150px; padding-left:30px; width:400px; min-height:300px;}
	.kontaktTxt{ padding-top:10px;}
	.kontaktTxt2{ margin-left:70px; margin-top:20px; font-size:18px; }
	.kontaktTxt2 span{ font-size:20px; margin-bottom:25px; }
	.kontaktBack1{ position:absolute; top:-125px; left:0px; width:420px; height:681px; z-index:200; }
	.kontaktBack2{ position:absolute; top:0px; left:0px; width:420px; height:466px; z-index:100; }

	
}


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

	.cdNext{
	  border-top: 20px solid transparent;
	  border-bottom: 20px solid transparent;
	  border-left: 20px solid #fff;
	}
	.cdPrev{
	  border-top: 20px solid transparent;
	  border-bottom: 20px solid transparent;
	  border-right: 20px solid #fff;
	}

	.cdSlider1{ width:100%; margin-top:20px; padding:0 28px;}
	.cdNext{ top:50%; right:7px; margin-top:-28px;	}
	.cdPrev{ top:50%; left:7px; margin-top:-28px;}
	
	.cdSlider2Item .content{ padding-left:0px; padding-top:0px;}
	.cdContent{ padding:35px 50px 70px 70px; min-height:250px;}
	.cdSlider2Item .fotoCover{ display:none;}
		
	.cdContent .txt .name{ font-size:18px; }
	.moreCd1{ position:absolute; bottom:0px; left:-0px; top:auto;}
	.moreCd2{ position:absolute; bottom:0px; left:140px; top:auto;}


	.koncert .txt .dataR{ display:block;}
	.koncerty{ width:100%; margin-top:80px; position:relative;}
	.koncert{ padding-left:0px; margin-bottom:100px;}
	.koncertContent{ padding:20px 25px 70px 25px; min-height:200px;}
	.koncert .txt{ font-size:16px;}
	.koncert .txt .name{ font-size:20px;}
	.moreKoncert1{ position:absolute; bottom:0px; right:160px;}
	.moreKoncert2{ position:absolute; bottom:0px; right:20px;}		
	.dataKoncert{ display:none;}
	.koncertContentBack1{ width:120%; height:100%;}
	.koncertContentSkew1{ width:98%; height:100%; left:10%; top:-3%;}
	.koncertContentBack2{ width:120%; height:103%;}
	.koncertContentSkew2{ width:100%; height:100%; left:0px; top:-1%;}
	.moreKoncert{ width:104px; height:40px;}
	.moreKoncert span{ top:6px; left:3px; width:105px; font-size:14px;}
	.moreKoncertBack1{ left:3px; top:0px; width:104px; height:30px; }
	.moreKoncertBack2{ left:0px; top:-2px; width:104px; height:33px;}
	
	.moreKoncert1{ position:absolute; bottom:00px; right:130px;}
	.moreKoncert2{ position:absolute; bottom:00px; right:20px;}

}


@media only screen and (max-width: 640px) {
	.mainBackMenu{ display:none;}

	.menuSlideContainer{ display:none;}
	
	.mainMenu{ width:265px; height:75px;}
	.back1{ top:0px; right:0px; width:100%; height:65px;}
	.logo{ top:20px; left:20px; font-size:18px;  
		-moz-transform: rotate(9deg);
		-webkit-transform: rotate(9deg);
		-o-transform: rotate(9deg);
		-ms-transform: rotate(9deg);
		transform: rotate(9deg);}
	.logo span{ font-size:14px;}
	#menuMobileClick{ right:15px;}
	
	
	.bioContent{ position:relative; width:100%; z-index:205; padding:50px 25px 0px 25px; font-size:17px;}
	
	a.pobierz{ display:none;}
	
	.kontakt{ background:url(../grafika/kontakt5.jpg) no-repeat bottom right; background-size:cover; -webkit-background-size:cover; }
	
}


@media only screen and (max-width: 550px) {
	.prasaBack:after{ padding-top:48%; }
	.prasaSlider{ padding:0 35px;}
	.prasaItem{ width:25%; margin:20px 0px 40px; padding:20px; padding-bottom:50px;}
	.prasaNext{
	  border-top: 24px solid transparent;
	  border-bottom: 27px solid transparent;
	  border-left: 24px solid #000;
	  top:140px; right:5px;
	}
	.prasaPrev{
	  border-top: 24px solid transparent;
	  border-bottom: 24px solid transparent;
	  border-right: 24px solid #000;
	  top:140px; left:5px;
	}
	
	
	.cdSlider1{ margin-top:-20px;}
	.cdItem{ width:50%; margin:25px 30px;}
	.cdBack1:after{ padding-top:30%; }
	.cdSkew1{ position:absolute; top:-30px; left:0px; }
	.cdBack2{ display:none;}

	
	.cdSlider2{ width:100%; overflow:hidden; margin-top:0px;}
	.cdSlider2Item{ overflow:hidden;}
	.cdSlider2Item .content{ padding-left:0px; padding-top:0px;}
	.cdContent{ padding:25px 20px 70px 20px; min-height:250px;}
	.cdContentBack1{ position:absolute; right:0px; top:0px; z-index:200; width:130%; height:100%;}
	.cdContentSkew1{ width:100%; height:100%; fill:#000000; position:relative; left:15%; top:-3%;}
	.cdContentBack2{ position:absolute; right:0px; top:0px; z-index:100; width:100%; height:100%;}
	.cdContentSkew2{ width:100%; height:100%; fill:#ffffff; position:relative; left:0px; top:0px;}
	
	.moreCd{width:114px; height:40px; font-size:13px;}
	.moreCd span{ top:8px; left:3px; width:115px;}
	.moreCd1{ position:absolute; bottom:0px; left:10px; top:auto;}
	.moreCdBack1{ left:3px; top:0px; width:114px; height:30px;}
	.moreCdBack2{ left:0px; top:-2px; width:114px; height:33px; z-index:50;}

}


@media only screen and (max-width: 460px) {
	.bioSkew1{ width:107%; height:100%; fill:#000000; position:relative; left:-6%; top:-4%;}
	.bioSkew2{ width:105%; height:100%; fill:#ffffff; position:relative; left:-5%; top:-3%; display:none;}
	
	.cdItem{ margin:25px 80px;}
	.cdBack1:after{ padding-top:40%; }
	.cdSkew1{ position:absolute; top:-20px; left:0px; }	
}


@media only screen and (max-width: 380px) {
	.cdItem{ margin:25px 50px;}
	
	.kontaktInner{ margin-top:70px; margin-bottom:150px; padding-left:20px; width:300px; min-height:300px;}
	.kontaktTxt{ padding-top:10px;}
	.kontaktTxt img{ width:180px;}
	.kontaktTxt2{ margin-left:60px; margin-top:20px; font-size:18px; }
	.kontaktTxt2 span{ font-size:20px; margin-bottom:25px; }
	.kontaktBack1{ position:absolute; top:-125px; left:0px; width:420px; height:681px; z-index:200; }
	.kontaktBack2{ position:absolute; top:0px; left:0px; width:420px; height:466px; z-index:100; }

}
@media only screen 
  and (orientation: portrait) {
	.main{ background:url(../grafika/mainPion.jpg) no-repeat bottom center; background-size:cover; -webkit-background-size:cover;}
}