#quizy{
	width:100%;
	min-height:870px;
	background-image: url('/mixin/bg.quiz.jpg');	
	background-repeat: repeat;
	background-position: top center;
	overflow-x: hidden;
}

#quizy h3.title{
	
	text-align: left;
	font-size: 26px;
	text-transform: uppercase;
	color: #a51d42;
	background-image: url('/mixin/h3.png');
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 240px;
	padding: 0 0 25px 0;
	font-weight: 600;
	margin: 70px 0 20px 0;
	
}
#quizy h2{
	font-family:"Quentell" !important;
	font-size:55px;
	font-weight:600;
	margin:10px 0 0 0;
	color:#af004b;
	text-align:center;
	text-transform: uppercase;
}
#quizy h3,
#quizy h3 span{
	font-size:25px;
	font-weight:700;
	margin:50px 0 80px 0;
	color:#dfdfdf;
	text-align:center;
	width:100%;
	text-decoration:none;
	cursor:pointer;
	text-transform: uppercase;
}
#quizy h3 span.active{
	text-decoration: underline;	
	text-decoration-color: #ece321;
}
#quizy h3 .test{
	
}

#quizy ul{
	list-style: none;
}
.osoba_wrapper li{
	position:relative;
}
.osoba_wrapper .iradio_flat{
	margin-top:6px;
	position:absolute !important;
	top:0;
}

.osoba_wrapper .tresc{	
	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
        height: 460px; 
        margin: auto;	
}

.osoba_wrapper .tresc .text{	
	color:#fff;
	font-size:40px;
	min-height:100px;	
	margin: auto;		
	font-family:"Quentell" !important;
}

.osoba_wrapper .slick-next,
.osoba_wrapper .slick-prev{
	width:360px;
	top:auto;
	bottom:0;
}

.osoba_wrapper .slick-next:before,
.osoba_wrapper .slick-prev:before{
	content:'';
	background-image:none;
	height:20px;
}

.osoba_wrapper .odpowiedzi{
	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;     
    height: 460px; 
    margin: auto;	
}
.osoba_wrapper .odpowiedzi ul{	
	margin: auto;	
}
.osoba_wrapper .odpowiedzi li{
	padding:4px 0;
}

.osoba_wrapper .odpowiedzi label{
	/*color:#ece321;*/
	color:#fff;
  	font-size:29px;
	font-weight:400;
	line-height: 40px;
	height: 40px;
	display: inline-block;
	margin-left: 60px;
	cursor:pointer;
	width:calc(100% - 50px);
	
}
.osoba_wrapper .odpowiedzi li.active label,
.osoba_wrapper .odpowiedzi li:hover label{
	/*color:#ece321;*/
}
.osoba_wrapper h4{
	color:#ece321;
  	font-size:21px;
	font-weight:700;
    text-align: center;
    margin-top: -50px;
    margin-bottom: 60px;
    text-transform: uppercase;
}

.osoba_wrapper .pytanie-controller{
	margin-top:-90px;
}

.osoba_wrapper .pytanie-box{
	min-height:300px;
}
.osoba_wrapper .wynik-controller .podzielsie,
.osoba_wrapper .wynik-controller .resetOsoba,
.osoba_wrapper .pytanie-controller .slick-prev,
.osoba_wrapper .pytanie-controller .slick-next{
	color:#f00f64;
  	font-weight:300;
  	border:none;
  	background: transparent;
  	font-size:32px;
  	position:absolute;
  	right:0;
  	bottom: -120px;
}
.osoba_wrapper .wynik-controller .podzielsie,
.osoba_wrapper .wynik-controller .resetOsoba{
	bottom:-100px;
}
.osoba_wrapper .wynik-controller .podzielsie,
.osoba_wrapper .pytanie-controller .slick-prev{
	left:0;
}
.osoba_wrapper .pytanie-controller .resetOsoba i,
.osoba_wrapper .pytanie-controller .slick-prev i,
.osoba_wrapper .pytanie-controller .slick-next i{
	color:#f00f64;
  	font-weight:300;
  	border:none;
  	background: transparent;
  	font-size:32px;
}

.osoba_wrapper .pytanie-box{
	min-height:405px;
}
.osoba_wrapper .pytanie-box .wynik {
	height:400px;
	margin-top:60px;
}
.osoba_wrapper .pytanie-box .wynik * {
	color:#fff;
}
.osoba_wrapper .socialBoxOsoba{
	bottom:-60px;
}

