/*
Theme Name: Accuracast 2016
Description: Custom WordPress theme for Accuracast
Version: 1.0
Author: PIERRICK SENELAER
Author URI: http://www.lalydesign.co.uk/

TABLE OF CONTENTS
    1.  ESSENTIAL
    2.  VERTICAL MENU
          MOBILE
    3.  LAYOUT
    4.  HEADER
         LOGO
    5.  PAGES SPECIFIC
          HOME
          CLIENTS (Brands we work for)
          TEAM
          KNOWLEDGE HOME
          SERVICES
          ABOUT
          CASE STUDIES
          SINGLE
          CATEGORY
    10. FOOTER / SIDEBAR
    11. PLUGINS SPECIFIC

*/

@import url("//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.min.css");

/* 1. ESSENTIAL
------------------------------ */
* {
    margin: 0;
    padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block;
}
body {
  overflow-x:hidden; -webkit-animation:androidbugfix infinite 1s
  } /* http://timpietrusky.com/advanced-checkbox-hack */
@-webkit-keyframes androidbugfix {
 from {padding:0} to {padding:0}
}
html, body {
    color: #4e4e4e;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden
}

h1, h2, h3, h4, h5, h6 {
    color: #333;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.2em;
}

h2.homeSection {
    font-size: 250%;
    margin: 1em 0 .2em 0;
    text-transform: uppercase;
    padding: 0 60px;
}
h3.homeHeader {
    color: #fff;
    display: inline-block;
    font-weight: 400;
    clear: both;
    margin: 0 0 20px 0;
}
#videoContainer h3.homeHeader {
   font-size: 200%
}
#videoContainer p {
    line-height: 150%;
    font-size: 120%;
}
p {
    line-height: 1.2em;
    padding: 0 0 1em;
}
.cmsContent p,
#mainColumn p,
#homeMain p {
  font-size: 130%;
}
#homeClients p {
  padding-left: 60px;
  padding-right: 30px;
}
#mainColumn p {
  padding-right: 20px;
}

a {
    color: #007187;
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: 0;
}

strong {
    font-weight: 500;
}

em {
}

.underline {
    text-decoration: underline
}

strong em,
em strong {
    font-weight: 500;
}
.cmsContent strong {
  font-weight: 700;
}

img {
    display: block;
}

ul, ol, li {
    list-style: none;
}

.alignleft {
  float: left;
  margin: 0 10px 10px 0;
}
.alignright {
  float: right;
  margin: 0 0 10px 10px;
}
.aligncenter {
  margin:auto;
}
dt {
  font-weight:bold;
  margin-bottom:7px;
}
dd {
  margin-bottom:30px;
}
small {
  font-size:0.8em;
}

input.text {
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
}

input.text:focus {
    outline: none;
}
    /* helpers */
.block {
  display: block;
  clear: both;
}
.lota {
    font-family: 'Lato', sans-serif
}
.center {
    text-align: center;
}
.italic {
    font-style: italic;
}
.uppercase {
    text-transform: uppercase;
}
.borderTop10 {
  border-top: 10px solid #fff;
}
.borderRight10 {
  border-right: 10px solid #fff;
}
.marginT30 {
    margin-top: 30px;
}
.marginT100 {
    margin-top: 80px;
}
.marginS5 {
    margin-left: 5px;
    margin-right: 5px;
}
.marginS10 {
    margin-left: 10px;
    margin-right: 10px;
}
.rightMargin15 {
    margin-right: 15px
}
.rightMargin5 {
    margin-right: 5px
}
.leftMargin15 {
    margin-left: 15px
}
.noMarginLeft {
    margin-left: 0;
}
.botPadding0 {
    padding-bottom: 0 !important;
}
.botPadding20 {
    padding-bottom: 20px;
}
.leftPadding5 {
    padding-left: 5px;
}
.rightPadding5 {
    padding-right: 5px;
}
.leftPadding10 {
    padding-left: 10px;
}
.rightPadding10 {
    padding-right: 10px;
}
.leftPadding20 {
    padding-left: 20px;
}
.leftPadding30 {
    padding-left: 30px;
}
.rightPadding20 {
    padding-right: 20px;
}
.rightPadding30 {
    padding-right: 30px;
}
.rightMargin20 {
    margin-right: 20px
}
.topPadding30 {
    padding-top: 30px;
}
.topPadding20 {
    padding-top: 20px;
}
.topPadding10 {
    padding-top: 10px;
}
.botPadding10 {
    padding-bottom: 10px;
}
.botMargin0 {
    margin-bottom: 0 !important;
}
.botMargin10 {
    margin-bottom: 10px;
}
.botMargin20 {
    margin-bottom: 20px;
}
.botMargin25 {
    margin-bottom: 25px;
}
.botMargin40 {
    margin-bottom: 40px;
}
.mxh100 {
    max-height: 100px
}
.txtIndent0 {
    text-indent: 0;
}
.respOn {
    width: 100%;
    height: auto;
}
.white {
    color: white;
}
.black {
    color: #000;
}
.greyCopy {
  color: #4e4e4e;
}
.purple,
.primary-color {
    color: #3f5281;
}
.turquoise,
.secondary-color {
    color: #00ceec;
}

.bkgMidGrey {
    background-color: #333;
}
.border-purple {
    border-color: #3f5281;
}
.border-white {
    border-color: #fff;
}
.topBorder10w {
    border-top: 10px solid #fff;
}
.clear {
    display: inline-block;
    margin: 10px;
}
.clear.full {
    width: 100%;
}
.clear.full:nth-of-type(2n) {

}

.cmsContent .button {
   border: 1px solid #00ceec;
   display: inline-block;
   padding: 3px 7px;
}
.cmsContent .button.back:before {
  content: "< ";
  color: #00ceec;
}
.arrow_button::before {
  content: "↪ ";
  color: #007187;
}

/* 2. VERTICAL MENU
---------------------------- */
#menulevel1 {
  width: 200px;
}
#menuLevel1 #logo {
  margin-bottom: 60px;
  min-height:140px;
}
#menuLevel1 .logoWidth {
 width: 200px !important;
}
#menuLevel1 .logoBkg {
  background: url(images/logo.png) no-repeat 30px 0/ contain !important
}
.mSide.menu,
.mSide.menu-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: #333;
    z-index:11;
    overflow:hidden;
    box-shadow: 2px 0 18px rgba(0, 0, 0, 0.26);
}
.mSide.menu:hover {

}
.menu > li {

}
#phoneSoc {
    margin: 0;
    text-align: center;
    position: absolute;
    bottom: 5px;
    width: 100%;
}
#phoneSoc .socMed a {
    text-align: left;
    padding: 0;
    height: auto;
    display: inline-block;
    width: auto;
    margin: 0 7px 0 0;
    position: relative;
}
#phoneSoc .phone {
  margin-bottom: 10px;
}
#phoneSoc .phone a {
    font-size: 185%;
    font-weight: 700;
    height: auto;
    text-align: center;
}
#phoneSoc .socMed span,
.socMedFooter span {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    clear: both;
    margin: 0 5px 5px 0;
    display: inline-block
}
.socMedFooter span {
  background: url(images/sprite-soc-med-100.png) no-repeat;
}
a.socTwitter:before {
   content: "\f099";
}
a.socFacebook:before {
   content: "\f09a";
}
a.socLinkedIn:before {
   content: "\f0e1";
}
a.socGoogle:before {
   content: "\f0d5";
}
#phoneSoc .socMed span.socMedTwitter,
#phoneSoc .socMed span.socMedFacebook,
#phoneSoc .socMed span.socMedLinkedIn,
#phoneSoc .socMed span.socMedGoogle {
    margin: 0;
    width: 2.2em;
    height: 2.2em;
    border: 1px solid white;
    border-radius: 1.1em;
    padding: 0px;
    font-weight: 300;
    display: block;
}

.socMedFooter span.socMedTwitter  {
   background-position: 96% 48.5%
}

.socMedFooter span.socMedFacebook  {
    background-position: 2.5% 1.5%;
}

.socMedFooter span.socMedLinkedIn  {
    background-position: 50.5% 48.5%;
}

.socMedFooter span.socMedGoogle   {
    background-position: 2.5% 98.5%;
}
.menu.miniMenu li.phone a {
    text-indent: -999em
}
.menu.miniMenu li a {
  text-indent: -500em !important;
  text-align: center !important;
  opacity: 1;
}
  /* when mouseover */
  .menu.mouseover li a {
    text-indent: 38% !important;
    text-align: left !important;
  }
.menu.miniMenuCancel li a {
  text-indent: 30% !important;
  text-align: left !important;
  opacity: 1;
}
.menu.miniMenuCancel li li a {
  text-indent: 2% !important;
 }
.mouseover.miniMenu li a {
  text-indent: 30%;
}
.menu.miniMenu li li a {
  text-align: left;
}
  /* mouseover */
  .menu.mouseover li li a {
      text-indent: 5% !important;
      text-align: left
  }
.menu.miniMenu li a:before {
  left: -10px;
  font-size: 150%;
}
  /* when mouseover */
  .menu.mouseover li a:before {
    left: 0 !important;
  }

.menu li a {
  display: block;
  text-indent: 38% !important;
  height: 3em;
  /*width: 5em;*/
  text-align:left;
  color: #FFF;
  position: relative;
  transition: background 0.1s ease-in-out;
  text-transform: uppercase;
  text-decoration: none;
  font: 110%/90% 'lato', sans-serif;
}
.fMenu .menu li a {
  text-indent: 0 !important
 }
.menu-bar li li a {
  text-transform: none;
  font-size: 90%;
  line-height: normal
}
.menu li a.txtIndent0 {
    text-indent: 0;
}
.menu li a.center {
    text-align: center;
}
.menu li a:before,
#phoneSoc a:before {
  font-family: FontAwesome;
  speak: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 180%;
  font-weight: 300;
  text-indent: 18%;
}

#phoneSoc .socMed a:before {
  text-indent: 0;
  font-size: 170%;
  top: 5px;
  color: white;
}
#phoneSoc .socMed a.socTwitter:before {
  left: 18%;
}
#phoneSoc .socMed a.socFacebook:before {
  left: 30%;
}
#phoneSoc .socMed a.socLinkedIn:before,
#phoneSoc .socMed a.socGoogle:before {
  left: 21%;
}

.menu.miniMenu li a:before {

}
.menu.miniMenu li:hover a:before {
  text-indent: 18%;
}
.menu.miniMenu li.socMed a:before {
  left: 0;
}
.menu.miniMenu li.socMed a {
    margin-bottom: 5px;
}

.menu li a.home:before {
  content: "\f015";
}
.menu li a.services:before {
  content: "\f0e7";
}
.menu li a.clients:before {
  content: "\f140";
}
.menu li a.about:before {
  content: "\f0c0";
}
.menu li a.knowledge:before {
  content: "\f0ac";
}
.menu li a.contact:before {
  content: "\f095";
}
.menu li a.quote:before {
  content: "\f154";
}
.menu li a.subscribe:before {
  content: "\f003";
}
.menu-bar li a:hover,
.menu li a:hover,
.menu li:first-child a {
  color: #00ceec;

}
.menu li a.services:after,
.menu li a.clients:after,
.menu li a.about:after,
.menu li a.knowledge:after,
#sub1 li a.chevron:after {
  content: " >";
}
  /* Vertical menu - level 1 */
#sub1 {
  padding-top: 140px;
}
#sub2 {
  padding-top: 210px;
}
#sub3 {
  padding-top: 255px;%
}
#sub4 {
 padding-top: 200px;
}
#sub5 {
 padding-top: 1vh;
}
#sub6 {
 padding-top: 530px;
}
#sub1:hover,
#sub2:hover,
#sub3:hover,
#sub4:hover {
  width: 13em;
}
#sub5:hover,
#sub6:hover  {
  width: 30em;
}

#sub1 li:first-child a,
#sub2 li:first-child a,
#sub3 li:first-child a,
#sub4 li:first-child a {
    font-style: italic,
}
  /* overlay form element */
#overlayForm {
  overflow-y: scroll;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.7);
  z-index: 10000;
  display: none;
}
#overlayForm input {
  max-width: 400px;
}
#overlayForm textarea {
  max-width: 600px;
}
.overlayFormContainer {
  outline: rgb(63,82,129) solid #fff;
  margin: 5vh auto 0;
  background: white;
  max-width: 800px;
}
.formClose {
  display: block;
  text-align: right;
  padding: 5px;
  cursor: pointer;
}
  /* */
#quoteFormMenuWrapper {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  max-width: 90%;
  margin: 0 auto;
}
  /* on mobile */
  #quote-sub #quoteFormMenuWrapper {
    height: 80vh;
    overflow-y: scroll;
  }
overlayFormContainer {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.overlayFormContainer form {
  background: rgba(0,113,135,.95);
  padding: 20px 40px;
}
#quoteFormMenuWrapper p br,
.projectDetails br,
.overlayFormContainer br {
  display: none;
}
#quoteFormMenuWrapper form {
  margin: 10px;
}
#quoteFormMenuWrapper form .wpcf7-form-control-wrap,
#quoteFormMenuWrapper form .wpcf7-form-control-wrap input,
.overlayFormContainer form .wpcf7-form-control-wrap,
.overlayFormContainer form .wpcf7-form-control-wrap input {
  width: 100%;
  display: block;
}
#quoteFormMenuWrapper form .wpcf7-form-control-wrap textarea,
.overlayFormContainer form .wpcf7-form-control-wrap textarea {
  width: 100%;
  text-indent: 2%
}
#quoteFormMenuWrapper form .wpcf7-form-control-wrap input,
.overlayFormContainer form .wpcf7-form-control-wrap input {
  height: 20px;
}
    /* mobile */
    #quote-sub #quoteFormMenuWrapper form .wpcf7-form-control-wrap input {
      height: 40px;
    }
    #quote-sub #quoteFormMenuWrapper form .projectDetails span.checkbox-services span.wpcf7-list-item {
      height: 40px;
      width: 50%;
    }
    #quote-sub #quoteFormMenuWrapper form select {
      height: 40px;
      width: 100%;
      background-color: #f0f0f0;
    }
    #quote-sub #quoteFormMenuWrapper form input[type=submit] {
      width: 100%;
      height: 60px;
    }

#quoteFormMenuWrapper form .wpcf7-form-control-wrap input[type=checkbox],
.overlayFormContainer form .wpcf7-form-control-wrap input[type=checkbox] {
  width: 15%;
}
#quoteFormMenuWrapper .projectDetails,
.overlayFormContainer .projectDetails {
  display: inline-block;
  clear: both;
  width: 100%;
  margin-bottom: 10px;
}
.quoteFormSub {
  display: block;
}
#quoteFormMenuWrapper form .projectDetails span,
.overlayFormContainer form .projectDetails span {

}
#quoteFormMenuWrapper form .projectDetails span.checkbox-services,
.overlayFormContainer form .projectDetails span.checkbox-services {
  display: block;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  height: 20px;
}
#quoteFormMenuWrapper form .projectDetails span.checkbox-services span.wpcf7-list-item,
.overlayFormContainer form .projectDetails span.checkbox-services span.wpcf7-list-item {
  float: left;
  width: 30%;
  position: relative;
  margin:0;
  padding: 0;
  height: 20px;
}
 #quoteFormMenuWrapper form .projectDetails span.checkbox-services span.wpcf7-list-item span,
 .overlayFormContainer form .projectDetails span.checkbox-services span.wpcf7-list-item span {
    position: absolute;
    top: 0;
    left: 20%;
  }
