/* =============================================================================
   Global Styles
   ========================================================================== */
  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%; -webkit-font-smoothing: antialiased;}
  html, button, input, select, textarea { font-family: sans-serif; color: #222; }
  body { margin: 0; font-size: 1em; line-height: 1.4; }
  ::-moz-selection { background: #2fbdff; color: #fff; text-shadow: none; }
  ::selection { background: #2fbdff; color: #fff; text-shadow: none; }
  a { color: #9EC768; font-weight: normal; text-decoration: none;}a:visited { }a:hover { color: #94BA63; text-decoration: underline;}a:focus { outline: none; }a:hover, a:active { outline: 0; }
  b, strong { font-weight: bold; }
  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: bold; }
  pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
  pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
  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 40px; }
  dd { margin: 0 0 0 40px; }
  nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
  img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
  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; }
  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; }

  /* Sanitation */
  hr {border: 1px solid;margin: -1px 0;}
  ul ul, ol ol, ul ol, ol ul {margin-top: 0;margin-bottom: 0;}
  b, strong, em, small, code {line-height: 1;}
  sup, sub {vertical-align: baseline;position: relative;top: -0.4em;}
  sub {top: 0.4em;}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */
  .hidden { display: none !important; visibility: hidden; }
  .clearfix:before, .clearfix:after { content: ""; display: table; }
  .clearfix:after { clear: both; }
  .clearfix { *zoom: 1; }

/* =============================================================================
   Grid Styles
   ========================================================================== */

  *, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  .grid-pad {padding: 10px 0 0px 0px;}
  .grid:after {content: "";display: table;clear: both;}
  [class*='col-'] {float: left;}
  [class*='col-'] {padding-right: 10px;}
  [class*='col-']:last-of-type {padding-right: 0;}
  .grid-pad > [class*='col-']:last-of-type {padding-right: 00px;}

  /* Full */     .col-1-1 {width: 100%;}
  /* Halves */   .col-1-2 {width: 50%;}
  /* Thirds */   .col-1-3 {width: 33.33%;}.col-2-3 {width: 66.66%;}
  /* Quarters */ .col-1-4 {width: 25%;}.col-2-4 {width: 50%;}.col-3-4 {width:75%;}
  /* Fifths */   .col-1-5 {width:20%;}.col-2-5 {width:40%;}.col-3-5 {width:60%;}.col-4-5 {width:80%;}
  /* Sixths */   .col-1-6 {width:16.66%;}.col-2-6 {width:33.33%;}.col-3-6 {width:50%;}.col-4-6 {width:66.66%;}.col-5-6 {width:83.33%;}
  /* Sevenths */ .col-1-7 {width:14.28%;}.col-2-7 {width:28.57%;}.col-3-7 {width:42.85%;}.col-4-7 {width:57.14%;}.col-5-7 {width:71.42%;}.col-6-7 {width:85.71%;}
  /* Eighths */  .col-1-8 {width:12.5%;}.col-2-8 {width:25%;}.col-3-8 {width:37.5%;}.col-4-8 {width:50%;}.col-5-8 {width:62.5%;}.col-6-8 {width:75%;}.col-7-8 {width:87.5%;}

  @media screen and (min-width: 480px) and (max-width: 699px) {
    .col-1-1 {width: 100%;}
    .col-1-2 {width: 50%;margin-bottom: 10px;}
    .col-1-3, .col-2-3 {width: 100%; padding-right:0px;margin-bottom: 10px;}
    .col-1-4, .col-2-4, .col-3-4 {width: 100%; padding-right:0px;margin-bottom: 10px;}
  }
  @media screen and (min-width: 0px) and (max-width: 479px) {
    .col-1-1 {width: 100%;}
    .col-1-2 {width: 100%; padding-right:0px;margin-bottom: 10px;}
    .col-1-3, .col-2-3 {width: 100%; padding-right:0px;margin-bottom: 10px;}
    .col-1-4, .col-2-4, .col-3-4 {width: 100%; padding-right:0px;margin-bottom: 10px;}
    .grid-pad{padding:0px;}
  }
  

/* =============================================================================
   Webfonts
   ========================================================================== */

@font-face {
  font-family: 'HelveticaNeueLTStd-Lt';
  src: url('../webfonts/2BD005_0_0.eot');
  src: url('../webfonts/2BD005_0_0.eot?#iefix') format('embedded-opentype'),
  url('../webfonts/2BD005_0_0.woff') format('woff'),
  url('../webfonts/2BD005_0_0.ttf') format('truetype'),
  url('../webfonts/2BD005_0_0.svg#wf') format('svg');
  font-size:normal;
  font-weight:normal;  
}
   
@font-face {
  font-family: 'HelveticaNeueLTStd-Bd';
  src: url('../webfonts/2BD005_1_0.eot');
  src: url('../webfonts/2BD005_1_0.eot?#iefix') format('embedded-opentype'),
  url('../webfonts/2BD005_1_0.woff') format('woff'),
  url('../webfonts/2BD005_1_0.ttf') format('truetype'),
  url('../webfonts/2BD005_1_0.svg#wf') format('svg');
  font-size:normal;
  font-weight:normal;
}
   
@font-face {
  font-family: 'HelveticaNeueLTStd-Roman';
  src: url('../webfonts/2BD005_2_0.eot');
  src: url('../webfonts/2BD005_2_0.eot?#iefix') format('embedded-opentype'),
  url('../webfonts/2BD005_2_0.woff') format('woff'),
  url('../webfonts/2BD005_2_0.ttf') format('truetype'),
  url('../webfonts/2BD005_2_0.svg#wf') format('svg');
}

/* ============================================================================
   Base
   ========================================================================== */
