/* Header Section */
.header-section .header-logo img{
    max-height: 100px;
    object-fit: contain;  
}

.header-content-main{
  
    background: #fff;
  
}
.header-content{
  padding-top:.56rem;
  padding-bottom:.56rem; 
}

/* Sticky */
.header-overlay .header-main-logo,
.header-overlay .header-sticky-logo,
.header-section.header-sticky-active .header-main-logo,
.header-section.header-sticky-active .header-overlay-logo,
.header-section:not(.header-overlay) .header-overlay-logo,
.header-section:not(.header-sticky-active) .header-sticky-logo{ 
  display: none;
}
.header-sticky-active .header-wrapper{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999999999;  
}

.header-sticky-inactive .header-content-main{
  animation: .4s ease-in-out sticky_header_inactive;
  transition: ease-in-out all 0.8s;
}
.header-sticky-active .header-content-main{
  box-shadow: 0px 8px 16px rgb(34 35 38 / 5%), 0px 4px 8px rgb(34 35 38 / 5%);
  transition: ease-in-out all 0.4s;
  animation: .4s ease-in-out sticky_header_active;
}

@keyframes sticky_header_active{
  from{opacity:0;transform:translateY(-100%)}
  to{opacity:1;transform:translateY(0%)}
}

/* Header Overlay */
.header-overlay{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;  
  min-height:58px;
}
.header-overlay:not(.header-sticky-active) .header-content-main{
  background:0;
}
.header-overlay:not(.header-sticky-active) .nav .topmenu>li>div.nav-label>a,
.header-overlay:not(.header-sticky-active) .nav .topmenu>li>div.nav-label>a:hover,
.header-overlay:not(.header-sticky-active) .site-search-open,
.header-overlay:not(.header-sticky-active) .site-search-open:hover,
.header-overlay:not(.header-sticky-active) .toggle-menu{
  color:#fff;
}

/* Navigation Menu */
.nav-arrow-toggle {display:none;margin-right: 10px;}
.toggle-menu{
  display:none;
}
.topmenu{
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;  
  padding:0;
  margin:0;
}
.topmenu li{
  list-style:none outside none;
  position: relative;
}
.topmenu>li{position:relative;}
.topmenu>li:not(:last-child){
  margin-right:2rem
}
.nav--link{
    display: block;
    padding-top: .56rem;
    padding-bottom: .56rem;
    position: relative;
    text-decoration: none;
}
.submenu{
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 15px 0;
  position: absolute;
  z-index: 999;
  visibility:hidden;
  box-shadow: 0px 32px 64px rgb(34 35 38 / 5%), 0px 16px 32px rgb(34 35 38 / 5%);
}
.submenu li a{     
  padding: .56rem 1.11rem;
  font-size: .89rem; 
}
.nav ul > li:hover > .submenu{
    width: 220px;
    height: auto;
    overflow: visible;
    opacity: 1;
    visibility:visible;
    animation: .2s ease-in-out forwards uiPop;
}
.submenu li:not(:first-child)>a {
    border-top: 1px solid;
} 

.topmenu>li>div.nav-label>a:after{
    content: '';
    display: block;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 4px;
    background: #201B5B
    opacity: 0;
    transform: scale(.2,1) translateY(2px) translateZ(0);
    transition: .3s ease-out;
}
.topmenu>li>div.nav-label>a.active-branch:after,
.topmenu>li:hover>div.nav-label>a:after{
  transform: scale(1,1) translateY(0) translateZ(0);
  opacity: 1; 
}
.submenu.level-3{
    left: 100%;
    top: 0;
}
.submenu.level-4{
    left: 100%;
    top: 0;
}
.menu-expanded>.submenu{ display:block;}

/* Header Menu Color */
.header_color-dark .globe_class{
  background-image:url('//9359507.fs1.hubspotusercontent-na1.net/hubfs/9359507/raw_assets/public/@marketplace/ScWebInfo/Smart/images/icons/globe-white.png');
}
.header_color-white .submenu {
  background: #fff;
}
.header_color-white .submenu li:not(:first-child)>div>a{
  border-color:#FFFFFF;
}
.header_color-white .submenu li a:hover{
  background:#FFFFFF;
  color:#201B5B;
}

.header_color-light .submenu {
  background: #FFFFFF;
}
.header_color-light .submenu li:not(:first-child)>div>a{
  border-color:#FFFFFF;
}
.header_color-light .submenu li a:hover{
  background:#fff;
  color:#201B5B;
}

.header_color-dark li a{
  color:#fff;  
}
.header_color-dark .submenu {
  background: #201B5B;
}
.header_color-dark .submenu li a:hover{
  background:rgba(255,255,255,.1);
}
.header_color-dark .submenu li:not(:first-child)>a{
  border-color:rgba(255,255,255,.2);
}
.menu-close{
  display:none;
  position: absolute;
  top: 15px;
  right: 10px;  
}
.header_color-dark .site-search svg,
.header_color-dark .toggle-menu svg{
    fill:#fff;
}