#quoteFormMenuWrapper form .projectDetails span span,
.overlayFormContainer form .projectDetails span span {

}
.quoteFormHeader {
  display: block;
  color: #fff;
  font-size: 130%;
}
#quoteFormMenuWrapper form span,
.overlayFormContainer form span {
  color: white;
  padding-bottom: 7px;
}
::-webkit-input-placeholder {
   font-family: 'Lato', Arial, sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
   font-family: 'Lato', Arial, sans-serif;  
}
::-moz-placeholder {  /* Firefox 19+ */
   font-family: 'Lato', Arial, sans-serif;  
}
:-ms-input-placeholder {  
   font-family: 'Lato', Arial, sans-serif;  
}
#quoteFormMenuWrapper .wpcf7-form input[type=submit], #quoteMailchimpFormMenuWrapper .wpcf7-form input[type=submit], .overlayFormContainer .wpcf7-form input[type=submit] {
  color: #fff;
  background: #f27030;
  cursor: pointer;
  -webkit-transition: background 1s; transition: background 1s;
}
#quoteFormMenuWrapper .wpcf7-form input:hover[type=submit], #quoteMailchimpFormMenuWrapper .wpcf7-form input:hover[type=submit], .overlayFormContainer .wpcf7-form input:hover[type=submit] {
  background: #3cb899;
  -webkit-transition: background 1s; transition: background 1s;
}
  /* mailchimp form in menu */
#quoteMailchimpFormMenuWrapper p {
  color: white;
  font-size: 105%;
  padding-bottom: 5px;
}
#quoteMailchimpFormMenuWrapper .quoteFormHeader,
#quoteMailchimpFormMenuWrapper p {
  padding-left: 2.5%;
}
#quoteMailchimpFormMenuWrapper input {
  margin-bottom: 5px;
  width:90%;
}
#quoteMailchimpFormMenuWrapper .clear {
  position: relative;
  left: 0;
}

.menu-bar .sub {
    height: 100vh;
    background: rgba(61,61,61,.95);
}
.menu-bar{
  overflow:hidden;
  left:14.3em;
  z-index:10;
  width:0;
  /*transition: all .2s ease-in-out;*/
  background: rgba(61,61,61,.95);
  position: fixed;
  height: 100vh;
  top: 0;
}
.menu-bar.hover {
  /*width: 15.5em;*/
  height: 100%;
  display: block !important;
  background: rgba(61,61,61,.95);
}
.menu-bar li:first-child {
    height: 50px;
}
.menu-bar li li:first-child {
    padding-top: 10px;
    font-size: 121%;
}
.menu-bar li {
    height: 40px;
}

.menu-bar li a{
  display: block;
  text-align:left;
  color: #fff;
  text-decoration:none;
  position: relative;
  font-family:verdana;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  transition: background 0.1s ease-in-out;
  text-indent: 0;
  line-height: 60px;
  transition: padding 0.2s ease-in-out;
  text-indent: 5% !important;
}
.menu-bar li:first-child a{
    /*background: #267fdd;*/
    color: #00ceec;
}
.menu-bar li:nth-of-type(1) a:hover {
  padding-left: 0;
}
.menu-bar li a:hover {
  padding-left: 10px;
}
   /* vertical menu - 3rd level */
#subsub1 {
  padding-top: 4.5vh;
}
#subsub2 {
  padding-top: 12vh;
}
#subsub3 {
  padding-top: 19.5vh;
}
#subsub4 {
  padding-top: 30.5vh;
}
#subsub1:hover,
#subsub2:hover,
#subsub3:hover,
#subsub4:hover {
  width: 13em;
}
.menu-bar .subsub {
  left: 27.3em;
  background: rgba(71,71,71,.95);
}
.subsub.hover {
  /*width: 10em;*/
}


.para{
    color:#033f72;
    padding-left:100px;
    font-size:3em;
    margin-bottom:20px;
}

.open{
    width:13em;
    height:100%;
    transition: all 0.3s ease;
}
.open.form,
.open.mailchimp {
  width: 30em;
}
    /* MOBILE */

#mobileheader {
  position:fixed;
  z-index: 100;
  top:0; left:0;
  right:0;
  height:4.0625em;
  background: #333;
}
#mobileHeaderInner {
  background: url(images/logo-accu-footer-small.png) no-repeat 50% 0;
  width: 100%;
  height: 50px;
  background-size: contain
}
#mobileHeaderInner a {
  display: inline-block;
  width: 100%;
  height: 100%
}
#mobileHeaderCall a {
  margin:0.2em 0.2em 0 0;
  font:2em/1.4375em Arial;
  background: #333;
  top: 0;
  right: 0;
  width: 30px;
  float:right;
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
#mobileHeaderCall a:before {
  font-family: FontAwesome;
  min-width: 30px;
  display: inline-block;
  content: "\f095";
  color: #fff;
}
#mobileheader label {
  padding:0 0.125em;
  font:2.875em/1.4375em Arial;
  background: #333;
  top: 0;
  left: 0;
  width: 30px;
}
#menu label {
  padding:0 0.25em;
  font:3.125em/1.375em Arial
}
#menu .subContainer label {
  padding: 0;
}
#menu .sub-nav .toggle {
  padding:0 0.3125em;
  font:2em/2em Arial;
  top:0
 }
#mobileheader label:hover,
#menu label:hover {
  color:#00ceec
}
#main-nav-check, #menu .sub-nav-check {
  position:absolute;
  left: -100px;
  /*top:-9999px;
  left:-9999px */
}
#menu .subContainer {
  position: relative;
}
#menu .subContainer .toggle-sub {
  float: none;
  position: absolute;
  margin: 0;
  width: auto;
  z-index: 3;
  background: transparent;
}
#menu .subContainer .toggle-sub.services,
#menu .subContainer .toggle-sub.quote,
#menu .subContainer .toggle-sub.clients,
#menu .subContainer .toggle-sub.about,
#menu .subContainer .toggle-sub.knowledge,
#menu .subContainer .toggle-sub.subscribe  {
  width: 100%;
  left: 0;
}
#menu .toggle-sub:after{
    content: " >";
    font-size: 2rem;
    position: absolute;
}
#menu .services.toggle-sub:after {
  left: 166px;
}
#menu .clients.toggle-sub:after {
  left: 156px;
}
#menu .about.toggle-sub:after {
  left: 146px;
}
#menu .knowledge.toggle-sub:after {
  left: 206px;
}
#menu .subscribe.toggle-sub:after {
  left: 205px;
}
#menu .quote.toggle-sub:after {
   position: absolute;
  left: 165px;
}
.toggle {
  position:absolute;
  right:0.15em;
  cursor:pointer;
  color:#fff
}
.container {
  background:#fff;
  min-height:100%;
  padding:0;
  margin:0
}
#menu, #menu .sub-nav {
  position:fixed;
  top:0;
  bottom:0;
  /*width:13.75em;*/
  z-index:9999;
  /*left:-13.75em;*/
  width: 100%;
  left: -100%;
  background: #333;
}

.container, #menu, #menu .sub-nav {
  -webkit-transform:translate(0,0);
  -ms-transform:translate(0,0);
  transform:translate(0,0);
  -webkit-transition:-webkit-transform .25s ease;
  transition:transform .25s ease
}

#menu ul {
  line-height:2.75em;
  text-decoration:none;
  padding:0;
  list-style:none;
  margin-top:4.0625em;
  background: #333;
}
#menu ul li {
  margin-bottom: 10px;
}
#menu li a {
  display:block;
  font-size:1.5rem;
  padding-left:1.5em;
  color:#fff;
  text-decoration:none;
  z-index: 2;
  position: relative;
}

#menu li a:hover,
#menu .toggle-sub:hover {
  color: #00ceec;
}
#menu li a:before {
  font-family: FontAwesome;
  min-width: 35px;
  display: inline-block;
}
#menu li a.home:before {
  content: "\f015";
}
#menu li a.services:before {
  content: "\f0e7";
}
#menu li a.clients:before {
  content: "\f140";
}
#menu li a.about:before {
  content: "\f0c0";
}
#menu li a.knowledge:before {
  content: "\f0ac";
}
#menu li a.contact:before {
  content: "\f095";
}
#menu li a.quote:before {
  content: "\f154";
}
#menu li a.subscribe:before {
  content: "\f003";
}

#menu .sub-nav {
  margin-top:-1px;
  background: #333;
}
#menu .sub-heading {
  margin-top:4.0625em;
  padding-left:1.3125em;
  color:#999
}
#menu .sub-heading:before {
  content:"";
  display:block;
  height:1px;
  width:13.75em;
  margin-left:-1.3125em;
}
#menu .toggle-sub {
  font:bold 1em/2.75em Arial;
  color:#fff; float:right;
  margin-top:-2.75em;
  cursor:pointer;
  text-align:center;
  width: 100%;
}

.container, #menu, #menu .sub-nav, .close-all {
  -webkit-transform:translate3d(0,0,0) } /* http://davidwalsh.name/translate3d */
/* #### - corrects 'unfixing' bug in Safari - uncomment if you have position:fixed elements inside .container - #### */
/* @media screen and (-webkit-min-device-pixel-ratio:0) { .container { -webkit-transform:none !important } } */

/* #### - define ids of animated container, menu and sub-menus here - #### */

#main-nav-check:checked ~ .container,
#main-nav-check:checked ~ #menu,
#menu .sub-nav-check:checked ~ [id$="-sub"] /* matches all elements with id ending "-sub" */ {
/*-webkit-transform:translate(13.75em,0);
-ms-transform:translate(13.75em,0);
transform:translate(13.75em,0) */
-webkit-transform:translate(100%,0);
-ms-transform:translate(100%,0);
transform:translate(100%,0)
}

.page-content {
padding:1em 2em;
max-width:64em;
margin:auto }
.page-content:after {
display:block;
content:'';
height:1px } /* fixes bottom padding issue in IE10 */

/* 3. LAYOUT
------------------------ */

#container {
    min-width: 320px;
    padding: 0 0 0 200px;
    max-width: 1920px
}

#copyright .centredContent {

}
.centredContent {
    padding: 0;
}
#mainInner {
    margin: 0 0 0 15px;
    min-height: 300px;
    padding: 0 0 10px 0;
    position: relative;
}

/* Columns */

.negMargins10 {
    margin: 0 -10px;
}

.column {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
}
.whitepapers #articleMainContent .column,
.single #articleMainContent .column:first-child,
.page-template-template-services-col #articleMainContent .column:first-child,
.page-template-template-services_ind .cmsContent {
  padding-left: 30px;
}

.column-3-12 {
    width: 25%;
}

.column-4-12 {
    width: 33.333%;
}

.column-5-12 {
    width: 41.666%;
}

.column-6-12 {
    width: 50%;
}

.column-7-12 {
    width: 58.333%;
}

.column-8-12 {
    width: 66.666%;
}

.column-9-12 {
    width: 75%;
}

/* 4. HEADER
------------------------ */

header {
    background: #004281;
    border-bottom: 3px solid #9dc44e;
    left: 0;
    padding: 18px 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
}

#headerInner {
    padding: 0 0 0 50px;
}

#logo a {
    background: url(images/logo.png) no-repeat 30px 0/ contain;
    height: 140px;
    margin: 10px 0 0 0;
    text-indent: -9999em;
    width: 200px;
    left: 20px;
}
/* TO DO - save logo in content folder */
.menu.miniMenu #logo a {
    background: url(images/logo-star-only.png) no-repeat 5px 0/ contain;
    height: 60px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out;
}
  /* when mouseover */
  .menu.mouseover #logo a {
    background: url(images/logo.png) no-repeat 10px 0/ contain !important;
    height: 140px;
    width: 200px;
    left: 20px;
    position: relative;
  }
.menu.miniMenu #logo {
    padding-top: 5px
}

#logo a {
    display: block;

}

/* 5. PAGES SPECIFIC
_________________________ */

#mastheadPageContainer {
    display: inline-block;
    clear: both;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
}
#pageMasthead {
    background: rgba(255,255,255,.9);
    color: #333;
    display: inline-block;
    width: 100%;
}
h1#pageTitle {
    color: #333;
    font-size: 40px;
    line-height: 1.1em;
    padding: 0;
    text-transform: uppercase;
}
.breadcrumbs {
    display: block;
    padding: 5px 0 3px 0;
    font-size: 75%;
}
.breadcrumbs a {
   color: #4e4e4e;
}

/* ++++++++++++++++++++++++++++
+++++++++++             HOME */

#homeMain .format p{
  padding-left: 60px;
  padding-right: 60px;
}
.homeMainImage {
    color: #FFF;
    position: relative;


    /*background: -webkit-linear-gradient(top, rgba(255,0,0,0), rgba(255,0,0,1)); /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(top, rgba(255,0,0,0), rgba(255,0,0,1)); /* For Opera 11.1 to 12.0 */*/
   /* background: -moz-linear-gradient(top, rgba(255,0,0,0), rgba(255,0,0,1)); /* For Firefox 3.6 to 15 */
   /* background: linear-gradient(to top rgba(255,0,0,0), rgba(255,0,0,1)); /* Standard syntax (must be last) */*/*/*/

background: rgba(248,80,50,1);
background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1)));
background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 35%, rgba(255,255,255,0) 51%, rgba(255,255,255,1) 51%, rgba(74,54,103,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=0 );
background-size: cover;
background-position: 0 30%;
}

