﻿/********************************************************************************

1. BASE
1.1 Reset
1.2 Accessibility Navigation & Hide
1.3 Clearfix
1.4 Fonts
1.5 Normalized Styles
1.6 Image Replacement

2. COMMON
2.1 Container
2.2 Header
2.3 Navigation
2.4 Content
2.5 Sidebar
2.6 Footer

3. PAGES
3.1 Home
3.2 How We Help
3.3 Team Landing
3.4 Team List
3.5 Bio
3.6 Sector Landing
3.7 Sector Focus
3.8 Company List
3.9 Company Modal
3.10 Case Study
3.11 Connect
3.12 Office Detail
3.13 About Us
3.14 News Landing
3.15 News Detail
3.16 Services on Demand
3.17 Error

4. RESPONSIVE
5. PRINT

*******************************************************************************/
/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/
/* 1.1 Reset
------------------------------------------------------------------------------*/
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, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    color: #14408b;
}

.bottom-question-info {
    text-align: center;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

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;
}

a[href], label[for], select,
input[type=checkbox], input[type=radio] {
    cursor: pointer;
}

button, input[type=button], input[type=image],
input[type=reset], input[type=submit] {
    padding: 0;
    overflow: visible;
    cursor: pointer;
}

    button::-moz-focus-inner,
    input[type=button]::-moz-focus-inner,
    input[type=image]::-moz-focus-inner,
    input[type=reset]::-moz-focus-inner,
    input[type=submit]::-moz-focus-inner {
        border: 0;
    }


/* 1.2 Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility-nav {
    position: absolute;
    top: 0;
    left: -9999em;
    z-index: 1000;
}

    #accessibility-nav a {
        position: absolute;
        top: 0;
        white-space: nowrap;
    }

        #accessibility-nav a:active,
        #accessibility-nav a:focus {
            left: 9999em;
        }

.hide {
    position: absolute !important;
    left: -9999em !important;
}


/* 1.3 Clearfix
------------------------------------------------------------------------------*/

.clearfix:after,
.header:after,
.slide-home:after,
.tiles:after,
.news-home:after,
.footer-top:after,
.footer > ul:after,
.footer-bottom:after,
.sector-landing .container:after,
.company-bio:after,
.sitemap:after,
.pagination:after,
.content-left ul li:after,
.title:after,
.info-office:after,
.blockquote:after,
.anchors-content .container:after,
.service-nav:after,
.container-services .container:after,
.sector-focus .container:after,
.section-band .container:after,
.sector-focus:after,
.nav-filter:after,
.team-filter:after,
.filter:after,
.team-list:after,
.team-filter ul li:after,
.team-list a:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}


/* 1.4 Fonts
------------------------------------------------------------------------------*/

