.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;}

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

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

/* LOGO */
.mk-brand img {width: 22rem; margin: .2em 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: center;}

.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;}

.textcolor {
  color: var(--cassiopeia-color-primary);
  background: -webkit-linear-gradient(var(--cassiopeia-color-primary), #fff);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;	
}

/* PAGE-HEADER */
.header-title {color: var(--color-header-title) !important;}
.header-title-background {background: var(--color-header-background) !important;}
#page-header .uk-overlay-primary {background-color: var(--color-header-overlay) !important;}
#page-header .uk-heading-divider,
#page-header .uk-heading-bullet::before,
#page-header .uk-heading-line > ::before,
#page-header .uk-heading-line > ::after {border-bottom-color: var(--color-header-modifier) !important; border-left-color: var(--color-header-modifier) !important;}

/* CUSTOM CSS */
#mak-cb-113 .mk_container_4 .item_id_0 {border-top: 1px solid rgba(255,255,255,.5) !important;}

@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;}
}
.mk-brand img {width: 20rem; margin: .2em 0; transition: all ease 1s;}
.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: 3px 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);}
.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;}


.mk-totop-container{
  border: 1px solid var(--access-btn_border) !important;
  bottom: 20px !important;
  translate: -2px 0px;
}