.homeMainImage {
    color: #FFF;
    position: relative;
    text-transform: uppercase;
    height: 85vh
}
#homeMasthead {
    background: rgba(255,255,255,.9);
    color: #333;
    display: inline-block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;

}
#homeMainText {
    display: inline-block;
    width: 100%;
    height: 85vh;
    top: 0;
}
.mainHeadersWrapper {
  position: absolute;
  bottom: 13%;
}
#homeMainText h1{
  font-size: 250%;
  line-height: .9em;
  margin-bottom: 10px;
}
#homeMainText h2 {
  font-weight: 400;
  text-transform: none;
  padding-right: 26%;
  font-size: 140%;
  line-height: 20px;
}
#homeMainText a,
.homeColumn a {
  color: white;
}
#homeClients .more a {
  color: #333
}
#homeClients .more a:hover {
   color: #00ceec;
   text-decoration: none
}
#homeMainText a:hover,
.homeColumn a:hover {
  color: #00ceec;
  text-decoration: none
}
.homeGradient {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e570e7+0,c85ec7+30,493566+100&amp;0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(71,71,71,0) 50%, rgba(61,61,61,0.3) 75%, rgba(51,51,51,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(71,71,71,0) 50%,rgba(61,61,61,0.3) 75%,rgba(51,51,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(71,71,71,0) 50%,rgba(61,61,61,0.3) 75%,rgba(51,51,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5a5a', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
position: relative;
bottom: -35px;
}

#mainNumber, #container-search {
    float: right;
}
#mainNumber {
    font-size: 200%;
    font-weight: 300;
}
#search {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#container-search {
  display: inline-block;
  position: relative;
}
#search:before {
    content: "\f002";
    font-family: FontAwesome;
    position: absolute;
    right: 2%;
    top: 7%;
    font-size: 160%
}
#search {
  overflow: hidden;
  height: 2.2em;
  width: 4em;
  border-radius: 0;
  box-shadow: 0 0 5px #fff;
  -moz-transition: all 0.35s;
  -webkit-transition: all 0.35s;
  position: absolute;
  top: 5px;
  right: 0;
}
#search:hover {
    width: 15em;
    border-radius: 5px 2em 2em 5px;
    /*box-shadow: 0 0 5px #6A5D4F;*/
    box-shadow: 0 0 2px #333;
    position: absolute;
    right: 0;
    z-index: 10;
    top: 5px;
}
#search:hover .button {
    display: none
}
#search:hover input {
    display: inline-block;
    width: 27.1em;
    padding: 10px;
    opacity: 1;
}
#search input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  color: #333;
  float: left;
  width: 0em;
  height: 1em;
  margin: .1em;
  margin-right: -4.5em;
  background: #fff;
  font-weight: 300;
  padding: 0px;
  border: 0;
  border-radius: 5px;
  /*box-shadow: 0 1px 5px rgba(0,0,0,0.2) inset;
  text-shadow: 0 1px 1px rgba(0,0,0,0.15);*/
  -moz-transition: all 0.25s;
  -webkit-transition: all 0.25s;
  opacity: 0;
}
/*#container-search:hover input {
    width: 200px;
}*/
#search input:focus {
    outline: none;
    box-shadow: 0 -1px 1px rgba(255,255,255,0.25), 0 1px 5px rgba(0,0,0,0.15);
      color: #333;
}
#search .button {
  float: right;
  width: 1.75em;
  height: 1.75em;
  margin: 0.125em;
  background: #6A5D4F;
  text-align: center;
  font-size: 2em;
  color: #FDF6E3;
  border-radius: 50%;
  box-shadow: 0 -1px 1px rgba(255,255,255,0.25), 0 1px 1px rgba(0,0,0,0.25);
  text-shadow: 0 -2px 1px rgba(0,0,0,0.3);
}
 /* i
    margin-top: 0.3em*/
#container-search button:active {
    border: 0 !important;
    text-shadow: 0 0 0
}
.homeColumn .services {
    color: #fff;
    position: relative;
    min-height: 330px;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
#homeMain #columnsServicesWrapper p {
  z-index: 1;
}
#homeMain #columnsServicesWrapper p:nth-of-type(1) {
    display: inline-block;
    position: absolute;
    font-size: 150%;
   padding: 0px;
   top: 2%;
   left: 5%;
}
.homeColumn .services span {
    display: inline-block;
    margin: 7px 0 10px 10px;
    font-size: 170%;
}
.homeColumn .services p {
    padding: 10px;
}
#homeServices .homeColumn {
   margin-top: 15px;
   position: relative;
}
#columnsServicesWrapper {
  padding: 0 60px;
}
.homeColumn .more.home {
  margin: 10px 0 20px 10px;
}
#homeMainText .more.home {
  margin: 10px 0 20px 20px;
}
#homeClients .more.home {
  margin: 10px 0 20px 60px;
}
#homeMainText .more.home,
.homeColumn .more.home,
#homeClients .more.home  {
    display: inline-block;
    border: 2px solid;
    padding: 3px 7px;
    font-weight: 700
}
.homeColumn .more.home {
  position: absolute;
  bottom: 0;
  z-index: 1;
  left: 0;
}
#homeClients .more:before {
  content:'';
  display: block;
}
#homeClients .more.home {
  border-color: #333;
}
#homeMainText .moreWrapper {
  position: absolute;
  bottom: 1%
}
#homeProjectsGrid {
  margin-top: 20px;
}
#homeProjectsGrid .first-row,
#homeThought .first-row {
  padding: 0 60px;
}
#homeThought .homeColumn,
#homeProjects .homeColumn {
  padding-right: 20px;
}
.homeColumn:nth-of-type(4),
.homeColumn:nth-of-type(9) {
  padding-right: 0;
}
#videoContainer {
    clear: both;
    margin: 50px 0 25px 0;
    display: inline-block;
    width: 100%;
    padding: 50px 0 50px 30px;
    color: #fff;
}
#videoContainer p {
    padding-left: 20px;
    padding-right: 0;
    width: 87%;
}
#videoContainer iframe {
    margin: 0 0 0 35px;
    width: 89%;
    outline: 5px solid black;
}

.videoWrapper,
.cmsContent .video-container,
.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe,
.cmsContent .video-container iframe,
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#logosClients {
    display: block;
    padding: 20px 0;
}
.logoInd {
    height: 100px;
    display: inline-block;
    width: 200px;
    margin-bottom: 20px;
}
.logoInd {
    background: url(images/home-logos-clients-sprite.jpg) no-repeat 18% 23%;
}
#lc0,
#lc2,
#lc4 {
background: url(images/home-logos-clients-sprite.jpg) no-repeat 18% 23%
}
#lc1,
#lc3,
#lc5 {
background: url(images/home-logos-clients-sprite.jpg) no-repeat 18% 86%
}
.projectIndInner {
    min-height: 250px;
    outline: 1px solid #ccc;
    position: relative;
    overflow: hidden;
}
#homeThought .projectIndInner {
  min-height: 300px;
  margin-bottom: 20px;
}
.projectIndInner .item-image {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.projectIndInner .item-image img {
    height: 250px;
    width: auto;
}
.projectIndInner .item-others {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit box-sizing: border-box;
    z-index: 3;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left;
    background: rgba(85,20,101,0);
    height: 100%;
}
.projectIndInner .turquoise .item-others {
   background: rgba(24,146,145, 0)
}
#homeThought .projectIndInner h3 {
    font-size: 140%;
}
.projectIndInner h3 {
    font-size: 170%;
    font-weight: 400;
   /* position: absolute;
    bottom: -115px;*/
 }
 /*.projectIndInner h3,
 .projectIndInner span.articleDate,
 .projectIndInner span.articleCategory {
  position: relative;
  bottom: -115px
}*/
.projectIndInner span.articleDate,
.projectIndInner span.articleCategory {
  display: inline;
}
.projectIndInner .caseStudyTerm {
  font-size: 75%;
}
#homeThought .projectIndInner span.articleCategory:before {
  content: ' | ';
}
.projectIndInner .caseStudyTerm {
  padding: 0 5px 0 5px;
  border-right: 1px solid #fff;
}
.projectIndInner .caseStudyTerm:nth-last-of-type(1),
.projectIndInner .caseStudyTerm:nth-of-type(2) {
  border: 0;
}
.projectIndInner .caseStudyTerm:nth-of-type(1) {
  padding-left: 0;
}
.projectIndInner .item-others p {
  position: absolute;
  bottom: 0;
  padding: 0;
  opacity: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit box-sizing: border-box;
  width: 100%;
  padding: 10px !important;
  background: rgba(85,20,101,.66);
  left: 0
}
.projectIndInner .item-others.turquoise p {
  background: rgba(24,146,145,.7);
}
.projectIndInner .item-others .start {
  position: relative;
  height: 100%;
  opacity: 1;
}
.projectIndInner .item-others .startInner {
  position: absolute;
  bottom: 2%;
}
.projectIndInner .over-lay2:hover,
.projectIndInner .over-lay:hover {
  background: none;
  transition: all .5s ease-in-out;
}
.projectIndInner:hover .item-others .start {
  opacity: 0;
  transition: all .3s ease-in-out;
}
.projectIndInner:hover .item-others p {
  opacity: 1;
  transition: all .3s ease-in-out;
}
.projectIndInner:hover .turquoise .over-lay {
   background: rgba(24,146,145, 0);
   transition: all .3s ease-in-out;
}

  /* sidebar */
.item-wrapper:hover .over-lay.blueSidebar,
.item-wrapper:hover .over-lay.purpleSidebar,
#articleRelated .item-wrapper:hover .over-lay {
  opacity: 0;
  transition: all .8s ease-in-out;
}
#articleRelated  .item-wrapper:hover .item-others.bl,
#side-1 .item-wrapper:hover  .item-others.bl {
  background: rgba(63,82,129,.7);
}
#articleRelated .item-wrapper:hover .item-others.pu,
#side-1 .item-wrapper:hover  .item-others.pu {
  background: rgba(85,20,101,.66);
}
#sidebar .item-wrapper .item-others {

}
#sidebar .item-wrapper:hover .item-others ,
#articleRelated .item-wrapper:hover .item-others {

  /*position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;*/
}
#sidebar .item-wrapper .item-others span,
#sidebar .item-wrapper .item-others p,
#articleRelated .item-wrapper .item-others span,
#articleRelated .item-wrapper .item-others p {
  /*position: relative;
  left: 0;
  transition: all .5s ease-in-out;*/

}
#sidebar .item-wrapper:hover .item-others span,
#sidebar .item-wrapper:hover .item-others p,
#articleRelated .item-wrapper:hover .item-others span,
#articleRelated .item-wrapper:hover .item-others p {
  /*position: absolute;
  left: -9999px;*/

}
#sidebar .item-wrapper:hover .item-others h3,
#articleRelated .item-wrapper:hover .item-others h3 {

 }
 #sidebar .item-wrapper:hover .item-others h3,
#articleRelated .item-wrapper:hover .item-others h3 {
  /*position: absolute;
  bottom: 3%;
  width: 100%;
  padding: 5px;
  margin: 0;
  left: 0;
  transition: bottom 1s ease-in-out;*/
}
#sidebar .item-wrapper:hover .item-others.bl h3,
#articleRelated .item-wrapper:hover .item-others.bl h3 {
  /* background: rgba(63,82,129,.7);*/
 }
#sidebar .item-wrapper:hover .item-others.pu h3,
#sidebar .item-wrapper:hover .item-others h3,
#articleRelated .item-wrapper:hover .item-others.pu h3,
#articleRelated .item-wrapper:hover .item-others h3 {
   /*background: rgba(85,20,101,.66);*/
 }

.loadMoreSidebar a {
  margin-top: 10px;
  display: block;
  outline: 1px solid #3f5281;
  font-weight: 700;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 5px 10px;
  text-align: center;
  color: #3f5281;
}
.loadMoreSidebar a:hover {
  color: #00ceec;
}

/* +++++++++++++++++++++++++++++++++++
++++++++ CLIENTS (Brands we work for) */

.hoverSlideshow {
    color: #FFF;
    height: 200px;
    position: relative;
}

.hoverSlideshowImages {
    height: 100%;
}

.hoverSlideshowImages h3 {
    left: 20px;
    position: absolute;
    top: 20px;
    z-index: 5;
}
#homeProjects p {
  padding-left: 60px;
  padding-right: 20px;
}
/*.item-others p {
  padding-left: 0 !important;
  padding-right: 0 !important;
}*/
.mediaItem {
    height: 100%;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit box-sizing: border-box;
    /*left: 0;
    position: absolute;
    top: 0;*/
}
.blWrapper {
  position: absolute;
  z-index: 1;
}
.bqWrapper,
.bbWrapper {
  position: absolute;
  z-index: 2
}
.bqWrapper {
  left:0;
  font-weight: 300;
  font-size: 115%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.bbWrapper {
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
/* TO DO - sort */
.bbWrapper img {
  max-width: 90% !important;
  margin-left: 0 !important;
  top: 50px !important;
  width: 100% !important;
  height: auto !important;
  margin-top: 0 !important
}
p.brandQuote,
p.brandBlurb,
p.brandQuoteAuthor {
  margin: 15px 0 0 25px;
}
#mainColumn p.brandQuote {
  font-size: 150%;
}
#mainColumn p.brandBlurb,
#mainColumn p.brandQuoteAuthor {
  font-weight: 400;
  font-size: 100%;
  padding-right: 0;
}
p.brandQuote:before,
p.brandQuote:after {
  content: '"';
}
.clientOverlay {
    background: rgba(125,169,63,.75);
    font-size: 0;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2;
    opacity: 0.75;
    filter: alpha(opacity=75);
}

.hoverSlideshowLinks {
    background: #000;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
}

.hoverSlideshowLinks a {
    background: #000;border-top: 1px solid #363636;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #FFF;
    display: block;
    font-family: museo-sans-condensed-n5, museo-sans-condensed, sans-serif;
    font-size: 12px;
    font-weight: 500;
    height: 81px;
    padding: 15px;
    position: relative;
}

.hoverSlideshowLinks a.firstItem {
    border-top: 0;
    height: 80px;
}
/*
.hoverSlideshowLinks a.yellowBG {
    background: linear-gradient(to bottom, rgba(255, 213, 0, 1), rgba(203, 170, 0, 1));
}*/

.hoverSlideshowLinks a.yellowBG {
    background: linear-gradient(to bottom, rgba(255, 213, 0, 1), rgba(255, 213, 0, 1) 50%, rgba(255, 213, 0, 0.7));
    color: #4e4e4e;
}

.hoverSlideshowLinks a.greenBG {
    background: linear-gradient(to bottom, rgba(0, 142, 83, 1), rgba(0, 142, 83, 1) 50%, rgba(0, 142, 83, 0.7));
}

.hoverSlideshowLinks a.blueBG {
    background: linear-gradient(to bottom, rgba(0, 66, 129, 1), rgba(0, 66, 129, 1) 50%, rgba(0, 66, 129, 0.7));
}

.hoverSlideshowLinks a.lightBlueBG {
    background: linear-gradient(to bottom, rgba(0, 172, 224, 1), rgba(0, 172, 224, 1) 50%, rgba(0, 172, 224, 0.7));
}

.hoverSlideshowLinks a.active {
    background: linear-gradient(to bottom, rgba(93, 93, 93, 1), rgba(93, 93, 93, 1) 50%, rgba(93, 93, 93, 0.6));
    color: #FFF;
}

.hoverSlideshowLinks a.active:after {
    border-bottom: 20px solid transparent;
    border-right: 20px solid #5d5d5d;
    border-top: 20px solid transparent;
    content: "";
    left: -20px;
    position: absolute;
    top: 0;
}

.hoverSlideshowLinks a p {
    height: 50px;
    line-height: 16px;
    overflow: hidden;
    padding: 0;
}

