#q-bg { background-image:url('../img/questionnaire-bg-0.png'); background-repeat: none; background-position: center; padding-top:80px; margin:20px auto; height: 660px; transition: 0.3s; }
#q-bg h2, #q-bg h4 { color: #fff; }
#q-bg #q-intro { font-size: 2.1em; text-align:center; margin-top:70px; }
#q-bg #q-subhead { font-size: 1.8em; text-align: center; font-weight: 200; max-width: 600px; margin: 0 auto; }
#q-bg #q-number { font-size: 1.8em; text-align: center; font-weight: 100; max-width: 600px; margin: 70px auto 0px auto; }
#q-bg #question-text { font-size: 1.8em; text-align: center; font-weight: 700; max-width: 800px; margin: 0px auto; }
#q-bg #q-intro-icons { color: #fff; margin-top:20px; }
#q-bg #q-intro-icons img { width: 80px; margin-bottom:20px; }

.qbutton { font-family:'Roboto Condensed', sans-serif; font-weight: 700; display: block; width: 150px; background-color:#fff ; border: 5px solid #9bd69e; color: #368944; text-transform: uppercase; text-align:center; font-size: 0.9em; padding: 5px 0px; margin: 30px auto 0px auto;transition: 0.4s; }
.qbutton:hover { background-color:#368944; color: #fff; }

.q-bnbutton { width: 150px; background-color: #fff; border: 5px solid #9bd69e; font-family:'Roboto Condensed', sans-serif; font-weight: 700; text-transform:uppercase; color: #368944; padding: 4px; font-size: 1.2em; transition: 0.3s; margin: 0 auto; }
.q-bnbutton:disabled {  background-color: #a5dea5; }
.widebutton { width:300px; }

.q-option { margin: 10px 10px 10px 0px; text-align:left; width: 100%; border:5px solid #9bd69e; font-size: 0.9em; font-family:'Roboto Condensed', sans-serif; font-weight: 400; display: block; color:#fff; text-transform: uppercase; padding: 5px 5px 5px 10px; background-color: #3bb46c; }
.q-option:hover { border-color: #fff;  }
.q-option:focus, .q-option:active { outline: none !important; box-shadow: none; }
.q-option-selected { border-color:#fff; background-color: #189d87; }
.q-controller { transition: 0.3s; }

#q-1,#q-2,#q-3,#q-4,#q-5,#q-6,#q-7,#q-8,#q-9,#q-10,#q-11 { display: none; transition: 0.3s; }

.q-progress-icons { margin: 0 auto; text-align: center; float:none; width: 200px;}
.q-progress-icon { float: left; border: 2px solid #368944; background-color: #368944; border-radius: 50%; width: 14px; height: 14px; padding-top: 1x; vertical-align: middle; font-size: 8px; margin-right: 5px; text-align: center; }
.q-progress-selected { background-color: #fff; }

.q-chb { -webkit-appearance: none; appearance: none; width:20px; height: 20px; background-color: #fff; float:left; margin-right: 10px; position: relative; top: 5px; display: inline-block;}
.q-chb:active, .q-chb:checked:active, .q-chb:focus { box-shadow: none; outline: none !important; }
.q-chb:checked:after { 	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}

@media only screen and (max-width: 480px) {
	.q-controller {  }
	#q-bg #q-intro { margin-top: 20px; font-size: 1.6em; }
	#q-bg { padding-top: 20px; height: 800px; background-repeat: no-repeat;}
	#q-bg #q-subhead { font-size: 1.2em; }
	#q-bg #q-intro-icons img { width: 60px; }
	#q-bg #q-number { margin-top: 20px; font-size: 1.6em; }
	#q-bg #question-text { font-size: 1.2em; }
	.ques-smallprint { margin-top: 10px; margin-bottom: -31px; padding-top: 20px; padding-bottom: 20px; }
}