#Household{

}

	.household_me {
		left: 0!important;
	}
	#Household .survey_line{
		width: 380px;
	}
		#Household .household_think .survey_line{
			width: 414px;
		}
			.household_income_label{
				width: 410px;
			}
			.household_thinkpoverty_label .placeholder_country_particle--in{
				text-transform: capitalize;
			}

	.household_periodicity,
	.household_owner_periodicity{
		margin:10px 0 35px 0;
	}

	.is_owner {
		visibility: hidden;
		opacity: 0;
		height: 0;
		-webkit-transition:height 0.3s ease-out;
		-ms-transition:height 0.3s ease-out;
		transition:height 0.3s ease-out;
	}
		.is_owner.displayed{
			-webkit-transition:opacity 0.3s ease-out 0.3s, height 0.3s ease-out;
			-ms-transition:opacity 0.3s ease-out 0.3s, height 0.3s ease-out;
			transition:opacity 0.3s ease-out 0.3s, height 0.3s ease-out;
			visibility: visible;
			opacity: 1;
			height: 240px;
		}
	.is_owner .household_owner_value_label {
		width: 430px;
	}

	.household_circular, 
	.household_owner_circular{
		width: 160px;
		height: 160px;
		background: #fff;
		border:2px solid #008FD3;
		border-radius: 100px;
		position: relative;
		margin: 30px 0;
	}
		.household_circular:before, 
		.household_owner_circular:before{
			content:"";
			position: absolute;
			background: #A2CBED;
			border: 2px solid #008FD3;
			width: 150px;
			height: 150px;
			left: 3px;
			top: 3px;
			border-radius: 90px;
		}
		.household_circular .circular_handle, 
		.household_owner_circular .circular_handle_owner{
			position: absolute;
			z-index:100;
			cursor: pointer;
			background: url("../img/spinner_grip.svg") no-repeat scroll 0 0;
		    cursor: pointer;
		    display: block;
		    height: 36px;
		    width: 41px;
		}
			.household_circular .circular_handle:hover, 
			.household_owner_circular .circular_handle_owner:hover{
				background: url("../img/spinner_grip-hover.svg") no-repeat scroll 0 0;
			}
		.household_circular #slider_svg, 
		.household_owner_circular #slider_owner_svg{
			width: 100%;
			height: 100%;
			-webkit-transform:rotate(-89.9deg);
			-ms-transform:rotate(-89.9deg);
			transform:rotate(-89.9deg);
		}
		.circular_value{
			position: absolute;
			left: 8%;
			top: 66px;
			width: 66%;
			text-align: center;
			font-size: 18px;
			line-height: 20px;
			color: #008FD3;
			height: 26px;
			background:#fff;
			border: 0px solid;
		}
		.circular_unit{
			position: absolute;
			right: 15px;
			top: 70px;
			font-size: 18px;
			line-height: 20px;
			color: #008FD3;
		}

	.slider_container{
		position: relative;
		height: 40px;
		margin: 24px 0 20px;
		width: 300px;
	}
		.income_slider_bound, .think_slider_bound, .poverty_slider_bound{
			position: absolute;
			top: 10px;
			font-size: 14px;
			line-height: 18px;
			width: 80px;
		}
			.income_slider_bound--low, .think_slider_bound--low, .poverty_slider_bound--low{
				left: 0px;
			}
			.income_slider_bound--up, .think_slider_bound--up, .poverty_slider_bound--up{
				right: 0px;
				text-align: right;
			}

			.think_slider_bound{
				top: 24px;
			}
				.think_slider_bound .bigger{
					color: #008FD3;
					font-size: 22px;
				}

		.household_income_slider, .household_think_slider, .household_poverty_slider{
			width: 100%;
		}
		.household_house_income, .poverty_value{
			position: absolute;
			-webkit-transform:translate(-45%,15px);
			-ms-transform:translate(-45%,15px);
			transform:translate(-45%,15px);
			color: #008FD3;
			font-size: 16px;
			line-height: 20px;
			width: 110px;
			text-align: center;
		}
		.household_income_tooltip,
		.household_owner_tooltip{
			padding:5px;
			position: absolute;
			left: 210px;
			width: 230px;
			opacity: 0;
			z-index: -1;
			font-size: 12px;
			color: #fff;
			line-height: 14px;
			-webkit-transition:opacity 0.3s ease-out;
			-ms-transition:opacity 0.3s ease-out;
			transition:opacity 0.3s ease-out;
		}
		.household_income_tooltip { top: 175px; }
		.household_owner_tooltip { top: 160px; }
			.household_income_tooltip.displayed,
			.household_owner_tooltip.displayed{
				opacity: 1;
				z-index: 1;
			}
				.household_income_tooltip.displayed:before,
				.household_owner_tooltip.displayed:before{
					content: "";
					background: url("../img/arrow_back_white.svg") no-repeat 0 0;
					background-size: 7px 10px;
					width: 7px;
					height: 10px;
					top: 50%;
					left: -15px;
					position: absolute;
					margin-top: -5px;
				}

