﻿.keyinitiative {color:#ffa45b}
.offcanvas {top: 15px !important;bottom: 15px !important; margin-left:15px; border-radius: .85rem 0px 0px .85rem;}
.offcanvas-start {top: 15px !important;bottom: 15px !important; margin-left:0px; border-radius: 0rem .85rem .85rem 0rem !important;}
/*Burger Menu*/
.menu {background-color: transparent;border: none;cursor: pointer;display: flex;padding: 0;position:relative;z-index:9999}
.line {fill: none;stroke: #263C8A;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: #263C8A;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;}

.btn-search {width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.btn-search svg {width:20px; height:20px;fill:var(--bs-primary)}
 @media (min-width:1200px) {
.btn-search {margin-bottom:.5rem}
.btn-search svg {fill:var(--bs-dark)}
 }


/*Navigation Effect*/

@media (min-width:1280px) {
.nav-effect {position:relative}
.nav-effect a:after {-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;background: #B72D25;content: "";position: absolute;}
.nav-effect a:after {bottom: 5px;left: 0;width: 100%;height: 3px; opacity:0; transition:all ease-in-out 0.3s}
.nav-effect a:hover:after {bottom: 0px;left: 0;width: 100%;height: 3px; opacity:1}
}


/*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);}*/

.main-nav {font-size:0.8rem}

@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 {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:0px !important; top:auto !important}
.dropdown-menu .rounded-bottom-3{border-radius:0px !important;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color: #263C8A !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;}
}

@media (min-width:1199.98px) {
.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); opacity: 1; bottom: 0px;}
.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-dark) !important; font-weight:900!important; text-transform:uppercase !important; padding-top:.75rem; padding-bottom:.35rem}
.main-nav .nav-link:hover {color:var(--bs-black) !important;}
.navbar {list-style:none}
/*.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color: var(--bs-primary) !important;}*/
.secondary-nav .nav-link.active, .navbar-nav .nav-link.show {color: #000 !important;}
.main-nav .nav-item {padding-top:1.2rem; padding-bottom:.5rem}
}
@media (min-width:1400px) {
.main-nav .nav-link {_padding:0.75rem 1rem !important; margin:0px .5rem; position:relative; border:0}
}
@media (max-width:1398.98px) {
.main-nav .nav-link {_padding:1.35rem .45rem !important; margin:0px .50rem; position:relative; border:0; font-size:.75rem !important}
}
@media (max-width:1359.98px) {
.main-nav .nav-link {_padding:1.35rem .45rem !important; margin:0px .38rem; position:relative; border:0; font-size:.75rem !important}
}
@media (max-width:1198.98px) {
.main-nav .nav-link {padding:0.60rem 0rem !important; margin:0px 0rem; position:relative; border:0; font-weight:400; color:#000}
}

.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: 98%;left: auto;}

/*Dropdown Style*/
.dropdown-menu {text-transform:none; box-shadow: 0px 1px 1px 0px rgba(0,0,0,.20); border:1px solid var(--bs-danger) !important; border-width:1px 0px 0px 0px !important}
.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 {color:inherit; text-decoration:none !important; position:relative; padding:.25rem 0.5rem .25rem 0.5rem; transition: 0.4s all ease; font-weight:400; color:#2C3033; margin-top:0.2rem !important; border-bottom:1px solid #dfe3e6}
.dropdown-menu .dropdown-item:after {display:none}
.dropdown-menu ul {padding:0px; margin:0px;}
.dropdown-menu ul li {padding: 0px 5px .20rem 0px; 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 (max-width:1198.98px) {
.dropdown-menu ul li:last-child a {border:0px !important;}
}
@media (min-width:1279.98px) {
.dropdown-menu a:hover {background:none; padding:.25rem 1rem .25rem 1rem; color:var(--bs-black) !important}
.dropdown-menu .dropdown-item:hover:after {padding-left:8px; color:var(--bs-secondary)}
/*.dropdown-item {padding:0.2rem 0.5rem !important; }*/
.dropdown:hover .nav-link {color:var(--bs-dark) !important;}
.dropdown:hover .active {color:var(--bs-primary) !important;}
.dropdown:hover a:after {bottom: 0px;left: 0;width: 100%;height: 3px; opacity:1}
}

/*@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; position:relative}
.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-link:hover {color:var(--bs-secondary)}
.subnav .nav-item:after {content:'|'; position:absolute; display:block; top:25%; right:0px}
.subnav .nav-item:last-child:after {display:none}
@media (max-width:767.98px) {
.subnav .nav-link {padding-left:0.25rem !important; padding-right:0.25rem !important; padding-top:.25rem; padding-bottom:.25rem; position:relative; border:0}
}


/*News Navigation*/
.bg-news-header .nav-tabs {border-bottom:0 !important}
.bg-news-header .nav-tabs .nav-link {font-weight:900; font-size:0.8rem; letter-spacing:0.1rem; color:#94A0AB; text-transform:uppercase}
.bg-news-header .nav-tabs .nav-link {padding: 0.8rem 2rem 0.7rem !important; position:relative;line-height:1.2500 !important}
.bg-news-header .nav-tabs .nav-link:before {content:'|'; display:block; position:absolute; left:0px; right:0px; top:0px; bottom:0px; font-size:1.2rem; font-weight:100; display:flex;align-items:center; color:#94A0AB !important;}
.bg-news-header .nav-tabs .nav-item:first-child .nav-link:before {display:none}

.bg-news-header .nav-tabs .nav-link span {display:none; width:10px;}
.bg-news-header .nav-tabs .active {background:transparent !important; border:0 !important; border-color:transparent}
.bg-news-header .nav-tabs .active span {display:inline-block; position:relative}
.bg-news-header .nav-tabs .active span:after {content:'\F309'; font-family: "bootstrap-icons"; display:block; position:absolute; left:-.85rem; top:-.6rem; bottom:0px; font-size:2rem; font-weight:100; display:flex;align-items:center}

.bg-news-header .nav-tabs .nav-link {transition:all ease-in-out 0.3s}
.bg-news-header .nav-tabs .nav-link.active {color: #63c1f9 !important;}
.bg-news-header .nav-tabs .nav-link:hover {color: #63c1f9 !important; border-color:transparent}
