/*=RESET STYLES
---------------*/
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-size:100%;font:inherit;}
/*=HTML5 DISPLAY-ROLE RESET
---------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content: none;}
@font-face {
font-family: 'eurostileregular';
src: url('../fonts/eurosti-webfont.eot');
src: url('../fonts/eurosti-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/eurosti-webfont.woff') format('woff'),
url('../fonts/eurosti-webfont.ttf') format('truetype'),
url('../fonts/eudiv.group .highlights-block .heading-wrapper {height: auto;}rosti-webfont.svg#eurostileregular') format('svg');
font-weight: normal;
}
@font-face {
font-family: 'frutigerlight';
src: url('../fonts/frutiger_45_light-webfont.eot');
src: url('../fonts/frutiger_45_light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/frutiger_45_light-webfont.woff2') format('woff2'),
url('../fonts/frutiger_45_light-webfont.woff') format('woff'),
url('../fonts/frutiger_45_light-webfont.ttf') format('truetype'),
url('../fonts/frutiger_45_light-webfont.svg#frutigerlight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'frutigerblack';
src: url('../fonts/FrutigerLTStd-Black.woff2') format('woff2'),
url('../fonts/FrutigerLTStd-Black.woff') format('woff'),
url('../fonts/FrutigerLTStd-Black.ttf') format('truetype'),
url('../fonts/FrutigerLTStd-Black.svg#FrutigerLTStd-Black') format('svg');
font-weight: 900;
font-style: normal;
}
/*=PAGE STRUCTURE
-----------------*/
body {font-family: 'frutigerlight',Arial, sans-serif;color:#4D4D4F;font-size:100%;}
#wrap {margin:0em auto;max-width:61.25em;position:relative;box-shadow: 0px 0px 8px 3px rgba(30, 30, 30, 0.5); z-index:999999; }
#logo-print {display:none}
header[role="banner"] {float:left;width:100%;background: #fff;color: #00569F;text-align:center; padding-top: 10px;border-top: 8px solid #00569F;}
#container {float:left;width:100%;}
main#container #gutter-frame {background:#fff;padding:1.25em;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;}
footer[role="contentinfo"] {clear:both;}
.group:after {visibility:hidden;display:block;content:"";clear:both;height:0;}
* html .group {zoom:1;} /* IE6 */
*:first-child+html .group {zoom:1;} /* IE7 */
.clear {clear:both;overflow:hidden;width:0;height:0;}
.move {position:absolute;left:-9999px;}
.clear-lft {clear:left}
.rgt {float:right !important}
.lft {float:left !important}
/*=TYPOGRAPHY
-------------*/
h1,h2,h3,h4,h5,h6 {font-family: 'eurostileregular',Arial, Helvetica, sans-serif;font-weight:normal;}
h3 {font-size:1.8em;color:#0092C7;margin-bottom:1em;}
h4 {font-size:1.1em;color:#005AAA;font-weight:bold; margin-top:.75em; margin-bottom:0em}
h5 {font-size:.75em;font-weight:bold;padding-bottom:.5em;}
h6 {font-size:.9125em;font-weight:bold;color:#5F97EB}
sup {vertical-align: super;font-size:80%}
b, strong {font-weight:bold;}
i, em {font-style:italic;}
.header-text{font-size:6em;color:#19388A;}
.bluetext{color:#19388A;}
.bluetextlight{font-size:1em; color:#0086d1;}
.radius {border-bottom:1px solid #D6D9C3; border-left:1px solid #D6D9C3; border-radius:0px 10px 0px 10px; padding:0px 0px 5px 5px;}
/*=NAVIGATION
------------*/
a.menu-link {display:none;text-decoration:none;float:left;padding:1em 0 .75em 1em;}
a.menu-link i, a.menu-link b {color:#fff;font-size:1.5em;}
a.menu-link b {padding-left:.5em;font-weight:normal;}
.menu {width:100%;background:#1B9BD5;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;} /*Menu bar background colour*/
.menu ul {padding:0;margin:0;list-style:none;position:relative;display:inline-table;z-index:99}
.menu > li > ul.sub-menu {min-width:10em;padding:0;}
.menu ul li {padding:0;}
.menu > ul > li {display:inline-block;}
.menu ul li a {display:block;text-decoration:none;color:#fff;font-size:.9em;} /*Menu font colour, size*/
.menu ul li:hover {background:#0058A1;color:#fff} /*Menu tab hover colour same as drop-down*/
.menu ul li > a {} /*Menu bar height, tab label padding*/
.menu ul ul {display:none;position:absolute;top:100%;min-width:360px; background:#0058A1;}
.menu ul li:hover > ul {display:block;}
.menu ul ul > li {position:relative}
.menu ul ul > li a {padding:.25em;height:auto;background-color:#0058A1;border-bottom:1px solid #fff; line-height: 1.4;} /*Sub menu background colour, padding*/
.menu ul ul > li a:hover {background-color:#203266;color:#fff;} /*Sub menu background hover colour, font hover colour, border*/
.menu ul ul ul {position:absolute;left:100%;top:0;}
.menu ul.sub-menu {padding:.5em;} /*Target padding around sub menu*/
.menu a.main {border-right:1px dotted #000;padding:.75em; text-transform:none; text-transform:uppercase;} /*Target menu bar tab labels e.g. font, uppercase*/
.menu a.main:hover {color:#fff} /*Menu tab hover background colour, font colour*/
body#home .menu a.one, body#two .menu a.two, body#three .menu a.three, body#four .menu a.four, body#five .menu a.five, body#six .menu a.six, body#seven .menu a.seven {background:#203266;color:#fff;font-weight:normal} /*Menu tabs selected state depending on page or section*/
li.has-submenu a.main:after {content:'\f107';font-family:'fontawesome';speak: none;padding-left:5px}
/*breadcrumb*/
#breadcrumb {background-color:#F3F3F3;border-top: 3px solid #203266;border-bottom:1px solid #B1B1B1;padding:.5em 0;}
#breadcrumb p {font-size:.75em;padding-left:1em; color:#000;}
#breadcrumb a:link {color:#000;}
#breadcrumb a:visited {color:#000;}
#breadcrumb a:hover {color:#000;}
/*=HEADER CONTENT
-----------------*/
header[role="banner"] #logo-print {display:none}
header[role="banner"] h1 {text-indent:-9999px;background: url(../images/logo.png) left top no-repeat;float:left;width:243px;height:127px;/*margin:1em*/position: relative;top: 1px; background-size: 96%; margin-left: 30px;}
header[role="banner"] h1 a {display:block;width:238px;height:56px;overflow:hidden;}
header[role="banner"] #headings h2 {padding:0.8em 1em 1em 0;font-size:1.8em;text-align:right;/* font-weight:bold */}
header[role="banner"] #headings h3 {font-size:1em;color:#1B1B1B;text-align:right;padding: 0em 1em .25em 0;}
header[role="banner"] #headings h2 span {/*padding:0em 1em .25em 0;*/font-size:1.7em;text-align:right;/* font-weight:bold; */}
.scrollable{position:relative;clear:both}
/*=TOOLBAR
----------*/
#toolbar {position:absolute;top:202px;right:-36px;width:32px;border:1px solid #1B9BD4;}
#toolbar ul {margin-bottom:0;background:#0058A1;}
#toolbar a {display:block;padding:.25em;text-align:center;vertical-align:middle;font-size:1.5em}
#toolbar li a:link, #toolbar li a:visited {background-color:transparent;color:#fff;text-decoration:none;}
#toolbar li a:hover {background:#ccc;color:#fff;}
/*=HOMEPAGE
-----------*/
body#home ul.highlights {margin-top:1em;color:#fff}
body#home ul.highlights a:link {color:#fff}
body#home ul.highlights a:visited {color:#fff}
body#home ul.highlights a:hover {color:#fff}
body#home ul.highlights li.block1{width:48%;display:block;float:left;margin-right:1.4893617%;margin-bottom:.5em;background: #00569F;position:relative;overflow:hidden;} /*304 divide 940 = 32.3404255%, 14 divide 940 = 1.4893617%*/
body#home ul.highlights li.block1 h4 { color:#fff; font-weight:normal; margin:0; padding:0;font-size: 1.2em;}
body#home ul.highlights li.block2{width:50.3404255%;display:block;float:left;margin-bottom:.5em;background: #00569F;position:relative;overflow:hidden;} /*304 divide 940 = 32.3404255%, 14 divide 940 = 1.4893617%*/
body#home ul.highlights li.block1, body#home ul.highlights li.block2 { min-height:32em; }
body#home ul.highlights li.block5, body#home ul.highlights li.block6 {width:32.3404255%;display:block;float:left;margin-right:1.4893617%;margin-bottom:.5em;background:#ececec;position:relative;overflow:hidden;} /*304 divide 940 = 32.3404255%, 14 divide 940 = 1.4893617%*/
body#home ul.highlights li.block3, body#home ul.highlights li.block6 {margin-right:0 !important}
body#home ul.highlights li.block1 {-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;}
body#home ul.highlights li.button.block4 a, body#home ul.highlights li.button.block5 a, body#home ul.highlights li.button.block6 a {color:#000; padding-left: 10px; background:#00AEEF;}
body#home ul.highlights li.button.block4Open a, body#home ul.highlights li.button.block5Open a, body#home ul.highlights li.button.block6Open a {color:#000; background:#00AEEF;}
body#home ul.highlights li.block1Open, body#home ul.highlights li.block2Open, body#home ul.highlights li.block3Open, body#home ul.highlights li.block4Open, body#home ul.highlights li.block5Open, body#home ul.highlights li.block6Open {width:32.3404255%;display:block;float:left;margin-right:1.4893617%;margin-bottom:.5em;background:#ececec;position:relative;overflow:hidden;} /*304 divide 940 = 32.3404255%, 14 divide 940 = 1.4893617%*/
body#home ul.highlights li.block1Open {float:none;width:100%;margin-right:0}
body#home ul.highlights li.block3Open {margin-right:1.4893617% !important}
body#home ul.highlights li.button.block4Open, body#home ul.highlights li.button.block5Open, body#home ul.highlights li.button.block6Open {text-align:left;clear:none !important;margin-right:0}
body#home ul.highlights li.block1Open {-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;}
body#home ul.highlights li.block3:hover{background:#ececec;}
body#home ul.highlights li.block3, body#home ul.highlights li.block6 {margin-right:0 !important}
body#home ul.highlights li.block1 {-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;}
body#home ul.highlights li.button.block4 a, body#home ul.highlights li.button.block5 a, body#home ul.highlights li.button.block6 a {color:#000;padding-left: 10px;background: #00569F;border-bottom: 5px solid #1B9BD4;}
body#home ul.highlights li.button.block4Open a, body#home ul.highlights li.button.block5Open a, body#home ul.highlights li.button.block6Open a {color:#000; background:#275BA7;}
body#home ul.highlights li.block1Open, body#home ul.highlights li.block2Open, body#home ul.highlights li.block3Open, body#home ul.highlights li.block4Open, body#home ul.highlights li.block5Open, body#home ul.highlights li.block6Open {width:32.3404255%;display:block;float:left;margin-right:1.4893617%;margin-bottom:.5em;background:#ececec;position:relative;overflow:hidden;} /*304 divide 940 = 32.3404255%, 14 divide 940 = 1.4893617%*/
body#home ul.highlights li.block1Open {float:none;width:100%;margin-right:0}
body#home ul.highlights li.block3Open {margin-right:1.4893617% !important}
body#home ul.highlights li.button.block4Open, body#home ul.highlights li.button.block5Open, body#home ul.highlights li.button.block6Open {text-align:left;clear:none !important;margin-right:0}
body#home ul.highlights li.block1Open {-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;}
body#home ul.highlights li.block3:hover{background:#ececec;}
body#key ul.highlights li.block3, body#key ul.highlights li.block6 {margin-right:0 !important}
body#key ul.highlights li.block1 {-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;}
body#key ul.highlights li.button.block4 a, body#key ul.highlights li.button.block5 a, body#key ul.highlights li.button.block6 a {color:#000; padding-left: 10px; background:#00AEEF;}
body#key ul.highlights li.button.block4Open a, body#key ul.highlights li.button.block5Open a, body#key ul.highlights li.button.block6Open a {color:#000; background:#00AEEF;}
body#key ul.highlights li.block1Open, body#key ul.highlights li.block2Open, body#key ul.highlights li.block3Open, body#key ul.highlights li.block4Open, body#key ul.highlights li.block5Open, body#key ul.highlights li.block6Open {width:32.3404255%;display:block;float:left;margin-right:1.4893617%;margin-bottom:.5em;background:#ececec;position:relative;overflow:hidden;} /*304 divide 940 = 32.3404255%, 14 divide 940 = 1.4893617%*/
body#key ul.highlights li.block1Open {float:none;width:100%;margin-right:0}
body#key ul.highlights li.block3Open {margin-right:1.4893617% !important}
body#key ul.highlights li.button.block4Open, body#key ul.highlights li.button.block5Open, body#key ul.highlights li.button.block6Open {text-align:left;clear:none !important;margin-right:0}
body#key ul.highlights li.block1Open {-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;}
body#key ul.highlights li.block3:hover{background:#ececec;}
.expandReduceBtns {position:absolute; visibility:visible; right:0px; top:0px; }
#blockOpenLink {position:absolute;visibility:visible;right:2px; top:-2px;}
#blockCloseLink {position:absolute;visibility:hidden;right:2px; top:-2px;}
body#home ul.highlights li.block11:hover {width:100%}
body#home ul.highlights li .gutter {padding:1em;padding-bottom:0;min-height:317px;} /**/
body#home ul.highlights li img {margin:0 auto;display:block;max-width:100%;height:auto !important}
body#home ul.highlights li p {font-size:100%}
body#home ul.highlights li h3 {font-size:1.2em;font-weight:bold; padding-top:0em; color:#fff}
body#home ul.highlights li:hover {background:#ccc; color:#fff;}
body#home ul.highlights li:hover a {color:#fff}
body#home ul.highlights li.button {text-align:left;padding:0;background:none;}
body#home ul.highlights li.button .gutter {padding:1em;padding-bottom:0;min-height:auto;}
body#home ul.highlights li.button h3 {margin:0;padding:0; font-size:1em;}
body#home ul.highlights li.button h3 i {margin-right:.5em;}
body#home ul.highlights li.button a {display:block;margin:0;padding:.5em 0;text-decoration:none}
body#home ul.highlights li.button a:link h3, body#home ul.highlights li.button a:visited h3 {text-decoration:none;color:#fff}
body#home ul.highlights li.button a:hover h3 {color:#fff; text-decoration:underline}
body#home ul.highlights li.button:hover {background:none;}
body#home ul.salient li {font-size:1em; font-weight:600; margin-bottom: .5em; -webkit-box-shadow: -19px 7px 35px -13px rgba(27,25,26,0.8);
-moz-box-shadow: -19px 7px 35px -13px rgba(27,25,26,0.8);
box-shadow: -19px 7px 35px -13px rgba(27,25,26,0.8);}
body#home ul.salient li .gutter {padding:1em}
body#home ul.salient li p {margin-bottom:0; line-height:1;}
body#home ul.salient li.green {color:#007d43; min-width: 100%;background: #E7E7E8;}
body#home ul.salient li.red {color:#c60b46; min-width: 100%;background: #E7E7E8;}
body#home ul.salient li.orange {color:#f48033; min-width: 100%;background: #E7E7E8;}
body#home ul.salient li b {font-size:2.125em; margin:1.5em 0}
body#home ul.salient li i { font-style:normal;color:#000 !important; margin-top:0.3em; font-weight:500 !important;}
body#key ul.salient li {font-size:1em; font-weight:600; margin-bottom: .5em; -webkit-box-shadow: -19px 7px 35px -13px rgba(27,25,26,0.8);
-moz-box-shadow: -19px 7px 35px -13px rgba(27,25,26,0.8);
box-shadow: -19px 7px 35px -13px rgba(27,25,26,0.8);}
body#key ul.salient li .gutter {padding:1em}
body#key ul.salient li p {margin-bottom:0; line-height:1;}
body#key ul.salient li p {margin-bottom:0; line-height:1;}
body#key ul.salient li.green {color:#007d43; min-width: 100%;background: #E7E7E8;}
body#key ul.salient li.red {color:#c60b46; min-width: 100%;background: #E7E7E8;}
body#key ul.salient li.orange {color:#f48033; min-width: 100%;background: #E7E7E8;}
body#key ul.salient li b {font-size:2.125em; margin:1.5em 0}
body#key ul.salient li i { font-style:normal;color:#000 !important; margin-top:0.3em; font-weight:500 !important;}
/*body#four h3 { margin-bottom:1em; }*/
.keygreentext {color:#007d43; font-size:14px;}
.keyredtext {color:#c60b46; font-size:14px;}
.caption {font-size:12px !important; text-align:left; vertical-align:top !important;}
.caption2 {font-size:14px;}
.redtext {color:#c60b46;}
.keyorangetext {color:#eec158; font-size:14px;}
.keyredtextmedium {color:#c60b46; font-size:17px;}
.keyorangetextmedium {color:#f48033; font-size:17px;}
.keygreentextmedium {color:#007d43; font-size:17px;}
.keyredtextlrg {color:#c60b46; font-size:26px;}
.keyorangetextlrg{color:#f48033; font-size:26px;}
.keygreentextlrg {color:#007d43; font-size:26px;}
/*=BODY CONTENT
---------------*/
main[role="main"] p {font-size:.9125em;margin-bottom:1em;line-height:1.4}
main[role="main"] ul, main[role="main"] ol {margin-bottom:.5em;}
main[role="main"] li {font-size:.9125em;line-height:1.9;}
main[role="main"] li li, main[role="main"] li p {font-size:100%}
#container figure img {display:block;max-width:100%;height:auto !important}
ul.list li,ol.list li {padding-bottom:.5em;line-height:1.3em}
ul.list ul {margin-left:1.5em;list-style:circle}
ol.list {list-style:decimal;margin-left:2.5em}
ul.list-icons li {line-height:1.6; margin-left:.75em;}
ul.list-icons i {font-size:120%;padding-right:.5em;margin-left:-.5em}
.block-heading {border-bottom:1px solid #ccc; padding-bottom:.25em;}
.highlight-content{ font-size:18px; padding:10px 0 5px 32px;color:#000000!important; border-bottom: 1px dotted #000000;}
.highlight-value{font-size:38.8px;padding:10px 0 5px 32px;background-color:#E6E7E8;color:#000000!important}
.arrow-highlights{position: relative; top: 2px;}
.scrollable{position: relative;clear: both;}
ul.list {list-style:disc; margin:0; padding:0;}
ul.list li {margin-left:20px; line-height: 1.4; font-size: .9125em;padding: 0;}
/*=ICONS
--------*/
.fa-volume-up {color:#000;text-shadow: 2px 2px 2px rgba(111,111,111, 0.5)}
.fa-file-pdf-o {color:#6b0d00;text-shadow: 2px 2px 2px rgba(111,111,111, 0.5)}
.fa-file-excel-o {color:#287b0b;text-shadow: 1px 1px 1px rgba(255,255,255, 0.5)}
.fa-volume-up2 {color:#fff;text-shadow: 2px 2px 2px rgba(111,111,111, 0.5)}
.fa-file-pdf-o2 {color:#fff;text-shadow: 2px 2px 2px rgba(111,111,111, 0.5)}
.fa-file-excel-o2 {color:#fff;text-shadow: 1px 1px 1px rgba(255,255,255, 0.5)}
/*=LIST GRID
------------*/
.grid {}
.grid2-a {float:left;width:48%;display:inline;margin-right:1%;}
.grid2-b {float:right;width:48%;display:inline;margin-left:1%;}
ul.grid-list {margin-bottom:0;}
ul.grid-list li {display:block;float:left;margin-bottom:1em;}
ul.grid-list li img {display:block;max-width:100%;height:auto !important}
ul.grid-list li a {display:block;}
ul.grid-two li {width:49.1578947%;margin-left:1.6842105%} /*467 divide 950 = 49.1578947%, 16 divide 950 = 1.6842105%*/
ul.grid-two li.grid1, ul.grid-two li.grid3, ul.grid-two li.grid5, ul.grid-two li.grid7 {margin-left:0 !important}
ul.grid-three li {width:32.3404255%;margin-right:1.489361%;} /*304 divide 940 = 32.3404255%, 14 divide 940 = 1.4893617%*/
ul.grid-three li.grid3, ul.grid-three li.grid6 {margin-right:0 !important}
ul.grid-four li {width:23.9872068%;margin-right:1.3496802%;background:#ccc} /*225 divide 938 = 23.9872068%, 12.66 divide 938 = 1.3496802%*/
ul.grid-four li.grid-4, ul.grid-four li.grid-8 {margin-right:0 !important}
/*=ACCORDION
------------*/
.accordion {margin-bottom:1em;}
h4.expand a {padding:.5em}
.expand a {display:block;}
.expand a:link, .expand a:visited {color:#fff;text-decoration:none;background:#19388A}
.expand a:hover, .expand a:active, .expand a:focus {background:#00569F;color:#fff}
.expand a.open:link, .expand a.open:visited {background:#0058A1;color:#fff;}
.expand a:before {content:'\f0fe';font-family:'fontawesome';speak: none;padding-right:.5em}
.expand a.open:before {content:'\f146';font-family:'fontawesome';speak: none;padding-right:.5em}
/*tabbed accordion*/
ul.tabs {float:left;width:100%;padding:1em 0 0 0;background:transparent url(../images/nav-year-bg.png) left bottom repeat-x;margin-bottom:0 !important}
ul.tabs li {float:left;cursor: pointer;margin:0 0 0 .5em;padding:4px 10px;border:1px solid #ccc;border-bottom:none;text-decoration:none;color:#333}
ul.tabs li:first-of-type {margin:0}
ul.tabs li:hover {background:#eee}
ul.tabs li.active {padding-bottom:5px;background:#fff;border-color:#0067a4;color:#0067a4;font-weight:bold}
.tab-container {border:1px solid #0067a4;border-top:none;clear:both;float:left;width:99.796334%;background:#fff;overflow:auto;} /*980 divide 982 = 99.796334%*/
.tab-drawer-heading {display:none;}
.tab-drawer-content {padding:1em;display:none;}
/*=TABLES
---------*/
p.download {text-align:right}
p.download i {font-size:1.5em;margin-right:.25em;}
/*Downloads
-------------------*/
.downloads-col-one {float:left; margin-right:2%; width:47%; border: 3px solid #4489BF; padding:10px; border-radius:10px; background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(189,232,242,1) 0%, rgba(63,133,189,1) 100%);}
.downloads-col-one p.intro {font-size:1.15em !important;text-align: center;}
.downloads-col-one a {color:#000 !important; text-decoration:none;}
.downloads-col-two {float:left; width:48%;}
.downloads-col-two a {display:block; line-height:1.4; font-size:.9em; color:#00355F; padding:5px;}
.obj-c { margin:0 auto;display:block;text-align:center}
.switch-white {color:#fff;}
.downloads-col-one h3 {margin-bottom:10px;}
.downloads-col-two h3 {margin-bottom:10px; margin-top:0px;}
/*=HIGHLIGHTS
---------*/
.highlights-block{ background:#FFF; border-bottom:3px solid #212D68; padding:0; box-sizing:border-box; width:calc(50% - 10px); margin-right:15px; float:left; font-size:1em; line-height:1.2; color:#005AAA; position:relative; margin-bottom:15px; transition:all .3s linear;}
div.group div.highlights-block.block-two, div.group div.highlights-block.block-four {margin-right:0;}
@keyframes grow {
0% { top: 20px; }
50% { top: 10px; }
100% { top: 20px; }
}
.highlights-block .heading-wrapper {height: 80px;display: table;width: 100%;
background: rgb(2,0,36);background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(189,232,242,1) 0%, rgba(63,133,189,1) 100%); }
.highlights-block h4 {color:#203266;vertical-align: middle;display: table-cell;padding:.5em;font-size:1.5em}
main[role="main"] .highlights-block p {padding-left:.5em;color:#203266;font-size:120%}
.highlights-block p b {font-family: 'frutigerblack';font-weight: 900;font-style: normal;font-size:400%;}
/*RESETS*/
.no-margin{margin: 0!important;}
.no-marginT{margin-top: 0!important;}
.no-marginB{margin-bottom: 0!important;}
.no-marginL{margin-left: 0!important;}
.no-marginR{margin-right: 0!important;}
.no-padding{padding: 0!important;}
.no-paddingT{padding-top: 0!important;}
.no-paddingB{padding-bottom: 0!important;}
.no-paddingL{padding-left: 0!important;}
.no-paddingR{padding-right: 0!important;}
.padding-30{padding: 30px;}
.padding-40{padding: 40px 20px;}
.padding-50{padding: 50px 0px;}
.padding-30L{padding-left: 30px!important;}
.padding-30R{padding-right: 30px!important;}
.padding-30T{padding-top: 30px!important;}
.padding-30B{padding-bottom: 30px!important;}
.padding-20{padding: 20px!important;}
.padding-20L{padding-left: 20px!important;}
.padding-20R{padding-right: 20px!important;}
.padding-20T{padding-top: 20px!important;}
.padding-5T{padding-top: 5px!important;}
.padding-20B{padding-bottom: 20px!important;}
.padding-10T{padding-top: 10px!important;}
.padding-15{padding: 15px!important;}
.padding-15L{padding-left: 15px!important;}
.padding-15R{padding-right: 15px!important;}
.padding-15T{padding-top: 15px!important;}
.padding-15B{padding-bottom: 15px!important;}
.margin-5{margin: 5px!important;}
.margin-5L{margin-left: 5px!important;}
.margin-5R{margin-right: 5px!important;}
.margin-5T{margin-top: 5px!important;}
.margin-5B{margin-bottom: 5px!important;}
.margin-10{margin: 10px!important;}
.margin-10L{margin-left: 10px!important;}
.margin-10R{margin-right: 10px!important;}
.margin-10T{margin-top: 10px!important;}
.margin-10B{margin-bottom: 10px!important;}
.margin-15{margin: 15px!important;}
.margin-15L{margin-left: 15px!important;}
.margin-15R{margin-right: 15px!important;}
.margin-15T{margin-top: 15px!important;}
.margin-15TB{margin-top: 15px!important; margin-bottom: 15px!important;}
.margin-15B{margin-bottom: 15px!important;}
.margin-30{margin: 30px!important;}
.margin-30L{margin-left: 30px!important;}
.margin-30R{margin-right: 30px!important;}
.margin-30T{margin-top: 30px!important;}
.margin-30B{margin-bottom: 30px!important;}
.margin-40{margin: 40px!important;}
.margin-40L{margin-left: 40px!important;}
.margin-40R{margin-right: 40px!important;}
.margin-40T{margin-top: 40px!important;}
.margin-40B{margin-bottom: 40px!important;}
.margin-20{margin: 20px!important;}
.margin-20L{margin-left: 20px!important;}
.margin-20R{margin-right: 20px!important;}
.margin-10TB{margin: 7px 0px!important;}
.margin-20T{margin-top: 20px!important;}
.margin-20B{margin-bottom: 20px!important;}
.margin-75L{margin-left: 75px!important;}
.fin-tbl tr:hover {background:#E5F3FA; color:#231F20;}
tr.no-hover:hover {color:#203263!important;}
.fin-tbl {width:100%; margin:0 0 0 0; padding:0 0px;}
.fin-tbl tr td {padding:3px 3px 3px 3px;}
.fin-tbl th {background-color:#DBEDF7; color:#005AAA!important; padding:3px 3px 3px 3px; font-weight:bold;line-height:1.2;}
tr.finthin td, tr.finthin th, .finthin{border-bottom:1px solid #0092C8;}
tr.finthick td, tr.finthick th, .finthick{border-bottom:2px solid #0092C8;}
.fintopbot {border-top:1px solid #0092C8; border-bottom:1px solid #0092C8;}
.fintop {border-top:1px solid #0092C8;}
.fintopleft {border-top:1px solid #0092C8; border-left:1px solid #0092C8;}
.fintopright {border-top:1px solid #0092C8; border-right:1px solid #0092C8;}
.finbotleft {border-bottom:1px solid #0092C8; border-left:1px solid #0092C8;}
.finbotright {border-bottom:1px solid #0092C8; border-right:1px solid #0092C8;}
.finleft {border-left:1px solid #0092C8;}
.finright {border-right:1px solid #0092C8;}
.finrowleft {border-left:1px solid #0092C8; border-top:1px solid #0092C8; border-bottom:1px solid #0092C8;}
.finrowright {border-right:1px solid #0092C8; border-top:1px solid #0092C8; border-bottom:1px solid #0092C8;}
.finrow {border-top:1px solid #0092C8; border-bottom:1px solid #0092C8;}
.fincaption {font-size:14px;}
tr.fintopbot td, tr.fintopbot th, .fintopbot{border-top:1px solid #0092C8;border-bottom:1px solid #0092C8;}
.tbl-heading-blue{font-size:1.1em!important;color:#005AAA;font-weight:bold; margin-top:0em; margin-bottom:0em}
.indent-10{padding-left:10px!important;}
.lineheight-cell {line-height:1.4;}
/*=switch colors*/
.switch-blue{ color:#005AAA!important}
.switch-lightblue{ color:#0091C8!important}
/*=VIDEO
--------*/
#containingBlock {max-width:1280px;margin:0 auto}
.videoWrapper {position:relative;padding-top:0;padding-bottom: 56.25%;height: 0;}
* html .videoWrapper {margin-bottom: 45px;margin-bot\tom: 0;}
.videoWrapper video, .videoWrapper object {position:absolute;width:100%;height:100%;left:0;top:0;}
.datatable tr:hover, .datatable tr.hilite {background-color: #ccc;color: #000000;}
/*=FOOTER
---------*/
footer[role="contentinfo"] {background:#1B9BD5;color:#fff;margin-bottom:0;border-bottom: 6px solid #0058A1;border-top: 1px solid #0058A1;}
footer[role="contentinfo"] p {float:left;width:auto;font-size:.75em;padding:1.5em;margin-bottom:0}
footer[role="contentinfo"] ul.social-media {float:right;width:auto;font-size:.75em;padding:.5em;}
footer[role="contentinfo"] ul.social-media li#connect {padding-top:1em}
footer[role="contentinfo"] ul.social-media ul {float:right;width:auto}
footer[role="contentinfo"] ul.social-media ul li {float:left;text-align:center;margin:.5em;margin-top:-.5em}
footer[role="contentinfo"] ul.social-media ul li a {background:#3b3b3b;font-size:2em;padding:.1em;margin:0 auto;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
footer[role="contentinfo"] ul.social-media ul li.youtube a {background:#bb0000}
footer[role="contentinfo"] ul.social-media ul li.rss a {background:#ff7900}
footer[role="contentinfo"] ul.social-media ul li.twitter a {background:#00aced}
footer[role="contentinfo"] ul.social-media ul li.linkedin a {background:#007bb6}
footer[role="contentinfo"] ul.social-media ul li a:link, ul.social-media ul li a:visited {color:#fff !important}
footer[role="contentinfo"] ul.social-media ul li a:hover {color:#fff;background:#fff;background:-webkit-linear-gradient(#a6c8e1,#0067a6);background: -moz-linear-gradient(#a6c8e1,#0067a6);background: -ms-linear-gradient(#a6c8e1,#0067a6);background: -o-linear-gradient(#a6c8e1,#0067a6);background: linear-gradient(#a6c8e1,#0067a6);}
/*=LINKS
--------*/
a {outline:none}
a:link {color:#19388A;}
a:visited {color:#275BA7;}
a:hover {color:#000;text-decoration:none;}
/*pagination*/
.pagination {margin-top:2em;}
.pagination p i {position:absolute;left:-9999px;}
.pagination p a {display:block;padding:0 .5em;border:none;border-radius:2px}
.pagination p a:link, .pagination p a:visited {background:#0058A1;color:#fff;}
.pagination p a:hover {background:#ccc;color:#fff;}
a#go-lft, a#go-rgt {font-size:1.8em;text-decoration:none;}
a#go-lft:after {content:'\f060';font-family:'fontawesome';speak: none;}
a#go-rgt:after {content:'\f061';font-family:'fontawesome';speak: none;}
/*back to top arrow*/
#back-to-top {position:fixed;bottom:2em;right:10%;text-decoration:none;font-size:2.4em;width:44px;height:44px;display:block;text-align:center;vertical-align:middle;border-radius:999px;color:#fff;background-color:#363636;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}
#back-to-top:after {content:'\f106';font-family:'fontawesome';speak: none;}
#back-to-top:hover {background:#ccc;}
/*=RESPONSIVENESS
-----------------*/
@media screen and (max-width: 1380px) {
#back-to-top {bottom:-2em}
}
@media screen and (max-width: 1060px) {
#utility {float:left;width:100%;background:#19388A; border-bottom: 1px solid #fff;}
#toolbar {position:relative;top:0;right:0;border:none;float:right;width:195px;}
#toolbar ul {float:right;background:#000;}
#toolbar ul li {float:left;text-align:center;}
#toolbar a {padding:.5em;}
#toolbar li a:link, #toolbar li a:visited {background-color:#19388A;color:#fff;text-decoration:none;}
#toolbar li a:hover {background:#ccc;color:#fff;}
}
@media screen and (max-width: 980px) {
#wrap {margin-top:0}
body#home ul.salient li {min-height:100px}
}
@media screen and (max-width: 880px) {
body#home ul.salient li {width:48.2553191%;} /*463 divide 940 = 49.2553191%*/
body#home ul.salient li.grid4 {clear:none !important}
body#home ul.salient li.grid3, body#home ul.salient li.grid5 {clear:left}
body#home ul.salient li.grid2, body#home ul.salient li.grid3, body#home ul.salient li.grid4 {margin-right:1.489361% !important}
body#home ul.highlights li.block1 {float:none;width:100%;margin-right:0; width:100%;min-height:inherit}
body#home ul.highlights li.block2 {float:none;width:100%;margin-right:0; width:100%;min-height:inherit}
body#home ul.highlights li .gutter {min-height:inherit;} /**/
.downloads-col-one, .downloads-col-two {float:none; margin-right:0; width:auto;}
.downloads-col-one {margin-bottom: 1em}
}
/* Mobile */
@media only screen and (max-width: 836px) {
table.responsive { margin-bottom: 0; }
.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll;}
.pinned table { border-right: none; border-left: none; width: 100%; }
.pinned table th, .pinned table td { white-space: nowrap; }
.pinned td:last-child { border-bottom: 0; }
div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; }
div.table-wrapper div.scrollable { margin-left: 35%; }
div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }
table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
}
@media screen and (max-width: 955px) {
a.menu-link {display:block;} /*Menu toggle button*/
.menu {clear:both;min-width:inherit;float:none;}
.menu, .menu > ul ul {overflow:hidden;max-height:0;background-color:#19388A;border-bottom:#000;} /*Menu background colour*/
.menu ul.sub-menu {padding:0 0 0 .625em;} /*If drop-down menu has rounded corners, remove them here*/
.menu.active, .menu > ul ul.active {max-height:74em;} /*Controls height of open menu, including expanded sub menu - if too small, not all items show*/
.menu ul {display:inline;}
.menu > ul {border-top:0}
.menu li, .menu > ul > li {display:block;}
.menu li a {color:#fff;display:block;padding:0;position:relative;border-bottom:1px solid #fff;} /*Menu separation lines*/
.menu li.has-submenu > a:after {content:'\f107';font-family:'fontawesome';speak: none;position:absolute;top:0;right:0;display:block;font-size:1.5em;padding:0.2em 0.5em 0 0;}
.menu li.has-submenu > a.active:after {content:'\f106';font-family:'fontawesome';speak: none;;}
.menu ul ul > li a {padding:.5em;}
.menu ul ul, .menu ul ul ul {display:inherit;position:relative;left:auto;top:auto;border:none; background:#000;}
.menu li.has-submenu {margin:0}
#toolbar {width:280px;}
#toolbar ul li {font-size:1.1em;}
}
@media screen and (max-width: 920px) {
a.menu-link {display:block;} /*Menu toggle button*/
.menu {clear:both;min-width:inherit;float:none;}
.menu, .menu > ul ul {overflow:hidden;max-height:0;background-color:#19388A;border-bottom:#000;} /*Menu background colour*/
.menu ul.sub-menu {padding:0 0 0 .625em;} /*If drop-down menu has rounded corners, remove them here*/
.menu.active, .menu > ul ul.active {max-height:34em;} /*Controls height of open menu, including expanded sub menu - if too small, not all items show*/
.menu ul {display:inline;}
.menu > ul {border-top:0}
.menu li, .menu > ul > li {display:block;}
.menu li a {color:#fff;display:block;padding:0;position:relative;border-bottom:1px solid #fff;} /*Menu separation lines*/
.menu li.has-submenu > a:after {content:'\f107';font-family:'fontawesome';speak: none;position:absolute;top:0;right:0;display:block;font-size:1.5em;padding:0.2em 0.5em 0 0;}
.menu li.has-submenu > a.active:after {content:'\f106';font-family:'fontawesome';speak: none;;}
.menu ul ul > li a {padding:.5em;}
.menu ul ul, .menu ul ul ul {display:inherit;position:relative;left:auto;top:auto;border:none; background:#000;}
.menu li.has-submenu {margin:0}
#toolbar {width:280px;}
#toolbar ul li {font-size:1.1em;}
.scrollable { overflow: auto; }
.scrollable:before {
content: '';
position: absolute;
bottom: 10px;
right: 10px;
height: 50px;
width: 50px;
background: url(../img/swipeblue.png) center center no-repeat;
background-size: contain;
z-index: 2;
}
.scrollable.scrolledR:before { display: none; }
}
@media screen and (max-width: 800px) {
.scrollable{overflow:auto}
body#home ul.highlights li.block1 {float:none;width:100%;margin-right:0}
body#home ul.highlights li.block3 {margin-right:1.4893617% !important}
body#home ul.highlights li.block4, body#home ul.highlights li.block5, body#home ul.highlights li.block6 {text-align:left;clear:none !important;margin-right:0}
body#home ul.highlights li.block1Open {float:none;width:100%;margin-right:0}
body#home ul.highlights li.block3Open {margin-right:1.4893617% !important}
body#home ul.highlights li.block4Open, body#home ul.highlights li.block5Open, body#home ul.highlights li.block6Open {text-align:left;clear:none !important;margin-right:0}
.expandReduceBtns {visibility:hidden; display:none;}
body#home ul.highlights li.block3 {margin-right:0 !important; height:inherit;}
body#home ul.highlights li.block4 {clear:left;}
body#home ul.highlights li.block4, body#home ul.highlights li.block5 {margin-right:1.4893617% !important}
body#home ul.highlights li.block3Open {margin-right:0 !important}
body#home ul.highlights li.block2Open, body#home ul.highlights li.block3Open {width:49.2553191%} /*463 divide 940 = 49.2553191%*/
body#home ul.highlights li.button {text-align:center}
body#home ul.highlights li.block4Open {clear:left;}
body#home ul.highlights li.block4Open, body#home ul.highlights li.block5Open {margin-right:1.4893617% !important}
body#home ul.highlights li.button {text-align:left}
body#home ul.highlights li.block1 .gutter {min-height:inherit;}
div.group div.highlights-block {;min-height: 160px}
div.group div.highlights-block.block-three, div.group div.highlights-block.block-six {margin-right:1%;}
div.group div.highlights-block {width:49%;margin-right:1%}
div.group div.highlights-block.block-two, div.group div.highlights-block.block-four, div.group div.highlights-block.block-six {margin-right:0}
div.group div.highlights-block.block-three, div.group div.highlights-block.block-five {clear:left;}
}
@media screen and (max-width: 780px) {
div.group div.highlights-block {float:none;width:100%;margin-right:0}
div.group .highlights-block .heading-wrapper {height: auto;}
div.group .highlights-block p {font-size:80%}
}
@media screen and (max-width: 640px) {
body#home ul.highlights li.block3 {margin-right:0 !important}
body#home ul.highlights li.block2, body#home ul.highlights li.block3 {width:49.2553191%} /*463 divide 940 = 49.2553191%*/
body#home ul.highlights li.block4 {clear:left;}
body#home ul.highlights li.block4, body#home ul.highlights li.block5 {margin-right:1.4893617% !important}
body#home ul.highlights li.block3Open {margin-right:0 !important}
body#home ul.highlights li.block2Open, body#home ul.highlights li.block3Open {width:49.2553191%} /*463 divide 940 = 49.2553191%*/
body#home ul.highlights li.button {text-align:center}
body#home ul.highlights li.block4Open {clear:left;}
body#home ul.highlights li.block4Open, body#home ul.highlights li.block5Open {margin-right:1.4893617% !important}
header[role="banner"] h2 {text-align:left;font-size:1.25em}
body#home ul.highlights li.block2, body#home ul.highlights li.block3, body#home ul.highlights li.block4, body#home ul.highlights li.block5, body#home ul.highlights li.block6 {float:none;width:100%;margin-right:0 !important}
body#home ul.highlights li.block2Open, body#home ul.highlights li.block3Open, body#home ul.highlights li.block4Open, body#home ul.highlights li.block5Open, body#home ul.highlights li.block6Open {float:none;width:100%; margin-right:0 !important}
body#home ul.highlights li.button {text-align:left}
body#home ul.highlights li .gutter {min-height:inherit;}
div.group div.highlights-block {float:none;width:100%;margin-right:0}
}
@media screen and (max-width: 600px) {
#breadcrumb {display:none;}
.tabs {display: none;}
.tab-drawer-heading {background:#edece8;color:#0067a6;border-top:1px solid #0067a6;margin:0;padding:.5em;display: block;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.d-active {background-color:#0067a4;color: #fff;}
.tab-drawer-heading:before {content:'\f0fe';font-family:'fontawesome';speak: none;padding-right:.25em}
.d-active:before {content:'\f146';font-family:'fontawesome';speak: none;padding-right:.25em}
header[role="banner"] #headings h2 {padding:0em 1em .25em 0; font-size:1.25em;text-align:center;}
header[role="banner"] #headings h2 span {padding:0em;font-size: 1.5em;text-align: center;font-weight:bold;}
}
@media screen and (max-width: 480px) {
header[role="banner"] h1 {float: initial;margin:0 auto;margin-bottom: 0em;}
header[role="banner"] h2 {text-align:left;padding:.25em 0;margin:0 1em}
body#home ul.salient li {float:none;width:auto;min-height:inherit;}
header[role="banner"] h3 {display:none}
header[role="banner"] #headings h2 span {padding:0em;font-size: 1.2em;text-align: center;font-weight:bold;}
footer[role="contentinfo"] p {float:none;width:100%;text-align:center;padding:0; padding-top: 15px;}
footer[role="contentinfo"] ul.social-media {float:none;display:inline;}
footer[role="contentinfo"] ul.social-media ul {float:none;margin:0 auto;text-align:center;}
footer[role="contentinfo"] ul.social-media li#connect span {display:none}
footer[role="contentinfo"] ul.social-media ul li {float:none;display:inline;}
footer[role="contentinfo"] ul.social-media ul li:last-of-type {margin-right:0 !important}
}
@media screen and (max-width: 410px) {
#toolbar {width:230px;}
#toolbar a {padding:.5em .3em;}
a.menu-link b {display:none;}
header[role="banner"] #headings h2 {padding:0em 1em .25em 0; font-size:1.1em;text-align:center;}
header[role="banner"] #headings h3 {font-size:1em; color:#1B1B1B; text-align:center;}
}
@media screen and (max-width: 360px) {
#toolbar {width:230px;}
#toolbar a {padding:.5em .3em;}
a.menu-link b {display:none;}
header[role="banner"] #headings h2 {padding:1em 1em .25em 0; font-size:1.25em;text-align:center;}
header[role="banner"] #headings h3 {font-size:1em; color:#1B1B1B; text-align:center;}
}
@media screen and (max-width: 320px) {
header[role="banner"] #headings h2 {padding:0em 1em .25em 0; font-size:1.25em;text-align:center; font-size:16px;}
header[role="banner"] #headings h3 {font-size:1em; color:#1B1B1B; text-align:center;}
}