.main-menucontainer{
  position:fixed; top:0; left:0; width:100%; transition:top .3s; z-index:99;
}
.main-menucontainer.sticky{top:-2.6rem;}
.main-menucontainer + .main-menucontainer-spacer{height:7.6rem}
@media screen and (max-width:1299.98px){
  .main-menucontainer.sticky{top:-5.2rem;}
  .main-menucontainer + .main-menucontainer-spacer{height:10.2rem}
}
@media screen and (max-width:767.98px){
  .main-menucontainer.sticky{top:-2.6rem;}
  .main-menucontainer + .main-menucontainer-spacer{height:7.6rem}
}


/* Super Topnav */
nav.stopnav{position:relative;}
nav.stopnav .wrapper{display:flex; justify-content:space-between; flex-wrap:wrap;}
nav.stopnav .wrapper .options{display:flex;}
nav.stopnav .wrapper .options .option{
  display:flex; align-items:center; padding:.5rem .9375rem;
  border-right:1px solid transparent;
}
nav.stopnav .wrapper .options .option:last-child{border-right:0;}
nav.stopnav .wrapper .options .option .icon{
  width:1.375rem; height:1.375rem; display:flex; align-items:center; justify-content:center;
}
nav.stopnav .wrapper .options .option .text{padding-left:.25rem;}
nav.stopnav .socials .social{margin:0 .5rem;}
nav.stopnav .show-desktop{display:block;}
@media screen and (max-width:1299.98px){
  nav.stopnav .wrapper{justify-content:center;}
}
@media screen and (max-width:1199.98px){
  nav.stopnav .wrapper .options .option.socials-lists{display:none;}
}
@media screen and (max-width:767.98px){
  nav.stopnav .show-desktop{display:none;}
}
@media screen and (max-width:390.98px){
  nav.stopnav .wrapper .options .option{padding:.5rem .5rem;}
}


/* Sidenav */
nav.sidenav{
  position:fixed; top:0; left:0; z-index:99; width:27rem; overflow:hidden;
  height:100vh; transform:translateX(-27rem); transition:transform .25s; -webkit-transition:transform .25s;
}
nav.sidenav.active{transform:translateX(0);}
nav.sidenav .wrapper{position:relative;}
nav.sidenav .sidenav-toggle{
  position:absolute; top:0; right:0; display:flex; 
  justify-content:flex-end; padding:.75rem .25rem;
}
nav.sidenav .sidenav-toggle .hamburger{scale:.6;}
nav.sidenav:not(.active) .wrapper > .pattern{right:0;}
nav.sidenav .logo-container{
  position:relative; display:flex; align-items:center; padding:1.5rem 2rem 1.5rem 2rem;
  border-bottom:1px solid transparent;
}
nav.sidenav .menu-container > .menu{
  position:relative; transition:color .25s; font-size:1.125rem;
  cursor:pointer; display:block;
}
nav.sidenav .menu-container > .menu .text-shadow{
  position:absolute; top:-.75rem; left:.5625rem; opacity:.1;
}
nav.sidenav .logo-container > .logo img{
  display:block; max-width:100%; width:auto; max-height:100%; height:2.5rem;
}
nav.sidenav .text-container{width:calc(100% - 7rem); padding-left:1rem;}
nav.sidenav + .sidenav-filter{
  position:fixed; top:0; bottom:0; width:100vw; height:100vh; z-index:98;
  cursor:pointer; pointer-events:none; opacity:0; transition:opacity .45s;
}
nav.sidenav .menu-container{padding:.5rem 2rem;}
nav.sidenav .menu-container .menu{margin:0 0; padding:.625rem 0; border-bottom:1px solid transparent;}
nav.sidenav.active + .sidenav-filter{pointer-events:all; opacity:1;}

