/*
 * Theme Name: Pixus 2013
 * Theme URI: http://www.pixus.co.uk
 *
 * Author: Northwest Online 
 * Author URI: http://www.pixus.co.uk
 * Version: 1.0
 * 
*/

/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { 
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 16px; font-size: 1rem; line-height: 1.6; font-family: 'Lato', Arial, sans-serif; color: #4A4A4A; background-color: #7C7C7C; }

a { color: #2d8ed6; text-decoration: none; }
a:visited { color: #325db8; }
a:hover { color: #0e337f; cursor: pointer; text-decoration: underline; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }
nav a,
nav a:hover { text-decoration: none; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 700; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: 700; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 12px; font-size: 0.8125rem; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
p.lead { font-size: 1.125rem; color: #333; margin-top: 0.75em }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 2.5em; }
dd { margin: 0 0 1.5em 0.5em }
dt { font-weight: 700; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
 
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { 
  color: #333333; 
  margin: 0 0 0.5em; 
  font-weight: 400;
  text-transform: uppercase;
} 
.h1, .h2, .h3, .h4, .h5, .h6 { display: inline-block; }
h1, .h1 { font-size: 27px; font-size: 1.6875rem; letter-spacing: 2px; }
h2, .h2 { font-size: 22px; font-size: 1.375rem; }
h3, .h3 { font-size: 18px; font-size: 1.125rem; }
h4, .h4 { font-size: 16px; font-size: 1rem; }
h5, .h5 { font-size: 15px; font-size: 0.9375rem; }
h6, .h6 { font-size: 14px; font-size: 0.875rem; }

.span12 h1 { margin-bottom: 0; }

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

h1, .h1 { font-size: 27px; font-size: 1.6875rem; letter-spacing: 2px; }
h2, .h2 { font-size: 22px; font-size: 1.375rem; }
h3, .h3 { font-size: 18px; font-size: 1.125rem; }
h4, .h4 { font-size: 16px; font-size: 1rem; }
h5, .h5 { font-size: 15px; font-size: 0.9375rem; }
h6, .h6 { font-size: 14px; font-size: 0.875rem; }
}

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width: 100%; height: auto; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

@media only screen and (min-width: 35em) {}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

 img.floatleft, img.fl { margin: 0 10px 10px 0; }
 img.floatright, img.fr { margin: 0 0 10px 10px; }
 .fl { float: left; }
 .fr { float: right; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* Chrome Frame Prompt
   ========================================================================== */

 .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
 
 
/*!
 * Bootstrap Responsive v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

 .hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
 }
 .input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 }

@-ms-viewport { width: device-width; }
 .hidden {
  display: none;
  visibility: hidden;
 }
 
 .container { position: relative; margin: 0 2.083333333333333%; }

.row {
  width: 100%;
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
}

.row [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.row [class*="span"]:first-child {
  margin-left: 0;
}

.row .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}


.row .span12 {  width: 100%;  *width: 99.94680851063829%;}
.row .span11 {  width: 91.48936170212765%;  *width: 91.43617021276594%;}
.row .span10 {  width: 82.97872340425532%;  *width: 82.92553191489361%;}
.row .span9 {  width: 74.46808510638297%;  *width: 74.41489361702126%;}
.row .span8 {  width: 65.95744680851064%;  *width: 65.90425531914893%;}
.row .span7 {  width: 57.44680851063829%;  *width: 57.39361702127659%;}
.row .span6 {  width: 48.93617021276595%;  *width: 48.88297872340425%;}
.row .span5 {  width: 40.42553191489362%;  *width: 40.37234042553192%;}
.row .span4 {  width: 31.914893617021278%;  *width: 31.861702127659576%;}
.row .span3 {  width: 23.404255319148934%;  *width: 23.351063829787233%;}
.row .span2 {  width: 14.893617021276595%;  *width: 14.840425531914894%;}
.row .span1 {  width: 6.382978723404255%;  *width: 6.329787234042553%;}
.row .offset12 {  margin-left: 104.25531914893617%;  *margin-left: 104.14893617021275%;}
.row .offset12:first-child {  margin-left: 102.12765957446808%;  *margin-left: 102.02127659574467%;}
.row .offset11 {  margin-left: 95.74468085106382%;  *margin-left: 95.6382978723404%;}
.row .offset11:first-child {  margin-left: 93.61702127659574%;  *margin-left: 93.51063829787232%;}
.row .offset10 {  margin-left: 87.23404255319149%;  *margin-left: 87.12765957446807%;}
.row .offset10:first-child {  margin-left: 85.1063829787234%;  *margin-left: 84.99999999999999%;}
.row .offset9 {  margin-left: 78.72340425531914%;  *margin-left: 78.61702127659572%;}
.row .offset9:first-child {  margin-left: 76.59574468085106%;  *margin-left: 76.48936170212764%;}
.row .offset8 {  margin-left: 70.2127659574468%;  *margin-left: 70.10638297872339%;}
.row .offset8:first-child {  margin-left: 68.08510638297872%;  *margin-left: 67.9787234042553%;}
.row .offset7 {  margin-left: 61.70212765957446%;  *margin-left: 61.59574468085106%;}
.row .offset7:first-child {  margin-left: 59.574468085106375%;  *margin-left: 59.46808510638297%;}
.row .offset6 {  margin-left: 53.191489361702125%;  *margin-left: 53.085106382978715%;}
.row .offset6:first-child {  margin-left: 51.063829787234035%;  *margin-left: 50.95744680851063%;}
.row .offset5 {  margin-left: 44.68085106382979%;  *margin-left: 44.57446808510638%;}
.row .offset5:first-child {  margin-left: 42.5531914893617%;  *margin-left: 42.4468085106383%;}
.row .offset4 {  margin-left: 36.170212765957444%;  *margin-left: 36.06382978723405%;}
.row .offset4:first-child {  margin-left: 34.04255319148936%;  *margin-left: 33.93617021276596%;}
.row .offset3 {  margin-left: 27.659574468085104%;  *margin-left: 27.5531914893617%;}
.row .offset3:first-child {  margin-left: 25.53191489361702%;  *margin-left: 25.425531914893618%;}
.row .offset2 {  margin-left: 19.148936170212764%;  *margin-left: 19.04255319148936%;}
.row .offset2:first-child {  margin-left: 17.02127659574468%;  *margin-left: 16.914893617021278%;}
.row .offset1 {  margin-left: 10.638297872340425%;  *margin-left: 10.53191489361702%;}
.row .offset1:first-child {  margin-left: 8.51063829787234%;  *margin-left: 8.404255319148938%;}

[class*="span"].hide,
[class*="span"].hide {
  display: none;
}

[class*="span"].pull-right,
[class*="span"].pull-right {
  float: right;
}

.container {
  margin-right: 2.083333333333333%;
  margin-left: 2.083333333333333%;
  *zoom: 1;
}

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

.container {
  margin-right: 4%;
  margin-left: 4%;
}
}

.container:before,
.container:after {
  display: table;
  line-height: 0;
  content: "";
}
.container:after {
  clear: both;
}

 .visible-phone { display: none !important; }
 .visible-tablet { display: none !important; }
 .hidden-desktop { display: none !important; }
 .visible-desktop { display: inherit !important; }

@media only screen and (min-width: 48em) and (max-width: 61em) {
 .hidden-desktop { display: inherit !important; }
 .visible-desktop { display: none !important; }
 .visible-tablet { display: inherit !important; }
 .hidden-tablet { display: none !important; }
 }

@media only screen and (max-width: 47.9375em) {
 .hidden-desktop { display: inherit !important; }
 .visible-desktop { display: none !important; }
 .visible-phone { display: inherit !important; }
 .hidden-phone { display: none !important; }
 }
 .visible-print { display: none !important; }

@media print {
 .visible-print { display: inherit !important; }
 .hidden-print { display: none !important; }
 }

@media only screen and (min-width: 75em) {
  .row {
    width: 100%;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after { clear: both; }
  .row [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row [class*="span"]:first-child { margin-left: 0; }
  .controls-row [class*="span"] + [class*="span"] { margin-left: 2.564102564102564%; }
  .row .span12 { width: 100%; *width: 99.94680851063829%; }
  .row .span11 { width: 91.45299145299145%; *width: 91.39979996362975%; }
  .row .span10 { width: 82.90598290598291%; *width: 82.8527914166212%; }
  .row .span9 { width: 74.35897435897436%; *width: 74.30578286961266%; }
  .row .span8 { width: 65.81196581196582%; *width: 65.75877432260411%; }
  .row .span7 { width: 57.26495726495726%; *width: 57.21176577559556%; }
  .row .span6 { width: 48.717948717948715%; *width: 48.664757228587014%; }
  .row .span5 { width: 40.17094017094017%; *width: 40.11774868157847%; }
  .row .span4 { width: 31.623931623931625%; *width: 31.570740134569924%; }
  .row .span3 { width: 23.076923076923077%; *width: 23.023731587561375%; }
  .row .span2 { width: 14.52991452991453%; *width: 14.476723040552828%; }
  .row .span1 { width: 5.982905982905983%; *width: 5.929714493544281%; }
  .row .offset12 { margin-left: 105.12820512820512%; *margin-left: 105.02182214948171%; }
  .row .offset12:first-child { margin-left: 102.56410256410257%; *margin-left: 102.45771958537915%;  }
  .row .offset11 { margin-left: 96.58119658119658%; *margin-left: 96.47481360247316%; }
  .row .offset11:first-child { margin-left: 94.01709401709402%; *margin-left: 93.91071103837061%; }
  .row .offset10 { margin-left: 88.03418803418803%; *margin-left: 87.92780505546462%; }
  .row .offset10:first-child { margin-left: 85.47008547008548%; *margin-left: 85.36370249136206%; }
  .row .offset9 { margin-left: 79.48717948717949%; *margin-left: 79.38079650845607%; }
  .row .offset9:first-child { margin-left: 76.92307692307693%;    *margin-left: 76.81669394435352%;  }
  .row .offset8 {    margin-left: 70.94017094017094%;    *margin-left: 70.83378796144753%;  }
  .row .offset8:first-child {    margin-left: 68.37606837606839%;    *margin-left: 68.26968539734497%;  }
  .row .offset7 {    margin-left: 62.393162393162385%;    *margin-left: 62.28677941443899%;  }
  .row .offset7:first-child {    margin-left: 59.82905982905982%;    *margin-left: 59.72267685033642%;  }
  .row .offset6 {    margin-left: 53.84615384615384%;    *margin-left: 53.739770867430444%;  }
  .row .offset6:first-child {    margin-left: 51.28205128205128%;    *margin-left: 51.175668303327875%;  }
  .row .offset5 {    margin-left: 45.299145299145295%;    *margin-left: 45.1927623204219%;  }
  .row .offset5:first-child {    margin-left: 42.73504273504273%;    *margin-left: 42.62865975631933%;  }
  .row .offset4 {    margin-left: 36.75213675213675%;    *margin-left: 36.645753773413354%;  }
  .row .offset4:first-child {    margin-left: 34.18803418803419%;    *margin-left: 34.081651209310785%; }
  .row .offset3 {    margin-left: 28.205128205128204%;    *margin-left: 28.0987452264048%;  }
  .row .offset3:first-child {    margin-left: 25.641025641025642%; *margin-left: 25.53464266230224%; }
  .row .offset2 { margin-left: 19.65811965811966%;    *margin-left: 19.551736679396257%;  }
  .row .offset2:first-child {    margin-left: 17.094017094017094%;    *margin-left: 16.98763411529369%;  }
  .row .offset1 {    margin-left: 11.11111111111111%;    *margin-left: 11.004728132387708%;  }
  .row .offset1:first-child {    margin-left: 8.547008547008547%;    *margin-left: 8.440625568285142%;  }

  .container { max-width: 1170px; margin: 0 auto; }
  input, textarea, .uneditable-input { margin-left: 0; }
}

@media only screen and (min-width: 48em) and (max-width: 61.1875em) {

  .row {
    width: 100%;
  }
  .row {
    margin-left: 0;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
 }
  [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.7624309392265194%;
    *margin-left: 2.709239449864817%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  [class*="span"]:first-child {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7624309392265194%;
  }
  .span12 { width: 100%;    *width: 99.94680851063829%;  }
  .span11 { width: 91.43646408839778%;    *width: 91.38327259903608%;  }  
  .span10 { width: 82.87292817679558%;    *width: 82.81973668743387%;  }
  .span9 { width: 74.30939226519337%;    *width: 74.25620077583166%;  }
  .span8 { width: 65.74585635359117%;    *width: 65.69266486422946%;  }
  .span7 { width: 57.18232044198895%;    *width: 57.12912895262725%;  }
  .span6 { width: 48.61878453038674%;    *width: 48.56559304102504%;  }
  .span5 { width: 40.05524861878453%;    *width: 40.00205712942283%;  }
  .span4 { width: 31.491712707182323%;    *width: 31.43852121782062%;  }
  .span3 { width: 22.92817679558011%;    *width: 22.87498530621841%;  }
  .span2 { width: 14.3646408839779%;    *width: 14.311449394616199%;  }
  .span1 { width: 5.801104972375691%;    *width: 5.747913483013988%;  }
  .offset12 {    margin-left: 105.52486187845304%;    *margin-left: 105.41847889972962%;  }
  .offset12:first-child {    margin-left: 102.76243093922652%;    *margin-left: 102.6560479605031%;  }
  .offset11 {    margin-left: 96.96132596685082%;    *margin-left: 96.8549429881274%;  }
  .offset11:first-child {    margin-left: 94.1988950276243%;    *margin-left: 94.09251204890089%;  }
  .offset10 {    margin-left: 88.39779005524862%;    *margin-left: 88.2914070765252%;  }
  .offset10:first-child {    margin-left: 85.6353591160221%;    *margin-left: 85.52897613729868%;  }
  .offset9 {    margin-left: 79.8342541436464%;    *margin-left: 79.72787116492299%;  }
  .offset9:first-child {    margin-left: 77.07182320441989%;    *margin-left: 76.96544022569647%;  }
  .offset8 {    margin-left: 71.2707182320442%;    *margin-left: 71.16433525332079%;  }
  .offset8:first-child {    margin-left: 68.50828729281768%;    *margin-left: 68.40190431409427%;  }
  .offset7 {    margin-left: 62.70718232044199%;    *margin-left: 62.600799341718584%;  }
  .offset7:first-child {    margin-left: 59.94475138121547%;    *margin-left: 59.838368402492065%;  }
  .offset6 {    margin-left: 54.14364640883978%;    *margin-left: 54.037263430116376%;  }
  .offset6:first-child {    margin-left: 51.38121546961326%;    *margin-left: 51.27483249088986%;  }
  .offset5 {    margin-left: 45.58011049723757%;    *margin-left: 45.47372751851417%;  }
  .offset5:first-child {    margin-left: 42.81767955801105%;    *margin-left: 42.71129657928765%;  }
  .offset4 {    margin-left: 37.01657458563536%;    *margin-left: 36.91019160691196%;  }
  .offset4:first-child {    margin-left: 34.25414364640884%;    *margin-left: 34.14776066768544%;  }
  .offset3 {    margin-left: 28.45303867403315%;    *margin-left: 28.346655695309746%;  }
  .offset3:first-child {    margin-left: 25.69060773480663%;    *margin-left: 25.584224756083227%;  }
  .offset2 {    margin-left: 19.88950276243094%;    *margin-left: 19.783119783707537%;  }
  .offset2:first-child {    margin-left: 17.12707182320442%;    *margin-left: 17.02068884448102%;  }
  .offset1 {    margin-left: 11.32596685082873%;    *margin-left: 11.219583872105325%;  }
  .offset1:first-child {    margin-left: 8.56353591160221%;    *margin-left: 8.457152932878806%;  }
 }

@media only screen and (max-width: 47.9375em) {

  [class*="span"],
  .row [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }

  .row [class*="offset"]:first-child {
    margin-left: 0;
  }

 .container { width: auto; }
 .row { margin-left: 0; }
 .thumbnails > li { float: none; margin-left: 0; }
 [class*="span"],
 .uneditable-input[class*="span"],
 [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
 }
 .span12 {
  width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
 }
 }

@media only screen and (max-width: 30em) {
  input[type="checkbox"],
  input[type="radio"] { border: 1px solid #ccc; }
}


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

 .masthead { 
	width: 100%;
	z-index: 9998;
  border-top: 3px solid #2d8ed6;
  /*  -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.12);*/
 }
 .masthead .fix {  margin: 0 auto; max-width: 1170px; }

@media only screen and (max-width: 75em) {
  .masthead .fix { margin: 0 2.08333% }
}

@media only screen and (min-width: 48em) {
  .masthead { 
    background: #ffffff;
    background: rgba(255, 255, 255, 0.65);
  }
}
@media only screen and (max-width: 47.9375em) {
  .masthead { background: #F5F5F5; }
}


/* =============================================================================
   Header
   ========================================================================== */

 .masthead .logo { 
	height: 31px; 
	background-image: url('_/images/pixus-logo.svg');
  background-repeat: no-repeat;
  background-size: contain;
	display: block;
	text-indent: -9999px;
 }
 .no-svg .masthead .logo { background-image: url('_/images/pixus-logo.png'); }
 /*.home .masthead .logo { margin-bottom: 0; }*/
 .masthead .logo:hover { text-decoration: none }

@media only screen and (min-width: 915px) {
  .masthead .logo { 
    margin: 1.3em 0; 
    width: 139px; 
    float: left;
    background-position: 0 0;
  }
}

@media only screen and (max-width: 914px) {
  .masthead .logo { 
    background-position: center 0;
    width: 139px;
    margin: 0.6875em auto;
  }
}

/* Navigation
   ========================================================================== */


.primaryNav ul {
  list-style: none; 
  position: relative; 
  padding: 0; 
  margin: 0;
}


@media only screen and (max-width: 914px) {
  .primaryNav {
    display: none;
    clear: both;
    background: none;
  }
  .primaryNav a { 
    font-weight: 400;
    font-size: 14px; 
    font-size: 0.875rem; 
    color: #4a4a4a;
    text-decoration: none;
    display: block;
    line-height: 30px;
    padding: 0.25em 0.5em;
    background: none;
    text-align: left;
    margin-bottom: 0.375em;
  }
  .primaryNav .menu { margin: 0.625em 0; }
  .primaryNav .sub-menu a { margin-left: 1.25em; text-transform: none; }
  .primaryNav .sub-menu { margin: 0 0 4px; width: auto; }
  .primaryNav .current_page_item a { background-color: #fff; }
  .primaryNav .menu > li.parent > a { color: #000; }

  .navToggle { 
    display: block;
    position: absolute;
    background-color: #2d8ed6;
    color: #FFFFFF;
    padding: 0.6em;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    left: 5px;
    top: 11px;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 0.75rem;
    letter-spacing: 1px;
  }
  .navToggle:hover { color: #eaeaea; text-decoration: none; }
 }

@media only screen and (min-width: 915px) {

  .navToggle { display: none; }

  .primaryNav { 
    margin: 1.12em 0;
    float: right;
    clear: right;
  }

  .primaryNav .menu { float: right; }
  .primaryNav .menu > li {
    margin-left: 4px; 
    float: left;
    position: relative; 
    -webkit-transition: background-color 0.2s ease-in-out,
              color 0.2s ease-in-out, 
              border-radius 0.2s ease-in-out;
    -moz-transition:  background-color 0.2s ease-in-out,
              color 0.2s ease-in-out, 
              border-radius 0.2s ease-in-out;
    -o-transition:    background-color 0.2s ease-in-out,
              color 0.2s ease-in-out, 
              border-radius 0.2s ease-in-out; 
    transition:     background-color 0.2s ease-in-out,
              color 0.2s ease-in-out, 
              border-radius 0.2s ease-in-out;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*border: 1px solid #FFFFFF;*/
  }
  .primaryNav .menu > li:hover { background-color: #76aed4; color: #FFFFFF }
  .primaryNav li.current-menu-item, .primaryNav li.current_page_ancestor { background-color: #eaeaea; }
  .primaryNav li.contact:hover { background-color: #96D61E; }
  .primaryNav .menu > li > a:hover,
  .primaryNav .menu > li:hover > a { color: #FFFFFF; }

  .primaryNav .menu > li > a { 
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out; 
    transition: color 0.2s ease-in-out;
  }

  .primaryNav .menu > li > a {
    line-height: 38px; 
    padding: 0 13px; 
    font-size: 14px; 
    font-size: 0.875rem; 
    /*border-bottom: 1px solid #ffffff;*/
  }
  .primaryNav a { display: block; color: #333; }

  /*.primaryNav .menu > li.parent {
    -webkit-border-radius: 5px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-color: #FFFFFF;
  }*/

  .primaryNav .menu > .parent:hover > a { background: url('_/images/icons/navArrow.png') center bottom no-repeat;  }
  .primaryNav .sub-menu {
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    top: 38px; 
    left: -10px;
    width: 160px;
    -webkit-box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, .18);   
    box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, .18);
     -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 6px; 
    /*border: 1px solid #d7d7d7;*/
    background-color: #FFFFFF;
    z-index: 700;
  }
  .primaryNav .sub-menu a { padding: 2.2%; font-size: 14px; font-size: 0.84375rem; }
  .primaryNav .sub-menu a:hover { background-color: #f1f1f1; }

  .primaryNav li:hover ul, 
  .primaryNav li:focus ul { display: block; visibility: visible; }
  .primaryNav li.hover ul,
  .primaryNav li:hover ul { display: block; visibility: visible; }
  .primaryNav li:hover li { display: inline; }
}

.circular {
  display: inline-block;
}


/* Contact Information
   ========================================================================== */

.telno {
  color: #5A5A5A; 
}
.telno .tel {
  padding-left: 7px;
}
.telno i { color: #2a2a2a }

@media only screen and (min-width: 48em) {
  .telno { 
    width: 400px; 
    font-size: 18px; 
    font-size: 1.125rem; 
    clear: right;
    text-align: right;
    float: right;
  }
}
  .masthead .socialIcons { display: none; }

/* Page Banner
   ========================================================================== */

.pageBanner { display: none; }

/*@media only screen and (min-width: 48em) {
  .page-template-page-banner-php .masthead,
  .single-case-study .masthead,
  .page-template-page-project-planner-php .masthead,
  .page-template-page-sidenav-php .masthead,
  .page-template-page-jobs-php .masthead {position: absolute; top: 0; right: 0; }

  .page-template-page-banner-php #content { padding-top: 2em; }

  .pageBanner { height: 312px; display: block; }
  .pageBanner .container { position: relative; height: 312px; }

  .page-template-page-banner-php .telno,
  .single-case-study .telno,
  page-template-page-project-planner-php .telno,
  .page-template-page-sidenav-php .telno,
  .page-template-page-jobs-php .telno { color: #000; }

  .page-template-page-banner-php .breadcrumb,
  .single-case-study .breadcrumb,
  .page-template-page-project-planner-php .breadcrumb,
  .page-template-page-sidenav-php .breadcrumb,
  .page-template-page-jobs-php .breadcrumb { background: none; }

  h1.white { color: #FFFFFF; }
  h1.dark { color: #3a3a3a; }
  .page-template-page-banner-php .pageBanner h1,
  .single-case-study .pageBanner h1,
  .page-template-page-sidenav-php .pageBanner h1,
  .page-template-page-jobs-php .pageBanner h1 { 
    position: absolute; 
    bottom: 8%; 
    left: 0; 
    color: #000; 
    width: 100%;
    font-size: 28px; 
    font-size: 1.75rem; 
  }
}

.pageBanner h1 {
    color: #000000;
    font-weight: 400;
    line-height: .8;
    margin: 0;
    padding: 0;
}
.pageBanner h1 span {
    background: rgba(255, 255, 255, 0.79);
    clear: left;
    display: block;
    float: left;
    padding: 0 0.6em;
    text-align: left;
}
.pageBanner h1 span:first-child {
    padding-bottom: 0.625em;
    padding-top: 0.6em;
}
.pageBanner h1 span:last-child {
    padding-bottom: 0.6em;
    padding-top: 0.625em;
}*/
 
/* =============================================================================
   Content
   ========================================================================== */

@media only screen and (min-width: 48em) {
 .pageTop { background-color: #FFFFFF; }
 .home #content { padding: 0; background-color: #ececec; }
}

 .differ { background-color: #f2f2f2; }
 .darken { background-color: #e4e4e4; }

 .top40 { padding-top: 2.5em }
 .top20 { padding-top: 1.25em }

 .bottom40 { padding-bottom: 2.5em }
 .bottom20 { padding-bottom: 1.25em }

 .both40 { padding: 2.5em 0; }
 .both20 { padding: 1.25em 0; }


 #content { background-color: #FFFFFF; }

@media only screen and (max-width: 48em) {
 #content { padding: 1em 0 0; }
}

.page-template-page-contact-php #content { padding-top: 0; }

/* =============================================================================
   Breadcrumb
   ========================================================================== */

 .breadcrumb { 
  overflow: hidden;
  background-color: #ffffff;
  padding-top: 0.3em;
 }

@media only screen and (min-width: 48em) {
  .breadcrumb { 
    padding-bottom: 0.3em;
    border-top: 1px solid #ebebeb;
  }
}
.breadcrumb .breadcrumb { border: none; }
.breadcrumb p {
  margin: 0;
  font-size: 12px; 
  font-size: 0.75rem; 
}
.breadcrumb span { display: inline-block; }
.breadcrumb .separator { 
  display: inline-block; 
  margin: 4px 10px;
}

.breadcrumb { color: #999999; }
.breadcrumb a { color: #393939; margin: 0 4px; }
.breadcrumb a:first-child { margin-left: 0; }
.breadcrumb a.current-item { color: #868686; }

.backLink { 
  padding: 6px 0; 
  font-size: 12px; 
  font-size: 0.75rem; 
}

@media only screen and (min-width: 48em) { 
   .breadcrumb .span8 { width: 70%; float: left; }
   .breadcrumb .span4 { width: 30%; float: left; margin: 0; }
}
@media only screen and (max-width: 47.9375em) { 
  .breadcrumb .span4 { display: none; }
}


/* =============================================================================
   Portfolio Page 
   ========================================================================== */

@media only screen and (min-width: 48em) {
  .portfolioList .row { margin-bottom: 5%; }
  .portfolioList.listView .projectImage { float: left; }
  .portfolioList.listView .projectDetails { float: right; }

  .portfolioList.listView .projectImage { width: 66%; margin-right: 2%; }
  .portfolioList.listView .projectDetails { width: 32%; }
  .portfolioList.listView .projectImage img { 
      -webkit-box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, .12);   
      box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, .12);
  }

  .portfolioList.gridView {
    margin-left: -10px;
    margin-right: -10px;
  }
  .portfolioList.gridView .row { 
    width: 33.33333333333333%;
    float: left;
    padding: 0 10px; 
  }
  .portfolioList.gridView .projectDetails span {
    height: 160px;
    display: none;
  }
  .portfolioList.gridView .projectDetails .button {
    display: none;
  }
  .portfolioList.gridView .projectImage {
    height: 360px;
    overflow: hidden;
  }
}
.portfolioList *, .portfolioList *:before, .portfolioList *:after {
  box-sizing: border-box;
}
.projectDescription p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
}
.projectDetails .button { 
  color: #FFFFFF; 
  background-color: #2d8ed6;
  font-size: 15px;
  font-size: 0.90625rem;
  margin: 0.75em 0;
  display: block;
}

@media only screen and (max-width: 47.9375em) {
  .projectDetails .content {
    margin: 1em 0 3em;
  }
}
@media only screen and (min-width: 48em) {
  .projectDetails .content { padding-top: 2.941176470588235%; }
}

.projectDetails a.projectName {
  font-size: 20px; 
  font-size: 1.25rem; 
  font-weight: 400;
  display: block; 
  color: #2d8ed6; 
}
.projectDetails a.websiteLink {
  font-size: 14px; 
  font-size: 0.875rem; 
  font-weight: 400;
  display: block; 
  color: #4a4a4a; 
  display: block;
  padding-right: 18px; 
  text-align: center;
  margin-top: 20px;
  text-decoration: underline;
}
.projectDetails a.websiteLink:hover {
  text-decoration: none;
}
.gridView .projectDetails a.websiteLink {
  display: none;
}
.gridView .projectDetails a {
  text-transform: none;
}

.projectDetails a.button { text-transform: none; }


.filters span { color: #999999; padding: 0 10px; }
.filters a { color: #7C7C7C; }
.filters strong { font-weight: 400; color: #393939; }
.filters p { margin: 0; }

.options {
  margin: 20px 0;
  padding: 8px 0;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}
.options .filters {
  /*float: left;*/
  font-size: 15px;
  font-size: 0.9375rem;
}
.filters .layout span,
.filters .category span {
  padding: 0;
  font-size: 12px;
  font-size: 0.75rem;
  color: #4A4A4A;
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
  line-height: 2.3;
}
.filters ul {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.filters li {
  display: inline-block;
  margin-right: 1px;
}
.filters .category a {
  display: inline-block;
  background-color: #e8e8e8;
  line-height: 2;
  padding: 0 10px;
}
.filters .category .current-cat a {
  background-color: #535353;
  color: #ffffff;
  font-weight: 700;
}

 .pageTitle { padding-bottom: 1.25em; }
 .pageTitle .fl h1 { margin-bottom: 7px;}

 a.ext { 
 	padding-right: 18px; 
	background: url(_/images/link-external.gif) right 4px no-repeat;
 }

 a.top, 
 #maincontent p a.top { 
 	padding-left: 12px; 
	background: url(_/images/icons/top.png) 0 3px no-repeat; 
	color: #555;
	display: block;
 }

.introText {
  max-width: 43.75em;
}

.filters .category {
  float: left;
}
.filters .layout {
  float: right;
  display: none;
  /*margin-right: 20px;*/
}
.filters .layout a {
  display: block;
  width: 54px;
  height: 31px;
  background-color: #eaeaea;
  background-image: url(_/images/icons/filters.png);
  background-repeat: no-repeat;
  text-indent: -9999em;
}
.filters .layout .active {
  background-color: #2d8ed6;
}
.filters .layout .showList {
  background-position: 4px -26px;
}
.filters .layout .showGrid {
  background-position: 4px -86px;
}

.filters .layout .showList.active {
  background-position: 4px 5px;
}
.filters .layout .showGrid.active {
  background-position: 4px -55px;
}
@media only screen and (min-width: 48em) {
  .filters .layout {
    display: block;
  }
}

/* =============================================================================
   Project Page 
   ========================================================================== */

 .pageHeader i { color:  #000; font-size: 26px; font-size: 1.625rem; line-height: 1.6; }
 .pageHeader i.icon-arrow-right { float:  right; }

 .projectImages img { margin-bottom: 20px; max-width: 100%; height: auto; }
 .pageHeader h1 { margin: 0 }

  .postTitle {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 1.041666666666667%;
    padding-bottom: 2.136752136752137%
  }

@media only screen and (min-width: 48em) {
  .postTitle { padding-top: 1%; }
}

.postTitle h1 { margin: 0; font-size: 25px; font-size: 1.9rem; line-height: 1 }
.projectImages { padding-top: 15px; }
.projectIntro .description { margin-bottom: 20px }
.projectIntro .details .label { font-weight: 700; }
.projectIntro .details p {
  margin: 0 0 1em;
}

.projectImages .span12 { margin-left: 0; }

.share a,
.sharePost a { 
	display: inline-block; 
	width: 34px; 
	height: 34px; 
	text-align: center; 
	color: #fff; 
	font-size: 18px;
font-size: 1.1375rem; 
	-webkit-border-radius: 34px; 
	border-radius: 34px; 
	line-height: 34px;
	margin-right: 6px;
}
.share a:hover,
.sharePost a:hover { text-decoration: none; }
.share .facebook,
.sharePost.facebook { background-color: #3B5998; }
.share .pinterest,
.sharePost .pinterest { background-color: #cc2127; }
.share .twitter,
.sharePost .twitter { background-color: #1ab7ea; }

@media only screen and (min-width: 35em) {
  .iconNav { float: right; }
}

@media only screen and (max-width: 35em) {
  .iconNav { margin: 1.5% 0; width: 100%; text-align: center; }

  .postTitle h1 {
    text-align: center;
    margin: .5em 0 1em;
    display: block;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .postTitle .span10 { overflow: hidden; }


 .iconNav a { 
  background-color: #B4B4B4;
  font-size: 14px;
 }
}

 .iconNav a { 
  display: inline-block; 
  padding: 5px 8px; 
  color: #fff; 
  margin-left: 2px;
 }

@media only screen and (min-width: 35em) {
 .iconNav a { 
 	background-color: #747474;
  font-size: 17px;
 	font-size: 1.0625rem; 
 }

  .postTitle h1 {
    float: left;
  }
}

 .iconNav a:hover { text-decoration: none; background-color: #333; }

/* =============================================================================
   Footer
   ========================================================================== */

.siteInfo { 
  background-color: #585858; 
 	position: relative; 
	clear:both; 
	padding: 2.4em 0; 
	color: #C2C2C2;  
	margin: 0 auto;
	font-size: 13px;
  font-size: 0.8125rem;
}
.siteInfo a { color: #EFEFEF; display: block; font-size: 12px; font-size: 0.75rem; }
.siteInfo .quickContact a { display: block; background: url(_/images/icons/mapPin.png) 0 3px no-repeat; padding-left: 15px; }
.siteInfo a:hover { text-decoration: underline; }

.siteInfo nav ul { margin: 0; }

#menu-footer-categories ul { border-top: 1px solid #808080; }
@media only screen and (min-width: 768px) {
  #menu-footer-categories li { width: 48%; float: left; margin-right: 2%; }
}
  #menu-footer-categories li { line-height: 1.55; }

.siteInfo .header { margin: 0.3em 0; display: block; text-transform: uppercase; letter-spacing: 0.0625em }

.siteInfo p { margin: 0 0 10px; color: #FFFFFF; }
.siteInfo span { color: #FFFFFF; }
.siteInfo span a { display: inline-block; }

.siteInfo #menu-seo-menu { margin: 1.5em 0; }
.siteInfo #menu-seo-menu li { float: left; margin-right: 10px; list-style: none; width: auto }
.siteInfo #menu-seo-menu a { font-weight: normal; font-size: 11px; font-size: 0.6875rem; color: #616161 }

.siteInfo .tweet { 
  background-color: #6E6E6E; 
  -webkit-border-radius: 6px; 
  border-radius: 6px; 
  padding: 1.25em;
  color: #F1F1F1;
}
.siteInfo .tweet,
.siteInfo .followUs,
#menu-footer-categories { margin-bottom: 1.25em; }
.siteInfo .tweet li:first-child { margin-bottom: 0.5em }
.siteInfo .tweet a { display: inline }

.siteInfo .tweet ul { margin: 0; padding: 0; list-style: none; }
.siteInfo .entry-meta { font-size: 12px; font-size: 0.75rem; margin-top: 0.3em; display: block; }
.siteInfo .entry-meta a { color: #434343; }
.siteInfo .entry-content { font-size: 13px; font-size: 0.8125rem; }
.siteInfo .entry-content a { color: #c2cdeb; }

.siteInfo .social,
.siteInfo .address { margin-top: 2.5em; }
.siteInfo .social a { 
  display: inline-block; 
  background: url('_/images/icons/sprite-social.svg') no-repeat; 
  text-indent: -9999px;
  height: 32px;
  margin-right: 2em;
}
.no-js .siteInfo .social a { background-image: url('_/images/icons/sprite-social.png'); }
 
.siteInfo .social .twitter { width: 32px; }
.siteInfo .social .facebook { background-position: -63px 0; width: 14px; }
.siteInfo .social .instagram { background-position: -111px 0; width: 28px; }
.siteInfo .social .rss { background-position: -171px 0; width: 26px; }
.siteInfo .social .pinterest { background-position: -224px 0; width: 30px; }
.siteInfo .social .google { background-position: -280px 0; width: 28px; }

@media only screen and (max-width: 35em) {
  .projectPlanner { display: none; }
  .contactDetails { padding-bottom: 0; }
}

.getStarted .button,
.projectPlanner .button {  
  letter-spacing: 1px;
  padding: 1.2em;
  text-transform: uppercase;
}

.getStarted,
.projectPlanner { background-color: #ececec; padding: 0.6em 0; text-align: center; }
.projectPlanner { background-color: #f2f2f2; }

.getStarted .header { font-size: 18px; font-size: 1.125rem; }
.getStarted .button,
.projectPlanner .button { display: inline-block; margin: 0 1em; }
.projectPlanner .button { padding: 0.5em 1.2em 0.6em; margin: 0 0 0 0.5em; }

.projectPlanner .header { font-size: 17px; font-size: 1.025rem; }

@media only screen and (max-width: 33.125em) {
  .getStarted .button,
  .projectPlanner .button { display: block; }
}

@media only screen and (max-width: 42.5em) {
  .getStarted .button { margin: 1em 0; }
}

.go-top {
  position: fixed;
  bottom: 2em;
  right: 2em;
  text-decoration: none;
  color: white;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  padding: 1em;
  display: none;
}

.go-top:hover {
  background-color: rgba(0, 0, 0, 0.6);
}


.subNav { background-color: #ececec; text-align: center; font-size: 0; margin-bottom: 1.5em }
.subNav li { display: inline-block; margin: 0; padding: 0; }
.subNav li a { display: block; border-bottom: 3px solid #ECECEC; margin: 0; font-size: 14px; font-size: 0.875rem; color: #4a4a4a; }
.subNav li a:hover { border-color: #bbb; }
.subNav li.current-menu-item a { border-color: #3180B7; color: #3a3a3a; }
.subNav li a { padding: 0.6em 1em; }
@media only screen and (max-width: 48em) {
  .subNav { display: none; }
}

/* =============================================================================
   Slider
   ========================================================================== */

 /*.slider { border: 1px solid #e0e0e0; padding: 10px 0; background-color: #ffffff; }*/
 #content .responsive-slider.flexslider { margin-bottom: 0; } 
 #content .responsive-slider.flexslider .slide .slide-title { display: none; }


@media only screen and (max-width: 32em) {
   .bannerArea { display: block; }
}

.form-header span {
  display: block;
  font-size: 1.2em;
}

 .bannerArea { 
 	background-color: #f7f7f7; 
 	padding: 1.25em 0; 
 	margin-bottom: 1.25em;
 }
 .mainBanner { margin: 0; }
 .mainBanner .flexslider { 
	background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    position: relative;
 }
 .mainBanner .slide-data { display: none; }

@media only screen and (min-width: 75em) {
  .mainBanner { height: 474px; }
}
 
@media only screen and (min-width: 48em) and (max-width: 59.9375em) {
  .mainBanner { margin: 0; /*height: 293px;*/ } 
}
  
@media only screen and (max-width: 47.9375em) {
  .mainBanner { height: auto; }
  .bannerArea { padding: 0;}
}

/* =============================================================================
   BUTTONS
   ========================================================================== */

.button,
.contactForm input[type="submit"],
.gform_wrapper input.button, 
.gform_wrapper input[type="image"], 
.gform_wrapper input[type="submit"] {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow:inset -3px -3px 0 0 rgba(0,0,0,0.15);
  box-shadow:inset -3px -3px 0 0 rgba(0,0,0,0.15);
  color: #FFFFFF;
  display: inline-block;
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 0.6em 0.8em 0.7em;
  position: relative;
  text-align: center;
}
.button:hover,
a.button:hover { 
  text-decoration: none;  
}
.button:active,
a.button:active,
.contactForm input[type="submit"]:active { top: 1px; left: 1px; 
  -webkit-box-shadow: inset -1px -1px 0 0 rgba(0,0,0,0.15);
  box-shadow:inset -1px -1px 0 0 rgba(0,0,0,0.15);}

.button.positive { background-color: #2d8ed6; color: #FFFFFF; }
.button.neutral { background-color: #cccccc; color: #2a2a2a; }
.button.action { background-color: #76b00a; color: #FFFFFF }
.button.fixed { width: 150px; margin-left: auto; margin-right: auto; }


.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="image"], .gform_wrapper .gform_footer input[type="submit"] {
  background-color: #2d8ed6; color: #FFFFFF;
  border: none;
}

.contactForm input[type="submit"] { 
  background-color: #76b00a; 
  font-size: 21px; 
  font-size: 1.3125rem;
  border: none;
  opacity: 0.8;
  -webkit-transition: opacity 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: opacity 0.3s ease-out;  /* Firefox 4-15 */
       -o-transition: opacity 0.3s ease-out;  /* Opera 10.50–12.00 */
          transition: opacity 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  font-family: 'Gotham SSm A', 'Gotham SSm B', 'Lato', Arial, sans-serif; 
}
.contactForm input[type="submit"]:hover { opacity: 1; }

.button.small { 
  font-size: 12px;
  font-size: 0.75rem;
}



/* =============================================================================
   Pagination
   ========================================================================== */
 
 #pagination { overflow: hidden;  }
 .pagination.bottom {
  margin-bottom: 20px;
 }
 /*#content .wp-paginate { float: right; overflow: hidden; }*/
 h1.floatleft { float: left; }

 #content .wp-paginate a { 
  	border: none;
  	padding: 0;
  	margin: 0 0 0 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: block;
    float: left;
    line-height: 30px;
 }
 #content .wp-paginate .current {
 	background-color: #2d8ed6;
 	border: none; 
  	padding: 0;
  	margin: 0 0 0 3px;
  	font-weight: 700;
  	color:  #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    display: block;
    float: left;
    line-height: 30px;
 }
 #content .wp-paginate a:hover { background: #999999;  color:  #fff; }
 #content .wp-paginate .title { display: none; }
 #content .wp-paginate .next,  #content .wp-paginate .prev { font-weight: 700; }

@media only screen and (max-width: 29.9375em) {
  #pagination { overflow: hidden; margin-top: 10px; clear: both }
  #content .wp-paginate { float: none; width: 100%; text-align: center; overflow: hidden; }
}

.options .pagination .navigation {
  display: inline;
}
.options .pagination ol,
.options .pagination span {
  display: inline-block;
}
.options .pagination span {
  padding: 0;
  font-size: 12px;
  font-size: 0.75rem;
  color: #4A4A4A;
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
  line-height: 2.3;
}

.options .pagination {
  float: right;
}

/* =============================================================================
   Featured Services
   ========================================================================== */

.featuredServices { padding-bottom: 1.25em; } 
.featuredServices .title { 
	display: block;
	line-height: 27px;
	color: #262626;
	text-align: center;
  font-weight: 400;
    font-family: 'Gotham SSm A', 'Gotham SSm B', 'Lato', Arial, sans-serif; 
  text-transform: uppercase;
}


@media all and (max-width: 21.6875em) {
  .featuredServices .title { 
    font-size: 80%;
  }

}
@media only screen and (min-width: 30em) {
  .featuredServices .title { 
    font-size: 17px;
    font-size: 1.0625rem;
    padding: 5px 10px;
  }
}
.featuredServices .service { color: #4a4a4a; } 

@media only screen and (max-width: 35em) {
  .featuredServices .service { padding: 0.3em 0; } 
}
.featuredServices .service:hover { text-decoration: none; background-color: #f7f7f7; }
.featuredServices .service .content { padding: 0 10px; max-width: 300px; min-height: 120px; margin: 0 auto; }
@media only screen and (min-width: 1000px) {
  .featuredServices .service .content { min-height: 0; }
}

.featuredServices .shape { height: 110px; }
.featuredServices .shape .icon {
	background: #FFFFFF;
	-webkit-border-radius: 55px;
	border-radius: 55px;
	margin: 10px auto;
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: contain;
 	height: 110px;
 	width: 110px;
}
@media all and (max-width: 48em) {
.featuredServices .shape .icon { background-color: #f1f1f1; }
}
.featuredServices .service:hover .icon {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}
/*#ffa800*/
 .featuredServices p { margin: 0; }
 .featuredServices .shape .design { background-image: url(_/images/icons/pencil.svg); }
 .featuredServices .shape .ecommerce { background-image: url(_/images/icons/ecommerce.svg); }
 .featuredServices .shape .cms { background-image: url(_/images/icons/blog.svg); }
 .featuredServices .shape .seo { background-image: url(_/images/icons/graph.svg); }
 .featuredServices .shape .mobile { background-image: url(_/images/icons/phone.svg); }
 .featuredServices .shape .social { background-image: url(_/images/icons/share.svg); }
 .featuredServices .shape .twitter { background-image: url(_/images/icons/share.svg); }
 .featuredServices .shape .facebook { background-image: url(_/images/icons/hand.svg); }


 .no-svg .featuredServices .shape .design { background-image: url(_/images/icons/pencil.png); }
 .no-svg .featuredServices .shape .ecommerce { background-image: url(_/images/icons/ecommerce.png); }
 .no-svg .featuredServices .shape .cms { background-image: url(_/images/icons/blog.png); }
 .no-svg .featuredServices .shape .seo { background-image: url(_/images/icons/graph.png); }
 .no-svg .featuredServices .shape .mobile { background-image: url(_/images/icons/phone.png); }
 .no-svg .featuredServices .shape .social { background-image: url(_/images/icons/share.png); }
 .no-svg .featuredServices .shape .twitter { background-image: url(_/images/icons/share.png); }
 .no-svg .featuredServices .shape .facebook { background-image: url(_/images/icons/hand.png); }

/* Homepage Project Carousel */
.home-carousel { background: #f7f7f7; padding: 25px 0 15px; font-size: 1.25 }
.home-carousel .block-title { text-align: center; display: block; color: #333333; margin: 0 0 0.5em; font-weight: 400; text-transform: uppercase; }
.home-carousel ul { list-style: none; padding-left: 0; }
.home-carousel ul li { padding: 0 10px }
.home-carousel ul li span.title { display: block; margin-top: 10px; line-height: 27px; color: #262626; font-weight: 400; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Lato', Arial, sans-serif; text-transform: uppercase; }
.home-carousel ul li p { margin-top: 0; }
.home-carousel ul li a:hover img { opacity: 0.9; }


/* Old Colours 
  - #ffa800 / Orange
  - #96D61E / Green
  - #eb3b88 / Pink
  - #00b0ca / Teal
  - #8b3b88 / Purple
  - #3B5998 / Facebook Blue
  - #04aeec / Twitter
/*


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 29.9375em) {
  .featuredServices .service { 
    max-width: 333px;
    margin: 0 auto;
    display: block;
  }
  .featuredServices .service .content { display: none; }
  a.service:nth-child(odd) { clear: both }
}

.featuredServices .service { float: left; }
@media only screen and (min-width: 30em) {
  .featuredServices .service { min-height: 220px; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 29.9375em) {
  .featuredServices .service { 
    width: 50%;
    margin: 0 0 1.042752867570386%;
    display: block;
  }
}
@media only screen and (min-width: 30em) and (max-width: 47.9375em) {
  .featuredServices .service { 
    width: 47.91449426485923%;
  }
}
@media only screen and (min-width: 48em) {
  .featuredServices .service { 
    width: 33.33333333333333%;
    margin-bottom: 1.8em;
  }
}


@media only screen and (min-width: 62.5em) {
  .featuredServices .shape { float: left; margin-right: 4%; }
  .featuredServices .title { text-align: left; }
  .featuredServices .service { min-height: 0; font-size: 13px; font-size: 0.8125rem }
  .featuredServices .shape .icon { width: 90px; height: 90px; }
  .featuredServices .service:hover { background-color: #ECECEC; }
}

.homeContent { 
  	background-color: #FFFFFF; 
  	padding: 0 0 2.5em;
}
.intro { padding-bottom: 2.5em }
.intro h1 { line-height: 1.3; letter-spacing: 0 }
.intro .lead { margin: 0; }

@media only screen and (min-width: 48em) {
  .intro { max-width: 800px; margin: 0 auto; text-align: center; padding-top: 2.5em; }
}

@media only screen and (max-width: 767px) {
  .home .intro { padding-bottom: 0 }
}


.featuredText {
  background-color: #edfcd0;
  padding: 1em;
  margin: 2em 0;
}
 
/* =============================================================================
   Sidebar
   ========================================================================== */
 
 .sidebar .section { 
 	margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #d7d7d7;
 }
 .sidebar .header { 
  font-weight: 400;
  color: #3a3a3a;
  display: block;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
  margin-bottom: 1em;
 }
 
/* Latest Posts
   ========================================================================== */
  
 .sidebar .blogList { padding-bottom: 10px; }
 .sidebar .blogList .header { 
 	background: none; 
  font-size: 17px;
	font-size: 1.0625rem;
 }
 .sidebar .blogList .header,
 .sidebar .blogList ul li { border-color: #F5F5F5; border-width: 2px; }
 
 
 .sidebar div.socialIcons { height: auto; }
 .sidebar div.socialIcons p { margin: 0 0 10px; }
  
/* Search Form
   ========================================================================== */
   
.sidebar .searchForm { 
  padding: 0;
  border-bottom: none;
}
.sidebar .searchForm label { width: 0; height: 0; text-indent: -99999px; display: block }
.sidebar .searchForm input[type="search"] { 
	width: 71%; 
  border: 1px solid #C5C5C5;
  border-right: none;
  height: 37px;
  color: #666;
  margin: 0;
  float: left;
  padding: 1.351351351351351%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sidebar .searchForm input[type="text"]:focus { background: #fff; } 
.sidebar .searchForm input[type="submit"] {
  border: none;
  background-color: #96D61E;
  color: #fff;
  font-weight: 700;
  width: 26%;
  margin: 0;
  height: 37px;
    font-family: 'Gotham SSm A', 'Gotham SSm B', 'Lato', Arial, sans-serif; 
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 400;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
 
 
/* Tag Cloud
   ========================================================================== */
  
 .tagCloud a { 
 	display: block; 
	float: left; 
	padding: 6px 10px; 
	border: 1px solid #cdcdcd; 
	margin: 0 6px 6px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%); /* W3C */
	-webkit-box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .08);
	box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .08);
	color: #2a2a2a;
 }
 .tagCloud a:hover { 
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #f0f0f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8f8f8 0%,#f0f0f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#f0f0f0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f8f8f8 0%,#f0f0f0 100%); /* W3C */
 	text-decoration: none;
 }
 
/* Category List
   ========================================================================== */

 .sidebar .categories ul { margin-top: 0 }
 
/* Enquiry Form
   ========================================================================== */
  
 .sidebar .enquiryForm .form {
	padding: 10px; 
	border-top: none;
 }
 .sidebar .enquiryForm .header {
	display: block;
	padding: 10px;
	font-weight: 700;
	color: #FFFFFF;
	border-bottom: none;
  font-size: 17px;
	font-size: 1.0625rem;
	border-bottom: 1px solid #fff;
	background-color: #8B3B88;
 }
 .sidebar .enquiryForm label { line-height: 22px; }
 .sidebar .enquiryForm input[type="text"],
 .sidebar .enquiryForm input[type="email"],
 .sidebar .enquiryForm textarea { 
 	width: 95%; 
	height: 20px;
 }
 .sidebar .enquiryForm textarea { height: auto; }
 .sidebar .enquiryForm .formRow { margin-bottom: 3px; }
 .sidebar .enquiryForm .buttonRow { margin-bottom: 0; }
 .sidebar .enquiryForm input[type="submit"] {
	background: #96D61E;
	border: none;
	width: 100%;
	padding: 5px 0;
	font-weight: 400;
    font-family: 'Gotham SSm A', 'Gotham SSm B', 'Lato', Arial, sans-serif; 
  font-size: 18px;
	font-size: 1.125rem; 
	color: #fff;
 }

 .sidebar .socialIcons .header { padding-bottom: 0; }
 .sidebar .socialIcons .sContent { padding-top: 5px; }
 .sidebar .socialIcons ul { margin: 0; padding: 0; list-style: none; }
 .sidebar .socialIcons ul { text-align: center; }
 .sidebar .socialIcons li { display: inline; width: 20%; }

/* ==========================================================================
   #Contact Form
   ========================================================================== */

.contactDetails { text-align: center; padding: 1.7em 0; line-height: 1.5 }
.contactDetails .number { 
  font-size: 24px; 
  font-size: 1.5rem; 
  padding-left: 30px; 
  background: url('_/images/icons/circlephone.png') no-repeat 0 center;
  display: inline-block;
  margin-bottom: 4px;
}

.contactDetails .separtor { color: #5ea0ce; padding: 0 1em; }

.contactBar { padding: 1.25em 0; }

@media only screen and (min-width: 48em) {
  .formWrap { width: 41.88034188034188%; margin-right: 5.128205128205128%; margin-left: 5.555555555555556%;  float: left }
  .photoWrap { width: 41.88034188034188%; float: left; padding: 1.25em 0; }
}

@media only screen and (max-width: 48em) {
.formWrap,
.photoWrap { max-width: 490px; margin: 0 auto 1.25em; }
}
.formWrap h1 { text-align: center; margin-bottom: 0; }

.contactForm label { 
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #4a4a4a;
  display: block;
  margin-bottom: 5px;
}
.contactForm input[type="text"],
.contactForm input[type="email"],
.contactForm input[type="tel"],
.contactForm input[type="url"],
.contactForm textarea,
.projectForm select { 
  width: 100%; 
  border: 2px solid #e2e2e2;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  padding: 4px;
}
.contactForm input[type="text"],
.contactForm input[type="email"],
.contactForm input[type="tel"],
.contactForm input[type="url"] { height: 33px; }


.contactForm input[type="text"]:focus,
.contactForm input[type="email"]:focus,
.contactForm input[type="tel"]:focus,
.contactForm input[type="url"]:focus,
.contactForm textarea:focus { background-color: #fcfff6; border-color: #cded90; }
 
.contactForm .formRow { margin-bottom: 0.7em; }
 
.formWrap .gform_wrapper .top_label input.medium, .formWrap .gform_wrapper .top_label select.medium {
  width: 100%;
  border: 2px solid #e2e2e2;
}
.formWrap .gform_wrapper textarea.medium {
  border: 2px solid #e2e2e2;
  width: 100%;
}

.fashionformWrap {
  width:50%;
  margin: auto;
}

.fashionformWrap h1 {
  text-align: center;
  font-size: 25px;
}

.fashionformWrap p {
  text-align: center;
}

/* Project Planner
   ========================================================================== */ 
 
.projectForm { max-width: 820px; margin: 0 auto; padding: 2em 0 }
@media only screen and (max-width: 51.25em) {
  .projectForm { margin: 0 1em; }
}

.projectForm fieldset { padding-bottom: 1.5em; margin-bottom: 1.5em; }
.projectForm h1 { font-size: 35px; font-size: 2.1875rem }
@media only screen and (min-width: 37.5em) {
.projectForm h1, .projectForm p, .projectForm legend { text-align: center; }
}
.projectForm legend { 
  text-transform: uppercase; 
  display: block; 
  width: 100%; 
  margin-bottom: 0.625em; 
  font-size: 24px; 
  font-size: 1.5rem;
  color: #4D4D4D;
    font-family: 'Gotham SSm A', 'Gotham SSm B', 'Lato', Arial, sans-serif; 
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.check .wpcf7-list-item { 
  text-align: center;
  margin: 0 0 0.7em;
}

@media only screen and (min-width: 28em) {
  .check .wpcf7-list-item { 
    margin: 0 0.9%; 
    float: left; 
  }
}
@media only screen and (min-width: 52em) {
  .check .wpcf7-list-item { width: 23.2%; }
}
@media only screen and (min-width: 28em) and (max-width: 52em) { 
  .check .wpcf7-list-item { 
    display: block;
    width: 48.2%;
  }
}
@media only screen and (max-width: 52em) { .check .wpcf7-list-item { display: block; } }

/*.projectForm input[type="text"], .projectForm input[type="email"], .projectForm input[type="tel"], .projectForm input[type="url"], .projectForm textarea { height: 40px;}*/

.projectForm input[type="text"]:focus,
.projectForm input[type="email"]:focus,
.projectForm input[type="tel"]:focus,
.projectForm input[type="url"]:focus,
.projectForm textarea:focus { background-color: #f0f8fe; border-color: #5f9eca; }

.check .wpcf7-list-item label { 
  padding: 0.375em; 
  background-color: #eaeaea;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
@media only screen and (max-width: 52em) {.check .wpcf7-list-item label  { padding: 1em 0;} }
.check .wpcf7-list-item label:hover { background-color: #5f9eca; color: #FFFFFF; }

.check .wpcf7-list-item input[type="checkbox"] { margin-right: 6px;  }
.projectForm .button { max-width: 410px; margin: 0 auto; }



 
/* Contact Form 7 Validation
   ========================================================================== */ 
   
 div.wpcf7 img.ajax-loader { 
 	position: absolute; 
	left: 110px; 
	bottom: 100px;
 }
 #content span.wpcf7-not-valid-tip,
 #content .form span.wpcf7-not-valid-tip { 
 	background: none; 
	border: none; 
	color: #CC0000; 
	display: block; 
	font-size: 12px;
  font-size: 0.75rem; 
	left: 0; 
	margin: 0 10px 5px 0; 
	padding: 0; 
	position: static; 
	top: 0; 
	width: auto; 
	z-index: 100;
 }
 #content span.wpcf7-not-valid-tip { 
 	position: relative; 
	left: 10px;
	line-height: 28px;
 }
 #content div.wpcf7-validation-errors { 
 	color: #c00; 
	border: 1px solid #c00; 
	background-color: #fbe1e1; 
  font-size: 12px;
  font-size: 0.75rem; 
 }
 #content div.wpcf7 img.ajax-loader { display: none }
 #content div.wpcf7-response-output { 
 	margin: 1em 0; 
	padding: 0.5em 1em;
 }
 #content div.wpcf7-mail-sent-ok { 
 	color: #398F14; 
	border: 1px solid #398F14; 
	background-color: #e3f5db; 
  font-size: 12px;
  font-size: 0.75rem; 
 }


.error { 
  color: #c00; 
  border: 1px solid #c00; 
  background-color: #fbe1e1; 
  padding: 0 10px;
 }

/* =============================================================================
   Case Studies
   ========================================================================== */

@media only screen and (min-width: 48em) {
  .caseStudyPage .inner { 
    background-color: #ffffff; 
    padding: 2% 2.5%;
    -moz-box-shadow: 0 1px 1px 1px rgba(0,0,0,.12);
    -webkit-box-shadow: 0 2px 1px 1px rgba(0,0,0,.12);
    box-shadow: 0 1px 1px 1px rgba(0,0,0,.12);
    margin-top: -8.125em;
    margin-bottom: 2.5em;
  }
}
@media only screen and (min-width: 60em) {
    .caseStudyPage p { max-width: 690px; font-size: 0.9375rem }
    .caseStudyPage p.lead { max-width: none; font-size: 1.1rem; color: #4a4a4a; }
}

@media only screen and (min-width: 48em) {
 .caseStudyPage .title { float: left; width: 74.35897435897436% }
.caseStudyPage .logo { margin-bottom: 6.048387096774194%; }
}
.caseStudyPage .postTitle { padding-bottom: 2.564102564102564%; margin-bottom: 2.564102564102564%; }

.caseStudyPage aside { 
  width: 21.17021276595745%; 
  float: left; 
  margin-right: 3.191489361702128%;
  text-align: center;
}
.caseStudyPage .main { 
  float: left;
  width: 75.63829787234042%;
  margin-bottom: 15px;
}

.caseStudyPage .main img { margin-bottom: 1.5em; }
.caseStudyPage h2, .caseStudyPage h3, .caseStudyPage h4 { font-weight: 400; color: #2d8ed6; }


.caseStudyPage .related { margin-top: 30px; border-top: 1px solid #DDDDDD; padding-top: 2.564102564102564%; margin-top: 2.564102564102564%; }
.caseStudyPage .related a { display: block; margin-bottom: 10px; }
.caseStudyPage .related .header { display: inline-block; font-weight: 700; margin-bottom: 7px; }

.caseStudyPage h1 { 
  line-height: 1; 
  padding-bottom: 0; 
  margin: 0;
  letter-spacing: 0;
}
.caseStudyPage h1 small { color: #2d8ed6; font-size: 75% }
.caseStudyPage .stat { padding: 5.645161290322581% 0 8.064516129032258%; /*border-bottom: 1px solid #ddd;*/ }
.caseStudyPage aside .stat .large { font-size: 3em; font-weight: 700; line-height: 100%; }
.caseStudyPage aside .stat .medium { font-size: 1.17em; line-height: 100% }
.caseStudyPage aside .stat .small { font-size: 0.91em; line-height: 150% }

.caseStudyPage aside .stat span { display: block; }

@media only screen and (min-width: 48em) {
.caseStudyPage aside .full .large,
.caseStudyPage aside .full .right { float: left; text-align: left; } 

  }
.caseStudyPage aside .full .large { margin-right: 10px; }
.caseStudyPage aside .full .medium { line-height: 140% }
 
.caseStudyPage aside .feedback { 
  background-color: #ffefbd; 
  -webkit-border-radius: 6px; 
  -moz-border-radius: 6px; 
  border-radius: 6px;
  padding: 10px;
  font-size: 1.1em;
  margin: 10px 0 30px; 
   position:relative;
}

 .caseStudyPage .postTitle { border-bottom: 1px solid #DDDDDD; }

/* creates triangle */
 .caseStudyPage aside .feedback:after {
   content:"";
   display:block; /* reduce the damage in FF3.0 */
   position:absolute;
   bottom:-15px;
   left:50%;
   margin-left: -15px;
   width:0;
   border-width: 15px 15px 0;
   border-style:solid;
   border-color:#ffefbd transparent;
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 59.9375em) {
  .caseStudyPage .excerpt { font-size: 1.3em; }
}
  
@media only screen and (max-width: 41.25em) {
  .caseStudyPage aside,
  .caseStudyPage .related,
  .caseStudyPage .main { float: none; width: 100%; }
}

@media only screen and (min-width: 30em) and (max-width: 41.25em) {
  .caseStudyPage aside .stat { 
    padding: 2.083333333333333%;
    width: 29.16666666666667%;
    /*float: left;*/
    display: inline-block;
    border: none;
    text-align: center;
  }
  .caseStudyPage aside .full .large, .caseStudyPage aside .full .right { float: none; }
}

 @media only screen and (max-width: 29.9375em) {
  .caseStudyPage aside .stat { 
    padding: 2.083333333333333%;
    width: 45.82463465553236%;
    float: none;
    display: inline-block;
    border: none;
    text-align: center;
  }
  .caseStudyPage aside .full .large, .caseStudyPage aside .full .right { float: none; }
}


/* =============================================================================
   Services
   ========================================================================== */

.subService { margin-bottom: 2em; line-height: 1.3; text-align: center; }
.subService .content { text-align: left; padding: 1em 1em 2.2em; background-color: #FFFFFF; }
.subService a { background-color: #FFFFFF; display: block; }
.subService h2 { font-size: 18px; font-size: 1.125rem; }
.subService .button { 
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #2D8ED6;
  color: #FFFFFF;
  text-transform: uppercase;
}

@media only screen and (max-width: 38.75em) {
  .subService { max-width: 380px; margin-left: auto; margin-right: auto; }
}

@media only screen and (min-width: 38.75em) {
  .subService { float: left; }
}

@media only screen and (min-width: 38.75em) and (max-width: 56.25em) {
  .subService { margin-left: 2%; width: 48% }
  .subService:nth-child(2n-1) { margin: 0 2% 2% 0; }
}

@media only screen and (min-width: 56.25em) {
  .subService { 
    margin-left: 1.15%; 
    margin-right: 1.15%; 
    width: 30.83333333333333%;
  }
  .servicePage h1 { margin-bottom: 0; }
}

/* =============================================================================
   Sub Pages with Nav
   ========================================================================== */

.sideNav .subSections { width: 22%; float: left; margin-right: 2%; }
.sideNav .subSections a { font-size: 14px; font-size: 0.875rem; line-height: 3.1429; }

.sideNav .mainColumn { float: left; width: 76%; float: left; }

/* =============================================================================
   Blog Pages
   ========================================================================== */


@media only screen and (min-width: 48em) {
  .blogPosts { width: 65%; float: left; margin-right: 2.5% }
  .post-type-archive-blog_post .sidebar,
  .tax-topics .sidebar,
  .tax-blog_categories .sidebar,
  .author .sidebar,
  .single-blog_post .sidebar { width: 32.5%; float: left; }
}


@media only screen and (min-width: 67em) {

 .single-blog_post .sidebar { width: 27.7%;}
 .single-blog_post .sharePost { width: 4.8%; float: left; margin-right: 1.5%; text-align: left; }
}

.single-blog_post h1 { font-size: 25px; font-size: 1.6rem; margin-bottom: 0; }
.single-blog_post .date { display: block; margin-bottom: 1em; color: #2d8ed6; }
.single-blog_post .sharePost { margin: 2em 0 1em; }
.single-blog_post .sharePost .header { text-transform: uppercase; display: block; margin-bottom: 0.5em }
.single-blog_post .sharePost a { float: none; background-color: #2d8ed6; color:  #FFFFFF }

#disqus_thread { margin-bottom: 2em; }

@media only screen and (max-width: 67em) {
  .single-blog_post .sharePost.left { display: none; }
  .single-blog_post .sharePost.bottom { display: block; text-align: center }
  .single-blog_post .sharePost a { display: inline-block; }
}

@media only screen and (min-width: 67em) {
  .single-blog_post .sharePost { margin-top: 0.7em; }
  .single-blog_post .sharePost a { margin: 0 0 0.7em; display: block; }
  .single-blog_post .sharePost.left { display: block; }
  .single-blog_post .sharePost.bottom { display: none; }
}

.authorProfile { border-top: 3px solid #2d8ed6; padding: 2.5% 0; }
.authorProfile .userPhoto { width: 30%; float: left; }
.authorProfile .userProfile { width: 65%; padding: 2.5%; float: left; }

@media only screen and (min-width: 48em) and (max-width: 60em) {
  .sidebar ul { padding-left: 20px; }
}

 .blogPosts .entryTitle a { font-weight: 400; }
 .blogPosts .h3 { margin-bottom: 0; }
 .blogPosts .entry-title { margin-bottom: 5px; }

 .blogPosts .entryMeta .tags a { color: #000; }
 .blogPosts .bannerImage { display: block; border-bottom: 1px solid #FFFFFF; }

 
 .blogPosts article { margin-bottom: 3.246753246753247%; }
 .blogPosts .excerpt,
 .blogPosts .entryMeta { background-color: #ECECEC; padding: 1.948051948051948% }
 .blogPosts .entryMeta { padding:  0.9090909090909091% 1.948051948051948%; font-size: 12px; font-size: 0.75rem; }
 .blogPosts .excerpt { border-bottom: 2px solid #FFFFFF }
 .blogPosts article .entry-content { padding-bottom: 20px; }

@media all and (min-width: 28.75em) {
   .blogPosts .entryMeta .tags { display: block; float: right; }
}
@media all and (max-width: 28.75em) {
  .blogPosts .entryMeta .tags { display: block; margin-top: 5px; }
}

.authorProfile .content { 
  margin-left: 140px;
  min-height: 1px;
}
.authorProfile .userPhoto {
  display: block;
  float: left;
  margin-left: -100%;
  width: 120px;
}
.authorProfile .userProfile {
  padding: 0;
  float: left;
  width: 100%;
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
 .ir { 
 	display: block; 
	border: 0; 
	text-indent: -999em; 
	overflow: hidden; 
	background-color: transparent; 
	background-repeat: no-repeat; 
	text-align: left; 
	direction: ltr; 
	*line-height: 0;
 }
 .ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
 .hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
 .visuallyhidden { 
 	border: 0; 
	clip: rect(0 0 0 0); 
	height: 1px; 
	margin: -1px; 
	overflow: hidden; 
	padding: 0; 
	position: absolute; 
	width: 1px;
 }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
 .visuallyhidden.focusable:active, 
 .visuallyhidden.focusable:focus { 
 	clip: auto; 
	height: auto; 
	margin: 0; 
	overflow: visible; 
	position: static; 
	width: auto; 
 }

 /* Flexible iFrame */

.flexible-container {
    position: relative;
    padding-bottom: 150px;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.flexible-container iframe,   
.flexible-container object,  
.flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Hide visually and from screenreaders, but maintain layout */
 .invisible { visibility: hidden; }

 .animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;-ms-animation-duration:0.5s;-o-animation-duration:0.5s;animation-duration:0.5s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }	50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }	
	50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }	
	50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }	
	50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}
@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}
@-o-keyframes rotateIn {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
}
@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
}

.sepH_a { margin-bottom: 0.375em }
.sepH_b { margin-bottom: 0.75em }
.sepH_c { margin-bottom: 1.5em }

.sepV_a { margin-left: 0.375em }
.sepV_b { margin-left: 0.75em }
.sepV_c { margin-left: 1.5em }
 
/* ==========================================================================
   Team Page
   ========================================================================== */

.team { padding-bottom: 1.15em }
.team .member { margin-bottom: 2em; line-height: 1.3; }
.team .member em { font-size: 12px; font-size: 0.75rem; }

@media only screen and (min-width: 26.25em) {
  .team .member { float: left; }
}

@media only screen and (min-width: 26.25em) and (max-width: 41em) {
  .team .member { margin-left: 2%; width: 48% }
  .team .member:nth-child(2n-1) { margin: 0 2% 2% 0; }
}

@media only screen and (min-width: 41em) and (max-width: 42em) {
  .team .member { 
    margin-left: 1.15%; 
    margin-right: 1.15%; 
    width: 30.83333333333333%;
  }
}

@media only screen and (max-width: 48em) {
  .team .member img { margin-bottom: 0.5em; }
}
@media only screen and (min-width: 48em) {
  .team .member .detail { padding: 1em; background-color: #FFFFFF; }
}

@media only screen and (min-width: 42em) and (max-width: 49.875em) {
  .team .member { margin-right: 2.3%; width: 30.83333333333333% }
}

@media only screen and (min-width: 50em) {
  .team .member { margin-right: 2.083333333333333%; width: 22.91666666666667% }
}

.page-template-page-legal-php #content .container,
.page-template-sitemap-php #content .container { max-width: 800px; }

#wp-realtime-sitemap-archives { display: none; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/* =============================================================================
   START Starkers CSS
   ========================================================================== */

/* Layout
   ========================================================================== */

 br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } 

.alert { background:red; color:white }

/* =============================================================================
   WordPress-Defined CSS Classes
   ========================================================================== */
 .alignnone { margin: 5px 20px 20px 0; }

 .aligncenter, 
 div.aligncenter { display:block; margin: 5px auto 5px auto; }

 .alignright { float:right; margin: 5px 0 20px 20px; }
 .alignleft { float:left; margin: 5px 20px 20px 0; }
 .aligncenter { display: block; margin: 5px auto 5px auto; }

 a img.alignright { float:right; margin: 5px 0 20px 20px; }
 a img.alignnone { margin: 5px 20px 20px 0; }
 a img.alignleft { float:left; margin: 5px 20px 20px 0; }
 a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
 }
 @media screen and (max-width: 35em) { 
  .aligncenter,
  .alignleft,
  .alignright { display:block; margin:0 auto; float: none; }
 }

 .wp-caption {
    background: #fff;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 0 0 10px;
    text-align: right;
    font-size: 11px;
    font-size: 0.6875rem;
 }
 .wp-caption p { margin: 6px 0 0; }
 .wp-caption.alignnone { margin: 5px 20px 20px 0; }
 .wp-caption.alignleft { margin: 5px 20px 20px 0; }
 .wp-caption.alignright { margin: 5px 0 20px 20px; }

 .wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
 }
  
 .wp-caption-text{}
 .gallery-caption{}
 .bypostauthor{}
 .sticky{}

/* Fluid Images For Wordpress
   ========================================================================== */
 img[class*="align"], 
 img[class*="wp-image-"] { height: auto; }
 .wp-caption, 
 .wp-caption img { max-width: 100%; }
 img.size-full { max-width: 100%; width: auto; }
 
 
 
/* ==========================================================================
   Carousel
   ========================================================================== */

.carousel {
  width: 100%;
  /*overflow: hidden;*/
  position: relative;
  margin: 0;
}

.carousel a, .carousel span {
  display: block;
  text-align: center;
}

.carousel.singleSlide img {
  width: 100%;
}

.carousel .item {
  display: none;
}

.carousel .item:first-child {
  display: block;
}
.carousel.brands {
  text-align: center;
  margin: 30px auto 40px;
}
.carousel.brands .item {
  display: inline-block;
  margin: 0 15px;
}
.carousel.brands.owl-carousel .item {
  display: block;
  margin: 0;
}
.owlcarousel.brands.owl-carousel .item {
  display: block;
  margin: 0;
}

/* display none until init */
.owlCarousel {
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
  /*overflow: hidden;*/
}

.owlCarousel a {
  display: none;
}

.owlCarousel.owl-loaded .owl-item, .owlCarousel.owl-loaded a {
  display: block;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  /* preloading images */
}

.owl-carousel .owl-item img {
  width: 100%;
}

.owl-carousel .owl-item.loading {
  min-height: 150px;
  background: url(../images/AjaxLoader.gif) no-repeat center center;
}

.owl-carousel .owl-page,
.owl-carousel .owl-buttons div {
  cursor: pointer;
}

.brands .item {
  position: relative;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  height: 50px;
}

.brands .item .align {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.brands .item img {
  vertical-align: middle;
  max-height: 100px;
  width: auto;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

@media all and (max-width: 480px) {
  .owl-controls {
    display: none;
  }
}

.owl-theme {
  /* Styling Pagination*/
}

.owl-theme .owl-controls {
  text-align: center;
  /* Styling Next and Prev buttons */
}

.owl-theme .owl-controls .owl-buttons {
  /* Clickable class fix problem with hover on touch devices */
  /* Use it for non-touch hover action */
}

.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #000;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
}
@media all and (min-width: 1210px) {
  .owl-theme .owl-controls .owl-buttons div {
    position: absolute; 
    top: 50%;
  }
  .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -35px; 
  } 
  .owl-theme .owl-controls .owl-buttons .owl-next {
    right: -35px; 
  }
}

.owl-theme .owl-controls .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #869791;
  /* If PaginationNumbers is true */
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.owl-theme .owl-controls .owl-page.active span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
}

.owl-theme.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
}

.owl-nav > div {
  background-color: #000;
  color: #FFFFFF;
  display: block;
  height: 60px;
  width: 50px;
  top: 50%;
  margin-top: -30px;
  position: absolute;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
}

.owl-nav > div.owl-next {
  right: 0;
}

.owl-nav > div.owl-prev {
  left: 0;
}

.owl-nav > div:hover {
  text-decoration: none;
  background-color: #333;
  cursor: pointer;
  color: #fff;
}

.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut 0.7s both ease;
  -moz-animation: fadeOut 0.7s both ease;
  animation: fadeOut 0.7s both ease;
}

.owl-fade-in {
  -webkit-animation: fadeIn 0.7s both ease;
  -moz-animation: fadeIn 0.7s both ease;
  animation: fadeIn 0.7s both ease;
}

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade 0.7s ease both;
  -moz-animation: scaleToFade 0.7s ease both;
  animation: scaleToFade 0.7s ease both;
}

.owl-goDown-in {
  -webkit-animation: goDown 0.6s ease both;
  -moz-animation: goDown 0.6s ease both;
  animation: goDown 0.6s ease both;
}

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom 0.5s ease both;
  -moz-animation: scaleUpFrom 0.5s ease both;
  animation: scaleUpFrom 0.5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo 0.5s ease both;
  -moz-animation: scaleUpTo 0.5s ease both;
  animation: scaleUpTo 0.5s ease both;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}

@-moz-keyframes empty {
  0% {
    opacity: 1;
  }
}

@keyframes empty {
  0% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}

@-moz-keyframes backSlideOut {
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
}

@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }
}

@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}

@-moz-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0);
  }
}

@keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0);
  }
}

@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}

@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}

@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}

@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}

@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%);
  }
}

@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}

@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}

@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}

@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5);
  }
}

@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}

@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}

@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}

 
/* ==========================================================================
   Comments
   ========================================================================== */

/* Needs RWD Check */
 #respond {
	margin:0px;
	padding-top: 10px;
 }
 #respond input[type="text"] { 
 	width:300px;
	margin-right:20px;
 }
 #respond textarea {
	width:550px;
	height:120px;
	padding:10px;
 }
 #comments { 
 	float:left;
	margin:0;
 }
 #comments { border: 0;width: 100%; }
 #comments h2 {
  font-size: 19px;
	 font-size: 1.21875rem;
	 display: block;
	 border-bottom: 1px solid #d6d6d6;
	 font-weight: bold;
	 padding-bottom: 5px;
 }
 #comments h6 {
	letter-spacing: normal;
	text-transform: uppercase;
	margin: 10px 0px;
 }
 #comments .comment-meta { 
 	margin:0px 0px 20px 0px;
	display:block;
 }
 #comments .commentlist { 
 	margin:0px;
	float:left;
	list-style:none;
	width:100%;
 }
 #comments .commentlist ul { 
 	list-style:none;
	margin:0;
	padding:0;
	clear:both;
 }
 #comments .commentlist li {margin:0;
	padding:0;
	display:block; }
 body.page-template-onecolumn-page-php #comments .commentlist li .comment-meta {}
 #comments .commentlist li li { margin:0 0 20px 25px; }
 #comments .commentlist li li .comment-meta{ width:445px; }
 #comments .commentlist li li li {margin:0 0 20px 25px; }
 #comments .commentlist li li li .comment-meta{ width:420px; }
 #comments .commentlist li li li li {margin:0 0 20px 25px; }
 #comments .commentlist li li li li .comment-meta{ width:395px; }
 #comments .commentlist li li li li li {margin:0 0 20px 25px; }
 #comments .commentlist li li li li li .comment-meta{ width:370px; }
 #comments .single-comment { margin-bottom:20px; }
 #comments .comment-author { 
 	float:left;
	margin: 0px 10px 6px 0px;
	display:inline;
	width:50px;
 }
 #comments .comment-author cite { 
 	clear:both;
	font-weight:bold;
 }
 #comments .vcard {
	float:left;
	clear:both;
	display:block;
	width:90px;
	min-height: 100px;
	padding:20px 0;
 }


/* ==========================================================================
Homepage Banner Code 16-01-2018 
========================================================================== */



/*********************
GENERAL STYLES SECTION
**********************/


.ecommercefashionPage {
  font-family: 'Lato', Arial, sans-serif;
}

.ecommercefashionPage a.white {
  color: #FFF;
  text-decoration: underline;
}

.ecommercefashionPage a.black {
  color: #000;
  text-decoration: underline;
}

.section-background {
  background-size: cover;
  padding: 0px 0px;
}

.flex-pod {
  /*border:solid red 20px;*/
  display: flex;
}

.whitetext {
  color:#FFFFFF;
}

.darktext {
  color:#333333;
}

.centertext {
  text-align: center;
}

.padding {
  padding: 50px 30px 0px;
}

.heading-two {
  font-size: 26px;
  text-transform: uppercase;
  margin-top: 40px;
  margin-bottom: 40px;
}

.heading-three {
  font-size: 18px;
  text-transform: uppercase;
}

.description {
  text-align:center;
}

.marginbottom {
  margin-bottom: 40px;
}

.font14 {
  font-size: 14px;
}

.container hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 2.5em 0 1em 0;
  padding: 0;
}


/*********************
TEXT LEFT SECTION
**********************/

.two-column-left {
  width:50%;
}

.two-column-right {
  width:50%;
  padding: 0px 0px;
}



/*********************
TWO COLUMN IMAGE TEXT SECTION
**********************/

.two-column-image-text-section .two-column-right {
  /*margin-top: 50px;*/
}


.two-column-image-text-section .two-column-right {
  position: relative;
  margin: 0px 0px 60px 0px;
}

.two-column-image-text-section .two-column-left img{
  position: absolute;
  bottom: 0;
}

/*********************
TWO COLUMN TEXT IMAGE SECTION
**********************/


.two-column-text-image-section .heading-two {
  margin-top: 40px;
  margin-bottom: 40px;
}

.two-column-text-image-section .two-column-left {
  margin-top: 30px;
  padding: 0px 20px 0 0;
}





/*********************
CTA SECTION
**********************/

.cta-background {
  background:#333333;
  padding: 30px 0px;
}

.button-wrapper {
  margin: 0 auto;
  display: block;
  overflow: auto;
}

.button-container {
  max-width: 375px;
  width: 100%;
  margin: 0 auto;
}

.button-one {
  float: left;
}

.button-two {
  float: right;
}

/*********************
CTA SECTION WHITE
**********************/

.cta-background-white {
  background:#FFFFFF;
  padding: 30px 0px;
}

/*********************
PAYMENT SYSTEM SECTION
**********************/

.payment-system-section {

}

.logo-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 75px 0px 50px;
}

.logo-cell {
  width:25%;
  margin-bottom: 30px;
  text-align: center;
}

/*********************
MOBILE FIRST SECTION
**********************/

.mobile-first-section .button.action {
  margin: 10px 0;
}

/*********************
3 COLUMN SECTION
**********************/

.three-column-section {
  padding:0px 0px;
}

.three-column-section .heading-three {
  margin: 0px 0px 12px 0px;
  font-size: 16px;
}

.snippet-wrapper {
  /*border: solid red 1px;*/
  display: flex;
  flex-wrap: wrap;
  padding: 0px 0px;
}

.snippet-cell-wrap {
  padding: 0px 0px;
  width: 33.3333%;
}

.snippet-cell {
  padding: 20px 30px;
}

/*********************
3 COLUMN WITH IMAGE SECTION
**********************/

.three-column-with-image-section {
  padding:30px 0px;
}

.three-column-with-image-section .heading-three {
 margin: 20px 0px 12px 0px;
 font-size: 16px;
 font-weight: bold;
}


/*********************
2 COLUMN SNIPPET SECTION
**********************/

.two-column-snippet-background {
  background-color: #f4f4f4;
  padding:0px 0px;
}

.two-column-left-image {
  width:50%;
}

.two-column-right-text {
  width:50%;
  padding: 0px 15px;
}

.two-column-left-text {
  width:50%;
  padding: 0px 15px;
}

.two-column-right-image {
  width:50%;
}


.two-column-text-image-snippet-section .two-column-left-text {
  padding: 0px 30px 0 30px;
}


/*********************
DOWNLOAD THE APP SECTION
**********************/

.download-the-app-section {
  min-height: 500px;
}

.download-the-app-section .two-column-left {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0px 20px 0 0;
  position: relative;
  z-index: 1000;
  width: 45%;
  min-height: 395px;
}

.download-the-app-section .two-column-right {
  z-index: 1000;
}

.download-the-app-section .two-column-right img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 90%;
}

/*********************
EBAY AND AMAZON SECTION
**********************/

.ebay-amazon-section .two-column-left {
  margin-top: 0px;
  margin-bottom: 40px;
  padding: 0px 60px 0px 0px;
  width: 60%;
}

.ebay-amazon-section .heading-two {
  margin-bottom: 20px;
}

.ebay-amazon-section .two-column-right {
  position: relative;
}

.ebay-amazon-section .two-column-right img {
  position:absolute;
  bottom: 0; 
}

/*********************
ECOMMERCE CAROUSEL
*********************/

.ecommerce-carousel {
  max-width: 1170px;
  margin:0 auto;
  margin-bottom: 30px;
}

.ecommerce-carousel {
  padding-top: 20px;
  .owl-item {
    text-align: center;
  }
  .owl-pagination {
      bottom: -50px;
  }
}

/*********************
1024 DOWN SECTION
**********************/

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

  .heading-two {
    font-size: 26px;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .two-column-text-image-section .heading-two {
  margin-top: 35px;
  margin-bottom: 15px;
  }

  .two-column-text-image-section .two-column-left {
  margin-top: 30px;
  padding: 0px 20px 38px 0;
}

  .two-column-text-image-section .two-column-right {
  width: 50%;
  padding: 0px 0px;
  position: relative;
  }

  .two-column-text-image-section .two-column-right img{
  position: absolute;
  bottom: 0;
  }

  .ebay-amazon-section .two-column-left {
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 0px 25px 0px 0px;
  width: 50%;
  }

  .ebay-amazon-section .heading-two {
  margin-bottom: 20px;
  font-size: 20px;
  }

  .company-logo {
  width: 50%;
  float: left;
  margin-bottom: 20px;
  }

 

}


/*********************
ECOMMERCE MOBILE & TABLET SECTION
**********************/

@media only screen and (max-width: 800px) {
    .heading-two {
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .two-column-image-text-section img {
  position: absolute;
  bottom: 0;
  width: 50%;
  }

  .snippet-cell-wrap {
  padding: 0px 0px;
  width: 50%;
  }

  .download-the-app-section .two-column-right img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 70%;
}
  .download-the-app-section .two-column-left {
  margin-top: 30px;
  margin-bottom: 150px;
  padding: 0px 0px 0 0;
  position: relative;
  z-index: 1000;
  width: 100%;
  min-height: 395px;
  }

  .store-logo-wrapper img {
  width: 40%;
  float: left;
  margin: 0px 10px 0px 0px;
  }
}


@media only screen and (max-width: 600px) {
  .mobile-order {
    flex-direction: column-reverse;
  }

  .mobile-wrap {
    flex-wrap: wrap;
  }

  .heading-two {
  font-size: 20px;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 10px;
  }

  .heading-three {
  font-size: 16px;
  text-transform: uppercase;
  }

  .ecommercefashionPage p {
    font-size: 16px;
  }

  .lefttext {
    text-align: left;
  }

  /*********************
  2 COLUMN SECTION
  **********************/

  .two-column-text-image-section .heading-two {
  margin-top: 20px;
  margin-bottom: 20px;
  }

  .two-column-image-text-section .two-column-left {
  width: 100%;
  }

  .two-column-image-text-section .two-column-right {
  width: 100%;
  margin-bottom: 20px;
  }

  .two-column-image-text-section .two-column-right {
  position: unset;
  margin: 0px 0px 60px 0px;
}

.two-column-image-text-section .two-column-left img{
  position: unset;
  bottom: 0;
}

  .two-column-text-image-section .two-column-right img{
  position: unset !important;
  bottom: 0;
  }

  .two-column-image-text-section .two-column-right img{
  position: unset !important;
  bottom: 0;
  }


  .two-column-image-text-section img {
  position: unset;
  width: 100%;
  }

  .two-column-text-image-section .two-column-left {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 0;
  }

  .two-column-text-image-section .two-column-right {
  width: 100%;
  }


  /*********************
  MOBILE SNIPPET SECTION
  **********************/

 .snippet-cell {
  padding: 20px 0px;
  text-align: center;
  border-bottom: dotted 1px #ADADAD;
  }

  .snippet-cell-wrap {
  padding: 0px 0px;
  width: 100%;
  }

  .two-column-image-text-snippet-section .two-column-left-image {
    width:100%;
  }

  .two-column-image-text-snippet-section .two-column-right-text{
    width:100%;
    padding:0px;
  }

  .two-column-text-image-snippet-section .two-column-left-text {
    width:100%;
    padding:0px;

  }

  .two-column-text-image-snippet-section .two-column-right-image {
    width:100%;
    padding:0px
  }

  /*********************
  CTA SECTION
  **********************/

  .button-container {
  max-width: 300px;
  width: 100%;
  }

  .cta-section .button.fixed {
  width: 117px;
  }

  .cta-section-white .button.fixed {
  width: 117px;
  }

  /*********************
  PAYMENT SYSTEM SECTION
  **********************/

  .payment-system-section .heading-two {
  font-size: 20px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  }

  .logo-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0px 50px;
  }


  .logo-cell {
  width: 50%;
  margin-bottom: 15px;
  }

  /*********************
  DOWNLOAD THE APP SECTION
  **********************/

  .download-the-app-section .two-column-left {
  margin-top: 30px;
  margin-bottom: 150px;
  padding: 0px 0px 0 0;
  position: relative;
  z-index: 1000;
  width: 100%;
  min-height: 395px;
  }

  .store-logo-wrapper img {
  width: 30%;
  float: left;
  margin: 0px 10px 0px 0px;
  }

  .mobile-first-section .two-column-left {
  width: 100%;
  }

  .mobile-first-section .two-column-right {
  width: 100%;
  padding: 0px 0px;
  margin-bottom: 30px;
  }

  /*********************
  MOBILE EBAY AND AMAZON SECTION
  **********************/

  .ebay-amazon-section .heading-two {
  margin-bottom: 20px;
  text-align: left;
  }

  .ebay-amazon-section .two-column-left {
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  text-align: left;
  }

  .ebay-amazon-section .two-column-right {
  position: relative;
  width: 100%;
  }

  .ebay-amazon-section .two-column-right img {
  position: unset;
  bottom: 0;
  }

  .company-logo {
  width: 50%;
  float: left;
  margin-bottom: 29px;
  }

  /*********************
  MOBILE CAROUSEL SECTION
  **********************/

  .carousel-section .heading-two {
  font-size: 20px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  }

}

/* END ECOMM */

.banner-container { 
position: relative; 
margin: 0 2.083333333333333%; 
max-width: 1170px;
margin: 0 auto; }

.carousel {
  max-width: 745px; 
}

.home-form-container {
  position: absolute;
  background: #3c8bc2;
  padding: 0px;
  z-index: 10000;
  height: 100%;
  display: block;
  right: 0;
  max-width: 100%;
  width: 385px;
  bottom: 0;
}

#gform_3 .gfield_label {
  display: none !important;
}

.gform_wrapper ul.gform_fields li.gfield {
  padding-right: 0px !important;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
  width: 100% !important;
}

#gform_3 .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"] {
  font-size: 1.2em;
  width: auto;
  margin: 0 0px 0 0;
  text-transform: uppercase;
  font-weight: lighter;
}


#gform_submit_button_3 {
  background: #ececec;
  color: #3c8bc2 !important;
  text-transform: uppercase;
  box-shadow: none;
  width: 100%;
  padding: 16px 16px 14px 16px !important;
  font-size: 19px !important;
  font-weight: normal;
  transition: all 0.2s ease;
}

#gform_submit_button_3:hover {
  background: #96d61e;
  color: #FFFFFF !important;
  cursor: pointer;
}

.form-header {
  background:#2977ad; 
  padding:20px 10px;
}

.form-header span {
  display: block;
  color: #FFFFFF;
  text-align: center;
  font-size: 1.4em;
  text-transform: uppercase;
}

#gform_wrapper_3 {
  padding: 5px 30px;
}

#gform_3 select {
  display: block;
  height: 44px;
  line-height: 1em;
  padding: 0 12px;
  margin-bottom: 0px;
  font-size: 1em;
  color: #555;
  border-radius: 0px;
  vertical-align: middle;
  box-shadow: none;
  border: 0;
  width: 100%;
  max-width: 100;
  font-family: "Roboto",Helvetica,Arial,sans-serif;
  border: 1px solid #ccc;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}

#gform_3 select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(_/images/select-arrow.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-color: white;
}


