/* ----- ROOT ----- */
/* Reset =================================================== */
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 10, 2015 */
@font-face {
  font-family: 'league_gothic';
  src: url('../fonts/leaguegothic-regular-webfont.eot');
  src: url('../fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/leaguegothic-regular-webfont.woff2') format('woff2'), url('../fonts/leaguegothic-regular-webfont.woff') format('woff'), url('../fonts/leaguegothic-regular-webfont.ttf') format('truetype'), url('../fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ddddee lilac */
/* #2d353e dark blue *//* #ddeeee light green */
/* #bbccee light blue */
/* #333 */
/* #808080 */
/* #CCC */
/* #E6E6E6 */
/* #bb1c1b */
/* ----- TYPOGRAPHY ----- */
/* ----- TEXTURE ----- */
/* ----- ELEMENTS ----- */
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */

}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
/* ----- MAIN ----- */
/* ---------- @@ VIEWPORT ---------- */
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/* ---------- @@ LAYOUT ---------- */
html {
  font-size: 62.5%;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #ffffff;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #000000;
  text-align: center;
}
#outer-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}
#inner-wrap {
  position: relative;
  width: 100%;
}
/* ---------- @@ HEADER ---------- */
.header-strip-wrapper {
  background: #4c4c4c url(../img/core-images/bg-header-strip.gif) repeat 0 0;
  border-top: 1px solid #fff;
  border-bottom: 3px solid #a8a8a8;
}
header {
  margin: 0 auto;
  text-align: left;
  z-index: 100;
  position: relative;
  color: #ffffff;
  background: #bbccee;
}
header .block {
  position: relative;
  margin: 0 auto;
  padding: 20px 0;
  max-width: 1020px;
}
header .block .block-title {
  margin: 0;
  text-align: center;
  white-space: nowrap;
}
header .block .nav-btn {
  position: absolute;
  top: 1.6em;
  left: 17px;
  display: block;
  width: 1.75em;
  height: 1.7em;
  padding: 0;
  border: 0;
  outline: none;
  background: #bbccee url(../img/core-images/nav-icon2.png) left center no-repeat;
  background-size: 1.3em 1.04em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
header .block .nav-btn:hover,
header .block .nav-btn:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.no-svg .nav-btn {
  background-image: url(../img/core-images/nav-icon.png);
}
img.logo {
  padding: 0;
}
@media only screen and (min-width: 330px) {
  header .block .nav-btn {
    top: 2.2em;
  }
}
@media only screen and (min-width: 380px) {
  header .block .nav-btn {
    top: 2.5em;
  }
}
@media only screen and (min-width: 480px) {
  header .block .nav-btn {
    /*top: 1.7em;*/
  
    top: 2.5em;
    width: 2.450em;
    height: 2.38em;
    background-size: 1.7em 1.36em;
  }
  header .block-title {
    padding-left: 53px;
  }
}
@media only screen and (min-width: 600px) {
  header .block .nav-btn {
    top: 2.8em;
    width: 2.625em;
    height: 2.25em;
    background-size: 1.875em 1.5em;
  }
  header .block-title {
    padding-left: 53px;
  }
}
@media only screen and (min-width: 768px) {
  header .block-title {
    padding-left: 0;
  }
  img.logo {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  img.logo {
    width: auto;
  }
}
/* ---------- @@ MAIN NAV ---------- */
/* ---------- @@ SUBNAV ---------- */
.subnav-col {
  padding: 0;
  margin: 0;
  display: block;
}
.subnav-col ul.subnav {
  display: none;
}
.subnav-col ul.subnav {
  margin: 0;
  padding: 0 0 18px 0;
}
.subnav-col ul.subnav li {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-size: 1.4rem;
  list-style-type: none;
  line-height: 1.0714285714285714em;
  text-transform: uppercase;
}
.subnav-col ul.subnav li a {
  padding: 6px 12px 9px 12px;
  display: block;
}
.ie6 .subnav-col ul.subnav li a {
  zoom: 1;
  /* fix for IE6 whitespace bug */

}
.subnav-col ul.subnav li a:active,
.subnav-col ul.subnav li a:focus,
.subnav-col ul.subnav li a:hover {
  background: #eee;
}
.subnav-col ul.subnav li a.current {
  background: #eee;
}
.subnav-col ul.subnav li ul {
  margin: 0;
  padding: 0;
}
.subnav-col ul.subnav li ul li {
  text-transform: none;
}
.subnav-col ul.subnav li ul li ul li a {
  padding: 9px 12px 9px 24px;
}
@media only screen and (min-width: 768px) {
  .subnav-col ul.subnav {
    display: block;
  }
  .subnav-col h4,
  .subnav-col ul.categories {
    display: block;
  }
  .subnav-col form {
    display: none;
  }
}
/* ---------- @@ CONTENT ---------- */
.content-wrapper {
  width: 100%;
  background-color: #ffffff;
  background: url(../img/core-images/cream_pixels.png) repeat 0 0;
}
.content {
  margin: 0 auto;
  text-align: left;
  padding: 13px 4% 0 4%;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.ie8 .content {
  margin: 0 auto;
  text-align: left;
  padding: 13px 4% 0 4%;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.ie7 .content,
.ie6 .content {
  margin: 0 auto;
  text-align: left;
  padding: 13px 2% 0 2%;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
#homepage .content,
.ie8 #homepage .content {
  padding: 0 4% 0 4%;
}
.ie7 #homepage .content,
.ie6 #homepage .content {
  padding: 0 2% 0 2%;
}
@media only screen and (min-width: 480px) {
  .content {
    padding: 13px 3% 0 3%;
  }
  #homepage .content {
    padding: 0 3% 0 3%;
  }
}
@media only screen and (min-width: 600px) {
  .content {
    padding: 13px 2% 0 2%;
  }
  #homepage .content {
    padding: 0 2% 0 2%;
  }
}
@media only screen and (min-width: 768px) {
  .content {
    padding: 16px 2% 0 2%;
  }
  #homepage .content {
    padding: 0 2% 0 2%;
  }
}
@media only screen and (min-width: 992px) {
  .content {
    max-width: 960px;
    margin: 0 auto;
    padding: 20px 2% 0 2%;
  }
  #homepage .content {
    padding: 0 2% 0 2%;
  }
  .ie6 .content {
    width: 960px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1280px) {
  .content {
    padding: 26px 2% 0 2%;
  }
  #homepage .content {
    padding: 0 2% 0 2%;
  }
}
/* Breadcrumbs */
.content .breadcrumbs ul {
  margin: 0;
  padding: 5px 0 14px 0;
}
.content .breadcrumbs ul li {
  list-style-type: none;
  display: inline;
  font-size: 14px;
  font-size: 1.4rem;
}
.content .breadcrumbs ul li:first-child {
  padding: 0 0 5px 0;
}
.content .breadcrumbs ul li:before {
  content: "\00bb";
  margin-right: 7px;
}
.content .breadcrumbs ul li:first-child:before {
  content: "";
  margin-right: 0;
}
@media only screen and (min-width: 768px) {
  .content .breadcrumbs ul {
    padding: 1px 0 0 0;
  }
}
/* ---------- @@ TYPOGRAPHY ---------- */
.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading h4,
.wf-loading h5,
.wf-loading h6,
.wf-loading p,
.wf-loading ol,
.wf-loading ul,
.wf-loading dl,
.wf-loading address,
.wf-loading table,
.wf-loading label,
.wf-loading input,
.wf-loading textarea,
.wf-loading select,
.wf-loading figure {
  visibility: hidden;
}
.wf-active h1,
.wf-active h2,
.wf-active h3,
.wf-active h4,
.wf-active h5,
.wf-active h6,
.wf-active p,
.wf-active ol,
.wf-active ul,
.wf-active dl,
.wf-active address,
.wf-active table,
.wf-active label,
.wf-active input,
.wf-active textarea,
.wf-active select,
.wf-active figure {
  visibility: visible;
}
/* ----- @@ Headings ----- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "league-gothic", "league_gothic", "Arial Narrow", Arial, sans-serif;
  font-weight: bold;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  color: inherit;
  text-rendering: optimizelegibility;
}
.wf-active h1,
.wf-active h2,
.wf-active h3,
.wf-active h4,
.wf-active h5,
.wf-active h6 {
  font-weight: normal;
}
/* h1 */
h1 {
  font-size: 32px;
  font-size: 3.2rem;
  padding: 0 0 24px 0;
  text-transform: uppercase;
  line-height: 1;
}
.wf-active h1 {
  font-size: 42px;
  font-size: 4.2rem;
}
@media only screen and (min-width: 480px) {
  h1 {
    font-size: 42px;
    font-size: 4.2rem;
  }
  .wf-active h1 {
    font-size: 52px;
    font-size: 5.2rem;
  }
}
@media only screen and (min-width: 768px) {
  h1,
  .wf-active h1 {
    padding: 13px 0 22px 0;
  }
}
#homepage h1 {
  font-size: 25px;
  font-size: 2.5rem;
  padding: 18px 0 14px 0;
}
.wf-active #homepage h1 {
  font-size: 39px;
  font-size: 3.9rem;
}
@media only screen and (min-width: 480px) {
  #homepage h1 {
    font-size: 38px;
    font-size: 3.8rem;
    padding: 17px 0 22px 0;
  }
  .wf-active #homepage h1 {
    font-size: 52px;
    font-size: 5.2rem;
  }
}
@media only screen and (min-width: 600px) {
  #homepage h1 {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media only screen and (min-width: 768px) {
  #homepage h1,
  .wf-active #homepage h1 {
    padding: 17px 0 10px 0;
  }
}
@media only screen and (min-width: 992px) {
  #homepage h1,
  .wf-active #homepage h1 {
    padding: 29px 0 22px 0;
  }
}
/* h2 */
h2 {
  font-size: 35px;
  font-size: 3.5rem;
  margin: 8px 0 7px 0;
}
.wf-active h2 {
  font-size: 45px;
  font-size: 4.5rem;
}
#homepage .group h2 {
  font-size: 27px;
  font-size: 2.7rem;
  padding: 0;
  margin: 0 0 0.75em 0;
  text-transform: uppercase;
  text-align: center;
  background: url(../img/core-images/dot.gif) repeat-x 50% 50%;
}
.wf-active #homepage .group h2 {
  font-size: 34px;
  font-size: 3.4rem;
}
#homepage .span_1_of_2 h2 {
  line-height: 33px;
  padding: 14px 0 15px 0;
  margin: 0;
  text-transform: none;
  text-align: left;
  background: none;
}
#homepage .group h2 a {
  padding: 0 10px;
  background: #ffffff;
}
#homepage .span_1_of_2 h2 a {
  padding: 0;
  background: none;
}
table.snapshot h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1em;
  padding: 0 0 6px 0;
  margin: 0;
  color: red;
}
.wf-active table.snapshot h2 {
  font-size: 32px;
  font-size: 3.2rem;
}
@media only screen and (min-width: 480px) {
  table.snapshot h2 {
    font-size: 25px;
    font-size: 2.5rem;
  }
  .wf-active table.snapshot h2 {
    font-size: 35px;
    font-size: 3.5rem;
  }
}
.category-group h2 {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.1;
  padding-bottom: 20px;
  margin: 0;
}
.wf-active .category-group h2 {
  font-size: 42px;
  font-size: 4.2rem;
}
.category-group .col h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1em;
  padding-bottom: 10px;
  color: green;
}
.wf-active .category-group .col h2 {
  font-size: 32px;
  font-size: 3.2rem;
}
#search-results .col h2 {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1em;
  padding-bottom: 5px;
  margin: 0;
}
.wf-active #search-results .col h2 {
  font-size: 25px;
  font-size: 2.5rem;
}
#case-studies h2 {
  font-size: 26px;
  font-size: 2.6rem;
  margin: 8px 0 7px 0;
}
.wf-active #case-studies h2 {
  font-size: 36px;
  font-size: 3.6rem;
}
/* h3 */
h3 {
  font-size: 26px;
  font-size: 2.6rem;
  margin: 8px 0 7px 0;
}
.wf-active h3 {
  font-size: 36px;
  font-size: 3.6rem;
}
#homepage h3 {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 26px;
  padding-bottom: 15px;
  margin: 0;
}
.wf-active #homepage h3 {
  font-size: 31px;
  font-size: 3.1rem;
  line-height: 33px;
}
.category-group h3 {
  margin: 0 0 7px 0;
}
.testimonials h3 {
  padding-bottom: 15px;
  margin: 0;
}
.testimonials h3,
.category-group h3 {
  font-size: 24px;
  font-size: 2.4rem;
}
.wf-active .testimonials h3,
.wf-active .category-group h3 {
  font-size: 34px;
  font-size: 3.4rem;
}
.tips h3 {
  font-size: 24px;
  font-size: 2.4rem;
  margin-top: 0;
}
.wf-active .tips h3 {
  font-size: 32px;
  font-size: 3.2rem;
}
@media only screen and (min-width: 992px) {
  .recent-work h3 {
    text-align: center;
  }
}
#case-studies h3 {
  font-size: 20px;
  font-size: 2rem;
  margin: 8px 0 7px 0;
}
.wf-active #case-studies h3 {
  font-size: 28px;
  font-size: 2.8rem;
}
/* h4 */
h4 {
  font-size: 20px;
  font-size: 2rem;
  margin: 8px 0 7px 0;
}
.wf-active h4 {
  font-size: 28px;
  font-size: 2.8rem;
}
/* h5 */
h5 {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 8px 0 7px 0;
  font-style: italic;
}
.wf-active h5 {
  font-size: 24px;
  font-size: 2.4rem;
}
/* h6 */
h6 {
  font-size: 15px;
  font-size: 1.5rem;
  margin: 8px 0 7px 0;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.wf-active h6 {
  font-size: 20px;
  font-size: 2rem;
}
/* ----- @@ Paragraphs ----- */
p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  padding-bottom: 1.5em;
}
@media only screen and (min-width: 600px) {
  p {
    line-height: 1.45;
  }
}
@media only screen and (min-width: 768px) {
  p {
    line-height: 1.5;
  }
}
p.alphabet {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.5;
  padding-bottom: 0;
  margin-top: 16px;
  margin-bottom: 1.5em;
  text-align: center;
  border-top: 1px solid #8c9bab;
  border-bottom: 1px solid #8c9bab;
}
p.backtotop {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  padding: 19px 0 0 0;
  text-align: right;
  float: right;
}
td a.backtotop {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  padding: 19px 0 3px 0;
  text-align: right;
  float: right;
}
.pagination p {
  font-weight: bold;
}
.pagination p span.page {
  font-style: italic;
  font-weight: normal;
}
.pagination p a {
  font-weight: normal;
}
/*p.special {
	padding-bottom: 0;
}*/
#search-results .content .tips p {
  padding-bottom: 0.75em;
}
.ie-notice {
  display: none;
}
.ie6 .ie-notice,
.ie7 .ie-notice {
  display: block;
}
/* ----- @@ Links ----- */
a {
  text-decoration: none;
  color: #4170cf;
}
a:visited {
  color: #4170cf;
}
a:hover {
  text-decoration: underline;
  color: #2c58b1;
}
a:focus {
  outline: thin dotted;
  color: #2c58b1;
}
a:hover,
a:active {
  outline: 0;
}
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #000000;
}
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #000000;
}
a.readmore {
  white-space: nowrap;
}
a.readmore span {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
a.readmore:after {
  content: "\00bb";
  margin-left: 1px;
}
a.readmore:hover:after {
  text-decoration: none !important;
}
/* ----- @@ Lists ----- */
.content ul,
.content ol {
  line-height: 1.4;
}
@media only screen and (min-width: 600px) {
  .content ul,
  .content ol {
    line-height: 1.45;
  }
}
@media only screen and (min-width: 768px) {
  .content ul,
  .content ol {
    line-height: 1.5;
  }
}
.content ul {
  margin: 0 0 0 25px;
  padding: 0 0 1.5em 0;
}
#search-results .content .tips ul {
  margin: 0 0 0 15px;
}
.content ol {
  margin: 0 0 0 30px;
  padding: 0 0 1.5em 0;
}
.content ul li {
  margin: 0;
  padding: 0 0 5px 3px;
  list-style-type: disc;
  font-size: 16px;
  font-size: 1.6rem;
}
.content ul li p {
  font-size: 100%;
  margin: 0;
  padding: 0;
}
.content ol li {
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 16px;
  font-size: 1.6rem;
  list-style-type: decimal;
  background: none;
}
.content ol.alpha li {
  list-style-type: lower-alpha;
}
.content ol li p {
  font-size: 100%;
  margin: 0;
  padding: 0;
}
.content ul li ul {
  margin: 0 0 -6px 25px;
  padding: 6px 0 0 0;
}
.content ul li ul li {
  margin: 0;
  padding: 0 0 5px 3px;
  list-style-type: circle;
  font-size: 100%;
}
.content ul li ul li ul {
  margin: 0 0 -6px 25px;
  padding: 6px 0 0 0;
}
.content ul li ul li ul li {
  margin: 0;
  padding: 0 0 5px 3px;
  list-style-type: square;
  font-size: 100%;
}
.content ul li ul li ol {
  margin: 0 0 -6px 20px;
  padding: 6px 0 0 0;
}
.content ul li ul li ol li {
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 100%;
  list-style-type: decimal;
  background: none;
}
.content ul li ul li ol.alpha li {
  list-style-type: lower-alpha;
}
.content ul li ol li ul {
  margin: 0 0 -6px 25px;
  padding: 6px 0 0 0;
}
.content ul li ol li ul li,
.content ul li ol.alpha li ul li {
  margin: 0;
  padding: 0 0 5px 3px;
  list-style-type: square;
  font-size: 100%;
}
.content ol li ul {
  margin: 0 0 -6px 25px;
  padding: 6px 0 0 0;
}
.content ol li ul li,
.content ol.alpha li ul li {
  margin: 0;
  padding: 0 0 5px 3px;
  list-style-type: circle;
  font-size: 100%;
}
.content ol li ul li ul {
  margin: 0 0 -6px 25px;
  padding: 6px 0 0 0;
}
.content ol li ul li ul li,
.content ol.alpha li ul li ul li {
  margin: 0;
  padding: 0 0 5px 3px;
  list-style-type: square;
  font-size: 100%;
}
.content ol li ol li ul {
  margin: 0 0 -6px 25px;
  padding: 6px 0 0 0;
}
.content ol li ol li ul li,
.content ol.alpha li ol li ul li,
.content ol.alpha li ol.alpha li ul li,
.content ol li ol.alpha li ul li {
  margin: 0;
  padding: 0 0 5px 3px;
  list-style-type: square;
  font-size: 100%;
}
.content ul li ol {
  margin: 0 0 -6px 20px;
  padding: 6px 0 0 0;
}
.content ul li ol li {
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 100%;
  list-style-type: decimal;
  background: none;
}
.content ul li ol.alpha li {
  list-style-type: lower-alpha;
}
.content ol li ol {
  margin: 0 0 -6px 20px;
  padding: 6px 0 0 0;
}
.content ol li ol li {
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 100%;
  list-style-type: decimal;
  background: none;
}
.content ol li ol.alpha li,
.content ol.alpha li ol.alpha li {
  list-style-type: lower-alpha;
}
.content ol.alpha li ol li {
  list-style-type: decimal;
}
.content ol li ol li ol {
  margin: 0 0 -6px 20px;
  padding: 6px 0 0 0;
}
.content ol li ol li ol li {
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 100%;
  list-style-type: decimal;
  background: none;
}
.content ol li ol li ol.alpha li,
.contentol.alpha li ol li ol.alpha li,
.content ol.alpha li ol.alpha li ol.alpha li,
.content ol li ol.alpha li ol.alpha li {
  list-style-type: lower-alpha;
}
.content ol li ol li ol li,
.content ol.alpha li ol li ol li,
.content ol.alpha li ol.alpha li ol li,
.content ol li ol.alpha li ol li {
  list-style-type: decimal;
}
.content ol li ul li ol {
  margin: 0 0 -6px 20px;
  padding: 6px 0 0 0;
}
.content ol li ul li ol li {
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 100%;
  list-style-type: decimal;
  background: none;
}
.content ol li ul li ol.alpha li,
.content ol.alpha li ul li ol.alpha li {
  list-style-type: lower-alpha;
}
.content ol li ul li ol li,
.content ol.alpha li ul li ol li {
  list-style-type: decimal;
  background: none;
  margin: 0;
  padding: 0 0 5px 0;
}
/* ----- @@ Definition lists ----- */
dl {
  line-height: 1.4;
}
@media only screen and (min-width: 600px) {
  dl {
    line-height: 1.45;
  }
}
@media only screen and (min-width: 768px) {
  dl {
    line-height: 1.5;
  }
}
dl,
dd {
  margin-bottom: 1.5em;
}
dt {
  font-weight: bold;
}
.dl-horizontal dt {
  float: left;
  clear: left;
  width: 20.25%;
  text-align: right;
}
.dl-horizontal dd {
  margin-left: 22.78%;
}
/* ----- @@ Blockquote ----- */
blockquote {
  margin: 0 0 1.5em 0;
  padding: 0 0 0 77px;
  font-style: italic;
  background: url(../img/core-images/blockquote.gif) no-repeat 0 0;
  min-height: 67px;
}
blockquote p {
  padding-bottom: 0.5em;
}
.ie6 blockquote {
  height: 67px;
}
cite {
  font-style: normal;
  font-size: 15px;
  font-size: 1.5rem;
}
/* ----- @@ Superscript and subscript ----- */
sub,
sup {
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 0;
  vertical-align: bodyrhythm;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ----- @@ Hard rule ----- */
hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #c7ced6;
  border-bottom: 1px solid #ffffff;
}
/* ----- @@ Images ----- */
/* img */
img {
  max-width: 100%;
  border-width: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
img.img-thumbnail {
  border-top: solid 1px #eeeeee;
  border-left: solid 1px #eeeeee;
  border-right: solid 1px #eeeeee;
  border-bottom: solid 1px #eeeeee;
  padding: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  max-width: 97%;
}
img.img-float-left {
  float: left;
  margin: 4px 20px 10px 0;
}
img.img-float-right {
  float: right;
  margin: 4px 0 10px 20px;
}
/* Silverstripe image styling */
img.left {
  float: none;
  margin: 4px 0 10px 0;
}
p img.left {
  margin: 22px 0 0 0;
}
img.right {
  float: none;
  margin: 4px 0 10px 0;
}
p img.right {
  margin: 22px 0 0 0;
}
/* For floated images inserted into normal page template eg within contractor or services sections */
/* Because Silverstripe always puts a <p> tag round inserted images */
p.img-in-page img.right,
p.img-in-page img.left {
  margin: 0;
}
@media only screen and (min-width: 600px) {
  img.left {
    float: left;
    margin: 4px 20px 10px 0;
  }
  p img.left {
    margin: 22px 20px 10px 0;
  }
  img.right {
    float: right;
    margin: 4px 0 10px 20px;
  }
  p img.right {
    margin: 22px 0 10px 20px;
  }
  p.img-holder {
    padding: 0;
  }
  p.img-holder img.left {
    margin: 5px 20px 10px 0;
  }
  p.img-holder img.right {
    margin: 5px 0 10px 20px;
  }
  p.img-in-page {
    padding: 0;
  }
  p.img-in-page img.left {
    margin: -4px 20px 10px 0;
  }
  p.img-in-page img.right {
    margin: -4px 0 10px 20px;
  }
}
/* For right- or left-floated screenshot images with Silverstripe captions (inserted by hand into normal page template) */
.captionImage {
  display: block;
}
.captionImage img {
  margin-top: -4px;
}
.captionImage p.caption {
  display: block;
  caption-side: bottom;
  font-style: italic;
  padding: 0 10px 16px 10px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media only screen and (min-width: 480px) {
  .captionImage {
    display: table;
  }
  .captionImage img {
    margin: 0;
  }
  .captionImage p.caption {
    display: table-caption;
  }
  .captionImage.right {
    float: right;
    padding-left: 24px;
  }
  .captionImage.right img {
    float: right;
  }
  .captionImage.right p.caption {
    padding: 0 10px 16px 34px;
  }
  .captionImage.left {
    float: left;
    padding-right: 24px;
  }
  .captionImage.left img {
    float: left;
  }
  .captionImage.left p.caption {
    padding: 0 34px 16px 10px;
  }
}
/* figure */
figure {
  margin-bottom: 10px;
}
figure figcaption {
  display: block;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  color: #808080;
  text-align: center;
  line-height: 1.1538461538461537;
  margin: 0;
  padding: 0;
}
figure .box img {
  margin-bottom: 0;
}
#homepage figure {
  margin-bottom: 22px;
}
figure.category-thumbnail {
  text-align: center;
}
@media only screen and (min-width: 480px) {
  figure.category-thumbnail {
    text-align: left;
  }
}
@media only screen and (min-width: 600px) {
  /* moves thumbnail up to sit parallel with header in category template */
  #category figure.category-thumbnail {
    margin-top: -36px;
  }
}
/* ----- @@ Tables ----- */
/* ----- @@ Forms ----- */
/* ----- @@ Special styles ----- */
/* make embedded videos responsive */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-container2 {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
  margin-bottom: 36px;
  /*-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);*/

  border: 1px solid #d8d8d8;
}
.video-container2 iframe,
.video-container2 object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* CLUETIPS */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(../img/cluetip/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
.cluetip-default {
  background-color: #ffffff;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #ffffff;
  border-left: 1px solid #bbccee;
  text-align: left;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: normal;
  background-color: #bce;
  color: #000000;
}
.wf-active .cluetip-default h3#cluetip-title {
  font-size: 20px;
  font-size: 2rem;
}
.cluetip-default #cluetip-title a {
  color: #e0e0e0;
  font-size: 1.0em;
}
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default #cluetip-inner h2 {
  font-size: 1.1em;
  font-weight: bold;
  color: #000;
  margin: 0;
  padding: 0 0 10px 0;
}
.cluetip-default #cluetip-inner p {
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.cluetip-default #cluetip-inner ul {
  margin: 0 0 0 25px;
  padding: 0 0 10px 0;
}
.cluetip-default #cluetip-inner ul li {
  margin: 0;
  padding: 0 0 3px 5px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.1;
}
.cluetip-default div#cluetip-close {
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}
.clue-right-default .cluetip-arrows {
  background-image: url(../img/cluetip/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(../img/cluetip/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(../img/cluetip/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}
.clue-bottom-default .cluetip-arrows {
  background-image: url(../img/cluetip/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}
/* style cluetips when they don't work - mainly inline styles on cluetip pages */
p.back {
  display: none;
}
/* SITEMAP */
#Sitemap ul {
  margin: 0;
}
#Sitemap ul li {
  list-style-type: none;
}
#Sitemap ul li ul {
  margin: 0 0 0 20px;
}
#Sitemap .expand-collapse {
  background-position: 0 5px;
}
/* ---------- @@ FOOTER ---------- */
/* Superfooter */
.superfooter-wrapper {
  width: 100%;
  background: #4c4c4c url(../img/core-images/bg-header-strip.gif) repeat 0 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.superfooter {
  margin: 0 auto;
  text-align: left;
  padding: 22px 4% 6px 4%;
}
.superfooter ul {
  margin: 0;
  padding: 0;
}
.superfooter ul li {
  list-style-type: none;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1.1;
  padding: 0 0 10px 0;
  text-transform: uppercase;
}
.superfooter ul li a {
  color: #e6e6e6;
}
.superfooter ul li a:visited {
  color: #e6e6e6;
}
.superfooter ul li a:hover,
.superfooter ul li a:focus {
  color: #ffffff;
}
.superfooter ul li a.backtotop {
  background: url(../img/core-images/arrow-up-footer.png) no-repeat 100% 4px;
  padding: 0 12px 0 0;
}
.superfooter ul li ul {
  padding: 6px 0 0.75em 0;
}
.superfooter ul li ul li {
  background: url(../img/core-images/bullet-footer.png) no-repeat 4px 5px;
  padding: 0 0 6px 15px;
  text-transform: none;
}
@media only screen and (min-width: 480px) {
  .superfooter {
    padding: 22px 3% 6px 3%;
  }
  .superfooter ul li ul {
    padding: 6px 0 0.75em 0;
  }
}
@media only screen and (min-width: 600px) {
  .superfooter {
    padding: 22px 2% 6px 2%;
  }
}
@media only screen and (min-width: 768px) {
  .superfooter ul li ul {
    padding: 6px 0 0.375em 0;
  }
}
@media only screen and (min-width: 992px) {
  .superfooter {
    max-width: 960px;
    margin: 0 auto;
  }
}
.ie6 .superfooter {
  width: 960px;
  margin: 0 auto;
}
/* Subfooter */
.subfooter-wrapper {
  width: 100%;
  background: #333333;
}
.subfooter {
  margin: 0 auto;
  text-align: left;
  padding: 20px 4% 16px 4%;
}
.subfooter p {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0;
  padding: 0 0 5px 0;
  color: #e6e6e6;
}
.subfooter p span {
  padding: 0 20px 0 0;
  white-space: nowrap;
}
.subfooter p a {
  color: #e6e6e6;
}
.subfooter p a:hover,
.subfooter p a:focus {
  color: #ffffff;
}
.subfooter img {
  float: right;
}
.subfooter ul {
  line-height: 1;
  padding: 18px 0 10px 0;
  margin: 0 0 10px 0;
}
.subfooter ul li {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 0 0 5px 15px;
  margin: 0 6px 0 0;
  background: url(../img/core-images/bullet-footer.png) no-repeat 4px 5px;
  list-style-type: none;
}
.subfooter ul li a {
  color: #e6e6e6;
}
.subfooter ul li a:hover,
.subfooter ul li a:focus {
  color: #ffffff;
}
@media only screen and (min-width: 480px) {
  .subfooter ul {
    padding: 3px 0 10px 0;
  }
}
@media only screen and (min-width: 480px) {
  .subfooter {
    padding: 20px 3% 16px 3%;
  }
}
@media only screen and (min-width: 600px) {
  .subfooter {
    padding: 20px 2% 16px 2%;
  }
}
@media only screen and (min-width: 992px) {
  .subfooter {
    max-width: 960px;
    margin: 0 auto;
  }
}
.ie6 .subfooter {
  width: 960px;
  margin: 0 auto;
}
/* ---------- @@ ACCESSIBILITY ---------- */
/* Skip links */
.skip-links a {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 5px;
  color: #000000;
}
.skip-links a:active,
.skip-links a:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
/* ----- ELEMENTS ----- */
/* NEEDS TIDYLING UP AND MAKING MY OWN ONCE I HAVE THE FORM ELEMENTS FROM TSG */
/* ADD INPUT TYPES */
/* Forms =================================================== */
form {
  margin: 0 0 1.5em 0;
}
form fieldset {
  padding: 0;
  border-width: 0;
}
form legend {
  display: block;
  width: 100%;
  margin-bottom: 3em;
  *margin-left: -7px;
  padding: 0;
  color: #000000;
  border: 0;
  border-bottom: 1px solid #8c9bab;
  white-space: normal;
}
form legend small {
  font-size: 14px;
  font-size: 1.4rem;
  color: #cccccc;
}
form p {
  margin-bottom: 0.75em;
}
form ul {
  list-style-type: none;
  margin: 0 0 1.5em 0;
  padding: 0;
}
form br {
  display: none;
}
form .field {
  padding: 0 0 1.25em 0;
}
label,
input,
button,
select,
textarea {
  font-size: 16px;
  font-size: 1.6rem;
  vertical-align: baseline;
  *vertical-align: middle;
}
input,
button,
select,
textarea {
  font-family: Georgia, "Times New Roman", Times, serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
label {
  display: block;
  margin-bottom: 0.1875em;
  font-weight: bold;
  color: #000000;
  cursor: pointer;
}
label input,
label textarea,
label select {
  display: block;
}
input,
textarea,
select {
  display: inline-block;
  width: 100%;
  padding: 8px;
  background-color: #ffffff;
  border: 1px solid #8c9bab;
  color: #000000;
}
input:hover,
textarea:hover,
select:hover {
  border-color: #586879;
}
@media only screen and (min-width: 600px) {
  input,
  textarea,
  select {
    width: 66%;
  }
}
.input-mini {
  width: 60px;
}
.input-small {
  width: 90px;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0 \9;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}
input[type="image"] {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: transparent;
  background-color: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto;
  cursor: pointer;
  *overflow: visible;
}
input[type="button"],
input[type="submit"] {
  background: #bbccee;
  padding: 8px 16px;
}
select,
input[type="file"] {
  /*height: 28px; */

  height: 38px;
  *margin-top: 4px;
  /*line-height: 28px; */

  line-height: 38px;
}
select {
  width: auto;
  background-color: #ffffff;
  font-size: 13px;
  font-size: 1.3rem;
}
/* stops iPhone zoom */
@media only screen and (max-width: 480px) {
  input,
  button,
  select,
  textarea {
    font-size: 16px;
  }
}
select[multiple],
select[size] {
  height: auto;
}
textarea {
  resize: vertical;
  height: auto;
  overflow: auto;
  vertical-align: top;
}
input[type="hidden"] {
  display: none;
}
.radio,
.checkbox {
  padding-left: 18px;
  font-weight: normal;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}
.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
.requiredField label:after {
  content: "*";
  margin-left: 4px;
  color: #bb1c1b;
}
input.required {
  border: 1px solid #bb1c1b;
}
span.required.message {
  color: #bb1c1b;
  padding: 4px 0 0 0;
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
}
span.required {
  color: #bb1c1b;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: not-allowed;
}
input:focus,
textarea:focus {
  border-color: #2d353e, 40%;
  outline: 0;
  outline: thin dotted \9;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
::-webkit-input-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
}
input:-moz-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
}
.help-block,
.help-inline {
  color: #808080;
}
.help-block {
  display: block;
  margin-bottom: 0.75em;
}
.help-inline {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}
.form-inline input,
.form-inline textarea,
.form-inline select {
  display: inline-block;
  margin-bottom: 0;
}
.form-inline label {
  display: inline-block;
}
.form-inline .radio,
.form-inline .checkbox,
.form-inline .radio {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px;
}
.form-search input,
.form-search textarea,
.form-search select {
  display: inline-block;
  margin-bottom: 0;
}
.form-search .search-query {
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 0;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.form-search label {
  display: inline-block;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px;
}
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.5em;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
}
table caption {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
table th,
table td {
  padding: 8px;
  vertical-align: top;
  border-top: 1px solid #8c9bab;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  text-align: left;
}
table th.alphabet-letter,
table td.alphabet-letter {
  font-family: "league-gothic", "league_gothic", "Arial Narrow", Arial, sans-serif;
  font-size: 25px;
  font-size: 2.5rem;
}
table th.alphabet-letter span.right,
table td.alphabet-letter span.right {
  float: right;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 15px;
  font-size: 1.5rem;
}
table th {
  font-weight: bold;
}
table thead th {
  vertical-align: bottom;
}
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-top: 0;
}
table tbody + tbody {
  border-top: 2px solid #8c9bab;
}
table tbody tr td,
table tbody tr th {
  -webkit-transition: background-color 0.25s 0 linear;
  -moz-transition: background-color 0.25s 0 linear;
  -ms-transition: background-color 0.25s 0 linear;
  -o-transition: background-color 0.25s 0 linear;
  transition: background-color 0.25s 0 linear;
}
table tbody tr:hover td,
table tbody tr:hover th {
  background-color: #ddeeee;
}
.content table p,
.content table ol,
.content table ul,
.content table li,
.content table ul li,
.content table ol li {
  font-size: 15px;
  font-size: 1.5rem;
}
.table-striped tbody tr th {
  background-color: #dbe0e5;
}
.table-striped tbody tr:nth-child(odd) td {
  background-color: #eaedf0;
}
.table-striped tbody tr:hover th {
  background-color: #dbe0e5;
}
.table-striped tbody tr:hover td {
  background-color: #ddeeee;
}
/* see T3 Career snapshot template */
.stacktable {
  width: 100%;
}
.snapshot td:first-child,
.st-head-row {
  font-size: 22px;
  font-size: 2.2rem;
  color: inherit;
  font-family: "league-gothic", "Arial Narrow", Arial, sans-serif;
  font-weight: normal;
  margin: 0;
  text-rendering: optimizelegibility;
  line-height: 1em;
}
.wf-active .snapshot td:first-child,
.wf-active .st-head-row {
  font-size: 32px;
  font-size: 3.2rem;
}
@media only screen and (min-width: 480px) {
  .snapshot td:first-child,
  .st-head-row {
    font-size: 25px;
    font-size: 2.5rem;
  }
  .wf-active .snapshot td:first-child,
  .wf-active .st-head-row {
    font-size: 35px;
    font-size: 3.5rem;
  }
}
.st-head-row.st-head-row-main {
  font-size: 15px;
  font-size: 1.5rem;
  padding-top: 0;
  display: none;
}
.st-key {
  width: 22%;
  text-align: left;
  font-weight: bold;
  padding-right: 1%;
}
.st-val {
  width: 76%;
  padding-left: 1%;
}
/* RESPONSIVE EXAMPLE */
.stacktable.large-only {
  display: table;
}
.small-only {
  display: none;
}
@media (max-width: 840px) {
  .large-only {
    display: none;
  }
  .stacktable.small-only {
    display: table;
  }
}
/* See T3 Case studies list (text only) template */
.table-wrapper {
  position: relative;
  margin: 19px 0 0 0;
}
.table-menu-wrapper {
  position: absolute;
  top: -33px;
  right: 0;
}
.table-menu {
  position: absolute;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  width: 8em;
  right: 0;
  left: auto;
}
.table-menu-hidden {
  left: -999em;
  right: auto;
}
.table-menu-btn {
  text-decoration: none;
  color: #333;
  font-size: 14px;
  font-size: 1.4rem;
  background: #eeeeee url(../img/core-images/icon-menu.png) no-repeat 5px center;
  padding: .3em 10px .3em 20px;
  border: 1px solid #ccc;
}
.content .table-menu ul {
  padding: 0;
  margin: 0;
}
.content .table-menu ul li {
  padding: 5px 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.4em;
  list-style-type: none;
  margin: 0;
}
.content .table-menu ul li label {
  display: inline;
  font-weight: normal;
  margin-bottom: 0;
  font-size: 13px;
  font-size: 1.3rem;
}
/* Table styles */
.table-wrapper table {
  width: 100%;
  font-size: 1.2em;
  border-top: 1px solid #8c9bab;
}
.table-wrapper h2 {
  padding: 0;
}
.table-wrapper thead th {
  white-space: nowrap;
}
.table-wrapper th,
.table-wrapper td {
  background-color: #fff;
  text-align: left;
}
.table-wrapper th:first-child,
.table-wrapper td:first-child {
  text-align: left;
}
.table-wrapper tbody th,
.table-wrapper td {
  font-weight: normal;
}
.table-wrapper tbody th.header {
  font-size: 35px;
  font-size: 3.5rem;
  padding: 16px 8px 15px 8px;
  font-family: "league-gothic", "league_gothic", "Arial Narrow", Arial, sans-serif;
  font-weight: bold;
  line-height: 1.2;
  color: inherit;
  text-rendering: optimizelegibility;
}
.wf-active .table-wrapper tbody th.header {
  font-size: 45px;
  font-size: 4.5rem;
  font-weight: normal;
}
.co-name {
  display: block;
  font-size: .9em;
  opacity: .4;
}
.enhanced th,
.enhanced td {
  display: none;
}
.legacy-ie .enhanced th.essential,
.legacy-ie .enhanced td.essential {
  display: inline;
}
.enhanced th.essential,
.enhanced td.essential {
  display: table-cell;
}
.enhanced td.optional a {
  -ms-word-break: break-all;
  /* Be VERY careful with this, breaks normal words wh_erever */

  word-break: break-all;
  /* Non standard for webkit */

  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
@media screen and (min-width: 620px) {
  .legacy-ie .enhanced th.optional,
  .legacy-ie .enhanced td.optional {
    display: inline;
  }
  .enhanced th.optional,
  .enhanced td.optional {
    display: table-cell;
  }
}
@media screen and (min-width: 920px) {
  .legacy-ie .enhanced th,
  .legacy-ie .enhanced td {
    display: inline;
  }
  .enhanced th,
  .enhanced td {
    display: table-cell;
  }
}
/* ----- LAYOUT ----- */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */

}
/*  Mobile-first default below 320px */
.col {
  display: block;
  float: left;
  margin: 0;
}
.span_2_of_2 {
  width: 100%;
}
.span_1_of_2 {
  width: 100%;
}
.span_3_of_3 {
  width: 100%;
}
.span_2_of_3 {
  width: 100%;
}
.span_1_of_3 {
  width: 100%;
}
.span_4_of_4 {
  width: 100%;
}
.span_3_of_4 {
  width: 100%;
}
.span_2_of_4 {
  width: 100%;
}
.span_1_of_4 {
  width: 100%;
}
.span_5_of_5 {
  width: 100%;
}
.span_4_of_5 {
  width: 100%;
}
.span_3_of_5 {
  width: 100%;
}
.span_2_of_5 {
  width: 100%;
}
.span_1_of_5 {
  width: 100%;
}
.span_6_of_6 {
  width: 100%;
}
.span_5_of_6 {
  width: 100%;
}
.span_4_of_6 {
  width: 100%;
}
.span_3_of_6 {
  width: 100%;
}
.span_2_of_6 {
  width: 100%;
}
.span_1_of_6 {
  width: 100%;
}
/* x added to classname so they don't interfere with the real ones */
@media only screen and (min-width: 768px) {
  /* GRID OF TWO */
  .xspan_2_of_2 {
    width: 100%;
  }
  .xspan_1_of_2 {
    width: 48.95%;
  }
  /* GRID OF THREE */
  .xspan_3_of_3 {
    width: 100%;
  }
  .xspan_2_of_3 {
    width: 65.96%;
  }
  .xspan_1_of_3 {
    width: 31.93%;
  }
  /* GRID OF FOUR */
  .xspan_4_of_4 {
    width: 100%;
  }
  .xspan_3_of_4 {
    width: 74.47%;
  }
  .xspan_2_of_4 {
    width: 48.95%;
  }
  .xspan_1_of_4 {
    width: 23.42%;
  }
  /* GRID OF FIVE */
  .xspan_5_of_5 {
    width: 100%;
  }
  .xspan_4_of_5 {
    width: 79.58%;
  }
  .xspan_3_of_5 {
    width: 59.16%;
  }
  .xspan_2_of_5 {
    width: 38.74%;
  }
  .xspan_1_of_5 {
    width: 18.32%;
  }
  /*  GRID OF SIX  */
  .xspan_6_of_6 {
    width: 100%;
  }
  .xspan_5_of_6 {
    width: 82.98%;
  }
  .xspan_4_of_6 {
    width: 65.96%;
  }
  .xspan_3_of_6 {
    width: 48.95%;
  }
  .xspan_2_of_6 {
    width: 31.93%;
  }
  .xspan_1_of_6 {
    width: 14.91%;
  }
}
@media only screen and (min-width: 768px) {
  /*  COLUMN SETUP  */
  .col {
    margin: 0 0 0 2.1%;
  }
  .col:first-child {
    margin-left: 0;
  }
  /*  GRID OF TWO  */
  .span_2_of_2 {
    width: 100%;
  }
  .span_1_of_2 {
    width: 48.95%;
  }
  .span_1_of_2:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  /*  GRID OF THREE  */
  .span_3_of_3 {
    width: 100%;
  }
  .span_2_of_3 {
    width: 65.96%;
  }
  .span_1_of_3 {
    width: 31.93%;
  }
  .span_1_of_3:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .ie7 .span_1_of_3 {
    width: 31%;
  }
  /*  GRID OF FOUR  */
  .span_1_of_4 {
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  /*  GRID OF FOUR  */
  .span_4_of_4 {
    width: 100%;
  }
  .span_3_of_4 {
    width: 74.47%;
  }
  .span_2_of_4 {
    width: 48.95%;
  }
  .span_1_of_4 {
    width: 23.42%;
    margin: 0 0 0 2.1%;
  }
  .span_1_of_4:nth-child(2n+1) {
    clear: none;
    margin-left: 2.1%;
  }
  .span_1_of_4:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
  }
  /*  GRID OF FIVE  */
  .span_5_of_5 {
    width: 100%;
  }
  .span_4_of_5 {
    width: 79.58%;
  }
  .span_3_of_5 {
    width: 59.16%;
  }
  .span_2_of_5 {
    width: 38.74%;
  }
  .span_1_of_5 {
    width: 18.32%;
  }
  .span_1_of_5:nth-child(5n+1) {
    clear: both;
    margin-left: 0;
  }
  /*  GRID OF SIX  */
  .span_6_of_6 {
    width: 100%;
  }
  .span_5_of_6 {
    width: 82.98%;
  }
  .span_4_of_6 {
    width: 65.96%;
  }
  .span_3_of_6 {
    width: 48.95%;
  }
  .span_2_of_6 {
    width: 31.93%;
  }
  .span_1_of_6 {
    width: 14.91%;
  }
  .span_1_of_6:nth-child(6n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  /* content-col full width below subnav-col */
  .content-col {
    margin: 0 0 0 2.1%;
  }
}
@media only screen and (min-width: 992px) {
  /* span_3_of_4 */
  .content-col {
    margin: 0 0 0 2.1%;
  }
}
/* 4-col grid as 1-cols */.superfooter .superfooter-col {
  width: 100%;
}
@media only screen and (min-width: 480px) {
  /* 4-col grid as 2-cols */.superfooter .col {
    display: block;
    float: left;
    margin: 0 0 0 2.1%;
  }
  .superfooter .col:first-child {
    margin-left: 0;
  }
  .superfooter .superfooter-col {
    width: 47.9%;
    margin: 0 0 0 4.2%;
  }
  .superfooter .superfooter-col:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  /* 4-col grid as 4-cols */.superfooter .superfooter-col {
    width: 23.42%;
    margin: 0 0 0 2.1%;
  }
  .superfooter .superfooter-col:nth-child(2n+1) {
    clear: none;
    margin-left: 2.1%;
  }
  .superfooter .superfooter-col:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
  }
}
.ie6 .superfooter .superfooter-col {
  margin: 0 -3px 0 2.1%;
  /* fix for ie6 duplicate character bug */

  display: inline;
  /* fix for IE6 doubled float margin bug */

}
.ie6 .superfooter .superfooter-col:nth-child(4n+1) {
  clear: both;
  margin: 0 -3px 0 0;
}
.ie6 .superfooter .superfooter-col:first-child {
  clear: both;
  margin: 0 -3px 0 0;
}
@media only screen and (min-width: 992px) {
  .superfooter .superfooter-col {
    width: 23.42%;
    margin: 0 0 0 2.1%;
  }
  .superfooter .superfooter-col:nth-child(2n+1) {
    clear: none;
    margin-left: 2.1%;
  }
  .superfooter .superfooter-col:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
  }
  .ie6 .superfooter .superfooter-col {
    margin-right: 0 -3px 0 2.1%;
    /* fix for ie6 duplicate character bug */
  
    display: inline;
    /* fix for IE6 doubled float margin bug */
  
  }
  .ie6 .superfooter .superfooter-col:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
  }
}
/* 4-col grid as 1-cols */.subfooter .address-col {
  width: 100%;
}
.subfooter .links-col {
  width: 100%;
}
/*.xspan_3_of_4 {
		width: 74.47%;
	}

	.xspan_2_of_4 {
		width: 48.95%;
	}

	.xspan_1_of_4 {
		width: 23.42%;
	}*/
