.animated {
    -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;
    -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s
}

@-webkit-keyframes fadeInRight {
    0% {
        -webkit-transform: translate3d(10px, 5px, 0px)
    }

    100% {
        -webkit-transform: translate3d(0px, 0px, 0px)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight
}



@-webkit-keyframes fadeInLeft {
    0% {
        -webkit-transform: translate3d(-10px, -5px, 0px)
    }

    100% {
        -webkit-transform: translate3d(0px, 0px, 0px)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft;
}



/* Base */
html { overflow-y: scroll; overflow-x: hidden; background-color: #111; }
textarea { border: 1px solid #999; padding: 6px; }
.mb0 { margin-bottom: 0px !important; }
.mb8 { margin-bottom: 8px !important; }
.mb16 { margin-bottom: 16px !important; }
.mb32 { margin-bottom: 32px !important; }

/* Typography */
html { line-height: 16px; font-size: 13px; color: #444; font-family: Arial, Helmet, Freesans, sans-serif; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: bold; }
h1 { font-size: 48px; }
h2 { font-size: 36px; color: #411386;}
h3 { font-size: 28px; color: #411386;}
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; color: #a10084;}
ul { margin: 0 0 12px 0; padding-left: 32px; }
    ul.spaced li { margin-bottom: 8px; }
p { margin: 0 0 12px 0; padding: 0; }
a { text-decoration: none;color: #cb0084; }
    a:hover { text-decoration: underline; }
abbr[title] { border-bottom: none; }
sup { top: 0; }

.purple { color: #411386; }
.pink { color: #a10084; }
.pink.quote { font-weight: normal; }
h6.underline, h5.underline  { border-bottom: 1px solid #a10084; }

li h5 { font-weight: normal; padding-bottom: 8px; margin-top: 8px; }


/* Layout */
.wrapper { width: 976px; margin: 0 auto; }

.background { position: relative; }
.background img { position: absolute; z-index: -1; top: -218px; left: 182px; }

.masthead { height: 40px; overflow: hidden; width: 100%; font-size: 12px; color: white; background: #200647; }
    .masthead .left { float: left; }
    .masthead .right { float: right; }
    .masthead .logo { font-family: "Gill Sans MT", "Gill Sans", Calibri, sans-serif; font-weight: normal; text-decoration: none; font-size: 22px; color: white; display: inline-block; padding: 5px 8px; border-right: 1px solid #fff; float: left; }
        .masthead .logo .bbc-logo { background: url(/media/98915/blq-sprite_alpha.png) 0px 274px; margin-top: 3px; float: left; margin-right: 8px; height: 24px; width: 84px; }
    .masthead li { border-left: 1px solid #fff; float: left; list-style: none; height: 40px; }
    .masthead .link a { color: white; font-size: 13px; line-height: 24px; font-weight: bold; text-decoration: none; padding: 8px 16px 4px; display: inline-block; }
        .masthead .link a:hover { border-bottom: 4px solid #fff; }

.header-container { height: 304px; }
.header { padding: 6px 0; }

h1.section-title { color: #a10084; font-size: 48px; text-transform: uppercase; font-family: "Gill Sans MT", "Gill Sans", Calibri, sans-serif; font-weight: normal; margin: 0 8px; margin-top: 8px; line-height: 1;}
    h1.section-title a { text-decoration: none; color: inherit; }
    h1.section-title span { color: white; }

.top-menu-link { padding: 4px 8px; border: 1px solid white; margin-top: 6px; color: white; margin-right: 6px; display: none; }
.top-menu-link:hover { text-decoration: none; background: rgba(255, 255, 255, 0.2); }
.ham { background-image: url(/media/102007/icon-sefe8f76c93.png); background-position: -39px -29px; width: 16px; height: 16px; display: inline-block;
       margin-right: 8px; margin-bottom: -5px; }

.navigation-menu { display: none; background: #200647; border-top: 1px solid rgba(255, 255, 255, 0.8); padding:16px; position: relative; height: 308px;
                   box-sizing: border-box; overflow: hidden; }
    .navigation-menu ul { list-style-type: none; padding-left: 16px; margin: 0; }
    .navigation-menu ul li { list-style-type: none; padding: 4px 8px; font-weight: bold; font-size: 16px; width: 46%; position: relative; }
    .navigation-menu li li { width: 100%; }
    .navigation-menu a { color: white; }
    .navigation-menu li.position-0, .navigation-menu li.position-1, .navigation-menu li.position-2,
    .navigation-menu li.position-3, .navigation-menu li.position-4 { border-right: 1px solid white; }
    .navigation-menu li.position-5, .navigation-menu li.position-6, .navigation-menu li.position-7 { left: 50%; top: -270px; }

.navigation-container { overflow-x: hidden; margin-bottom: 16px; }

.top-navigation { margin: 0; padding: 0; list-style: none; font-size: 14px; font-weight: bold; background: #411386; width: 2000px; }
    .top-navigation li { float: left; padding: 5px 0 5px 10px; }
        .top-navigation li a { color: #fff; border-right: 1px solid white; padding-right: 8px; }
        .top-navigation li.current { background: #a10084; margin-left: -1px; padding-left: 11px; }
            .top-navigation li.current a { border-right: 1px solid #a10084; }
    .top-navigation.level-2 { background: #a10084; }
        .top-navigation.level-2 li.current { background: #fff; }
            .top-navigation.level-2 li.current a { border-right: 1px solid #fff; color: #a10084; }
    
.main-container { padding-bottom: 32px; background: white; padding-top: 24px; }

.main-content { min-height: 550px; }
    .main-content > h2,
    .main-content > h3,
    .main-content > h4,
    .main-content > h5,
    .main-content > h6 { margin: 4px 0; }

.side-content { overflow: hidden; }
.side-content-item-1 { margin-top: 400px; }
.side-content-item-2 { margin-top: 150px; }
.side-content-item-3 { margin-top: 150px; }
.side-content-item-4 { margin-top: 150px; }

.one-column-layout { background: white; }
.one-column-layout .map-canvas { width: 976px; float: left;height: 549px; }

.two-column-left-layout { background: white; }
    .two-column-left-layout .side-content { width: 336px; float: left; margin-right: 40px; }
    .two-column-left-layout .main-content { width: 600px; float: left; }

.two-column-right-layout { background: white; }
    .two-column-right-layout .main-content { width: 600px; float: left; margin-right: 40px;}
    .two-column-right-layout .side-content { width: 336px; float: left; }

.two-column-right-layout .main-content,
.two-column-right-layout .side-content { margin-bottom: 32px; }

.footer-container { padding: 16px 0; color: #ccc; background: #111; }
.footer p { margin-bottom: 0; }
.footer a {  }
.footer .disclaimer { float: left; }
    .footer .disclaimer img { margin: 0 0 14px; }
.footer .footer-links { float: right; }
.footer ul { float: left; width: 176px; margin: 0 0 16px; list-style: none; padding: 0; }
.footer .small-print { clear:left; margin-top: 116px; font-size: 10px; }
    .footer .small-print p { margin-bottom: 8px;  }

/* Components */
    
.box { padding: 8px 16px; background: white; color: #444; }
    .box p:last-of-type { margin-bottom: 4px; }
    .box .triangle:last-of-type { margin-bottom: 8px; }
    .box p.left-flush-image { float: left; margin: -8px 16px -8px -16px; }
    .box p.right-flush-image { float: right; margin: -8px -16px -8px 16px; }
    .box.grey { background: #eee; }
    .box.dash { border-top: 1px dashed #bbb; padding: 16px 0 0; }

table { border-collapse: inherit; color: #000; }
    table td { padding:4px 6px; }
    table td.top { border-top: 1px solid #a10084; }
    table td.bottom { border-bottom: 1px solid #a10084; }
    table td.left { border-left: 1px solid #a10084; }
    table td.right { border-right: 1px solid #a10084; }
    table td.shaded { background: #FAE9F7; }
    table td h6 { font-size: 14px; }
    table p { margin: 0 0 0 0; }

/* Forms */
.button { border: none; padding: 8px 12px 6px; border-radius: 5px; border-bottom: 3px solid #DD8A24; font-weight: bold; font-size: 16px;color: white;background: #F0A446;display: inline-block; }
.button:hover { text-decoration: none; }

/* Next page link */
.next-page-link { display:block; margin:30px 0 10px; clear: both; }
.next-page-link a { font-weight:bold; font-size:16px; }
.next-page-link a:hover { text-decoration: none; }
    .next-page-link span { background: url(/media/101495/nexticon.jpg) no-repeat 92px 0px; padding: 3px 40px 8px 0; color: #411386; }


/* Page Specific styles */
body.home-page h2,
body.our-business h2,
body.chairman h2,
body.ceo h2,
body.cfo h2
    { margin-left: -9999px; position:absolute; }

body.home-page { color: #eee; }
body.home-page .main-container { background: none; }
body.home-page .two-column-right-layout { background: none; }
body.home-page .next-page-link { margin-bottom: 32px; }
    body.home-page .next-page-link a { font-size: 24px; color: #fff; }
    body.home-page .next-page-link span { color: #cb0084; background: url(/media/101495/nexticon.jpg) no-repeat 130px 3px; padding: 0px 40px 8px 0; }

body.home-page .inspiring { margin-top: 18px; margin-left: -394px; }
body.home-page p.home-text { font-weight: bold; font-size: 24px; width: 450px; margin-top:38px; }
body.home-page .download-box { height:150px; margin-top: 32px; font-size: 16px; }

body.home-page .tile-container { margin-top: 150px; width: 976px; height:196px; }
body.home-page .tile { float: left; width: 210px; margin-left: 27px; background-repeat: no-repeat; padding: 0; }
    body.home-page .tile img { width: 100%; }
    body.home-page .tile h5 { margin-top: 8px; }
    body.home-page .tile h5 a:hover { text-decoration: none; }
    body.home-page .chairman { background-image: url(/media/101192/chairmanhome.jpg); }
    body.home-page .ceo { background-image: url(/media/101197/ceohome.jpg); }
    body.home-page .strategy { background-image: url(/media/101202/strategyhome.jpg); }
    body.home-page .cfo { background-image: url(/media/101207/cfohome.jpg); }
body.home-page .footer-container { margin-top: -45px; }

.downloadPDF { margin: 0; padding: 0 ; }
.downloadPDF li { list-style-type: none; }
.downloadPDF a { display: block; font-size: 1em; font-weight: bold; padding: 0; width: 180px; background: url(/media/101490/downloadicon.png) no-repeat 0 2px; padding: 0 0 10px 50px; }

.trans-container { margin-top: 208px; }
p.trans  { background-color: white; background-color: rgba(255, 255, 255, 0.9); font-weight: bold; font-size: 16px; margin-bottom: 8px; padding: 12px; color: #411386; }

body.ceo .side-content-item-2, body.ceo .side-content-item-3, body.ceo .side-content-item-4 { margin-top: 600px; }
body.strategy .main-container, body.strategy .two-column-right-layout { background: #111; }
body.strategy h2 { color: white; }
body.strategy .next-page-link span { color: white; }
body.strategy .side-content-item-1 { margin-top: 2200px; }
body.strategy .feature { color:#8f908f; margin-top: 430px;}

body.board .main-content { width: 976px; }
.board .photo { float: left; width: 20%; margin-right: 2%; }
    .board .photo.left { clear: left; margin-bottom: 4%; }
    .board .photo img { width: 100%; }
.board .desc { float: left; width:25%; }
    .board .desc.left { margin-right: 5%; }
.board h6 { border-bottom: 1px solid #a10084; }

.black.wrapper { background: #111; color: #eee; padding: 16px; width:624px; padding-right: 336px; }

.box.black { background: #111; color: #eee; }
.box.grey { background: #aaa; color: #fff; }
.box.grad-green,  .strip.grad-green {
    color: white;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDA4OTQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JmZDczMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -webkit-linear-gradient(45deg,  rgba(0,137,72,1) 0%,rgba(191,215,48,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  rgba(0,137,72,1) 0%,rgba(191,215,48,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  rgba(0,137,72,1) 0%,rgba(191,215,48,1) 100%); /* IE10+ */
    background: linear-gradient(45deg,  rgba(0,137,72,1) 0%,rgba(191,215,48,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008948', endColorstr='#bfd730',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.box.grad-purple, .strip.grad-purple {
    color: white;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDAxNDgxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJlMzE5MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -webkit-linear-gradient(45deg,  rgba(208,20,129,1) 0%,rgba(46,49,146,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  rgba(208,20,129,1) 0%,rgba(46,49,146,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  rgba(208,20,129,1) 0%,rgba(46,49,146,1) 100%); /* IE10+ */
    background: linear-gradient(45deg,  rgba(208,20,129,1) 0%,rgba(46,49,146,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d01481', endColorstr='#2e3192',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.box.grad-orange, .strip.grad-orange {
    background: rgb(208,48,37); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDAzMDI1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3OTQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -webkit-linear-gradient(45deg,  rgba(208,48,37,1) 0%,rgba(247,148,52,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  rgba(208,48,37,1) 0%,rgba(247,148,52,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  rgba(208,48,37,1) 0%,rgba(247,148,52,1) 100%); /* IE10+ */
    background: linear-gradient(45deg,  rgba(208,48,37,1) 0%,rgba(247,148,52,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d03025', endColorstr='#f79434',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.box.grad-green a { color: rgb(255, 224, 0);}
.box.grad-purple a { color: rgb(255, 224, 0); }
.box.grad-orange a { color: rgb(255, 224, 0);}

.strip { height: 12px; font-size: 0; }
.strip.thin { height: 4px; margin-bottom:4px; }
.highlight { color: #444; border-top: 1px solid black; margin-top: 16px; padding-top: 8px; }
.highlight h3 { color:#411386; font-size: 36px; }
.highlight p { margin-bottom: 4px; }
.highlight-container { width: 976px; }
    .highlight-container .highlight { float: left; margin-left: 27px; width:210px; border-bottom: 1px solid black; border-top: none;opacity: 0;  }
    .highlight-container .highlight .box { height: 112px; }

.table-container { width: 100%; overflow-x: auto; }
table.left-half { width: 47%; float: left; margin-right: 6%; }
table.right-half { width: 47%; float: left; }






/* Responsive styles */
@media
(min-width: 900px) and (max-width: 1023px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    /* General, Images and Video */
    .wrapper { width:100%;}
    .main-container p img { width: 100%; height: auto; }
    object { width: 100%; }
    table { width: 100%; }

    /* Structure / Width Specific */
    .two-column-right-layout, .footer-container { box-sizing: border-box; padding-left: 16px; padding-right: 16px; }
    .background img { position: absolute; z-index: -1; top: -148px; left: 212px; width:784px; }
    .header-container { height: 252px; }
    .two-column-right-layout .main-content { width: 61.475%; margin-right: 4%; }
    .two-column-right-layout .side-content { width: 34%; }

    /* Home */
    body.home-page .main-content, body.home-page .side-content { width: 100%; }
    body.home-page .highlight-container { width: 100%; margin: 0; auto; }
    body.home-page .highlight { margin: 0 0.5%; width:24%; }
    body.home-page .highlight .box { font-size: 0.9em; }
    body.home-page .inspiring { margin: 0; }
    body.home-page p.home-text { width: 100%; }
    body.home-page .tile-container { width: 100%; }
    body.home-page .tile { width: 24%; margin: 0 0.5%; }
    body.home-page .tile img { width: 100%; height: auto; }
    body.home-page .download-box { height:100px; }
        .downloadPDF li { width: 50%; float: left; }
    .trans-container { margin: 0 auto; width: 100%; }
    p.trans { width: 45%; margin: 0 1%; float: left; margin-bottom: 2%; height: 68px; }
    body.home-page .next-page-link { margin-bottom: 0; }
    body.home-page .footer-container { margin-top: 0; }
    /* Our business */
    .main-container p img[alt="worldmap"] { width: 162%; height: auto; }
    /* Strategy */
    .strategy .two-column-right-layout { padding-left: 0; padding-right: 0; }
    .strategy .next-page-link, .strategy h2 { margin-left: 16px; }
    .black.wrapper { background: #111; color: #eee; padding: 16px; width: 100%; padding-right: 62%; background-size: 100%; }
    /* Board */
    body.board .main-content { width: 100%; }
    /* Remun */
    .main-container p img.changes-remun { width: 43%; }
}

@media (min-width: 750px) and (max-width: 899px) {
    /* General, Images and Video */
    .wrapper { width:100%;}

    /* Structure / Width Specific */
    .two-column-right-layout, .footer-container { box-sizing: border-box; padding-left: 16px; padding-right: 16px; }
    .background img { position: absolute; z-index: -1; top: -92px; left: 29%; width:550px; }
    .header-container { height: 182px; }
    .two-column-right-layout .main-content { width: 100%; }
    h1.section-title { font-size: 40px; }
    .footer .footer-links { width: 186px; }
    .footer .small-print { margin-top: 130px; }
    .navigation-container { display: none; }
    .top-menu-link { display: inline-block; }

    body.home-page .main-content { margin-bottom: 0; }
    body.home-page .highlight-container { width: 100%; margin: 0; auto; }
    body.home-page .highlight { margin: 0 0.5%; width:24%; }
    body.home-page .highlight .box { font-size: 0.9em; padding: 4px 8px; }
    body.home-page .highlight .box h3 { font-size: 24px; }
    body.home-page .inspiring { margin: 0; }
    body.home-page .inspiring img { width: 100%; }
    body.home-page p.home-text { width: 100%; font-size: 16px; }
    body.home-page .tile-container { width: 100%; margin-top: 6%; margin-bottom: 5%; height: inherit; }
    body.home-page .tile { width: 24%; margin: 0 0.5%; }
    body.home-page .tile img { width: 100%; height: auto; }
    body.home-page .tile h5 { font-size: 16px; }
    body.home-page .side-content { width: 100%; }
    body.home-page .download-box { height:100px; }
        .downloadPDF li { width: 50%; float: left; }
    body.home-page .next-page-link { margin: 20px 0 -10px; }
    .trans-container { margin: 0 auto; width: 100%;  padding-left: 2.5%;}
    p.trans { width: 43%; margin: 0 1%; float: left; margin-bottom: 2%; height: 76px; padding: 8px; font-size: 14px; }
    body.home-page .footer-container { margin-top: 0; }

    .our-business .main-container p img[alt="worldmap"] { width: 100%; height: auto; }
    
    body.chairman .side-content { width: 100%; }
    body.chairman .side-content-item-1, body.chairman .side-content-item-2 { width: 45%; float: left; margin-right: 5%; margin-top: 0; }
    body.chairman .side-content-item-2 { margin-top: -14px; }
    body.chairman .highlight { float: left; width: 100%; }
    body.chairman .strip { clear: left; }

    body.ceo .side-content { width: 100%; }
    body.ceo .side-content-item-1 , body.ceo .side-content-item-2, body.ceo .side-content-item-3, body.ceo .side-content-item-4
        { margin-top: 0; width: 45%; float: left; margin-right: 5%; margin-bottom: 16px;  }
    body.ceo .side-content-item-1 { margin-top: -14px;  margin-bottom: 100px; }

    .strategy .black.wrapper .feature { margin-top: 47% !important; }
    .strategy .two-column-right-layout { padding-left: 0; padding-right: 0; }
    .strategy .side-content { width: 100%; }
    .strategy .next-page-link, .strategy h2 { margin-left: 8px; }
    .black.wrapper { background: #111; color: #eee; padding: 16px; width: 100%; background-size: 100%; box-sizing: border-box; }
    body.strategy .side-content-item-1 { margin-top: -14px; }
        body.strategy .side-content-item-1 p { float: left !important; }

    .main-content ul { width: 534px; }

    .performance .side-content { margin-top: -48px !important; width: 100%; }
    .performance .side-content * { margin-top: 0 !important;  margin-bottom: 4px !important; }
    .performance .side-content .aside { width: 45%; float: left; margin-right: 5%; margin-bottom: 32px !important; }

    body.responsibility .side-content { width: 100%; }
    body.responsibility .side-content .aside { width: 45%; float: left; margin-right: 5%; margin-bottom: 32px !important; }
    body.responsibility .side-content .aside img { width: 100%; }

    body.cfo .side-content { width: 100%; }
    body.cfo .side-content-item-1, body.cfo .side-content-item-2 { margin-top: 0px; width: 45%; float: left; margin-right: 5%;}
    body.cfo .side-content .thin.strip { margin-top: 14px !important; }

    body.board .main-content { width: 100%; }
    body.board .main-content img { width: 100%; height: auto; }
    body.board .desc { margin-bottom: 2%; }
    
    .main-container p img.changes-remun { width: 43%; }
}

@media
(min-width: 600px) and (max-width: 749px) {
    /* General, Images and Video */
    .wrapper { width:100%;}
    .main-container p img, object { max-width: 567px; height: auto; }

    /* Structure / Width Specific */
    .two-column-right-layout, .footer-container { box-sizing: border-box; padding-left: 8px; padding-right: 8px; }
    .background img { position: absolute; z-index: -1; top: -92px; left: 29%; width:550px; }
    .header-container { height: 182px; }
    .two-column-right-layout .main-content { width: 100%; }
    h1.section-title { font-size: 40px; }
    .footer .footer-links { width: 186px; }
    .footer .small-print { margin-top: 130px; }
    .navigation-container { display: none; }
    .top-menu-link { display: inline-block; }

    body.home-page .main-content { margin-bottom: 0; }
    body.home-page .highlight-container { width: 100%; margin: 0; auto; }
    body.home-page .highlight { margin: 0 0.5%; width:24%; }
    body.home-page .highlight .box { font-size: 0.85em; padding: 4px 8px; }
    body.home-page .highlight .box h3 { font-size: 24px; }
    body.home-page .inspiring { margin: 0; }
    body.home-page .inspiring img { width: 100%; }
    body.home-page p.home-text { width: 100%; font-size: 16px; }
    body.home-page .tile-container { width: 100%; margin-top: 6%; margin-bottom: 5%; height: inherit; }
    body.home-page .tile { width: 24%; margin: 0 0.5%; }
    body.home-page .tile img { width: 100%; height: auto; }
    body.home-page .tile h5 { font-size: 16px; }
    body.home-page .side-content { width: 100%; }
    body.home-page .next-page-link { margin: 20px 0 -10px; }
    body.home-page .download-box { height:100px; }
        .downloadPDF li { width: 50%; float: left; }
    .trans-container { margin: 0 auto; width: 100%;  padding-left: 2.5%;}
    p.trans { width: 43%; margin: 0 1%; float: left; margin-bottom: 2%; height: 76px; padding: 8px; font-size: 14px; }
    body.home-page .footer-container { margin-top: 0; }

    .our-business .main-container p img[alt="worldmap"] { width: 100%; max-width: 100%; height: auto; }

    body.chairman .main-container p img[alt="TonyHallcomp"] { width: 567px; }
    body.chairman .side-content-item-1, body.chairman .side-content-item-2 { margin-top: 32px; }
    body.chairman .highlight { float: left; width: 100%; clear: left; }
    body.chairman .strip { clear: left; }

    body.ceo .main-container p img[alt="TimDaviecomp"] { width: 567px; }
    body.ceo .side-content-item-1 { margin-top: 0; margin-bottom: 90px; }
    body.ceo .side-content-item-2, body.ceo .side-content-item-3, body.ceo .side-content-item-4
        { margin-top: 32px; }

    .strategy .black.wrapper .feature { margin-top: 47% !important; }
    .strategy .two-column-right-layout { padding-left: 0; padding-right: 0; }
    .strategy .side-content { width: 100%; }
    .strategy .next-page-link, .strategy h2 { margin-left: 8px; }
    .black.wrapper { background: #111; color: #eee; padding: 16px; width: 100%; background-size: 100%; box-sizing: border-box; }
    body.strategy .side-content-item-1 { margin-top: -14px; }
        body.strategy .side-content-item-1 p { float: left !important; }

    .main-content ul { width: 534px; }

    .performance .side-content { margin-top: -48px !important; }
    .performance .side-content * { margin-top: 12px !important; }
    .performance .side-content .strip { margin-top: 0 !important; }

    body.cfo .main-container p img[alt="AndrewBottcomp"] { width: 567px; }
    body.cfo .side-content-item-1, body.cfo .side-content-item-2 { margin-top: 32px; }
    
    body.board .main-content { width: 100%; }
    body.board .photo { width: 200px; clear: left; margin-bottom: 3%; }
    body.board .desc { width: 325px; }
    
    .main-container p img.changes-remun { width: 43%; }  
}

@media
(min-width: 450px) and (max-width: 599px) {
    /* General, Images and Video */
    .wrapper { width:100%;}
    .main-container p img { width: 100%; height: auto; }
    object { width: 100%; }
    .table-container table { width: 600px; }
    .table-container::before {content: "Scroll right >"; color: rgb(255, 112, 0); }
    table.left-half, table.right-half { width: 100%; }

    /* Structure / Width Specific */
    .two-column-right-layout, .footer-container { box-sizing: border-box; padding-left: 8px; padding-right: 8px; }
    .background img { position: absolute; z-index: -1; top: -68px; left: 22%; width:440px; }
    .header-container { height: 148px; }
    .two-column-right-layout .main-content { width: 100%; }
    h1.section-title { font-size: 32px; }
    .footer .footer-links { width: 186px; }
    .footer .small-print { margin-top: 130px; }
    .disclaimer p { font-size: 10px; }
    .navigation-container { display: none; }
    .top-menu-link { display: inline-block; }

    .navigation-menu { height: 490px; }
    .navigation-menu ul li { width: 100%; }
    .navigation-menu li.position-0, .navigation-menu li.position-1, .navigation-menu li.position-2,
    .navigation-menu li.position-3, .navigation-menu li.position-4 { border-right: none; }
    .navigation-menu li.position-5, .navigation-menu li.position-6, .navigation-menu li.position-7 { left: 0%; top: 0; }

    body.home-page .main-content { margin-bottom: 0; }
    body.home-page .highlight-container { width: 100%; margin: 0; auto; }
    body.home-page .highlight { margin: 0 1%; width:48%; }
    body.home-page .highlight .box { padding: 8px 12px; }
    body.home-page .inspiring { margin: 16px 0 0 0; }
    body.home-page .inspiring img { width: 100%; }
    body.home-page p.home-text { width: 100%; font-size: 16px; }
    body.home-page .tile-container { width: 100%; margin-top: 6%; margin-bottom: 5%; height: inherit; }
    body.home-page .tile { width: 48%; margin: 0 1% 4%; }
    body.home-page .tile img { width: 100%; height: auto; }
    body.home-page .tile h5 { font-size: 16px; }
    body.home-page .side-content { width: 100%; }
    body.home-page .next-page-link { margin: 20px 0 -10px; }
    .trans-container { margin: 0 auto; width: 100%; }
    p.trans { box-sizing: border-box; width: 48%; margin: 0 1%; float: left; margin-bottom: 2%; padding: 8px; font-size: 12px; height: 90px; }
    body.home-page .footer-container { margin-top: 0; }

    body.chairman .side-content-item-1, body.chairman .side-content-item-2 { margin-top: 32px; }
    body.chairman .highlight { float: left; width: 50%; }
    body.chairman .strip { clear: left; }

    body.ceo .side-content-item-1 { margin-top: 0; margin-bottom: 90px; }
    body.ceo .side-content-item-2, body.ceo .side-content-item-3, body.ceo .side-content-item-4
        { margin-top: 32px; }

    .strategy .black.wrapper .feature { margin-top: 47% !important; }
    .strategy .two-column-right-layout { padding-left: 0; padding-right: 0; }
    .strategy .side-content { width: 100%; }
    .strategy .next-page-link, .strategy h2 { margin-left: 8px; }
    .black.wrapper { background: #111; color: #eee; padding: 16px; width: 100%; background-size: 100%; box-sizing: border-box; }
    body.strategy .side-content-item-1 { margin-top: -14px; }
        body.strategy .side-content-item-1 p { float: left !important; }

    .performance .side-content { margin-top: -48px !important; }
    .performance .side-content * { margin-top: 12px !important; }
    .performance .side-content .strip { margin-top: 0 !important; }

    body.cfo table { margin: 0 0 16px !important; }
    body.cfo .side-content-item-1, body.cfo .side-content-item-2 { margin-top: 32px; }
    
    body.board .main-content { width: 100%; }
    body.board .photo { width: 47%; clear: left; margin-right: 3%; margin-bottom: 3%; }
    body.board .desc { width: 50%; margin-right: 0 !important; margin-bottom: 3%;}
    
    .main-container p img.changes-remun { margin-top: 32px; width: 300px; }
}

@media
(max-width: 449px) {
    /* General, Images and Video */
    .wrapper { width:100%;}
    .main-container p img { width: 100%; height: auto; }
    object { width: 100%; }
    table { margin: 0 0 16px !important; }
    .table-container table { width: 600px; }
    .table-container::before {content: "Scroll right >"; color: rgb(255, 112, 0); }
    table.left-half, table.right-half { width: 100%; }

    /* Structure / Width Specific */
    .two-column-right-layout, .footer-container { box-sizing: border-box; padding-left: 8px; padding-right: 8px; }
    .background img { position: absolute; z-index: -1; top: -78px; left: 22%; width:440px; }
    .header-container { height: 148px; }
    .two-column-right-layout .main-content, .two-column-right-layout .side-content { width: 100%; }
    h1.section-title { font-size: 32px; }
    .footer .footer-links { width: 100%; margin-top: 16px; }
    .footer .footer-links ul { width: 100%; }
    .footer .small-print { margin-top: 130px; }
    .disclaimer p { font-size: 10px; }
    .next-page-link a { font-size: 16px !important; }
    .next-page-link span {background: url(/media/101495/nexticon.jpg) no-repeat 90px 0px !important; padding: 2px 40px 8px 0 !important; display: block; }
    .navigation-container { display: none; }
    .top-menu-link { display: inline-block; }

    .navigation-menu { height: 490px; }
    .navigation-menu ul li { width: 100%; }
    .navigation-menu li.position-0, .navigation-menu li.position-1, .navigation-menu li.position-2,
    .navigation-menu li.position-3, .navigation-menu li.position-4 { border-right: none; }
    .navigation-menu li.position-5, .navigation-menu li.position-6, .navigation-menu li.position-7 { left: 0%; top: 0; }

    body.home-page .main-content { margin-bottom: 0; }
    body.home-page .highlight-container { width: 100%; margin: 0; auto; }
    body.home-page .highlight { margin: 0 1%; width:48%; }
    body.home-page .highlight .box { padding: 4px 8px; font-size: 0.9em; }
    body.home-page .highlight .box h3 { font-size: 24px; }
    body.home-page .inspiring { margin: 16px 0 0 0; }
    body.home-page .inspiring img { width: 100%; }
    body.home-page p.home-text { width: 100%; font-size: 14px; }
    body.home-page .tile-container { width: 100%; margin-top: 6%; margin-bottom: 5%; height: inherit; }
    body.home-page .tile { width: 48%; margin: 0 1% 4%; height: 148px; }
    body.home-page .tile img { width: 100%; height: auto; }
    body.home-page .tile h5 { font-size: 16px; }
    body.home-page .side-content { width: 100%; }
    body.home-page .next-page-link { margin: 20px 0 -10px; }
    body.home-page .trans-container { margin: 0 auto; width: 100%; }
    body.home-page p.trans { box-sizing: border-box; width: 48%; margin: 0 1%; float: left; margin-bottom: 2%; padding: 8px; font-size: 12px; height: 126px; }
    body.home-page .download-box h3 { font-size: 24px; }
    body.home-page .footer-container { margin-top: 0; }

    body.chairman .side-content-item-1, body.chairman .side-content-item-2 { margin-top: 32px; }

    body.ceo .side-content-item-1 { margin-top: 0; margin-bottom: 90px; }
    body.ceo .side-content-item-2, body.ceo .side-content-item-3, body.ceo .side-content-item-4
        { margin-top: 32px; }

    .strategy .black.wrapper .feature { margin-top: 47% !important; }
    .strategy .two-column-right-layout { padding-left: 0; padding-right: 0; }
    .strategy .side-content { width: 100%; }
    .strategy .next-page-link, .strategy h2 { margin-left: 8px; }
    .black.wrapper { background: #111; color: #eee; padding: 16px; width: 100%; background-size: 100%; box-sizing: border-box; }
    body.strategy .side-content-item-1 { margin-top: -14px; }
        body.strategy .side-content-item-1 p { float: left !important; }

    ul h5 { font-size: 16px; }
    .performance .side-content { margin-top: -48px !important; }
    .performance .side-content * { margin-top: 12px !important; }
    .performance .side-content .strip { margin-top: 0 !important; }

    body.cfo .side-content-item-1, body.cfo .side-content-item-2 { margin-top: 32px; }
    
    body.board .main-content { width: 100%; }
    body.board .photo { width: 38%; clear: left; margin-right: 3%; margin-bottom: 0 !important; }
    body.board .desc { width: 100%; margin-right: 0 !important; margin-bottom: 6%;}
    
    .main-container p img.changes-remun { margin-top: 32px; width: 100%; }
}

@media
only screen and (max-device-width : 767px) and (-webkit-min-device-pixel-ratio: 2) {
    /* General, Images and Video */
    .wrapper { width:100%;}
    .main-container p img { width: 100%; height: auto; }
    object { width: 100%; }
    table { width: 100%; margin: 0 0 16px !important; }
    .table-container table { width: 600px; }
    .table-container::before {content: "Scroll right >"; color: rgb(255, 112, 0); }
    table.left-half, table.right-half { width: 100%; }

    /* Structure / Width Specific */
    .two-column-right-layout, .footer-container { box-sizing: border-box; padding-left: 8px; padding-right: 8px; }
    .background img { position: absolute; z-index: -1; top: -78px; left: 22%; width:440px; }
    .header-container { height: 148px; }
    .two-column-right-layout .main-content, .two-column-right-layout .side-content { width: 100%; }
    h1.section-title { font-size: 32px; }
    .footer .footer-links { width: 100%; margin-top: 16px; }
    .footer .footer-links ul { width: 100%; }
    .footer .small-print { margin-top: 130px; }
    .disclaimer p { font-size: 10px; }
    .next-page-link a { font-size: 16px !important; }
    .next-page-link span {background: url(/media/101495/nexticon.jpg) no-repeat 90px 0 !important; padding: 2px 40px 8px 0 !important;
                          display: block; }
    .navigation-container { display: none; }
    .top-menu-link { display: inline-block; }

    .navigation-menu { height: 490px; }
    .navigation-menu ul li { width: 100%; }
    .navigation-menu li.position-0, .navigation-menu li.position-1, .navigation-menu li.position-2,
    .navigation-menu li.position-3, .navigation-menu li.position-4 { border-right: none; }
    .navigation-menu li.position-5, .navigation-menu li.position-6, .navigation-menu li.position-7 { left: 0%; top: 0; }

    body.home-page .main-content { margin-bottom: 0; }
    body.home-page .highlight-container { width: 100%; margin: 0; auto; }
    body.home-page .highlight { margin: 0 1%; width:48%; }
    body.home-page .highlight .box { padding: 4px 8px; font-size: 0.9em; }
    body.home-page .highlight .box h3 { font-size: 24px; }
    body.home-page .inspiring { margin: 16px 0 0 0; }
    body.home-page .inspiring img { width: 100%; }
    body.home-page p.home-text { width: 100%; font-size: 14px; }
    body.home-page .tile-container { width: 100%; margin-top: 6%; margin-bottom: 5%; height: inherit; }
    body.home-page .tile { width: 48%; margin: 0 1% 4%; height: 148px; }
    body.home-page .tile img { width: 100%; height: auto; }
    body.home-page .tile h5 { font-size: 16px; }
    body.home-page .side-content { width: 100%; }
    body.home-page .next-page-link { margin: 20px 0 -10px; }
    body.home-page .trans-container { margin: 0 auto; width: 100%; }
    body.home-page p.trans { box-sizing: border-box; width: 48%; margin: 0 1%; float: left; margin-bottom: 2%; padding: 8px; font-size: 12px; height: 126px; }
    body.home-page .download-box h3 { font-size: 24px; }
    body.home-page .footer-container { margin-top: 0; }

    body.chairman .side-content-item-1, body.chairman .side-content-item-2 { margin-top: 32px; }

    body.ceo .side-content-item-1 { margin-top: 0; margin-bottom: 90px; }
    body.ceo .side-content-item-2, body.ceo .side-content-item-3, body.ceo .side-content-item-4
        { margin-top: 32px; }

    .strategy .black.wrapper .feature { margin-top: 47% !important; }
    .strategy .two-column-right-layout { padding-left: 0; padding-right: 0; }
    .strategy .side-content { width: 100%; }
    .strategy .next-page-link, .strategy h2 { margin-left: 8px; }
    .black.wrapper { background: #111; color: #eee; padding: 16px; width: 100%; background-size: 100%; box-sizing: border-box; }
    body.strategy .side-content-item-1 { margin-top: -14px; }
        body.strategy .side-content-item-1 p { float: left !important; }

    ul h5 { font-size: 16px; }
    .performance .side-content { margin-top: -48px !important; }
    .performance .side-content * { margin-top: 12px !important; }
    .performance .side-content .strip { margin-top: 0 !important; }

    body.cfo .side-content-item-1, body.cfo .side-content-item-2 { margin-top: 32px; }
    
    body.board .main-content { width: 100%; }
    body.board .photo { width: 38%; clear: left; margin-right: 3%; margin-bottom: 0 !important; }
    body.board .desc { width: 100%; margin-right: 0 !important; margin-bottom: 6%;}
    
    .main-container p img.changes-remun { margin-top: 32px; width: 100%; }


    html { font-size: 39px; }
    h1 { font-size: 144px; }
    h2 { font-size: 108px; }
    h3 { font-size: 84px; }
    h4 { font-size: 72px; }
    h5 { font-size: 60px; }
    h6 { font-size: 48px; }

    ul { margin: 0 0 36px 0; padding-left: 96px; }
    ul.spaced li { margin-bottom: 24px; }
    p { margin: 0 0 36px 0; padding: 0; }

    .background img { position: absolute; z-index: -1; top: -38px; left: 22%; width:780px; }
        .two-column-right-layout, .footer-container { padding-left: 20px; padding-right: 20px; }
    .header-container { height: 296px; }
        .table-container table { width: 1600px; }

    .masthead { height: 100px; font-size: 36px; }
    .masthead .logo { font-size: 48px; padding: 20px 24px; }
    .masthead .logo .bbc-logo { background: url(/media/98915/blq-sprite_alpha.png) 0px -360px; margin-top: 12px;
                            margin-right: 16px; height: 86px; width: 170px; background-size: 168px; }
    .masthead .link a { font-size: 39px; }

   .top-menu-link { padding: 8px 16px; border: 1px solid white; margin-top: 16px; color: white; margin-right: 12px; }
   .ham { background-image: url(/media/102007/icon-sefe8f76c93.png); background-position: -77px -58px; width: 32px; height: 32px; display: inline-block;
       margin-right: 16px; margin-bottom: -8px; background-size: 208px; }

    .navigation-menu { height: 1450px; z-index: 1000; }
    .navigation-menu ul li { padding:12px 24px; }
    .navigation-menu ul li a { font-size: 48px; }

    h1.section-title { font-size: 96px; }
    .top-navigation { font-size: 42px; }

    .footer .small-print { font-size: 30px; }

    table td h6 { font-size: 42px; }

    .next-page-link a { font-size:48px !important; }
    .next-page-link span { background: url(/media/101495/nexticon.jpg) no-repeat 270px 16px !important; padding: 4px 80px 16px 0 !important; display: block;
                           background-size: 50px !important; }

    body.home-page p.home-text { font-size: 54px; margin-top:100px; }
    body.home-page .download-box { height:300px; margin-top: 90px; font-size: 48px; }
    body.home-page .download-box h3 { font-size: 72px; }
    .downloadPDF a { width: 80%; background: url(/media/101490/downloadicon.png) no-repeat 0 10px }

    body.home-page .tile { height: 512px; }
    body.home-page .tile h5 { font-size: 64px; }
    body.home-page .trans-container  { height: 700px; }
    body.home-page p.trans  { font-size: 32px !important; height: 300px; padding: 24px; }

    .our-business .main-container p img[alt="worldmap"] { width: 100%; height: auto; }

    .strip { height: 36px; }
    .strip.thin { height: 12px; margin-bottom:12px; }
    .highlight-container .highlight .box { height: 340px; }
    .highlight { margin-top: 48px; padding-top: 24px; }
    .highlight .box h3 { font-size: 72px !important; }
    body.home-page .highlight .box { padding: 24px 36px; }
    .disclaimer p { font-size: 30px; }
    .disclaimer img { width: 240px; height: auto; }

    ul h5 { font-size: 48px; }

    h5.pink.quote { font-size: 45px !important; }
}