/*////////////////////////////////////////////////////////////////

	This file contains all defaults positions for avatar images
	and widht/heights from all screens.

	______________________________________________________________
	
	INDEX
	______________________________________________________________124

		1. Defaults
		2. Types
		3. Customizer
		4. Screen
		5. Avatar Modal

////////////////////////////////////////////////////////////////*/


/*	1. Defaults
////////////////////////////////////////////////////////////////*/

.avatar {
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	position: absolute;
	z-index: 1;
}
#canvas .screen .avatar.fade{
	transition:opacity 200ms;
	-moz-transition:opacity 200ms;
	-webkit-transition:opacity 200ms;
	opacity: 0!important;
}

	.avatar > div{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		overflow: hidden;
	}

	.avatar .avatar-body{
		z-index: 1;
	}
	.avatar .avatar-face{
		z-index: 2;
	}
	.avatar .avatar-face.back{
		z-index: 0;
	}

		.avatar img{
			position: absolute;
		}
		.avatar.male img.female{
			display: none;
		}
		.avatar.female img.male{
			display: none;
		}
		
		/* Full avatar on the left side */
		.avatar .avatar-face.face_1 img{ top: 0; left: 0; } /* super grandfather! */
		.avatar .avatar-face.face_2 img{ top: 0; left: -198px; } /* grandfather! */
		.avatar .avatar-face.face_3 img{ top: 0; left: -396px; } /* medium  age  */
		.avatar .avatar-face.face_4 img{ top: 0; left: -594px; } /* young  */
		
		/* Inner avatar on the tabs side */
		.avatar.inner .avatar-face.face_1 img{ top: 0; left: 0; } /* super grandfather! */
		.avatar.inner .avatar-face.face_2 img{ top: 0; left: -158px; } /* grandfather! */
		.avatar.inner .avatar-face.face_3 img{ top: 0; left: -316px; } /* medium  age  */
		.avatar.inner .avatar-face.face_4 img{ top: 0; left: -474px; } /* young  */
		
		.avatar .avatar-face.back img{ opacity: 0; }
		.avatar.female .avatar-face.face_2.back img{ top: -100%; left: -400%; opacity: 1}
		
		.avatar.female .avatar-face.face_0 img{ top: -100%; left: -100%; }
		.avatar.female .avatar-face.face_0.back img{ top: -100%; left: -400%; opacity: 1}
		.avatar.male .avatar-face.face_0 img{ top: -100%; left: 0; }
		
		.avatar.stand .avatar-body.body_1 img{ top: 0;	left: 0; }
		.avatar.stand .avatar-body.body_2 img{ top: 0;	left: -100%; }
		.avatar.stand .avatar-body.body_3 img{ top: 0;  left: -200%; }
		.avatar.stand .avatar-body.body_4 img{ top: 0;  left: -300%; }
		.avatar.stand .avatar-body.body_5 img{ top: 0;  left: -400%; }
		.avatar.stand .avatar-body.body_6 img{ top: 0;  left: -500%; }
		
		.avatar.female .avatar-body.body_1 img{ top: 0; left: 0%; }
		.avatar.male .avatar-body.body_1 img{ top: 0; left: 0; }
		
		/* Gender tab */
		#avatarCustomizeContent #tab-gender label .frame-inner .avatar.stand img {
			
		}
		#avatarCustomizeContent #tab-gender label .frame-inner .avatar.stand .equal {
			
		}
		
		/* Family tab */
		#avatarCustomizeContent #tab-family .portrait .frame-inner .avatar.stand img {
			
		}
		
		
/*	2. Types
////////////////////////////////////////////////////////////////*/
.avatar.stand {
	height: 550px;
	width:  198px;
}

/*	3. Customizer
////////////////////////////////////////////////////////////////*/
fl
#avatarCustomizeContent #tab-style label img{
	position: absolute;
}
#avatarCustomizeContent #tab-style  label span img{ 
	width: 600px;
}

#avatarCustomizeContent .dp {
	border: 0;
	background: none;
	background-size: 13px 7px;
	font-size: 32px;
	z-index: 1;
	margin: 0;
	cursor: pointer;
	padding-left: 0;
	padding-right: 0;
	display: inline-block;
	font-family: Arial, Helvetica;
}
#avatarCustomizeContent .dp.house-onwer {
	width: 97px;
}
#avatarCustomizeContent .dp.capital-required {
	width: 123px;
}
/*#avatarCustomizeContent .gender img{ bottom: 0; left: -400%; }*/
/*#avatarCustomizeContent .gender[data-value="female"] img{ bottom: 0; left: -500%; }*/

