﻿.keyinitiative {color:#ffa45b}
.offcanvas {top: 10px !important;bottom: 10px !important;border-radius: .85rem 0px 0px .85rem;}
/*Burger Menu*/
.menu {background-color: transparent;border: none;cursor: pointer;display: flex;padding: 0;position:relative;z-index:9999}
.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);}
.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-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;}

/*Navigation Effect*/
.subnav .nav-effect {position:relative}
.subnav .nav-effect a:after {-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;background: var(--bs-primary);content: "";position: absolute;}
.subnav .nav-effect a:after {bottom: 0;left: 0;width: 100%;height: 3px;-webkit-transform: scaleX(0);transform: scaleX(0);}

/*Navigation Effect*/
.nav-link {position:relative}
.nav-link:before { _background: rgba(11,71,132,0.1);border-radius: var(--bs-border-radius); opacity: 0;content: "";position: absolute;z-index: -1;}
.nav-link:before {bottom: 0;left: 0;width: 100%;height: 100%; }

/*Top Line*/
/*.main-nav .nav-effect > a:before {-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;background: var(--bs-secondary);content: "";position: absolute;}
.main-nav .nav-effect > a:before {top: 0; bottom: auto;left: 0;width: 100%;height: 3px;-webkit-transform: scaleX(0);transform: scaleX(0);}*/

@media (max-width:1199.98px) {
.main-nav > .nav-item {color:var(--bs-dark) !important; font-weight:500!important}
.main-nav > .nav-item:hover {color:var(--bs-primary) !important;}
.main-nav .nav-item {width: 100%; padding:0px 10px; 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 {color: var(--bs-primary) !important;}
.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;}
}

.active a:before,  .subnav .nav-effect a.active:after {opacity:1; -webkit-transform: scaleX(1);transform: scaleX(1);}

@media (min-width:1199.98px) {
/*.nav-effect a:hover:after {-webkit-transform: scaleX(1);transform: scaleX(1);}*/
.nav-link:hover:before, .navbar-nav .nav-link.active:before { opacity:1}


.dropdown:hover a:after {-webkit-transform: scaleX(1);transform: scaleX(1);}
.dropdown:hover a:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
.main-nav .nav-link {color:var(--bs-white) !important; font-weight:normal !important; font-size: 100% !important;}
.main-nav .nav-link:hover {color:#fd98c3 !important;}
.main-nav .nav-item {position:relative}
.main-nav .nav-item:after{content:'';display:block; height:100%; border-right:rgba(193, 221, 248, .5) 1px dotted; position:absolute; top:0; right:0;}
.main-nav .nav-item:last-child:after{display:none;}
.navbar {list-style:none}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color: #fd98c3 !important;}
.secondary-nav .nav-link.active, .navbar-nav .nav-link.show {color: #fd98c3 !important;}
}
@media (min-width:1200px) {
.main-nav .nav-link { padding: 0.75rem 0.75rem !important; /*margin:0.2rem 0.5rem 0.2rem 0 !important;*/ position:relative; border:0}
}
/*@media (max-width:1359.98px) {
.main-nav .nav-link {padding:1.35rem .45rem !important; margin:0px .65rem; position:relative; border:0}
}*/
@media (max-width:1198.98px) {
.navbar {align-items:flex-start !important}
.logo img { -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.logo img, .top-nav-collapse .logo img {width:auto; height:60px}
.main-nav .nav-link {padding:0.5rem 0rem !important; margin:0px 0rem; position:relative; border:0}
}

@media (max-width:767.98px) {
.navbar {align-items:flex-start !important}
.logo img { -webkit-transition: all 0.6s ease; transition: all 0.6s ease;  width:auto; height:35px}
.top-nav-collapse .logo img {width:auto; height:35px}
.main-nav .nav-link {padding:0.5rem 0rem !important; margin:0px 0rem; position:relative; border:0}
}

@media (max-width:375.98px) { 
.logo img { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; width:auto; height:25px !important}
}

.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;}
.dropdown-menu li {padding:.15rem 0rem;}
/*.dropdown-item {color:inherit !important; font-weight:500; color:rgba(var(--bs-dark-rgb), var(--bs-opacity)) !important; --bs-opacity:.85}*/
.dropdown-menu a {text-decoration:none !important; position:relative; padding:.5rem .75rem; transition: 0.4s all ease;}
.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; border-radius:calc(var(--bs-border-radius) - 2px); background:rgba(11,71,132,0.1); color:var(--bs-primary) !important}
.dropdown-menu .dropdown-item:hover:after {padding-left:8px; color:var(--bs-secondary)}
.dropdown:hover .nav-link {color:#fd98c3 !important;}
.dropdown:hover .active {color:#fd98c3 !important;}
}

@media (min-width:1279.98px) {.dropdown:hover > .dropdown-menu{display: block;}}

/*Dropdown Animation*/
.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 {font-size: 1rem; font-weight: 500; padding: .95rem 1.0625rem !important; color: var(--bs-primary); 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}