@font-face {
    font-family: "Frutiger45Light";
    src: url("/fonts/frutiger-45light.eot");
    src: url("/fonts/frutiger-45light.eot?#iefix") format("embedded-opentype"), url("/fonts/frutiger-45light.woff") format("woff"), url("/fonts/frutiger-45light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Frutiger46Italic";
    src: url("/fonts/frutiger-46lightitalic.eot");
    src: url("/fonts/frutiger-46lightitalic.eot?#iefix") format("embedded-opentype"), url("/fonts/frutiger-46lightitalic.woff") format("woff"), url("/fonts/frutiger-46lightitalic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Frutiger55";
    src: url("/fonts/frutiger-55roman.eot");
    src: url("/fonts/frutiger-55roman.eot?#iefix") format("embedded-opentype"), url("/fonts/frutiger-55roman.woff") format("woff"), url("/fonts/frutiger-55roman.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Frutiger65Bold";
    src: url("/fonts/frutiger-65bold.eot");
    src: url("/fonts/frutiger-65bold.eot?#iefix") format("embedded-opentype"), url("/fonts/frutiger-65bold.woff") format("woff"), url("/fonts/frutiger-65bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

body#bootstrap-overrides{
	font-family: Frutiger45Light, sans-serif;
}

/* Brand */

.logo svg {
	fill: #ffffff;
    width: 100%;
    height: 100%;
}

svg:not(:root) {
    overflow: hidden;
}

.logo {
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    position: relative;
}


.logo::after {
    content: 'NSP Online Channel Planner';
    position: absolute;
    top: 53%;
    left: 100%;
    margin-left: .9375rem;
    width: 72rem;
    height: 1.125rem;
    color: #ffffff;
    font-size: 1.6rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	text-align: left;
}


.brand{
	width: 72rem;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	padding-left: 0rem;
}

/* Brand to here */

.top .siteheader, .up .siteheader {
	background: url(/images/cms/header.png) repeat-x;
    background-position: 0 0;
}

@media screen and (min-width: 64em) {
    .siteheader__wrap {
        height: 70px; /* 4.6rem; */
    }
}


.controls {
	background-color:#e7e7e8;
	border-bottom:4px solid #fff;
}

.filterbtn{
    background-color: #4B4B4B;
    border: 1px solid #4B4B4B;
	color: #fff;

}

.floff, .flactive{
	background-color: #4B4B4B;

}

.nav--slide {
	background: #002e73 url(/images/bg_grad_slice.jpg) repeat-x scroll 0 0;
	/* background: #4B4B4B; */
}

.siteheader__contact {
	background-color:#002e73;
	color: #fefefe;
}
