@media screen {
/*=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,  fieldset, form, label, legend, 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;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content: none;}
table {border-collapse:collapse;border-spacing:0;line-height:1.4}

/*=PAGE STRUCTURE
-----------------*/
body {width:100%;background:url(../images/bg.jpg)  no-repeat center top fixed;} /*only display background on screens 1280 or bigger*/

body {font-family:'Roboto', Arial, Helvetica, sans-serif;color:#58595B;font-size:100%;}
#gutter-frame {background:#fff;}
#wrap {margin:auto;max-width:100%;position:relative;}
#logo-print {display:none}
header[role="banner"] {width:100%;}
#container {float: none;width:1280px;margin: 0 auto;display: block;}
main#container #gutter-frame {background:#fff;padding:0em 2.5em 1.875em 2.5em;/* margin-bottom: 1.5em;  min-height: 640px;*/}

body.home main#container #gutter-frame {margin-top: 1em;padding-top: 1em;}

footer[role="contentinfo"] {clear:both;}
footer[role="paginationinfo"] {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:-99999999999999px;}
.clear-lft {clear:left}
.rgt {float:right; padding-left:10px; padding-bottom:15px;}
.lft {float:left;padding-right:10px; padding-bottom:15px;}
.cntr { margin:0 auto; text-align:center}
.obj-c {margin-left:auto;margin-right:auto;display:block;text-align:center}

/*=TYPOGRAPHY
-------------*/
h1,h2,h3, h4 {font-family: 'Roboto', Arial, Helvetica, sans-serif;font-weight:normal;}
h5,h6 {font-family:'Roboto', Arial, Helvetica, sans-serif;}
h1 {font-size:1.8em;margin-bottom:.9em; }
h2.bg {font-size:1.4em;margin-bottom:.5em; background:#FFD800; padding:5px}
h3 {font-size:2.8em;margin-bottom:.2em; text-transform:uppercase; color:#2C318C; display:block; clear:both; font-weight:bold;}
h4 {font-size:1.25em; margin-bottom:6px; color:#2C318C; margin-top: .2em;/*text-transform:uppercase*/ font-weight:bold;}

h4.sg {font-size:1.3em;margin-bottom:0em; color:#000; margin-top: .2em;text-transform:uppercase; font-weight:normal }
h5 {font-size:1em;margin-bottom:6px; font-family:'Roboto', Arial, Helvetica, sans-serif; margin-top:0; color: #00AEEF; font-weight: bold;}        
h5.bg {font-size:1.2em;margin-bottom:.5em; background:#FFD800; padding:.5em;font-family:'Roboto', Arial, Helvetica, sans-serif;font-weight:normal; }
h6 {font-size:1em;}}
sup {vertical-align: super;font-size:80%}
b, strong {font-weight:600;}
i, em {font-style:italic;}
div div h3 {padding-top:40px;}

/*=HEADER CONTENT
-----------------*/
header[role="banner"] #logo-print {display:none}
header[role="banner"] {text-align:center;background:rgba(255,255,255,0.5);  }
header[role="banner"] h1 {text-indent:-9999999999999px;background:transparent url(../images/afrocentric-logo.png) left top no-repeat;width: 320px;height: 73px;float:left;margin: 1.2em 0 0em .8em;}
header[role="banner"] h1 a {display:block; width:320px;  height:75px; overflow:hidden;}
header[role="banner"] .cover-blue {width: 350px;height: 90px;float:left;}
header[role="banner"] img {}
header[role="banner"] .header-inner {float:left;padding: 0;}
header[role="banner"] .header-search {float:right;padding: 20px; margin-top: 40px;}
header[role="banner"] .header-search a:link, header[role="banner"] .header-search a:visited {text-decoration:none;color:#2bb673;padding:7px 7px; }
header[role="banner"] .header-search a:hover {text-decoration:none;color:#4e9b47;}
header[role="banner"] .header-search a span {font-size:29px;}


header[role="banner"] .header-outer {width: 1260px; margin:0 auto}
header[role="banner"] .header-inner h2 {display:inline-block;text-align:left;font-size: 45px;margin: 44px 0 0 44px;color:#347596;text-transform:uppercase;font-weight:bold;}
header[role="banner"] .header-inner h2 span  {font-size: 14px; line-height:1.4;font-weight:600; }
header[role="banner"] .header-inner #search {float:right;font-size:1.875em;margin:1em 5px 0 0}
header[role="banner"] .header-inner #search a {color:#2bb673}


.top-nav  {float:left;display: inline-table;padding: 0;margin: 0;font-family: 'Roboto', Arial, Helvetica, sans-serif;font-weight: normal;margin-left: 1.6em;font-size: 1.2em;}
.top-nav .selected { color:#ffc627; }
.top-nav a {color:#000; text-decoration:none}
.top-nav a:visited {color:#000; }
.top-nav a:hover {color:#ffc627; text-decoration:underline}
.top-nav li { float: left; padding: 0.8em .8em }


/*=NAVIGATION
------------*/
a.menu-link {display:none;float:left;padding:.75em .5em .75em 1em;text-decoration:none;}
a.menu-link i, a.menu-link b {color:#000;font-size:1.5em;}
a.menu-link b {padding-left:.5em;font-weight:normal;}
.menu {float:left;width: 100%;background:rgba(52,117,150,0.85);font-family: 'Roboto', Arial, Helvetica, sans-serif;font-weight: normal; margin-bottom: 24px;} /*Menu bar background colour*/

.menu ul {width:1280px;padding:0;list-style:none;position:relative;display: block;z-index:99;margin: 0 auto;}
.menu > li > ul.sub-menu {min-width:290px;padding:0;margin: 0;}
.menu ul li {padding:0;vertical-align:top;position:relative;}
.menu > ul > li {display:inline-block;line-height:1;padding: 0;min-height: 38px;position:relative;}
.menu ul li a {display:block;text-decoration:none;color:#fff;font-size: 14px;} /*Menu font colour, size*/
.menu ul li:hover {background:rgba(32, 108, 156,0.95); } /*Menu tab hover colour same as drop-down*/
.menu ul li:hover a {color:#ffcb08} /*Menu tab hover font colour same as drop-down*/
.menu ul li > a {padding: 12px 7px;} /*Menu bar height, tab label padding*/
.menu ul li ul {display:none;position:absolute;top:100%;min-width:290px;left:0px; margin:0; }
.menu ul li:hover > ul {display:block;}
.menu ul ul > li {position:relative;}
.menu ul ul > li a {padding:8px 9px;height:auto;background-color:rgba(32, 108, 156,0.95); color:#fff!important;text-transform: uppercase;font-size: 13px;} /*Sub menu background colour, padding*/
.menu ul ul > li a:hover {color:#fff;background-color:#155882;} /*Sub menu background hover colour, font hover colour, border*/
.menu ul ul > li+li a {border-top:1px solid #155882;}
.menu ul ul ul {position:absolute;left:100%;top:0;}
.menu ul.sub-menu {width:290px; box-shadow: 0px 5px 9px 1px rgba(0,0,0,0.25);} /*Target padding around sub menu*/
.menu a.main {text-transform:uppercase;text-align:center;} /*Target menu bar tab labels e.g. font, uppercase*/
.menu a.main:hover {background-color:rgba(32, 108, 156,0.95);color:#ffcb08; text-decoration:none} /*Menu tab hover background colour, font colour*/
.menu a.one {width:25px; margin-left:20px;}
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 , body.eight .menu a.eight, body.nine .menu a.nine, body.ten .menu a.ten , body.afs-one .menu a.afs-one {color: #ffcb08;} /*Menu tabs selected state depending on page or section*/

.menu a.one:after {content:'\f015';font-family:'fontawesome';speak:none;font-size:17px;position:absolute;top:9px;left:0;right:0} /*Home icon*/

/*=TOP NAVS
-------------------*/
#leftActive {position: absolute; left:0px; top:0px; height:32px; width: 167px; background:transparent url(../images/left-active.png) no-repeat left top; z-index: 20; -moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-webkit-transition:all 03.s ease;transition:all 0.3s ease;}
#rightActive {position: absolute; left:-4px; top:0px; height:32px; width: 167px; background:transparent url(../images/right-slide.png) no-repeat left top; z-index: 15; -moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-webkit-transition:all 03.s ease;transition:all 0.3s ease;}
#rightInActive {position: absolute; right:0px; top:0px; height:32px; width: 167px; background:transparent url(../images/right-inactive.png) no-repeat left top;z-index: 10; -moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-webkit-transition:all 03.s ease;transition:all 0.3s ease;}
#iarText {position: absolute; font-size:20px; left:70px; top:5px; color: rgb(255, 203, 5); z-index: 25; -moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-webkit-transition:all 03.s ease;transition:all 0.3s ease;}
#afsText {position: absolute; font-size:20px; left:190px; top:5px;  color: rgb(85, 85, 85); z-index: 25; -moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-webkit-transition:all 03.s ease;transition:all 0.3s ease;}
#leftActiveAFS {position: absolute; right:-5px; top:0px; height:32px; width: 167px; background:transparent url(../images/left-slide.png) no-repeat left top; z-index: 15; -moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-webkit-transition:all 03.s ease;transition:all 0.3s ease;}
#rightActiveAFS {position: absolute; right:0px; top:0px; height:32px; width: 167px; background:transparent url(../images/right-active.png) no-repeat left top; z-index: 20; -moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-webkit-transition:all 03.s ease;transition:all 0.3s ease;}
#leftInActiveAFS {position: absolute; left:0px; top:0px; height:32px; width: 167px; background:transparent url(../images/left-inactive.png) no-repeat left top;z-index: 10; -moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-webkit-transition:all 03.s ease;transition:all 0.3s ease;}
#iarTextAFS {position: absolute; font-size:20px; left:60px; top:5px; color: rgb(85, 85, 85); z-index: 25; -moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-webkit-transition:all 03.s ease;transition:all 0.3s ease;}
#afsTextAFS {position: absolute; font-size:20px; left:180px; top:5px;  color: rgb(255, 203, 5); z-index: 25; -moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-webkit-transition:all 03.s ease;transition:all 0.3s ease;}

/*=BREADCRUMB
-------------------*/
#breadcrumb {width:1280px;color:#fff; background:rgba(31,53,67,0.8); clear: both;margin: 0 auto;}
#breadcrumb p {float:left;margin-bottom:0;padding:.9375em 0 .9375em 1.875em;font-size:14px;}
#breadcrumb i {color:#2bb673; line-height:14px}
#breadcrumb a:link {color:#2bb673}
#breadcrumb a:visited {color:#2bb673;}
#breadcrumb a:hover {color:#fff;}
body#one #breadcrumb {display:none}


/*=HOME PAGE
-------------------*/
.home-top-table {position: relative;display:table;margin:0;padding:0;border:0; width: 100%; margin-bottom:20px; }
.home-top-cell1 {position: relative;display:table-cell;width:800px; padding:20px 25px; background:url(../images/black-trans.png); vertical-align:top; color: rgb(255, 203, 5); box-sizing: border-box;}
.home-top-cell2 {position: relative;display:table-cell;min-height:240px; background:url(../images/top-white-trans.png);vertical-align:top; border:1px solid #00AEEF;box-sizing: border-box;}
.home-top-cell1-head  {font-size: 35px;font-weight:bold;margin-bottom:25px;}
.home-top-cell1-text {font-size: 18px; line-height:1.3; }
.home-top-cell1-btn {display:inline-block;position: absolute; left:250px; bottom:0px;width:298px;  }
.home-top-cell1-btn a:link, .home-top-cell1-btn a:visited {display:block;padding:14px;text-decoration:none;color:#fff;border:1px solid #fff; border-bottom:0px;font-weight:bold; font-size: 16px;text-align:center;background:rgba(2, 28, 51,0.5); -moz-transition:all 03s ease;-o-transition:all 03s ease;-ms-transition:all 03s ease;-webkit-transition:all 03s ease;transition:all 03s ease; }
.home-top-cell1-btn a:hover, .home-top-cell1-btn a:active{background-color:#206c9c; }
.home-top-cell2-box1 {position: relative;display:block;min-height:120px; border-bottom:1px solid #00AEEF;box-sizing: border-box;padding-bottom:8px;background:url(../images/triangle.png) no-repeat right 1px top 1px;}
.home-top-cell2-box2 {position: relative;display:block;min-height:120px; box-sizing: border-box;padding-bottom:8px;background:url(../images/triangle.png) no-repeat right 1px top 1px;}
.home-top-cell2-head  {font-size: 18px;color: rgb(44, 49, 140); font-weight: bold;padding:10px 20px 10px ;}
.home-top-cell2-text {font-size: 16px;font-weight:normal; line-height:1.2; color: #494948;padding:0px 20px; }

.home-mid-table {position: relative;display:table;margin:0;padding:0;border:0; width: 100%; margin-bottom:20px; }
.home-mid-cell1 {position: relative;display:table-cell;width:387px;min-height:280px; padding:20px 20px 50px ; background:url(../images/blue-box.png) no-repeat left top;background-size: cover; vertical-align:top; box-sizing: border-box;color: #fff;}
.home-mid-cell2 {position: relative;display:table-cell;min-height:280px;  background:url(../images/dark-blue-trans.png);vertical-align:top; box-sizing: border-box;}
.home-mid-cell-separator {position: relative;display:table-cell;width:20px; }
.home-mid-cell1-head  {font-size: 35px;font-weight:bold;margin-bottom:25px;}
.home-mid-cell1-text {font-size: 18px; line-height:1.5; }
.home-mid-cell1-btn {display:block;position: absolute; left:120px; bottom:0px;width:150px;  }
.home-mid-cell1-btn a:link, .home-mid-cell1-btn a:visited {display:block;padding:14px;text-decoration:none;color:#fff;border:1px solid #fff; border-bottom:0px;font-weight:bold; font-size: 16px;text-align:center;background:rgba(2, 28, 51,0.5); -moz-transition:all 03s ease;-o-transition:all 03s ease;-ms-transition:all 03s ease;-webkit-transition:all 03s ease;transition:all 03s ease; }
.home-mid-cell1-btn a:hover, .home-mid-cell1-btn a:active{background:#206c9c; }
.home-mid-cell2-head  {font-size: 35px;color: rgb(78, 155, 71);text-transform: uppercase;font-weight:bold;padding:20px 20px 10px;}
.home-mid-cell2-text {position: relative;padding:0px 20px; }

a.home-block-press-release-arrow-link:link,a.home-block-press-release-arrow-link:visited {display:inline-block;margin:2px 5px;line-height:15px;height:30px;width:20px;text-align:center;color: #fff; -moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
a.home-block-press-release-arrow-link:hover,a.home-block-press-release-arrow-link:active {display:inline-block;margin:2px 5px;line-height:15px;height:30px;width:20px;text-align:center; color:#939598;}
.home-block-press-release-arrow-link-on {display:inline-block;margin:2px 5px;line-height:15px;height:30px;width:20px;text-align:center;color:#939598; -moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
a.home-block-press-release-arrow-block-on:link,a.home-block-press-release-arrow-block-on:visited {position: relative; display:inline-block; margin:1px 3px 3px; width:15px; height:15px; padding:0; border:0;background:#ffcb05;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
a.home-block-press-release-arrow-block-off:link,a.home-block-press-release-arrow-block-off:visited {position: relative; display:inline-block; margin:1px 3px 3px;width:15px; height:15px; padding:0; border:0;background:#939598;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
a.home-block-press-release-arrow-block-on:hover,a.home-block-press-release-arrow-block-on:active,a.home-block-press-release-arrow-block-off:hover,a.home-block-press-release-arrow-block-off:active {position: relative; display:inline-block;margin:1px 3px 3px; width:15px; height:15px; padding:0;border:0;background:#fff;border-radius:0px;}

.home-slider-table {position: relative;display:table;margin:0;padding:0;border:0; width: 100%; margin:10px 0 20px 0; }
.home-slider-cell {position: relative;display:table-cell;vertical-align:middle;color: #fff;box-sizing: border-box;padding:3px 10px;width:40%}
.home-slider-cell-icon {position: relative;display:table-cell; width:9%; background:url(../images/white1px.png) repeat-y center top;vertical-align:middle;text-align:center; box-sizing: border-box;}
.home-slider-cell-separator {position: relative;display:table-cell;width:2%;height:170px }
.home-slider-cell p {font-size: 16px; color: #fff; margin:0!important;padding:0 0 8px 0!important;line-height:1.5!important; }
.home-slider-cell p b {color: #ffcb05;}

.home-block-image-under {display:block; -moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-webkit-transition:all 0.6s ease;transition:all 0.6s ease;}
.zoom-in {   -ms-transform: scale(1.4); /* IE 9 */
    -webkit-transform: scale(1.4); /* Safari */
    transform: scale(1.4);
}

.leaders-container-outer {position: relative; background:#fff; width: auto; padding:0 20px 20px 30px ; margin-bottom:24px; }
.leaders-container-inner{position: relative; height:460px; display:block;margin:0;padding:0;border:0;}
.leadership-container-outer {position: absolute;bottom:0px; left:0px;width: 100%; }
.leadership-container {position: relative;display:block;margin:0;padding:0;border:0;}
.leadership-cutout-overlay {position: absolute;top:0px; left:0px;width: 1216px;  height:395px; z-index:60;}
.leadership-cutout-overlay img {overflow:hidden;}
.leader-pic1 {position: absolute;top:10px; left:0px;width: 536px;  height:371px; z-index:50;overflow:hidden;}
.leader-pic2 {position: absolute;top:10px; left:341px;width: 536px;  height:373px; z-index:50;overflow:hidden;}
.leader-pic3 {position: absolute;top:10px; left:668px;width: 537px;  height:372px; z-index:50;overflow:hidden;}
.leader-block1 {position: absolute;top:210px; left:330px;width: 44px;  height:62px; z-index:70;background:#fff;}
.leader-block2 {position: absolute;top:210px; left:660px;width: 44px;  height:62px; z-index:70;background:#fff;}
.leadership-link1 {position: relative;display:block;margin:0;padding:0;border:0; float:left; width:24%; margin-left: 8%;}
.leadership-link2 {position: relative;display:block;margin:0;padding:0;border:0; float:left; width:24%; margin-left: 4%; margin-right: 5%;}
.leadership-link3 {position: relative;display:block;margin:0;padding:0;border:0; float:left; width:24%;  margin-right: 5%;}

.leadership-container div a:link, .leadership-container div a:visited {display:block;padding:14px 0; width:250px; margin:0 auto; text-decoration:none;color:#fff;border:1px solid #fff;font-weight:bold; font-size: 18px;text-align:center;background:#55C58F; -moz-transition:all 03s ease;-o-transition:all 03s ease;-ms-transition:all 03s ease;-webkit-transition:all 03s ease;transition:all 03s ease; }
.leadership-container div a:hover, .leadership-container div a:active{background:#206c9c; }

.home-history-container-outer {position: relative; background:#fff; width: auto; padding:20px ; margin:24px 0; }
.home-history-head  {font-size: 41px;font-weight:bold;margin:10px 0 25px 0;  color: rgb(44, 49, 140);}
.home-history-description{font-size: 22px;margin:10px 0;  color: rgb(0, 174, 239);}
.home-history-description b {font-weight:bold;}
.home-history-container {position: relative;display:block;margin:0;padding:0;border:0; font-size: 13px;  color: rgb(53, 53, 53); line-height: 1.2;}
.home-history-container div p {margin:0!important;padding:0 0 8px 0!important;font-size: 13px;}

.home-history-year2005 {position: relative;display:block;margin:0;padding:0;border:0; float:left;width: 211px;  height:276px; background:url(../images/2005.png) no-repeat left bottom;}
.home-history-year2005-text {position: absolute; right:0px; top:60px; width:95px; text-align:center; }
.home-history-year2009 {position: relative;display:block;margin:0;padding:0;border:0; float:left;width: 261px;  height:276px; background:url(../images/2009.png) no-repeat left bottom;}
.home-history-year2009-text {position: absolute; right:0px; top:10px; width:105px; text-align:center; }
.home-history-year2012 {position: relative;display:block;margin:0;padding:0;border:0; float:left;width: 281px;  height:276px; background:url(../images/2012.png) no-repeat left bottom;}
.home-history-year2012-text {position: absolute; right:20px; top:10px; width:105px; text-align:center; }
.home-history-year2016 {position: relative;display:block;margin:0;padding:0;border:0; float:left;width: 477px;  height:276px; background:url(../images/2016.png) no-repeat left bottom;}
.home-history-year2016-text {position: absolute; right:0px; top:10px; width:270px; text-align:center; }

.home-history-year2008 {position: relative;display:block;margin:0;padding:0;border:0; float:left;width: 251px;  height:336px; background:url(../images/2008.png) no-repeat right top;}
.home-history-year2008-text {position: absolute; left:20px; top:120px; width:115px; text-align:center; }
.home-history-year2010 {position: relative;display:block;margin:0;padding:0;border:0; float:left;width: 241px;  height:336px; background:url(../images/2010.png) no-repeat right top;}
.home-history-year2010-text {position: absolute; left:0px; top:130px; width:115px; text-align:center; }
.home-history-year2014 {position: relative;display:block;margin:0;padding:0;border:0; float:left;width: 285px;  height:336px; background:url(../images/2014.png) no-repeat right top;}
.home-history-year2014-text {position: absolute; left:0px; top:170px; width:110px; text-align:center; }
.home-history-year2017 {position: relative;display:block;margin:0;padding:0;border:0; float:left;width: 456px;  height:336px; background:url(../images/2017.png) no-repeat left top;overflow:hidden;}
.home-history-year2017-text {position: absolute; right:0px; top:30px; width:270px; text-align:center; }

.white-fade {position:absolute;bottom:0px;left:0px; width:100%; background: white; height:250px;cursor:pointer; -moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;
    background: -webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(255,255,255,0) 20%,rgba(255,255,255,1) 80%); /* Standard syntax */
}
.white-fade-gone {bottom:-10px;height:1px;}

.home-history-container-outer p {text-align:left!important;}
.bg-performance p {text-align:left!important;}


.company-history-year2005 {position: relative;display:block;margin:0;padding:0;border:0; float:left;width: 160px;  height:276px; background:url(../images/2005.png) no-repeat left bottom;}
.company-history-year2005-text {position: absolute; right:-48px; top:60px; width:95px; text-align:center; }
.company-history-year2009 {position: relative;display:block;margin:0;padding:0;border:0; float:left;width: 229px;  height:276px; background:url(../images/2009.png) no-repeat left bottom;}
.company-history-year2009-text {position: absolute; right:-26px; top:10px; width:105px; text-align:center; }
.company-history-year2012 {position: relative;display:block;margin:0;padding:0;border:0; float:left;width: 219px;  height:276px; background:url(../images/2012.png) no-repeat left bottom;}
.company-history-year2012-text {position: absolute; right:-40px; top:10px; width:105px; text-align:center; }
.company-history-year2016 {position: relative;display:block;margin:0;padding:0;border:0; float:left;width: 480px;  height:276px; background:url(../images/2016.png) no-repeat left bottom;}
.company-history-year2016-text {position: absolute; right:0px; top:10px; width:270px; text-align:center; }

.company-history-year2008 {position: relative;display:block;margin:0;padding:0;border:0; float:left;width: 239px;  height:336px; background:url(../images/2008.png) no-repeat right top;}
.company-history-year2008-text {position: absolute; left:20px; top:120px; width:115px; text-align:center; }
.company-history-year2010 {position: relative;display:block;margin:0;padding:0;border:0; float:left;width: 173px;  height:322px; background:url(../images/2010.png) no-repeat right top;}
.company-history-year2010-text {position: absolute; left:-47px; top:101px; width:115px; text-align:center; }
.company-history-year2014 {position: relative;display:block;margin:0;padding:0;border:0; float:left;width: 279px;  height:336px; background:url(../images/2014.png) no-repeat right top;}
.company-history-year2014-text {position: absolute; left:-17px; top:170px; width:110px; text-align:center; }
.company-history-year2017 {position: relative;display:block;margin:0;padding:0;border:0; float:left;width: 467px;  height:336px; background:url(../images/2017.png) no-repeat left top;overflow:hidden;}
.company-history-year2017-text {position: absolute; right:0px; top:30px; width:270px; text-align:center; }


/*=PRODUCTS PAGES
-----------------*/
.numbers-block {color:#2C318C; font-size:2em; border-top:1px solid #034EA2; border-bottom:1px solid #034EA2; padding-top:15px; padding-bottom:15px;}
.numbers-list {list-style:none; color:#2C318C; font-size:1.5em; border-bottom:1px solid #034EA2; height:170px;}
.numbers-list1 {float:left; width:15%; margin-left:-1.6em;}
.numbers-list2 {float:left; width:70%; border-left:1px solid #034EA2; padding-left: 1.3em;}
.awards-block {background-color:#D1D3D4; color:#2C318C; padding: 15px 15px 15px 7px;}

/*=OVERVIEW PAGES
-----------------*/
.overview-intro-banner {background-image:url(../images/overview-intro.jpg)!important; background-repeat:no-repeat!important; background-size:cover!important; position:relative; min-height:1000px;}
.overview-intro-content {color:#fff; font-size:2em; position:absolute; right:30px; bottom:400px; width:600px; background-color: rgba(0, 0, 0, 0.5);text-align: right; padding:15px;}
.overview-intro-banner h3 {font-size:6em;background-color: rgba(0, 0, 0, 0.5); padding:15px;}

.overview-organisation-banner {background-image:url(../images/overview-organisation.jpg)!important; background-repeat:no-repeat!important; background-size:cover!important; position:relative; min-height:1000px;}
.overview-organisation-content {color:#fff; font-size:2em; position:absolute; right:0px; bottom:200px; width:600px; background-color: rgba(0, 0, 0, 0.5);text-align: right; padding:15px;}
.overview-organisation-banner h3 {font-size:6em; background-color: rgba(0, 0, 0, 0.5);}
.overview-organisation-banner h4 {font-size:3em; color:#fff;position:absolute; right:800px; bottom:230px;}

.overview-value-banner {background-image:url(../images/overview-value.jpg)!important; background-repeat:no-repeat!important; background-size:cover!important; position:relative; min-height:1000px;}
.overview-value-content {color:#fff; font-size:2em; position:absolute; right:0px; bottom:200px; width:600px; background-color: rgba(0, 0, 0, 0.5);text-align: right; padding:15px;}
.overview-value-banner h3 {font-size:6em;background-color: rgba(0, 0, 0, 0.5);padding:15px;}
.overview-value-banner h4 {font-size:3em; color:#fff;position:absolute; right:800px; bottom:260px;}

.overview-perform-banner {background-image:url(../images/overview-perform.jpg)!important; background-repeat:no-repeat!important; background-size:cover!important; position:relative; min-height:1000px;}
.overview-perform-content {color:#fff; font-size:2em; position:absolute; right:0px; bottom:200px; width:600px; background-color: rgba(0, 0, 0, 0.5);text-align: right; padding:15px;}
.overview-perform-banner h3 {font-size:6em;background-color: rgba(0, 0, 0, 0.5);padding:15px;}
.overview-perform-banner h4 {font-size:3em; color:#fff;position:absolute; right:800px; bottom:300px;}

.overview-ops-banner {background-image:url(../images/overview-ops.jpg)!important; background-repeat:no-repeat!important; background-size:cover!important; position:relative; min-height:1000px;}
.overview-ops-content {color:#fff; font-size:2em; position:absolute; right:0px; bottom:200px; width:450px; background-color: rgba(0, 0, 0, 0.5);text-align: right; padding:15px;}
.overview-ops-banner h3 {font-size:6em;background-color: rgba(0, 0, 0, 0.5);padding:15px;}
.overview-ops-banner h4 {font-size:3em; color:#fff;position:absolute; right:790px; bottom:670px;}

.overview-gov-banner {background-image:url(../images/overview-gov.jpg)!important; background-repeat:no-repeat!important; background-size:cover!important; position:relative; min-height:1000px;}
.overview-gov-content {color:#fff; font-size:2em; position:absolute; right:0px; bottom:200px; width:450px; background-color: rgba(0, 0, 0, 0.5);text-align: right; padding:15px;}
.overview-gov-banner h3 {font-size:6em;background-color: rgba(0, 0, 0, 0.5);padding:15px;}
.overview-gov-banner h4 {font-size:3em; color:#fff;position:absolute; right:700px; bottom:280px;}

.overview-share-banner {background-image:url(../images/overview-share.jpg)!important; background-repeat:no-repeat!important; background-size:cover!important; position:relative; min-height:1000px;}
.overview-share-content {color:#fff; font-size:2em; position:absolute; right:0px; bottom:200px; width:450px; background-color: rgba(0, 0, 0, 0.5);text-align: right; padding:15px;}
.overview-share-banner h3 {font-size:6em;background-color: rgba(0, 0, 0, 0.5);padding:15px;}
.overview-share-banner h4 {font-size:3em; color:#fff;position:absolute; right:850px; bottom:280px;}

.overview-ceo-banner {background-image:url(../images/overview-ceo.jpg)!important; background-repeat:no-repeat!important; background-size:cover!important; position:relative; min-height:1000px;}
.overview-ceo-content {color:#fff; font-size:2em; position:absolute; right:0px; bottom:200px; width:450px; background-color: rgba(0, 0, 0, 0.5);text-align: right; padding:15px;}
.overview-ceo-banner h3 {font-size:4em;background-color: rgba(0, 0, 0, 0.5);padding:15px;}
.overview-ceo-banner h4 {font-size:3em; color:#fff;position:absolute; right:850px; bottom:500px;}

/*=BODY CONTENT
---------------*/
/** Text**/
main[role="main"] p {margin-bottom: 1em;line-height: 1.4; margin-top: 0; text-align:justify;}
main[role="main"] p.space {margin-bottom: 0em;line-height: 1.4; margin-top: 0;}
.introtext { font-size:1.2em;  color:#6D6E70; font-style:normal; line-height:1.3 }
.whitetext {color:#fff;}
.blacktext {color:#000;}
.tytle {text-transform:none; font-weight:100; font-size:12px}

/** LISTS**/
main[role="main"] ul, main[role="main"] ol {margin-bottom:.5em; margin-top: 0;}
main[role="main"] li {line-height:1.4;}
main[role="main"] li li, main[role="main"] li p {font-size:100%}
main[role="main"] ul.fa-ul {margin-top:2em;}
main[role="main"] ul.fa-ul li {line-height:1.5;}

ul.list {margin-left:-1.3em;list-style:disc;}
ul.list li,ol.list li {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}

ul.list ul.dashed {list-style-type: none;}
ul.list ul.dashed > li {text-indent: -15px;}
ul.list ul.dashed > li:before {content: "-";text-indent: -10px;}

/*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;}
.no-paddingB5{padding-bottom: 5px!important;}
.no-paddingT5{padding-top: 5px!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-20B{padding-bottom: 20px!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-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-35{margin: 35px!important;}
.margin-35L{margin-left: 35px!important;}
.margin-35R{margin-right: 35px!important;}
.margin-35T{margin-top: 35px!important;}
.margin-35B{margin-bottom: 35px!important;}

.margin-36T{margin-top: 36px!important;}

.margin-20{margin: 20px!important;}
.margin-20L{margin-left: 20px!important;}
.margin-20R{margin-right: 20px!important;}
.margin-20T{margin-top: 20px!important;}
.margin-20B{margin-bottom: 20px!important;}

.margin-25{margin: 25px!important;}
.margin-25L{margin-left: 25px!important;}
.margin-25R{margin-right: 25px!important;}
.margin-25T{margin-top: 25px!important;}
.margin-25B{margin-bottom: 25px!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-15B{margin-bottom: 15px!important;}

/*BUTTONS*/
p.more-button {font-size:1.2em; font-family:'Roboto', Arial, Helvetica, sans-serif;}
p.more-button a:link, p.more-button a:visited {display:inline; padding:.4em 1.5em; text-decoration:none; border-radius:5px;color:#fff;}
p.more-button a:hover {text-decoration:underline;}
p.button a {display:inline-block;padding:.75em;background-color:#2BB673;color:#fff;text-decoration:none;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px; font-weight:600}
p.button a:hover {background:#FFCB08;color:#000}
p.button.enlarge a:before {content:'\f00e';font-family:'fontawesome';speak:none;font-size:1.25em;padding-right:.5em}
p.button.pdf a:before {content:'\f016';font-family:'fontawesome';speak:none;font-size:1.25em;padding-right:.5em}
p.button.imgs a:before {content:'\f1c5';font-family:'fontawesome';speak:none;font-size:1.25em;padding-right:.5em}

/*COLOURS*/
/*.switch-blue {color:#00AEEF}*/
.switch-lightblue {color:#1C70B8}
.switch-darkblue {color:#2C318C;}
.switch-purple {color:#652B82;}
.switch-lighterblue {color:#00B9F1}
.switch-orange {color:#E75125}
.switch-lightornge {color:#E88024}
.switch-green {color:#00A199}
.switch-lightpurple {color:#932682}
.switch-white {color:#fff}

.material-purple {color:#652B82}
.material-red {color:#BF2126}
.material-green {color:#00A199}
.material-blue {color:#36A8DF}

.material-purpleleft {border-left:2px solid #652B82;}
.material-redleft {border-left:2px solid #BF2126;}
.material-greenleft {border-left:2px solid #00A199;}
.material-blueleft {border-left:2px solid #36A8DF;}

/*=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:#0c79a6;}
.expand a:hover, .expand a:active, .expand a:focus {background:#ccc;color:#fff}
.expand a.open:link, .expand a.open:visited {background:#666;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; list-style-type: none !important;}
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;}

.border-thick-yellow { border-bottom:1px solid #FEC828; padding-bottom: 8px;}

/*AFS*/
.insidehead {border-bottom:solid 1px #FFD200; border-top:solid 1px #FFD200; text-transform:uppercase;}
.captionfin {font-size:12px;}

/*.datatable tr:hover, .datatable tr.hilite {background-color: #e3e4dd;color: #000000;}
.finheaderyellow {background-color:#FFD200; color:#000000; border-bottom:1px solid #000;}
.finheaderyellowright {background-color:#FFD200; color:#000000;}
.fintopthickthinbot {border-top:3px solid #000; border-bottom:1px solid #000;}
.fintopthick {border-top:3px solid #000;}
.fintopthicker {border-top:4px solid #000;}
.fintopthickeryellow {border-top:4px solid #ffc627; border-bottom:1px solid #000 }
.fintopthickeryellow-right {border-top:4px solid #ffc627; border-right:1px solid #000; border-bottom:1px solid #000 }
.finbottomthickeryellow-bottom {border-bottom:4px solid #ffc627;}

.fintopthicker-yellow {border-top:4px solid #ffc627; background:#000; color:#fff;}
.fintopthickright {border-top:3px solid #000; border-right:1px solid #000;}
.fintopthickerright {border-top:4px solid #000; border-right:1px solid #000;}
.fintopthickthinbotright {border-top:3px solid #000; border-bottom:1px solid #000; border-right:1px solid #000;}
.finbotthin {border-bottom:1px solid #000;}
.finbotthinright {border-bottom:1px solid #000; border-right:1px solid #000;}
.finbotright {border-bottom:1px solid #000; border-right:1px solid #000;}
.finright {border-right:1px solid #000;}
.finthickeryellow { border-bottom:4px solid #FFD200 }
.finthickeryellow-right { border-bottom:4px solid #FFD200; border-right:1px solid #000;  }
.finheaderyellowborder {background-color:#FFD200; color:#000000; border:1px solid #000; padding:6px; font-size:30px;}
.finheaderyellowleftrightbot {background-color:#FFD200; color:#000000; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; padding:6px; font-size:30px;}

.finheaderwhiterightbottop {color:#000000; border-bottom:1px solid #000; border-top:1px solid #000; border-right:1px solid #000; padding:6px;}

.finheaderwhitebotright {color:#000000; border-bottom:1px solid #000; border-right:1px solid #000; padding:6px;}

.bustopbotright {border-bottom:1px solid #000; border-top:1px solid #000; border-right:1px solid #000;}
.busbotright {border-bottom:1px solid #000; border-right:1px solid #000;}
.busbottop {border-bottom:1px solid #000; border-top:1px solid #000;}
.busbot {border-bottom:1px solid #000;}

.stakebluepad {background-color:#E4EAF3; border-bottom:8px solid #1B6D9D; padding:10px;}
.stakedarkbluepad {background-color:#1B6D9D; color:#fff}
.stakebluepadthinline {background-color:#E4EAF3; border-bottom:1px solid #1B6D9D; padding:10px;}
.stakebluebottomline {border-bottom:2px solid #1B6D9D;}
.stakebluenopadthinline {background-color:#E4EAF3; border-bottom:1px solid #1B6D9D;}
.stakeblue {background-color:#E4EAF3; border-bottom:2px solid #1B6D9D;}

.stakeyellowpad {background-color:#FEF6DE; border-bottom:8px solid #FEC828; padding:10px;}
.stakeyellow {background-color:#FEF6DE; border-bottom:2px solid #FEC828;}

.stakeliteyellowpad {background-color:#FFFDDF; border-bottom:8px solid #FEC828; padding:10px;}
.stakeliteyellow {background-color:#FFFDDF; border-bottom:2px solid #FEC828;}

.matrightthickpink {border-left:4px solid #ee2464; border-bottom:1px solid #4c4d4e;}
.matthickpink {border-left:4px solid #ee2464; }
.matrightthinpink {border-right:1px solid #ee2464;  border-bottom:1px solid #4c4d4e;}
.matrightthickyellow {border-left:4px solid #fff200; border-bottom:1px solid #4c4d4e;}
.matthickyellow {border-left:4px solid #fff200; }
.matrightthinyellow {border-left:1px solid #fff200;  border-bottom:1px solid #4c4d4e;}
.matleftyellow {border-left:1px solid #fff200;  }
.matrightthingrey {border-bottom:1px solid #4c4d4e;}
.matrightpink {border-right:1px solid #ee2464;  }*/


.table-header1 {background-color:#2C318C; color:#fff;}
.table-header2 {background-color:#DCDDDE;}

.table-heading {font-size:1.1em; color:#00AEEF;}

.business-grey-block {background-color:#E6E7E8; color:#2C318C; padding:10px}
.business-thick-blueline {border-bottom:2px solid #2C318C}
.business-white-block {background-color:#fff; padding:10px;border-bottom:1px solid #2C318C;}
.lightgrey { background:#E8F0F3;}
.fincolumnwhite { background:#fff;}
.material-grey-block {background-color:#E6E7E8; color:#2C318C;}

.lightgreyrowleft {background:#E8F0F3;border-bottom:1px solid #28245C;border-left:1px solid #28245C;border-top:1px solid #28245C;!important}
.lightgreyrowleft {background:#E8F0F3;border-bottom:1px solid #28245C;border-right:1px solid #28245C;border-top:1px solid #28245C;!important}


.material-grey-block {background-color:#E6E7E8; color:#2C318C; padding:5px}
.material-grey-block-blk {background-color:#E6E7E8;padding:5px}

.material-botleft {border-bottom:1px solid #2C318C;border-left:1px solid #2C318C}
.material-bot {border-bottom:1px solid #2C318C;}
.material-grey-botleft {background-color:#E6E7E8;border-bottom:1px solid #2C318C;border-left:1px solid #2C318C;}
.material-grey-bot {background-color:#E6E7E8;border-bottom:1px solid #2C318C;}
.material-border-white {border:4px solid #fff;}

.strategycolblue { background:#E7F6FD;padding:10px;}
.strategycolgreen { background:#EDF2EA;padding:10px;}
.strategycolgrey { background:#EDECEC;padding:10px;}

.financialbluetop {border-top:3px solid #00AEEF;}
.financialbluebot {border-bottom:3px solid #00AEEF;}
.financialblueleft {border-left:3px solid #00AEEF;}
.financialbluetext {color:#00AEEF; font-size:20px}

.profilepurple {background:#7D7596;padding:10px; color:#FFF}
.profileborderthick {border:2px solid #7D7596;;padding:10px;}
.profileborderthin {border:1px solid #7D7596;;padding:10px;}

.profilebotleft {border-bottom:1px solid #28245C;border-left:1px solid #28245C;}
.profilebotleftrgt {border-bottom:1px solid #28245C;border-left:1px solid #28245C;border-right:1px solid #28245C;}

.blue-border-line {position: relative;display:block;border:1px solid #00AEEF;box-sizing: border-box;padding-bottom:1px;background:url(images/triangle.png) no-repeat right 1px top 1px; padding:10px; margin-bottom:1em}
.blue-border-line p {margin-bottom:0 !important}
.icon-page { position:relative; bottom:-4px;}
.grey-feedback { background:url(images/bg-feedback.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; padding:10px; margin-bottom:1em;}

.investmentblue {background:#DDEAEF;padding:10px;}
.footprintblue {background:#C7EAFB;padding:10px;}

.navbackground {background:#FFEFC9;padding:10px;}

.bg-performance{ background: rgba(51, 68, 89, 0.7)!important; color:#fff!important;}
.performance-outter {float:left; width:calc(50% - 50px); padding:25px;}
.performance-inner {padding:25px; border-left:1px solid #fff; position:relative;}
.performance-yellow-text {color:#ffcb05;}
.performance-img {position:absolute; top:30%; left:-30px;}

/*=ICONS
--------*/
.fa-volume-up {color:#000;}
.fa-file-pdf-o {color:#c11e07;}
.fa-file-excel-o {color:#549f3a;}

i.icons {width:100%;}
i.icons {float:left; } /*100% divice 6 = 16.66666666666667%*/
i.icons img {margin:0 auto;width:10%;height:10%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: 1px solid #006f51; float:left; display:inline; margin-right:.5em; margin-bottom:.5em;}

i.icons-model {width:100%;}
i.icons-model {float:left; } /*100% divice 6 = 16.66666666666667%*/
i.icons-model img {margin:0 auto;width: 4%;height:10%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: 1px solid #006f51; float:left; display:inline; margin-right:.5em; margin-bottom:.5em;}

/*=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;}

/*=LINKS
--------*/
a {outline:none}
a:link {color:#707070;}
a:visited {color:#707070;}
a:hover {color:#000;text-decoration:none;}


/*pagination*/
footer[role="paginationinfo"]  {padding:0em;margin: 0em auto;background: #325C94; width:1280px;}
.pagination-links {margin:0 auto;max-width:1280px;padding:0;font-family: 'Roboto', Arial, Helvetica, sans-serif;font-weight: normal;background: #325C94;}
.pagination-links .lft, .pagination-links .rgt {position:relative;}
.pagination-links .lft {width:50%;border-right:1px solid #ccc; cursor:pointer; background:url(../images/footer-arrow-left.png) no-repeat left 10px center; -webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.pagination-links .rgt {background:url(../images/footer-arrow-right.png) no-repeat right 10px center;  -webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease; }
.pagination-links .lft div#arrow-left, .pagination-links .rgt div#arrow-right {position:absolute; top:15px;font-size:44px;color:#000;}
.pagination-links .lft div#arrow-left {float:left;left: 30px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.pagination-links .rgt div#arrow-right {float:right;right: 30px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}

.pagination-links .lft div#arrow-left:before {content:'\f104';font-family:'fontawesome';speak: none;}
.pagination-links .rgt div#arrow-right:after {content:'\f105';font-family:'fontawesome';speak: none;}
.pagination-links .rgt {text-align:right}
.pagination-links .lft:hover div#arrow-left, .pagination-links .rgt:hover div#arrow-right {-webkit-transition:all 1.3s ease;-moz-transition:all 1.3s ease;-ms-transition:all 1.3s ease;-o-transition:all 1.3s ease;transition:all 1.3s ease;}
.pagination-links .lft:hover {background:url(../images/footer-arrow-left.png) no-repeat left 0px center;  transition-delay: 0.3s; }
.pagination-links .rgt:hover {background:url(../images/footer-arrow-right.png) no-repeat right 0px center;  transition-delay: 0.3s; }
.pagination-links .lft:hover div#arrow-left {left:2px; color:#fff; }
.pagination-links .rgt:hover div#arrow-right {right:2px; color:#fff;}
.pagination-links .lft p {float:left;margin-left:4em; padding-top: 8px; }
.pagination-links .rgt p {float:right;margin-right: 4em; padding-top: 8px; }
.pagination-links i {font-style:normal;padding-bottom: 0.5em;display:block;color:#fff;border-bottom:2px solid #fff;}
.pagination-links b {color:#fff;font-weight:800;font-size:1.25em; margin-top: 0.3em; display: block;}
.pagination-links em {display:none}

/*=FOOTER
---------*/
.footer-container {position: relative; display:block;padding: 0;margin:0; background: #325C94; }
footer[role="contentinfo"] {padding:1.5em  0;font-size:.875em;background:#021C33;color:#fff;margin-bottom:0;/* margin-top: 1.5em; */width:100%;position: absolute;text-transform: uppercase;}
footer[role="contentinfo"] .gutter {padding:.25em 0.875em; width:1280px;     margin: 0 auto;}
footer[role="contentinfo"] img {float:left;width:200px}
footer[role="contentinfo"] p#copyright {text-align:left;}
footer[role="contentinfo"] p#copyright br.rwd-line {display:none}
footer[role="contentinfo"] p#copyright span {float:right;}
footer[role="contentinfo"] a {color:#fff}

/*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:#000;background-color:#ffc627;-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; display:none;}
#back-to-top:after {content:'\f106';font-family:'fontawesome';speak: none;display:none;}
#back-to-top:hover {background:#ccc;display:none;}

@media print {
/*=BODY, FRAME
--------------*/
body {font-size:76%;text-align:left;color:#000;font-family:Arial, Helvetica, sans-serif;background:#fff}
#wrap, #container {width:100%;margin:0;padding:0;float:none} /*Remove container floats*/
/*=HEADER, LOGO
---------------*/
header[role="banner"] {float:none !important;background-image:none;padding-bottom:1em;border-bottom:1px solid #ccc;margin-bottom:1em}
header[role="banner"] h1 {float:none !important;font-size:12pt}
header[role="banner"] h1 a {color:#000;text-decoration:none;}
#logo {display:block}

/*=DISPLAY NONE
---------------*/
.move, nav, .menu-link, #breadcrumb, #utility, #toolbar, footer[role="contentinfo"], .pagination {display:none} /*Hide things that must not print*/

/*=BODY SPECIFIC
----------------*/
.grid-list li {margin:0;list-style-type:none;float:none;width:100%}

/*=LINKS, URLS
---------------*/
a:link, a:visited {color:#520;font-weight:bold;text-decoration:underline;}
.content-frame a[href^="http://"]:after, .content-frame a[href^="ftp://"]:after {content: " [" attr(href) "]";font-size: 90%;} /*Write out any web links*/
}

/*AFS*/
.insidehead {border-bottom:solid 1px #FFD200; border-top:solid 1px #FFD200; text-transform:uppercase;}
.redblock {color:#FFFFFF; background-color:#D2232A; padding:5px 0px 5px 0px; font-weight:bold;}
.darkgreyblock {color:#FFFFFF; background-color:#4C4D4F; padding:5px 0px 5px 0px; font-weight:bold;}
.lightgreyblock {color:#FFFFFF; background-color:#818386; padding:5px 0px 5px 0px; font-weight:bold;}
.finthinred { border-bottom:1px solid #D2232A;}

.findottedtop {border-top:2px dotted #6D6E71;}
.findottedbot {border-bottom:2px dotted #6D6E71;}
.roundyellow {border:2px solid #FFD200; padding-left: 10px;}
.roundblack {border:2px solid #000000; padding-left: 10px;}
.ruleBot {border-bottom:2px solid #000000;}

.corporatebox {padding:10px; border-left:1px solid #1B6D9D; border-right:1px solid #1B6D9D; background-color:#F1F4F8; border-bottom:1px solid #1B6D9D;}
.blueboxintro { padding:10px; text-align:center; border:1px solid #1B6D9D;}