﻿@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=26a90b48-0ccb-46a5-8cbc-29ffbdf3e1f4");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: top; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

audio, canvas, video { display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-right: -4px; }

audio:not([controls]), [hidden] { display: none; }

a:focus { outline: none; }

nav ul, nav ol { margin: 0; padding: 0; list-style: none; }

img { border: 0; max-width: 100%; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: text-bottom; }

table { border-collapse: collapse; border-spacing: 0; }

body { cursor: default; }

a, button, input[type="submit"] { cursor: pointer; }

*, *:after, *:before { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.clearfix:before, header:before, .login-box .login-paragraph:before, .news-grid article span:before, .news-grid article div:before, .news-grid article span.no-hover:before, .news-grid article div.no-hover:before, .tags:before, .news .investor-news .photo:before, .news-filter:before, .article--title:before, .breadcrumb-bar:before, .publications--list section:before, .publications--list section .publications--article:before, .multi-section-title:before, .clearfix:after, header:after, .login-box .login-paragraph:after, .news-grid article span:after, .news-grid article div:after, .news-grid article span.no-hover:after, .news-grid article div.no-hover:after, .tags:after, .news .investor-news .photo:after, .news-filter:after, .article--title:after, .breadcrumb-bar:after, .publications--list section:after, .publications--list section .publications--article:after, .multi-section-title:after { content: ""; display: table; }

.clearfix:after, header:after, .login-box .login-paragraph:after, .news-grid article span:after, .news-grid article div:after, .news-grid article span.no-hover:after, .news-grid article div.no-hover:after, .tags:after, .news .investor-news .photo:after, .news-filter:after, .article--title:after, .breadcrumb-bar:after, .publications--list section:after, .publications--list section .publications--article:after, .multi-section-title:after { clear: both; }

.clearfix, header, .login-box .login-paragraph, .news-grid article span, .news-grid article div, .news-grid article span.no-hover, .news-grid article div.no-hover, .tags, .news .investor-news .photo, .news-filter, .article--title, .breadcrumb-bar, .publications--list section, .publications--list section .publications--article, .multi-section-title { *zoom: 1; }

.hide { display: none; }

.show { display: block; visibility: visible; }

.hidden { position: absolute !important; z-index: 999; top: -999em; left: -999em; height: auto; display: block; }

.center { text-align: center; }

/*  HEADING ----------------- */
h1 { font-size: 36px; line-height: 1.3em; }

h2 { font-size: 24px; line-height: 1.3em; }

h3 { font-size: 18px; line-height: 1.5em; }

h4 { font-size: 16px; line-height: 1.5em; }

h5 { font-size: 14px; line-height: 1.5em; }

h6 { font-size: 14px; line-height: 1.5em; }

/*  TEXT ELEMENT ----------------- */
p { margin: 0 0 1.5em; }

em { font-style: italic; }

b, strong { font-weight: bold; }

small { font-size: 85%; }

cite { font-style: normal; }

dfn { font-style: italic; font-weight: bold; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; vertical-align: sub; }

sub { bottom: -0.25em; vertical-align: super; }

abbr, acronym { font-size: 90%; text-transform: uppercase; border-bottom: 1px dotted #dddddd; cursor: help; }

del { color: #aaaaaa; text-decoration: line-through; vertical-align: baseline; }

pre { background: #ffff99; border-bottom: 1px solid #ff2; border-top: 1px solid #ff2; color: #990; margin: 1.5em 0; padding: 0.75em 0.45em; white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word; }

code { background: #ffff99; color: #990; font-size: 11px; line-height: 1.2em; padding: 0.3em; }

pre, code, kbd, samp, tt { font-family: Consolas, Inconsolata, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; }

ins { text-decoration: underline; }

mark { background: #ff0; color: #990; font-size: 11px; }

address { display: block; margin: 0 0 1.5em; font-style: italic; }

/*  LISTS ----------------- */
ul, ol { margin: 1em 0; padding: 0 0 0 2.25em; }

ul { list-style: disc; }

ol { list-style-type: decimal; }

ol ol { list-style: upper-alpha; }

ol ol ol { list-style: lower-roman; }

ol ol ol ol { list-style: lower-alpha; }

li ul, li ol { margin: 0; }

dl { margin: 0 1.625em; }

dt { font-weight: bold; }

dd { margin-bottom: 1.625em; }

* html { font-size: 75%; }

html { font-size: 12px; line-height: 2em; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

body { background: white; color: #333333; text-rendering: optimizeLegibility; }

::-moz-selection { background: #004270; color: white; text-shadow: none; }

::selection { background: #004270; color: white; text-shadow: none; }

a { color: #004270; text-decoration: none; }
a:hover { color: #0052cc; text-decoration: none; }
a:focus { outline: none; }

input.placeholder, input.placeholder.placeholder, textarea.placeholder, textarea.placeholder.placeholder { color: #666666; }
input:-moz-placeholder, input.placeholder:-moz-placeholder, textarea:-moz-placeholder, textarea.placeholder:-moz-placeholder { color: #666666; }
input::-webkit-input-placeholder, input.placeholder::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea.placeholder::-webkit-input-placeholder { color: #666666; }

/* moved font faces to a style tag in the master page due to selectivizr bug: https://github.com/keithclark/selectivizr/issues/30#issuecomment-5379856  - bp
font-face { font-family: "ITCFranklinGothicW01-Md 812695"; src: url("../fonts/905c1a7c-f018-4815-b4a9-6bd6f4c7e768.eot?#iefix"); src: url("../fonts/905c1a7c-f018-4815-b4a9-6bd6f4c7e768.eot?#iefix") format("eot"), url("../fonts/10ab5970-5726-4843-82b1-912faa9307ff.woff") format("woff"), url("../fonts/70a26d03-0393-410a-a98c-e35dc876c3cb.ttf") format("truetype"), url("../fonts/edb011f7-44ad-4c0d-b81a-c97c3ad6be6f.svg#edb011f7-44ad-4c0d-b81a-c97c3ad6be6f") format("svg"); }
font-face { font-family: 'icons'; src: url("../fonts/fontello.eot?65138171"); src: url("../fonts/fontello.eot?65138171#iefix") format("embedded-opentype"), url("../fonts/fontello.woff?65138171") format("woff"), url("../fonts/fontello.ttf?65138171") format("truetype"), url("../fonts/fontello.svg?65138171#icons") format("svg"); font-weight: normal; font-style: normal; }
*/

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0; }

.icon-search:before { content: '\e800'; }

.icon-plus-circle:before { content: '\e812'; }

.icon-left-open:before { content: '\e803'; }

.icon-right-open:before { content: '\e802'; }

.icon-angle-left:before { content: '\e804'; }

.icon-angle-right:before { content: '\e805'; }

.icon-angle-up:before { content: '\e806'; }

.icon-angle-down:before { content: '\e807'; }

.icon-facebook:before { content: '\e80e'; }

.icon-rss:before { content: '\e80f'; }

.icon-linkedin:before { content: '\e809'; }

.icon-twitter:before { content: '\e80a'; }

.icon-youtube:before { content: '\e80b'; }

.icon-menu:before { content: '\e80d'; }

.icon-check:before { content: '\e80c'; }

.icon-cancel:before { content: '\e801'; }

.icon-info-circled:before { content: '\e813'; }

.icon-forward:before { content: '\e810'; }

.icon-gplus:before { content: '\e808'; }

header, .two-col, .company-grid, .people-grid, .news-featured-grid, .spotlight-white-box, .operations-title-grid { list-style: none; /* [1] */ margin: 0; /* [2] */ padding: 0; /* [2] */ margin-left: -1em; /* [3] */ }

header .logo, header .social, header .stock-ticker, header .global, header .primary, header .search, .two-col-primary, .two-col-half, .two-col-secondary, .company-grid article, .cg-video-box, .people-grid article, .news-grid article, .news-featured-grid .featured-image, .news-featured-grid article, .spotlight-white-box .spotlight-image, .spotlight-white-box article, .operations-title-grid article, .multi-section-item { display: inline-block; /* [1] */ padding-left: 1em; /* [2] */ vertical-align: top; /* [3] */ width: 100%; /* [4] */ -webkit-box-sizing: border-box; /* [5] */ -moz-box-sizing: border-box; /* [5] */ box-sizing: border-box; /* [5] */ }

header, .news-grid, .grid-multi { margin-left: 0; }
header > .logo, header .news-grid > .logo, header .grid-multi > .logo, header > .social, header .news-grid > .social, header .grid-multi > .social, header > .stock-ticker, header .news-grid > .stock-ticker, header .grid-multi > .stock-ticker, header > .global, header .news-grid > .global, header .grid-multi > .global, header > .primary, header .news-grid > .primary, header .grid-multi > .primary, header > .search, header .news-grid > .search, header .grid-multi > .search, header > .two-col-primary, .news-grid > .two-col-primary, .grid-multi > .two-col-primary, header > .two-col-half, .news-grid > .two-col-half, .grid-multi > .two-col-half, header > .two-col-secondary, .news-grid > .two-col-secondary, .grid-multi > .two-col-secondary, .company-grid header > article, .company-grid .grid-multi > article, header > .cg-video-box, .news-grid > .cg-video-box, .grid-multi > .cg-video-box, .people-grid header > article, .people-grid .grid-multi > article, .news-grid header > article, .news-grid > article, .news-grid .grid-multi > article, .news-featured-grid header > .featured-image, .news-featured-grid .news-grid > .featured-image, .news-featured-grid .grid-multi > .featured-image, .news-featured-grid header > article, .news-featured-grid .grid-multi > article, .spotlight-white-box header > .spotlight-image, .spotlight-white-box .news-grid > .spotlight-image, .spotlight-white-box .grid-multi > .spotlight-image, .spotlight-white-box header > article, .spotlight-white-box .grid-multi > article, .operations-title-grid header > article, .operations-title-grid .grid-multi > article, header > .multi-section-item, .news-grid > .multi-section-item, .grid-multi > .multi-section-item { padding-left: 0; }

header .logo, header .social, header .stock-ticker { width: 50%; }

header .primary, header .search { width: 25%; }

@media only screen and (min-width: 600px) { .news-featured-grid .featured-image, .news-featured-grid article, .spotlight-white-box .spotlight-image, .spotlight-white-box article, .multi-section-item { width: 50%; } }
@media only screen and (min-width: 768px) { .cg-video-box { width: 100%; }
  .two-col-half, .company-grid article, .people-grid article { width: 50%; }
  .two-col-secondary { width: 33.333%; }
  .two-col-primary { width: 66.666%; }
  header .social, header .stock-ticker { width: 25%; }
  header .primary { width: 75%; }
  .two-col-secondary { width: 40%; }
  header .logo { width: 16.666%; }
  header .search { width: 8.333%; }
  header .global { width: 58.333%; } }
@media only screen and (min-width: 1024px) { .company-grid article, .people-grid article { width: 33.333%; }
  header .primary, .cg-video-box { width: 66.666%; }
  header .logo { width: 25%; }
  .operations-title-grid article { width: 75%; }
  header .social, header .stock-ticker { width: 16.666%; }
  header .global { width: 41.666%; } }
[class*="push--"] { position: relative; }

@media only screen and (min-width: 600px) { .news-featured-grid .featured-image, .spotlight-white-box .spotlight-image { left: 50%; position: relative; } }
@media only screen and (min-width: 768px) { .two-col-spacer { left: 20%; position: relative; }
  header .social, header .stock-ticker { left: 58.333%; position: relative; } }
@media only screen and (min-width: 1024px) { .operations-title-grid article { left: 25%; position: relative; }
  header .social { left: 58.333%; position: relative; } }
[class*="pull--"] { position: relative; }

@media only screen and (min-width: 600px) { .news-featured-grid article, .spotlight-white-box article { right: 50%; position: relative; } }
@media only screen and (min-width: 768px) { header .global { right: 25%; position: relative; } }
@media only screen and (min-width: 1024px) { header .global { right: 16.666%; position: relative; } }
body.debug { cursor: default; }

body.debug:before { position: fixed; z-index: 101; top: 0; left: 0; right: 0; display: block; padding: 5px; font-size: 10px; color: #FFF; line-height: 14px; }
@media screen and (min-width: 320px) { body.debug:before { content: "Smartphones (portrait)"; background: rgba(185, 35, 35, 0.8); } }
@media screen and (min-width: 480px) { body.debug:before { content: "Smartphones (landscape)"; background: rgba(183, 65, 35, 0.8); } }
@media screen and (min-width: 600px) { body.debug:before { content: "Tablets - Kindle Fire"; background: rgba(181, 95, 35, 0.8); } }
@media screen and (min-width: 768px) { body.debug:before { content: "Tablets - iPad (portrait)"; background: rgba(179, 125, 35, 0.8); } }
@media screen and (min-width: 1024px) { body.debug:before { content: "Tablets - iPad (landscape)"; background: rgba(177, 155, 35, 0.8); } }
@media screen and (min-width: 1150px) { body.debug:before { content: "Small Desktops and laptops"; background: rgba(175, 185, 35, 0.8); } }
@media screen and (min-width: 1280px) { body.debug:before { content: "Desktops and laptops"; background: rgba(175, 185, 35, 0.8); } }

#scrollbar_measure { position: absolute; top: -100px; width: 100px; height: 100px; overflow: scroll; background: #900; }

#win_size { position: fixed; z-index: 99999; top: 0; right: 0; padding: 5px 10px; font: normal 10px/14px Arial, Helvetica, sans-serif; color: #FFF; background: rgba(0, 0, 0, 0.35); }

/* HEADER styles
==================================================================================================== */
.header-bg { background: white; }

header { max-width: 1200px; margin: 0 auto; -webkit-transition: background 0.5s linear; -moz-transition: background 0.5s linear; -ms-transition: background 0.5s linear; -o-transition: background 0.5s linear; transition: background 0.5s linear; }
header .logo { float: left; text-align: center; height: 120px; line-height: 120px; }
header .logo img { display: inline-block; max-height: 75px; padding: 0 1em; }
header .social { background: #8b8b8b; float: left; height: 30px; white-space:nowrap; }
header .social ul { margin: 0; padding: 0; list-style: none; }
header .social ul li { display: inline-block; width: 20%; height: 30px; margin: 0; text-align: center; border-left: 1px solid white; }
header .social ul li:first-child { border-left: none; }
header .social ul li a { display: block; height: 30px; line-height: 30px; color: white; }
header .social ul li #social-facebook, header .social ul li .social-facebook { background-color: #8b8b8b; }
header .social ul li #social-facebook:hover, header .social ul li .social-facebook:hover { background-color: #517dbf; }
header .social ul li #social-twitter, header .social ul li .social-twitter { background-color: #8b8b8b; }
header .social ul li #social-twitter:hover, header .social ul li .social-twitter:hover { background-color: #28aae1; }
header .social ul li #social-google, header .social ul li .social-google { background-color: #8b8b8b; }
header .social ul li #social-google:hover, header .social ul li .social-google:hover { background-color: #ef4923; }
header .social ul li #social-linkedin, header .social ul li .social-linkedin { background-color: #8b8b8b; }
header .social ul li #social-linkedin:hover, header .social ul li .social-linkedin:hover { background-color: #016699; }
header .social ul li #social-youtube, header .social ul li .social-youtube { background-color: #8b8b8b; }
header .social ul li #social-youtube:hover, header .social ul li .social-youtube:hover { background-color: #d51820; }
header .stock-ticker { background: #f6f6f6; float: left; height: 40px; text-align: center; line-height: 1em; padding: 5px 0 0; white-space: nowrap; }
header #stock-box { margin: 0; padding: 0; list-style: none; }
header #stock-box .symbol span { font-weight: bold; color: #004271; }
header .stock-info { margin: 0; padding: 0; list-style: none; }
header .stock-info li { display: inline-block; padding-top: 0.15em; }
header .stock-info .date { display: none; }
header .stock-info .arrow { margin-left: 5px; margin-right: -6px; display: none; }
header .stock-info .arrow [class^="icon-"]:before, header .stock-info .arrow [class*=" icon-"]:before { font-weight: bold; font-size: 1.5em; line-height: 0.75em; color: #8b8b8b; }
header .stock-info .current { color: #7CB52E; font-weight: 700; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; }
header .global { display: none; height: 60px; line-height: 60px; }
header .global ul { margin: 0; padding: 0; list-style: none; }
header .global ul li { text-transform: none; text-align: center; white-space: nowrap; color: #555555; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; }
header .global ul li.spacer { margin: 0 0.75em; }
header .global ul li:first-child { margin-left: 1.5em; }
header .global ul li a { color: #555555; font-size: 0.9em; }
header .global ul li a:hover { color: #004270; }
header .list-toggle { position: absolute; right: 0; top: 0; width: 45px; height: 45px; line-height: 45px; text-align: center; padding: 0 !important; margin: 0; }
header .list-toggle [class^="icon-"]:before, header .list-toggle [class*=" icon-"]:before { margin-right: 0; }
header .list-toggle i { font-size: 1.5em; line-height: 45px; width: 45px; text-align: center; display: block; padding: 0; margin: 0; color: #FFF; }
header .list-toggle.active { /* FF Chrome Opera etc */ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); /* IE */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }
header .list-toggle.active i { line-height: 55px; }
header .primary { background: #004271; float: left; height: 50px; }
header .primary > ul { margin: 0; padding: 0; list-style: none; display: none; width: 100%; position: absolute; z-index: 30; left: 0; top: 120px; }
header .primary > ul > li { position: relative; display: block; min-height: 40px; line-height: 40px; border-top: 1px solid #004271; background: #004270; color: white; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; }
> header .primary > ul > li:first-child { border-top: 5px solid #004271; }
header .primary > ul > li.active, header .primary > ul > li:hover { background: #004270; }
header .primary > ul > li > a { text-transform: uppercase; color: white; padding-left: 1em; display: block; }
header .secondary { margin: 0; padding: 0; list-style: none; display: block; width: 100%; position: relative; display: none; }
header .secondary > li { position: relative; display: block; min-height: 45px; line-height: 45px; border-top: 1px solid #00a4ca; background: #004271; color: white; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; overflow: auto !important; }
header .secondary > li.active, header .secondary > li:hover { background: #00a4ca; }
header .secondary > li > a { color: white; padding-left: 2em; display: block; }
header .secondary > li .list-toggle i { color: #004270; }
header .tertiary { margin: 0; padding: 0; list-style: none; display: block; width: 100%; position: relative; display: none; }
header .tertiary > li { position: relative; display: block; min-height: 45px; line-height: 45px; border-top: 1px solid #f2f2f2; background: white; color: #004270; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; overflow: auto !important; }
header .tertiary > li.active, header .tertiary > li:hover { background: #f2f2f2; }
header .tertiary > li > a { color: #004270; padding-left: 4em; display: block; }
header .tertiary > li .list-toggle i { color: #004270; }
header .quaternary { margin: 0; padding: 0; list-style: none; display: block; width: 100%; position: relative; display: none; }
header .quaternary > li { position: relative; display: block; min-height: 45px; line-height: 45px; border-top: 1px solid #e9e9e9; background: #f6f6f6; color: #004270; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; overflow: auto !important; }
header .quaternary > li.active, header .quaternary > li:hover { background: #e9e9e9; }
header .quaternary > li > a { color: #004270; padding-left: 6em; display: block; }
header .quaternary > li .list-toggle i { color: #004270; }
header #mobile-toggle { text-align: center; display: block; color: white; }
header #mobile-toggle i:before { font-size: 2.25em; margin: 0; padding: 0; line-height: 50px; color: white; }
header .search { background: #8b8b8b; float: right; height: 50px; text-align: center; }
header .search i, header .search [class^="icon-"]:before, header .search [class*=" icon-"]:before { font-size: 1.25em; margin: 0 auto; padding: 0; line-height: 50px; color: white; display: block; }
header .search button { border: none; background: none; margin: 0; padding: 0; }
header .search button i, header .search button [class^="icon-"]:before, header .search button [class*=" icon-"]:before { display: block; height: 40px; line-height: 40px; margin: 0 auto; padding: 0; }
header .search-bar { position: absolute; height: 42px; width: 100%; white-space: nowrap; padding: 0 0 0 1em; background: #8b8b8b; right: 0; overflow: hidden; display: none; z-index: 5; }
header .search-bar input { width: 85%; display: block; float: left; height: 20px; line-height: 20px; margin: 1em 0; padding: 0 0.5em; border: none; background: white; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
header .search-bar input.placeholder { color: #aaaaaa; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; }
header .search-bar input:-moz-placeholder { color: #aaaaaa; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; }
header .search-bar input::-webkit-input-placeholder { color: #aaaaaa; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; }
header .search-bar a { display: block; width: 15%; float: left; text-align: center; height: 42px; }
header .search-bar a i, header .search-bar a [class^="icon-"]:before, header .search-bar a [class*=" icon-"]:before { line-height: 42px; }
header .search-bar a:hover i, header .search-bar a:hover [class^="icon-"]:before, header .search-bar a:hover [class*=" icon-"]:before { color: #004270; }

/* MEDIA QUERIES styles
==================================================================================================== */
@media screen and (min-width: 768px) { .header-bg { position: fixed; top: 0; z-index: 10; left: 0; width: 100%; padding-bottom: 1em; background: rgba(255, 255, 255, 0.9); }
  header { padding: 0 1em; }
  header .primary { height: 40px; line-height: normal; }
  header .primary > ul { display: block; width: 100%; position: relative; top: auto; left: auto; right: inherit; border: 0; }
  header .primary > ul > li { height: 40px; line-height: 1em; padding: 0; border: none; background: #8b8b8b; border-left: 1px solid white; float: left; display: block; }
  > header .primary > ul > li:first-child { border-top: none; }
  header .primary > ul > li#owner-relations { width: 26%; }
  header .primary > ul > li#investors { width: 18%; }
  header .primary > ul > li#operations { width: 18%; }
  header .primary > ul > li#careers { width: 16%; }
  header .primary > ul > li#responsibility { width: 22%; }
  header .primary > ul > li:hover { background: #004270; }
  header .primary > ul > li:hover > ul { display: block; }
  header .primary > ul > li:first-child { border-left: none; }
  header .primary > ul > li > a { display: block; text-align: center; height: 40px; line-height: 40px; padding: 0; font-size: 0.8em; }
  header .secondary { margin: 0; padding: 0; list-style: none; display: none; }
  header .secondary.width-double-end li { width: 166%; }
  header .secondary.width-double li { width: 200%; }
  header .secondary > li { display: block; width: 100%; position: relative; background: #004270; line-height: normal; color: white; border-color: #eceded; }
  header .secondary > li:first-child { border: none; }
  header .secondary > li:hover { background: #0D608D; }
  header .secondary > li > a { display: block; width: 100%; padding: 1em; text-align: left; color: white; }
  header .tertiary { margin: 0; padding: 0; list-style: none; display: none; }
  header .quaternary { margin: 0; padding: 0; list-style: none; display: none; }
  header .global { display: inline-block; float: left; }
  header .global ul { margin: 0; padding: 0; list-style: none; }
  header .global ul li { display: inline-block; margin-left: 0; }
  header .search { height: 40px; line-height: 40px; position: relative; border-left: 1px solid white;}
  header .search a i, header .search a [class^="icon-"]:before, header .search a [class*=" icon-"]:before { display: block; height: 40px; line-height: 40px; margin: 0 auto; padding: 0; }
  header .search-bar { width: 300px; }
  header .logo { height: 100px; line-height: 100px; }
  header .logo img { display: inline-block; max-height: 85px; vertical-align: bottom; line-height: normal; padding: 0 1em 0 0; }
  header .social { line-height: 30px; height: 30px; margin-top: 0px; text-align: right; background: none; }
  header .stock-ticker { margin: -20px 0 0 0; font-size: 1em; padding-top: 2px; background: none; text-align: center; }
  header #mobile-toggle, header .list-toggle { display: none !important; } }
@media screen and (min-width: 900px) { .logo img { padding: 0 0.25em 0 0; } }
@media screen and (min-width: 1024px) { /* Social Icon styles (Find Position Styles in Header / Footer SCSS) ==================================================================================================== */
  header .social { line-height: 30px; height: 30px; margin-top: 15px; text-align: right; background: none; }
  header .social ul li { height: 30px; padding: 0; width: 30px; border-left: 0; margin: 0; text-align: center; }
  header .social ul li:first-child { margin: 0; }
  header .social ul li a { height: 30px; line-height: 30px; padding: 0; }
  header .social ul li a i { font-size: 14px; }
  header .social ul li #social-facebook, header .social ul li .social-facebook { background: none !important; color: #8b8b8b; }
  header .social ul li #social-facebook i, header .social ul li .social-facebook i { font-size: 1.5em; line-height: normal; display: block; }
  header .social ul li #social-facebook:hover, header .social ul li .social-facebook:hover { color: #517dbf; }
  header .social ul li #social-twitter, header .social ul li .social-twitter { background: none !important; color: #8b8b8b; }
  header .social ul li #social-twitter i, header .social ul li .social-twitter i { font-size: 1.5em; line-height: normal; display: block; }
  header .social ul li #social-twitter:hover, header .social ul li .social-twitter:hover { color: #28aae1; }
  header .social ul li #social-google, header .social ul li .social-google { background: none !important; color: #8b8b8b; }
  header .social ul li #social-google i, header .social ul li .social-google i { font-size: 1.5em; line-height: normal; display: block; }
  header .social ul li #social-google:hover, header .social ul li .social-google:hover { color: #ef4923; }
  header .social ul li #social-linkedin, header .social ul li .social-linkedin { background: none !important; color: #8b8b8b; }
  header .social ul li #social-linkedin i, header .social ul li .social-linkedin i { font-size: 1.5em; line-height: normal; display: block; }
  header .social ul li #social-linkedin:hover, header .social ul li .social-linkedin:hover { color: #016699; }
  header .social ul li #social-youtube, header .social ul li .social-youtube { background: none !important; color: #8b8b8b; }
  header .social ul li #social-youtube i, header .social ul li .social-youtube i { font-size: 1.5em; line-height: normal; display: block; }
  header .social ul li #social-youtube:hover, header .social ul li .social-youtube:hover { color: #d51820; }
  header .stock-ticker { margin: 10px 0 0; right: auto !important; left: -15%; font-size: 1em; text-align: center; padding-top: 0; }
  header .primary > ul > li > a { font-size: 1em; }
  header .secondary.width-double-end li { width: 173%; }
  header .logo img { padding: 0; } }
@media screen and (min-width: 1200px) { header .secondary.width-double-end li { width: 170%; } }
/* PAGE styles
==================================================================================================== */
html, body { height: 100%; }

body { overflow-x: hidden; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: normal; font-weight: 300; font-size: 15px; line-height: 24px; color: #333333; letter-spacing: 0.04em; }

#container { position: relative; min-height: 100%; background: #FFF; }

.content { position: relative; z-index: 1; height: 100%; }

/* Learn More Box Button
==================================================================================================== */
.icon-angle-right:before { margin: 0; padding: 0; }

.btn-box { border: 1px solid #0093D0;/*#004271*/ display: inline-block; padding: 0 0.6em 0 0.8em; height: 40px; line-height: 40px; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1em; color: #0093D0; text-transform: uppercase; white-space: nowrap; }
.btn-box.no-float { float: none !important; margin: 1em 0; }
.btn-box:hover { color: #0B336B; border-color: #0B336B; }
.btn-box:hover i { color: #0B336B; }
.btn-box.dark { background: #004271; color: white; }
.btn-box.dark:hover { background: #00a4ca; border-color: #00a4ca; color: white; }
.btn-box.dark:hover i { color: white; }

/* Form Error/Success  Validation Styles
==================================================================================================== */
.ui-state-error { border: 1px solid red; background: #f3d5d5; }

.ui-state-valid { border: 1px solid green; background: #d5f3d8; }

/* MAIN CONTAINER styles
==================================================================================================== */
.main-container { margin: -4em auto 0; z-index: 2; position: relative; max-width: 1200px; padding: 0 1em 2em; }

.main-box { background: white; padding: 30px 25px 30px 30px; border-top: 5px solid #8DC63F; border-right: 5px solid #FFF; }

.main-content h1 { font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; color: #004271; font-size: 1.5em; font-weight: normal; padding-bottom: 0.5em; }
.main-content > h2, .main-content h2.default { font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; text-transform: uppercase; color: #004271; font-weight: normal; padding: 0.25em 0; margin: 0.5em 0; border-top: 1px solid #f0f3f3; border-bottom: 1px solid #f0f3f3; }
.main-content h3 { font-weight: 500; margin: 0.5em 0; padding: 0; }
.main-content h4 { font-weight: normal; margin: 0.25em 0; padding: 0; text-transform: uppercase; }
.main-content > ul { list-style-image: url("../img/bullet.png"); }
.main-content a { color: #0093D0; }
.main-content a:hover { color: #0B336B; }
.main-content p { padding: 0; margin: 0.5em 0 1.5em; }

.inline-img { display: inline; float: right; margin: 0.5em; text-align: right; }

.main-subnav { display: none; margin-bottom: 1em; }
.main-subnav.mobile-show { display: block; }
.main-subnav h2 { padding: 1em 2em 1em 1em; border: none; color: #004271; margin: 0; text-transform: uppercase; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; background: #eceded; }
.main-subnav > ul { margin: 0; padding: 0; list-style: none; background: #eceded; }
.main-subnav > ul > li.open { background: #fbfbfb; }
.main-subnav > ul > li.open:hover > a { background: none; color: #004270; }
.main-subnav > ul > li > a { border-top: 1px solid #cccccc; padding: 1em 2em; display: block; color: #004271; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
.main-subnav > ul > li > a:hover { background: #DBDCDC; }

.main-nav-tertiary { margin: 0; padding: 0; list-style: none; background: #fbfbfb; }
.main-nav-tertiary > li > a { padding: 1em 2em 1em 3em; display: block; color: #004270; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; }
.main-nav-tertiary > li:hover, .main-nav-tertiary > li.active { background: #004271; color: white; }
.main-nav-tertiary > li:hover > a, .main-nav-tertiary > li.active > a { color: white; }

.main-nav-quaternary { margin: 0; padding: 0; list-style: none; background: #fbfbfb; padding: 0.5em 0 1em; }
.main-nav-quaternary li a { padding: 0 2em 0 4em; display: block; color: #004270; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; position: relative; }
.main-nav-quaternary li a:hover { background: #f5f5f5; }
.main-nav-quaternary li a:before { content: ""; display: inline-block; background: url("../img/bullet.png") top left no-repeat; height: 8px; width: 5px; position: relative; margin-right: 5px; }

.annoucment { margin: 2em 0; display: block; }
.annoucment img { display: block; }
.annoucment article { display: block; margin: 1em 0; border: 1px solid #999999; padding: 2em; text-align: center; }
.annoucment article h3 { font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #0093D0; font-weight: 700; line-height: normal; }
.annoucment article time { color: #555555; text-transform: uppercase; line-height: 1.3em; display: block; padding: 1em 0; }
.annoucment article span { color: #555555; line-height: 1.3em; display: block; padding: 1em 0; }
.annoucment article p { color: #0093D0; font-weight: 400; line-height: normal; text-transform: uppercase; margin: 0; padding: 0; }
.annoucment article p img { margin: 0 auto; display: block; padding: 0 0 1em; max-width: 20px; }
.annoucment:hover article { background: #f6f6f6; }

.callout { width: 100%; display: block; overflow: hidden; *zoom: 1; margin-bottom: 1em; height: 120px; }
.callout.first-item { margin-right: 0; }
.callout figcaption { position: relative; display: inline-block; width: 70%; float: left; padding-left: 0.5em; height: 120px; line-height: 120px; }
.callout figcaption h2 { color: #004271; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1em; position: absolute; left: 0.75em; }
.callout figcaption a { color: #004271; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 0.8em; position: absolute; bottom: 0; left: 0.75em; line-height: normal; }
.callout figcaption p { font-size: 0.8em; line-height: 1.75em; margin: 0; padding: 0 0 0 0.4em; display: inline-block; vertical-align: middle; }

.co-img { height: 120px; line-height: 120px; border: 1px solid #cccccc; float: left; width: 30%; padding: 0 0.25em; text-align: center; }
.co-img img { display: inline-block; vertical-align: middle; }

/* Two-Col Container styles
==================================================================================================== */
/* Investors Container styles
==================================================================================================== */

.snapshots { margin: 0; padding: 0; list-style: none; }
.snapshots li a { color: #222222; padding: 0 0 1.5em; display: block; }
.snapshots li a strong { color: #222222; }
.snapshots li a img { display: inline; padding: 0 5px 0 0; }
.snapshots li a:hover strong { color: #555555; }

.rotator-wrapper { max-width: 1200px; margin: 0 auto; padding: 0 1em; position: relative; }

#rotator-stock-box { width: 200px; height: auto; display: none; position: absolute; right: 0; z-index: 1; top: 190px; text-align: center; }
#rotator-stock-box h3 { color: white; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.8em; text-align: center; padding: 0; margin: 0; }
#rotator-stock-box .sb-current { color: #FFF; display: inline-block; width: 140px; margin: 0.25em auto; border: 1px solid white; text-align: center; font-size: 1.75em; padding: 0.25em 0; font-weight: 600; }
#rotator-stock-box .sb-current sup { font-size: 14px; top: -1em; }
#rotator-stock-box .sb-negative, #rotator-stock-box .sb-positive { font-weight: bold !important; }
#rotator-stock-box .sb-change-box { color: white; }
#rotator-stock-box .sb-change-box .sb-positive { display: none; }
#rotator-stock-box .sb-date { color: white; white-space: nowrap; font-size: 0.8em; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; }

#rotator-linkedin-box { width: auto; height: auto; display: none; position: absolute; right: 1em; z-index: 1; top: 190px; text-align: center; }
#rotator-linkedin-box a h3 { color: white; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1em; line-height: 1em; text-align: center; padding: 0; margin: 0 0 0.65em; }
#rotator-linkedin-box a img { max-width: 100px; margin: 0 auto 0.5em; }
#rotator-linkedin-box a span { display: inline-block; width: 100%; border: 1px solid white; color: white; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1em; }
#rotator-linkedin-box a:hover span { background: url("../img/bg-trans-white-20.png") repeat; }

/* Stock Chart styles
==================================================================================================== */
.two-col-half .investor-news { max-width: 300px; margin: auto; border-top: 10px solid #004271; }
.two-col-half .investor-news li:first-child { border-top: none; }

.callout--investor { text-align: center; padding: 1em; }
.callout--investor h2 { color: #004271; font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; padding: 0; margin: 0; text-transform: uppercase; }
.callout--investor img { margin: 1em auto; max-width: 86px; }
.callout--investor p { max-width: 260px; margin: 0 auto; padding: 0 0 1em; }

/* Careers Container styles
==================================================================================================== */
.careers-container { background: #eceded; padding: 2em 0; }

.careers-box { max-width: 1200px; margin: 0 auto; padding: 0 1em; position: relative; }

.careers-nav { margin: 0; padding: 0; list-style: none; overflow: hidden; *zoom: 1; margin: 0; }
.careers-nav li { float: right; display: block; overflow: hidden; *zoom: 1; }
.careers-nav li a { padding: 0.25em 0.75em; background: #004271; color: white; font-size: 1.15em; display: block; }
.careers-nav li a.selected { background: white; color: #004271; }
.careers-nav li:first-child { float: left; }

.people-container { padding: 2em; background: white; }

.company-container { padding: 2em; background: #004271; display: none; }

.company-grid { position: relative; overflow: hidden; *zoom: 1; }
.company-grid article { margin: 1em 0; text-align: center; position: relative; }
.company-grid article a { display: block; position: relative; }
.company-grid article a img { display: block; width: 100%; }
.company-grid article .hover-content { display: none; }
.company-grid article .cg-item-box { position: absolute; display: block; cursor: pointer; text-align: center; height: 30px; line-height: 30px; bottom: 0; width: 100%; padding-right: 1em; z-index: 2; }
.company-grid article .cg-item-box h4 { background: url("../img/bg-trans-black-95.png") top left repeat; color: white; padding: 0; margin: 0; height: 30px; line-height: 30px; }

.hover-content h3 { margin-right: 3.5em; vertical-align: text-bottom !important; }
.hover-content h3 strong { font-size: 1.5em; line-height: normal; vertical-align: text-bottom !important; }
.hover-content h3 em { vertical-align: text-bottom !important; text-transform: lowercase; }
.hover-content img.inline { float: left; padding: 0.5em 0.5em 0.5em 0; max-width: 200px; }

.cg-item { cursor: pointer; }
.cg-item a img { -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+ */ filter: grayscale(100%); filter: gray; /* IE6-9 */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ }
.cg-item.selected a img, .cg-item:hover a img { filter: grayscale(0%); filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }
.cg-item.selected .cg-item-box h4, .cg-item:hover .cg-item-box h4 { background: url("../img/bg-trans-blue-95.png") top left repeat; }
.cg-item.selected a canvas { display: none !important; }
.cg-item.selected:before { content: " "; background: none; }
.cg-item.selected:hover:before { content: " "; background: none; }
.cg-item:hover:before { background: url("../img/video-hover.png") top left no-repeat; }
.cg-item:before { content: " "; position: absolute; width: 50px; height: 50px; background: url("../img/video-hover-gray.png") top left no-repeat; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; z-index: 3; }

.cg-video-box { float: left; display: none; }

.cg-title { display: block; width: 100%; padding-left: 1em; color: white; font-size: 1em; padding-bottom: 1em; }
.cg-title strong { font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.2em; margin-right: 0.5em; display: block; }

.people-grid { position: relative; }
.people-grid article { margin-bottom: 1em; text-align: center; position: relative; }
.people-grid article a { display: block; }
.people-grid article a img { display: block; width: 100%; }
.people-grid article .hover-content { display: none; }
.people-grid article.pg-item-video:before { content: " "; position: absolute; width: 50px; height: 50px; background: url("../img/video-hover.png") top left no-repeat; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; cursor: pointer; }
.people-grid article .pg-item-box, .people-grid article span { display: none; }

.vert-block { display: inline-block; vertical-align: middle; }

.video-details > div { background: #f5f5f5; }

.pg-item-overlay { position: absolute; width: 100%; left: 1em; top: 0; margin-right: 1em; background: white; display: none; z-index: 5; height: 100%; }
.pg-item-overlay.video { background: white; }
.pg-item-overlay.video #pg-close { bottom: 1em; top: auto; }
.pg-item-overlay.side-desk { left: auto; right: 0; margin-right: -1em; }
.pg-item-overlay .hover-content.video { padding-right: 1em; }
.pg-item-overlay .hover-content.text { padding: 0; }
.pg-item-overlay .hover-content.text img.inline { display: none; }
.pg-item-overlay h2 { font-size: 1em; margin: 0; padding: 0 3em 1.5em 0; }
.pg-item-overlay p { font-size: 0.85em; line-height: 1.75em; }

#pg-close { position: absolute; top: 1em; right: 2em; width: 32px; height: 32px; text-align: center; line-height: 2; color: white; background: url("../img/video-close.png") top left no-repeat; display: block; z-index: 5; }

/* Operations Container styles
==================================================================================================== */
.operations h2.default { padding: 0; margin: 0 0 1em; }
.operations .annoucment { margin-top: 3em; }
.operations .annoucment p { font-size: 0.9em; }

/* BREADCRUMB styles
==================================================================================================== */
.breadcrumb { padding-bottom: 1.5em; }
.breadcrumb a { color: #0093D0; font-weight: 500; }
.breadcrumb a:hover { color: #004270; }

/* Template Rotator styles
==================================================================================================== */
.rotator-template { min-height: 275px; overflow: hidden; width: 100%; transition: height 1s; }
.rotator-template h2 { position: absolute; top: 50px; width: 200px; left: 1em; color: white; font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; text-transform: uppercase; font-size: 1.25em; z-index: 1; text-shadow: 0 0 3px #CCC; }

#rotator-bg { position: absolute; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover !important; background-repeat: none; background-position: center top; width: 100%; height: 275px; z-index: 0; top: 0; transition: height 1s; }
#rotator-bg img { display: none; }

/* MEDIA QUERIES styles
==================================================================================================== */
@media screen and (min-width: 480px) { .co-img img { max-width: none; max-height: none; height: 100%; } }
@media screen and (min-width: 768px) { .co-img img { max-width: 100%; max-height: none; height: auto; }
  .cg-video-box { display: block; }
  #rotator-stock-box, #rotator-linkedin-box { display: block; }
  .main-box { overflow: hidden; *zoom: 1; }
  .main-box.left-main .main-content { padding-left: 0; }
  .main-box.left-main .main-subnav { padding-left: 2em; }
  .main-subnav { float: left; width: 25%; display: block; }
  .main-content { float: left; width: 75%; overflow: hidden; *zoom: 1; padding-left: 2em; }
  .main-content h1 { font-size: 2.25em; padding-bottom: 0.25em; }
  .callout { width: 240px; float: left; }
  .callout.first-item { margin-right: 5px; }
  .rotator-template { height: 420px; }
  .rotator-template h2 { position: absolute; width: auto; left: 1em; margin-left: 0; color: white; font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; text-transform: uppercase; font-size: 2em; top: 200px; }
  #rotator-bg { background-repeat: none; background-position: left top; width: 100%; height: 420px; z-index: 0; top: -20px; }
  #rotator-bg img { display: none; }
  .investor-news { margin: 0; padding: 0; list-style: none; }
  .investor-news li.no-hover { text-align: left; padding-left: 2em; }
  .investor-news li.no-hover a { display: inline; margin-right: 1em; }
  .careers-nav li { float: left; }
  .careers-nav li:first-child { float: left; }
  .careers-nav li a { padding: 0.5em 1.5em; background: #004271; color: white; font-size: 1.5em; display: block; }
  .careers-nav li a.selected { background: white; color: #004271; }
  .careers-nav li a:first-child { margin-right: 1em; }
  .two-col-secondary { padding-left: 2em !important; }
  .pg-item-overlay h2 { font-size: 1.5em; padding: 0 0 1em; }
  .pg-item-overlay p { font-size: 1em; line-height: 2em; }
  .pg-item-overlay .hover-content.text { padding: 1em 4em 1em 2em; }
  .pg-item-overlay .hover-content.text img.inline { display: inline-block; }
  .cg-title strong { display: inline; }
  .people-grid article .pg-item-box, .people-grid article span { cursor: pointer; }
  .people-grid article .pg-item-box.caption:before, .people-grid article span.caption:before { display: inline; }
  .people-grid article .pg-item-box:before, .people-grid article span:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: 0; /* Adjusts for spacing */ }
  .people-grid article:hover .pg-item-box, .people-grid article:hover span { display: block; position: absolute; background: url("../img/bg-trans-blue-95.png") top left repeat; top: 1em; bottom: 1em; left: 2em; right: 1em; color: white; }
  .people-grid article:hover .pg-item-box h4, .people-grid article:hover span h4 { text-transform: uppercase; } }
@media screen and (min-width: 1024px) { .company-grid { margin-bottom: -1em; }
  .company-grid article { margin-top: 0; }
  .pg-item-overlay { width: 66.666%; }
  .callout { width: 49%; height: 125px; }
  .callout.first-item { margin-right: 2%; }
  .callout figcaption { height: 125px; line-height: 125px; }
  .callout figcaption h2 { font-size: 1.1em; }
  .callout figcaption a { font-size: 1em; }
  .callout .co-img { height: 125px; line-height: 125px; padding: 0 0.25em; }
  .callout .co-img img { max-width: 80px; } }
@media screen and (min-width: 1200px) { .rotator-template { height: 500px; }
  #rotator-bg { height: 500px; } }
@media screen and (min-width: 1920px) { .rotator-template { height: 500px; }
  #rotator-bg { height: 500px; } }
@media screen and (min-width: 2048px) { .rotator-template { height: 500px; }
  #rotator-bg { height: 500px; } }
/* INDEX styles
==================================================================================================== */
.index { background: #404042; }

.hero-container { background: #D0D0D0; }

.white-container { background: white; }

/* FEATURE ROTATOR / SPOTLIGHT Styles
==================================================================================================== */
.rotator { position: relative; z-index: 1; overflow: hidden; height: 300px; width: 100%; transition: height 1s; }

.item { background: #555555; width: 100%; top: 0; left: 0; display: none; height: 300px; overflow: hidden; position: absolute; transition: height 1s; }
.item.title-dark .title { color: rgba(0, 0, 0, 0.6); }
.item.title-light .title { color: rgba(255, 255, 255, 0.7); }
.item.subtitle-dark .subtitle { color: #004271; }
.item.subtitle-light .subtitle { color: white; }
.item .foreground { position: relative; height: 300px; max-width: 1200px; margin: 0 auto 0; padding: 0 1em; }
.item .foreground .element { width: auto; position: absolute; left: 50px; z-index: 200; display: block; height: auto; }
.item .foreground .element.title { margin: 0 0 1em; border-bottom: 2px solid #004271; font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; text-transform: uppercase; top: 35px; font-size: 1em; line-height: 1.3em; width: auto; white-space: nowrap; }
.item .foreground .element.subtitle { top: 70px; width: 170px; font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; text-transform: uppercase; font-size: 1.2em; line-height: 1.35em; }
.item .background { height: 300px; transition: height 1s; width: 100%; position: absolute; overflow: hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: #555555; }
.item .background img { display: none; }

.rotator-container { position: relative; }

.indicator { position: absolute; width: 14px; height: auto; display: none; opacity: 1; z-index: 5; top: 142px; right: 14px; }
.indicator a { display: block; background: rgba(255, 255, 255, 0.8); width: 14px; height: 14px; margin-bottom: 14px; }
.indicator a span { display: none; }
.indicator a:hover, .indicator a.active { background: #004271; }

/* USER BOX / LOGIN Styles
==================================================================================================== */
.login-container { margin: -4em auto 0; z-index: 2; position: relative; max-width: 1200px; padding: 0 1em 2em; }

.login-box { background: transparent; padding: 0; border-top: 5px solid #8DC63F; border-right: 5px solid transparent; }
.login-box ul { margin: 0; padding: 0; list-style: none; }
.login-box ul li { width: 50%; display: inline-block; }
.login-box ul li.active a > img { filter: grayscale(0%); filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }
.login-box ul li a { display: block; position: relative; }
.login-box ul li a img { display: block; width: 100%; -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+ */ filter: grayscale(100%); filter: gray; /* IE6-9 */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ }
.login-box ul li a img:hover { filter: grayscale(0%); filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }
.login-box ul li a h2 { position: absolute; bottom: 0; font-size: 1em; padding: 0.5em 1em; width: 100%; background: rgba(0, 0, 0, 0.5); color: white; text-transform: uppercase; font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; z-index: 10; text-align: center; }
.login-box .login-paragraph { padding: 2em; display: none; }
.login-box .login-paragraph.active { display: block; }
.login-box .login-paragraph a.btn-box { float: left; }
.login-box .login-paragraph-default .btn-box { float: right; }

/* NEWS BOX Styles
==================================================================================================== */
.news-container { background: white; }

.news-box { max-width: 1200px; margin: 0 auto; padding: 0 1em; position: relative; }
.news-box h2 { font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; text-transform: uppercase; color: #004271; margin: 0; padding: 1em 0 0em; }

.news-grid article { background: #004271; cursor: pointer; position: relative; }
.news-grid article:first-child { border-top: none; }
.news-grid article.no-hover:hover:after { background: none; }
.news-grid article span, .news-grid article div { background: white; display: block; margin: 0 1em; padding: 1em; }
.news-grid article span time, .news-grid article div time { margin: 0; padding: 0em; display: block; color: #aaaaaa; padding-bottom: 0; width: 100%; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #8e8e8e; }
.news-grid article span time strong, .news-grid article div time strong { font-weight: 400; }
.news-grid article span:hover, .news-grid article span.active, .news-grid article div:hover, .news-grid article div.active { background: #f9f8fc; }
.news-grid article span:hover time, .news-grid article span.active time, .news-grid article div:hover time, .news-grid article div.active time { color: #555555; }
.news-grid article span:hover p, .news-grid article span.active p, .news-grid article div:hover p, .news-grid article div.active p { color: #0093D0; }
.news-grid article span.no-hover, .news-grid article div.no-hover { background: white; margin: 0; padding: 1em 2em; display: block; }
.news-grid article span.no-hover a, .news-grid article div.no-hover a { width: 50%; display: block; float: left; text-align: center; }
.news-grid article span.no-hover a:hover, .news-grid article div.no-hover a:hover { color: #004271; margin: 0; }
.news-grid article span.no-hover a i, .news-grid article div.no-hover a i { color: #004271; }
.news-grid article span.no-hover:hover, .news-grid article div.no-hover:hover { background: white; margin-right: 0; }
.news-grid article span:first-child, .news-grid article div:first-child { margin-top: 1em; }
.news-grid article p { display: block; margin: 0; padding: 0; color: #555555; }
.news-grid article a { color: #0B336B; }
.news-grid article a:hover { color: #004270; }

.news-featured-box { max-width: 1200px; margin: 0 auto; padding: 0 1em; position: relative; }

.news-featured-grid { background: white; padding: 1em 0; }
.news-featured-grid .featured-image { background: white; }
.news-featured-grid .featured-image img { width: 100%; }
.news-featured-grid article { background: white; }
.news-featured-grid article > div { padding: 2em; border: 1px solid #8b8b8b; }
.news-featured-grid article > div h2 { font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #555555; border-bottom: 1px solid #004271; display: inline-block; font-weight: normal; text-transform: uppercase; padding: 0 0.15em 0 0; margin: 0; font-size: 1.25em; white-space: nowrap; letter-spacing: 0.05em; }
.news-featured-grid article > div h3 { color: #004271; margin: 0; padding: 0.25em 0 0.5em; text-transform: uppercase; font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; line-height: normal; font-size: 2em; }
.news-featured-grid article > div p { color: #555555; }

/* PARALLAX BOX / SPOTLIGHT Styles
==================================================================================================== */
.parallax-container { background: #004270; position: relative; overflow: hidden; }
.parallax-container .parallax-box { min-height: 275px; overflow: hidden; width: 100%; }
.parallax-container .parallax-box h2 { position: absolute; top: 50px; width: 200px; left: 25%; margin-left: -50px; color: white; font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; text-transform: uppercase; font-size: 1.25em; z-index: 1; text-shadow: 0 0 3px #CCC; }

#parallax-bg { position: absolute; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover !important; background-repeat: none; width: 100%; min-height: 275px; z-index: 0; top: 0; }
#parallax-bg img { display: none; }

.spotlight-blue-container { max-width: 1200px; margin: 0 auto; padding: 0 1em; position: relative; padding: 0 1em 1em; }
.spotlight-blue-container .spotlight-blue-box { background: white; margin: 2em 0 1em; z-index: 2; position: relative; }
.spotlight-blue-container .spotlight-blue-box article { padding: 2em; }
.spotlight-blue-container .spotlight-blue-box .spotlight-title { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; min-height: 125px; position: relative; background-position: 15% 0; }
.spotlight-blue-container .spotlight-blue-box .spotlight-title h2 { position: absolute; bottom: 0; font-size: 1.25em; padding: 0.75em 1.75em; width: 100%; background: rgba(0, 0, 0, 0.4); color: white; text-transform: uppercase; font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }

.spotlight-white-container { max-width: 1200px; margin: 0 auto; padding: 0 1em; position: relative; background: white; }

.spotlight-white-box { background: white; padding: 2em 0; }
.spotlight-white-box .spotlight-image { background: white; }
.spotlight-white-box .spotlight-image img { width: 100%; }
.spotlight-white-box article { background: white; }
.spotlight-white-box article > div { padding: 1.5em 2em; border: 1px solid #8b8b8b; }
.spotlight-white-box article > div h2 { font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #555555; border-bottom: 1px solid #004271; display: inline-block; font-weight: normal; text-transform: uppercase; padding: 0 0.15em 0 0; margin: 0; font-size: 1.25em; white-space: nowrap; letter-spacing: 0.05em; }
.spotlight-white-box article > div h3 { color: #004271; margin: 0; padding: 0.25em 0 0.5em; text-transform: uppercase; font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; line-height: normal; font-size: 2em; }
.spotlight-white-box article > div p { color: #555555; line-height: 1.5em; }

/* MEDIA QUERIES styles
==================================================================================================== */
@media screen and (min-width: 320px) { .featured-image img, .spotlight-image img { padding: 0 0 1em; }
  .news-container { padding-bottom: 1em; } }
@media screen and (min-width: 768px) { .rotator { height: 550px; overflow: hidden; }
  .item { height: 550px; }
  .item .foreground { margin-top: 120px; }
  .item .foreground .element.title { font-size: 1.5em; font-weight: normal; }
  .item .foreground .element.subtitle { top: 75px; font-size: 1.75em; line-height: 1.15em; width: 360px; }
  .item .background { height: 550px; }
  .indicator { display: block; }
  .spotlight-blue-container { padding-bottom: 4em; margin-bottom: 0; }
  .spotlight-blue-container .spotlight-blue-box { margin: -4em 0 0; }
  .spotlight-blue-container .spotlight-blue-box .spotlight-title { background-position: 0 0; min-height: 200px; }
  .spotlight-white-container { padding-top: 4em; padding-bottom: 4em; }
  .spotlight-white-box { padding-top: 0em; }
  .login-container { padding-bottom: 4em; }
  .login-form-box .btn-box { margin-top: 1em; }
  .login-box { min-height: 375px; }
  .login-box ul { margin: 0; padding: 0; list-style: none; }
  .login-box ul li { width: 25%; display: inline-block; }
  .login-box ul li a { position: relative; display: block; width: 100%; }
  .login-box ul li a img { display: block; width: 100%; }
  .login-box ul li a h2 { font-size: 1.25em; }
  .parallax-container .parallax-box { overflow: hidden !important; position: relative; height: 575px !important; }
  .parallax-container .parallax-box h2 { position: absolute; width: auto; left: 23%; margin-left: -50px; color: white; font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 2em; top: 100px; }
  #parallax-bg { background-repeat: none; background-position: 25% top; height: 675px !important; width: 100%; }
  #parallax-bg.prlxTabletFix { background-attachment: scroll !important; background-position: 25% top; }
  .news-container { padding-bottom: 3em; }
  .news-box { max-width: 1200px; margin: 0 auto; padding: 0 1em; position: relative; }
  .news-box h2 { font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; color: #004271; margin: 0; padding: 1em 0 0em; }
  .news-grid article { border-top: 1px solid #dce0de; margin-top: 0; background: none; }
  .news-grid article:first-child { border-top: none; }
  .news-grid article:hover:after { content: ""; display: block; background: url("../img/news-overlay.png") top left no-repeat; height: 14px; width: 14px; position: absolute; bottom: -14px; right: -14px; }
  .news-grid article.no-hover:hover:after { background: none; }
  .news-grid article span, .news-grid article div { background: #eceded; display: block; padding: 2em; margin: 0; }
  .news-grid article span time, .news-grid article div time { float: left; width: 20%; padding-bottom: 0; padding-left: 2em; margin: 0; display: block; color: #aaaaaa; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; color: #8e8e8e; }
  .news-grid article span time strong, .news-grid article div time strong { display: block; font-size: 1.5em; line-height: 0.75em; font-weight: bold; text-transform: uppercase; }
  .news-grid article span:hover, .news-grid article span.active, .news-grid article div:hover, .news-grid article div.active { background: #f9f8fc; margin-right: -14px; padding-right: 3em !important; }
  .news-grid article span:hover time, .news-grid article span.active time, .news-grid article div:hover time, .news-grid article div.active time { color: #555555; }
  .news-grid article span:hover p, .news-grid article span.active p, .news-grid article div:hover p, .news-grid article div.active p { color: #0093D0; }
  .news-grid article span:first-child, .news-grid article div:first-child { margin-top: 0; }
  .news-grid article span p, .news-grid article div p { float: left; width: 80%; }
  .news-grid article span.no-hover, .news-grid article div.no-hover { padding-left: 4em; background: #eceded; }
  .news-grid article span.no-hover a, .news-grid article div.no-hover a { margin-right: 1em; width: auto; display: inline; float: none; text-align: left; }
  .news-grid article span.no-hover a:hover, .news-grid article div.no-hover a:hover { margin-right: 1em; color: #004271; }
  .news-grid article span.no-hover a:hover i, .news-grid article div.no-hover a:hover i { color: #004271; }
  .news-grid article span.no-hover a i, .news-grid article div.no-hover a i { color: #0B336B; }
  .news-grid article span.no-hover:hover, .news-grid article div.no-hover:hover { background: #eceded; margin-right: 0; padding-right: 0 !important; }
  .news-grid article p { display: block; margin: 0; padding: 0; color: #555555; }
  .news-grid article a { color: #0B336B; }
  .news-grid article a:hover { color: #004270; }
  .featured-image img, .spotlight-image img { padding: 0; }
  .news-featured-grid { padding-top: 3em; }
  .news-featured-grid, .spotlight-white-box { padding-left: 1em; }
  .news-featured-grid article, .spotlight-white-box article { padding: 0 2em; border: 1px solid #8b8b8b; }
  .news-featured-grid article:before, .spotlight-white-box article:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.5em; /* Adjusts for spacing */ }
  .news-featured-grid article > div, .spotlight-white-box article > div { border: none; display: inline-block; vertical-align: middle; width: 98%; }
  .login-paragraph a.btn-box { float: left !important; }
  .login-form { display: block; } }
@media screen and (min-width: 900px) { .login-form { display: inline; }
  .login-form input { width: 175px; }
  .login-form-box .login-form .btn-box { float: none !important; margin-top: 0 !important; }
  .login-form-box .btn-box { float: right !important; margin-top: 0 !important; }
  .login-paragraph a.btn-box { float: right !important; } }
@media screen and (min-width: 1024px) { .news-featured-grid article, .spotlight-white-box article { height: 429px; }
  .login-form { display: inline; }
  .login-form input { width: auto; }
  #parallax-bg { background-position: left top; } }
@media screen and (min-width: 1920px) { .index .rotator { height: 700px; }
  .index .item { height: 700px; }
  .index .item .background { height: 700px; } }
@media screen and (min-width: 2048px) { .index .rotator { height: 900px; }
  .index .item { height: 900px; }
  .index .item .background { height: 900px; } }
/* Operations styles
==================================================================================================== */
#map img { max-width: none; }

.building-marker { color: #ccd3ef; font-weight: bold; white-space: nowrap; text-transform: uppercase; font-size: 1.5em; text-shadow: -1px -1px 5px #00315e, 1px -1px 5px #00315e, -1px 1px 5px #00315e, 1px 1px 5px #00315e; z-index: 1; }

.tooltip { position: absolute; padding: 2px 10px; font: bold 12px/1 Arial; color: #004270; white-space: nowrap; background: #FFF; z-index: 2; }
.tooltip.up:after { content: ''; display: block; position: absolute; width: 0; height: 0; border: solid transparent; border-color: transparent; pointer-events: none; border-width: 8px; bottom: 100%; left: 50%; margin-left: -8px; border-bottom-color: white; }
.tooltip.down:after { content: ''; display: block; position: absolute; width: 0; height: 0; border: solid transparent; border-color: transparent; pointer-events: none; border-width: 8px; top: 100%; left: 50%; margin-left: -8px; border-top-color: white; }
.tooltip.left:after { content: ''; display: block; position: absolute; width: 0; height: 0; border: solid transparent; border-color: transparent; pointer-events: none; border-width: 8px; top: 50%; right: 100%; margin-top: -8px; border-right-color: white; }
.tooltip.right:after { content: ''; display: block; position: absolute; width: 0; height: 0; border: solid transparent; border-color: transparent; pointer-events: none; border-width: 8px; top: 50%; left: 100%; margin-top: -8px; border-left-color: white; }

.operations .hero-container { background: white; }
.operations .main-container { margin-top: 0; }
.operations .main-container .main-box { border-top: 0; }
.operations .two-col-primary { margin-bottom: 2em; }

.operations-map { min-height: 200px; width: 100%; }

.operations-map-container { position: relative; }

.operations-title-container { border-bottom: 1px solid #cccccc; }

.operations-title-wrapper { max-width: 1200px; margin: 0 auto; padding: 0 1em; position: relative; border-bottom: 1px solid white; padding: 0; }

.operations-title-grid { margin-left: 0; }
.operations-title-grid article { padding: 1em 1em 1em 2em; }
.operations-title-grid article h3 { color: #004271; font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 1.5em; }
.operations-title-grid .operations-popup .btn-box { margin-top: 1em; }

.operations-title { position: relative; }

.operations-popup { background: #004271; position: relative; width: 100%; z-index: 0; display: none; padding: 1em; }
.operations-popup .btn-close { top: -2em; right: -50px; }

.operations-popup-content { position: relative; background: white; padding: 2em; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.operations-popup-content h3 { font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #004271; text-transform: uppercase; margin: 0 0 1em; padding: 0; border-bottom: 1px solid #8b8b8b; display: none; }
.operations-popup-content span { padding: 0 0 2em; display: block; }

table.stats { width: 100%; }
table.stats tr td { width: 85%; text-transform: uppercase; font-weight: 500; }
table.stats tr td.num { width: 15%; }

.btn-close { background: #004271; color: white; width: 30px; height: 30px; line-height: 30px; display: none; position: absolute; text-align: center; }
.btn-close:hover { color: white; background: #0093D0; }
.btn-close i[class^="icon-"]:before, .btn-close i[class*=" icon-"]:before { font-size: 25px; margin: 0; padding: 0; line-height: 30px; }

.operations-secondary-content { display: none; padding: 2em; background: white; }
.operations-secondary-content h3 { font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #004270; text-transform: uppercase; margin: 0 0 1em; padding: 0; }

.btn-video { display: block; position: relative; }
.btn-video:before { content: " "; position: absolute; width: 50px; height: 50px; background: url("../img/video-hover.png") top left no-repeat; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; cursor: pointer; }
.btn-video:hover:before { background: url("../img/video-hover-gray.png") top left no-repeat; }
.btn-video img { max-width: 100%; }

.operations-video { position: absolute; height: 100%; width: 100%; display: none; background: url("../img/bg-trans-black-95.png") repeat; padding-top: 134px; z-index: 5; text-align: center; }
.operations-video iframe { margin: auto; }

#popupVideoCloseBtn { position: absolute; top: 148px; right: 2em; width: 32px; height: 32px; text-align: center; line-height: 2; color: white; background: url("../img/video-close.png") top left no-repeat; display: block; z-index: 5; }

.operations-popup-fact { display: none; }
.operations-popup-fact span h3 { font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: white; text-transform: uppercase; margin: 0 0 1em; padding: 0; border-bottom: 2px solid #004271; display: inline-block; }
.operations-popup-fact span p { text-transform: uppercase; font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.75em; line-height: 1.25em; color: white; }

.operations-menu { display: block; padding: 1em 1em 0; position: relative; margin-bottom: 1em; }
.operations-menu h2 { padding: 0.5em 2em 0.5em 1em; border: none; color: #004271; margin: 0; text-transform: uppercase; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; background: #eceded; font-size: 1.5em; position: relative; display: block; }
.operations-menu > ul { margin: 0; padding: 0; list-style: none; background: #eceded; display: none; }
.operations-menu > ul > li > a { border-top: 1px solid #cccccc; padding: 0.5em 2em; color: #004271; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; display: block; }
.operations-menu > ul > li > a:hover, .operations-menu > ul > li > a.selected { background: #DBDCDC; }

.ops-nav-toggle { position: absolute; right: 0.5em; bottom: 0; width: 45px; height: 48px; line-height: 48px; text-align: center; padding: 0 !important; margin: 0; }
.ops-nav-toggle [class^="icon-"]:before, .ops-nav-toggle [class*=" icon-"]:before { margin-right: 0; }
.ops-nav-toggle i { font-size: 1.5em; line-height: 48px; height: 48px; width: 45px; text-align: center; display: block; padding: 0; margin: 0; color: #004271; }
.ops-nav-toggle.selected { /* FF Chrome Opera etc */ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); /* IE */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }
.ops-nav-toggle.selected i { line-height: 44px; }

.csstransforms .dot-active { background: white; animation: rotate 1s linear 0s infinite alternate; -moz-animation: rotate 1s linear 0s infinite alternate; -ms-animation: rotate 1s linear 0s infinite alternate; -webkit-animation: rotate 1s linear 0 infinite alternate; width: 100%; height: 100%; line-height: 100%; border-radius: 50%; }
.csstransforms .dot-active img { display: none; }

@keyframes rotate { 0% { transform: scale(1); }
  100% { transform: scale(1.2); } }

@-moz-keyframes rotate { 0% { -moz-transform: scale(1); }
  100% { -moz-transform: scale(1.2); } }

@-ms-keyframes rotate { 0% { -ms-transform: scale(1); }
  100% { -ms-transform: scale(1.2); } }

@-webkit-keyframes rotate { 0% { -webkit-transform: scale(1); }
  100% { -webkit-transform: scale(1.2); } }

.spotlight-operations-container { max-width: 1200px; margin: 0 auto; padding: 0 1em; position: relative; margin: 2em auto; }

.spotlight-operations-box { border: 1px solid #555555; padding: 3em; position: relative; }
.spotlight-operations-box #aquaRenew { margin-top: 1em; display: block; }
.spotlight-operations-box article { width: 100%; }
.spotlight-operations-box article h3 { color: #004271; font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.5em; text-transform: uppercase; line-height: 1em; margin: 0; padding: 0; }
.spotlight-operations-box article p { margin: 0; padding: 2em 0; }
.spotlight-operations-box article .btn-box { margin-bottom: 0; margin-right: 0; }

.spotlight-operations-img { position: absolute; display: none; right: 1em; top: 1em; max-width: 350px; max-height: 485px; }

.btn-trigger { position: absolute; right: 2em; top: 200px; width: 30px; height: 30px; display: block; z-index: 50; }

/* MEDIA QUERIES styles
==================================================================================================== */
@media screen and (min-width: 768px) { .operations-map { min-height: 600px; }
  .operations-popup .btn-box { display: none; }
  .spotlight-operations-container { margin: 2em auto 6em; }
  .spotlight-operations-box article { width: 50%; }
  .spotlight-operations-box article h3 { font-size: 2.5em; }
  .spotlight-operations-box article p { padding: 3em 0; }
  .spotlight-operations-box article .btn-box { margin-bottom: 0; margin-right: 2em; }
  .spotlight-operations-img { display: block; }
  .operations-popup { background: url("../img/bg-trans-white-95.png") repeat; position: absolute; top: 0; left: 0; width: 50%; height: 100%; z-index: 0; padding: 0; overflow: hidden; }
  .operations-popup-content { position: absolute; right: 50px; bottom: 30px; width: 300px; padding: 0; background: none; }
  .operations-popup-content h3 { display: block; }
  .operations-secondary-content { display: none; position: absolute; right: 50px; top: 100%; width: 300px; padding: 0; background: none; }
  .operations-popup-fact { background-repeat: no-repeat; position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: 0; padding: 0; overflow: hidden; display: none; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover !important; }
  .operations-popup-fact .btn-close { top: 200px; right: 0; z-index: 50; }
  .operations-popup-fact span { position: absolute; left: 50px; top: 200px; max-width: 300px; padding: 0 1em 0 0; }
  .btn-close { display: block; }
  table.stats tr td { width: 250px; text-transform: uppercase; font-weight: 500; }
  table.stats tr td.num { width: 50px; } }
@media screen and (min-width: 1024px) { .spotlight-operations-box #aquaRenew { margin-top: 0; display: inline; }
  .spotlight-operations-box .btn-box { margin-bottom: 2em; margin-right: 0; }
  .operations-menu { width: 25%; position: absolute; bottom: 0; left: 0; padding: 0; margin-bottom: 0; }
  .operations-menu h2 { font-size: 1.75em; padding: 1em 2em 1em 1em; text-align: left; }
  .operations-menu > ul { display: block !important; }
  .operations-menu > ul > li > a { padding: 1em 2em; }
  .ops-nav-toggle { display: none; }
  .operations .main-box { padding: 2em; }
  .operations .two-col-primary { margin-bottom: 0; }
  .operations-title-wrapper { padding: 0 3em; }
  .operations-title-grid { min-height: 189px; }
  .operations-title-grid article { padding: 2.5em 2em 0 3em; }
  .operations-title-grid article h3 { font-size: 1.75em; }
  .operations-title-grid .operations-popup { display: none; }
  .operations-popup-fact { width: 34%; }
  .operations-popup { width: 66%; }
  .operations-video { padding-top: 114px; }
  #popupVideoCloseBtn { top: 128px; }
  .spotlight-operations-img { max-width: 391px; max-height: 430px; } }
@media screen and (min-width: 1200px) { .operations-popup-content, .operations-secondary-content { width: 400px; } }
@media screen and (min-width: 1920px) { .operations-map { min-height: 700px; } }
/* News styles
==================================================================================================== */
@media screen and (min-width: 768px) { .two-col-secondary h2.default { margin-top: 0; } }

.tags a { display: inline-block; float: left; background: #f0f3f3; margin: 0 0 0.4em 0.4em; padding: 0.15em 0.5em; color: #333333; white-space: nowrap; }
.tags a:hover { background: #004271; color: white; }
.tags.tags--inline { padding: 0 0 0.5em; }
.tags.tags--inline a { margin: 0 0.5em 0.5em 0; }

.news .investor-news li { padding: 2em; }
.news .investor-news li:hover div { margin-right: 1em; }
.news .investor-news .photo div { line-height: 1.5em; }
.news .investor-news .photo img { float: left; display: block; border: 1px solid #d8dada; margin: 0 1em 0 0; background: white; padding: 1em; min-height: 130px; }
.news .investor-news time { font-size: 0.9em; }


.article--image { max-width: 100%; float: right; margin: 0 0 1em; }
.article--image img { border: 1px solid #cccccc; border-bottom: none; max-width: 100%; display: block; }
.article--image figcaption { background: #F9F8FC; border-top: 3px solid #004271; padding: 1em; font-size: 0.9em; text-align: center; line-height: 1.4em; }
@media screen and (min-width: 600px) { .article--image { max-width: 200px; margin: 0 0 1em 1em; } }

.article--title { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #CCC; }
.article--title time { display: block; margin-bottom: 1em; }
.article--title .article-data { display: block; white-space: nowrap; text-align:left; line-height:1.4; }
.article--title .article-data span { display: block; }
.article--title .article-data span[class*='attribution'] { font-size:small; font-style:italic; }
.article--title a>img{ display:none; }
@media screen and (min-width: 600px) { .article--title h1 { float: left; width: 100%; }
  .article--title time { float: left; display: inline-block; color: #8b8b8b; margin-bottom: 0; height: 22px; line-height: 22px; }
  .article--title .article-data { float: right; display: inline-block; text-align:right; } 
}
.main-content .btn-share { background: #8b8b8b; color: white; padding: 5px 10px; }
.main-content .btn-share:hover { background: #7e7e7e; color: white; }

.breadcrumb-bar .breadcrumb { padding: 0; }
.breadcrumb-bar .btn-share { background: #8b8b8b; color: white; padding: 0px 8px; margin: 1em 0; display: inline-block; text-transform: uppercase; }
.breadcrumb-bar .btn-share:hover { background: #7e7e7e; color: white; }
@media screen and (min-width: 600px) { .breadcrumb-bar { padding-bottom: 1em; }
  .breadcrumb-bar .breadcrumb { float: left; }
  .breadcrumb-bar .btn-share { float: right; margin: 0; } }

.article--video-grid { background: #eceded; padding: 1em 1em 0; margin-bottom: 1em; }
.article--video-grid .pg-item-photo .pg-item-box h4, .article--video-grid .pg-item-video .pg-item-box h4 { font-size: 3em; font-weight: bold; }
.article--video-grid.single { padding-bottom: 1em; }
.article--video-grid .pg-item-overlay .hover-content.photo { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background: 0 0 no-repeat; position: absolute; width: 100%; height: 100%; display: block; border-right: solid 1em #eceded; }
.article--video-grid .pg-item-overlay .hover-content.photo img { display: none; }
.article--video-grid .pg-item-overlay .hover-content.photo a { position: absolute; left: 1em; bottom: 1em; background: #075c90; padding: 5px 10px; display: inline-block; text-align: center; color: white; white-space: nowrap; }
.article--video-grid .pg-item-overlay .hover-content.photo a span { display: inline-block; background: white; white-space: nowrap; margin-top: 4px; margin-right: 4px; width: 16px; height: 16px; line-height: 16px; color: #374f5b; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }
.article--video-grid .pg-item-overlay .hover-content.photo a:hover { color: white; background: #053d5f; }

.article--video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; background: #000; z-index: 0; }

.vb-padding .article--video-wrapper { padding-bottom: 58.25%; }

.spec-link { background: red; }
.spec-link:hover { background: blue; }

.news .article--video-player { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; }
.news .video-details > div { background: white; }

.video-nav { position: relative; z-index: 1; }
.video-nav .video-details { height: 24px; float: left; width: 50%; background: white; text-align: center; position: relative; display: block; color: #004271; }
.video-nav .video-details:hover, .video-nav .video-details.active { color: #004271; }
.video-nav .video-details:hover .video-desc, .video-nav .video-details.active .video-desc { display: block; cursor: default; }
.video-nav .video-details:hover:after, .video-nav .video-details.active:after { content: ""; background: url(../img/video-triangle.png) top left no-repeat; height: 4px; width: 14px; position: absolute; bottom: -4px; display: block; left: 50%; margin-left: -7px; z-index: 5; }
.video-nav .video-details .video-desc { display: none; position: absolute; left: 0; z-index: 5; background: url(../img/bg-trans-teal-95.png) repeat; width: 200%; text-align: left; padding: 2em; margin: 0; }
.video-nav .video-details .video-desc p { color: white; margin: 0; padding: 0; }
.video-nav .video-details .video-desc p strong { display: block; }
.video-nav .video-details .video-desc-close { display: block; position: absolute; right: 10px; top: 5px; text-transform: uppercase; font-size: 10px; color: white; }
.video-nav .video-expand { display: none; float: left; background: #374f5b; text-align: center; color: white; }
.video-nav .video-expand span { display: inline-block; background: white; margin-top: 4px; margin-right: 4px; width: 16px; height: 16px; line-height: 16px; color: #374f5b; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }
.video-nav .video-expand:hover, .video-nav .video-expand.active { color: white; background: #2d414b; }
.video-nav .video-expand:hover span, .video-nav .video-expand.active span { color: #2d414b; }
.video-nav .video-share { display: block; float: right; width: 50%; background: #035a91; text-align: center; color: white; }
.video-nav .video-share:hover { background: #023b5f; color: white; }
@media screen and (min-width: 480px) { .video-nav .video-details { width: 33.333%; }
  .video-nav .video-details .video-desc { width: 300px; }
  .video-nav .video-share { width: 33.333%; }
  .video-nav .video-expand { width: 33.333%; display: block; } }
@media screen and (min-width: 768px) { .video-nav .video-details { width: 20%; }
  .video-nav .video-share { width: 20%; }
  .video-nav .video-expand { width: 60%; } }
@media screen and (min-width: 900px) { .video-nav .video-details { width: 15%; }
  .video-nav .video-share { width: 15%; }
  .video-nav .video-expand { width: 70%; }
  .video-nav.vb-small .video-details { width: 25%; }
  .video-nav.vb-small .video-share { width: 25%; }
  .video-nav.vb-small .video-expand { width: 50%; } }

.publications--list section { border-top: 1px solid #d9e0e2; margin: 1em 0 0; padding: 1em 0 0; }
.publications--list section h2 { text-transform: uppercase; color: #004271; margin: 0; padding: 0; }
.publications--list section .btn-box { margin: 1em 0; }
.publications--list section .publications--article { margin: 1em 0 0; display: block; float: left; width: 100%; }
.publications--list section .publications--article .article-desc { padding-right: 1em; }
.publications--list section .publications--article .article-desc h3 { color: #004271; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; padding: 0; margin: 0; line-height: 1.25em; }
.publications--list section .publications--article .article-desc .btn-pub { display: inline-block; height: 22px; line-height: 22px; margin-top: 0.5em; white-space: nowrap; }
.publications--list section .publications--article .article-desc .btn-pub img { margin: 0 0.5em 0 0; padding: 0; width: 22px; }
.publications--list section .publications--article > img { float: left; max-width: 100px; margin-right: 1em; margin-bottom: 1em; border: 1px solid #cccccc; }
@media screen and (min-width: 768px) { .publications--list section .publications--article { width: 50%; } }

/* Contact styles
==================================================================================================== */
.contact .main-content { overflow: visible; }

.main-nav-secondary-contact { margin: 0; padding: 0; list-style: none; }
.main-nav-secondary-contact li { display: block; padding: 1em 2em; border-top: 1px solid #d9e0e2; color: #004271; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; line-height: normal; font-size: 12px; }
.main-nav-secondary-contact li.address span { font-size: 15px; }
.main-nav-secondary-contact li span { padding: 0.25em 0 0; display: block; color: #222222; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 18px; line-height: 1.5em; }

.callout--contact { margin-top: 1em; }
.callout--contact h3 { background: #004271; color: white; font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0.5em 1em; font-size: 1.75em; text-align: center; line-height: normal; }
.callout--contact h3 span { font-size: 0.8em; }
.callout--contact div { border: 1px solid #cccccc; border-top: none; text-align: center; padding: 1em; }
.callout--contact div h4 { font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #004271; font-weight: 700; }
.callout--contact div p { margin: 0; padding: 0; }

.form--contact input[type='text'], 
.form--contact input[type='email'], 
.form--contact input[type='tel'], 
.form--contact textarea { display: block; width: 100%; border: 1px solid #004271; margin-bottom: 1em; padding: 1em; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #222222; }
.form--contact textarea { height: 200px; }
.form--contact input.placeholder, .form--contact textarea.placeholder { color: #004271; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
.form--contact input:-moz-placeholder, .form--contact textarea:-moz-placeholder { color: #004271; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
.form--contact input::-webkit-input-placeholder, .form--contact textarea::-webkit-input-placeholder { color: #004271; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
.form--contact input.ui-state-error, .form--contact textarea.ui-state-error { border: 1px solid red; background: #f3d5d5; }
.form--contact input.ui-state-valid, .form--contact textarea.ui-state-valid { border: 1px solid green; background: #d5f3d8; }
.form--contact input.ui-state-valid.validate-ignore, .form--contact textarea.ui-state-valid.validate-ignore { border: 1px solid #004271; background: white; }
.form--contact button { background: none; width: 80px; padding: 0; color: #004271; border-color: #004271; }

.select--sender { margin-bottom: 1em; position: relative; width: 100%; }
.select--sender h2 { font-size: 1em; border: 1px solid #004271; padding: 0.5em 1em; color: #004271; }
.select--sender h2 i { float: right; }
.select--sender ul { margin: 0; padding: 0; list-style: none; border: 1px solid #004271; background: white; border-top: none; display: none; width: 100%; }
@media screen and (min-width: 600px) { .select--sender ul { position: absolute; width: auto; z-index: 1; } }
.select--sender ul li { display: block; width: 100%; border-top: 1px solid #004271; }
.select--sender ul li:first-child { border-top: none; }
.select--sender ul li a { background: #f0f0f0; display: block; width: 100%; padding: 0.5em 1em; color: #004271; }
.select--sender ul li a:hover { color: #0093D0; }
@media screen and (min-width: 600px) { .select--sender { max-width: 300px; }
  .select--sender ul { width: 100%; }
  .select--sender ul li { width: auto; }
  .select--sender ul li a { width: auto; } }

/* Contact styles
==================================================================================================== */
.multimedia h2 { color: #004271; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; padding: 0 0.5em 0.5em; }
.multimedia #pg-close { top: auto; bottom: 1em; }
.multimedia .pg-item-overlay.video { background: #eceded; }
.multimedia .hover-content { background: #eceded; }

.vb-padding { padding-right: 1em; }

.grid-multi .grid-multi-section { padding: 1em 1em 0 0; background: #eceded; margin-bottom: 0.5em; }

.multi-section-title { padding: 0 0 1em 1em; }
.multi-section-title h2 { color: #004271; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 700; height: 40px; line-height: 40px; }
@media screen and (min-width: 600px) { .multi-section-title h2 { float: left; } }
.multi-section-title a { background: white; }
@media screen and (min-width: 600px) { .multi-section-title a { float: right; } }

.multi-section-item { margin-bottom: 1em; position: relative; }
.multi-section-item img { z-index: 1; position: relative; display: block; }
.multi-section-item:hover span { content: ""; pointer-events: none; position: absolute; width: 42px; height: 42px; background-position: top left; background-repeat: no-repeat; z-index: 5; top: 50%; left: 50%; margin-left: -21px; margin-top: -21px; cursor: pointer; }
.multi-section-item:hover.hover-icon--video span { background-image: url("../img/video-hover.png"); }
.multi-section-item:hover.hover-icon--photos span { background-image: url("../img/hover-photo.png"); }
.multi-section-item:hover.hover-icon--illustrations span { background-image: url("../img/hover-illustrations.png"); }
.multi-section-item:hover.hover-icon--animation span { background-image: url("../img/hover-animation.png"); }

.pg-item-box.caption:before { display: block; }
.pg-item-box.caption .vert-block { display: inline; white-space: normal; }
.pg-item-box.caption .vert-block h4 { font-size: 1em; font-weight: bold; line-height: normal; padding: 1em 1em 0; }
.pg-item-box.caption .vert-block .caption { display: block; position: absolute; bottom: 5px; background: none; width: 124px; margin-left: -62px; left: 50%; text-align: center; }
.pg-item-box.caption .vert-block .caption.single { top: 50%; bottom: auto; height: 24px; margin-top: -12px; }

.stock-box { min-height: 500px; margin-bottom: 2em; width: 100%; font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }

.chkStockBox { display: block; background: #8DC63F; color: white; height: 30px; line-height: 30px; padding: 0 1em; margin: 0 0 1em; text-align: center; }
@media screen and (min-width: 400px) { .chkStockBox { display: inline-block; text-align: left; padding: 0 1em; margin: 0 1em 0 0; } }

.chkSelectBar { padding: 0 0 1em; }

.amChartsDataSetSelector { display: inline-block; height: 30px; line-height: 30px; color: #636363; text-align: center; font-size: 16px; }
.amChartsDataSetSelector select { font-size: 16px; font-family: "ITCFranklinGothicW01-Md 812695", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; appearance: none; height: 30px; line-height: 30px; color: white; background: #004271; border: none; outline: 0; border-radius: 0; text-align: center; width: auto; padding: 0 1em; margin: 0; text-transform: uppercase; }
@media screen and (min-width: 768px) { .amChartsDataSetSelector { font-size: 1em; }
  .amChartsDataSetSelector select { font-size: 1em; } }

.stockSelect { background: #0084b6; color: white; line-height: 30px; height: 30px; display: inline-block; width: 20px; text-align: center; }
.stockSelect i { padding: 0 0 0 2px; margin: 0; }

.amChartsPeriodSelector div { float: none !important; }
.amChartsPeriodSelector div:first-child { margin-bottom: 1em; float: none !important; display: block !important; }
.amChartsPeriodSelector input { height: 30px; line-height: 30px; padding: 0 1em; outline: none; border: 1px solid #004271; margin-left: 3px; }
@media screen and (min-width: 768px) { .amChartsPeriodSelector { height: 30px; line-height: 30px; }
  .amChartsPeriodSelector div { float: right !important; }
  .amChartsPeriodSelector div:first-child { display: inline-block !important; float: none !important; } }

.amChartsButtonSelected { background-color: #004271; border: 1px solid #004271; color: #FFFFFF; padding: 5px 10px; outline: none; }

.amChartsButton { color: #004271; background: transparent; border: 1px solid #004271; padding: 5px 10px; }

.amChartsCompareList { border-style: solid; border-color: #CCCCCC; border-width: 1px; }

.amChartsCompareList div { -webkit-box-sizing: initial; box-sizing: initial; }

/* FOOTER styles
==================================================================================================== */
footer { position: relative; z-index: 5; padding: 1em; font: normal 11px "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; color: #f7f7f7; background: #404042; line-height: 1.5em; /* Social Icon styles (Find Position Styles in Header / Footer SCSS)
==================================================================================================== */ }
footer a { color: #f7f7f7; }
footer a:hover { color: #004271; }
footer section { max-width: 1200px; margin: 0 auto; padding: 0 1em; position: relative; }
footer .social { margin: 0; padding: 1em 0; white-space:nowrap; }
footer .social ul { margin: 0; padding: 0; list-style: none; }
footer .social ul li { display: inline-block; margin-right: 0.5em; }
footer .social ul li a { display: block; height: 25px; width: 25px; line-height: 25px; text-align: center; font-size: 20px; background: red; color: white; }
footer .social ul li a i, footer .social ul li a [class^="icon-"]:before, footer .social ul li a [class*=" icon-"]:before { margin: 0; padding: 0; }
footer .social ul li #social-facebook, footer .social ul li .social-facebook { background: none; color: white; }
footer .social ul li #social-facebook i, footer .social ul li .social-facebook i { line-height: normal; display: block; }
footer .social ul li #social-facebook:hover, footer .social ul li .social-facebook:hover { color: #517dbf; }
footer .social ul li #social-twitter, footer .social ul li .social-twitter { background: none; color: white; }
footer .social ul li #social-twitter i, footer .social ul li .social-twitter i { line-height: normal; display: block; }
footer .social ul li #social-twitter:hover, footer .social ul li .social-twitter:hover { color: #28aae1; }
footer .social ul li #social-google, footer .social ul li .social-google { background: none; color: white; }
footer .social ul li #social-google i, footer .social ul li .social-google i { line-height: normal; display: block; }
footer .social ul li #social-google:hover, footer .social ul li .social-google:hover { color: #ef4923; }
footer .social ul li #social-linkedin, footer .social ul li .social-linkedin { background: none; color: white; }
footer .social ul li #social-linkedin i, footer .social ul li .social-linkedin i { line-height: normal; display: block; }
footer .social ul li #social-linkedin:hover, footer .social ul li .social-linkedin:hover { color: #016699; }
footer .social ul li #social-youtube, footer .social ul li .social-youtube { background: none; color: white; }
footer .social ul li #social-youtube i, footer .social ul li .social-youtube i { line-height: normal; display: block; }
footer .social ul li #social-youtube:hover, footer .social ul li .social-youtube:hover { color: #d51820; }

/* MEDIA QUERIES styles
==================================================================================================== */
@media screen and (min-width: 768px) { footer { padding: 4em 0; }
  footer section { padding: 0; }
  footer .social { float: left; padding: 3px 1em 0; } }
/* MEDIA QUERIES styles
==================================================================================================== */
.oldie .news-grid article > div { padding: 0 2em; }
.oldie .video-nav .video-details { position: static; }
.oldie .login-form { display: inline; }
.oldie .login-form input { padding: 0 0.5em 0 0.9em; height: 40px; line-height: 40px; }
.oldie .login-form label { padding: 0 0.5em 0 0.9em; height: 40px; line-height: 40px; }
.oldie .login-form .btn-box { float: none !important; padding: 0 0.5em 0 0.9em; height: 40px; line-height: 40px; margin-top: 0; }
.oldie .login-paragraph > a.btn-box.dark { margin-top: 0; }
.oldie .stock { width: 100%; text-align: center; }
.oldie .stock tr td { padding: 0 1em; width: 100%; display: block; height: 15px; line-height: 15px; vertical-align: middle; }
.oldie .stock tr td.symbol { font-weight: bold; background: red; }
.oldie .stock tr td.symbol span { display: inline; color: #004270; }
.oldie .stock-info { width: 100%; text-align: center; }
.oldie .stock-info tr { width: 50%; float: left; display: block; text-align: center; }
.oldie .stock-info tr:first-child { float: right; }
.oldie .stock-info tr td { margin: auto; width: auto; text-align: center; padding: 0; background: green; }
.oldie .stock-info tr td.date { display: none; }
.oldie .stock-info tr td.arrow { display: inline-block; width: auto; }
.oldie .stock-info tr td.arrow [class^="icon-"]:before, .oldie .stock-info tr td.arrow [class*=" icon-"]:before { font-weight: bold; font-size: 1.25em; color: #8b8b8b; }
.oldie .stock-info tr td.current { display: inline-block; width: auto; font-family: "ITC Franklin Gothic W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; color: #004270; }
.oldie .stock-info tr td.change { width: 100%; padding: 0; display: block; }
.oldie .item .background { background-image: none !important; }
.oldie .item .background img { display: block; }
.oldie #parallax-bg { background-image: none !important; }
.oldie #parallax-bg img { width: 100%; display: block; }
.oldie #rotator-bg { background-image: none !important; }
.oldie #rotator-bg img { width: 100%; display: block; }
.oldie .operations-popup-fact { background: url("../img/bg-trans-black-95.png") repeat transparent !important; }

@media screen and (min-width: 768px) { .oldie .item .background { background-image: none !important; }
  .oldie .item .background img { width: auto; height: 100%; /* to avoid max-width: 100% of Twitter Bootstrap */ display: block; }
  .oldie .news-featured-grid article, .oldie .spotlight-white-box article { margin-left: 0; padding-left: 0; }
  .oldie .news-featured-grid article:before, .oldie .spotlight-white-box article:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ border: none; width: 0; }
  .oldie .news-featured-grid article > div, .oldie .spotlight-white-box article > div { display: inline-block; width: 90%; vertical-align: middle; padding: 0; margin: 0; }
  .oldie .article--video-grid .pg-item-photo .pg-item-box .vert-block, .oldie .article--video-grid .pg-item-video .pg-item-box .vert-block, .oldie .article--video-grid .pg-item-person .pg-item-box .vert-block, .oldie .article--video-grid .pg-item-text .pg-item-box .vert-block { padding-top: 0; }
  .oldie .pg-item-photo:hover:before, .oldie .pg-item-video:hover:before, .oldie .pg-item-person:hover:before, .oldie .pg-item-text:hover:before { display: none; }
  .oldie .pg-item-photo .pg-item-box:hover:before, .oldie .pg-item-video .pg-item-box:hover:before, .oldie .pg-item-person .pg-item-box:hover:before, .oldie .pg-item-text .pg-item-box:hover:before { display: none; }
  .oldie .pg-item-photo .pg-item-box .vert-block, .oldie .pg-item-video .pg-item-box .vert-block, .oldie .pg-item-person .pg-item-box .vert-block, .oldie .pg-item-text .pg-item-box .vert-block { height: 100%; padding-top: 2em; }
  .oldie .pg-item-photo .pg-item-box .vert-block h4, .oldie .pg-item-video .pg-item-box .vert-block h4, .oldie .pg-item-person .pg-item-box .vert-block h4, .oldie .pg-item-text .pg-item-box .vert-block h4 { display: block; line-height: 200%; }
  .oldie .pg-item-photo .pg-item-box.caption .vert-block, .oldie .pg-item-video .pg-item-box.caption .vert-block, .oldie .pg-item-person .pg-item-box.caption .vert-block, .oldie .pg-item-text .pg-item-box.caption .vert-block { padding-top: 0; }
  .oldie .pg-item-photo .pg-item-box.caption .vert-block h4, .oldie .pg-item-video .pg-item-box.caption .vert-block h4, .oldie .pg-item-person .pg-item-box.caption .vert-block h4, .oldie .pg-item-text .pg-item-box.caption .vert-block h4 { line-height: normal; font-size: 1em; padding: 10px 10px 0; font-weight: normal; } }
@media screen and (min-width: 1024px) { .oldie .item .background img { margin-top: -5%; height: auto; /* to avoid max-width: 100% of Twitter Bootstrap */ width: 100%; /* to avoid max-width: 100% of Twitter Bootstrap */ }
  .oldie #rotator-bg { background-image: none !important; }
  .oldie #rotator-bg img { min-height: 420px; width: 100%; display: block; }
  .oldie .news-featured-grid article, .oldie .spotlight-white-box article { height: 429px; } }
.no-csstransitions .login-form { display: inline; }
.no-csstransitions .login-form input { padding: 0 0.5em 0 0.9em; height: 40px; line-height: 40px; }
.no-csstransitions .login-form label { padding: 0 0.5em 0 0.9em; height: 40px; line-height: 40px; }
.no-csstransitions .login-form .btn-box { float: none !important; padding: 0 0.5em 0 0.9em; height: 40px; line-height: 40px; margin-top: 0; }
.no-csstransitions .btn-box { padding: 0 0.5em 0 0.9em; height: 40px; line-height: 40px; margin-top: 0; }
.no-csstransitions .contact .btn-box { padding: 0; }

.no-rgba .indicator a { background: url("../img/bg-trans-white-90.png") repeat; }
.no-rgba .indicator a:hover, .no-rgba .indicator a.active { background: #2676ab; background-image: none; }
.no-rgba .header-bg { background: url("../img/bg-trans-white-90.png") repeat; }
.no-rgba .spotlight-title h2 { background: url("../img/bg-trans-black-20.png") repeat; }
.no-rgba .item.title-light .title { color: #CCCCCC; }
.no-rgba .item.title-dark .title { color: #444444; }
.no-rgba .login-box ul li a h2 { background: url("../img/bg-trans-black-50.png") repeat; }

/* PRINT styles
==================================================================================================== */
@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; }
  /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }
