@charset "utf-8";
#hideBody,
.form-container li figure,
.form-container li h3.man,
.form-container li h3.woman,
.mobile_nav {
	display: none
}

#steps a,
#stickyLoginButton,
.form-container h3 span,
header nav ul li:first-child a {
	font-weight: 700
}

body,
html {
	background: #EEE;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	line-height: 1.4;
	color: #696969
}

nav.top {
	background: #222;
	color: #FFF
}

#countup,
.inner button.activitybtn #countup,
nav .news {
	background: #E22B59;
	color: #FFF
}

.headerlink img {
	width: 160px
}

.searchbar {
	padding: 5px 5% 5px 7px;
	max-width: 135px;
	font-size: 12px
}

.profile {
	padding: 0
}

.profilepic {
	border-width: 6px 6px 0
}

header nav ul li a {
	color: #222;
	border-right: #e9ebee solid 1px
}

header nav ul li a:before {
	background: #E22B59;
	height: 3px
}

header nav ul li a.forcereg:hover {
	text-decoration: none;
	color: #E22B59
}

header .bannerpic img {
	margin: -5% 0
}

.promosidebar h3,
.user span.username {
	color: #0A7BC3
}

.inner h1 {
	font-size: 22px
}

.inner button {
	background: #f6f7f9;
	border: 0;
	color: #4b4f56
}

.inner button:hover {
	background: #E22B59;
	color: #FFF
}

aside.column a.followbtn {
	background: 0 0;
	border: 1px solid #E22B59;
	color: #E22B59
}

aside.column a.followbtn:hover {
	background: #E22B59;
	border: 1px solid #E22B59;
	color: #FFF;
	text-decoration: none
}

aside.column ul li {
	background: url(/source/assets/icons/check_icon_mistal.png) left center no-repeat
}

#dp-reg .unibutton,
#steps .goNext {
	background: 0 0;
	color: #FFF;
	border: 2px solid #FFF
}

#steps .goNext.female {
	color: #E22B59;
	background-color: #FFF
}

#steps .goNext.female:hover,
#steps .goNext.male:hover {
	color: #FFF;
	background-color: transparent
}

#steps .goNext.male {
	background: #63B2EC
}

#steps .goNext.female,
#steps .goNext.male {
	opacity: 1
}

#dp-reg .unibutton:hover,
#steps .goNext:hover {
	background: #FFF;
	color: #E22B59
}

ul#progress {
	border: 2px solid #FFF
}

#progress .visited,
#progress li.is-active {
	background: #FFF
}

#animation div {
	border-bottom: 5px solid #FFF;
	text-align: right
}

.eyeCatcher {
	background: url(stripe_young1.jpg)
}

.questAge {
	background: url(banner_age-various.jpg)
}

.questEye-1 {
	background: url(56.jpg)
}

.questEye-2 {
	background: url(75.jpg)
}

.questEye-3 {
	background: url(48.jpg)
}

.questEye-4 {
	background: url(18.jpg)
}

.questHair-1 {
	background: url(59.jpg)
}

.questHair-2 {
	background: url(58.jpg)
}

.questHair-3 {
	background: url(10.jpg)
}

.questHair-4 {
	background: url(9.jpg)
}

.questSkin-1 {
	background: url(49.jpg)
}

.questSkin-2 {
	background: url(28.jpg)
}

.questSkin-3 {
	background: url(61.jpg)
}

.questSkin-4 {
	background: url(60.jpg)
}

.questBody-1 {
	background: url(62.jpg)
}

.questBody-2 {
	background: url(74.jpg)
}

.questBody-3 {
	background: url(65.jpg)
}

.questBody-4 {
	background: url(64.jpg)
}

.questBodyheight {
	background: url(banner_bodyheight.jpg)
}

.questBreast-1 {
	background: url(66.jpg)
}

.questBreast-2 {
	background: url(67.jpg)
}

.questBreast-3 {
	background: url(68.jpg)
}

.questBreast-4 {
	background: url(69.jpg)
}

.questButt-1 {
	background: url(70.jpg)
}

.questButt-2 {
	background: url(73.jpg)
}

.questButt-3 {
	background: url(72.jpg)
}

.questButt-4 {
	background: url(71.jpg)
}

ul#steps {
	min-height: 260px
}

.form-container .select_breast .breastL figure,
.form-container .select_breast .breastM figure,
.form-container .select_breast .breastS figure,
.form-container .select_breast .breastXL figure {
	background-position: 0 -50px
}

.form-container .select_butt .buttM figure,
.form-container .select_butt .buttS figure {
	background-position: 0 -25px
}

.form-container .select_butt .buttXL figure {
	background-position: 0 -10px
}

.form-container .select-age figure,
.form-container .select-body figure,
.form-container .select-bodyheight figure,
.form-container .select-eyes figure,
.form-container .select-hair figure,
.form-container .select-myAge figure,
.form-container .select-skin figure,
.form-container .select_breast figure,
.form-container .select_butt figure {
	height: 6rem;
	margin: 0;
	width: 100%;
	background-size: cover
}

.form-container .select-age figure,
.form-container .select-bodyheight figure,
.form-container .select-myAge figure {
	margin-bottom: 10px;
	height: 80px;
	background-position: center
}

