/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# General Typography
# Elements
# Navigation
	## Links
	## Menus
--------------------------------------------------------------*/
/* 

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}


/*--------------------------------------------------------------
# General Typography
--------------------------------------------------------------*/
html {
	font-family: 'Roboto Condensed', sans-serif;
	font-style:normal; 
	font-size:16px; 
	font-weight:400; 
	color:#4D4D4F; 
	line-height:1.4;
}
h1:first-child {
	padding-top:0; /*70px*/
	padding-bottom:20px;
}
h1,h2,h3,h4,h5,h6,p {
	padding-left: 20px;
	padding-right: 20px;
}

main h1,h2,h3,h4,h5,h6,p {padding-left:0;padding-right:0;}

h1, h3 { 
  font-size:30px; 
  color:#4D4D4F; 
  line-height:36px; 
  font-weight:400;
}
h4 { 
  font-size:18px; 
  color:#243D80; 
  line-height:21px; 
  font-weight:600; 
}
h5 {
  font-size:14px; 
  color:#FFFFFF; 
  line-height:17px; 
  font-weight:400; 
}
h6 { 
  font-size:16px;
  color:#4D4D4F;
  line-height:19px;
  font-weight:600; 
}
h6.red { 
  font-size:15px;
  color:#C72026;
  line-height:18px;
  font-weight:400; 
}
.h1-subheading {
    font-size: 18px;
    line-height: 21px;
	margin-top: -40px;
}
.strong {font-weight:700;}
.semibold, h5.strong {font-weight:600;}
.caps {text-transform: uppercase;}
.caption {
    font-style:italic;
	font-size:12px;
	font-weight:400i;
	color:#4D4D4F;
	line-height:16px;
}
.fs11 {font-size:11px;}
.fs40 {font-size:40px;line-height:1;}
.fs24 {font-size:24px;}
.fs14{
    font-size:14px;
	line-height:18px;
}
.white {color: #fff;}
.black {color: #000;}
.red {color: #C72026;}
.light-blue {color: #00B6F1;}
.blue {color: #243D80;}
.med-blue {color: #1979B8;}
.olive {color:#A4A98A;}
.teal {color:#60B7B6;}
.bg-red {
	background: #C72026!important;
}
.bg-red > * {
    color: #fff;
	padding: 21px 20px; 
	/*This will only center single line elements. Look at http://jsfiddle.net/pbf3v/ if multiple lines need to be centred*/
}
.bg-black {
	background: #000;
    height: 30px;
    vertical-align: middle;
	color: #fff;
}
.bg-grey {
	background: #4D4D4F !important;
    height: 30px;
    vertical-align: middle;
	color: #fff !important;
}
.bg-blue {background: #243D80!important;}
.bg-med-blue {background: #1979B8!important;}
.bg-light-blue {background: #00B6F1!important;}
.bg-orange {background: #D86E23!important;}
.bg-olive {background:#A4A98A!important;}
.bg-teal {background:#60B7B6!important;}
.border-blue * {
	border-color: #243D80 !important;
}
.border-med-blue * {
	border-color: #1979B8 !important;
}
.border-light-blue * {
	border-color: #00B6F1 !important;
}
.border-red * {
	border-color: #C72026 !important;
}
.border-olive * {
	border-color: #A4A98A !important;
}
.border-teal * {
	border-color: #60B7B6 !important;
}
.no-border * {
	border-width: 0 !important;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
img {max-width:100%;}
ul {-webkit-padding-start:16px;padding-inline-start:16px;}
.nomargin {margin:0;}
.margin40 {
	margin-top: 40px;
}
/* Start header */
	/* Page backgrounds */
	.innerheader {
		height: 315px;
		background: url("../imgs/header-bg1.png") center;
		background-size: cover;
	}
	.innerheader .fixed-container {
		background: transparent;
	}
	.home .innerheader {
		height: 640px;
	}
	.page-header-text-container {
		position: absolute;
		bottom: 80px;
	}
	.page-header-text {
		color: #fff;
		font-size: 25px;
		max-width: 650px;
	}
	.chairmans-statement .innerheader {
		background: url("../imgs/header-bg2.png") center;
	}
	.consolidated-statement-of-financial-position .innerheader {
		background: url("../imgs/header-bg3.png") center;
	}
	/* End page backgrounds */
.logo {
    width: 165px;
	position: absolute;
	top: 11px;
	left:20px;
}
.innerheader .fixed-container.branding { 
    text-align: center;
	background: rgba(255,255,255,0.7);
}
.breadcrumbs > div { position: relative;  top: -149px;  color: #fff;  padding: 10px 20px;     background-color: rgba(0, 0, 0, 0.8);  display: block; width: calc(100% - 40px);}
.header-title {padding: 5px 0;}
.header-title > span {
	display:block;
	text-transform: uppercase;
	color: #000; 
}
.title-line1 {
	font-size: 22px;
}
.title-line2 {
	font-size: 15px;
}
.title-line3 {
	font-size: 40px;
	line-height: 1;
}
.top-report-selector-container {
	margin-top: 7px;
}
#expand_top_report_selector {
	font-size:14px;
	font-weight: 700;
	background: #243D80;
	padding: 10px 20px;
	color: #fff;
	cursor:pointer;
}
#expand_top_report_selector span {
	padding-left: 14px;
	font-weight: 700;
	vertical-align: middle;
	font-size: 12px;
}
/* End header */
/* Hero banner */
.hero-banner {
	height: 200px;
}
.hero-col1 {
	width: 183px;
}
.hero-col2 {
	width: 400px;
	position: relative;
}
.hero-col2 > div {
	display: inline-block;
	position: absolute;
	top: 80px;
	height: 30px;
	background: #4D4D4F;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	padding: 10px 20px 0;
	color: #fff;
}
.hero-col3  {
	background: #4D4D4F;
	padding: 20px 30px;
	vertical-align: top;
	width: 633px;
	border-left: 5px solid #fff;
}
.hero-col3 > div {
	color: #fff;
	font-size: 20px;
	max-width: 541px;
}
/* End Hero banner */
/* Homepage slider */
.slider1 > div {
    height: 200px;
}
.slider1 {
    overflow: hidden;
}
.prev, .next {
	cursor: pointer;
	position: absolute;
	width: auto;
	padding: 8px;
	margin-top: -22px;
	-webkit-transition: 0.6s ease;
	-o-transition: 0.6s ease;
	transition: 0.6s ease;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	color: #fff;
	text-decoration: none;
	width: 70px;
	top: 93px;
}
.prev span, .next span {
  font-size: 40px;
}
.prev {
  left:30px;
}
.next {
  right:0;
}
/* End homepage slider */
.content-left {
	display: table-cell;
	vertical-align: top;
	width: 900px;
}
.sidebar-right {
	display: table-cell;
	vertical-align: top;
}
.relative {
	position: relative;
}
.position-bottom {
	position: absolute;
	bottom: 0;
}
.position-top-right {
	position: absolute;
	top: 0;
	right: 20px;
}

.position-top-right a{text-decoration:none}
.margin-x-20 {
	margin-left: 20px;
	margin-right: 20px;
}
.margin-y-50 {
	margin-top: 50px;
}
.table {
	display:table;
}
.table > div {
	display:table-cell;
}
.fixed-container {
	width: 1280px;
	margin: 0 auto;
	background: #fff;
}
.fullwidth-container {
	width: auto;
}
/* Tabs */
.tabs > li > a {
	text-decoration: none;
}
.tab_content {
	padding: 30px 0;
}
.tab_content p {
	padding:0;
	margin:0;
}
.tabs th {
	text-align: left;
	font-weight: 600;
}
.tabs td, .tabs td:first-child, .tabs td, .tabs td:nth-child(2) {
    min-width: 14.2857142857%;
    width: auto;
    padding: 0;
    text-align: left;
	height: 60px;
	border-right: 3px solid #fff;
	font-weight: 600;
}
.tabs th {
	border: 0;
	border-right: 3px solid #fff;
}
.tabs td:last-child, .tabs th:last-child {
	border-right: 0 solid #fff;
}
.tabs tr:nth-child(2) td, 
.tabs tr:nth-child(2) td:first-child, 
.tabs tr:nth-child(2) td:nth-child(2) {
    background: #fff;
}
.tabs tr:nth-child(3) a {
    color: #fff;
}
.tabs a > span {
    display: table-cell;
    vertical-align: middle;
	padding-top: 6px;
	padding-right:6px;
}
.tabs a > span:first-child {
    width: 140px;
	padding-left: 20px;
}
.tab_container {margin-top:3px;}

td.tab1 {background: #5E9FB7;}
td.tab2 {background: #00B6F1 !important;}
td.tab3 {background: #A4A98A;}
td.tab4,td.tab5, td.tab6 {background: #1979B8;}
td.tab7 {background: #1F5C71;}

td.active:after {
	display:block;
	height: 3px;
	background: #000;
	content: "";
	position: absolute;
	bottom: -3px;
	z-index: 2;
	width: 14.1%;
}

td.active.tab1:after {background: #5E9FB7;}
td.active.tab2:after {background: #00B6F1;}
td.active.tab3:after {background: #A4A98A;}
td.active.tab4:after ,td.active.tab5:after, td.active.tab6:after {background: #1979B8;}
td.active.tab7:after {background: #1F5C71; width: 14.33%}

#tab1 {border-top: #5E9FB7 3px solid;}
#tab2 {border-top: #00B6F1 3px solid;}
#tab3 {border-top: #A4A98A 3px solid;}
#tab4,#tab5, #tab6 {border-top: #1979B8 3px solid;}
#tab7 {border-top: #1F5C71 3px solid;}

td.tab1-label {color: #5E9FB7;}
td.tab2-label {color: #00B6F1 !important;}
td.tab3-label {color: #A4A98A;}
td.tab4-label,td.tab5-label, td.tab6-label {color: #1979B8;}
td.tab7-label {color: #1F5C71;}
/* End Tabs */
/* Tables */
table {
	width: 100%;
	border-spacing: 0;
	font-size: 14px;
}
.large-table th {
	font-size: 16px;
	font-weight: 400;
}
.large-table th, .large-table  td {
	width: 120px;
	text-align: right;
	padding: 3px 20px;
	border: 0;
}
.large-table th > *, td > * {
	padding: 0;
	margin: 0;
}
.large-table td.sub-heading {
	padding-top: 10px;
	color: #5E9FB7;
}
td.total-thin-top {
	border-top:1px solid #939393;
}
td.total-thin-bottom {
	border-bottom:1px solid #939393;
}
td.total-thick-bottom, .large-table  th {
	border-bottom:3px solid #939393;
}
.large-table th:first-child, .large-table td:first-child {
	width: auto;
	text-align: left;
}
.large-table th:nth-child(2), .large-table td:nth-child(2) {
  background: #EBEBEC;
  color: #243D80;
  font-weight: 600;
}
.small-table td, .small-table th {
	text-align: right;
}
.small-table td {
	border-bottom: 1px solid #00B6F1;
}
.small-table td:first-child, .small-table th:first-child {
	width: 55%;
	text-align: left;
}
.small-table th, .header-bg {
	font-size: 16px;
	font-weight: 600;
	padding: 10px 20px;
	background: #00B6F1;
	color: #fff;
}
td {
padding: 5px 3px 3px 3px;
}
/* End tables */

footer a > div {
	display: inline-block;
	vertical-align: middle;
}
footer .fixed-container > * {
	padding-left: 35px;
}
footer a {
	color: #243D80;
	text-decoration:none;
}
footer a span {
	color: #243D80;
}
footer .float-right {
	text-align: right;
		padding-right: 20px;
}
footer .float-left {
	text-align: left;
		padding-left: 20px;
}
footer .float-right, footer .float-left {
	margin: 57px 0;
}
footer .float-right .footer-icon {
	padding-left: 20px;
}

footer .float-left .footer-icon {
	padding-right: 20px;
}


.subfooter {
	background: #243D80;
	color:#fff;
	text-align:center;
	padding: 15px 0;
	font-size: 14px;
}
.footer-icon {
	font-size: 40px;
}
.top_report_selector-bg {
	position:relative;
	z-index:99;
}
#top_report_selector {
	margin: 50px 0;
}
.col-one-third {
    width: 30%;
    display: inline-block;
	padding:0 20px;
	vertical-align: top;
}
.col-one-half {
	width: 46%;
    display: inline-block;
	padding:0 20px;
	vertical-align: top;
}
.col-one-quarter {
	width: 277px;
    display: inline-block;
	padding:0 20px;
	vertical-align: top;
}
.lines-bg {
	padding: 50px 0;
	background: url("../imgs/lines-bkg.jpg");
}
.lines-bg > .fixed-container {
	padding: 20px 0;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.clear {
	content: "";
	display: table;
	clear: both;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
	/* Links */	
		a {
			text-decoration: underline;
			
		}
		
		.main-nav a{text-decoration: none;}
		
	/* Buttons */
		.btn-container {
			background: #C72026;
			display: inline-block;
		}
		a.animated-btn {
		  color: #fff;
		  text-decoration: none;
		  -webkit-transition: 0.3s all ease;
		  -webkit-transition: 0.3s ease all;
		  -o-transition: 0.3s ease all;
		  transition: 0.3s ease all;
		  font-size: 20px;
		}
		a.animated-btn span {
			vertical-align: text-bottom;
			font-weight: 600;
			font-size: 24px;
			margin-left: 20px;
		}
		a.animated-btn:hover {
		  color: #C72026;
		}
		a.animated-btn:focus {
		  color: #C72026;
		}
		.animated-btn {
		  display: inline-block;
		  font-weight: 600;
		  text-align: center;
		  padding: 14px 20px;
		  border: 3px solid #C72026;
		  position: relative;
		  z-index: 1;
		}
		
		.light-blue.btn-container {
			background: #00B6F1;
		}
		.light-blue a.animated-btn:hover {
		  color: #00B6F1;
		}
		.light-blue a.animated-btn:focus {
		  color: #00B6F1;
		}
		.light-blue .animated-btn {
		  border: 3px solid #00B6F1;
		}
		
		.animated-btn:before {
		  -webkit-transition: 0.5s all ease;
		  -o-transition: 0.5s all ease;
		  transition: 0.5s all ease;
		  position: absolute;
		  top: 0;
		  left: 50%;
		  right: 50%;
		  bottom: 0;
		  opacity: 0;
		  content: '';
		  background-color: #fff;
		  z-index: -1;
		}
		.animated-btn:hover:before {
		  -webkit-transition: 0.5s all ease;
		  -o-transition: 0.5s all ease;
		  transition: 0.5s all ease;
		  left: 0;
		  right: 0;
		  opacity: 1;
		}
		.animated-btn:focus:before {
		  -webkit-transition: 0.5s all ease;
		  -o-transition: 0.5s all ease;
		  transition: 0.5s all ease;
		  left: 0;
		  right: 0;
		  opacity: 1;
		}
	/* Menus */
		/* Main nav */
		nav ul {
			-webkit-padding-start: 20px;
			        padding-inline-start: 20px;
			padding-right: 20px;
		}
		.main-nav {
			white-space: nowrap;
			overflow: hidden;
		}
		nav * {
			white-space: normal;
		}
		.mega-menu-text h4 {
			margin-top: 0;
		}
		.mega-menu-text {
			width: 449px;
		}
		nav .mega-menu-text a {color:#4D4D4F;}
		nav .mega-menu-text a:hover {color:#C72026;}
		nav .mega-menu-text li {
			padding: 8px 0;
			border-bottom: 1px #4D4D4F solid;
			list-style: none;
		}
		nav .mega-menu-text li:last-child {
			border-bottom: 0;
		}
		.mega-menu-image {
			position: absolute;
			top:0;
			right:0;
		}
		.main-nav {
			background: #fff;
		}
		.main-nav div > button {
			display: inline-block;
			text-align:left;
		}
		nav.fixed-container {
			position: relative;
		}
		nav > div > div {
			display: inline-block;
		}
		nav button {
			display: inline-block;
			background: #fff;
			color: #4D4D4F;
			border: 0;
			border-top: 15px solid #4D4D4F;
			vertical-align: middle;
			font-size: 16px; 
			text-decoration: none;
			height: 65px;
			line-height: 1.4;
			max-width: 226.6px;
			margin: 0;
			padding: 0 33px;
		}
		.menu-item {
			border-right: 4px solid #fff;
		}
		.menu-item:last-child {
			border-right: 0;
		}
		nav .menu-item-home a, nav .menu-item-home a:visited {
			color: #4D4D4F;
		}
		.menu-item:hover > button, 
		.menu-item.active > button {border-color:#C72026;}
		.mega-menu {
			display: none;
			background: #EAEBEC;
			position: absolute;
			min-height: 473px;
			width: 100%;
			left: 0;
			z-index: 1;
			color: #fff;
		}
		.menu-item1:hover .mega-menu1, .mega-menu1:hover {display: block;}
		.menu-item2:hover .mega-menu2, .mega-menu2:hover {display: block;}
		.menu-item3:hover .mega-menu3, .mega-menu3:hover {display: block;}
		.menu-item4:hover .mega-menu4, .mega-menu4:hover {display: block;}
		.menu-item5:hover .mega-menu5, .mega-menu5:hover {display: block;}
		.menu-item6:hover .mega-menu6, .mega-menu6:hover {display: block;}
		/* Active links */
		.home nav .menu-item:nth-child(1) button,
		.organisational-governance nav .menu-item:nth-child(3) button,
		.chairmans-statement nav .menu-item:nth-child(4) button,
		.consolidated-statement-of-financial-position nav .menu-item:nth-child(6) button {
			border-color: #C72026;
		}
		/* Toolbar */
		.toolbar > .compare-toggle {
			display: none;
		}
		.compare-to-last-year .toolbar > .compare-toggle {
			display: block;
		}
		.toolbar {
			width: 45px;
			position: absolute;
			top: 103px;
			right: 0;
			background: #243D80;
			color: #fff;
			padding: 7px 0;
		}
		.toolbar > a {
			display: block;
			width: 25px;
			padding:4px 10px;
			text-decoration: none;
		}
		.toolbar > a span {
			font-size: 25px;
			color: #fff;
		}