@charset "utf-8";
#hideBody,.form-container li figure,.form-container li h3.man,.form-container li h3.woman,.mobile_nav{
    display:none
}
.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,#countup2,.inner button.activitybtn #countup,nav .news{
    background:#E22B59;
    color:#FFF
}
.activitybtn .news{
    right:0
}
.headerlink img{
    width:160px
}
.searchbar{
    padding:5px 5% 5px 7px;
    max-width:135px;
    font-size:12px;
    color:gray
}
.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(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
}
.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:11rem;
    margin-bottom:5px;
    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
}
#registration .iSearch-woman .step5 .goNext,#registration .iSearch-woman .step6 .goNext,#registration .iSearch-woman .step7 .goNext,#registration .iSearch-woman .step8 .goNext,#registration .iSearch-woman .step9 .goNext{
    padding:5px;
    font-size:1rem;
    display:inline-block;
    width:30%;
    min-width:110px;
    border:0;
    font-weight:400
}
#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:15px 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{
    font-weight:700;
    border-radius:3px
}
#stickyLoginButton:hover{
    background-color:#E22B59
}
#steps a{
    color:#FFF;
    font-weight:700;
    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
    }
    .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){
    .profilepic_head{
        display:none
    }
    .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%
    }
    #registration .iSearch-woman .step5 .goNext,#registration .iSearch-woman .step6 .goNext,#registration .iSearch-woman .step7 .goNext,#registration .iSearch-woman .step8 .goNext,#registration .iSearch-woman .step9 .goNext{
        width:32%;
        padding:0;
        font-size:.9rem
    }
    #steps .goNext{
        margin:3px;
        width:70%;
        padding:8px 2%
    }
    #steps .step11 .goNext,#steps .step2 .goNext,#steps .step4 .goNext{
        width:60%
    }
    #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
    }
}