@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:100&display=swap');
@font-face {
    font-family: 'CalibriRegular';
    src: url("../fonts/calibri.ttf");
}
@font-face {
    font-family: 'CalibriLight';
    src: url("../fonts/calibril.ttf");
}

/*body, html {
    margin: 0;
    font-family: 'aaux-next', sans-serif;font-weight: 400;font-style: normal;
	    width: 100%;
    overflow-x: hidden;
}*/



h5, .h5 {
    display: block !important;
    width: 100% !important;
}

ol li a:link, ol li a:visited {color:#083052; }
ol li a:hover {color:#29B773; font-weight:500; }



/* Structure */
.wrapper {
    display: block;
    position: relative;
    width: 100%;
}

header {
    padding: 0;
    margin: 0 auto;
    display: block;
    position: relative;
    max-width: 1280px;
    top: 0px;
    width: 100%;
}
.page {
    margin-top: 110px;
    position: relative;
    z-index: 0;
}
.cols-3 > section {
    width: 33.3%;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
}
.cols-4 > section {
    width: 24.9%;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
}
.col-70 {
    width: 69.9%;
    margin-right: -4px;
    display: inline-block;
    vertical-align: top;
}
.col-66 {
    width: 66%;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
}
.col-60 {
    width: 59.9%;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
}
.col-40 {
    width: 39.9%;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    position: relative;
}
.col-30 {
    width: 29.9%;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
}
.col-25 {
    width: 24.9%;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
}
.col-15 {
    width: 14.9%;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
}
/* Header */
header {
    z-index: 2;
}
header > section {
    max-width: 1280px;
    margin: 0 auto;
    text-align: right;
}
.toolbar-wrapper {
    background: #083052;
    width: 100%;
    position: absolute;
    top: 160px;
    z-index: 1;
}
.toolbar {
    max-width: 1230px;
    padding: 10px 25px 0px 25px;
    margin: 0 auto;
    position: relative;
}
.logo {float: right; margin-right: 50px;}
.nav-strip-pattern
{
	float: right;
	width: 100%;
	max-width: 614px;
}
.nav-bar-spacer-block {
  border-top: 10px solid #083052;
  border-bottom: 2px solid #083052;
}
.report-title-head {
    float: inherit;
    margin-top: 60px;
}
.nav-strip-pattern img
{
	width: 100%;
}
header section div {
    display: inline-block;
    padding-right: 25px;
}

header h2 {
    font-family: 'CalibriLight', sans-serif;
    color: #27aae1;
    font-size: 33px;
    margin: 0;
    line-height: 1em;
	text-transform: uppercase;
}
.toolbar > section {
    width: 49.9%;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
}
.toolbar > section:nth-of-type(2) {
    text-align: right;
}
.toolbar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.toolbar ul li {
    display: inline-block;
    padding: 10px 10px 10px 10px;
    position: relative;
    vertical-align: top;
    z-index: 1;
    text-align: center;
}
.toolbar ul li:before {
    width: 40px;
    height: 40px;
    background: #083052;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 5px;
    content: '';
    z-index: -1;
    display: none;
}
.menu-button {
    color: #FFF !important;
    text-decoration: none !important;
    font-size: 34px;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding-left: 40px;
    position: relative;
	display:inline-block; /*EB added*/
}
/*
.menu-button:before {
    content: url("../images/icon_menu.png");
    position: absolute;
    left: 0px;
}
*/

/*MENU TRIGGER UPATE - WITH CHANGING HAMBURGER ICON*/
.toolbar-wrapper p {margin-bottom: 0;}			
a.menu-button i {font-style: normal;font-weight: 400}		
span.nav-toggle {display:inline-block;top: 50%;transform:translateY(-50%);}
span.nav-toggle, span.nav-toggle:before, span.nav-toggle:after {border-radius: 1px;height: 2px;width: 35px;background:#fff;position: absolute;display: block;content: '';left:0}
span.nav-toggle {display:table-cell;vertical-align:middle}
span.nav-toggle:before {top: -10px;}
span.nav-toggle:after {bottom: -10px; }

span.nav-toggle, span.nav-toggle:before, span.nav-toggle:after {transition: all 500ms ease-in-out;}
.active span.nav-toggle {background-color: transparent;}
.active span.nav-toggle:before, .active span.nav-toggle:after {top:0;}
.active span.nav-toggle:before {transform: rotate(45deg);}
.active span.nav-toggle:after {transform: rotate(-45deg);}

.menu-wrapper {
    width: 100%;
    display: block;
    background: #AED9E5;
    position: absolute;
    height: auto;
    z-index: 6;
}
nav {
    max-width: 1230px;
    padding: 52px 25px 50px 0;
    margin: 0 auto;
    width: 100%;
	display:none;
}
nav > ul {
    list-style: none;
    margin-top: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
nav ul > li {
    padding: 10px 0;
    font-size: 18px;
    width: 40%;
    /* background: #FFF; */
    color: #083052 !important;
    cursor: pointer;
    -webkit-transition: background 0.3s ease-out, color 0.3s ease-out;
    transition: background 0.3s ease-out, color 0.3s ease-out;
    padding-left: 51px;
}
nav ul li ul {
    position: absolute;
    left: 500px;
    top: 0px;
    margin-top: 0px;
    list-style: none;
    margin-left: 0px;
    padding: 0px;
    display: none;
}
nav ul li a {
    text-decoration: none !important;
    color: #083052;
    padding: 14px 0 14px 0px;
    width: 100%;
    position: relative;
}
nav > ul li:hover {
    /* background: #083052; */
    color: #ED1C25;
}
nav > ul > li:hover >a:before {
    content: url("../images/menu-arrow.png");
    position: absolute;
    left: -50px;
    top: 6px;
}
nav > ul li:hover a {
    color: #FFF;
}
nav ul li ul li {
    font-size: 18px;
    width: auto;
}
nav ul li ul li:hover {
    background: none;
}
nav ul li:hover ul li a {
    background: none;
    color: #083052;
}
ul.submenu {
    border-left: solid #707070 1px;
    padding-left: 50px;
    height: 100%;
    /*width: 100%; causes horizontal scroll*/
}
ul.submenu.active {
    display: block;
}
ul.submenu li {
    padding: 5px 0;
}
ul.submenu li a {
    color: #083052;
	    padding-left: 0;
}
ul.submenu li a:hover {
    color: #D8262C;
}

	nav > ul li:hover  > a {color: #FFF!important;}
	nav > ul li { color:#083052 !important;}
	
	ul.submenu li:hover  > a{color:#d8262d!important}

/* Footer */
.footer {
    border-top: solid #083052 2px;
    border-bottom: 10px solid #083052;
    padding: 20px 0;
    margin: 57px auto 0 auto;
    margin-bottom: 0px;
    float: left;
    width: 100%;
}

footer {
    max-width: 1240px;
    padding: 0;
    margin: 0 auto;
}
.section-right-footer {
float: right;
    display: inline-block;
    vertical-align: top;
	text-align: right;
	max-width: 20%;
}
/*.section-left-footer:before{
	content: '';  
    background-color: #D8262C;
    border: 1px solid #D8262C;
	
}*/
.section-left-footer {
   float: left;
    display: inline-block;
    vertical-align: top;
	text-align: left;
	max-width: 20%;
}

.section-middle-footer {
    width: 59%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-top: 0;
}
.page-button {
    padding: 1px 9px 1px 0px;
    background: #FFF;
    display: inline-block;
    position: relative;
    border: 1px solid #083052;
}
.section-left-footer .page-button
{
	text-align: left;
	border-top-right-radius: 15px;
	

}
.section-right-footer .page-button
{
	text-align: right;
}
.page-button a:link { text-decoration:none;}

.page-button.next {
    padding-right: 60px;
    border-top-left-radius: 15px;padding-left: 29px;
}

.page-button.back {
    padding-left: 60px;
}
.page-button.back:hover:before{background: #0a3254;transition: all .5s linear;}
.page-button.back:before {
   
        font-family: 'icomoon';
        position: absolute;
        left: -1px;
        top: -1px;
        color:#fff;
        width: 54px;
        height: 104%;
        background: #d8272d;
        font-size: 29px;
        padding: 7px;    content: "\e943";transition: all .2s linear;
}
.page-button.next:after {
       content: "\e944";
        font-family: 'icomoon';
    position: absolute;
     right: -1px;
    top: -1px;
  color:#fff;
    width: 54px;
   height: 104%;
    background: #d8272d; font-size: 29px;
        padding: 7px;transition: all .2s linear;
} .page-button.next:hover:after{background: #0a3254;transition: all .5s linear;}
.page-button a {
    text-decoration: none;
}
.button-text {
    font-size: 18px;
    color: #083052;
    width: 100%;
	
}
.page-preview {
    font-size: 16px;
    color: #604CA0;
}
footer > section:nth-of-type(2) {
    text-align: center;
}
footer > section:nth-of-type(3) {
    text-align: right;
}
footer > section:nth-of-type(2) div {
    display: inline-block;
    text-align: right;
}
.footer-name-report
{
	margin-bottom: 20px;
	color: #083052;
}

.footer-name-report p {
    color: #083052;
    font-size: 20px;
    margin: 0;
	margin-top: 20px;
	text-transform: uppercase;    text-align: right;    font-weight: 400
}

/*back to top arrow*/
#back-to-top {position:fixed;bottom:200px;right:5%;text-decoration:none;width:49px;height:30px;display:block;}
#back-to-top:after {content: url("../images/icon_chev_up.png");width:49px;height:30px;}

/* Global styles */
/**h3 {
    font-size: 48px;
    color: #083052;
    line-height: 1.1em;
    margin: 50px 0 50px 0;
font-family: aaux-next, sans-serif;
font-weight: 700;
font-style: normal;
	
	
	
}**/
/*h2 {
    font-size: 20px;
    font-weight: 300;
    color: #083052;
    line-height: 1.4em;
    padding: 20px 0 40px 0;
}*/
/*h3 {
    font-size: 35px;
    font-weight: 800;
    color: #083052;
    line-height: 1.1em;
    margin: 50px 0px 20px 0;
}
h4 {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1.4em;
    color: #083052;
    margin: 0 0 20px 0;
    font-weight: 300;
}
h5 {
    font-size: 30px;
    font-family: 'CalibriLight', sans-serif;
    font-weight: 200;
    color: #29B773;
    line-height: 1.2em;
    margin: 0 0 20px 0;
}
h6 {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2em;
    text-transform: uppercase;
    color: #083052;
    margin: 0;
}*/
h7 {
    font-size: 20px;
    font-weight: 800;
    color: #083052;
    line-height: 1em;
    margin: 0;
}
a.button-link {
    color: #083052;
    text-decoration: none;
    padding: 0 0 0 20px;
    position: relative;
}
h8 {
    font-size: 20px;
    color: #083052;
    line-height: 1.6em;
    margin: 0;
}
a.button-link:before {
    content: url("../images/icon_chev-blue.png");
    position: absolute;
    left: 0px;
    top: 2px;
}
a.button {
    display: inline-block;
    padding: 20px 20px 20px 35px;
    border: solid #083052 1px;
    font-size: 18px;
    color: #083052;
    position: relative;
    text-decoration: none;
}
a.button:before {
    content: url("../images/icon_chev-lightblue.png");
    position: absolute;
    left: 20px;
    top: 20px;
}
ul {
    padding-left: 18px;
}
ul li {
    line-height: 1.4em;
    font-size: 16px;

}
.wrapper.padded {
    padding-top: 88px;
    padding-bottom: 114px;
}
.border-top {
    border-top: solid #083052 1px;
}
.caps {
    text-transform: uppercase;
}
/*p {
    color: #525151;
    font-size: 15px;
    line-height: 1.2em;
    margin: 0 0 20px 0;
}*/
a {
    text-decoration: underline;    font-weight: 400;
}

/*=LINKS
--------*/
a {outline:none}
a:link {color:#0a3254;font-weight:400;}
a:visited {color:#0a3254;}
a:hover {color:#D9272D;text-decoration:none;}



img {
    border: none;
}
.shim-90 {
    height: 90px;
    display: block;
}
.shim-50 {
    height: 50px;
    display: block;
}
.inset {
    padding-left: 20px;
}
.block {
    border: solid #083052 1px;
    padding: 20px;
    position: relative;
    display: block;
}
.limit-1 {
    max-width: 90%;
}
.center {
    text-align: center;
}
ul.blue-line li {
    border-bottom: solid #083052 thin;
    font-size: 18px;
}
/* Tabs */
.tabs {
    width: 100%;
    display: block;
    position: relative;
}
.tab-header-wrapper {
    width: 100%;
    display: block;
    border-top: solid #083052 1px;
    border-bottom: solid #083052 1px;
    position: relative;
}
.tabs-header {
    max-width: 1280px;
    margin: auto;
    border-bottom: solid #083052 15px;
}
.tab {
    padding: 36px 20px 36px 43px;
    background: #FFF;
    color: #083052;
    display: inline-block;
    font-size: 20px;
    margin-right: -4px;
    position: relative;
    cursor: pointer;
    -webkit-transition: background 0.3s ease-out, color 0.34s ease-out;
    transition: background 0.3s ease-out, color 0.34s ease-out;
}
.tab:before {
    content: url("../images/icon_chev-white.png");
    position: absolute;
    left: 25px;
    top: 40px;
}
.tab.active {
    background: #083052;
    color: #FFF;
}
.tab-content-wrapper {
    border-bottom: solid #083052 1px;
}
.tabs-content {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    height: 660px;
    -webkit-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out;
}
section.tab-item {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    padding: 87px 0 50px 0;
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}
.tab-item .content {
    padding: 0 25px;
}
.tab-item.active {
    opacity: 1;
    z-index: 0;
}
/* Accordion */
.accordion {
    margin: 50px 0;
	    width: 100%;
}
.accordion > section {
    margin-bottom: 18px;
}
.accordion > section h1 {
    font-size: 18px;
    color: #018694;
    padding: 10px 12px 7px 100px;
   /* border: solid #083052 1px;*/
    margin: 0 0 -1px 0;
    position: relative;
    -webkit-transition: background 0.3s ease-out, color 0.34s ease-out;
    transition: background 0.3s ease-out, color 0.34s ease-out;
    cursor: pointer;
	background: #E6E7E8;
	    min-height: 60px;
}
.accordion > section > article {
    padding: 20px 20px 55px 36px;
    border: solid #E6E7E8 2px;
}
.accordion > section h1:before {
    content: url("../images/icon_chev-lightblue.png");
    position: absolute;
    top: 0px;
    left: 1px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
	    background: #018694;
    padding: 19px 24px;
}
.accordion > section.active h1 {
    background: #018694;
    color: #FFF;
}
.accordion > section h1:before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.accordion > section.active h1:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	    padding: 13px 18px;
}
.qicon {
    color: #CFCFCF;
	font-size: 38px;
    position: absolute;
    left: 68px;
    /*top: 24px;*/
	top:50%;
	transform:translateY(-50%);
    font-weight: 300!important;
}

.accordion > section.active .qicon {
    color: #CFCFCF;
	font-size: 38px;
    position: absolute;
    top: 20px;
    font-weight: 300!important;
}
.accordion .content {
    position: relative;
}
/*.accordion article .content:before {
    content: 'A:';
    color: #29B773;
    font-size: 30px;
    position: absolute;
    top: -10px;
    left: -40px;
}*/
/* Tables */
table {
    width: 100%;
    display: table;
}
table.standard thead tr th {
    border-bottom: solid #083052 2px;
    padding: 0 10px 5px 0;
    text-align: right;
    color: #606060;
    font-weight: 300;
}
table.standard thead tr th:nth-of-type(2) {
    background: #DDE7F6;
    color: #083052;
    font-weight: 800;
}
table.standard tbody tr td {
    text-align: right;
    padding: 0 10px 5px 0;
    color: #606060;
}
table.standard tr td:nth-of-type(2) {
    background: #DDE7F6;
    font-weight: 800;
}
table.standard tr:nth-of-type(1) td:nth-of-type(2) {
    border-top: solid #083052 2px;
}
table.standard tbody tr:nth-of-type(1) td {
    padding-top: 15px;
}
table.standard tbody tr td:nth-of-type(1) {
    text-align: left;
}
table.standard tbody tr:nth-last-of-type(1) td {
    border-bottom: solid #606060 1px;
}
/* Page styles */
.page-name {
    font-size: 12px;
   /* text-align: right;*/
    color: #525151;
    position: relative;
    top: 0px;
    z-index: 4;margin: 10px 0;
}


.page-name p { margin-bottom:5px; font-size:13px}
.homepage-header {
    padding-top: 130px;
    position: relative;
    height: 594px;
    background: url("../images/home-haeder-bg.jpg") no-repeat;
    background-position: 420px top;
}
.homepage-header .slide {
    z-index: 0;
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 130px;
    -webkit-transition: opacity 0.5s ease-out 0.06s;
    transition: opacity 0.5s ease-out 0.06s;
}
.homepage-header .slide section {
    position: relative;
}
.homepage-header .slide.active {
    z-index: 1;
    opacity: 1;
}
.homepage-header .slide section:nth-of-type(1) {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}
.homepage-header .slide section:nth-of-type(2) {
    width: 52.1%;
    display: inline-block;
    vertical-align: top;
    padding-left: 90px;
}
.homepage-header .slide-navigation {
    position: absolute;
    top: 130px;
    right: 0px;
    z-index: 2;
}
.slide-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.slide-navigation ul li {
    background: #FFF;
    padding: 18px 20px 18px 50px;
    position: relative;
    display: block;
    width: 230px;
    border: solid #84CFC5 1px;
    font-size: 18px;
    color: #84CFC5;
    margin: 0 0 10px 0;
    cursor: pointer;
    -webkit-transition: background 0.3s ease-out, color 0.34s ease-out;
    transition: background 0.3s ease-out, color 0.34s ease-out;
}
.slide-navigation ul li:before {
    content: url("../images/icon_chev-turq.png");
    position: absolute;
    left: 20px;
    top: 20px;
}
.slide-navigation ul li:nth-of-type(3) {
    border-color: #1B5DAF;
    color: #1C5FAF;
}
.slide-navigation ul li:nth-of-type(4) {
    border-color: #4E54A7;
    color: #4E54A7;
}
.slide-navigation ul li.active {
    background: #268FD0;
    color: #fff;
    border: none;
}
.slide-navigation ul li.active:before {
    content: url("../images/icon_chev-white.png");
}
.caption {
    /* position: absolute; */
    /* bottom: 20px; */
    /* left: -20%; */
    font-size: 13px;
    /* text-align: right; */
    /* width: 200px; */
}
.caption:after {
    content: url("../images/icon_arrow-turq.png");
    position: absolute;
    right: -20px;
    top: 0px;
}
.tab-blocks {
    margin: 40px 0 88px 0;
}
.tab-blocks > section > .content {
    margin-right: 18px;
    border: solid #84CFC5 1px;
    padding: 20px 10px;
    text-align: center;
    color: #84CFC5;
}
.tab-blocks > section:nth-of-type(2) > .content {
    border-color: #99CB46;
}
.tab-blocks > section:nth-of-type(2) > .content p {
    color: #99CB46;
}
.tab-blocks > section:nth-of-type(3) > .content {
    border-color: #083052;
    
}
.tab-blocks > section:nth-of-type(3) > .content p {
    color: #083052;
}
.tab-blocks > section:nth-child(3n) {
    margin-right: 0px;
}
.themes {
    margin-top: 40px;
}
.themes > section > .content {
    margin-right: 23px;
    margin-bottom: 42px;
    border: solid #083052 1px;
    padding: 23px 10px 20px 10px;
    text-align: center;
    height: 90%;
}
.themes > section:nth-child(3n) .content {
    margin-right: 0px;
}

.themes > section > .content h6 {     font-style: normal; text-transform: none; font-size: 18px;}
.themes > section > .content img {     width:15%}


.themes h4 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 3500;
}
.themes > section .content a.button-link {
    color: #083052;
}
.themes > section:nth-of-type(2) .content {
    border-color: #84CFC5;
}
.themes > section:nth-of-type(2) .content h4 {
    color: #84CFC5;
}
.themes > section:nth-of-type(2) .content a.button-link {
    color: #84CFC5;
}
.themes > section:nth-of-type(3) .content {
    border-color: #008694;
}
.themes > section:nth-of-type(3) .content h4 {
    color: #008694;
}
.themes > section:nth-of-type(3) .content a.button-link {
    color: #008694;
}
.themes > section:nth-of-type(4) .content {
    border-color: #99CB46;
}
.themes > section:nth-of-type(4) .content h4 {
    color: #99CB46;
}
.themes > section:nth-of-type(4) .content a.button-link {
    color: #99CB46;
}
.themes > section:nth-of-type(5) .content {
    border-color: #604CA0;
}
.themes > section:nth-of-type(5) .content h4 {
    color: #604CA0;
}

.themes > section:nth-of-type(5) .content a.button-link {
    color: #604CA0;
}
.themes > section:nth-of-type(6) .content {
    border-color: #29B773;
}
.themes > section:nth-of-type(6) .content h4 {
    color: #29B773;
}
.themes > section:nth-of-type(6) .content a.button-link {
    color: #29B773;
}
.page-header {
    padding-top: 89px;
    background: url("../images/home-haeder-bg.jpg") no-repeat;
    background-position: right top;
}
.page-header .caption {
    position: absolute;
    bottom: 10px;
    left: -220px;
    text-align: right;
}
.page-header .col-60 .content {
    padding-right: 45px;
}
.ceo-cols {
    max-width: 90%;
    margin: 45px auto;
}
.ceo-cols .content {
    text-align: center;
    margin-right: 55px;
}
.ceo-cols > section:nth-of-type(3) .content {
    margin-right: 0px;
}
.ceo-cols h3 {
    font-size: 25px;
    font-weight: 300;
    margin: 10px 0;
}
ul.border-list {
    text-align: left;
    border-left: solid #202D60 1px;
    border-top: solid #202D60 1px;
    border-right: solid #202D60 1px;
    padding: 14px 20px 40px 40px;
}
ul.border-list li {
    padding: 10px 0;
    font-size: 20px;
    color: #083052;
}
.blue-block {
    background: #DDE7F6;
    padding: 20px 20px 20px 14px;
}
.blue-block h2 {
    font-size: 20px;
    color: #083052;
    font-weight: 700;
    margin: 0 0 10px 0;
}
.theme-navigation {
    padding: 58px 0 40px 0;
}
.theme-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.theme-navigation ul li {
    display: inline-block;
    width: 12.3%;
    vertical-align: top;
    border: solid #083052 1px;
    padding: 10px 0px 10px 30px;
    margin: 0 20px 0 0;
    font-size: 13px;
    position: relative;
    color: #083052;
    cursor: pointer;
}
.theme-navigation ul li:before {
    content: url("../images/icon_chev-blue.png");
    position: absolute;
    left: 10px;
    top: 10px;
}
.theme-navigation ul li:nth-last-of-type(1) {
    margin-right: 0px;
}
.theme-navigation ul li.active {
    background: #29B773;
    color: #FFF;
    border: none;
}
.theme-navigation ul li.active:before {content: url("../images/icon_chev-white.png"); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.theme-navigation ul li:nth-of-type(2) {border-color: #84CFC5;color: #84CFC5;}
.theme-navigation ul li:nth-of-type(3) {border-color: #008694;color: #008694;}
.theme-navigation ul li:nth-of-type(4) {border-color: #99CB46;color: #99CB46;}
.theme-navigation ul li:nth-of-type(5) {border-color: #604CA0;color: #604CA0;}
.theme-navigation ul li:nth-of-type(6) {border-color: #29B773;color: #29B773;}

.theme-navigation ul li:nth-of-type(1).active {background:#083052!important}
.theme-navigation ul li:nth-of-type(2).active {background:#84CFC5!important}
.theme-navigation ul li:nth-of-type(3).active  {background:#008694!important}
.theme-navigation ul li:nth-of-type(4).active  {background:#99CA47 !important}
.theme-navigation ul li:nth-of-type(5).active  {background:#614EA1 !important}
.theme-navigation ul li:nth-of-type(6).active  {background:#29B773 !important}

.theme-navigation ul li:nth-of-type(2):before {content: url("../images/icon_chev-turq.png");}
.theme-navigation ul li:nth-of-type(3):before {content: url("../images/icon_chev-darkturq.png");}
.theme-navigation ul li:nth-of-type(4):before {content: url("../images/icon_chev-lightgreen.png");}
.theme-navigation ul li:nth-of-type(5):before {content: url("../images/icon_chev-purple.png");}
.theme-navigation ul li:nth-of-type(6):before {content: url("../images/icon_chev-lightgreen.png");}


.theme-navigation ul li:nth-of-type(2).active:before {content: url("../images/icon_chev-white.png");}
.theme-navigation ul li:nth-of-type(3).active:before {content: url("../images/icon_chev-white.png");}
.theme-navigation ul li:nth-of-type(4).active:before {content: url("../images/icon_chev-white.png");}
.theme-navigation ul li:nth-of-type(5).active:before{content: url("../images/icon_chev-white.png");}
.theme-navigation ul li:nth-of-type(6).active:before {content: url("../images/icon_chev-white.png");}



.theme-navigation ul li.active {
    color: #FFF;
}

.theme-content > section.theme-page {
    display: none;
}
section.theme-page.active {
    display: block;
}
/* Colour */
.darkblue {
    color: #083052;
}
.green {
    color: #29B773;
}
.turqoise {
    color: #84CFC5;
}
.darkturqoise {
    color: #008694;
}
.purple {
    color: #604CA0;
}
.lightblue {
    color: #083052;
}
.border-darkblue {
    border-color: #083052;
}
.border-green {
    border-color: #29B773;
}
.border-turqoise {
    border-color: #84CFC5;
}
.border-darkturqoise {
    border-color: #008694;
}
.border-purple {
    border-color: #604CA0;
}
.border-lightblue {
    border-color: #083052;
}
@media screen and (max-height:800px) {
    header {
        position: relative;
        top: 0px;
    }
    .toolbar-wrapper {
        position: absolute;
    }
    .menu-wrapper {
        position: absolute;
        width: 100%;
        
    }
    .page {
        margin-top: 65px;
        
    }
    header > section {
        padding: 0 25px;
    }
}

@media screen and (max-width:1214px) {h2 {    font-size: 22px!important;}}
@media screen and (max-width:1024px) {
    .wrapper {
       
    }
    .container {
        
    }
    .page {
        margin-top: 65px;
    }
    header > section {
        width: 99%;
    }
    .toolbar-wrapper {
        width: 100%;
    }
    .toolbar {
        
    }
    .menu-wrapper {
        width: 100%;
    }
    footer {
        width: 98%;
    }
    .header-wrapper {
        overflow: visible;
    }
    .homepage-header .slide section:nth-of-type(2) {
        width: 50px;
        padding-left: 0px;
    }
    .homepage-header .slide section:nth-of-type(2) img {
        max-width: none;
    }
    .slide h5 {
        font-size: 25px;
    }
    .slide .caption {
        left: -400%;
    }
    img {
        max-width: 100%;
    }
    .theme-navigation ul li {
        width: 10.4%;
    }
    nav ul > li {
        position: relative;
        width: 100%;
    }
    nav ul li ul {
        position: relative;
        left: 0px;
    }
    ul.submenu {
        padding-left: 10px;
        margin: 0px;
        border-left: none;
        display: block;
        overflow: hidden;
    }
    ul.submenu.active {
        
    }
    nav ul li.active, nav ul li:hover, nav > ul li:hover a {
        background: none;
        color: #083052;
    }	.footer-name-report img{display: block;    margin: 0 auto;}
	.footer-name-report p{text-align:center}
	.button-text {    display: none;}
	.page-button{padding:20px;border:none;background:transparent}
	
		ul.submenu li {
    padding: 5px 0;
    padding-left: 12px;
}
	.logo {
    float: right;
    margin-right: 50px;
    margin-left: 26px;
}
	
}
@media screen and (max-width:768px) {
    .homepage-header .slide section:nth-of-type(2) {
        display: none;
    }
    .slide .caption {
        display: none;
    }
    .homepage-header .slide section:nth-of-type(1) {
        width: 50%;
    }
    .tabs-content {
        height: 770px;
    }
   
    .page-button {
        width: auto;
    }
  
    .theme-navigation ul li {
        width: 26%;
        margin-bottom: 10px;
    }
    .theme-navigation ul li:nth-child(3n) {
        margin-right: 0px;
    }
    .col-66 {
        width: 98%;
    }

	
}
@media screen and (max-width:680px) {
    .toolbar > section:nth-of-type(1) {
        width: 30%;
    }
    .toolbar > section:nth-of-type(2) {
        float: right;
        width: 69%;
    }
    .tabs-content {
        height: 940px;
    }
    .cols-3 > section {
        width: 49%;
    }
    .themes > section:nth-child(3n) > .content {
        margin-right: 18px;
    }
    .themes > section:nth-child(2n) > .content {
        margin-right: 0px;
    }
    .container {
        width: 96%;
        overflow: hidden;
    }
    header section {
        width: 100%;
    }
    .header-wrapper {
        
    }
    .col-60 {
        width: 100%;
    }
    .col-40 {
        width: 100%;
    }
    .page-header {
        background: none;
    }
    .page-header .caption {
        right: 20px;
        left: 0px;
    }
    .ceo-cols > section:nth-child(2) .content {
        margin-right: 0px;
    }
    .theme-navigation ul li {
        width: 25%;
    }
	
	
	
.tab { border-bottom: 4px solid #083052; width: 100%;}
	

	
}@media screen and (max-width:760px) {.logo {    float: none;    margin-right: 0px;    text-align: center;}}
@media screen and (max-width: 496px) {
    header section div {
        width: 50%;
    }
	
	
	
header section div {
 
    padding-right: 15px;
}
.page-header { padding-top:23px;}	
	
	header h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 40px;
    color: #0F224D;
    margin: 20px 0 0px 0;
    line-height: 1em;
}

h3 {font-size: 35px;margin: 20px 0 50px 0;}


header h2 {
    font-family: 'CalibriLight', sans-serif;
    color: #0F224D;
    font-size: 25px;
    margin: 0;
    line-height: 1em;
}

.logo {margin-right: 0px }
    .toolbar ul {
        width: 50px;
    }
    .toolbar ul li {
        display: block;
        width: 40px;
        text-align: center;
    }
    .toolbar > section:nth-of-type(1) {
        width: 80%;
    }
    .toolbar > section:nth-of-type(2) {
        position: absolute;
        right: 25px;
        width: 60px;
        background: #083052;
        z-index: 3;
        padding-top: 50px;
    }
    .toolbar > section:nth-of-type(2):before {
         position: absolute;
        top: 10px;
        right: 20px;
        content: url("../images/icon_chev-white.png");
        transform: rotate(90deg);
    }
    .toolbar-wrapper {
        height: 60px;
        width: 100%;
    }
    ul.quicklinks {
        overflow: hidden;
    }
    .qlbutton {
        width: 50px;
        height: 50px;
        position: absolute;
        right: 0px;
        top: 0px;
        background: transparent;
    }
    .homepage-header .slide-navigation {
        position: relative;
        top: 0px;
    }
    .homepage-header .slide-navigation ul {
        margin: 0 auto;
    }
    .homepage-header .slide {
        top: auto;
    }
    .homepage-header .slide section:nth-of-type(1) {
        width: 100%;
    }
    .homepage-header {
        padding-top: 60px;
        height: 880px;
    }
    .page-name {
        top: 2px;
    left: 0;
    }
    .tabs {
        width: 109%;
    }
    .cols-3 > section {
        width: 100%;
    }
    .tab-header-wrapper {
        width: 90%;
    }
    .tabs-content {
        height: 1220px;
        margin: 0;
        width: 90%;
    }
    .tab-blocks > section > .content {
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .themes > section .content {
        margin-right: 0px;

    }
   
    .wrapper.footer {
        width: 100%;
    }
   
    
    .col-60 {
        width: 100%;
    }
    .col-40 {
        width: 100%;
    }
    .page-header {
        background: none;
    }
    .page-header .caption {
        left: 25px;
        color: #FFF;
    }
    .container {
        width: 91%;
    }
    .ceo-cols > section > .content {
        margin-right: 0px;
    }
    .theme-navigation ul li {
        width: 35%;
        margin-right: 0px;
    }
    .theme-navigation ul li:nth-child(1n) {
        margin-right: 20px;
    }
    .col-70 {
        width: 100%;
    }
    .col-30 {
        width: 100%;
    }