nav.sidenav .wrapper > .pattern{
  position:absolute; bottom:-.5rem; right:-2rem;
}
nav.sidenav .wrapper > .pattern img{
  display:block; max-width:100%; width:auto; max-height:100%; height:15rem;
  filter:brightness(200%) contrast(0%) saturate(100%) blur(0px) hue-rotate(0deg);
  opacity:.3;
}
@media screen and (max-width:991.98px){
  nav.sidenav .text-container{width:calc(100% - 5.875rem);}
}
@media screen and (max-width:490.98px){
  nav.sidenav{width:100vw; transform:translateX(-100vw);}
}
@media screen and (max-width:320.98px){
  nav.sidenav .logo-container{flex-direction:column;}
  nav.sidenav .text-container{width:100%; text-align:center; margin-top:.75rem;}
  nav.sidenav .menu-container > .menu{text-align:center;}
  nav.sidenav .menu-container > .menu .text-shadow{left:calc(50% - 2rem);}
  nav.sidenav .menu-container > .menu .btns{justify-content:center;}
}


/* Topnav */
nav.topnav{height:5rem; background:#ffffff; box-shadow:0px 2px 8px 2px rgba(0,0,0,.04);}
nav.topnav .container, nav.topnav .container .wrapper, nav.topnav .logo{height:100%;}
nav.topnav .container, nav.topnav .container>.wrapper{
  display:flex; justify-content:space-between; width:100%;
  align-items: center;
}
nav.topnav .logo{display:flex; align-items:center;}
nav.topnav .logo .wrapper{height:100%; display:flex; align-items:center;}
nav.topnav .logo img{
  display:block; max-width:100%; width:3.4375rem; 
  max-height:100%; height:auto;
}
nav.topnav .logo .text{width:calc(100% - 3.4375rem);}
nav.topnav .menu-container{display:flex; height:100%;}
nav.topnav .menu-container .menu{
  position:relative; height:100%; display:flex; align-items:center; padding:0 2rem;
  transition:all .25s; font-weight:400; cursor:pointer;
}
nav.topnav .submenu-dropdown{
  position:absolute; top:calc(100% + .5rem); left:0; border-radius:0 0 .2rem .2rem;
  opacity:0; pointer-events:none; overflow:hidden;
  transition:opacity .25s, top .25s, padding .25s, right .25s; z-index:3;
  width:calc(100% + 12rem);
}
nav.topnav .submenu-dropdown .submenu-wrapper{
  box-shadow:0px 4px 8px 4px rgba(0,0,0,.1); border-radius:.5rem;
}
nav.topnav .submenu{padding:.875rem 0;}
nav.topnav .menu:hover > .submenu-dropdown{opacity:1; top:100%; pointer-events:auto;}
nav.topnav .submenu:not(:last-child){position:relative; border-bottom:1px solid transparent;}
nav.topnav .submenu > .submenu-dropdown{top:0; left:100%; padding-left:1rem;}
nav.topnav .submenu >*:first-child{position:relative; transition:padding .25s, color .25s; text-wrap:nowrap;}
nav.topnav .submenu >*:first-child::before{
  position:absolute; top:0; left:0px; bottom:0; z-index:2;
  content:"";  width:0px; opacity:0; transition:all 200ms linear; transition-delay:0.1s;
}
nav.topnav .submenu:hover >*:first-child::before{width:0.3125rem; opacity:1;}
nav.topnav .submenu:hover >*:first-child{padding-left:0.9375rem;}
nav.topnav .submenu:hover > .submenu-dropdown{opacity:1; padding-left:.25rem; pointer-events:auto;}
nav.topnav .submenu-dropdown.anchor-right{left:auto; right:0;}
nav.topnav .submenu-dropdown.anchor-right .submenu > .submenu-dropdown{
  left:unset; right:100%; padding-right:1rem;
}
nav.topnav .submenu-dropdown.anchor-right .submenu:hover > .submenu-dropdown{
  right:100%; padding-right:.25rem;
}
nav.topnav .submenu-wrapper{padding:0 1.25rem;}
nav.topnav .sidenav-toggle{display:none;}
@media screen and (max-width:1299.98px){
  nav.topnav .menu-container .menu{padding:0 1.5rem;}
}
@media screen and (max-width:1199.98px){
  nav.topnav .menu-container .menu{padding:0 1.125rem;}
}
@media screen and (max-width:1099.98px){
  nav.topnav .menu-container .menu{padding:0 .9375rem;}
}
@media screen and (max-width:991.98px){
  nav.topnav .menu-container{display:none;}
  nav.topnav .logo img{width:3.25rem;}
  nav.topnav .logo .text{width: calc(100% - 3.25rem);}
  nav.topnav .sidenav-toggle{display:flex;}
}
@media screen and (max-width:767.98px){
  nav.topnav .logo img{width:3rem;}
  nav.topnav .logo .text{width: calc(100% - 3rem);}
}
@media screen and (max-width:575.98px){
  nav.topnav .logo img{width:2.9375rem;}
  nav.topnav .logo .text{width: calc(100% - 2.9375rem);}
}
@media screen and (max-width:375.98px){
  nav.topnav .logo img{width:2.75rem;}
  nav.topnav .logo .text{width: calc(100% - 2.75rem);}
}


nav.sidenav .logo{display:flex; align-items:center; width:100%;}
nav.sidenav .logo .wrapper{height:100%; display:flex; align-items:center;}
nav.sidenav .logo img{
  display:block; max-width:100%; width:3.4375rem; 
  max-height:100%; height:auto;
}
nav.sidenav .logo .text{width:calc(100% - 3.4375rem);}

nav.footer .qr-code img{
  display:block; max-width:100%; width:auto; max-height:100%; height:8rem;
}


/* Back to Top */
.back-to-top{
  display:block; text-decoration:none; width:3rem; height:3rem; border-radius:.3125rem;
  text-align:center; line-height:3.25rem; font-size:1.25rem; opacity:0; z-index:90;
  position:fixed; bottom:1rem; right:1rem; border:1.8px solid transparent;
  pointer-events:none; transition:opacity .25s, background .25s, color .25s;
}
.back-to-top.active{opacity:1; pointer-events:all;}
.back-to-top.active:hover{opacity:.8;}
.back-to-top > i{transform:translateY(-.1875rem);}


/* Footer */
nav.footer .footer-top{height:2.5rem;}
nav.footer .logo{display:flex; align-items:center;}
nav.footer .logo .wrapper{height:100%; display:flex; align-items:center;}
nav.footer .logo img{
  display:block; max-width:100%; width:3.4375rem; 
  max-height:100%; height:auto;
}
nav.footer .logo .text{width:calc(100% - 3.4375rem);}
nav.footer .menu{
  display:flex; align-items:center; opacity:.75; transition:opacity .25s, padding .25s;
  width:max-content; margin:.25rem;
}
nav.footer .menu:hover{opacity:1; padding-left:.3125rem;}
nav.footer .menu .icon{margin-right:.75rem; font-size:.75rem;}
nav.footer .menu a{position:relative;}
nav.footer .menu a:after{
  position:absolute; content:''; bottom:0; right:0; left:0;
  height:1px; background:#ffffff; transform-origin: right center;
  -webkit-transform-origin: right center; -webkit-transform:scale(0,1);
  transform:scale(0, 1); transition:transform .25s cubic-bezier(.37,.31,.2,.85);
  -webkit-transition:transform .25s cubic-bezier(.37,.31,.2,.85);
}
nav.footer .menu:hover a:after{
  transform:scale(1, 1); transform-origin:left center;
  -webkit-transform-origin:left center; -webkit-transform:scale(1,1);
}
nav.footer .copyright{text-align:center; padding:.9375rem; border-top:1px solid transparent;}
@media screen and (max-width:991.98px){
  nav.footer .map-container{margin-top:1.5rem;}
}
@media screen and (max-width:575.98px){
  nav.footer .topic{margin-top:1rem;}
  nav.footer .grid{margin-top:0;}
  nav.footer .footer-bottom{padding-bottom:1rem!important;}
}