@charset "UTF-8";
/* CSS Document */

@media only screen and (width) { /* test for CSS3 media query support */
	
	#mm-nav-header { /* parent element */
		color: #DCDCDC !important;
		background: #323232;
		font-size: 87.5% }
	#mm-nav-header [class*='link-nav-'] {
		display: block;
		padding-top: 0 !important;
		padding-bottom: 0 !important; }
	/*#mm-nav-header .content-footer,
	#mm-nav-header .content-header {
		display: none !important; }*/
		#mm-nav-header .content {
			width: auto !important; }
		#mm-nav-header .mm-header { /* navigation header */
			height: 100px;
			padding-top: 38px;
			border-bottom: none;
			background: #393939;
			font-size: 140%;
			line-height: 140%;
			border-color: rgba(0, 0, 0, 0.1);
			color: #787878; }
		#mm-nav-header .mm-header-index {
			font-size: 14px; } /* top level header, inherits .mm-header */	
			#mm-nav-header .mm-header-index .mm-title {
				display: none !important; }
			#mm-nav-header .mm-header-index a.logo { /* html appended to .mm-header in menu.responsive.js */
				display: block;
				width: 250px;
				height: 58px;
				position: absolute;
				top: 20px;
				left: 20px;
				background: url(../img/master/logo-2C-reverse.png) no-repeat center;
				background-size: 100% auto; }
		#mm-nav-header .mm-header .mm-prev:before, /* header arrow */
		#mm-nav-header .mm-header .mm-next:before {
			/* see jquery.mmenu.all.css to modify arrow weight (border) */
			border-color: #787878 !important;
			width: 15px;
			height: 15px;
			margin-bottom: -8px;
			position: absolute;
			bottom: 50%; }
		#mm-nav-header.mm-menu > .mm-panel {
			top: 40px; } /* panel containing items */
		#mm-nav-header .mm-list { /* items panel */
			font-size: 17px;
			padding-bottom: 50px; }
			/*#mm-nav-header .mm-list li:hover a,
			#mm-nav-header .mm-list .group:hover > span {
				text-decoration: underline !important; }*/
				.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after { /* border under list item */
					border-bottom-color: #282828; }
			#mm-nav-header .mm-list > li > a,
			#mm-nav-header .mm-list > li > span {
				padding: 15px 20px; }
			#mm-nav-header .mm-list > li > span > a {
			  color: inherit;
			  padding: 15px 0; }
		
		
		#mm-nav-header .mm-list a.mm-subopen:after, /* menu with submenu arrow */
		#mm-nav-header .mm-list a.mm-subclose:before {
			/* see jquery.mmenu.all.css to modify arrow weight (border) */
			border-color: #DCDCDC !important;
			width: 9px;
			height: 9px;
			margin-bottom: -3px;
			position: absolute;
			bottom: 50%; }
		
		#mm-nav-header .title {
			display: block;
			padding: 7px 0; }
		#mm-nav-header p {
			margin: 0;
			color: #787878;
			font-size: 75%; }
		#mm-nav-header .more {
			display: block;
			padding-top: 7px;
			font-size: 75%;
			display: none; }
	
	/* ENERGY PANEL ------------------------ */
	
	#mm-nav-header .panel-energy > li > a {
		white-space: normal; }
	#mm-nav-header .panel-energy > li > a .thumb {
		padding-bottom: 0;
		display: block; }
	#mm-nav-header .panel-energy > li > a img {
		width: 70%; }
	
	/* ENVIRONMENT PANEL ------------------------ */
	
	#mm-nav-header .panel-environment > li > a {
		white-space: normal; }
	#mm-nav-header .panel-environment > li > a .thumb {
		padding-bottom: 0;
		display: block; }
	#mm-nav-header .panel-environment > li > a img {
		width: 70%; }
	
	/* OUR BUSINESSES PANEL ------------------------ */
	
	#mm-nav-header .panel-our-businesses > li.lead-in {
		display: none; }
	#mm-nav-header .panel-our-businesses li.businesses-col-1,
	#mm-nav-header .panel-our-businesses li.businesses-col-2,
	#mm-nav-header .panel-our-businesses li.businesses-col-1 .wrapper,
	#mm-nav-header .panel-our-businesses li.businesses-col-2 .wrapper {
		width: 100%;
		margin: 0;
		padding: 0; }
		#mm-nav-header .panel-our-businesses > li .wrapper:before {
			display: none; }
	#mm-nav-header .panel-our-businesses li.businesses-col-1 .mm-list {
		padding-bottom: 0; }
	#mm-nav-header .panel-our-businesses li.businesses-col-1:after {
		display: none; }
	#mm-nav-header .panel-our-businesses li.businesses-col-2 .mm-list {
		padding-top: 0; }
	#mm-nav-header .panel-our-businesses li.businesses-col-2:after {
		display: none; }
	
	
	
	/*#mm-nav-header .panel-our-businesses > li > a .thumb {
		padding-bottom: 0;
		display: block; }
	#mm-nav-header .panel-our-businesses > li > a img {
		width: 70%;
		padding-top: 5px;
		padding-bottom: 7px;}*/
	
	/* ABOUT US PANEL ------------------------ */
	
	#mm-nav-header .panel-about-us > li > a {
		white-space: normal; }
	#mm-nav-header .panel-about-us > li p {
		display: none; }
	#mm-nav-header #mm-core-principles .cs a {
		/*background: url(../img/master/mm-customer-service.png) no-repeat;*/
		background: url(/assets/img/general/icons/customer-service-reverse.svg) no-repeat; }
	#mm-nav-header #mm-core-principles .ec a {
		/*background: url(../img/master/mm-employee-commitment.png) no-repeat;*/
		background: url(/assets/img/general/icons/employee-commitment-reverse.svg) no-repeat; }
	#mm-nav-header #mm-core-principles .er a {
		/*background: url(../img/master/mm-environmental-respect.png) no-repeat;*/
		background: url(/assets/img/general/icons/environmental-respect-reverse.svg) no-repeat; }
	#mm-nav-header #mm-core-principles .ri a {
		/*background: url(../img/master/mm-regulatory-integrity.png) no-repeat;*/
		background: url(/assets/img/general/icons/regulatory-integrity-reverse.svg) no-repeat; }
	#mm-nav-header #mm-core-principles .oe a {
		/*background: url(../img/master/mm-operational-excellence.png) no-repeat;*/
		background: url(/assets/img/general/icons/operational-excellence-reverse.svg) no-repeat; }
	#mm-nav-header #mm-core-principles .fs a {
		/*background: url(../img/master/mm-financial-strength.png) no-repeat;*/
		background: url(/assets/img/general/icons/financial-strength-reverse.svg) no-repeat; }
	#mm-nav-header #mm-core-principles .cs a,
	#mm-nav-header #mm-core-principles .ec a,
	#mm-nav-header #mm-core-principles .er a,
	#mm-nav-header #mm-core-principles .ri a,
	#mm-nav-header #mm-core-principles .oe a,
	#mm-nav-header #mm-core-principles .fs a {
		padding-left: 50px;
		background-size: 25px 25px;
		background-position: 15px center;
		image-rendering: -moz-crisp-edges;         /* Firefox */
		image-rendering:   -o-crisp-edges;         /* Opera */
		image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
		image-rendering: crisp-edges;
		-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */ }
	#mm-nav-header .panel-about-us > li.leadership .title { padding: 0; }
	
	/*--------------------------------------------------------------
	INVESTORS PANEL */
	
	#mm-nav-header .panel-investors > li > a {
		white-space: normal; }
	#mm-nav-header .panel-investors > li img {
		display: none; }
	#mm-nav-header .panel-investors > li .title {
		padding: 0; }
	#mm-nav-header .panel-investors > li p {
		display: none; }
	
	/*--------------------------------------------------------------
	NEWS PANEL */
	
	#mm-nav-header .panel-news > li > a {
		white-space: normal; }
	#mm-nav-header .panel-news > li .date {
		display: block;
		font-size: 75%;
		color: #787878; }
	#mm-nav-header .panel-news > li .title {
		padding-bottom: 15px; }
	#mm-nav-header .panel-news > li img {
		width: 60%;
		padding-bottom: 10px; }
	#mm-nav-header .panel-news > li .text-truncate {
		/*display: block;*/ }
		/*#mm-nav-header .panel-news > li .text-truncate:after {
			content: '...';
			color: #787878; }*/
		#mm-nav-header .panel-news > li .text-truncate p {
			overflow: hidden;
			position: relative;
			height: 40px; }
			#mm-nav-header .panel-news > li .text-truncate p:after {
				content: "";
				text-align: right;
				position: absolute;
				bottom: 0;
				right: 0;
				width: 33.33%;
				height: 19px;
				background: url(../img/general/backgrounds/fade-dark-gray-truncate.png) repeat-y;
				background-size: 100% auto; }
	
	/*--------------------------------------------------------------
	TRANSITIONS */

	#mm-nav-header .mm-header,
	#mm-nav-header .mm-header a.logo,
	#mm-nav-header .mm-list > li > a,
	#mm-nav-header .mm-list > li > span,
	#mm-nav-header .mm-list > li > span > a {
		-webkit-transition: none 0.4s ease;
		-moz-transition: none 0.4s ease;
		-ms-transition: none 0.4s ease;
		-o-transition: none 0.4s ease;
		transition: none 0.4s ease; }
	
	#mm-nav-header .mm-header {
		-webkit-transition-property: height, padding;
		-moz-transition-property: height, padding;
		-ms-transition-property: height, padding;
		-o-transition-property: height, padding;
		transition-property: height, padding; }
	
	#mm-nav-header .mm-header a.logo {
		-webkit-transition-property: height, width, top;
		-moz-transition-property: height, width, top;
		-ms-transition-property: height, width, top;
		-o-transition-property: height, width, top;
		transition-property: height, width, top; }
	
	#mm-nav-header .mm-list > li > a,
	#mm-nav-header .mm-list > li > span,
	#mm-nav-header .mm-list > li > span > a {
		-webkit-transition-property: padding;
		-moz-transition-property: padding;
		-ms-transition-property: padding;
		-o-transition-property: padding;
		transition-property: padding; }
		
}

