.web-form-style-1 { max-width: 500px; margin: 0 auto; }
.web-form-style-1 .mxb-form { margin: 0 auto; padding: 0; }
.web-form-style-1 .mxb-form-wrapper { border: none; padding: 20px; background: none; }
.web-form-style-1 .page-block { padding: 5px 0; border: none; }
.web-form-style-1 .page-block .label { font-size: 12px; margin-bottom: 0; color: inherit; }
.web-form-style-1 .page-block .label:empty { display: none; }
.web-form-style-1 .page-block .field { display: flex; flex-wrap: wrap; }
.web-form-style-1 .mxb-input { margin-bottom: 0; padding-bottom: 0;}
.web-form-style-1 .mxb-input .form-control::placeholder  { color: inherit; }
.web-form-style-1 .mxb-input input[type="text"], .web-form-style-1 .mxb-input textarea { background: none; border: 1px solid rgba(30,30,30,.7); padding: 12px 16px; font-size: 14px; color: inherit; }
.web-form-style-1 .mxb-input input[type="text"]::placeholder, .web-form-style-1 .mxb-input textarea::placeholder { color: #aaa; }
.site-is-light-text .web-form-style-1 .mxb-input input[type="text"], .site-is-light-text .web-form-style-1 .mxb-input textarea { border-color: rgba(255,255,255, .7); }
.site-is-light-text .web-form-style-2 .mxb-button { background: #fff; color: #555; }
.site-is-light-text .web-form-style-2 .mxb-button:hover { background: #ccc; }
.form-field-custom-comments, .form-field-custom-key { display: none !important; }

.web-form-style-1 .errMsg { text-align: left; }
.web-form-style-1 .errMsg label { font-size: 12px; }

.web-form-style-1 .row { margin-right: -5px; margin-left: -5px; }
.web-form-style-1 .col-md-6 { padding-right: 5px; padding-left: 5px; }
.web-form-style-1 .mxb-controls { padding: 20px 0 0 0; }
.web-form-style-1 span.r::after { content: '*'; font-size: 14px; line-height: 12px; }

@media screen and (max-width: 600px) {
    .web-form-style-1 .row { margin-bottom: 0; }
    .web-form-style-1 .col-md-6 { margin-bottom: 0; }
}