/* SITE /////////////////////////////*/
:root{
    --subwidth: 300px;
    --tabwidth:250px;
}
.ba___megamenu-wrapper, .ba___megamenu-wrapper *{box-sizing: border-box;}
.ba___megamenu-wrapper{background: #313860; color: #fff; font-size: 1rem; font-family: Arial, Helvetica, sans-serif; display: flex; gap: 10px;}
.ba___megamenu-wrapper, .ba___megamenu-wrapper > *, .ba___megamenu-wrapper > * > .ba___megamenu{margin: 0; padding: 0;}
.ba___megamenu, [class*="---body"], .ba___menu-link > *, .ba___item{display: flex; flex-wrap: wrap; flex-direction: row;}
.ba___megamenu-wrapper, .ba___item---body{ position: relative;}
.ba___megamenu a:not([href]){text-decoration: none !important; pointer-events: none !important;}
.ba___megamenu,.ba___megamenu.horizontal > .full-width{position: static !important; width: auto !important;}
.ba___item---body:not(:empty){padding:10px; background: #f6f6fb; color: #313860;}
.ba___menu-link{text-decoration: none; color: inherit; display: flex; position: relative; text-decoration: none !important;}
.ba___menu-link > *{font-weight: bold; width: 100%; gap: 5px; align-items: center;padding:.6rem 1rem; position: relative;}
.ba___item.active > :first-child > *,
.ba___item:hover > :first-child > *,
.ba___main-menu li > .sub-item:hover,
.ba___main-menu li.current > .sub-item,
.ba___main-menu li.active > .sub-item{background: #096; color: #fff; text-decoration: none;}
.ba___item [class*=bubble]:empty, .ba___item .fa-None, .ba___tab > .ba___container{display: none !important;}
.ba___item [class*=bubble]{position: absolute; right:.2em; top:.1em; padding: .2em .4em; line-height: 1;border-radius: .15em; font-size: .65em; background-color: #f90; color: #fff;}
.ba___menu-link small{font-weight: 400; opacity: .6; font-size: .7em;}
.ba___item > .ba___container, .ba___main-menu ul{opacity: 0; position: absolute; left:-9999em !important; top:100%; width: 100%; display:block;border-radius: 0 0 .3em .3em; overflow: hidden; transition: left 0s ease-out .9s;}
.ba___item.ba-show > .ba___container, .ba___main-menu .ba-show > * > ul{opacity: 1; left: 0 !important; overflow: visible; transition: left 0s ease-in 0s;}
.ba___item:not(.full-width) > .ba___container, .ba___main-menu li > ul{width: var(--subwidth);}
.ba___item.ba-show > * > [class*="---body"]{box-shadow: 0 0 0 1px rgba(85, 100, 138, 0.1), #49546f 0 .2em .5em -.2em;}
.ba___item.full-width [class*="---body"]:not(:empty){padding:10px;}
.ba___block---body > *{width: 100%;}
.ba___content-title{border-bottom: 3px double rgba(150,150,150,.3);margin-bottom: .5em;padding-bottom: .5em;}
.ba___menu-link-text{display: flex; flex-direction: column; line-height: 1.2;}
.ba___megamenu-sticky{position: fixed !important; left: 0; top: 0; z-index: 9999; box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
@media (max-width: 991px) {
  .ba___megamenu-sticky{position: relative !important; box-shadow:none;}
}
.ba___megamenu.align-left{justify-content: flex-start;}
.ba___megamenu.align-center{justify-content: center;}
.ba___megamenu.align-right{justify-content: flex-end;}
.ba___content-spacer{display: block; width: 100%; height: 3px;}
.ba___content-links{display: flex;flex-direction: column;gap: 30px;padding: 15px;}
.ba___content-links a{display: flex; text-decoration: none; gap: 20px; align-items: center; color: inherit;}
.ba___content-links a:hover{opacity: .8;}
.ba___content-links a > span{display: flex; flex-direction: column;}
.ba___content-links small{font-size: .8em; opacity: .7;}
.ba___content-links .addon-icon, .icontab{width: 1.5em; height: 1.5em; display: flex; justify-content: center; align-items: center;}
.ba___item---body:empty{display: none;}
.ba___megamenu-wrapper > *{display: flex;}
.ba___search-body{position: relative; margin-left: auto; align-items: center;}
.ba___search-body > i{display: flex; width: 3rem; height: 3rem; align-items: center; justify-content: center; cursor: pointer;}
.ba___search-body > i:hover{opacity: .7;}
.ba___search-body > form{display: none;width: 280px;position: absolute;left: auto;right: 0;top: 100%;background: #fff;padding: 1rem;border-radius: 5px;box-shadow: 0 0 .5em rgba(0,0,0,.2);}
.ba___search-body > i.on + form{display:block;}
.ba___nav-logo{order: -6;align-items: center;padding: .5em 0 .5em .5em;}

/* ////// FOR VERTICAL /////////// */
.ba___megamenu-wrapper.vertical, .ba___megamenu-wrapper.vertical > *, .ba___megamenu-wrapper.vertical > * > *{flex-direction: column;}
.ba___megamenu-wrapper.vertical:not(.on) > :not(.ba___phone-toggle), .ba___megamenu-wrapper.vertical > * > *, .ba___menu-link{width:100% !important;}
.ba___megamenu-wrapper.vertical .ba___item.active > .ba___container, 
.ba___megamenu-wrapper.vertical .ba___main-menu .active > * > ul{left:100% !important; top:0 !important;}
.ba___megamenu-wrapper.vertical .ba___item.full-width > .ba___container{width: 800px;}
.ba___megamenu-wrapper.vertical .ba___nav-logo > *{text-align: center;}

/* ////// FOR TAB IN SUB-MEGAMENU /////////// */
.ba___item [class*="ba___tab-"] > .ba___item---body{gap: 0; padding: 0; display: -ms-grid;display: grid; -ms-grid-columns: var(--tabwidth) 0 1fr; grid-template-columns: var(--tabwidth) 1fr;}
.ba___tab-container .ba___tab{display: contents;}
.ba___tab > *{margin: 0; -ms-grid-column: 1; grid-column: 1; grid-row: auto;}
.ba___tab > .ba___menu-link > *{background-color: #eceef7; position: relative;}
.ba___tab-container .ba___tab > .ba___container{-ms-grid-column: 2;grid-column: 2; -ms-grid-row: 1; -ms-grid-row-span: 9998; grid-row: 1 / 9999;}
.ba___tab.ba-show > .ba___container,
.ba___container:not(.ba___tab-container) .ba___tab > .ba___container{position: static !important; display: block !important; height: auto !important; box-shadow: none;}
.ba___tab-horizontal > .ba___item---body{-ms-grid-columns: auto !important;grid-template-columns: auto !important;}
.ba___tab-horizontal .ba___tab > *{grid-column: auto; -ms-grid-row: 1; grid-row: 1;}
.ba___tab-horizontal .ba___tab > .ba___container{-ms-grid-column: 1;-ms-grid-column-span: 9998;grid-column: 1 / 9999; -ms-grid-row: 2; grid-row: 2; border-width:1px 0 0 0;}
.ba___tab-horizontal .ba___tab > .ba___menu-link > *{border-width: 0 1px 0 0;}
.ba___tab.ba-show > *, .ba___tab.ba-show > * > *{background-color: #fff; border-radius: 3px;}
.ba___tab > .ba___menu-link > *, .ba___tab.ba-show > .ba___container{box-shadow: 0 0 3px rgba(88, 100, 128, 0.23);}

.ba___tab.ba-show > .ba___menu-link > ::before{position: absolute; right: -5px; top: 0; width:10px; height: 100%; display: block; background: inherit; content: '';}
.ba___tab-horizontal .ba___tab.ba-show > .ba___menu-link > ::before{right: 0; top: calc(100% - 5px); width: 100%; height: 10px;}



/* ///////// DROPDOWN IN SUB-MEGAMENU /////////*/
.ba___main-menu{display: flex; flex-direction: column; width: 100%;}
.ba___main-menu li{position: relative; padding: 0; margin: 0;}
.ba___main-menu li ul{top: 0; background: inherit; padding: 0; list-style: none; width: 100%;}
.ba___main-menu .ba-show{z-index: 9;}
.ba___main-menu .ba-show > * > ul{left: 100% !important; box-shadow: 0 0 3px rgba(0,0,0,.2);}
.ba___main-menu li > .sub-item{display: block; padding: .5em; cursor: pointer; position: relative; width: 100%;}
.ba___main-menu li > .sub-item:not(:only-child){padding-right: 1.2em;}
.ba___main-menu li > .sub-item:not(:only-child)::before{position: absolute; left: auto; right:0; top: calc(50% - 6px); content: ''; display: block; border: 6px solid; border-color: transparent transparent transparent currentColor; color: rgba(150,150,150,.5);}


.col-lg-12 {width:100%;}
.col-lg-11 {width:91.666667%;}
.col-lg-10 {width:83.333333%;}
.col-lg-9 {width:75%;}
.col-lg-8 {width:66.666667%;}
.col-lg-7 {width:58.333333%;}
.col-lg-6 {width:50%;}
.col-lg-5 {width:41.666667%;}
.col-lg-4 {width:33.333333%;}
.col-lg-3 {width:25%;}
.col-lg-2 {width:16.666667%;}
.col-lg-1 {width:8.333333%;}
.hstack {flex-direction: row;align-self: stretch;align-items: center;display: flex;}
.vstack {flex-direction: column;flex: auto;align-self: stretch;display: flex;}
.gap-3 {gap: 1rem}


/*////////////// STYLES ////////////////////*/
.ba___megamenu-wrapper.style2, .ba___megamenu-wrapper.style2 .nav-link{
  background-image:linear-gradient(to bottom, rgba(255,255,255,.1) 0%,rgba(255,255,255,.3) 50%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.3) 100%) !important;
}
.ba___megamenu-wrapper.style2 .nav-link{
  box-shadow: 0 0 3px #fff inset, 0 0 3px rgba(255, 255, 255, .5);
}
.ba___megamenu-wrapper.style2 .nav-link::before {
  position: absolute;
  bottom: 0;
  content: '';
  background-image:radial-gradient(ellipse at 50% 150%, rgba(99, 240, 255, 0.8) 0, rgba(0,0,0,0) 100%);
  left: 0;
  height: 50%;
  width: 100%;
}
.ba___megamenu-wrapper.style2 .nav-link:hover::before{
    background-image:radial-gradient(ellipse at 50% 150%, rgba(99, 255, 195, 0.5) 0, rgba(0,0,0,0) 100%);
}


.ba___megamenu-wrapper.style3{
  background-image:linear-gradient(to bottom, rgba(255,255,255,.1) 0%,rgba(0,0,0,.4) 100%) !important;
}

.ba___megamenu-wrapper.style4 .nav-link{
  background-image:linear-gradient(to bottom, rgba(255,255,255,.1) 0%,rgba(0,0,0,.4) 100%) !important;
}
.ba___megamenu-wrapper.style4 .ba___search-button{color: #49546f;}


.ba___megamenu-wrapper.style5 .nav-link::before {
  position: absolute;
  top: 0;
  content: '';
  background-image:radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.6) 0, rgba(0,0,0,0) 100%);
  left: 0;
  height: 50%;
  width: 100%;
  border-radius: inherit;
}
.ba___megamenu-wrapper.style5 .ba___search-button{color: #49546f;}


.ba___megamenu-wrapper.style6{
  background-image:linear-gradient(to bottom, rgba(255,255,255,.1) 0%,rgba(0,0,0,.4) 100%) !important;
}
.ba___megamenu-wrapper.style6 .nav-link{box-shadow: 0 1px 0 0 rgba(255,255,255,.3),0 0 15px rgba(255, 255, 255, 0.3) inset;}


.ba___megamenu-wrapper.style7 .nav-link{
  box-shadow: 0 0 0 5px rgba(255,255,255,.5) inset,0 0 0 6px #000 inset;
}

.ba___megamenu-wrapper.style8 .nav-link{
  box-shadow: 0 5px rgba(0, 0, 0, 0.5);
}


/*////////// FOR MOBILE //////////////*/
.ba___phone-toggle{border: 0; background: none; color: rgba(0,0,0,0); position: relative;width: 2.5rem;height: 2.5rem;background: rgba(0,0,0,.5);margin: .3rem; display: block; border-radius: inherit; padding: 0; display: none;margin: .75rem auto;}
.ba___phone-toggle::before{position: absolute; left:calc(50% - 10px); top: 50%; color: rgba(250,250,250,.8); content: ''; width: 20px; height: 2px; background: currentColor; display: block;box-shadow: 0 6px 0 0, 0 -6px 0 0;}
.ba___phone-toggle:hover::before,
.ba___phone-toggle:hover::after{opacity: .6;}
.on > .ba___phone-toggle::before,
.on > .ba___phone-toggle::after{position: absolute; left:calc(50% - 10px); top: 50%; color: rgba(250,250,250,.8); content: ''; width: 20px; height: 2px; background: currentColor; display: block; transform: rotate(45deg); box-shadow: none;}
.on > .ba___phone-toggle::after{transform: rotate(-45deg);}
@media (max-width: 767px) {
    .hidden-phone{display:none!important}
    .hstack {flex-direction: column;}
    .ba___phone-toggle{display: block;}
    .ba___phone{padding: .5rem;}
    .ba___phone > .ba___megamenu-body{left:0; position: absolute; top: 100%; background:inherit; width:100%; height:0; overflow: hidden; display: block;}
    .ba___phone.on > .ba___megamenu-body{height:auto;}
    .ba___off-canvas > .ba___megamenu-body{left: -100% !important; position: fixed !important; top: 0; bottom: 0; background: inherit; width: 300px; height: 100%;}
    .ba___off-canvas.on > .ba___phone-toggle{position: fixed; left: 290px; top: 0; background-color: inherit; z-index: 998;}
    .ba___phone .ba___megamenu{position: relative; padding: .5rem;}
    .ba___phone .ba___megamenu > .ba___item,
    .ba___phone .ba___megamenu > .ba___item > *{flex-direction: column; position: relative !important; width: 100% !important; max-width: 100%;}
    .ba___phone.on > .ba___megamenu-body{left: 0 !important; transition: left .5s; z-index: 999; overflow: auto;}
    .ba___phone > .ba___megamenu-body > .ba___megamenu .ba___item > .ba___container,
    .ba___phone .ba___megamenu .ba___main-menu ul{position: relative;height:0 !important;top:0 !important;left:0 !important; padding: 0 !important; overflow: hidden;}
    .ba___phone.on > .ba___megamenu-body .ba___megamenu .ba___item.active > .ba___container,
    .ba___phone.on > .ba___megamenu-body .ba___megamenu .ba___main-menu .active > * > ul{height: auto !important; -webkit-animation-name: fadeIn !important; animation-name: fadeIn !important;}
    .ba___main-menu li.active > .sub-item:not(:only-child)::before{border-color: currentColor transparent transparent;}
    .ba___phone.on > .ba___megamenu-body .ba___megamenu .ba___main-menu .active ul{padding-left: .5rem !important; box-shadow: none;}
    .ba___phone .ba___megamenu .ba___tab-container > *{display: -ms-grid;display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr;}
    .ba___phone .ba___megamenu .ba___tab-container > * > *{display: -ms-grid;display: grid;
  -ms-grid-rows: auto 0fr;
  grid-template-rows: auto 0fr; /* Initial state: content row height is 0 */
  transition: grid-template-rows 0.5s ease-out;
  transition: grid-template-rows 0.5s ease-out, -ms-grid-rows 0.5s ease-out; /* Smooth transition for content expansion */
  overflow: hidden;}
  .ba___phone .ba___megamenu .ba___tab-container > .active > *{-ms-grid-rows: auto 1fr;grid-template-rows: auto 1fr;}
  .ba___phone .ba___megamenu .ba___tab-container .ba___tab > .ba___container{grid-column: auto !important; grid-row: auto !important;}

  .ba___off-canvas.on > .ba___phone-toggle > i{position: absolute;left:-100vw;top: -5vh;width: 200vw !important;height: 110vh !important;background: rgba(0,0,0,.2);z-index: -1;}
  .ba___block{width: 100%;}
}
@media (min-width:992px){
  .hidden-desktop{display:none!important}
}
@media (min-width: 768px) and (max-width: 991px) {
	.hidden-tablet{display: none !important;}
}