/*--------*/
html { background-color:#FFFFFF;overflow-x:hidden;}        

body.access.default{
   background-color: #FFFFFF;
}

@media (max-width: 768px){
	body.login, body.signup, body.join{background-size: auto 200%; !important;}
}

.profile-avatar{}
.profile-avatar .over-icon{
	position: absolute; left:0px;
	-webkit-transition: opacity .40s ease-in-out;
    -moz-transition: opacity .40s ease-in-out;
    -ms-transition: opacity .40s ease-in-out;
    -o-transition: opacity .40s ease-in-out;
    transition: opacity .40s ease-in-out;
   filter: alpha(opacity=0); opacity: 0;}
.profile-avatar:hover img{
	filter: alpha(opacity=30); opacity: 0.3;
}
.profile-avatar:hover .over-icon{
	filter: alpha(opacity=70); opacity: 0.7;
}


.landing-enter-email{
    background: rgba(120, 120, 120, 0.5) !important;
    width: 100%;
    color:#ffffff !important;
    border: none !important;
    width: 100%;
    height: 3.2em;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    font-weight: 300px;
}
.landing-enter-email::-moz-placeholder{color:#fff !important;}

.parsley-error-list{display: inline !important;color:#FF3536; }
.btn-signup{
    transition: background-color .2s ease-in-out,color .2s ease-in-out,opacity .2s ease-in-out;
    color: #fff;
    display: inline-block;
    height: 2.4em;
    font-weight: 500;
    max-width: 100%;
    margin-left: 0px;
    line-height: 1.3 !important;
    padding-left:1.8em;
    padding-right:1.8em;
}

@media screen and (min-width: 768px){
    .landing{padding-left: 48px;}
    .landing-enter-email{width: 100%;}
}

@media (max-width: 768px){
    .landing{text-align: center !important;}
    .landing .img-responsive{text-align: center; margin: 0 auto;}
    .space_empty {display: none !important;}
    .h1{font-size: 42px !important;}
    .landing-enter-email{width: 90%;}
}