/**
 * Skipped minification because the original files appears to be already minified.
 * Original file: /npm/hc-offcanvas-nav@6.1.5/dist/hc-offcanvas-nav.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */

 :root {
    /*light*/
   --cbs-menu-background-color: #fff;
   --cbs-menu-menu-item-color: #201918;
   --cbs-menu-menu-item-border-color: #f2f2f280;
   --cbs-menu-menu-back-item-background-color: #f2f2f247;
   --cbs-menu-menu-arrow-icon-color: #201918;
   --cbs-menu-menu-arrow-icon-background-hover-color: #ef7d00;
   --cbs-menu-menu-arrow-level-title-color: #2019187d;
   --cbs-menu-level-border-right-color: #f2f2f280;
   --cbs-menu-current-item-color:#ef7d00;
    
    
    /*dark*/
    /*
   --cbs-menu-background-color: #201918;
   --cbs-menu-menu-item-color: #fff;
   --cbs-menu-menu-item-border-color: #1e1716;
   --cbs-menu-menu-back-item-background-color: #1e1716;
   --cbs-menu-menu-arrow-icon-color: #fff;
   --cbs-menu-menu-arrow-icon-background-hover-color: #ef7d00;
   --cbs-menu-menu-arrow-level-title-color: #f0eeeb;
   --cbs-menu-level-border-right-color: #1e1716;
   --cbs-menu-current-item-color:#ef7d00;
    */
}
/*
html.hc-nav-yscroll {
   overflow-y: scroll;
}

body.hc-nav-open {
   overflow: visible;
   position: fixed;
   width: 100%;
   min-height: 100%;
}
*/

/*onload show items bug fix*/

#main-nav li {
   opacity: 0;
   height:0;
   width:0;
}

.hc-offcanvas-nav {
   visibility: hidden;
   display: none;
   position: fixed;
   top: 0;
   height: 100%;
   z-index: 9999;
   text-align: left;
}

.hc-offcanvas-nav.is-ios * {
   cursor: pointer !important;
}

.hc-offcanvas-nav .nav-container {
   position: fixed;
   z-index: 9998;
   top: 0;
   height: 100%;
   max-width: 100%;
   max-height: 100%;
   box-sizing: border-box;
   transition: transform 0.4s ease;
}

.hc-offcanvas-nav .nav-wrapper {
   width: 100%;
   height: 100%;
   box-sizing: border-box;
   -ms-scroll-chaining: none;
   overscroll-behavior: none;
}

.hc-offcanvas-nav .nav-content {
   height: 100%;
}

.hc-offcanvas-nav .nav-wrapper-0>.nav-content {
   overflow: scroll;
   overflow-x: visible;
   overflow-y: auto;
   box-sizing: border-box;
}

.hc-offcanvas-nav ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

.hc-offcanvas-nav li {
   position: relative;
   display: block;
}

.hc-offcanvas-nav li.level-open>.nav-wrapper {
   visibility: visible;
}

.hc-offcanvas-nav li:not(.custom-content) a {
   position: relative;
   display: block;
   box-sizing: border-box;
   cursor: pointer;
}

.hc-offcanvas-nav li:not(.custom-content) a[disabled] {
   cursor: not-allowed;
}

.hc-offcanvas-nav li:not(.custom-content) a,
.hc-offcanvas-nav li:not(.custom-content) a:hover {
   text-decoration: none;
}

.hc-offcanvas-nav input[type="checkbox"] {
   display: none;
}

.hc-offcanvas-nav label {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 10;
   cursor: pointer;
}

.hc-offcanvas-nav .nav-item-wrapper {
   position: relative;
}

.hc-offcanvas-nav .nav-item-link {
   position: relative;
   display: block;
   box-sizing: border-box;
}

.hc-offcanvas-nav:not(.user-is-tabbing) .nav-close-button:focus,
.hc-offcanvas-nav:not(.user-is-tabbing) .nav-item-wrapper a:focus {
   outline: none;
}