#avatarCustomizeContent #tab-style .body_1 span img{ top: -40%;	left: 0; }
#avatarCustomizeContent #tab-style .body_2 span img{ top: -40%;	left: -100%; }
#avatarCustomizeContent #tab-style .body_3 span img{ top: -40%;	left: -200%; }
#avatarCustomizeContent #tab-style .body_4 span img{ top: -40%;	left: -300%; }
#avatarCustomizeContent #tab-style .body_5 span img{ top: -40%;	left: -400%; }
#avatarCustomizeContent #tab-style .body_6 span img{ top: -40%;	left: -500%; }

/*	4. Screens
////////////////////////////////////////////////////////////////*/
#avatar-customize .avatar img{
	
}

/* .screen#home */
.screen#home .avatar img{
	
}

/* .screen#hall */
.screen#hall .avatar img{
	width: 59px;
	left: -3px;
	top: -5px;
}
	.screen#hall .avatar.female img{
		top: -30px;
	}

/* .screen#rooms */
.screen#room01 .avatar img,
.screen#room02 .avatar img,
.screen#room03 .avatar img{
	width: 220px;
}

/* Inner avatar on rooms */
.screen .avatar.inner .avatar-face.face_1 img{ top: 0; left: 0; } /* super grandfather! */
.screen .avatar.inner .avatar-face.face_2 img{ top: 0; left: -55px; } /* grandfather! */
.screen .avatar.inner .avatar-face.face_3 img{ top: 0; left: -110px; } /* medium  age  */
.screen .avatar.inner .avatar-face.face_4 img{ top: 0; left: -165px; } /* young  */
		

/*	5. Avatar Modal
////////////////////////////////////////////////////////////////*/
#avatar-modal{
	overflow: hidden;
}

#avatar-modal .inner-modal-container{
	width: 950px;
	margin: 25px auto;
	border:1px solid #dbdbdb;
}

#avatar-modal .inner-modal-container .panel {
	top: -100%;
	position: absolute;
	left: 200px;
	right: 200px;
	opacity: 0;
	border: none;
	transition:opacity 200ms, top 200ms;
	-moz-transition:opacity 200ms, top 200ms;
	-webkit-transition:opacity 200ms, top 200ms;
}
.confirm#avatar-modal .inner-modal-container .panel {
	z-index: 4;
	top: 165px;
	opacity: 1;
}

