/* === GLOBAL HEADER CSS === */
header.mega-header .nav-font{font-size: 1.5rem;line-height: 2.0rem;color: var(--white-color);}
/* === GLOBAL HEADER CSS === */
/* === HEADER CSS ===*/
.mobile-mburger .mburger span{ color: #fff !important;width: 19px;}
.mm-arrow:after, .mm-next:after {right: 3px;}

header.mega-header{
  position: fixed;
  width: 100%;
  top: 48px;
  z-index: 11;
  min-height: 64px;
  transition: all 0.3s ease-in-out;
  background: rgba(26, 38, 42, 0.5);
  max-width: 1200px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.ip3-preview header.mega-header, .ip3-edit header.mega-header{position: relative}
header.mega-header::before {content: '';position: absolute;width: 100%;height: 100%;box-shadow: 0 10px 10px -10px rgba(33, 20, 95, 0.25);display: none}
header.mega-header.nav--sticky.nav--up{top: -64px;}
header.mega-header.nav--sticky {background: var(--dark-teal-2);}
header.mega-header .small-device-hide{display: block}
header.mega-header .small-device-show.mmenu-col {display: none;}
header.mega-header .header-wrapper{overflow-x: clip;}
header.mega-header .logo-wrapper{ 
  padding: 0 16px;
  display: flex;
  align-items: center;  
  border-right: 1px #a5afb4 solid;
}
header.mega-header .logo-wrapper img{height: auto}
header.mega-header nav#main-navigation a{text-decoration: none;transition: all 0.2s ease-in-out}
header.mega-header nav#main-navigation a:hover, header.mega-header nav#main-navigation a.actilink, header.mega-header nav#main-navigation a.acti_link{color: var(--yellow);}
header.mega-header nav#main-navigation a.main-sub-nav-item.highlited{color: var(--red-color);}
header.mega-header nav#main-navigation a.main-sub-nav-item.highlited:hover{color: var(--black-color);}
header.mega-header nav#main-navigation .current > a, header.mega-header nav#main-navigation .selected > a{color: var(--yellow);}
header.mega-header nav#main-navigation .level1:first-child a.main-nav-item {
  margin-left: 10px;
}
header.mega-header nav#main-navigation .level1 {
  margin-left: 10px;
}
header.mega-header nav#main-navigation a.main-nav-item {margin: 0 10px 0 10px;padding: 22px 0 22px;}

body.ip3-edit header.mega-header nav#main-navigation a.main-nav-item {
    margin: 0 7px 0 6px;
}

header.mega-header nav#main-navigation a.menu-arrow-link{font-size: 8px;line-height: normal;margin-bottom: 4px;position: relative;width: 10px;height: 10px;transition: all 0.3s ease-in-out}
header.mega-header nav#main-navigation .level2 a.menu-arrow-link{right: -10px;bottom: 0;     position: relative;
  z-index: 10;     margin-bottom: 0; }
header.mega-header nav#main-navigation a.menu-arrow-link > span.icon-charat-down {
  position: absolute;
  bottom: -5px;
  transition: all 0.3s ease-in-out;
  color: var(--white);
  font-size: 10px;
}

header.mega-header nav#main-navigation .selected > a + a,
header.mega-header nav#main-navigation .selected > a + a span.icon-charat-down {
  color: var(--yellow);
}

header.mega-header nav#main-navigation .current > a + a,
header.mega-header nav#main-navigation .current > a + a span.icon-charat-down {
  color: var(--yellow);
}

