﻿.keyinitiative {color:#ffa45b}
.offcanvas-end {top: 10px !important;bottom: 10px !important;border-radius: .85rem 0px 0px .85rem;}
.offcanvas-start {top: 10px !important;bottom: 10px !important;border-radius:  0px .85rem .85rem 0px;}

/*Burger Menu*/
.menu {background-color: transparent;border: none;cursor: pointer;display: flex;padding: 0;position:relative;z-index:9999}
.line {fill: none;stroke: #1a57a0;stroke-width: 6;transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);}
.line1 {stroke-dasharray: 60 207;stroke-width: 6}
.line2 {stroke-dasharray: 60 60;stroke-width: 6;}
.line3 {stroke-dasharray: 60 207;stroke-width: 6;}
.opened .line {fill: none;stroke: var(--bs-primary);stroke-width: 6;transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);}
.opened .line1 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 6;}
.opened .line2 {stroke-dasharray: 1 60;stroke-dashoffset: -30;stroke-width: 6;}
.opened .line3 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 6;}

.submenu {background-color: transparent;border: none;cursor: pointer;display: flex;padding: 0;position:relative;z-index:999}
 

/*Navigation Effect*/
.nav-effect {position:relative}
.nav-effect a:after {-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;background: var(--bs-secondary);content: "";position: absolute;z-index:-1}
.nav-effect a:after {bottom: 0;left: 0;width: 100%;height:100%;-webkit-transform: scaleX(0);transform: scaleX(0);}

/*Main Nav*/
.main-nav .nav-link {text-transform: uppercase;font-style: normal;font-weight: 700 !important;font-size:12px;}
.main-nav .nav-link.active, .main-nav .nav-link.show, .main-nav .nav-link.active:hover {background-color: var(--bs-secondary);color:var(--bs-white);}
.main-nav .nav-link {padding: 0.5rem 1rem!important;margin: 0;position: relative;border: 0}
 .main-nav .nav-link { display:inline-flex;align-items:center;color:var(--bs-secondary);}
.main-nav .nav-item:hover .nav-link  {color:var(--bs-white);}