/* Header Language */
.header--langauge{
  padding-left:30px;
}
.header--langauge .lang_switcher_class{
  display:flex;
}
.header--langauge .lang_list_class{
  padding:15px 0;  
  width:150px;
  background:#fff;
  top:20px;
  box-shadow: 0px 32px 64px rgb(34 35 38 / 5%), 0px 16px 32px rgb(34 35 38 / 5%);  
}
.header--langauge .lang_list_class li:first-child{
  border-top:0;
  padding-top:0;
}
.header--langauge .lang_list_class li:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.header--langauge .lang_list_class li{
  border-left:0;
  border-right:0;
}
.header--langauge .lang_list_class:after,
.header--langauge .lang_list_class:before{
  display:none;
}
.header--langauge .lang_list_class li{
  padding:0;
}
.header--langauge .lang_list_class li a{
    padding: 0.56rem 1.11rem;
    font-size: .89rem;
    display:block;
}
.header--langauge  .lang_list_class li a:hover {
  background:#FFFFFF;
  color:#201B5B;
}

/* Site - Search Bar */
.site-search-content-popup{
  position: fixed;
  top: 100px;
  left: 0;
  bottom:0;
  right:0;
  z-index: 999999;  
  width: 100%;
  height: 100%;  
  opacity:0;
  visibility:hidden;
  transition:0.5s ease-in-out all;
}
.site-search-popup-active .site-search-content-popup{
  opacity:1;
  top: 0;
  visibility:visible;
}
/*ite-search-popup{
  transform:translateY(-100%);
  transition:all .5s ease-in-out;  
}*/

.site-search-results{
    overflow-y:scroll;
    width:100%;  
    height:100%;  
}
/*.site-search-popup:not(.site-search-popup-active){
  opacity:0;
  visibility:hidden;
}*/
.site-search-bar {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px 24px 33vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);  
}
.site-search-active{overflow:hidden;}
.site-search-input-active .site-search-bar{
  top: 0;
  position:unset;
  transform: translate(0,0);
  padding-bottom: 24px;
  border-bottom: 1px solid;  
}
.site-search-form {
    width: 800px;
    max-width: 100%;
    position: relative;
    transition: .2s ease-in-out;
}

.site-search-input{
    display: block;
    width: 100% !important;
    padding: .91rem 48px .91rem 24px;
    border: 1px solid;
    border-radius: 999px;
    box-shadow: 0px 8px 16px rgb(34 35 38 / 5%), 0px 4px 8px rgb(34 35 38 / 5%);
    outline: 0;
    transition: .2s ease-in-out;
    opacity: 0;
}

.site-search-white .site-search-popup{
  background:#fff
}
.site-search-white input.site-search-input{
  background:#fff;
  border-color:#FFFFFF;
  color: #201B5B;
}
.site-search-white .site-search-open,
.site-search-white .site-search-open:hover,
.site-search-white .site-search-close,
.site-search-white .site-search-close:hover,
.site-search-white .site-search-submit{
  color:#201B5B;
}

.site-search-light .site-search-popup{
  background:#FFFFFF
}
.site-search-light input.site-search-input{
  background:#fff;
  border-color:#FFFFFF;
  color: #FFFFFF;
}
.site-search-light .site-search-open,
.site-search-light .site-search-open:hover,
.site-search-light .site-search-close,
.site-search-light .site-search-close:hover,
.site-search-light .site-search-submit{
  color:#201B5B;
}

.site-search-dark .site-search-popup{
  background:#201B5B
}
.site-search-dark input.site-search-input{
  background:#201B5B;
  border-color:rgba(255,255,255,.2);
  color: #fff;
}
.site-search-dark .site-search-open,
.site-search-dark .site-search-open:hover,
.site-search-dark .site-search-close,
.site-search-dark .site-search-close:hover,
.site-search-dark .site-search-submit{
  color:#fff;
}

.site-search-popup-active .site-search-input{
  animation: -1.8s ease-in-out forwards siteSearchInput .2s;  
}
.site-search-submit{
    padding: 0;
    position: absolute;
    right: 15px;
    top: 43%;
    margin-top: -.55rem;
    background: 0;
    border: 0;
    line-height: 0;
    cursor: pointer;
    outline: 0;
    opacity: 0;
}
.site-search-close{
    position: fixed; 
    top: 35px;
    right: 30px;
    z-index: 8;
    opacity: 0;
}
.site-search-result-block{
  max-width:800px;
  margin:0 auto;
  padding:20px 0;
}
.site-search-result-template {
  padding: 30px 0;
  border-bottom:1px solid;
}
.site-search-result-template.site-search-result-empty{
  border-bottom:0;
}
.site-searchresult-title{
  padding-bottom:10px;
}
.site-search-result-desc{
  opacity:0.85;
}
.site-search-popup-active .site-search-submit{
  animation: .2s ease-in-out forwards scIcon .4s;
}
.site-search-popup-active .site-search-close{
  animation: .2s ease-in-out forwards fadeIn .2s;
}
@keyframes fadeIn{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}
@keyframes scIcon{
  from{opacity:0;transform:scale(.9) translateZ(0)}to{opacity:1;transform:scale(1) translateZ(0)}
}
@keyframes siteSearchInput{
  from{opacity:0;transform:translateY(30px) scale(.7);transform-origin:center}to{opacity:1;transform:none}
}
.header-action-menu{
  display:none;
}