@media only screen and (min-width: 480px) {
  /* 4-col grid as 2-cols (2_of_4 and 2_of_4) */.subfooter .col {
    display: block;
    float: left;
    margin: 0 0 0 2.1%;
  }
  .subfooter .col:first-child {
    margin-left: 0;
  }
  .subfooter .address-col {
    width: 47.9%;
  }
  .subfooter .links-col {
    width: 47.9%;
    margin: 0 0 0 4.2%;
  }
}
@media only screen and (min-width: 768px) {
  /* 4-col grid as 4-cols (3_of_4 and 1_of_4) */.subfooter .col {
    display: block;
    float: left;
    margin: 0 0 0 2.1%;
  }
  .subfooter .col:first-child {
    margin-left: 0;
  }
  .subfooter .address-col {
    width: 74.47%;
  }
  .subfooter .links-col {
    width: 23.42%;
  }
}
@media only screen and (min-width: 768px) {
  #homepage {
    /*  GRID OF TWO  */
  
  }
  #homepage .span_1_of_2 {
    width: 47.95%;
    margin: 0 0 0 4.1%;
  }
  #homepage .span_1_of_2:first-child {
    width: 47.95%;
    margin: 0;
  }
}
/* used on homepage for latest work images */
.recent-work .sample {
  width: 100%;
  margin: 0;
}
@media only screen and (min-width: 380px) {
  .recent-work figure {
    float: left;
    width: 60%;
    margin: 0 2.5% 8px 0;
  }
}
@media only screen and (min-width: 480px) {
  .recent-work .sample {
    width: 48.95%;
    margin: 0 0 0 2.1%;
  }
  .recent-work .sample:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .recent-work .sample:first-child {
    margin-left: 0;
  }
  .recent-work figure {
    float: none;
    width: 100%;
    margin: 0 0 8px 0;
  }
}
@media only screen and (min-width: 680px) {
  .recent-work figure {
    float: left;
    width: 60%;
    margin: 0 2.5% 8px 0;
  }
}
@media only screen and (min-width: 992px) {
  .recent-work .sample {
    width: 23.42%;
    margin: 0 0 0 2.1%;
  }
  .recent-work .sample:nth-child(2n+1) {
    clear: none;
    margin-left: 2.1%;
  }
  .recent-work .sample:first-child {
    margin-left: 0;
  }
  .recent-work figure {
    float: none;
    width: 100%;
    margin: 0 0 8px 0;
  }
}
/* stops homepage images being HUGE */
.ie6 .sample figure,
.ie6 .sample figure img {
  width: 225px;
}
.ie6 .recent-work .sample {
  margin-right: -3px;
}
/* homepage span 1 of 3 for ie6 */
/* remove it for ie6 because selectivisr is breaking it */
.ie6 #homepage .span_1_of_3:nth-child(3n+1),
.ie7 #homepage .span_1_of_3:nth-child(3n+1) {
  clear: none;
  margin: 0 -3px 0 2.1%;
}
.ie6 #homepage .nth-child-3n,
.ie7 #homepage .nth-child-3n {
  margin-bottom: 80px;
}
.ie6 #homepage .nth-child-3n1,
.ie7 #homepage .nth-child-3n1 {
  clear: both;
  margin-left: 0;
}
/* special coloured boxes at bottom of homepage */
.ie7 .span_1_of_3.special1,
.ie7 .span_1_of_3.special2,
.ie7 .span_1_of_3.special3 {
  width: 27%;
}
.ie6 .span_1_of_3 {
  width: 31%;
  margin: 0 -3px 0 2.1%;
}
.ie6 .span_1_of_3:nth-child(3n+1) {
  width: 31%;
  clear: both;
  margin-left: 0;
}
.ie6 .span_1_of_3.special1,
.ie6 .span_1_of_3.special2,
.ie6 .span_1_of_3.special3 {
  width: 27%;
}
/*  Rows of thumbnail images in all T6 templates  */
.case-thumb {
  width: 100%;
}
.case-thumb.hidden {
  background: url(../img/web/imac/empty-imac2.jpg) no-repeat 50% 0;
  background-size: 80%;
}
.case-thumb.hidden figure {
  visibility: hidden;
}
.ie8 .case-thumb.hidden {
  background: url(../img/web/imac/empty-imac2-ie8.jpg) no-repeat 50% 0;
}
@media only screen and (min-width: 320px) {
  /* 4-col grid as 2-cols */
  .case-thumb {
    display: block;
    float: left;
    margin: 0 0 0 2.1%;
    width: 48.95%;
  }
  .case-thumb.hidden {
    background-size: 100%;
  }
  .case-thumb:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media only screen and (min-width: 480px) {
  /* 4-col grid as 3-cols */
  .case-thumb {
    width: 31.93%;
  }
  .case-thumb:nth-child(2n+1) {
    clear: none;
    margin-left: 2.1%;
  }
  .case-thumb:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media only screen and (min-width: 620px) {
  /* 4-col grid as 4-cols */
  .case-thumb {
    width: 23.42%;
    margin: 0 0 0 2.1%;
  }
  .case-thumb:nth-child(3n+1) {
    clear: none;
    margin-left: 2.1%;
  }
  .case-thumb:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  /* 4-col grid as 3-cols */
  .case-thumb {
    width: 31.93%;
  }
  .case-thumb:nth-child(2n+1) {
    clear: none;
    margin-left: 2.1%;
  }
  .case-thumb:nth-child(4n+1) {
    clear: none;
    margin-left: 2.1%;
  }
  .case-thumb:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media only screen and (min-width: 860px) {
  /* 4-col grid as 4-cols */
  .case-thumb {
    width: 23.42%;
    margin: 0 0 0 2.1%;
  }
  .case-thumb:nth-child(3n+1) {
    clear: none;
    margin-left: 2.1%;
  }
  .case-thumb:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
  }
}
/* remove it for ie6 because selectivisr is breaking it */
/* for all case-thumb instances - switch off selectivisr */
.ie6 .case-thumb:nth-child(4n+1),
.ie7 .case-thumb:nth-child(4n+1) {
  clear: none;
  margin: 0 -3px 0 2.1%;
  width: 20%;
}
/* for tutoring, multimedia and event management, do rows of four (see scripts.js) */
.ie6 .case-thumb,
.ie7 .case-thumb {
  width: 20%;
  margin: 0 -3px 0 2.1%;
}
.ie6 .case-studies .nth-child-4n,
.ie7 .case-studies .nth-child-4n {
  clear: right;
  margin-bottom: 20px;
}
.ie6 .case-studies .nth-child-4n1,
.ie7 .case-studies .nth-child-4n1 {
  clear: both;
  margin-left: 0;
}
/* for case studies section homepage switch off rows of 4 and do rows of 3 */
.ie6 .case-studies.filterable .nth-child-4n {
  clear: none;
  margin: 0 -3px 0 2.1%;
  width: 20%;
}
.ie6 .case-studies.filterable .nth-child-4n1 {
  clear: none;
  margin: 0 -3px 0 2.1%;
  width: 20%;
}
.ie6 .case-studies .nth-child-3n {
  clear: right;
  margin-bottom: 20px;
}
.ie6 .case-studies.filterable .nth-child-3n1 {
  clear: both;
  margin-left: 0;
}
.ie6 #case-studies .content .span_1_of_4 {
  margin: 0;
}
.ie6 #case-studies .content .span_3_of_4 {
  display: inline;
}
.testimonials .category-group .col {
  width: 100%;
  float: left;
}
/* 3-col grid as 1-cols */#search-results .results {
  width: 100%;
}
#search-results .tips {
  width: 100%;
}
#search-results .tips {
  margin: 0 0 20px 0;
}
.ie6 #search-results .results {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  /* 3-col grid as 2-col and 1-col */#search-results .results {
    width: 65.96%;
  }
  #search-results .tips {
    width: 31.93%;
    margin: 10px 0 20px 2.1%;
  }
}
/*
 *
 *  Copyright (c) David Bushell | http://dbushell.com/
 *
 */
