/* === GLOBAL HEADER CSS === */
header.mega-header .nav-font{font-size: 1.6rem;line-height: 2.0rem;color: var(--bold-blue);font-weight:700;}
/* === GLOBAL HEADER CSS === */
/* === HEADER CSS ===*/
header.mega-header{position: fixed;width: 100%;top: 0;z-index: 11;min-height: 102px;box-shadow: 1px 2px 3px 0 rgba(0,0,0,.1);
transition: transform .25s ease, -webkit-transform .25s ease;background: #ffffff;transform: translate(0,0);z-index:20;}
.ip3-preview header.mega-header, .ip3-edit header.mega-header{position: relative}
.header-inner-wrapper{justify-content: space-between !important;}
header.mega-header .header-wrapper{overflow-x: clip;padding:10px 0px 0px 0px;  -webkit-box-shadow: 1px 2px 3px 0 rgba(0,0,0,.1);box-shadow: 1px 2px 3px 0 rgba(0,0,0,.1);}
header.mega-header .logo-wrapper{margin:-39px 65px 0px -11px;}
header.mega-header .logo-wrapper img{width: 200px;height: auto}
header.mega-header nav#main-navigation ul {list-style-type: none;margin-top: 0; margin-bottom: 0;padding: 0;overflow: hidden;}
header.mega-header nav#main-navigation ul.level2-wrapper{position:absolute;display:none;background:#f6f6f6;padding-top:10px;}
header.mega-header nav#main-navigation ul li.main-nav-level-1:hover ul.level2-wrapper, header.mega-header nav#main-navigation ul li.main-nav-level-1:focus-within ul.level2-wrapper{display:block;}
header.mega-header nav#main-navigation ul li.main-nav-level-1 ul.level2-wrapper li{border-bottom: 1px solid rgba(0,0,0,.1);}
header.mega-header nav#main-navigation ul li a {display: block;color: var(--bold-blue);text-align: center;padding: 10px 18px 30px 12px;text-decoration: none;margin: -2px -6px 0px -1px;}
header.mega-header nav#main-navigation li a:hover {color: var(--water-blue);background:#f6f6f6;}
header.mega-header nav#main-navigation a.main-sub-nav-item{margin:9px 18px 9px 23px;display: inline-block;padding:0;}

header.mega-header nav#main-navigation ul li a:focus-within{outline: 2px solid #000; outline-offset: -4px;}
header.mega-header nav#main-navigation ul li.level2 a:focus-within {outline-offset:9px;}
header.mega-header nav#main-navigation ul li.current > span{padding: 0px 12px 23px 12px;display: block;color: var(--water-blue);font-weight: 700;}
header.mega-header nav#main-navigation ul li.current > a, header.mega-header nav#main-navigation ul li.selected > a{color:var(--water-blue);}
header.mega-header .shareprice-ticker {padding: 4px 0px 15px 0px}
header.mega-header .shareprice-ticker iframe{max-width: 250px;margin-right:-20px;}
header.mega-header .header-search{padding: 3px 0px 0px 0px}
header.mega-header .header-search > a.search-trigger{color: var(--bold-blue);font-size: 2rem;line-height: normal;background: var(--grey-three);text-decoration: none;margin-top:6px;margin-left:42px; border-radius: 50%}
header.mega-header nav#main-navigation .haschildren:hover > a.nav-font{color: var(--water-blue);}
header.mega-header .search-main-wrapper{position: absolute;width: 100%;background: var(--bold-blue);top: 112px; height: 80px; padding: 0;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);display: none}
header.mega-header .search-main-wrapper .search{position: relative;width: 50%; margin-top: 15px;}
header.mega-header .search-main-wrapper #searchTextbox{padding: 9px 35px 9px 16px; font-size: 1.6rem; height: 50px; width: 250px; background: none; border: 1px solid var(--white-color); color: var(--white-color);}

header.mega-header .search-main-wrapper #searchTextbox::placeholder{text-transform: none; color: #999;}
header.mega-header .search-main-wrapper .search a.search-btn-trigger{position: absolute;right: 16px;text-decoration: none;color: var(--white-color);}
/* === HEADER CSS ===*/

body.nojs header.mega-header .header-search{display: none}
/* === Media quries === */
@media all and (max-width: 1200px){
header.mega-header .header-wrapper{box-shadow: none;}
header.mega-header nav#main-navigation ul li {padding-left: 0 !important;}
header.mega-header nav#main-navigation ul li a {padding: 5px 8px 18px 11px; font-size: 1.4rem; margin: 0;}
header.mega-header .header-search > a.search-trigger{margin-left: 10px;}
header.mega-header nav#main-navigation ul li.current > span{padding: 5px 12px 18px 12px; font-size: 1.4rem;}

}
@media all and (max-width:991.98px){
header.mega-header .logo-wrapper{margin:0px 0px 0px -10px}
div#mm-0 {width: 21px;position: absolute;height: auto;top: 604px;left: 538px;}
div#mm-1 {top: 647px;height: auto;left: -610px;width: 100%;border: 1px solid rgba(151,151,151,.2);border-left: none;border-right: none;padding: 20px;}
.mobile-navigation .mm-panels .mm-listview li.current >a {color: var(--water-blue);}
}

@media all and (max-width:767.98px){
div#mm-0 {width: 20px;position: absolute;height: auto;top: 522px;left: 220px;}
div#mm-1 {width: 152px;top: 567px;height: auto;left: -298px;width: 100%;border: 1px solid rgba(151,151,151,.2);border-left:none;border-right:none;padding:20px;}
}