@media only screen and (min-width: 960px) {
	
	/* -------------------------------------------------------------------------------------	
	/* clear side menu if open */
	
	html.mm-opened,
	html.mm-opened body {
		width: auto;
		height: auto;
		overflow: visible;
		position: static; }
	html.mm-opened .mm-page {
		position: static;
		height: auto;
		overflow: visible; }
	html.mm-opened .mm-page {
		box-shadow: none !important; }
	#mm-blocker {
		display: none !important; }
	#mm-nav-header.mm-menu {
		display: none !important; }
	html.mm-opened #mm-blocker,
	html.mm-blocking #mm-blocker {
		 display: none !important; }

}

@media only screen and (max-width: 640px) {
	
	#mm-nav-header { }
		#mm-nav-header p {
			line-height: 1.4; }
		#mm-nav-header .mm-header {
			height: 60px;
			padding-top: 19px;
			font-size: 130%;
			line-height: 1.3; }
			#mm-nav-header .mm-header a.logo { /* appended to .mm-header in menu.responsive.js */
				width: 160px;
				height: 40px;
				top: 10px; }
		#mm-nav-header.mm-menu > .mm-panel {
			top: 0; }
			#mm-nav-header .mm-list > li > a,
			#mm-nav-header .mm-list > li > span {
				padding: 12px 20px }
			#mm-nav-header .mm-list > li > span > a {
			  color: inherit;
			  padding: 12px 0; }
			#mm-nav-header .panel-news > li .text-truncate p {
				height: 32px; }
				#mm-nav-header .panel-news > li .text-truncate p:after {
					height: 17px; }
		
		/*#mm-nav-header .article .date {
			padding: 0 20px 5px 20px; }
		#mm-nav-header .article h4 {
			padding: 0 20px; }
		#mm-nav-header .article p {
			padding: 0 20px 15px 20px; }*/

}