.crum-reaction-list ul {
padding: 0;
margin: 0;
list-style: none;
}
.choose-reaction {
text-align: center;
padding: 30px;
border-top: 1px solid var(--ol-border-color);
border-bottom: 1px solid var(--ol-border-color); }
.choose-reaction ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.choose-reaction .title {
font-size: 12px;
margin-bottom: 30px; }
.choose-reaction .title span {
color: #515365; }
.choose-reaction li {
display: inline-block; }
.choose-reaction li.reacted img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);}
.choose-reaction li + li {
margin-left: 9px; }
.choose-reaction li img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%); }
.choose-reaction li:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%); }
.choose-reaction.reaction-colored li img {
-webkit-filter: grayscale(0);
filter: grayscale(0);}
.choose-reaction.reaction-colored li.reacted img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);}
.choose-reaction.reaction-colored li:hover img {
-webkit-filter: grayscale(0) saturate(500%);
filter: grayscale(0) saturate(500%); }
.crum-reaction-list .crum-reaction-ext.friends-harmonic {
margin-right: 8px;}
.crum-reaction-ext {
padding-left: 0;}
@media (max-width: 768px) {
.choose-reaction {
padding: 15px;
}
}
@media (max-width: 560px) {
.choose-reaction li + li {
margin-left: 5px;
}
}.crumina-sign-form-container {
transition: opacity 0.3s ease-in-out;
opacity: 0; }
.crumina-sign-form-container .youzify-membership-form{
width:100%;
}
.crumina-sign-form-container.visible {
opacity: 1; }
.crumina-sign-form-container .invalid-feedback {
position: absolute;
top: 100%; }
.crumina-sign-form-container .invalid-feedback.captcha {
top: auto;
position: relative;
margin-bottom: 5px;
display: block; }
.crumina-sign-form-container .nav-link {
flex-direction: column; }
.crumina-sign-form-container .nav-link .icon-title {
display: none; }
.crumina-sign-form-container .has-errors {
margin-bottom: 35px; }
.crumina-sign-form-container .sign-form-pass-strength-result {
display: none;
padding: 5px;
font-size: .7rem;
border: 1px solid #e6ecf5;
margin-top: 5px;
border-radius: 0.25rem; 
color: #515365; }
.crumina-sign-form-container .sign-form-pass-strength-result.short {
display: block;
background-color: #f1adad;
border-color: #e35b5b; }
.crumina-sign-form-container .sign-form-pass-strength-result.bad {
display: block;
background-color: #fbc5a9;
border-color: #f78b53; }
.crumina-sign-form-container .sign-form-pass-strength-result.strong {
display: block;
background-color: #c1e1b9;
border-color: #83c373; }
.crumina-sign-form-container .sign-form-pass-strength-result.good {
display: block;
background-color: #ffe399;
border-color: #ffc733; }
.crumina-sign-form .icon-loader {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
background-image: url(//prepuce.com/wp-content/plugins/unyson/framework//extensions/sign-form/static/img/circles.svg);
background-repeat: no-repeat;
background-size: 30px;
background-position: 50% 50%;
display: none;
opacity: 0;
visibility: hidden;
transition: all .3s ease; }
.crumina-sign-form.loading .btn {
min-height: 55px; }
.crumina-sign-form.loading .btn span {
display: none;
opacity: 0;
visibility: hidden; }
.crumina-sign-form.loading .btn span.icon-loader {
display: block;
opacity: 1;
visibility: visible; }
.crumina-sign-form-messages {
padding-left: 0;
list-style: none; }
.crumina-sign-form-messages li {
border-left: 4px solid;
padding: 8px 15px;
border-radius: 5px 0 0 5px;
background-color: #f6f6f6; }
.crumina-sign-form-messages li.error {
border-left-color: #ff5e3a; }
.password-eye-wrap {
position: relative; }
.password-eye-wrap .password-eye {
text-decoration: none;
font-size: 16px;
color: #888da8;
position: absolute;
right: 15px;
top: 1.8rem;
transform: translate(0, -50%);
z-index: 9;}
.password-eye-wrap .password-eye:hover {
color: #6b7192; }
.gdpr .checkbox {
margin-bottom: 5px;
padding-bottom: 0;
border: 0;
outline: none; }
.gdpr p {
margin-bottom: 15px; }
.gdpr .is-invalid ~ .invalid-feedback {
display: block;
position: relative;
top: auto; }
.form-group.label-floating legend,
.form-group.label-floating .description{
display: none;
}
.ext-sign-form-success-email-message{
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
text-align: center;
background: var(--ol-main-bg-color);
padding: 0 20px;
}
.ext-sign-form-success-email-message p{
font-size: 18px;
}
.ext-sign-form-success-email-message.active{
display: block;
position: relative;
}
#letter-send-animation svg path {
stroke: var(--primary-accent-color) !important;
}
.crumina-sign-form-container .invalid-feedback.captcha{
top: auto;
position: relative;
margin-bottom: 5px;
display: block;
}
.crumina-sign-form-container .sign-form-pass-strength-result{
display: none;
padding: 5px;
font-size: .7rem;
border: 1px solid var(--ol-border-color);
margin-top: 5px;
border-radius: 0.25rem;
color: var(--ol-white-color);
}
.crumina-sign-form-container .sign-form-pass-strength-result.short{
display: block;
background-color: #f1adad;
border-color: #e35b5b;
}
.crumina-sign-form-container .sign-form-pass-strength-result.bad{
display: block;
background-color: #fbc5a9;
border-color: #f78b53;
}
.crumina-sign-form-container .sign-form-pass-strength-result.strong{
display: block;
background-color: #c1e1b9;
border-color: #83c373;
}
.crumina-sign-form-container .sign-form-pass-strength-result.good{
display: block;
background-color: #ffe399;
border-color: #ffc733;
}
.crumina-sign-form-container .youzify-membership-social-buttons ul{
padding: 0;
}
.crumina-sign-form-container .youzify-membership-social-buttons li a{
display: block;
color: var(--white-color);
} @media (max-width: 1023px) {
.crumina-sign-form-container .nav-link .icon-title {
display: block; } }
@media (max-width: 768px) {
.crumina-sign-form.loading .btn {
min-height: 45px; } }