.hoverSlideshowLinks a span {
    display: block;
    font-family: museo-sans-n3, museo-sans, sans-serif;
    font-size: 13px;
    font-weight: 300;
    padding: 2px 0 0;
    text-transform: none;
}
#clientsSliderNav {
    display: inline-block;
    width: auto;
    clear: both;
    position: absolute;
    z-index: 100;
    top: 90%;
    right: 0;
}
#clientsSliderNav span {
   color: white;
   cursor: pointer;
   float: left;
   font-size: 200%;
   font-weight: bold
}
#clientsSliderNav span#prev {
   float: left;
   margin-right: 5px
}
#clientsSliderNav span#next {
   float: right;
   margin-right: 5px
}
#clientsSliderNav span#prev:before {
  content: "\f137";
  font-family: FontAwesome
}
#clientsSliderNav span#next:before {
  content: "\f138";
  font-family: FontAwesome
}
#clientLogosGrid {
    display: inline-block;
    clear: both;
    min-height: 200px;
    width: 100%;
    margin-bottom: 30px;
    box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit box-sizing: border-box;
}
.clientLogosGridFour {
  padding: 0 60px;
}
.clientLogosGridThree {

}
.clientLogoSlider {
  width: 250px;
  height: 250px;
  margin: 0 auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit box-sizing: border-box;
}
#clientLogosGrid .clientLogoUnique {
    height: 100px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    top: 0;
}
#clientLogosGrid .clientLogoUnique img {
  max-width: 100%;
}
#clientLogosGrid .logoGrey:first-child {
  padding-left: 0 !important;
}
#clientLogosGrid .clientLogoUnique img:hover {
    position: relative;
    top: -100px;
}
.logoGrey {
   border-right: 1px solid #ccc;
   text-align: center
}
.logoGrey:last-child {
  border: 0;
}
.logosFour,
.logosThree {
  display: inline-block;
  border-bottom: 1px solid #eee;
  padding: 40px 0;
  width: 100%;
}


#staffProfilesGrid {
  display: inline-block;
  clear: both;
  min-height: 200px;
  width: 100%
}

/* +++++++++++++++++++++++++++++++++++++
++++++++               KNOWLEDGE HOME */

.knowledgeHomeFirstStory .over-lay.purpleSidebar,
.knowledgeHomeFirstStory .item-others {
  opacity: 0;
}

/* +++++++++++++++++++++++++++++++++++++
+++++++++                  STAFF page */

.page-id-296 #mainColumn {
  padding-right: 0 !important;
}
.page-id-296 #sidebar {
  padding-left: 0 !important;
}
#staffProfilesGrid .logoGrey {
  border: 0;
}
.staffThree {
  display: inline-block;
  padding: 20px 0 0 0;
  width: 100%;
}
.staffThree:first-child {
  padding-top: 0;
}
.staffBox {
  text-align: center
}
.staffBox span {
  color: #3f5281;
  display: block;
  font-family: FontAwesome;
  width: 100%;
}
span.staffName {
  padding-top: 5px;
  font-weight: 700;
}
span.staffJobTitle {
  padding-bottom: 5px;
}
.staffBox:first-child img {
  width: 100%;
  height: auto;
}
.span.staff_job_title {
  font-weight: 300;
}
.staffSocialLI:before {
  content: "\f0e1";
  bottom: -5px;
  position: relative;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}
.staffSocialT:before {
  content: "\f099";
  bottom: -5px;
  position: relative;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}
.staffSocialG:before {
   content: "\f0d5";
   bottom: -5px;
  position: relative;
}
.staffBox .staffSocialLI,
.staffBox .staffSocialT,
.staffBox .staffSocialG {
  display: inline-block;
  width: auto;
  width: 24px;
  height: 24px;
  background: #3f5281;
  color: #fff;
  border-radius: 12px;
  position: relative;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}
.staffBox .staffSocialLI:hover,
.staffBox .staffSocialT:hover,
.staffBox .staffSocialG:hover {
  opacity: .5;
}
.staffSocial a {
  height: 24px;
  width: 24px;
  display: inline-block;
  position: relative;
  top: -15px;

}


/* ++++++++++++++++++++++++++++
+++++++++++          CONTACT */
#contactFirstRow1,
#contactFirstRow3,
#contactFirstRow4,
#contactFirstRow5,
#contactFirstRow6 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 5px;
}
.sidebar-contact{
  color: #fff;
  font-size: 95%;
}
.sidebar-contact a {
  color: #fff;
}
.sidebar-contact a:hover {
  text-decoration: none;
  color: #00ceec;
}
#googleMapContainer {
  position: relative;
}

#googleMap {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
#googleMap img {
  width: 100%;
  height: auto;
}
#googleMapOver {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}
#googleMapOver h6,
.cmsContent h6,
.contactFormHeader {
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 5px;
  font-size: 130%;
}
.contactFormHeader {
  color: #3f5281;
  padding-bottom: 0;
}
.over-lay.contact {
  position: relative;
  background: rgba(53,101,99,.85);
  text-align: left
}
.over-lay.contact.dark {
  background: rgba(0,0,0,.8);
}
#googleMapOver #side-2 {
  position: relative;
  top: -999px
}
#side-4 #wpcf7-f14217-p343-o1,
#side-4 #wpcf7-f14219-p343-o1 {
  margin: 0 10px;
}
#side-4 #wpcf7-f14217-p343-o1 input,
#side-4 #wpcf7-f14219-p343-o1 input {
  height: 30px;
}
#side-4 #wpcf7-f14217-p343-o1 input[type=submit],
#side-4 #wpcf7-f14219-p343-o1 input[type=submit] {
height: 30px;
    background: #333;
    outline: 1px solid white;
    color: #fff;
    padding: 5px;
    text-transform: uppercase;
}
#side-4 #wpcf7-f14217-p343-o1 input:hover[type=submit] {
    color: #00ceec;
    cursor: pointer;
}
#side-4 form {
  position: relative;
  padding-left: 10px;
}
#side-4 .wpcf7-mail-sent-ok {
    display: inline;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 50%;
    left: 30%;
    width: 65%;
    text-align: center;
    border: 1px solid #00ceec;
}
#side-6 .qr {
  float: right;
  margin: 5% 5% 0 15%;
}
#side-6 #contactFirstRow6 {
  display: inline-block
}
.buttonContact:after {
  content: "";
  clear: both;
  display: block
}
.buttonContact {
    background: #446667;
    display: inline-block;
    outline: 1px solid white;
    color: #fff;
    padding: 5px;
    margin-top: 15px;
    text-transform: uppercase;
    font-size: 85%;
}
.buttonContact:hover {
  color: #00ceec;
}
#ContactPageForm,
#review_form {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit box-sizing: border-box;
  outline: 2px solid #2a2a2a;
  padding: 10px 20px;
  margin-bottom: 20px
}

#review_form {
  max-width: 100%;
}
#review_form table {
  width: 100%;
}
#review_form input {
    text-indent: 10px;
    background: #f0f0f0;
    border: 1px solid #ccc;
    width: 80%;
}
#review_form td:nth-of-type(2n) input {
    width: 100%;
}
#review_form  input[type=submit] {
    width: 60%;
    background: #f0f0f0;
    color: #000;
    font-size: 120%;
    outline: 1px solid;
    margin-top: 20px;
}
#review_form table td {
  text-align: left
}
/* ++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++     SERVICES */

.servicesContainer {
  display: inline-block;
  clear: both;
  margin-bottom: 100px;
  position: relative;
  margin-bottom: 20px;
}
/* TO DO - remove important */
.servicesContainer .column-5-12 {
  width: 46.666%;
}
.servicesContainer .column-7-12 {
  width: 53.333%;
}
.column-7-12.services-grey-col {
  background:url(images/bkg-single-stripe.png) repeat-y top left / contain;
}
.servicesContainer.ind .bkg {
  width: 100%;
  margin-bottom: 0;
}
.servicesContainer.ind {
  margin-bottom: 20px;
}
.servicesContainer.ind .bkg {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.servicesContainer .column.bkg,
.servicesContainer:nth-of-type(4) .bkg {
  background-color:#069db3;
}
.servicesContainer:nth-of-type(even) .bkg {
  float: right;
}
.servicesContainer:nth-of-type(2) .bkg {
  background-color: purple;
}
.servicesContainer:nth-of-type(2) .column:last-child,
.servicesContainer:nth-of-type(5) .column:last-child {
  padding-left: 0
}
.servicesContainer:nth-of-type(3) .bkg,
.servicesContainer:nth-of-type(6) .bkg {
  background-color: #3f5281
}
.serviceHeader {
  margin-top: 3%;
  color: #fff;
  display: block;
  font-size: 135%;
  font-weight: 300;
}
.counterContainer {
  text-align: center;
  text-transform: uppercase;
  color: #069db3;
  padding-bottom: 25px;
}
.counterContainer .countInd {
  min-height: 70px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit box-sizing: border-box;
}
.counterContainer .column-3-12:first-child .countInd {
  margin-left: 0
}
.counterContainer .column-3-12:nth-of-type(4n) .countInd {
  margin-right: 0
}
.countInd {
  background: white; margin: 10% 5% 10% 5%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit box-sizing: border-box;
  padding: 5px;
}
.countInd .Count {
  font-size: 150%;
}
.countInd .Count.percent:after {
  content: "%";
}
.countInd .text {
  font-size: 55%;
  line-height: 10px;
  display: inline-block;
  width: 100%;
  clear: both;
}
.counterContainer .video {
  display: inline-block;
  width: 100%;
  padding-top: 5px;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.more.services {
  border: 1px solid #00ceec;
  display: inline-block;
  padding: 3px 7px;
  font-weight: 700;
  background: #f5f5f5;
  width: 65%;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 30%;
}
#serviceDetailClients {
  padding-bottom: 20px;
  width: 100%;
}
#serviceDetailClients span {
  display: block;;
  width: 100%;
  text-align: left;
  padding: 30px 0;
  font-size: 180%;
  font-weight: 300;
}
#serviceDetailClients img {
  width: 100%;
  height: auto;
}

.column.service-detail {
  width: 23%;
  padding-bottom: 11.5%;
  background-position: 0 0;
  background-size: 100%;
  display: block;
  margin-right: 2%;
}
.column .service-detail:hover {
  background-position: 0 100% !important;
}

/* ++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++     ABOUT */
#timelineWrapper {
  background: url(images/timeline-bar.png) repeat-y top center;
}
.timelineEvent {
  background: url(images/timeline-dots.png) no-repeat top center;
  position: relative;
  display: block;
  cursor: pointer;
  background-size: 7%;
}
span.timelineDate {
  position: absolute;
  display: block;
  left: 60%;
  z-index: 2;
  top: 0;
  font-size: 130%;
  color: #3f5281;
  font-weight: 700;
}
#timelineWrapper .timelineEvent:nth-of-type(even) span.timelineDate {
  left: -22px;
  text-align: right;
  max-width: 50%;
  min-width: 50%;
}
span.timelineDate span {
  display: block;
  font-size: 70%;
}
span.timelineDate span:after {
  content: "Read more";
  display: block;
  color: #00ceec;
  text-transform: uppercase
}
.eventDescription {
  position: relative;
  z-index: 200;
  opacity: 0;
  background: rgba(255,255,255,.9);
  transition: all 0.5s ease-in-out;
  display: inline-block;
  top: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  outline: 2px solid #000;
  padding: 10px;
}
.timelineEvent:hover .eventDescription {
  opacity: 1;
  cursor: pointer;
  top: 20px;
}

/* ++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++     CASE STUDIES */
.caseStudyWrapper {
  display: inline-block;
  background: #E8EAE5;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 20px 20px 20px 50px;
  margin-bottom: 10px;
}
.caseStudyWrapper:hover,
.caseStudyWrapper:hover a {
  color: #fff;
}
.caseStudyWrapper:hover a {
  outline: 1px solid #fff;
 }
 .caseStudyWrapper:hover p {

 }
.caseStudyName {
  font-size: 130%;
  padding-bottom: 10px;
  display: block;
  font-weight: 300;
}
.caseStudyWrapper p {
  font-weight: 300;
  padding-right: 50px !important;
}
.caseStudyWrapper a {
  display: inline-block;
  outline: 1px solid #4e4e4e;
  padding: 5px;
  color: #4a4a4a;
}
.caseStudyWrapper a.readMore {
  margin-bottom: 5px;
}
.caseStudyWrapper a:hover {
  color: #fff;
  text-decoration: none
}
.caseStudyLogo {
  width: 100%;
  padding-bottom: 50%;
  background-position: 0 0;
  background-size: 100%;
  display: block;
  background-repeat: no-repeat;
}
.caseStudyLogo:hover {
  background-position: 0 0;
 }

#mainColumn .caseStudyWrapper:nth-of-type(odd) .column-9-12 {
  float: right;
 }
 #mainColumn .caseStudyWrapper:nth-of-type(even) .column-9-12 {
  float: left;
 }
#mainColumn .caseStudyWrapper:nth-of-type(odd) .column-9-12 p {
  padding-right: 0 !important;
  text-align: right;
  padding-left: 50px;
 }
#mainColumn .caseStudyWrapper:nth-of-type(odd) .column-9-12 p a,
#mainColumn .caseStudyWrapper:nth-of-type(odd) .readMore,
#mainColumn .caseStudyWrapper:nth-of-type(odd) .downloadLink {
  float: right;
}
#mainColumn .caseStudyWrapper:nth-of-type(odd) .caseStudyName {
  text-align: right
}
/* ++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++     SINGLE */

#articleMeta {
    color: #000;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
}
#articleMeta span.postTags {
    font-size: 135%;
}
#articleHeader {
    color: #000;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
}
span.mainNumber {
    font-size: 210%;
    font-family: 'Lato', sans-serif;
}
span.articleDate,
span.articleMeta {
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
}
#articleMeta strong {

}
.single .cmsContent p:first-of-type {
    padding-top: 35px;
    font-weight: bold;
}
.single .cmsContent #ContactPageForm p:first-of-type {
    padding-top: 0;
}
.postImage {
    margin: 0;
    width: 100%;
    background: #fff;
    height: 250px;
    overflow: hidden;
}
.postImage img {
  height: auto;
  min-height: 250px;
  width: 100%;
}
h1#articleTitle {
    color: #333;
    font-size: 40px;
    line-height: 1.1em;
    padding: 0 0 0.6em;
    text-transform: uppercase;
    width: 90%;
}
h1#articleTitleSmall {
    color: #333;
    font-size: 170%;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 5px;
}

h2.sectionTitle {
    font-size: 22px;
    line-height: 0.7em;
    text-transform: uppercase;
}
h2.sectionTitle.related {
    border-bottom: 10px solid white;
    margin: 35px 0 0 0;
    padding-bottom: 10px;
}
h2.sectionTitle.border {
    border-bottom: 1px solid #000;
    margin: 0 0 10px;
}

h2.sectionTitle span {
    display: inline-block;
    font-weight: 500;
}
.cmsContent h2,
.cmsContent h3,
.cmsContent h4,
.cmsContent h5,
.cmsContent h6 {
    padding: 1em 0 1.5em 0
}
.cmsContent h2 {
    font-size: 150%;
    font-weight: 500;
    padding: 0.8em 0 .5em 0;
}
.cmsContent h2 a {
   color: #3f5281;
 }
.cmsContent h3 {
    font-size: 130%;
    font-weight: 500;
}
.cmsContent h4 {
    font-size: 120%;
}
.cmsContent h5 {
    font-size: 110%;
}
.cmsContent h6 {
    font-size: 100%;
    font-weight: 300
}

