#memoryLogo {
	position:fixed; top:10px; left:50%; transform: translateX(-50%);
	height: 30px; width: auto;z-index: 9999999999999; }
	#bynowoszlogo {
		position:relative;
		top:-20px;
	}
	#headerLike {position: absolute;
left: 50%;
overflow: hidden;
margin-left: 45px;
width: 120px;
text-align: left;
height: 90px;
top: 34px;
	}
.headerMemory {
	position:fixed;
	top:0px;
	padding-top:10px;
	left:0px;
	right:0px;
	width:100%;
	text-align:center;
	background:#f7f7f7;
	height:50px;
	z-index:99999999999;
  border-bottom:1px solid #ccc;
 }

 body.megainactive .box {
 	left:36%;
	top:50px;
 	box-shadow:none;
  }
  body.megainactive.megaa .memory .memoryFlip {
	box-shadow:none;
	border-radius:10px;
 	 
 }
 body.megainactive.megaa .box .boxFlip img {
	 border-radius:10px 10px 0px 0px;
 }

  
body.megainactive .front {
	border:0px;
}
.memory.clicked .memoryFlip,body.meminactive .memory .memoryFlip {
-webkit-transform: rotateX( 180deg ) translateZ(20px);
-moz-transform: rotateX( 180deg ) translateZ(20px);
-ms-transform: rotateX( 180deg ) translateZ(20px);
transform: rotateX( 180deg ) translateZ(20px);
 box-shadow: 0px -2px 20px #333;
border-radius: 10px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
 transition: all .6s ease-in-out;

}
.memy {
	text-align:center;
	background-color:#fff;
	padding-top:50px;
}
.memory {
position: relative;
width: 150px;
cursor:pointer;
display:inline-block;
 text-align: center;
/*border: 1px solid #fff;
*/font-size: 11px;
color: #000;
height: 150px;
line-height: 100%;
margin-right: 10px;
margin-bottom: 10px;
 -webkit-perspective: 1000px;
-webkit-transition: all 1s ease-in-out;
-moz-perspective: 1000px;
-mos-transition: all 1s ease-in-out;
-ms-perspective: 1000px;
-ms-transition: all 1s ease-in-out;
 perspective: 1000px;
transition: all 1s ease-in-out;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
transform: translateZ(0px);
	 z-index:99999999;
 	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:1px solid #000;
	}
	
	
.memory.clicked {
	z-index:999999999999999;border-radius: 0px;
box-shadow: inset 0px 0px 50px -10px #333;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
 transition: none;
}
.memory.active {
	opacity:0.5;
	-webkit-transition:all .5s linear;
		-moz-transition:all .5s linear;
	-ms-transition:all .5s linear;
 transition:all .5s linear;

}
.memoryFlip {
 width: 100%;
height: 100%;
position: absolute;
-webkit-transform: rotateX(0deg) translateZ(-10px);
-webkit-transform-style: preserve-3d;
-webkit-transition: all 1s ease-in-out;
-webkit-transform-origin: center;
-moz-transform: rotateX(0deg) translateZ(-10px);
-moz-transform-style: preserve-3d;
-moz-transition: all 1s ease-in-out;
-moz-transform-origin: center;
-ms-transform: rotateX(0deg) translateZ(-10px);
-ms-transform-style: preserve-3d;
-ms-transition: all 1s ease-in-out;
-ms-transform-origin: center;
 transform: rotateX(0) translateZ(-10px);
 transform-style: preserve-3d;
 transition: all .6s ease-in-out;
 transform-origin: center;
 
}
body.meminactive .memory .memoryFlip {
	box-shadow:none;
 }
