html{
	height: auto !important;
	overflow: hidden !important;
}
.container-fluid{
	padding: 0 !important;
}
#results{
	margin: 0;
}
#results img{
	width: 99vw;
	height: auto;
}
.hide {
	display: none;
}
.show {
	display: block;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	background-color: #FFFFFF;
	color: #000000;
	border: medium none;
}
#submit-btn{
	margin: 0 auto;
}
.results-section{
	overflow: auto;
}
.list-group-item{
	padding: 0 10vw;
}
.slide,#beforequiz,#afterquiz{
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.slide0{
	background-image:url('bg/bg1.png');
}
.slide1{
	background-image:url('bg/bg2.png');
}
.slide2{
	background-image:url('bg/bg3.png');
}
.slide3{
	background-image:url('bg/bg4.png');
}
.slide4{
	background-image:url('bg/bg5.png');
}
.slide5{
	background-image:url('bg/bg6.png');
}
.slide6{
	background-image:url('bg/bg7.png');
}
.slide7{
	background-image:url('bg/bg8.png');
}
.slide8{
	background-image:url('bg/bg9.png');
}
.sld10{
	background-image:url('bg/bg10.png');
}
.fp-slidesNav.fp-bottom {
    bottom: 60px;
}
.fp-controlArrow{
	display: none;
}
.value-btn{
	display: block !important;
	margin: 0 auto 20px !important;
	width: 50% !important;
	max-height: 250px !important;
	border-radius: 0;
	float: left !important;
	border: none !important;
	box-shadow: none !important;
	white-space: pre-line
}
.value-btn.grp10{
	margin: 0 auto 10px !important;
	height: auto !important;
	padding: 15px !important;
	line-height: 20px !important;
	white-space: normal !important;
}
.value-btn > span{
	display: block;
	max-height: 20px;
}
.prompt p{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 15px;
	width: 550px;
	margin: 0 auto 15px;
}
.qphoto{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 250px;
}
#retake-btn{
	display: block;
	width: 100%;
	padding: 25px;
	background-color: #d8652c;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
}
#retake-btn:hover{
	text-decoration: none;
}
#beforequiz{
	background-image: url('bg/bg0.png');
}
#beforequiz form{
	width: 80vw;
	left: 50%;
	position: relative;
	margin-left: -40vw;
	margin-top: 40px;
}
#beforequiz form .form-control{
	width: 65% !important;
}
#beforequiz .inputtxt label,
#beforequiz .inputtxt input{
	height: 50px;
}
#beforequiz .inputtxt label{
	text-transform: uppercase;
	line-height: 50px;
}
#beforequiz .inputtxt + .form-group{
	font-weight: bold;
	text-transform: uppercase;
}
#beforequiz .inputtxt + .form-group .nlyesno{
	display: block;
	margin-top: 50px;
	margin-bottom: 15px;
}
#beforequiz .inputtxt + .form-group label{
	width: 50%;
	display: block;
	float: left;
}
#beforequiz .inputtxt + .form-group input{
	margin-left: 10px;
	top: 1px;
	position: relative;
}
#submitslide{
	margin-top: 80px;
}
#submitslide .btn{
	width: 200px;
	height: 50px;
	background-color: #f0f0f0;
}
h1{
	position: absolute;
	top: 5px;
	width: 500px;
	left: 50%;
	margin-left: -250px;
}
#afterquiz{
	background-image: url('bg/bg0.png');
}
a.grp10{
	background-color: transparent;
}
a.grp10.value-btn{
	background-color: rgba(230, 230, 230, 1) !important;
	float: none !important;
	width: 70% !important;
}
a.grp10.value-btn.active{
	background-color: rgba(230, 230, 230, 0.4) !important;
}
a.grp10 span{
	max-height: 100%;
	font-size: 18px;
}
.sld10 p{
	position: absolute;
	top: 15vw;
	text-align: center;
	width: 100%;
	left: 0;
}
.grp10-1{
	margin-top: 90px;
}
.grp10-2,.grp10-3{
	margin-top: 80px;
}
#quiz .fp-slidesNav li:first-child,
#quiz .fp-slidesNav li.dotcontinue{
	display: inline-block !important;
}
#quiz .fp-slidesNav li{
	display: none !important;
}
.red-alert{
	border: 2px solid red;
}

.red-alert{
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.txtarea + textarea{
	width: 90%;
	height: 100%;
	position: relative;
	top: -10px;
	left: -23px;
}
.savetxtarea{
	position: absolute;
	top: 17px;
	height: 45px;
	right: 12px;
	border-radius: 0;
}