/******************************************************************
Site Name:
Author:

Stylesheet: IE Stylesheet

So instead of using the respond.js file to add media query support
to IE, we're going to use SASS to create an easily readable css file.
Here, we import all the styles the standard stylesheet gets, only
without the media queries. No need to worry about editing anything!

******************************************************************/
/******************************************************************
IMPORTS & DEPENDENCIES
Remember, all the BASE styles are called already since IE can
read those. Below, we need to import only the stuff IE can't
understand (what's inside the media queries). We also need to
import the mixins file so SASS can understand the variables.
******************************************************************/
/******************************************************************
Site Name: SSP
Author: Vic Lobins

Stylesheet: Variables

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/*********************
SIZES
*********************/
/******************************************************************
Site Name: SSP
Author: Vic Lobins

Stylesheet: Typography

******************************************************************/
@font-face {
  font-family: 'Apex New Bold';
  src: url("../fonts/apex-new/apexnew-bold.eot");
  src: url("../fonts/apex-new/apexnew-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/apex-new/apexnew-bold.woff2") format("woff2"), url("../fonts/apex-new/apexnew-bold.woff") format("woff"), url("../fonts/apex-new/apexnew-bold.ttf") format("truetype"), url("../fonts/apex-new/apexnew-bold.svg#ApexNew-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Apex New Light';
  src: url("../fonts/apex-new/apexnew-light.eot");
  src: url("../fonts/apex-new/apexnew-light.eot?#iefix") format("embedded-opentype"), url("../fonts/apex-new/apexnew-light.woff2") format("woff2"), url("../fonts/apex-new/apexnew-light.woff") format("woff"), url("../fonts/apex-new/apexnew-light.ttf") format("truetype"), url("../fonts/apex-new/apexnew-light.svg#ApexNew-Light") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Apex New Book';
  src: url("../fonts/apex-new/apexnew-book.eot");
  src: url("../fonts/apex-new/apexnew-book.eot?#iefix") format("embedded-opentype"), url("../fonts/apex-new/apexnew-book.woff2") format("woff2"), url("../fonts/apex-new/apexnew-book.woff") format("woff"), url("../fonts/apex-new/apexnew-book.ttf") format("truetype"), url("../fonts/apex-new/apexnew-book.svg#Apex New Book") format("svg");
  font-weight: normal;
  font-style: normal; }
p {
  -ms-word-wrap: keep-all;
  word-break: keep-all;
  word-wrap: keep-all;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none; }

p, a, span, font, li, table, div {
  font-family: "Apex New Book", "Helvetica Neue", Helvetica, Arial, sans-serif; }

a {
  text-decoration: none; }

.sub-heading {
  color: #67a791;
  text-transform: uppercase;
  border-bottom: 1px solid #67a791;
  margin: 20px 0;
  padding-bottom: 3px;
  font-family: "Apex New Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold; }
  .sub-heading a {
    color: inherit !important;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit; }

b, strong {
  font-family: "Apex New Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold; }
  b a, strong a {
    font-family: "Apex New Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold; }

.green-title {
  font-family: "Apex New Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #67a791;
  margin: 0 0 18px 0;
  padding: 0 0 8px 0;
  border-bottom: 1px solid #67a791;
  text-transform: uppercase; }

.brand-quote {
  margin-left: 1em;
  margin-right: 1em; }

/******************************************************************
Site Name: SSP
Author: Vic Lobins

Stylesheet: Mixins Stylesheet

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/* USAGE: @include transition(all 0.2s ease-in-out); */
/*********************
CSS3 GRADIENTS
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/******************************************************************
Site Name:
Author:

Stylesheet: IE Grid Styles

Since the example grid is based on media queries, so rather than
setup some js library that would make IE8 and below understand
media queries, let's just add some styles that serves a fixed grid.

Again, if you want to roll your own, just remove this junk and put
whatever you use in here.

******************************************************************/
#inner-content .last-col, .last-col {
  float: right;
  padding-right: 0 !important; }

.m-all {
  float: left;
  padding-right: 1.25em;
  width: 100%;
  padding-right: 0; }

.d-all {
  float: left;
  padding-right: 1.25em;
  width: 100%;
  padding-right: 0; }

.d-1of2 {
  float: left;
  padding-right: 1.25em;
  width: 50%; }

.d-1of3 {
  float: left;
  padding-right: 1.25em;
  width: 33.33%; }

.d-2of3 {
  float: left;
  padding-right: 1.25em;
  width: 66.66%; }

.d-1of4 {
  float: left;
  padding-right: 1.25em;
  width: 25%; }

.d-3of4 {
  float: left;
  padding-right: 1.25em;
  width: 75%; }

.d-1of5 {
  float: left;
  padding-right: 1.25em;
  width: 20%; }

.d-2of5 {
  float: left;
  padding-right: 1.25em;
  width: 40%; }

.d-3of5 {
  float: left;
  padding-right: 1.25em;
  width: 60%; }

.d-4of5 {
  float: left;
  padding-right: 1.25em;
  width: 80%; }

.d-1of6 {
  float: left;
  padding-right: 1.25em;
  width: 16.6666666667%; }

.d-1of7 {
  float: left;
  padding-right: 1.25em;
  width: 14.2857142857%; }

.d-2of7 {
  float: left;
  padding-right: 1.25em;
  width: 28.5714286%; }

.d-3of7 {
  float: left;
  padding-right: 1.25em;
  width: 42.8571429%; }

.d-4of7 {
  float: left;
  padding-right: 1.25em;
  width: 57.1428572%; }

.d-5of7 {
  float: left;
  padding-right: 1.25em;
  width: 71.4285715%; }

.d-6of7 {
  float: left;
  padding-right: 1.25em;
  width: 85.7142857%; }

.d-1of8 {
  float: left;
  padding-right: 1.25em;
  width: 12.5%; }

.d-1of9 {
  float: left;
  padding-right: 1.25em;
  width: 11.1111111111%; }

.d-1of10 {
  float: left;
  padding-right: 1.25em;
  width: 10%; }

.d-1of11 {
  float: left;
  padding-right: 1.25em;
  width: 9.09090909091%; }

.d-1of12 {
  float: left;
  padding-right: 1.25em;
  width: 8.33%; }

/******************************************************************
Site Name:
Author:

Stylesheet: 481px and Up Stylesheet

This stylesheet is loaded for larger devices. It's set to
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection.

A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.scss styles.

******************************************************************/
/*
IMPORTANT NOTE ABOUT SASS 3.3 & UP
You can't use @extend within media queries
anymore, so just be aware that if you drop
them in here, they won't work.
*/
.team-members li img {
  float: left;
  width: 48.8%;
  margin-right: 25px; }
.team-members li h4 {
  font-size: 16px 1important; }
.team-members li:nth-child(even) img {
  float: right;
  margin-left: 25px; }

.reveal-text li a div {
  height: 65px;
  font-size: 22px;
  padding: 12px 10px; }

.featured-content .text {
  padding: 20px; }
  .featured-content .text h2 {
    font-size: 30px; }
  .featured-content .text p {
    font-size: 18px; }

.colour-buttons li a {
  font-size: 22px; }

.ff-wrapper li p {
  font-size: 22px; }
  .ff-wrapper li p b {
    font-size: 54px; }

/*********************
HEADER STYLES
*********************/
.hero-banner .banner-text, .caption {
  font-size: 2.4em; }
  .hero-banner .banner-text span, .hero-banner .banner-text a, .caption span, .caption a {
    font-size: 12px;
    margin-top: -10px; }

.rslides_tabs {
  position: absolute;
  margin: auto;
  bottom: 5px; }
  .rslides_tabs li {
    margin-right: 18px; }
    .rslides_tabs li a {
      background: #fff;
      width: 11px;
      height: 11px; }

/******************************************************************
COPY, H1, H2, H3, H4, H5 STYLES
******************************************************************/
.sub-heading, .entry-content.gray h2 {
  font-size: 23px; }

.image-links li a span, .our-brands li a span {
  font-size: 26px; }

/*********************
NAVIGATION STYLES
*********************/
/* .menu is clearfixed inside mixins.scss */
.menu {
  /* end .menu ul */ }
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */ }
    .menu ul li {
      /*
      plan your menus and drop-downs wisely.
      */ }
      .menu ul li a {
        /*
        you can use hover styles here even though this size
        has the possibility of being a mobile device.
        */ }

/* end .menu */
/*********************
POSTS & CONTENT STYLES
*********************/
/* entry content */
.entry-content {
  /* at this larger size, we can start to align images */ }
  .entry-content .contact-details .address.left {
    float: left; }
  .entry-content .contact-details .address.right {
    float: right; }
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left; }
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right; }
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both; }