/* Action button */
.header-ab-sm{ display:none;}

/* Responsive */
@media (max-width:991.98px){
  .nav ul>li:hover>.submenu{width:100%;}
  .menu.submenu{position:inherit;left:auto;top:auto;}
  .menu-item:not(.menu-expanded) .menu-arrow-close,
  .menu-item.menu-expanded>.nav-label>.nav-arrow-toggle>.menu-arrow-open{
    display:none;
  }
  .menu-active{overflow:hidden;}
  .menu-active .header-navigation.header-menu{
    display:block;
    opacity:1;
    visibility:visible;
  }
  .header-navigation.header-menu{
    display:none;
    padding-top: 4rem;
    position: fixed;
    left: 0;
    top: 0;
    width: 300px;
    height: 100%;
    z-index: 9999999;
    visibility:hidden;
    opacity:0;
    animation: .6s ease-in-out menu_active;  
    z-index: 9999;
    overflow-x: scroll;
  }
  .header-action-button{
    padding:15px;
    border-top:1px solid rgba(255, 255, 255, 0.30);
  }
  .header-action-menu{
    display:block;
  }  
  .topmenu>li>div.nav-label>a.active-branch:after, 
  .topmenu>li:hover>div.nav-label>a:after{
    content:none;
  }
  .slideshow-title{
    font-size:2rem;
  }
  .toggle-menu, .nav-arrow-toggle{
     display:block
  }
  @keyframes menu_active{
    from{opacity:0;transform:translateX(-100%)}
    to{opacity:1;transform:translateX(0)}
  }

  .nav--link{padding:.85rem; width:100%;}
  .topmenu>li:not(:last-child){margin-right:0;}
  .topmenu li:not(:last-child){border-bottom:1px solid;}
  .topmenu{display:block; width:100%;}
  .submenu{
      padding-top:0;
      padding-bottom:0;
      display:none;
      position:unset;
      opacity:1;
      width:auto;
      height:auto;
      box-shadow: none;
      visibility:visible;
  }
  .nav>.menu-expanded>.submenu{ display:block;}
  .menu-close{  
    display:block;
    cursor: pointer;
  }
  .topmenu li:hover .submenu{width:100%;}
  .nav-label{
    display:flex;
    align-items: center;
    justify-content: space-between;
  }
  .submenu li a{
    padding:.56rem 1.85rem;
  }
  .heading-ab-lg{ display:none;}
  .header-ab-sm{ display:block;}

  /* Color */

  .header_color-white .topmenu li:not(:last-child){
    border-color: #FFFFFF
  }
  
  .header_color-dark .topmenu li:not(:last-child){
    border-color: rgba(255, 255, 255, 0.30);
  }  
  
  .header-overlay:not(.header-sticky-active) .site-search-open, 
  .header-overlay:not(.header-sticky-active) .site-search-open:hover, 
  .header-overlay:not(.header-sticky-active) .toggle-menu{
    color:#fff;
  }
  .header-overlay:not(.header-sticky-active) .toggle-menu svg,
  .header-overlay:not(.header-sticky-active) .site-search svg{
    fill:#fff;
  }
  .header-overlay:not(.header-sticky-active) .header_color-white .topmenu>li>div.nav-label>a,
  .header-overlay:not(.header-sticky-active) .header_color-white .topmenu>li>div.nav-label>a:hover{
    color:#201B5B
  }   
  
  .header_color-white .header-menu{
    background:#fff;
  }  
  .header_color-white .header-menu li a{ color:#201B5B; }

  .header_color-light  .header-menu{
    background:#FFFFFF;
  }
  .header_color-light .topmenu li:not(:last-child){ border-color:#fff;}
  .header_color-light .header-menu li a{ color:#201B5B; }
  .header-overlay:not(.header-sticky-active) .header_color-light .topmenu>li>div.nav-label>a,
  .header-overlay:not(.header-sticky-active) .header_color-light .topmenu>li>div.nav-label>a:hover{
    color:#201B5B;
  }    
  
  .header_color-dark .header-menu{
    background:#201B5B;
  }
  .header-overlay:not(.header-sticky-active) .header_color-dark .topmenu>li>div.nav-label>a,
  .header-overlay:not(.header-sticky-active) .header_color-dark .topmenu>li>div.nav-label>a:hover{
    color:#fff;
  }     
  
  .header_color-dark .menu-close{color:#fff}
  .header_color-dark .header-menu li a{ color:#FFFFFF; }
  
  /* Responsive Search */
  .site-search-form{width:auto;}
  .site-search-content, .site-search-bar {width:100%;}
  .site-search-bar{padding:25px 75px 20px 20px;}
  .site-search-result-block{padding:20px;}
}

/*@media (max-width:991.98px){

  @keyframes menu_active{
    from{opacity:0;transform:translateX(-100%)}
    to{opacity:1;transform:translateX(0)}
  }
}*/

/* Navigation skipper */
.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}