@font-face {
    font-family: 'Roboto Regular';
    src: url('Fonts/roboto-regular-webfont.eot');
    src: url('Fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/roboto-regular-webfont.woff') format('woff'), url('Fonts/roboto-regular-webfont.ttf') format('truetype'), url('Fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Light';
    src: url('Fonts/roboto-light-webfont.eot');
    src: url('Fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/roboto-light-webfont.woff') format('woff'), url('Fonts/roboto-light-webfont.ttf') format('truetype'), url('Fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Medium';
    src: url('Fonts/roboto-medium-webfont.eot');
    src: url('Fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/roboto-medium-webfont.woff') format('woff'), url('Fonts/roboto-medium-webfont.ttf') format('truetype'), url('Fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Italic';
    src: url('Fonts/roboto-italic-webfont.eot');
    src: url('Fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/roboto-italic-webfont.woff') format('woff'), url('Fonts/roboto-italic-webfont.ttf') format('truetype'), url('Fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* 1.5 Normalized Styles
------------------------------------------------------------------------------*/

body {
    font: 20px/1.5em 'Roboto Light', Helvetica, sans-serif;
    color: #6d7378;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}

hr {
    display: none;
}

strong {
    font-family: 'Roboto Medium', Helvetica, sans-serif;
}

em {
    font-style: italic;
}

del {
    text-decoration: line-through;
}

th, td {
    vertical-align: top;
}

th {
    font-weight: normal;
    text-align: left;
}

address, cite, dfn {
    font-style: normal;
}

abbr, acronym {
    border-bottom: 1px dotted #999;
    cursor: help;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

input, textarea, select {
    font-family: Arial, Helvetica, sans-serif;
}

textarea {
    overflow: auto;
}

a, a:visited {
    text-decoration: none;
    color: #1e2654;
}

    a:hover, a:active, a:focus {
        text-decoration: underline;
        color: #2D516E;
    }

/* Content area */
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin: 15px 0 6px 0;
    font-weight: bold;
}

.entry-content h2 {
    font-size: 2em;
}

.entry-content h3 {
    font-size: 1.67em;
}

.entry-content h4 {
    font-size: 1.5em;
}

.entry-content h5 {
    font-size: 1.25em;
}

.entry-content p {
    margin-bottom: 1em;
}

.entry-content ul,
.entry-content ol {
    margin: 0 0 15px 0;
    padding-left: 25px;
    list-style: disc;
}

    .entry-content ul ul {
        margin-top: 5px;
        list-style: circle;
    }

        .entry-content ul ul ul {
            list-style: square;
        }

.entry-content ol {
    list-style: decimal;
}

.entry-content li {
    margin-bottom: 5px;
}

.entry-content dl {
    margin-bottom: 15px;
}

.entry-content dt {
    font-weight: bold;
}

.entry-content dd {
    margin-bottom: 10px;
}

.entry-content blockquote {
    margin: 0 15px 15px 15px;
    font-size: 15px;
    font-style: italic;
    line-height: 1.5;
}

.entry-content th,
.entry-content td {
    padding: 5px 10px 5px 0;
}

.entry-content th {
    font-weight: bold;
}


/* 1.6 Image replacement
------------------------------------------------------------------------------*/

.ir {
    display: block;
    position: relative;
    overflow: hidden;
}

    .ir span {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
    }


/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/


/* 2.1 Container
------------------------------------------------------------------------------*/

.container {
    position: relative;
    max-width: 1042px;
    min-width: 320px;
    width: 100%;
    margin: 0 auto;
}

    .container.team-list-container {
        overflow: hidden;
    }

h1,
h2 {
    font: 36px/46px 'Roboto Medium', Helvetica, sans-serif;
    color: #1e2654;
    text-align: center;
    margin-bottom: 60px;
}

    h1 span,
    h2 span {
        font-family: 'Roboto Light', Helvetica, sans-serif;
        color: #6d7378;
    }

h3 {
    font: 24px/34px 'Roboto Medium', Helvetica, sans-serif;
    color: #14408b;
}

h5 {
    font: 14px/18px 'Roboto Medium', Helvetica, sans-serif;
}

.btn {
    display: table;
    padding: 10px 42px 10px 15px;
    color: #5b91b4;
    border: 1px solid #D5D5D5;
    font-size: 0.7em;
    font-family: 'Roboto Medium', Helvetica, sans-serif;
    margin: 33px auto;
    min-width: 80px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


    .btn:after {
        background: url(/Content/Images/sprite.png) -124px -50px;
        position: absolute;
        content: '';
        width: 6px;
        height: 10px;
        right: 14px;
        top: 16px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

.ie8 .btn:after {
    top: 17px;
}

.btn:hover {
    text-decoration: none;
    color: #2a506f;
}

    .btn:hover:after {
        right: 11px;
    }

/* 2.2 Header
------------------------------------------------------------------------------*/

.wrapper-header {
    background: #fff;
    padding: 0;
    height: 90px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5001;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}

.st-effect-4 .wrapper-header.wrapper-header-relative {
    position: absolute;
}

.wrapper-header.small {
    height: 70px;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.1);
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    behavior: url(_ui/js/PIE.htc);
}

.ie8 .wrapper-header.small {
    box-shadow: 0 0 8px #e9eaeb;
}

.header .site-name {
    margin-top: 30px;
    width: 262px;
    height: 30px;
    text-indent: -99999px;
    float: left;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.header .site-name-print {
    display: none;
}

.wrapper-header.small .header .site-name {
    margin-top: 20px;
}

.header .site-name span {
    background: url(../site/logo-2024.png) no-repeat;
}

.header .site-name:hover span {
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}


.credit-about.unfocused a:after,
.equity-about.unfocused a:after {
    background-color: transparent;
}

.anchor-link a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 4px;
    height: 2px;
    padding: 0;
    width: 100%;
    background-color: transparent;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
}

.anchor-link.focused a:after {
    background-color: #4e8ab1;
    opacity: 1;
}

/* 2.3 Navigation
------------------------------------------------------------------------------*/

.navigation {
    float: right;
}

.nav > li {
    float: left;
    font-size: 0.7em;
    text-transform: uppercase;
    font-family: 'Roboto Medium', Helvetica, sans-serif;
    margin: 33px 0 0 26px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}

.wrapper-header.small .nav > li {
    margin-top: 22px;
}

.nav > li > a {
    color: #1e2654;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

    .nav > li > a:hover,
    .nav > li > a.active,
    .nav > li:hover > a {
        color: #2a506f;
        text-decoration: none;
    }

.sub-nav {
    position: absolute;
    width: 220px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    behavior: url(_ui/js/PIE.htc);
    background: #fff;
    top: 100%;
    left: -15px;
    padding: 9px 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.ie8 .sub-nav {
    filter: alpha(opacity=100);
    box-shadow: none;
    top: 120%;
    z-index: 1000;
    border: 1px solid #e3e4e5;
}

.nav .open-subnav {
    padding-bottom: 8px;
}

    .nav .open-subnav:hover .sub-nav {
        opacity: 1;
        visibility: visible;
    }

.ie8 .nav .open-subnav:hover .sub-nav {
    filter: alpha(opacity=100);
}

.sub-nav p {
    color: #444c54;
    font-family: 'Roboto Medium', Helvetica, sans-serif;
    font-size: 12px;
    margin: 11px 0 10px 20px;
    line-height: 1em;
}

.sub-nav a {
    color: #4f8ab2;
    font-size: 14px;
    padding: 2px 20px;
    display: block;
    text-transform: none;
}

    .sub-nav a:hover,
    .sub-nav a.active {
        background: #4e8ab1;
        color: #fff;
        text-decoration: none;
    }

.sub-nav li:last-child a {
    position: relative;
    margin-top: 18px;
}

.ie8 .sub-nav li.last a {
    position: relative;
    margin-top: 18px;
}

.sub-nav li:last-child a:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 84%;
    background: #e1e1e1;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -10px;
}

.ie8 .sub-nav li.last a:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 84%;
    background: #e1e1e1;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -10px;
}

.button-menu {
    background: url(/Content/Images/sprite.png) -180px -81px;
    width: 21px;
    height: 14px;
    display: none;
}

.last-nav-sort {
    margin-right: 30px;
}


/* 2.4 Content
------------------------------------------------------------------------------*/

.section-top {
    background: #f3f4f5;
    padding-top: 148px;
    padding-bottom: 115px;
}

.section-top-home {
    padding-top: 128px;
    padding-bottom: 100px;
}

.section-top.padding-bottom {
    padding-bottom: 70px;
}

.section-general {
    padding: 68px 0 60px;
}

.light-grey {
    background: #DEE9FA;
}

.dark-grey {
    background: #eaeced;
}


/* 2.5 Sidebar
------------------------------------------------------------------------------*/

#sidebar {
    float: left;
    width: 200px;
}


/* 2.6 Footer
------------------------------------------------------------------------------*/

.footer {
    padding: 40px 0;
}

.logo-footer {
    float: left;
    width: 200px;
    height: 21px;
}

.footer-top h5 {
    float: right;
    color: #1e2654;
    font-size: 16px;
    font-family: 'Roboto Medium', Helvetica, sans-serif;
    margin: 5px 7px 0 0;
}

    .footer-top h5 sup {
        font-size: 0.4em;
        position: relative;
        top: -6px;
    }

.public_equity .footer-tagline,
.credit .footer-tagline,
.credit-team .footer-tagline,
.public_equity-team .footer-tagline {
    display: none;
}

.footer > ul {
    margin: 36px 0 8px;
    padding: 18px 0 33px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

    .footer > ul > li {
        float: left;
        width: 100%;
    }

        .footer > ul > li > ul.column-1 {
            float: left;
            width: 275px;
        }

        .footer > ul > li > ul.column-2 {
            float: right;
            width: 275px;
        }

        .footer > ul > li > ul.column-3 {
            float: right;
            width: 200px;
        }

        .footer > ul > li > ul.column-4 {
            float: right;
            width: 72px;
        }

        .footer > ul > li a:hover {
            color: #2D516E;
        }

.footer li ul {
    float: left;
    width: 50%;
}

.address {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}

    .address h4 {
        font-family: 'Roboto Medium', Helvetica, sans-serif;
        color: #444c54;
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 5px;
    }

        .address h4 a {
            font-family: 'Roboto Medium', Helvetica, sans-serif;
            color: #444c54;
        }

            .address h4 a:after {
                background: #444c54;
            }

    .address p,
    .address .tel a,
    .address .fax a {
        color: #888;
        font-size: 12px;
        font-family: 'Roboto Regular', Helvetica, sans-serif;
        line-height: 1.7em;
    }

    .address .tel a,
    .address .fax a {
        display: inline;
    }

.main-left .vcard p {
    display: block;
    margin: 0;
    font-size: 20px;
}

.main-left .tel a,
.main-left .fax a,
.main-left .tel,
.main-left .fax {
    color: #6D7378;
    display: inline-block;
    margin: 0;
    font-size: 20px;
    padding: 0;
}

.section-location p a {
    display: inline-block;
    color: #6D7378;
}

.footer a {
    line-height: 1.75em;
    color: #14408b;
    font-size: 14px;
    display: inline;
    font-family: 'Roboto Regular', Helvetica, sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    width: auto;
}

.footer ul ul li {
    display: block;
    line-height: 1em;
}

.footer a:after {
    content: '';
    width: 100%;
    opacity: 0;
    position: absolute;
    bottom: 2px;
    left: 0;
    height: 1px;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.footer a:hover:after {
    opacity: 1;
}

.footer a:hover {
    text-decoration: none;
}

.footer-bottom p {
    color: #8f8f8f;
    font-family: 'Roboto Regular', Helvetica, sans-serif;
    font-size: 13px;
    float: left;
    margin: -15px 0 0 5px;
}

.footer-bottom ul {
    float: right;
}

.footer-bottom li {
    float: left;
}

.footer-bottom a {
    display: block;
    background: url(/Content/Images/sprite.png) -65px -76px;
    width: 22px;
    height: 22px;
    margin: 3px 0 0 14px;
}

.footer-bottom .in {
    background-position: -65px -76px;
}

    .footer-bottom .in:hover {
        opacity: .9;
    }

.footer-top a {
    display: block;
    background: url(/Content/Images/sprite.png);
    width: 22px;
    height: 22px;
}

.footer-top .in {
    background-position: -152px -76px;
}

.footer-top .tw {
    background-position: -125px -76px;
}

.footer-top .in:hover {
    opacity: .9;
}

.footer-bottom .tw {
    background-position: -98px -76px;
}

    .footer-bottom .tw:hover {
        opacity: .9;
    }


/* 3. PAGES
--------------------------------------------------------------------------------
==============================================================================*/


/* 3.1 Home
------------------------------------------------------------------------------*/

h1.homeHeader {
    clear: both;
    margin-bottom: 47px;
    padding-top: 20px;
}
/* Slider Home */
.slider-home {
    position: relative;
    max-width: 100%;
}

    .slider-home .flex-control-nav {
        bottom: -62px;
    }

    .slider-home .flex-direction-nav .flex-next,
    .slider-home .flex-direction-nav .flex-prev {
        bottom: -50px;
    }

.slide-home li {
    max-width: 100%;
    overflow: hidden;
    display: none;
}

.slider-home .slides {
    overflow: hidden;
}

    .slider-home .slides li {
        display: none;
    }

.slides li a:hover {
    text-decoration: none;
}

.full-bg.margin-none {
    margin-top: 0;
}

.full-bg.margin-top {
    margin-top: -35px;
}

.full-bg {
    width: 100%;
    margin: 38px 0 0 0;
    background: #f3f4f5;
    position: relative;
    max-width: 100%;
}

    .full-bg img {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: auto;
        width: 100%;
    }

    .full-bg p {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 5000;
        font-family: 'Roboto Regular', Helvetica, sans-serif;
        font-size: 12px;
        padding: 5px 10px;
        background: url(../site/opacity.png);
        color: #fff;
        line-height: 16px;
        text-align: right;
    }

.image {
    display: block;
}

    .image img {
        max-width: 100%;
        display: block;
    }

        .image img.verticalpos {
            position: absolute;
            height: 100%;
            max-width: none;
        }

.bg-white {
    position: absolute;
    background: #fff;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
}

.bg-blue {
    position: absolute;
    background: #6a92ac;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
}

.quote {
    float: right;
    width: 50%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px;
    color: #fff;
}

    .quote p {
        font-size: 1.6em;
        line-height: 1.35em;
        margin-bottom: 33px;
    }

    .quote span {
        display: block;
        line-height: 1.5em;
        font-size: 0.8em;
        font-family: 'Roboto Regular', Helvetica, sans-serif;
    }

    .quote a {
        text-decoration: none;
        color: #fff;
    }

        .quote a:hover {
            text-decoration: underline;
            color: #2D516E;
        }

/* Tabs */
.nav-tabs {
    text-align: center;
    margin: 85px 0 63px;
}

    .nav-tabs li {
        display: inline-block;
        margin: 0 10px;
    }

    .nav-tabs a {
        color: #4e8ab1;
        font-family: 'Roboto Medium', Helvetica, sans-serif;
        line-height: 30px;
        padding: 6px 0;
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        transition: color 0.3s;
    }

        .nav-tabs a:hover,
        .nav-tabs a:focus {
            text-decoration: none;
            color: #2a506f;
        }

    .nav-tabs li.active a {
        color: #2a506f;
        border-bottom: 5px solid #2a506f;
    }

.tab-content {
    display: none;
}

.nav-tabs.mobile {
    display: none;
}

.tiles li,
.anchors-content .tiles li {
    width: 24.2%;
    height: 251px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    background: none;
    padding: 0;
}

.tiles a {
    border: 1px solid #e2e2e1;
    display: block;
    padding: 25px 8% 0;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
    background: #fff;
    position: relative;
}

    .tiles a:hover {
        text-decoration: none;
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
        box-shadow: 0 0 10px rgba(0,0,0,.2);
        behavior: url(_ui/js/PIE.htc);
        position: relative;
    }

.ie8 .tiles a:hover {
    box-shadow: 0 0 10px #dedfe0;
}

.tiles li:nth-child(4n) {
    margin-right: 0;
}

.tiles img {
    display: block;
    max-width: 160px;
    margin: 0 auto 15px;
}

.tiles p {
    color: #6d7378;
    font-size: 0.8em;
    line-height: 1.4em;
}

.tiles.hidden {
    display: none;
}

/* Section News */
.news-home {
    margin-top: -7px;
}

    .news-home li {
        float: left;
        width: 33.33%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 30px;
        margin-bottom: 40px;
    }

    .news-home .date {
        display: block;
        color: #6d7378;
        font-size: 0.8em;
        font-family: 'Roboto Regular', Helvetica, sans-serif;
        line-height: 1.5em;
        margin: 0;
        margin-bottom: 10px;
        float: none;
    }

    .news-home a {
        font-size: 1.2em;
        line-height: 34px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

        .news-home a:hover, .news-home a:focus {
            color: #2D516E;
            text-decoration: none;
        }

.padding-small {
    padding-bottom: 34px;
}

.homepage-index .btn {
    margin: 33px auto 18px;
}


/* 3.2 How We Help
------------------------------------------------------------------------------*/

.title-page .section-demand {
    padding-top: 32px;
}

    .title-page .section-demand h2 {
        margin-top: 0;
    }

.service-nav {
    margin: 95px 0 0 0;
}

    .service-nav li {
        float: left;
        display: table;
        width: 19.1%;
        margin-right: 11px;
        height: 103px;
        text-align: center;
        margin-bottom: 10px;
    }

        .service-nav li:nth-child(5n) {
            margin-right: 0;
        }

    .service-nav a {
        height: 100%;
        display: table-cell;
        vertical-align: middle;
        padding: 0 20px;
        background-color: #6a92ac;
        background-image: -moz-linear-gradient(top, #799db4 0%, #6a92ac 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#799db4), color-stop(100%,#6a92ac));
        background-image: -webkit-linear-gradient(top, #799db4 0%,#6a92ac 100%);
        background-image: -o-linear-gradient(top, #799db4 0%,#6a92ac 100%);
        background-image: -ms-linear-gradient(top, #799db4 0%,#6a92ac 100%);
        background-image: linear-gradient(to bottom, #799db4 0%,#6a92ac 100%);
        -pie-background-color: linear-gradient(#799db4 0%,#6a92ac 100%);
        behavior: url(_ui/js/PIE.htc);
        position: relative;
        color: #fff;
        font-size: 18px;
        line-height: 22px;
        font-family: 'Roboto Regular', Helvetica, sans-serif;
        -webkit-transition: background-color .2s ease-in;
        -moz-transition: background-color .2s ease-in;
        transition: background-color .2s ease-in;
    }

        .service-nav li.active a,
        .service-nav a:hover {
            background: #2b506f;
            text-decoration: none;
        }

div.container-services {
    -moz-box-shadow: inset 0 0 6px rgba(9,9,9,.1);
    -webkit-box-shadow: inset 0 0 6px rgba(9,9,9,.1);
    box-shadow: inset 0 0 6px rgba(9,9,9,.1);
    margin-top: -70px;
    padding: 70px 0 75px;
    margin-bottom: 50px;
    position: relative;
    display: none;
    background: #dfe1e4;
    z-index: 999;
}

    div.container-services:before {
        content: '';
        position: absolute;
        top: -9px;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: url(../site/arrow_top.png);
        width: 18px;
        height: 10px;
        z-index: 1000;
    }

.container-services h3 {
    text-align: center;
    margin-bottom: 28px;
}

.stars {
    right: 8px;
    top: 8px;
    position: absolute;
    display: block;
    width: 13px;
    height: 13px;
    background: url(/Content/Images/sprite.png) -84px -47px;
}

a.close {
    position: absolute;
    padding-right: 22px;
    top: -48px;
    right: 0;
    font-size: 14px;
    font-family: 'Roboto Regular', Helvetica, sans-serif;
}

    a.close:after {
        position: absolute;
        top: 10px;
        right: 2px;
        content: '';
        display: block;
        width: 11px;
        height: 10px;
        background: url(/Content/Images/sprite.png) -174px -49px;
    }

    a.close:hover {
        text-decoration: none;
    }

.anchors-content ul .has-bullet ul {
    margin: 25px 0 32px;
}

.anchors-content li, .has-bullet li {
    position: relative;
    margin-bottom: 18px;
    padding: 0 0 0 20px;
    background: url(../site/bullet.png) no-repeat 0 13px;
}

.has-bullet ul.mobile-only li {
    background: none;
}

.anchors-content .btn {
    margin: 32px 0 44px;
}

.anchors-content.section-value {
    padding-bottom: 68px;
}

    .anchors-content.section-value h2 {
        text-align: center;
        max-width: 700px;
        margin: 18px auto 88px;
    }

    .anchors-content.section-value .container > p {
        float: none;
        display: block;
        max-width: 100%;
        text-align: center;
        color: #4e8ab1;
        font-size: 30px;
        line-height: 32px;
        margin-bottom: 38px;
    }



.section-value .tiles {
    margin-top: 94px;
    margin-bottom: 0;
}

.section-value strong {
    color: #2b506f;
}


/* 3.3 Team Landing
------------------------------------------------------------------------------*/

a.desktop-filter {
    position: relative;
    display: inline-block;
    margin-top: 15px;
    color: #6d7378;
    font-family: 'Roboto Regular', Helvetica, sans-serif;
    font-size: 15px;
    line-height: 24px;
    text-decoration: none;
}

@media (max-width: 480px) {

    a.desktop-filter {
        display: none;
    }
}

a.desktop-filter:after {
    content: '';
    position: absolute;
    top: 7px;
    right: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 8px;
    border-color: transparent transparent transparent #000345;
    transition: 0.3s;
}

a.desktop-filter.opened:after {
    transform: rotate(90deg);
}

.team-index .section-top {
    padding-bottom: 11px;
    background-color: #DEE9FA;
}

.team-filter {
    display: none;
    margin: 23px 0 9px 0;
    padding-bottom: 30px;
}

    .team-filter fieldset {
        float: left;
    }

    .team-filter h4 {
        font-family: 'Roboto Regular', Helvetica, sans-serif;
        color: #375a77;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .team-filter label {
        font-size: 13px;
        width: 100%;
        line-height: 22px;
        font-family: 'Roboto Regular', Helvetica, sans-serif;
        display: block;
        margin-bottom: 14px;
    }

    .team-filter li {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 2px;
    }

    .team-filter .checkbox {
        border: 1px solid #dfdfdf;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        behavior: url(_ui/js/PIE.htc);
        position: relative;
        background: #fff;
        width: 20px;
        height: 20px;
        float: left;
        margin: 1px 4px 0 0;
    }

    .team-filter .checkbox-checked {
        background: #4e8ab1 url(/Content/Images/sprite.png) -20px -78px;
    }

.filter {
    background: #1f3548;
    padding: 10px 0;
}

    .filter p {
        color: #fff;
        float: left;
    }

    .filter a {
        float: right;
        line-height: 1em;
        font-size: 14px;
        font-family: 'Roboto Regular', Helvetica, sans-serif;
        color: #fff;
        margin: 7px 0 0 0;
        padding-right: 20px;
        position: relative;
    }

        .filter a:after {
            width: 12px;
            height: 10px;
            content: '';
            background: url(/Content/Images/sprite.png) -191px -49px;
            position: absolute;
            top: 2px;
            right: 0;
        }

.team-short .filter {
    position: fixed;
    width: 100%;
    top: 120px;
    z-index: 5001;
}

.filter-selection {
    background: #F3F4F5;
    display: none;
    width: 100%;
    z-index: 1000;
}

.team-short .filter-selection {
    position: fixed;
    width: 100%;
    top: 70px;
    z-index: 5001;
    display: block;
    padding: 11px 0;
}

.filter-selection p {
    color: #444c54;
    font-size: 14px;
    font-family: 'Roboto Regular', Helvetica, sans-serif;
}

.filter-selection-container span {
    display: inline-block;
    margin-right: 15px;
    color: #6d7378;
    font-family: 'Roboto Regular', Helvetica, sans-serif;
    font-size: 14px;
    position: relative;
}

    .filter-selection-container span:after {
        content: '/';
        position: absolute;
        right: -10px;
        top: 0;
    }

    .filter-selection-container span:last-child:after {
        content: none;
    }

.ie8 .filter-selection-container span.last:after {
    content: none;
}

.section-team,
.section-sub-team {
    padding: 0 0 50px;
    background: #f3f4f5;
}

.team-short .section-team {
    margin-top: 270px;
}

.tiles.company-list {
    padding: 35px 0;
}

.team-list li {
    position: relative;
    display: block;
    float: left;
    height: auto;
    width: 25%;
    margin-right: 0 !important;
    text-align: center;
    vertical-align: top;
}

@media (max-width: 870px) {
    .team-list li {
        width: 33.333%;
    }
}

@media (max-width: 630px) {
    .team-list li {
        width: 50%;
    }
}

.team-list li a {
    position: relative;
    display: block;
    padding-top: 100%;
    width: 100%;
    overflow: hidden;
}

.team-list img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100.5%;
    margin: 0;
    padding: 0;
    opacity: 1;
    transition: opacity 0.3s;
}

.team-list li:hover img {
    opacity: 0.5;
}


.team-list .team-image-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    opacity: 0;
    transition: opacity 0.3s;
    transition-delay: 0.1s;
}

.team-list img.loaded + .team-image-background {
    opacity: 1;
}

.name-position-wrapper {
    position: absolute;
    right: 10px;
    bottom: 20px;
    left: 10px;
    z-index: 3;
    opacity: 0;
    transition: opacity 0.3s;
}

.team-list li:hover .name-position-wrapper {
    opacity: 1;
}

.team-list .name {
    color: white;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px;
    font-family: 'Roboto Medium', Helvetica, sans-serif;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.team-list .position {
    font-family: 'Roboto Regular', Helvetica, sans-serif;
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: white;
}

.team-list a {
    display: block;
    width: 100%;
}

    .team-list a:hover {
        text-decoration: none;
    }

.ie8 .team-list a:hover img {
    filter: alpha(opacity=85);
}


/* 3.4 Team List
------------------------------------------------------------------------------*/

.search {
    right: 0;
    top: 0;
    position: absolute;
    width: 252px;
    height: 40px;
}

    .search .twitter-typeahead,
    .search input[type=text] {
        display: block;
        border: 1px solid #ebebeb;
        background: #fff;
        -webkit-appearance: none;
        border-radius: 0;
        width: 100%;
        height: 40px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #bbb;
        font-size: 14px;
        padding: 0;
        font-family: 'Roboto Regular', Helvetica, sans-serif;
    }

        .search input[type=text]:focus {
            color: #3b607f;
        }

    .search .tt-dropdown-menu {
        position: absolute;
        right: 0;
        margin-top: 3px;
        vertical-align: middle;
        display: block;
        z-index: 999;
        width: 100%;
        behavior: url(_ui/js/PIE.htc);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #5991b7;
        font-size: 14px;
        background-color: #fff;
        -moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
        box-shadow: 0 0 5px rgba(0,0,0,.2);
        font-family: 'Roboto Regular', Helvetica, sans-serif;
        padding: 5px 0;
    }

.ie8 .search .tt-dropdown-menu {
    box-shadow: 0 0 8px #eaebec;
}

.search .tt-suggestion {
    padding: 3px 0 3px 10px;
    margin: 0;
}

    .search .tt-suggestion:hover {
        color: #fff;
        background: #4e8ab1;
    }

.search input[type=text] {
    border: none;
    padding: 0 35px 0 14px;
}

.ie8 .search input[type=text] {
    padding-top: 10px;
    color: #bbb;
}

.open-filter {
    display: none;
}

.mobile-filter {
    display: none;
}

.search input[type=text]:focus::-webkit-input-placeholder {
    color: transparent;
}

.search input[type=text]::-webkit-input-placeholder {
    color: #bbb;
}

.search input[type=text]:-moz-placeholder {
    color: #bbb;
}

.search input[type=text]::-moz-placeholder {
    color: #bbb;
}

.search input[type=text]:-ms-input-placeholder {
    color: #bbb;
}

.search input[type=submit] {
    right: 10px;
    top: 15px;
    position: absolute;
    border: none;
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    background: url(/Content/Images/sprite.png) -1px -80px;
}

.list {
    display: table;
    width: 100%;
    margin: 81px 0 0 0;
    position: relative;
}

    .list li {
        width: 100%;
        display: table-row-group;
        position: relative;
    }

    .list .first, .list a {
        display: table-row;
        position: relative;
    }

    .list span {
        color: #6d7378;
        font-size: 14px;
        line-height: 14px;
        font-family: 'Roboto Regular', Helvetica, sans-serif;
    }

    .list .col1-wrapper {
        position: relative;
    }

    .list .col1 span {
        font-family: 'Roboto Medium', Helvetica, sans-serif;
        font-size: 16px;
        color: #4e8ab1;
        position: relative;
        -webkit-transition: margin 0.2s ease-in;
        -moz-transition: margin 0.2s ease-in;
        transition: margin 0.2s ease-in;
    }


    .list .col1,
    .list .col2,
    .list .col3 {
        display: table-cell;
        padding: 7px 10px 8px 12px;
        border-bottom: 1px solid #dedede;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .list .col1 {
        width: 32.5%;
        position: relative;
        min-width: 275px;
        height: auto;
        -webkit-transition: border-left 0.4s, padding-left .3s;
        -moz-transition: border-left 0.4s, padding-left .3s;
        transition: border-left 0.4s, padding-left .3s;
    }

    .list .col2 {
        width: 42%;
    }

    .list .first {
        color: #375a77;
        font-size: 14px;
        line-height: 18px;
        font-family: 'Roboto Medium', Helvetica, sans-serif;
        text-transform: uppercase;
    }

        .list .first p {
            padding-bottom: 12px;
        }

    .list a:hover {
        text-decoration: none;
    }

.col1s:before {
    position: absolute;
    content: '';
    background: #375977;
    width: 6px;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

.ie8 .col1:before {
    display: none;
}

.list a:hover .col1s:before {
    opacity: 1;
}

.ie8 .list a:hover .col1:before {
    display: block;
}

.list a:hover .col1 {
    color: #375a77;
    padding-left: 17px;
    border-left: 5px solid rgba(55, 89, 119, 1);
    -webkit-transition: border-left 0.4s, padding-left .3s;
    -moz-transition: border-left 0.4s, padding-left .3s;
    transition: border-left 0.4s, padding-left .3s;
}

    .list a:hover .col1 span {
        color: #375a77;
    }

.team-list-title {
    position: relative;
    display: block;
    margin-top: 30px;
    margin-bottom: 10px;
    width: auto;
    color: #444c54;
    font-family: 'Roboto Medium', Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.75em;
    text-transform: uppercase;
}


/* 3.5 Bio
------------------------------------------------------------------------------*/

.title-page.with-link {
    padding-top: 130px;
    padding-bottom: 0;
    background-color: #E0E9FA;
}

.back {
    font-size: 14px;
    font-family: 'Roboto Regular', Helvetica, sans-serif;
    margin-bottom: 11px;
    display: block;
    text-transform: none;
    position: relative;
    padding-left: 10px;
    white-space: nowrap;
    margin-top: -20px;
}

    .back:before {
        position: absolute;
        left: -5px;
        content: '';
        top: 8px;
        background: url(/Content/Images/sprite.png) -105px -48px;
        width: 7px;
        height: 12px;
    }

    .back:hover,
    .back:focus {
        text-decoration: none;
    }

.main-left {
    float: left;
    max-width: 428px;
    width: 41%;
    margin: 78px 0 50px;
}

.content-right {
    float: right;
    max-width: 515px;
    width: 49%;
}

.bio img {
    display: block;
    max-width: 100%;
    position: relative;
}

.ie8 .bio img {
    box-shadow: 0 0 8px #eaebec;
}

.bio h5,
.news_article h5 {
    color: #375a77;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.bio .mobile-only,
.news_article .mobile-only {
    display: none;
}

.bio .main-left a,
.news_article .main-left a,
.mobile-left a {
    display: block;
    font-size: 15px;
    font-family: 'Roboto Light', Helvetica, sans-serif;
    line-height: 1.37;
    margin-bottom: 10px;
}

.content-right h2 {
    text-align: left;
}

    .content-right h2 span {
        display: block;
        font-size: 24px;
        margin-top: -8px;
    }

.info {
    display: block;
    margin: 48px 0 50px;
    border-left: 5px solid #375a77;
    font-family: 'Roboto Medium', Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding-left: 15px;
}

.content-right .info p {
    margin-bottom: 10px;
}

.main-left a,
.content-right a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}

.content-right p {
    margin-bottom: 30px;
    padding: 0px 105px 0px 105px;
}

@media (max-width: 680px){
    .content-right p {
        margin-bottom: 30px;
        padding: 0px 0px 0px 0px;
    }
}

.pagination,
.load-more {
    background: #6a92ac;
    padding: 17px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .pagination a,
    .load-more a {
        color: #fff;
        position: relative;
    }

        .pagination a:hover,
        .pagination a:focus {
            text-decoration: none;
        }

.prev {
    float: left;
    margin-left: 20px;
}

    .prev:before {
        position: absolute;
        content: '';
        background: url(/Content/Images/sprite.png) -211px -50px;
        width: 7px;
        height: 9px;
        top: 10px;
        left: -17px;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

.pagination .prev:hover:before {
    left: -20px;
}

.next {
    float: right;
    margin-right: 23px;
}

    .next:before {
        position: absolute;
        content: '';
        background: url(/Content/Images/sprite.png) -229px -50px;
        width: 7px;
        height: 9px;
        top: 11px;
        right: -19px;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

.pagination .next:hover:before {
    right: -22px;
}


/* 3.6 Sector Landing
------------------------------------------------------------------------------*/

.sector-landing {
    background-color: #e5e6e9;
    -moz-box-shadow: inset 0 0 6px rgba(9,9,9,.1);
    -webkit-box-shadow: inset 0 0 6px rgba(9,9,9,.1);
    box-shadow: inset 0 0 6px rgba(9,9,9,.1);
    behavior: url(_ui/js/PIE.htc);
    position: relative;
    overflow: hidden;
}

.title-page {
    padding-bottom: 12px;
}

    .title-page.link-expired-title {
        padding-bottom: 1px;
    }

    .title-page h2 {
        max-width: 900px;
        margin: 67px auto 0;
    }

.title h1 {
    font-family: 'Roboto Medium', Helvetica, sans-serif;
    font-size: 0.9em;
    color: #444c54;
    text-transform: uppercase;
    text-align: left;
    margin: 5px 0 0;
}

.title {
    border-bottom: 1px solid #dfdfdf;
    position: relative;
}

    .title.no-border {
        border-bottom: none;
    }

.group-name {
    font-size: 18px;
    line-height: 15px;
    color: #444c54;
}

.categories {
    padding: 62px 20px 62px 8px;
    width: 33.33%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

    .categories:after {
        content: '';
        height: 150%;
        width: 1px;
        background: rgba(204,207,211,.64);
        position: absolute;
        top: 0;
        right: 0;
    }

.ie8 .categories:after {
    background: #e0e2e5;
}

.categories:last-child:after {
    content: none;
}

.ie8 .categories.last:after {
    content: none;
}

.categories h3 {
    font-family: 'Roboto Medium', Helvetica, sans-serif;
    line-height: 34px;
    font-size: 1.2em;
    color: #2b506f;
    margin: 0 0 30px 0;
    padding-right: 0;
}

    .categories h3 a {
        color: #2b506f;
        font-weight: bold;
    }

.categories a {
    display: block;
    color: #4f8ab2;
    font-family: 'Roboto Regular', Helvetica, sans-serif;
    font-size: 0.9em;
    line-height: 1.3em;
    padding: 10px 40px 9px 13px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.categories:last-of-type a {
    padding-right: 32px;
}

.categories a:hover {
    color: #2b506f;
    background: #d7d9dd;
    text-decoration: none;
}


/* 3.7 Sector Focus
------------------------------------------------------------------------------*/

.sector-page-title {
    transition: color 0.3s;
}

    .sector-page-title:hover {
        text-decoration: none;
    }

.sectors-nav {
    margin: 35px 0 0 0;
}

.main-nav {
    text-align: center;
    padding-bottom: 16px;
}

    .main-nav a,
    .subnav a {
        font-size: 18px;
        line-height: 1em;
        display: block;
        font-family: 'Roboto Regular', Helvetica, sans-serif;
        padding: 8px 10px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

        .main-nav a.active,
        .subnav a.active {
            position: relative;
        }



            .subnav a.active:after {
                background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA3OTI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2MTIgNzkyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojZTVlN2U5O308L3N0eWxlPjxnPjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzgyLjIsMzk2LjQgNTYwLjgsMjE3LjggNDg0LDE0MSAzMDUuNCwzMTkuNiAxMjYuOCwxNDEgNTAsMjE3LjggMjI4LjYsMzk2LjQgNTAsNTc1IDEyNi44LDY1MS44ICAgIDMwNS40LDQ3My4yIDQ4NCw2NTEuOCA1NjAuOCw1NzUgMzgyLjIsMzk2LjQgICIvPjwvZz48L3N2Zz4=);
            }

    .main-nav li,
    .subnav li {
        text-align: center;
        display: inline-block;
    }

.subnav {
    padding-top: 8px;
    text-align: center;
}

    .subnav a {
        font-size: 16px;
        padding: 10px 8px 6px;
    }

.padding-general {
    padding-bottom: 22px;
}

.padding-sector {
    padding-bottom: 6px;
}

.section-band {
    background: #e5e7e9;
    -moz-box-shadow: inset 0 0 6px rgba(9,9,9,.1);
    -webkit-box-shadow: inset 0 0 6px rgba(9,9,9,.1);
    box-shadow: inset 0 0 6px rgba(9,9,9,.1);
    behavior: url(_ui/js/PIE.htc);
    position: relative;
    padding: 30px 0;
}

.nav-filter {
    float: right;
}

    .nav-filter.mobile {
        display: none;
        white-space: nowrap;
    }

    .nav-filter a, .nav-filter p {
        padding: 0 2px 8px 2px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        font-size: 14px;
        line-height: 1em;
        font-family: 'Roboto Regular', Helvetica, sans-serif;
    }

    .nav-filter li {
        display: inline-block;
        margin-left: 5px;
    }

    .nav-filter.mobile li:first-child {
        margin: 0;
    }

    .nav-filter .espace {
        margin-right: 84px;
    }

    .nav-filter a:hover,
    .nav-filter a.active {
        border-bottom: 5px solid #2B506F;
        text-decoration: none;
        color: #2B506F;
    }

.last-nav-sort {
    margin-right: 30px;
}

.desc {
    float: left;
    max-width: 370px;
    text-align: center;
    padding: 32px 25px;
    width: 35.5%;
}

    .desc h3 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 18px;
    }

    .desc p {
        font-size: 20px;
        line-height: 36px;
    }

.slider-band {
    border: 1px solid #e1e2e0;
    float: right;
    max-width: 514px;
    width: 49.32%;
    background: #fff;
    -moz-box-shadow: 0 0 8px rgba(9,9,9,.1);
    -webkit-box-shadow: 0 0 8px rgba(9,9,9,.1);
    box-shadow: 0 0 8px rgba(9,9,9,.1);
    behavior: url(_ui/js/PIE.htc);
    position: relative;
    height: 313px;
}

    .slider-band .flex-direction-nav .flex-prev {
        left: 20%;
    }

    .slider-band .flex-direction-nav .flex-next {
        right: 20%;
    }

.ie8 .slider-band {
    box-shadow: 0 0 8px #e1e1e1;
}

.sector-focus {
    background: #fafafa;
    padding-bottom: 120px;
}

    .sector-focus.brand-filter-section {
        padding-bottom: 0px;
    }



.slider-band img {
    display: block;
    text-align: center;
    margin: 18px auto 5px;
}

.slider-band p {
    padding: 0 70px;
    text-align: center;
    color: #6d7378;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

    .slider-band p:hover {
        color: #4E8AB1;
    }



.slider {
    position: relative;
    height: 100%;
}

    .slider .flex-control-nav {
        bottom: 0;
    }

    .slider .flex-direction-nav .flex-next,
    .slider .flex-direction-nav .flex-prev {
        bottom: 10px;
    }

.brand-filter h4 {
    float: left;
    color: #2b506f;
    font-size: 14px;
    line-height: 18px;
    margin: 8px 0 0 0;
    font-family: 'Roboto Medium', Helvetica, sans-serif;
    text-transform: uppercase;
}

.brand-filter {
    padding: 15px 0 9px 0;
    border-bottom: 1px solid #DFDFDF;
    margin-bottom: 10px;
}

.sector-focus .case-studies {
    float: none;
    display: block;
    margin: 0 0 12px;
}

    .sector-focus .case-studies:before {
        left: 0;
        top: 8px;
    }

.sectors-nav-mobile {
    display: none;
}


/* 3.8 Company List
------------------------------------------------------------------------------*/


.case-studies {
    float: right;
    font-size: 13px;
    color: #6d7378;
    position: relative;
    margin: 25px 7px 10px 0;
    font-family: 'Roboto Regular', Helvetica, sans-serif;
}

.case-studies-az {
    float: left;
    font-size: 14px;
    color: #6d7378;
    position: relative;
    margin: -30px 7px 10px 20px;
    font-family: 'Roboto Regular', Helvetica, sans-serif;
}

.list .col4 {
    width: 42%;
}

.list .col5 {
    width: 12%;
}

.list .col4,
.list .col5,
.list .col6 {
    display: table-cell;
    padding: 7px 0 8px 12px;
    border-bottom: 1px solid #DEDEDE;
}

    .list .col5 span,
    .list .col6 span {
        font-size: 13px;
    }

.star span:after {
    display: inline-block;
    content: '';
    position: relative;
    top: -2px;
    right: -5px;
    width: 13px;
    height: 13px;
    background: url(/Content/Images/sprite.png) -84px -47px;
}




/* 3.9 Company Modal
------------------------------------------------------------------------------*/

.company-info {
    float: right;
    max-width: 515px;
    width: 49%;
}

.company-bio a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.company-info h2 {
    text-align: left;
    margin-bottom: 15px;
}

.company-info a {
    font-family: 'Roboto Regular', Helvetica, sans-serif;
}

    .company-info a:hover,
    .company-info a:focus {
        text-decoration: none;
    }

.info-card {
    margin-top: 84px;
    float: left;
    max-width: 428px;
    width: 41%;
    background: #fff;
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.1);
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    behavior: url(_ui/js/PIE.htc);
    position: relative;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 28px 20px 20px;
    margin-bottom: 30px;
}

.ie8 .info-card {
    box-shadow: 0 0 8px #eaebec;
}

.info-card h5 {
    font-size: 0.7em;
    line-height: 18px;
    text-transform: uppercase;
    color: #375a77;
    font-family: 'Roboto Medium', Helvetica, sans-serif;
    margin: 6px 0;
}

.info-card a {
    font-size: 0.7em;
    line-height: 18px;
    font-family: 'Roboto Regular', Helvetica, sans-serif;
    color: #4e8ab1;
    display: block;
    margin-bottom: 6px;
}

.info-card div {
    margin-bottom: 30px;
}

.info-card span {
    display: block;
    color: #6d7378;
    font-size: 0.7em;
    line-height: 18px;
    font-family: 'Roboto Regular', Helvetica, sans-serif;
}

.info-card a:hover {
    text-decoration: none;
    color: #2D516E;
}

.company-list h3 {
    font-size: 12px;
    margin-top: -5px;
    text-align: right;
    max-width: auto;
    color: #8A8F93;
    font-style: italic;
}



/* 3.10 Case Study
------------------------------------------------------------------------------*/

.main-left .info-card,
.info-card.card1 {
    margin: 0;
    float: none;
    max-width: 100%;
    width: 100%;
    padding-bottom: 10px;
}

    .main-left .info-card span,
    .info-card.card1 span {
        margin-bottom: 7px;
    }

.card1 {
    display: none;
}

.blockquote {
    margin: 8px 0 43px 0;
}

    .blockquote blockquote {
        background: #6a92ac;
        color: #fff;
        font-size: 24px;
        width: 100%;
        line-height: 32px;
        padding: 38px 40px 40px 36px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        margin-bottom: 38px;
    }

        .blockquote blockquote:after {
            background: url(../site/arrow_box.png);
            width: 28px;
            height: 16px;
            content: '';
            position: absolute;
            bottom: -15px;
            left: 0;
        }

    .blockquote img {
        float: left;
    }

.authors {
    padding-right: 30px;
}

    .authors p {
        font-size: 14px;
        font-family: 'Roboto Medium', Helvetica, sans-serif;
        padding: 12px 0 0 120px;
        line-height: 22px;
    }

    .authors span {
        font-family: 'Roboto Regular', Helvetica, sans-serif;
    }

.italic, .info-card .italic {
    font-family: 'Roboto Italic', Helvetica, sans-serif;
}

.heading-mobile {
    display: none;
}

.case-content {
    margin: 82px 0 0 0;
}

    .case-content h2 {
        margin: 10px 0 15px;
    }

    .case-content > a {
        font-family: 'Roboto Regular', Helvetica, sans-serif;
    }

    .case-content h5,
    .heading-mobile h5 {
        color: #444c54;
        text-transform: uppercase;
    }

    .case-content .info {
        margin: 35px 0 40px;
        padding: 5px 0 4px 20px;
    }

        .case-content .info p {
            color: #4e8ab1;
            font-size: 24px;
            font-family: 'Roboto Light', Helvetica, sans-serif;
            margin-bottom: 20px;
            line-height: 30px;
        }

    .case-content .coll p {
        font-size: 14px;
        line-height: 22px;
        font-family: 'Roboto Medium', Helvetica, sans-serif;
    }

    .case-content .info p:last-child {
        margin-bottom: 0;
    }

.ie8 .case-content .info p.last {
    margin-bottom: 0;
}

.case-content ul {
    margin-top: -18px;
    margin-bottom: 30px;
}

.case-content li {
    position: relative;
    margin-bottom: 15px;
    padding: 0 0 0 20px;
    background: url(../site/bullet.png) no-repeat 0 13px;
}


/* 3.11 Connect
------------------------------------------------------------------------------*/

.connect h2 {
    max-width: 1042px;
}

.connect a {
    color: #2D516E;
}

    .connect a:hover {
        text-decoration: none;
    }

.social {
    margin: 47px 0 70px;
    text-align: center;
}

    .social li {
        display: inline-block;
        width: 180px;
        height: 35px;
        font-family: 'Roboto Regular', Helvetica, sans-serif;
        font-size: 14px;
        line-height: 35px;
    }

    .social a {
        text-align: left;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

        .social a.tw:before {
            content: '';
            width: 21px;
            height: 17px;
            background: url(/Content/Images/sprite.png) -125px -78px;
            display: inline-block;
            position: relative;
            top: 3px;
            left: -5px;
        }

        .social a.lin {
            padding-right: 10px;
        }

            .social a.lin:before {
                content: '';
                width: 19px;
                height: 18px;
                background: url(/Content/Images/sprite.png) -154px -77px;
                display: inline-block;
                position: relative;
                top: 2px;
                left: -10px;
            }

        .social a.newslette {
            padding-right: 10px;
        }

            .social a.newslette:before {
                content: '';
                width: 19px;
                height: 15px;
                background: url(../site/Envelope-1.svg) -152px -75px;
                display: inline-block;
                position: relative;
                top: 2px;
                left: -10px;
            }

        .social a:hover,
        .social a:focus {
            text-decoration: none;
        }

    .social.join-our-newsletter {
        margin: 0px;
        text-align: left;
        width: 33%;
        float: right;
        max-width: 336px;
    }

        .social.join-our-newsletter .date {
            width: 100%;
        }

        .social.join-our-newsletter li {
            width: 100%;
            padding-left: 12px;
        }

.info-office .img {
    float: left;
    overflow: hidden;
    width: 50%;
    padding: 0;
}

.info-office img {
    display: block;
    height: 351px;
    width: auto;
}

.info-office {
    background: #fff;
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.1);
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    behavior: url(_ui/js/PIE.htc);
    width: 100%;
    margin-bottom: 10px;
}

.ie8 .info-office {
    box-shadow: #eaebec;
}

.info-office p a {
    display: inline;
    font-size: 14px;
    line-height: 24px;
    color: #6D7378;
    font-family: 'Roboto Light', Helvetica, sans-serif;
}

.info-office > div {
    float: left;
    padding: 43px 0 0 43px;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.info-office p {
    font-size: 14px;
    line-height: 24px;
}

.info-office h3 {
    margin-bottom: 22px;
}

.info-office a {
    font-size: 16px;
    font-family: 'Roboto Regular', Helvetica, sans-serif;
    display: block;
    margin: 20px 0 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.info-office a {
    text-decoration: none;
}


/* 3.12 Office Detail
------------------------------------------------------------------------------*/

.office h1,
.title-general h1 {
    float: left;
}

.office {
    padding-bottom: 35px;
}

.city,
.anchors-nav {
    margin: 15px 0 0 0;
    float: right;
}

    .city li,
    .anchors-nav li {
        float: left;
        font-family: 'Roboto Regular', Helvetica, sans-serif;
        font-size: 16px;
        margin-left: 18px;
    }

    .city a,
    .anchors-nav a {
        padding: 0 2px 6px 2px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

        .city a:hover,
        .city a.active,
        .anchors-nav a:hover,
        .anchors-nav a.active {
            border-bottom: 5px solid #2b506f;
            text-decoration: none;
            color: #2b506f;
        }

        .city a:focus,
        .anchors-nav a:focus {
            text-decoration: none;
            color: #4E8AB1;
        }

.office-detail {
    overflow: hidden;
    background: #F3F4F5;
    padding-top: 40px;
    padding-bottom: 40px;
}

    .office-detail .main-left {
        font-family: 'Roboto Regular', Helvetica, sans-serif;
        margin-top: 61px;
    }

        .office-detail .main-left a {
            font-size: 16px;
            margin-bottom: 30px;
            display: block;
        }

        .office-detail .main-left p a {
            margin-bottom: 0;
        }

    .office-detail .content-right {
        width: 57.8%;
        max-width: 602px;
        margin: 60px 0 0 0;
    }

    .office-detail h3 {
        margin-bottom: 24px;
    }

.section-location {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 45px;
}

    .section-location:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }

.ie8 .section-location.last {
    border-bottom: none;
    margin-bottom: 0;
}

.section-location > p {
    margin-bottom: 57px;
}

.location {
    margin-bottom: 25px;
}

    .location:last-child {
        margin-top: 60px;
        margin-bottom: 38px;
    }

.ie8 .location.last {
    margin-top: 60px;
    margin-bottom: 38px;
}

.location h4 {
    color: #375a77;
    font-family: 'Roboto Medium', Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.location p {
    font-family: 'Roboto Regular', Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin-top: -6px;
    padding-right: 70px;
}

.location ul {
    font-family: 'Roboto Regular',Helvetica,sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin-top: -6px;
    padding-right: 70px;
}

#location-parking-ul {
    list-style-type: disc;
}

.drawers > li {
    border-bottom: 1px solid #e1e1e1;
    position: relative;
}

.drawers a {
    font-family: 'Roboto Regular', Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    display: block;
    padding: 15px 0 15px 15px;
    position: relative;
}

    .drawers a:before {
        content: '+';
        position: absolute;
        top: 15px;
        left: 0;
    }

    .drawers a.active:before {
        content: '-';
        top: 13px;
    }

.drawers > li:first-child {
    border-top: 1px solid #e1e1e1;
}

.box-hidden {
    font-family: 'Roboto Regular', Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    padding: 15px 0 8px 18px;
    display: none;
}

    .box-hidden li {
        position: relative;
        margin-bottom: 14px;
    }

        .box-hidden li:before {
            /*content: ".";*/
            font-size: 28px;
            vertical-align: middle;
            position: relative;
            top: -12px;
            left: -4px;
        }

.section-location .adr {
    font-family: 'Roboto Regular', Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin: 40px 0 54px;
}

    .section-location .adr:last-child {
        margin-bottom: 0;
    }

.ie8 .section-location .adr.last {
    margin-bottom: 0;
}

.section-location .adr p {
    margin-bottom: 6px;
}

.section-location .adr h4 {
    color: #375a77;
    font-family: 'Roboto Medium', Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.section-location .adr a {
    display: block;
    margin: 15px 0;
}

.section-location .adr p a {
    display: inline;
    margin: 0;
}


/* 3.13 About Us
------------------------------------------------------------------------------*/

.general h2 {
    max-width: 100%;
    margin-bottom: 0px;
}

@media screen and (min-width: 651px) {
    .general h2 {
        margin-bottom: 20px;
    }
}

.homepage-about_us h2 {
    margin-bottom: 10px;
}

@media screen and (min-width: 651px) {
    .homepage-about_us h2 {
        margin-bottom: 37px;
    }
}

.anchors-content {
    padding: 80px 0;
}

    .anchors-content.dark-grey {
        padding-top: 85px;
        padding-bottom: 75px;
    }

        .anchors-content.dark-grey.last {
            padding-bottom: 130px;
        }

        .anchors-content.dark-grey h2 {
            margin-bottom: 70px;
        }

    .anchors-content h2 {
        text-align: left;
        margin-bottom: 42px;
    }

    .anchors-content .container > p {
        float: left;
        font-size: 30px;
        max-width: 35%;
        line-height: 36px;
    }

    .anchors-content .container div {
        float: right;
        width: 58%;
        margin: 5px 0 0 0;
    }

    .anchors-content .container p {
        margin-bottom: 10px;
    }

.top-anchor-content {
    padding-top: 11px;
}

#approach {
    position: relative;
}

#approach-section {
    position: absolute;
    top: -80px;
}


/* 3.14 News Landing
------------------------------------------------------------------------------*/

.slider-news {
    max-width: 710px;
    margin: 50px auto 10px;
    height: 245px;
}

    .slider-news .slides li {
        display: none;
    }

    .slider-news .date {
        text-align: center;
        float: none;
        margin: 0 0 10px;
    }

    .slider-news h2 {
        margin: 0;
        text-align: center;
    }

        .slider-news h2 a:hover {
            text-decoration: none;
        }

    .slider-news .flex-control-nav {
        /*bottom: -62px;*/
    }

    .slider-news .flex-direction-nav .flex-prev {
        /*bottom: -50px;*/
    }

    .slider-news .flex-direction-nav .flex-next {
        /*bottom: -50px;*/
        right: 120px;
    }

@media only screen and (max-width : 370px) {
    .slider-news .flex-direction-nav .flex-next {
        right: 20px;
    }

    .slider-news {
        height: 275px;
    }
}

.flex-control-nav {
    left: 0;
    right: 0;
}

.flex-control-paging li {
    margin: 0 2px;
}

    .flex-control-paging li a {
        background: url(/Content/Images/sprite.png) -66px -50px;
        width: 11px;
        height: 10px;
        text-indent: -99999px;
        cursor: pointer;
        display: block;
    }

        .flex-control-paging li a.flex-active {
            background-position: -48px -50px;
        }

.flex-direction-nav .flex-prev {
    display: block;
    background: url(/Content/Images/sprite.png) 0 -41px;
    width: 15px;
    height: 28px;
    opacity: 1;
    position: absolute;
    bottom: -28px;
    /*	left: 43.4%;*/
}

.flex-direction-nav .flex-next {
    display: block;
    background: url(/Content/Images/sprite.png) -26px -41px;
    width: 15px;
    height: 28px;
    opacity: 1;
    position: absolute;
    bottom: -28px;
    /*	right: 43.4%;*/
}

.content-left {
    float: left;
    max-width: 604px;
    width: 59%;
    margin-bottom: 58px;
}

.news-list li:first-child {
    padding: 36px 0 35px;
}

.news-list li {
    padding: 37px 0 35px;
    border-bottom: 1px solid #e9e9e9;
}

.news-list .date {
    float: none;
    display: block;
    margin: 0 0 10px;
}

.news-list a:hover {
    text-decoration: none;
}

.news-list a, .slider-news h2 a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.category {
    font-size: 16px;
    font-family: 'Roboto Regular', Helvetica, sans-serif;
}

.load-more a {
    padding-left: 20px;
    display: block;
}

    .load-more a:before {
        position: absolute;
        content: '';
        left: 0;
        top: 9px;
        display: block;
        width: 10px;
        height: 12px;
        background: url(/Content/Images/sprite.png) -42px -82px;
    }

.twitter-widget {
    float: right;
    max-width: 336px;
    width: 33%;
    margin: 43px 0 0;
}

.twitter-follow {
    display: none;
}

.join-our-newsletter.mobile {
    display: none;
}


/* 3.15 News Detail
------------------------------------------------------------------------------*/

/* Custom Select */
.custom-select {
    position: absolute;
    top: 4px;
    right: 0;
    vertical-align: middle;
    display: block;
    width: 177px;
    height: 34px;
    z-index: 999;
    border: 1px solid #e1e2e0;
    background: #f3f3f5;
    background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.15) 100%);
    background: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.15) 100%);
    background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.15) 100%);
    background: linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.15) 100%);
    -pie-background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,.15) 100%);
    behavior: url(_ui/js/PIE.htc);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #6d7378;
    font-size: 14px;
    font-family: 'Roboto Regular', Helvetica, sans-serif;
}

    .custom-select.open {
        z-index: 1001;
    }

    .custom-select.error-select {
        border: 1px solid #b00;
    }

    .custom-select a.current-selected {
        display: block;
        cursor: pointer;
        height: 32px;
        padding: 7px 21px 5px 12px;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
        line-height: normal;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #2B506F;
    }

.ie8 .custom-select a.current-selected {
    color: #b8b8b8;
}

.custom-select a.current-selected:focus {
    outline: none;
}

.custom-select .custom-select-wrapper {
    position: absolute;
    left: -999em;
    z-index: 1000;
    margin-top: 4px;
    background-color: #fff;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    box-shadow: 0 0 5px rgba(0,0,0,.2);
}

.custom-select.open .custom-select-wrapper {
    width: 100%;
    left: auto;
    background: #fff;
    z-index: 1001;
    color: #fff;
    border: 1px solid #c9c9c9;
}

.custom-select ul {
    list-style: none;
    margin: 0;
    padding: 8px 0 0;
}

    .custom-select ul li {
        margin: 0;
        padding: 0;
        text-align: left;
        border: 0;
    }

        .custom-select ul li:first-child {
            border-top: none;
        }

        .custom-select ul li a {
            background: #fff;
            display: block;
            padding: 3px 12px 4px 10px;
            text-decoration: none;
            color: #4e8ab1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 15px;
            line-height: 25px;
        }

        .custom-select ul li:first-child a {
            background: none;
            border-radius: 0;
        }

        .custom-select ul li a:hover,
        .custom-select ul li a.current {
            background: #4e8ab1;
            text-decoration: none;
            color: #fff;
        }

        .custom-select ul li a:focus {
            outline: none;
        }
/* end of custom select */

.date {
    float: left;
    font-family: 'Roboto Regular', Helvetica, sans-serif;
    font-size: 16px;
    margin: 45px 0 40px;
}

.social-news {
    float: right;
    margin: 50px 0 30px;
}

    .social-news .twitter-share-button,
    .social-news .fb-like {
        float: left;
    }

.news-detail .content-right {
    margin: 64px 0 0;
}

.news-detail h2 {
    text-align: left;
    padding-right: 30px;
    margin-bottom: 0;
}

.news-detail .main-left {
    margin-top: 60px;
}

.bio h5,
.news-detail h5 {
    color: #2c4f6b;
    margin-bottom: 33px;
    font-size: 16px;
}

.news-detail {
    padding-bottom: 45px;
}

p.font-14, div.font-14 p, div.font-14 li {
    font-size: 14px;
    font-family: 'Roboto Regular', Helvetica, sans-serif;
    line-height: 22px;
}

/* 3.16 Services on Demand
------------------------------------------------------------------------------*/

p.extra-hidden-text {
    display: none;
}

.anchors-content.section-meet-our-team h2 {
    text-align: center;
    max-width: 700px;
    margin: 0px auto 65px;
}

.section-demand .video-container {
    text-align: center;
}

    .section-demand .video-container iframe {
        max-height: 570px;
        max-width: 1000px;
        width: 100%;
        height: 53vw;
    }

.section-demand .service-demand-disclaimer p {
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 12px;
    margin-left: 30px;
    margin-right: 30px;
}

.section-demand .service-demand-contact-info {
    margin-top: 20px;
}

    .section-demand .service-demand-contact-info p {
        font: 20px/1.5em 'Roboto Light', Helvetica, sans-serif;
        margin-left: 30px;
        margin-right: 30px;
    }


.section-meet-our-team .teams-nav li {
    float: left;
    display: table;
    padding: 0px 0px 0px 40px;
    margin-right: 11px;
    height: 75px;
    text-align: center;
    background: none;
}

.section-meet-our-team .teams-nav a {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 40px;
    position: relative;
    font-size: 18px;
    line-height: 22px;
    font-family: "Roboto Regular",Helvetica,sans-serif;
}

.section-meet-our-team .teams-nav.min-width a {
    min-width: 200px;
}

.section-meet-our-team .teams-nav .btn::after {
    right: 24px;
    top: 34px;
}

/* 3.17 Error
------------------------------------------------------------------------------*/

.sitemap > li {
    float: left;
    width: 50%;
}

    .sitemap > li:first-child li {
        margin-bottom: 21px;
    }

.col-1,
.col-2,
.col-3,
.col-4 {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 40px;
}

    .col-1 div,
    .col-2 div {
        font-size: 20px;
        margin-top: 8px;
        line-height: 25px;
        font-family: 'Roboto Medium', Helvetica, sans-serif;
        padding: 5px 0 5px 17px;
        border-left: 1px solid #d4d4d4;
    }

        .col-1 div a,
        .col-2 div a {
            margin-bottom: 20px;
            -webkit-transition: none;
            -moz-transition: none;
            transition: none;
        }

            .col-1 div a:last-child,
            .col-2 div a:last-child {
                margin-bottom: 0;
            }

.ie8 .col-1 div a:last-child,
.ie8 .col-2 div a:last-child {
    margin-bottom: 0;
}

.sitemap {
    margin: 95px 0 0 0;
}

ul.sitemap a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
}

    ul.sitemap a:hover {
        text-decoration: none;
    }

.col-4, .col-3 {
    padding-left: 7px;
}

.sitemap h5 a {
    color: #2b506f;
    text-transform: uppercase;
    font-family: 'Roboto Medium', Helvetica, sans-serif;
    margin: 3px 0 14px 0;
}

.col-3 ul,
.col-4 ul {
    padding-right: 20px;
}

.col-3 a,
.col-4 a {
    font-family: 'Roboto Regular', Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 12px;
}

.content-wrapper {
    position: relative;
    left: 0;
    z-index: 99;
    height: 100%;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    background: #fff;
}

.st-effect-4.st-menu-open .content-wrapper {
    -webkit-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0);
    position: fixed;
}

.content-wrapper::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    background: rgba(0, 0, 0, 0.2);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    z-index: 5002;
}

.st-menu-open .content-wrapper::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.content-wrapper::before {
    content: '✕';
    position: absolute;
    top: 16px;
    right: 52px;
    z-index: 5003;
    height: 0;
    width: 0;
    color: #4e8ab1;
    font-size: 30px;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s;
}

.st-menu-open .content-wrapper::before {
    opacity: 1;
    pointer-events: default;
}

.st-menu-open .content-wrapper .button-menu {
    opacity: 0;
}

.page-wrapper {
    position: relative;
    overflow: hidden;
    background: #2A506F;
}

.st-menu-open.page-wrapper {
    height: 100%;
}

html, body {
    height: 100%;
}

.st-effect-4.st-menu-open .navigation-mobile {
    right: 0;
}

.st-effect-4.st-menu-open .navigation-mobile {
    -webkit-transition: -webkit-transform 0.5s;
    transition: all 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: block;
    background: #14408B;
}

.nice-loading {
    opacity: 0;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    transition: opacity 300ms;
}


    .nice-loading.loaded {
        opacity: 1;
    }

.info-card img {
    display: block;
    max-width: 150px;
    max-height: 150px;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto
}


.team-list a,
.team-list img {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.no-content {
    display: none;
    padding-bottom: 80px;
}

a.checkbox {
    outline: 0 none;
}

.simple-lists ol {
    list-style: decimal
}

.simple-lists ul {
    list-style: disc
}

.roles-checkboxes {
    width: 256px;
}

.location-checkboxes {
    width: 178px;
}

.industry-checkboxes {
    width: 195px;
}


/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
    font-family: 'flexslider-icon';
    src: url('../fonts/flexslider-icon.eot');
    src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
    }
    /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img {
        width: 100%;
        display: block;
    }

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
    margin: 0 0 60px;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px;
}

/* Direction Nav */
/*.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }*/
/*.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }*/

/* Pause/Play */
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

    .flex-pauseplay a:before {
        font-family: "flexslider-icon";
        font-size: 20px;
        display: inline-block;
        content: '\f004';
    }

    .flex-pauseplay a:hover {
        opacity: 1;
    }

    .flex-pauseplay a.flex-play:before {
        content: '\f003';
    }

/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

    .flex-control-nav li {
        display: inline-block;
        zoom: 1;
        *display: inline;
        vertical-align: top;
    }
/*.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }*/

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0;
    }

    .flex-control-thumbs img {
        width: 100%;
        display: block;
        opacity: .7;
        cursor: pointer;
    }

        .flex-control-thumbs img:hover {
            opacity: 1;
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default;
    }

/*@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}*/


/* Retina display support */
@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-device-pixel-ratio: 2 ) {
    .header .site-name span {
        background: url(../site/logo@2x.png);
        background-size: 262px 30px;
    }

    .button-menu {
        background: url(/Content/Images/sprite2x.png) -180px -81px;
        background-size: 300px 100px;
    }

    .flex-control-paging li a {
        background: url(/Content/Images/sprite2x.png) -66px -50px;
        background-size: 300px 100px;
    }

        .flex-control-paging li a.flex-active {
            background: url(/Content/Images/sprite2x.png) -48px -50px;
            background-size: 300px 100px;
        }

    .flex-direction-nav .flex-prev {
        background: url(/Content/Images/sprite2x.png) 0 -41px;
        background-size: 300px 100px;
    }

    .flex-direction-nav .flex-next {
        background: url(/Content/Images/sprite2x.png) -26px -41px;
        background-size: 300px 100px;
    }

    .btn:after {
        background: url(/Content/Images/sprite2x.png) -124px -50px;
        background-size: 300px 100px;
    }

    .logo-footer {
        background: url(../site/logo_footer@2x.png);
        background-size: 200px 21px;
    }

    .footer-bottom a.in {
        background: url(/Content/Images/sprite2x.png) -65px -76px;
        background-size: 300px 100px;
    }

        .footer-bottom a.in:hover {
            text-decoration: none;
            opacity: .95;
        }

    .footer-bottom a.tw {
        background: url(/Content/Images/sprite2x.png) -98px -76px;
        background-size: 300px 100px;
    }

    a.close:after {
        background: url(/Content/Images/sprite2x.png) -174px -49px;
        background-size: 300px 100px;
    }

    .stars,
    .case-studies:before {
        background: url(/Content/Images/sprite2x.png) -84px -47px;
        background-size: 300px 100px;
    }

    .search input[type=submit] {
        background: url(/Content/Images/sprite2x.png) -1px -80px;
        background-size: 300px 100px;
    }

    .team-filter .checkbox-checked {
        background: #4E8AB1 url(/Content/Images/sprite2x.png) -20px -78px;
        background-size: 300px 100px;
    }

    .filter a:after {
        background: url(/Content/Images/sprite2x.png) -191px -49px;
        background-size: 300px 100px;
    }

    .prev:before {
        background: url(/Content/Images/sprite2x.png) -211px -50px;
        background-size: 300px 100px;
    }

    .next:before {
        background: url(/Content/Images/sprite2x.png) -229px -50px;
        background-size: 300px 100px;
    }

    .social a.tw:before {
        background: url(/Content/Images/sprite2x.png) -125px -78px;
        background-size: 300px 100px;
    }

    .social a.lin:before {
        background: url(/Content/Images/sprite2x.png) -154px -77px;
        background-size: 300px 100px;
    }

    .categories a:after, .nav-tabs a:after {
        background: url(/Content/Images/sprite2x.png) -212px -83px;
        background-size: 300px 100px;
    }

    a.open-filter:after {
        background: url(/Content/Images/sprite2x.png) -258px -85px;
        background-size: 300px 100px;
    }

    a.open-filter.opened:after {
    }

    .load-more a:before {
        background: url(/Content/Images/sprite2x.png) -42px -82px;
        background-size: 300px 100px;
    }
}




/* 4. RESPONSIVE
--------------------------------------------------------------------------------
==============================================================================*/

@media screen and (max-width: 1060px) {
    .nav > li > a{
        font-size:smaller !important;
    } 
}

@media screen and (max-width: 976px) {
    .nav > li > a {
        font-size: x-small !important;
    }
}

@media screen and (max-width: 913px) {
    .nav > li > a {
        font-size: xx-small !important;
    }
}


@media screen and (max-device-width: 1024px) {
    .col1:before {
        content: none;
    }

    .list a:hover .col1 span {
        margin-left: 0;
    }
}

@media screen and (max-width: 1101px) {
    .container {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 671px;
    }

    .tiles li,
    .anchors-content .tiles li {
        width: 24%;
    }

    a.close {
        right: 52px;
    }

    .service-nav li {
        width: 18.9%;
    }

    .footer {
        padding: 40px 30px;
    }
}

@media screen and (max-width: 950px) {
    .quote {
        padding: 60px 41px;
    }

        .quote p {
            font-size: 1.2em;
        }

    .tiles li {
        width: 23.9%;
    }
}

@media screen and (max-width: 930px) {
    .tiles li,
    .anchors-content .tiles li {
        width: 49.2%;
    }

        .tiles li:nth-child(2n),
        .anchors-content .tiles li:nth-child(2n) {
            margin-right: 0;
        }

    .news-home li {
        width: 100%;
        padding-right: 0;
    }

    .service-nav li {
        width: 18.8%;
    }

    .stars {
        right: 8px;
    }

    .section-general {
        padding-bottom: 38px;
        padding-top: 60px;
    }

    .full-bg {
        margin: 0;
    }

    .tab-content .btn {
        margin-top: 45px;
        margin-bottom: 20px;
    }

    .footer > ul > li > ul.column-2 {
        width: 230px;
    }

    .footer > ul > li > ul.column-3 {
        width: 135px;
    }
}

@media screen and (max-width: 890px) {

    .service-nav li,
    .service-nav li:nth-child(5n) {
        width: 32.5%;
        margin-right: 10px;
    }

        .service-nav li:nth-child(3n) {
            margin-right: 0;
        }

    .brand-filter h4 {
        float: none;
        text-align: center;
        margin-bottom: 5px;
    }

    .nav-filter {
        display: none;
    }

        .nav-filter.mobile {
            display: block;
            float: none;
            text-align: center;
        }

        .nav-filter a {
            padding: 0 2px;
        }

    .sector-focus .case-studies {
        display: none !important;
    }
}

@media screen and (max-width: 874px) {
    .button-menu {
        display: block;
        float: right;
        margin-top: 43px;
    }

    .wrapper-header.small
    .button-menu {
        margin-top: 32px;
    }

    .navigation {
        position: absolute;
        top: 0;
        right: -260px;
        width: 260px;
        background: #2a506f;
        min-height: 100%;
        z-index: 1000;
    }

    .content-wrapper .navigation {
        display: none !important;
    }

    .navigation.open.navigation-mobile {
        visibility: visible;
        -webkit-transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .navigation.open:after {
        width: 0;
        height: 0;
        opacity: 0;
        -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
        transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    }

    .navigation-mobile .nav > li {
        float: none;
        display: block;
        margin: 0;
        padding-bottom: 0;
    }

    .navigation-mobile .nav a,
    .sub-nav li:last-child a {
        color: #fff;
        font-family: 'Roboto Regular', Helvetica, sans-serif;
        padding: 12px 12px 12px 20px;
        font-size: 16px;
        display: block;
        text-transform: none;
        background: #315574;
        background: -moz-linear-gradient(top, #315574 0%, #2b5170 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#315574), color-stop(100%,#2b5170));
        background: -webkit-linear-gradient(top, #315574 0%,#2b5170 100%);
        background: -o-linear-gradient(top, #315574 0%,#2b5170 100%);
        background: -ms-linear-gradient(top, #315574 0%,#2b5170 100%);
        background: linear-gradient(to bottom, #14408B 0%,#144095 100%);
        -pie-background: linear-gradient(#315574 0%,#2b5170 100%);
        behavior: url(_ui/js/PIE.htc);
        position: relative;
        margin: 0;
    }

        .sub-nav p,
        .sub-nav li:last-child a:before {
            display: none;
        }

    .navigation-mobile .sub-nav {
        visibility: visible;
        opacity: 1;
        box-shadow: none;
        background: none;
        position: relative;
        right: 0;
        left: 0;
        top: 0;
        padding: 0;
        width: 100%;
        background: #254864;
        display: none;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
    }

    .navigation-mobile .open-subnav > a:after {
        position: absolute;
        top: 50%;
        margin-top: -4px;
        right: 20px;
        content: '';
        width: 12px;
        height: 8px;
        background: url(/Content/Images/sprite.png) -226px -85px;
    }

    .navigation-mobile .sub-nav a,
    .sub-nav li:last-child a {
        background: #254864;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        margin-left: 20px;
        margin-right: 20px;
        border-bottom: 1px solid #2a506f;
    }

    .nav > li > a:hover,
    .nav > li > a.active,
    .nav > li:hover > a {
        color: #fff;
    }

    .service-nav li,
    .service-nav li:nth-child(5n) {
        width: 32.3%;
        margin-right: 10px;
    }
}

@media screen and (max-width: 820px) {
    .roles-checkboxes {
        width: 237px;
    }

    .location-checkboxes {
        width: 159px;
    }
}


@media screen and (max-width: 800px) {
    .footer > ul > li {
        width: 100%;
        margin-bottom: 40px;
    }

    div.container-services {
        margin-bottom: 0;
    }

    h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .title h1,
    .office h1 {
        /*display: inline-block;*/
        width: 100%;
        /*text-align: center;*/
        font-size: 16px;
        /*margin-bottom: 25px;*/
        float: none;
    }

    .title-page h2 {
        font-size: 30px;
        line-height: 40px;
        margin-top: 33px;
    }

    .title-page .section-demand {
        padding-top: 33px;
    }

        .title-page .section-demand h2 {
            margin-top: 0;
        }

    .case-content h2 {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .categories {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        padding-bottom: 0;
    }

        .categories h3 {
            margin-left: 0;
            padding-right: 0;
        }

        .categories a {
            padding-left: 0;
            padding-right: 0;
        }

        .categories:after {
            content: none;
        }

        .categories:last-child {
            padding-bottom: 62px;
        }

    .ie8 .categories.last {
        padding-bottom: 62px;
    }

    .info-card {
        margin-top: 33px;
    }

    .search {
        position: relative;
        width: 363px;
        margin: -20px auto 22px;
    }

        .search .twitter-typeahead, .search input[type=text] {
            position: absolute !important;
            top: 0;
            left: 0;
        }

    .list {
        margin-top: 34px;
    }

    .case-studies {
        width: 100%;
        text-align: center;
        margin: 15px 0 45px;
    }

        .case-studies:before {
            position: relative;
            display: inline-block;
            left: -7px;
            top: 1px;
        }

    .list .col5 {
        display: none;
    }

    .list .col4 {
        width: 50%;
    }

    .sitemap > li {
        width: 100%;
        margin-bottom: 50px;
    }

        .sitemap > li:last-child {
            margin-bottom: 0;
        }

    .col-4,
    .col-3 {
        padding-left: 0;
    }

    .main-left {
        margin-top: 40px;
    }

    .case-content {
        margin-top: 48px;
    }

    .bio h2 {
        font-size: 30px;
    }

    .back:before {
        position: relative;
        display: inline-block;
        top: 1px;
    }

    .custom-select {
        position: relative;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: -13px;
    }

    .detail h1 {
        margin-bottom: 30px;
    }

    .detail .back {
        display: none;
    }

    .news-detail .main-left,
    .news-detail .content-right,
    .content-left {
        width: 100%;
        max-width: 100%;
        margin-top: 50px;
        margin-bottom: 0;
    }

    .news-list {
        margin-bottom: 50px;
    }

    .news-detail {
        padding-bottom: 20px;
    }

    .twitter-widget {
        display: none;
    }

    .content-left {
        margin-top: 0;
    }

    .twitter-follow {
        display: block;
        margin-top: 20px;
        margin-bottom: -5px;
        float: left;
    }

    .join-our-newsletter.mobile {
        display: block;
        margin-top: 20px;
        width: 100%;
        float: none !important;
    }

    .join-our-newsletter.desktop {
        display: none;
    }

    .slider-news h2 {
        margin-top: 0;
    }

    .office-detail .main-left,
    .office-detail .content-right {
        max-width: 100%;
        width: 100%;
        margin: 10px 0 0;
    }

    .section-location .adr:last-child a {
        margin-bottom: 0;
    }

    .ie8 .section-location .adr.last a {
        margin-bottom: 0;
    }

    .city,
    .anchors-nav {
        float: none;
        text-align: center;
        margin: 0;
        position: relative;
        top: -7px;
    }

        .city li,
        .anchors-nav li {
            display: inline-block;
            float: none;
        }

    .anchors-content h2,
    .anchors-content.dark-grey h2 {
        margin-bottom: 25px;
    }

    .anchors-content .container > p,
    .anchors-content .container div {
        max-width: 100%;
        width: 100%;
    }

    .anchors-content {
        padding: 55px 0;
    }

    .desc {
        width: 100%;
        max-width: 100%;
        padding: 0;
        float: none;
        margin-bottom: 50px;
    }

    .section-band {
        padding: 60px 0;
    }

    .slider-band {
        width: 100%;
        float: none;
        margin: 0 auto;
        height: auto;
    }

        .slider-band .slider {
            padding-bottom: 70px;
        }

    .sector-focus {
        padding: 18px 0 50px;
    }

        .sector-focus.sector-focus-tiles {
            padding-top: 0px;
        }

    .nav-filter {
        float: none;
        text-align: center;
    }

        .nav-filter li {
            float: none;
            display: inline-block;
            margin: 0 6px;
        }

        .nav-filter .espace {
            margin-right: 32px;
        }

    .sector-focus .case-studies {
        margin: 0px 0px 15px;
        padding-top: 4px;
    }

        .sector-focus .case-studies:before {
            top: 1px;
            left: -5px;
        }

    .section-top {
        padding-top: 145px;
    }

    .footer > ul > li {
        display: flex;
        flex-wrap: wrap;
    }

        .footer > ul > li > ul.column-1,
        .footer > ul > li > ul.column-4 {
            float: none;
            margin-top: 30px;
            width: 100%;
        }

        .footer > ul > li > ul.column-1 {
            order: 4;
        }

        .footer > ul > li > ul.column-2 {
            margin-right: 20px;
            width: calc(50% - 10px);
        }

        .footer > ul > li > ul.column-3 {
            width: calc(50% - 10px);
            order: 2;
        }

        .footer > ul > li > ul.column-4 {
            order: 3;
        }

    .footer-bottom .in {
        margin-left: 0;
    }
}

@media screen and (max-width: 790px) {
    .sectors-nav {
        display: none;
    }

    .sectors-nav-mobile {
        display: block;
        margin-bottom: 20px;
        margin-right: auto;
        margin-left: auto;
        max-width: 514px;
    }

        .sectors-nav-mobile .custom-select {
            margin: 10px auto 0;
            top: 0;
            border: 1px solid #e8e8e8;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            background-color: #fff;
            -moz-box-shadow: 0 0 8px rgba(0,0,0,.07);
            -webkit-box-shadow: 0 0 8px rgba(0,0,0,.07);
            box-shadow: 0 0 8px rgba(0,0,0,.07);
            width: 100%;
            height: 44px;
            line-height: 1em;
        }

    a.current-selected {
        color: #3e77a1;
        line-height: 1em;
        height: 43px;
    }
}

@media screen and (min-width: 791px) {

    .companies-sector .desc {
        display: none;
    }
}


@media screen and (max-width: 768px) {
    .tiles li,
    .anchors-content .tiles li {
        width: 49%;
    }

    .tiles a,
    .anchors-content .tiles a {
        padding-left: 5%;
        padding-right: 5%;
    }

    .full-bg {
        text-align: center;
        overflow: hidden;
        position: relative;
    }

        .full-bg img {
            max-width: none;
            height: 100%;
            position: absolute;
            left: 50%;
            width: auto;
        }
}

@media screen and (max-width: 700px) {
    .service-nav li,
    .service-nav li:nth-child(5n) {
        width: 32.2%;
        margin-right: 10px;
    }
}

@media screen and (max-width: 650px) {


    .service-nav li,
    .service-nav li:nth-child(5n),
    .service-nav li:nth-child(3n) {
        width: 49%;
        margin: 0 8px 8px 0;
    }

        .service-nav li:nth-child(2n) {
            margin-right: 0 !important;
        }

    .service-nav a {
        font-size: 14px;
        padding: 0 10px;
    }

    .company-info {
        width: 100%;
        max-width: 100%;
        float: none;
    }

    .title-page h2,
    .heading-mobile h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .title-page.office h2 {
        margin-bottom: 10px;
    }

    .company-info a {
        font-size: 16px;
    }

    body {
        font-size: 16px;
    }

    .info-card,
    .main-left,
    .content-right {
        width: 100%;
        max-width: 100%;
        margin: 0 0 0;
    }

    .case-content .coll p {
        margin-top: -10px;
    }

    .case-content li {
        background-position: left 9px;
    }

    .info-card h5,
    .info-card a,
    .info-card span {
        font-size: 14px;
    }

    .title-page {
        padding-bottom: 25px;
        padding-top: 130px;
    }

    .bio img {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 0;
    }

    .bio h2 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .info {
        margin: 30px 0;
    }

    .prev:before,
    .next:before {
        top: 8px;
    }

    .bio .content-right h5 {
        margin-bottom: 30px;
        margin-top: 40px;
    }

    .bio .main-left ul,
    .bio .main-left h5,
    .news_article ul,
    .news_article h5 {
        display: none;
    }

    .bio .mobile-only,
    .news_article .mobile-only {
        display: block;
    }

    .date {
        font-size: 14px;
    }

    p.font-14 {
        font-size: 12px;
    }

    .news-detail h2 {
        font-size: 24px;
        line-height: 34px;
        padding-right: 0;
    }

    .flex-direction-nav .flex-next,
    .flex-direction-nav .flex-prev {
        bottom: 0;
    }

    .slider-home .flex-control-nav {
        bottom: -54px;
    }

    .flex-control-nav {
        bottom: -5px;
    }

    .slider-band .flex-control-nav {
        bottom: 5px;
    }

    .content-left h3,
    .news-list a {
        font-size: 16px;
        line-height: 22px;
    }

    .news-list li,
    .news-list li:first-child {
        padding: 25px 0;
    }

    .load-more a:before {
        top: 6px;
    }

    .info-office .img {
        width: 100%;
        display: block;
        float: none;
    }

    .info-office img {
        max-width: 100%;
        height: auto;
        width: 100%;
    }

    .info-office > div {
        padding: 30px 17px;
        width: 100%;
    }

    .social li {
        display: block;
        margin: 0 auto 20px;
    }

    .social {
        margin: 35px 0 40px;
    }

    .info-office h3 {
        font-size: 20px;
    }

    .info-office p {
        font-size: 12px;
        line-height: 22px;
    }

    .info-office a {
        font-size: 14px;
    }

    .main-left .info-card {
        display: none;
    }

    .card1 {
        display: block;
    }

    .case-content .card1 h5 {
        display: block;
    }

    .blockquote {
        margin-bottom: 0;
        font-size: 20px;
        margin-top: -10px;
    }

        .blockquote blockquote {
            padding: 40px 20px;
        }

        .blockquote p {
            font-size: 20px;
            line-height: 26px;
        }

        .blockquote .authors p {
            font-size: 12px;
            line-height: 18px;
        }

    .heading-mobile {
        display: block;
        margin-top: 45px;
    }

        .heading-mobile a {
            font-family: 'Roboto Regular', Helvetica, sans-serif;
        }

        .heading-mobile h2 {
            margin: 5px 0 15px;
            text-align: left;
        }

    .content-right.case-content {
        margin-top: 20px;
    }

    .case-content h5,
    .case-content h2,
    .case-content > a {
        display: none;
    }

    .case-content .info {
        margin-top: 0;
    }

        .case-content .info p {
            font-size: 16px;
            margin-bottom: 20px;
            line-height: 20px;
        }

    .mobile-display h2 {
        display: none;
    }

    .sector-landing {
        box-shadow: none;
        background: #F3F4F5;
    }

    .categories {
        padding: 0 0 30px;
    }

        .categories h3 {
            margin-bottom: 22px;
            font-size: 24px;
        }

        .categories ul {
            border: 1px solid #e8e8e8;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            background-color: #fff;
            -moz-box-shadow: 0 0 8px rgba(0,0,0,.07);
            -webkit-box-shadow: 0 0 8px rgba(0,0,0,.07);
            box-shadow: 0 0 8px rgba(0,0,0,.07);
            behavior: url(_ui/js/PIE.htc);
        }

        .categories li {
            border-bottom: 1px solid #f3f4f5;
        }

        .categories a {
            text-align: left;
            padding: 13px 40px 13px 13px;
            position: relative;
        }

        .categories:last-of-type a {
            padding-right: 32px;
        }

        .categories a:after,
        .nav-tabs a:after {
            content: '';
            background: url(/Content/Images/sprite.png) -212px -83px;
            width: 8px;
            height: 11px;
            display: block;
            position: absolute;
            right: 18px;
            top: 50%;
            margin-top: -6px;
        }

        .categories a:hover {
            background: #fff;
        }

    .anchors-content h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .anchors-content .container p {
        font-size: 16px;
        line-height: 22px;
    }

    .anchors-content,
    .anchors-content.dark-grey,
    .anchors-content.dark-grey.last {
        padding: 40px 0;
    }

    .anchors-nav {
        display: none;
    }

    .anchors-content.section-value .container > p {
        font-size: 20px;
    }

    .anchors-content.section-value h2 {
        margin-bottom: 50px;
    }

    .service-nav {
        margin-top: 50px;
    }

    .section-value .tiles {
        margin-top: 50px;
    }

    .sectors-nav-mobile .custom-select {
        margin: 10px auto 0;
        top: 0;
        border: 1px solid #e8e8e8;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background-color: #fff;
        -moz-box-shadow: 0 0 8px rgba(0,0,0,.07);
        -webkit-box-shadow: 0 0 8px rgba(0,0,0,.07);
        box-shadow: 0 0 8px rgba(0,0,0,.07);
        width: 100%;
        height: 44px;
        line-height: 1em;
    }

        .sectors-nav-mobile .custom-select a.current-selected {
            color: #3e77a1;
            padding: 15px 21px 10px 12px;
            line-height: 1em;
            height: 43px;
            background: url(../site/arrow_select.png) no-repeat right 17px;
        }

        .sectors-nav-mobile .custom-select.open .custom-select-wrapper {
            z-index: 1002;
            margin-top: 0;
            border: 1px solid #e8e8e8;
            -moz-border-radius: 0 0 5px 5px;
            -webkit-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            -moz-box-shadow: 0 0 8px rgba(0,0,0,.07);
            -webkit-box-shadow: 0 0 8px rgba(0,0,0,.07);
            box-shadow: 0 0 8px rgba(0,0,0,.07);
        }

        .sectors-nav-mobile .custom-select ul li a {
            font-size: 14px;
        }

    .team-filter li {
        width: 100%;
    }

    .full-bg, .full-bg.margin-top {
        margin: 0;
    }

    div.container-services {
        margin-top: 0;
    }

    a.close:after {
        top: 7px;
    }

    .quote p {
        font-size: 24px;
        line-height: 34px;
    }

    .quote {
        padding: 30px 20px;
        position: relative;
    }

    .anchors-content li {
        background-position: 0 9px;
    }

    .anchors-content .btn {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 650px) {
    .roles-checkboxes li {
        width: 80%;
    }

    .roles-checkboxes {
        width: 39%;
    }

    .location-checkboxes {
        width: 32%;
    }

    .industry-checkboxes {
        width: 29%;
    }
}

@media screen and (max-width: 630px) {
    .section-general {
        padding: 50px 0 50px;
    }

        .section-general.padding-small {
            padding-bottom: 14px;
        }

    .news-home li:last-child {
        margin-bottom: 10px;
    }

    .btn.margin {
        margin-bottom: 0;
    }

    .slider-home:after {
        background: url(../site/arrow_box.png);
        width: 28px;
        height: 16px;
        content: '';
        position: absolute;
        bottom: -14px;
        left: 0;
    }

    .container {
        padding: 0 20px;
    }

    .footer {
        padding: 40px 20px;
    }

    .tab-content, .nav-tabs.desktop {
        display: none;
    }

    .nav-tabs.mobile {
        display: block;
    }

    .nav-tabs {
        border: 1px solid #e8e8e8;
        -webkit-box-shadow: 0 0 8px rgba(0,0,0,.08);
        -moz-box-shadow: 0 0 8px rgba(0,0,0,.08);
        box-shadow: 0 0 8px rgba(0,0,0,.08);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        behavior: url(_ui/js/PIE.htc);
        padding: 0;
        margin: 0;
    }

        .nav-tabs li {
            display: block;
            text-align: left;
            border-bottom: 1px solid #DFDFDF;
            padding: 0;
            margin: 0;
        }

            .nav-tabs li.active a {
                border-bottom: none;
            }

        .nav-tabs a {
            display: block;
            color: #4f8ab2;
            font-size: 14px;
            font-family: 'Roboto Regular', Helvetica, sans-serif;
            text-align: left;
            padding: 13px 40px 13px 13px;
            position: relative;
            line-height: 1em;
        }

    .image {
        display: none;
    }

    .bg-white {
        display: none;
    }

    .bg-blue {
        width: 100%;
    }

    .quote,
    .footer li ul {
        width: 100%;
    }

    .footer-top h5 {
        display: none;
    }

    .address {
        display: none;
    }

    .footer > ul > li {
        margin-bottom: 0;
    }

    .footer > ul {
        padding-top: 33px;
    }

    .footer a {
        font-size: 13px;
    }

    .list {
        margin: 0;
    }

        .list .first {
            display: none;
        }

        .list .col1,
        .list .col2,
        .list .col3,
        .list a,
        .list .col4,
        .list .col6 {
            display: block;
            width: 100%;
            border-bottom: none;
            padding: 0;
        }

    .col1:before {
        display: none;
    }

    .list .col1 span,
    .list .col6 {
        font-size: 14px;
    }

    .list a:hover .col1 span {
        margin-left: 0;
    }

    .list li {
        display: block;
        border-bottom: 1px solid #DEDEDE;
        padding: 13px 0;
    }

    .case-studies {
        margin: 30px 0 30px;
    }

    .section-top.title-page {
        padding-top: 125px;
    }

    .company-list .list {
        border-top: 1px solid #DEDEDE;
    }

    h1 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 37px;
    }

    .col-1,
    .col-2,
    .col-3,
    .col-4 {
        width: 100%;
    }

    .sitemap > li {
        margin-bottom: 20px;
    }

    .sitemap {
        margin: 0;
    }

        .sitemap h3,
        .col-1 div,
        .col-2 div {
            font-size: 16px;
            line-height: 24px;
        }

    .col-3 {
        margin-bottom: 30px;
    }

    .tiles li,
    .anchors-content .tiles li {
        width: 100%;
    }

    .desc {
        margin-bottom: 30px;
    }

        .desc h3, .desc p {
            font-size: 20px;
            line-height: 26px;
        }

    .section-band {
        padding: 40px 0;
    }

    .sector-focus .tiles li {
        width: 48.8%;
        height: 134px;
        overflow: hidden;
        border: 1px solid #E2E2E1;
    }

    .sector-focus .tiles a {
        padding: 33px 0;
        display: table;
        vertical-align: middle;
        width: 100%;
        height: 134px;
        border: 0;
    }

    .sector-focus .tiles li:nth-child(2n) {
        margin-right: 0;
    }

    .sector-focus .tiles p {
        display: none;
    }

    .sector-focus .tiles img {
        width: 100px;
        margin: 0 auto;
        vertical-align: middle;
        display: table;
    }
}

@media screen and (max-width: 580px) {
    .nav-filter {
        display: none;
    }

        .nav-filter.mobile {
            display: block;
        }

        .nav-filter a {
            padding: 0 2px;
        }
}

@media screen and (max-width: 520px) {
    .sector-focus .tiles li {
        width: 48.5%;
    }

    .social-news {
        margin-top: 0;
        width: 100%;
        float: left;
    }

        .social-news .twitter-share-button,
        .social-news .fb-like {
            margin-left: 0;
            margin-right: 10px;
            margin-bottom: 10px;
        }

    .last-nav-sort {
        margin-right: 0px;
    }

    .roles-checkboxes {
        width: 36%;
    }

    .location-checkboxes {
        width: 28%;
    }

    .industry-checkboxes {
        width: 36%;
    }
}

@media screen and (max-width: 480px) {
    .bottom-question-info {
        width: 350px;
        text-align: left;
        font-size: 14px;
    }

    .footer-bottom p {
        width: 100%;
    }

    .footer-bottom ul {
        float: left;
    }

    .footer-bottom a {
        margin-left: 0;
        margin-right: 14px;
    }

    .footer a:hover {
        color: #2D516E;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .header .site-name span {
        background-size: 211px 24px;
    }

    .header .site-name {
        width: 211px;
        height: 24px;
        margin-top: 25px;
    }

    .wrapper-header {
        height: 75px;
    }

    .section-top.title-page {
        padding-top: 100px;
    }

    .section-top {
        padding-top: 120px;
    }

    .button-menu {
        margin-top: 30px;
        -webkit-transition: height 0.3s;
        -moz-transition: height 0.3s;
        transition: height 0.3s;
    }

    .wrapper-header.small .button-menu {
        margin-top: 24px;
    }

    .sector-focus .tiles li {
        width: 48.4%;
    }

    .filter {
        background: #F3F4F5;
    }

    .team-short .filter-selection {
        display: none;
    }

    .team-short .filter {
        top: 70px;
        padding-bottom: 0;
    }

    .section-team {
        margin-top: 0;
        background: #F3F4F5;
    }

    .team-short .section-team {
        margin-top: 120px;
    }

    .filter a {
        display: none;
    }

    .filter p {
        font-size: 14px;
        color: #444c54;
        border-bottom: 1px solid #DFDFDF;
        width: 100%;
        float: none;
        padding-bottom: 15px;
    }

    .team-filter {
        display: none;
        background: #fff;
        margin: 0;
        border: 1px solid #e8e8e8;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background-color: #fff;
        -moz-box-shadow: 0 0 8px rgba(0,0,0,.07);
        -webkit-box-shadow: 0 0 8px rgba(0,0,0,.07);
        box-shadow: 0 0 8px rgba(0,0,0,.07);
        behavior: url(_ui/js/PIE.htc);
        border-top: 0;
        z-index: 1001;
        position: relative;
        margin-top: -43px;
        padding: 60px 10px 20px;
    }

    .team-list-container {
        padding: 0;
    }

    .team-list li,
    .team-list li:nth-child(6n),
    .team-list li:nth-child(4n),
    .team-filter fieldset {
        margin-bottom: 0;
        width: 100%;
        background-color: transparent;
    }

    .team-filter fieldset {
        margin-bottom: 10px;
    }

    .team-list {
        margin: 0;
        border-top: 1px solid #e8e8e8;
    }

        .team-list li a {
            display: flex;
            align-items: center;
            padding-top: 0;
        }

        .team-list img {
            position: static;
            float: left;
            min-height: 29vw;
            width: 30%;
        }

        .team-list li:hover img {
            opacity: 1;
        }

    .team-image-background {
        display: none;
    }

    .team-list a {
        position: relative;
        display: block;
    }

        .team-list a:after {
            content: '';
            position: absolute;
            right: 0;
            bottom: 0;
            left: 30%;
            z-index: 2;
            height: 1px;
            width: 100%;
            background-color: #e8e8e8;
            visibility: visible;
        }

    .name-position-wrapper {
        position: static;
        float: left;
        padding: 0 20px;
        width: calc(70% - 40px);
        opacity: 1;
    }

    .team-list .name,
    .team-list .position {
        font-size: 14px;
        line-height: 18px;
        text-align: left;
    }

    .team-list .name {
        color: #4e8ab1;
        font-size: 16px;
        font-weight: normal;
    }

    .team-list .position {
        color: #6d7378;
    }

    .team-list-title {
        padding-left: 20px;
    }

    .mobile-filter {
        display: block;
    }

    a.open-filter {
        margin: 28px 0 15px 0;
        vertical-align: middle;
        display: block;
        width: 100%;
        height: 45px;
        line-height: 45px;
        z-index: 1001;
        border: 1px solid #e8e8e8;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background-color: #fff;
        -moz-box-shadow: 0 0 8px rgba(0,0,0,.07);
        -webkit-box-shadow: 0 0 8px rgba(0,0,0,.07);
        box-shadow: 0 0 8px rgba(0,0,0,.07);
        behavior: url(_ui/js/PIE.htc);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #3e77a1;
        padding-left: 10px;
        font-family: 'Roboto Regular', Helvetica, sans-serif;
        position: relative;
        z-index: 1002;
    }

        a.open-filter.opened {
            border-bottom: 1px solid #fff;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        a.open-filter:after {
            content: '';
            position: absolute;
            right: 10px;
            top: 18px;
            background: url(/Content/Images/sprite.png) -258px -85px;
            width: 12px;
            height: 8px;
        }

        a.open-filter.opened:after {
            background-position: -242px -85px;
        }

    .filter.mobile-opened .container:after {
        content: '';
        position: absolute;
        right: 20px;
        top: 10px;
        background: url(/Content/Images/sprite.png) -242px -85px;
        width: 12px;
        height: 8px;
    }

    .mobile-filter .results {
        border: 1px solid #e1e2e0;
        font-family: 'Roboto Medium', Helvetica, sans-serif;
        padding: 11px 10px;
        font-size: 12px;
        line-height: 1em;
        text-transform: uppercase;
        float: left;
    }

    .mobile-filter .clear {
        float: right;
        font-family: 'Roboto Regular', Helvetica, sans-serif;
        font-size: 12px;
        line-height: 35px;
        margin-right: 30px;
    }

        .mobile-filter .clear:hover {
            text-decoration: none;
        }
}

@media screen and (max-width: 430px) {
    .search {
        max-width: 363px;
        width: 100%;
    }

    .service-nav li,
    .service-nav li:nth-child(5n),
    .service-nav li:nth-child(3n) {
        width: 47.76%;
        margin: 0 8px 8px 0;
    }

    .sector-focus .tiles li {
        width: 48%;
    }
}

@media screen and (max-width: 360px) {
    .sector-focus .tiles li {
        width: 47.8%;
    }
}



/* 5. PRINT
--------------------------------------------------------------------------------
==============================================================================*/


@media print {

    #accessibility-nav,
    .hide,
    .navigation,
    .footer a,
    .full-bg,
    .nav-tabs,
    .service-nav,
    .city,
    .anchors-nav,
    .search,
    .filter,
    .back,
    .pagination,
    .categories:after,
    .sectors-nav,
    .nav-filter,
    .col1:before,
    .social,
    .custom-select,
    .twitter-widget,
    .load-more,
    .social-news {
        display: none !important;
    }

    .slider-news {
        height: auto;
    }

    .connect h2 {
        margin-bottom: 20px;
    }

    .section-band,
    .slider-band {
        box-shadow: none;
    }

    body,
    .drawers a,
    .anchors-content .container p,
    .sitemap a {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .wrapper-header {
        height: auto;
        margin-bottom: 20px;
    }

    .content-right p {
        margin-bottom: 10px;
        font-size: 13px;
    }

    .header .site-name {
        margin-top: 0;
    }

    h1,
    h2,
    .quote p,
    .anchors-content h2,
    .title-page h2,
    .desc h3,
    .anchors-content h2,
    .slider-news h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .content-left {
        width: 100%;
        max-width: 100%;
    }

    .news-list li {
        padding: 15px 0;
    }

    .info {
        margin: 15px 0;
    }

    .section-location .adr,
    .location:last-child,
    .news-detail .main-left,
    .news-detail .content-right,
    .date,
    .sitemap {
        margin: 20px 0;
    }

    .anchors-content .container p,
    .desc p,
    .office-detail h3,
    h3 {
        font-size: 22px;
        line-height: 28px;
    }

    .tiles li,
    .anchors-content .tiles li {
        width: 48%;
    }

    .wrapper-header {
        position: relative;
    }

    .section-general,
    .section-top,
    .anchors-content,
    .anchors-content.section-value,
    .anchors-content.dark-grey {
        padding: 30px 0;
    }

    .team-list {
        margin: 30px 0;
    }

    .section-top {
        padding-bottom: 100px;
        background: #fff;
        padding-top: 20px;
    }

    .light-grey,
    .section-team,
    .sector-landing,
    .office-detail,
    .anchors-content.dark-grey {
        background: #fff;
    }

    .list,
    .main-left,
    .title-page h2 {
        margin-top: 40px;
    }

    .bio .main-left a {
        margin-bottom: 0;
    }

    .title-page.with-link {
        padding-top: 0;
    }

    .categories {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .categories h3 {
            font-size: 16px;
            line-height: 22px;
            margin-bottom: 0;
        }

        .categories a {
            padding-top: 5px;
        }

    .footer.container {
        display: none;
    }

    .logo-footer {
        display: none;
    }

    .companies-alphabetical .list .col1 span {
        font-size: 14px;
    }

    .companies-alphabetical .list span {
        font-size: 12px;
    }

    .companies-alphabetical .container .case-studies {
        display: none;
    }

    .companies-alphabetical .container .list {
        margin-top: 30px;
    }

    .companies-sector .title-page h2 {
        margin-top: 50px;
    }

    .companies-sector .section-top .container {
        height: 70px;
    }

    .companies-sector .section-band .slider-band {
        height: 220px;
        width: 320px;
        margin-right: 30px;
    }

    .companies-sector .section-band {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .companies-sector .sector-focus .tiles li {
        height: 160px;
        width: 23%;
    }

    .companies-sector .sector-focus .tiles img {
        width: 100px;
    }

    .companies-sector .sector-focus {
        padding-bottom: 10px
    }


    .companies-detail .main-left {
        margin-top: 52px;
    }

    .companies-detail .content-right {
        margin-top: 56px;
    }

    .companies-detail .main-left .blockquote blockquote {
        padding: 13px 13px 13px 20px;
    }

    .companies-detail .main-left .blockquote {
        margin-bottom: 10px;
    }

        .companies-detail .main-left .blockquote p {
            font-size: 18px;
        }

    .companies-detail .main-left .info-card h5 {
        margin-bottom: 0px;
        line-height: 10px;
    }

    .companies-detail .main-left .info-card a {
        margin-bottom: 0px;
    }

    .companies-detail .main-left .info-card div {
        margin-bottom: 17px;
    }

    .companies-detail .main-left .authors p {
        font-size: 14px;
    }

    .companies-detail .content-right .info {
        margin-top: 20px;
        margin-bottom: 24px;
    }

    .companies-detail .content-right h2 {
        margin-top: 5px;
    }

    .companies-detail .content-right h5 {
        font-size: 12px;
    }

    .companies-detail .case-content .info p {
        font-size: 16px;
    }

    .companies-detail .case-content ul {
        margin-top: 0px;
    }

    .header .site-name {
        display: none;
    }

    .header .site-name-print {
        display: block;
        padding-top: 0px;
    }

    .wrapper-header {
        height: 30px;
    }


    .name-position-wrapper {
        position: static !important;
        right: 10px;
        bottom: 20px;
        left: 10px;
        z-index: 3;
        opacity: 1;
    }

    .team-list .team-image-background {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: white !important;
        opacity: 0 !important;
        transition: opacity 0.3s;
        transition-delay: 0.1s;
    }


    .team-list .name {
        color: black !important;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 5px;
        font-family: 'Roboto Medium', Helvetica, sans-serif;
        display: block;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .team-list .position {
        font-family: 'Roboto Regular', Helvetica, sans-serif;
        display: block;
        font-size: 14px;
        line-height: 20px;
        color: black !important;
    }

    .team-list li {
        position: relative;
        display: block;
        float: left;
        height: auto;
        width: 200px !important;
        margin-right: 0 !important;
        text-align: center;
        vertical-align: top;
    }
}

.case_study_row {
    font-size: 14px;
}

img[data-src] {
    opacity: 0;
    transition: opacity 0.3s;
}

img.loaded {
    opacity: 1;
}

#advisorSearch {
    width: 250px !important
}