.cmsContent ul, .cmsContent ol {
    list-style: disc;
    padding: 0 0 1em 0;
    margin-left: 2em;
    font-size: 130%;
}

.cmsContent ul li {
    line-height: 1.3em;
    list-style: disc;
}

.cmsContent ol li {
    list-style: decimal;
    line-height: 1.3em;
}

table {
    line-height: 1.3em;
    list-style: decimal;
    font-size: 120%;
    margin: 0 auto 20px;
}
table td, table th {
    padding: 5px 10px;
    text-align: center;
}
table tr:nth-child(even) {
    background-color: #dddddd;
}
table.newsletter td {
    font-size:100%;
    font-family:'Lato', Arial, sans-serif;
}
table.newsletter td img {
    display: inline;
}
table.newsletter tr:nth-child(even) {
    background-color: #ffffff;
}
.cmsContent blockquote {
    border-top: 5px solid #67bdc5;
    font-family: museo-sans-n7, museo-sans, sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 4px 0 1em;
    padding: 5px 0 0;
}

.cmsContent blockquote p {
    padding: 0;
}
.cmsContent img.alignright {
    float: right;
    margin: 0 0 0 10px;
}
.cmsContent img.alignleft {
    float: left;
    margin: 0 10px 0 0;
}
#articleRelated .item-wrapper {
    position: relative;
    min-height: 120px;
    overflow: hidden;
}
#articleRelated #related-1 .item-wrapper {
  height: 250px;
}
#articleRelated #related-2 .item-wrapper {
}

.sideStoriesContainer {
  height: 250px;
  overflow: hidden;
}
#sideSec3 {
  min-height: 385px
}
#sidebar #sideTop3 .nw,
#sidebar #sideThird3 .nw,
#sidebar #sideFour3 .nw,
#sidebar #sideFifth2 .wp {
  width: 100%;
  min-height: 250px;
  /* for IE */
  height: 250px;
}
#sidebar #sideTop3 .wp,
#sidebar #sideTop3 .cs,
#sidebar #sideThird3 #side-2 .nw,
#sidebar #sideFour3 .wp,
#sidebar #sideFour3 .cs,
#sidebar #sideFifth2 #side-2 .nw,
#sidebar #sideSixth .nw,
#sidebar #sideSeven .nw {
  width: 100%;
  min-height: 120px;
  /* for IE */
  height: 120px;
}
#sidebar #sideSec3 .nw {
  width: 100%;
  min-height: 385px;
  /* for IE */
  height: 385px;
}
#sidebar #sideSec3 #side-2 .nw {
  width: 100%;
  min-height: 247px;
  /* for IE */
  height: 247px;
}
#sidebar .item-wrapper {
  display: inline-block;
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
#sideFifth2 .item-wrapper:first-child,
#sideSeven .item-wrapper:first-child {
  margin-bottom: 10px;
}










#related-2 {
    background-color: white;
}
.item-image.contain {
  display: inline-block;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: 250px;
}
#side-1 .item-image,
#side-2 .item-image {
    display: inherit;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}
#related-1 .item-image,
#related-2 .item-image {
       display: inherit;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}
#mainColumn #articleRelated p{
  font-size: 100%
}
#sidebar {
   position: relative
}
.single #singleOverlay,
.page-template-template-text #singleOverlay,
.page-template-template-services-col #singleOverlay,
.page-template-template-careers #singleOverlay,
.page-template-template-default #singleOverlay,
.category #singleOverlay,
.tag #singleOverlay {
   transition: all 0.4s ease-in-out;
   background-color: rgba(255,255,255,.6);
   left: 1.6%;
}
.page-template-template-knowledge_home #singleOverlay {
   transition: all 0.4s ease-in-out;
   background-color: rgba(255,255,255,.6);
   left: 0;
   opacity: 0;
}
.single #sidebar:hover #singleOverlay,
.page-template-template-text #sidebar:hover #singleOverlay,
.page-template-template-services-col #sidebar:hover #singleOverlay,
.page-template-template-careers #sidebar:hover #singleOverlay,
.page-template-template-default #sidebar:hover #singleOverlay,
.category #sidebar:hover #singleOverlay,
.tag #sidebar:hover #singleOverlay {
  z-index: -1;
  background-color: rgba(255,255,255,0);
}

.single #sidebar #singleOverlay:hover {
 background-color: rgba(255,255,255,0);
}

#sideFifth2 #side-1 .item-image{
   /* min-height: 125px;
    max-height: 125px*/
}
#related-1 .item-wrapper .item-others,
#side-1 .item-wrapper .item-others,
#related-2  .item-wrapper .item-others,
#side-2  .item-wrapper .item-others {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    transition: all 0.5s ease-out;
    padding-top: 10px
}
#related-1 .item-wrapper:hover .item-others,
#side-1 .item-wrapper:hover .item-others,
#related-2  .item-wrapper:hover .item-others,
#side-2  .item-wrapper:hover .item-others {
    bottom: -10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
#side-2  .nw.alt .item-wrapper:hover .item-others {
    bottom: -10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
#related-1 .item-wrapper:hover .item-others.pu,
#side-1 .item-wrapper:hover .item-others.pu,
#related-2  .item-wrapper:hover .item-others.pu,
#side-2  .item-wrapper:hover .item-others.pu {
  background: rgba(85,20,101,.66);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
#related-1 .item-wrapper:hover .item-others.bl,
#side-1 .item-wrapper:hover .item-others.bl,
#related-2  .item-wrapper:hover .item-others.bl,
#side-2  .item-wrapper:hover .item-others.bl {
  background: rgba(63,82,129,.7);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.item-others p {
    color: #fff;
    font-size: 80%;
    line-height: normal;
    padding-top: 10px;

}
#articleRelated span.articleDate,
#articleRelated span.articleMeta,
#sidebar span.articleDate,
#sidebar span.articleMeta {
    color: #fff;
    display:inline;
    font-size: 55%;
}
#articleRelated span.articleMeta,
#sidebar span.articleMeta {
    padding-left: 0;
}
#articleRelated span.articleMeta a:link,
#articleRelated span.articleMeta a:visited,
#sidebar span.articleMeta a:link,
#sidebar span.articleMeta a:visited,
a.single-read-more:link,
a.single-read-more:visited {
    color: white;
    text-decoration: underline
}
#articleRelated span.articleMeta a:hover,
#articleRelated span.articleMeta a:active,
#sidebar span.articleMeta a:hover,
#sidebar span.articleMeta a:active,
a.single-read-more:hover,
a.single-read-more:active {
    color: white;
}

.single.whitepapers #mainColumn {
    background: none;
}
#articleMainContentStripe {


}
#articleMainContentStripe .curly {
    display: block;
    font-size: 400%;
    line-height: 70px;
    margin: 0 auto;
    max-height: 40px;
    text-align: center;
    width: 30%;
}
#articleMainContentStripe .curly:before {
  content: "\f10d";
  font-family: FontAwesome;
  font-size: 70%
}
.single .cmsContent #articleMainContentStripe p:first-of-type {
    padding: inherit;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    padding-top: 25px;
}
.quoteAuthor {
    color: #333;
    font-size: 80%;
    font-weight: 700;
    padding: 10px 0 70px 0;
    display: block;
}
.singleClientMenu {
    padding: 0 0 70px 0;
}
.singleClientMenu li:before {
    /* TO DO convert into entities code */
/*    content: ".";
    font-size: 461%;
    line-height: 0;*/
}
.cmsContent .singleClientMenu ul {
    font-size: 100%;
    margin-left: .8em;

}
.cmsContent .singleClientMenu li {
    padding: 0 0 15px 0;
    list-style: none
}
.singleClientMenu a {
    color: #333;
    font-weight: normal;
    text-decoration: underline
}
#singleClientMenu a:hover  {
    text-decoration: none
}
.singleClientList {
  font-size: 140%;
  margin-top: 10px
}
.singleClientList .cWrap {
  margin-top:30px;
}
.singleClientList .logo {
  margin: 10px auto 40px;
  width: 96%;
  max-width: 200px;
  height:auto;
  max-height: 100px;
  padding-bottom: 100px;
  background-position: 0 0;
  background-size: 100% 200%;
  display: block;
}
.singleClientList .logo:hover {
    background-position: 0 100%;
 }

#articleSharing {
    font-size: 0;
    display: inline-block;
}

#articleSharing h2.sectionTitle {
    display: inline-block;
    margin: 0 20px 0 0;
}

.addthis_sharing_toolbox {
    display: inline-block;
    height: 20px;
    vertical-align: bottom;
}

#articleSharing a {
    background-image: url(images/sharing-icons.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    margin: 0 20px 0 0;
    text-indent: -9999em;
    width: 23px;
}

#articleSharing a.at-svc-facebook {
    background-position: 0 -20px;
}

#articleSharing a.at-svc-email {
    background-position: 0 -40px;
}

#articleSharing a.at-svc-favorites {
    background-position: 0 -60px;
}

#articleSharing a.at-svc-print {
    background-position: 0 -80px;
    margin-right: 0;
}

#articleSharing a span {
    background: none !important;
    display: inline-block !important;
    height: 20px !important;
    width: 23px !important;
}

/* ++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++     CATEGORY */

body.category #mainColumn, body.tag #mainColumn {
    min-height: 2580px;
}

#catFeed {
  position: relative;
}
.catName:before {
  content: "KNOWLEDGE: ";
}
.categoryFeedItem {
  display: inline-block;
  clear: both;
  height: 250px;
  width: 100%;
  /*transition: all 1s ease-out;*/
}
.categoryFeedItem.activeClicked {
  position: absolute;
  top: 0
}
.categoryFeedItem.makeWay {
  padding-top: 250px;
 }
 .makeWay.activeClicked {
   padding-top: 0 !important;
 }
.cmsContent h2.articleTitleCatPage {
  padding-top: 0;
}
.categoryFeedItem .nw {

}
.categoryFeedItem .item-wrapper {
  display: inline-block;
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  min-height: 250px;
}
.categoryFeedItem .item-wrapper a.clickThrough {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.activeClicked .item-wrapper {
  border-bottom: 5px solid #fff;
  z-index: 100;
}
.categoryFeedItem .item-image {
  display: inherit;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.categoryFeedItem .item-wrapper .item-others {
  cursor: pointer;
  position: absolute;
  z-index: 3;
  bottom: 0;
  opacity: 1;
  transition: all 0.5s ease-out;
}
.categoryFeedItem .item-wrapper .over-lay {
  opacity: 1;
  transition: opacity 0.5s ease-out;
}
.categoryFeedItem .item-wrapper:hover .item-others {
   bottom: -60px;
 }
.categoryFeedItem  .item-wrapper:hover .item-others.bl {
   background: rgba(63,82,129,.7);
   width: 100%;
 }
.categoryFeedItem  .item-wrapper:hover .item-others.pu {
   background: rgba(85,20,101,.66);
   width: 100%;
 }
.categoryFeedItem .item-others h3 {
  line-height: 1em;
  font-weight: 500;
  padding-top: 5px;
}
.categoryFeedItem .item-others span {
  color: #fff;
  display: inline;
  font-size: 55%;
}
.categoryFeedItem .item-others p {
  color: #fff;
  font-size: 80%;
  line-height: normal;
  padding-top: 10px;
 }

.categoryFeedItem.activeClicked .cmsContent,
.categoryFeedItem.active .cmsContent {
  opacity: 1;
  background: white;
}
.categoryFeedItem .cmsContent {
  opacity: 0;
  transition: all 0.5s ease-out;
  position: relative;
    right: 0;
    z-index: 100;
}
.categoryFeedItem .cmsContent.dontShow {
  display: none;
}
.categoryFeedItem .cmsContent.Show {
  display: block;
}
  /* pagination */
.navigation {
  display: inline-block;
  width: 100%;
  clear: both;
  padding: 20px 0;
}
.navigation span.title {
  display: none;
}
.navigation ol li {
   float: left;
   margin: 0 10px 0 0;
   font-size: 130%;
}
.navigation .page {
   padding:5px 10px;
   background:#eee;
   border:#00b7d2 solid 1px;
   -webkit-transition: background 1s; transition: background 1s;
}
.navigation .page:hover {
   background:#00b7d2;
   color:#fff;
   text-decoration:none;
   -webkit-transition: background 1s; transition: background 1s;
}
.category .active .over-lay.cat,
.category .active .item-others.cat,
.category .activeClicked .over-lay.cat,
.category .activeClicked .item-others.cat {
  display: none;
}
.sitemap-page ul li, .sitemap-page ul ul li, .sitemap-page ul ul ul li, .cmsContent .sitemap-page ul {
 font-size:100%;
}

/* 10. FOOTER / SIDEBAR
--------------------- */

footer {
    background: #333;
    color: #FFF;
    padding: 10px 0 0;
    margin: 0 0 0 15px;
}
#footerPanel4 {
  padding-right: 5%;
}
#footerInner,
#copyrightInner {
    padding: 0;
}
#copyrightInnerLeft {
    float: left;
    width: 50%;
}
#copyrightInnerLeft {
  margin-left: 25px;
}
#copyrightInnerRight {
  margin-right: 15px;
    width: 45%;
    float: left;
}
.socMedFooter {
    display: inline-block;
    float: right;
    margin-right: 10px;
    width: 100%;
    text-align: right;
}
.fMenu {
  margin-top: 10px;
}
.fMenu .menu li {
  float: left;
  top: 0;
  margin: 0 15px 0 0 ;
}
.fMenu .menu li a {
  text-indent: 0;
  text-transform: none;
  font-weight: 400;
  font-size: 10px;
  text-decoration: underline
}
.fMenu .menu li a:hover {
  text-decoration: none
}
#footerTop {
    padding: 0 0 10px;
}
#footerTop h2 {
    color: #fff;
    padding-top: 75px;
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 25px;
}
#footerPanel1 p {
    padding-right:  3em;
}

#footerArrowLinks {
    float: right;
    padding: 23px 0 0;
    width: 25%;
}

#footerArrowLinks a {
    background: url(images/circle-arrow-24.png) no-repeat;
    color: #FFF;
    display: block;
    font-family: museo-sans-condensed-n3, museo-sans-condensed, sans-serif;
    font-size: 25px;
    line-height: 24px;
    margin: 0 0 10px;
    padding: 0 0 0 34px;
    text-transform: uppercase;
}

#footerBottom {
    position: relative;
}

#footerBottomLeft {
    float: left;
    width: 20%;
}

#footerLogo {
    margin: 0 0 20px;
    width: 80%;
}
#footerLogo img {
    max-width: 337px;
}
#footerTop .review-card img {
    display:inline;
    max-width:82px;
}

p.phoneNumber {
    font-size: 150%;
    line-height: 25px;
    padding: .5em 0 1em 0;
}

.partnersLogo {
    margin: 0 0 10px 0;
}
.partnersLogo img {
    max-width: 200px;
}
#footerTop form {
  padding-top: 3px;
  max-width: 65%
}

.footerMenu {
    float: left;
    font-family: museo-sans-condensed-n3, museo-sans-condensed, sans-serif;
    padding: 0 0 25px;
    width: 20%;
}

