@charset "UTF-8";
/* CSS Document */


/*=======================================================================================================================================================================================================

				BASE STYLES								BASE STYLES										BASE STYLES										BASE STYLES

=======================================================================================================================================================================================================*/


* {margin: 0; padding: 0; border: none; outline: none; text-decoration: none; list-style: none;}

body {background: #fff; min-width: 300px; font-family: Verdana, Geneva, sans-serif; color: #fafafa; overflow-y: scroll;}


h1 {
	font: 100 90px "Roboto", Arial, Helvetica, sans-serif;
	color: #363636;
	}	
	
	@media (max-width: 488px) {
		h1 {
			font: 100 55px "Roboto", Arial, Helvetica, sans-serif;
			}
		}

h2 {
	font: 42px "Roboto", Arial, Helvetica, sans-serif;
	color: #363636;
	padding: 0 20px;
	}
	
h3 {
	color: #000;
	font: 100 46px "Roboto", Arial, Helvetica, sans-serif;
	margin-top: 60px;
	}
		
	@media (max-width: 488px) {
		h3 {
			margin-top: 80px;
			}
		}	

p, p a {
	font: 300 18px/28px "Roboto", Arial, Helvetica, sans-serif;
	color: #7d7d7d;
	padding: 0 30px 20px;
	}
	
	p a {padding: 0;}
	
	p a:hover {
		text-decoration: underline;
		}
		
	p.sml {
		font: 300 14px/20px "Roboto", Arial, Helvetica, sans-serif;
		padding: 0 30px 10px;
		}	
			


/*=======================================================================================================================================================================================================

				LAYOUT STYLES								LAYOUT STYLES										LAYOUT STYLES										LAYOUT STYLES

=======================================================================================================================================================================================================*/

#wrapper {
	display: block;
	width: 100%;
	overflow: hidden;
	}


/*-------- TITLE PAGE / footer -----------*/


#title-page, #footer {
	width: 58%;
	height: 1000px;
	padding: 0 21%;
	min-height: 600px;
	text-align: center;
	position: relative;
		float: left;
	}
	
	#footer {
		padding: 0;
		width: 100%;
		height: auto;
		padding-bottom: 50px;
		}
		
	@media (max-width: 1199px) {
		#title-page {
			width: 60%;
			padding: 0 20%;
			}
		}
		
	@media (max-width: 979px) {
		#title-page {
			width: 70%;
			padding: 0 15%;
			}
		}	
	
	@media (max-width: 767px) {
		#title-page {
			padding: 0 5% 60px;
			width: 90%;
			height: auto;
			}
			
		#footer {
			height: auto;
			padding-bottom: 30px;
			}	
		}	
	
	@media (max-width: 488px) {
		#title-page, #footer {
			height: auto;
			padding: 0 5% 40px;
			width: 90%;
			}
		}	

	
/*-------- questions -----------*/

#question-wrapper {
	display: block;
	width: 100%;
	height: 1000px;
	overflow: hidden;
	position: relative;
		float: left;
	}
	
	@media (max-width: 767px) {
		#question-wrapper {
			height: auto;
			}
		}
	
#questions {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	margin: auto 0;
	}
	
	@media (min-width: 768px) {
		#questions {
			position: absolute;
				top: 0;
				bottom: 0;
				right: 0;
				left: 0;
			margin: 0;
			min-height: 600px;
			}
		}
		
	@media (max-width: 488px) {
		#questions {
			margin: 0 auto 50px;
			height: auto;
			padding-top: 80px;
			}
		}	
	
	
/*============ result slide ================*/		
	
#result {
	width: 68%;
	max-width: 960px;
	height: auto;
	padding: 0 0 150px;
	min-height: 600px;
	position: relative;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	}	
	
	@media (max-width: 1023px) {
		#result {
			width: 78%
			}
		}
	
	@media (max-width: 767px) {
		#result {
			padding: 0 11% 150px;
			width: 78%;
			margin: 0;
			}
		}
	
	@media (max-width: 488px) {
		#result {
			padding: 0 6% 150px;
			width: 88%;
			}
		}
	
	

/*=======================================================================================================================================================================================================

				MODULE STYLES								MODULE STYLES										MODULE STYLES										MODULE STYLES

=======================================================================================================================================================================================================*/


/*________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________  TITLE SECTION */



#title-page h1 {
	margin: 100px auto 18px;
	padding: 0 0 13px;
	}
	
	#title-page h1 span.spanblock {
		font-size: 42px;
		display: block;
		}
		
		
#title-page a.btn {
	margin: 15px auto 90px;
	}		
			
	.logo {
		width: 185px;
		height: 29px;
		display: block;
		background: url(../img/logo.png) center no-repeat;
		text-indent: -5000px;
		overflow: hidden;
		clear: both;
		margin: 0 auto 20px;
		}
	
	#title-icons {
		border-bottom: solid 1px #e3e3e3;
		padding-bottom: 30px;
		margin: 0 auto 30px;
		max-width: 530px;
		}
		
		@media (max-width: 767px) {
			#title-icons {
				max-width: 300px;
				}
				
				#title-icons .title-icon-4 {
					padding-right: 0;
					}
			}
		
		#title-icons img {
			padding-right: 20px;
			}
			
			#title-icons img.last {
				padding-right: 0;
				}
				
			@media (max-width: 767px) {
				#title-icons img {
					padding-bottom: 20px;
					}
				}
				
			@media (max-width: 488px) {
				#title-icons .title-icon-4 {
					padding-right: 20px;
					}
				
				#title-icons img.last {
					display: none;
					}
				}		


	#title-page p.copyright, #title-page p.copyright a, #footer p.copyright, p.copyright a, #result p.copyright, #result p.copyright a {
		color: #959595;
		font: 300 12px/17px "Roboto", Arial, Helvetica, sans-serif;
		padding: 0;
		letter-spacing: 0.5px;
		clear: both;
		text-align: center;
		}			
		
		#title-page p.copyright a, #footer p.copyright a {
			text-decoration: underline;
			}	

	a.btn {
		width: 200px;
		height: 60px;
		display: block;
		background: #464646;
		margin: 15px auto 160px;
		color: #fff;
		text-align: center;
		font: 400 18px/60px "Roboto", Arial, Helvetica, sans-serif;
		}
		
		@media (maz-width: 767px) {
			a.btn {
				margin: 15px auto 110px;
				}
			}
	
/*________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________  QUIZ SECTION */

/*  INSTRUCTIONS  */

