@font-face {
    font-family: FSLucas;
    src: url(fonts/BlackItalic/FSLucasWeb-BlackItalic.eot);
    src: url(fonts/BlackItalic/FSLucasWeb-BlackItalic.eot?#iefix) format("embedded-opentype"), url(fonts/BlackItalic/FSLucasWeb-BlackItalic.woff) format("woff");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: FSLucas;
    src: url(fonts/Medium/FSLucasWeb-Medium.eot);
    src: url(fonts/Medium/FSLucasWeb-Medium.eot?#iefix) format("embedded-opentype"), url(fonts/Medium/FSLucasWeb-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}






@media (min-width: 768px) {
	
	body #header.original .account ul.menu>li {margin-left:20px}
	body #header.original .account ul.menu>li a, body #header .account ul.menu>li span.nolink {padding: 0; height:auto; line-height: 30px}
		
	/*
	body #header.original .account ul.menu>li a {border: 2px solid #000000; background:#000000; border-radius: 100px; color: #ffffff; display: block; float: left; height: 30px; font-size: 16px; line-height:26px; padding:0 20px;}
	body #header.original .account ul.menu>li a {-moz-box-shadow:0px 16px 4px -10px rgba(33, 33, 33, 0.2); -webkit-box-shadow:0px 16px 4px -10px rgba(33, 33, 33, 0.2); box-shadow:0px 16px 4px -10px rgba(33, 33, 33, 0.2);}
	body #header.original .account ul.menu>li a:hover {border: 2px solid #cccccc; background:#cccccc; color:#000032; text-decoration:none}
	*/
		
		
	body #header {height:auto !important; background:#ffffff !important}	
		
	body #header.original #logo {margin-top:16px; margin-bottom:0}	
		
	body #header.original nav {background:none !important; clear:none; float:right; max-height:none !important; white-space:nowrap; padding:25px 0 0 0; width:auto; top:auto}
	
	body #header.original nav ul#menu-main {clear:none; display:block; float:left; margin:0; padding:0; white-space:nowrap}
	body #header.original nav ul#menu-main li {float:left; margin:0; padding:0 0 0 15px; text-align:left; position:static}
	body #header.original nav ul#menu-main>li a {color:#000000; display:block; font-size:14px; height:auto !important; line-height: 20px; padding:6px 0 24px 0; position: relative}
		
	body #header.original nav ul#menu-main>li a:hover:after, 
	body #header.original nav ul#menu-main .current-menu-item a:after, 
	body #header.original nav ul#menu-main>li:hover a:after {border-top: 3px solid #000032; bottom: 0; content:''; display: block; font-size:0; height: 3px; line-height: 0; left: 0; position: absolute; width: 100%}
	
	body #header.original nav ul#menu-main>li:last-child a {border: 2px solid #000000; background:#000000; border-radius: 100px; color: #ffffff; display: block; float: left; font-size: 16px; line-height:26px; padding:0 15px;}
	body #header.original nav ul#menu-main>li:last-child a {-moz-box-shadow:0px 16px 4px -10px rgba(33, 33, 33, 0.2); -webkit-box-shadow:0px 16px 4px -10px rgba(33, 33, 33, 0.2); box-shadow:0px 16px 4px -10px rgba(33, 33, 33, 0.2);} 	
	body #header.original nav ul#menu-main>li:last-child a:hover {background:#ffffff; color: #000000}
	body #header.original nav ul#menu-main>li:last-child a:after {display: none !important}	
		
	body #header.original .account {float:right; position:relative; right:auto; top:auto}
		
		
	
	body #header.original nav ul#menu-main>li ul.sub-menu {background:#ffffff; left: 0; margin:0; padding:30px 0 0 0; position: absolute; right: 0; top: 164px; text-align:center; width: 100% !important; z-index: 99999; border-bottom: 1px solid #dedede; transform:none}	
	body #header.original nav ul#menu-main>li:hover ul.sub-menu a:after {border:0}
		
	body #header.original nav ul#menu-main>li ul.sub-menu:after {display:none}
	
	body #header.original nav ul#menu-main>li ul.sub-menu a {display:block; padding:60px 0 20px 0 !important; position: relative}
	body #header.original nav ul#menu-main>li ul.sub-menu a:before {content:''; display: block; font-size: 0; height: 48px; left:50%; line-height: 0; margin-left: -24px; position: absolute; top: 0; width: 48px}
		
	body #header.original nav ul#menu-main>li ul.sub-menu .nav-tab-2-1 a:before {background: url("img/navicons/movement.png") no-repeat 0 0; background-size: 48px 48px}
	body #header.original nav ul#menu-main>li ul.sub-menu .nav-tab-2-2 a:before {background: url("img/navicons/board.png") no-repeat 0 0; background-size: 48px 48px}
	body #header.original nav ul#menu-main>li ul.sub-menu .nav-tab-2-3 a:before {background: url("img/navicons/team.png") no-repeat 0 0; background-size: 48px 48px}
	body #header.original nav ul#menu-main>li ul.sub-menu .nav-tab-2-4 a:before {background: url("img/navicons/taskforce.png") no-repeat 0 0; background-size: 48px 48px}
	body #header.original nav ul#menu-main>li ul.sub-menu .nav-tab-2-5 a:before {background: url("img/navicons/impact.png") no-repeat 0 0; background-size: 48px 48px}
		
	body #header.original nav ul#menu-main>li ul.sub-menu .nav-tab-3-1 a:before {background: url("img/navicons/benchmark.png") no-repeat 0 0; background-size: 48px 48px}
	body #header.original nav ul#menu-main>li ul.sub-menu .nav-tab-3-2 a:before {background: url("img/navicons/productivity-insights.png") no-repeat 0 0; background-size: 48px 48px}
	body #header.original nav ul#menu-main>li ul.sub-menu .nav-tab-3-3 a:before {background: url("img/navicons/programmes.png") no-repeat 0 0; background-size: 48px 48px}
	
		
		
	body #header.original nav ul#menu-main>li ul.sub-menu a:hover {border:0 !important; text-decoration:none}
	
	body #header.original nav ul#menu-main>li ul.sub-menu a:hover:after {border-top: 3px solid #000032; bottom: 0; content:''; display: block; font-size:0; height: 3px; line-height: 0; left: 0; position: absolute; width: 100% }	
		
		
	body #header.original nav ul#menu-main>li ul.sub-menu li {float:none; display:inline-block; margin:0 10px;}
	
	
	
}

@media (min-width: 980px) {
	body #header.original nav ul#menu-main>li ul.sub-menu {top: 107px;}
}


@media (min-width: 1280px) {
	
body #header.original nav ul#menu-main li {padding-left: 40px}
body #header.original nav ul#menu-main>li a {font-size:16px !important;}
	
}








.bb-color-pink {color: #ff00ff}
.bb-color-green {color: #00ff00}
.bb-color-aqua {color: #00ffff}


.bb--ctabtn {background: #000000; color:#ffffff; display:block; font-size: 22px; font-weight: 600; line-height: 50px; margin: 0 auto 45px auto; width: 550px; padding:0; position: relative; text-align: center; text-decoration:none }
.bb--ctabtn {-webkit-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: 0 25px 20px -20px #7fff7f; -moz-box-shadow: 0 25px 20px -20px #7fff7f; box-shadow: 0 25px 20px -20px #7fff7f;}
.bb--ctabtn:hover {background: #00ff00; text-decoration: none; color: #000000}

@media (max-width: 767px) {
	
	.bb--ctabtn {width: 100% !important; font-size: 16px}
	
}


.bb--home {}
.bb--home h1 {font-size: 78px; line-height: 71px; font-weight: 900; margin: 0; padding: 0; text-transform: uppercase}


@media (max-width: 767px) {
	
	.bb--home h1 {font-size: 40px; line-height: 46px; }
	.bb--home h1 span {display: none}
	
}

.bb--hero {background: url(img/homepage/hero2.jpg) no-repeat top center; clear:both; display:block; overflow: hidden; padding: 0 0 60px 0; position: relative; width: 100%}

.bb--hero__mask {background: url(img/homepage/hero-line-mask.png) no-repeat top center; display:block; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; top:0px; width: 100%; z-index:1}

.bb--hero h1 {position:relative}
.bb--hero h1:before {background: url(img/homepage/mark-aqua.png) no-repeat 0 0; left:-75px; top:-45px; background-size: 107px 204px; content: ''; display:block; height: 204px; overflow: hidden; position: absolute; width: 107px; z-index:-1}

.bb--hero__content {clear:both; display:block; overflow: hidden; padding: 130px 130px 0 130px; position: relative; z-index: 10}

.bb--hero__content__heading {clear:both; display:block; padding:0 0 50px 0; width: 100%}

.bb--hero__content__text {clear:both; display:block; overflow: hidden; padding:0 135px 40px 0}
.bb--hero__content__text__inner {float: right; width: 380px}

.bb--hero__content p {font-size: 26px; margin: 0; padding: 0}
.bb--hero__content p strong {font-size: 600}
.bb--hero__content h6 {color:#8a939a; font-size: 10px; margin: 0; padding: 0; text-align: center}

.bb--hero__content__skipbtn {background: #e0e0e0; color:#ffffff; display:block; font-size: 18px; font-weight: 600; line-height: 45px; right: 0; position: absolute; bottom:0; width: 90px; padding:0; text-align: center; -webkit-border-radius: 50px; border-radius: 50px;}

.bb--hero__mask__mob {display: none}

@media (max-width: 767px) {

.bb--hero {background: url(img/homepage/hero-mob.jpg) no-repeat top center; padding-bottom: 80px}
.bb--hero .internal {padding: 0}
.bb--hero h1 {font-size:40px; line-height: 40px}
.bb--hero h1:before {background-size: 44px 84px; height: 84px; width: 44px; left: -30px; top:-25px}
.bb--hero__content p {font-size: 24px;}
.bb--hero__mask {display: none}
.bb--hero__content {padding:75px 0 0 0}
.bb--hero__content__skipbtn, .bb--hero__content h6  {display: none}
.bb--hero__mask__mob {display: block; overflow: hidden; padding-bottom: 80px}	
.bb--hero__mask__mob img {float:left; width: 100%}
.bb--hero__content__heading {padding: 0 30px 25px 30px}	
.bb--hero__content__text {padding: 0 30px 0 40px}	
.bb--hero__content__text__inner {float: none; width: auto}
.bb--hero .bb--ctabtn {margin: 0 30px; width: auto !important; font-size: 20px; line-height: 28px; padding: 11px 15px}
	
}


.bb--introimpact {background: url(img/homepage/intro-impact.jpg) no-repeat top center; clear:both; display:block; overflow: hidden; padding: 0 0 80px 0; position: relative; width: 100%}

.bb--introimpact__content {clear:both; display:block; overflow: hidden; padding: 100px 90px 0 130px; position: relative; z-index: 10}

.bb--introimpact__heading {clear:both; display:block; overflow: hidden; padding:0 0 60px 0; width: 100%}

.bb--introimpact .bb--ctabtn {width: 460px; margin-bottom: 0}
.bb--introimpact .bb--ctabtn {-webkit-box-shadow: 0 25px 20px -20px #79f9f9; -moz-box-shadow: 0 25px 20px -20px #79f9f9; box-shadow: 0 25px 20px -20px #79f9f9;}
.bb--introimpact .bb--ctabtn:hover {background:#00ffff}

.bb--introimpact__content h2 {font-style: normal; font-size: 29px; font-weight: 400; margin: 0; padding: 0 0 20px 0}
.bb--introimpact__content h2 strong {font-size: 600}

.bb--introimpact__col h2 strong {color: #00ff00} 
.bb--introimpact__col:first-child h2 strong {color: #ff00ff}
.bb--introimpact__col:last-child h2 strong {color: #00ffff}

.bb--introimpact__content h3 {font-style: normal; font-size: 76px; font-weight: 400; letter-spacing: -0.03em; line-height: 76px; margin: 0; padding: 0 0 10px 0}
.bb--introimpact__content p {font-size: 19px; font-weight: 500; margin: 0; padding: 0 50px 10px 0}
.bb--introimpact__content h6 {color:#808080; font-size: 13px; font-weight: 400; line-height: 30px; margin: 0; padding: 0}

.bb--introimpact__row {clear:both; display:block; margin:0; overflow: hidden; padding: 0 0 60px 0; width: 100%}

.bb--introimpact__col {float:left; padding:0; width: 290px}
.bb--introimpact__col:first-child {width: 335px}
.bb--introimpact__col:last-child {width: 315px}


@media (max-width: 767px) {
	
.bb--introimpact {background:#f8f8f8 url(img/homepage/intro-impact-mob.jpg) no-repeat bottom center; padding: 0}	
.bb--introimpact__content {padding:75px 10px 65px 10px}
.bb--introimpact__heading {padding-bottom: 75px}
.bb--introimpact__content h2 {font-size: 32px; padding-bottom: 10px}
.bb--introimpact__content h3 {font-size: 46px; line-height: 46px}
.bb--introimpact__content p {padding-right: 0}
.bb--introimpact__row {padding-bottom: 0}
.bb--introimpact__col {float:none; display: block; overflow: hidden; padding: 0 0 75px 10px; width: 100% !important}
	
}







.bb--introstart {background: url(img/homepage/intro-start.jpg) no-repeat bottom center; clear:both; display:block; overflow: hidden; padding:0; position: relative; width: 100%}

.bb--introstart__map {background: url(img/homepage/uk-map.png) no-repeat 0 0; background-size: 264px 399px; display:block; height: 399px; right: 75px; overflow: hidden; position: absolute; top:55px; width: 264px; z-index:-1}

.bb--introstart .bb--ctabtn {clear:both; width: 460px; margin-bottom: 0; margin-top: 15px}

.bb--introstart__content {clear:both; display:block; overflow: hidden; padding: 140px 90px 110px 130px; position: relative; z-index: 10}

.bb--introstart__content h3 {font-style: italic; font-size: 38px; font-weight: 500; line-height: 40px; margin: 0; padding:0; position: relative}
.bb--introstart__content h3:before {background: url(img/homepage/mark-green.png) no-repeat 0 0; background-size: 87px 165px; display:block; content: ''; height: 165px; left:-60px; top:-85px; overflow: hidden; position: absolute; width: 87px; z-index:-1}

.bb--introstart__content p {font-size: 26px; font-weight: 400; line-height: 32px; margin: 0; padding:0}

.bb--introstart__row {float:left; margin: 0; padding: 0 0 60px 0; width: 100%}

.bb--introstart__content__heading {float: left; padding: 90px 0 0 0; width: 415px}
.bb--introstart__content__text {float: right; width: 415px}


@media (max-width: 767px) {
	
.bb--introstart {background: url(img/homepage/intro-start-mob.jpg) no-repeat bottom right; }	
.bb--introstart__map {position: relative; left: auto; right: auto; top: auto; margin: 0 auto; width: 198px; height: 299px; background-size: 198px 299px}
.bb--introstart__content {padding: 130px 10px 60px 10px}
.bb--introstart .bb--ctabtn {margin-top: 30px}
.bb--introstart__content p {font-size: 24px}
.bb--introstart__content h3 {font-size: 26px; line-height: 32px}
.bb--introstart__content h3:before {background-size: 44px 84px; height: 84px; width: 44px; left:-30px; top:-10px}
.bb--introstart__content__text {float: none; clear: both; display: block; width: 100%}
.bb--introstart__content__heading {float: none; clear: both; display: block; padding: 0; width: 100%}
.bb--introstart__row {padding-left: 0}
	
}





.bb--introabout {background:#f8f8f8; clear:both; display:block; overflow: hidden; padding:70px 0 0 0; position: relative; width: 100%}

.bb--introabout .bb--ctabtn {clear:both; width: 220px; margin:20px 0 0 0}
.bb--introabout .bb--ctabtn {-webkit-box-shadow: 0 25px 20px -20px rgba(255,0,255,0.5); -moz-box-shadow: 0 25px 20px -20px rgba(255,0,255,0.5); box-shadow: 0 25px 20px -20px rgba(255,0,255,0.5);}
.bb--introabout .bb--ctabtn:hover {background:#ff00ff}

.bb--introabout__content {clear:both; display:block; overflow: hidden; padding:0; position: relative; z-index: 10}

.bb--introabout__content h3 {font-style: italic; font-size: 38px; font-weight: 500; line-height: 40px; margin: 0; padding:0; position: relative}
.bb--introabout__content h3:before {background: url(img/homepage/mark-pink.png) no-repeat 0 0; background-size: 87px 166px; display:block; content: ''; height: 166px; left:-60px; top:-85px; overflow: hidden; position: absolute; width: 87px; z-index:-1}

.bb--introabout__content h4 {font-style: italic; font-size: 32px; font-weight: 300; line-height: 34px; margin: 0; padding:0; position: relative}
.bb--introabout__content p {font-size: 22px; font-weight: 500; line-height: 27px; margin: 0; padding:0 0 20px 0}

.bb--introabout__row {float:left; margin: 0; padding: 0 0 90px 0; width: 100%}

.bb--introabout__content__heading {float: left; padding: 90px 40px 0 130px; width: 100%}

.bb--introabout__content__col {float: left; padding-left: 50px; width: 70%}
.bb--introabout__content__col:first-child {padding:0 30px 0 0; width: 30%}


@media (max-width: 767px) {
	
.bb--introabout {padding: 0}
.bb--introabout__content {padding:45px 10px 0 10px}
.bb--introabout__content__heading {padding: 0}
.bb--introabout__content h3 {font-size: 26px; line-height: 32px}
.bb--introabout__content h3:before {background-size: 44px 84px; height: 84px; width: 44px; left:-30px; top:-10px}
.bb--introabout__content h4 {color:#ff00ff; font-size: 30px; line-height: 36px}
.bb--introabout__content p {font-size: 24px; line-height: 30px}
.bb--introabout__row {padding-bottom: 100px}	
.bb--introabout__content__col {clear:both; display:block; overflow: hidden; float: none; padding: 0 0 30px 0 !important; width: 100% !important}	
.bb--introabout .bb--ctabtn {width: 100% !important}
	
}




.bb--introjourney {background:#fffff; clear:both; display:block; overflow: hidden; padding:0; position: relative; width: 100%}

.bb--introjourney__content {clear:both; display:block; overflow: hidden; padding:60px 0 120px 0; position: relative; z-index: 10}

.bb--introjourney__content h3 {font-style: italic; font-size: 38px; font-weight: 500; line-height: 40px; margin: 0; padding:0; position: relative}
.bb--introjourney__content h3:before {background: url(img/homepage/mark-pink.png) no-repeat 0 0; background-size: 87px 166px; display:block; content: ''; height: 166px; left:-60px; top:-85px; overflow: hidden; position: absolute; width: 87px; z-index:-1}

.bb--introjourney__content h4 {font-style: italic; font-size: 32px; font-weight: 300; line-height: 34px; margin: 0; padding:0; position: relative}
.bb--introjourney__content h5 {font-style: normal; font-size: 20px; font-weight: 500; line-height: 22px; margin: 0; padding:0; position: relative}
.bb--introjourney__content p {font-size: 22px; font-weight: 500; line-height: 27px; margin: 0; padding:0 0 20px 0}

.bb--introjourney__content__col {float: left; padding-left: 30px; width: 70%}
.bb--introjourney__content__col:first-child {padding:0 30px 0 0; width: 30%}

.bb--introjourney__content__smallcol {float: left; padding: 0 0 0 20px; width: 33%}

.bb--introjourney__block {background:#ededed; float: left; width: 100%; position: relative}

.bb--introjourney__block:before {background: url(img/homepage/mark-green.png) no-repeat 0 0; background-size: 44px 84px; content: ''; display:block; height: 84px; right: 15px; overflow: hidden; position: absolute; top:-30px; width: 44px}

.bb--introjourney__content__smallcol:first-child .bb--introjourney__block:before {background: url(img/homepage/mark-pink.png) no-repeat 0 0; background-size: 44px 84px;}
.bb--introjourney__content__smallcol:last-child .bb--introjourney__block:before {background: url(img/homepage/mark-aqua.png) no-repeat 0 0; background-size: 44px 84px;}

.bb--introjourney__block__heading {clear:both; display:block; overflow: hidden; padding:25px 75px 10px 10px}

.bb--introjourney__block__icon {clear:both; display:block; overflow: hidden; padding: 0 15px 10px 15px}
.bb--introjourney__block__icon img {float: right; width: 90px}

.bb--introjourney__block__link {background:#00ff00; clear:both; color: #000000; display:block; font-style: italic; font-size: 19px; font-weight: 300; line-height: 22px; margin: 0; padding:25px 10px; overflow: hidden; text-decoration: none}
.bb--introjourney__block__link:hover {background: #000000 !important; color: #ffffff !important; text-decoration: none}

.bb--introjourney__content__smallcol:first-child .bb--introjourney__block__link {background: #ff00ff}
.bb--introjourney__content__smallcol:last-child .bb--introjourney__block__link {background: #00ffff}


@media (max-width: 767px) {
	
.bb--introjourney__content {padding:65px 10px 50px 10px}
.bb--introjourney__content__heading {padding: 0}
.bb--introjourney__content h4 {font-size: 30px; line-height: 36px}
.bb--introjourney__content p {font-size: 24px; line-height: 30px}
.bb--introjourney__row {padding-bottom: 100px}	
.bb--introjourney__content__col {clear:both; display:block; overflow: hidden; float: none !important; padding: 0 0 30px 0 !important; width: 100% !important}	
.bb--introjourney__content__smallcol {padding: 40px 0 10px 0; width: 100%;}
	
}