.footerMenu:before {
    background: #FFF;
    bottom: 0;
    content: "";
    font-size: 0;
    position: absolute;
    top: 0;
    width: 5px;
}

#footerMenu1:before {
    left: 20%;
}

#footerMenu2:before {
    left: 40%;
}

#footerMenu3:before {
    left: 60%;
}

#footerMenu4:before {
    left: 80%;
}

.footerMenu h4 {
    font-family: museo-sans-condensed-n5, museo-sans-condensed, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2em;
    margin: 0 0 0.2em;
    padding: 0 0 0 15px;
    text-transform: uppercase;
}

.footerMenu ul {
    padding: 0 0 0 15px;
}

.footerMenu li {
    line-height: 1.3em;
}

.footerMenu li a {
    color: #FFF;
}

#copyright {
    color: #6e6e71;
    font-size: 10px;
    padding: 15px 0 40px;
}

#copyright a {
    color: #6e6e71;
}

#footerLegalMenu {
    margin: 0 0 0.5em;
}

#footerLegalMenu li {
    display: inline-block;
    line-height: 12px;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    position: relative;
}

#footerLegalMenu li:after {
    background: #6e6e71;
    content: "";
    font-size: 0;
    height: 10px;
    position: absolute;
    right: 0;
    top: 1px;
    width: 1px;
}

    /* sidebar */
.over-lay {
    background: rgba(85,20,101,.66);
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2;
}
.over-layBkg {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2;
}
.over-lay2 {
    background: rgba(85,20,101,.26);
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2;
}
.over-lay.turquoise {
    background: rgba(24,146,145,.7);
}
.over-lay.blueSidebar {
    background: rgba(63,82,129,.7);
}
.over-lay.purpleSidebar {
    background: rgba(85,20,101,.66);
}
.projectIndInner:hover .over-lay {
    z-index:10
}
.over-lay.turquoise a,
.over-lay a {
    display: block;
    height: 100%
}
#sidebar h3 {
    line-height: 1em;
    font-weight: 500;
}



/* 11. PLUGINS SPECIFIC
--------------------- */

    /* CONTACT 7 */
input.contactFooter,
textarea.contactFooter {
  max-width: 90%;
  width: 90%;
  border: 0;
  text-indent: 10px;
}
#footerInner input,
.wpcf7-form input {
  height: 30px;
  width: 100%;
}
#footerInner textarea,
.wpcf7-form textarea {
  height: 80px;
}
.wpcf7-form textarea {
  background: #f0f0f0;
  padding-top: 5px;
  border: 1px solid #ccc;
}
.wpcf7-form input {
  text-indent: 10px;
  text-indent: 10px;
  background: #f0f0f0;
  border: 1px solid #ccc;
}
.cmsContent .wpcf7-form input {
  width: auto;
}
.wpcf7 .wpcf7-list-item-label {
  position: relative;
  top: -10px;
  font-size: 90%;
}
.wpcf7-form input[type="radio"] {

}
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form input[type=tel] {
  width: 60%;
}
#footerInner input[type=submit],
.wpcf7-form  input[type=submit],
#contactFirstRow4 .wpcf7-form input[type=submit]{
    height: 35px;
    background: #333;
    outline: 1px solid white;
    color: #fff;
    padding: 5px;
    text-transform: uppercase;
    text-indent: 0
}
#contactFirstRow4 .wpcf7-form input[type=submit] {
  width: 40%;
}
#contactFirstRow4 .wpcf7-form input:hover[type=submit] {
  color: #00ceec;
  cursor: pointer;
}
#ContactPageForm .wpcf7-form input[type=submit] {
    width: 40%;
    background: #f27030;
    color: #fff;
    font-size: 120%;
    outline: 1px solid;
    -webkit-transition: background 1s;
    transition: background 1s;
}
#ContactPageForm .wpcf7-form input:hover[type=submit] {
  background: #3cb899;
  cursor: pointer;
  -webkit-transition: background 1s;
  transition: background 1s;
}
#footerInner input[type=submit] {
  max-width: 40%
}
#footerInner input:hover[type=submit],
.wpcf7-form input[type=submit] {
  color: #00ceec;
  cursor: pointer;
}
div.wpcf7-mail-sent-ok {
  border: 2px solid #fff;
  margin: 0;
  width: 85%;
}
#ContactPageForm span.wpcf7-list-item {
    margin: 0 1em 0 0;
}

  /* MASHSHARER */
.mashsb-container {
  clear: both;
}
.mashsb-buttons a {
  padding: 10px !important;
  min-width: 11% !important; }
[class*=" mashicon-"] .text,
[class^=mashicon-] .text {
  display: none !important
}
.mashsb-count {
  margin: 0 10px 0 0 !important;
  font-size: 20px
}
.mashsb-count .counts,
.mashsb-sharetext {
    color: #3f5281 !important;
    font-weight: 300 !important;
    font-family: 'Lato', sans-serif !important;
  }
.mashsb-count .counts {
    font-size: 20px !important;
    padding-top: 5px !important;
}
.mashsb-count .mashsb-sharetext{
    position: relative;
    top: -5px;
}
.homeColumn .mashsb-count {
  padding-left: 2% !important;
}
.homeColumn .mashsb-count .counts,
.homeColumn .mashsb-count .mashsb-sharetext {
  color: #fff !important;
}

 /* mailchimp */
#contactFirstRow4 form {
  padding: 0 10px 30px 10px !important
}
#contactFirstRow4 input {
  max-width: 55% !important;
}
#contactFirstRow4 form p {
  display:inline;
}
#contactFirstRow4 .wpcf7-submit {
  outline: 1px solid #fff;
  background: #333 !important;
  padding: 5px 7px !important;
  margin: 0 0 0 10px !important;
  height: auto !important;
  line-height: normal !important;
  text-transform: uppercase
}
#contactFirstRow4 .wpcf7-submit:hover {
  color: #00ceec;
}

  /* reCaptcha */
.g-recaptcha {
  margin-bottom: 10px;
}

nav {
    float: left;
    font-size: 0;
    padding: 3px 0 0;
    white-space: nowrap;
}

nav li {
    display: inline-block;
    padding: 0 13px 0 0;
}

nav li a {
    border-bottom: 3px solid transparent;
    color: #FFF !important;
    display: inline-block;
    font-family: museo-sans-condensed-n5, museo-sans-condensed, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase;
}

nav li.hasDropdown a:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #FFF;
    content: "";
    display: inline-block;
    font-size: 0;
    margin: 0 0 0 3px;
}

#megaDropdown {
    background: #4f69a0;
    left: 0;
    position: fixed;
    top: 63px;
    width: 100%;
    z-index: 25;
}

#megaDropdownInner {
    padding: 0 0 0 50px;
}

#megaDropdownInner .column {
    width: 20%;
}

.megaDropdownText {
    color: #FFF;
    font-size: 13px;
    height: 200px;
    padding: 20px;
}

#megaDropdownInner article {
    color: #FFF;
    font-size: 13px;
    padding: 20px 0 0;
}

#megaDropdownInner article a.imageRollover {
    margin-bottom: 10px;
}

#centerLogos {
    background: url(images/center-logos.png) no-repeat;
    float: right;
    height: 24px;
    width: 139px;
}

#centerLogos a {
    display: block;
    float: left;
    height: 100%;
    width: 50%;
}

#toolbar {
    font-size: 0;
    left: 15px;
    position: absolute;
    top: 60px;
}

a.toolbarIcon {
    background: #9dc44e;
    display: block;
    height: 35px;
    margin: 0 0 15px;
    position: relative;
    text-indent: -9999em;
    width: 35px;
    z-index: 5;
}

a.toolbarIcon:hover,
a.toolbarIcon.open {
    background: #FFF;
}

a.toolbarIcon:hover {
    box-shadow: 0 0 5px #999;
}

a.toolbarIcon.open {
    box-shadow: none !important;
}

a.toolbarIcon:after {
    background: url(images/toolbar-icons.png) no-repeat;
    content: "";
    height: 26px;
    left: 50%;
    margin: -13px 0 0 -13px;
    position: absolute;
    top: 50%;
    width: 26px;
}

a#toolbarSearch:hover:after,
a#toolbarSearch.open:after {
    background-position: 0 -78px;
}

a#toolbarTwitter:after {
    background-position: 0 -26px;
}

a#toolbarTwitter:hover:after {
    background-position: 0 -104px;
}

a#toolbarContact:after {
    background-position: 0 -52px;
}

a#toolbarContact:hover:after,
a#toolbarContact.open:after {
    background-position: 0 -130px;
}

#searchWrapper {
    left: 0;
    position: absolute;
    top: 0;
    width: 485px;
}

#searchWrapper input.text {
    background: #9dc44e;
    box-shadow: 0 0 5px #999;
    color: #FFF;
    font-family: museo-sans-condensed-n3, museo-sans-condensed, sans-serif;
    font-size: 26px;
    height: 35px;
    line-height: 31px;
    padding: 2px 44px 2px 40px;
}

#searchWrapper ::-webkit-input-placeholder {
   color: #cee1a6;
}

#searchWrapper :-moz-placeholder {
   color: #cee1a6;
}

#searchWrapper ::-moz-placeholder {
   color: #cee1a6;
}

#searchWrapper :-ms-input-placeholder {
   color: #cee1a6;
}

#searchWrapper a.submit {
    background: url(images/circle-arrow-24.png) no-repeat;
    height: 24px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 24px;
}

#contactDropdownWrapper {
    background: #9dc44e;
    box-shadow: 0 0 5px #999;
    color: #FFF;
    font-size: 19px;
    left: 0;
    padding: 15px 15px 15px 50px;
    position: absolute;
    top: 100px;
    width: 420px;
}

#contactDropdownWrapper:after {
    background: url(images/center-logos.png) no-repeat;
    content: "";
    display: block;
    height: 24px;
    width: 139px;
}

#contactDropdownWrapper h4 {
    font-family: museo-sans-condensed-n5, museo-sans-condensed, sans-serif;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.2em;
    text-transform: uppercase;
}

#contactDropdownWrapper h6 {
    font-size: 14px;
    line-height: 1.3em;
    padding: 0 0 1em;
}

#contactDropdownWrapper a {
    color: #FFF;
}

#titleRight {
    color: #000;
    font-family: compacta_bd_btbold, sans-serif;
    font-size: 26px;
    line-height: 0.75em;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
}

#titleRight a {
    color: #000;
}

a#backToTop {
    bottom: 10px;
    height: 49px;
    left: 95%;
    margin-left: -9px;
    position: absolute;
    width: 50px;
    opacity: 0.3;
    transition: opacity 1s;
    background: url(images/arrow-up.png);
}

a#backToTop:hover {
    opacity: 1;
    transition: opacity 1s;
}


body.tools-gadgets #articleMainContent p:last-child:after {
    background-position: 0 -10px;
}

body.expert-advice #articleMainContent p:last-child:after {
    background-position: 0 -20px;
}

body.pollards-pointers #articleMainContent p:last-child:after {
    background-position: 0 -30px;
}

body.page-template-template-product-php #articleMainContent p:last-child:after {
    background-position: 0 -40px;
}

#articleMainContent blockquote p:last-child:after {
    display: none;
}







/* Colours */

nav li.lightGreen a:after,
.topBorderLightGreen {
    border-top-color: #9dc44e;
}

nav li.green a:after,
.topBorderGreen {
    border-top-color: #008e53;
}

nav li.lightBlue a:after,
.topBorderLightBlue {
    border-top-color: #00ace0;
}

nav li.blue a:after,
.topBorderBlue {
    border-top-color: #004281;
}

nav li.teal a:after,
.topBorderTeal {
    border-top-color: #67bdc5;
}

nav li.orange a:after,
.topBorderOrange {
    border-top-color: #f7941f;
}

nav li.yellow a:after,
.topBorderYellow {
    border-top-color: #ffd500;
}

nav li.white a:after,
.topBorderWhite {
    border-top-color: #FFF;
}

nav li.current_page_item.lightGreen a,
body.news nav li.lightGreen a,
body.page-template-template-news-php header,
body.news header,
.botBorderLightGreen {
    border-bottom-color: #9dc44e;
}

nav li.current_page_item.green a,
body.tools-gadgets nav li.green a,
body.page-template-template-gadgets-php header,
body.tools-gadgets header,
.botBorderGreen {
    border-bottom-color: #008e53;
}

nav li.current_page_item.lightBlue a,
.botBorderLightBlue {
    border-bottom-color: #00ace0;
}

nav li.current_page_item.blue a,
.botBorderBlue {
    border-bottom-color: #004281;
}

nav li.current_page_item.teal a,
.botBorderTeal {
    border-bottom-color: #67bdc5;
}

nav li.current_page_item.orange a,
body.pollards-pointers nav li.orange a,
body.page-template-template-pollard-php header,
body.pollards-pointers header,
.botBorderOrange {
    border-bottom-color: #f7941f;
}

nav li.current_page_item.yellow a,
nav li.current-page-ancestor.yellow a,
body.page-template-template-product-landing-php header,
body.page-template-template-product-index-php header,
body.page-template-template-product-php header,
.botBorderYellow {
    border-bottom-color: #ffd500;
}

nav li.current_page_item.white a,
body.expert-advice nav li.white a,
body.page-template-template-expert-advice-php header,
body.expert-advice header,
.botBorderWhite {
    border-bottom-color: #FFF;
}

.botBorderBlueTint {
    border-bottom-color: #95a7c2;
}

.lightGreenBG,
body.news #articleSharing a {
    background-color: #00b7d2;
}

.greenBG,
body.tools-gadgets #articleSharing a {
    background-color: #008e53;
}

.lightBlueBG {
    background-color: #00ace0;
}

.blueBG,
body.expert-advice #articleSharing a {
    background-color: #004281;
}

.tealBG {
    background-color: #67bdc5;
}

.orangeBG,
body.pollards-pointers #articleSharing a {
    background-color: #f7941f;
}

.yellowBG,
body.page-template-template-product-php #articleSharing a {
    background-color: #ffd500;
}

.whiteBG {
    background-color: #FFF;
}

.blueTintBG {
    background-color: #95a7c2;
}

.lightGreen {
    color: #9dc44e;
}

.green {
    color: #008e53;
}

.lightBlue {
    color: #00ace0;
}

.blue {
    color: #004281;
}

.teal,
.cmsContent blockquote {
    color: #67bdc5;
}

.orange {
    color: #f7941f;
}

.yellow {
    color: #ffd500;
}

.white {
    color: #FFF;
}

.blueTint {
    color: #95a7c2;
}

.black {
    color: #000 !important;
}

/* Homepage */

#homeInterviewText,
#homeTechnicalText {
    font-size: 13px;
    padding: 14px 10px;
}

#homeTechnicalText {
    color: #FFF;
}

#homeInterviewText h3 {
    font-family: museo-sans-n5, museo-sans, sans-serif;
    font-size: 13px;
    font-weight: 500;
    padding: 0 0 0.2em;
}