#instructions {
	width: 460px;
	height: 372px;
	background: #e6e6e6;
	position: absolute;
		left: 50%;
		margin-left: -250px;
		top: 150px;
		z-index: 11;
	text-align: center;
	padding: 20px;
	}
	
	@media (max-width: 979px) and (max-height: 734px) {
		#instructions {
			top: 50px;
			}
		}
	
	@media (max-width: 767px) {
		#instructions {
			width: 400px;
			margin-left: -220px;
			}
		}
		
	@media (max-width: 488px) {
		#instructions {
			height: 100%;
			width: 100%;
			top: 0;
			left: 0;
			margin-left: 0;
			padding-right: 0;
			padding-lefT: 0;
			}
		}	
	
	#instructions div {
		height: 320px;
		width: 100%;
		background: #e6e6e6;
		display: none;
		position: absolute;
			left: 0;
			top: 20px;	
		}
		
		@media (max-width: 488px) {
			#instructions div {
				top: 40px;
				}
			}
		
		#instructions div.active-ins {
			display: block;
			}
	
		#instructions p {
			color: #000;
			font: 200 18px/27px "Roboto",Arial,Helvetica,sans-serif;
			max-width: 335px;
			margin: 15px auto;
			padding-bottom: 170px;
			min-height: 108px;
			}
			
			@media (max-width: 488px) {
				#instructions p {
					font: 200 16px/24px "Roboto",Arial,Helvetica,sans-serif;
					min-height: 20px;
					padding-bottom: 165px;
					}
				}
			
			#instructions #step1 p {
				background: url(../img/icon/step1.png) center bottom no-repeat;
				}
				
			#instructions #step2 p {
				background: url(../img/icon/step2.png) center bottom no-repeat;
				}
				
			#instructions #step3 p {
				background: url(../img/icon/step3.png) center bottom no-repeat;
				}	
	
		#instructions p.ins-number {
			border: 2px solid #000;
			font: 400 16px/29px "Roboto",Arial,Helvetica,sans-serif;
			color: #363636;
			max-width: 185px;
			padding: 0;
			margin: auto;
			background: none!important;
			min-height: 29px;
			}
	
			@media (max-width: 488px) {
				#instructions p.ins-number {
					max-width: 135px;
					}
				}
		
		#instructions a.prev-ins, #instructions a.next-ins {
			position: absolute;
				top: 151px; /* half instruction popup = 186 minus half button height 35 = 151*/
			background: #ff0;
			width: 40px;
			height: 70px;
			text-indent: -4000px;
			overflow: hidden;
			}
			
			#instructions a.prev-ins {
				left: -40px;
				background: url(../img/bg/prev.png) no-repeat;
				}
				
				@media (max-width: 767px) {
					#instructions a.prev-ins {
						left: 0;
						}
					}
				
			#instructions a.next-ins {
				right: -40px;
				background: url(../img/bg/next.png) no-repeat;
				}	
				
				@media (max-width: 767px) {
					#instructions a.next-ins {
						right: 0;
						}
					}

	#instructions a.skip {
		color: #959595;
		text-transform: uppercase;
		font: 400 18px/29px "Roboto",Arial,Helvetica,sans-serif;
		display: block;
		margin-top: 345px;
		}
		
		
		@media (max-width: 355px) {
			#instructions a.skip {
				margin-top: 355px;
				}
			}

	#instructions .close {
		background: url(../img/icon/close-dk.png) no-repeat;
		width: 19px;
		height: 15px;
		text-indent: -3000px;
		overflow: hidden;
		cursor: pointer;
		display: block;
		position: absolute;
			top: 15px;
			right: 15px;
			z-index: 100;
			}
	
	/*	@media (max-width: 488px) {
			#instructions .close {
				background: url(../img/icon/close-dk.png) no-repeat;
				width: 19px;
				height: 15px;
				text-indent: -3000px;
				overflow: hidden;
				cursor: pointer;
				display: block;
				position: absolute;
					top: 15px;
					right: 15px;
					z-index: 100;
				}
			}

*/