.household_family {
	-webkit-transform:scale(0.8) translate(-65px, 0);
		-ms-transform:scale(0.8) translate(-65px, 0);
			transform:scale(0.8) translate(-65px, 0);
	-webkit-transition:transform 0.6s ease-out;
	-ms-transition:transform 0.6s ease-out;
	transition:transform 0.6s ease-out;
}

.house {
	position: absolute;
	bottom: 0px;
	left: -90px;
	height: 57px;
	width: 92px;
	background-repeat: no-repeat;
	background-position: bottom left;
	-webkit-transition:transform 0.6s ease-out;
	-ms-transition:transform 0.6s ease-out;
	transition:transform 0.6s ease-out;
}
	.house { background-image: url("../img/house1.svg"); }
	.house[data-value="1"] { background-image: url("../img/house1.svg"); }
	.house[data-value="2"] { background-image: url("../img/house2.svg"); }
	.house[data-value="3"] { background-image: url("../img/house3.svg"); }
	.house[data-value="4"] { background-image: url("../img/house4.svg"); }
	.house[data-value="5"] { background-image: url("../img/house5.svg"); }


.household_stage{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	-webkit-transform:translate(0,500px);
	-ms-transform:translate(0,500px);
	transform:translate(0,500px);
	-webkit-transition:transform 1s ease-out;
	-ms-transition:transform 1s ease-out;
	transition:transform 1s ease-out;
}
	.household_stage.displayed{
		-webkit-transform:translate(0,0);
		-ms-transform:translate(0,0);
		transform:translate(0,0);
	}

	.household_house{
		position: absolute;
		left: 50%;
		margin-left: 130px;
		margin-top: -40px;
		-webkit-transition:-webkit-transform 0.5s ease-out, margin 0.5s ease-out;
		-ms-transition:-ms-transform 0.5s ease-out, margin 0.5s ease-out;
		transition:transform 0.5s ease-out, margin 0.5s ease-out;
		-webkit-transform:scale(0.9);
		-ms-transform:scale(0.9);
		transform:scale(0.9);
	}
	.household_house.scaleless{
		-webkit-transform:scale(0.5);
		-ms-transform:scale(0.5);
		transform:scale(0.5);
		margin-top: -110px;
		margin-left: 4px;
		bottom: 30px;
	}

		.household_planetincome_container{
			position: absolute;
			bottom: -30px;
			left: 50%;
			-webkit-transform:translate(-50%, 0);
			-ms-transform:translate(-50%, 0);
			transform:translate(-50%, 0);
			width: 320px;
			height: 0px;
			overflow: hidden;
		}
			.household_planetincome{
				width: 320px;
				height: 120px;
				background:url("../img/planet--gold.svg") no-repeat 0 0;
				background-size: 320px auto;
				position: absolute;
				bottom: 0;
				left: 0;
			}
				.household_planetincome:after{
					content: "";
					display: block;
					background: transparent url("../img/wave_filled.svg") repeat-x scroll 0% 0%;
					bottom: 0px;
					position: absolute;
					width: 100%;
					height: 10px;
				}

	.household_planets{
		position: absolute;
		left: 0px;
		bottom: 0px;
		opacity: 0;
		width: 100%;
		-webkit-transition:opacity 0.5s ease-out;
		-ms-transition:opacity 0.5s ease-out;
		transition:opacity 0.5s ease-out;
	}
		.household_planets.displayed{
			opacity: 1;
		}
		.household_planets .household_planet,
		.household_planet{
			width: 320px;
			height: 120px;
			background:url("../img/planet.svg") no-repeat 0 0;
			background-size: 320px auto;
			bottom: -30px;
			left: 50%;
			position: absolute;
			left: auto;
			-webkit-transform:translate(-50%, 0);
			-ms-transform:translate(-50%, 0);
			transform:translate(-50%, 0);
		}

		.planet_income_container{
			position: absolute;
			overflow: hidden;
			-webkit-transform:translate(-50%, 0);
			-ms-transform:translate(-50%, 0);
			transform:translate(-50%, 0);
		}
			.planet_income_container .planet_income{
				width: 320px;
				height: 80px;
				background:url("../img/planet--gold.svg") no-repeat 0 0;
				background-size: 320px auto;
				position: absolute;
				bottom: 0;
				left: 0;
			}
				.household_planets .household_planet:after,
				.household_planet:after,
				.household_planet--poor:after,
				.planet_income_container .planet_income:after{
					content: "";
					display: block;
					background: transparent url("../img/wave_filled.svg") repeat-x scroll 0% 0%;
					bottom: 0px;
					position: absolute;
					width: 100%;
					height: 10px;
				}

			/* Poors */

			.household_planets .household_planet--poor,
			.planet_income_container--poor {
				left: 100px;
				bottom: 30px;
			}
			.household_planets .household_planet--poor,
			.planet_income_container--poor,
			.planet_income_container--poor .planet_income{
				width: 130px;
				height: 35px;
				background-size: 130px auto;
			}
			.planet_income_container--poor{
				height: 0px;
			}
				.household_poor_member{
					opacity: 0;
				}
					.household_poor_member.displayed{ opacity: 1;}

			/* Riches */

			.household_planets .household_planet--rich,
			.planet_income_container--rich {
				right: -170px;
				bottom: 35px;
			}
			.household_planets .household_planet--rich,
			.planet_income_container--rich,
			.planet_income_container--rich .planet_income{
				width: 300px;
				height: 150px;
				background-size: 300px auto;
			}
			.planet_income_container--rich{
				height: 130px;
			}
				.household_rich_member{
					opacity: 0;
				}
					.household_rich_member.displayed{ opacity: 1;}
			.household_planet--rich .house--rich {
				position: absolute;
				top: -40px;
				left: 60px;
				height: 57px;
				width: 92px;
				background-repeat: no-repeat;
				background-position: left bottom;
				transition: transform 0.6s ease-out 0s;
				background-image: url("../img/house5.svg")!important;
				background-size: 46px auto;
			}
			

	.poor_border{
		position: absolute;
		left: 20%;
		bottom: 60px;
		background: url("../img/poverty_planet.svg") no-repeat 14px 0;
		background-size: 63px 94px;
		width: 63px;
		height: 94px;
		-webkit-transform:translate(-50%,0);
		-ms-transform:translate(-50%,0);
		transform:translate(-50%,0);
		-webkit-transition:opacity 0.3s ease-out;
		-ms-transition:opacity 0.3s ease-out;
		transition:opacity 0.3s ease-out;
		opacity: 1;
		z-index: 1;
	}
		.poor_border.invisible{
			opacity: 0;
			z-index: -1;
		}

