/* === GLOBAL HEADER CSS === */
header.mega-header .nav-font{font-size: 1.6rem;line-height: 2.3rem;font-weight:300;color: var(--black-color);}
/* === GLOBAL HEADER CSS === */
/* === HEADER CSS ===*/
header.mega-header{position: fixed;width: 100%;top: 0px;z-index: 100;transition: all 0.3s ease-in-out;background: var(--white-color);}
.ip3-preview header.mega-header, .ip3-edit header.mega-header{position: relative}
header.mega-header .header-wrapper .container-fluid{position: relative;}
header.mega-header .logo-wrapper{width: 100%; float: left;margin-left:16px;}
header.mega-header .logo-wrapper figure img{position: relative; z-index: 1;}
header.mega-header .logo-wrapper img{max-width: 100%; width: auto;}
header.mega-header .shareprice-ticker p, header.mega-header .shareprice-ticker iframe{width: auto}
header .header-shareprice-wrapper {float: right;width: 90%;margin-top: -78px;}
header .header-shareprice-wrapper .share-iframe{float: right; max-width: 300px}
header .header-shareprice-wrapper .share-iframe iframe{float: right;max-width: 200px;}
header .ig-global-link {position: absolute;top: 0;right: 0.4rem;z-index: 1001;}
header .ig-global-link ul{width: 11.5rem; padding: 4px 0 0 0;transition: .5s;background-color: var(--white-color);}
header .ig-global-link ul .ig-global-links {font-size: 1.5rem; padding: 0;position: relative; cursor: pointer;line-height:0px;}
header .ig-global-link ul .ig-global-links span.icon.icon-globe {font-size: 1rem;position: absolute;right: 92px;bottom: 8px;color:rgb(0,41,84);}
header .ig-global-link ul .ig-global-links a{text-align: left;display: inline-block;border-bottom: 1px solid transparent;font-family: var(--secondary-regular-font);font-size: 1.4rem;font-weight: 400;line-height: 1.36; letter-spacing: normal;color: var(--dark-blue-two);margin: 0px 0px 0px 35px;padding: 10px 0 2px 0; padding-top: 7px;}
header .ig-global-link ul .ig-global-links a:hover{text-decoration:none;}
.header-wrapper .ig-global-link .item-list .links li.changeicon:after{position: absolute;content: "\e90a";font-family: icomoon;font-size:1.2rem;cursor:pointer;right:11px;bottom: 11px;}
header .ig-global-link ul .ig-global-links+li {display: none;}
header .ig-global-links:first-child:before {color: var(--dark-blue-two);}
header .ig-global-link ul .ig-global-links:first-child:before {font-weight: 700;font-size: 1rem;top: 13px;}
header .ig-global-link ul .ig-global-links:first-child:after, header .ig-global-link ul .ig-global-links:first-child:before{position: absolute;font-family: ig-group;}
header .ig-global-link ul .ig-global-links:first-child:before{left: -2.2rem;}
header.mega-header .header-search{margin: 0 -10px 0 57px;position:relative; color: var(--dark-blue-two); font-size: 2rem; font-weight: 400; line-height: 1px; text-decoration: none;width: 30px; height: 30px; position: absolute;right: 38px;top: 54px; margin: 0;}
header.mega-header .header-search a:hover{text-decoration:none;}
header.mega-header .share{font-size: 2rem; font-weight: 400; line-height: 1px; text-decoration: none; width: 30px; height: 30px; position: absolute; right: 7px; top: 55px;}
header.mega-header .share a:hover{text-decoration:none;}
header.mega-header .share a:hover span.icon.icon-share{text-decoration:none;}