/* outer symptom wrapper */
.symptom {
	width: 25%;
	height: 333.3px;
	text-align: center;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	}	
		
	@media (min-width: 980px) {
		.symptom {
			height: 33.3%;
			}
		}
			
	@media (min-width: 768px) and (max-width: 979px) {
		.symptom {
			height: 25%;
			width: 33.3%;
			}
		}	
			
	@media (max-width: 767px) {
		.symptom {
			width: 50%;
			}
		}
			
	@media (max-width: 488px) {
		.symptom {
			width: 94%;
			margin: 0 3%;
			height: 100px;
			}		
		}		
	
	.symptom:hover {
		cursor: pointer;
		}
	
	
		
	
		
		
	/* symptom name and background cover - slides */	
	.inner {
		position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
			}	
						
		@media (max-width: 488px) {
			.inner {
				top: 0!important;
				cursor: pointer;
				display: table;
				}
					
			}	
			
		.inner p {
			display: none;
			}
			
			@media (max-width: 488px) {
				.inner p {
					font: 400 14px/21px "Roboto", Arial, Helvetica, sans-serif;
					display: table-cell;
					vertical-align: middle;
					padding: 0 30px;
					color: #363636;
					letter-spacing: 0.5px;
					}
					
					#q-two .inner p, #q-four .inner p, #q-seven .inner p, #q-nine .inner p, #q-fourteen .inner p {
						color: #fff;
						}
				}	
			
		.inner span {
			font: 400 15px "Roboto", Arial, Helvetica, sans-serif;
			position: absolute;
				right: 10px;
				bottom: 10px;
			}	
			
			/* individual symptom colours and media queries */
			
			/* GREEN */
			
			.symptom-1 .inner, .symptom-6 .inner, .symptom-8 .inner, .symptom-11 .inner {
				background-color: #add5ae;
				}
				
				@media (min-width: 768px) and (max-width: 979px) {
					.symptom-11 .inner {
						background-color: #a3c9a4;
						}
					}
				
				@media (min-width: 489px) and (max-width: 767px) {
					.symptom-6 .inner, .symptom-11 .inner {
						background-color: #a3c9a4;
						}
					}
				
				.symptom-1 div.symptom-q span.triangle, .symptom-6 div.symptom-q span.triangle, .symptom-8 div.symptom-q span.triangle, .symptom-11 div.symptom-q span.triangle {
					border-bottom-color: #add5ae;
					}
				
				#popup .symptom-1, #popup .symptom-6, #popup .symptom-8, #popup .symptom-11 {
					background-color: #add5ae;
					}
					
					#popup .symptom-1 .symptom-list-header, #popup .symptom-6 .symptom-list-header, #popup .symptom-8 .symptom-list-header, #popup .symptom-11 .symptom-list-header {
						background-color: #93bf95;
						}
			
			/* GREY */
			
			.symptom-2 .inner, .symptom-4 .inner, .symptom-7 .inner, .symptom-9 .inner {
				background-color: #817e7d;
				}	
				
				@media (min-width: 768px) and (max-width: 979px) {
					.symptom-7 .inner {
						background-color: #787574;
						}
					}
				
				@media (min-width: 489px) and (max-width: 767px) {
					.symptom-2 .inner, .symptom-7 .inner {
						background-color: #787574;
						}
					}
				
				.symptom-2 div.symptom-q span.triangle, .symptom-4 div.symptom-q span.triangle, .symptom-7 div.symptom-q span.triangle, .symptom-9 div.symptom-q span.triangle {
					border-bottom-color: #817e7d;
					}
				
				#popup .symptom-2, #popup .symptom-4, #popup .symptom-7, #popup .symptom-9 {
					background-color: #817e7d;
					}
					
					#popup .symptom-2 .symptom-list-header, #popup .symptom-4 .symptom-list-header, #popup .symptom-7 .symptom-list-header, #popup .symptom-9 .symptom-list-header {
						background-color: #504e4e;
						}
						
					#popup .symptom-2 .next-prev-btns a.prev, #popup .symptom-4 .next-prev-btns a.prev, #popup .symptom-7 .next-prev-btns a.prev, #popup .symptom-9 .next-prev-btns a.prev {
						background-color: #989797;
						}	
						
						#popup .symptom-2 .next-prev-btns a.prev:hover, #popup .symptom-4 .next-prev-btns a.prev:hover, #popup .symptom-7 .next-prev-btns a.prev:hover, #popup .symptom-9 .next-prev-btns a.prev:hover {
							background-color: #8b8a8a;
							}
			
			/* BLUE */
			
			.symptom-3 .inner, .symptom-5 .inner, .symptom-10 .inner, .symptom-12 .inner {
				background-color: #7495b1;
				}
			
				@media (min-width: 489px) and (max-width: 767px) {
					.symptom-3 .inner, .symptom-10 .inner {
						background-color: #6e8da7;
						}
					}
					
				.symptom-3 div.symptom-q span.triangle, .symptom-5 div.symptom-q span.triangle, .symptom-10 div.symptom-q span.triangle, .symptom-12 div.symptom-q span.triangle {
					border-bottom-color: #7495b1;
					}
				
				#popup .symptom-3, #popup .symptom-5, #popup .symptom-10, #popup .symptom-12 {
					background-color: #7495b1;
					}
					
					#popup .symptom-3 .symptom-list-header, #popup .symptom-5 .symptom-list-header, #popup .symptom-10 .symptom-list-header, #popup .symptom-12 .symptom-list-header {
						background-color: #567187;
						}
			
			
			
			
			/* symptom image */		
			.inner img {
				margin: auto;
				max-width: 80%;
				}	
					
				.symptom-4 .inner img {
					padding: 50px 0 0;
					}
					
					@media (min-width: 768px) and (max-width: 979px) {
						.symptom-4 .inner img {
							padding: 20px 0 0;
							}
						}
					
				.symptom-2 .inner img, .symptom-8 .inner img, .symptom-9 .inner img, .symptom-12 .inner img {
					padding: 55px 0 0;
					}
					
					@media (min-width: 768px) and (max-width: 979px) {
						.symptom-2 .inner img, .symptom-8 .inner img, .symptom-9 .inner img, .symptom-12 .inner img {
							padding: 25px 0 0;
							}
						}
					
				.symptom-5 .inner img, .symptom-6 .inner img, .symptom-7 .inner img, .symptom-10 .inner img {
					padding: 75px 0 0;
					}
					
					@media (min-width: 768px) and (max-width: 979px) {
						.symptom-5 .inner img, .symptom-6 .inner img, .symptom-7 .inner img, .symptom-10 .inner img {
							padding: 30px 0 0;
							}
						}
					
				.symptom-3 .inner img, .symptom-11 .inner img {
					padding: 90px 0 0;
					}	
					
					@media (min-width: 768px) and (max-width: 979px) {
						.symptom-3 .inner img, .symptom-11 .inner img {
							padding: 60px 0 0;
							}
						}
				
				.symptom-1 .inner img {
					padding: 110px 0 0;
					}
					
					@media (min-width: 768px) and (max-width: 979px) {
						.symptom-1 .inner img {
							padding: 70px 0 0;
							}
						}
				
				@media (max-width: 488px) {
					.inner img {
						display: none;
						}	
					}	
				
			/* symptom popup bg img */		
				
				#symptom-1 p.symptom-p-q {
					background: url("../img/popup/symptom1-popup.png") center bottom no-repeat;
					}
					
				#symptom-2 p.symptom-p-q {
					background: url("../img/popup/symptom14-popup.png") center bottom no-repeat;
					}
					
				#symptom-3 p.symptom-p-q {
					background: url("../img/popup/symptom15-popup.png") center bottom no-repeat;
					}
					
				#symptom-4 p.symptom-p-q {
					background: url("../img/popup/symptom4-popup.png") center bottom no-repeat;
					}
					
				#symptom-5 p.symptom-p-q {
					background: url("../img/popup/symptom5-popup.png") center bottom no-repeat;
					}
					
				#symptom-6 p.symptom-p-q {
					background: url("../img/popup/symptom6-popup.png") center bottom no-repeat;
					}
					
				#symptom-7 p.symptom-p-q {
					background: url("../img/popup/symptom7-popup.png") center bottom no-repeat;
					}
					
				#symptom-8 p.symptom-p-q {
					background: url("../img/popup/symptom8-popup.png") center bottom no-repeat;
					}
					
				#symptom-9 p.symptom-p-q {
					background: url("../img/popup/symptom9-popup.png") center bottom no-repeat;
					}
					
				#symptom-10 p.symptom-p-q {
					background: url("../img/popup/symptom10-popup.png") center bottom no-repeat;
					}	
					
				#symptom-11 p.symptom-p-q {
					background: url("../img/popup/symptom11-popup.png") center bottom no-repeat;
					}	
					
				#symptom-12 p.symptom-p-q {
					background: url("../img/popup/symptom12-popup.png") center bottom no-repeat;
					}	
					
				
				
				/* symptom question - hover reveals */	
				 div.symptom-q {
					height: 83%;
					padding: 25% 0 0 0;
					width: 100%;
					display: block;
					background: #d8d8d8;
					}
					
					@media (min-width: 980px) and (max-width: 1023px) {
						div.symptom-q {
							padding: 40% 0 0 0;
							height: 75%;
							}
						}
					
					@media (min-width: 768px) and (max-width: 979px) {
						div.symptom-q {
							padding: 14% 0 0 0;
							height: 87%;
							}
						}
						
					@media (min-width: 489px) and (max-width: 767px) {
						div.symptom-q {
							padding: 28% 0 0 0;
							height: 81%;
							}
						}	
					
					@media (max-width: 488px) {
						div.symptom-q {
							display: none!important;
							}
							
							#q-sixteen div.symptom-q {
								display: block!important;
								}	
						}
					
					div.symptom-q .divider-dashed {
						height: 1px;
						width: 230px;
						background: url(../img/bg/divider-dash.png) repeat-x;
						margin: 20px auto 20px;
						}
					
					
					div.symptom-q p {
						font: 300 14px "Roboto",Arial,Helvetica,sans-serif;
						}
					
						
						div.symptom-q p.symptom-p-q {
							font: 300 18px/25px "Roboto",Arial,Helvetica,sans-serif;
							color: #363636;
							padding: 0 30px 6px;
							}
							
							@media (min-width: 768px) and (max-width: 979px) {
								#q-nine div.symptom-q p.symptom-p-q {
									font: 300 16px/23px "Roboto",Arial,Helvetica,sans-serif;
									}
								}
						
						div.symptom-q p.symptom-p-small {
							font-size: 14px;
							}
						
					div.symptom-q span.triangle, .blackout span.triangle {
						width: 0;
						height: 0;
						border-bottom: 42px solid #2c2827;
						border-left: 42px solid transparent;
						position: absolute;
							right: 0;
							bottom: 0;
							z-index: 0;
						}	
					
			/* displays in place of symptom when question has been answered */		
			 .answered-icon {
				height: 100%;
				width: 100%;
				display: none;
				padding-top: 0;
				position: absolute;
					left: 0;
					top: 0;
			 	}
				
				div.blackout {
					display: none;
					width: 100%;
					height: 101%;
					background: rgba(0, 0, 0, 0.5);
					/* For IE 5.5 - 7*/
					filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);
					/* For IE 8*/
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000)";
					}	
					
					div.blackout p {
						color: #959595;
						font: 300 14px "Roboto", Arial, Helvetica, sans-serif;
						padding: 45px 0 0;
						position: absolute;
							width: 200px;
							left: 50%;
							margin-left: -100px;
							bottom: 20px;
						}
						
						div.blackout p span {
							color: #fff;
							font: 400 14px "Roboto", Arial, Helvetica, sans-serif;
							text-transform: uppercase;
							}
							
						div.blackout.no p {
							background: url(../img/icon/cross.png) center top no-repeat;
							}
							
						div.blackout.yes p {
							background: url(../img/icon/tick.png) center top no-repeat;
							}		
			
			
			