/* end .entry-content */
/*********************
FOOTER STYLES
*********************/
/*
check your menus here. do they look good?
do they need tweaking?
*/
footer.footer nav {
  float: none; }

/* end .footer-links */
/******************************************************************
Site Name: SSP
Author: Vic Lobins

Stylesheet: Tablet & Small Desktop Stylesheet

Here's where you can start getting into the good stuff.
This size will work on iPads, other tablets, and desktops.
So you can start working with more styles, background images,
and other resources. You'll also notice the grid starts to
come into play. Have fun!

******************************************************************/
/*********************
GENERAL STYLES
*********************/
/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
  width: 760px;
  padding: 0 20px; }

/********************
CUSTOM STYLES
********************/
.page-id-27 .hero-banner .banner-text {
  font-size: 3em; }
.page-id-27 .image-links li:nth-child(5) {
  width: 65.666%; }

.blog .blog-title, .blog .blog-description, .archive .blog-title, .archive .blog-description, .single .blog-title, .single .blog-description {
  font-size: 26px; }
.blog .entry-meta, .blog .entry-meta *, .blog .entry-meta a:hover, .archive .entry-meta, .archive .entry-meta *, .archive .entry-meta a:hover, .single .entry-meta, .single .entry-meta *, .single .entry-meta a:hover {
  font-size: 20px; }