html{background: #f0f0f0;}   
body{}
h1, h2, h3, h4, h5{font-family: 'HelveticaNeueLTStd-Bd';font-weight: normal;}
h2{font-size: 62px;margin-top: 0px;margin-bottom: 0.4em;}
h2 a {color:#222;}
h3{font-size: 24px;font-family: 'HelveticaNeueLTStd-Lt';line-height: 1.6em;}
h4{font-size:36px;margin: 1.4em 0px 0.8em;}
h5{font-size:24px;margin: 1.8em 0px 0.8em;}
h6{font-size:18px;margin: 1.8em 0px 0.8em;}
p, ul, ol, pre, table, blockquote{font-size: 16px;  color: #6B6B6B;line-height: 1.8em;}
p{font-family: 'HelveticaNeueLTStd-Roman';font-size: 16px;line-height: 1.8em;}
p strong{font-family: 'HelveticaNeueLTStd-Bd';font-weight: normal;}


@media screen and (max-width:1200px){
  h2{font-size: 48px;}
  h3{line-height: 1.4em;font-size: 1.5em;}
  h4{font-size: 32px;}
  h5{font-size: 20px;}
  h6{font-size: 16px;}
  p{font-size:14px;}
  p, ul, ol, pre, table, blockquote{
    font-size: 14px;
}
}
@media screen and (max-width:580px){
  h2{font-size: 32px;}
  h3{font-size: 17px;line-height: 1.6em;}
  h4{font-size: 24px;}
  h5{font-size: 20px;}
  h6{font-size: 14px;}
  p, ul, ol, pre, table, blockquote{font-size: 14px;line-height: 1.6em;}
}
@media screen and (max-width:480px){
  h2{font-size: 32px;line-height: 36px;margin-bottom: 30px;}
  h3{font-size: 17px;line-height: 1.6em;}
  h4{font-size: 24px;}
  h5{font-size: 20px;}
  h6{font-size: 14px;}
  p, ul, ol, pre, table, blockquote{font-size: 12px;line-height: 1.6em;}
}




/* ============================================================================
   Icons & buttons
   ========================================================================== */
.icon{font-family: "officeint";}
a.button, .button, button, input[type="button"], input[type="reset"], input[type="submit"]{ outline:none; border:none; font-family: 'HelveticaNeueLTStd-Bd';color: white;text-decoration: none;font-size: 16px;padding: 13px 28px;display: inline-block;}
a.button.green:hover{background: #94BA63;}

@media screen and (max-width:850px){
  a.button, .button{padding: 9px 22px;font-size: 14px;}
}

 form .button, form input[type="submit"] { background: #D22853; margin:0.5em 0;  }
 form .or { padding:0.5em; }
 form .left .button { }
  #request-a-quote { background: #6FD1F6; }

/* ============================================================================
   Base colours
   ========================================================================== */
.blue{background:#00aeef;}
.red{background:#ed1b33;}
.green{background: #B0D87B;}


/* ============================================================================
   Header Styles
   ========================================================================== */
  #header{background: white;height: 109px;position: relative;}
  #header h1{margin: 0;float: left;position: relative;top: 18px;left: 22px;}
  #header h1 a{width: 239px;height: 71px;display: block;font-size: 0px;line-height: 0px;text-indent: -9999px;background: url(../img/office_interiors_logo.svg) no-repeat;}
  .no-svg #header h1 a{background: url(../img/office_interiors_logo.png) no-repeat;background-size: 100% !important;}

  .headTop{height: 46px;position: absolute;top: 0px;right: 0px;}
  
  .search_form{display: inline-block;color: white;background: #B0D87B;float: left;width: 345px;}
  .search_form label.screen-reader-text{position: absolute;top: -9999px;left: -9999px;}
  .search_form input{width: 100%;border: 0;padding: 0px 7px 0px 46px;border-radius: 0px;background: transparent;font-size: 13px;outline: none;position: relative;color: white;height: 46px;}
  .search_form:hover{}
  .search_form input::-webkit-input-placeholder {color: #fff;}
  .search_form input:-moz-placeholder {color: #fff;}
  .search_form input::-moz-placeholder {color: #fff;}
  .search_form input:-ms-input-placeholder {color: #fff;}
  .search_form div:before{content:"a"; font-family: "officeint";   display: block; width: 18px;height: 21px;top: 14px;position: absolute;z-index: 1;font-size: 14px;left: 16px;pointer-events: none;}
  .headTop a.button{background: #D22853;float: left;height: 46px;display: inline-block;font-family: 'HelveticaNeueLTStd-Bd';font-size: 14px;color: white;text-decoration: none;line-height: 43px;padding: 0px 25px;-webkit-user-select: none; /* Chrome/Safari */          -moz-user-select: none; /* Firefox */  -ms-user-select: none; /* IE10+ */    /* Rules below not implemented in browsers yet */  -o-user-select: none;  user-select: none;}
  .headTop a.button:hover{background: #F85E86;}
  .headTop a.button:nth-child(3){background: #B3274A;}
  .headTop a.button:nth-child(3):hover{
    background: #B3274A;
}
  .headTop a.button span.icon{position: relative;top: 2px;}
  .headTop a.button.navToggle span.icon{font-size: 20px;padding: 0px 15px;      margin-left: 0px;  height: 72px;  line-height: 71px;display: block;top: 0px;pointer-events: none;}
  .headTop a.button span.number{width: 16px;height: 16px;background: #00aeef;color: white;display: inline-block;font-size: 9px;line-height: initial;font-family: 'HelveticaNeueLTStd-Roman';position: relative;top: -2px;border-radius: 30px;text-align: center;padding: 3px 0px 0px 0px;margin-left: 6px;}
  .headTop a.button:hover span.number{}

  .headTop a.button.navToggle{display: none;padding: 0px;background: #B3274A;}
  .close.icon{display:none;}
  #nav{position: absolute;right: 0px;top: 65px;padding-right: 11px;}
  #nav li{float: left;font-family: 'HelveticaNeueLTStd-Bd';padding: 0px 17px;font-size: 14px;}
  #nav li a{color: #222;text-decoration: none;font-weight: normal;}
  #nav li a:hover{color: #777;}
  #nav li.current_page_item a{color: #777;}

  @media screen and (max-width:1600px){
    
    #nav li{ padding: 0px 10px; font-size: 14px;}

  }
  @media screen and (max-width:1500px){
    
    #nav { width:100%; position: relative;}
    #nav{display:block;width: 100%;position: absolute;top: 109px;background: #424548;z-index: 9;padding: 0;text-align: center;}
    #nav li{float: none;    display: inline-block;  padding: 0px;border-right: 1px solid #4B4D50;}
    #nav li a{font-size: 14px;  display: block;  width: 100%;  margin: 0px;  vertical-align: middle;  border-bottom: 1px solid rgba(121, 121, 121, 0.16);      padding: 8px 20px;color: #FFF;}
    #nav li.current_page_item a{font-family: 'HelveticaNeueLTStd-Bd';}
    #nav li:last-child { border:none; }
    #nav li:last-child a{border-bottom:0px;}

  }
  @media screen and (max-width:1450px){
    
    #header{height: 72px;}
    #header h1{ top: 13px; left: 13px; }
    #header h1 a{height: 50px;width: 160px;}
    .headTop{height: 72px;}
    .search_form{display: inline-block;width: 140px;}
    .search_form input{height: 72px;padding: 0px 7px 0px 33px;}
    .search_form div:before{top: 25px;left: 10px;}
    a.navToggle{display: block;}
    .headTop a.button{padding: 0px 15px;border-left: 0px solid #FFF;margin-left: 0px;height: 72px;line-height: 71px;}
    .headTop a.button.selected{/* background: #B0D87B; */}
    .headTop a.button.navToggle{display: block;}
    .headTop a.button.navToggle span.icon{}
    #nav{display: none;  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease;          z-index: 99;padding-right: 0px;}
    .navOpen #nav{display:block;width: 100%;position: absolute;top: 72px;background: #424548;}
    header#header{display: block;background: #fff;top: 0px;width: 100%;        }
    .navOpen header#header{}
    .navOpen .close.icon{display: block;position: absolute;right: 12px;top: 8px;font-size: 30px;cursor: pointer;color: #BEBEBE;-webkit-user-select: none; /* Chrome/Safari */          -moz-user-select: none; /* Firefox */  -ms-user-select: none; /* IE10+ */    /* Rules below not implemented in browsers yet */  -o-user-select: none;  user-select: none;display: none;}
    .navOpen #nav ul{display: block;    }
    .navOpen #nav li{float: left;    display: block;  width: 25%;padding: 0px;border-right: 1px solid #4B4D50;text-align: left;}
    .navOpen #nav a{font-size: 14px;  display: block;  width: 100%;  margin: 0px;  vertical-align: middle;  border-bottom: 1px solid rgba(121, 121, 121, 0.16);      padding: 16px 20px;color: white;}
    #nav li.current_page_item a{font-family: 'HelveticaNeueLTStd-Bd';}
    .navOpen #nav li:last-child a{border-bottom:0px;}

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

  
    .navOpen #nav li { width:100%; }
    .navOpen #nav a{ font-size:16px; } 

  }

  @media screen and (max-width:520px){
    .search_form{display:none;}
    #header{height: 46px;}
    #header h1{
    top: 9px;
    left: 9px;
}
    #header h1 a{height: 28px;width: 92px;}
    .headTop a.button{padding: 0px 15px;border-left: 0px solid #fff;margin-left: 0px;height: 46px;line-height: 43px;font-size: 11px;}
    #nav{display: none;}
    .headTop a.button.navToggle{display: block;}
    .headTop a.button.navToggle span.icon{line-height: 46px;  height: 46px;}
    .navOpen #nav{top: 46px;}
    .navOpen #nav li{}
    .navOpen #nav a{font-size: 14px;}
  }


/* =============================================================================
   intro
   ========================================================================== */

  #intro{position: relative;}
  .flexslider .slides > li:before{content:' '; display:block;position: absolute;height: 253px;bottom: 0px;background: black;width: 100%;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 99%, rgba(0,0,0,0.75) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(99%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0.75)));  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 99%,rgba(0,0,0,0.75) 100%);  background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 99%,rgba(0,0,0,0.75) 100%);  background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 99%,rgba(0,0,0,0.75) 100%);  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 99%,rgba(0,0,0,0.75) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 );}
  #intro img.bigImg{display: block;width: 100%;}
  #intro img.smallImg{display: none;}
  .slideCopy .scRight p strong{font-family: 'HelveticaNeueLTStd-Bd';font-weight: normal;}
  .slideCopy{position: absolute;top: 0px;color: white;height: 100%;width: 100%;z-index: 3;}
  
  .introCopy{background: rgba(65, 65, 65, 0.84) no-repeat scroll center;background-size: cover;}
  .introInner{background: rgba(23, 40, 66, 0.58);padding: 50px 78px 50px;color: white;text-align: right;}
  ..introInner h2{margin-bottom: 0px;}
  .introInner p{color: white;font-size: 18px;margin: 0px 0px 40px;}
  .introInner h3{margin: 0px;line-height: 1em;}
  .introInner h2 { margin-bottom:0; margin-top:0.8em; }
  
  .no-page-banner { border:none; display:block; width:100%; clear:both; margin:0; padding:0; border-top: 1px solid #F0F0F0; }

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

    .slideCopy .scLeft{width: 50%;  height: 60px;  text-align: left;  position: absolute;  left: 0px;  bottom: 115px;  padding-left: 65px;}
    .slideCopy .scLeft h3{font-size: 24px;font-family: 'HelveticaNeueLTStd-Lt';margin: 0px;position: absolute;bottom: 0px;}  
    .slideCopy .scRight{width: 50%;text-align: right;position: absolute;right: 0px;bottom: 80px;padding-right: 65px;padding-bottom: 1em;}
    .slideCopy .scRight h2{margin: 0px;font-size: 4.4em;line-height: 1.2em;}
    .slideCopy .scRight p{font-size: 24px;margin: 10px 0px;color: white;}    
    .slideCopy .scRight h3 { margin: 0; } 
    
  }  
  @media screen and (max-width:1100px){
    
    .slideCopy .scLeft{padding-left: 24px;}
    .slideCopy .scLeft h3{margin: 0px;font-size: 20px;font-family: 'HelveticaNeueLTStd-Lt';}
    .slideCopy .scRight{padding: 2em;}
    .slideCopy .scRight h2{font-size: 3em;line-height: 1.4em;margin-bottom: 0.1em;}
    .slideCopy .scRight h3 { margin:0; }
    .slideCopy .scRight p{margin: 0px;color: #fff;}

    .flexslider .slides > li:before { height:150%; }
  }
  @media screen and (max-width:850px){
    .introInner{padding: 26px 5% 37px;}
    #intro img.bigImg{display: none;}
    #intro img.smallImg{display: block;width: 100%;}
  }
  @media screen and (min-width:450px) and (max-width:850px){
    .slideCopy .scLeft{position: absolute;bottom: 100px;}
    .slideCopy .scRight{text-align: right;position: absolute;bottom: 60px;right: 0;padding: 2em 2.5em;}
  }
  @media screen and (max-width:450px){
    .introInner{text-align: left;}
    .slideCopy .scLeft{padding: 24px 5% 0px;  margin-bottom: 0px;}
    .slideCopy .scLeft h3{font-size: 17px;}
    .slideCopy .scRight{padding: 24px 5% 0px;margin-bottom: 0px;}
    .slideCopy .scRight h2{font-size: 40px;}
    .slideCopy .scRight p{font-size: 16px;}
  }

/* =============================================================================
   HOME - Promos
   ========================================================================== */
  #promos{}
  #promos .grid { position:relative; }
  #promos .promoBig{padding: 0px;background: url(../img/promo.jpg) no-repeat scroll center;background-size: cover;position: relative;}
  #promos .promoBig .inner{padding: 2em 4em 3em;min-height: 350px;color:white;               background: rgba(48, 70, 112, 0.63);padding-right: 240px;background: rgba(35, 36, 37, 0.66);}
  .promoBig * { color:inherit; position: relative; z-index: 2;}
  .promoBig p { margin: 0.6em 0 0; }
  .promoBig ul { margin: 0.6em 0 0; }
  .promoBig .button { margin: 1em 0; }
  #promos h3{margin: 0.7em 0 0.5em;font-size: 52px;font-family: 'HelveticaNeueLTStd-Bd';line-height: 1em;}
  #promos p.green-dot {font-size: 18px;max-width: 60%;margin-bottom: 1.4em;color: #fff;line-height: 1.2em;position: absolute;top: 42px;right: 66px;background: #D22853;width: 160px;height: 160px;text-align: center;border-radius: 200px;font-size: 1.2em;font-family: 'HelveticaNeueLTStd-Bd';-webkit-transform: rotate(-9deg);  -moz-transform: rotate(-9deg);  -o-transform: rotate(-9deg);  -ms-transform: rotate(-9deg);  transform: rotate(-9deg);z-index: 1;}
  #promos .promoSmall{background: url(../img/promo2.jpg) no-repeat scroll center;background-size: cover;position: absolute;height: 100%;right: 0;}
  #promos .promoSmall .inner{min-height: 350px;position: relative;height: inherit;}
  #promos a.stripButton{display: block;background: rgba(242, 187, 35, 0.85);background: rgba(42, 67, 114, 0.89);height: 84px;color: white;position: absolute;width: 100%;bottom: 0px;padding: 26px 0px 0px 48px;font-size: 24px;text-decoration: none;font-family: 'HelveticaNeueLTStd-Bd';}
  #promos a.stripButton:hover{background: #F2BB23;background-color: rgb(42, 67, 114);}
  #promos a.stripButton:before{content: 'd';display:block;font-family: "officeint";position: absolute;right: 18px;}

  .vertical-align { position:relative; top:50%; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); display: block;}

  @media screen and (max-width:1200px){
    #promos .promoBig .inner{padding: 60px 55px 15px;overflow: hidden;}
    #promos h3{font-size: 36px;margin-top: 0px;}
    #promos p.green-dot{font-style: italic;top: -48px;right: -9px;border-radius: 200px 0 200px 200px;}
    #promos a.stripButton{font-size: 18px;padding: 31px 0px 0px 38px;}
    p .vertical-align {}
  }
  @media screen and (max-width:850px){
    #promos .promoBig{width: 100%;float: none;margin: 0px;}
    #promos .promoBig .inner{min-height: 0px;padding: 4em 6% 2em;}
    #promos h3{font-size: 28px;padding-right: 190px;}
    #promos p.green-dot{font-size: 20px;width: 160px;height: 160px;padding: 52px 10px;top: -51px;right: -12px;}
    #promos .promoSmall{width: 100%;float: none;margin: 0px;position: relative;min-height: 200px;}
    #promos .promoSmall .inner{
    min-height: inherit;
}
    #promos a.stripButton{width: auto;padding: 16px 60px 16px 25px;height: auto;top: auto;right: 0;font-size: 14px;width: 50%;bottom: 0;}
  }
  @media screen and (max-width:480px){
    #promos .promoBig{}
    #promos .promoBig .inner{}
    #promos h3{font-size: 27px;padding-right:0px;margin-bottom: 10px;}
    #promos p.green-dot{
    background: transparent;
    -webkit-transform: rotate(0deg);    
    -moz-transform: rotate(0deg);    
    -o-transform: rotate(0deg);    
    -ms-transform: rotate(0deg);    
    transform: rotate(0deg);
    font-size: 14px;
    position: relative;
    height: auto;
    width: auto;
    padding: 0px;
    text-align: left;
    left: 0px;
    font-family: 'HelveticaNeueLTStd-Roman';
    top: auto;
    right: auto;
    margin: 1.5em 0 0;
}
    #promos .promoSmall .inner{}
    #promos a.stripButton{display: block;}
  }


/* =============================================================================
   Main content
   ========================================================================== */
  #main{background: white;position: relative;overflow: hidden;}
  #main:after{background: #F0F0F0 url(../img/geometry2.png);content:' '; display:block;position: absolute;top: 0px;width: 25%;height: 100%;right: 0px;z-index: 1;}
  #main.home:after{width:33.33%;}
  #main.sans_side{background: #eee;}
  #main.sans_side:after{display:none;}

  #main.sans_side .grid{max-width:1920px; margin:0 auto;clear: both;width: 100%;}

  #main .content{padding: 90px 78px 90px;background: #fff;}
  #main .content:after{background: rgba(239, 239, 239, 0.52);content:' '; display:block;position: absolute;top: 0px;width: 25%;height: 100%;right: 0px;z-index: 2;}
  .blog #main .content:after{display:none;}
  #main.home .content:after{width:33.33%;}
  #main .content img{max-width:100%; height:auto;}
  .size-full{width:100%;}
  #main.sans_side .content{background: #F7F7F7;}
  #main .content iframe{width:100%;}

.content blockquote{background: rgb(240, 240, 240);padding: 10px 20px;margin: 0px;font-style: italic;}
.content blockquote p{/* font-size: 1.1em; */font-family: 'HelveticaNeueLTStd-Lt';margin: 0.6em 0px;line-height: 1.6em;}
  
  #main .content .inner{}
  @media screen and (max-width:1200px){
    #main{}
    #main .content{padding: 60px 55px 55px;}  
  }
  @media screen and (max-width:850px){
    #main{background:transparent;}
    #main .content, #main .sidebar{float:none;width:100%;padding: 50px 5% 35px;}
    #main:after, #main .content:after{display:none;}
  }
  @media screen and (max-width:580px){
    #main .content{padding: 50px 5% 35px;}
    #main .sidebar{padding: 40px 5% 10px;}
  }

/* =============================================================================
   Search Results
   ========================================================================== */

   #main .grid.results { }
   #main .grid.results > div { padding:2em 2em; background:#FFF;  }
   #main .grid.results h5 { margin:0; }
   #main .grid.results p { font-size:14px; }
   #main .result-type { font-size:0.5em; opacity:0.5; padding:0; position:relative; top:-0.25em; }

/* =============================================================================
   Sidebar  
   ========================================================================== */
  .sidebar{position: relative;z-index: 2;}
  .sidebar .inner{padding: 130px 7.5% 20px;}
  .sidebar h5{margin-top: 0px;}
  .sidebar h5 a{color: #6B6B6B;}
  
  .sideNav {}
  .sideNav ul {padding-left: 0px;list-style: none;}
  .sideNav li {border-bottom: 1px solid rgb(219, 219, 219);line-height: 1.5em;}
  .sideNav li:last-of-type {border-bottom:0px;}
  .sideNav li a {font-family: 'HelveticaNeueLTStd-Bd';display: block;padding: 12px 0px;}
  .sideNav li a:hover {}
  .sideNav li.current_page_item a { opacity:0.5; }

  .quotes{}
  .quotes:before{content: 'g';font-family: "officeint";font-size: 32px;color: #D22853;position: absolute;top: 50px;right: 7.5%;}
  .quote .bubble{background: white;border-radius: 4px;padding: 18px 24px 6px;position:relative;border-bottom: 1px solid rgba(230, 230, 230, 0.99);}
  .quote .bubble:after{display:block; content:' ';width: 26px;height: 10px;position: absolute;bottom: -11px;border-top: 11px solid white;border-right: 13px solid transparent;border-left: 13px solid transparent;}
  .quote .bubble p{font-size: 14px;line-height: 1.4em;margin-top: 0px;}
  .quote .author{padding-left: 17px;padding-top: 26px;padding-bottom: 30px;}
  .quote .author img{float: left;width: 40px;height: 40px;border-radius: 40px;margin-right: 12px;position: relative;top: -8px;}
  .quote .author p{font-size: 13px;margin: 0px 0px 10px;}
  .quote .author p a{color: #B0D87B;text-decoration: none;}
  @media screen and (max-width:1200px){
    .sidebar .inner{padding: 90px 7.5% 20px;}
    .quotes:before{font-size: 24px;top: 40px;}
    .quote .bubble{padding: 15px 5% 1px;}
    .quote .bubble p{font-size: 13px;}
  }
  @media screen and (max-width:850px){
    .sidebar .inner{padding: 0px;}
  }
  @media screen and (max-width:580px){
    .quote .bubble p{font-size: 12px;}
    .quotes:before{display:none;}
  }

/* =============================================================================
   Range tiles
   ========================================================================== */

  .range{border-left: 1px solid rgb(234, 234, 234);border-top: 1px solid rgb(234, 234, 234);display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;    flex-wrap: wrap;}
  .blog .range{border-top:0px;}
  .range .row{display: table-row;border-bottom: 1px solid rgb(234, 234, 234);}
  .range .col-1-3{padding:0px;          ;        /* -webkit-box-flex: 0; */  /* -webkit-flex-grow: 0; */    /* flex-grow: 0; */  /* -webkit-flex-shrink: 0; */    /* flex-shrink: 0; *//* -webkit-flex-basis: 33.33%; */      width: 33.33%;border-right: 1px solid rgb(234, 234, 234);border-bottom: 1px solid rgb(234, 234, 234);background: #fff;display: -webkit-flex;    display: -ms-flexbox;    display: flex;}
  .range .col-1-3:nth-child(3n+1){/* clear:both; */}
  .product{padding: 0px;margin-bottom: -1px;position: relative;margin-right: -1px;border-bottom: 0px;width: 100%;}
  .product.page { padding:1em 0; }
  .product a.product_thumb{display: block;position: relative;position: relative;padding: 0;margin-bottom: 1.4em;-webkit-transition: all 0.2s ease;  -moz-transition: all 0.2s ease;  -o-transition: all 0.2s ease;  transition: all 0.2s ease;}
  .product img{margin: 0 auto;display: block;max-width: 100%;}
  .product .productCopy{padding: 1px 24px 25px;border-top: 0px;color: #fff;z-index: 1;bottom: 0px;width: 100%;}
  .product .productCopy h5{margin: 0px 0px 5px;}
  .product .productCopy h5 a{color: #222;}
  .product .productCopy h5 a:hover{color: #B0D87B;text-decoration: none;}
  .product .productCopy p{margin: 0px;font-size: 13px;line-height: 1.4em;}
  
  .product .productCopy span.number { background: #00AEEF; color: #FFF; display: inline-block; margin: 0 0 2em; font-size: 12px; font-family: 'HelveticaNeueLTStd-Roman'; border-radius: 30px; text-align: center; padding: 3px 0px 0px 0px; padding: 6px 1em 3.9px; line-height: 1em;}

  @media screen and (min-width:1200px){
    .product a.product_thumb:hover{filter: alpha(opacity=70);  opacity: 0.7;}
  }
  
  @media screen and (min-width:1400px){
    .range .col-1-3{-ms-flex-preferred-size: 25%;  flex-basis: 25%;  max-width: 25%;}
    .range .col-1-3:nth-child(4n+1){ clear:both; }
  }
  @media screen and (min-width:1800px){
    .range .col-1-3{-ms-flex-preferred-size: 16.66%;  flex-basis: 16.66%;  max-width: 16.66%;}
    .product img{
    max-height: 100%;
    max-width: 100%;
}
  }
  @media screen and (max-width:1400px){
    .product img{
    max-height: 100%;
}
    .product .productCopy h5{font-size: 20px;}
  }
  @media screen and (max-width:850px){
    .range .col-1-3{width: 50%;-webkit-flex-basis: 50%;  -ms-flex-preferred-size: 50%;  flex-basis: 50%;  max-width: 50%;margin-bottom: 0px;}
    .range .col-1-3:nth-child(3n+1){clear:none;}
    .range .col-1-3:nth-child(2n+1){clear:both;}
    .product img{max-height: 180px;}
  }
  @media screen and (max-width:700px){
    .product .productCopy{padding: 1px 7% 7%;}
  }
  @media screen and (max-width:580px){
    .product .productCopy h5{font-size: 18px;}
    .product .productCopy p{font-size: 12px;}
    .product a.product_thumb{padding: 23px 20px 18px;}
    .product img{max-height: 150px;}
  }
  @media screen and (max-width:450px){
    .range .col-1-3{width:100%;width: 100%;  -webkit-flex-basis: 100%;  -ms-flex-preferred-size: 100%;  flex-basis: 100%;  max-width: 100%;}

  }

  .product-title { margin:0; padding:0; }
  .sku { color:#AAA; margin:0 0 2em; }
   
/* =============================================================================
   News Grid 
   ========================================================================== */
  
  .news-grid .product a.product_thumb { padding:0; margin-bottom: 1.4em;}
  .news-grid .product a.product_thumb img { max-width:100%; height: auto;}

  .news-grid .product .productCopy p.meta { padding:0 0 1em; color: #D0D0D0; }


/* =============================================================================
   Post naviation
   ========================================================================== */

  .navigation{margin: 30px 0px 0px;}
  .navigation span{font-family: 'HelveticaNeueLTStd-Bd';    color: white;    text-decoration: none;    font-size: 16px;        display: inline-block;background: white;margin: 0px -6px 0px 0px;border: 1px solid rgb(234, 234, 234);}
  .navigation a{padding: 13px 28px;display: block;}

  @media screen and (max-width:480px){
    .navigation span.current{padding: 6px 12px 7px;}
    .navigation a{font-size: 14px;padding: 7px 12px;}
  }


/* =============================================================================
   Single product
   ========================================================================== */

  #main.sans_side .col-1-2{}
  #main.sans_side .col-1-2 .inner{padding: 90px 65px 90px;}
  #main.sans_side .col-1-2:last-of-type .inner{padding-left:0px;}

  .gallery{}
  .showcase{margin-bottom: 3px;}
  .showcase img{width: 100%;}
  .gallery_thumbs{margin-left: -0.25em;}
  .gallery_thumbs a{display: inline-block;width: 25%;float: left;padding-left: .25em;margin-bottom: 3px;filter: alpha(opacity=50);  opacity: 0.5;-webkit-transition: all 0.2s ease;  -moz-transition: all 0.2s ease;  -o-transition: all 0.2s ease;  transition: all 0.2s ease;}
  .gallery_thumbs a.selected, .gallery_thumbs a:hover{filter: alpha(opacity=100);  opacity: 1.0;}
  .gallery_thumbs a img{width: 100%;}

  .col-1-2 .price{font-family: 'HelveticaNeueLTStd-Roman';font-size: 36px;color: #4F4F4F;display: block;font-weight: normal;margin-bottom: 1em;}
  .col-1-2 .description{margin-bottom: 1.7em;font-size: 16px; color: #6B6B6B; line-height: 1.8em;}
  
  /* + GST */
  .product-price:after, .cart-details .subtotal em:after, #cart th:nth-child(3):after { font-weight:bold; content:"+ GST"; padding-left:0.3em; font-size:0.5em; position:relative; top:-0.8em; line-height:1em; opacity:0.6 }
  #cart th { vertical-align:top; }
  #cart th:nth-child(3):after { content:"Exc. GST"; display:block; font-size:0.8em; padding:5px 0 0 0; }
  
  /* POA */
  .product-price.poa { /* background:#CCC; padding:0.5em 0.8em 0.4em; font-size:0.4em; border-radius:4px; display:inline-block; */ }
  .product-price.poa:after { display:none; } 
  td[data-price="0"]{ font-size:0; }
  td[data-price="0"]:after { font-size: 15px; content:"POA"; padding: 1em; display:inline-block; }

  .icon_wrap{margin-bottom: 3em;}
  span.icons{display: inline-block;float: left;font-size: 0px;color: transparent;text-indent: -9999px;width: 60px;height: 60px;background: rgb(189, 189, 189) url(../img/icons-tiny.png);margin-right: 3px;border-radius: 3px;background-size: 410px;margin-bottom: 3px;}
  span.icon_nz          { background-position: -761px 0px; }
  span.icon_warranty    { background-position: 0px 0px; }
  span.icon_warranty_2  { background-position: 1px -59px; }
  span.icon_warranty_3  { background-position: 1px -117px; }
  span.icon_warranty_4  { background-position: 0px 0px; }
  span.icon_warranty_5  { background-position: 1px -175px; }
  span.icon_warranty_10 { background-position: 1px -233px; }
  span.icon_assembly    { background-position: -57px 0px; }
  span.icon_freight     { background-position: -116px 0px; }
  span.icon_freight_free{ background-position: -116px -59px; }
  span.icon_time        { background-position: -175px 0px; }
  span.icon_time_1      { background-position: -175px -58px; }
  span.icon_time_2      { background-position: -175px -117px; }
  span.icon_time_3      { background-position: -175px -176px; }
  span.icon_time_4      { background-position: -175px -234px; }
  span.icon_time_5      { background-position: -175px -292px; }
  span.icon_time_6      { background-position: -175px -350px; }
  span.icon_time_7      { background-position: -175px -409px; }
  span.icon_special     { background-position: -233px 0px; }
  span.icon_color       { background-position: -291px 0px; }

  #product-variants {margin-bottom: 3em;}
  .selector-wrapper { clear:both; width:100%; }
  .product-page-form {}
  .product-page-form label{font-family: 'HelveticaNeueLTStd-Roman';  font-size: 15px;  line-height: 1.8em;color: #6B6B6B;min-width: 130px;display: inline-block;}
.product-page-form select {margin-left:4px;}  
.product-page-form select, input#quantity {background: white;min-width: 242px;font-size: 14px;  line-height: 1.8em;  color: #6B6B6B;padding: 12px 7px;margin-bottom: 13px;-webkit-transition: all 0.2s ease;  -moz-transition: all 0.2s ease;  -o-transition: all 0.2s ease;  transition: all 0.2s ease;cursor: pointer;border: 0px;}
  .product-page-form select:hover{box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.12);}
  .product-page-form select:focus{outline-color: #00aeef;}
  input.product-btn{font-family: 'HelveticaNeueLTStd-Bd';  color: white;  text-decoration: none;  font-size: 16px;  padding: 14px 28px 15px;  display: inline-block;background: #54b847;border: 0px;margin-right: 20px;}
  a.button.btn_query{background: #00aeef;margin-right: 20px;}
  input.product-btn:hover{background: #D22853;}
  a.button.btn_query:hover{background: rgba(0, 174, 239, 0.9);}
  

  @media screen and (max-width:1200px){
    #main{}
    #main.sans_side .col-1-2 .inner{padding: 60px 55px 55px;}  
    #main.sans_side .col-1-2:last-of-type .inner{}
  }
  @media screen and (max-width:850px){
    #main.sans_side .col-1-2{float:none;width:100%;}
    #main.sans_side .col-1-2 .inner{padding: 50px 5% 35px;}
    #main.sans_side .col-1-2:last-of-type .inner{padding-left: 5%;padding-top: 20px;}
    input.product-btn{padding: 10px 22px;font-size: 14px;margin-right:0px;}

  }
  @media screen and (max-width:580px){
     #main.sans_side .col-1-2 .inner{}
     #main.sans_side .col-1-2:last-of-type .inner{padding-top: 0px;}
     input.product-btn, a.button.btn_query{width:100%; margin-bottom:10px; text-align:center;}
     span.price{font-size: 22px;}
    .value label{width: 100%;font-size: 10px;text-transform: uppercase;background: rgb(219, 219, 219);padding: 2px 9px;}
    .value select{width: 100%;}
    .icon_wrap, .productValues{margin-bottom: 2em;}
  }

/* =============================================================================
   Action bar
   ========================================================================== */

  #action{color:#fff;background: #B0D87B url(../img/teal_pattern.png);position: relative;}
  #action .inner{padding: 50px 78px 40px;}
  #action .inner h4{margin-top: 0px;margin-bottom: 0px;}
  #action .inner p{color: white;max-width: 64%;}
  #action a.largeButton{position: absolute;display: block;background: white;color: #535353;text-decoration: none;right: 78px;top: 68px;font-family: 'HelveticaNeueLTStd-Bd';padding: 21px  78px 21px 34px;font-size: 22px;}
  #action a.largeButton:hover{background: rgba(255, 255, 255, 0.9);}
  #action a.largeButton:before{content: 'd';display:block;font-family: "officeint";position: absolute;right: 18px;}

  @media screen and (max-width:1170px){
    #action .inner{padding: 50px 55px;}
    #action a.largeButton{font-size: 16px;padding: 15px 53px 16px 21px;top: 87px;right: 35px;}
  }
  @media screen and (max-width:850px){
    #action .inner{padding: 40px 5% 40px;}
    #action .inner p{max-width: 100%;margin-bottom: 20px;}
    #action a.largeButton{position: relative;top: 0px;right: 0px;display: inline-block;}
  }
  @media screen and (max-width:480px){
    #action a.largeButton{width: 100%;font-size: 14px;}
    
  }

/* =============================================================================
   Cart
   ========================================================================== */
   
  #main.cart .inner { padding: 90px 65px 90px; }
  #cart { width:100%; }
  #cart tr { width:100%; }
  #cart td { padding:1em; text-align:left; }
  #cart thead { text-align:left; font-size: 14px;}
  #cart thead th { padding:0 1em 0.3em; border-right: 1px solid #E3E3E3; color: #9D9D9D;}
  #cart thead th:last-child { border:none; }
  #cart tbody tr { background:#FFF; border-bottom: 1px solid #EEE;}
  #cart tbody td { border-right:1px solid #eee; }
  #cart tbody td:last-child { border:none; }
  #cart td.image { width:100px; padding:0; } 
  #cart td.desc h4 { font-size:1.4em; margin:0; } 
  #cart td.desc h4 a { color:inherit; }
  #cart td.desc .button { font-size:12px; background:#eee; padding:0 1em; color:inherit;}
  #cart td.qty { width:50px; }
  #cart td.qty input { width:60px; background:#eee; border:none; outline:none; padding:0.3em 0.5em; color:inherit; border-radius:6px }
  #cart td.price { width:120px; }
  #cart td.price.total { font-weight:bold; }
  
  .cart-details { padding: 2em 1em; color: #6B6B6B;}
  .cart-details .right { float:right; text-align: right;}
  .cart-details .right h3 { font-family: sans-serif; margin: 0; font-size: 1.2em;}
  .cart-details .right h3 em { font-weight:bold; font-style:normal; font-size: 1.4em;}
  .cart-details .left { float:left; }
  
 

  .cart-details .instructions { padding:1em 0; }
  .cart-details .instructions p { font-weight:bold; font-family: sans-serif; font-size:14px; margin:0; padding:0.5em 0 0.2em; color: #9D9D9D;}
  .cart-details .instructions textarea { background: #E1E1E1; border:0; outline:0; border-radius: 6px; width: 400px; height:100px; color: inherit; padding: 1em; font-size: 0.9em;}
  
  #main.search-results h2 { float:left; }
  #main.search-results .search_form { margin:2em 0; float:right; position:relative; }
  #main.search-results .search_form input { background: #00AEEF; color: #FFF;}
  #main.search-results .search_form div:before { color:#FFF; }

/* =============================================================================
   404
   ========================================================================== */
    
  #main.page-404 .inner { padding: 90px 65px 90px; text-align: center; background: #F7F7F7;}
  #main.page-404:after { display:none; }
  #main.page-404 a { text-decoration:underline; }

/* =============================================================================
   News snippets and email signup
   ========================================================================== */

  #prefooter{background: #424242 url(../img/footer_pattern.png);}
  #prefooter .col-2-3{background: rgba(34, 34, 34, 0.35);padding: 0px;}
  #prefooter .col-2-3 .inner{padding: 75px 78px 30px;}
  #prefooter a.button.small{float: right;background: rgba(0, 0, 0, 0.19);border-radius: 20px;font-size: 12px;font-family: 'HelveticaNeueLTStd-Roman';padding: 4px 18px;}
  #prefooter a.button.small:hover{opacity:0.8;}
  #prefooter h6{color:white;margin-top: 0px;margin-bottom: 40px;}
  .postSnip{padding-right: 18%;margin-bottom: 32px;}
  .postSnip h5{margin: 0px 0px 0.3em;}
  .postSnip h5 a{color: white;}
  .postSnip p{color: #AEAEAE;font-size: 14px;margin-top: 0px;line-height: 1.4em;}
  .postSnip p a{}
  .postSnip p a:hover{text-decoration:underline;}
  
  #prefooter .col-1-3{}
  #prefooter .col-1-3 .inner{padding: 75px 7.5% 20px;}
  #prefooter .col-1-3 h6{margin-bottom: 10px;}
  #prefooter .col-1-3 p{color: #aeaeae;  font-size: 14px;  margin-top: 0px;  line-height: 1.4em;  margin-bottom: 25px;}
  #prefooter .col-1-3 form{}
  #prefooter .col-1-3 form input{width: 48%;  margin: 0px;  border: 0px;  }
  #prefooter .col-1-3 form input[type="text"]{width: 48%;margin: 0px;border: 0px;color: #555555;font-size: 14px;padding: 17px 14px;background: white;}
  #prefooter .col-1-3 form input[type="email"]{width: 50%;margin: 0px;  border: 0px;  color: #555555;  font-size: 14px;  padding: 17px 14px;background: white;}
  #prefooter .col-1-3 form input[type="submit"]{border: 0;clear: both;width: auto;margin-top: 8px;background: #D22853;}
  #prefooter .col-1-3 form input[type="submit"]:hover{background: #D22853;}


  @media screen and (max-width:1200px){
    #prefooter .col-2-3 .inner{padding: 60px 55px 15px;}  
    #prefooter a.button.small{float: right;background: rgba(0, 0, 0, 0.19);border-radius: 20px;font-size: 12px;font-family: 'HelveticaNeueLTStd-Roman';padding: 4px 18px;}
    #prefooter .col-1-3 form input[type="text"]{width: 100%;margin-bottom: 7px;}
    #prefooter .col-1-3 form input[type="email"]{width: 100%;}
    #prefooter .col-1-3 form input[type="submit"]{}
  }
  @media screen and (max-width:850px){
    #prefooter .col-2-3, #prefooter .col-1-3{float: none;  width: 100%;  padding: 50px 5% 30px;}
    #prefooter .col-2-3 .inner{padding: 0px;}
    .postSnip{padding-right: 20px;}
    #prefooter .col-1-3 .inner{padding: 0px;}
  }
  @media screen and (max-width:580px){
    #prefooter .col-2-3 .inner{padding: 0px;}
    #prefooter .col-1-2{width:100%; float:none;}
    .postSnip{padding: 0px;margin-bottom: 15px;}
    .postSnip h5{font-size: 17px;}
    .postSnip p{font-size: 12px;}
    #prefooter .col-1-3{padding: 40px 5% 30px;}
  }


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

  #footer{background: #222;color: #fff;}
  #footer .inner{padding: 0px 0px 30px 0px;}
  #footer sub{padding-left: 4%;color: #787878;font-size: 11px;}
  #footer sub a{color: #787878;line-height: 1.4em;}
  #footer a.footerLogo{width: 198px;height: 99px;display: block;background: url(../img/office_interiors_logo_white.svg) no-repeat scroll 0px 0px;font-size: 0px;line-height: 0px;color: transparent;text-indent: -9999px;top: 80px;position: relative;}
  .no-svg #footer a.footerLogo{background: url(../img/office_interiors_logo_white.png) no-repeat scroll 0px 0px;background-size: 100%;}
  #footer .col-1-3{padding-top: 30px;}
  #footer .col-1-3:first-of-type{padding-left: 78px;padding-top: 0px;}
  #footer .col-1-3:last-of-type{padding-left:2.5%}
  #footer .contentLeft{float: left;padding-right: 30px;}
  #footer .contentRight{}
  #footer h5{margin-bottom: 10px;}
  #footer p{color: #aeaeae;  font-size: 13px;  margin-top: 0px;  line-height: 1.6em;}
  #footer p a{color: #B0D87B;}
  #footer ul{list-style: none;margin: 0px;padding: 0px;}
  #footer ul li{color: #aeaeae;  font-size: 13px;  margin-top: 0px;  line-height: 1.6em;}
  #footer ul li a{color: #aeaeae;}
  #footer ul li a:hover{ color: #94BA63; }
  
  @media screen and (max-width:1200px){
    #footer .inner{padding: 0px 55px 15px;}  
    #footer .col-1-3:first-of-type{padding-left: 0px;}
    #footer .contentLeft{float: none;}
  }
  @media screen and (max-width:850px){
    #footer .inner{padding: 0px 5% 30px;}
    #footer sub{padding-left: 0px;padding-top: 30px;display: block;}
    #footer .col-1-3{width: 50%;padding-top: 10px;}
    #footer .col-1-3:first-of-type{width: 100%;float: none;}
    #footer a.footerLogo{
    top: 47px;
}
  }
  @media screen and (max-width:580px){
    #footer .inner{padding: 0px 5% 35px;}
    #footer a.footerLogo{margin-bottom: 25px;}
    #footer .col-1-3{width: 100%;}
    #footer .col-1-3:last-of-type{padding-left: 0px;}
    #footer h5{margin-top: 0px;}
  }


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

.breadcrumbs{font-size: 12px;font-family: 'HelveticaNeueLTStd-Roman';color: #888;position: relative;top: -20px;}
.breadcrumbs a{color: #00aeef;}
.breadcrumbs span.arrow{margin: 0px 2px 0px 6px;color: #C3C3C3;}

@media screen and (max-width:480px){
  .breadcrumbs{top:0px;margin: -20px 0px 15px;}
}


/* =============================================================================
   Swatch list
   ========================================================================== */
  .swatch-list{
    padding-left: 0px;
}
  .swatch-list li{
    list-style: none;
    border-bottom: 1px solid rgb(240, 240, 240);
    font-family: 'HelveticaNeueLTStd-Bd';    font-weight: normal;
    padding: 10px 0px;
}
  .swatch-list a{}


/* =============================================================================
   Shopify Only
   ========================================================================== */

  .collection-info { }
  .collection-info > .left { width: auto; float:left; margin-right: 40px;}
  .collection-info > .left h2{}
  .collection-info > .right { float: left; padding-top: 24px; padding-bottom: 30px;}
  .sortBox{display: inline-block;margin-right: 32px;padding: 3px 0px;}
  .sortBox label{font-family: 'HelveticaNeueLTStd-Bd';line-height: 36px;margin-right: 18px;}
  .sortBox select{font-family: 'HelveticaNeueLTStd-Roman';font-size: 14px;border: 2px solid rgb(0, 174, 239);padding: 8px 12px;border-radius: 30px;outline: none;}
  
  .product-filters .drop-down { float:left; width: 240px; margin-left:1em; float:right; position: relative;}
  .drop-down > a { border-radius: 2px; display:block; width:100%; padding: 0.5em 0.7em; border: 1px solid #DDD;}
  .drop-down ul { background: #E9E9E9; margin:0; list-style:none; padding:0; font-size:14px; border: 1px solid #DDD; position: absolute; top: 37px; width: 100%; left: 0; height: 140px; overflow-y: scroll; padding-bottom: 30px; display: none; z-index: 9;}
  .drop-down:hover ul { display:block; }
  .drop-down li a { padding:0.5em 1em; display:block; }
  .drop-down li.active { background: #DDD; color: #222;}
  .drop-down li { border-bottom: 1px solid #DDD; }
  .drop-down li:last-child { border:none; }
  
  .product-filters select { float:right; }
  
  .swatch.download { padding:0.5em 1em; display:inline-block; margin-bottom: 2em; background: #CCC; font-family: 'HelveticaNeueLTStd-Bd';   color: #FFF;   text-decoration: none;   font-size: 14px;     display: inline-block;}
  .swatch.download:before {content: "i";   float: left;   font-family: "officeint";   padding-right: 0.7em;   font-size: 0.9em;position: relative;top: 1px;}

  @media screen and (max-width:580px){
    .sortBox{width:100%;}
  }
  @media screen and (max-width:380px){
    .collection-info > .right{padding: 0px 0px 14px 0px;}
    .sortBox label{display: block;font-size: 11px;line-height: 21px;}
    .sortBox select{float: none;width: 100%;padding: 2px 3px;border: 2px solid rgb(0, 174, 239);}
  }


/* =============================================================================
   Print Styles
   ========================================================================== */

@media print,
   (-o-min-device-pixel-ratio: 5/4),
   (-webkit-min-device-pixel-ratio: 1.25),
   (min-resolution: 120dpi) {

}
@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;}
  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;}
}

/* ============================================================================
   Wufoo Custom Styles
   ========================================================================== */

   form.wufoo { display:none; background:#FFF; padding:2em; max-width:100%; width:700px; margin:0px auto; }
   form.wufoo li.private { pointer-events:none; opacity:0.5; display: none; visibility: hidden; position: absolute; height: 0px; width: 0px;}
   form.wufoo header { display:none !important; position:absolute; opacity:0 !important;  }
   form.wufoo li.hide { display:none; visibility:hidden; pointer-events:none; }
   form.wufoo ul, form.wufoo li { margin:0; padding:0; list-style:none; }
   form.wufoo .notification { color:#fff; text-align:center; padding:0.5em 1em; background: #4FB547;}
   form.wufoo .notification p { color:inherit; }
   form.wufoo .notification.error { background: #FE864F; }
   form.wufoo input[type="text"], form.wufoo input[type="email"], form.wufoo textarea { width:100%; max-width:100%; padding: 0.6em 0.5em; outline:none !important; border: 1px solid #CDCDCD; box-shadow:none !important; font-family:inherit; color:inherit; }
   form.wufoo li { padding:1em 0; }
   form.wufoo li.buttons { border:none; }
   form.wufoo li:after { content:""; display:block; width:100%; clear:both; }
   form.wufoo li > span { width: 49%; float:left; }
   form.wufoo li > span:not(:last-child){ margin-right:2%; }
   form.wufoo label { display:block; width:100%; font-weight:bold; font-size:0.9em; color: #6B6B6B;font-weight: normal;    font-family: 'HelveticaNeueLTStd-Bd';}
   form.wufoo span label { font-weight:normal; font-size:0.8em; }
   form.wufoo p.error { font-size:0.8em; padding:0; margin:0;  }
   form.wufoo p.error, form.wufoo span.req { color: #FE864F; }
   form.wufoo input:invalid, form.wufoo textarea:invalid { background:#FFF; }

   @media screen and (max-width:450px){
     form.wufoo{padding: 6%;}
     form.wufoo li{padding: 0px;margin-bottom: 10px;}
   }

   .embed-code { border-top:2px solid #EEE; margin:2em 0; padding:1em 0; }
   .embed-code .wufoo { display:block; padding: 1em  0;}

   p.no-break { padding:1.5em 0 0; margin:  0; display: block;}