/* Style for popup START*/

.popup-vendor.active {
  display: block;
  opacity: 1;
  z-index: 10010;
}
.popup-vendor {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100vh;
  overflow: auto;
  max-height: 100vh;
  display: none;
  opacity: 0;
  transition: .4s all;
  z-index: 9999;
}
.popup-bride-email .popup-vendor__inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup-vendor__inner {
  position: relative;
  min-width: 100%;
  min-height: 100vh;
}
.popap-profile .popup-vendor__overlay {
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(1.125rem);
  opacity: 1;
  transition: all .7s linear;
}
.popup-vendor__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0.5;
  cursor: pointer;
}
.popup-vendor__window {
  background: #F1F1F1;
  padding: 100px 120px;
  margin: 0px auto;
  max-width: 82.5rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.dark-login__wrap .popup-vendor__window {
  max-width: 50.625rem;
}
.dark-login__wrap .popup-vendor__window {
  padding: 7.5rem 9.375rem 0rem;
}
.popup-bride-email .popup-vendor__window_wrap {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 2rem;
  max-height: 96vh;
  overflow: auto;
}
.popup-bride-email .popup-vendor__window_wrap {
  width: 100%;
  max-width: 82.5rem;
}
.dark-login__wrap .popup-vendor__window {
  padding: 7.5rem 9.375rem 0rem;
}
.popap-profile--upgrade .popup-vendor__window_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.popup-vendor__window_inner {
  position: relative;
}
.popap-profile--upgrade .btn-close_wrap {
  position: absolute;
  top: 50px !important;
  right: 50px !important;
  height: 44px !important;
  width: 44px !important;
  transition: .3s all;
}
.popap-profile--upgrade .btn-close_wrap:hover{
  transform: rotate(90deg);
}

.popup-vendor .btn-close_wrap {
  cursor: pointer;
  transition: .3s all;
  z-index: 1;
}
.popup-vendor .btn-close_wrap {
  position: absolute;
  top: 6.25rem;
  right: 6.25rem;
  height: 2.75rem;
  cursor: pointer;
  transition: .3s all;
  z-index: 1;
}
.delete__code {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.dark-login__wrap .delete__code{
  padding-top: 7.5rem;
}
.dark-login__wrap .block-result-success {
  margin-bottom: 7.5rem;
}
.block-result {
  max-width: 45rem;
}
.block-result {
  display: none;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.block-result.js--active {
  display: flex;
}
.dark-login__wrap .popup-bride-email .popap-profile--upgrade__title {
  text-transform: none;
}
.dark-login__wrap .popup-bride-email .popap-profile--upgrade__title {
  margin-bottom: 3.75rem;
}
.dark-login__wrap .popap-profile--upgrade__title {
  font-family: 'Saoldisplay';
  font-style: italic;
  font-weight: 300;
  font-size: 4rem;
  line-height: 140%;
  color: #000000;
  max-width: 791px;
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: -1px;
}
.pin__form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dark-login__wrap .pin__form {
  display: grid;
  grid-template-columns: 1fr;
  align-items: stretch;
  row-gap: 1.5625rem;
}
.input__label {
  display: block;
  font-size: 1.125rem;
  line-height: 140%;
  color: #333333;
  margin: 0rem 0rem 1.375rem 0rem;
  opacity: 0.8;
  text-align: left;
  position: relative;
}
.input__field--vend {
  position: relative;
}
.dark-login__wrap .input__field--vend::placeholder{
  font-size: 1.125rem;
}
.dark-login__wrap .input__field {
  background: #ffffff;
  padding: 1.875rem;
  border: 0.0625rem solid #e0e0e0;
  font-size: 1.125rem;
  line-height: 140%;
  color: #333333;
  width: 100%;
  height: 5.625rem;
  transition: all 0.3s ease 0s;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.dark-login__wrap .help-block {
  line-height: 250%;
  color: red;
  transition: .3s;
  font-weight: 400;
}
.dark-login__wrap .popap-profile--upgrade__text {
  margin-bottom: 0.5rem;
}
.popup-bride-email .popap-profile--upgrade__text {
  max-width: none;
}
.popap-profile--upgrade__text {
  font-size: 1.125rem;
  line-height: 170%;
  text-align: center;
  color: #BDBDBD;
  max-width: 585px;
  margin-bottom: 3.75rem;
}
.popap-profile--upgrade__text-link{
  color: #ba866a;
  transition: .3s all;
}
.popap-profile--upgrade__text-link:hover{
  opacity: .7;
}
.dark-login__wrap .btn-registration {
  margin-bottom: 1rem;
}
.dark-login__wrap .btn {
  cursor: pointer;
  display: inline-block;
  min-width: 11.875rem;
  background-color: #CB9274;
  height: 5.5625rem;
  padding: 1.875rem 0.625rem;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.875rem;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #ffffff;
  transition: all 0.3s ease 0s;
}
.dark-login__wrap .subscribe-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.dark-login__wrap .form__input-checkbox {
  display: none;
}
[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}
.dark-login__wrap  {
  position: fixed;
  width: 20px;
  height: 20px;
  /*display: none;*/
}
.form-input-checkbox__label.form__input-checked:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 11px;
  height: 11px;
  background: #CB9274;
  opacity: 0;
  transition: .3s all;
}
.dark-login__wrap .form-input-checkbox__label {
  font-size: 1.125rem;
  line-height: 140%;
  color: #333333;
  cursor: pointer;
  padding-left: 2rem;
  margin-left: -1.2rem;
  z-index: 100;
}
.registration__footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: calc(100% + (9.375rem * 2));
  margin-left: -9.375rem;
  margin-top: 3.5rem;
  padding: 2.5rem 9.375rem;
  border-top: 1px solid #E0E0E0;
}
.dark-login__wrap .registration-footer__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.registration-footer__text {
  line-height: 120%;
  margin-bottom: 0.6125rem;
  font-size: 1.125rem;
}
.registration-footer__link {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: .2s all;
}
.registration-footer__link-text {
  color: #CB9274;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: center;
  position: relative;
  font-size: 1.125rem;
}
.registration-footer__link-text::before {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #CB9274;
}
.registration-footer__icon {
  margin-left: 0.6125rem;
  margin-top: -3px;
}
.block-result .popap-profile--upgrade__title {
  margin-bottom: 1.25rem;
}
.dark-login__wrap .block-result-success .popap-profile--upgrade__text {
  margin-bottom: 3.75rem;
}
@media(max-width: 767px) {
  .dark-login__wrap .block-result-success .popap-profile--upgrade__text{
    margin-bottom: 2.5rem;
  }
}
.dark-login__wrap .popap-profile--upgrade__text {
  margin-bottom: 0.5rem;
}
.block-result .popap-profile--upgrade__text {
  line-height: 170%;
}
.dark-login__wrap .popup-bride-email .popap-profile--upgrade__text {
  max-width: none;
}
.popap-profile--upgrade__text {
  font-size: 1.125rem;
  line-height: 170%;
  text-align: center;
  color: #BDBDBD;
  max-width: 585px;
  margin-bottom: 3.75rem;
}
.popup-bride-email .btn-upgrade.js--active {
  opacity: 1;
  pointer-events: visible;
}
.popup-bride-email .btn-upgrade {
  opacity: .6;
  pointer-events: none;
  transition: .3s all;
}
.popap-profile--upgrade .btn-upgrade {
  padding: 1.875rem 4.625rem;
  text-decoration: none;
}
.dark-login__wrap .form__input-checked:before{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 11px;
  height: 11px;
  background: #CB9274;
  opacity: 0;
  transition: .3s all;
}
.dark-login__wrap .form__input-checkbox:checked + .form__input-checked:before{
  opacity: 1;
}
.form__input-checked {
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #E0E0E0;
  background: #FFFFFF;
  display: flex;
}
.delete__code.js--hidden {
  display: none;
}
@media (max-width: 1280px){
  .popup-bride-email .popup-vendor__window_wrap {
    max-width: 48rem;
  }
  .dark-login__wrap .popup-vendor__window {
    padding: 5rem 6.25rem 0rem;
  }
  .delete__code .popap-profile--upgrade__title {
    margin-bottom: 2.5rem;
  }

  .dark-login__wrap .registration__footer {
    padding: 2.5rem 6.25rem;
  }
  .dark-login__wrap .block-result-success {
    margin-bottom: 5rem;
  }
  .popap-profile--upgrade__title {
    font-size: 2.5rem;
  }

}
@media (max-width: 992px){
  .popup-bride-email .popup-vendor__window_wrap {
    max-width: 42rem;
  }
  .dark-login__wrap .popup-vendor__window {
    padding: 5rem 5rem 0rem;
  }
  .dark-login__wrap .registration__footer {
    width: calc(100% + (5rem * 2));
    margin-left: -5rem;
    padding: 2.5rem 5rem;
  }
  .popap-profile--upgrade .btn-close_wrap {
    position: absolute;
    top: 30px !important;
    right: 30px !important;
    height: 25px !important;
    width: 25px !important;
  }
  .popap-profile--upgrade .btn-close_wrap svg {
    height: 100%;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .popup-bride-email .popup-vendor__window_wrap {
    max-width: 21.5625rem;
  }
  .dark-login__wrap .popup-vendor__window {
    padding: 2.5rem 1rem 0rem;
  }
  .dark-login__wrap .popup-bride-email .popap-profile--upgrade__title {
    margin-bottom: 1.875rem;
    font-size: 1.75rem;
  }
  .dark-login__wrap .input__field.input__field--vend {
    height: 3.5rem;
  }
  .dark-login__wrap .registration__footer {
    grid-template-columns: 1fr;
    row-gap: 2rem;
    justify-content: center;
    width: calc(100% + (1rem * 2));
    margin-left: -1rem;
    margin-top: 2.5rem;
  }
  .dark-login__wrap .block-result-success {
    margin-bottom: 2.5rem;
  }
  .dark-login__wrap .input__field.input__field--vend {
    height: 3.5rem;
  }
  .popap-profile--upgrade .btn-upgrade, .popap-profile--upgrade .btn {
    padding: 0.875rem 4.625rem;
    height: 3.625rem;
    font-size: .875rem;
  }
  .dark-login__wrap .input__field--vend::placeholder, .dark-login__wrap .input__label{
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .popap-profile--upgrade .btn-close_wrap {
    top: 20px !important;
    right: 20px !important;
  }
}
/* Style for popup END*/


/* Style for popup Moodboard start*/
.dark-login__wrap .block-result-success.block-folder{
  margin-bottom: 0;
}
.popup-bride-email .popap-moodboard__title--mb{
  margin-bottom: 1.175rem;
}
.popap-moodboard__text{
  line-height: 150%;
  font-size: 1.125rem;
  text-align: center;
}
.popap-moodboard__text--mb{
  margin-bottom: 3.75rem;
}
.popup-moodbar__footer{
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.popup-moodbar .popup-vendor__window{
  padding: 7.5rem 7.5rem 3.75rem;
  background: #FFFFFF;
}
.moodbar-fields{
  width: 100%;
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 3.3125rem;
  padding-bottom: 3.3125rem;
}

.moodbar-fields-wrapper{
  max-height: 565px;
  overflow: auto;
  margin-right: -60px;
  padding-right: 60px;
}
.moodbar-fields-wrapper::-webkit-scrollbar{
  display: block;
  width: 5px;
}
.moodbar-fields-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 16px;
}
.moodbar-fields-wrapper::-webkit-scrollbar-thumb {
  background: #BDBDBD;
  border-radius: 16px;
}
.popup-moodbar .delete__code{
  overflow: visible;
}
@media (max-width: 576px){
  .popup-moodbar .popup-vendor__window_inner{
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
@media (max-width: 767px){
  .moodbar-fields-wrapper{
    margin-right: -8px;
    padding-right: 8px;
  }
}

.moodbar-fields__inner{
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 5.625rem;
  row-gap: 1.75rem;
  margin-bottom: 1.75rem;
}
.moodbar-field__item{
  width: 100%;
  display: grid;
  grid-template-columns: 5.625rem 1fr;
  position: relative;
  height: 5.625rem;
  cursor: pointer;
}
.moodbar-field__block-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  background: #333333;
  transition: .3s all;
}
.moodbar-field__input:checked + .moodbar-field__block-icon{
  background-color: #CB9274;
}
.moodbar-field__icon{
  display: none;
}
.moodbar-field__icon.moodbar-field__icon--default{
  /*display: block;*/
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
}
.moodbar-field__icon.moodbar-field__icon--default svg{
  width: 90%;
  height: 90%;
}

.moodbar-field__icon.moodbar-field__icon--default svg path{
  fill: #ffffff;
}

.moodbar-field__input:checked + .moodbar-field__block-icon .moodbar-field__icon--default{
  display: none;
}
.moodbar-field__input:checked + .moodbar-field__block-icon .moodbar-field__icon--added{
  display: block;
}
.moodbar-field__name{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 1.25rem;
  border: 1px solid #E0E0E0;
  transition: .3s all;
}
.moodbar-field__item:hover .moodbar-field__name{
  background: #F7F7F7;
}
.moodbar-field__text{
  font-weight: 700;
  font-size: .75rem;
  line-height: 120%;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #CB9274;
}
.moodbar-field__label{
  position: absolute;
  height: 100%;
  width: 5.625rem;
  top: 0;
  right: 0;
}
.moodbar-field__label.moodbar-field__label--create{
  position: relative;
  opacity: 1;
}

.moodbar-field__button-wrapper{
  width: 100%;
  height: 100%;
  background-color: #CB9274;
  opacity: 0;
  transition: .3s all;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid transparent;
}
.moodbar-field__item:hover .moodbar-field__button-wrapper{
  opacity: 1;
}
.moodbar-field__input{
  display: none;
}
.moodbar-field__input:checked ~ .moodbar-field__label .moodbar-field__button-wrapper{
  background-color: transparent;
  border: 1px solid #C7C7C7;
}
.moodbar-field__button{
  position: relative;
  width: 2.1875rem;
  height: 2.1875rem;
  transition: .3s transform;
}
.moodbar-field__button::after, .moodbar-field__button::before{
  content: '';
  position: absolute;
  background-color: #FFFFFF;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: .3s all;
}
.moodbar-field__button::before{
  height: 2px;
  width: 100%;
}
.moodbar-field__button::after{
  height: 100%;
  width: 2px;
}
.moodbar-field__input:checked ~ .moodbar-field__label .moodbar-field__button{
  transform: rotate(45deg);
}
.moodbar-field__input:checked ~ .moodbar-field__label .moodbar-field__button::after,
.moodbar-field__input:checked ~ .moodbar-field__label .moodbar-field__button::before{
  background-color: #C7C7C7;
}
.moodbar-field__button-submit{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  height: 5.625rem;
  transition: .3s all;
}
.moodbar-field__button-submit:hover{
  opacity: .7;
}
.moodbar-field__button-submit .moodbar-field__text{
  padding-left: 1.25rem;
}
.moodbar-field__button-submit .moodbar-field__label{
  position: static;
}
.moodbar-field__button-submit .moodbar-field__button-wrapper{
  opacity: 1;
}

.folder-header{
  display: grid;
  grid-template-columns: 7.625rem 1fr;
  column-gap: 1.875rem;
  margin-top: 3.75rem;
  color: #000000;
  margin-bottom: 3.125rem;
  width: 100%;
}
.folder-header__title{
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  margin-bottom: 1.6125rem;
}

.folder-header .select{
  position: relative;
}
.folder-header__item .select-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.6125rem 1.25rem 1.6125rem 1.875rem;
  border: 1px solid #E0E0E0;
  background-color: #FFFFFF;
  height: 5.625rem;
  cursor: pointer;
}
.select-header__text{
  color: #C7C7C7;
  display: flex;
  justify-content: center;
  align-items: center;
}
.select-header__text svg{
  width: 40px;
  height: 40px;
}
.select-radio-field__icon{
  width: 2.5rem;
  height: 2.5rem;
  color: #C7C7C7;
  display: flex;
  justify-content: center;
  align-items: center;
}
.select-radio-field__icon svg{
  width: 90%;
  height: 90%;
}
.folder-header__input{
  padding: 1.875rem 1.5rem 1.875rem 1.875rem;
  border: 1px solid #E0E0E0;
  color: black;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 150%;
  height: 5.625rem;
  width: 100%;
  border-radius: 0;
}
.folder-header__input::placeholder{
  color: #C7C7C7;
}
.select__content{
  position: absolute;
  top: 100%;
  max-height: 0px;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #E0E0E0;
  z-index: 100;
  width: 100%;
  opacity: 0;
  transition: .3s all;
  border-top: none;
}
.select.js--active .select__content {
  max-height: 20rem;
  opacity: 1;
}
.select-content__inner{
  padding: 2.125rem 2.5rem;
  max-height: 20rem;
  overflow: auto;
}
.select-content__inner::-webkit-scrollbar{
  width: 0;
}
.select__list{
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 2.625rem;
  align-items: center;
  justify-content: center;
}
.folder-header .select__radio-button{
  display: none;
}
.folder-header .select__radio-field{
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.select-header__icon{
  transform: rotateX(180deg);
  transition: .3s all;
}
.select.js--active .select-header__icon{
  transform: rotateX(0deg);
}
.popup-moodbar__footer--folder .btn{
  padding: 0.25rem 3.5rem;
  min-width: auto;
  pointer-events: none;
  opacity: .7;
  transition: .3s all;
}
.popup-moodbar__footer--folder .btn-back{
  color: #C7C7C7;
  background-color: transparent;
  border: 1px solid #C7C7C7;
  margin-right: .6125rem;
  pointer-events: visible;
}
.popup-moodbar__footer--folder .btn-back:hover{
  opacity: 1;
  background-color: transparent;
}
.popup-moodbar__footer--folder .btn.js--active{
  pointer-events: visible;
  opacity: 1;
}
.popup-moodbar .block-result .popap-profile--upgrade__title {
  margin-bottom: 0;
}
@media(max-width: 1300px) {
  .popup-moodbar .popup-vendor__window{
    padding: 5rem 6.25rem 3.75rem;
  }
  .popup-moodbar .popup-vendor__window {
    max-width:48rem;
  }
  .popup-moodbar .popap-moodboard__title--mb{
    margin-bottom: 1.25rem;
  }
  .popup-moodbar .btn{
    display: flex;
    align-items: center;
    font-size: .875rem;
    height: 3.5rem;
    padding-top: .2625rem;
    padding-bottom: .2625rem;
  }
  .popap-moodboard__text--mb {
    margin-bottom: 2.5rem;
  }
  .btn.btn-back{
    opacity: 1;
  }
}
@media(max-width: 992px) {
  .popup-moodbar .popup-vendor__window{
    padding: 5rem 5rem 3.75rem;
    max-width: 62rem;
  }
}
@media(max-width: 767px) {
  .popup-moodbar .popup-vendor__window {
    padding: 5rem 1rem 2.5rem;
  }
  .popup-moodbar .popup-vendor__window_wrap {
    margin: 0 1rem;
  }
  .popup-moodbar .popap-profile--upgrade__title {
    font-size: 1.75rem;
  }
  .popup-moodbar .popap-moodboard__title--mb {
    margin-bottom: .625rem;
  }
  .popap-moodboard__text--mb{
    margin-bottom: 2.55rem;
  }
  .moodbar-field__item {
    grid-template-columns: 3.5rem 1fr;
    height: 3.5rem;
  }
  .moodbar-field__icon.moodbar-field__icon--added, .moodbar-field__icon.moodbar-field__icon--added svg{
    width: 1.625rem;
  }
  .moodbar-field__label{
    width: 3.5rem;
  }
  .moodbar-field__button {
    width: 1.5rem;
    height: 1.5rem;
  }
  .moodbar-fields{
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .moodbar-fields__inner {
    display: flex;
    flex-direction: column;
    margin-bottom: .625rem;
    row-gap: .625rem;
  }
  .moodbar-field__button-submit {
    height: 3.5rem;
  }
  .popup-moodbar__footer{
    flex-direction: column;
  }
  .popup-moodbar__footer--folder .btn-back{
    margin-right: 0;
    margin-bottom: .375rem;
  }
  .folder-header{
    column-gap: .5125rem;
    grid-template-columns: 5.625rem 1fr;
    margin: 2.5rem 0;
  }
  .folder-header__item .select-header{
    padding: .8125rem .5125rem .8125rem 1.25rem;
    height: 3.5rem
  }
  .folder-header__input{
    padding: 1.25rem;
    height: 3.5rem
  }
  .popup-moodbar .select-content__inner{
    padding: 1.125rem 1.5rem;
  }
  .popup-moodbar .select__list{
    row-gap: 1.625rem;
  }
  .folder-header__title{
    margin-bottom: 1rem;
  }
}

@media(max-height: 500px) {
  .popup-moodbar .popup-vendor__window {
    padding: 5rem 1rem 2.5rem;
  }
  .popup-moodbar .popup-vendor__window_wrap {
    margin: 0 1rem;
    max-width: 37.125rem;
  }
  .popup-moodbar .popap-profile--upgrade__title {
    font-size: 1.75rem;
  }
  .popup-moodbar .popap-moodboard__title--mb {
    margin-bottom: .625rem;
  }
  .popap-moodboard__text--mb{
    margin-bottom: 2.55rem;
  }
  .moodbar-field__item {
    grid-template-columns: 3.5rem 1fr;
    height: 3.5rem;
  }
  .moodbar-field__icon.moodbar-field__icon--added, .moodbar-field__icon.moodbar-field__icon--added svg{
    width: 1.625rem;
  }
  .moodbar-field__label{
    width: 3.5rem;
  }
  .moodbar-field__button {
    width: 1.5rem;
    height: 1.5rem;
  }
  .moodbar-fields{
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .moodbar-fields__inner {
    display: flex;
    flex-direction: column;
    margin-bottom: .625rem;
    row-gap: .625rem;
  }
  .moodbar-field__button-submit {
    height: 3.5rem;
  }
  .popup-moodbar__footer{
    flex-direction: row;
  }
  .popup-moodbar__footer--folder .btn-back{
    margin-right: .6125rem;
    margin-bottom: 0rem;
  }
  .folder-header{
    column-gap: .5125rem;
    grid-template-columns: 5.625rem 1fr;
    margin: 2.5rem 0;
  }
  .folder-header__item .select-header{
    padding: .8125rem .5125rem .8125rem 1.25rem;
    height: 3.5rem
  }
  .folder-header__input{
    padding: 1.25rem;
    height: 3.5rem
  }
  .popup-moodbar .select-content__inner{
    padding: 1.125rem 1.5rem;
  }
  .popup-moodbar .select__list{
    row-gap: 1.625rem;
  }
  .folder-header__title{
    margin-bottom: 1rem;
  }
}
.remodal.dark-login__wrap .popup-vendor__window_inner{
  background: #F1F1F1;
}
.remodal.dark-login__wrap .popup-vendor__window_inner .wrap-footer .box-links span{
  color: #333;
}
.popup-vendor__window_inner .wrap-footer{
  border-top: none;
  position: relative;
  margin-top: 3.5rem;
}
.popup-vendor__window_inner .wrap-footer:before{
  content: '';
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 200%;
  height: 1px;
  background-color: #E0E0E0;
}
.popup-vendor__window_inner .recovery-link__span{
  position: relative;
  display: inline;
}
.popup-vendor__window_inner .recovery-link__span::before {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #CB9274;
}
.dark-login__wrap .block-result{
  max-width: none;
  background-color: #F1F1F1;
  padding-top: 7.5rem;
  margin-bottom: 0;
  padding-bottom: 7.5rem;
}
.dark-login__close{
  color: white;
}
.js--register .wrap-footer--main{
  display: none;
}
.js--register .dark-login__close{
  color: #373737;
}
.js--register.remodal.dark-login__wrap .dark-login__wrap-body.login-box{
  display: none !important;
}
@keyframes fade {
  0%{
    opacity: 0;
  } 100% {
      opacity: 1;
  }
}
.js--register .delete__code.js--active{
  animation: fade .6s ease;
}

.remodal.dark-login__wrap {
   max-height: 95vh !important;
   overflow: auto !important;
}
@media screen and (min-height: 49.25rem) {
  .remodal.dark-login__wrap {
    max-height: 95vh !important;
    overflow: auto !important;
  }
}
@media screen and (max-width: 991px){
  .remodal.dark-login__wrap .popap-profile--upgrade__title {
    font-size: 3.375rem;
  }
}
@media(max-width: 768px) {
  .remodal.dark-login__wrap .popup-vendor__window_inner{
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .remodal.dark-login__wrap .wrapper-login-modals{
    height: auto;
  }
  .dark-login__wrap .popup-vendor__window_inner .btn{
    padding: 0.875rem 0.625rem;
    height: 3.875rem;
  }
  .remodal.dark-login__wrap .popap-profile--upgrade__title {
    font-size: 2.125rem;
  }
  .dark-login__wrap .delete__code {
    padding-top: 2.5rem;
  }
}
@media(max-width: 576px) {
  .popup-vendor__window_inner{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .remodal.dark-login__wrap .popup-vendor__window_inner{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
.dark-login__wrap .popap-profile--upgrade__text {
font-size: 1rem;
}
.dark-login__wrap .input__label{
margin-bottom: .5rem;
}
.dark-login__wrap .form-input-checkbox__label{
font-size: 1rem;
}
.dark-login__wrap .popup-vendor__window_inner .wrap-footer {
 margin-top: 2.5rem;
}
}

@media (min-width: 1921px) and (max-width: 2600px) {
  .remodal.dark-login__wrap .dark-login__login-form .login-form__wrapper-input .field-login__icon {
    top: 2.5rem !important;
    left: 1.2rem !important;
  }
}
.dark-login__wrap .success-logo{
  display: flex;
  justify-content: center;
  margin-bottom: 3.75rem;
}
.dark-login__wrap .success-logo .logo{
  width: 9rem;
  height: 9rem;
}
@media (max-width: 767px) {
  .dark-login__wrap .success-logo .logo{
    width: 6rem;
    height: 6rem;
  }
  .dark-login__wrap .success-logo {
    margin-bottom: 1.75rem;
  }
  .dark-login__wrap .block-result-success{
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
  }
  .dark-login__wrap .block-result-success .btn{
    height: 3.5rem;
    padding: 0.875rem 0.625rem;
  }
}
.popup-vendor.popup-registration.popup-moodbar .popup-vendor__window_wrap{
  max-width: 52rem;
}
@media (max-width: 767px){
  .popup-bride-email .popup-vendor__window {
    padding: 2.5rem 1rem;
  }
  .popap-profile--upgrade .popup__logo--image {
    max-height: 40px;
  }
  .popap-profile--upgrade .vend-popup-logo_wrap {
    max-width: 6.25rem;
    max-height: 6.25rem;
    margin-bottom: 2.5rem;
  }
}
/* Style for popup Moodboard end*/