.blog .entry-title, .archive .entry-title, .single .entry-title {
  font-size: 20px; }
.blog .single-title, .archive .single-title, .single .single-title {
  font-size: 30px; }
.blog .entry-content, .blog .entry-content *, .archive .entry-content, .archive .entry-content *, .single .entry-content, .single .entry-content * {
  font-size: 20px; }
.blog .featured-image.thumb, .archive .featured-image.thumb, .single .featured-image.thumb {
  width: 23%;
  margin-bottom: 50px;
  margin-right: 2%; }
.blog .article-header.thumb, .archive .article-header.thumb, .single .article-header.thumb {
  width: 75%; }
.blog .entry-content.thumb, .archive .entry-content.thumb, .single .entry-content.thumb {
  float: left;
  width: 75%; }

.green-title {
  font-size: 26px; }

.sidebar-default h2 {
  font-size: 26px; }
.sidebar-default .news-by-region .cat-item, .sidebar-default .archives-list .cat-item {
  font-size: 22px; }

.sidebar-team {
  display: block; }

.hero-banner .banner-text, .caption {
  font-size: 3.5em;
  bottom: 35px;
  left: 50px; }
  .hero-banner .banner-text span, .hero-banner .banner-text a, .caption span, .caption a {
    font-size: 16px; }

.sub-heading {
  font-size: 38px; }

.text table {
  font-size: 14px; }

.entry-content.gray {
  padding: 40px 40px 20px; }
  .entry-content.gray h2 {
    font-size: 38px; }
  .entry-content.gray p, .entry-content.gray li {
    font-size: 26px; }
    .entry-content.gray p.smalltext, .entry-content.gray li.smalltext {
      font-size: 1.2em; }
.page-template-page-three-col-side-right .entry-content h2, .page-template-page-three-col-side-right .entry-content p {
  font-size: 26px; }
.entry-content table {
  font-size: 14px; }
.entry-content.team-content p {
  font-size: 26px; }

.image-links li {
  width: 31.333%;
  margin-right: 3%; }
  .image-links li:nth-child(even) {
    margin-right: 3% !important; }
  .image-links li:nth-child(3n) {
    margin-right: 0% !important; }
  .image-links li a span {
    font-size: 20px; }

.our-brands li a span {
  font-size: 20px; }

.boxed-images > li {
  padding: 20px 25px;
  margin: 30px 0; }
  .boxed-images > li img {
    float: left;
    max-width: 48.8%;
    width: auto;
    margin-right: 40px; }
  .boxed-images > li:nth-child(even) img {
    float: right;
    margin-left: 25px;
    margin-right: 0; }
  .boxed-images > li .text {
    width: 100%; }
    .boxed-images > li .text h3 {
      font-size: 26px; }
    .boxed-images > li .text h4 {
      font-size: 1.1em !important; }
    .boxed-images > li .text p, .boxed-images > li .text ul, .boxed-images > li .text ol {
      font-size: 18px; }
    .boxed-images > li .text p.half-left {
      float: left; }
    .boxed-images > li .text p.half-right {
      float: right; }
    .boxed-images > li .text p.half-left, .boxed-images > li .text p.half-right {
      width: 48.8%; }
      .boxed-images > li .text p.half-left img, .boxed-images > li .text p.half-right img {
        max-width: 100%;
        margin: 0 0 10px 0 !important; }

