body {
    font-family: proxima-nova, sans-serif;
}

.upload-form.not-active {
    position: relative;
    pointer-events: none;
    opacity: 0.4;
}

.upload-form.not-active:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 999;
}

.button_on_form {
    border: none;
}
.button_on_form.facebook {
    text-align: center !important;
}

.alert {
    max-width: 80%;
    color: #fff;
    border-radius: 0;
    margin: 0 auto 10px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.1;
    clear: both;
}
.alert .alert-link { color: #fff; text-decoration: underline; }
.alert-danger {
    border: 2px solid #e30613;
    background: rgba(227,6,19,0.52);
}
.alert-success, .alert-warning {
    border: 2px solid #fff;
    background: rgba(255,255,255,.32);
    margin-bottom: 40px;
}
.alert-success {
    border-color: rgba(6, 227, 19, 0.4);
    background: rgba(6,227,19,.32);
}

.alert ul, .alert li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.right .alert { float: right; }

.gallery.profile .alert {
    text-align: center;
    max-width: 50%;
}

label.checkbox_terms {
    position: relative;
    width: auto;
    border: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    background: transparent;
    color: #fff;
    font-family: proxima-nova,sans-serif;
    text-align: left;
    float: none;
    transition: none;
    -webkit-transition: none;
    cursor: pointer;
    padding-left: 40px !important;
    margin: 0;
}

label.checkbox_terms:hover {
    background: transparent;
    color: #fff;
}

input.checkbox_terms {
    display: none !important;
}

label.checkbox_terms:before, label.checkbox_terms:after {
    content: '';
    position: absolute;
    left: 0;
    width: 26px;
    height: 26px;
    border: 2px solid #fff;
    background: rgba(255,255,255,0.32);
}

label.checkbox_terms:after {
    left: 8px;
    top: 18px;
    width: 10px;
    height: 10px;
    background: #fff;
    display: none;
}

input.checkbox_terms:checked ~ label.checkbox_terms:after {
    display: block;
}

.join_action p {
    max-width: 80%;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
}
.join_action .default_button {
    margin-top: 40px;
    line-height: 50px;
    font-size: 20px;
    height: 50px;
    max-width: none;
    background: rgba(255,255,255,0.32);
}
.join_action .default_button:hover {
    background: rgba(255,255,255,1);
}

.join_action h1.text-center { text-align: center; }

.logout-link {
    float: right;
    color: #fff;
    font-size: 12px;
}
.logout-link:hover {
    color: #fff;
    text-decoration: underline;
}

.password-reset input.simple_input.save { max-width: 80%; margin-bottom: 40px; }
.password-reset a { color: #fff; text-transform: uppercase; }
.password-reset a:hover { underline; }

.reset-pw input.simple_input.save { max-width: 80%; }

.button_on_form { -webkit-transition: all .2s ease; transition: all .2s ease; }
.button_on_form:hover { color: #23527c; }
.button_on_form.facebook:hover { background-color: rgba(66, 95, 156, 0.8); color: #ffffff; }

.avatar-image { max-width: 150px; max-height: 150px; margin: 0 auto; cursor: pointer; position: relative; }
.avatar-image img { max-width: 100%; }
.avatar-image input { position: absolute; left: 0; top: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); font-size: 100px; }

.progress { background: rgba(0, 0, 0, 0.2); margin: 0 20px; top: 50%; right: 0; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; height: 10px; }
.progress__bar { height: 100%; background: linear-gradient(45deg, #000 25%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.1) 50%, #000 50%, #000 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1)); background-size: 10px 10px; -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }

#avatar:before { content: attr(data-hover); position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #fff; background: rgba(0,0,0,.8); -webkit-transition: all .4s ease; transition: all .4s ease; opacity: 0; }
#avatar:hover:before { opacity: 1; }

.input_file label .finished_tick { right: -42px; }

@media screen and (max-width:1630px) {
    .input_file label .fail_cross, .input_file label .finished_tick { width: 16px; height: 16px; right: -24px; background-size: 100% 100%; top: 13px; }
    .input_file label .finished_tick { height: 15px; }
}

@media screen and (max-width:1320px) {
    .input_file .box.uploading_file span { display: block; overflow: hidden; }
    .input_file .box.uploading_file.failed label { padding-right: 40px; }
    .input_file label .fail_cross, .input_file label .finished_tick { right: 10px; }
}

.image_box.pending:after {
    content: attr(data-pending);
    display: block;
    font-size: 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 5px 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
}

.delete-entry {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    border: none;
    background-color: rgba(200, 0, 0, 0.8);
}