.memory.active .memoryFlip  {
	-webkit-transform: rotateX( 180deg ) translateZ(20px);
		-moz-transform: rotateX( 180deg ) translateZ(20px);
 transform: rotateX( 180deg ) translateZ(20px);
 	box-shadow:none;
	-webkit-transition:all 0.8s ease-in-out;
	-moz-transition:all 0.8s ease-in-out;
 transition:all 0.8s ease-in-out;

}
.memory a {
	text-decoration:none;
}
.memory.active .memFron {
	border:1px solid #efefef;
}
.memFront {
width: 100%;
height: 100%;
display: block;
position: absolute;
-webkit-transform: rotateX(0deg) translateZ(10px);
-moz-transform: rotateX(0deg) translateZ(10px);
-ms-transform: rotateX(0deg) translateZ(10px);
transform: rotateX(0deg) translateZ(10px);
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
background: #fff;
z-index:999999999;
font-size:18px;border-radius:0px;
background-image:url(https://www.nowosz.com/img/cardFront.jpg);
background-size:100%;
background-position:center;
border:5px solid #fff;
box-shadow:0px 0px 2px #666;

 }
 
 .memSide {
width:100%;
-webkit-transform: rotateX(90deg) translateZ(-10px);
-moz-transform: rotateX(90deg) translateZ(-10px);
-ms-transform: rotateX(90deg) translateZ(-10px);
 transform: rotateX(90deg) translateZ(-10px);
line-height:20px;
box-shadow:0px 0px 2px #c8cbcd;
height: 20px;
bottom: 0px;
display: block;
position: absolute;
background: #c8cbcd; 
border-radius:0px;
z-index:1;
 }
 .memSide span {
	 display:block;
	 height:85px;
font-size:30px;
color:#fff;
text-align:center;
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
 transform: rotateX(180deg);
 
 }
 .box.omnie .side {
	 background-color:#34a3f0;
 }
 .box.june .side {
	background-color:#666; 
 }
 .box.raczka .side {
	 background-color:#fbad18;
 }
 .box.bow .side {
	 background-color:#e30c71;
 }
 .box.contact .side {
	 background-color:#9ecb4f;
 }
 .memBack {
	 border:5px solid #fff;

width: 100%;
-webkit-transform: rotateX(180deg ) translateZ(10px );
-moz-transform: rotateX(180deg ) translateZ(10px );
-ms-transform: rotateX(180deg ) translateZ(10px );
transform: rotateX(180deg ) translateZ(10px );
height: 100%;
display: block;
position: absolute;
 background-size: 100%;
 box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-shadow:0px 0px 2px #666;
background-color: #fff;
background-size: cover;
background-position: center;
 }
 .memory.active .memBack {
	 border-color:#c0f081;
 }
 .mem1 .memBack {
	 background-image:url(/layout/memo/Memo_Picture_01.png);
	 
 }
  .mem2 .memBack {
	 background-image:url(/layout/memo/Memo_Picture_02.png);
	 
 }
  .mem3 .memBack {
	 background-image:url(/layout/memo/Memo_Picture_03.png);
	 
 }
  .mem4 .memBack {
	 background-image:url(/layout/memo/Memo_Picture_04.png);
	 
 }
   .mem5 .memBack {
	 background-image:url(/layout/memo/Memo_Picture_05.png);
	 
 }
   .mem6 .memBack {
	 background-image:url(/layout/memo/Memo_Picture_06.png);
	 
 }
   .mem7 .memBack {
	 background-image:url(/layout/memo/Memo_Picture_07.png);
	 
 }
   .mem8 .memBack {
	 background-image:url(/layout/memo/Memo_Picture_08.png);
	 
 }
   .mem9 .memBack {
	 background-image:url(/layout/memo/Memo_Picture_09.png);
	 
 }
   .mem10 .memBack {
	 background-image:url(/layout/memo/Memo_Picture_10.png);
	 
 }
    .mem11 .memBack {
	 background-image:url(/layout/memo/Memo_Picture_11.png);
	 
 }   .mem12 .memBack {
	 background-image:url(/layout/memo/Memo_Picture_12.png);
	 
 }   .mem13 .memBack {
	 background-image:url(/layout/memo/Memo_Picture_13.png);
	 
 }   .mem14 .memBack {
	 background-image:url(/layout/memo/Memo_Picture_14.png);
	 
 }   .mem15 .memBack {
	 background-image:url(/layout/memo/Memo_Picture_15.png);
	 
 }   .mem16 .memBack {
	 background-image:url(/layout/memo/Memo_Picture_16.png);
	 
 }   .mem17 .memBack {
	 background-image:url(/layout/memo/Memo_Picture_17.png);
	 
 }   .mem18 .memBack {
	 background-image:url(/layout/memo/Memo_Picture_18.png);
	 
 }    .mem19 .memBack {
	 background-image:url(/layout/memo/Memo_Picture_19.png);
	 
 }  
   .mem20 .memBack {
	 background-image:url(/layout/memo/Memo_Picture_20.png);
	 
 }  
 
  .mem0 .memBack {
	 background-image:url(/layout/Memo_Picture_20.png);
	 
 }
 .back img {
	 width:100%; 
	 margin-bottom:0px; 
	 border-radius:5px 5px 0px 0px;
 }
.memHidden {
 position:absolute;
left:0px;
top:50px;
right:0px;
height:auto;
background:#fff;
-webkit-transition:all 1s ease-in-out;
-webkit-transform:translateY(-100%);
-moz-transition:all 1s ease-in-out;
-moz-transform:translateY(-100%);
-ms-transition:all 1s ease-in-out;
-ms-transform:translateY(-100%);
transition:all 1s ease-in-out;
transform:translateY(-100%);
}
body.pokazane.meminactive .memHidden{	
	-webkit-transform:translateY(60px);
	-moz-transform:translateY(60px);
	-ms-transform:translateY(60px);
 transform:translateY(60px);

}
body.pokazane .memHidden {
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
 transform:translateY(0px);

 }
 .odliczanie {
	font-size:40px;
	position:fixed;
	top:50px;
	padding:5px 10px;
	background:#000;
	color:#fff;
	text-align:left;
	width:200px;
	left:50%;
	margin-left:-100px;
	z-index:99999;
	-webkit-transition:all 1s ease-in-out;
	-webkit-transform:translateY(-100%);
	-moz-transition:all 1s ease-in-out;
	-moz-transform:translateY(-100%);
		-ms-transition:all 1s ease-in-out;
	-ms-transform:translateY(-100%);
 transition:all 1s ease-in-out;
 transform:translateY(-100%);  }
  .odliczanie span.opis {
	  font-size: 14px;
color: #cc0000;
display: block;
padding-bottom: 0px;
font-weight: bold;
padding-top: 5px;
text-align: left;
	  
  }
body.pokazane.meminactive .odliczanie {
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
 transform:translateY(0px);

	
}
.memStart {
position:fixed;
left:0px;
top:60px;
right:0px;
font-size:12px;
color:#999;
bottom:0px;
}
.memStartHeader {
	padding-top:50px;
color:#000;
font-size:30px;
text-transform:uppercase;
padding-bottom:20px;
}
.memStartOpis {
	 text-align: center;
font-size: 19px;
font-weight: bold;
color: #333;
/*background: #fff;
*/ margin-bottom: 10px;
 height:30px;
 line-height:30px;
}
.donormy, .dohard {
	display:block;
	margin-top:0px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.dohard {
	color:#cc0000;
}
.memStartLeft {
	color:#333;
	position:absolute;
	left:50%;
	margin-left:-600px;
	width:300px;
	top:70px;
	text-align:left;
}
.hee {
	font-weight:bold;
	font-size:15px;
	color:#666;
	padding-bottom:10px;
	padding-left:5px;
}
.besty {
	height:30px;
	font-size:13px;
 }
.besty span {
	padding:0px 5px;
}
.memStartCenter {
	width:600px;
	margin:auto;
	padding:20px;
	position:relative;
	top:-30px;
	background:#fff;
	border:2px solid #000;
}
.memStartRight {
	position:absolute;
	left:50%;
	margin-left:700px;
	width:200px;
}
a.memStartStart {
	width:360px;
	height:100px;
	font-size:50px;
	background:#f37800;
	color:#fff;
	display:block;
	text-align:center;
	line-height:100px;
	margin:50px auto;
	border:1px solid #fd611c;	border-bottom:3px solid #f34a00;

	box-shadow:inset 0px 2px 0px rgba(255,255,255,0.4);
}
 body.pokazane.meminactive .memStart {
	opacity:0;
	-webkit-transition:opacity .3s ease-in-out;
	-moz-transition:opacity .3s ease-in-out;
	-ms-transition:opacity .3s ease-in-out;
 transition:opacity .3s ease-in-out;

  }
  body.pokazane .memStart {
	  display:none;
  }
 body.pokazane .memTop {
	  height:40px;
	  line-height:40px;
	  background:#fcfdab;
	  text-align:center;
	  -webkit-transition:all .3s ease-in-out;
	  -ms-transition:all .3s ease-in-out;
	  -moz-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	  font-size:28px;
	  overflow:hidden;
	  font-weight:bold;
  }
  body.pokazane.meminactive .memTop {
	  height:0px;
  }
   body.pokazane .memTop .twojczas {
	  font-size:16px;
	  padding-right:10px;
  }
.backTresc {
padding:0px 10px;
text-align:center;
font-size:13px;
font-weight:normal;
color:#333;
line-height:20px;
}
.trescLeft {
	position:absolute;
	left:20px;
	bottom:10px;
	font-size:10px;
	color:#666;
	text-transform:uppercase;
}
a.trescRight {
	position:absolute;
	right:20px;
	bottom:10px;
	font-size:10px;
	font-weight:bold;
	color:#1782cc;	text-transform:uppercase;

}


.box.truskavka .front .bg {
width:150px;
height:113px;
position:absolute;
top:50%;
left:50%;
margin-top:-45px;
margin-left:-75px;
text-align:center;
line-height:113px;
background-image:url(/img/trus.png);
background-position:center top;
background-repeat:no-repeat;	
}
.box.truskavka:hover .front .bg, .box.truskavka.active .front .bg  {
	background-position:center -113px;
}


.box.june .front .bg {
width:100px;
height:140px;
position:absolute;
top:50%;
left:50%;
margin-top:-40px;
margin-left:-50px;
text-align:center;
line-height:140px;
background-image:url(/img/jun.png);
background-position:center top;
background-repeat:no-repeat;	
}
.box.june:hover .front .bg,.box.june.active .front .bg {
	background-position:center -140px;
}


.box.bow, .box.contact, .box.impex {
	margin-right:0px;
}
.box.bow .front .bg {
width:200px;
height:34px;
position:absolute;
top:50%;
left:50%;
margin-top:-17px;
margin-left:-100px;
text-align:center;
line-height:34px;
background-image:url(/img/bow.png);
background-position:center top;
background-repeat:no-repeat;	
}
.box.bow:hover .front .bg, .box.bow.active .front .bg  {
	background-position:center -34px;
}

 
 
 
.box.raczka .front .bg {
width:150px;
height:150px;
position:absolute;
top:50%;
left:50%;
margin-top:-45px;
margin-left:-75px;
text-align:center;
line-height:150px;
background-image:url(/img/raczka.png);
background-position:center top;
background-repeat:no-repeat;	
}
.box.raczka:hover .front .bg, .box.raczka.active .front .bg  {
	background-position:center -150px;
}


.box.papu .front .bg {
width:150px;
height:124px;
position:absolute;
top:50%;
left:50%;
margin-top:-42px;
margin-left:-75px;
text-align:center;
line-height:124px;
background-image:url(/img/papu.png);
background-position:center top;
background-repeat:no-repeat;	
}
.box.papu:hover .front .bg, .box.papu.active .front .bg {
	background-position:center -124px;
}


.box.impex .front .bg {
width:200px;
height:74px;
position:absolute;
top:50%;
left:50%;
margin-top:-10px;
margin-left:-100px;
text-align:center;
line-height:74px;
background-image:url(/img/impex.png);
background-position:center top;
background-repeat:no-repeat;	
}
.box.impex:hover .front .bg, .box.impex.active .front .bg {
	background-position:center -74px;
}


.box.phone .front .bg {
width:100px;
height:201px;
position:absolute;
top:50%;
left:50%;
margin-top:-60px;
margin-left:-50px;
text-align:center;
line-height:201px;
background-image:url(/img/natel.png);
background-position:center top;
background-repeat:no-repeat;	
}
.box.phone:hover .front .bg, .box.phone.active .front .bg {
	background-position:center -201px;
}
.box.omnie .front .bg {
width:150px;
height:50px;
position:absolute;
top:50%;
left:50%;
margin-top:-25px;
margin-left:-75px;
text-align:center;
line-height:50px;
background-image:url(/img/about.png);
background-position:center top;
background-repeat:no-repeat;	
}
.box.omnie:hover .front .bg, .box.omnie.active .front .bg  {
	background-position:center -50px;
}
.box.contact .front .bg {
width:150px;
height:50px;
position:absolute;
top:50%;
left:50%; 
margin-top:-25px;
margin-left:-75px;
text-align:center;
line-height:50px;
background-image:url(/img/contact.png);
background-position:center top;
background-repeat:no-repeat;	
}
.box.contact:hover .front .bg, .box.contact.active .front .bg {
	background-position:center -50px;
}


























.ie10 .boxFlip {
	
	
}



.boxFlip {
 width: 100%;
height: 100%;
position: absolute;
-webkit-transform: rotateX(0) translateZ(-40px);
-webkit-transform-style: preserve-3d;
-webkit-transition: all 1s ease-in-out;
-webkit-transform-origin: center;
border-radius:5px;
-moz-transform: rotateX(0) translateZ(-40px);
-moz-transform-style: preserve-3d;
-moz-transition: all 1s ease-in-out;
-moz-transform-origin: center;
-ms-transform: rotateX(0) translateZ(-40px);
-ms-transform-style: preserve-3d;
-ms-transition: all 1s ease-in-out;
-ms-transform-origin: center;
 transform: rotateX(0) translateZ(-40px);
 transform-style: preserve-3d;
 transition: all 1s ease-in-out;
 transform-origin: center;
 
}
.box:hover .boxFlip {
-webkit-transform: rotateX( 180deg ) translateZ(40px);
-moz-transform: rotateX( 180deg ) translateZ(40px);
-ms-transform: rotateX( 180deg ) translateZ(40px);
transform: rotateX( 180deg ) translateZ(40px);

box-shadow: 0px -2px 30px #333;
border-radius: 10px;
}
.ie10 .box:hover .boxFlip, .ie8 .box:hover .boxFlip, .ie9 .box:hover .boxFlip {
	-ms-transform: rotateX( 0deg ) translateZ(40px);

	transform: rotateX( 0deg ) translateZ(40px);	
}
.box:hover .boxFlip  .front {
	border:1px solid #efefef;
}
.front {
width: 100%;
height: 100%;
display: block;
position: absolute;
-webkit-transform: rotateX(0deg) translateZ(40px);
-moz-transform: rotateX(0deg) translateZ(40px);
-ms-transform: rotateX(0deg) translateZ(40px);
transform: rotateX(0deg) translateZ(40px);
border: 1px solid #fff;
background: #fff;
z-index:999999999;
font-size:18px;border-radius:5px;

 }
 
 .side {
width:100%;
-webkit-transform: rotateX(90deg) translateZ(-40px);
-moz-transform: rotateX(90deg) translateZ(-40px);
-ms-transform: rotateX(90deg) translateZ(-40px);
 transform: rotateX(90deg) translateZ(-40px);

height: 80px;
bottom: 0px;
display: block;
position: absolute;
background: #cc0000; 
border-radius:10px;
z-index:1;
 }
  
 .back {
width: 100%;
-webkit-transform: rotateX(180deg ) translateZ(40px );
-moz-transform: rotateX(180deg ) translateZ(40px );
-ms-transform: rotateX(180deg ) translateZ(40px );
 transform: rotateX(180deg ) translateZ(40px );
  height: 100%;
display: block;
position: absolute;
background: #efefef;border-radius:5px;
 }
 .ie10 .back, .ie9 .back  {
	 opacity:0;
	 transition:all 1s ease-in-out;
	 	 -moz-transition:all 1s ease-in-out;
	 -webkit-transition:all 1s ease-in-out;

	 z-index:999999999;
	 -ms-transform: rotateX(0deg ) translateZ(40px );
 transform: rotateX(0deg ) translateZ(40px );
 }
 .ie10 .box:hover .back, .ie9 .box:hover .back {
	 opacity:1;	 transition:all 1s ease-in-out;

 }
 .ie8 .back {
	 opacity:0;
	 transition:all 1s ease-in-out;
	 	 -moz-transition:all 1s ease-in-out;
	 -webkit-transition:all 1s ease-in-out;

	 z-index:999999999;
	 -ms-transform: rotateX(0deg ) translateZ(40px );
 transform: rotateX(0deg ) translateZ(40px );
 }
 .ie8 .box:hover .back {
	 opacity:1;	 transition:all 1s ease-in-out;

 }
 
.potwierdzenieBg {
	opacity:0;
	z-index:-99999999;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
-ms-transition:all .2s linear;
 transition:all .2s linear;
	background:rgba(255,255,255,0.9);
	position:fixed;
	left:0px;
	top:60px;
	right:0px;
	height:100%;
}
.potwierdzenieBg.active {
	opacity:1;
	z-index:999999;
}
#potwierdzenie.active {
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
 transform:translateY(0px);
}
#potwierdzenie {
	-webkit-transition:all .5s ease-in-out;
	-webkit-transform:translateY(-130%);
	-ms-transition:all .5s ease-in-out;
	-ms-transform:translateY(-130%);
	-moz-transition:all .5s ease-in-out;
	-moz-transform:translateY(-130%);
	transition:all .5s ease-in-out;
	transform:translateY(-130%);
	
		position:absolute;
width:400px;
	height:360px;
	margin-left:-230px;
	top:100px;	
	background:#fff;
	border:10px solid #9fe356;
	padding:0px 20px;
	text-align:center;
	left:50%;
	z-index:9999999;
	-webkit-box-sizing:border-box;
box-sizing:border-box;

}
#potwierdzenie.best {
		border:10px solid #ed2828;

	
}
#potwierdzenie.best .potwierdzenieHeader {
		color:#ed2828;

	
}
.potwierdzenieHeader { 
	font-size:26px;
	margin-top:10px;
	color:#6fb129;
	line-height:22px;
}
#potwierdzonyczas {
	display:block;
	padding:0px 10px;
	height:40px;
	line-height:40px;
	color:#fff;
	background:#6fb129;
	font-size:20px;
	font-weight:bold;
	width:140px;
	margin:20px auto;
}
#zapisanieWyniku {
	font-size:20px;
	color:#2792d6;
	text-align:center;
}
#zapiszWynik {
background-image: url(/img/fbZapisz.png);
background-position: 10px center;
background-color: #3b5998;
background-repeat: no-repeat;
border: 1px solid #1d386f;
box-shadow: inset 0px 1px 0px #678bd6;
padding-left: 30px;
text-align: center;
font-size: 20px;
padding-top: 3px;
height: 50px;
line-height: 23px;
color: #fff;
width: 160px;
text-shadow: 0px -1px 0px #333;
border-radius: 5px;
border-bottom: 3px solid #0d234f;
display: block;
margin: 0px auto;	cursor:pointer;

margin-bottom:30px;
}
.onlysave {
text-align:center;
font-size:18px;
font-weight:bold;	
}
.onlysave a {
display:inline-block;
margin:0px 50px;		cursor:pointer;

}
#pomin {
	color:#cc0000;	cursor:pointer;

	font-weight:normal;
}
#wprowadzLogin {
	display:none;
}
#zapisanieWyniku.active {
	display:none;
}
#wprowadzLogin.active {
	display:block;
}
input#usernameMemory, .again {
	width:300px;
}
#zapiszLogin {
	margin:10px auto;
	cursor:pointer;
}
@media (max-width:900px) { 
	.memory { 
		width: 80px;
		height: 80px;
	}
}