/* popup questions - wrapper */									
#popup {
	width: 500px;
	min-height: 500px;
	height: auto;
	cursor: default;
	text-align: center;
	position: absolute;
		top: 125px;
		left: 50%;
		margin-left: -250px;
		z-index: 15;
		display: none;
	}
	
	@media (max-width: 979px) {
		#popup {
			top: 75px;
			}
		}
		
		
	@media (min-width: 489px) and (max-width: 767px) {
		#popup {
			position: fixed;
				left: 50%;
				top: 75px;
				margin-left: -250px;
			}
		}
			
	
	@media (max-width: 488px) {
		#popup {
			width: 100%;
			margin-left: 0!important;
			margin: 0;
			left: 0;
			display: none;
			position: fixed;
			overflow-y: scroll;
			overflow-x: hidden;
			float: left;
			top: 0;
			min-height: 100%;
			height: auto;
			}
		}
	
	/* within popup form, indiviual divs with questions for each symptom */
	#popup .popup-q {
		width: 500px;
		min-height: 440px;
		position: absolute;
			top: 0;
			left: 0;
		padding-bottom: 35px;
		}

		
		@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
			#popup .popup-q {
				top: 0;
				}
			}
		
		@media (max-width: 488px) {
			#popup .popup-q, #popup #symptom-3, #popup #symptom-7, #popup #symptom-8, #popup #symptom-11 {
				width: 100%;
				min-height: 100%;
				height: auto;
				}
				
				#popup .popup-q {
					top: 0;
					}
			}
		
		#popup .popup-q.active {
			display: block!important;	
			}
			
			#popup .popup-q p, #popup .popup-q .answer p {
				padding: 20px 30px 0;
				font: 400 14px "Roboto",Arial,Helvetica,sans-serif;
				color: #000;
				}
				
				#popup .popup-q .answer p.q-number-p {
					padding: 0!important;
					font: 400 16px/29px "Roboto",Arial,Helvetica,sans-serif!important;
					}
				
				#popup .symptom-2.popup-q p, #popup .symptom-2.popup-q p a, #popup .symptom-4.popup-q p, #popup .symptom-4.popup-q p a, #popup .symptom-7.popup-q p, #popup .symptom-7.popup-q p a, #popup .symptom-9.popup-q p, #popup .symptom-9.popup-q p a, #popup .symptom-14.popup-q p, #popup .symptom-14.popup-q p a {
					color: #fff!important;
					}
				
				#popup .popup-q .answer p {
					padding: 35px 55px 10px;
					}
					
					@media (max-width: 488px) {
						#popup .popup-q .answer p {
							padding: 0 5%;
							}	
						}
					
					#popup #symptom-4.popup-q .answer p {
						padding: 0 30px 0;
						bottom: 60px;
						}
						
						@media (max-width: 488px) {
							#popup #symptom-4.popup-q .answer p {
								padding: 40px 5% 0;
								}
							}
						
					#popup .popup-q .answer p span.ans-title {
						display: block;
						font: 30px "Roboto",Arial,Helvetica,sans-serif;
						}
				
			#popup .popup-q p.symptom-p-q, #popup .popup-q p.symptom-p-ans {
				padding: 15px 30px 160px;
				font: 300 22px/30px "Roboto",Arial,Helvetica,sans-serif;
				color: #000;
				margin-bottom: 20px;
				}
				
				@media (max-width: 488px) {
					#popup .popup-q p.symptom-p-ans {
						margin-bottom: 0;
						}
					}
				
				#popup .popup-q p.symptom-p-q {
					padding: 15px 50px 160px;
					min-height: 60px;
					}
				
				#popup .popup-q p.symptom-p-ans a {
					background: none;
					padding: 0;
					color: #000;
					font: 400 18px "Roboto",Arial,Helvetica,sans-serif;
					display: inline;
					margin: 0;
					text-transform: lowercase;
					}
				
				#popup .popup-q p.symptom-p-ans {
					font: 300 17px/25px "Roboto",Arial,Helvetica,sans-serif;
					padding: 0 30px 0;
					}
				
				#popup .symptom-2.popup-q p.symptom-p-q, #popup .symptom-4.popup-q p.symptom-p-q, #popup .symptom-7.popup-q p.symptom-p-q, #popup .symptom-9.popup-q p.symptom-p-q, #popup .symptom-14.popup-q p.symptom-p-q {
					color: #fff;
					}
				
				#popup .symptom-3.popup-q p.symptom-p-ans, #popup .symptom-3.popup-q p.symptom-p-ans a {
					font-size: 15px!important;
					line-height: 22px!important;
					}
		
			
		
			
			#popup p.q-number-p {
				font: 400 16px/29px "Roboto",Arial,Helvetica,sans-serif;
				color: #000;
				border: solid 2px #fff;
				text-align: center;
				min-width: 176px;
				max-width: 185px;
				padding: 0;
				margin: 30px auto;
				}
				
				#popup p.q-number-p span {
					color: #fff;
					}
		
		
		
			
			#popup .popup-q p.error {
				font: 13px "Roboto",Arial,Helvetica,sans-serif;
				color: #fff;
				padding: 10px 0 0 0;
				display: none;
				}
				
			.popup-q a {
				background: #363636;
				width: 130px;
				height: 36px;
				color: #fff;
				display: block;
				text-transform: capitalize;
				font: 400 14px/36px "Roboto",Arial,Helvetica,sans-serif;
				margin: 0px auto 40px;
				clear: left;
				}
				
				.popup-q a:hover {
					background: #010101;
					}	
					
					.popup-q a.next-q, .popup-q a.next-q:hover, .popup-q a#quiz-submit-btn, .popup-q a#quiz-submit-btn:hover {
						margin: 15px 0;
						text-decoration: none;
						float: left;
						clear: none;
						}
						
						.popup-q a.next-q {
							margin-bottom: 0px auto 30px;
							}
							
					#quiz-submit-btn {width: 180px;}
					
					.popup-q a.finish-button {
						position: absolute;
							width: 100%;
							height: 40px;
							display: block;
							bottom: -75px;
						font: 400 11px/40px "Roboto", Arial, Helvetica, sans-serif;
						color: #000;
						text-transform: uppercase;
						}
						
						#popup .symptom-1 a.finish-button, #popup .symptom-6 a.finish-button, #popup .symptom-8 a.finish-button, #popup .symptom-11 a.finish-button {
							background: #93BF95;
							}
							
						#popup .symptom-2 a.finish-button, #popup .symptom-4 a.finish-button, #popup .symptom-7 a.finish-button, #popup .symptom-9 a.finish-button {
							background: #504E4E;
							color: #d1d1d1;
							}
							
						#popup .symptom-3 a.finish-button, #popup .symptom-5 a.finish-button, #popup .symptom-10 a.finish-button, #popup .symptom-12 a.finish-button {
							background: #567187;
							color: #d1d1d1;
							}		
					
			
		@media (max-width: 488px) {	
			.options {
				margin: 80px 0;
				}	
			}
				
			.option {
				border: solid 3px #fff;
				height: 47px;
				text-align: center;
				margin: 40px 0 0 20px;
				cursor: pointer;
				padding: 0 10px 0;
				float: left;
				min-width: 135px;
				font: 400 20px/47px "Roboto", Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				}	
					
				.option.first {margin: 40px 0 0px 76px;}	
					
				.option.selected, .option:hover {
					background: #fff;
					color: #000;
					}
								
					@media (max-width: 488px) {
						.option, .option.first {
							margin: 18px auto 0;
							float: none;
							max-width: 74%;
							}
						}		
							
				input[type="radio"] {display: none;}
				
			.answer {
				display: none;
				}	
				
				@media (max-width: 488px) {
					.answer {
						margin: 65px 0;
						}
					}
				
				
				p.symptom-list-header {
					padding: 10px 55px!important;
					max-width: 330px;
					margin: auto;
					}
					
					@media (max-width: 488px) {
						p.symptom-list-header {
							padding: 10px 0!important;
							max-width: 185px;
							margin: 20px auto 0;
							}
						}
				
				.answer ul {
					color: #000;
					width: 440px;
					margin: 0 auto 20px;
					overflow: hidden;
					}
					
					@media (max-width: 488px) {
						.answer ul {
							width: 100%;
							margin: 0;
							}
							
							
						}
					
					.answer ul.green li {
						border-color: #93bf95!important;
						}
						
					.answer ul.blue li {
						border-color: #5b7b96!important;
						}
						
					.answer ul.grey li {
						border-color: #665f5d!important;
						color: #fff;
						}		
					
					.answer ul li {
						border-bottom: solid 1px;
						font: 300 13px/22px "Roboto", Arial, Helvetica, sans-serif;
						width: 50%;
						float: left;
						padding-top: 8px;
						padding-bottom: 8px;
						}
						
						.answer ul li.odd {
							text-align: right;
							padding-right: 17px;
							width: 202px;
							border-left: solid 1px;
							}
							
						.answer ul li.even {
							text-align: left;
							padding-left: 17px;
							width: 201px;
							border-left: solid 1px;
							border-right: solid 1px;
							}
						
						@media (max-width: 488px) {
							.answer ul li {
								text-align: center!important;
								width: 80%!important;
								padding: 4px 0 0!important;
								float: left!important;
								border: none!important;
								margin: 0 10%!important;
								}
							}
						
						
						
				
	
	/* popup next / prev buttons */
	
	.next-prev-btns {
		width: 270px;
		overflow: hidden;
		margin: auto;
		}
		
		@media (max-width: 488px) {
			.next-prev-btns {
				padding-top: 20px;
				}
			}
		
		/*#popup #symptom-12 .next-prev-btns {
			width: 320px;
			}
	*/
		#popup .next-prev-btns a.prev, #popup .next-prev-btns a.next, #last-submit {
			width: 130px;
			height: 36px;
			font: 400 14px/36px "Roboto",Arial,Helvetica,sans-serif;
			color: #fff;
			text-transform: capitalize;
			display: none;
			text-align: center;
			float: left;
			clear: none;
			margin: 15px 0;
			}
			
			#last-submit {display: block;}
			
			@media (max-width: 488px) {
				#popup .next-prev-btns a.prev, #popup .next-prev-btns a.next {
					margin: 0 0 15px;
					}
				}
		
			#popup .next-prev-btns a.prev {
				background: #797979;
				margin-right: 10px;
				}
				
				#popup .next-prev-btns a.prev:hover {
					background: #6e6d6d;
					}
				
				/*#popup #symptom-12 .next-prev-btns a.prev {
					float: none;
					margin: 15px auto;
					}*/
				
			#popup .next-prev-btns a.next, #last-submit {
				background: #363636;
				}
				
				#popup #symptom-1 .next-prev-btns a.next {
					float: none;
					margin: 15px auto;
					}
				
		#popup #change-ans {
			clear: left;
			display: block;
			text-align: center;
			color: #363636;
			font: 400 12px "Roboto",Arial,Helvetica,sans-serif;
			text-decoration: underline;
			background: none;
			width: auto;
			height: auto;
			margin-bottom: 0;
			}	
			
			
	
	/* popup contents */
	#popup img {
		displau: none;
		padding: 10px 0;
		}
		
		#popup #symptom-3 img, #popup #symptom-10 img {padding: 30px 0 10px 0;}
		
		#popup img.gif {
			position: absolute;
				width: 100%;
				height: auto;
				left: 0;
				top: 0;
				z-index: 0;
				}
				
	.popup-text {
		position: absolute;
			bottom: 0;
			z-index: 5;
			padding-bottom: 20px;
		}
	
	#popup .close {
		background: url(../img/icon/close.png) no-repeat;
		width: 19px;
		height: 15px;
		text-indent: -3000px;
		overflow: hidden;
		cursor: pointer;
		position: absolute;
			top: 15px;
			right: 15px;
			z-index: 100;
		}
		
		@media (max-width: 767px) {
			#popup .close {
				background: url(../img/icon/close.png) center no-repeat;
				width: 40px;
				height: 40px;
				z-index: 9999;
				}
			}
				
				
