@font-face {
 font-family: 'aileronblack';
 src: url('../fonts/Aileron-Black-webfont.woff') format('woff'),
      url('../fonts/Aileron-Black.otf') format('opentype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'aileronsemib';
 src: url('../fonts/Aileron-SemiBold-webfont.woff') format('woff'),
      url('../fonts/Aileron-SemiBold.otf') format('opentype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'aileronregular';
 src: url('../fonts/Aileron-Regular-webfont.woff') format('woff'),
      url('../fonts/Aileron-Regular.otf') format('opentype');
 font-weight: normal;
 font-style: normal;
}
body {font-family:aileronregular, Arial;font-size:20px;}
h1, h2, h3, h4, h5, h6 {font-family:aileronblack, "Arial Black";}
h1 {font-size: calc(1.7vw + 24px);}
span.titlegrey {color:#AFB0B3;font-family:aileronblack, "Arial Black";}
nav li a {font-family:aileronregular, Arial;font-weight:600 !important;font-size:18px !important;text-transform:uppercase;}
nav a:hover, nav li:hover {color:#eee !important;text-shadow: 2px 2px 4px #222, -2px -2px 4px #222, -2px 2px 4px #222, 2px -2px 4px #222;}
nav a:active, nav li:active {color:#252525 !important;}
.sp-megamenu-parent > li.active > a {color: #252525;}
.sp-megamenu-parent > li.active:hover > a {color: #fff;}