header.mega-header nav#main-navigation .main-nav-level-1:hover  a.menu-arrow-link > span.icon-charat-down {
  color: var(--yellow);
  bottom: 0;
}
header.mega-header nav#main-navigation a.menu-arrow-link.sub-nav > span.icon-charat-down{
  bottom: -3px;
  transform: rotate(-90deg);
}
/*header.mega-header nav#main-navigation a.menu-arrow-link.actinav > span.icon-charat-down{transform: rotate(180deg)}
header.mega-header nav#main-navigation a.menu-arrow-link.acti_nav > span.icon-charat-down{transform: rotate(180deg)}*/
header.mega-header .shareprice-ticker p, header.mega-header .shareprice-ticker iframe{width: auto}
header.mega-header .shareprice-ticker p{margin: 0 5px 0 0}
header.mega-header .shareprice-ticker iframe{max-width: 140px}
header.mega-header .header-search{     width: 62px;    border-left: 1px #a5afb4 solid; } 
header.mega-header .header-search > a.search-trigger {
  color: var(--white);
  font-size: 1.8rem;
  line-height: normal;
  background: var(--grey-three);
  text-decoration: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
header.mega-header .header-search > a.search-trigger.acti-search-trigger {
  color: var(--yellow);
}
header.mega-header nav#main-navigation .nav-container{
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 65px;
  right: 0;
  margin: 0 auto;
  /* background: #6b787c; */
  background: #56656a;
  z-index: -1;
  box-shadow: 0px 2px 10px rgb(0 0 0 / 25%);
  /* display: none; */
  min-height: 247px;
  visibility: hidden;
  opacity: 0;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
header.mega-header nav#main-navigation .nav-container .sub-navigation{
  position: absolute;
  left: 33.333%;
  top: 0;
  width: 33.333%;
  padding: 30px;
  background: #55656b; display:none;
}

header.mega-header nav#main-navigation .nav-container .sub-navigation .level3:last-child a {
  margin-bottom: 0;
}

header.mega-header nav#main-navigation .nav-container .sub-main-navigation .column-wrap {
  padding: 0 30px;
  /* min-width: 280px; */
  /* max-width: 280px; */
  border-left: 1px solid var(--grey-one);
  max-width: 50%;
}
header.mega-header nav#main-navigation .nav-container .sub-main-navigation .column-wrap:first-child {
  padding-top: 30px;
}

header.mega-header nav#main-navigation .nav-container .sub-main-navigation .column-wrap:last-child {
  padding-bottom: 30px;
}
header.mega-header nav#main-navigation .nav-container .sub-main-navigation .column-wrap > div {
  line-height: 20px;
}

header.mega-header nav#main-navigation .nav-container .sub-main-navigation .column-wrap:last-child > div:last-child > a {
  margin-bottom: 0;
}

header.mega-header nav#main-navigation a.main-sub-nav-item{margin: 0 0 12px 0;display: inline-block;     position: relative;
  z-index: 10;     }
header.mega-header nav#main-navigation a.main--sub-nav-item{margin: 0 0 12px 0;display: inline-block;   }
header.mega-header nav#main-navigation .nav-latest-reports-wrapper{ 
  width: 33.3333%;
  background: #2C3F45;
  padding: 30px;
}
header.mega-header nav#main-navigation .sub-main-navigation{     width: 66.66666%;}
header.mega-header nav#main-navigation .nav-latest-reports-wrapper .title > p{font-size: 2.0rem; line-height: 2.6rem;margin-bottom: 18px;}
header.mega-header nav#main-navigation .nav-latest-reports-wrapper .title > p:empty {
  display: none;
}
header.mega-header nav#main-navigation .sub-main-navigation:after {
  content: '';
  width: 33.333%;
  height: 100%;
  background: #6b787c;
  position: absolute;
  top: 0;
}

header.mega-header nav#main-navigation .nav-latest-reports-wrapper .image-content .image{margin-right: 16px; max-width: 134px;}

header.mega-header nav#main-navigation .nav-latest-reports-wrapper .image-content .content > p{
  font-size: 1.5rem;
  line-height: 2rem;
  color: #BBD4DF;
}

header.mega-header nav#main-navigation .nav-latest-reports-wrapper .image-content .content {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
header.mega-header nav#main-navigation .nav-latest-reports-wrapper .image-content .content > .link{margin-top: 16px}
header.mega-header nav#main-navigation .nav-latest-reports-wrapper .image-content .content > .link > .cta {
  padding: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
}
header.mega-header nav#main-navigation .nav-latest-reports-wrapper .image-content .content > .link > .cta span {
  font-size: 20px;
  position: static;
}
header.mega-header nav#main-navigation .nav-latest-reports-wrapper .image-content .content > .link span.text {
  display: none;
}

