﻿@font-face {
    font-family: "Rotis II Sans W02";
    src: url("/fonts/HPE/31ad7d5f-1de8-489d-83a7-73f3e9ca197c.eot?#iefix");
    src: url("/fonts/HPE/31ad7d5f-1de8-489d-83a7-73f3e9ca197c.eot?#iefix") format("eot"),url("/fonts/HPE/70ced09f-b88d-47cd-9196-84b47f23ac0b.woff") format("woff"),url("/fonts/HPE/8ab0fcbf-0bb2-45a4-93e6-1118d4265c93.ttf") format("truetype"),url("/fonts/HPE/08e610e1-d997-4dc3-8e54-abb2650c8e80.svg#08e610e1-d997-4dc3-8e54-abb2650c8e80") format("svg");
}

@font-face {
    font-family: "RotisIISansW02-SemiBold 882400";
    src: url("/fonts/HPE/487c6f17-c9d8-4c3b-8799-0286b2f18682.eot?#iefix");
    src: url("/fonts/HPE/487c6f17-c9d8-4c3b-8799-0286b2f18682.eot?#iefix") format("eot"),url("/fonts/HPE/3d29deb4-bdeb-44fc-8fbb-074892c85dbe.woff") format("woff"),url("/fonts/HPE/d16ed9c1-f54c-4a68-9b7f-20381236fdfb.ttf") format("truetype"),url("/fonts/HPE/daf64962-c449-437f-aa79-f5c57d17b857.svg#daf64962-c449-437f-aa79-f5c57d17b857") format("svg");
}

@font-face {
    font-family: "Rotis II Sans W02 Bold";
    src: url("/fonts/HPE/5fea60a0-ce13-473c-a796-36258088e2b4.eot?#iefix");
    src: url("/fonts/HPE/5fea60a0-ce13-473c-a796-36258088e2b4.eot?#iefix") format("eot"),url("/fonts/HPE/bf62d42b-4776-49cf-a6c7-fd6526631ce1.woff") format("woff"),url("/fonts/HPE/38c09b02-857a-4578-b4d4-1c501439b2c9.ttf") format("truetype"),url("/fonts/HPE/cc697472-b37f-4acb-9883-c79e27dee400.svg#cc697472-b37f-4acb-9883-c79e27dee400") format("svg");
}

@font-face{
font-family:"RotisIISansW02-ExtraBd";
src:url("/fonts/THT/86a14483-c384-4746-b03b-6ecf54bc88a7.eot?#iefix");
src:url("/fonts/THT/86a14483-c384-4746-b03b-6ecf54bc88a7.eot?#iefix") format("eot"),url("/fonts/THT/6c6fc185-8b9c-4d26-9548-7c0ff2ec207d.woff") format("woff"),url("/fonts/THT/dc36d091-7b44-447f-b286-be46595b126b.ttf") format("truetype"),url("/fonts/THT/126d30ec-13fe-4b4e-bbbf-b7e076ff28db.svg#126d30ec-13fe-4b4e-bbbf-b7e076ff28db") format("svg");
}

/* Global Header */
.globalHeader,
.globalHeader h1,
.globalHeader ul li,
.globalHeader ul li a,
.globalNavClose
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.globalHeader
{
    width: 100%;
    height: 56px;
    border-bottom: 4px solid #001c7a;
    background: #e8e8e8;
    display: none;
}
.globalHeader ul
{
    margin-left: 10px;
}
.globalHeader h1
{ 
    background: #f3f3f3;
    padding: 15px 18px 0;
    font: 17px "RotisIISansW02-ExtraBd", "Hermes Bold", sans-serif;
    color: #001c7a;
    margin: 0;
}
.globalHeader h1,
.globalHeader ul,
.globalHeader ul li,
.globalNavClose
{
    height: 52px;   
    float: left; 
    display: inline-block;
    *display: block;
    *zoom: 1;
}
.globalHeader ul
{
    margin-bottom: 0;
}
.globalHeader ul li a
{
    display: block;
    float: right;
    padding: 17px 10px;
    height: 52px;
    color: #7f7f7f;
    text-decoration: none;
    font: 14px "Rotis II Sans W02 Bold",Arial,sans-serif;
}
.globalHeader ul li:hover
{
    background: #D7D5D5;
    transition: 0.3s background;
}
.globalHeader ul li a:hover,
.globalHeader ul li a:active
{
    color: #EE2062;
    transition: 0.3s color;
}
.globalHeader ul li a.currentNavItem
{
    position: relative;        
}
.globalHeader ul li a.currentNavItem:hover,
.globalHeader ul li a.currentNavItem:active
{
    color: #7f7f7f;       
}
.globalHeader ul li a.currentNavItem span
{
    width: 56%;
    border-bottom: 3px solid #3853c3;
    position: absolute;
    top: 38px;
    left: 21%;
}
.globalNavClose
{
    display: inline-block;
    float: right;
    font: 15px "Rotis II Sans W02 Bold","Hermes Bold",sans-serif;
    color: #ec7404;
    padding-right: 20px;
    padding-top: 17px;
    margin-right: 105px;
    text-decoration: none;
    background: url(/images/navigationSWM/closeIcon.png) no-repeat right 21px;
}
.globalNavClose:hover,
.globalNavClose:active,
.responsivePage .globalNavClose:hover,
.responsivePage .globalNavClose:active,
.fmPage .globalNavClose:hover,
.fmPage .globalNavClose:active
{
    color: #000;
    background: url(/images/navigationSWM/closeIconOn.png) no-repeat right 21px;
}
.responsivePage .globalNavClose,
.fmPage .globalNavClose
{
    color: #cb1b59;
    background: url(/images/navigationSWM/closeIconMainSite.png) no-repeat right 21px;
}


/*	MAX WIDTH 960px - Global Nav
================================ */
@media only screen and (max-width: 960px)
{
    .globalHeader
    {
        height: auto;
        overflow: hidden;
    }
    .globalHeader nav
    {
        overflow: hidden;
        position: relative;
    }
    .globalHeader h1,
    .globalHeader ul,
    .globalHeader ul li 
    {
        display: block;
        width: 100%;
        overflow: hidden;
        height: auto;
        text-align: left;
        margin: 0;
    }
    .globalHeader ul li a
    {
        width: 100%;
        text-align: left;
        height: 39px;
        padding: 10px 15px 0 12px;
        background: url(/images/navigationSWM/globalNavItemBorderBottom.jpg) no-repeat left bottom;
    }
    .globalHeader h1
    {
        height: 52px;
    }
    .globalHeader ul li a.currentNavItem
    {
        padding-left: 23px;
    }
    .globalHeader ul li a.currentNavItem span
    {               
        border-bottom: 0; 
        height: 8px;
        left: 12px;
        top: 16px;
        width: 5px;       
        background: transparent url(/images/navigationSWM/mobileNavItemCurrent.png) no-repeat 0 0;
    }
    .globalNavClose
    {
        position: absolute;
        bottom: 0;
        right: 11px;
        height: 45px;            
        margin-right: 62px;    
    }
}