header#mainMenu,
header#mainMenu * {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box; }
/*--------------------------------------------------------------------------------------------*/
/* HEADER - COMMON(MICROSITE)
/*--------------------------------------------------------------------------------------------*/

header#mainMenu {
     background: #363636;
     position: fixed;
     z-index: 10000;
     left: 0;
     width: 100%;
     -webkit-transition: top 0.3s ease;
     -moz-transition: top 0.3s ease;
     -o-transition: top 0.3s ease;
     transition: top 0.3s ease; }
header#mainMenu .headerContainer nav a {
    color: white;
    font-family: RubrikRegular, Arial, Helvetica, sans-serif; }
.header-banner {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden; }

.header-banner__wrapper {
    position: relative;
    width: 87.6%;
    max-width: 1402px;
    margin: 0 auto; }
.header-banner__wrapper:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2rem;
    background-color: #fff; }

.header-banner__img {
    display: block;
    position: relative;
    left: -9.4%;
    width: 118.7%;
    border: none; }

/*--------------------------------------------------------------------------------------------*/
/* COMMON FONTS
/*--------------------------------------------------------------------------------------------*/


@media screen and (min-width: 761px) {
    header#mainMenu .mobileHeaderContainer {display: none; }
    header#mainMenu {background: -moz-linear-gradient(left, #363636 0%, #3c3c3c 65%, #363636 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, #363636), color-stop(65%, #3c3c3c), color-stop(100%, #363636));background: -webkit-linear-gradient(left, #363636 0%, #3c3c3c 65%, #363636 100%);background: -o-linear-gradient(left, #363636 0%, #3c3c3c 65%, #363636 100%);background: -ms-linear-gradient(left, #363636 0%, #3c3c3c 65%, #363636 100%);background: linear-gradient(to right, #363636 0%, #3c3c3c 65%, #363636 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#363636',GradientType=1 );height: 67px; }
    header#mainMenu .headerContainer {max-width: 1600px;margin: 0 auto;width: 100%; }
    header#mainMenu .headerContainer .logoMain {height: 75px;float: left;margin-left: 3%;-webkit-transition: margin 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: margin 0.2s ease;transition: margin 0.2s ease; }
    header#mainMenu .headerContainer nav {float: left;display: table;padding: 0 2%;box-sizing: border-box;width: calc(97% - 94px); }
    header#mainMenu .headerContainer nav > * {display: table-cell;height: 67px;vertical-align: middle;padding: 0 1.5%;box-sizing: border-box; }
    header#mainMenu .headerContainer nav a {text-align: center;font-size: 0.85em;line-height: 1em;text-transform: uppercase; }
    header#mainMenu .headerContainer nav a span {position: relative;display: block; }
    header#mainMenu .headerContainer nav a span:after {content: '';position: absolute;width: 100%;height: 5px;background: white;bottom: -12px;left: 0;opacity: 0;-webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease;transition: opacity 0.4s ease; }
    header#mainMenu .headerContainer nav a:hover span:after,
    header#mainMenu .headerContainer nav a.active span:after {opacity: 1; }
    header#mainMenu .headerContainer nav .subMenu {position: relative; }
    header#mainMenu .headerContainer nav .subMenu .subNav {margin: 0; padding: 0;position: absolute;top: 67px;left: 0;background: #363636; -webkit-box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.3) inset;        box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.3) inset;  width: 100%; max-height: 0;  overflow: hidden;  opacity: 0;  -webkit-transition: max-height 1s, opacity 1s 0.3s; -moz-transition: max-height 1s, opacity 1s 0.3s; -o-transition: max-height 1s, opacity 1s 0.3s; transition: max-height 1s, opacity 1s 0.3s; }
    header#mainMenu .headerContainer nav .subMenu .subNav li {display: table;width: 100%; }
    header#mainMenu .headerContainer nav .subMenu .subNav li a {width: 100%;height: 67px;padding: 0 20px;display: table-cell;vertical-align: middle; }
    header#mainMenu .headerContainer nav .subMenu:hover .subNav {max-height: 250px;opacity: 1;-webkit-transition: max-height 1s, opacity 0.5s;-moz-transition: max-height 1s, opacity 0.5s;-o-transition: max-height 1s, opacity 0.5s;transition: max-height 1s, opacity 0.5s; }
}
@media only screen and (min-width: 761px) and (max-width: 1120px) {
    header#mainMenu .headerContainer .logoMain {margin-left: 2%; }
    header#mainMenu .headerContainer nav {width: calc(98% - 100px); }
    header#mainMenu .headerContainer nav > * {padding: 0 1%; }
}
@media only screen and (max-width: 760px) {
    header#mainMenu {height: 60px; }
    header#mainMenu .headerContainer {float: left;width: 400px; margin-left: -400px;overflow: auto; -webkit-transition: margin-left 0.5s;-moz-transition: margin-left 0.5s;-o-transition: margin-left 0.5s;transition: margin-left 0.5s;background: #333333; }
    header#mainMenu .headerContainer .logoMain {height: 80px;margin: 8px; }
    header#mainMenu .headerContainer nav a {font-size: 1.20em;padding: 15px 0 15px 8px;border-left: 8px solid transparent;display: block; }
    header#mainMenu .headerContainer nav a:hover, header#mainMenu .headerContainer nav a .selected { border-left: 8px solid #ea8797;background: #ed1b24; }
    header#mainMenu .headerContainer nav ul {list-style: none;background: #3f3f3f;margin: 0;padding: 0  0 0 20px; }
    header#mainMenu .headerContainer nav ul li a {border-left: 8px solid #3f3f3f; }
    header#mainMenu .mobileHeaderContainer {display: block;height: 60px;background: #282829; }
    header#mainMenu .mobileHeaderContainer .menuNavToggle {padding: 16px 16px;float: left; }
    header#mainMenu .mobileHeaderContainer .menuNavToggle span {display: block;background: white;height: 5px;width: 30px;margin: 3px 0; }
    header#mainMenu .mobileHeaderContainer .mobileLogo {height: 60px;float: left;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;-o-transition: width 0.3s;transition: width 0.3s; }
}

/*--------- Navigation font sizes -----------------------------*/
header#mainMenu {font-size: 20px;letter-spacing: 0.001em;}
@media only screen and (max-width: 1920px) { header#mainMenu{font-size: 17px;}}
@media only screen and (max-width: 1280px) { header#mainMenu{font-size: 16px;}}
@media only screen and (max-width: 800px) { header#mainMenu{font-size: 14px;}}