.boxed-images.horiz li .text h3 {
  font-size: 26px; }
.boxed-images.horiz li .text p, .boxed-images.horiz li .text ul, .boxed-images.horiz li .text ol {
  font-size: 16px; }

.overlap-text .has-image .text {
  margin: -85px auto 0; }
  .overlap-text .has-image .text h3 {
    font-size: 24px; }
  .overlap-text .has-image .text p {
    font-size: 16px; }
.overlap-text .no-image .text h3 {
  font-size: 24px; }
.overlap-text .no-image .text p {
  font-size: 16px; }

.awards-wrapper .awards-year .year {
  font-size: 26px; }
.awards-wrapper .awards-year .text h4 {
  font-size: 26px; }
.awards-wrapper .awards-year .text .p1, .awards-wrapper .awards-year .text p {
  font-size: 18px; }

.reveal-text li a div {
  font-size: 23px;
  padding: 12px; }

.featured-content .text {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 25px; }
  .featured-content .text h2 {
    font-size: 30px; }
  .featured-content .text p {
    font-size: 10px;
    margin: 10px 0; }
.featured-content img.wp-post-image {
  display: block;
  max-width: 100%;
  margin: 0; }

.colour-buttons li a {
  font-size: 18px; }

footer.footer nav {
  float: right; }
footer.footer .copyright {
  float: left;
  margin: 18px 0;
  text-align: left; }
footer.footer #menu-footer-menu {
  text-align: center; }
  footer.footer #menu-footer-menu li {
    display: inline-block; }

.experts-box select {
  width: 50%; }

.ff-wrapper li p {
  padding: 10px 0 0 0; }
