html {scroll-behavior:smooth}
body {margin:0}
.autowidth {opacity:1!important}
.navbarcontainer {position:relative;background:#6ba3ff;height:auto}
.navbarcontainerin {min-height:80px}
.brand-name {display:inline-block;font-family:myoswald,sans-serif;font-size:30px;line-height:1.2;color:#0a5366;padding:8px 0}
.site-footer .brand-name {color:white}
.unavailable-background {background-color:#0a5366}
.media-slot {display:block;width:100%;min-height:78px;background:linear-gradient(145deg,rgba(10,83,102,.08),rgba(59,172,214,.18));border-radius:2px}
.dataitem4 .media-slot {aspect-ratio:242/182}
.dataitem4icon .media-slot {height:70px;width:70px;margin:0 auto}
#main-content .block {padding-top:28px;padding-bottom:28px}
#main-content table {margin:0 auto}
#main-content {min-height:60vh}
#main-content p {line-height:1.55}
#main-content h1,#main-content h2 {line-height:1.25}
#callback,#order {overflow:auto}
#callbackin,#orderin {position:relative;top:auto;right:auto;bottom:auto;left:auto;margin:6vh auto;height:auto;max-height:none;box-sizing:border-box}
.form-note,.form-status {font:14px/1.45 myroboto,sans-serif;margin:14px 0;color:#0a5366}
.phoneinput input,.orderphoneinput input {min-height:40px}
.nav-label,.nav-toggle {display:none}
.site-footer .container {display:flex;align-items:flex-start;gap:36px;text-align:left}
.site-footer .container>div {float:none!important;width:auto!important;flex:1;margin-left:0!important}
:target {scroll-margin-top:20px}
.navbarcontainer > .navbarcontainerin {background:#6ba3ff!important}
.navbarcontainer > div:first-child .navbarcontainerin {min-height:0}
.navbarcontainer .brand-name {color:#08233e}
.unavailable-background table tr {background:transparent!important}
.contact-action {display:inline-block;color:white;padding:12px 22px;border:1px solid white;border-radius:4px}
.unavailable-background a[class^="orderbottom"] {color:#8ddaf5}
.contact-action {background:#0a5366}
@media (max-width:1100px) {
 html,body {min-width:0!important;width:100%!important;height:auto!important;min-height:0!important}
 body {font-size:16px!important;line-height:1.5}
 .container,.navbarcontainerin,.datacontainer4,.datacontainermin4,.datacontainer4icon,.datacontainermin4icon {width:100%!important;max-width:100%!important;box-sizing:border-box}
 .container {padding-left:18px;padding-right:18px}
 .navbarcontainer >div:first-child {height:auto!important;min-height:38px;line-height:1.5!important;padding:8px 0}
 .navbarcontainer >div:first-child .navbarcontainerin {padding:0 18px}
 .navbarcontainer >div:first-child span {padding-left:0!important;margin:0!important}
 .navbarcontainerin.nav-shell {display:flex;position:relative;flex-wrap:wrap;align-items:center;padding:12px 18px;gap:8px;min-height:76px}
 .nav-label {display:block;order:1;margin-left:auto;padding:10px 12px;cursor:pointer;min-height:44px;box-sizing:border-box;color:white;border:1px solid #ffffff80;border-radius:3px}
 .nav-shell>div {float:none!important;width:100%!important;margin:0!important;position:static!important;text-align:left!important;font-size:16px!important}
 .nav-shell>div:nth-of-type(2) {order:0;width:auto!important;flex:1}
 .nav-shell>div:nth-of-type(1),.nav-shell>div:nth-of-type(3) {display:none;order:2}
 .nav-toggle:checked ~ div:nth-of-type(1),.nav-toggle:checked ~ div:nth-of-type(3) {display:block}
 .nav-shell a:not(:has(.brand-name)) {display:block;margin-left:0!important;padding:11px 0;min-height:44px;box-sizing:border-box}
 .brand-name {font-size:26px}
 #main-content {min-height:0!important}
 #main-content >div {padding-top:32px!important;padding-bottom:32px!important;min-height:0!important}
 #main-content h1 {font-size:32px!important;overflow-wrap:break-word}
 #main-content h2 {font-size:26px!important;overflow-wrap:break-word}
 #main-content header1 {font-size:22px!important}
 #main-content table,#main-content tbody,#main-content tr,#main-content td {display:block;width:100%!important;box-sizing:border-box;height:auto!important}
 #main-content td {padding:10px!important;overflow-wrap:break-word}
 #main-content td:empty,#main-content td.layout-space {display:none}
 #main-content .datacontainer4,#main-content .datacontainermin4,#main-content .datacontainer4icon,#main-content .datacontainermin4icon {display:flex;flex-direction:column;align-items:stretch;gap:24px}
 #main-content .dataitem4,#main-content .dataitem4in,#main-content .dataitem4icon {width:100%!important;height:auto!important;margin:0!important;float:none!important;box-sizing:border-box}
 #main-content .media-slot {max-width:100%}
 #main-content a[class^=orderbottom] {max-width:100%;box-sizing:border-box}
 .site-footer {padding:28px 0!important}
 .site-footer .container {display:flex;flex-direction:column;gap:20px}
 .site-footer .container>div {width:100%!important;margin:0!important}
 #callbackin,#orderin {width:calc(100% - 28px)!important;margin:24px auto!important;padding:16px!important;max-width:400px}
 #callbackin>div,#orderin>div {width:100%!important}
 .phoneinput input,.orderphoneinput input {max-width:100%;box-sizing:border-box}
}

img.media-slot {background:none;object-fit:contain}
img.media-photo {aspect-ratio:242/182;object-fit:cover;height:auto}

.navbarcontainer .nav-shell a {color:#08233e!important}
.navbarcontainer .nav-label {color:#08233e;border-color:#08233e80}

.contact-details {margin:18px 0;line-height:1.55}
.contact-details p {margin:8px 0;overflow-wrap:anywhere}
.contact-details a {color:inherit}

/* Contact links: quiet default, visible interaction and keyboard focus. */
a[href^="tel:"],.contact-details a {text-decoration:none}
a[href^="tel:"]:hover {text-decoration:none;opacity:.75}
.contact-details a[href^="mailto:"]:hover {text-decoration:underline;text-underline-offset:.2em}
a[href^="tel:"]:focus-visible,.contact-details a:focus-visible {outline:2px solid currentColor;outline-offset:4px;border-radius:2px}

/* Site-wide links and order actions, per user preference. */
a,a:link,a:visited,a:hover,a:active,a:focus {text-decoration:none!important}
a:focus-visible {outline:2px solid currentColor;outline-offset:4px;border-radius:3px}
@media (hover:hover) {
 a:hover {opacity:.8}
}
#main-content a[class^="orderbottom"] {
 display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
 min-height:48px;padding:12px 28px;margin:10px 0;
 background:#6ba3ff;color:#08233e;border:1px solid #6ba3ff;border-radius:6px;
 font-family:myroboto,sans-serif;font-size:18px;font-weight:600;line-height:1.3;
 cursor:pointer;vertical-align:middle;
}
#main-content a[class^="orderbottom"]:hover {background:#85b3ff;border-color:#85b3ff;opacity:1}
#main-content a[class^="orderbottom"]:active {background:#5795f7;border-color:#5795f7}