/*=== Fonts ===*/

/*
    font-family:'DIN Next W01'; 700 normal
    font-family:'Neue Helvetica W01'; 400 normal
    font-family:'Neue Helvetica W01'; 700 Bold italic
    font-family:'Neue Helvetica W01'; 700 Bold
    font-family:'Neue Helvetica W01'; 400 Normal italic
    font-family:'Neue Helvetica W01'; 500 Medium normal
	Reference to all fonts used within project 
*/

h1, h2, h3, h4 {margin: 0; line-height: 1; padding-bottom: 3px;}
h1 {font-size: 60px;/* font-family:'DIN Next W01'; */}
h1 small {font-size: 25px; margin-top:10px; color: #bebebe;} /* Written By Text */
h2 {font-size: 28px;color:#000;}
h3 {font-size: 24px;color:#000;}
h4 {font-size: 20px;}

p {color: #282828;margin:0; padding-bottom: 12px; font-size: 16px; line-height: 1.3;font-weight: 300;}
em, 
.italic {font-style:italic;font-weight: 400;}
.intro {font-size: 36px;line-height: 1.15;color: #27347f;border-bottom:  2px solid;padding:12px 0 20px 0;}
.intro-alt {font-size: 36px;line-height: 1.15;color: #27347f;}
.large {font-size: 46px;line-height: 1.1;}
.medium {font-size:28px;}
.semi-medium {font-size:24px;}
.small {font-size:13px;}
.center {text-align: center;}
.caps {text-transform: uppercase;}
.regular {font-weight:400;}
.no-font {font-size:0 !important;vertical-align:middle;}
.margin-mobile {margin-bottom:20px;}
.no-margin-top {margin-top:0;}
.no-padding {padding:0;}
/* Band */
    .band {padding:10px;position:relative;}
    .band h2,
    .band h3{padding:0;color: #fff!important;}
    .band p {padding:0;color: #fff!important;}
    .band h2 + p {padding-top:5px;}

    .band-figure .band {padding-left:60px}
    .band span.band {position:absolute;top: 0;left: 0;bottom:  0;width: 30px;padding-left: 10px;}
    .band span.figure {position: relative;-ms-transform: translate(-50%, -50%);margin:  0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}

    .blue-mid span.figure.white {color: #009fe3 !important;}
    .pink span.figure.white {color: #e6007e!important;}
    .orange span.figure.white {color: #eb9400!important;}
    .green span.figure.white {color: #00933d!important;}
/* Text Colors */
.text-orange {color:#eb9400 !important;}
.text-blue {color:#27347f !important;}
.text-black {color:#000 !important;}
.text-blue-mid {color:#009fe3 !important;}
.text-pink {color:#e6007e !important;}
.text-green {color:#00933d !important;}

/* Blockquotes */
blockquote {padding: 0; margin: 0; border: none;color: #27347f;font-size: 20px;line-height: 1.15;}
blockquote:before {content: "\201C"; vertical-align: text-top;margin-right: 3px;}
blockquote:after {content: "\201D"; vertical-align: text-top;}

/* Signoff */
.signoff {padding-top: 40px;}
.signoff p {padding-bottom:0;}
.signoff p strong {color: #000;font-size: 20px;}

/* Sup & Sub */
sup,
sub {font-size: 10px; margin-left:2px;}

/* Note */
.note {font-size: 13px;padding-bottom: 3px;}
.content-area .note li {font-size:13px; padding-bottom:2px;} /* Note class added to ul */

/* Modal */
.modal h1 {margin-bottom: 0; line-height: 1;color: #27347f;font-size: 30px;}

/* Combined Tags */ 
p + h2, ol + h2, ul + h2, img + h2, .table + h2, div + h2 {margin-top: 40px;}  
p + h3, ol + h3, ul + h3, img + h3, .table + h3, div + h3 {margin-top: 30px;}
p + h4, ol + h4, ul + h4, img + h4, .table + h4, div + h4 {margin-top: 20px;} /* Spacing to create content sections */ 

div.span3.pull-right + h2, div.span3.pull-right + h3, div.span3.pull-right + h4,
div.span4.pull-right + h2, div.span4.pull-right + h3, div.span4.pull-right + h4,
div.span5.pull-right + h2, div.span5.pull-right + h3, div.span5.pull-right + h4,
#page-middle #content .content-area > .row-fluid:first-child + * {margin-top:0;} /* Removes the space at the top of content area */ 

/*=== Colours ===*/
.c1 {color: #282828;} /* Primary Colour */
.c2 {color:#ededed;} /* Secondary Colour */

/* Backgrounds */
.grey {background: #8a8e8f !important;}
.grey-mid {background:#bfcbd1 !important;}
.grey-light {background:#d5dfe1 !important;}
.grey-light60 {background:#bfcbd1 !important;}
.grey-light40 {background:#d0d0d0 !important;}
.blue {background: #27347f !important;}
.blue-mid {background:#009fe3 !important;}
.blue-mid30 {background:#0bbbef !important;}
.blue-light {background:#748fc9 !important;}
.orange {background:#ec9400 !important;}
.orange30 {background:#f2b050 !important;}
.green {background:#00933d !important;}
.green30 {background:#55aa64 !important;}
.green-light {background:#81b827 !important;}
.pink {background:#e6007e !important;}
.pink30 {background:#ec619f !important;}
.white {background:#fff;}

/* Overlay Tint */
.blue-tint:before {background:rgba(39, 52, 127, 0.7)}
/*=== Content Elements ===*/
/* Panels */
.panel {position:relative;padding:20px;}
.panel + .panel {margin-top:20px;}

.panel.highlight {margin-bottom:20px;}
.panel.highlight h2 {font-size: 20px;background: #27347f;color: #fff;padding: 6px;margin-bottom: 10px;}
.panel.highlight img {}
.panel.highlight .large {padding-bottom: 0;font-weight:700;color:#ec9400;}
.panel.highlight p {color:#ec9400;}

.panel.stat {}
.panel.stat h2 {font-size: 20px;background: #27347f;color: #fff;padding: 6px;margin-bottom: 10px;}
.panel.stat .large {padding-bottom: 0;color:#ec9400;font-weight:700;}
.panel.stat p {color:#f7a700;}

/* Panel Text Color */
.grey *, 
.grey-mid *, 
.grey-light *, 
.blue *, 
.blue-mid *, 
.blue-mid30 *, 
.blue-light *, 
.orange *, 
.orange30 *, 
.green *, 
.green30 *,
.green-light *, 
.pink *,
.pink30 * {color:#fff !important;}

/* Borders */
.border-blue {border:2px solid #27347f;}
.border-grey {border:2px solid #8a8e8f;}
.border-orange {border:2px solid #ec9400;}
.border-blue-light {border:2px solid #748fc9;}
.border-green {border:2px solid #00933d;}
.border-green-light {border:2px solid #81b827;}

/* Icons */
.icon {width:30px;height: 30px;margin-right:10px;}
.icon-medium {width: 40px;height:40px;margin-right:10px;vertical-align:  middle;}
.icon-large {width:80px;height:80px;margin-right:10px;vertical-align:middle;}
.icon.transparent {opacity:0.3}

.arrow {width:25px;height:25px;}

/* Shapes */
.figure {display:inline-block;border-radius: 50%;height:  30px;width: 30px;color: #fff;text-align: center;margin: 5px 10px;font-size: 20px;line-height:  1.5;padding: 0;}
.figure:before {position:absolute;content:"";}
.figure:after {position:absolute;content:"";}
.figure.orange:before {border-bottom: 28px solid #f7a700;}
.figure.orange:after {border-top: 28px solid #f7a700;}
.figure.transparent {opacity:0.3;}
.figure.square {margin:0; height:28px; width:28px;}
.square {border-radius:0;}

/* hr */
hr {border-top:1px solid #27347f;border-bottom:1px solid #27347f;margin: 20px 0!important;}
hr.white {border-top:1px solid #fff;border-bottom:1px solid #fff;}
hr.orange {border-top:1px solid #eb9400;border-bottom:1px solid #eb9400; margin:20px 0 !important;}
/* Underline */
[class*="underline"] {padding: 0 0 10px 0;position:relative;margin-bottom: 10px;border-bottom: 2px solid #000;}
[class*="underline"]:after {position:absolute;/* content:""; *//* height:10px; *//* left:0; *//* bottom:-5px; */border-left:2px solid #000;}
.panel.blue [class*="underline"],
.panel.blue [class*="underline"]:after,
.panel.orange [class*="underline"],
.panel.orange [class*="underline"]:after {border-color:#fff;}
.blue-underline {border-color:#27347f;}
.blue-underline:after {border-color:#27347f;}
.orange-underline {border-color:#f7a700;}
.orange-underline:after {border-color:#f7a700;}

/* Tables */
.table p,
.table ul li 	{ font-size:16px; }
.table .Note 	{ font-size:10px; }
.table td, 
.table th 		{ line-height:1.3; border-top:none; }
.table th 		{ font-weight:300; }
.table .A0    	{ text-align:left; }
.table .A1    	{ text-align:right; }
.table .A2    	{ text-align:center; }
.table .A3    	{ vertical-align:top; }
.table.A3 td  	{vertical-align: top; } /* Add A3 class to the table to vertically align top all cells */
.table .A4    	{ vertical-align:middle; }
.table .B1 		{ background-color: #282828;} /* Primary Background Colour */ 
.table .B2 		{ background-color: #f6f6f6;} /* Secondary Background Colour */  
.table .B3      { background-color: #becbd1;}
.table .B4      { background-color: #000f9f;}
.table .B5      { background-color: #f0f0f0;}
.table .C1 		{ color: #282828; } /* Primary Colour */
.table .C2      { color: #ededed;} /* Secondary Colour */
.table .C3 		{ color: #000f9f;}
.table .C4      { color: #eb9400;} 
.table .C5      {color:#fff;}
.table .G1 		{ border-left: solid 1px #d7d7d7; } 
.table .G2 		{ border-right: solid 1px #d7d7d7; } 
.table .G3 		{ border-left: solid 1px #000; } 
.table .G4 		{ border-right: solid 1px #000; }
.table .I1 		{ font-style:italic; }
.table .P1 		{ padding-left:25px; }
.table .P2 		{ padding-left:10px; }
.table .P3      { padding-left:84px;}
.table .W0 		{ font-weight: 400;}
.table .W1 		{ font-weight: 600;}
.table .U1 		{ border-bottom: solid 1px #000; } 
.table .U2 		{ border-bottom: solid 2px #000; }
.table .O1      {border-top:solid 1px #000;}
.table .O2      {border-top:solid 2px #000;}
.table .S1      {padding-right:1px;}

.table-text {position:relative;padding-left:40px}
.table-figure {position:absolute;left:0;margin:0}

/* Key */
.key {position:relative;background: transparent !important;padding-left:20px;color:#000!important;padding-right: 60px;}
.key span {position:absolute;color:#000 !important;right:0;top: 0;}
.key:before {position:absolute; content:""; height:12px; width:12px; background:#000; border-radius:50%; left:0; top:5px;}
.key.square:before {border-radius:0;}

.key.blue:before {background:#050d9e;}
.key.blue-80:before {background:#8d76b6;}
.key.orange:before {background:#f7a700;}
.key.orange-80:before {background:#f5bc77;}
.key.grey:before {background:#221f1f;}
.key.grey-80:before {background:#4c4d4f;}
.key.grey-60:before {background:#6d6e71;}
.key.grey-40:before {background:#b2b3b6;}
.key.grey-20:before {background:#d2d3d4;}
.key.white:before {background:#fff; border:1px solid #000;}
.key.blue-light:before {background:#748fc9;}
.key.grey-light:before {background:#d5dfe1;}

.key .figure:before,
.key .figure:after {display:none;}
.key span {font-family:'Neue Helvetica W01'; font-size:16px;}

.key.figure-key {padding-left:50px;margin-bottom:10px;padding-right: 0;}
.key.figure-key:before {display:none;}
.key.figure-key span.figure:before,
.key.figure-key span.figure:after {display:block;}
.key.figure-key span.figure {color: #fff;font-family:'DINNextW01-CondensedMed';font-size: 20px;float:none;position:absolute;left:0;width:auto;display:block; right:auto;}

/* Number */
.number {background:#050d9e; color:#fff; padding:2px 8px; font-size:18px; position:relative; top:-3px;}

/* Internal & External Links */
.internal-link,
.download-link,
.external-link {position:relative; padding: 2px 0 5px 32px;}
.internal-link:before,
.external-link:before {content:url("img/svg/internal-link.svg");height: 25px;width: 25px;position:absolute;left:0;top: 0;} 
.external-link:before {content:url("img/svg/external-link.svg");} /* Remember to create the png fallbacks */
.download-link:beofore {content:url("img/svg/download-link.svg");}

/* Home Page Links */
.home .internal-link,
.home .download-link,
.home .external-link {padding:10px 0 5px 50px}
.home .internal-link:before, 
.home .download-link:before, 
.home .external-link:before {width:40px;height:40px}

/* Lists */
.content-area li {font-size: 16px; line-height: 1.3; padding-bottom:3px}
.content-area ol.alpha {list-style-type:lower-alpha;}
.content-area ol.roman {list-style-type:lower-roman;}

.content-area ul.dash {list-style-type:none;}
.content-area ul.dash li:before {content:"-"; margin-right: 14px;margin-left: -19px;}

/* Accordion */
.accordion-group {border:0;margin-bottom:20px;}
.accordion-heading {background:#27347f;padding: 15px;box-sizing:border-box;text-align: left;margin:0;position:relative;width:100%;}
.accordion-heading .accordion-toggle {font-size: 20px;position:relative;color:#fff;padding: 8px 40px 8px 0;}
.accordion-heading .accordion-toggle.collapsed:after {position:absolute; content:""; right:10px; top:50%; width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom:0;border-top: 10px solid #fff;
-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.accordion-heading .accordion-toggle:after {position:absolute; content:""; right:10px; top:50%; width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top:0; border-bottom: 10px solid #fff;}
.accordion-body .accordion-inner h3 {color:#000;margin-bottom:10px;}
.accordion-body {}
.accordion-inner {padding:20px;background: #f3f4f6;}

/* Strategy Page */
.accordion.strategy img {position:absolute;left:0;top: 0;}
.accordion.strategy .accordion-heading .accordion-toggle {padding-left:40px}
.accordion.strategy .accordion-heading {border-radius: 40px 0 0 0px;padding: 20px;z-index: 2;}
.accordion.strategy .accordion-heading h2 {margin:0;padding-left: 40px;}
.accordion.strategy .accordion-body {top: -34px;z-index: 1;}
.accordion.strategy .accordion-inner {padding-top;padding-top: 55px;}
.accordion.strategy .accordion-heading span {font-weight:400;font-size:18px}

/* Diagrams */
/* Business model */
.business-model .top-section {position:relative;}
.business-model .top-section .connector {position:relative;}
.business-model .top-section .connector:after {content:"";position:absolute;height: calc(100% + 40px);width:2px;background:#f7a700;right: 8.5px;top: 40px;}
.business-model .top-section .connector:last-child:after {height:100%;}
.business-model .top-section .connector:last-child:before {content:"";position:absolute;height:2px;width: calc(50% - 11px);right:10px;bottom:-40px;background:#f7a700;}

.business-model .top-section p {width:90%;}
.business-model .top-section .orange-underline:before {content:""; position:absolute; height:20px; width:20px; border-radius:50%; background:#f7a700; right:0; bottom:-10px;}

.business-model .middle-section {margin-top: 95px; position:relative;}
.business-model .middle-section:before {content:"";position:absolute;height: 60px;width:2px;background:#f7a700;top: -57px;left: 50%;}
.business-model .middle-section:after {content:"";position:absolute;background:#f7a700;height: 32px;width: 32px;border-radius:50%;top: -8px;z-index:2;left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}

.business-model .bottom-section {margin-top:95px; position:relative;}
.business-model .bottom-section .panel.grey {background: #dce2e6 !important;}
.business-model .bottom-section:before {position:absolute;content:"";width: 120px;height: 62px;background: url("img/svg/alt-arrow-down.svg") no-repeat;top: -78px;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.business-model .bottom-section h2 {color:#000f9f !important;}
.business-model .bottom-section h3 {color:#000 !important;}
.business-model .bottom-section p {color:#000 !important}


/* Group board */
.group-board .span4 {width:30%;margin-left: 5%;}
.group-board hr {width:100%; margin:10px auto; border-color:#fff; position:relative;}
.group-board hr:before {position:absolute; content:""; height:10px; width:2px; background:#fff; top:-5px;left:0;}
.group-board hr:after {position:absolute; content:""; height:10px; width:2px; background:#fff; top:-5px;right:0;}

.group-board h3 {padding-bottom:10px;}
.group-board p {padding-bottom:5px;}

.group-board .panel.grey {background: #dce2e6 !important;}
.group-board .panel.grey h2 {color:#000f9f !important;}

.group-board .span4:first-child .panel:first-child,
.group-board .span4:nth-child(2) .panel:first-child,
.group-board .span4:nth-child(3) .panel:first-child {border-bottom:none;}
.group-board .span4 .panel {margin-top:0}
.group-board .span4:first-child .panel:last-child,
.group-board .span4:nth-child(2) .panel:last-child,
.group-board .span4:nth-child(3) .panel:last-child {border-top:2px solid #000f9f;}

.group-board .span4 .panel:before,
.group-board .span4 .panel:after {position:absolute;content:"";width: 30px;height: 15px;background:url("img/svg/alt-arrow-up.svg") no-repeat;}

.group-board .span4:first-child .panel:first-child:before {top:-40px;left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.group-board .span4:first-child .panel:first-child:after {top:-15px; left:50%; background:url("img/svg/alt-arrow-down.svg") no-repeat;
-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}

.group-board .span4:nth-child(2) .panel:first-child:before {top:-40px; left:50%; background:url("img/svg/alt-arrow-up.svg") no-repeat;
-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.group-board .span4:nth-child(2) .panel:first-child:after {top:-15px; left:50%; background:url("img/svg/alt-arrow-down.svg") no-repeat;
-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}

.group-board .span4:nth-child(3) .panel:first-child:before {top:-40px; left:50%; background:url("img/svg/alt-arrow-up.svg") no-repeat;
-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.group-board .span4:nth-child(3) .panel:first-child:after {top:-15px; left:50%; background:url("img/svg/alt-arrow-down.svg") no-repeat;
-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}


.group-board .span4:first-child .panel:last-child:before {right: -15px;top:50%;width:15px;height:30px;background:url("img/svg/alt-arrow-left.svg") no-repeat;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.group-board .span4:first-child .panel:last-child:after {right: -45px;top:50%;width:15px;height:30px;background:url("img/svg/alt-arrow-right.svg") no-repeat;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}

.group-board .span4:nth-child(2) .panel:last-child:before {right: -15px;top:50%;width:15px;height:30px;background:url("img/svg/alt-arrow-left.svg") no-repeat;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.group-board .span4:nth-child(2) .panel:last-child:after {right: -45px;top:50%;width:15px;height:30px;background:url("img/svg/alt-arrow-right.svg") no-repeat;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}

.group-board .span4:nth-child(3) .panel:last-child:before {display:none;}
.group-board .span4:nth-child(3) .panel:last-child:after {display:none;}


/* Board diagram */
.board strong {color:#000!important;}
.board h2,
.board h3 {text-align:center;}
.board .panel {padding: 15px;}
.board .panel.blue-light {background:#ebeef8 !important;border:2px solid #748fc9;}
.board .panel.grey {background:#ededee !important;border:2px solid #8a8e8f;}
.board .panel.grey p, 
.board .panel.blue-light  p{color:#000 !important;text-align:center;}

.board .first-row,
.board .second-row,
.board .third-row,
.board .fourth-row,
.board .blue-connector,
.board .grey-connector {position:relative;}
.board .blue-connector {max-width:350px;display:inline-block}

.board .row-fluid .second-row .span6:nth-child(2) .blue-connector {float: right;}
.board .first-row:after {position:absolute;content:"";height:30px;width:2px;background:#748fc9;bottom:-30px;left:50%;}
.board .blue-connector:after {position:absolute;content:"";height: 34px;width:2px;background:#748fc9;bottom: 28px;left:50%;}
.board .second-row:before {position:absolute;content:"";height:2px;width: 64.7%;background:#748fc9;top:-30px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
.board .third-row:before {position:absolute;content:"";height:2px;width:77%;background:#8a8e8f;top:-30px;left:50%;
-webkit-transform:translateX(-50%);;-moz-transform:translateX(-50%);;-ms-transform:translateX(-50%);;-o-transform:translateX(-50%);;transform:translateX(-50%);}
.board .fourth-row:before {position:absolute;content:"";height:2px;width: 68.5%;background:#8a8e8f;top:-30px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}

.board .blue-connector:before {position:absolute;content:"";height:30px;width:2px;background:#748fc9;top:-30px;left:50%;}
.board .grey-connector:before {position:absolute;content:"";height: 30px;width:2px;background:#8a8eaf;top:-30px;left: calc(50% - 1px);}

.board .first-row .panel.blue {position:relative;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
.board .panel.blue,
.board .panel.blue-light {max-width: 300px;margin-bottom:60px;position:relative;width: 300px;}

/* Timeline */
.timeline {position: relative;}
.timeline:before {content: "";display: block;position: absolute;top: 0;bottom: 0;left: calc(50% - 1px);width: 2px;background-color: #f7a700;}
.timeline:after {display: table;content: "";line-height: 0;clear:both;}
.panel.alternate {width: 48%;float: left;box-sizing: border-box;position: relative;border-bottom:2px solid #000f9f;margin-bottom:10px}
.panel.alternate h2 {color:#000;}
.panel.alternate:nth-of-type(2n) {float: right;clear: left;margin-top: -50px;}
.panel.alternate:after {background-color: #f7a700;content: "";display: block;border-radius: 50%;top: 0;width: 12px;height: 12px;right: calc(-4% - 7px);position: absolute;}
.panel.alternate:nth-of-type(2n)::after {right: auto;left: calc(-4% - 7px);}

.board-report .panel {position:relative;padding:10px}
.board-report .panel p {padding:0;text-align:center;}
.board-report .panel:after {content:"";position:absolute;background: url("img/svg/alt-arrow-down.svg") no-repeat;width: 30px;height: 16px;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: -18px;}
.board-report .panel:last-child:after {display:none}

/* Strategic Goals */
.strategic-goals {padding-top: 70px;}
.strategic-goals .grey-background {background:#d9dfe3;z-index:0;padding-top:15px}

/* Middle */
.strategic-goals .middle {padding: 20px;width:90%;left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);position:relative;box-sizing:  border-box;}

.strategic-goals .roof {position:relative;height:85px;margin-bottom:10px;z-index:1;}
.strategic-goals .roof img {width:200px;}
.strategic-goals .roof p {color:#fff; text-align:center; z-index:1; padding:0;}
.strategic-goals .roof:after {position:absolute;content:"";width: 0;height: 0;border-left: 400px solid transparent;border-right: 400px solid transparent;border-bottom: 118px solid #050d9e;top: -28px;z-index:-1;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.strategic-goals .roof:before {position:absolute;content:"";width: 0;height: 0;border-left: 470px solid transparent;border-right: 470px solid transparent;border-bottom: 150px solid #d9dfe3;top: -55px;z-index:-1;}

.strategic-goals .panel.white * {color:#000 !important;}
.strategic-goals .panel.white {padding:10px;margin-bottom:10px}

.strategic-goals .band {margin-bottom:10px;position:relative;padding-left: 75px;}
.strategic-goals .band span.blue-mid,
.strategic-goals .band span.pink ,
.strategic-goals .band span.orange ,
.strategic-goals .band span.green {margin-bottom:0;width:100px;padding-left: 10px;}
.strategic-goals .band span.figure {top: 50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.strategic-goals .band p {text-align:center;}
.strategic-goals .panel.grey {background: #d9dfe3 !important;}
.strategic-goals .panel.grey p {color:#000 !important;}
/*=== Specific Pages ===*/
/* Home */
.home .grey-light h2 {color:#27347f!important;}
.home .grey-light p {color:#282828 !important;}
.home .grey-light a {color: #27347f!important;}
/* Our Year Slider */

.home #section-2 .grey-light .panel.highlight h2 {background:transparent;}
.home #section-2 .grey-light .panel.highlight p {color: #ec9400!important;}

/* Case Studies */
.range1 .content-area [class^="list"] .thumbnail .caption {font-size:0;}
.range1 .content-area [class^="list"] .thumbnails li .thumbnail {margin-bottom:10px;padding: 20px;min-height: 200px;border: 0;position:relative;background-position: center center;}
.range1 .content-area [class^="list"] .thumbnails li a:hover .thumbnail:after {background: rgba(0, 0, 0, 0.3)}
.range1 .content-area [class^="list"] .thumbnails li .thumbnail:after {position:absolute;content:"";background: rgba(0, 0, 0, 0.6);width:100%;height:100%;z-index: 0;display: block;top: 0;left: 0;
-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.range1 .content-area [class^="list"] .thumbnail .caption {background:transparent;z-index: 2;position: relative;}
.range1 .content-area [class^="list"] .thumbnail .caption:before {content:"Read more";position:absolute;top: 80px;color: #fff;font-size: 20px;}
.range1 .content-area [class^="list"] .thumbnail strong {font-family:'DIN Next W01';text-transform:uppercase;font-size:60px;font-weight:normal;position: absolute;top: 20px;color: #fff;}

.range1 .content-area [class^="list"] .thumbnails li:first-child .thumbnail {background-image:url("../media/5192/Tottenham-hotspur.jpg");}
.range1 .content-area [class^="list"] .thumbnails li:nth-child(2) .thumbnail {background-image:url("../media/5116/Bishopsgate.jpg");}
.range1 .content-area [class^="list"] .thumbnails li:nth-child(3) .thumbnail {background-image:url("../media/5201/Wimbledon-court-roof.jpg");}
.range1 .content-area [class^="list"] .thumbnails li:nth-child(4) .thumbnail {background-image:url("../media/5186/Three-snowhill.jpg");}
.range1 .content-area [class^="list"] .thumbnails li:nth-child(5) .thumbnail {background-image:url("../media/5132/Ely-southern-bypass.jpg");}

/* Grid */
.span20 {width: 18%;margin-left: 2%!important;}
@media (min-width: 1200px) {
/*=== Content Elements ===*/
/* Group board */
.group-board .span4:first-child .panel:last-child:after,
.group-board .span4:nth-child(2) .panel:last-child:after {right:-55px;}

.board .second-row:before {width: 71.5%;}


/* Strategic goals */
.strategic-goals {padding-top: 55px;}
.strategic-goals .roof {height: 105px;}
.strategic-goals .roof img {margin:5px 0;}
.strategic-goals .roof:after {border-left: 500px solid transparent;border-right: 500px solid transparent;border-bottom: 130px solid #050d9e;top: -18px;}
.strategic-goals .roof:before {border-left: 585px solid transparent;border-right: 585px solid transparent;border-bottom: 160px solid #d9dfe3;top: -45px;}
/*=== Specific Pages ===*/

}

@media (min-width: 768px) and (max-width: 979px) {
/*=== Content Elements ===*/
/* Band */
.band-figure .band {padding-left:60px}

/* Board diagram */
.board .panel {padding:15px}
.board .second-row:before {width: 54.6%;}
.board p {font-size: 12px;}

/* Group board */
.group-board .span4:first-child .panel:last-child:after,
.group-board .span4:nth-child(2) .panel:last-child:after {right:-35px;}

/* Timeline */
.panel.alternate {margin-bottom:0;}
.panel.alternate:nth-child(3) {margin-bottom:50px}

/* Strategic goals */
.strategic-goals {padding-top: 70px;}
.strategic-goals .roof p.medium {font-size: 14px;}
.strategic-goals .roof p {font-size: 13px;}
.strategic-goals .roof img {width: 141px;}
.strategic-goals .roof:before {border-left: 364.5px solid transparent;border-right: 364.5px solid transparent;border-bottom: 157px solid #d9dfe3;top: -62px;}
.strategic-goals .roof:after {border-left: 280.5px solid transparent;border-right: 280.5px solid transparent;border-bottom: 120px solid #050d9e;top: -30px;}
.strategic-goals .band p {text-align:center;font-size:14px;}
.strategic-goals .band span.blue-mid,
.strategic-goals .band span.pink,
.strategic-goals .band span.orange,
.strategic-goals .band span.green {width:70px;padding-left: 10px;}
/*=== Specific Pages ===*/

}

@media (max-width: 767px) {
/*=== Fonts ===*/
h1 {font-size: 32px;}
h1 small {font-size: 20px;}
h2 {font-size: 26px;}
h3 {font-size: 22px;}
h4 {font-size: 18px;}

p {font-size:14px;}
.block {display:block;}
.signoff {padding-top:20px;}

.modal h1 {font-size: 26px;}

/*=== Content Elements ===*/
.content-area li {font-size: 14px;}

/* Group board */
.group-board .margin-top {margin-top:40px!important;}
.group-board .span4 {width:28%;margin-left: 8%;float:left;}
.group-board .span4 .panel {padding:10px;}
.group-board .span4 .panel:first-child {min-height:80px;}
.group-board .span4 .panel:last-child {min-height: 391px;}
.group-board h3 {font-size:16px;}
.group-board ul {margin-left: 12px;}
.group-board p,
.group-board li {font-size:13px;}
.group-board .span4:first-child .panel:last-child:after,
.group-board .span4:nth-child(2) .panel:last-child:after {right: -28%;}

/* Board */

.board .first-row:after {display:none}
.board .first-row .panel.blue {
    max-width:  inherit;
    width:  inherit;
}
.board .second-row:before {height: 70%;width:2px;left:1px;top: -60px;}
.board .blue-connector:before {width:10%;height:2px;left:0;top:25%;}
.board .blue-connector:after {height: 85px;bottom: -25px;}

.board .third-row .span3:first-child .grey-connector:before {display:none}
.board .third-row:before,
.board .fourth-row:before {display:none}
.board .fourth-row .span4:first-child .grey-connector:before {display:none}

.board .blue-connector,
.board .grey-connector {max-width:100%;width:100%;display:inline-block;margin-bottom:20px}
.board .grey-connector:before {top: -23px;}
.board .panel.blue-light,
.board .panel.grey {width: 90%;max-width:90%;float:right;}

.timeline { padding-left: 30px; box-sizing: border-box; }
.timeline:before { left: 10px; }
.panel.alternate, 
.panel.alternate:nth-of-type(2n) { width: 100%; float: none; margin-top: 20px; }
.panel.alternate:after { left: calc(-4% - 7px); right:auto; }
.panel.alternate:first-of-type::after,
.panel.alternate:last-of-type::before { right: auto; left: -25px; }

/* Strategic goals */
.strategic-goals {padding-top:10px;}
.strategic-goals .roof {background:#050d9e;height: auto;padding: 10px;margin-bottom: 0;}
.strategic-goals .roof:after {display:none;}
.strategic-goals .roof:before {display:none;}
.strategic-goals .band span.blue-mid,
.strategic-goals .band span.pink,
.strategic-goals .band span.orange,
.strategic-goals .band span.green {width: 50px;padding-left: 10px;}



/*=== Specific Pages ===*/
/* Home */
.home h2.large {font-size:36px;}
/* Case Studies */
.range1 .content-area [class^="list"] .thumbnail strong {line-height:1; font-size:40px;}
.range1 .content-area [class^="list"] .thumbnail .caption:before {font-size:18px;top:120px;}
}

@media (max-width: 480px) {
/*=== Fonts ===*/
h1 {font-size: 26px;}
h1 small {font-size: 16px;}
h2 {font-size: 23px;}
h3 {font-size: 19px;}
h4 {font-size: 16px;}

.intro {font-size: 16px;}
.large {font-size: 26px;line-height: 1.15;}
blockquote {font-size: 16px;}
.modal h1 {font-size: 23px;}

p + h2, ol + h2, ul + h2, img + h2, .table + h2, div + h2 {margin-top: 30px;}  
p + h3, ol + h3, ul + h3, img + h3, .table + h3, div + h3 {margin-top: 20px;}
p + h4, ol + h4, ul + h4, img + h4, .table + h4, div + h4 {margin-top: 10px;}

/*=== Content Elements ===*/
/* Accordion */
.accordion-heading .accordion-toggle {font-size:14px;padding:8px 15px;}
.accordion-heading .accordion-toggle img {width:50px;height:50px;}
    /* Strategy */
    .accordion.strategy .accordion-heading .accordion-toggle {font-size:18px;padding-right:  32px;}
    .accordion.strategy .accordion-heading .accordion-toggle span {font-size:16px}
    .accordion.strategy .accordion-heading .accordion-toggle.collapsed:after {
    right: 0;
}
/* Group board */
.group-board .span4 {margin-left: 4%;width: 30.5%;}
.group-board h3 {font-size:12px;}
.group-board p,
.group-board li {font-size:11px;}
.group-board .span4 .panel:last-child {min-height: 418px;}
.group-board .margin-top-small {margin-top:10px!important;}
.group-board .span4:first-child .panel:last-child:before,
.group-board .span4:nth-child(2) .panel:last-child:before {top:45%; right:-14px}
.group-board .span4:first-child .panel:last-child:after,
.group-board .span4:nth-child(2) .panel:last-child:after {top:55%; right:-14px}
.group-board hr {}

/* Board */
.board .panel.blue-light,
.board .panel.grey {width:80%;max-width:80%}
.board .second-row:before {height: 70.2%;width:2px;left:1px;top: -62px;}
.board .blue-connector:before {width: 12%;}

/*=== Specific Pages ===*/
/* Home */
.home h2.large {font-size:30px}
.medium {font-size: 22px;}
}

@media (max-width: 415px) {
    /* Board Diagram */
    .board .second-row:before {height: 69%;}
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

/*
     FILE ARCHIVED ON 15:50:02 Jun 04, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:19:05 Aug 22, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.355
  exclusion.robots: 0.047
  exclusion.robots.policy: 0.039
  esindex: 0.006
  cdx.remote: 5.084
  LoadShardBlock: 70.891 (3)
  PetaboxLoader3.datanode: 72.389 (4)
  PetaboxLoader3.resolve: 79.815 (2)
  load_resource: 110.38
*/