header.mega-header nav#main-navigation .nav-latest-reports-wrapper .image-content .content > .link span.icon.icon-longarrow {
  color: var(--yellow);
}

header.mega-header .search-main-wrapper{
  position: absolute;
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
  top: 65px;
  padding: 12px;
  display: none;
  margin-top: 1px;
}
header.mega-header .search-main-wrapper div#closeButton {
  position: absolute;
  width: 40px;
  background: #fff;
  right: 0;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  cursor: pointer;
}
header.mega-header .search-main-wrapper div#closeButton:after {
  content: "\e909";
  font-family: 'icomoon' !important;
  color: #27393E;
}

header.mega-header .search-main-wrapper .search{position: relative;width: 100%;}
header.mega-header .search-main-wrapper #searchTextbox {min-width: 100%;padding: 9px 35px 9px 16px;background: var(--white);color: var(--light-teal);font-weight: 500;    outline: none; }

header.mega-header .search-main-wrapper #searchTextbox::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: var(--light-teal);
}
header.mega-header .search-main-wrapper #searchTextbox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: var(--light-teal);
  opacity:  1;	
}
header.mega-header .search-main-wrapper #searchTextbox::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: var(--light-teal);
  opacity:  1;
}
header.mega-header .search-main-wrapper #searchTextbox:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--light-teal);
}
header.mega-header .search-main-wrapper #searchTextbox::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--light-teal);
}

header.mega-header .search-main-wrapper #searchTextbox::placeholder { /* Most modern browsers support this now. */
  color: var(--light-teal);
}
header.mega-header .search-main-wrapper .search a.search-btn-trigger{position: absolute;right: 16px;text-decoration: none; 
  color: var(--dark-teal-3);}

header.mega-header .prev-arrow-mobi-nav a.prev-arrow{font-size: 2.4rem;color: var(--blue-navy);text-decoration: none;position: absolute;left: 40px;transform: rotate(90deg);top: 15px;visibility: hidden;opacity: 0;transition: all 0.2s ease-in-out}
.mmenu-nav-next header.mega-header .prev-arrow-mobi-nav a.prev-arrow{visibility: visible;opacity: 1}

header.mega-header #mmenu{display: none}

header.mega-header nav#main-navigation .main-nav-level-1.level1.haschildren:hover > .nav-container, header.mega-header nav#main-navigation a.main-nav-item:hover + a.menu-arrow-link + .nav-container {    
  opacity: 1;
  -webkit-transition: all .4s ease 0s;
  -ms-transition: all .4s ease 0s;
  -moz-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  visibility: visible; 
}
header.mega-header nav#main-navigation .nav-container.actisubnav {
  opacity: 1;
  -webkit-transition: all .4s ease 0s;
  -ms-transition: all .4s ease 0s;
  -moz-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  visibility: visible;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

header.mega-header nav#main-navigation .main-nav-level-1.level1.haschildren > a.menu-arrow-link{bottom: 26px;}
header.mega-header nav#main-navigation .main-nav-level-1.level1.haschildren:hover > a.menu-arrow-link, header.mega-header nav#main-navigation a.main-nav-item:hover + a.menu-arrow-link{transform: rotate(180deg);bottom: 25px;}

/*header.mega-header nav#main-navigation .main-nav-level-1.level1.haschildren div.haschildren:hover > .sub-navigation, header.mega-header nav#main-navigation a.main-sub-nav-item:hover + a.menu-arrow-link + .sub-navigation {display: block;}*/
/*header.mega-header nav#main-navigation .main-nav-level-1.level1.haschildren div.haschildren:hover > a.menu-arrow-link, header.mega-header nav#main-navigation a.main-sub-nav-item:hover + a.menu-arrow-link{transform: rotate(180deg);bottom: -4px;}*/

header.mega-header nav#main-navigation .haschildren:hover > a.nav-font{color: var(--yellow);}

