@import url("customer-assets/css/user.css");
@import url("customer-assets/components/bootstrap/css/bootstrap.min.css");
@import url("customer-assets/fontawesome-pro-6.1.1/css/all.css");
@import url("customer-assets/css/aos.css");

/* Standard Cassiopeia: retain customer presentation and adapt only stock template containers. */
:root{--cassiopeia-font-family-body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--cassiopeia-color-primary:#ed0043;--cassiopeia-color-link:#ed0043;--cassiopeia-color-hover:#c70038}
body{margin:0;min-width:0}body .container-header.header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--ralf-container-width,1320px)) minmax(0,1fr);grid-template-rows:auto 112px;gap:0;padding:0;margin:0;background:#fff!important;background-image:none!important;box-shadow:none;z-index:100;position:sticky;top:-60px;width:100%;height:auto}
body .container-header>.container-topbar{grid-row:1;grid-column:1/-1;display:block;max-width:none;width:100%;padding:15px;margin:0 0 10px;background:var(--color-secondary);font-size:13px;letter-spacing:5px;color:#666;line-height:1.5;box-shadow:var(--box-shadow)}
.container-topbar>.mod-custom{max-width:1320px;margin:0 auto;padding:0 12px}.container-topbar a{color:inherit;text-decoration:none}.container-topbar a i{font-size:1.3em;color:var(--color-basic);margin-right:3px}
body .container-header>.grid-child:not(.container-topbar):not(.container-nav){grid-column:2;grid-row:2;justify-self:start;align-self:center;display:block;width:auto;min-width:0;margin:0;padding:0 12px;max-width:none}
.container-header .navbar-brand{margin:0;padding:0;line-height:1}.container-header .navbar-brand a{display:block}.container-header .navbar-brand a img{width:210px;height:auto;max-width:100%;display:block}
body .container-header>.container-nav{grid-column:2;grid-row:2;justify-self:end;align-self:center;margin:0;padding:0 12px;max-width:none;width:auto;min-height:0}
body .site-grid{display:block!important;width:100%;margin:0;gap:0;min-width:0}.site-grid>.container-banner{max-width:none;width:100%;padding:0;margin:0}.site-grid>.container-component{max-width:none;width:100%;padding:var(--content-block-margin) 0;margin:0;min-width:0}.container-component main{margin:0;width:100%;min-width:0}.com-content-article{margin:0}
.site-grid>.container-bottom-b{max-width:none;width:100%;padding:0!important;margin:0}.container-bottom-b>.card{border:0;border-radius:0;margin:0;background:transparent;box-shadow:none}.container-bottom-b>.card>.card-body{padding:0}.container-bottom-b .mod-custom{width:100%}
body .container-footer{margin:0;background:transparent;background-image:none;color:#9b9c9d;box-shadow:none}.container-footer>.grid-child{display:block;width:100%;max-width:none;margin:0;padding:40px 0;text-align:center}.container-footer .footer1,.container-footer .footer2{font-size:14px;line-height:1.5}.container-footer a{color:inherit;text-decoration:underline}
body #back-top{display:grid!important;place-items:center;position:absolute!important;width:50px;height:50px;padding:0;bottom:150px;right:15px;left:auto;border:1px solid #333;border-radius:5px;background:#333;color:#fff;z-index:90;line-height:1;text-decoration:none}
body #back-top>.icon-arrow-up{display:grid;place-items:center;width:100%;height:100%;margin:0;line-height:1;font-size:23px}body #back-top>.icon-arrow-up::before{margin:0;line-height:1}body #back-top::after{display:none}
.container-header a:focus-visible,.dj-mobile-open-btn:focus-visible,#back-top:focus-visible{outline:2px solid #ed0043;outline-offset:4px}
@media(max-width:991px){body .container-header.header{grid-template-rows:auto 93px;top:-100px}.container-header .navbar-brand a img{width:164px}.container-header>.container-topbar{text-align:left}body #back-top{bottom:15px;right:auto;left:calc(50% + 15px)}.container-footer>.grid-child{padding:30px 12px 80px}}

/* Actual DJ offcanvas parents must allow the native sticky header to use the viewport. */
.dj-offcanvas-wrapper,.dj-offcanvas-pusher,.dj-offcanvas-pusher-in{overflow:clip}
body .container-header .container-topbar a{color:inherit!important;text-decoration:none}
:root{--ralf-container-width:1320px}.container-topbar>.mod-custom{max-width:var(--ralf-container-width)}
@media(min-width:1200px) and (max-width:1399px){:root{--ralf-container-width:1140px}}
@media(min-width:992px) and (max-width:1199px){:root{--ralf-container-width:960px}}
@media(min-width:768px) and (max-width:991px){:root{--ralf-container-width:720px}}
@media(min-width:576px) and (max-width:767px){:root{--ralf-container-width:540px}}
@media(max-width:575px){:root{--ralf-container-width:100%}}

/* Retain the original customer content gutter and contact composition on current Core layouts. */
body .container-header>.grid-child:not(.container-topbar):not(.container-nav){padding-left:20px;padding-right:20px}
body .container-header>.container-nav{padding-right:0}
.container-component main{padding-top:16px}
.com-contact.contact{max-width:var(--ralf-container-width);margin:0 auto;padding:0 12px}
.com-contact__container>h2{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0}

/* DJ effect3 translates the sidebar beyond its pusher; keep that region visible while open. */
body.dj-offcanvas-open .dj-offcanvas-pusher{overflow:visible}