.household_waves--1 {
	position: absolute;
	top: -110px;
	left: 150px;
}
.household_waves--2 {
	position: absolute;
	left: -330px;
	top: -80px;
}

#ResHousehold{}
	#ResHousehold .household_stage{
		z-index: 10;
	}
	#ResHousehold .household_house{
		-webkit-transition:left 0.6s ease-out;
		-ms-transition:left 0.6s ease-out;
		transition:left 0.6s ease-out;
	}
	#ResHousehold .poor_border{
		-webkit-transition:left 0.6s ease-out;
		-ms-transition:left 0.6s ease-out;
		transition:left 0.6s ease-out;
	}

	.poor_border .poor_value{
		position: absolute;
		left: 33px;
		bottom: 270px;
		width: 1px;
	}
		.poor_border .poor_value:before{
			content: "";
			position: absolute;
			left: 0px;
			top: 0px;
			height: 220px;
			border-left: 2px dashed #6e6d5b;
			width: 1px;
		}
			.poor_value .poor_value_display{
				position: absolute;
				left: 15px;
				top: 5px;
				color: #6e6d5b;
				font-size: 14px;
				text-align: left;
				width: 80px;
			}
				.poor_value .poor_value_display .bigger{
					font-size: 18px;
				}

	#ResHousehold .res_arrows{
		position: absolute;
		left: 10%;
		top: 220px;
		width: 80%;
		opacity: 0;
	}
		#ResHousehold .res_arrows.displayed{
			opacity: 1;
		}
		.res_arrows .res_arrow{
			position: absolute;
			height: 3px;
		}
		.res_arrows .res_arrow_poor{
			left: 0px;
			top: 0px;
			background:#6e6d5b;
			color: #6e6d5b;
			z-index: 1;
			-webkit-transition:width 0.6s ease-out;
			-ms-transition:width 0.6s ease-out;
			transition:width 0.6s ease-out;
		}
			.res_arrow_poor:before{
				content:"<";
				position: absolute;
				left: -4px;
				top: -11px;
				font-size: 18.5px;
				color: #6e6d5b;
			}
		.res_arrows .res_arrow_rich{
			right: 0px;
			top: 0px;
			width: 100%;
			background:#000000;
			color: #000000;
		}
			.res_arrow_rich:before{
				content:">";
				position: absolute;
				right: -4px;
				top: -11px;
				font-size: 18.5px;
				color: #000000;
			}
			.res_arrow_legend,
			.res_median_legend {
				position: absolute;
				left: 50%;
				bottom: 13px;
				font-size: 14px;
				width: 150px;
				line-height: 18px;
				-webkit-transform:translate(-50%, 0);
				-ms-transform:translate(-50%, 0);
				transform:translate(-50%, 0);
			}
				.res_median_legend {
					left: 0;
				}
				.res_arrow_legend .bigger,
				.res_median_legend .bigger{
					font-size: 18.5px;
					color: #6e6d5b;
				}
			.res_arrow_rich .res_arrow_legend_container{
				right: 0px;
				position: absolute;
				bottom: 0px;
				-webkit-transition:width 0.6s ease-out;
				-ms-transition:width 0.6s ease-out;
				transition:width 0.6s ease-out;
			}
				.res_arrow_legend[data-type="rich"] .bigger,
				.res_median_legend[data-type="rich"] .bigger{
					color: #000000;
				}

			.res_median_legend[data-type="median100"],
			.res_median_legend[data-type="country"]{
				bottom: 10px;
				position: absolute;
				-webkit-transform:translate(-50%, 0);
				-ms-transform:translate(-50%, 0);
				transform:translate(-50%, 0);
			}
			.res_median_legend[data-type="country"] {
				left: 16.666%;
			}
			.res_median_legend[data-type="median100"] {
				left: 33.333%;
			}
				.res_median_legend[data-type="median100"]::after,
				.res_median_legend[data-type="country"]::after {
					content: "";
					border-left: 2px dashed #6E6D5B;
					width: 0px;
					left: 50%;
					position: absolute;
					height: 20px;
					top: 38px;
				}

			.res_median_legend[data-type="user"],
			.res_median_legend[data-type="user-before"],
			.res_median_legend[data-type="user-after"] {
				position: absolute;
				left: 100%;
				-webkit-transform:translate(-50%, 0);
				-ms-transform:translate(-50%, 0);
				transform:translate(-50%, 0);
				top: 30px;
				width: 200px;
			}


	#ResHousehold .info_tooltip{
		position: absolute;
		left: 100%;
		top: 16px;
	}
		#ResHousehold .info_tooltip[data-step="median"]{
			left: 16.666%;
			top: -70px;
		}
		#ResHousehold .info_tooltip[data-step="medianuser"]{
			top: 10px;
		}
		#ResHousehold .info_tooltip[data-step="median100"]{
			top: -70px;
			left: 33.333%;
		}
	#ResHousehold .info_tooltip_text{
		width: 180px;
		margin-left: -90px;
		left: 100%;
		top: 0;
		-webkit-transform:translate(0,-100%);
		-ms-transform:translate(0,-100%);
		transform:translate(0,-100%);
	}
		#ResHousehold .info_tooltip_text[data-step="median"]{
			left: 16.666%;
			top: -80px;
			width: 180px;
			font-size: 12px;
			line-height: 16px;
			margin-left: -90px;
			z-index: 201;
		}
			.info_tooltip_text .placeholder_household_poverty{
				white-space: nowrap;
			}
		#ResHousehold .info_tooltip_text[data-step="medianuser"]{
			top: 0px;
		}
		#ResHousehold .info_tooltip_text[data-step="median100"]{
			left: 33.333%;
			top: -80px;
			z-index: 201;
		}

	#ResHousehold  .survey_action {
		position: absolute;
		right: 60px;
		top: 75px;
		width:115px;
	}


	.reshousehold_waves--1 {
		position: absolute;
		bottom:250px;
		left:100px;
	}
	.reshousehold_waves--2 {
		position: absolute;
		left: 570px;
		bottom: 80px;
	}