#homeTechnicalText h3 {
    font-family: museo-sans-n5, museo-sans, sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding: 0 0 0.2em;
    text-transform: uppercase;
}

p.interviewQuote {
    font-family: museo-sans-n7, museo-sans, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

#homeTags {
    padding: 10px 5px 5px;
    text-align: center;
    display: none;
}

#homeTags a {
    border: 1px solid #FFF;
    color: #FFF;
    display: inline-block;
    font-family: museo-sans-condensed-n5, museo-sans-condensed, sans-serif;
    font-size: 13px;
    font-weight: 500;
    margin: 0 5px 5px;
    padding: 3px;
}

#homeWhatsNew {
    font-size: 13px;
    padding: 14px 10px 39px;
}

#homeWhatsNewLogos {
    background: url(images/center-logos-grey.png) right top no-repeat;
    height: 24px;
    margin: 10px 12px 0 0;
}



/* Post Index */

.loadingWrapper {
    border-bottom: 1px solid #000;
}

.loadingWrapper.grey {
    background: #ebebeb;
}

.loadingWrapper.darkGrey {
    background: #363636;
    border-bottom: 0;
    position: relative;
}

.loadingWrapper.grey .negMargins10,
.loadingWrapper.darkGrey .negMargins10 {
    padding: 15px 15px 0;
}

.leadingWrapper {
    background: #4e4e4e;
    color: #FFF;
    font-size: 16px;
    position: relative;
}

.expertLeading {
    color: #FFF;
    position: relative;
}

.leadingImage {
    height: 100%;
    left: 0;
    position: absolute !important;
    top: 0;
}

.leadingText {
    padding: 15px 20px 28px;
}

.leadingText h2 {
    color: #bfbfbf;
    font-family: museo-sans-condensed-n5, museo-sans-condensed, sans-serif;
    font-size: 26px;
    font-weight: 500;
    padding: 0 0 0.1em;
    text-transform: uppercase;
}

.leadingText h2 span.titlePart1 {
    display: block;
    font-size: 17px;
    line-height: 1.2em;
}

.leadingText h2 a {
    color: #bfbfbf;
}

.expertLeading .leadingText h2,
.expertLeading .leadingText h2 a {
    color: #d9d9d9;
}

.postWhite {
    background: #FFF;
    padding: 0 0 28px;
    position: relative;
}

.postQuestion {
    color: #FFF;
    display: block;
    font-family: museo-sans-condensed-n5, museo-sans-condensed, sans-serif;
    font-size: 13px;
    font-weight: 500;
    padding: 15px 10px 28px 80px;
    position: relative;
}

.postQuestion:before {
    background: #FFF;
    border-radius: 10px;
    color: #004281;
    content: "Q";
    font-family: museo-sans-n7, museo-sans, sans-serif;
    font-size: 45px;
    font-weight: 700;
    height: 60px;
    left: 10px;
    line-height: 60px;
    position: absolute;
    text-align: center;
    top: 15px;
    width: 60px;
}

.postThumbText {
    height: 72px;
    margin-left: 105px;
    overflow: hidden;
}

.postWhiteText {
    font-size: 13px;
    height: 72px;
    overflow: hidden;
    padding: 5px 10px 0;
}

.postInterviewText {
    color: #FFF;
    height: 72px;
    overflow: hidden;
    padding: 10px 0 0;
}

.postQuestionText {
    height: 162px;
    overflow: hidden;
}

.postThumbText h3,
.postWhiteText h3,
.pollardPostText h3,
.postInterviewText h3,
#homeInterviewText h4,
#homeTechnicalText h4,
#homeWhatsNew h3,
#megaDropdownInner h3 {
    font-family: museo-sans-condensed-n5, museo-sans-condensed, sans-serif;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase;
}

.postThumbText h3,
.pollardPostText h3 {
    font-size: 16px;
}

.postWhiteText h3,
.postInterviewText h3,
#homeInterviewText h4,
#homeTechnicalText h4,
#homeWhatsNew h3,
#megaDropdownInner h3 {
    font-size: 12px;
}

.pollardPostText h3 {
    padding: 0 0 0.2em;
}

#homeTechnicalText h4 {
    padding: 0 0 1em;
}

.postThumbText h3 a,
.pollardPostText h3 a,
#homeInterviewText h3 a {
    color: #4e4e4e;
}

.postWhiteText h3 a,
#homeInterviewText h4 {
    color: #808080;
}

.postInterviewText h3 a,
#homeTechnicalText h3 a,
#homeTechnicalText h4,
#megaDropdownInner article h3 a,
#megaDropdownInner article p a {
    color: #FFF;
}

.postThumbText p,
.postWhiteText p,
.postQuestionText p,
#megaDropdownInner article p {
    line-height: 18px;
}

.postThumb a.imageRollover {
    float: left;
    width: 90px;
}

.pollardPost a.imageRollover {
    float: right;
    width: 90px;
}

a.loadMore {
    color: #808080;
    display: block;
    font-family: compacta_bd_btbold, sans-serif;
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 0 50%;
    padding: 0 0 0 25px;
    position: relative;
    text-transform: uppercase;
}

a.loadMore:hover {
    color: #000;
}

.darkGrey a.loadMore:hover {
    color: #FFF;
}

a.loadMore span.icon {
    background: #000;
    left: 0;
    position: absolute;
    padding: 7px 4px;
    top: 0;
}

a.loadMore span.icon:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #FFF;
    content: "";
    display: block;
}

.date,
.author {
    font-size: 12px;
    text-transform: uppercase;
}

.leadingWrapper .date,
.expertLeading .date,
.leadingWrapper .author {
    font-size: 14px;
}

span.clockIcon {
    background: url(images/clock-icons.png) no-repeat;
    display: inline-block;
    height: 13px;
    margin: 0 4px 0 0;
    vertical-align: middle;
    width: 12px;
}

.date.lightGreen span.clockIcon {
    background-position: 0 -13px;
}

.sponsored {
    color: #FFF;
    font-family: museo-sans-n7, museo-sans, sans-serif;
    font-size: 16px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 20px;
}

.mediaItem .sponsored {
    bottom: 0;
    left: 0;
    right: auto;
    top: auto;
}

.ppLogosGrey {
    background: url(images/center-logos-grey.png) no-repeat;
    display: inline-block;
    height: 24px;
    margin: 0 0 0 10px;
    vertical-align: middle;
    width: 139px;
}



/* Deals/Products */

a.boxLink {
    color: #FFF;
    display: block;
    height: 242px;
}

.boxLinkInner {
    bottom: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    z-index: 5;
}

.boxLinkInner h2,
.hoverSlideshowImages h3 {
    color: #FFF;
    font-family: compacta_bd_btbold, sans-serif;
    font-size: 40px;
    line-height: 1em;
    text-shadow: 0 0 4px #000;
}

.overlay {
    font-size: 0;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10;
}

#dealsWrapper .overlay {
    background: url(images/overlay-teal.png);
}

#productsWrapper .overlay {
    background: url(images/overlay-yellow.png);
}

a.boxLink:hover .overlay {
    display: block;
}

.overlay h3 {
    color: #FFF;
    font-family: museo-sans-n9, museo-sans, sans-serif;
    font-weight: 900;
    line-height: 0.9em;
    margin: 0 0 10px;
    padding: 0 20px;
}

#dealsWrapper .overlay h3 {
    font-size: 50px;
}

#productsWrapper .overlay h3 {
    font-size: 35px;
}

.overlay h3 span {
    border-bottom: 10px solid #000;
    display: inline-block;
    line-height: 0.75em;
}

.overlay .overlayDownloadIcon {
    background: #000;
    margin: auto;
    padding: 10px;
    width: 30px;
}

.overlay .overlayDownloadIcon:before {
    border-top: 15px solid #FFF;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    content: "";
    display: block;
    margin: 0 0 6px;
}

.overlay .overlayDownloadIcon:after {
    background: #FFF;
    content: "";
    display: block;
    height: 5px;
}

.overlay .overlayArrowIcon {
    background: #000;
    margin: auto;
    padding: 10px 0;
    width: 50px;
}

.overlay .overlayArrowIcon:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #FFF;
    border-top: 15px solid transparent;
    content: "";
    display: block;
    margin: auto;
    width: 0;
}

.moreLinksWrapper {
    background: #363636;
    padding: 20px 20px 0;
    text-transform: uppercase;
}

.moreLinksWrapper h3 {
    color: #FFF;
    display: inline-block;
    font-family: compacta_bd_btbold, sans-serif;
    font-size: 26px;
    margin: 0 40px 20px 0;
    vertical-align: top;
}

.moreLinksWrapper h3:after {
    background: url(images/circle-arrow-24.png);
    content: "";
    display: inline-block;
    height: 24px;
    margin: 0 0 0 10px;
    width: 24px;
}

.moreLinksWrapper a {
    display: inline-block;
    font-family: compacta_bd_btbold, sans-serif;
    font-size: 26px;
    margin: 0 40px 20px 0;
    vertical-align: top;
}

/* Products */

#productSearch {
    background: #939598 url(images/search-products-icon.png) 15px 10px no-repeat;
    padding: 10px 54px 10px 65px;
    position: relative;
}

#productSearch input.text {
    background: none;
    color: #ffd500;
    font-family: compacta_bd_btbold, sans-serif;
    font-size: 26px;
    height: 36px;
    line-height: 36px;
    padding: 0;
}

#productSearch ::-webkit-input-placeholder {
   color: #ffd500;
}

#productSearch :-moz-placeholder {
   color: #ffd500;
}

#productSearch ::-moz-placeholder {
   color: #ffd500;
}

#productSearch :-ms-input-placeholder {
   color: #ffd500;
}

#productSearch a.submit {
    background: url(images/circle-arrow-24.png) no-repeat;
    height: 24px;
    position: absolute;
    right: 15px;
    top: 16px;
    width: 24px;
}

#productBottom {
    position: relative;
}

a#buyOnline {
    background: url(images/buy-online.png) no-repeat;
    display: block;
    height: 38px;
    position: absolute;
    right: 0;
    top: -9px;
    width: 203px;
}

/* Social */

#competitionText,
#trainingText {
    color: #4e4e4e;
    font-size: 13px;
}

#trainingWrapper,
#competitionText {
    padding: 10px 10px 14px;
}

#trainingText {
    padding: 10px 0 0;
}

#competitionText h3,
#trainingText h3,
#pollWrapper h3 {
    color: #808080;
    font-family: museo-sans-condensed-n5, museo-sans-condensed, sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 0 0 0.2em;
    text-transform: uppercase;
}

#socialArrowLinks {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 120px;
}

#socialArrowLinks a {
    background: url(images/circle-arrow-17.png) no-repeat;
    color: #FFF;
    display: block;
    font-family: museo-sans-condensed-n3, museo-sans-condensed, sans-serif;
    font-size: 17px;
    line-height: 17px;
    margin: 0 0 5px;
    padding: 0 0 0 27px;
    text-transform: uppercase;
}

/* Polls */

#pollWrapper {
    font-size: 13px;
    padding: 28px 10px 10px;
}

ul.wp-polls-ul {
    margin-left: 0 !important;
}

ul.wp-polls-ul li {
    margin: 0.5em 0 0 !important;
}

#pollWrapper .boxLinkBottom {
    cursor: pointer;
}

/* Search Results */

.searchResult {
    border-bottom: 1px solid #CCC;
}

.searchResult h2 {
    font-family: museo-sans-condensed-n5, museo-sans-condensed, sans-serif;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 0.2em;
}

.searchResult h2 a {
    color: #808080;
}

/* Misc. */

a.noUnderline,
.noUnderlines a,
a.boxLinkBottom,
a.boxLinkTop {
    text-decoration: none !important;
}

.boxLinkBottom,
.boxLinkTop {
    font-family: museo-sans-condensed-n5, museo-sans-condensed, sans-serif;
    font-size: 11px;
    font-weight: 500;
    left: 0;
    line-height: 1em;
    position: absolute;
    right: 0;
    text-transform: uppercase;
}

.boxLinkBottom {
    bottom: 0;
    padding: 0 22px 2px 0;
    text-align: right;
}

.boxLinkTop {
    padding: 3px 0 0 10px;
    text-align: left;
    top: 0;
}

.boxLinkBottom span,
.boxLinkTop span {
    height: 18px;
    position: absolute;
    right: 0;
    width: 18px;
}

.boxLinkBottom span {
    bottom: -5px;
}

.boxLinkTop span {
    top: -5px;
}

span.letterIcon {
    font-family: museo-sans-n7, museo-sans, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}

span.arrowIcon:after {
    border-bottom: 5px solid transparent;
    border-left: 6px solid #FFF;
    border-top: 5px solid transparent;
    content: "";
    left: 6px;
    position: absolute;
    top: 4px;
}

span.quoteIcon:after {
    background: url(images/icon-quote.png) no-repeat;
    content: "";
    height: 8px;
    left: 4px;
    position: absolute;
    top: 5px;
    width: 10px;
}

span.bubbleIcon:after {
    background: url(images/icon-bubble.png) no-repeat;
    content: "";
    height: 12px;
    left: 2px;
    position: absolute;
    top: 3px;
    width: 14px;
}

span.twitterIcon:after {
    background: url(images/icon-twitter.png) no-repeat;
    content: "";
    height: 10px;
    left: 3px;
    position: absolute;
    top: 4px;
    width: 12px;
}

span.starIcon:after {
    background: url(images/icon-star.png) no-repeat;
    content: "";
    height: 12px;
    left: 2px;
    position: absolute;
    top: 3px;
    width: 13px;
}

.videoIcon {
    padding: 0 0 2px 44px;
    text-align: left;
    z-index: 5;
}

.videoIcon span {
    height: 40px;
    left: 0;
    right: auto;
    width: 40px;
}

.videoIcon span:after {
    background: url(images/icon-video.png) no-repeat;
    content: "";
    height: 25px;
    left: 7px;
    position: absolute;
    top: 7px;
    width: 26px;
}

a.imageRollover {
    background: #000;
    display: block;
    overflow: hidden;
    position: relative;
}

a.imageRollover.noResize {
    height: 100%;
    width: 100%;
}

.vCentreParent:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.vCentre {
    display: inline-block;
    vertical-align: middle;
}

.boxShadow {
    box-shadow: 0 0 10px #999;
    position: relative;
}

img.widthControl {
    height: auto;
    width: 100%;
}

.bgCover {
    overflow: hidden;
    position: relative;
}

.bgCover img,
.bgCover iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.botBorder5 {
    border-bottom-style: solid;
    border-bottom-width: 5px;
}

.topBorder5 {
    border-top-style: solid;
    border-top-width: 5px;
}

.separator {
    padding: 0 4px;
}