.hc-offcanvas-nav .nav-close:focus,
.hc-offcanvas-nav .nav-next:focus,
.hc-offcanvas-nav .nav-back:focus {
   z-index: 10;
}

.hc-offcanvas-nav.disable-body::after,
.hc-offcanvas-nav .nav-wrapper::after {
   content: "";
   z-index: 9990;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   -ms-scroll-chaining: none;
   overscroll-behavior: none;
   visibility: hidden;
   opacity: 0;
   transition: visibility 0s ease 0.4s, opacity 0.4s ease;
}

.hc-offcanvas-nav.disable-body::after {
   position: fixed;
}

.hc-offcanvas-nav .nav-wrapper::after {
   position: absolute;
}

.hc-offcanvas-nav.disable-body.nav-open::after,
.hc-offcanvas-nav .sub-level-open::after {
   visibility: visible;
   opacity: 1;
   transition-delay: 0.05s;
}


.hc-offcanvas-nav:not(.nav-open)::after {
   pointer-events: none;
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {
   display: none;
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0 {
   max-height: 100vh;
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0>.nav-content {
   overflow: scroll;
   overflow-x: visible;
   overflow-y: auto;
   box-sizing: border-box;
   max-height: 100vh;
}

.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {
   min-width: 0;
   max-height: 0;
   visibility: hidden;
   overflow: hidden;
   transition: height 0s ease 0.4s;
}

.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper {
   max-height: none;
   overflow: visible;
   visibility: visible;
}

.hc-offcanvas-nav.nav-levels-overlap .nav-content {
   overflow: scroll;
   overflow-x: visible;
   overflow-y: auto;
   box-sizing: border-box;
   max-height: 100vh;
}

.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper {
   max-height: 100vh;
   /*cbs*/
   /*padding-top: 8rem;
   border-right: 1px var(--cbs-menu-level-border-right-color) solid;*/
}

.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper .nav-content {
/*cbs*/
   padding-top: 8rem;
}

.nav-wrapper.nav-wrapper-0 {
   border-right: 0 !important;
}

.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {
   position: absolute;
   z-index: 9999;
   top: 0;
   height: 100%;
   visibility: hidden;
   transition: visibility 0s ease 0.4s, transform 0.4s ease;
}

.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {
   position: static;
}

.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper {
   visibility: visible;
   transform: translate3d(0, 0, 0);
   transition: transform 0.4s ease;
}

.hc-offcanvas-nav.nav-position-left {
   left: 0;
}

.hc-offcanvas-nav.nav-position-left .nav-container {
   left: 0;
}

.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {
   left: 0;
   transform: translate3d(-100%, 0, 0);
}

.hc-offcanvas-nav.nav-open[class*="hc-nav-"] div.nav-container {
   transform: translate3d(0, 0, 0);
}

.hc-offcanvas-nav.rtl {
   text-align: right;
   direction: rtl;
}

.hc-offcanvas-nav {
   font-family: sans-serif;
}


/*
.hc-offcanvas-nav::after,
.hc-offcanvas-nav .nav-wrapper::after {
 background: rgba(0, 0, 0, 0.3);
}
*/

.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
   background: var(--cbs-menu-background-color);
}

.hc-offcanvas-nav .nav-content>h2,
.hc-offcanvas-nav .nav-content>h3,
.hc-offcanvas-nav .nav-content>h4,
.hc-offcanvas-nav .nav-content>h5,
.hc-offcanvas-nav .nav-content>h6 {
   font-size: 18px;
   font-weight: normal;
   padding: 0px 17px;
   color: var(--cbs-menu-menu-arrow-level-title-color);
}

.hc-offcanvas-nav .nav-content>h2:not(.nav-title):not(.level-title),
.hc-offcanvas-nav .nav-content>h3:not(.nav-title):not(.level-title),
.hc-offcanvas-nav .nav-content>h4:not(.nav-title):not(.level-title),
.hc-offcanvas-nav .nav-content>h5:not(.nav-title):not(.level-title),
.hc-offcanvas-nav .nav-content>h6:not(.nav-title):not(.level-title) {
   font-size: 16px;
   padding: 15px 17px;
   background: #336ca6;
}

/*ab level 2 Title-styling*/
.hc-offcanvas-nav .nav-content > h2 {
   margin: 24px 0 0 0;
   padding-bottom: 12px;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-size: 23px;
   opacity: 0.3;
   font-weight: 200 !important;
}

/*link-item*/
.hc-offcanvas-nav .nav-item-link,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
   padding: 9px 17px;
   font-size: 14px;
   color: var(--cbs-menu-menu-item-color);
   z-index: 1;
   background: rgba(0, 0, 0, 0);
   /*border-bottom: 1px solid var(--cbs-menu-menu-item-border-color);*/
   transition: background 0.1s ease;
}

.hc-offcanvas-nav .nav-item-link:focus,
.hc-offcanvas-nav .nav-item-link:focus-within,
.hc-offcanvas-nav li.nav-close a:focus,
.hc-offcanvas-nav li.nav-close a:focus-within,
.hc-offcanvas-nav .nav-back a:focus,
.hc-offcanvas-nav .nav-back a:focus-within {
   z-index: 10;
}

.hc-offcanvas-nav .nav-item-link[disabled],
.hc-offcanvas-nav li.nav-close a[disabled],
.hc-offcanvas-nav .nav-back a[disabled] {
   color: rgba(255, 255, 255, 0.5);
}

.hc-offcanvas-nav div.nav-back+ul>li:first-child>.nav-item-wrapper>.nav-item-link {
   border-top: none !important;
}

.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]){
   transition:0.0s ease;
}
.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover {
   color: var(--cbs-menu-current-item-color);
}