#nav {
  z-index: 200;
  position: relative;
  overflow: hidden;
  width: 100%;
  color: #ffffff;
}
#nav .block {
  z-index: 2;
  position: relative;
  padding: 12px 0;
  background: #4c4c4c url(../img/core-images/bg-header-strip.gif) repeat 0 0;
}
#nav .block .block-title {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
#nav ul {
  *zoom: 1;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
}
#nav ul:before,
#nav ul:after {
  content: "";
  display: table;
}
#nav ul:after {
  clear: both;
}
#nav li {
  display: block;
  text-align: left;
  margin: 0;
  padding: 0;
}
.ie7 #nav li,
.ie6 #nav li {
  display: inline;
  zoom: 1;
}
#nav li a {
  display: block;
  color: #cccccc;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.28571em;
  outline: none;
  text-shadow: 1px 1px 1px #000000;
  filter: dropshadow(color=#000000, offx=1, offy=1);
}
#nav li a:focus,
#nav li a:hover,
#nav li a.current {
  color: #ffffff;
  background: #595959;
  background: rgba(255, 255, 255, 0.1);
}
.ie9 #nav li a:focus,
.ie9 #nav li a:hover,
.ie9 #nav li a.current {
  background: #595959;
}
#nav li.is-active a {
  color: #ffffff;
}
.close-btn {
  display: block;
  width: 2.625em;
  height: 2.25em;
  padding: 0;
  border: 0;
  outline: none;
  background: #333333 url(../img/core-images/close-btn.svg) left center no-repeat;
  background-size: 1.875em 1.875em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-svg .close-btn {
  background-image: url(../img/core-images/close-btn.png);
}
.close-btn:focus,
.close-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#nav .close-btn {
  display: none;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #cccccc;
  border-right: 4px solid transparent;
  border-bottom: 0 dotted;
  border-left: 4px solid transparent;
  content: "";
}
.ie6 .caret {
  line-height: 0.5;
  border-right: 4px solid #595959;
  border-left: 4px solid #595959;
  top: 11px;
}
.caret:hover {
  border-top: 4px solid #fff;
  border-right: 4px solid #6b6b6b;
  border-left: 4px solid #6b6b6b;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
#nav ul.dropdown-menu {
  display: none;
}
.search-box {
  width: 25%;
  float: right;
  padding: 0;
}
.search-box form {
  width: 90%;
  padding: 8px;
  margin: 0 0 0 0;
  background-color: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.15);
  float: right;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.search-box form label {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.search-box form input {
  width: 85%;
  height: 32px;
  margin: 0;
  padding: 3px 0 3px 8px;
  border-top: 1px solid #808080;
  border-right: none;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #808080;
  background-color: #e6e6e6;
  float: left;
  -webkit-appearance: none;
}
.search-box form input.searchButton {
  font-family: inherit;
  font-size: 1px;
  font-weight: bold;
  padding: 0;
  height: 32px;
  width: 15%;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: none;
  background: #e6e6e6 url(../img/core-images/icon-search.gif) no-repeat 50% 0;
  cursor: pointer;
  color: #e6e6e6;
}
.ie8 .search-box form,
.ie7 .search-box form,
.ie6 .search-box form {
  background-color: #c5d3f0;
  border: 1px solid #9eaccb;
}
.ie7 .search-box input,
.ie6 .search-box input {
  width: 79%;
  height: 24px;
}
/* for screens narrower than 768px */
@media screen and (max-width: 767px) {
  #nav {
    position: absolute;
    top: 0;
    padding-top: 5.25em;
  }
  #nav:not(:target) {
    z-index: 1;
    height: 0;
  }
  #nav:target .close-btn {
    display: block;
  }
  #nav .close-btn {
    position: absolute;
    top: -3.75em;
    left: 20px;
  }
  #nav .block {
    position: relative;
    padding: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 2px solid rgba(51, 51, 51, 0.9);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    margin: 0 0 10px 0;
  }
  #nav ul {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #nav ul.dropdown-menu {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: none;
    display: none;
  }
  #nav li {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
    float: left;
  }
  #nav li:last-child {
    border-bottom: none;
  }
  #nav li.is-active:after {
    z-index: 50;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -0.03125em;
    margin-top: -0.625em;
    border-top: 0.625em transparent solid;
    border-bottom: 0.625em transparent solid;
    border-right: 0.625em white solid;
  }
  #nav li a {
    padding: 6px 20px;
  }
  #nav li.dropdown a {
    padding: 6px 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    margin-right: 30px;
  }
  #nav ul.dropdown-menu li a {
    padding: 6px 20px 6px 40px;
    border-right: none;
    margin-right: 0;
  }
  #nav ul.dropdown-menu li.dropdown a {
    padding: 6px 20px 6px 40px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    margin-right: 30px;
  }
  #nav ul.dropdown-menu li.dropdown ul.dropdown-menu li a {
    padding: 6px 20px 6px 60px;
    border-right: none;
    margin-right: 0;
  }
  span.show-dropdown {
    width: 30px;
    height: 33px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
  }
  span.show-dropdown:focus,
  span.show-dropdown:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
  }
  .caret {
    position: absolute;
    top: 13px;
    left: 10px;
  }
  .search-box {
    width: 75%;
    float: left;
    padding: 0;
  }
  .search-box form {
    float: left;
    margin: 10px 0 10px 20px;
    width: 80%;
    padding: 5px;
  }
  /* the bit that moves the page aside to reveal the nav  */
  .js-ready #nav {
    height: 100%;
    width: 70%;
    background: #333333;
    -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
  }
  .js-ready #nav .block {
    background: transparent;
  }
  .js-ready #nav .close-btn {
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  .js-ready #nav .close-btn:focus,
  .js-ready #nav .close-btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  .js-ready #nav {
    left: -70%;
  }
  .js-ready #inner-wrap {
    left: 0;
  }
  .js-nav #inner-wrap {
    left: 70%;
  }
  .csstransforms3d.csstransitions.js-ready #nav {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .csstransforms3d.csstransitions.js-ready #inner-wrap {
    left: 0 !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .csstransforms3d.csstransitions.js-nav #inner-wrap {
    -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
  }
  .csstransforms3d.csstransitions.js-ready #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
    -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }
  .csstransforms3d.csstransitions.js-nav #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* for screens narrower than 480px */