.osoba_wrapper .wynik .wynikitestu{
	color:#ece321;
  	font-weight:700;
  	font-size:32px;
  	text-align:center;
  	min-height:200px;
  	line-height:80px;
  	position:relative;
}

.osoba_wrapper .wynik .wynikitestu .photo{
	margin: -46px 0 0 14px;
	position: absolute;
	width: 300px !important;
	transform: rotate(8deg);
}

.osoba_wrapper .wynik .wynik_napis{
	display:inline-block;
	margin-bottom:20px;
	color:#ece321;
	font-weight: 700;
}
.osoba_wrapper .wynik .opistestu .punkty{	
	color:#fff;
  	font-weight:400;
  	font-size:43px;
  	text-align:center;
  	color:#af004b;
  	font-family: "Quentell";
  	}
.osoba_wrapper .wynik .opistestu p.opis{
	text-align:justify;
}
.osoba_wrapper .wynik .opistestu p.opis,
.osoba_wrapper .wynik .opistestu{
	color:#fff;
	margin-top:25px;
	font-size:22px;
}
.osoba_wrapper .lancuch{
	height:27px;
	width:437px;
	background-image:url('/mixin/lancuch.png');
	position: absolute;
	left: calc(50% - 218px);
	bottom: -175px;
}
.osoba_wrapper .lancuch.p0{ background-position: 0 0; }
.osoba_wrapper .lancuch.p1{ background-position: 0 -27px; }
.osoba_wrapper .lancuch.p2{ background-position: 0 -54px; }
.osoba_wrapper .lancuch.p3{ background-position: 0 -81px; }
.osoba_wrapper .lancuch.p4{ background-position: 0 -108px; }
.osoba_wrapper .lancuch.p5{ background-position: 0 -135px; }
.osoba_wrapper .lancuch.p6{ background-position: 0 -162px; }
.osoba_wrapper .lancuch.p7{ background-position: 0 -189px; }
.osoba_wrapper .lancuch.p8{ background-position: 0 -216px; }


.osoba_wrapper .wynik .opis .skocz-do{
	font-weight:700;
	font-family: "chaparral-pro";
	color:#9b9a9a;
	cursor:pointer;
}


@media only all and (max-width:1199.9px) and (min-width:768px) { 
	#quizy{
		min-height:851px;
	}
	.osoba_wrapper .odpowiedzi{
		margin-bottom:150px;
	}
	.osoba_wrapper .tresc{
		min-height:60px;
	}
	
	
	.osoba_wrapper .tresc{
		height:100px;
	}
	.osoba_wrapper .odpowiedzi{
		height:300px;
		margin-bottom: 39px;
	}
	
	.osoba_wrapper .wynik-controller{
		margin-top: 40px !important;
	}
	.osoba_wrapper .wynik .opistestu .punkty{
		font-size:43px;
	}
	.osoba_wrapper .wynik .opistestu p.opis{
		font-size:18px;
	}
	
}



@media only all and (max-width:767px) and (min-width:300px) { 
	.osoba_wrapper .pytanie-box{
		height:350px;
	}
	
	.osoba_wrapper .tresc .text{
		font-size:35px;
	}

	
	.osoba_wrapper .tresc{
		height:100px;
		margin-bottom:0;
	}
	.osoba_wrapper .odpowiedzi{
		height:300px;
		margin-bottom: 39px;
	}
	
	
	
	#quizy{
		min-height:930px;
	}
	#quizy h3, #quizy h3 span{
		margin:60px 0;
	}
	#quizy h2{
		margin:40px 0;
		font-size:40px;
	}

	.osoba_wrapper .tresc{
		text-align:center;
		font-size:26px;
	}
	.osoba_wrapper .wynik-controller .podzielsie, 
	.osoba_wrapper .wynik-controller .resetOsoba, 
	.osoba_wrapper .pytanie-controller .slick-prev, 
	.osoba_wrapper .pytanie-controller .slick-next,
	.osoba_wrapper .wynik-controller .podzielsie i, 
	.osoba_wrapper .wynik-controller .resetOsoba i, 
	.osoba_wrapper .pytanie-controller .slick-prev i, 
	.osoba_wrapper .pytanie-controller .slick-next i
	{
		font-size:20px;
	}
	.osoba_wrapper .lancuch{
		height: 22px;
		width: 354px;
		background-size: cover;
		left: calc(50% - 170px);
	}