@media (max-width:1199.98px) {
.offcanvas{padding-top:80px;}
.main-nav > .nav-item {color:var(--bs-dark); font-weight:500!important;width:100%;}
.main-nav .nav-item .nav-link{width:100%;}
.main-nav .nav-item:hover .nav-link  {background-color: var(--bs-secondary);}
.main-nav .nav-item {border-bottom:1px solid #ddd}
.main-nav .nav-item:last-child {border-bottom:0px solid #ddd}
.secondary-nav .nav-item {border-bottom:1px solid #fff}
.secondary-nav .nav-item a {color:#fff}
/*.dropdown-menu {border-radius:0 !important}
.dropdown-menu {position:relative !important; transform:none !important; margin-bottom:10px !important;}*/
.dropdown-menu .rounded-bottom-3{border-radius:0px !important;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {}
.dropdown-item {white-space:normal;}
.dropdown-item.active, .dropdown-item:active {color: var(--bs-dropdown-link-active-color);text-decoration: none;background-color:var(--bs-navbar-active-color)  !important;}
}

@media (min-width:1199.98px) {
    .main-nav, .main-nav .nav-item, .main-nav .nav-link{height:100%;}
    .main-nav .nav-link {padding: 0.5rem 1.5rem!important}
.nav-effect a:hover:after {-webkit-transform: scaleX(1);transform: scaleX(1);}
.nav-effect a:hover:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
.active a:after,  a.active:after {-webkit-transform: scaleX(1);transform: scaleX(1);}
.dropdown:hover a:after {-webkit-transform: scaleX(1);transform: scaleX(1);}
.dropdown:hover a:before {-webkit-transform: scaleX(1);transform: scaleX(1);}

.navbar {list-style:none}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {}
.secondary-nav .nav-link.active, .navbar-nav .nav-link.show {}
}
 

.secondary-nav .nav-item a:after {-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;background: var(--bs-secondary);content: "";position: absolute;}
.secondary-nav .nav-link {color:var(--bs-white) !important; font-weight:500!important}
.secondary-nav .nav-link:hover {color:#6dc66d !important;}

@media (min-width:1398.98px) {
/*.secondary-nav .nav-item:after {content:'\F309'; position:absolute; display:block; top:1px; right:0px; font-family: "bootstrap-icons"; color:#fff; font-size:1.7rem; margin-right:-13px;}*/
/*.secondary-nav .nav-item:last-child:after {display:none}*/
.secondary-nav .nav-link {padding-left:1.0625rem !important; padding-right:1.0625rem !important; padding-top:.65rem; padding-bottom:.65rem; margin:0px .65rem; position:relative; border:0}
}

@media (min-width:1281.98px) and (max-width:1398.98px) {
.secondary-nav .nav-item:after {content:'\F309'; position:absolute; display:block; top:1px; right:0px; font-family: "bootstrap-icons"; color:#fff; font-size:1.7rem; margin-right:-13px;}
.secondary-nav .nav-item:last-child:after {display:none}
.secondary-nav .nav-link {padding-left:.5rem !important; padding-right:.5rem !important; padding-top:.65rem; padding-bottom:.65rem; margin:0px .65rem; position:relative; border:0}
}

@media (min-width:1199.98px) and (max-width:1299.98px) {
.secondary-nav .nav-item:after {content:'\F309'; position:absolute; display:block; top:1px; right:0px; font-family: "bootstrap-icons"; color:#fff; font-size:1.7rem; margin-right:-13px;}
.secondary-nav .nav-item:last-child:after {display:none}
.secondary-nav .nav-link {padding-left:.5rem !important; padding-right:.5rem !important; padding-top:.65rem; padding-bottom:.65rem; margin:0px .65rem; position:relative; border:0; font-size:.95rem}
}

/*.dropdown-menu[data-bs-popper] {top: 100%;left: auto;}*/

/*Dropdown Style*/
.dropdown-menu {text-transform:none;padding:0;margin:0!important;border:0px;border-top:3px solid var(--bs-secondary);border-radius:0;box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.07);}

.dropdown-menu li+li{border-top: 1px solid #f7f7f7;}
.dropdown-menu a { font-size: 0.875rem;font-weight: 400;padding: 8px 18px 8px 18px;transition: 0.4s all ease;}
.dropdown-item.active, .dropdown-item:active {color: var(--bs-dropdown-link-hover-color);background-color: var(--bs-dropdown-link-hover-bg);}
.dropdown-menu .dropdown-item:after {display:none}
.dropdown-menu ul {padding:0px; margin:0px;}
.dropdown-menu ul li {padding: 0px 5px .20rem 25px; list-style:none; font-weight:normal; padding-left:18px;}
.dropdown-menu ul li:before {background: none repeat scroll 0 0 transparent;content: "\F592";font-family: bootstrap-icons !important;display: block;position: absolute;margin-left: -15px;font-size: 11px;color:#868686; padding:.4rem 0rem !important;}
/*@media (min-width:1279.98px) {
.dropdown-menu a:hover {background:none; padding:.25rem 1.0rem .25rem 1.5rem; color:var(--bs-primary) !important}
.dropdown-menu .dropdown-item:hover:after {padding-left:8px; color:var(--bs-secondary)}
.dropdown:hover .nav-link {color:var(--bs-primary) !important;}
.dropdown:hover .active {color:var(--bs-primary) !important;}
}*/

@media (min-width:1279.98px) {
    .dropdown:hover > .dropdown-menu{display: block;}
    #headerpan .container-xl{_max-width:1150px;}
}

/*Dropdown Animation*/
.keyinitiative {color:#ffa45b}
.offcanvas-end {top: 10px !important;bottom: 10px !important;border-radius: 0px;}
.offcanvas-start {top: 10px !important;bottom: 10px !important;border-radius: 0px;}

/*Burger Menu*/
.menu {background-color: transparent;border: none;cursor: pointer;display: flex;padding: 0;position:relative;z-index:9999}
.line {fill: none;stroke: #1a57a0;stroke-width: 6;transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);}
.line1 {stroke-dasharray: 60 207;stroke-width: 6}
.line2 {stroke-dasharray: 60 60;stroke-width: 6;}
.line3 {stroke-dasharray: 60 207;stroke-width: 6;}
.opened .line {fill: none;stroke: var(--bs-primary);stroke-width: 6;transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);}
.opened .line1 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 6;}
.opened .line2 {stroke-dasharray: 1 60;stroke-dashoffset: -30;stroke-width: 6;}
.opened .line3 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 6;}

.submenu {background-color: transparent;border: none;cursor: pointer;display: flex;padding: 0;position:relative;z-index:999}
 

/*Navigation Effect*/
.nav-effect {position:relative}
.nav-effect a:after {-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;background: var(--bs-secondary);content: "";position: absolute;z-index:-1}
.nav-effect a:after {bottom: 0;left: 0;width: 100%;height:100%;-webkit-transform: scaleX(0);transform: scaleX(0);}

/*Main Nav*/
.main-nav .nav-link {text-transform: uppercase;font-style: normal;font-weight: 700 !important;font-size:14px;}
.main-nav .nav-link.active, .main-nav .nav-link.show, .main-nav .nav-link.active:hover {background-color: var(--bs-secondary);color:var(--bs-white);}
.main-nav .nav-link {padding: 0.5rem 1rem!important;margin: 0;position: relative;border: 0}
 .main-nav .nav-link { display:inline-flex;align-items:center;color:var(--bs-secondary);}
.main-nav .nav-item:hover .nav-link  {color:var(--bs-white);}

@media (max-width:1199.98px) {
.offcanvas{padding-top:110px; overflow:scroll}
.main-nav > .nav-item {color:var(--bs-dark); font-weight:500!important;width:100%;}
.main-nav .nav-item .nav-link{width:100%;}
.main-nav .nav-item:hover .nav-link  {background-color: var(--bs-secondary);}
.main-nav .nav-item {border-bottom:1px solid #ddd}
.main-nav .nav-item:last-child {border-bottom:0px solid #ddd}
.secondary-nav .nav-item {border-bottom:1px solid #fff}
.secondary-nav .nav-item a {color:#fff}
/*.dropdown-menu {border-radius:0 !important}
.dropdown-menu {position:relative !important; transform:none !important; margin-bottom:10px !important;}*/
.dropdown-menu .rounded-bottom-3{border-radius:0px !important;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {}
.dropdown-item {white-space:normal;}
.dropdown-item.active, .dropdown-item:active {color: var(--bs-dropdown-link-active-color);text-decoration: none;background-color:var(--bs-navbar-active-color)  !important;}
}

@media (min-width:1199.98px) {
    .main-nav, .main-nav .nav-item, .main-nav .nav-link{height:100%;}
    .main-nav .nav-link {padding: 0.5rem 1.2rem!important}
.nav-effect a:hover:after {-webkit-transform: scaleX(1);transform: scaleX(1);}
.nav-effect a:hover:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
.active a:after,  a.active:after {-webkit-transform: scaleX(1);transform: scaleX(1);}
.dropdown:hover a:after {-webkit-transform: scaleX(1);transform: scaleX(1);}
.dropdown:hover a:before {-webkit-transform: scaleX(1);transform: scaleX(1);}

.navbar {list-style:none}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {}
.secondary-nav .nav-link.active, .navbar-nav .nav-link.show {}
}
 

.secondary-nav .nav-item a:after {-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;background: var(--bs-secondary);content: "";position: absolute;}
.secondary-nav .nav-link {color:var(--bs-white) !important; font-weight:500!important}
.secondary-nav .nav-link:hover {color:#6dc66d !important;}

@media (min-width:1398.98px) {
/*.secondary-nav .nav-item:after {content:'\F309'; position:absolute; display:block; top:1px; right:0px; font-family: "bootstrap-icons"; color:#fff; font-size:1.7rem; margin-right:-13px;}*/
/*.secondary-nav .nav-item:last-child:after {display:none}*/
.secondary-nav .nav-link {padding-left:1.0625rem !important; padding-right:1.0625rem !important; padding-top:.65rem; padding-bottom:.65rem; margin:0px .65rem; position:relative; border:0}
}

@media (min-width:1281.98px) and (max-width:1398.98px) {
.secondary-nav .nav-item:after {content:'\F309'; position:absolute; display:block; top:1px; right:0px; font-family: "bootstrap-icons"; color:#fff; font-size:1.7rem; margin-right:-13px;}
.secondary-nav .nav-item:last-child:after {display:none}
.secondary-nav .nav-link {padding-left:.5rem !important; padding-right:.5rem !important; padding-top:.65rem; padding-bottom:.65rem; margin:0px .65rem; position:relative; border:0}
}

@media (min-width:1199.98px) and (max-width:1299.98px) {
.secondary-nav .nav-item:after {content:'\F309'; position:absolute; display:block; top:1px; right:0px; font-family: "bootstrap-icons"; color:#fff; font-size:1.7rem; margin-right:-13px;}
.secondary-nav .nav-item:last-child:after {display:none}
.secondary-nav .nav-link {padding-left:.5rem !important; padding-right:.5rem !important; padding-top:.65rem; padding-bottom:.65rem; margin:0px .65rem; position:relative; border:0; font-size:.95rem}
}

/*.dropdown-menu[data-bs-popper] {top: 100%;left: auto;}*/

/*Dropdown Style*/
.dropdown-menu {text-transform:none;padding:0;margin:0!important;border:0px;border-top:3px solid var(--bs-secondary);border-radius:0;box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.07);}

.dropdown-menu li+li{border-top: 1px solid #dee2e6;}
.dropdown-menu a { font-weight: 400;padding: 8px 18px 8px 18px;transition: 0.4s all ease;}
.dropdown-item.active, .dropdown-item:active {color: var(--bs-dropdown-link-hover-color);background-color: var(--bs-dropdown-link-hover-bg);}
.dropdown-menu .dropdown-item:after {display:none}
.dropdown-menu ul {padding:0px; margin:0px;}
.dropdown-menu ul li {padding: 0px 5px .20rem 25px; list-style:none; font-weight:normal; padding-left:18px;}
.dropdown-menu ul li:before {background: none repeat scroll 0 0 transparent;content: "\F592";font-family: bootstrap-icons !important;display: block;position: absolute;margin-left: -15px;font-size: 11px;color:#868686; padding:.4rem 0rem !important;}
/*@media (min-width:1279.98px) {
.dropdown-menu a:hover {background:none; padding:.25rem 1.0rem .25rem 1.5rem; color:var(--bs-primary) !important}
.dropdown-menu .dropdown-item:hover:after {padding-left:8px; color:var(--bs-secondary)}
.dropdown:hover .nav-link {color:var(--bs-primary) !important;}
.dropdown:hover .active {color:var(--bs-primary) !important;}
}*/

@media (min-width:1279.98px) {
    .dropdown:hover > .dropdown-menu{display: block;}
    #headerpan .container-xxl{max-width:1100px;}
}

/*Dropdown Animation*/
@media (min-width:1200px) {
.navbar-nav .dropdown > .dropdown-menu {animation-name: fadeInUpnav;animation-duration: 300ms;}}
@-webkit-keyframes fadeInUpnav{0%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);} 100%{opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInUpnav{0%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);} 100%{opacity:1;-webkit-transform:none;transform:none;}}

 
/*Sub Navigation*/
.subnav .nav-item {list-style:none; margin:0px}
.subnav .nav-link {padding-left:1.0625rem !important; padding-right:1.0625rem !important; padding-top:.85rem; padding-bottom:.85rem; position:relative; border:0}
.subnav .nav-item:after {content:'|'; position:absolute; display:block; top:25%; right:0px}
.subnav .nav-item:last-child:after {display:none}


.hdr-top-panel{border-bottom: 2px solid rgba(0, 0, 0, 0.06);height:55px;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;}
.hdr-top-text {display: inline-block;}
.stickynavbar .hdr-top-panel{margin-top:-50px;display:none}
 
@-webkit-keyframes fadeInUpnav{0%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);} 100%{opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInUpnav{0%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);} 100%{opacity:1;-webkit-transform:none;transform:none;}}



 
/*Sub Navigation*/
.subnav .nav-item {list-style:none; margin:0px}
.subnav .nav-link {padding-left:1.0625rem !important; padding-right:1.0625rem !important; padding-top:.85rem; padding-bottom:.85rem; position:relative; border:0}
.subnav .nav-item:after {content:'|'; position:absolute; display:block; top:25%; right:0px}
.subnav .nav-item:last-child:after {display:none}


.stickynavbar .hdr-top-panel{margin-top:-55px;display:none}

.dropdown-menu-big{width:100%;max-width:600px;}
.dropdown-menu-big .row .col-12 {border-bottom: 1px solid #dee2e6;}