.hc-offcanvas-nav .nav-custom-content {
   padding: 14px 17px;
   font-size: 14px;
   border-bottom: 1px solid #2c5d8f;
}

.hc-offcanvas-nav .nav-highlight {
   background: #2e6296;
}

.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link {
   border-top: 1px solid var(--cbs-menu-menu-item-border-color);
}

.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:not(:last-child) {
   border-bottom: 2px solid #2c5d8f;
}

.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h2,
.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h3,
.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h4,
.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h5,
.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h6 {
   margin-top: -2px;
}

.hc-offcanvas-nav .nav-wrapper>.nav-content>h2+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,
.hc-offcanvas-nav .nav-wrapper>.nav-content>h3+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,
.hc-offcanvas-nav .nav-wrapper>.nav-content>h4+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,
.hc-offcanvas-nav .nav-wrapper>.nav-content>h5+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,
.hc-offcanvas-nav .nav-wrapper>.nav-content>h6+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link {
   border-top: 1px solid #2c5d8f;
}

.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h2,
.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h3,
.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h4,
.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h5,
.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h6,
.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h2,
.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h3,
.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h4,
.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h5,
.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h6,
.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h2,
.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h3,
.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h4,
.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h5,
.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h6 {
   border-top: 1px solid #2c5d8f;
}

.hc-offcanvas-nav li {
   color: #fff;
}

.hc-offcanvas-nav li.nav-parent .nav-item-link:last-child {
   padding-right: 58px;
}

.hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child) {
   margin-right: 45px;
}

.hc-offcanvas-nav .nav-close-button span,
.hc-offcanvas-nav .nav-parent .nav-next,
.hc-offcanvas-nav .nav-back span {
   width: 45px;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   text-align: center;
   cursor: pointer;
   transition: background 0.1s ease;
}

.hc-offcanvas-nav .nav-close-button {
   position: relative;
   display: block;
}

.hc-offcanvas-nav .nav-close-button span::before,
.hc-offcanvas-nav .nav-close-button span::after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   width: 6px;
   height: 6px;
   margin-top: -3px;
   border-top: 2px solid #fff;
   border-left: 2px solid #fff;
}

.hc-offcanvas-nav .nav-close-button span::before {
   margin-left: -9px;
   transform: rotate(135deg);
}

