@font-face{font-family:neutra;src:url(NeutraDisp-Medium.otf)}
	
	a{
	    text-decoration: none;
	}
	a::-moz-focus-inner{
	    border: 0;
	}
	a:focus{
	    outline:none;
	}
	body{
		background:url(tlo_garnitur.jpg) center/cover no-repeat;
		box-sizing:border-box;
		font-family: 'Josefin Sans', sans-serif, bold;
		font-size: 1.25em;
		transition:all .2s;
		color:grey;
		overflow:hidden !important;
		text-align: center;
	}
	
	.fp-slide {
		width: 70vw !important;
		margin: 0;
		font-size:10vw;
		margin-left: 15vw;
		margin-right: -15vw;
	}
	#main{
		width: 25% !important;
		margin:0 !important;
	}
	h1{
		font-size:10vw;
	text-align: left;
	margin-left: 10vw;
	}
	.section{
		height: auto !important;
		padding: 0 !important;
	}
	.slide.fp-slide.fp-table.active .fp-tableCell{
		color:#fedb0d;
    	transition-duration: 0.3s !important;
	}
	.fp-tableCell{
		color:grey;
    	transition-duration: 0.3s !important;
	}
	.fp-controlArrow{
		display:none !important;
	}
	h1 p.fp-controlArrow{
		display: inline !important;
		right: 0 !important;
		position: static !important;
		border: 0 !important;
		width: auto !important;
		height: auto !important;
		margin:0 !important;
	}
	.fp-slidesNav ul li a span{
    	transition-duration: 0.3s !important;
	}
	#logo {
		margin-bottom:-25vh;
		height: 25vh;
	}
	.program {
		width: 70vw;
		height: 15vh;
		border-collapse: collapse;
		float: right;
		vertical-align: middle;
		margin-top: 2vh;
    	font-size: 4.5vw;
    	color:rgb(169,169,169);
}
.program td {
	border: 1px solid grey;
}

.aktualna td{
	border: 2px #fedb0d;
}

.dzientyg {
	font-size: 0.3em;
	text-align: left;
	margin-left: 5vw;
	}

.dayChooser a div {
    transition: .5s;
    text-align: right;
    margin-right:0.2vw;
    color: grey;

}

.dayChooser {
    margin-top: 2vh;
    height: 15vh;
    margin-left: -10vw;
    vertical-align: middle;
    font-size: 6vw;
}
.godztab{
	width: 0.25vw;
}
.nazwatab {
	width: 0.55vw;
}
.klasatab {
	width: 0.2vw;
}
#sek {
	display: inline-flex;
}
.podswietlony {
	color: #fedb0d;
}
#video {
  position: relative;
  background: #000;
  width: 58vw;
  margin-top:3vh;
  margin-left:6vw;
  display: none;
}

#video img,
#video iframe { 
  width: 58vw;display: block; }

#play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: url('play-button.png') no-repeat 50% 50%;
  background-size: auto, cover;
  z-index: 9999;
}

#play:hover { background-color: rgba(0,0,0,0.2) !important; }

#main p {
	display: inline;
}
#main p:nth-child(1) {
    	color: rgba(254,219,13,0.5);
}
#main p:nth-child(2) {
	color: rgba(254,219,13,0.7)
}
.fp-slidesNav ul li a span {
	background: grey;
}
.fp-slidesNav.bottom {
    bottom: 5vh !important;
}
.st0{fill:#F6DF00;
}
.hid{
	display: none;
}

#player, #pro {
	display: none;
	
}
.fp-tableCell{
	height: 100% !important;
}

.day0 {
    display: table-row;
}

.day3,
.day1,
.day2 {
    display: none;
}

#dei0 {
    color: #fedb0d;
}
.program, .program th, .program td {
    border-collapse: collapse;
    border: 3px solid rgba(105, 105, 105, 0.7);
}

.slide svg {
	width: 5vw;
    transition-duration: 0.3s;
    margin-left:3vw;
}
#ob1 {
	display: inline-flex;
}
.fp-slide.active div a svg g path{
	fill:#fedb0d !important;
	transition-duration: 0.3s !important;
}
#k, #or, #gal {
	display: none;
}

#k1 svg {
	height: 3vw;
	transform: rotate(0deg) !important; 
} 
#werdykt {
		font-size: 4vh !important;
		color:rgba(254,219,13,1) !important;
		display: block !important;
		text-align: left;
		margin-left: 7.5vw;
		margin-bottom: 0.85vh;
	}
	#werdykt svg {
		width: 2vh !important;
		margin-left:1vw !important;
		transform: rotate(270deg) !important;
	}
	.sp{
		font-size: 4vh !important;
		color:rgba(254,219,13,1) !important;
		display: block !important;
		text-align: left;
		margin-left: 7.5vw;
	}
	.sp svg{
		width: 2vh !important;
		margin-left:1vw !important;
	}
	#spp .sp{
		margin-top:-10vh;
		margin-bottom:10vh;
	}
	#spp .sp svg{
		transform: rotate(180deg) !important;
	}
	#spooons{
		height: 30.6vw;
		width: 70vw;
		margin-left:15vw;
		background-image: url('assety/spond.png') !important;
		background-size: cover;
	}
