.quiz-popup-section {
  display: none;
  position: fixed;
  left: 50%;
  top: 40%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 1500;
  background: #e56060;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
	width: 90%;
	max-width: 775px;
}
.quiz-popup-section .popup-header {
  background: #333;
  position: relative;
  padding: 15px 30px 15px 15px;
}
.quiz-popup-section .popup-header h3 {
  font-size: 24px;
  color: #fff;
  margin: 0 0 5px 0;
}

.quiz-popup-section .popup-header .progress {
  margin: 6px 10px 7px 0;
}

@media (max-width: 767px) {
  .quiz-popup-section{
  position:absolute;
	  left: 50%;
	  top:25px;
  margin-right: -50%;
  transform: translate(-50%, 25px);
  }  
  
}

#petPersonalityPerc{
	color: #000;
	font-weight: bold;
	position: absolute;
	left:45%;
}

.quiz-popup-section .cancel {
  position: absolute;
  right: 15px;
  top: 8px;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
}
.quiz-popup-section .popup-inner {
  margin: 1%;
	padding: 1.5% !important;
	width:95%;
	background: #ffffff !important;
}

.quiz-popup-section .popup-inner h3{
  font-size: 32px;
	line-height: 1.2;
}
.quiz-popup-section .popup-inner a{
  	color: #333333 !important;
	font-weight: bold;
}

#openFeedback {
	color: #e56060!important;
}

.quiz-popup-section .field,
.quiz-popup-section .select {
  border-color: #e0dede;
}
.quiz-popup-section .popup-footer {
  padding: 10px;
  background: #e56060;
	min-height: 32px;
}
.quiz-popup-section .popup-footer a {
  padding: 6px 15px;
  font-size: 13px;
}

.quiz-popup-section .popup-inner .tabs-content{
	width: 100%;
	border: none;
	text-align: center;
}

/*buttons */
.quiz-btn-div{
	width: 48%;
	float: left;
	min-height: 25px;
	display: inline-block;
}

.btn-quiz {
	background: #404040;
	color: #fff;
	width: 95%;
	cursor: pointer;
	font-size: 16px;
	padding: 6px 0;
	text-align: center;
	display: inline-block;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.btn-quiz:hover,
.btn-quiz:active{
  background-color: #e56060;
}

.btn-quiz-picked{
   background-color: #e56060 !important;  
}
	
.quiz-popup-section .popup-inner a.btn-quiz-end {
	width: 95%;
	cursor: pointer;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.2;
	color: #404040 !important;
	background: #E6E6E6;
	border: 1px solid #404040;
	text-align: center;
	display: inline-block;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
	background: -webkit-linear-gradient(#E6E6E6, #BEBEBE); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#E6E6E6, #BEBEBE); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#E6E6E6, #BEBEBE); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#E6E6E6, #BEBEBE); /* Standard syntax */
}

.quiz-popup-section .popup-inner a.btn-quiz-end:hover,
.quiz-popup-section .popup-inner a.btn-quiz-end:active {
	background-color: #e56060;
	color: #000 !important;
	background: -webkit-linear-gradient(#E6E6E6, #e56060); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#E6E6E6, #e56060); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#E6E6E6, #e56060); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#E6E6E6, #e56060); /* Standard syntax */
}

.btn-quiz > h3 {
	color: #ffffff !important;
}

.btn-age {
	background: #404040;
	color: white;
	width: 15%;
	margin:0.4%;
	cursor: pointer;
	font-size: 16px;
	padding: 6px 0;
	border: none;
	text-align: center;
	display: inline-block;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.btn-age:hover,
.btn-age:active{
	background: #e56060;
}
.btn-start{
	background-color: #333333 !important;
}

@media (max-width: 767px){
	.quiz-popup-section .popup-inner h3{
		font-size: 24px;
		line-height: 1.2;
		min-height: 48px;
	}
	.tabs-content> div >.span6 {
		margin-bottom: 10px;
	}
	.btn-age {
	width: 30%;
	margin:1%;
	}
	.quiz-btn-div{
		margin: 0.5%;
	}	
}