/***/
.contact-block{ background: #5078CA;  color: #fff; border-radius: 8px; }
.contact-block-content{ padding: 30px;}
.contact-block-content div:nth-child(1){ font-weight: 300; font-size: 18px; margin-bottom: 10px;}
.contact-block-content div:nth-child(2){ font-weight: 900; font-size: 28px; margin-bottom: 15px;}
.contact-block-content div:nth-child(3){  font-size: 14px; margin-bottom: 15px;}
.page-form-phone{ display: inline-block; padding-left: 30px; background-repeat: no-repeat; background-position: left center; background-size: 22px; background-image: url(phone-ico.svg); font-size: 26px; font-weight: 900}

.contact-block-form{ padding: 30px; background: #426CC6;  border-radius: 8px}
.contact-block-form .form-title{ font-size: 24px; line-height: 1.2; font-weight: 300; margin-bottom: 20px;}

.contact-block-form .form-row{ margin-bottom:25px;}
.contact-block-form .form-row.text input{ display: block; border: none; background: rgb(255 255 255 / 10%); border-bottom: 1px solid rgb(255 255 255 / 50%); width: 100%; box-sizing: border-box; color: #fff; padding: 15px 15px 8px 15px; border-radius: 8px;}
.contact-block-form input::placeholder { color: #fff; opacity: 0.5; font-weight: 400}

.contact-block-form .form-row.checkbox{display: flex; padding-bottom:22px; margin-bottom: 15px }
.contact-block-form .form-row.checkbox  input{ display: block; border: 1px solid #fff; background: rgb(255 255 255 / 20%); width: 22px; height: 22px; box-sizing: border-box;  border-radius: 4px; flex-shrink: 0; flex-grow: 0; margin-right: 15px;}
.contact-block-form .form-row.checkbox input:checked{background: rgb(255 255 255 / 85%);}
.contact-block-form .form-row.checkbox label{ font-weight: 300px; font-size: 12px;}
.contact-block-form .form-row.checkbox label a{ text-decoration: underline}
.contact-block-form .form-wrapper, .contact-block-form .form-title{ max-width: 380px; margin: auto; margin-bottom: 30px;}
.contact-block-form .button{ background: #fff}

.form_tpl_inline .form-row .field-error{ bottom: 0px}


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

}

@media only screen and (min-width: 1024px) {
    .contact-block{ display: flex; justify-content: space-between}
    .contact-block-content{ padding: 30px 60px;flex-grow: 0; box-sizing: border-box}
    .contact-block-content div:nth-child(1) {font-size: 24px;margin-bottom: 20px;max-width: 500px; line-height: 1.3}

    .contact-block-content div:nth-child(2){ font-weight: 900; font-size: 38px;}
    .contact-block-content div:nth-child(3){ font-size: 18px; line-height: 1.3}

    .contact-block > div{ flex-basis: 50%; box-sizing: border-box; flex-grow: 0}
}
@media only screen and (min-width: 1280px) {


}