@font-face  { font-family: 'Frutiger'; src: url('/Fonts/Frutiger-Roman.eot'); src: url('/Fonts/Frutiger-Roman.eot?#iefix') format('embedded-opentype'), url('/Fonts/Frutiger-Roman.woff') format('woff'), url('/Fonts/Frutiger-Roman.ttf') format('truetype'), url('/Fonts/Frutiger-Roman.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; }


.redesignHeader  { font-family: Frutiger, Arial, Helvetica, sans-serif; }

/*Changes done by Chile in global mobile but intended to only target mobile redesign*/
#siteTabs  { background: #F2F2F2; }
.redesignHeader #siteTabs  { font-family: Arial; }
#siteHeader.redesignHeader > div  { padding: 0; text-align: inherit; background: none; overflow: visible; }
.redesignHeader #showUtilityMenu  { margin-top: -25px; }
.redesignHeader #showUtilityMenu .icon-top  { display: none; }

#siteNav.redesignHeader  { background: #ED0722; width: 100%; padding: 35px 0; }
    #siteNav.redesignHeader #showMegaMenu  { font-size: 20px; font-weight: bold; color: #fff; margin-left: 3%; background: none; text-shadow: none; padding: 0; float: none; }
        #siteNav #showMegaMenu:after  { content: "\f0c9"; font: normal normal normal 14px/1 FontAwesome; display: inline-block; vertical-align: middle; margin-left: 5%; font-size: 25px; *display: inline; zoom: 1; *display: inline; zoom: 1; }

.button  { color: initial; display: initial; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
    .button span  { color: white; padding: 0; border: none; display: initial; background: none; }
#signIn .button  { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #fff; display: block; padding: 5px 10px; border: 1px solid #fff; border-radius: 3px; line-height: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
    #signIn .button:hover  { text-decoration: none; }

    .redesignHeader .megaMenu > li > a  { font-family: arial; }
.megaMenu.open > li:first-child > a  { border-top: none; }
.megaMenu li:first-child  { background-image: none; }
.redesignHeader .megaMenu > li > section  { display: inherit; border: none; background: none; box-shadow: none; color: inherit; font-size: inherit; left: auto; overflow: inherit; padding: 0; position: static; width: auto; z-index: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; }



#signIn  { bottom: initial; }

.co-sign  { display: flex; height: 107px; align-items: center; }
    .co-sign .dropdown  { position: relative; display: inline-block; *display: inline; zoom: 1; }
        .co-sign .dropdown:last-of-type  { margin-left: 0.5em; }
    .co-sign button  { display: flex; height: 90px; max-width: 30vw; padding: 0 2vw 0 2vw; color: #fff; font-family: Frutiger; font-size: 14px; background: #da3030; border: none; border-radius: 6px; cursor: pointer; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
    .co-sign .dropdown:last-of-type button  { background: #4194c6; }
    .co-sign .open button  { border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -ms-border-radius: 6px 6px 0 0; -o-border-radius: 6px 6px 0 0; }
    .co-sign button:after  { content: "\f107"; /* position: absolute; */ /* display: inline-block; */ align-self: center; top: 14px; right: 3vw; width: 1em; height: 1em; font-family: FontAwesome; font-size: 1.5em; transform: scale(1,0.8); padding-left: 10px; -webkit-transform: scale(1,0.8); -moz-transform: scale(1,0.8); -ms-transform: scale(1,0.8); -o-transform: scale(1,0.8); }
    .co-sign .open button:after  { content: "\f106"; }
    .co-sign [aria-expanded]  { position: absolute; display: none; top: 100%; left: 0; overflow: hidden; }
    .co-sign .dropdown:last-of-type [aria-expanded]  { left: inherit; right: 0; width: 100%; z-index: 9999; }
    .co-sign .open [aria-expanded]  { display: block; }
    .co-sign a  { display: block; margin: 2px; padding: 6px 15px; color: #999; font-family: Frutiger; font-weight: normal; line-height: 1.3em; text-align: left; background: #fff; box-shadow: 0 0 0 2px #e4e8ed; box-sizing: border-box; -webkit-box-shadow: 0 0 0 2px #e4e8ed; -moz-box-shadow: 0 0 0 2px #e4e8ed; -ms-box-shadow: 0 0 0 2px #e4e8ed; -o-box-shadow: 0 0 0 2px #e4e8ed; }
        .co-sign a:last-of-type  { border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; }
        .co-sign a:hover, .co-sign a:focus  { text-decoration: none; background: #f6f7fc; }


/*Responsive*/
.visible-mobile  { display: block; }
.visible-desktop  { display: none; }

.row  { width: 100%; padding: 2%; box-sizing: border-box; }

.col  { width: 95%; margin: 0 auto; }

/*Global*/

html  { background-color: #e2e2e2; }

a  { color: #d81e05; }

hr  { background-color: #D9D9D9; }

img  { border: none; }


ul.checked li  { list-style-type: none; }
    ul.checked li:before  { content: "\2713"; color: #d81e05; font-weight: bold; padding-right: 8px; }

.AgilityDevBar, .AgilityStatusBar  { display: none !important; }

/*Remove dots bg*/
#top  { background-image: none; }
.wrapper  { background-image: none; padding: 0; }

/*Template layout*/
.btn-close:after  { content: "x"; color: #fff; font-size: 16px; font-weight: bold; background-color: black; border-radius: 20px; border: 3px solid #dedede; padding: 1px 6px; float: right; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }

/*Extend template, match colours in designs*/
#top  { background-color: #E2E2E2; }
    #top > .col  { width: 100%; }

#logoHeader  { background-color: white; }
    #logoHeader > .col  { width: 100%; position: relative; }

#HeaderTabs_pnl_desktop_sectoinNavControl .col  { width: 100%; }

#siteTabs ul:after  { content: none; }
#siteHeader #siteLogo  { height: auto; width: 136px; max-width: none; margin: 0; padding: 10px 0 7px 10px; }
#showUtilityMenu  { transition: background-position .3s .1s ease-out, color .1s .0s ease-out; display: block; float: right; padding: 0; color: transparent; margin-top: 5%; margin-right: 5%; }

#megaMenuHeader  { background-color: #ED0722; margin-top: 10px; }
    #megaMenuHeader .col  { width: 100%; }
    #megaMenuHeader #mega-menu  { border: none; }



/*Other Template Overrides*/
#top ul#nav-tabs li  { background-color: #7D7D7D; }
    #top ul#nav-tabs li.current a  { color: #7D7D7D; }
    #top ul#nav-tabs li:first-of-type  { margin-left: 0; }

#serviceMenuHeader .header  { z-index: 1000; }

#ulServiceMenu li:first-of-type .tab  { padding-left: 0; margin: 0; }
#ulServiceMenu li.a .content  { height: 370px; left: 0; }
#ulServiceMenu li.c .content  { left: -345px; }

#mainNav ul li a span  { position: relative; z-index: 100; text-align: center; }
    #mainNav ul li a span em  { font-style: normal; position: relative; display: block; text-align: center; z-index: 420; margin: 0px auto; }

#megaMenuHeader #mega-menu  { padding: 0; }
#mega-menu.top-nav-sb li.a a.tab  { padding-left: 0 !important; }

.flag  { position: inherit; top: 0; right: 0; bottom: 0; display: inline-block; vertical-align: middle; *display: inline; zoom: 1; }
.icon-top  { display: inline-block; vertical-align: middle; color: #757575; font-size: 18px; margin: 0 5px; *display: inline; zoom: 1; }


/* Error page */
.error404  { padding: 20px; }

@media (min-height: 400px) and (min-width: 600px) {
    #siteTabs ul  { display: block; }
}