@media screen and (orientation:portrait)
{	
	#spooons{
		margin-left:-5vw;
		height: 121.1vw;
		width: 80vw;
		background-image: url('assety/sponm.png') !important;
		background-size: cover;
	}
	#werdykt{
    margin-top: 20vh;
    margin-bottom: -19vh;
	}
	.sp{
    margin-top: 20vh;
    margin-bottom: -20vh;
	}
	#spp .sp{
		margin-top:-5vh;
		margin-left: -5vw;
		margin-bottom:5vh;
	}
	#k1 svg {
    height: 8vw;
	}
	#sek{
    	height: 25vh;
	}
	#arr{
		margin-left:41vw;
	}
	#k1, #k2 {
	font-size: 4vw;
	color:white;

} 
	#k1 p {
	-webkit-margin-before: 1vh;
    -webkit-margin-after: 1vh;
	}
	#k2 p {
	-webkit-margin-before: 1vh;
    -webkit-margin-after: 1vh;
	}
	#k1 p:nth-child(1) {
		color: #fedb0d;
	}
	#k2 p:nth-child(1) {
		color: #fedb0d;
	} 
	#or, #gal{
		width:60vw;
		height:60vw;
		margin-left:5vw;
		margin-top: 2vw;
		background-size: cover;
	}
	#or{
		background-image: url('assety/organizacja_mobilne.png');
	}
	#gal{
		background-image: url('assety/galeria_mobilne.jpg');
	}
}
@media screen and (orientation:landscape)
{
	/*body {
		background-image: url(stockphoto1.jpg);
		position: absolute;
		background-repeat: repeat;
		background-position: 50% 0%;
	}*/
	h1{
		display: inline-block !important;
		font-size: 6.5vw;
		margin-top: 37vh;
		margin-left: 2vw;
	}
	#glowna{
		margin-left: -27vw !important;
	}
	#logo {
		float: left;
		margin: 0;
		margin-right: -50vh;
		margin-top: 0;
		width: 50vh;
		height: auto;
	}
	#main p:nth-child(1), #main p:nth-child(2) {
	display: none;
}
	#main p {
		font-size: 8vw;
	}
	.fp-tableCell a:nth-child(1) svg{
		width: 2vw;
	}
	.fp-section {
		padding-top: 0 !important;
	}
	#player 
	{
		width:100% !important;
		margin-bottom: 30vh;
	}
	#logo{	
    	margin-left: -100vw;
    	transition: 0.5s;
	}
	.fp-viewing-0-0 #logo{	
    	margin-left: 0vw;
    	transition: 0.5s;
	}
	.s1, .s2
	{
		width: auto;
		float: left; 
		font-size: 4vw;
		margin:0;
		width: auto !important;
		margin-left: 5vw !important;
		height: 100%;
	}
	.fp-slide {
		width: 100vw !important;
	}
	#main {
		width: 100vw !important;
	}
	.fp-tableCell .s2:nth-child(1){
		margin-left: 10vw !important;
	}
	.slide {
		margin-right: 0; 
		margin-left: 0; 
	}
	#program{
		width:30vw !important;
		padding-left: 10vw;
	}
	#sek table{
		font-size: 2vw !important;
	}
	#sek div{
		font-size: 3vw !important;
	}
	.program{
		width:30vw;
	}
	#video, #video img{
		height: 30vh;
		width: 53.3vh;
	}
	#video{
		margin-left:8vw;
	}
	.s1 .fp-tableCell{
		width:45vw !important;

	}
	.fp-viewing-0-1 div div .fp-controlArrow,
	.fp-viewing-0-2 div div .fp-prev{
		display: block !important;
		border:0 !important;
	}
	.arro g path, .fp-controlArrow svg g path{
		fill:rgba(254,219,13,0.5) !important;
		transition: 0.2s;
	}
	.arro:hover g path, .fp-controlArrow:hover svg g path{
		fill:rgba(254,219,13,1) !important;
		transition: 0.2s;
	}
	.fp-controlArrow{
		color:rgba(254,219,13,0.5) !important;
		transition: 0.2s;
	}
	.fp-controlArrow:hover{
		color:rgba(254,219,13,1) !important;
		transition: 0.2s;
	}
	.fp-viewing-0-1 div div .fp-prev{
    top: 80%;
    left: 5%;
	}
	.fp-viewing-0-1 div div .fp-next{
    top: 80%;
    right: 5%;

	}
	.fp-viewing-0-2 div div .fp-prev{
    top: 80%;
    left: 5%;
	}
	#k1, #k2 {
		width: 1;
		font-size: 2vw;
		color: white;
	} 
	#k1 p:nth-child(1) {
		color: #fedb0d;
	}
	#k2 p:nth-child(1) {
		color: #fedb0d;
	} 
	#zwiastun{
		float:right;
		margin-left:-20vw !important;
		margin-right:10vw;
	}
	#sek{
    margin-left: 10vw;
    margin-right: -30vw;
	}
	.program{
		width:50vw;
	}
	#sek table{
		font-size:3vh !important;
	}

		#k1, #k2 {
			float: left;
			width: 42vw !important;
			font-size: 2.5vh !important; 
			text-align: left;
		}
		#k {
   			margin-left: -55vw;
    		margin-right: -15vw;
		}
	#or, #gal{
		margin-right: -30vw !important;
		background-size: cover;
	}
	#or{
		background-image: url('assety/2_organizacja_desktop_podswietlone.png');
		background-image: url('assety/2_organizacja_desktop.png');
		margin-top:-20vw;
		margin-left:-20vw;
	    width: 45vw;
	    height: 14vw;
		float: right;
	}
		#or:hover{
		background-image: url('assety/2_organizacja_desktop_podswietlone.png');
		}
	#gal{
		background-image: url('assety/galeria_desktop.jpg');
		margin:0;
		margin-top:-20vw;
		width:33.5vw;
		height:14vw;
	}
	.fp-slidesContainer .fp-slide:nth-child(2){
		margin-top:48vh;
	}
	.fp-slidesContainer .fp-slide:nth-child(3){
		margin-top:48vh;
	}
	.fp-controlArrow svg{
		width:5vw;
		height:5vw;
	}
	}

}