@font-face {
        font-family: 'BnppSans-l';
        src: url("../css/fonts/bnpp_sans_light-webfont.eot");
        src: url("../css/fonts/bnpp_sans_light-webfont.eot?#iefix") format("eot"), 
		url("../css/fonts/bnpp_sans_light-webfont.woff") format("woff"), 
		url("../css/fonts/bnpp_sans_light-webfont.ttf") format("truetype"), 
		url("../css/fonts/bnpp_sans_light-webfont.svg#BnppSans-l") format("svg");
        font-style: normal;
        font-weight: normal;
}
@font-face {
        font-family: 'BnppSans-r';
        src: url("../css/fonts/bnpp_sans-webfont.eot");
        src: url("../css/fonts/bnpp_sans-webfont.eot?#iefix") format("eot"), url("../css/fonts/bnpp_sans-webfont.woff") format("woff"), url("../css/fonts/bnpp_sans-webfont.ttf") format("truetype"), url("../css/fonts/bnpp_sans-webfont.svg#BnppSans-r") format("svg");
        font-style: normal;
        font-weight: normal;
}
@font-face {
	font-family: 'bnpiconfont';
	src:url('fonts/bnpiconfont.eot');
	src:url('fonts/bnpiconfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/bnpiconfont.woff') format('woff'),
		url('fonts/bnpiconfont.ttf') format('truetype'),
		url('fonts/bnpiconfont.svg#bnpiconfont') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* Resets */
caption, th, td {text-align: left;font-weight: normal;vertical-align: middle;}
button {border: 0;}
.f_left {float: left;}
.f_right {float: right;}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
@-ms-viewport {width: device-width;}
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;}
input:focus, textarea:focus{outline: none !important;height: auto;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
a{ text-decoration:none; color:#333333;}
a[href^=tel] {text-decoration:none !important;color:#333333 !important; }

/* Body styles */
html, body {width: 100%; background: #e5e5e5;}
.portal_wrapper {
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: 1.12em;
  color: #333333;
  font-family: 'BnppSans-l', arial;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  position: relative;
  overflow: auto;
  display: table;
  table-layout: fixed;
}

/** Navigation header **/
.header{ width:100%; position:fixed; top:0; left:0;z-index:9999;background:#ffffff; box-shadow:0 0 3px #666;}
.nav_header{ padding: 11px 30px; margin:0 auto;max-width: 1280px;}

/* Brand Logo*/
.brand_logo{ background:url(images/sprite.jpg) no-repeat;background-position:-1px 1px; width:11.7em; height:2.5em; display:block;margin:0 auto}

/* new structure */
/* heading with image */
.content_wrapper {
    max-width: 80em;
    margin: 62px auto 0;
    float: none;
    display: table;
	width: 100%;
	padding: 1.86em;
}
.fluid_heading{
	margin-top: -1.86em;
}
.fluid_heading_inner{
  height: 5.8em;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.fluid_block .header_bg_banner {
  background-image: url("images/contact.jpg");
  min-height: 13.750em;
  top: auto;
  border: none;
}
.fluid_block_inner{
	display: table;
	width: 100%;
}
.header_bg_banner {
  background-position: 15% top;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  min-height: 450px;
  width: 100%;
  display: block;
  z-index: 0;
}
.content{
	min-height: 0.13em;
	background: #fff;
	position: relative;
}


/* Static pages */
.content_page{padding:50px 50px 40px}
.content_page_detail{ display:table;}
.rich_text .section{ border-top:1px solid #d8dbde; padding:25px 0 8px;}
.rich_text .section:last-child{  padding-bottom:0;}
.rich_text .section:first-child{ border:none; padding-top:0;}
.rich_text .region h4{ font-size:18px;line-height:1;padding-bottom:20px;}
.rich_text .region p{ line-height:1.4; padding-bottom:5px;}
.rich_text .region a{ color:#00965e;}
.rich_text .region a:hover{ text-decoration:underline;}
.highlight_text{font-family: 'BnppSans-r', arial;}
.section > span {
	color: #999;
    font-size: 13px;
    display: block;
    margin: 10px 0 16px;
}


@media all and (max-width: 1279px) {
	.content_page{padding:35px 35px 20px}
	.content_wrapper{
		padding: 30px 10px 10px;
	}
	.fluid_block .header_bg_banner{
		min-height: 6.75em;
	}
	.fluid_heading_inner {
		height: 5.8em;
	}
}
@media all and (max-width: 767px) {
	.content_page{padding:20px 20px 10px}
}
@media print {
.site_header, .user_message, .wcm-footer, .no_print, .action_btns, .content_btns, .action_icons, .dropdown_arrow::after, .content_menu, .alert_messages, .margin_col, .service_col, #cookiesMessage{display:none;}
.fluid{ width:100%;}
}