.relative {
    position: relative;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.hidden {
	display: none;
}

.clearFix:after {
	clear: both;
	content: "";
    display: block;
	font-size: 0;
    height: 0;
	line-height: 0;
}

.mobileOnly,
.ajax-loader {
      display: none;
    }

/* Responsiveness */

@media screen and (max-width: 999px) {

  #mainColumn {
    padding-right: 0;
  }
  h1#pageTitle {
      font-size: 247%;
  }
  /* HOMEPAGE */
  #columnsServicesWrapper .homeColumn,
  #homeProjectsGrid .homeColumn,
  #homeThought .homeColumn {
    width: 50%;
  }
  .projectInd {
    margin-bottom: 10px;
  }
  #homeProjectsGrid .clear.full {
    display: none;
  }
  #homeMainImage,
  #homeMainText {
    height: 50vh;
  }
  #homeMainText h1 {
    font-size: 200%;
    bottom: 30%;
  }
  /* knowledge */
.knowledgeHomeFirstStory .over-lay.purpleSidebar,
.knowledgeHomeFirstStory .item-others {
  opacity: 1;
}

  /* FOOTER */
  #footerPanel1,
  #footerPanel2,
  #footerPanel3,
  #footerPanel4 {
    width: 100%;
    
  }
  #footerTop img {
   width: 100%;
   height: auto
  }
  #footerTop h2 {
  padding-top: 65px
  }
  #footerPanel1 p.phoneNumber,
  #footerPanel1 p {
  padding-right: 0;
  font-size: 110%;
  }
  .tabletHidden {
  display: none;
  }






.centredContent {
        padding: 0 10px;
    }

    #container {
        padding-top: 0;
    }

    header {
        left: auto;
        padding: 16px 0 4px;
        position: relative;
        top: auto;
    }

    #headerInner {
        padding: 0;
    }

    #logo {
        float: none;
        margin: 0 0 15px;
    }

    nav {
        float: none;
        padding: 0;
        white-space: normal;
    }

    nav li {
        margin: 0 0 6px;
    }

    nav li.hasDropdown a:after {
        display: none;
    }

    #centerLogos {
        float: none;
        position: absolute;
        right: 10px;
        top: 0;
    }

    #toolbar {
        left: auto;
        margin: 0 0 15px;
        position: relative;
        top: auto;
        z-index: 5;
    }


    #searchWrapper {
        top: 35px;
        width: 300px;
    }

    #searchWrapper input.text {
        box-shadow: none;
        padding-left: 5px;
    }

    #contactDropdownWrapper {
        box-shadow: none;
        font-size: 15px;
        padding: 10px;
        top: 35px;
        width: 280px;
    }

    #contactDropdownWrapper h4 {
        font-size: 16px;
    }

    #contactDropdownWrapper h6 {
        font-size: 12px;
    }

    #mainInner {
        border-left: 0;
        margin: 0;
        padding: 15px 0 40px;
    }
    /* FOOTER */
    #footerPanel2 {
      margin-bottom: 10px;
    }
    #footerInner,
    #copyrightInner {
        padding: 0;
    }
    #footerTop form {
      max-width: inherit;
    }

    #footerArrowLinks {
        float: none;
        margin: 0 0 0 130px;
        width: auto;
    }

    #footerBottomLeft {
        float: none;
        position: absolute;
        right: 0;
        top: -176px;
        width: 150px;
    }

    #footerPartners {
        margin: 0;
    }

    .footerMenu {
        width: 25%;
    }

    #footerMenu1:before {
        left: 0;
    }

    #footerMenu2:before {
        left: 25%;
    }

    #footerMenu3:before {
        left: 50%;
    }

    #footerMenu4:before {
        left: 75%;
    }

    /* Columns */

    .col-tab {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        float: left;
    }

    .col-tab-4-12 {
        width: 33.333%;
    }

    .col-tab-6-12 {
        width: 50%;
    }

    .page-template-template-team,
    .col-tab-8-12 {
      width: 100%;
    }
    .col-tab-8-12 {
        width: 66.666%;
    }

    #mainColumn {
   	width: 100%;
    }

    #sidebar {
        width: 100%;
        padding-left: 0 !important
    }
      /* Clients Grid */
    #clientsSlideshow .bqWrapper,
    #clientsSlideshow .bbWrapper {
      width: 80%;
    }
      /* Contact */



    /* Margins/Padding */

    .pad-l-tab {
        padding-left: 10px;
    }

    .pad-r-tab {
        padding-right: 10px;
    }

    /* Hover slideshows */

    #mainColumn .hoverSlideshowLinks,
    #mainColumn .hoverSlideshowImages {
        width: 50%;
    }
      /* overwrite */
    .clientsSlideshow .hoverSlideshowImages {
      width: 100% !important;
    }
    .clientsSlideshow .hoverSlideshowImages  > div.blWrapper {
      width: 80%;
      display: table-row-group;
    }

    .hoverSlideshowImages h3 {
        left: 10px;
        top: 10px;
    }

    /* Homepage */

    #homeMain,
    #homeSidebar {
        float: none;
        padding: 0;
        width: auto;
    }
    #homeMainText h2 {
      padding-right: 20px;
    }
    #homeMainText,
    #homeMainImage {
      height: 75vh;
    }
    #videoContainer .homeColumn {
      width: 100%;
    }
    #videoContainer {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      margin: 20px 0;
      padding: 20px;
    }
    #videoContainer h3.homeHeader {
      padding: 20px 0 0 0;
    }
    #videoContainer p {
      padding: 10px 0;
      width: 100%;
    }
    #videoContainer iframe {
      margin: 0;
      width: 100%;
    }




}



@media screen and (max-width: 800px), screen and (max-height:725px) {

    .mobileOnly {
      display: block;
    }
    #mainInner {
    padding-top: 0
    }
    .mobileHidden,
    #pageMasthead,
    #menuLevel1,
    #homeMasthead,
    .page-template-template-knowledge_home #mainColumn,
    .single #sidebar {
    display: none;
    }
    #container {
      min-width: 0;
      padding: 0 !important;
      margin-top: 70px;
    }
    .borderRight10,
    .borderTop10 {
      border: 0;
    }
    .breadcrumbs {
      margin-bottom: 10px
     }
/* HOMEPAGE */
    .home #mainInner {
      padding-top: 0;
    }
    h2.homeSection {
      padding: 0;
    }
    #homeMainText {
      background: linear-gradient(to bottom, rgba(71,71,71,0) 50%,rgba(61,61,61,0.3) 75%,rgba(51,51,5,1) 100%);
      height: 85vh;
    }
    #homeMainImage{
      background-size: cover;
      height: inherit;
    }
    #homeMainText h1 {
      top: 35%;
      position: relative
    }
    #homeMainText h2 {
      position: relative;
      top: 40%;
      padding-right: 5%;
      font-size: 130%;
    }
    #homeMainText .moreWrapper,
    .homeColumn .more.home {
      margin-left: 20px;
    }
    #homeMain .format p,
    #columnsServicesWrapper,
    #homeClients p,
    .clientLogosGridFour,
    #homeProjects p,
    #homeProjectsGrid .first-row,
    #homeThought .first-row {
      padding-left: 0;
      padding-right: 0;
    }
    #homeClients .more.home {
      margin-left: 0
    }
    .homeColumn .services span {
      margin-left: 20px;
      margin-left: 20px;
      font-size: 150%;
    }
    #videoContainer {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      margin: 0;
      padding: 20px;
    }
    #videoContainer h3.homeHeader {
      padding: 20px 0 0 0;
    }
    #videoContainer p {
      padding: 10px 0;
      width: 100%;
    }
    #videoContainer iframe {
      margin: 0;
      width: 100%;
    }
    .logosFour, .logosThree {
    display: inline-block;
    border-bottom: 0;
    padding:  20px 0 0 0;
    }
    #clientLogosGrid .logosFour .column-3-12:nth-of-type(odd) {

    }
    #clientLogosGrid .logosFour .column-3-12:nth-of-type(even) {
      padding-left: 10px !important;
    }
    #homeMain .column,
    #homeMain .col-tab,
    #homeMain .col-mob {
        float: none;
        padding: 0;
        width: auto;
    }

    #clientLogosGrid .logosFour .column {
        float: left;
        width: 25%;
        padding: 0 10px;
    }
/* KNOWLEDGE */
    .page-template-template-knowledge_home #sidebar {
      padding: 0;
    }
    .page-template-template-knowledge_home #sidebar .column {
      width: 100%;
      padding-left: 10px;
      padding-right: 10px;
    }
    .page-template-template-knowledge_home #sidebar .sideStoriesContainer {
      height: auto;
    }
    .page-template-template-knowledge_home #sidebar #sideTop3 .wp, #sidebar #sideTop3 .cs,
    .page-template-template-knowledge_home #sidebar #sideThird3 #side-2 .nw,
    .page-template-template-knowledge_home #sidebar #sideFour3 .wp,
    .page-template-template-knowledge_home #sidebar #sideFour3 .cs,
    .page-template-template-knowledge_home #sidebar #sideFifth2 #side-2 .nw,
    .page-template-template-knowledge_home #sidebar #sideSixth .nw,
    .page-template-template-knowledge_home #sidebar #sideSeven .nw,
    .page-template-template-knowledge_home #sidebar #sideSec3 .nw {
      min-height: 250px;
    }
    .page-template-template-knowledge_home #side-1,
    .page-template-template-knowledge_home #sidebar #sideSec3 .nw,
    .page-template-template-knowledge_home #sidebar #sideThird3 .nw,
    .page-template-template-knowledge_home #sidebar #sideFour3 .nw,
    .page-template-template-knowledge_home #sidebar #sideFifth2 .wp,
    .page-template-template-knowledge_home #sidebar #sidebar #sideSixth .nw {
      margin-bottom: 10px;
    }
    .page-template-template-knowledge_home #side-1 .item-wrapper:hover .item-others,
    .page-template-template-knowledge_home #side-2 .item-wrapper:hover .item-others {
      bottom: -45px;
      width: 100%;
      padding-top: 5px;
    }

/* FOOTER */
    footer {
      margin: 0 15px;
    }
    #footerTop .wpcf7-form input[type=text],
    #footerTop .wpcf7-form input[type=email],
    #footerTop .wpcf7-form input[type=tel] {
      width: 97%;
    }

    #copyrightInnerLeft,
    #copyrightInnerRight {
      float: none;
      width: 100%;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
    }
    .socMedFooter {
      float: none;
      text-align: left;
      padding-left: 25px;
    }
    #footerTop {
        padding: 0;
    }
    #footerArrowLinks {
        margin-left: 120px;
    }
    #footerBottomLeft {
        margin: 0 0 25px;
        position: static;
        right: auto;
        top: auto;
    }
    #footerPartners {
        margin: 0;
    }
    .footerMenu {
        width: 50%;
    }
    #footerMenu3 {
        clear: both;
    }
    .footerMenu:before {
        display: none;
    }
    .footerMenu h4,
    .footerMenu ul {
        padding-left: 0;
    }
    #footerTop form {
      max-width: 100%;
    }
/* single */
    .single #articleMainContent     .column.column-9-12,
    .single #articleMainContent .column.column-3-12,
#mastheadPageContainer .column-7-12 {
      width: 100%;
      padding: 0
    }
    .single #mainColumn {
      background: none
    }
     .postImage img {
       min-height: inherit;
       max-height: inherit
    }
    #articleMainContent img {
      max-width:100%;
      height: auto;
    }

/* services */
    .servicesContainer .column.column-5-12,
    .servicesContainer .column.column-7-12 {
      width: 100%;
      padding-bottom: 20px;
    }
    .servicesContainer .column.column-7-12 {
      padding-right: 0;
      padding-left: 0;
    }
/* category */
    .categoryFeedItem .column {
      width: 100%;
      padding-right: 0;
    }
    .category .active .over-lay.cat,
    .category .active .item-others.cat,
    .category .activeClicked .over-lay.cat,
    .category .activeClicked .item-others.cat {
    display: block;
    }
/* Contact */
    #googleMapOver .block,
    #googleMapOver .column {
      /*width: 100%;*/
    }
    #googleMapOver .column {
      /*margin-bottom: 15px;
      font-size: 150%;*/
    }
    #googleMapOver .column h6 {
      font-size: 100%;
    }
    .cmsContent #numbers {
      margin-bottom: 20px;
      color: #fff;
      font-size: 150%;
    }
    .cmsContent #numbers h6{
      padding-left: 10px;
    }
    #googleMapContainer {
      display: block;
      width: 100%;
      clear: both;
    }
    #googleMapOver {
      position: relative;
    }
    #googleMapOver .block,
    #googleMapOver .column {
      width: 100% !important;
    }
    #googleMapOver .over-lay{
      padding-bottom: 15px;
      margin-bottom: 15px;
      height: auto !important;
    }
    #side-6 .qr {
      /*float: none;*/
      margin: 5%;
    }

    /* Hover slideshows */

    .hoverSlideshow {

    }
    .hoverSlideshowLinks,
    .hoverSlideshowImages {
        float: none;
        width: auto !important;
    }
    .hoverSlideshowLinks {
        font-size: 0;
        height: auto;
        position: relative;
        right: auto;
        top: auto;
    }
    .hoverSlideshowLinks a {
        border-left: 1px solid #363636;
        border-top: 0;
        display: inline-block;
        height: 90px !important;
        padding: 5px;
        vertical-align: top;
        width: 33.333%;
    }
    .hoverSlideshowLinks a.firstItem {
        border-left: 0;
    }
    .hoverSlideshowLinks a.active:after {
        border-bottom: 16px solid #5d5d5d;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        border-top: 0;
        left: 50%;
        margin: 0 0 0 -16px;
        top: -16px;
    }
    .hoverSlideshowLinks a p {
        height: 80px;
    }
    .hoverSlideshowLinks a br,
    .hoverSlideshowLinks a span,
    #articleRelated {
        display: none;
    }

}

@media screen and (min-width: 600px) {
  #homeMain .column.logoGrey {
      float: left;
      border: 0;
      padding-right: 30px;
      width: 25%;
    }
}

@media screen and (max-width: 599px) {
  .rightPadding10.logoGrey {
    padding-right: 20px;
  }
  .column-9-12, .column-3-12 {
      width: 100%;
  }
  .counterContainer .column-3-12 {
      width: 25%;
  }
  .postImage {
      height: auto;
  }
  #homeMain .column.logoGrey {
      float: left;
      border: 0;
      padding-right: 10px;
      width: 50%;
    }
    .mediaItem {
      font-size: 60%;
    }
    .clientLogoSlider {
      width: 150px;
      height: 150px;
    }
  .column-7-12.services-grey-col {
      background:none;
  }
  .singleClientList .logo {
      padding-bottom: 30%;
  }
    #homeSlideshow {
      min-height: 320px !important;
    }
    #clientLogosGrid .logosThree .column.column-4-12 {
      width: 100%;
      padding-right: 0;
      margin-bottom: 10px;
      border: 0;
    }
    .counterContainer .column-6-12:first-child {
      width: 100%;
    }
    .counterContainer .column-6-12.leftPadding5 {
      display: none;
    }
}

  @media screen and (max-width: 480px) {
    #homeSlideshow {
      min-height: 230px !important;
    }
     #mainColumn p.brandQuote {
      font-size: 110%;
    }
}

@media screen and (max-width: 320px) {
  #homeMainText .more:first-child {
    margin-left: 0;
  }
  .moreWrapper .more.home a {
    font-size: 80%;
  }
}