.ff-wrapper li .ff-img {
  position: absolute;
  min-height: 10px;
  background: #fff; }
  .ff-wrapper li .ff-img img {
    margin: 0;
    padding: 0; }
.ff-wrapper li.brands p {
  padding-left: 335px; }
.ff-wrapper li.brands .ff-img {
  top: -30px;
  left: 40px;
  width: 240px;
  height: 100px; }
  .ff-wrapper li.brands .ff-img img {
    max-width: none; }
.ff-wrapper li.customers p {
  padding-left: 35px; }
.ff-wrapper li.customers .ff-img {
  bottom: -47px;
  right: 20px; }
.ff-wrapper li.colleagues p {
  padding-left: 350px; }
.ff-wrapper li.colleagues .ff-img {
  bottom: -30px;
  left: 135px;
  width: 175px;
  height: 100px; }
  .ff-wrapper li.colleagues .ff-img img {
    max-width: none;
    position: absolute;
    bottom: 0;
    right: -18px; }
.ff-wrapper li.experience p {
  padding-left: 220px; }
.ff-wrapper li.experience .ff-img {
  top: -30px;
  left: 19px;
  width: 146px;
  height: 100px; }
  .ff-wrapper li.experience .ff-img img {
    max-width: none; }
.ff-wrapper li.countries p {
  padding-left: 35px;
  padding-top: 50px; }
.ff-wrapper li.countries .ff-img {
  top: -46px;
  left: 92px;
  width: 160px;
  height: 100px; }
  .ff-wrapper li.countries .ff-img img {
    max-width: none;
    position: absolute;
    left: 20px; }
  .ff-wrapper li.countries .ff-img:before {
    content: '';
    position: absolute;
    background: #fff;
    top: 0;
    left: 186px;
    width: 294px;
    height: 100px; }
.ff-wrapper li.offices p {
  padding-left: 335px; }
  .ff-wrapper li.offices p b {
    float: left;
    padding: 8px 10px 0 0; }
.ff-wrapper li.offices .ff-img {
  background: none;
  bottom: -70px;
  left: 11px; }

/*********************
HEADER STYLES
*********************/
/*********************
NAVIGATION STYLES
*********************/
.nav {
  border: 0;
  /* end .menu ul li */
  /* highlight current page */
  /* end current highlighters */ }
  .nav ul {
    background: #000;
    margin-top: 0; }
  .nav li {
    display: inline-block;
    position: relative;
    /*
    plan your menus and drop-downs wisely.
    */
    /* showing sub-menus */ }
    .nav li a {
      border-bottom: 0;
      /*
      you can use hover styles here even though this size
      has the possibility of being a mobile device.
      */ }
      .nav li a:hover, .nav li a:focus {
        color: #fff;
        text-decoration: underline; }
    .nav li ul.sub-menu,
    .nav li ul.children {
      margin-top: 0;
      border: 1px solid #ccc;
      border-top: 0;
      position: absolute;
      visibility: hidden;
      z-index: 8999;
      /* highlight sub-menu current page */ }
      .nav li ul.sub-menu li,
      .nav li ul.children li {
        /*
        if you need to go deeper, go nuts
        just remember deeper menus suck
        for usability. k, bai.
        */ }
        .nav li ul.sub-menu li a,
        .nav li ul.children li a {
          padding-left: 10px;
          border-right: 0;
          display: block; }
        .nav li ul.sub-menu li:last-child a,
        .nav li ul.children li:last-child a {
          border-bottom: 0; }
        .nav li ul.sub-menu li ul,
        .nav li ul.children li ul {
          top: 0;
          left: 100%; }
    .nav li:hover > ul {
      top: auto;
      visibility: visible; }

/* end .nav */
/*********************
SIDEBARS & ASIDES
*********************/
.sidebar {
  margin-top: 2.2em; }

.widgettitle {
  border-bottom: 2px solid #444;
  margin-bottom: 0.75em; }

.widget {
  padding: 0 10px;
  margin: 2.2em 0; }
  .widget ul li {
    margin-bottom: 0.75em;
    /* deep nesting */ }
    .widget ul li ul {
      margin-top: 0.75em;
      padding-left: 1em; }

/* links widget */
/* meta widget */
/* pages widget */
/* recent-posts widget */
/* archives widget */
/* tag-cloud widget */
/* calendar widget */
/* category widget */
/* recent-comments widget */
/* search widget */
/* text widget */
/*********************
FOOTER STYLES
*********************/
/*
you'll probably need to do quite a bit
of overriding here if you styled them for
mobile. Make sure to double check these!
*/
.footer-links ul li {
  /*
  be careful with the depth of your menus.
  it's very rare to have multi-depth menus in
  the footer.
  */ }

/* end .footer-links */
div.world-map .pin {
  width: 10px;
  height: 10px; }
  div.world-map .pin .info-wrapper {
    display: block; }
  div.world-map .pin:hover {
    width: 12px;
    height: 12px; }
  div.world-map .pin.canada {
    top: 26%;
    left: 15%; }
  div.world-map .pin.america {
    top: 39%;
    left: 18.5%; }
  div.world-map .pin.ireland {
    top: 29%;
    left: 44.2%; }
  div.world-map .pin.uk {
    top: 30%;
    left: 46%; }
  div.world-map .pin.spain {
    top: 38.4%;
    left: 45.4%; }
  div.world-map .pin.france {
    top: 34%;
    left: 47%; }
  div.world-map .pin.belgium {
    top: 31.2%;
    left: 47.3%; }
  div.world-map .pin.the_netherlands {
    top: 29.6%;
    left: 47.9%; }
  div.world-map .pin.switzerland {
    top: 34%;
    left: 48.6%; }
  div.world-map .pin.germany {
    top: 30.6%;
    left: 49.2%; }
  div.world-map .pin.denmark {
    top: 27.2%;
    left: 48.8%; }
  div.world-map .pin.austria {
    top: 33.6%;
    left: 50.2%; }
  div.world-map .pin.hungary {
    top: 33.6%;
    left: 51.7%; }
  div.world-map .pin.norway {
    top: 23.2%;
    left: 48.7%; }
  div.world-map .pin.sweden {
    top: 21.2%;
    left: 50.6%; }
  div.world-map .pin.finland {
    top: 21.2%;
    left: 53.7%; }
  div.world-map .pin.estonia {
    top: 25.2%;
    left: 53.5%; }
  div.world-map .pin.greece {
    top: 39.2%;
    left: 52.4%; }
  div.world-map .pin.cyprus {
    top: 42.2%;
    left: 55.5%; }
  div.world-map .pin.egypt {
    top: 47.2%;
    left: 54.5%; }
  div.world-map .pin.qatar {
    top: 48.2%;
    left: 60.7%; }
  div.world-map .pin.united_arab_emirates {
    top: 49%;
    left: 61.4%; }
  div.world-map .pin.russia {
    top: 21%;
    left: 74.4%; }
  div.world-map .pin.china {
    top: 42%;
    left: 74%; }
  div.world-map .pin.taiwan {
    top: 49%;
    left: 79.9%; }
  div.world-map .pin.hong_kong {
    top: 50%;
    left: 77.9%; }
  div.world-map .pin.thailand {
    top: 53.6%;
    left: 74.4%; }
  div.world-map .pin.singapore {
    top: 62.2%;
    left: 75.3%; }
  div.world-map .pin.australia {
    top: 77.2%;
    left: 83.6%; }

/******************************************************************
Site Name:
Author:

Stylesheet: Desktop Stylsheet

This is the desktop size. It's larger than an iPad so it will only
be seen on the Desktop.

******************************************************************/
.text table {
  font-size: 16px; }

.entry-content table {
  font-size: 16px; }

.wrap {
  width: 960px;
  padding: 0; }

.page-id-27 .hero-banner .banner-text {
  font-size: 4.5em; }

.hero-banner .banner-text, .caption {
  font-size: 5.2em; }
  .hero-banner .banner-text span, .hero-banner .banner-text a, .caption span, .caption a {
    font-size: 20px;
    margin-top: -20px; }

.image-linkss li a span {
  font-size: 26px; }

.our-brands li a span {
  font-size: 46px; }

.boxed-images li .text h3, .boxed-images.horiz li .text h3 {
  font-size: 30px; }
.boxed-images li .text p, .boxed-images li .text ul, .boxed-images li .text ol, .boxed-images.horiz li .text p, .boxed-images.horiz li .text ul, .boxed-images.horiz li .text ol {
  font-size: 20px; }

.overlap-text {
  margin: 30px 0; }
  .overlap-text .has-image {
    margin: 0 0 100px; }
    .overlap-text .has-image .text {
      position: absolute;
      width: 92%;
      margin: 0 4%;
      bottom: -70px;
      padding: 30px; }
      .overlap-text .has-image .text h3 {
        font-size: 30px; }
      .overlap-text .has-image .text p {
        font-size: 18px; }
  .overlap-text .no-image {
    width: 92%;
    margin: 0 4% 30px;
    padding: 30px; }
    .overlap-text .no-image .text h3 {
      font-size: 30px; }
    .overlap-text .no-image .text p {
      font-size: 18px; }

.awards-wrapper .awards-year .text h4 {
  font-size: 30px; }
.awards-wrapper .awards-year .text .p1, .awards-wrapper .awards-year .text p {
  font-size: 20px; }

.reveal-text li a div {
  height: 34%;
  font-size: 26px;
  padding: 20px; }
  .reveal-text li a div span {
    display: block; }
.reveal-text li a:hover div {
  height: 100%; }

.featured-content .text {
  padding: 30px; }
  .featured-content .text h2 {
    font-size: 43px; }
  .featured-content .text p {
    font-size: 23px; }

.colour-buttons li a {
  font-size: 25px; }

.rslides_tabs {
  bottom: 10px; }

/*
you can call the larger styles if you want, but there's really no need
*/
/******************************************************************
ADDITIONAL IE FIXES
These fixes are now ONLY seen by IE, so you don't have to worry
about using prefixes, although it's best practice. For more info
on using Modernizr classes, check out this link:
http://www.modernizr.com/docs/
******************************************************************/
.lt-ie9 .responsive .burger-menu {
  background: url("../../../../uploads/2016/09/menu-open.png") no-repeat 0 0 !important; }
  .lt-ie9 .responsive .burger-menu.menu-active {
    background: url("../../../../uploads/2016/09/menu-close.png") no-repeat 0 0 !important; }
.lt-ie9 .wrap {
  max-width: 960px;
  width: 100%;
  padding: 0 20px; }
.lt-ie9 #inner-header {
  background: url("../../../../uploads/2016/09/darkblue-bg.png"); }
  .lt-ie9 #inner-header #menu-primary-menu li {
    float: none; }