/* popup contents 		

	#popup .share-btns {
		padding: 0 24% 10px;
		height: auto;
		float: left;
		}
		
		@media (max-width: 488px) {
			#popup .share-btns {
				padding: 0 15% 10px;
				}
			}
		
		.share-btns .twitter, .share-btns .facebook, .share-btns span {
			float: left;
			margin: 0 10px;
			}
			
		#popup .share-btns img {
			padding: 0;
			}

*/

.backdrop {
	position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
	background: rgba(0, 0, 0, 0.5);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000)";
	}
	
	@media (max-width: 488px) {
		.backdrop {
			display: none!important;
			}
		}
		
	
/* displays on quiz completion */
#result-btn {
	width: 100%;
	height: 60px;
	background: #f7ab20;
	position: fixed;
		z-index: 1000;
		bottom: -60px;
		left: 0;
	font: 18px/60px "Roboto",Arial,Helvetica,sans-serif;
	letter-spacing: 0.5px;
	color: #fff;
	text-align: center;
	display: none;
	}	
	



/*________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________  RESULTS SECTION */

.wrapper-result {
	max-width: 900px;
	margin: auto;
	padding-bottom: 150px;
	text-align: center;
	}
	
	.result-outer {
		width: 100%;
		margin: 80px auto 0;
		overflow: hidden;
		position: relative;
		}
			
			h2.result-title	{
				font: 300 40px "Roboto", Arial, Helvetica, sans-serif;
				color: #000;
				padding: 0 0 10px 0;
				}	
				
				h2.result-title	span {
					color: #707070;
					}
					
				h2.result-title	span.answered {
					color: #7dc37f;
					}	
				
				@media (max-width: 979px) {
					h2.result-title	{
						font: 300 50px "Roboto", Arial, Helvetica, sans-serif;
						text-align: center;
						}
					}
				
				@media (max-width: 767px) {
					h2.result-title	{
						font: 300 45px "Roboto", Arial, Helvetica, sans-serif;
						}
					}
			 
			 
			 .result-category {
				 width: 24.1%;
				 margin-right: 1.2%;
				 border: solid 1px #cacaca;
				 min-height: 300px;
				 float: left;
				 box-sizing: border-box;
				 -moz-box-sizing: border-box;
				 -webkit-box-sizing: border-box;
				 position: relative;
				 padding-bottom: 25px;
				 }
				 
				 @media (max-width: 1219px) {
					.result-category {
						padding-bottom: 45px;
						} 
					 }
				 
				 
				 @media (max-width: 767px) {
					.result-category {
						width: 49.4%;
						margin-bottom: 8px;
						}
						
						.result-category.cat1, .result-category.cat4 {
							margin-right: 0;
							}
					}
					
				@media (max-width: 488px) {
					.result-category {
						width: 100%;
						min-height: 50px;
						margin: 0 0 10px;
						padding-bottom: 30px;
						}
					}	
					
				 
				.result-category.cat3 {
					 margin-right: 0;
					 }
					 
				.result-cat-title {
					font: 400 22px "Roboto", Arial, Helvetica, sans-serif;
					padding: 10px 15px;
					}	 
			 		
					@media (max-width: 488px) {
						.result-cat-title.acc-btn {
							background: url(../img/bg/acc-bg.png) 95% center no-repeat;
							}
							
						.result-cat-title.open-btn {
							background: url(../img/bg/acc-bg-up.png) 95% center no-repeat;
							}	
						}
			 	
				@media (min-width: 489px) {
					.result-category ul {
						display: block!important;
						}
					}
				
				@media (max-width: 488px) {	
					.result-category ul {
						display: none;
						padding-bottom: 10px;
						}
					}
			 
					.result-category ul li {
						display: block;
						border: solid 3px #cacaca;
						margin: 0 5px 5px;
						color: #454545;
						padding: 8px 35px 8px 15px;
						font: 300 12px "Roboto", Arial, Helvetica, sans-serif;
						}
					
						.result-category.cat0 ul li {
							background: url(../img/icon/green-tick.png) 96% center no-repeat;
							}
							
							.result-category.cat0 p.result-cat-title, .result-category.cat0 a.result-cat-link {
								color: #ADD5AE!important;
								}
							
						.result-category.cat1 ul li  {
							background: url(../img/icon/blue-tick.png) 96% center no-repeat;
							}
							
							.result-category.cat1 p.result-cat-title, .result-category.cat1 a.result-cat-link {
								color: #7495B1!important;
								}
							
						.result-category.cat2 ul li  {
							background: url(../img/icon/grey-tick.png) 96% center no-repeat;
							}
							
							.result-category.cat2 p.result-cat-title, .result-category.cat2 a.result-cat-link {
								color: #5B5F51!important;
								}
							
						.result-category.cat3 ul li  {
							background: url(../img/icon/yellow-tick.png) 96% center no-repeat;
							}		
							
							.result-category a.result-cat-link {
								background: url(../img/bg/symptom-list-link-yellow.png) left center no-repeat;
								font: 300 10px/14px "Roboto", Arial, Helvetica, sans-serif;
								text-transform: uppercase;
								padding-left: 15px;
								margin: 8px;
								position: absolute;
									bottom: 0;
								}
							
								.result-category a.result-cat-link:hover {
									cursor: pointer;
									}
							
								.result-category.cat0 a.result-cat-link {
									background: url(../img/bg/symptom-list-link-green.png) left center no-repeat;
									}
								
								.result-category.cat1 a.result-cat-link {
									background: url(../img/bg/symptom-list-link-blue.png) left center no-repeat;
									}
								
								.result-category.cat2 a.result-cat-link {
									background: url(../img/bg/symptom-list-link-grey.png) left center no-repeat;
									}
								
					
			.result-summary {
				width: 49.4%;
				float: left;
				padding-top: 11px;
				margin: 0 5% 80px 0;
				clear: left;
				}		
				
				@media (max-width: 979px) {
					.result-summary {
						width: 100%;
						margin: 0 0 20px 0;
						}
					}
					
				@media (max-width: 488px) {
					.result-summary {
						padding-top: 10px;
						}
					}	
					
				.result-p {
					font: 200 18px/28px "Roboto", Arial, Helvetica, sans-serif;
					color: #454545;
					text-align: left;
					border-bottom: solid 1px #cacaca;
					padding: 0 0 15px;
					}
					
					@media (max-width: 979px) {
						.result-p {
							text-align: center;
							}
						}
						
					@media (max-width: 488px) {
						.result-p {
							color: #464646;
							}
						}	
					
				.result-summary p.guide {
					color: #363636;
					font: 400 12px "Roboto", Arial, Helvetica, sans-serif;
					background: url(../img/icon/document-icon.png) left center no-repeat;
					padding: 6px 0 6px 20px;
					margin: 10px 0 0;
					}	
					
					@media (max-width: 979px) {
						.result-summary p.guide {
							background: none;
							text-align: center;
							padding: 6px 0;
							}
						}
					
					.result-summary p.guide a {
						text-decoration: underline;
						color: #363636;
						font: 400 12px "Roboto", Arial, Helvetica, sans-serif;
						display: inline-block;
						}
						
			.result-contact {
				width: 45.6%;
				float: left;
				padding-top: 35px;
				padding-bottom: 20px;
				}
				
				@media (max-width: 979px) {
					.result-contact {
						width: 100%;
						padding-top: 0;
						margin-bottom: 50px;
						}
					}
					
				@media (max-width: 767px) {
					.result-contact {
						margin-bottom: 0;
						}
					}	
				
				.result-contact a, a.more-qs {
					width: 168px;
					height: 40px;
					background: #555;
					color: #fff;
					font: 400 12px/40px "Roboto", Arial, Helvetica, sans-serif;
					display: block;
					text-align: center;
					float: right;
					margin: 20px 0 0 10px;
					}		
					
					a.more-qs {
						position: absolute;
							right: 0;
							top: 0;
							margin: 5px 0 0;
						}
						
						@media (max-width: 979px) {
							a.more-qs {
								display: block;
								position: relative;
								clear: left;
								float: none;
								margin: 5px auto 20px;
								right: auto;
								top: auto;
								}
							}
					
					.result-contact a.retake-btn, a.more-qs {
						background: url(../img/btn/green-btn-sprite.png) bottom center no-repeat;
						}
						
						.result-contact a.retake-btn:hover, a.more-qs:hover {
							background: url(../img/btn/green-btn-sprite.png) top center no-repeat;
							}	
					
					.result-contact a:hover {
						background-color: #363636;
						}
					
					.result-contact a.pdf-btn {
						background: #555 url(../img/icon/pdf-icon.png) 15px center no-repeat;
						}
						
						.result-contact a.pdf-btn:hover {
							background: #363636 url(../img/icon/pdf-icon.png) 15px center no-repeat;
							}
							
					@media (max-width: 979px) {
						.result-contact a {
							float: none;
							margin: 20px auto!important;
							}	
						}		
					
				.result-contact p, .result-contact p a {
					padding: 0;
					color: #464646;
					font: 300 14px/22px "Roboto", Arial, Helvetica, sans-serif;
					text-align: right;
					letter-spacing: 0.5px;
					}
					
					@media (max-width: 979px) {
						.result-contact p, .result-contact p a {
							text-align: center;
							max-width: 70%;
							margin: auto;
							}
						}
						
					@media (max-width: 488px) {
						.result-contact p, .result-contact p a {
							max-width: 100%;
							color: #464646;
							}
						}	
					
					.result-contact p a {
						display: inline-block;
						background: none;
						width: auto;
						height: auto;
						float: none;
						margin: 0!important;
						color: #ADD5AE;
						}
						
						.result-contact p a:hover {
							background: none;
							}
						
				
					.result-contact p.phone {
						color: #464646;
						font: 200 18px "Roboto", Arial, Helvetica, sans-serif;
						margin-top: 20px;
						padding-bottom: 3px;
						}
						
						.result-contact p.phone span {
							font: 400 18px "Roboto", Arial, Helvetica, sans-serif;
							}	
							
					.result-contact .email-web a {
						color: #252525;
						text-decoration: underline;
						font: 400 14px "Roboto", Arial, Helvetica, sans-serif;	
						margin-bottom: 20px;
						}	
						
						@media (max-width: 488px) {
							.result-contact .email-web span {
								display: none;
								}
							}
			
			a.result.btn {
				margin: 0 0 160px 0;
				}
				
				@media (max-width: 979px) {
					a.result.btn {
						margin: 0 auto 30px;
						}
					}
			
		.result-contact .addthis_toolbox {
			float: right;
			}
			
			@media (max-width: 979px) {
				.result-contact .addthis_toolbox {
					float: none;
					margin: auto;
					max-width: 350px;
					overflow: hidden;
					}
				}
				
			@media (max-width: 488px) {
				.result-contact .addthis_toolbox {
					display: none;
					}
				
				}	
				
			.result-contact .addthis_toolbox p {
				font: 400 18px/24px "Roboto",Arial,Helvetica,sans-serif;
				float: left;
				margin-top: 24px;
				}	
				
				@media (min-width: 980px) and (max-width: 1199px) {
					.result-contact .addthis_toolbox p {
						display: none;
						}
					}
					
				@media (max-width: 979px) {
					.result-contact .addthis_toolbox p {
						margin-right: 10px;
						}
					}	
				
			.result-contact .addthis_toolbox a {
				background: none;
				width: auto;
				height: auto;
				float: left;
				}
				
				@media (max-width: 979px) {
					.result-contact .addthis_toolbox a {
						margin-right: 10px!important;
						}
					}

	