.confirm#avatar-modal .inner-modal-container .confirm_shadow{
	top: -59px;
	left: -39px;
	position: absolute;
	z-index: 3;
	background: rgba(0,0,0,0.25);
	height: 700px;
	width: 1060px;
}

	#avatar-customize .avatar-customize-container > .title{
		font-size: 28px;
		text-transform: none;
		position: absolute;
		z-index: 1;
		top: 0px;
		left: 222px;
		padding: 12px 20px 10px;
	}

	#avatar-customize .avatar-customize-container .tabs-container > .accept{
		font-size: 14px;
		margin-left: 30px;
	}
	#avatar-customize .avatar-customize-container .tabs-container > .accept:hover,
	#avatar-customize .avatar-customize-container .tabs-container > .accept:focus{
		text-decoration: none;
	}

	.avatar-customize-container{
		width: 950px;
		position: relative;
		height: 550px;
	}	

		.avatar-customize-container > .avatar{
			margin-top: /*32*/0px;
		}

		#avatar-customize .close-customize{
			position: absolute;
			right: 10px;
			top: 10px;
			width: 128px;
			text-align: left;
			font-size: 14px;
		}

			#avatar-customize .close-customize i{
				position: absolute;
				top: 2px;
				right: 10px;
				margin-left: 5px;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				top: 50%;
			}

		#avatar-customize .tabs-container,
		#avatar-customize .avatar-bg{
			float: left;
			width: 750px;
			height: 550px;
			overflow: hidden;
		}
		#avatar-customize .tabs-container {
			background-size: cover;
			background-image: url(../img/background-configurator.jpg);
			background-color: #fff;
		}
		#avatar-customize .avatar-bg{
			width: 198px;			
			border-right:1px solid #dbdbdb;
			background: rgb(255,255,255);
			background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 24%, rgba(240,240,240,1) 56%, rgba(232,231,231,1) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(24%,rgba(255,255,255,1)), color-stop(56%,rgba(240,240,240,1)), color-stop(100%,rgba(232,231,231,1)));
			background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 24%,rgba(240,240,240,1) 56%,rgba(232,231,231,1) 100%);
			background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 24%,rgba(240,240,240,1) 56%,rgba(232,231,231,1) 100%);
			background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 24%,rgba(240,240,240,1) 56%,rgba(232,231,231,1) 100%);
			background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 24%,rgba(240,240,240,1) 56%,rgba(232,231,231,1) 100%);
		}

			#avatarCustomize  {
				width: 225px;
				float: left;
				margin-left: 0;
				margin-top: 80px;
			}
			ul.nav-configurator#avatarCustomize li {
				list-style: none;
				padding: 2px 0;
			}
			ul.nav-configurator#avatarCustomize li {
				list-style: none;
			}
			ul.nav-configurator#avatarCustomize li a.btn-section-avatar {
				display: block;
				padding: 11px 10px 9px;
				font-size: 16px;
				line-height: 1;
				margin-bottom: 6px;
				border: 1px solid #dbdbdb;
				border-radius: 0px;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				text-align: left;
				color: #626f81;
			}
			ul.nav-configurator#avatarCustomize li a.btn-section-avatar:hover, ul.nav-configurator#avatarCustomize li.active a.btn-section-avatar {
				color: #0098db;
				background-color: #ebebeb;
			}
				

			#avatarCustomizeContent .tab-pane{
				padding: 0 40px;
				float: left;
				height: 400px;
				margin-top: 68px;
				width: 506px;
				position: relative;
			}

				#avatarCustomizeContent .tab-pane .swiper-container .arrow-left,
				#avatarCustomizeContent .tab-pane .swiper-container .arrow-right{
					position: absolute;
					z-index: 1;
					bottom: 38px;
					opacity: 1;
					font-size: 17px;
					transition: opacity 100ms, visibility 100ms;
					-moz-transition: opacity 100ms, visibility 100ms;
					-webkit-transition: opacity 100ms, visibility 100ms;
				}
				#avatarCustomizeContent .tab-pane .swiper-container .arrow-right{
					right: 0;
				}
					#avatarCustomizeContent .tab-pane .swiper-container .arrow-right a{
						text-align: left;
						padding-left: 70px;
						padding-right: 40px;
						line-height: 1;
					}
					#avatarCustomizeContent .tab-pane .swiper-container .arrow-right .image{
						display: inline-block;
						width: 50px;
						overflow: hidden;
						height: 83px;
						position: absolute;
						left: 7px;
						top: -24px;
					}
					.female #avatarCustomizeContent .tab-pane .swiper-container .arrow-right .image img{
						position: absolute;
						right: 0;
					}
					#avatarCustomizeContent .tab-pane .swiper-container .arrow-right .arrow{
						position: absolute;
						height: 100%;
						top: 0;
						right: 10px;
						line-height: 2.7;
						animation: arrow_right 1s infinite;
						-moz-animation: arrow_right 1s infinite;
						-webkit-animation: arrow_right 1s infinite;
					}
				#avatarCustomizeContent .tab-pane .swiper-container .arrow-left{
					text-align: left;
					left: 0;
				}
					#avatarCustomizeContent .tab-pane .swiper-container .arrow-left a{
						text-align: left;
						padding-left: 40px;
						line-height: 1;
					}
						#avatarCustomizeContent .tab-pane .swiper-container .arrow-left .arrow{
							position: absolute;
							height: 100%;
							top: 0;
							left: 10px;
							line-height: 2.7;
							animation: arrow_left 1s infinite;
							-moz-animation: arrow_left 1s infinite;
							-webkit-animation: arrow_left 1s infinite;
						}
				#avatarCustomizeContent .tab-pane .swiper-container .arrow-left:hover,
				#avatarCustomizeContent .tab-pane .swiper-container .arrow-right:hover,
				#avatarCustomizeContent .tab-pane .swiper-container .arrow-left:focus,
				#avatarCustomizeContent .tab-pane .swiper-container .arrow-right:focus{
					opacity: 0.9;
				}

				#avatarCustomizeContent .tab-pane .swiper-container .arrow-left.inactive,
				#avatarCustomizeContent .tab-pane .swiper-container .arrow-right.inactive{
					opacity: 0;
					visibility: hidden;
				}

				@-webkit-keyframes arrow_left{
					0%   { left: 10px }
					50%  { left: 5px; }
					100% { left: 10px }
				}
				@keyframes arrow_left{
					0%   { left: 10px }
					50%  { left: 5px; }
					100% { left: 10px }
				}
				@-webkit-keyframes arrow_right{
					0%   { right: 10px }
					50%  { right: 5px; }
					100% { right: 10px }
				}
				@keyframes arrow_right{
					0%   { right: 10px }
					50%  { right: 5px; }
					100% { right: 10px }
				}	
					.male #avatarCustomizeContent label.female,
					.female #avatarCustomizeContent label.male{
						display: none!important;
					}
					
					#avatarCustomizeContent .swiper-wrapper{
						height: 396px!important;
						overflow: hidden;
					}
						#avatarCustomizeContent h3{
							font-size: 16px;
							margin: 10px 0px;
							width: 90%;
							line-height:22px;
							clear: both;
						}
						#avatarCustomizeContent label.checkbox{
							background: url(../img/checkbox.png) no-repeat top left;
							font-size: 16px;
							display: inline-block;
							text-align: left;
							padding: 0px 0 0px 33px;
							margin: 6px 0;
							cursor: pointer;
							background-size: 20px;
							font-weight: normal;
							width:100%;
						}
						#avatarCustomizeContent label.checkbox.active{
							background: url(../img/checkbox_checked.png) no-repeat top left;
							background-size: 20px;
						}

						#avatarCustomizeContent #tab-profile .options-jobs{
							display: none;
							width: 200px;
							margin: 25px 0 0 0;
						}
							#avatarCustomizeContent #tab-profile .options-jobs.active{
								display: block;
							}
						#avatarCustomizeContent #tab-style .wrap {
							margin-top: 34px;
						}
						#avatarCustomizeContent #tab-style label {
							cursor: pointer;
							position: relative;
						}
						#avatarCustomizeContent #tab-style label.part{
							margin-bottom: 10px;
							margin-left: 40px;
							padding: 6px;
							opacity: 0.4;
							transition: background 200ms, opacity 200ms;
							-moz-transition: background 200ms, opacity 200ms;
							-webkit-transition: background 200ms, opacity 200ms;
						}
						body.desktop #avatarCustomizeContent #tab-style label.part:hover,
						#avatarCustomizeContent #tab-style label.part.active{
							opacity: 1;
						}

						#avatarCustomizeContent #tab-style label.part> img{
							position: absolute;
							bottom: 10px;
							right: 10px;
							display: none;
						}
						#avatarCustomizeContent #tab-style label.part.active> img{
							display: inline;
						}

							#avatarCustomizeContent #tab-style label.part span{
								height: 221px;
								width: 100px;
								display: block;
								text-align: center;
								overflow: hidden;
								position: relative;
							}
						#avatarCustomizeContent #tab-style label.part.first{
							margin-left: 0;
						}
						#avatarCustomizeContent #tab-gender label,
						#avatarCustomizeContent #tab-family .portrait{
							height: 158px;
							width: 158px;
							margin: 20px 20px 0px 0px;
						}
						#avatarCustomizeContent #tab-gender label{
							cursor: pointer;
							position: relative;
							display: inline-table;
						}
						#avatarCustomizeContent #tab-family .portrait{
							margin:0;
						}
							
														
							#avatarCustomizeContent #tab-gender label .frame-inner{
								width: 158px;
								margin: 0;
								overflow: hidden;
								height: 158px;
								position: relative;
								
							}
							#avatarCustomizeContent #tab-family .portrait .frame-inner{
								width: 158px;
								margin: 0;
								overflow: hidden;
								height: 158px;
								position: absolute;
								left: 0;
								top: 0;
							}
							#avatarCustomizeContent #tab-gender label .frame-inner{
								transition: opacity 200ms, background 200ms;
								-moz-transition: opacity 200ms, background 200ms;
								-webkit-transition: opacity 200ms, background 200ms;
								opacity: 0.5;
							}
							#avatarCustomizeContent #tab-gender .active .frame-inner,
							#avatarCustomizeContent #tab-gender label .frame-inner:hover{
								background: none;
								opacity: 1;
							}

							#avatarCustomizeContent #tab-gender label > img{
								display: none;
							}
							#avatarCustomizeContent #tab-gender label.active > img{
								display: block;
								position: absolute;
								bottom: 0;
								right: 0;
								z-index:3;
							}

								#avatarCustomizeContent #tab-gender label .frame-inner .avatar.stand, 
								#avatarCustomizeContent #tab-family .portrait .frame-inner .avatar.stand  {
									height: 158px;
									width: 158px;
									margin: 0 0 0 0 ! important;
								}
								
								#avatarCustomizeContent #tab-gender label .frame-inner .avatar.stand img{
									
								}
								
								
								#avatarCustomizeContent #tab-gender label .frame-inner .avatar.stand .equal{
									
								}
								
								#avatarCustomizeContent #tab-family .portrait .frame-inner .avatar.stand img {
									
									
								}
																
								#avatarCustomizeContent #tab-family .portrait .frame-inner .avatar.stand .equal{
									
								}

						#avatarCustomizeContent #tab-family .children{
							position: absolute;
							z-index: 1;
							cursor: pointer;
							opacity: 0.4;
							transition: opacity 200ms;
							-moz-transition: opacity 200ms;
							-webkit-transition: opacity 200ms;
						}
						#avatarCustomizeContent #tab-family .children > img:first-child{
							position: absolute;
							bottom: 0px;
							right: 0px;
							display: none;
						}
						#avatarCustomizeContent #tab-family .children.active > img:first-child{
							display: inline;
						}
						
						.mobileDev #avatarCustomizeContent #tab-family .children {
							opacity: 0.4;
						}
						
						body.desktop #avatarCustomizeContent #tab-family .children:hover,
						#avatarCustomizeContent #tab-family .children.active{
							opacity: 1;
						}
						
						#avatarCustomizeContent #tab-family .wrap-family{
							position: relative;
							height: 223px;
							margin-bottom: 19px;
							margin-top: 28px;
						}
						
							#avatarCustomizeContent #tab-family .wrap-family .child_01{
								left: 0;
								top: 0;
							}
							#avatarCustomizeContent #tab-family .wrap-family .child_02{
								right: 66px;
								top: 0;
							}
							#avatarCustomizeContent #tab-family .wrap-family .child_03{
								top: 127px;
								left: 0;
							}
							#avatarCustomizeContent #tab-family .wrap-family .child_04{
								top: 127px;
								right: 66px;
							}						
						
						#avatarCustomizeContent #tab-family .family-type{
							position: absolute;
							height: 250px;
							margin-bottom: 20px;
							left: 100px;
							top: 0;
						}						
						
							#avatarCustomizeContent #tab-family .family-type .portrait-container{
								position: absolute;
								width: 100%;
								top: 20px;
								opacity: 0;
								transition: opacity 200ms;
								-moz-transition: opacity 200ms;
								-webkit-transition: opacity 200ms;
							}
							#avatarCustomizeContent #tab-family .family-type .portrait-container.active{
								opacity: 1;
							}
								#avatarCustomizeContent #tab-family .family-type .portrait-container.married img {
									margin-top: 0;
								}
								#avatarCustomizeContent #tab-family .family-type .portrait-container.single img {
									margin-top: 0;
								}
							


						#avatarCustomizeContent #tab-assets h3:first-child{
							margin-bottom: 6px;
						}

						#avatarCustomizeContent #tab-assets h3{
							line-height: 15px;
						}
						
						#avatarCustomizeContent #tab-assets .btn{
							min-width: 173px;
							
						}
						#avatarCustomizeContent #tab-family .btn{
							min-width: 182px;
							
						}
						#avatarCustomizeContent #tab-money .btn{
							font-weight: bold;
							min-width: 115px;
							text-align:center;
							
						}
							#avatarCustomizeContent #tab-money .btn{
								font-weight: bold;
								min-width: 115px;
								text-align:center;
							}
						#avatarCustomizeContent #tab-money #sl_savings {
							margin-top: 40px;
						}
						
						#avatarCustomizeContent .btn{
							background-repeat:  no-repeat;
							background-position: 5px -10px ;
							background-size: 15px 14px;
							border-radius: 0px;
							-webkit-border-radius: 0px;
							-moz-border-radius: 0px;							
							font-size:16px;
						}
						#avatarCustomizeContent .btn.active{
							background-size: 15px 14px;
							background-image: url(../img/check_white@2x.png);
							background-position: 95% center ;
							background-repeat:  no-repeat;
						}
						/*#avatarCustomizeContent #tab-family .btn:last-child{
							border-bottom-right-radius: 15px;
							border-top-right-radius: 15px;
						}
						#avatarCustomizeContent #tab-family .btn:first-child{
							border-bottom-left-radius: 15px;
							border-top-left-radius: 15px;
						}*/

						#avatarCustomizeContent  #tab-style .swiper-slide>img{
							position: absolute;
							z-index: 1;
							margin: 14px;
						}
                        
                        #avatarCustomizeContent .wrap-select {
                            position: relative;
                        }
						
						#avatarCustomizeContent #tab-gender #avatar-age-big,
						#avatarCustomizeContent #tab-assets #dp_house_onwer-big{
							position: relative;
							font-size: 32px;
							z-index: 1;
							margin: 0;
							margin-right: 6px;
						}
							#avatarCustomizeContent #tab-gender #avatar-age-big i,
							#avatarCustomizeContent #tab-assets #dp_house_onwer-big i {
								position: relative;
								  top: -3px;
								  font-size: 17px;
						    }
						
						
						#avatarCustomizeContent #tab-gender #avatar-age,
						#avatarCustomizeContent #tab-assets #dp_house_onwer{
							position: absolute;
							font-size: 12px;
							width: 30%;
							margin: auto;
							top: 0;
							left: 0;
							z-index: 2;
							opacity: 0;
							cursor: pointer;
							padding: 0;
							height: 50px;
							border: 1px solid red;
						}

						#avatarCustomizeContent #tab-money .images-container{
							width: 80%;
							height: 97px;
							position: relative;
							top: -10px;
						}
						#avatarCustomizeContent #tab-assets .images-container {
							width: 80%;
							height: 102px;
							position: relative;
						}
						
						#avatarCustomizeContent #tab-money .images-container.cont_02 {
							height: 100px;
						}
						
							#avatarCustomizeContent #tab-money .images-container .money_img,
							#avatarCustomizeContent #tab-assets .images-container .house_img,
							#avatarCustomizeContent #tab-balance .images-container .savebox_img,
							#avatarCustomizeContent #tab-balance .images-container .letter_img,
							#avatarCustomizeContent #tab-money .images-container .save_img,
							#avatarCustomizeContent #tab-zielsparen .images-container .palm_img {
								position: absolute;
								top: -15px;
								width: 100%;
								height: 100%;
								opacity: 0;
								transition: opacity 200ms;
								-moz-transition: opacity 200ms;
								-webkit-transition: opacity 200ms;
							}
							#avatarCustomizeContent #tab-money .images-container .money_img.active,
							#avatarCustomizeContent #tab-assets .images-container .house_img.active,
							#avatarCustomizeContent #tab-balance .images-container .savebox_img.active,
							#avatarCustomizeContent #tab-money .images-container .save_img.active,
							#avatarCustomizeContent #tab-balance .images-container .letter_img.active,
							#avatarCustomizeContent #tab-zielsparen .images-container .palm_img.active {
								opacity: 1;
							}
						
						#avatarCustomizeContent #tab-health .images-container.cont_01 {
							height: 150px;
						}
						
						#avatarCustomizeContent #tab-health {
							margin-top: 69px;
						}
						
							#avatarCustomizeContent #tab-health	.btn.btn-primary.option2 {
								width: 130px;
							}
							
							#avatarCustomizeContent #tab-health	.btn.btn-configurator {
								width: 180px;
							}
							
						#avatarCustomizeContent #tab-balance .images-container.cont_01 {
							width: 80%;
							height: 95px;
							position: relative;
						}
						
						#avatarCustomizeContent #tab-balance .images-container.cont_02 {
							width: 80%;
							height: 84px;
							position: relative;
						}
						#tab-zielsparen h3 {
							line-height: 18px;
						}
						#avatarCustomizeContent #tab-zielsparen #sl_return {
							margin-top: 39px;
						}
						
						#avatarCustomizeContent #tab-zielsparen .images-container.cont_01 {
							width: 80%;
							height: 95px;
							position: relative;
							margin-top: 20px;
						}

						#avatarCustomizeContent .col{
							width: 27%;
							float: left;							
							font-size: 16px;
							margin-bottom: 15px;
							width: 27%;
						}

						#avatarCustomizeContent #tab-zielsparen .col{
							margin-bottom: 0px;
						}
													
						#avatarCustomizeContent .col.zero{
							
							
						}
						#avatarCustomizeContent .ui-slider{
							background: #e5e5e5;
							color: #222222;
							height: 14px;
							border-radius: 7px;
							-webkit-border-radius: 7px;
							-moz-border-radius: 7px;
							position: relative;
							box-shadow: inset 0 1px rgba(161,161,161,0.3);
							-moz-box-shadow: inset 0 1px rgba(161,161,161,0.3);
							-webkit-box-shadow: inset 0 1px rgba(161,161,161,0.3);
							margin: 10px 0px;
							width:80%;
							position: relative;
							z-index: 3;
							
						}
							#avatarCustomizeContent .ui-slider .ui-slider-range {
								position: absolute;
								z-index: 1;
								font-size: .7em;
								display: block;
								border-radius: 7px;
								-moz-border-radius: 7px;
								-webkit-border-radius: 7px;
								height: 100%;								
								top: 0;
								box-shadow: inset 0 2px rgba(0,0,0,0.3);
								-moz-box-shadow: inset 0 2px rgba(0,0,0,0.3);
								-webkit-box-shadow: inset 0 2px rgba(0,0,0,0.3);
							}
							/*
#avatarCustomizeContent .ui-slider .ui-slider-handle {
								position: absolute;
								z-index: 2;
								width: 21px;
								height: 21px;
								border-radius: 50%;
								-moz-border-radius: 50%;
								-webkit-border-radius: 50%;
								cursor: default;
								background: url(../img/bg_slider@2x.png) no-repeat 0 0 #f6f6f5;
								margin-left: -9px;
								margin-top: -6px;
								box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
								-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
								-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
							}
*/

								#avatarCustomizeContent .ui-slider-handle .tooltip{
									opacity: 1;
									margin-left: -35px;
									margin-top: -33px;
								}
									#avatarCustomizeContent .ui-slider-handle .tooltip .tooltip-inner{
										background: transparent;
										font-size: 16px;
										width: 96px;
										padding: 5px 0 3px;
										color:#0e3d8a;
									}
									#avatarCustomizeContent .ui-slider-handle .tooltip .tooltip-arrow {
										
										display:none;
									}
					
					.btn-primary.btn-configurator {
						color: #626f81;						
						border-color: #dbdbdb;
						background-color:#f4f4f4;
						text-align:left;
						font-weight:normal;
						border-width: 1px;
					}
					.btn-primary.btn-configurator:focus, .btn-primary.btn-configurator:active, .btn-primary.btn-configurator.active {
						color: #fff;
						background:#949da8;
						
					}
					.btn-primary.btn-configurator:hover {
					color: #fff;
					background:#6e7a8a;					
		
					}
					
					.panel .panel-alert-avatar {
						padding: 30px 10px;
						box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);
						font-size:16px;
						font-family:Arial,Helvetica,sans-serif;
					}
					
					.panel .panel-alert-avatar .btn-configurator {
						text-align: center;
						font-size:16px;
					}
					.panel .btn-configurator.btn-start {
						display: none;
					}
					.panel .btn-configurator.btn-screens {
						display: none;
					}
					
/*
	swiper
*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

.input-sl-group {
	position: relative;
	/* width: 65px; */
	float: right;
	top: -10px;
	right: -120px;
}

.input-sl-symbol-euro {
    position: relative;
}

.input-sl-symbol-euro input {
    /* max-width: 65px;
		padding-right: 12px; */

		max-width: 95px;
    margin-left: 6px;
    padding-right: 20px;
    padding-left: 12px;
    background-color: transparent;
    height: 34px;
		border: 1px solid #dbdbdb;
		text-align: right;
}
.input-sl-symbol-euro #home-input-sl {
	padding-right: 30px;
}
.input-sl-symbol-euro #capital_required-input-sl,
.input-sl-symbol-euro #return-input-sl {
	padding-right: 24px;
}

.input-sl-symbol-euro::before {
    position: absolute;
    top: -1px;
    content: attr(type-field);
    right: 8px;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

.d-flex{	
	display: flex;
    justify-content: space-between;
    width: 80%;
}