body {
   margin:0px;
   padding:0px;
}


.unhighlight {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

div:focus, img:focus, h1:focus, h2:focus, h3:focus, h4:focus {
    outline: none !important;
}

#pp-wrap{
	position:fixed;
	z-index: 10000;
	padding:20px;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
	background:white;
	-moz-box-shadow: 0px 0px 6px #333333;-webkit-box-shadow: 0px 0px 6px #333333;box-shadow: 0px 0px 6px #333333;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;
	text-align:center;
	font-family: Helvetica, Arial;
	width:640px;
}
#pp-wrap h2{
	color:#364751;font-size:1.5em;line-height:32px;font-weight:normal;
}
#pp-wrap .pptext-s{display:none;}

#pp-wrap .pp-redtx{color:red;font-size:16px;font-style:italic;font-weight:bold;}

#pp-wrap .pp-tests{margin:20px 0;}
#pp-wrap .pp-tests .tb{
	background:#f0eadf;
	color:#31434d;
	font-size:15px;
	line-height:20px;
	vertical-align: middle;
	width:28%; 
	display:inline-block;
	/* height:54px; */
	margin: 10px 1%;
	padding:10px 1%;
	text-align:left;
	}
#pp-wrap .pp-tests .tb img {float:left;margin-right:10px;}
#pp-wrap .pp-tests .tb .pp-txt{display: table-cell;vertical-align: middle;height: 50px;}
#pp-wrap .pp-addition{
	font-style:italic;
	color:#697982;
	text-align:center;
	margin:20px 0 30px;
	font-size:20px;
}

#pp-wrap .pp-buttons .pp-btn{
	-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;
	color:white;
	text-align:center;
	width:220px;
	height:45px;
	font-size:18px;
	line-height:45px;
	font-weight:bold;
	display:inline-block;
	margin: 0 10px;
	cursor:pointer;
}
#pp-wrap .pp-buttons .pp-other{background:#1699e0;}
#pp-wrap .pp-buttons .pp-continue{background:#364751}


@media (max-width: 800px) {
	#pp-wrap{width:98%;left:0;-webkit-transform: translate(0%, -50%);transform: translate(0%, -50%);padding:15px 1%;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border-top:2px solid #cccccc;border-bottom:2px solid #cccccc;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;
	}
}

@media (max-width: 640px) {
	#pp-wrap h2{font-size:24px;line-height:28px;margin: 10px 0 20px;}
	#pp-wrap .pp-tests .tb{width:45%;margin: 5px 1%;padding:5px 1%;}
	#pp-wrap .pp-addition{margin:10px 0 20px;font-size:18px;}
}


@media (max-width: 560px) {
	#pp-wrap{top:0;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);border:0;height:96%;padding:25px 1% 2% 1%;}
	#pp-wrap h2{font-size:22px;line-height:24px;margin: 6px 0 15px;}
	#pp-wrap .pp-redtx{font-size:15px;}
	#pp-wrap .pp-tests .tb img{width:50px !important; height:auto;}
	#pp-wrap .pp-buttons .pp-btn{width: 96%; padding: 0 1%; line-height: 40px; height:40px;margin:0 1% 15px;}
}

@media (max-width: 440px) {
	#pp-wrap h2{font-size:20px;line-height:22px;margin: 5px 0 12px;}
	#pp-wrap .pp-redtx{font-size:14px;}
	#pp-wrap .pp-tests{margin:12px 0;}
	#pp-wrap .pp-tests .tb{width:96%;margin: 2px 1%;padding:3px 1%;height:auto;}
	#pp-wrap .pp-tests .tb img {width: 42px !important;height: auto;}
	#pp-wrap .pp-tests .tb .pp-txt{height: 36px;}
	#pp-wrap .pp-addition{font-size:16px;margin: 0 0 12px;}
}