/*________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________  FOOTER SECTION */



/*============ source links ================*/		

#source-left {
	width: 48.5%;
	padding: 0 1.5% 50px 0;
	float: left;
	text-align: right;
	}	
	
#source-right {
	width: 48.5%;
	padding: 0 0 50px 1.5%;
	float: left;
	text-align: left;
	}	
	
	@media (max-width: 979px) {
		#source-left, #source-right {
			padding: 0 1.5%;
			width: 47%;
			}	
		}
	
	@media (max-width: 767px) {
		#source-left, #source-right {
			width: 90%;
			padding: 0 5%;
			text-align: center;
			}
		}
	
	#source-left p a, #source-right p a {
		color: #7d7d7d;
		font: 300 14px/23px "Roboto",Arial,Helvetica,sans-serif;
		}
		
		#source-left p.source-symptom, #source-right p.source-symptom {
			padding-bottom: 0;
			font: 300 16px/19px "Roboto",Arial,Helvetica,sans-serif;
			}
		
		#source-left p {
			padding-right: 0;
			}
			
		#source-right p {
			padding-left: 0;
			}	
			
			@media (max-width: 979px) {
				#source-left p, #source-right p {
					width: 95%;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					}
				}
			
			@media (max-width: 767px) {
				#source-left p, #source-right p {
					padding-left: 0;
					padding-right: 0;
					width: 100%;
					}
				}
				
	
	a.btn.source {
		clear: both;
		}
	
	#footer .divider {
		background: #e3e3e3;
		height: 1px;
		width: 38%;
		display: block;
		margin: 10px auto 25px;
		}

	#footer a.btn.orange {
		clear: both;
		font-size: 23px;
		} 

	




