
@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
}


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


.bbv3--ctabtn {background: #000000; clear: both; color:#ffffff; display:block; width: 235px; font-size: 22px; font-weight: 600; line-height: 50px; margin: 0 auto; padding:0; position: relative; text-align: center; text-decoration:none}
.bbv3--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;}
.bbv3--ctabtn:hover {background: #00ff00; text-decoration: none; color: #000000}

@media (max-width: 767px) {
	
.bbv3--ctabtn {font-size: 18px}
	
}


.bbv3--home {}
.bbv3--home h1 {font-size: 78px; line-height: 71px; font-weight: 900; margin: 0; padding: 0 0 20px 0; text-transform: uppercase}
.bbv3--home h2 {font-size: 28px; line-height: 32px; font-weight: 400; font-style: italic; margin: 0; padding: 0;}
.bbv3--home h3 {font-size: 21px; line-height: 24px; font-weight: 400; font-style: italic; margin: 0; padding: 0 0 30px 0;}

.bbv3--home h4 {font-style: normal; font-size: 29px; font-weight: 400; margin: 0; padding:0}
.bbv3--home h4 strong {font-size: 600; font-style: italic; text-decoration: underline}

.bbv3--home h5 {font-style: normal; font-size: 70px; font-weight: 400; letter-spacing: -0.03em; line-height: 70px; margin: 0; padding: 0 0 10px 0}

.bbv3--home h6 {color:#808080; font-size: 13px; font-weight: 400; line-height: 30px; margin: 0; padding: 0}

.bbv3--home p {font-size: 18px; line-height: 20px; font-weight: 500; margin: 0; padding:0}


@media (max-width: 767px) {
	
.bbv3--home h1 {font-size: 40px; line-height: 46px; }
.bbv3--home h1 span {display: none}
.bbv3--home h2 {font-size: 22px; line-height: 28px;}
.bbv3--home h3 {font-size: 19px; line-height: 24px;}
.bbv3--home h5 {font-size: 40px; line-height: 40px}	
	
}




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

.bbv3--introimpact__content {clear:both; display:block; overflow: hidden; padding: 25px 15px 65px 15px; position: relative; z-index: 10}

.bbv3--introimpact__heading {clear:both; display:block; overflow: hidden; padding:35px 0 35px 145px; position:relative; width: 100%}
.bbv3--introimpact__heading:before {background: url(img/homepage/mark-aqua2.png) no-repeat 0 0; left:35px; top:0; background-size: 136px 237px; content: ''; display:block; height: 237px; overflow: hidden; position: absolute; width: 136px; z-index:-1}

.bbv3--introimpact .bbv3--ctabtn {-webkit-box-shadow: 0 25px 20px -20px #00ffff; -moz-box-shadow: 0 25px 20px -20px #00ffff; box-shadow: 0 25px 20px -20px #00ffff;}
.bbv3--introimpact .bbv3--ctabtn:hover {background:#00ffff}

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

.bbv3--introimpact__col {float:left; padding:0 15px; width: 30%}
/*
.bbv3--introimpact__col:first-child {width: 335px}
.bbv3--introimpact__col:last-child {width: 315px}
.bbv3--introimpact__col:nth-of-type(3) {width: 315px}
*/

.bbv3--introimpact__col:last-child {width: 40%}

@media (max-width: 979px) {

.bbv3--home .bbv3--introimpact h4 {line-height: 1.42}
.bbv3--home .bbv3--introimpact h5 {font-size: 40px; line-height: 40px}		
	
}

@media (max-width: 767px) {
	
.bbv3--introimpact {}	
.bbv3--introimpact__content {padding:35px 10px}

.bbv3--introimpact__heading {padding-left:30px}
.bbv3--introimpact__heading:before {background-size: 44px 84px; height: 84px; width: 44px; left:0; top:0;}
	
.bbv3--introimpact__content p span {display:none}
.bbv3--introimpact__row {padding-bottom: 0; margin: 0}
.bbv3--introimpact__col {float:none; display: block; overflow: hidden; padding: 0 0 30px 30px; width: 100% !important}
	
}








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

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

.bbv3--introjourney__row {clear:both; display: block; overflow: hidden; margin: 0; padding: 0 0 40px 0; width: 100%}

.bbv3--introjourney__content__heading {clear:both; display:block; overflow: hidden; padding:60px 60px 0 110px; position:relative; width: 100%}
.bbv3--introjourney__content__heading:before {background: url(img/homepage/mark-pink.png) no-repeat 0 0; left:0; top:0; background-size: 87px 166px; display:block; content: ''; height: 166px; overflow: hidden; position: absolute; width: 87px; z-index:-1}

.bbv3--introjourney__content h5 {font-style: normal; font-size: 20px; font-weight: 500; line-height: 22px; margin: 0; padding:0; position: relative}

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

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

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

.bbv3--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}

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

.bbv3--introjourney__block__heading {clear:both; display:block; min-height: 140px; overflow: hidden; padding:25px 60px 0 10px}

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

.bbv3--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}
.bbv3--introjourney__block__link:hover {background: #000000 !important; color: #ffffff !important; text-decoration: none}

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

.bbv3--introjourney .bbv3--ctabtn {-webkit-box-shadow: 0 25px 20px -20px #ff00ff; -moz-box-shadow: 0 25px 20px -20px #ff00ff; box-shadow: 0 25px 20px -20px #ff00ff;}
.bbv3--introjourney .bbv3--ctabtn:hover {background:#ff00ff}


@media (max-width: 979px) {
	
.bbv3--introjourney__content__smallcol {padding: 40px 0 10px 0; width: 100%;}
.bbv3--introjourney__block__heading {min-height: 1px; padding-bottom: 10px}
	
}


@media (max-width: 767px) {
	
.bbv3--introjourney__content {padding:35px 10px}
.bbv3--introjourney__content__heading {padding:35px 0 35px 30px}
.bbv3--introjourney__content__heading:before {background-size: 44px 84px; height: 84px; width: 44px; left:0; top:0;}
.bbv3--introjourney__row {padding-bottom:0}	
.bbv3--introjourney__content__col {clear:both; display:block; overflow: hidden; float: none !important; padding: 0 0 30px 0 !important; width: 100% !important}	
.bbv3--introjourney__content__smallcol {padding: 40px 0 10px 0; width: 100%;}
.bbv3--introjourney__content h3 {padding-bottom: 0}
.bbv3--introjourney__block__heading {min-height: 1px; padding-bottom: 10px}
	
}







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

.bbv3--introstart__content {clear:both; display:block; overflow: hidden; padding: 25px 60px 80px 60px; position: relative; z-index: 10}

.bbv3--introstart__map {background: url(img/homepage/uk-map_v3.png) no-repeat 0 0; background-size: 390px 589px; display:block; height: 589px; right:0; overflow: hidden; position: absolute; top:30px; width:390px; z-index:-1}

.bbv3--introstart__row {clear:both; display: block; overflow: hidden; margin: 0; padding: 0 0 40px 0; width: 100%}

.bbv3--introstart__content__heading {clear:both; display:block; overflow: hidden; padding:60px 0 100px 110px; position:relative; width: 730px}
.bbv3--introstart__content__heading:before {background: url(img/homepage/mark-green.png) no-repeat 0 0; left:0; top:0; background-size: 87px 165px; display:block; content: ''; height: 165px; overflow: hidden; position: absolute; width: 87px; z-index:-1}

.bbv3--introstart__content__text {clear:both; display:block; overflow: hidden; padding:0 0 0 160px; position:relative; width: 580px}

.bbv3--introstart__content h3 {color:#000000; font-size: 32px; font-weight: 800; line-height: 34px; margin: 0; padding:0 0 20px 0; text-transform: uppercase}
.bbv3--introstart__content p {font-size: 21px; font-weight: 400; font-style: italic; line-height: 24px; margin: 0; padding:0 0 20px 0}



@media (max-width: 767px) {
	
.bbv3--introstart {background: url(img/homepage/intro-start-mob.jpg) no-repeat bottom right; }	
	
.bbv3--introstart__content {padding:35px 10px}
.bbv3--introstart__content__heading {padding:35px 0 35px 30px; width: 100%}
.bbv3--introstart__content__heading:before {background-size: 44px 84px; height: 84px; width: 44px; left:0; top:0;}	

.bbv3--introstart__row {padding:0}	
	
.bbv3--introstart__map {position: relative; left: auto; right: auto; top: auto; margin: 0 auto; margin-bottom: 60px; width: 198px; height: 299px; background-size: 198px 299px}
	
.bbv3--introstart__content__text {float: none; clear: both; display: block; padding: 0; width: 100%}

.bbv3--introstart__content h3 {font-size: 28px; line-height: 34px}
	
}





