/* Syntax Quick Reference
--------------------------
column($ratios: 1, $offset: 0, $cycle: 0, $uncycle: 0, $gutter: $jeet-gutter)
span($ratio: 1, $offset: 0)
shift($ratios: 0, $col_or_span: column, $gutter: $jeet-gutter)
unshift()
edit()
center($max_width: 1410px, $pad: 0)
stack($pad: 0, $align: false)
unstack()
align($direction: both)
cf()
*/
/**
* Grid settings.
* All values are defaults and can therefore be easily overidden.
*/
/**
* List functions courtesy of the wonderful folks at Team Sass.
* Check out their awesome grid: Singularity.
*/
/**
* Get percentage from a given ratio.
* @param {number} [$ratio=1] - The column ratio of the element.
* @returns {number} - The percentage value.
*/
/**
* Work out the column widths based on the ratio and gutter sizes.
* @param {number} [$ratios=1] - The column ratio of the element.
* @param {number} [$gutter=$jeet-gutter] - The gutter for the column.
* @returns {list} $width $gutter - A list containing the with and gutter for the element.
*/
/**
* Get the set layout direction for the project.
* @returns {string} $direction - The layout direction.
*/
/**
* Replace a specified list value with a new value (uses built in set-nth() if available)
* @param {list} $list - The list of values you want to alter.
* @param {number} $index - The index of the list item you want to replace.
* @param {*} $value - The value you want to replace $index with.
* @returns {list} $list - The list with the value replaced or removed.
* @warn if an invalid index is supplied.
*/
/**
* Reverse a list (progressively enhanced for Sass 3.3)
* @param {list} $list - The list of values you want to reverse.
* @returns {list} $result - The reversed list.
*/
/**
* Get the opposite direction to a given value.
* @param {string} $dir - The direction you want the opposite of.
* @returns {string} - The opposite direction to $dir.
* @warn if an incorrect string is provided.
*/
/**
* Style an element as a column with a gutter.
* @param {number} [$ratios=1] - A width relative to its container as a fraction.
* @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
* @param {number} [$cycle=0] - Easily create an nth column grid where $cycle equals the number of columns.
* @param {number} [$uncycle=0] - Undo a previous cycle value to allow for a new one.
* @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
*/
/**
* An alias for the column mixin.
* @param [$args...] - All arguments get passed through to column().
*/
/**
* Get the width of a column and nothing else.
* @param {number} [$ratios=1] - A width relative to its container as a fraction.
* @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
*/
/**
* Get the gutter size of a column and nothing else.
* @param {number} [ratios=1] - A width relative to its container as a fraction.
* @param {number} [gutter=jeet.gutter] - Specify the gutter width as a percentage of the containers width.
*/
/**
* An alias for the column-width function.
* @param [$args...] - All arguments get passed through to column().
*/
/**
* An alias for the column-gutter function.
* @param [$args...] - All arguments get passed through to column().
*/
/**
* Style an element as a column without any gutters for a seamless row.
* @param {number} [$ratios=1] - A width relative to its container as a fraction.
* @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
* @param {number} [cycle=0] - Easily create an nth column grid where cycle equals the number of columns.
* @param {number} [uncycle=0] - Undo a previous cycle value to allow for a new one.
*/
/**
* Reorder columns without altering the HTML.
* @param {number} [$ratios=0] - Specify how far along you want the element to move.
* @param {string} [$col-or-span=column] - Specify whether the element has a gutter or not.
* @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
*/
/**
* Reset an element that has had shift() applied to it.
*/
/**
* View the grid and its layers for easy debugging.
* @param {string} [$color=black] - The background tint applied.
* @param {boolean} [$important=false] - Whether to apply the style as !important.
*/
/**
* Alias for edit().
*/
/**
* Horizontally center an element.
* @param {number} [$max-width=1410px] - The max width the element can be.
* @param {number} [$pad=0] - Specify the element's left and right padding.
*/
/**
* Uncenter an element.
*/
/**
* Stack an element so that nothing is either side of it.
* @param {number} [$pad=0] - Specify the element's left and right padding.
* @param {boolean/string} [$align=false] - Specify the text align for the element.
*/
/**
* Unstack an element.
*/
/**
* Center an element on either or both axes.
* @requires A parent container with relative positioning.
* @param {string} [$direction=both] - Specify which axes to center the element on.
*/
/**
* Apply a clearfix to an element.
*/
.is-hidden {
display: none; }
.container {
*zoom: 1;
width: auto;
max-width: 1000px;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 0;
padding-right: 0;
padding: 0 20px; }
.container::after {
clear: both;
content: "";
display: table; }
.container:before, .container:after {
content: '';
display: table; }
.container:after {
clear: both; }
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
.owl-item {
padding: 0 10px; }
/*
* Core Owl Carousel CSS File
* v1.3.3
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
/* display none until init */
.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out; }
.owl-carousel .owl-item {
float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
cursor: pointer; }
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent; }
/* mouse grab icon */
.grabbing {
cursor: url(grabbing.png) 8 8, move; }
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.owl-theme .owl-controls {
margin-top: 10px;
text-align: center; }
/* Styling Next and Prev buttons */
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1;
text-decoration: none; }
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span {
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);
/*IE7 fix*/
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #009FE4; }
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1; }
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
/* preloading images */
.owl-item.loading {
min-height: 150px;
background: url(AjaxLoader.gif) no-repeat center center; }
.owl-buttons {
position: absolute;
top: -67px;
left: 10px;
right: 15px; }
.owl-buttons > div {
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
width: 36px;
height: 36px; }
.owl-buttons .owl-prev {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/btn-blue-arrow-left.png);
background-repeat: no-repeat;
background-position: 0 0;
float: left; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.owl-buttons .owl-prev {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/btn-blue-arrow-left@2x.png);
-webkit-background-size: 36px 36px;
-moz-background-size: 36px 36px;
-o-background-size: 36px 36px;
background-size: 36px 36px; } }
.owl-buttons .owl-prev:hover {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/btn-blue-arrow-left-hover.png);
background-repeat: no-repeat;
background-position: 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.owl-buttons .owl-prev:hover {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/btn-blue-arrow-left-hover@2x.png);
-webkit-background-size: 36px 36px;
-moz-background-size: 36px 36px;
-o-background-size: 36px 36px;
background-size: 36px 36px; } }
.owl-buttons .owl-next {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/btn-blue-arrow-right.png);
background-repeat: no-repeat;
background-position: 0 0;
float: right; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.owl-buttons .owl-next {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/btn-blue-arrow-right@2x.png);
-webkit-background-size: 36px 36px;
-moz-background-size: 36px 36px;
-o-background-size: 36px 36px;
background-size: 36px 36px; } }
.owl-buttons .owl-next:hover {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/btn-blue-arrow-right-hover.png);
background-repeat: no-repeat;
background-position: 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.owl-buttons .owl-next:hover {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/btn-blue-arrow-right-hover@2x.png);
-webkit-background-size: 36px 36px;
-moz-background-size: 36px 36px;
-o-background-size: 36px 36px;
background-size: 36px 36px; } }
.swiss_stats {
max-width: 1200px;
position: relative;
margin: 80px 10px 40px 10px; }
.swiss_stats::after {
clear: both;
content: "";
display: table; }
/*4 Per Row*/
.swiss_stats__person {
position: relative;
width: 25%;
height: auto;
display: block;
float: left; }
/*6 Per row*/
@media (min-width: 200px) {
.swiss_stats__person {
width: 16.66666666666667%; } }
/*8 Per Row*/
@media (min-width: 300px) {
.swiss_stats__person {
width: 12.5%; } }
/*10 Per Row*/
@media (min-width: 470px) {
.swiss_stats__person {
width: 10%; } }
/*12 Per row*/
@media (min-width: 600px) {
.swiss_stats__person {
width: 8.333333333333333%; } }
/*16 Per Row*/
@media (min-width: 800px) {
.swiss_stats__person {
width: 6.25%; } }
/*24 Per Row*/
@media (min-width: 1000px) {
.swiss_stats__person {
width: 4.166666666666667%; } }
.swiss_stats__person img {
width: 100%;
height: auto; }
.swiss_stats__person img.person-on {
position: absolute;
left: 0px;
top: 0px;
opacity: 0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out; }
.swiss_stats__person.pe img.person-off {
position: relative; }
.swiss_stats__person:hover {
cursor: pointer; }
.swiss_stats__person .person-on.show {
opacity: 1; }
.swiss_stats__flag {
background-color: #81BB27;
width: 245px;
height: 73px;
position: absolute;
top: -100px;
left: 23px; }
.swiss_stats__flag .sprite, .swiss_stats__flag p {
position: absolute;
color: #fff;
display: block;
padding: 0px;
margin: 0px;
font-family: "open-sans", arial; }
.swiss_stats__flag_count {
top: 5px;
left: 25px;
font-size: 38px;
line-height: 34px;
font-weight: 300; }
.swiss_stats__flag_label {
left: 25px;
bottom: 8px;
font-size: 18px;
display: inline;
font-weight: 300; }
.swiss_stats__flag_arrow {
display: none; }
@media (min-width: 480px) {
.swiss_stats__flag_arrow {
position: absolute;
left: 0px;
top: 0px;
z-index: 0;
background: url(http://www.deloitte.co.uk/impact/2015/assets/img/arrow.png) no-repeat;
background-size: 11px 91px;
height: 91px;
width: 11px;
display: block;
left: -5px; } }
.swiss_stats__flag.side-right .swiss_stats__flag_arrow {
left: auto;
right: -6px; }
.swiss_stats__flag .sprite {
width: 107px;
height: 73px;
right: 0px;
top: 0px; }
/* ----------------------------------------------------
created with http://www.codeandweb.com/texturepacker
----------------------------------------------------
$TexturePacker:SmartUpdate:c15535182d15d3637f159227a48542d0:850631281ad04f635fbf5e2846b30f7e:f97d2966d9cedb7b83ca3afc62815df7$
----------------------------------------------------
usage: <span class="{-spritename-} sprite"></span>
replace {-spritename-} with the sprite you like to use
*/
.sprite {
display: inline-block;
overflow: hidden;
background-repeat: no-repeat;
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/flags@2x.png);
background-size: 882px 452px; }
.albaniasn2x {
width: 108px;
height: 73px;
background-position: -2px -2px; }
.armenian2x {
width: 108px;
height: 73px;
background-position: -2px -77px; }
.australians2x {
width: 108px;
height: 73px;
background-position: -2px -152px; }
.austrians2x {
width: 108px;
height: 73px;
background-position: -2px -227px; }
.belarusian2x {
width: 108px;
height: 73px;
background-position: -2px -302px; }
.belgians2x {
width: 108px;
height: 73px;
background-position: -2px -377px; }
.bolivian2x {
width: 108px;
height: 73px;
background-position: -112px -2px; }
.brazilians2x {
width: 108px;
height: 73px;
background-position: -112px -77px; }
.british2x {
width: 108px;
height: 73px;
background-position: -112px -152px; }
.bulgarians2x {
width: 108px;
height: 73px;
background-position: -112px -227px; }
.canadians2x {
width: 108px;
height: 73px;
background-position: -112px -302px; }
.czech2x {
width: 108px;
height: 73px;
background-position: -112px -377px; }
.chinese2x {
width: 108px;
height: 73px;
background-position: -222px -2px; }
.croatians2x {
width: 108px;
height: 73px;
background-position: -222px -77px; }
.danish2x {
width: 108px;
height: 73px;
background-position: -222px -152px; }
.dutch2x {
width: 108px;
height: 73px;
background-position: -222px -227px; }
.estonian2x {
width: 108px;
height: 73px;
background-position: -222px -302px; }
.finnish2x {
width: 108px;
height: 73px;
background-position: -222px -377px; }
.french2x {
width: 108px;
height: 73px;
background-position: -332px -2px; }
.germans2x {
width: 108px;
height: 73px;
background-position: -332px -77px; }
.greeks2x {
width: 108px;
height: 73px;
background-position: -332px -152px; }
.hungarians2x {
width: 108px;
height: 73px;
background-position: -332px -227px; }
.icelanders2x {
width: 108px;
height: 73px;
background-position: -332px -302px; }
.indians2x {
width: 108px;
height: 73px;
background-position: -332px -377px; }
.irish2x {
width: 108px;
height: 73px;
background-position: -442px -2px; }
.israeli2x {
width: 108px;
height: 73px;
background-position: -552px -2px; }
.italians2x {
width: 108px;
height: 73px;
background-position: -662px -2px; }
.kazakhstani2x {
width: 108px;
height: 73px;
background-position: -772px -2px; }
.latvians2x {
width: 108px;
height: 73px;
background-position: -442px -77px; }
.lebanese2x {
width: 108px;
height: 73px;
background-position: -552px -77px; }
.lithuanians2x {
width: 108px;
height: 73px;
background-position: -662px -77px; }
.luxembourgian2x {
width: 108px;
height: 73px;
background-position: -772px -77px; }
.malaysian2x {
width: 108px;
height: 73px;
background-position: -442px -152px; }
.maltese2x {
width: 108px;
height: 73px;
background-position: -442px -227px; }
.mauritian2x {
width: 108px;
height: 73px;
background-position: -442px -302px; }
.mexican2x {
width: 108px;
height: 73px;
background-position: -442px -377px; }
.norwegian2x {
width: 108px;
height: 73px;
background-position: -552px -152px; }
.polish2x {
width: 108px;
height: 73px;
background-position: -662px -152px; }
.portuguese2x {
width: 108px;
height: 73px;
background-position: -772px -152px; }
.romanian2x {
width: 108px;
height: 73px;
background-position: -552px -227px; }
.russians2x {
width: 108px;
height: 73px;
background-position: -552px -302px; }
.slovakians2x {
width: 108px;
height: 73px;
background-position: -552px -377px; }
.southafricans2x {
width: 108px;
height: 73px;
background-position: -662px -227px; }
.spanish2x {
width: 108px;
height: 73px;
background-position: -772px -227px; }
.swedish2x {
width: 108px;
height: 73px;
background-position: -662px -302px; }
.swiss2x {
width: 108px;
height: 73px;
background-position: -772px -302px; }
.ukrainians2x {
width: 108px;
height: 73px;
background-position: -662px -377px; }
.usamericans2x {
width: 108px;
height: 73px;
background-position: -772px -377px; }
.albanias2x {
width: 108px;
height: 73px;
background-position: -2px -2px; }
.armenien2x {
width: 108px;
height: 73px;
background-position: -2px -77px; }
.australiens2x {
width: 108px;
height: 73px;
background-position: -2px -152px; }
.autrichiens2x {
width: 108px;
height: 73px;
background-position: -2px -227px; }
.bielorusse2x {
width: 108px;
height: 73px;
background-position: -2px -302px; }
.belges2x {
width: 108px;
height: 73px;
background-position: -2px -377px; }
.bolivien2x {
width: 108px;
height: 73px;
background-position: -112px -2px; }
.bresiliens2x {
width: 108px;
height: 73px;
background-position: -112px -77px; }
.britanniques2x {
width: 108px;
height: 73px;
background-position: -112px -152px; }
.bulgares2x {
width: 108px;
height: 73px;
background-position: -112px -227px; }
.canadiens2x {
width: 108px;
height: 73px;
background-position: -112px -302px; }
.tcheques2x {
width: 108px;
height: 73px;
background-position: -112px -377px; }
.chinois2x {
width: 108px;
height: 73px;
background-position: -222px -2px; }
.croates2x {
width: 108px;
height: 73px;
background-position: -222px -77px; }
.danois2x {
width: 108px;
height: 73px;
background-position: -222px -152px; }
.neerlandais2x {
width: 108px;
height: 73px;
background-position: -222px -227px; }
.estonien2x {
width: 108px;
height: 73px;
background-position: -222px -302px; }
.finnois2x {
width: 108px;
height: 73px;
background-position: -222px -377px; }
.francais2x {
width: 108px;
height: 73px;
background-position: -332px -2px; }
.allemands2x {
width: 108px;
height: 73px;
background-position: -332px -77px; }
.grecs2x {
width: 108px;
height: 73px;
background-position: -332px -152px; }
.hongrois2x {
width: 108px;
height: 73px;
background-position: -332px -227px; }
.islandais2x {
width: 108px;
height: 73px;
background-position: -332px -302px; }
.indiens2x {
width: 108px;
height: 73px;
background-position: -332px -377px; }
.irlandais2x {
width: 108px;
height: 73px;
background-position: -442px -2px; }
.israelien2x {
width: 108px;
height: 73px;
background-position: -552px -2px; }
.italiens2x {
width: 108px;
height: 73px;
background-position: -662px -2px; }
.kazakh2x {
width: 108px;
height: 73px;
background-position: -772px -2px; }
.lettons2x {
width: 108px;
height: 73px;
background-position: -442px -77px; }
.libanais2x {
width: 108px;
height: 73px;
background-position: -552px -77px; }
.lituaniens2x {
width: 108px;
height: 73px;
background-position: -662px -77px; }
.luxembourgeois2x {
width: 108px;
height: 73px;
background-position: -772px -77px; }
.malaisien2x {
width: 108px;
height: 73px;
background-position: -442px -152px; }
.maltais2x {
width: 108px;
height: 73px;
background-position: -442px -227px; }
.mauricien2x {
width: 108px;
height: 73px;
background-position: -442px -302px; }
.mexicain2x {
width: 108px;
height: 73px;
background-position: -442px -377px; }
.norvegien2x {
width: 108px;
height: 73px;
background-position: -552px -152px; }
.polonais2x {
width: 108px;
height: 73px;
background-position: -662px -152px; }
.portugais2x {
width: 108px;
height: 73px;
background-position: -772px -152px; }
.roumain2x {
width: 108px;
height: 73px;
background-position: -552px -227px; }
.russes2x {
width: 108px;
height: 73px;
background-position: -552px -302px; }
.slovaques2x {
width: 108px;
height: 73px;
background-position: -552px -377px; }
.sudafricains2x {
width: 108px;
height: 73px;
background-position: -662px -227px; }
.espagnols2x {
width: 108px;
height: 73px;
background-position: -772px -227px; }
.suedois2x {
width: 108px;
height: 73px;
background-position: -662px -302px; }
.suisses2x {
width: 108px;
height: 73px;
background-position: -772px -302px; }
.ukrainiens2x {
width: 108px;
height: 73px;
background-position: -662px -377px; }
.americains2x {
width: 108px;
height: 73px;
background-position: -772px -377px; }
.albaner2x {
width: 108px;
height: 73px;
background-position: -2px -2px; }
.armenier2x {
width: 108px;
height: 73px;
background-position: -2px -77px; }
.australier2x {
width: 108px;
height: 73px;
background-position: -2px -152px; }
.osterreicher2x {
width: 108px;
height: 73px;
background-position: -2px -227px; }
.belarusse2x {
width: 108px;
height: 73px;
background-position: -2px -302px; }
.belgier2x {
width: 108px;
height: 73px;
background-position: -2px -377px; }
.bolivianer2x {
width: 108px;
height: 73px;
background-position: -112px -2px; }
.brasilianer2x {
width: 108px;
height: 73px;
background-position: -112px -77px; }
.briten2x {
width: 108px;
height: 73px;
background-position: -112px -152px; }
.bulgaren2x {
width: 108px;
height: 73px;
background-position: -112px -227px; }
.kanadier2x {
width: 108px;
height: 73px;
background-position: -112px -302px; }
.tschechen2x {
width: 108px;
height: 73px;
background-position: -112px -377px; }
.chinesen2x {
width: 108px;
height: 73px;
background-position: -222px -2px; }
.kroaten2x {
width: 108px;
height: 73px;
background-position: -222px -77px; }
.danen2x {
width: 108px;
height: 73px;
background-position: -222px -152px; }
.hollander2x {
width: 108px;
height: 73px;
background-position: -222px -227px; }
.este2x {
width: 108px;
height: 73px;
background-position: -222px -302px; }
.finnen2x {
width: 108px;
height: 73px;
background-position: -222px -377px; }
.franzosen2x {
width: 108px;
height: 73px;
background-position: -332px -2px; }
.deutsche2x {
width: 108px;
height: 73px;
background-position: -332px -77px; }
.griechen2x {
width: 108px;
height: 73px;
background-position: -332px -152px; }
.ungarn2x {
width: 108px;
height: 73px;
background-position: -332px -227px; }
.islander2x {
width: 108px;
height: 73px;
background-position: -332px -302px; }
.inder2x {
width: 108px;
height: 73px;
background-position: -332px -377px; }
.iren2x {
width: 108px;
height: 73px;
background-position: -442px -2px; }
.israeli2x {
width: 108px;
height: 73px;
background-position: -552px -2px; }
.italiener2x {
width: 108px;
height: 73px;
background-position: -662px -2px; }
.kasache2x {
width: 108px;
height: 73px;
background-position: -772px -2px; }
.letten2x {
width: 108px;
height: 73px;
background-position: -442px -77px; }
.libanese2x {
width: 108px;
height: 73px;
background-position: -552px -77px; }
.litauer2x {
width: 108px;
height: 73px;
background-position: -662px -77px; }
.luxemburger2x {
width: 108px;
height: 73px;
background-position: -772px -77px; }
.malaysier2x {
width: 108px;
height: 73px;
background-position: -442px -152px; }
.maltese2x {
width: 108px;
height: 73px;
background-position: -442px -227px; }
.mauritier2x {
width: 108px;
height: 73px;
background-position: -442px -302px; }
.mexikaner2x {
width: 108px;
height: 73px;
background-position: -442px -377px; }
.norweger2x {
width: 108px;
height: 73px;
background-position: -552px -152px; }
.polen2x {
width: 108px;
height: 73px;
background-position: -662px -152px; }
.portugiesen2x {
width: 108px;
height: 73px;
background-position: -772px -152px; }
.rumane2x {
width: 108px;
height: 73px;
background-position: -552px -227px; }
.russen2x {
width: 108px;
height: 73px;
background-position: -552px -302px; }
.slowaken2x {
width: 108px;
height: 73px;
background-position: -552px -377px; }
.sudafrikaner2x {
width: 108px;
height: 73px;
background-position: -662px -227px; }
.spanier2x {
width: 108px;
height: 73px;
background-position: -772px -227px; }
.schweden2x {
width: 108px;
height: 73px;
background-position: -662px -302px; }
.schweizer2x {
width: 108px;
height: 73px;
background-position: -772px -302px; }
.ukrainer2x {
width: 108px;
height: 73px;
background-position: -662px -377px; }
.us-amerikaner2x {
width: 108px;
height: 73px;
background-position: -772px -377px; }
*, *:before, *:after {
box-sizing: border-box; }
html,
body {
height: 100%; }
body {
position: relative;
-webkit-font-smoothing: antialiased;
font-size: 14px;
line-height: 1.4em;
font-family: arial;
font-weight: 400;
color: #333333;
background-color: #ffffff; }
img {
height: auto;
max-width: 100%;
display: block; }
p {
margin-bottom: 20px; }
a {
color: #009FE4;
text-decoration: none; }
a:hover {
color: #E2E2E2; }
strong {
font-weight: 700; }
sup,
sub {
line-height: 2em;
vertical-align: baseline;
position: relative;
font-size: smaller; }
sup {
top: -0.4em; }
sub {
bottom: -0.4em; }
.header {
position: relative;
z-index: 900; }
.header::after {
clear: both;
content: "";
display: table; }
@media (min-width: 0) and (max-width: 989px) {
.header {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/bg-shadow-mobile.png);
background-repeat: no-repeat;
background-position: 0 0;
background-repeat: repeat-x;
background-position: 0 100%;
padding-bottom: 3px; } }
@media only screen and (min-width: 0) and (max-width: 989px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 0) and (max-width: 989px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 0) and (max-width: 989px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 0) and (max-width: 989px) and (min-resolution: 192dpi), only screen and (min-width: 0) and (max-width: 989px) and (min-resolution: 2dppx) {
.header {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/bg-shadow-mobile@2x.png);
-webkit-background-size: 1px 3px;
-moz-background-size: 1px 3px;
-o-background-size: 1px 3px;
background-size: 1px 3px; } }
@media (min-width: 990px) {
.header {
width: 260px;
height: 100%;
z-index: 6000;
float: left; } }
@media (min-width: 990px) {
.header {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/bg-shadow.png);
background-repeat: no-repeat;
background-position: 0 0;
background-repeat: repeat-y;
background-position: 100% 0;
width: 263px;
position: fixed;
top: 0;
left: 0;
bottom: 0;
float: none; } }
@media only screen and (min-width: 990px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 990px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 990px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 990px) and (min-resolution: 192dpi), only screen and (min-width: 990px) and (min-resolution: 2dppx) {
.header {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/bg-shadow@2x.png);
-webkit-background-size: 3px 1px;
-moz-background-size: 3px 1px;
-o-background-size: 3px 1px;
background-size: 3px 1px; } }
.header .list__locales {
list-style: none;
padding: 0;
font-size: 12px;
font-family: "open-sans", arial;
clear: both;
padding-top: 5px;
margin: 0; }
@media (min-width: 990px) {
.header .list__locales {
clear: none;
padding: 0;
margin-bottom: 10px; } }
.header .list__locales .list__item {
display: inline-block;
border-left: 1px solid #000000;
padding-left: 5px;
margin-left: 5px; }
.header .list__locales .list__item:first-child {
border: none;
padding: 0;
margin: 0; }
.header .list__locales a {
color: #000000; }
.header .list__locales a:hover {
color: #009FE4; }
.header .list__locales .current {
color: #009FE4; }
.header .list__locales .current:hover {
color: #000000; }
@media (min-width: 990px) {
.header__outer {
position: absolute;
top: 0;
left: 0;
bottom: 0; } }
@media (min-width: 990px) {
.header__outer {
background: #fff;
width: 260px;
height: 100%; } }
.header ul {
list-style: none; }
@media (min-width: 0) and (max-width: 989px) {
.header ul {
margin: 0; } }
@media (min-width: 990px) {
.header ul {
margin-bottom: 30px; } }
.header ul ul {
margin: 0; }
.header__content {
z-index: 500; }
.header__content::after {
clear: both;
content: "";
display: table; }
@media (min-width: 0) and (max-width: 989px) {
.header__content {
padding: 20px;
background-color: #fff; } }
@media (min-width: 990px) {
.header__content {
position: fixed;
top: 0;
left: 0; } }
@media (min-width: 990px) {
.header__content {
padding: 30px 20px;
width: 260px; } }
.header__logo {
position: relative;
z-index: 700; }
.header__logo__deloitte {
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
display: block; }
@media (min-width: 0) and (max-width: 989px) {
.header__logo__deloitte {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/logo-mobile.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 125px;
height: 23px;
float: left; } }
@media only screen and (min-width: 0) and (max-width: 989px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 0) and (max-width: 989px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 0) and (max-width: 989px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 0) and (max-width: 989px) and (min-resolution: 192dpi), only screen and (min-width: 0) and (max-width: 989px) and (min-resolution: 2dppx) {
.header__logo__deloitte {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/logo-mobile@2x.png);
-webkit-background-size: 125px 23px;
-moz-background-size: 125px 23px;
-o-background-size: 125px 23px;
background-size: 125px 23px; } }
@media (min-width: 990px) {
.header__logo__deloitte {
margin-bottom: 30px;
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/logo.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 134px;
height: 25px; } }
@media only screen and (min-width: 990px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 990px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 990px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 990px) and (min-resolution: 192dpi), only screen and (min-width: 990px) and (min-resolution: 2dppx) {
.header__logo__deloitte {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/logo@2x.png);
-webkit-background-size: 134px 25px;
-moz-background-size: 134px 25px;
-o-background-size: 134px 25px;
background-size: 134px 25px; } }
.header__logo__impact {
font-weight: 500;
color: #009FE4;
display: block; }
@media (min-width: 0) and (max-width: 989px) {
.header__logo__impact {
margin: -3px 40px 0 0;
font-size: 14px;
text-align: right;
float: right;
width: 50px; } }
@media (min-width: 530px) {
.header__logo__impact {
font-size: 20px;
width: auto;
text-align: left;
margin-top: 0; } }
@media (min-width: 990px) {
.header__logo__impact {
margin-bottom: 10px; } }
@media (min-width: 0) and (max-width: 989px) {
.header__nav__content {
top: 65px;
right: 0;
left: 0;
background: #fff;
z-index: 400; } }
@media (min-width: 990px) {
.header__nav__content {
position: relative;
top: auto; } }
.header__nav__content, .header__search {
clear: both; }
@media (min-width: 990px) {
.header__nav__content, .header__search {
width: 223px !important; } }
@media (min-width: 0) and (max-width: 989px) {
.header__search {
width: 260px;
margin: 0 auto;
padding: 0 20px;
margin-bottom: 20px; } }
@media (min-width: 990px) {
.header__search {
margin-bottom: 0; } }
@media (min-width: 0) and (max-width: 989px) {
.header .nav-toggle {
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/bg-nav-toggle.gif);
background-repeat: no-repeat;
background-position: 0 0;
background-position: 50% 50%;
width: 65px;
height: 65px;
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 700; } }
@media only screen and (min-width: 0) and (max-width: 989px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 0) and (max-width: 989px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 0) and (max-width: 989px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 0) and (max-width: 989px) and (min-resolution: 192dpi), only screen and (min-width: 0) and (max-width: 989px) and (min-resolution: 2dppx) {
.header .nav-toggle {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/bg-nav-toggle@2x.gif);
-webkit-background-size: 36px 25px;
-moz-background-size: 36px 25px;
-o-background-size: 36px 25px;
background-size: 36px 25px; } }
@media (min-width: 990px) {
.header .nav-toggle {
display: none; } }
.header__nav {
margin: 0;
list-style-type: none;
font-size: 14px;
font-family: "open-sans", arial;
font-weight: 700; }
.header__nav .nav__title {
display: none; }
.header__nav .highlight {
background: #D9F2FC;
padding: 0 10px; }
.header__nav > .nav__list {
padding: 0 20px 20px; }
@media (min-width: 990px) {
.header__nav > .nav__list {
border-top: 1px solid #D9F2FC;
padding: 0; } }
.header__nav > .nav__list > .nav__item {
border-bottom: 1px solid #D9F2FC; }
.header__nav > .nav__list > .nav__item a {
padding: 6px 0; }
.header__nav .nav__list {
line-height: 1.2em; }
.header__nav .nav__list .is-active a {
color: #009FE4; }
.header__nav .nav__list .nav__list {
font-size: 12px;
padding: 5px 0 10px;
display: none; }
.header__nav .nav__list .nav__list a {
padding: 3px 0; }
.header__nav .is-selected-parent .nav__list {
display: block; }
.header__nav .is-selected-parent .is-selected-parent a {
color: #009FE4; }
.header__nav a {
color: #333333;
display: block; }
.header__nav .is-selected > a {
color: #009FE4; }
@media (min-width: 0) and (max-width: 989px) {
.primary__nav {
margin-top: 20px; }
.nav-collapse ul {
display: block; }
.nav-collapse li {
width: 100%;
display: block; }
.js .nav-collapse {
max-height: 0;
display: block;
overflow: hidden;
zoom: 1; }
.js .header__content .nav-collapse.opened {
max-height: 9999px !important; }
.disable-pointer-events {
pointer-events: none !important; }
.nav-toggle {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none; } }
@media (min-width: 990px) {
.js .nav-collapse {
position: relative; }
.js .nav-collapse.closed {
max-height: none; }
.nav-toggle {
display: none; } }
.footer {
background-color: #fff;
border-top: 1px solid #E2E2E2; }
.footer.has-nav {
border-top: 0; }
@media (min-width: 990px) {
.footer {
padding-left: 260px; } }
.footer__inner {
font-size: 10px;
max-width: 1040px;
margin: 0 auto; }
@media (min-width: 0) and (max-width: 989px) {
.footer__inner {
padding: 30px; } }
@media (min-width: 990px) {
.footer__inner {
padding: 40px 60px 10px; } }
.footer__feedback {
border: 1px solid #E8F7FC;
border-radius: 3px;
text-align: center;
margin-bottom: 40px;
padding: 30px; }
@media (min-width: 480px) {
.footer__feedback {
margin-left: 15%;
margin-right: 15%; } }
.footer__feedback h2 {
font-size: 22px;
margin-bottom: 20px;
color: #666;
font-weight: 300;
font-family: "open-sans", arial; }
.footer__feedback .button__inner {
background-color: #009FE4;
border: none; }
.footer__feedback .button__inner:hover {
background-color: #000000;
border: none; }
.footer__download {
margin-bottom: 40px;
padding: 30px;
text-align: center;
background-color: #E8F7FC;
border-radius: 3px; }
.footer__download.has-feedback {
margin-bottom: 20px; }
@media (min-width: 480px) {
.footer__download {
margin-left: 15%;
margin-right: 15%; } }
.footer__download h2 {
font-size: 30px;
line-height: 1em;
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/arrow-down.png);
background-repeat: no-repeat;
background-position: 0 0;
padding-top: 80px;
margin-bottom: 20px;
background-position: 50% 0;
font-weight: 300;
font-family: "open-sans", arial; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.footer__download h2 {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/arrow-down@2x.png);
-webkit-background-size: 65px 65px;
-moz-background-size: 65px 65px;
-o-background-size: 65px 65px;
background-size: 65px 65px; } }
.footer__download .button__inner {
background-color: #009FE4;
border: none; }
.footer__download .button__inner:hover {
background-color: #000000;
border: none; }
.footer__copyright.has-pdf {
padding-top: 20px;
border-top: 1px solid #F0F0F0; }
.footer__copyright a {
color: #172E78;
text-decoration: underline;
font-weight: bold; }
.footer__copyright a:hover {
color: #000000; }
.has-caption {
margin-bottom: 5px; }
.block--splitter {
border: none;
padding-top: 15px; }
.block--caption {
font-size: 12px;
color: #666; }
.block--content h2 {
font-size: 22px;
line-height: 1.2em;
margin-bottom: 20px;
font-family: "open-sans", arial;
font-weight: 300;
color: #172E78; }
.block--content ul {
list-style-type: disc; }
.block--content ol {
list-style-type: decimal; }
.block--content ul, .block--content ol {
margin: 0 0 20px 20px;
list-style-position: outside; }
.block--content ul li, .block--content ol li {
margin-bottom: 10px; }
.block--content em {
font-style: italic; }
.block--content strong {
font-weight: bold; }
.block--member {
clear: both; }
.block--member h2 {
font-size: 22px;
line-height: 1.2em;
margin-bottom: 20px;
font-family: "open-sans", arial;
font-weight: 300;
color: #172E78; }
.block--member .left,
.block--member .right {
margin: 0 auto;
margin-bottom: 20px;
width: 300px; }
.block--member .block--image {
border-radius: 3px 3px 0 0; }
@media (min-width: 768px) {
.block--member .left {
padding: 0 20px 20px 0;
margin: 0 0 0 -100px;
float: left; }
.block--member .right {
padding: 0 0 20px 20px;
margin: 0 -100px 0 0;
float: right; } }
.block--bullets {
clear: both;
padding: 20px;
margin-bottom: 20px;
background: #E8F7FC; }
.block--bullets img {
display: block;
margin: 0 auto 30px; }
.block--bullets h2 {
font-size: 16px;
margin-bottom: 10px;
font-family: "open-sans", arial;
color: #009FE4; }
.block--bullets p {
margin-bottom: 0; }
.block--bullets ul {
list-style: none;
padding: 0;
margin: 0; }
.block--bullets ul li {
padding-left: 20px;
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/blue-bullet.png);
background-repeat: no-repeat;
background-position: 0 0;
background-repeat: no-repeat;
background-position: 0 7px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.block--bullets ul li {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/blue-bullet@2x.png);
-webkit-background-size: 5px 5px;
-moz-background-size: 5px 5px;
-o-background-size: 5px 5px;
background-size: 5px 5px; } }
.block--bullets ul li a {
color: #009FE4; }
.block--bullets ul li a:hover {
color: #000000; }
.block--table {
margin-bottom: 20px; }
@media (min-width: 0) and (max-width: 989px) {
.block--table {
margin-left: 2%;
margin-right: 2%; } }
@media (min-width: 768px) {
.block--table {
margin-left: 6%;
margin-right: 6%; } }
.block--table table {
margin-bottom: 20px;
width: 100%; }
.block--table h2 {
font-size: 22px;
margin-bottom: 20px;
text-align: center;
font-family: "open-sans", arial;
font-weight: 300;
color: #172E78; }
.block--footnotes {
margin-bottom: 30px; }
.block--footnotes ol {
list-style-position: outside;
padding: 0; }
.block--footnotes.has-notes ol {
margin-bottom: 20px; }
.block--footnotes .notes,
.block--footnotes li {
font-size: 12px;
color: #666; }
.block--image {
margin-bottom: 20px; }
.block--sideimage .left,
.block--sideimage .right {
margin: 0 auto;
margin-bottom: 20px; }
@media (min-width: 768px) {
.block--sideimage .left {
padding: 0 20px 20px 0;
margin: 0 0 0 -100px;
float: left; }
.block--sideimage .right {
padding: 0 0 20px 20px;
margin: 0 -100px 0 0;
float: right; } }
.block--sideimage ul {
margin: 0 0 20px 20px;
list-style-position: outside; }
.block--sideimage ul li {
margin-bottom: 10px; }
.block--quote {
margin-bottom: 20px;
color: #172E78;
font-family: "open-sans", arial; }
.block--quote .quote__body {
font-size: 19px;
line-height: 24px; }
.block--quote .is-smaller .quote__body {
font-size: 14px;
line-height: 20px; }
.block--quote .quote__author {
font-size: 15px; }
.block--images {
margin-bottom: 20px; }
.block--images::after {
clear: both;
content: "";
display: table; }
@media (min-width: 768px) {
.block--images {
padding: 0 15%; } }
.block--images .left,
.block--images .right {
margin: 0 auto;
margin-bottom: 20px; }
@media (min-width: 768px) {
.block--images .left {
float: left;
width: 49%; }
.block--images .right {
float: right;
width: 49%; } }
.block--casestudy {
margin-bottom: 20px; }
.block--casestudy .left,
.block--casestudy .right {
margin: 0 auto;
margin-bottom: 20px;
max-width: 300px; }
.block--casestudy.double::after {
clear: both;
content: "";
display: table; }
.block--casestudy.double .cs-1,
.block--casestudy.double .cs-2 {
max-width: 300px;
margin: 0 auto;
margin-bottom: 20px; }
@media (min-width: 768px) {
.block--casestudy.double .cs-1 {
float: left;
width: 49%; }
.block--casestudy.double .cs-2 {
float: right;
width: 49%; } }
.block--casestudy .full {
margin-bottom: 20px; }
@media (min-width: 768px) {
.block--casestudy .left {
padding: 0 20px 20px 0;
margin: 0 0 0 -100px;
float: left; }
.block--casestudy .right {
padding: 0 0 20px 20px;
margin: 0 -100px 0 0;
float: right; } }
.button {
font-size: 14px;
border-radius: 3px;
font-weight: bold;
margin: 0; }
.button__inner {
padding: 4px 10px;
border-radius: 3px;
background-color: #7CCD00;
border-bottom: 1px solid #75AE00;
color: #fff; }
.button__inner:hover {
background-color: #75AE00;
border-color: #358A22; }
.outer-container {
position: relative;
max-width: 1000px;
margin: 0 auto;
z-index: 500; }
.big-header .outer-container {
padding: 0 10px; }
@media (min-width: 990px) {
.big-header .outer-container {
padding: 0 40px; } }
.page {
padding: 10px;
background-color: #F0F0F0; }
@media (min-width: 990px) {
.page {
margin-left: 260px;
padding: 40px; } }
.box-page .page, .big-header .page {
padding: 0;
margin-top: -5px; }
.big-header .page {
padding-bottom: 40px; }
.page.has-crumbs {
padding-top: 20px; }
.page__header {
z-index: 10;
width: 100%; }
.box-page .page__header, .big-header .page__header {
background-attachment: fixed; }
.mobile .page__header {
padding-top: 250px; }
.page__header__blur {
display: none;
position: absolute;
top: 70px;
right: 0;
left: 0;
opacity: 0;
z-index: 20; }
@media (min-width: 990px) {
.page__header__blur {
display: block;
top: 0;
left: 260px; } }
.box-page .page__header__blur, .big-header .page__header__blur {
background-attachment: fixed; }
.mobile .page__header__blur {
display: none; }
.page__crumbs {
list-style: none;
padding: 0;
font-size: 12px;
margin-bottom: 10px;
text-align: center;
color: #7CCD00; }
.page__crumbs .page__crumb__link {
display: inline-block; }
.page__crumbs .page__crumb__link span {
color: #939393; }
.page__crumbs .page__crumb__link .page__crumb__symbol {
padding: 0 5px 0 0;
color: #7CCD00; }
.page__crumbs a {
color: #939393; }
.page__crumbs a:hover {
color: #000000; }
.page__tab {
font-size: 14px;
margin: -65px 0 40px;
text-align: center;
font-family: "open-sans", arial;
font-weight: 700;
text-transform: uppercase; }
.page__tab__inner {
padding: 10px 20px;
background: #fff; }
.page__inner {
margin: 0 auto;
background-repeat: no-repeat;
background-position: 0 0;
border-radius: 3px; }
.page__inner::after {
clear: both;
content: "";
display: table; }
.is-standard .page__inner {
padding-top: 40px;
border: 1px solid #E2E2E2;
background-color: #fff; }
.is-standard .page__inner.has-image {
padding-top: 0; }
.is-standard .page__inner.has-image .page__inner__image {
margin-bottom: 40px;
border-radius: 3px 3px 0 0; }
.box-page .page__inner {
padding: 0 10px 40px 10px; }
@media (min-width: 768px) {
.box-page .page__inner {
padding: 0 40px 40px 40px; } }
.page__inner .page__body {
padding-bottom: 40px; }
@media (min-width: 990px) {
.page__inner {
margin: 0; } }
.page__title {
font-size: 24px;
line-height: 1.3em;
font-family: "open-sans", arial;
font-weight: 300;
color: #172E78;
text-align: center;
margin-bottom: 30px;
z-index: 50; }
.case-study .page__title {
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid #F0F0F0; }
@media (min-width: 0) and (max-width: 989px) {
.page__title {
margin-left: 2%;
margin-right: 2%; } }
@media (min-width: 768px) {
.page__title {
margin-left: 10%;
margin-right: 10%; } }
@media (min-width: 768px) {
.page__title {
font-size: 35px; } }
@media (min-width: 990px) {
.page__title {
font-size: 42px; } }
.page__title.is-close-to-intro {
margin-bottom: 10px; }
.box-page .page__title, .big-header .page__title {
background-color: #f0f0f0;
border-radius: 3px 3px 0 0; }
@media (min-width: 0) and (max-width: 989px) {
.box-page .page__title, .big-header .page__title {
padding: 20px 20px 0 20px;
margin-top: -45px; } }
@media (min-width: 768px) {
.box-page .page__title, .big-header .page__title {
padding: 40px 40px 25px 40px;
margin-top: -100px; } }
.page__sep {
padding: 0;
margin: 0;
border: 0;
color: #fff; }
.page__intro {
padding-bottom: 20px;
margin-bottom: 50px;
font-size: 18px;
line-height: 1.4em;
border-bottom: 1px solid #F0F0F0;
color: #000;
margin-left: 5%;
margin-right: 5%;
text-align: center; }
@media (min-width: 480px) {
.page__intro {
margin-left: 7%;
margin-right: 7%; } }
@media (min-width: 768px) {
.page__intro {
margin-left: 10%;
margin-right: 10%; } }
.box-page .page__intro, .big-header .page__intro {
margin-bottom: 20px; }
.page__body {
margin-left: 5%;
margin-right: 5%; }
.page__body::after {
clear: both;
content: "";
display: table; }
@media (min-width: 480px) {
.page__body {
margin-left: 15%;
margin-right: 15%; } }
@media (min-width: 768px) {
.page__body {
margin-left: 20%;
margin-right: 20%; } }
.page__nav {
list-style: none;
padding: 0;
padding: 20px 0;
clear: both;
border-top: 1px solid #F0F0F0;
z-index: 500; }
.page__nav::after {
clear: both;
content: "";
display: table; }
@media (min-width: 0) and (max-width: 989px) {
.page__nav {
padding: 20px 30px; } }
@media (min-width: 990px) {
.page__nav {
padding: 20px 60px; } }
.page__nav a {
color: #7CCD00;
display: block;
line-height: 31px; }
.page__nav a:hover {
color: #000000; }
.page__nav .page__nav__list {
list-style: none;
padding: 0;
margin: 0 auto; }
.page__nav .page__nav__list::after {
clear: both;
content: "";
display: table; }
.footer .page__nav .page__nav__list {
padding-bottom: 20px;
border-bottom: 1px solid #F0F0F0; }
.footer .page__nav.is-sticky .page__nav__list {
border: none;
padding: 0; }
@media (min-width: 990px) {
.page__nav .page__nav__legend {
display: none; } }
@media (min-width: 0) and (max-width: 989px) {
.page__nav .page__nav__title {
display: none; } }
.page__nav .page__nav__prev {
float: left; }
.page__nav .page__nav__prev a {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/btn-prev.png);
background-repeat: no-repeat;
background-position: 0 0;
padding-left: 40px;
background-position: 0 50%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.page__nav .page__nav__prev a {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/btn-prev@2x.png);
-webkit-background-size: 30px 31px;
-moz-background-size: 30px 31px;
-o-background-size: 30px 31px;
background-size: 30px 31px; } }
.page__nav .page__nav__next {
float: right; }
.page__nav .page__nav__next a {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/btn-next.png);
background-repeat: no-repeat;
background-position: 0 0;
padding-right: 40px;
background-position: 100% 50%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.page__nav .page__nav__next a {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/btn-next@2x.png);
-webkit-background-size: 30px 31px;
-moz-background-size: 30px 31px;
-o-background-size: 30px 31px;
background-size: 30px 31px; } }
.page__nav.is-sticky {
background: #fff;
background: rgba(255, 255, 255, 0.85);
border-color: #E2E2E2;
position: fixed;
bottom: 0;
left: 0;
right: 0; }
@media (min-width: 0) and (max-width: 989px) {
.page__nav.is-sticky {
padding: 10px 30px; } }
@media (min-width: 990px) {
.page__nav.is-sticky {
padding: 20px 60px; } }
@media (min-width: 990px) {
.page__nav.is-sticky {
display: none; } }
@media (min-width: 990px) {
.page__nav.is-sticky {
display: block;
left: 260px; } }
.page__filter {
list-style: none;
padding: 0;
margin-bottom: 40px;
padding: 5px 0;
font-size: 13px;
margin-left: 5%;
margin-right: 5%;
font-family: "open-sans", arial;
font-weight: 700;
border: 1px solid #E2E2E2;
border-radius: 3px;
text-align: center; }
.page__filter::after {
clear: both;
content: "";
display: table; }
.box-page .page__filter, .big-header .page__filter {
margin-left: 10px;
margin-right: 10px; }
.page__filter__item {
padding: 5px 0; }
@media (min-width: 480px) {
.page__filter__item {
width: 50%;
float: left; } }
@media (min-width: 768px) {
.page__filter__item {
width: 33.3%;
float: left; } }
.page__filter__item a {
color: #009FE4; }
.page__filter__item.is-selected a {
color: #000000; }
.page__discover {
font-size: 20px;
font-family: "open-sans", arial;
font-weight: 300;
text-align: center;
padding: 40px 0;
color: #009FE4; }
.english .page__discover span {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/bg-discover.png);
background-repeat: no-repeat;
background-position: 0 0;
padding: 5px 0 5px 50px;
background-position: 0 50%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.english .page__discover span {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/bg-discover@2x.png);
-webkit-background-size: 36px 36px;
-moz-background-size: 36px 36px;
-o-background-size: 36px 36px;
background-size: 36px 36px; } }
.card {
position: relative; }
.card::after {
clear: both;
content: "";
display: table; }
.card.talent .card__type {
color: #000;
font-family: "open-sans", arial;
font-weight: bold;
font-size: 15px; }
.card.talent .card__inner {
background-color: #7CCD00; }
.card.talent .card__content {
background-color: #7CCD00;
color: #fff; }
.card.talent .card__position a,
.card.talent .card__title a {
color: #fff; }
.card__image {
border-radius: 3px 3px 0 0; }
.card__inner {
background-color: #fff;
border: 1px solid #E2E2E2;
border-radius: 3px; }
.card__inner::after {
clear: both;
content: "";
display: table; }
.card__inner .quote--mini {
margin-bottom: 20px;
font-size: 13px; }
.card__inner .quote--mini .quote__body {
margin: 0; }
.card__inner .quote--mini .quote__body.has-author {
margin-bottom: 10px; }
.card__inner .quote--mini .quote__author {
font-weight: bold; }
.quote .card__inner {
padding: 20px;
text-align: center;
font-family: "open-sans", arial;
font-weight: 300;
background-color: #fff;
color: #172E78; }
.quote .card__inner .quote__body {
font-size: 25px; }
.quote .card__inner .quote__author {
font-size: 19px; }
.quote.blue .card__inner {
background-color: #009FE4;
color: #fff; }
.quote.blue .card__inner .quote__author {
font-size: 16px; }
.masonry .card__inner {
margin: 0 10px; }
.card__content {
padding: 20px;
position: relative; }
.all-casestudies .card__content {
position: absolute;
top: 0;
left: 0;
right: 0; }
.all-casestudies .card__content .card__title {
color: #fff; }
.all-casestudies .card__content .card__title a {
color: #fff; }
.card__type {
font-size: 12px;
margin-bottom: 10px; }
.card__title {
font-size: 20px;
margin-bottom: 10px;
font-family: "open-sans", arial;
font-weight: 700; }
.card__title a {
color: #000000; }
.card__title a:hover {
color: #172E78; }
.swiss.leadership .card__title {
font-size: 16px; }
.card__summary {
font-size: 14px; }
.card__hidden {
font-size: 12px;
padding: 20px;
background-color: #E8F7FC; }
.card__hidden p {
margin: 0; }
.card__hidden ul {
font-size: 13px;
list-style: none;
padding: 0;
font-weight: 700; }
.card__hidden ul a {
color: #009FE4; }
.card__hidden ul a:hover {
color: #000000; }
.callout__boxes {
margin: 0 10px 40px 10px;
font-family: "open-sans", arial;
text-align: center; }
.callout__boxes::after {
clear: both;
content: "";
display: table; }
.callout__box {
border-radius: 3px;
padding: 20px;
margin-bottom: 20px; }
@media (min-width: 768px) {
.callout__box {
*zoom: 1;
float: left;
clear: none;
text-align: inherit;
width: 48.5%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 0; }
.callout__box:before, .callout__box:after {
content: '';
display: table; }
.callout__box:after {
clear: both; }
.callout__box:last-child {
margin-right: 0%; } }
.callout__box.blue {
background-color: #009FE4; }
.callout__box.blue .button__inner {
color: #009FE4;
border-bottom: none; }
.callout__box.green {
background-color: #7CCD00; }
.callout__box.green .button__inner {
color: #7CCD00;
border-bottom: none; }
.callout__box__title {
color: #fff;
font-size: 30px;
line-height: 1.2em;
font-weight: 300;
margin-bottom: 20px; }
.callout__box .button__inner {
background-color: #fff; }
.callout__box .button__inner:hover {
background-color: #000; }
.topic__panels {
font-family: "open-sans", arial;
max-width: 1400px;
margin: 0 auto; }
.topic__panels__title {
color: #172E78;
font-weight: 300;
font-size: 30px;
text-align: center;
margin-bottom: 30px; }
.topic__panel {
padding: 50px 0 150px;
background-size: cover;
margin-bottom: 30px; }
.topic__panel__content {
background-color: #fff;
padding: 30px 40px;
border-radius: 0 3px 3px 0;
margin-right: 25px; }
@media (min-width: 768px) {
.topic__panel__content {
width: 50%;
margin-right: 0; } }
.topic__panel__title {
color: #172E78;
font-weight: 300;
font-size: 30px;
line-height: 1.2em;
margin-bottom: 20px; }
.topic__panel__summary {
margin-bottom: 0; }
.topic__panel .button {
margin-top: 20px; }
.no-masonry .list__item {
margin-bottom: 20px; }
.list--2 {
list-style: none;
padding: 0; }
.list--2::after {
clear: both;
content: "";
display: table; }
.list--2.masonry .list__item {
float: left;
width: 100%; }
@media (min-width: 768px) {
.list--2.masonry .list__item {
width: 50%; } }
.list--2.no-masonry .list__item {
*zoom: 1;
float: left;
clear: none;
text-align: inherit;
width: 48.5%;
margin-left: 0%;
margin-right: 3%; }
.list--2.no-masonry .list__item:before, .list--2.no-masonry .list__item:after {
content: '';
display: table; }
.list--2.no-masonry .list__item:after {
clear: both; }
.list--2.no-masonry .list__item:last-child {
margin-right: 0%; }
.list--2 .list__item {
margin-bottom: 30px; }
.list--3 {
list-style: none;
padding: 0; }
.list--3::after {
clear: both;
content: "";
display: table; }
@media (min-width: 480px) {
.list--3.masonry .list__item {
float: left;
width: 50%; } }
@media (min-width: 768px) {
.list--3.masonry .list__item {
float: left;
width: 33.3%; } }
.list--3.no-masonry .list__item {
max-width: 320px;
margin: 0 auto 20px; }
@media (min-width: 480px) {
.list--3.no-masonry .list__item {
float: left;
width: 48%;
margin: 0 1%; } }
@media (min-width: 768px) {
.list--3.no-masonry .list__item {
float: left;
width: 31.3%;
margin: 0 1%; } }
.list--3 .list__item {
margin-bottom: 30px !important; }
.list--4 {
list-style: none;
padding: 0; }
.list--4::after {
clear: both;
content: "";
display: table; }
@media (min-width: 480px) {
.list--4.masonry .list__item {
float: left;
width: 50%; } }
@media (min-width: 680px) {
.list--4.masonry .list__item {
float: left;
width: 33.3%; } }
@media (min-width: 880px) {
.list--4.masonry .list__item {
float: left;
width: 25%; } }
@media (min-width: 990px) {
.list--4.masonry .list__item {
float: left;
width: 33.3%; } }
@media (min-width: 1140px) {
.list--4.masonry .list__item {
float: left;
width: 25%; } }
.list--4.no-masonry .list__item {
*zoom: 1;
float: left;
clear: none;
text-align: inherit;
width: 22.75%;
margin-left: 0%;
margin-right: 3%; }
.list--4.no-masonry .list__item:before, .list--4.no-masonry .list__item:after {
content: '';
display: table; }
.list--4.no-masonry .list__item:after {
clear: both; }
.list--4.no-masonry .list__item:last-child {
margin-right: 0%; }
.list--4 .list__item {
margin-bottom: 30px; }
.list--leaders .card__slide {
-webkit-transition: top 0.2s linear;
-moz-transition: top 0.2s linear;
transition: top 0.2s linear; }
.list--leaders .card__inner:hover .card__slide.has-1 {
top: 47px;
-webkit-transition: top 0.2s linear;
-moz-transition: top 0.2s linear;
transition: top 0.2s linear; }
.list--leaders .card__inner:hover .card__slide.has-2 {
top: 28px;
-webkit-transition: top 0.2s linear;
-moz-transition: top 0.2s linear;
transition: top 0.2s linear; }
.list--leaders .cat-438 .card__inner:hover .card__slide {
top: 28px;
-webkit-transition: top 0.2s linear;
-moz-transition: top 0.2s linear;
transition: top 0.2s linear; }
.list--leaders {
font-family: "open-sans", arial; }
.list--leaders .card__inner {
height: 246px;
overflow: hidden;
position: relative; }
.swiss .list--leaders .card__inner {
height: auto; }
.list--leaders .card__content {
padding: 0;
height: 120px;
background-color: #fff; }
.list--leaders .card__slide {
position: absolute;
left: 0;
right: 0;
top: 127px; }
.swiss .list--leaders .card__slide {
position: relative;
left: auto;
top: auto;
right: auto; }
.list--leaders .card__hidden {
padding-bottom: 30px; }
.list--leaders .card__title {
font-size: 14px;
margin-bottom: 5px;
font-weight: 700;
padding: 20px 20px 0; }
.list--leaders .card__summary {
font-size: 12px;
padding: 0 20px;
color: #52525F;
margin: 0; }
.pulse-strip {
position: absolute;
left: 0;
right: 0;
top: -85px;
height: 5px;
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/bg-home-shadow.png);
background-repeat: no-repeat;
background-position: 0 0;
background-repeat: no-repeat;
background-position: 50% 100%; }
.pulse-strip::after {
clear: both;
content: "";
display: table; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.pulse-strip {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/bg-home-shadow@2x.png);
-webkit-background-size: 770px 6px;
-moz-background-size: 770px 6px;
-o-background-size: 770px 6px;
background-size: 770px 6px; } }
.pulse {
position: absolute;
top: 0;
left: 50%; }
@media (min-width: 0) and (max-width: 767px) {
.pulse {
width: 52px;
height: 52px;
margin-left: -26px;
margin-top: -26px; } }
@media (min-width: 768px) {
.pulse {
width: 66px;
height: 66px;
margin-left: -33px;
margin-top: -33px; } }
.pulse__button {
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
position: absolute;
z-index: 900; }
@media (min-width: 0) and (max-width: 767px) {
.pulse__button {
width: 52px;
height: 52px;
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/pulse-mobile.png);
background-repeat: no-repeat;
background-position: 0 0; } }
@media only screen and (min-width: 0) and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 0) and (max-width: 767px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 0) and (max-width: 767px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 0) and (max-width: 767px) and (min-resolution: 192dpi), only screen and (min-width: 0) and (max-width: 767px) and (min-resolution: 2dppx) {
.pulse__button {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/pulse-mobile@2x.png);
-webkit-background-size: 52px 52px;
-moz-background-size: 52px 52px;
-o-background-size: 52px 52px;
background-size: 52px 52px; } }
@media (min-width: 768px) {
.pulse__button {
width: 66px;
height: 66px;
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/pulse.png);
background-repeat: no-repeat;
background-position: 0 0; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 768px) and (min-resolution: 192dpi), only screen and (min-width: 768px) and (min-resolution: 2dppx) {
.pulse__button {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/pulse@2x.png);
-webkit-background-size: 66px 66px;
-moz-background-size: 66px 66px;
-o-background-size: 66px 66px;
background-size: 66px 66px; } }
.pulse__outer,
.pulse__middle,
.pulse__inner {
-webkit-animation: pulsate 1s ease-out;
-moz-animation: pulsate 1s ease-out;
-ms-animation: pulsate 1s ease-out;
-o-animation: pulsate 1s ease-out;
animation: pulsate 1s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
position: absolute;
opacity: 0.0;
background: #7CCD00; }
.pulse__inner {
left: 0;
top: 0; }
@media (min-width: 0) and (max-width: 767px) {
.pulse__inner {
height: 52px;
width: 52px;
border-radius: 52px; } }
@media (min-width: 768px) {
.pulse__inner {
height: 66px;
width: 66px;
border-radius: 66px; } }
.pulse__middle {
left: -5px;
top: -5px; }
@media (min-width: 0) and (max-width: 767px) {
.pulse__middle {
height: 62px;
width: 62px;
border-radius: 62px; } }
@media (min-width: 768px) {
.pulse__middle {
height: 76px;
width: 76px;
border-radius: 76px; } }
.pulse__outer {
left: -10px;
top: -10px; }
@media (min-width: 0) and (max-width: 767px) {
.pulse__outer {
height: 72px;
width: 72px;
border-radius: 72px; } }
@media (min-width: 768px) {
.pulse__outer {
height: 86px;
width: 86px;
border-radius: 86px; } }
@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(0.1, 0.1);
-moz-transform: scale(0.1, 0.1);
-ms-transform: scale(0.1, 0.1);
-o-transform: scale(0.1, 0.1);
transform: scale(0.1, 0.1);
opacity: 0.0; }
50% {
opacity: 1.0; }
100% {
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
opacity: 0.0; } }
@-moz-keyframes pulsate {
0% {
-webkit-transform: scale(0.1, 0.1);
-moz-transform: scale(0.1, 0.1);
-ms-transform: scale(0.1, 0.1);
-o-transform: scale(0.1, 0.1);
transform: scale(0.1, 0.1);
opacity: 0.0; }
50% {
opacity: 1.0; }
100% {
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
opacity: 0.0; } }
@-ms-keyframes pulsate {
0% {
-webkit-transform: scale(0.1, 0.1);
-moz-transform: scale(0.1, 0.1);
-ms-transform: scale(0.1, 0.1);
-o-transform: scale(0.1, 0.1);
transform: scale(0.1, 0.1);
opacity: 0.0; }
50% {
opacity: 1.0; }
100% {
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
opacity: 0.0; } }
@-o-keyframes pulsate {
0% {
-webkit-transform: scale(0.1, 0.1);
-moz-transform: scale(0.1, 0.1);
-ms-transform: scale(0.1, 0.1);
-o-transform: scale(0.1, 0.1);
transform: scale(0.1, 0.1);
opacity: 0.0; }
50% {
opacity: 1.0; }
100% {
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
opacity: 0.0; } }
.block--table table {
font-size: 13px; }
.block--table table th {
font-weight: bold; }
.block--table table th,
.block--table table td {
padding: 10px;
text-align: center;
border-bottom: 1px solid #ccc; }
.block--table table .hl td, .block--table table .hl th {
border-color: #009fe4; }
.block--table table .mid {
text-align: center; }
.block--table table td:first-child,
.block--table table th:first-child {
text-align: left; }
.block--table table .yes,
.block--table table .no,
.block--table table .dash {
text-indent: -999999px; }
.block--table table .yes {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/icon-yes.png);
background-repeat: no-repeat;
background-position: 0 0;
background-position: 50% 10px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.block--table table .yes {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/icon-yes@2x.png);
-webkit-background-size: 19px 19px;
-moz-background-size: 19px 19px;
-o-background-size: 19px 19px;
background-size: 19px 19px; } }
.block--table table .no {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/icon-no.png);
background-repeat: no-repeat;
background-position: 0 0;
background-position: 50% 10px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.block--table table .no {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/icon-no@2x.png);
-webkit-background-size: 19px 19px;
-moz-background-size: 19px 19px;
-o-background-size: 19px 19px;
background-size: 19px 19px; } }
.block--table table .dash {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/icon-dash.png);
background-repeat: no-repeat;
background-position: 0 0;
background-position: 50% 10px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.block--table table .dash {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/icon-dash@2x.png);
-webkit-background-size: 19px 19px;
-moz-background-size: 19px 19px;
-o-background-size: 19px 19px;
background-size: 19px 19px; } }
.block--table table td .notes {
font-size: 12px;
color: #666;
margin-bottom: 0;
padding-top: 10px; }
.block--table table .red-border-right {
border-right: 1px dotted;
border-right-color: red !important; }
@media (min-width: 0) and (max-width: 989px) {
table.responsive {
font-size: 13px;
line-height: 28px;
margin-bottom: 0;
border-top: 1px solid #ccc; }
.pinned {
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
position: absolute;
left: 0;
top: 0;
background: #fff;
width: 35%;
overflow: hidden;
overflow-x: scroll; }
.pinned table {
border-top: 1px solid #ccc;
border-right: none;
border-left: none;
width: 100%; }
.pinned table th,
.pinned table td {
padding: 10px;
white-space: nowrap;
vertical-align: middle;
margin: 0; }
.pinned td:last-child {
border-bottom: 0; }
div.table-wrapper {
position: relative;
margin-bottom: 20px;
overflow: hidden;
border-right: 1px solid #ccc; }
div.table-wrapper div.scrollable {
margin-left: 35%; }
div.table-wrapper div.scrollable {
overflow: scroll;
overflow-y: hidden; }
table.responsive td,
table.responsive th {
position: relative;
white-space: nowrap;
overflow: hidden; }
table.responsive th:first-child,
table.responsive td:first-child,
table.responsive td:first-child,
table.responsive.pinned td {
display: none; } }
@media (min-width: 990px) {
#skrollr-body > .addthis {
margin-left: 260px;
margin-top: 0;
padding: 20px 0; } }
.addthis {
text-align: center;
padding: 0 0 20px 0;
margin-top: -30px; }
.addthis .addthis_toolbox > a {
display: inline-block;
float: none; }
.addthis .addthis_toolbox > a span {
border-radius: 30px; }
.selectric-wrapper {
position: relative;
cursor: pointer; }
.selectric-responsive {
width: 273px;
margin: 0 auto;
text-align: left; }
.selectric {
border-radius: 3px;
background: #fff;
position: relative; }
.selectric .label {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 38px 0 10px;
font-size: 16px;
font-weight: bold;
line-height: 38px;
color: #333;
height: 38px; }
.selectric .button {
display: block;
position: absolute;
right: 0;
top: 0;
width: 38px;
height: 38px;
color: #BBB;
text-align: center;
font: 0/0 a;
*font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; }
.selectric .button:after {
content: " ";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 0;
height: 0;
border: 4px solid transparent;
border-top-color: #BBB;
border-bottom: none; }
.selectric-hover .selectric {
border-color: #c4c4c4; }
.selectric-hover .selectric .button {
color: #a2a2a2; }
.selectric-hover .selectric .button:after {
border-top-color: #a2a2a2; }
.selectric-open {
z-index: 9999; }
.selectric-open .selectric {
border-color: #c4c4c4; }
.selectric-open .selectric-items {
display: block; }
.selectric-disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default;
user-select: none; }
.selectric-hide-select {
position: relative;
overflow: hidden;
width: 0;
height: 0; }
.selectric-hide-select select {
position: absolute;
left: -100%;
display: none; }
.selectric-input {
position: absolute !important;
top: 0 !important;
left: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
margin: 0 !important;
padding: 0 !important;
width: 1px !important;
height: 1px !important;
outline: none !important;
border: none !important;
*font: 0/0 a !important;
background: none !important; }
.selectric-temp-show {
position: absolute !important;
visibility: hidden !important;
display: block !important; }
/* Items box */
.selectric-items {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #fff;
z-index: -1;
box-shadow: 0 0 10px -6px;
border-radius: 3px; }
.selectric-items .selectric-scroll {
height: 100%;
overflow: auto; }
.selectric-above .selectric-items {
top: auto;
bottom: 100%; }
.selectric-items ul, .selectric-items li {
list-style: none;
padding: 0;
margin: 0;
font-size: 16px;
line-height: 20px;
min-height: 20px; }
.selectric-items li {
display: block;
padding: 8px;
border-top: 1px solid #FFF;
border-bottom: 1px solid #EEE;
color: #666;
cursor: pointer; }
.selectric-items li.selected {
background: #EFEFEF;
color: #444;
display: none; }
.selectric-items li:hover {
background: #F0F0F0;
color: #444; }
.selectric-items li:hover a {
color: #009FE4; }
.selectric-items .disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default !important;
background: none !important;
color: #666 !important;
user-select: none; }
.selectric-items .selectric-group .selectric-group-label {
font-weight: bold;
padding-left: 10px;
cursor: default;
user-select: none;
background: none;
color: #444; }
.selectric-items .selectric-group.disabled li {
filter: alpha(opacity=100);
opacity: 1; }
.selectric-items .selectric-group li {
padding-left: 25px; }
.search-results .page__nav {
display: none; }
.search-results .page__inner {
border-bottom: none; }
.search::after {
clear: both;
content: "";
display: table; }
.search__text {
font-size: 15px;
padding: 0 0 0 10px;
font-family: "open-sans", arial;
border: 1px solid #B0E3F6;
background-color: #E8F7FC;
color: #139FD8;
float: left;
width: 181px;
height: 42px;
margin: 0;
border-radius: 3px 0 0 3px; }
.search__text::-webkit-input-placeholder {
color: #139FD8; }
.search__text::-moz-placeholder {
color: #139FD8; }
.search__text:-moz-placeholder {
color: #139FD8; }
.search__text:-ms-input-placeholder {
color: #139FD8; }
.search__button {
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/btn-search.gif);
background-repeat: no-repeat;
background-position: 0 0;
width: 36px;
height: 42px;
border: 0;
padding: 0;
float: right; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.search__button {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/btn-search@2x.gif);
-webkit-background-size: 36px 42px;
-moz-background-size: 36px 42px;
-o-background-size: 36px 42px;
background-size: 36px 42px; } }
.search__button:hover {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/btn-search-on.gif);
background-repeat: no-repeat;
background-position: 0 0;
cursor: pointer; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.search__button:hover {
background-image: url(http://www.deloitte.co.uk/impact/2015/assets/img/btn-search-on@2x.gif);
-webkit-background-size: 36px 42px;
-moz-background-size: 36px 42px;
-o-background-size: 36px 42px;
background-size: 36px 42px; } }
/* GOOGLE OVERRIDES */
@media (min-width: 0) and (max-width: 989px) {
.gsc-results-wrapper-visible {
top: 20px !important;
left: 10px !important;
right: 10px !important; } }
.gsc-results-wrapper-visible,
.gsc-results-wrapper-visible * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
z-index: 9999999 !important; }
.gsc-control-cse {
padding: 0 !important;
border: 0 !important; }
.gsc-search-box,
.gsc-search-box * {
border: none !important;
margin: 0 !important;
padding: 0 !important;
background: none !important;
box-shadow: none !important;
width: auto !important;
height: auto !important;
vertical-align: middle !important;
box-sizing: border-box; }
.gsib_b {
display: none !important; }
.gsc-search-box {
margin: 0 auto !important; }
@media (min-width: 990px) {
.gsc-search-box {
width: 100% !important;
margin: 0 !important; } }
input.gsc-input {
font-size: 15px !important;
border: 1px solid #B0E3F6 !important;
border-radius: 3px 0 0 3px !important;
background: #e8f7fc !important;
width: 181px !important;
height: 42px !important;
color: #139FD8 !important;
line-height: 40px !important;
padding: 0 10px 0 10px !important;
font-family: "open-sans", arial !important; }
td.gsc-search-button {
border-radius: 0 3px 3px 0 !important;
width: 13px !important;
height: 13px !important;
background-color: #009fe4 !important; }
td.gsc-search-button:hover {
background-color: #333333 !important; }
input.gsc-search-button {
padding: 14px 12px 13px 12px !important; }
.mobile.home .page__header {
padding-top: 160px;
background-size: auto; }
.mobile.home .page__header .page__title {
padding-bottom: 180px;
position: relative;
bottom: auto; }
.home .quote__panel {
position: relative;
background-color: #333333;
color: #ffffff;
border-radius: 3px;
margin: 0 10px 30px;
font-family: "open-sans", arial;
padding: 30px 20px; }
@media (min-width: 768px) {
.home .quote__panel {
padding: 40px;
margin-bottom: 60px; } }
.home .quote__panel__quote::after {
clear: both;
content: "";
display: table; }
.home .quote__panel:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-bottom-color: #333333;
border-width: 20px;
margin-left: -20px; }
@media (min-width: 768px) {
.home .quote__panel:after {
border-width: 30px;
margin-left: -30px; } }
.home .quote__panel__body {
position: relative;
font-size: 20px;
line-height: 1.2em;
padding: 0 30px;
margin-bottom: 30px; }
@media (min-width: 768px) {
.home .quote__panel__body {
*zoom: 1;
float: left;
clear: none;
text-align: inherit;
width: 74.25%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 0; }
.home .quote__panel__body:before, .home .quote__panel__body:after {
content: '';
display: table; }
.home .quote__panel__body:after {
clear: both; }
.home .quote__panel__body:last-child {
margin-right: 0%; } }
@media (min-width: 768px) {
.home .quote__panel__meta {
*zoom: 1;
float: left;
clear: none;
text-align: inherit;
width: 22.75%;
margin-left: 0%;
margin-right: 3%; }
.home .quote__panel__meta:before, .home .quote__panel__meta:after {
content: '';
display: table; }
.home .quote__panel__meta:after {
clear: both; }
.home .quote__panel__meta:last-child {
margin-right: 0%; } }
.home .quote__panel__image {
margin-bottom: 0;
float: left; }
@media (min-width: 768px) {
.home .quote__panel__image {
margin-bottom: 10px;
float: none; } }
.home .quote__panel__author {
padding-left: 20px;
float: left; }
.home .quote__panel__author strong {
display: block;
font-size: 18px; }
@media (min-width: 768px) {
.home .quote__panel__author {
padding-left: 0;
float: none; } }
.home .quote__panel__open, .home .quote__panel__close {
color: #7CCD00;
position: absolute;
top: 0;
left: 0;
font-family: arial;
font-size: 40px; }
.home .quote__panel__close {
left: auto;
right: 0; }
.home .quote__panel__video {
padding-top: 50px; }
.home .quote__panel__video iframe {
border-radius: 3px; }
.home .page__header {
position: relative;
background-attachment: fixed;
background-size: cover;
padding: 0; }
.home .page__header__blur {
background-size: cover; }
.home .page__title {
position: absolute;
bottom: 0;
padding: 0;
background: transparent;
margin: 0 10%;
left: 0;
right: 0;
text-align: center; }
@media (min-width: 990px) {
.home .page__title {
left: 260px; } }
.home .page__title > span {
display: inline-block;
font-size: 25px;
padding: 40px 40px 70px 40px;
border-radius: 3px 3px 0 0;
background-color: #fff;
line-height: 1.2em; }
@media (min-width: 768px) {
.home .page__title > span {
font-size: 35px;
bottom: 0;
padding-bottom: 120px; } }
.home .page__nav.is-sticky {
display: none; }
.home .page__outer {
margin-top: -118px;
padding-top: 80px;
position: relative;
z-index: 50;
background-color: #f0f0f0; }
@media (min-width: 990px) {
.home .page__outer {
margin-top: -60px; } }
.list--home-blocks {
list-style: none;
padding: 0;
margin-bottom: 30px; }
.list--home-blocks::after {
clear: both;
content: "";
display: table; }
.list--home-blocks .card__inner {
margin: 0 10px;
min-height: 160px; }
.list--home-blocks .list__item {
float: left;
width: 100%; }
@media (min-width: 768px) {
.list--home-blocks .list__item {
width: 50%; } }
.list--home-blocks .leadership .card__summary {
font-size: 13px;
font-family: "open-sans", arial; }
.list--home-blocks .leadership .card__content {
padding-right: 160px; }
.list--home-blocks .leadership .card__image {
margin: 20px 20px 0 0;
float: right; }
.list--home-blocks .all-casestudies .card__inner {
background: url("/uploads/testimages/case-study-test-callout.jpg") 0 0;
background-size: cover; }
.chiffres-cles.swiss .block--content h2,
.performance-numbers.swiss .block--content h2,
.unternehmenskennzahlen.swiss .block--content h2 {
text-align: center; }
.swiss-de .header__logo__impact {
width: 100px; }
@media (min-width: 530px) {
.swiss-de .header__logo__impact {
width: auto; } }
/*# sourceMappingURL=screen.css.map */