/*=======================================================================================================================================================================================================

				THEME STYLES								THEME STYLES										THEME STYLES										THEME STYLES

=======================================================================================================================================================================================================*/


	
/* TEXT STYLES */

.green {
	color: #add5ae;
	}
	
	.dk-green {
		color: #93bf95!important;
		}

.grey {
	color: #5b5f51;
	}

	.dk-grey {
		color: #504e4e;
		}

.blue {
	color: #7495b1;
	}
	
	.dk-blue {
		color: #567187;
		}

.white {
	color: #fff!important;
	}
	
.blk {
	color: #000!important;
	}	
	
.yellow {
	color: #f0ad00;
	}
	
	
	
	
	

	
/* Addthis share button styling */
	
.result .main-share {
	max-width: 100%;
	margin: 0 0 100px;
	}	
	
	.main-share .addthis_floating_style {
		position: fixed;
		z-index: 200;
		top: 0;
		left: 0;
		padding-left: 10px;
		border-radius: 0;
		padding-top: 9px;
		background: none;
		}		
				
		@media (max-width: 1200px) {
			.main-share .addthis_floating_style.addthis_toolbox a.desktop, .addthis_floating_style a.desktop, .addthis_floating_style.addthis_16x16_style a.desktop, .addthis_floating_style.addthis_20x20_style a.desktop, .addthis_floating_style.addthis_32x32_style a.desktop {
				display: none!important;
				}
				
			.main-share .addthis_floating_style {
				top: 0;
				right: 0;
				}	
			}
			
		@media (max-width: 979px) {
			 .main-share .addthis_floating_style a.desktop {
				 display: none;
				 }
			}	
			
		@media (max-width: 488px) {
			.main-share .addthis_floating_style {
				right: auto;
				left: 0;
				padding-right: 0;
				padding-left: 10px;
				}
			}
		