#gform_3 input {
  font-size: inherit;
  font-family: inherit;
  padding: 8px 12px;
  letter-spacing: normal;
  color: #555;
  opacity: 1.0;
}

#gform_wrapper_3.gform_wrapper div.validation_error {
  color: pink;
  font-size: 1em;
  font-weight: 500;
  margin-bottom: 25px;
  border-top: 2px solid red;
  border-bottom: 2px solid red;
  padding: 16px 0;
  clear: both;
  width: 100%;
  text-align: center;
}

#gform_wrapper_3.gform_wrapper .validation_message {
  color: pink;
  font-weight: 500;
  letter-spacing: normal;
  padding-left: 12px;
}

/* form placeholder overrides - have to use !important or this doesn't work
--------------------------------------------- */
::-webkit-input-placeholder { /* Chrome */
  color: #1E1F22 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #1E1F22 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #1E1F22 !important;
  opacity: 1 !important;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #1E1F22 !important;
  opacity: 1 !important;
}

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

  .carousel {
  max-width: 625px;
  }

  .home-form-container {
    position: absolute;
    background: #3c8bc2;
    padding: 0px;
    z-index: 10000;
    height: 92%;
    display: block;
    right: 0;
    max-width: 100%;
    width: 385px;
    top: 0;
  }

  .form-header {
  background: #2977ad;
  padding: 15px 10px;
}

  .gform_wrapper .gform_footer {
  padding: 16px 0 10px;
  margin: 0px 0 0 !important;
  clear: both;
  width: 100%;
  }

  #gform_wrapper_3 {
  padding: 0px 30px;
  margin: 0px;
  }

}

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

   .carousel {
  max-width: 768px;
  }

 .home-form-container {
  position: unset !important;
  background: #3c8bc2;
  padding: 0px;
  z-index: 10000;
  height: 100%;
  display: block;
  right: 0;
  max-width: 100%;
  width: 100%;
  bottom: 0;
}

#gform_wrapper_3 {
  padding: 25px 30px;
}

} // end of media query



/* ==========================================================================
Fashion Page Styling 22-02-2018 
========================================================================== */

/* Cookie Policy Bar */
.cookie-notice-container {
  background: #2D8ED0;
}
#cookie-notice .button.wp-default {
  background: #F3F3F3;
}