.hc-offcanvas-nav .nav-close-button span::after {
   transform: rotate(-45deg);
}

.hc-offcanvas-nav .nav-content>.nav-close {
   position: relative;
   z-index: 2;
}

.hc-offcanvas-nav .nav-content>.nav-close a {
   font-size: 14px;
   color: #fff;
   background: rgba(0, 0, 0, 0);
   z-index: 1;
   text-decoration: none;
   box-sizing: border-box;
}

.hc-offcanvas-nav .nav-content>.nav-close a:not(.has-label) {
   height: 50px;
}

.hc-offcanvas-nav .nav-content>.nav-close a.has-label {
   padding: 14px 17px;
   border-top: 1px solid #2c5d8f;
}

.hc-offcanvas-nav .nav-content>.nav-close a:hover {
   border: none;
   background: radial-gradient( farthest-corner at top right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}

.hc-offcanvas-nav .nav-content>.nav-close.has-label+ul {
   margin-top: -1px;
}

.hc-offcanvas-nav:not(.nav-close-button-empty) .nav-content>.nav-close {
   margin-bottom: -1px;
}

.hc-offcanvas-nav .nav-title+.nav-close a:not(.has-label) {
   position: absolute;
   width: 45px;
   height: 66px;
   line-height: 66px;
   top: -66px;
   right: 0;
}

.hc-offcanvas-nav.nav-close-button-empty .nav-title {
   padding-right: 55px;
}

.hc-offcanvas-nav li.nav-close a:not(.has-label) {
   height: 49px;
}

.hc-offcanvas-nav .nav-content>.nav-close:first-child a,
.hc-offcanvas-nav .nav-title+.nav-close a.has-label,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
   background: var(--cbs-menu-menu-back-item-background-color);
   border-top: 1px solid var(--cbs-menu-menu-item-border-color);
   border-bottom: 1px solid var(--cbs-menu-menu-item-border-color);
}

.hc-offcanvas-nav .nav-content>.nav-close:first-child a:hover,
.hc-offcanvas-nav .nav-title+.nav-close a.has-label:hover,
.hc-offcanvas-nav li.nav-close a:hover,
.hc-offcanvas-nav .nav-back a:hover {
   background: var(--cbs-menu-menu-item-hover-color);
}

.hc-offcanvas-nav li.nav-close:not(:first-child) a,
.hc-offcanvas-nav li.nav-back:not(:first-child) a {
   margin-top: -1px;
}

.hc-offcanvas-nav a.nav-next {
   border-left: 1px solid var(--cbs-menu-menu-item-border-color);
   border-bottom: 1px solid var(--cbs-menu-menu-item-border-color);
}

.hc-offcanvas-nav .nav-next span::before,
.hc-offcanvas-nav .nav-back span::before {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   width: 8px;
   height: 8px;
   margin-left: -2px;
   box-sizing: border-box;
   border-top: 2px solid var(--cbs-menu-menu-arrow-icon-color);
   border-left: 2px solid var(--cbs-menu-menu-arrow-icon-color);
   transform-origin: center;
}

.hc-offcanvas-nav .nav-next span {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
}

.hc-offcanvas-nav .nav-next span::before {
   transform: translate(-50%, -50%) rotate(135deg);
}

.hc-offcanvas-nav .nav-back span::before {
   margin-left: 2px;
   transform: translate(-50%, -50%) rotate(-45deg);
}

.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper,
.hc-offcanvas-nav.nav-levels-none ul .nav-wrapper {
   box-shadow: none;
   background: transparent;
}

.hc-offcanvas-nav.nav-levels-expand li.level-open,
.hc-offcanvas-nav.nav-levels-none li.level-open {
   background: #2e6296;
}

.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a,
.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a {
   border-bottom: 1px solid #295887;
}

.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a:hover,
.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a:hover {
   background: #2f649a;
}