header.mega-header nav#main-navigation{float: right;width: auto;position: relative;margin: -42px 43px 0px 0px; }
header.mega-header nav#main-navigation > ul {margin:0px; padding:0px}
header.mega-header nav#main-navigation ul li a{font-family: var(--primary-medium-font);padding:13px 19px; text-decoration:none;position: relative;}
header.mega-header nav#main-navigation ul li.level1 > span > a.caret{display: none;}
header.mega-header nav#main-navigation .level1{margin: 0px 0px 0px 0px;padding: 0px 0px 22px 0px;}
header.mega-header nav#main-navigation ul.level2-wrapper {position: absolute;display: none;background: var(--white-color); max-width: 340px; width: 100%;top:45px; box-shadow: 0 3px 15px rgba(0,0,0,0.11765);}
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:hover ul.level2-wrapper + ul li.level3,
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 #ece4e4; position: relative;font-weight: 400;
    font-size: 1.8rem;
    line-height: 3.0rem;
    font-family: var(--primary-regular-font);
    color: var(--dark-blue);}
header.mega-header nav#main-navigation ul li.main-nav-level-1 ul.level3-wrapper li{border-bottom: 1px solid #ababab;}
header.mega-header nav#main-navigation ul li a:hover {color: var(--dark-blue-two);}
header.mega-header nav#main-navigation ul.level2-wrapper li a{padding: 15px; width: 100%; display: inline-block;}
header.mega-header nav#main-navigation ul.level2-wrapper li:hover{background-color:var(--cyan);text-decoration:none;}
header.mega-header nav#main-navigation ul li a:focus-visible {outline: 2px solid #000;outline-offset: -8px;}
header.mega-header nav#main-navigation ul li.current > span {padding: 0;display: block;color: var(--water-blue);font-weight: 700;}
header.mega-header nav#main-navigation ul li.current > a {color: var(--dark-blue-two);}
header.mega-header nav#main-navigation .haschildren:hover > a.nav-font{color: var(--black-color);}
header.mega-header nav#main-navigation .nav-container{position: absolute;width: 100%;left: 0; right:0;top: 64px;right: 0;margin: 0 auto;padding:29px 0 42px;background: #fff;z-index: -1;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);display: none}
header.mega-header nav#main-navigation .nav-container .sub-navigation{display: none; margin-left: 18px}
header.mega-header nav#main-navigation .nav-container .sub-main-navigation .column-wrap{padding: 0 24px; min-width: 280px; max-width: 280px;border-left: 1px solid var(--grey-one);}
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 {display: block !important;}
header.mega-header nav#main-navigation .main-nav-level-1.level1.haschildren > a.menu-arrow-link{bottom: 20px;color: var(--black-color);}
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 {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 a.menu-arrow-link{font-size: 8px;line-height: normal;margin-bottom: 4px;position: relative;width: 8px;height: 8px;transition: all 0.3s ease-in-out}
header.mega-header nav#main-navigation .level2 a.menu-arrow-link{right: -10px;bottom: -2px;}
header.mega-header nav#main-navigation a.menu-arrow-link > span.icon{position: absolute;bottom: 2px;transition: all 0.3s ease-in-out; color: var(--black-color)}
header.mega-header nav#main-navigation a.menu-arrow-link.sub-nav > span.icon{bottom: -1px}
header.mega-header nav#main-navigation a.menu-arrow-link.actinav > span.icon{transform: rotate(180deg)}
header.mega-header nav#main-navigation a.menu-arrow-link.acti_nav > span.icon{transform: rotate(180deg)}
header.mega-header nav#main-navigation ul li.main-nav-level-1 ul.level2-wrapper li.haschildren .level3-wrapper{display: none;}
header.mega-header nav#main-navigation ul li.main-nav-level-1 ul.level2-wrapper li.haschildren:hover .level3-wrapper {display: block;}
header.mega-header nav#main-navigation ul li.main-nav-level-1 ul.level2-wrapper li .hasChild-wrapper{position: relative; display: block;}
header.mega-header nav#main-navigation ul li.main-nav-level-1 ul.level2-wrapper li:focus-within .level3-wrapper{display: block;}
header.mega-header nav#main-navigation ul li.main-nav-level-1 ul.level2-wrapper li.haschildren .caret{background-image: url(~/media/Images/I/IG-Group/icons/ui-icons-arrow.svg); background-repeat: no-repeat; background-position: 0px -5px; position: absolute; right: 95px; top: 50%; height: 20px; padding: 0; width: 30px; transform: translateY(-50%);}
ul.level3-wrapper {position: absolute;margin-left: 100%;top: 0;width: 283px;background-color: var(--cyan);z-index: -9;border: none;box-shadow: none;transition: .5s;-webkit-transition: .5s;}
li.current>span.hasChild-wrapper>a.main-nav-item.nav-font:after  {width: 57px;bottom: 2px;background-color: #0c23fe;position: absolute;content: '';left:50%;transform: translateX(-50%);height: 2px;opacity: 1; --webkit-transition: .5s}
li>span.hasChild-wrapper>a.main-nav-item.nav-font:after {width: 0;bottom: 2px;background-color: #0c23fe;position: absolute;content: '';left:50%;transform: translateX(-50%);height: 2px;opacity: 1; --webkit-transition: .5s}
li>span.hasChild-wrapper>a.main-nav-item.nav-font:hover::after, li.selected>span.hasChild-wrapper>a.main-nav-item.nav-font::after {width: 57px;bottom: 2px;background-color: #0c23fe;position: absolute;content: '';left:50%;transform: translateX(-50%);height: 2px;opacity: 1; --webkit-transition: .5s; transition: all .5s;}
header.mega-header .search-main-wrapper{position: absolute;width: 100%;background: var(--white-color);top: 93px;padding: 15px 0;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);display: none;height: 100vw;z-index: 99;}
header.mega-header .search-main-wrapper .search{position: relative;width: 50%;padding: 8px 20px 8px 100px;width: calc(100% - 80px);margin: 131px auto 20px auto;border-bottom: 1px solid rgba(151,151,151,.2);}
header.mega-header .search-main-wrapper #searchTextbox{min-width: 100%;padding: 9px 35px 9px 16px;font-size: 3.6rem;color: var(--blue-three);font-family: var(--primary-regular-font);font-weight: 300; border: 0; outline: none; height: 62px;}
header.mega-header .search-main-wrapper #searchTextbox::placeholder {text-transform: none; font-size: 4.2rem; color: #619fd6; font-family: Matter-Regular; font-weight: 300}
header.mega-header .search-main-wrapper .search a.search-btn-trigger{position: absolute;text-decoration: none;left: 43px;color:var(--blue-three);font-size: 3rem;}

header.mega-header .search-main-wrapper .search .fa-close{font-size: 22px; cursor: pointer}

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}
header.mega-header .share-main-wrapper{position: absolute;width: 100%;background: var(--white-color);top: 93px;padding: 15px 0;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);display: none;height: 100vw;z-index: 99;}
header.mega-header .share-main-wrapper .share{position: relative;width: 50%;padding: 5px 40px 40px 80px;width: 100%;border-bottom: 1px solid var(--dark-blue-two);margin: 85px 0 19px 0; right: 0px; top: 0;}
header.mega-header .share-main-wrapper .share-label{font-family:var(--primary-regular-font);font-size: 2.4rem;font-weight: 500; line-height: 1;}
header.mega-header .share-main-wrapper .share a.share-btn-trigger{position: absolute;text-decoration: none;left: 43px;color:var(--blue-three);font-size: 3rem;}
header.mega-header .share-main-wrapper .share span.fa-close {float: right; color: #002954; font-size: 14px; top: 11px; position: relative; left: -9px; cursor: pointer;}
.social-media-section{margin: 103px auto 120px auto; width: calc(100% - 200px); height: 100%;}
.social-media-wrapper {margin: 103px auto 120px auto;width: calc(100% - 270px);
height: 100%;position: relative; overflow: hidden;z-index: 1;}
.social-share-icon-row {text-align: center; display: inline-block;color: var(--dark-blue);border: 3px solid #092546;border-radius: 50%;width: 46px;height: 46px;display: inline-block;font-size: 20px;text-align: center;padding: 7px 7px;}
.social-share-icon-wrap .social-share-icon-row span {color: var(--dark-blue);font-family:var(--primary-regular-font);font-size: 1.6rem;display: block;width: 100%;text-align: center;margin-top: 15px;text-decoration: none;}
.social-share-icon-row a span{color: #092546; font-family: Matter-Regular; font-size: 1.6rem;}
.social-share-icon-row a.fb-sharebutton span {text-align: center;position: absolute;top: 48px;left: 75px;padding-top:12px;}
.social-share-icon-row a.in-sharebutton span {text-align: center;position: absolute;top: 48px;left: 307px;padding-top:12px;}
.social-share-icon-row a.tw-sharebutton span {text-align: center;position: absolute;top: 48px;right:310px;padding-top:12px;}
.social-share-icon-row a.email-sharebutton span {text-align: center;position: absolute;top: 48px;right: 90px;padding-top:12px;}
.social-share-icon-row:hover{border-color:  var(--blue-three);}
.social-media-wrapper .social-media-logos .social-share-icon-row:hover a i {color: var(--blue-three);border-color:  var(--blue-three);}
.social-share-icon-row a.fb-sharebutton:hover span{color:  var(--blue-three);}
.social-share-icon-row a.in-sharebutton:hover span{color:  var(--blue-three);}
.social-share-icon-row a.tw-sharebutton:hover span{color:  var(--blue-three);}
.social-share-icon-row a.email-sharebutton:hover span{color:  var(--blue-three);}

.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 .small-device-hide{display: block}
header.mega-header .small-device-show.mmenu-col {display: none;}

.social-media-logos{display: flex;justify-content: space-around;}
/* Media Query */

header.mega-header.nav--sticky.nav--up{top: -101px;}

@media all and (max-width: 1200.98px){
header.mega-header .nav-font{font-size: 1.4rem;line-height: 2.0rem;}
header.mega-header .header-search{margin: 0 5px 0 10px;}
header.mega-header nav#main-navigation ul.level2-wrapper{max-width:340px;}
ul.level3-wrapper {width: 165px;}

}
@media all and (max-width: 1024.98px){
header.mega-header .nav-font{font-size: 1.3rem;line-height: 2.0rem;}
header.mega-header nav#main-navigation ul li a{font-size: 1.6rem; line-height: 1.42857; padding: 13px 15px;}
}
@media all and (max-width: 991.98px){
header.mega-header .header-search > a.search-trigger{font-size: 1.6rem;width: 35px;height: 35px;}
header.mega-header{min-height: 100px;z-index: 10;-webkit-box-shadow: none; box-shadow: none;border-bottom: 1px solid #efefef;}
header.mega-header .logo-wrapper{opacity: 1; transition: all 0.1s ease-in-out;position: absolute;padding: 0; top: -5px;}
header.mega-header nav#main-navigation .nav-container{top: 56px}
header.mega-header .search-main-wrapper{top: 56px}
header.mega-header .logo-wrapper img{width: 200px;}
header .header-shareprice-wrapper {width: 40%;position: absolute;margin-top: -28px;left: -90px;}
header .ig-global-link {position: absolute;z-index: 1001;right: 10px;top: -35px;}
header.mega-header.nav--sticky.nav--up{top: -100px;}
}
@media all and (max-width: 767.98px){
header.mega-header .search-main-wrapper .search{width: 100%}
header.mega-header nav#main-navigation{display:none;}
header .ig-global-link {top: -50px;}
header.mega-header .logo-wrapper img{width: 143px;}
header .header-shareprice-wrapper {width: 60%;margin-top: 0px;position: absolute;top:-38px;left: 15px; max-width: 300px;}
header .header-shareprice-wrapper .share-iframe {float: left;}
header.mega-header .mobile-mburger{position: absolute; bottom: 0; right: 20px;}
header.mega-header .mobile-mburger .mburger span{left: 10px;}
}

/* Portrait*/
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
		header.mega-header .logo-wrapper img {
    max-width: 21%;
}
header.mega-header .header-search {
    margin: -19px -2px -10px -3px;
}
header.mega-header .share {
    top: 35px;
}
header .header-shareprice-wrapper {
    float: right;
    width: 90%;
    margin-top: -45px;
}
header.mega-header nav#main-navigation {
    margin: -30px 43px 0px 0px;
}
	}
/* === HEADER CSS ===*/
body.nojs header.mega-header .header-search{display: none}