@import url('/assets/fonts.css');
html { scroll-padding-top:120px; }
img { max-width:100%; }
button, input, select, textarea { font:inherit; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible { outline:3px solid #0086b3; outline-offset:4px; }
.modal.is-open { display:block; opacity:1; background:rgba(0,0,0,.65); overflow-y:auto; }
.modal.is-open .modal-dialog { transform:none; }
.modal .white_content { position:relative; top:auto; left:auto; margin:40px auto; max-width:calc(100% - 28px); height:auto; }
.modal .pop_close { position:absolute; right:16px; top:12px; }
.modal h2 { margin-top:30px; }
.form-trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.enquiry-security { clear:both; padding:16px; }
.enquiry-security label { padding-top:8px!important; padding-bottom:4px!important; display:block; }
.enquiry-security input[name="answer"] { display:block; width:100px; padding:10px; border:1px solid #aaa; margin-top:8px; }
.form-status { min-height:24px; line-height:1.5; margin:12px 0; color:#16495a; }
input:disabled { opacity:.6; cursor:wait; }
.static-map { display:flex; align-items:center; justify-content:center; min-height:260px; background:#edf2f2; margin-top:100px; padding:24px; text-align:center; }
.static-tab { display:block!important; opacity:1; }
.scroll_to { cursor:pointer; }
.calc_image img { max-height:620px; width:auto; margin:auto; display:block; }
.calcpage #price { font-size:24px; line-height:1.3; }
.not-found { padding:170px 24px 100px; min-height:70vh; text-align:center; }
@media(max-width:767px) {
  html {scroll-padding-top:90px;}
  header #logo {max-width:calc(100% - 64px);}
  header #logo img {max-width:100%;}
  header #logo .logo_txt {display:none;}
  .blocke .top_prod_header h1 {font-size:30px;line-height:1.2;}
  .top_prod_header {max-width:100%;padding-left:16px;padding-right:16px;}
  .blocke .top_prod {position:relative;bottom:auto;}
  .blocke .top_prod .row {margin-left:0;margin-right:0;}
  .modal .white_content {padding:16px;margin:16px auto;}
  .cont_top {overflow-wrap:anywhere;}
  .calcpage {padding-top:90px;}
  .headpad {height:90px;}
  footer .col-sm-2 {width:50%;float:left;min-height:135px;}
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after {scroll-behavior:auto!important;transition:none!important;animation:none!important;} }

.static-contact-button{display:block;margin:24px auto;clear:both;padding:12px 24px}

/* Contact validation, shared by the retained themes. */
form[data-contact] [aria-invalid="true"]{border:2px solid #b42318!important;background-color:#fff5f4!important;box-shadow:0 0 0 1px #b42318!important}
form[data-contact] .field-error{display:block;clear:both;color:#a51d14!important;font-size:14px!important;line-height:1.4!important;text-align:left!important;margin:6px 0 12px!important;white-space:normal!important}
form[data-contact] .form-status{clear:both;white-space:normal;overflow-wrap:anywhere}
form[data-contact] .form-status[data-state="error"]{color:#a51d14!important}
form[data-contact] .form-status[data-state="success"]{color:#17603a!important}
form[data-contact] [type="submit"]:disabled{opacity:.65;cursor:wait}
form[data-contact] .contact-captcha{display:block;clear:both;max-width:100%;min-height:78px;margin:16px 0;text-align:left;box-sizing:border-box}
form[data-contact] .contact-captcha [hidden]{display:none!important}
form[data-contact] .captcha-math label{display:block;float:none;width:auto;text-align:left;padding:0;margin:8px 0}
form[data-contact] .math-answer{display:block;width:110px;max-width:100%;padding:10px;border:1px solid #777}
form[data-contact] .captcha-switch{display:block;max-width:100%;margin:10px 0;padding:0;background:none;border:0;text-align:left;font-size:14px;line-height:1.5;text-decoration:underline;cursor:pointer;color:inherit}
