/***/
.popup-form .form-side-text{ font-size: 16px; font-weight: 500; color: #fff}
.popup-form .form-side-text.bold{ font-size: 22px; font-weight: 800; line-height: 1.2; margin-bottom: 10px}

.popup-form{ max-width: 500px; margin: auto  }
.popup-form > div{ padding: 20px;}
.popup-form label{ font-weight: 600}
.popup-form *::placeholder{ }
.popup-form .form-title{ font-size: 22px; font-weight: bold; line-height: 1.2; margin-bottom: 30px; color: #fff}
.popup-form .form-row{ padding-bottom: 20px;  }
.popup-form .form-row.checkbox{ padding-bottom: 40px}
.popup-form .form-row.text input{ display: block; width: 100%; box-sizing: border-box; border-radius: 10px; padding: 5px 0; border: 1px solid var(--color2); background-color: #fff; box-shadow: 0 2px 10px -3px   rgb(0 0 0 / 20%); padding: 15px }
.popup-form .form-row.text textarea{ display: block; width: 100%; box-sizing: border-box; padding: 5px 0; border: 1px solid var(--color2); background-color: transparent;    box-shadow: 0 2px 10px -3px   rgb(0 0 0 / 20%); border-radius: 10px; padding: 10px;}
.popup-form .select-input input{ display: block; width: 100%; box-sizing: border-box; border-radius: 10px; padding: 5px 0; border: 1px solid var(--color2); background-color: #fff; box-shadow: 0 2px 10px -3px   rgb(0 0 0 / 20%); padding: 15px }


.popup-form .title{ font-size: 22px; line-height: 1.2; text-align: center; font-weight: 600; color: var(--color2)}
.popup-form .title-wrap  .text{ text-align: center}

.form-row .field-error{ position: absolute; font-size: 13px; color: #fff;  line-height: 1.2; right: 0; bottom: 15px; opacity: 0; transition: all 0.3s linear; background: var(--red); border-radius: 3px; padding: 2px 5px; }
.form-row .field-error.is-show{opacity: 1}

.popup-form .form-row.checkbox input{ width: 0; height: 0; opacity: 0; z-index: -1; visibility: hidden; position: absolute}
.popup-form .form-row.checkbox label{ padding-left: 40px;display: block;position: relative;font-size: 13px;line-height: 1.3; color: var(--color1)  }
.popup-form .form-row.checkbox label:before, .form-row.checkbox label:after{ content: ""; position: absolute; display: block;   transition: all 0.3s linear; opacity: 0.8;}
.popup-form .form-row.checkbox label:before{top:3px;   left: 0; width: 26px; height: 16px; border: 2px solid #bcbcbc; border-radius: 12px;}
.popup-form .form-row.checkbox label:after{top:8px; left: 7px; width: 10px; height: 10px;  border-radius: 50%;    background-color: #bcbcbc;}
.popup-form .form-row.checkbox input:checked + label:before{ border-color: var(--color2)}
.popup-form .form-row.checkbox input:checked + label:after{ left: 15px; background-color:  var(--color2)}
.popup-form .form-row.checkbox label a{text-decoration: underline;}
.popup-form .form-row.submit{ margin-top: 5px;}
.popup-form .button{  margin: auto}


@media only screen and (min-width: 1024px) {

    .form-side-text{ font-size: 16px}
    .form-side-text.bold{ font-size: 22px}

    .acms_popup_case{ padding: 40px !important;}
    .acms_popup_wrapper_close{ top: 10px !important; right: 10px!important;}

    .popup-form{ padding: 20px !important;}
    .popup-form form{ margin: auto}
    .popup-form .form-side-text.bold{ font-size: 28px;      margin-bottom: 30px;}
}
@media only screen and (min-width: 1280px) {
    .innerform .popup-form > div{ padding: 40px 80px;}

}