.mm-menu {
  background: #2C3F45; color:#fff;
}
.mm-listview>li>a, .mm-listview>li>span{color: #fff;}
/*-------*/

.switch-wrap {
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-left: 1px #a5afb4 solid;
}

.switch-inner {
  position: relative;
  display: flex;
  align-items: center;
}

.switch-inner > a {
  pointer-events: none;
  font-size: 1.5rem;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgb(0 0 0 / 6%);
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}

.switch-inner > a.active {
  color: var(--yellow);
}


.switch-wrap .switch-inner > a.on {
  margin-right: 12px;        
}


.switch-wrap .switch-inner > a.off {
  margin-left: 12px;
}

.switch-wrap .switch-inner > a.on.active,
.switch-wrap .switch-inner > a.off.active{
  color: var(--yellow);
}

.switch-wrap .check-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.switch-wrap .check-toggle + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  border: none;
  vertical-align: middle;
}

.switch-wrap input.check-toggle-round-flat + label {
  padding: 2px;
  width: 32px;
  height: 16px;
  background-color: #E3E3E2;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}
.switch-wrap input.check-toggle-round-flat + label:before, input.check-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}

.switch-wrap input.check-toggle-round-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}
.switch-wrap input.check-toggle-round-flat + label:after {
  top: 2.5px;
  left: 3px;
  bottom: 4px;
  width: 11px;
  background-color: #2C3F45;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  -webkit-transition: margin 0.2s;
  -moz-transition: margin 0.2s;
  -o-transition: margin 0.2s;
  transition: margin 0.2s;
  height: 11px;
}

.switch-wrap input.check-toggle-round-flat:checked + label {
}

.switch-wrap input.check-toggle-round-flat:checked + label:after {
  margin-left: 15px;
}

/*--------Dropdown------------*/

.header-our-brand {    
  display: flex;
  align-items: center;
  padding: 0 10px;
  border-left: 1px #a5afb4 solid;
}

.header-our-brand > a {
  font-size: 1.3rem;
  line-height: 20px;
  position: relative;
  padding-right: 22px;
}

.header-our-brand > a:after {
  content: "\e908";
  font-family: 'icomoon' !important;
  position: absolute;
  right: 0;
  font-size: 10px;
  transition: all 0.3s ease-in-out;
}

.header-our-brand > a.active-brand {
  color: var(--yellow);
}

.header-our-brand > a.active-brand:after {
  transform: rotate(180deg);
}

.header-our-brand ul {
  margin: 0;
  display: none;
  position: absolute;
  width: 360px;
  background: rgba(26, 38, 42, 0.5);
  padding: 20px;
  top: 100%;
  right: 0;
  margin-top: 3px;
  
}

header.mega-header.nav--sticky .header-our-brand ul,
header.mega-header.nav--sticky .search-main-wrapper{
  background: var(--dark-teal-2);
}

.header-our-brand ul li {
  margin: 0 0 20px;
}

.header-our-brand ul li:last-child {
  margin: 0;
}

.header-our-brand ul li a {
  font-size: 1.5rem;
  line-height: 20px;
  display: block;
  position: relative;
  padding-right: 30px;
}

.header-our-brand ul li a:after {
  content: "\e91a";
  font-family: 'icomoon' !important;
  position: absolute;
  right: 0;
  color: var(--yellow);
}

.header-our-brand ul.active {
  display: block;
}
header .content .link a.cta-white{border-bottom: none;    padding-right: 20px;}
header .content .link a.cta-white .icon-long-arrow-right:before{color: #E3A52A;}

@media all and (min-width: 992px) {
  
  .main-navigation .main-nav-level-1.level1:nth-last-child(2),
  .main-navigation .main-nav-level-1.level1.last {
    display: none;
  }
  
}

/*--------*/

@media all and (min-width: 992px) and (max-width: 1199.98px) {
  header.mega-header .logo-wrapper img { 
    width: 130px;
  }
  
  .switch-inner > span, .switch-inner > a,
  .header-our-brand > a {
    font-size: 1.3rem;
  }
  
  header.mega-header .search-main-wrapper #searchTextbox {    
    font-size: 1.4rem;
  }
  
}