.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>.nav-next span::before,
.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a>.nav-next span::before,
.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>.nav-next span::before,
.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a>.nav-next span::before {
   margin-top: -2px;
   transform: translate(-50%, -50%) rotate(-135deg);
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-1 .nav-item-link,
.hc-offcanvas-nav.nav-levels-none .nav-wrapper-1 .nav-item-link {
   padding-left: calc(17px + 20px * 1);
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-2 .nav-item-link,
.hc-offcanvas-nav.nav-levels-none .nav-wrapper-2 .nav-item-link {
   padding-left: calc(17px + 20px * 2);
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-3 .nav-item-link,
.hc-offcanvas-nav.nav-levels-none .nav-wrapper-3 .nav-item-link {
   padding-left: calc(17px + 20px * 3);
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-4 .nav-item-link,
.hc-offcanvas-nav.nav-levels-none .nav-wrapper-4 .nav-item-link {
   padding-left: calc(17px + 20px * 4);
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-5 .nav-item-link,
.hc-offcanvas-nav.nav-levels-none .nav-wrapper-5 .nav-item-link {
   padding-left: calc(17px + 20px * 5);
}

.hc-offcanvas-nav.rtl a.nav-next {
   border-left: none;
   border-right: 1px solid #2c5d8f;
}

.hc-offcanvas-nav.rtl .nav-title+.nav-close a:not(.has-label),
.hc-offcanvas-nav.rtl .nav-close-button span,
.hc-offcanvas-nav.rtl .nav-next,
.hc-offcanvas-nav.rtl .nav-back span {
   left: 0;
   right: auto;
}

.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:last-child {
   padding-left: 58px;
   padding-right: 17px;
}

.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:not(:last-child) {
   margin-left: 45px;
   margin-right: 0;
}

.hc-offcanvas-nav.rtl .nav-wrapper-1 li.nav-item .nav-item-link {
   padding-right: calc(17px + 20px * 1);
}

.hc-offcanvas-nav.rtl .nav-wrapper-2 li.nav-item .nav-item-link {
   padding-right: calc(17px + 20px * 2);
}

.hc-offcanvas-nav.rtl .nav-wrapper-3 li.nav-item .nav-item-link {
   padding-right: calc(17px + 20px * 3);
}

.hc-offcanvas-nav.rtl .nav-wrapper-4 li.nav-item .nav-item-link {
   padding-right: calc(17px + 20px * 4);
}

.hc-offcanvas-nav.rtl .nav-wrapper-5 li.nav-item .nav-item-link {
   padding-right: calc(17px + 20px * 5);
}


/*cbs-styling*/






.nav-wrapper .nav-content {
   background: var(--cbs-menu-background-color) !important
}

.nav-wrapper .level-title {
   border-bottom:none;
   padding: 0px 17px;
}

.hc-offcanvas-nav .nav-content>h2 {
   margin: 24px 0 0 0;
   padding-bottom: 12px;
}



/*menu title placeholder*/
#hc-nav-1-nav-title {
   opacity: 0;
}

/*curren page link*/

.current-menu-ancestor>.nav-item-wrapper > a {
   color: var(--cbs-menu-current-item-color) !important;
}


/*open page link*/
.level-open > div.nav-item-wrapper > a {
   color: var(--cbs-menu-current-item-color) !important;
}


.level-open > .nav-item-wrapper .nav-next span::before {
   border-color: var(--cbs-menu-current-item-color) !important;
}

.current_page_item a.nav-item-link {
   color: var(--cbs-menu-current-item-color) !important;
}


/*first-level-styling-start*/
.nav-wrapper.nav-wrapper-0 {
   background: #201918 !important;
}

.nav-wrapper-0 > .nav-content, .nav-wrapper-0 > .nav-content > ul {
   background: transparent !important;
   padding-top:10px;
}

#hc-nav-1-nav-title {
   display: none !important;
}

.nav-wrapper-0 > .nav-content > ul a {
   color: #fff;
}

.nav-wrapper-1 > .nav-content > ul  a {
   color: #201918;
}


.hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link {
   border-top: none;
}


.nav-wrapper-0 .nav-next span::before, .hc-offcanvas-nav .nav-back span::before {
   border-top: 2px solid #fff;
   border-left: 2px solid #fff;
}

.nav-wrapper-1 .nav-next span::before, .hc-offcanvas-nav .nav-back span::before {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   width: 8px;
   height: 8px;
   margin-left: -2px;
   box-sizing: border-box;
   border-top: 2px solid var(--cbs-menu-menu-arrow-icon-color);
   border-left: 2px solid var(--cbs-menu-menu-arrow-icon-color);
   transform-origin: center;
}


.hc-offcanvas-nav a.nav-next {
   border-left: none;
   border-bottom: none;
}

@media(min-width:1024px){
   

.nav-wrapper-1 ul a {
   padding-left: 2.5rem !important;
}

.nav-wrapper-1 .level-title {
   padding-left: 2.5rem !important;
}
   
.hc-offcanvas-nav .nav-close-button span, .hc-offcanvas-nav .nav-parent .nav-next, .hc-offcanvas-nav .nav-back span {
   right: 0.5rem;
}
   
.nav-back-button {
   padding-left: 2.5rem !important;
}

}

.nav-back-button {
   color:var(--cbs-menu-menu-arrow-level-title-color) !important;
}

.nav-wrapper-0 > .nav-content > ul a:hover{
   color:#ef7d00;
}

/*first-level-styling-end*/


/*link-item text size*/
.hc-offcanvas-nav li:not(.custom-content) a{
   font-size:18px;
}

/*item hover*/

.nav-item-wrapper>.nav-item-link {
   transition: background 0.2s linear;
}



@media(max-width:1024px) {
   .hc-offcanvas-nav.hc-nav-1.nav-levels-overlap.nav-position-left li.level-open>.nav-wrapper {
       transform: translate3d(0px, 0, 0) !important;
   }
   .hc-offcanvas-nav.hc-nav-1 .nav-container {
       width: 1024px !important;
   }
}

@media(min-width:1024px) {
   .nav-wrapper-1 {
       z-index: -1 !important;
   }
   .nav-wrapper-2 {
       z-index: -2 !important;
   }
   .nav-wrapper-3 {
       z-index: -3 !important;
   }
   .nav-wrapper-4 {
       z-index: -4 !important;
   }
   /*hide back title on desktop*/
   .nav-wrapper .nav-back {
       display: none
   }
}



/*menu-toggle-start*/


.mytoggle {
 background-color: transparent;
 border: none;
 cursor: pointer;
 display: flex;
 padding: 0;
}
.line {
 fill: none;
 stroke: #fff;
 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 .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;
}


.mytoggle svg path {
   stroke-width: 3px !important;
}

.mytoggle:hover, .mytoggle:focus {
   background: transparent !important;
   border: none !important;
}

/*menu-toggle-end*/



/*theme-layout-start*/


   @media(min-width:1024px) {
       .hc-offcanvas-nav.nav-position-left {
           left: 0;
           background-color: var(--background-color-cbs-menu);
       }

       .nav-container:before {
           content: "";
           height: 100vh;
           width: 550px;
           background: var(--cbs-menu-background-color);
           background: #201918;
           display: block;
           position: absolute;
           left: -550px;
           z-index: 555555;
       }

       .hc-offcanvas-nav.hc-nav-1.nav-levels-overlap.nav-position-left li.level-open>.nav-wrapper {
           transform: translate3d(0px, 0, 0);
       }
   }

   @media (min-width: 1024px) and (max-width: 1239.98px) {
       .hc-offcanvas-nav.nav-position-left .nav-container {
           left: calc((100vw - 960px) / 2) !important;
       }
   }

   @media (min-width: 1240px) and (max-width: 1729.98px) {
       .hc-offcanvas-nav.nav-position-left .nav-container {
           left: calc((100vw - 1140px) / 2) !important;
       }
   }

   @media (min-width: 1730px) {
       .hc-offcanvas-nav.nav-position-left .nav-container {
           left: calc((100vw - 1630px) / 2) !important;
       }
   }



/*theme-layout-start*/