.osoba_wrapper .lancuch.p0{ background-position: 0 0; }
.osoba_wrapper .lancuch.p1{ background-position: 0 -22px; }
.osoba_wrapper .lancuch.p2{ background-position: 0 -44px; }
.osoba_wrapper .lancuch.p3{ background-position: 0 -66px; }
.osoba_wrapper .lancuch.p4{ background-position: 0 -88px; }
.osoba_wrapper .lancuch.p5{ background-position: 0 -110px; }
.osoba_wrapper .lancuch.p6{ background-position: 0 -132px; }
.osoba_wrapper .lancuch.p7{ background-position: 0 -154px; }
.osoba_wrapper .lancuch.p8{ background-position: 0 -176px; }








	.osoba_wrapper .odpowiedzi label{
		font-size:27px;
		line-height:30px;
	}
	.osoba_wrapper .slick-next, 
	.osoba_wrapper .slick-prev {
	    width: 250px;
	}
	.osoba_wrapper ul{
		padding:0;
	}
	
	.osoba_wrapper .pytanie-controller .slick-prev{
		margin-left:10px;
	} 
	.osoba_wrapper .pytanie-controller .slick-next{
		margin-right:10px;
	}
	/*.osoba_wrapper .slick-list{
		overflow: visible;
	}*/
	.osoba_wrapper h4{
		margin-bottom:30px;
	}
	.osoba_wrapper .wynik .wynikitestu{
		font-size:22px;
		min-height:20px;
		line-height:20px;
	}
	.osoba_wrapper .wynik .opistestu p.opis, .osoba_wrapper .wynik .opistestu{
		font-size:18px;
	}
	.osoba_wrapper .wynik-controller .resetOsoba{
		bottom: -40px;
		margin-right:10px;
	}
	.osoba_wrapper .wynik-controller .podzielsie{
		margin-left:20px;
	}
}


@media only all and (max-width:450px) and (min-width:300px) { 
	#quizy {
	    min-height: 1055px;
	}
	
	#quizy h2{
		font-size:29px;
	}
	
	.osoba_wrapper .tresc .text{
		font-size:25px;
	}
	.osoba_wrapper .odpowiedzi label{
		font-size:19px;
	}
	.osoba_wrapper .pytanie-controller .slick-next {
	    margin-right: -25px;
	}
	.osoba_wrapper .pytanie-controller .slick-prev {
	    margin-left: -25px;
	}
	.osoba_wrapper .pytanie-box .wynik{
		margin-top:0;
	}
	.osoba_wrapper .wynik .opistestu .punkty{
		font-size:20px;
		text-align:center;
	}
	.osoba_wrapper .wynik .opistestu p.opis{
		font-size:16px;
		text-align: justify;
	}
	.osoba_wrapper .wynik-controller .podzielsie, .osoba_wrapper .wynik-controller .resetOsoba{
		font-size:18px;
	}
	.osoba_wrapper .lancuch{
		display:none;
		}
}

@media only all and (max-width:1200px) and (min-width:576px) { 
	#quizy{
		min-height: 915px;
	}
	.osoba_wrapper .wynik .wynikitestu .photo{
		position:static;
		margin:0 auto;
		width:150px;	
	}
	
	.osoba_wrapper .wynik-controller .podzielsie, .osoba_wrapper .wynik-controller .resetOsoba{
		bottom:-40px;
	}
}

@media only all and (max-width:576px) and (min-width:300px) { 
	#quizy{
		min-height: 940px;
	}
	.osoba_wrapper .wynik .wynikitestu .photo{
		position:static;
		margin:0 auto;
		width:150px;	
	}
}
#quizy .wiedza_wrapper h2,
#quizy .osoba_wrapper h2{
	margin-top:0;
	font-size:35px;
}

.social{
	width:116px;
	height:30px;
	display:inline-block;
	cursor:pointer;
}
.social.fbs{
	background-image:url('/mixin/fb.png');
	margin-left:30px;
	margin-top: 16px;
}
.social.tw{
	background-image:url('/mixin/tw.png');
}



.remodal-confirm{
	background-color:#ece321;
	color:#000;
  		font-weight:700;
  		font-family: "futura-pt",sans-serif;
}