.template-root, a.template-root {background:  var(--cassiopeia-color-primary); color: var(--white);}
a.template-root:hover {background:  var(--cassiopeia-color-hover) !important; color: var(--white) !important;}

body {color: #000;font-size: clamp(1.07rem, 5vw, 1.15rem); scroll-behavior: smooth;}
.wrapper-fluid .uk-container {max-width: 100% !important;}

main .h1, h1 { font-size: clamp(2rem, 5vw, 3rem); font-weight: 600;}
main .h2, h2 {font-size: clamp(1.5rem, vw, 2.4rem); font-weight: 400;}
main .h3, h3 {font-size: clamp(1.3rem, 5vw, 2rem); font-weight: 400;}
main a {color: var(--template-bg-dark-90); text-decoration: none !important;}
a, .uk-link {text-decoration: none !important; color: var(--template-bg-dark-90);}
a.brand-logo span {color: var(--template-bg-dark-90) !important;}

.template-root, a.template-root {background:  var(--cassiopeia-color-primary); color: var(--color-light);}
a:hover.template-root {background:  var(--cassiopeia-color-hover); color: var(--color-dark);}

.full-width, .row {width: 100%;}

/* TOPBAR */
#topbar, #topbar a {color: var(--white); font-size: 1.05rem; font-weight: 300; letter-spacing: .07rem;}
#topbar .fa-light {margin-right: .7rem;}

/* HEADER */


/**** GRID-HEADER ****/
.mk-stack {display: grid; }
.mk-stack > * {grid-area: 1 / 1 / 2 / 2;}

#mk-header  {z-index: 1000;}

/* LOGO */
.mk-brand img {width: 23rem; margin:  0; transition: all ease 1s;}
.mk-brand {width: 100%;}

/* NAVIGATION */
.mk-nav-container {flex-direction: column-reverse; display: flex;}
.mk-nav {display: flex; align-items: flex-end; justify-content: flex-end;}

.uk-navbar-dropdown-nav > li > a {color: #222 !important;  font-size: 1.05rem !important; }

.uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle {min-height: 50px !important; font-size: 1.05rem !important; font-family: 'Nunito', sans-serif !important; }
.uk-dark .uk-navbar-nav > li > a {color: #111 !important;}
.uk-light .uk-navbar-nav > li > a {color: #fff !important;}

/* CONTENT */
.com-content-article__body, .blog-item {hyphens: auto;}

/* FOOTER */
.mk-footer {background-color: var(--cassiopeia-color-primary); background-image: linear-gradient(135deg,var(--cassiopeia-color-primary),var(--cassiopeia-color-hover));}
.mk-copyright {font-size: .9rem; color: rgba(255, 255, 255, 1);}
.mk-home-link a {font-size: .7rem; color: rgba(255, 255, 255, .5);}

.mk-totop-button.uk-icon.uk-totop:hover {background: var(--cassiopeia-color-hover);}
.mk-border-top-white {border-top: 1px solid rgba(255,255,255,.5);}

/* UTILITY */
.com-contact__info .uk-link, .com-contact__info a {color: var(--cassiopeia-color-primary) !important; transition: all ease .250s;}
#mk-maps ul.fields-container {padding: 0 !important;}
#mk-maps ul.fields-container li {list-style: none;}

.com-contact__info .uk-link:hover, .com-contact__info a:hover {color: var(--cassiopeia-color-hover) !important;}
.control-group {margin-top: 0 !important;}
.form-control, .custom-select, .form-select {border: 1px solid var(--cassiopeia-color-hover) !important;}
.form-control:hover, .form-control:focus, .custom-select:hover, .form-select:hover, .custom-select:focus, .form-select:focus {border: 1px solid var(--cassiopeia-color-primary) !important;}

.btn-primary:focus, .btn-primary:hover {background-color: var(--cassiopeia-color-hover); border: 2px solid var(--cassiopeia-color-primary);}
.uk-section-primary {background-color: var(--cassiopeia-color-primary) !important;}
.uk-heading-line > ::before, .uk-heading-line > ::after {border-bottom: calc(0.2px + 0.02em) solid var(--cassiopeia-color-primary) !important;}
.mk-background-transparent {background-color: transparent !important;}
.mk-mobile-hidden {display: block;}

.mk-index-100 {z-index: 100;}
.uk-light a {color: #fff; transition: all ease .4s;}
.uk-dark a {color: #333; transition: all ease .4s;}
.uk-light a:hover {color: #333;}
.uk-dark a:hover {color: #fff;}

.uk-overlay-primary {background-color: rgba(1, 4, 5, 0.7);}
.uk-card-footer {border-top: 0px !important;}
.com-content-article a, .com-content-article .uk-link {color: inherit;}

.uk-card-footer .btn {display: block;}
a svg.svg-inline--fa {height: 1.1rem;}
.mk-icon-card svg.svg-inline--fa {height: 4rem;}

.svg-inline--fa.fa-bars.fa-2x {height: 2rem !important;}

.btn-outline-primary:hover {background-color: var(--cassiopeia-color-primary); border-color: #010156;}
.uk-subnav-pill > .uk-active > a, .uk-subnav-pill > * > a:hover {background-color: var(--cassiopeia-color-primary) !important; color: var(--white) !important;}
.uk-subnav-pill > * > :first-child {padding: 1rem 1.5rem !important; color: #000 !important;}

.uk-modal-dialog.mk-search, .mk-search .uk-modal-close-full {background: rgba(0,0,0,.8) !important; color: var(--white);}
.uk-modal-dialog.mk-search, .mk-search .uk-modal-close-full:hover {background: rgba(0,0,0,.8) !important; color: var(--cassiopeia-color-primary) !important;}
.uk-search .uk-search-icon {position: relative !important;}
.awesomplete {width: 100vh !important;}
.uk-search-input {background: rgba(255,255,255,.7) !important; color: var(--black) !important; border: 2px solid var(--cassiopeia-color-primary) !important;}
.uk-search .uk-search-icon {color: var(--white) !important;}

/* CUSTOM CSS */
.testbox1 .fa-brands:before {font-size: 2rem; color: #fff;}

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

}

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

}

@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1400px) {

}

@media screen and (max-width: 926px) {

}

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

  /* NAVIGATION */
.dj-mobile-open-btn.dj-fa-no {position: relative;}
}

@media screen and (max-width: 428px) {

/* UTILITY */
.mk-mobile-hidden {display: none;}
a.mk-totop-button .svg-inline--fa.fa-chevron-up {padding: 1rem .3rem .3rem !important;}
}
 
.hgd-hover-box, .hgd-hover-box .CB_itembg {transition: all ease .7s;}
.hgd-hover-box.active {box-shadow: 0 0 100rem 30rem var(--cassiopeia-color-primary);}
.hgd-hover-box.active .CB_itembg {border: 1px solid #ffffff88; -webkit-transform: scale(1.2); transform: scale(1.2);}
.hgd-hover-box.active .CB_itembg {box-shadow: rgb(0, 0, 12) 0px 48px 48px -32px, rgba(0, 0, 0, 0.6) 0px 96px 96px -64px;}

.uk-column-divider {column-rule: 1px solid var(--cassiopeia-color-primary) !important;}

.mk-box {background: var(--cassiopeia-color-primary); color: #fff; text-align: center; margin: 3rem 0; padding-top:  clamp(1rem, 2.5vw, 5rem) !important;  padding-bottom:  clamp(1rem, 2.5vw, 5rem) !important; padding-left: clamp(3rem, 10vw, 15rem); padding-right: clamp(3rem, 10vw, 15rem); hyphens: none;}

.mk-box-border {color: #222; border: calc(0.2px + 0.02em) solid var(--cassiopeia-color-primary); text-align: center; margin: 3rem 0; padding-top:  clamp(1rem, 2.5vw, 5rem) !important;  padding-bottom:  clamp(1rem, 2.5vw, 5rem) !important; padding-left: clamp(3rem, 10vw, 15rem); padding-right: clamp(3rem, 10vw, 15rem); hyphens: none;}

.mk-box-border-tb {color: #222; border-top: calc(0.2px + 0.02em) solid var(--cassiopeia-color-primary);  border-bottom: calc(0.2px + 0.02em) solid var(--cassiopeia-color-primary); text-align: center; margin: 3rem 0; padding-top:  clamp(1rem, 2.5vw, 5rem) !important;  padding-bottom:  clamp(1rem, 2.5vw, 5rem) !important; padding-left: clamp(3rem, 10vw, 15rem); padding-right: clamp(3rem, 10vw, 15rem); hyphens: none;}

.mk-box-border-lr {color: #222; border-left: calc(0.2px + 0.02em) solid var(--cassiopeia-color-primary);  border-right: calc(0.2px + 0.02em) solid var(--cassiopeia-color-primary); text-align: center; margin: 3rem 0; padding-top:  clamp(1rem, 2.5vw, 5rem) !important;  padding-bottom:  clamp(1rem, 2.5vw, 5rem) !important; padding-left: clamp(3rem, 10vw, 15rem); padding-right: clamp(3rem, 10vw, 15rem); hyphens: none;}

ul.ul-arrow {list-style: none;}
ul.ul-arrow li {display: flex; align-items: baseline;}
ul.ul-arrow li::before {font-family: "Font Awesome 6 Pro"; content: "\f061" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}
ul.ul-arrow-k {list-style: none;}
ul.ul-arrow-k li {display: flex; align-items: baseline;}
ul.ul-arrow-k li::before {font-family: "Font Awesome 6 Pro"; content: "\f0a9" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}
ul.ul-arrow-w {list-style: none;}
ul.ul-arrow-w li {display: flex; align-items: baseline;}
ul.ul-arrow-w li::before {font-family: "Font Awesome 6 Pro"; content: "\f33b" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}
ul.ul-arrow-l {list-style: none;}
ul.ul-arrow-l li {display: flex; align-items: baseline;}
ul.ul-arrow-l li::before {font-family: "Font Awesome 6 Pro"; content: "\f340" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}

ul.ul-check {list-style: none;}
ul.ul-check li {display: flex; align-items: baseline;}
ul.ul-check li::before {font-family: "Font Awesome 6 Pro"; content: "\f00c" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}
ul.ul-check-k {list-style: none;}
ul.ul-check-k li {display: flex; align-items: baseline;}
ul.ul-check-k li::before {font-family: "Font Awesome 6 Pro"; content: "\f058" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}
ul.ul-check-w {list-style: none;}
ul.ul-check-w li {display: flex; align-items: baseline;}
ul.ul-check-w li::before {font-family: "Font Awesome 6 Pro"; content: "\f14a" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}
ul.ul-check-s {list-style: none;}
ul.ul-check-s li {display: flex; align-items: baseline;}
ul.ul-check-s li::before {font-family: "Font Awesome 6 Pro"; content: "\f2f7" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}

ul.ul-cross {list-style: none;}
ul.ul-cross li {display: flex; align-items: baseline;}
ul.ul-cross li::before {font-family: "Font Awesome 6 Pro"; content: "\f00d" !important; background-image: none !important; color: var(--warning) !important; margin-right: .5rem;}
ul.ul-cross-k {list-style: none;}
ul.ul-cross-k li {display: flex; align-items: baseline;}
ul.ul-cross-k li::before {font-family: "Font Awesome 6 Pro"; content: "\f057" !important; background-image: none !important; color: var(--warning) !important; margin-right: .5rem;}
ul.ul-cross-w {list-style: none;}
ul.ul-cross-w li {display: flex; align-items: baseline;}
ul.ul-cross-w li::before {font-family: "Font Awesome 6 Pro"; content: "\f410" !important; background-image: none !important; color: var(--warning) !important; margin-right: .5rem;}
ul.ul-cross-s {list-style: none;}
ul.ul-cross-s li {display: flex; align-items: baseline;}
ul.ul-cross-s li::before {font-family: "Font Awesome 6 Pro"; content: "\e24c" !important; background-image: none !important; color: var(--warning) !important; margin-right: .5rem;}

.uk-heading-bullet::before {border-left: calc(5px + 0.1em) solid var(--cassiopeia-color-primary) !important; border-left-color: var(--cassiopeia-color-primary) !important;}
.uk-heading-line > ::before, .uk-heading-line > ::after {border-color: var(--cassiopeia-color-primary);}
.uk-grid-divider > :not(.uk-first-column)::before {border-left: 1px solid var(--cassiopeia-color-primary) !important;
    border-left-color: var(--cassiopeia-color-primary) !important;
}
.uk-button-default {border-color: var(--cassiopeia-color-primary) !important;}
.uk-button-default:hover {border-color: var(--cassiopeia-color-hover) !important;}

.mk-anker {visibility: hidden; height: 0px !important; position: absolute; margin: -100px;}

/* MENU-HOVER */
.uk-navbar-nav  a {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden;}
.uk-navbar-nav a:before {content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; bottom: 0; background:  var(--cassiopeia-color-primary); height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.uk-navbar-nav li.uk-active a:before, .uk-navbar-nav .metismenu.mod-menu .mm-collapse > li.active a:before {left: 0%; right: 0%;}
.uk-navbar-nav .uk-nav.uk-navbar-dropdown-nav > li a:before {left: 51%; right: 51%;}
.uk-navbar-nav .uk-nav.uk-navbar-dropdown-nav > li.uk-active a:before, .uk-navbar-nav .uk-nav.uk-navbar-dropdown-nav > li:hover a:before {left: 0%; right: 0%;}
.uk-navbar-nav a:hover:before, .uk-navbar-nav a:focus:before, .uk-navbar-nav a:active:before {left: 0; right: 0;}
a:focus, a:hover {color: var(--template-bg-dark-90);}


/* SCROLL-TO-TOP */
.mk-totop-container {background: var(--cassiopeia-color-primary); margin: 0 .8rem .65rem;} 
a.mk-totop-button .svg-inline--fa.fa-chevron-up {padding: 1rem .7rem .6rem !important;}/* Standard Cassiopeia integration. Customer content remains in native records. */
:root{--cassiopeia-color-primary:rgba(204,7,30,1);--cassiopeia-color-hover:rgba(204,7,30,.75);--color-light:#fff;--color-dark:#333;--template-bg-dark-90:#cc071e;--link-color:#cc071e}
body{line-height:1.5;background:#fff}h1,h2,h3{color:#333}p{line-height:1.5}
.container-header{position:relative;display:block;background:#fff;background-image:none;box-shadow:none;color:#111;min-height:167px;z-index:1020}
.container-topbar{padding:0;width:100%;margin:0;background:#cc071e}.engel-topbar{max-width:1360px;margin:auto;padding:8px 0;color:#fff;font-size:1.05rem;font-weight:300;letter-spacing:.07rem}.engel-topbar a{color:#fff}.engel-topbar i{margin-right:.7rem}
.container-header>.grid-child:has(.navbar-brand){position:absolute;left:max(47px,calc((100% - 1346px)/2));top:55px;margin:0;padding:0;width:auto;max-width:none}
.container-header .navbar-brand{margin:0;padding:0}.container-header .navbar-brand img{width:357px;height:auto;max-width:100%;display:block}
.container-header .container-nav{position:absolute;right:max(40px,calc((100% - 1360px)/2));top:112px;min-height:50px;width:auto;max-width:none;flex-wrap:nowrap;margin:0;padding:0;gap:0;align-items:flex-end}
.container-nav nav{padding:0}.container-nav .uk-navbar-nav{gap:0}.container-nav .uk-navbar-nav>li{padding:0 30px}.container-nav .uk-navbar-nav>li>a{padding:0;font-weight:400;color:#111!important;line-height:50px;text-transform:uppercase}
.container-nav .container-search{margin:0}.container-nav .uk-navbar-toggle{padding:0;color:#333;min-width:20px}.container-header:has(.engel-slideshow) .container-nav .uk-navbar-nav>li>a,.container-header:has(.engel-slideshow) .uk-navbar-toggle{color:#fff!important}
.container-header:has(.engel-slideshow)>.grid-child:has(.navbar-brand){top:125px}.container-header:has(.engel-slideshow) .container-nav{top:187px}
.engel-slideshow{position:relative}.engel-slideshow .uk-slideshow-items{margin:0}
.site-grid{display:block}.grid-child.container-component{display:block;max-width:1440px;padding:70px 40px 0;margin:0 auto;min-width:0}.container-component main{margin:0}.com-content-article{max-width:none}.blog-featured{margin-top:70px}.blog-items{display:block}.blog-item{padding:0}.blog-item .item-content{padding:0}
.container-banner{background:#cc071e;color:#fff;margin:0}.engel-page-title{max-width:1440px;margin:auto;padding:15px 40px;color:#fff;font-size:2.5rem;line-height:1.25}
.footer{margin-top:140px;background:#333;background-image:none;color:#fff}.footer>.grid-child{display:block;max-width:none;padding:0}.footer a{color:#fff}.engel-contact-links{border:0;border-collapse:collapse;font-size:1rem}.engel-contact-links td{padding:0;vertical-align:middle}.engel-contact-links td+td{padding-left:.5rem}
#engel-footer{width:100%;font-size:1rem}#engel-footer .uk-text-lead{color:#fff}#engel-footer .uk-container{max-width:1400px;padding:30px}#engel-footer .mk-home-link{margin-top:.5rem}
.engel-menu-toggle{background:transparent;border:0;color:inherit;padding:0;cursor:pointer}.uk-offcanvas-bar{font-size:1.2rem}.uk-offcanvas-bar .uk-nav a{padding:15px 0}.uk-offcanvas-close{color:#fff}
.com-contact__address dd{margin:0 0 0 20px}.com-contact__form h2{margin-top:0}.contact-form .control-group{margin-bottom:30px}.contact-form .control-group .controls{margin-left:0}.contact-form .form-control,.contact-form .form-select{min-height:46px}.contact-form textarea.form-control{min-height:300px}.contact-form input[type=checkbox]{min-height:0}
.back-to-top-link{background:#cc071e;color:#fff;border:0;right:13px;bottom:70px;z-index:1040;width:48px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:none}.back-to-top-link:hover{background:#a80619;color:#fff}
main{overflow-wrap:anywhere}main img{height:auto}main .uk-list>li{overflow:visible}.uk-search .awesomplete{max-width:85vw;width:700px!important}.uk-search .uk-search-input{max-width:100%}
@media(min-width:960px){.container-nav nav{margin-left:0}.container-nav .uk-navbar-nav>li:first-child{padding-left:0}.container-nav .uk-navbar-nav>li:last-child{padding-right:17px}}
@media(max-width:1190px) and (min-width:960px){.container-header .navbar-brand img{width:300px}.container-nav .uk-navbar-nav>li{padding:0 15px}.container-header .container-nav{right:25px}}
@media(max-width:959px){.container-header{min-height:350px}.engel-topbar{padding:8px 45px}.container-header>.grid-child:has(.navbar-brand){top:131px;left:22px;right:22px}.container-header:has(.engel-slideshow)>.grid-child:has(.navbar-brand){top:172px}.container-header .navbar-brand img{width:357px}.container-header .container-nav{top:280px;right:25px}.container-header:has(.engel-slideshow) .container-nav{top:309px}.container-nav .container-search{display:none}.container-nav{color:#111}.container-header:has(.engel-slideshow) .container-nav{color:#fff}.grid-child.container-component{padding:70px 15px 0}.blog-featured{margin-top:10px}.engel-page-title{padding:15px;font-size:2rem}.footer{margin-top:100px}.uk-search .awesomplete{width:85vw!important}.com-contact__info{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html,body{scroll-behavior:auto}}
.engel-page-banner{position:absolute;top:100%;left:0;width:100%;background:#cc071e}.container-header:has(.engel-page-banner){margin-bottom:80px}
.container-header.engel-scrolled:after{content:"";position:fixed;top:0;left:0;width:100%;height:126px;background:#fff;box-shadow:0 1px 4px #0002;z-index:1}
.container-header.engel-scrolled>.grid-child:has(.navbar-brand){position:fixed;top:14px;z-index:2}.container-header.engel-scrolled .container-nav{position:fixed;top:70px;z-index:2}.container-header.engel-scrolled .container-nav .uk-navbar-nav>li>a,.container-header.engel-scrolled .uk-navbar-toggle{color:#111!important}
@media(max-width:959px){.container-header.engel-scrolled:after{height:215px}.container-header.engel-scrolled .container-nav{top:157px;color:#111}}
/* Match the original UIkit typography after the core stylesheet. */
h3,.h3,main h3{font-size:1.5rem;font-weight:400}h2,.h2,main h2{font-size:2rem;font-weight:400}
.engel-topbar a{font-weight:300;text-decoration:none}.blog-featured{margin-top:0}
.engel-topbar{padding-top:0;padding-bottom:0}.container-header>.grid-child:has(.navbar-brand){left:max(40px,calc((100% - 1360px)/2))}.container-header .navbar-brand img{width:368px}
body.com_contact main .page-header h1{font-size:2.5rem;font-weight:400}.com-contact__address{padding-left:0}
@media(max-width:959px){.container-header>.grid-child:has(.navbar-brand){left:15px;right:15px}.container-header .navbar-brand img{width:368px}}
.contact-form .control-group{margin-bottom:0}.engel-page-title{font-weight:400}
#engel-footer{font-weight:300}#engel-footer a{font-weight:300}#engel-footer .uk-text-lead{font-weight:400}#engel-footer .mk-copyright{font-weight:400}