.lt-ie9 .socket-links ul li ul.sub-menu li a {
  font-size: 14px; }
.lt-ie9 .text table {
  border: 1px solid #333;
  border-color: #333; }
  .lt-ie9 .text table td {
    border: 1px solid #333;
    border-color: #333; }
.lt-ie9 .boxed-images li.even img {
  float: right;
  margin-right: 0;
  margin-left: 25px; }
.lt-ie9 .caption {
  font-size: 4.5em;
  z-index: 10; }
.lt-ie9 .our-brands li:first-child + li {
  margin-right: 0; }
.lt-ie9 .our-brands li:first-child + li + li + li {
  margin-right: 0; }
.lt-ie9 .rslides .ie-overlay,
.lt-ie9 .hero-banner .ie-overlay {
  display: block !important;
  position: absolute;
  width: 100%;
  height: 340px;
  left: 0;
  bottom: 0;
  background: url("../../../../uploads/seethrough-bg1.png") repeat-x bottom left;
  z-index: 3; }
.lt-ie9 .image-links .ie-overlay,
.lt-ie9 .our-brands .ie-overlay {
  display: block !important;
  position: absolute;
  width: 100%;
  height: 102px;
  left: 0;
  top: 0;
  background: url("../../../../uploads/seethrough-bg2.png") repeat-x top left;
  z-index: 3; }
.lt-ie9 .rslides_tabs li a {
  background: url("../../../../uploads/2016/09/rslides-dot.png") no-repeat 0 0; }
.lt-ie9 .rslides_tabs li.rslides_here a {
  background: url("../../../../uploads/2016/09/rslides-dot.png") no-repeat 0 -11px; }
.lt-ie9 .page-id-24 .image-links li {
  margin-bottom: 3%; }
  .lt-ie9 .page-id-24 .image-links li:first-child + li + li, .lt-ie9 .page-id-24 .image-links li:first-child + li + li + li + li + li {
    margin-right: 0 !important; }
.lt-ie9 .page-id-27 .image-links li {
  margin-bottom: 3%; }
  .lt-ie9 .page-id-27 .image-links li:first-child + li + li {
    margin-right: 0 !important; }
  .lt-ie9 .page-id-27 .image-links li:first-child + li + li + li + li {
    width: 65.666%;
    margin-right: 0 !important; }
.lt-ie9 .page-id-29 .image-links li {
  margin-bottom: 3%; }
  .lt-ie9 .page-id-29 .image-links li:first-child + li + li {
    margin-right: 0 !important; }
.lt-ie9 .page-template-page-careers .image-links li {
  margin-bottom: 3%; }
  .lt-ie9 .page-template-page-careers .image-links li:first-child + li + li {
    margin-right: 0 !important; }
.lt-ie9 div.world-map .pin {
  background: url("../../../../uploads/2016/09/map-pin.png") no-repeat 0 0;
  border: none; }
  .lt-ie9 div.world-map .pin .info p span {
    font-weight: bold; }
  .lt-ie9 div.world-map .pin .units p:before {
    background: url("../../../../uploads/2016/09/units.png") no-repeat 0 0; }
  .lt-ie9 div.world-map .pin .employees p:before {
    background: url("../../../../uploads/2016/09/employees.png") no-repeat 0 0; }
  .lt-ie9 div.world-map .pin .sectors p:before {
    background: url("../../../../uploads/2016/09/sectors.png") no-repeat 0 0; }
  .lt-ie9 div.world-map .pin .site-link p:before {
    background: url("../../../../uploads/2016/09/link.png") no-repeat 0 0; }
  .lt-ie9 div.world-map .pin .info-wrapper:before {
    width: 30px;
    height: 40px;
    left: -23px;
    top: 43px;
    border: none;
    background: url("../../../../uploads/2016/09/arrow-left.png") no-repeat 0 0; }
  .lt-ie9 div.world-map .pin.right .info-wrapper:before {
    left: auto;
    right: -23px;
    background: url("../../../../uploads/2016/09/arrow-right.png") no-repeat 0 0; }
.lt-ie9 .reveal-text li a div span {
  display: none; }
.lt-ie9 .reveal-text li a:hover div span {
  display: block !important; }
.lt-ie9 .reveal-text li:first-child div {
  background: url("../../../../uploads/2016/09/turquise-bg.png"); }
  .lt-ie9 .reveal-text li:first-child div span {
    background: url("../../../../uploads/2016/09/turquise-bg.png"); }
.lt-ie9 .reveal-text li:first-child + li {
  margin-right: 0 !important; }
  .lt-ie9 .reveal-text li:first-child + li div {
    background: url("../../../../uploads/2016/09/red-bg.png"); }
    .lt-ie9 .reveal-text li:first-child + li div span {
      background: url("../../../../uploads/2016/09/red-bg.png"); }
.lt-ie9 .reveal-text li:first-child + li + li div {
  background: url("../../../../uploads/2016/09/orange-bg.png"); }
  .lt-ie9 .reveal-text li:first-child + li + li div span {
    background: url("../../../../uploads/2016/09/orange-bg.png"); }
.lt-ie9 .reveal-text li:first-child + li + li + li {
  margin-right: 0 !important; }
  .lt-ie9 .reveal-text li:first-child + li + li + li div {
    background: url("../../../../uploads/2016/09/green-bg.png"); }
    .lt-ie9 .reveal-text li:first-child + li + li + li div span {
      background: url("../../../../uploads/2016/09/green-bg.png"); }
.lt-ie9 .colour-buttons li a {
  font-size: 20px;
  padding-top: 15px; }
.lt-ie9 .page-id-73 .featured-content .text {
  background: url("../../../../uploads/2016/09/turquise-bg.png"); }
.lt-ie9 .page-id-75 .featured-content .text {
  background: url("../../../../uploads/2016/09/red-bg.png"); }
.lt-ie9 .page-id-77 .featured-content .text {
  background: url("../../../../uploads/2016/09/orange-bg.png"); }
.lt-ie9 .page-id-79 .featured-content .text {
  background: url("../../../../uploads/2016/09/green-bg.png"); }
.lt-ie9 select {
  background-image: none;
  padding: 0;
  height: auto;
  vertical-align: middle; }
.lt-ie9 input {
  padding-top: 5px; }
.lt-ie9 .ff-wrapper li p {
  padding: 10px 0 0 0; }
.lt-ie9 .ff-wrapper li .ff-img {
  position: absolute;
  min-height: 10px;
  background: #fff; }
  .lt-ie9 .ff-wrapper li .ff-img img {
    margin: 0;
    padding: 0; }
.lt-ie9 .ff-wrapper li.brands p {
  padding-left: 335px; }
.lt-ie9 .ff-wrapper li.brands .ff-img {
  top: -30px;
  left: 40px;
  width: 240px;
  height: 100px; }
  .lt-ie9 .ff-wrapper li.brands .ff-img img {
    max-width: none; }
.lt-ie9 .ff-wrapper li.customers p {
  padding-left: 35px; }
.lt-ie9 .ff-wrapper li.customers .ff-img {
  bottom: -47px;
  right: 20px; }
.lt-ie9 .ff-wrapper li.colleagues p {
  padding-left: 350px; }
.lt-ie9 .ff-wrapper li.colleagues .ff-img {
  bottom: -30px;
  left: 135px;
  width: 175px;
  height: 100px; }
  .lt-ie9 .ff-wrapper li.colleagues .ff-img img {
    max-width: none;
    position: absolute;
    bottom: 0;
    right: -18px; }
.lt-ie9 .ff-wrapper li.experience p {
  padding-left: 220px; }
.lt-ie9 .ff-wrapper li.experience .ff-img {
  top: -30px;
  left: 19px;
  width: 146px;
  height: 100px; }
  .lt-ie9 .ff-wrapper li.experience .ff-img img {
    max-width: none; }
.lt-ie9 .ff-wrapper li.countries p {
  padding-left: 35px;
  padding-top: 50px; }
.lt-ie9 .ff-wrapper li.countries .ff-img {
  top: -46px;
  left: 92px;
  width: 160px;
  height: 100px; }
  .lt-ie9 .ff-wrapper li.countries .ff-img img {
    max-width: none;
    position: absolute;
    left: 20px; }
  .lt-ie9 .ff-wrapper li.countries .ff-img:before {
    content: '';
    position: absolute;
    background: #fff;
    top: 0;
    left: 186px;
    width: 294px;
    height: 100px; }
.lt-ie9 .ff-wrapper li.offices p {
  padding-left: 335px; }
  .lt-ie9 .ff-wrapper li.offices p b {
    float: left;
    padding: 8px 10px 0 0; }
.lt-ie9 .ff-wrapper li.offices .ff-img {
  background: none;
  bottom: -70px;
  left: 11px; }