@media screen and (max-width: 479px) {
  header .block-title {
    padding-left: 43px;
  }
  #nav li {
    width: 100%;
  }
  .search-box {
    width: 95%;
    float: left;
    padding: 0;
  }
  .search-box form {
    float: left;
    margin: 10px 0 10px 20px;
    width: 80%;
  }
  #nav ul.dropdown-menu li {
    float: none;
  }
}
@media only screen and (min-width: 768px) {
  #top .nav-btn {
    overflow: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
  #nav {
    overflow: visible;
  }
  #nav .close-btn {
    overflow: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
  #nav .block-title {
    overflow: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
  #nav ul {
    text-align: center;
  }
  #nav li {
    display: inline-block;
    border-right: 1px solid #595959;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    margin-left: -4px;
  }
  #nav li:last-child {
    border-right: none;
  }
  #nav li a {
    padding: 6px 12px;
  }
  #nav li.dropdown a {
    margin-right: 42px;
  }
  span.show-dropdown {
    width: 33px;
    height: 33px;
    display: block;
    position: absolute;
    top: 0;
    right: 7px;
    cursor: pointer;
    background: #595959;
    background: rgba(255, 255, 255, 0.1);
  }
  span.show-dropdown:focus,
  span.show-dropdown:hover {
    color: #ffffff;
    background: #6b6b6b;
    background: rgba(255, 255, 255, 0.2);
  }
  .caret {
    position: absolute;
    top: 13px;
    left: 10px;
  }
  #nav ul.dropdown-menu {
    position: absolute;
    left: 0;
    top: 43px;
    width: 250px;
    height: auto;
    background: #4c4c4c url(../img/core-images/bg-header-strip.gif) repeat 0 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  }
  #nav ul.dropdown-menu li {
    display: block;
    border-right: none;
    margin-left: 0;
  }
  #nav ul.dropdown-menu li a {
    margin-right: 0;
  }
  #nav ul.dropdown-menu li ul.dropdown-menu {
    position: absolute;
    left: 243px;
    top: 0;
    width: 250px;
  }
  .search-box {
    width: 23%;
    margin: 0 2% 0 0;
    position: absolute;
    top: -70px;
    right: 0;
  }
}
@media only screen and (min-width: 992px) {
  #nav {
    max-width: 1020px;
    margin: 0 auto;
  }
  .ie6 #nav {
    width: 1020px;
    margin: 0 auto;
  }
  .search-box {
    width: 25%;
    margin: 0 1% 0 0;
  }
}
@media only screen and (min-width: 1040px) {
  .search-box {
    width: 25%;
    margin: 0;
  }
}
/* ----- TEMPLATE SPECIFICS ----- */
#case-studies .case-studies {
  padding-bottom: 25px;
}
#case-studies .case-studies img {
  /*margin: 0 0 10px 0;*/

  margin: 0 0 8px 0;
}
#case-studies .case-studies .case-thumb {
  padding: 0 0 16px 0;
  text-align: center;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 320px) {
  #case-studies .case-studies .case-thumb {
    padding: 0 0 12px 0;
    padding: 0 0 20px 0;
  }
}
#case-studies .case-study .website-image {
  margin-bottom: 1.5em;
}
@media only screen and (min-width: 480px) {
  #case-studies .case-study .website-image {
    float: right;
    width: 41.93%;
    margin-left: 1.4%;
    text-align: right;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 600px) {
  #case-studies .case-study .website-image {
    width: 44.6%;
  }
}
@media only screen and (min-width: 768px) {
  #case-studies .case-study .website-image {
    width: 45.1%;
  }
}
#categoryForm label {
  font-family: "league-gothic", "league_gothic", "Arial Narrow", Arial, sans-serif;
  font-weight: bold;
  line-height: 1.2;
  margin: 0;
  padding: 0 0 6px 0;
  color: inherit;
  text-rendering: optimizelegibility;
  font-size: 18px;
  font-size: 1.8rem;
}
.wf-active #categoryForm label {
  font-weight: normal;
  font-size: 24px;
  font-size: 2.4rem;
}
/*.hidden-gallery {
	display: none;
}*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  /*color: #FFF;*/

  color: #333;
  /*right: -6px;*/

  right: 11px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  /*right: 0;*/

  right: 20px;
  /*color: #CCC;*/

  color: #333;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
  font-size: 14px;
  font-size: 1.4rem;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*padding: 40px 0 40px;*/

  padding: 40px 20px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);*/

  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
  background-color: #fff;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  /*color: #F3F3F3;*/

  color: #333;
  word-wrap: break-word;
  /*padding-right: 36px; */

  padding: 5px 56px 0 20px;
  font-size: 16px;
  font-size: 1.6rem;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /* Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}
/* Category groups - wrapper div around a set of category entries (header, text, right-floated image) */
/* Found in T2 section homepage, T7 Case studies category, T9 Testimonials templates */
.category-group {
  padding: 1.5em 0 0 0;
  border-top: 1px dashed #c7ced6;
}
.category-group .col {
  margin: 0;
  padding: 0;
  margin-bottom: 1.5em;
  border-bottom: 1px dashed #c7ced6;
}
.ie6 .category-group .col {
  margin: 0 -3px 1.5em 0;
}
.category-group .col:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
/* right-floated thumbnail image */
.testimonials .category-thumbnail {
  margin-bottom: 24px;
}
@media only screen and (min-width: 480px) {
  .category-group .category-thumbnail {
    float: right;
    width: 40.64%;
    margin-left: 3.53%;
    margin-top: 4px;
    text-align: right;
  }
}
@media only screen and (min-width: 600px) {
  .category-group .category-thumbnail {
    float: right;
    width: 30.64%;
    margin-left: 3.53%;
    text-align: right;
  }
}
.carousel {
  margin: 0;
  padding: 2% 2% 30px 2%;
  box-sizing: content-box;
  background: #ddddee;
}
.box {
  background: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.5;
  margin: 0 auto 10px auto;
  border: 1px solid #cccccc;
  padding: 5px;
  background: none repeat scroll 0 0 #FFFFFF;
  display: block;
  min-height: 100px;
  overflow: visible;
  position: relative;
}
.carousel .box {
  text-shadow: 0 1px 0 #000;
  padding: 10px;
  max-width: 920px;
  -webkit-box-shadow: 0 6px 6px -6px #777777;
  -moz-box-shadow: 0 6px 6px -6px #777777;
  box-shadow: 0 6px 6px -6px #777777;
}
.ie6 .carousel .box {
  width: 920px;
}
/* Basic jQuery Slider essential styles */
.ie6 #banner-slide {
  width: 920px;
}
ul.bjqs {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0 -3px 0 0;
  overflow: hidden;
  display: none;
  -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
}
.ie8 ul.bjqs {
  outline: 1px solid #e6e6e6;
}
.ie7 ul.bjqs,
.ie6 ul.bjqs {
  border: 1px solid #e6e6e6;
}
li.bjqs-slide {
  position: absolute;
  display: none;
}
ul li.bjqs-slide {
  padding: 0;
}
.ie7 li.bjqs-slide,
.ie6 li.bjqs-slide {
  left: 0;
}
ul.bjqs-controls {
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
ul.bjqs-controls li {
  padding: 0;
}
.ie7 ul.bjqs-controls,
.ie6 ul.bjqs-controls {
  position: absolute;
  top: 45.4444%;
  left: 5px;
  width: 942px;
}
.ie7 ul.bjqs-controls li a,
.ie6 ul.bjqs-controls li a {
  position: absolute;
  top: 0 !important;
}
ul.bjqs-controls.v-centered li a {
  position: absolute;
  display: block;
  background: #fff;
  color: #000;
  text-decoration: none;
  width: 18px;
  height: 31px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
ul.bjqs-controls.v-centered li a:hover {
  background: #000;
  color: #fff;
}
ul.bjqs-controls.v-centered li.bjqs-next a {
  right: 0;
  background: url(../img/web/slider/arrow-next.png) no-repeat 0 0;
}
ul.bjqs-controls.v-centered li.bjqs-next a:hover {
  right: 0;
  background: url(../img/web/slider/arrow-next.png) no-repeat 0 -31px;
}
.ie7 ul.bjqs-controls.v-centered li.bjqs-next a,
.ie7 ul.bjqs-controls.v-centered li.bjqs-next a:hover,
.ie6 ul.bjqs-controls.v-centered li.bjqs-next a,
.ie6 ul.bjqs-controls.v-centered li.bjqs-next a:hover {
  right: 26px;
}
ul.bjqs-controls.v-centered li.bjqs-prev a {
  left: 0;
  background: url(../img/web/slider/arrow-prev.png) no-repeat 0 0;
}
ul.bjqs-controls.v-centered li.bjqs-prev a:hover {
  left: 0;
  background: url(../img/web/slider/arrow-prev.png) no-repeat 0 -31px;
}
.ie7 ul.bjqs-controls.v-centered li.bjqs-prev a,
.ie7 ul.bjqs-controls.v-centered li.bjqs-prev a:hover,
.ie6 ul.bjqs-controls.v-centered li.bjqs-prev a,
.ie6 ul.bjqs-controls.v-centered li.bjqs-prev a:hover {
  left: -4px;
}
ol.bjqs-markers {
  list-style: none;
  padding: 0;
  margin: 0;
  margin: 18px 0 0 0;
  width: 100%;
}
ol.bjqs-markers.h-centered {
  text-align: center;
}
ol.bjqs-markers li {
  display: inline;
}
ol.bjqs-markers li a {
  display: inline-block;
  padding: 0;
  background: #000;
  color: #fff;
  margin: 5px;
  text-decoration: none;
  background: url(../img/web/slider/slider-dot.png) no-repeat 0 0;
  width: 9px;
  height: 10px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover {
  background: #999;
  background: url(../img/web/slider/slider-dot.png) no-repeat 0 -10px;
}
.ie7 ol.bjqs-markers,
.ie6 ol.bjqs-markers {
  position: absolute;
}
.ie7 ol.bjqs-markers li a,
.ie6 ol.bjqs-markers li a {
  float: left;
  display: block;
  zoom: 1;
  width: 9px;
  height: 10px;
  overflow: hidden;
}
p.bjqs-caption {
  display: block;
  width: 97%;
  margin: 0;
  padding: 2% 1.5% 1.5% 1.5%;
  position: absolute;
  /*bottom: -200px;*/
  /* hide at smallest viewport size */

  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  /*.font-size(18);*/

  /*.font-size(14);*/

  height: 24px;
  text-align: left;
}
.ie8 p.bjqs-caption,
.ie7 p.bjqs-caption,
.ie6 p.bjqs-caption {
  left: 0;
  bottom: 0;
  background: #000;
  opacity: .80;
  filter: alpha(opacity=80);
}
p.bjqs-caption b {
  /*display: block;
	font-weight: normal;*/

  visibility: hidden;
}
p.bjqs-caption strong {
  /*.font-size(18);*/

  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.0;
  font-weight: normal;
  visibility: visible;
  padding-left: 5px;
}
p.bjqs-caption i {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.ie8 p.bjqs-caption i,
.ie7 p.bjqs-caption i,
.ie6 p.bjqs-caption i {
  overflow: visible;
  position: relative;
  clip: none;
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
}
@media only screen and (min-width: 480px) {
  .carousel {
    padding: 2% 2% 30px 2%;
  }
  p.bjqs-caption {
    bottom: 0;
    /*.font-size(18);*/
  
    font-size: 14px;
    font-size: 1.4rem;
    height: auto;
    text-align: center;
  }
  p.bjqs-caption b {
    display: block;
    font-weight: normal;
    visibility: visible;
  }
  p.bjqs-caption strong {
    /*.font-size(18);*/
  
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 0;
  }
  p.bjqs-caption i {
    overflow: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
}
@media only screen and (min-width: 600px) {
  .carousel .box {
    padding: 20px;
  }
  p.bjqs-caption {
    padding: 1% 1.5% 1.5% 1.5%;
    font-size: 16px;
    font-size: 1.6rem;
  }
  p.bjqs-caption strong {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.9;
  }
  ol.bjqs-markers {
    margin: 28px 0 0 0;
  }
}
@media only screen and (min-width: 768px) {
  p.bjqs-caption b {
    padding-bottom: 5px;
  }
  p.bjqs-caption i {
    overflow: visible;
    position: relative;
    clip: none;
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
  }
  ol.bjqs-markers {
    /*margin: 25px 0 0 0;*/
  
  }
}
/* ----- Special coloured boxes at bottom of page ----- */
@media only screen and (min-width: 768px) {
  .special-set {
    margin: 17px 0 20px 0;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #bbccee), color-stop(31.93%, #bbccee), color-stop(31.93%, #ffffff), color-stop(34.03%, #ffffff), color-stop(34.03%, #ddeeee), color-stop(65.96%, #ddeeee), color-stop(65.96%, #ffffff), color-stop(68.06%, #ffffff), color-stop(68.06%, #ddddee), color-stop(99.99%, #ddddee));
    background-image: -webkit-linear-gradient(left, #bbccee, #bbccee 31.93%, #ffffff 31.93%, #ffffff 34.03%, #ddeeee 34.03%, #ddeeee 65.96%, #ffffff 65.96%, #ffffff 68.06%, #ddddee 68.06%, #ddddee 99.99%);
    background-image: -moz-linear-gradient(left, #bbccee, #bbccee 31.93%, #ffffff 31.93%, #ffffff 34.03%, #ddeeee 34.03%, #ddeeee 65.96%, #ffffff 65.96%, #ffffff 68.06%, #ddddee 68.06%, #ddddee 99.99%);
    background-image: -ms-linear-gradient(left, #bbccee, #bbccee 31.93%, #ffffff 31.93%, #ffffff 34.03%, #ddeeee 34.03%, #ddeeee 65.96%, #ffffff 65.96%, #ffffff 68.06%, #ddddee 68.06%, #ddddee 99.99%);
    background-image: -o-linear-gradient(left, #bbccee, #bbccee 31.93%, #ffffff 31.93%, #ffffff 34.03%, #ddeeee 34.03%, #ddeeee 65.96%, #ffffff 65.96%, #ffffff 68.06%, #ddddee 68.06%, #ddddee 99.99%);
  }
}
.special1 {
  background: #bbccee;
  padding: 15px 20px 0 20px;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.special2 {
  background: #ddeeee;
  padding: 15px 20px 0 20px;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.special3 {
  background: #ddddee;
  padding: 15px 20px 0 20px;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .special1,
  .special2,
  .special3 {
    margin-bottom: 0;
    background: none;
  }
}
.ie9 .special1,
.ie8 .special1,
.ie7 .special1,
.ie6 .special1 {
  background: #bbccee;
}
.ie9 .special2,
.ie8 .special2,
.ie7 .special2,
.ie6 .special2 {
  background: #ddeeee;
}
.ie9 .special3,
.ie8 .special3,
.ie7 .special3,
.ie6 .special3 {
  background: #ddddee;
}
.ie8 .span_1_of_3.special1,
.ie8 .span_1_of_3.special2,
.ie8 .span_1_of_3.special3 {
  border-bottom: 20px solid #ffffff;
}
.ie7 .span_1_of_3.special1,
.ie7 .span_1_of_3.special2,
.ie7 .span_1_of_3.special3 {
  border-bottom: 20px solid #ffffff;
}
.ie6 .span_1_of_3 {
  display: inline;
}
.ie6 .span_1_of_3.special1,
.ie6 .span_1_of_3.special2,
.ie6 .span_1_of_3.special3 {
  border-bottom: 20px solid #ffffff;
}
#search-results .tips {
  background: #ddeeee;
}
#search-results .tips .group {
  padding: 18px 20px 6px 20px;
}
.ie6 #search-results .results {
  display: inline;
}
.content ul.sitemap {
  border-bottom: 1px solid #DDDDDD;
  list-style-type: none;
  margin-left: 0;
}
.no-js .content ul.sitemap .collapse {
  height: auto;
}
.ie9 .content ul.sitemap .open .collapse {
  height: auto;
}
.ie9 .content ul.sitemap .open .collapse .page-toggle {
  display: none;
}
.content ul.sitemap .page-toggle {
  display: inline-block;
  height: 40px;
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 0;
  width: 40px;
  z-index: 5;
}
.content ul.sitemap .page-toggle .button {
  display: block;
  height: 40px;
  padding-left: 15px;
}
.content ul.sitemap .page-toggle .button:hover,
.content ul.sitemap .page-toggle .button:focus {
  text-decoration: none;
}
.content ul.sitemap .page-toggle .button .linkText {
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 20px;
  position: absolute;
  width: 20px;
}
.content ul.sitemap .page-toggle .button .toggleIco {
  font-size: 12px;
}
.content ul.sitemap .page-toggle .button.loading .toggleIco {
  background: url("../images/ajax-loader.gif") no-repeat scroll center bottom rgba(0, 0, 0, 0);
  display: block;
  height: 27px;
  width: 15px;
}
.content ul.sitemap .page-toggle .button.loading .toggleIco:before {
  display: none;
}
.content ul.sitemap li {
  background: none repeat scroll 0 0 #F4F4F4;
  border-top: 1px solid #DDDDDD;
  line-height: 40px;
  margin-bottom: 0;
  position: relative;
  z-index: 0;
  list-style-type: none;
}
.ie6 .content ul.sitemap li {
  padding: 8px 0;
}
.ie6 .content ul.sitemap li .page-toggle {
  display: none;
}
.ie6 .content ul.sitemap li .collapse {
  height: auto;
}
.content ul.sitemap li a.sitemap-link {
  -moz-box-sizing: border-box;
  display: block;
  height: 100%;
  padding-left: 30px;
  z-index: 1;
}
.ie6 .content ul.sitemap li a.sitemap-link {
  padding: 4px 0;
}
.content ul.sitemap li a.sitemap-link img {
  border: medium none;
  margin-top: -3px;
}
.content ul.sitemap li a.sitemap-link .sitetree-icon {
  margin: 0 10px 0 15px;
}
.content ul.sitemap li a.sitemap-link:hover {
  background-color: #F0F0F0;
  text-decoration: none;
}
.content ul.sitemap li ul {
  height: auto;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.content ul.sitemap li ul li {
  text-indent: 15px;
}
.content ul.sitemap li ul li .page-toggle {
  padding-left: 20px;
}
.content ul.sitemap li ul li li {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  text-indent: 25px;
}
.content ul.sitemap li ul li li.first,
.content ul.sitemap li ul li li.last {
  border: medium none;
}
.content ul.sitemap li ul li li .page-toggle {
  padding-left: 30px;
}
.content ul.sitemap li ul li li li {
  text-indent: 45px;
}
.content ul.sitemap li ul li li li .page-toggle {
  padding-left: 40px;
}
.content ul.sitemap li ul li li li li {
  text-indent: 60px;
}
.content ul.sitemap li ul li li li li .page-toggle {
  padding-left: 50px;
}
.content ul.sitemap li ul li li li li li {
  text-indent: 75px;
}
.content ul.sitemap li ul li li li li li .page-toggle {
  padding-left: 60px;
}
.content ul.sitemap li ul li li li li li li {
  text-indent: 90px;
}
.content ul.sitemap li ul li li li li li li .page-toggle {
  padding-left: 70px;
}
.content ul.sitemap li ul li li li li li li li {
  text-indent: 105px;
}
.content ul.sitemap li ul li li li li li li li .page-toggle {
  padding-left: 80px;
}
.content ul.sitemap li ul li li li li li li li li {
  background-color: rgba(85, 85, 85, 0.2);
  text-indent: 120px;
}
.content ul.sitemap li ul li li li li li li li li .page-toggle {
  padding-left: 90px;
}
.ie9 .content ul.sitemap li ul li li li li li li li li {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.ie9 .content ul.sitemap li ul li li li li li li li li.first,
.ie9 .content ul.sitemap li ul li li li li li li li li.last {
  border: medium none;
}
.content ul.sitemap li ul li li li li li li li li.first {
  border-top: 2px solid rgba(153, 153, 153, 0.5);
}
.content ul.sitemap li ul li li li li li li li li.last {
  border-bottom: 2px solid rgba(153, 153, 153, 0.5);
}
.content ul.sitemap li ul li li li li li li li li .in li {
  border: medium none;
}
.content ul.sitemap li ul li li li li li li li li li {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
}
.ie9 .content ul.sitemap li ul li li li li li li li li li {
  padding-left: 10px;
}
.content ul.sitemap li ul li li li li li li li li li.last,
.content ul.sitemap li ul li li li li li li li li li.first {
  border: medium none;
}
.content ul.sitemap li div.collapse {
  display: none;
}
.content ul.sitemap li div.collapsed {
  display: block;
}
.content ul.sitemap li div.collapse a,
.content ul.sitemap li div.collapse .page-toggle a.button {
  display: none;
}
/* ----- PRINT STYLES ----- */
@media print {
  /* NEEDS DOING */
  /*a[href]:after { 
  content : " (" attr(href) ")"; }
  
  a[href^="javascript:"]:after, 
  a[href^="#"]:after { 
  content : ""; }*/
  /* ---------- @@ PAGE STRUCTURE ---------- */
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  @page  {
    margin: 2.0cm 1.0cm;
  }
  #outer-wrap {
    width: auto !important;
    margin: 0;
    padding: 0;
    border: 0;
    float: none !important;
  }
  /* ---------- @@ HEADER ---------- */
  header .block {
    padding-top: 0;
  }
  .block-title a {
    text-decoration: none;
  }
  .block-title a img {
    display: none;
  }
  .block-title a:after {
    content: "WebWeaver Productions";
    padding: 20px;
    font-family: "league-gothic", "league_gothic", "Arial Narrow", Arial, sans-serif;
    font-size: 52px;
    font-size: 5.2rem;
  }
  /* ---------- @@ MAIN NAV ---------- */
  nav#nav {
    display: none;
  }
  /* ---------- @@ CONTENT ---------- */
  .content {
    padding: 0 !important;
  }
  /* ----- Typography ----- */
  h2,
  h3 {
    orphans: 3;
    widows: 3;
    page-break-after: avoid;
  }
  p {
    orphans: 3;
    widows: 3;
  }
  p.img-in-page {
    padding: 0;
  }
  p.img-in-page img.left {
    float: left;
    margin: 0 20px 10px 0;
  }
  pre,
  blockquote {
    /*border: 1px solid @grey; */
  
    padding: 0 50px;
    page-break-inside: avoid;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /* ----- Links ----- */
  a,
  a:visited {
    text-decoration: none;
  }
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    text-decoration: none;
  }
  a.readmore {
    display: none;
  }
  /* ----- Images ----- */
  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }
  .captionImage {
    display: table;
  }
  .captionImage img {
    margin: 0;
  }
  .captionImage p.caption {
    display: table-caption;
  }
  .captionImage.right {
    float: right;
    padding-left: 24px;
  }
  .captionImage.right img {
    float: right;
  }
  .captionImage.right p.caption {
    padding: 0 10px 16px 34px;
  }
  .captionImage.left {
    float: left;
    padding-right: 24px;
  }
  .captionImage.left img {
    float: left;
  }
  .captionImage.left p.caption {
    padding: 0 34px 16px 10px;
  }
  /* ----- Tables ----- */
  thead {
    display: table-header-group;
  }
  tr {
    page-break-inside: avoid;
  }
  /* ----- Forms ----- */
  input,
  textarea,
  select {
    width: 66%;
  }
  /* ---------- @@ FOOTER ---------- */
  .superfooter-wrapper {
    display: none;
  }
  .subfooter-wrapper {
    border-top: 1px solid #ccc;
    margin-top: 20px;
    padding-top: 20px;
  }
  .subfooter-wrapper .utility-nav {
    display: none;
  }
  .subfooter .address-col {
    width: 85%;
  }
  .subfooter .links-col {
    margin: 0;
    width: 15%;
  }
  /* ---------- @@ SPECIFIC PAGES ---------- */
  /* ----- @@ Homepage ----- */
  #banner-slide {
    height: 330px !important;
  }
  #banner-slide ul.bjqs {
    height: 340px !important;
  }
  #banner-slide ul.bjqs li.bjqs-slide {
    height: 340px !important;
  }
  #banner-slide p.bjqs-caption {
    display: none !important;
  }
  #banner-slide ul.bjqs-controls {
    display: none !important;
  }
  #banner-slide ol.bjqs-markers {
    display: none !important;
  }
  #homepage .group h2 {
    margin: 0.75em 0;
    border-top: 1px solid #ccc;
    padding-top: 30px;
  }
  #homepage .group .span_1_of_2 h2 {
    margin: 0;
    border-top: none;
    padding: 14px 0 15px;
  }
  .recent-work .sample {
    margin: 0 0 0 2.1%;
    width: 48.95%;
  }
  .recent-work .sample:first-child {
    margin-left: 0;
  }
  .recent-work .sample:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .special-set .special1,
  .special-set .special2,
  .special-set .special3 {
    padding: 0;
    margin-bottom: 0;
  }
  /* ----- @@ Section homepage ----- */
  .category-group .category-thumbnail {
    float: right;
    margin-left: 3.53%;
    margin-top: 4px;
    text-align: right;
    width: 30%;
  }
  /* ----- @@ Career snapshot ----- */
  table.stacktable.small-only {
    display: none;
  }
  table.large-only {
    display: table;
  }
  /* ----- @@ Case studies list ----- */
  p.alphabet {
    display: none;
  }
  .table-menu-wrapper {
    display: none;
  }
  .enhanced th,
  .enhanced td {
    display: table-cell;
  }
  .enhanced th.optional,
  .enhanced td.optional {
    display: table-cell;
  }
  a.backtotop {
    display: none;
  }
  /* ----- @@ Case studies ----- */
  .case-thumb {
    width: 23.42%;
    margin: 0 0 0 2.1%;
  }
  .case-thumb:nth-child(3n+1) {
    clear: none;
    margin-left: 2.1%;
  }
  .case-thumb:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
  }
  .case-thumb a {
    text-decoration: none;
  }
  /* ----- @@ Case studies category ----- */
  .category-group .col a {
    text-decoration: none;
  }
  /* ----- @@ Case study ----- */
  #case-studies .case-study .website-image {
    float: right;
    margin-bottom: 0;
    margin-left: 1.4%;
    text-align: right;
    width: 41.93%;
  }
  .mfp-zoom-out-cur .mfp-close {
    display: none;
  }
  .mfp-zoom-out-cur .mfp-arrow {
    display: none;
  }
  .mfp-zoom-out-cur #main-content {
    display: none;
  }
  /* ----- @@ Search results ----- */
  #search-results .tips .group {
    padding: 20px 0 0 0;
    border-top: 1px solid #ccc;
    margin-top: 20px;
  }
}