.step5 .step-content,
.step6 .step-content,
.step7 .step-content,
.step8 .step-content,
.step9 .step-content {
	text-align: center
}

#steps.iSearch-man h3.man,
#steps.iSearch-woman figure.woman,
#steps.iSearch-woman h3.woman,
.form-container li figure.logo {
	display: block
}

#dp-reg {
	width: 92%;
	padding: 10px 0 0;
	font-size: 16px;
	margin: 0 auto
}

#dp-reg .unibutton {
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	color: #FFF;
	font-weight: 700;
	margin: 2% auto 50px;
	padding: 12px 2%;
	text-align: center;
	text-transform: uppercase;
	width: 100%
}

#dp-reg .hidden,
#dp-reg .step-hide,
body.step4 #dp-reg .multi-step_1 {
	display: none
}

#dp-reg .error {
	margin: 5px 0;
	background-color: #FBB;
	color: #D00;
	padding: 2px;
	text-align: center;
	font-size: 12px;
	border-radius: 3px
}

#dp-reg .ajxloader {
	background: url(loading-repeat.gif);
	height: 14px;
	margin-bottom: 50px
}

#dp-reg input,
#dp-reg label,
#dp-reg select {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	font-size: 20px;
	border: 0;
	text-align: center;
	padding: 6px 0
}

#dp-reg input,
#dp-reg select {
	border-radius: 3px;
	padding: 7px 5px
}

#dp-reg .form-group {
	margin: 0 0 5px
}

#dp-reg .multi-step_1 #aged select {
	width: 42%
}

#dp-reg .multi-step_1 #aged label.dash {
	width: 8%;
	display: inline-block;
	text-align: center
}

#dp-reg select#birth_day,
#dp-reg select#birth_month {
	width: 24%;
	margin-right: 2.4%
}

#dp-reg select#birth_year {
	width: 41%
}

#dp-reg .multi-step_3 .form-group {
	margin: 0
}

#dp-reg .multi-step_3 .row-email .hint {
	text-align: center;
	font-size: 10px;
	display: inline-block;
	margin: 3px 0
}

#dp-reg .multi-step_3 .terms {
	font-size: 10px
}

#dp-reg .form-group.row-terms_accepted {
	margin: 0
}

.inner button.activitybtn,
.pluginRegTermsLink {
	text-transform: capitalize
}

#dp-reg.invalid-form .step12,
#dp-reg.invalid-form .step13 {
	display: block!important
}

#dp-reg.invalid-form .ajxloader,
#dp-reg.invalid-form .goNext {
	display: none!important
}

#dp-reg.invalid-form .unibutton {
	display: block!important
}

.error-message {
	background-color: #ffefdb;
	border-radius: 3px;
	display: none;
	color: #ff253d;
	margin-top: 2px;
	padding: 3px;
	text-align: center
}

.friendprofile:hover p,
.post-toolbar a.social:hover,
footer a:hover {
	color: #E22B59
}

.invalid-field+.error-message {
	display: block
}

.promosidebar {
	display: none
}

.post,
nav header.content {
	box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.form-container {
	background: #E22B59
}

#stickyLoginButton {
	border-radius: 3px
}

#stickyLoginButton:hover {
	background-color: #E22B59
}

#steps a {
	color: #FFF;
	text-decoration: none
}

#steps a:hover {
	text-decoration: underline
}

.inner button.activitybtn:hover #countup {
	background: #FFF;
	color: #E22B59
}

footer {
	background-color: transparent;
	border: 1px solid #DDD
}

@media screen and (max-width:960px) {
	.input-wrapper input {
		color: #000
	}
	.select-age select {
		width: 17%
	}
}

@media screen and (max-width:645px) {
	nav.top {
		position: fixed;
		z-index: 1;
		width: 100%
	}
	nav .content {
		display: none
	}
	.mobile_nav {
		display: flex;
		justify-content: space-around;
		align-items: center;
		height: 100%
	}
	.toolbar {
		background-image: none;
		padding-left: 0;
		margin: 0
	}
	.toolbar #countup {
		right: -12px
	}
	.news {
		margin-left: 20px
	}
	.inner h1 {
		font-size: 20px
	}
	.form-container .select_breast .breastL figure,
	.form-container .select_breast .breastM figure,
	.form-container .select_breast .breastS figure,
	.form-container .select_breast .breastXL figure,
	.form-container .select_butt .buttM figure,
	.form-container .select_butt .buttS figure,
	.form-container .select_butt .buttXL figure {
		background-position: 0
	}
	.headerlink img {
		margin-left: 2%
	}
}

@media screen and (max-width:540px) {
	.searchbar {
		padding: 5px 14% 5px 7px;
		max-width: initial;
		width: 50%
	}
}

@media screen and (max-width:480px) {
	.form-container {
		padding: 5px 2% 2%
	}
	#regForm .step2 select,
	#regForm .step4 select#myAgeFromChoose {
		width: 27%
	}
	.step-content {
		width: 100%
	}
	#steps .goNext {
		margin: 3px;
		width: 70%;
		padding: 8px 2%
	}
	#dp-reg .unibutton {
		width: 100%;
		font-size: 17px
	}
}

@media screen and (max-width:380px) {
	.searchbar {
		display: none
	}
	.top .content {
		text-align: center
	}
	.headerlink img {
		margin-left: 0;
		padding-top: 15px
	}
}