.ppform .question,.ppform .message,.ppform .page,.ppform .form {
	padding:10px 10px 10px 20px;
	display:none;
}
.ppform h1 {color:#AF0185}
.message {font-size:18px}
.ppform #p1,.ppform #q11,.ppform #m1{display:block}
.ppform {
	font-family:Roboto;
	color:#555;
	min-height:620px;
}
.ppform .yesno,.ppform .button {
	display:inline-block;
	font-size:20px;
	line-height:30px;
	margin:10px;
	padding:20px;
	background:whitesmoke;
	font-weight:bold;
	color:#aaa;
}
.ppform .yesno:hover,.ppform .button:hover {
	cursor:pointer;
	text-decoration:underline;
	color:#fff;
	background:#AF0185;
}

.ppform .yesno.selected {
	color:#fff;
	background:#AF0185;	
}

.ppform .yesno.selected:hover, .ppform .yesno.disabled {
	cursor:default;
	text-decoration:none;
}
.ppform .yesno.disabled {background:white!important;color:#aaa!important}

.ppform button{border:none;outline:none}

.ppform .tel {
	font-size:1.2em;
	font-weight:bold;
	color:#AF0185;
}

.ppform fieldset{
	font-size:0;
	margin:10px;
	padding:20px;
	border:none;
	background:whitesmoke;
}
.ppform input[type=text],textarea {
	background:white;
	border:none;
	padding:5px;
	width:100%;
}
.ppform textarea {
	height:150px;
}
.ppform dt,.ppform dd {
	vertical-align:top;
	font-size:14px;
	margin:0;
	padding:10px;
	display:inline-block;
	width:50%;
	box-sizing:border-box;
	position:relative;	
}
.ppform .star{
	font-size:0.8em;
	color:red;
	vertical-align:top;
	padding-left:4px;
}

.ppform .attachment {
	width:100%;
	padding:5px;
	position:relative;
}
.ppform .attachment:hover .remove {font-size:1em}
.ppform input[type=file]{
	width:100%;
	outline:none!important
}
.ppform .remove{
	position:absolute;
	cursor:pointer;
	color:red;
	font-size:0.9em;
	right:-10px;
	top:14px;
}
.req-invalid {background:#fdd!important}
.req-invalid:-webkit-autofill {background:#fdd!important}
.req-valid {background:#dfd!important}
.req-valid:-webkit-autofill {background:#dfd!important}

.tip {
	display:none;
	position:absolute;
	background:white;
	z-index:1;
	top:-55px;
	padding:5px;
	left:10px;
	box-shadow:0 0 10px rgba(255,0,0,0.5)
}

span.tox-statusbar__branding {
	display: none;
}

@media (max-width:767px) {
	.ppform dt {
		display:block;
		width:100%;
		padding-bottom:5px;
	}
	.ppform dd {
	 	display:block;
		width:100%;
		padding-top:5px;
	}
	.tip {
		bottom:-20px;
		top:auto;
		left:20px;
	}
}