/*____ Results share buttons ______*/

.share {
	padding: 20px 0 10px;
	max-width: 290px;
	text-align: center;
	margin: auto;
	overflow: hidden;
	max-height: 60px;
	background: none;
	}
	
	@media (max-width: 488px) {
		.share {
			margin: 100px auto 0;
			}
		}

	.share p {
		width: 100%;
		font: 12px "weston",Verdana,Geneva,sans-serif;
		color: #fff;
		text-transform: uppercase;
		}	
		
		@media (max-width: 979px) {
			.share p {
				padding: 0;
				}
			}
		
	.share .result-share-btns {
		width: 200px;
		margin: auto;
		overflow: hidden;
		}	
		
		.share .result-share-btns a {
			float: left;
			margin: 3px 10px 0;
			}	
	
	#___plusone_0 {
		margin: 8px 0 0 7px!important;
		float: left!important;
		}
			
				
		

/* RESULTS PAGE MENU */	
	
#footer-menu {
	width: 80%;
	display: table;
	overflow: hidden;
	margin: 0 10% 20px;
	}
	
	#title-page #footer-menu {
		width: 70%;
		margin: 0 15% 20px;
		}
	
	#footer-menu li {
		display: table-cell;
		height: 14px;
		border-right: solid 1px #989797;
		text-align: center;
		padding: 0 10px 2px 10px;
		vertical-align: middle;
		}
		
		#footer-menu li.last {
			border: none;
			}
		
		
		@media (max-width: 767px) {
			 #footer-menu li {
				 display: block;
				 border: none;
				 height: 30px;
				 }
			 }
		
		#footer-menu li a {
			font: 400 12.5px/14px "Roboto",Arial,Helvetica,sans-serif;
			color: #7c7c7c;
			text-align: center;
			}
			
			#footer-menu li a:hover {color: #252525;}
			
			@media (max-width: 767px) {
				#footer-menu li a {
					font: 400 14px/30px "Roboto",Arial,Helvetica,sans-serif;
					}
				}