@media all and (max-width: 1200.98px){
  header.mega-header .nav-font{font-size: 1.4rem;line-height: 2.0rem;}
  header.mega-header nav#main-navigation a.main-nav-item{margin: 0 7px 0 0;}
  header.mega-header .header-search{margin: 0 5px 0 10px;}
  .switch-wrap {padding: 0 10px;}
  .header-our-brand {padding: 0 10px;}
  header.mega-header nav#main-navigation a.menu-arrow-link > span.icon-charat-down {bottom: -4px;}
  header.mega-header .header-search {width: 50px;}
}
@media all and (max-width: 1024.98px){
  header.mega-header .nav-font{font-size: 1.3rem;line-height: 2.0rem;}
}

@media all and (max-width: 1199.98px) and (min-width: 992px) {

header.mega-header nav#main-navigation .level1 {
    margin-left: 9px;
}

header.mega-header nav#main-navigation .level1:first-child a.main-nav-item {
    margin-left: 5px;
}

}

@media all and (max-width: 991.98px){
  header .right-nav-container .header-our-brand{display:none;}
  header.mega-header .header-search > a.search-trigger{font-size: 1.6rem;width: 35px;height: 35px;}
  header.mega-header{min-height: 56px;z-index: 10;top: 35px;}
  header.mega-header .left-nav-container .logo-wrapper{opacity: 1; transition: all 0.1s ease-in-out}
  header.mega-header.nav--sticky.nav--up{top: -56px;}
  header.mega-header nav#main-navigation .nav-container{top: 56px}
  header.mega-header .search-main-wrapper{top: 56px}    
  .mm-menu.mm-fullscreen.mm-bottom{
    top: 103px !important;
    z-index: 1000;
  }
  .mmenu .mm-panels .mm-panel ul li {
    font-size: 1.4rem;
    line-height: 2.0rem;}
  .image-content .content p{font-size: 1.4rem;    line-height: 2.0rem;}
  #mmenu .mm-panels > div[id*="level2"] .mm-listview, #mmenu .mm-panels > div[id*="level3"] .mm-listview {padding-left: 20px;}
  a.cta-white{border-bottom: 1px solid #E3A52A;padding-right: 20px;}
  header .icon-long-arrow-right:before{color:#E3A52A;}
  .switch-wrap,.header-our-brand,
  header.mega-header .header-search,
  header.mega-header .logo-wrapper{border: none;}
  
  .mmenu .mm-panels .mm-panel ul li.level1:nth-last-child(2), 
  .mmenu .mm-panels .mm-panel ul li.level1.last {
    width: 98%;
  }
  
  .mmenu .mm-panels .mm-panel ul li.level1:nth-last-child(2) {
    margin-top: 15px;
  }
  
  .mmenu .mm-panels .mm-panel ul li.level1:nth-last-child(2) > a:after, 
  .mmenu .mm-panels .mm-panel ul li.level1.last > a:after {
    content: "\e91a";
    font-family: 'icomoon' !important;
    position: absolute;
    right: 0;
    color: var(--yellow);
  }
  
  header.mega-header .search-main-wrapper #searchTextbox {    
    font-size: 1.4rem;
  }
}
@media all and (max-width: 767.98px){
  header.mega-header .search-main-wrapper .search{width: 100%}
  header.mega-header {top: 23.5px;}
  .mm-menu.mm-fullscreen.mm-bottom{top: 83px !important;}    
  .mburger span:nth-of-type(1) {bottom: calc(50% + 6px);}
  .mburger span:nth-of-type(3) {top: calc(50% + 6px);}
  .mm-navbar{padding: 0 16px;}
  header.mega-header .logo-wrapper img{width: 100px}      
}
@media all and (max-width: 400px){
  
  .switch-wrap {padding: 0 0px; }
  header.mega-header .header-search {width: 25px;}
  header.mega-header .header-search {margin: 0 0px 0 13px;}
  header.mega-header .logo-wrapper {padding: 0 22px 0 14px;}
  .switch-inner > span, .switch-inner > a {font-size: 1.4rem;}
  .mm-panels>.mm-panel {padding: 40px 16px;}
  .mm-arrow:after, .mm-next:after {right: 13px;}
  
  
  
}

/* === HEADER CSS ===*/

body.nojs header.mega-header .header-search{display: none}