body {
  background-color: #fff;
  font: 300 18px/1.38 myriad-pro;
  color: #6a737b;
	margin-top:144px;
}


@font-face {
  font-family: 'haworth';
  src: url('../font/haworth.eot?52761787');
  src: url('../font/haworth.eot?52761787#iefix') format('embedded-opentype'),
       url('../font/haworth.woff?52761787') format('woff'),
       url('../font/haworth.ttf?52761787') format('truetype'),
       url('../font/haworth.svg?52761787#haworth') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'haworth';
    src: url('../font/haworth.svg?52761787#haworth') format('svg');
  }
}
*/

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "haworth";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.page-nav:before, .strategy-nav:before {
	font-family: "haworth";
	padding-right: 8px;
	font-size: 12px;
	vertical-align: 2px;
}
.sub-categories li:first-child a:before {
	font-family: "haworth";
	padding-right: 8px;
}
.sub-categories li a:after {
	font-family: "haworth";
	padding-left: 8px;
	margin-right: 8px;
}

.page-nav.email:before {
	vertical-align: 0px;
	}
.phone-number:before {
	font-family: "haworth";
	padding-right: 6px;
	font-size: 12px;
}
.page-nav.more-info:before { content: '\e800'; } /* '' */

.page-nav.client-spaces:before,
.page-nav.products-link:before { content: '\e801'; } /* '' */
.page-nav.image-gallery:before { content: '\e802'; } /* '' */
.page-nav.spec:before { content: '\e803'; } /* '' */
.page-nav.enquire:before { content: '\e804'; } /* '' */
.phone-number:before { content: '\e804'; } /* '' */
.page-nav.print:before { content: '\e805'; } /* '' */
.page-nav.email:before { content: '\e806'; } /* '' */
.page-nav.share:before { content: '\e807'; } /* '' */
.icon-up-micro:before { content: '\e809'; } /* '' */
.strategy-nav:before { content: '\e810'; } /* '' */
.strategy-nav-2:before { content: '\e80f'; } /* '' */
.strategy-nav-3:before { content: '\e80e';} /* '' */
.strategy-nav-4:before { content: '\e80d'; } /* '' */
.strategy-nav-5:before { content: '\e811'; } /* '' */
.strategy-nav-6:before { content: '\e80b'; } /* '' */
.strategy-nav-7:before { content: '\e80c';  } /* '' */
.strategy-nav-8:before { content: '\e80a';  } /* '' */

.red-overlay.overlay:before {
	content: '\e808';
	font-family: "haworth";
	color: #FFF;
	font-size: 95px;
	top: 0;
	left: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 90px;
	margin-left: auto;
	height: 90px;
	margin-right: auto;
	margin-bottom: auto;
	margin-top: auto;
	line-height: 1em;
	}

.hidden{display: none !important;}




.page-8,
.page-product-category {
  color: #000;
}

.page-client-spaces,
.page-contact,
.page-people {
  color: #fff;
}

.page-productclientspaces,
.page-workspace-strategy {
  color: #6a737b;
}

.akl-details a,
.cch-details a,
.wlg-detials a {
  display: block;
  float: left;
  clear: both;
  margin-top: 5px;
  font-size: 16px;
  line-height: 1.38;
  color: #fff;
}

.client-spaces-box h2 {
  width: 94%;
  margin: 0 auto;
  font-size: 44px;
  text-align: center;
  color: #000;
}

.contact-form h2 {
  float: left;
  width: 99.8015873015%;
  font-size: 44px;
  color: #000;
}

.description-content h1 {
  position: relative;
  float: left;
  max-width: 850px;
  font-size: 44px;
  line-height: 1;
  color: #000;
}

.description-content h3 {
  float: left;
  clear: both;
  max-width: 850px;
  margin: 4px 0 10px 0;
  font-style: italic;
  font-size: 22px;
  font-weight: 400;
  color: #6a737b;
}

.description-content img {
  display: block;
  float: right;
  width: 100%;
  height: auto;
  margin: 13px 0.01563% 0 0;
  overflow: hidden;
}
.product-content-left {
float: left;
width:80%;
}
.product-content-right {
float: right;
max-width:165px;
width:20%;
}
ul.product-page-categories {
float: right;
width: 100%;
margin-top: 22px;
}
.product-page-categories h2 {
font-weight: 500;
margin-top:17px;
}
.product-page-categories a {
color: #6a737b;
font-weight: 300;
font-size: 16px;
}
.product-page-categories a:hover {
color: rgb(214, 24, 55);
text-decoration:underline;
}
.product-page-categories ul.children {
margin-left: 0px;
}
.product-page-categories ul.children li a {
margin-left: 10px;
}
.product-page-categories ul.children li a:before {
	content:'- ';
}
.xfriend-byline {
display: block;
clear: both;
font-size: 16px;
line-height: 1em;
padding-bottom: 5px;
}
.element-box img {
  display: block;
  width: 52.4545454545%;
  height: auto;
  overflow: hidden;
}
.element-box.layout-1 img {
  float: left;
}
.element-box.layout-2 img {
  float: right;
}
.element-box.layout-1 .element-text {
  	margin: 22px 0 0 3%;

}
.element-box.layout-2 .element-text {
  	margin: 22px 3% 0 0;

}
.btn.subscribe {
  display: block;
  float: left;
  width: 24.34%;
  padding: 9px 14px;
  background-color: #6a737b;
  font-size: 16px;
  line-height: 1.68;
  text-align: center;
  color: #fff;
cursor:pointer;
}

li.mm-search {
  display: inline-block;
  width: 100%;
  height: 43px;
}
.mm-list span.no-space {
  margin-top: 0px;
}

.mm-search input#product-search-submit {
    width: 29px;
    position: absolute;
    right: 12px;
    color: transparent;
    background: url('//static.scratchdigital.co.nz/scratchdigital/search.png') no-repeat;
    background-position: 2px;
}

.email-signup input {
  width: 75.55%;
  height: 44px;
  font-size: 13px;
  font-weight: 400;
  color: #6a737b;
}

.enquiry-form h2 {
  width: 82.6159667968%;
  margin: 0 auto;
  font-size: 44px;
  text-align: center;
  color: #000;
}

.follow-us img {
  position: relative;
  float: left;
  width: 35px;
}

.footer-grey h3 {
  color: #fff;
}


.get-updates h2 {
  width: 93.9990234375%;
  margin: 0 auto;
  font-size: 44px;
  text-align: center;
  color: #fff;
}

article .gform_wrapper .button,
.gform_wrapper .button {
  display: block;
  float: left;
  clear: both;
  margin-top: 12px;
  padding: 9px 60px;
  border-radius: 2px;
  background-color: #d61837;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: #fff;
border: none;
}
.gform_wrapper .button:hover, .text-box a:hover{background-color: #B6162F; color:#fff; text-decoration:none;}
.btn.subscribe:hover {background-color: #444A4F;}


.gform_wrapper input {
  clear: both;
  width: 100%;
  height: 43px;
  margin-top: 8px;
  border: 1px solid #DDDDDD;
  font-size: 16px;
  color: #000;
}

.main-header a {
  display: block;
  float: left;
  margin-top: 9px;
  font-size: 22px;
  line-height: 1.38;
  color: #6a737b;
}

.more-images h2,
.products-used h2 {
  width: 93.9990234375%;
  margin: 0 auto;
  font-size: 44px;
  text-align: center;
  color: #000;
}

.product-search {
  float: right;
  display: block;
  margin-top: 9px;
  font-size: 19px;
  line-height: 1.38;
  color: #6a737b;
  position: relative;
}
.product-search input[type="search"] {
    border: 1px solid #CECFCF;
    padding: 5px 8px;
    width: 0px;
	opacity:0;
	display:none;
}
input#product-search-submit {
  right: 0;
  left: inherit;
  top: 9px;
  padding-right: 0px;
}

div#product-search-btn {
  width: 33px;
  height: 39px;
  position: absolute;
  right: 0;
  z-index:1;
  cursor:pointer;
}



.page-header h1 {
  width: 94%;
  max-width: 1200px;
  padding-top: 35px;
  font-size: 47px;
  color: #fff;
  margin: 0 auto;
  line-height: 1;
}

.breadcrumbs {
max-width: 1200px;
width: 94%;
margin: 9px auto 0;
}
.breadcrumbs a {
color:#000;
}
.breadcrumbs a:hover {
color:#c00;
text-decoration:underline;
}
.page-container {
margin: 10px auto 0 !important;
}


.onpage-nav-left a,
.page-nav-right a {
  display: block;
  float: left;
  margin-left: 30px;
  font-size: 18px;
  line-height: 1.38;
  color: #6a737b;
}
.page-nav-right .print {
margin-left: 0;
}
.page-nav-right a {
	float:right;
}
.page-nav.more-info{margin:0px}

.people-wrapper h2 {
  float: left;
  max-width: 850px;
  font-style: italic;
  font-size: 27px;
  font-weight: 400;
  color: #6a737b;
}

.links p {
font-size: 16px;
color: #fff;
font-weight: 400;
margin-top: 16px;
}


.product h3 {
  float: left;
  clear: both;
  margin-top: 5px;
  font-size: 28px;
  color: #000;
}
.recent-posts p {
color: #000;
}


.product-cat svg {
  display: block;
  float: left;
  width: 99.8407643312%;
  height: 78px;
  overflow: hidden;
}
.product-cat:hover polygon,
.product-cat:hover circle,
.product-cat:hover path,
.product-cat:hover rect{
	fill:#D61837;

}
.product-cat:hover p {
	color:#D61837;
}

.recent-posts a {
  display: block;
  position: relative;
  float: left;
  width: 47.9988052568%;
  margin-top: 40px;
}

.recent-posts h2 {
  width: 100%;
  margin: 0 auto;
  font-size: 44px;
  text-align: center;
  color: #000;
}

.resources-sepcs h2 {
  width: 88.1237792968%;
  margin: 0 auto;
  font-size: 44px;
  text-align: center;
  color: #000;
}

.slider img.arrow {
  display: block;
  top: 0;
  width: 36px;
  height: auto;
  margin: auto 0;
  overflow: hidden;
}
.slider {
text-align: center;
}

.slider-images .gallery-image {
display: inline;
position: relative;
float: none;
max-width: 1280px;
}
/*.slider-images .sss {
overflow: visible;
height: 100%;
padding: 0 !important;
max-height: 500px;
}*/
#menu-close {
float: right;
position: relative;
z-index: 1;
right: 30px;
font-size: 40px;
color: #fff;
cursor:pointer;
line-height: .5em;
}
#menu-close:hover {
color: #c00;
}
.fullscreen-lightbox {
	display:none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 9999;
background: #FFF;
background: rgba(255, 255, 255, 0.8);
}
.slider.fullscreen {
	position: absolute;
	max-height: 707px;
	left: 0;
	right: 0;
	background: none;
	max-width: 1000px;
	width: 80%;
	top: 0;
	bottom: 0;
	height: 80%;
	margin: auto;
}


.fullscreen-lightbox .arrow {
width: 30px;
top: 0;
bottom: 0;
margin: auto;
}
/*.slider.fullscreen .ssslide {
	max-width: 100vh;
	margin: auto;
	right: 0;
	bottom: 0;
}

.slider.fullscreen .sss {
	overflow: visible;
	height: 100%;
}
*/

.spec-col-1 ul,
.spec-col-2 ul,
.spec-col-3 ul {
  clear: both;
  width: 100%;
  margin-top: 4px;
}
.resources-sepcs p {
  clear: both;
  width: 100%;
}
.comment-box {
margin-top: 50px;
}
.xfriend-title {
text-align: center;
color:#fff;
padding: 95px 30px;
}
.xfriend-title h1 {
font-size: 47px;
font-weight:700;
}
.xfriend-title p {
	font-size: 22px;
	font-style: italic;
	max-width: 800px;
	margin: 0 auto;
}
.xfriends-header {
	background:url('../images/xfriends-bk.png');
}

.resources-sepcs .spec-col-3 a {
display: block;
color: #6A737B;
line-height: 1.7em;
}
.resources-sepcs a:before {
content: '\e801';
font-family:'haworth';
padding-right: 7px;
font-size: 16px;
}
.resources-sepcs a:hover {
color: #D61835;
text-decoration:underline;
}
input[type="checkbox"], input[type="radio"] {
width: auto !important;
margin: 8px 19px 0 0;
height: auto !important;
}
.gfield {
position: relative;
float: left;
width: 100%;
}
.gfield_checkbox {
margin: 10px 0;
}
.blog-search {
position: relative;
}
.spec-list-1 li,
.spec-list-2 li,
.spec-list-3 li,
.spec-list-4 li,
.spec-list-5 li {
  float: left;
  clear: both;
  font-size: 18px;
  line-height: 1.38;
  color: #6a737b;
}

.statement h3 {
  max-width: 650px;
  margin: 20px auto 0;
  font-style: italic;
  font-size: 27px;
  font-weight: 400;
  text-align: center;
  color: #6a737b;
}

.strategy-page h3 {
  float: left;
  width: 93.7510771033%;
  max-width: 850px;
  font-style: italic;
  font-size: 22px;
  font-weight: 400;
  color: #6a737b;
}



.sub-categories li {
  color: #fff;
}

.sub-categories a {
  display: inline-block;
  font-size: 18px;
  line-height: 1.38;
  color: #fff;
  padding:0 8px;
}
.sub-categories li:first-child a {
  padding:0 8px 0 0;
}
.sub-categories li:before {content: '|';}
.sub-categories li:first-child:before { content: ''; }

.sub-categories a:hover{
	color:#fff;
	text-decoration:underline;
}
.sub-categories a:after:hover, .sub-categories a:hover:before;{
	text-decoration:none !important;
}


.text-box a {
  display: block;
  float: left;
  clear: both;
  margin-top: 13px;
  padding: 9px 60px;
  border-radius: 2px;
  background-color: #d61837;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: #fff;
}

.element-text h2,
.text-box h2 {
  float: left;
  width: 100%;
  font-size: 44px;
  color: #000;
}

.text-wrapper h2 {
  float: left;
  width: 100%;
  font-size: 28px;
  color: #000;
}

.text-wrapper img {
  display: block;
  float: left;
  clear: both;
  width: 55px;
  height: auto;
  margin-top: 25px;
  overflow: hidden;
}

.workspace-strat-box img {
  display: block;
  float: left;
  width: 32.56%;
  height: auto;
  margin: 63px 0 0 3.70313%;
  overflow: hidden;
}

.homepage-intro-box img {
  display: block;
  float: left;
  width: 36%;
  height: auto;
  margin: 13px 0 0 3.70313%;
  overflow: hidden;
}

.workspace-wrapper ul {
  width: 19%;
  margin-left: 3.20313%;
float:right;
}



.product-share-box {
position: relative;
float:right;
}
ul.share-list {
position: absolute;
bottom: -134px;
background: #FFF;
padding: 13px;
color: #000;
text-align: left;
width: 101px;
line-height: 1.5em;
border: 1px solid #808285;
height: 127px;
z-index: 40;
overflow:visible !important;
}
.share-list li {
top: -23px;
position: relative;
}
.share-list:before {
content: '\e809';
font-family: 'haworth';
position: relative;
top: -23px;
font-size: 38px;
line-height: 0;
margin: auto;
color: #FFF;
text-shadow: 0 -1px 1px #000;
}
.share-list li a {
float: none;
margin: 0;
}
.share-list li:hover a {
text-decoration: underline;
color:#D61837;
}


a h3 {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 5px;
  font-size: 28px;
  color: #000;
}

.gallery-image img,
.profile img,
a img {
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.recent-posts img {
display: block;
position: relative;
width: 576px;
overflow: hidden;
margin: 0 auto;
height: 304px;
}

footer {
  width: 100%;
  margin: 150px auto 0;
position:relative;
}

footer .btn {
  display: block;
  float: left;
  width: 24.34%;
  padding: 9px 14px;
  background-color: #d61837;
  font-size: 16px;
  line-height: 1.68;
  text-align: center;
  color: #fff;
}

footer h3 {
  margin: 0 auto 25px auto;
  font-size: 24px;
  text-align: center;
}

footer h3.footer-subscribe {
  font-size: 30px;
}

footer img {
  display: block;
  height: auto;
  overflow: hidden;
}

footer input {
  width: 75.55%;
  height: 44px;
  border: 1px solid #a1a3a6;
  font-size: 13px;
  font-weight: 400;
  color: #6a737b;
}

h2 {
  line-height: 1.38;
}

h3 {
  line-height: 1.38;
}

h4 {
  float: left;
  clear: both;
  font-size: 24px;
  line-height: 1.38;
  color: #fff;
}

h5{
  float: left;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.38;
  color: #000;
}
.resources-sepcs p{
  float: left;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.38;
  margin: 10px 0;
  width:100%;
}
.resources-sepcs strong{
  font-weight: 400;
}

.resources-sepcs li {
list-style-type: disc;
margin-left: 22px;
}

header.desktop {
  width: 100%;
  margin: 0 auto;
background:#fff;
z-index:99;
border-bottom: 1px solid #F2F2F2;
position:fixed;
top: 0;
left: 0;
right: 0;
}

header.desktop img {
  display: block;
  float: left;
  width: 224px;
  height: auto;
  margin-left: 2.9987%;
  overflow: hidden;
}

input {
  display: block;
  float: left;
  padding: 0 10px;
  background-color: #fff;
  line-height: 1.38;
}

nav {
  float: left;
  width: 100%;
  background-color: #e4e5e5;
}

nav a, nav p {
  display: inline;
	text-align:right;
  font-size: 16px;
  line-height: 1.38;
  color: #000;
float: right;
}
nav a:hover, nav p:hover {
	color: #d9272e;
}


select {
  margin-top:7px;
  display: block;
  float: left;
  width: 100%;
  height: 43px;
  padding-left: 10px;
  border: 1px solid #a1a3a6;
  background: url('../images/select-arrows.svg') #fff;
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: right center;
  font-size: 16px;
  line-height: 1.38;
  color: #000;
}

textarea {
  display: block;
  float: left;
  clear: both;
  width: 100%;
  height: 125px;
  margin-top: 8px;
  padding: 10px;
  border: 1px solid #a1a3a6;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.38;
  color: #000;
  resize: none;
}


.akl-details {
  float: left;
  width: 63.3699633699%;
  padding: 20px;
  background-color: #65cbc9;
}

.akl-wrapper {
  float: left;
  width: 100%;
  overflow: hidden;
}

.akl-wrapper .white-overlay,
.cch-wrapper .white-overlay {
  left: -0.1417698851%;
  z-index: 8;
  width: 116.9974630652%;
  height: 329px;
}
.overlay,
.profile .red-overlay,
.overlay-red,
.readmore-box,
.profile .contact-details,
.profile .overlay-details {
	display:none;
}
.gallery-image:hover .overlay,
.profile:hover .red-overlay,
.post:hover .overlay-red,
.post:hover .readmore-box,
.profile:hover .contact-details,
.profile:hover .overlay-details,
.office-map:hover .overlay {
	display:block;
}

.office-map .white-overlay:before {
	content: '\e808';
	font-family: 'haworth';
	left: 27%;
	position: relative;
	top: 27%;
	font-size: 86px;
	cursor:pointer;
}
.akl-wrapper .white-overlay:before {color:#65CBC9;}
.wlg-wrapper .white-overlay:before {color:#FFC627;}
.cch-wrapper .white-overlay:before {color:#D9272E;}


.office-wrapper .email:hover, .office-wrapper .address:hover{ text-decoration:underline}

.arrow-left {
  position: absolute;
  bottom: 0;
  left: 2%;
  z-index: 2;
cursor:pointer;
height: 56px;
margin: auto;
top: 0;
}

.arrow-right {
  position: absolute;
  bottom: 0;
  right: 2%;
  z-index: 1;
cursor:pointer;
height: 56px;
margin: auto;
top: 0;
}
.fullscreen-lightbox #lightbox-close {
color: #6A737B;
top: 25px;
right: 25px;
float: right;
position: relative;
z-index: 1;
right: 30px;
font-size: 40px;
cursor: pointer;
line-height: .5em;
}
#lightbox-close:hover {
color: #C00;
}

.blackoverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  background-color: rgba(0, 0, 0, 0.52);
}

div:hover > .blackoverlay,
.overlay-text:hover .blackoverlay {
/*  border: 7px solid #fff;*/
  background-color: rgba(214, 24, 55, 0.7);
}

.body-copy,
.text-wrapper p {
  float: left;
  clear: both;
  width: 100%;
  max-width: 850px;
  margin-top: 5px;
  font-size: 18px;
  line-height: 1.38;
  color: #6a737b;
}

.bodycopy {
  float: left;
  clear: both;
  width: 93.7510771033%;
  max-width: 850px;
  margin: 10px 0 0 6.24669%;
  font-size: 18px;
  line-height: 1.38;
  color: #6a737b;
}

.strategy-page .bodycopy{
    margin: 10px 0 0 0;
}
.bottom,
.white-line {
  margin-top: 20px;
}
.white-line.top,
.post .white-line {
  margin-top: 0px;
}

.byline {
  margin: 0 auto;
  line-height: 1.38;
  text-align: center;
}

.cat-name {
  float: left;
  clear: both;
  width: 99.8407643312%;
  margin-top: 5px;
  font-size: 21px;
  line-height: 1.38;
  text-align: center;
  color: #fff;
}

.cch-details {
  float: left;
  width: 63.3699633699%;
  padding: 20px;
  background-color: #d9272e;
}

.akl-details .phone,
.cch-details .phone,
.wlg-detials .phone {
  float: left;
  line-height: 1.38;
}

.cch-wrapper,
.wlg-wrapper {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
}

.akl-wrapper .office-map,
.cch-wrapper .office-map {
  width: 36.63003663%;
  height: 286px;
}

.cert,
.features {
  clear: both;
  margin-top: 28px;
}

.client-name {
  width: 90%;
  margin: 20px auto 0;
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  color: #fff;
}

.client-space-1 {
  position: relative;
  overflow: hidden;
}

.client-space-2 {
  position: relative;
  float: left;
  clear: both;
  overflow: hidden;
}

.client-space-3 {
  position: relative;
  overflow: hidden;
}



.client-space-4 {
  position: relative;
  float: left;
  clear: both;
  width: 62.0422315723%;
  margin-top: 32px;
  overflow: hidden;
}




.client-space-5 {
  position: relative;
  float: left;
  width: 35.0488286322%;
  margin: 32px 0 0 2.83073%;
  overflow: hidden;
}


.page-container h1 {
margin-left: 80px;
font-size: 38px;
margin-bottom: 5px;
color: #000;
}


.overlay-text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 40;
  height: 140px;
  margin: auto;
}

.client-spaces-box {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 55px;
  padding-bottom: 55px;
  background-color: #f2f2f2;
}

.client-spaces-img {
  position: relative;
  float: left;
  width: 100%;
  height: 400px;
  background: #dedede;
  background-size: auto auto;
  background-position: center center;
}

.client-spaces-list {
  width: 93.9990234375%;
  max-width: 1200px;
  margin: 33px auto 0;
}

.client-space-1 {
  float: left;
  width: 100%;
margin: 0 auto;
margin-top: 32px;

}

.client-space-2 {
  width: 35.049833887%;
  margin-top: 32px;
}

.client-space-3 {
  float: left;
  width: 62.0431893687%;
  margin: 32px 0 0 2.90625%;
}

.contact-details {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.38;
  text-align: center;
  color: #fff;
}

.contact-form {
  float: left;
  width: 46.1666666666%;
  margin-left: 2.75%;
}

.contact-form .gform_wrapper {
  clear: both;
  width: 99.820188492%;
  margin-top: 8px;
}

.blog-link,
.contact-link {
  margin-left: 1.99858%;
}



.contact-wrapper {
  width: 94%;
  max-width: 1200px;
  margin: 38px auto 0;
}

.copyright {
  position: relative;
  float: right;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.38;
  text-align: right;
  color: #fff;
}

.dark-grey-line {
  width: 100px;
  height: 3px;
  margin-right: auto;
  margin-left: auto;
  background-color: #6a737b;
}

.description {
  float: left;
  clear: both;
  max-width: 850px;
  margin-top: 15px;
  font-size: 18px;
  line-height: 1.38;
  color: #6a737b;
}

.description-content {
  width: 94%;
  max-width: 1200px;
  margin: 34px auto 0;
}

.footer-graphic {
  width: 100%;
  height: 232px;
}

.element-box {
  width: 94%;
  max-width: 1100px;
  margin: 100px auto 0;
}

.element-text p {
  float: left;
  clear: both;
  width: 99.8322147651%;
  max-width: 850px;
  margin-top: 5px;
  font-size: 18px;
  line-height: 1.38;
  color: #6a737b;
}

.element-text {
  float: left;
  width: 44.5454545454%;
}

.email-signup {
  height: 44px;
  margin-right: auto;
  margin-left: auto;
}

.enquiry-box {
  width: 94%;
  max-width: 860px;
  margin: 24px auto 0;
}

.enquiry-box .gform_wrapper {
  width: 58.5%;
}

.enquiry-form {
  width: 100%;
  margin: 100px auto 0;
  padding-top: 55px;
  padding-bottom: 55px;
  background-color: #e4e5e5;
}

.excerpt {
  float: left;
  clear: both;
  margin-top: 3px;
  font-size: 18px;
  line-height: 1.38;
  color: #000;
}

.follow-us .follow-us {
  float: left;
  width: 100%;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.38;
  color: #fff;
}

.footer-grey {
  float: left;
  clear: both;
  width: 100%;
  padding: 32px;
  background-color: #a1a3a6;
}

.footer-links {
  width: 94%;
  max-width: 1200px;
  margin: 80px auto 0;
}

.furniture-type-cat {
  width: 94%;
  max-width: 980px;
  margin: 0 auto;
}

.gallery-image {
  position: relative;
  float: left;
}

.gallery-image .red-overlay {
  left: 0;
  width: 100%;
  height: 100%;
}

.get-updates {
  width: 100%;
  margin: 0 auto;
  padding-top: 34px;
  padding-bottom: 42px;
  background-image: url('../images/red-pattern.png');
  background-size: auto auto;
  background-position: left top;
}

.get-updates .byline {
  width: 94%;
  font-size: 18px;
  color: #fff;
}

.get-updates .email-signup {
  width: 562px;
  margin-top: 19px;
}

.gform_wrapper {
  float: left;
}

.haworthxfriends {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 21.2173913043%;
max-width: 122px;
}

.image-gallery-box {
  position: relative;
  width: 94%;
  max-width: 900px;
  margin: 30px auto 0;
}

.image-gallery-box .gallery-image {
  width: 25%;
  overflow: hidden;
cursor:pointer;
}

.point-image-1 .strategy-image {
  display: block;
  float: left;
  width: 50%;
  height: auto;
  overflow: hidden;
}

.point-image-2 .strategy-image {
  display: block;
  float: right;
  width: 50%;
  height: auto;
  margin-left: 2.11699%;
  overflow: hidden;
}

.links a {
  float: left;
  clear: both;
  width: 99.6670081967%;
  margin-top: 3px;
  font-size: 16px;
  color: #fff;
}
.links a:hover {
	text-decoration:underline;
}
.link-titles,
.links-title,
.links-titles {
  float: left;
  width: 99.6670081967%;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.38;
  color: #fff;
}

.logo-strip {
  width: 95%;
  max-width: 1200px;
  margin: 6px auto 0;
  text-align: center;

}
.logos {
width: auto;
display: inline;
}
.main-header {
  width: 94%;
  max-width: 1200px;
  margin: 36px auto 0;
  padding-top: 26px;
  padding-bottom: 26px;
}

.mega-dropdown {
  width: 100%;
  margin: 0 auto;
  padding-top: 23px;
  padding-bottom: 23px;
  background-color: #a1a3a6;
	box-shadow: inset 0px 1px 9px rgba(0, 0, 0, 0.5);
}

.more-images {
  width: 100%;
  max-width: 1200px;
  margin: 100px auto 0;
}

.byline {
  width: 94%;
  max-width: 747px;
  font-size: 16px;
  color: #6a737b;
}

.office-details {
  float: left;
  width: 37.6%;
  margin-left: 3.89717%;
  font-size: 18px;
  line-height: 1.38;
  color: #6a737b;
}

.description p,
.office-details p {
  margin-bottom: 1em;
}

.office-location {
  float: left;
  font-size: 75px;
  font-weight: 700;
  line-height: 1.18;
  color: #fff;
}

.office-map {
  position: relative;
  float: left;
  background: url('../images/361x455.gif') #dedede;
  background-size: auto auto;
  background-position: center center;
}

.akl-wrapper .office-map {  background: url('../images/office-auckland.png') #dedede; background-position: center;}
.wlg-wrapper .office-map {  background: url('../images/office-wellington.png') #dedede; background-position: center;}
.cch-wrapper .office-map {  background: url('../images/office-christchurch.png') #dedede; background-position: center;}

.office-wrapper {
  float: left;
  width: 51.0833333333%;
}

.onpage-nav {
  width: 94%;
  max-width: 1200px;
padding: 14px 0;
  margin: 0 auto;
left: 0;
right: 0;
}
#onpage-nav {
	background:#fff;
	width: 100%;
  	z-index: 98;
}

a.page-nav:hover {
color: #D61837;
}
.onpage-nav-left {
  float: left;
  width: 70%;
}

.overlay-details {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 102px;
  margin: auto;
}

.white-line {
  height: 5px;
}

.overlay-red {
  position: absolute;
  top: 0;
  width: 100.0838721896%;
  height: 315px;
  background-color: rgba(214, 24, 55, 0.7);
z-index:1;
}

.overlay-text {
  width: 100%;
}

.overlay-text .byline {
  width: 100%;
  font-size: 16px;
  color: #fff;
}

.page-nav-right {
  float: right;
  width: 30%;
}

.people-wrapper .people-copy p {
  float: left;
  clear: both;
  max-width: 850px;
  margin-top: 10px;
  font-size: 18px;
  line-height: 1.38;
  color: #6a737b;
}

.people-wrapper {
  width: 94%;
  max-width: 1200px;
  margin: 36px auto 0;
}

.phone {
  clear: both;
  margin-top: 5px;
  font-size: 16px;
  color: #fff;
}

.phone-number {
  margin-left: 1.99858%;
  font-size: 16px;
  line-height: 1.38;
  color: #000 !important;
}

.point-image-1 {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 70px;
}

.point-image-1 .text-wrapper {
  width: 44.92%;
  margin-left: 2.11699%;
}

.point-image-2 {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 70px;
}

.point-image-2 .text-wrapper {
  width: 44.9152542372%;
  margin-right: 2.9644499999%;
}

.position {
  width: 100%;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.38;
  text-align: center;
  color: #fff;
}

.post .overlay-text {
  position: relative;
  float: left;
  overflow: hidden;
height: 304px;
}

.product {
  position: relative;
  float: left;
margin-top: 28px;
}
.product-right {
	margin-left: 2.99721%;
}

.product-left {
clear: both;
}



.product-cat {
  float: left;
  width: 16%;
  margin-top: 22px;
  margin-left: 0.79879%;
}

.product-image {
  position: relative;
  float: left;
  width: 100%;
  background-color: #e4e5e5;
}

.product-list {
  position: relative;
  width: 94%;
  max-width: 1186px;
  margin:0 auto 0;
}

.product-list .product {
  width: 48.5%;
}
.product-list .product:hover h3,
.main-header a:hover {
	color:#D61837;
}

.product-name {
  color: #000;
}

.product-thumnail {
  position: relative;
  float: left;
  width: 100%;
}

.products {
  margin-left: 5%;
}
.main-header .products {
cursor:pointer;
}

.products-links,
.workspaces-links,
.about-links,
.blog-links,
.client-spaces-links,
.contact-links {
  float: left;
  width: 18.4%;
  margin-left: 1.99858%;
}
.products-links {
margin-left:0px;
}
.products-used h2 {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.profile {
  position: relative;
  float: left;
  width: 30.0036361747%;
  margin-top: 48px;
  overflow: hidden;
}

.profile .red-overlay {
  left: 0;
  width: 100%;
  height: 460px;
z-index: 1;

}

.profile-name {
  width: 100%;
  margin: 20px auto 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.08;
  text-align: center;
  color: #fff;
}

.promo {
  width: 100%;
max-width:1600px;
  margin: 0 auto;
overflow:hidden;
position: relative;
}

a.promo-text {
position: absolute;
top: 0;
left: 0;
max-width:300px;
}
.promo-text h1 {
float: left;
width: 100%;
font-size: 44px;
}
.promo:hover h1, .promo:hover p {
color: #C00;
}

.read-more {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 1.38;
  text-align: center;
  color: #fff;
}

.readmore-box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100px;
  height: 48px;
  margin: auto;
z-index:2;
}

.readmore-box .read-more:hover {
color: #fff;
text-decoration: none;
}
.readmore-box .read-more {
  width: 100%;
  margin: 0 auto;
  text-transform: uppercase;
color: #fff;
text-decoration: none;
}
.readmore-box .white-line {
  height: 2px;
}

.recent-posts {
  width: 94%;
  max-width: 1200px;
  margin: 55px auto 0;
}

.red-overlay {
  position: absolute;
  top: 0;
  background-color: rgba(214, 24, 55, 0.7);
}

.resources-sepcs {
  width: 94%;
  max-width: 1200px;
  margin: 100px auto 0;
}

.secondary-nav {
  width: 94%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 7px;
}

.slider {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background-color: #eaebeb;
  overflow: hidden;
}

.follow-us a img {
  margin-left: 6px;
}
.social-facebook {
  clear: both;
  margin-left: 0px !important;
}

.social-pinterest {
  margin-left: 6px;
}

.social-twitter {
  margin-left: 6px;
}

.spaces-products {
  width: 93.75%;
  max-width: 1200px;
  margin: 55px auto 0;
}

.spaces-products .product {
  width: 48.5403481012%;
}

.spaces-wrapper {
  width: 94%;
  max-width: 1200px;
  margin: 40px auto 0;
}

.spec-col-1 {
  position: relative;
  float: left;
  clear: both;
  width: 33.33%;
  min-height: 350px;
  margin-top: 30px;
  padding-right: 30px;
  padding-left: 30px;
  border-right: 1px solid #6a737b;
}

.spec-col-2 {
  position: relative;
  float: left;
  width: 33.33%;
  min-height: 350px;
  margin-top: 30px;
  padding-right: 30px;
  padding-left: 30px;
  border-right: 1px solid #6a737b;
}

.spec-col-3 {
  position: relative;
  float: left;
  width: 33.33%;
  min-height: 350px;
  margin-top: 30px;
  padding-right: 30px;
  padding-left: 30px;
}

.statement {
  width: 100%;
  margin: 100px auto 0;
  padding-top: 80px;
  padding-bottom: 80px;
  background-image: url('../images/grey-line-bk.png');
  background-size: auto auto;
  background-position: center center;
}

.strategy-nav {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 5px;
  font-size: 16px;
  line-height: 1.38;
  color: #6a737b;
}
.strategy-nav a {
  color: #6a737b;
}
.strategy-nav a:hover {
	color:#D61837 !important;
	text-decoration:underline;
	cursor:pointer;
}

.strategy-nav:first-child {
  clear: none;
  width: auto;
  margin-top: 0;
}

.strategy-page {
  float: left;
  width: 72%;
z-index: 1;
margin-left: 3%;
position: relative;
}
#strategy-menu {
width: 100%;
max-width: 1280px;
}

.sub-categories {
  width: 94%;
  max-width: 1186px;
  margin: 0px auto;
}
.sub-categories li {
  height: 24px;
  margin-top: 6px;
  width: auto;
  float: left;
}


.main-nav-sub-title {
float: left;
font-size: 24px;
font-weight: 300;
line-height: 1.6;
color: #fff;
border-bottom: 1px solid #fff;
width: 100%;
}

.text-box {
  float: left;
  width: 45%;
  margin: 15px 0 0 6.35625%;
}
.homepage-intro-box .text-box {
  margin: 61px 0 0 6.35625%;
}
.point-image-1 .text-wrapper {
  float: left;
  margin-top: 10px;
}
.point-image-2 .text-wrapper {
  float: right;
  margin-top: 10px;
}

.video-wrapper {
  width: 94%;
  max-width: 1200px;
  margin: 45px auto 0;
  overflow: hidden;
position:relative;
cursor:pointer;
}
.video-wrapper {
	position: relative;
	padding-bottom: 37.9%;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	height: 100%;
}

.video-cover-image:before {
	content: '\e813';
	font-family: 'haworth';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	margin: auto;
	font-size: 90px;
	color: #FFF;
	text-shadow: 1px 1px 6px #cccaca;
	width: 78px;
	height: 78px;
	line-height: 1em;
	}


.video-cover-image {
width: 70%;
height: 100%;
position: absolute;
z-index:1;
border: 1px solid #f2f2f2;
}

.white-line {
  width: 55px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
}

.white-overlay {
  position: absolute;
  top: 0;
  left: -0.0223847187%;
  width: 110.7894344127%;
  height: 304px;
  background-color: rgba(255, 255, 255, 0.64);
}

.white-overlay {
  position: absolute;
  top: 0;
  background-color: rgba(255, 255, 255, 0.64);
}

.wlg-detials {
  float: left;
  width: 63.3699633699%;
  padding: 20px;
  background-color: #ffc627;
}

.wlg-wrapper .office-map {
  width: 36.5564361847%;
  height: 286px;
}

.wlg-wrapper .white-overlay {
  left: -0.0224282297%;
  z-index: 17;
  width: 106.6985645933%;
  height: 324px;
}

.main-header .client-spaces,
.main-header .xfriends,
.workspace-strat {
  margin-left: 1.99349%;
}

.homepage-intro-box {
  width: 94%;
  max-width: 1125px;
  margin: 51px auto 0;
}

.workspace-strat-box {
  width: 94%;
  max-width: 1000px;
  margin: 51px auto 51px;
}

.owl-theme .owl-controls {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.slider-images {
max-width: 1280px;
margin: 0 auto;
}
.clientspace-temp .owl-theme .owl-controls .owl-page span {
background: #FFF;
}
.clientspace-temp {background:none;}

.homepage-intro-box p {
  float: left;
  clear: both;
  width: 100%;
  font-size: 18px;
  line-height: 1.38;
  color: #6a737b;
}

.workspace-strat-box p {
  float: left;
  clear: both;
  width: 100%;
  font-size: 18px;
  line-height: 1.38;
  color: #6a737b;
}

.workspace-wrapper {
  width: 100%;
  max-width: 1280px;
  margin: 36px auto 0;
}

.workspaces-cat {
  width: 94%;
  max-width: 980px;
  margin: 33px auto 0;
}

.footer-graphic {
  clear: both;
  margin-top: 33px;
  background-image: url('../images/footer-header.png');
  background-size: auto auto;
  background-position: center center;
}


.scratchdigital a {
color: #FFF;
font-weight: 300;
margin-right: 13px;
}



.page-8 .client-spaces-box {
  margin-top: 129px;
}



.contact-details,
.overlay-details {
  z-index: 5;
}
.profile a {
color: #FFF;
}
.profile a:hover {text-decoration:underline;}
footer .email-signup {
  width: 94%;
  max-width: 600px;
}

div.follow-us {
  width: 94%;
  max-width: 1200px;
  height: 72px;
  margin: 57px auto 0;
}



.page-header {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 25px;
  max-height: 127px;
  background-image: url('../images/red-square-pattern.png');
  background-repeat: repeat-x;
  background-size: auto auto;
  background-position: left top;
}
.page-8 .page-header {
background-image: none;
}
.post-1 {
  clear: both;
}

.post-2 {
  margin-left: 3.91667%;
}

.post-3 {
  clear: both;
}

.post-4 {
  margin-left: 3.95573%;
}

.product-2 {
  margin-left: 2.88021%;
}




.product-cat.first {
  margin-left: 0%;
}
.xfriends {
  margin-left: 0.79879%;
  border-left: 3px solid #fff;
}


.footer-subscribe {
  width: 100%;
color: #000;
margin-bottom: 22px;
}


div.products-used {
  position: relative;
  padding-top: 55px;
  padding-bottom: 55px;
  background-color: #f2f2f2;
width: 100%;
margin-right: auto;
margin-left: auto;
}


.profile {
  margin-left: 4.96094%;
}
.col3 {
  clear: both;
margin-left:0px;
}

.sub-categories a:first-child {margin:0;}
.sub-categories a {
  margin-left: 31px;
}

p a, p a:hover, p a:visited {
color:#c00;
}
p a:hover {
text-decoration:underline;
}

.office-details strong {
  font-weight: 400;
}

@media(max-width: 1350px) {
	.clientspace-temp.slider .arrow polygon {
		fill:#fff;
		transition: fill .55s ease-in-out;
	   -moz-transition: fill .55s ease-in-out;
	   -webkit-transition: fill .55s ease-in-out;
	}
}
@media(max-width: 1000px) {
  .description-content h1 {
    position: relative;
  }

  .description-content img {
    position: relative;
    margin-right: 0.0133%;
  }

  .element-box img {
    height: auto;
  }

  .gallery-image img {
    position: relative;
    height: auto;
  }


  .enquiry-box .office-details,
  .onpage-nav-left a,
  .page-nav-right a,
  .spec-list-1 li,
  .spec-list-2 li,
  .spec-list-3 li,
  .spec-list-4 li,
  .spec-list-5 li {
    font-size: 16px;
  }
	.onpage-nav-left a,
	.page-nav-right a {
		margin-left: 22px;

	}
	.onpage-nav-left {
	float: left;
	width: 67%;
	}
	.page-nav-right {
	float: right;
	width: 25%;
	}
  .slider img {
    height: auto;
  }

  .spaces-products img {
    height: auto;
  }

  .client-space-4 .client-spaces-img {
    position: relative;
    height: 293px;
  }

  .client-spaces-list .blackoverlay {
    height: 293px;
  }


  .client-space-5 .client-spaces-img {
    position: relative;
    height: 293px;
  }

  .client-space-list .overlay-text {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 116px;
    margin: auto;
  }

  .client-space-2 {
    position: relative;
  }

  .client-space-3 {
    position: relative;
    float: right;
    margin-left: 0;
  }

  .client-space-5 {
    position: relative;
    margin-left: 2.9073%;
  }

  .element-box .element-text {
    margin-left: 2.99867%;
  }

  .image-gallery-box .gallery-image,
  .spaces-products .product-thumnail {
    position: relative;
  }



  .slider .arrow-left,
  .slider .arrow-right {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }

  .slider .gallery-image {
    position: relative;
  }

  .client-spaces-list .client-spaces-img {
    height: 293px;
  }

  .client-space-list .overlay-text {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }


  .overlay-text .client-name{
    font-size: 34px;
  }
.overlay-text {
height:120px;
}

  .spaces-products .product-2 {
    margin-left: 2.88%;
  }

  .spaces-wrapper .client-space-2-1 {
    position: relative;
    width: 35.9574468085%;
    margin-top: 33px;
  }

  .spaces-wrapper .client-space-3-1 {
    position: relative;
    margin-top: 33px;
  }
}

@media(max-width: 900px) {
  body {
    font-size: 18px;
  }
 .main-header .product-search {
	  display:none;
  }

  .follow-us img {
    position: relative;
  }
	.onpage-nav-left {
	float: left;
	width: 72%;
	}
	.page-nav-right {
	float: right;
	width: 26%;
	}
	.onpage-nav-left a,
	.page-nav-right a {
	margin-left: 17px;
	}
	.red-overlay.overlay:before {
	font-size: 60px;
	width: 57px;
	height: 57px;
	}


  .recent-posts a {
    position: relative;
    float: none;
    width: 100%;
    max-width: 557px;
    margin-right: auto;
    margin-left: auto;
  }

  .text-box a {
    float: none;
    clear: none;
    max-width: 200px;
    margin-right: auto;
    margin-left: auto;
  }
	.workspace-strat-box p {
	float: none;
	text-align:center;
	}

	.homepage-intro-box p {
	float: none;
	text-align:center;
	}

  .text-box h2 {
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .workspace-strat-box img {
    float: none;
	width:90%;
	max-width:350px;
    height: auto;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .homepage-intro-box img {
    float: none;
	width:90%;
	max-width:450px;
    height: auto;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .profile img,
  a img {
    position: relative;
    height: auto;
  }

  footer img {
    height: auto;
  }

  .contact-wrapper {
    max-width: 500px;
  }

  .contact-wrapper .contact-form {
    clear: both;
    width: 100%;
    margin-left: 0;
  }

  .contact-wrapper .office-wrapper {
    width: 100%;
    margin-top: 35px;
  }

  .follow-us .copyright {
	position: relative;
	text-align: left;
	float: left;
	margin-top: 27px;
	}


  .footer-links .blog-links {
    position: relative;
    width: 32%;
    margin-top: 26px;
    margin-left: 0;
clear:both;
  }

  .footer-links .client-spaces-links {
    position: relative;
    width: 32%;
    margin-left: 1.99034%;
  }

  .footer-links .contact-links {
    position: relative;
    width: 32%;
    margin-top: 26px;
    margin-left: 1.94262%;
  }

  .footer-links .products-links {
    position: relative;
    width: 32%;
  }

  .footer-links .workspaces-links {
    position: relative;
    width: 32%;
    margin-left: 1.99034%;
  }

  .get-updates .email-signup {
    width: 94%;
    max-width: 450px;
  }

  .overlay-details .position {
    font-size: 14px;
  }

  .overlay-details .profile-name {
    font-size: 23px;
  }

  .people-wrapper .profile {
    position: relative;
    width: 30%;
  }

  .profile .contact-details {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    font-size: 14px;
  }


  .overlay-text .readmore-box,
  .profile .overlay-details {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

  .text-box .workspace-strat-box p {
    float: none;
    clear: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
  .workspace-strat-box .text-box {
    float: none;
    margin-top: 19px;
    margin-right: auto;
    width: 94%;
	margin-left: auto;
	max-width: 600px;
  }

  .homepage-intro-box .text-box {
    float: none;
    margin-top: 19px;
    margin-right: auto;
    width: 94%;
	margin-left: auto;
	max-width: 600px;
  }


  .client-spaces-box-2 {
    margin-top: 80px;
  }

  .footer-grey div.follow-us {
    height: auto;
  }

  .page-header {
    padding-bottom: 10px;
  }



  .recent-posts .post-1 {
    clear: none;
  }

  .recent-posts .post-2 {
    margin-top: 27px;
  }

  .recent-posts .post-3 {
    clear: none;
  }

  .recent-posts .post-4 {
    margin-top: 57px;
  }


}

@media(max-width: 800px) {
  .description-content h1 {
    position: relative;
    font-size: 38px;
  }
  .product-page-categories{display:none;}

  .description-content img {
    position: relative;
    width: 100px;
    height: auto;
    margin-right: 0.01247%;
  }
.onpage-nav-left {
display:none;
}

.main-header {
padding-top: 34px;
padding-bottom: 35px;
}
  .client-spaces-box-1 h2,
  .element-text h2,
  .enquiry-form h2,
  .more-images h2,
.client-spaces-box h2,
  .products-used h2,
  .resources-sepcs h2 {
    font-size: 31px;
  }

  .gallery-image img {
    position: relative;
    height: auto;
  }

.main-header .products {
	cursor:pointer;
}

  .main-header as {
    margin-top: 0;
    font-size: 18px;
  }

  .onpage-nav-left a,
  .page-nav-right .email,
  .page-nav-right .print,
  .page-nav-right .share {
    font-size: 14px;
  }


  .element-box img,
  .product-cat img,
  .text-wrapper img {
    height: auto;
  }

  .slider img {
    height: auto;
  }

  .spaces-products h3 {
    font-size: 21px;
  }

  .spaces-products img {
    height: auto;
  }

  .description-content h3,
  .statement h3 {
    font-size: 22px;
  }
  .statement h3 {
   padding: 0 30px;
  }


  .strategy-page .bodycopy,
  .strategy-page h3 {
    margin-left: 0;
  }
	#strategy-menu {
	display: none;
	}
	.strategy-page {
	float: none;
	width: 94%;
	margin: 0 auto;
	}
	.strategy-page img.icon {
	display: none;
	}
	.strategy-page h2.title, .strategy-page .text-wrapper {
	float: none;
	text-align: center;
	}
	img.strategy-image {
	float: none !important;
	margin: 0 auto !important;
	width:94% !important;
	max-width:500px;
	}

  div h5 {
    font-size: 18px;
  }

  header.desktop img {
    width: 150px;
    height: auto;
    margin-left: 2.99805%;
  }

  .element-box .element-text {
    margin-left: 2.99618%;
  }

  .enquiry-box .office-details {
    margin-left: 3.89171%;
  }

  .element-box,
  .enquiry-form,
  .more-images,
  .resources-sepcs,
  .statement,
  .video-wrapper {
    margin-top: 70px;
  }

  .image-gallery-box .gallery-image,
  .spaces-products .product-thumnail {
    position: relative;
  }

  .main-header .client-spaces,
  .main-header .workspace-strat,
  .main-header .xfriends {
    margin-left: 1.99414%;
  }

  .onpage-nav .onpage-nav-left {
    width: 100%;
  }
	.page-nav-right {
	width: 200px;
    clear: both;
	margin: 0 auto;
    margin-top: 5px;
	float: none;
	}

  .point-image-1 .point-image-1 .strategy-image {
    width: 94%;
    height: auto;
    margin-left: 0;
  }

  .point-image-1 .text-wrapper {
    clear: both;
    width: 94.0677966101%;
    margin-top: 18px;
    margin-left: 0;
  }

  .point-image-2 .point-image-2 .strategy-image {
    clear: both;
    width: 94.0677966101%;
    height: auto;
    margin-left: 0;
  }

  .point-image-2 .text-wrapper {
    width: 94.0677966101%;
    margin-top: 18px;
    margin-left: 0;
  }

  .product-cat .cat-name {
    font-size: 16px;
  }

  .secondary-nav .blog-link,
  .secondary-nav .contact-link,
  .secondary-nav .phone-number {
    margin-left: 1.99653%;
  }

  .slider .arrow-left,
  .slider .arrow-right {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }

  .slider .gallery-image {
    position: relative;
  }



  .client-spaces-box .spaces-wrapper-1 {
    height: 1266px;
  }





  .spaces-products .product-2 {
    margin-left: 2.8791699999%;
  }

  .spaces-wrapper .client-space-2-1 {
    position: relative;
    float: none;
    clear: none;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .spaces-wrapper .client-space-3-1 {
    position: relative;
    float: none;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }



}

@media(max-width: 700px) {
  body {
    font-size: 18px;
  }

  .profile img {
    position: relative;
    height: auto;
  }


  .people-wrapper .profile {
    position: relative;
    width: 47%;
  }

  .profile .contact-details {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .profile .overlay-details {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }


  .profile {
    margin-left: 6.00304%;
    margin-top: 38px;
  }
	.col3 {
		clear:none;
	}
  .col2 {
    clear: both;
    margin-left: 0;
  }

}

@media(max-width: 650px) {
  .product-cat img {
    height: auto;
  }

  header.desktop img {
    height: auto;
    margin-left: 2.9976%;
  }
	.slider img.arrow {
	width: 17px;
	}
	.owl-theme .owl-controls .owl-page span {
	width: 9px !important;
	height: 9px !important;
}
  .furniture-type-cat .product-cat,
  .workspaces-cat .product-cat {
    position: relative;
    width: 31%;
  }

  .main-header .client-spaces,
  .main-header .workspace-strat,
  .main-header .xfriends {
    margin-left: 1.99279%;
  }

  .secondary-nav .blog-link,
  .secondary-nav .contact-link,
  .secondary-nav .phone-number {
    margin-left: 1.99696%;
  }


  .product-cat-2,
  .product-cat-3  {
    margin-left: 3.32958%;
  }


  .product-cat-4 {
    margin-top: 22px;
	margin-left: 0;
  }

  .product-cat-5,
  .product-cat-6 {
    margin-top: 22px;
    margin-left: 3.32958%;
  }
  .logos {
  width: 100%;
  }


}

@media(max-width: 600px) {
  body {
    font-size: 18px;
  }
	.product-list .product {
	clear: both;
	width: 100%;
	margin-left: 0;
	}

  .description-content h1 {
    position: relative;
  }

  .description-content h3 {
    margin-top: 15px;
  }
	.red-overlay.overlay:before {
	font-size: 41px;
	width: 40px;
	height: 40px;
	}

  .description-content img {
    position: relative;
    float: left;
    clear: both;
    height: auto;
    margin-top: 5px;
    margin-right: 0;
  }
.xfriend-title {
text-align: center;
color:#fff;
padding: 55px 30px;
}

  .element-box img {
    float: none;
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .element-text .element-copy,
  .element-text h2 {
    text-align: center;
  }

  .enquiry-box .gform_wrapper,
  .enquiry-box a {
    width: 100%;
  }

  .gallery-image img {
    position: relative;
    height: auto;
  }



  .onpage-nav-left .enquire,
  .onpage-nav-left .image-gallery,
  .onpage-nav-left .products-link,
  .onpage-nav-left .spec,
  .page-nav-right a {
    font-size: 11px;
  }

  .slider img {
    height: auto;
  }

  .spaces-products img {
    height: auto;
  }

  .client-space-4 .client-spaces-img {
    position: relative;
  }

  .client-space-5 .client-spaces-img {
    position: relative;
  }

  .client-spaces-list .overlay-text {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

  .client-space-2 {
    position: relative;
    width: 100%;
  }

  .client-space-3 {
    position: relative;
    clear: both;
    width: 100%;
  }

  .client-space-4 {
    position: relative;
    width: 100%;
  }

  .client-space-5 {
    position: relative;
    clear: both;
    width: 100%;
    margin-left: 0;
  }

  .element-box .element-text {
    float: none;
    width: 100%;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
  }

  .enquiry-box .office-details {
    clear: both;
    width: 100%;
    margin-top: 40px;
    margin-left: 0;
    text-align: center;
  }

  .image-gallery-box .gallery-image,
  .spaces-products .product-thumnail {
    position: relative;
  }

  .onpage-nav .page-nav-right {
    margin-top: 10px;
  }

  .onpage-nav-left .client-spaces,
  .onpage-nav-left .more-info {
    font-size: 12px;
  }

  .resources-sepcs .spec-col-1 {
    position: relative;
    width: 100%;
    min-height: 0;
    margin-top: 8px;
    border-right-width: 0;
    border-right-style: none;
	text-align: center;

  }

  .resources-sepcs .spec-col-2 {
    position: relative;
    clear: both;
    width: 100%;
    min-height: 0;
    margin-top: 20px;
    border-right-width: 0;
    border-right-style: none;
	text-align: center;

  }

  .resources-sepcs .spec-col-3 {
    position: relative;
    clear: both;
    width: 100%;
    min-height: 0;
    margin-top: 20px;
	text-align: center;

  }
  .resources-sepcs h5 {
	float:none;
	text-align: center;
  }

  .resources-sepcs li {
	list-style:none;
	margin:0;
  }
.btn.subscribe {
width: 24.34%;
padding: 9px 4px;
}

.clientspace-temp .owl-theme .owl-controls .owl-page span {
background: #6A737B;
}
  .slider .arrow-left,
  .slider .arrow-right {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }


  .spaces-products .product {
    width: 100%;
  }


.sub-categories {display:none}


  .spaces-products .product-2 {
    clear: both;
    margin-top: 20px;
    margin-left: -0.08889%;
  }

  .spaces-wrapper .client-space-2 {
    position: relative;
  }

  .spaces-wrapper .client-space-3-1 {
    position: relative;
    float: right;
    clear: both;
    margin-right: 0;
    margin-left: 0;
  }
}

@media(max-width: 500px) {
  .follow-us img {
    position: relative;
  }

  .strategy-page .bodycopy,
  .strategy-page h3 {
    margin-left: 6.24356%;
  }

  .text-wrapper img {
    height: auto;
  }
  .product-content-left{width:100%;}
  .product-content-right{display:none;}

  .workspace-wrapper ul {
    display: none;
    position: relative;
    clear: both;
    margin-top: -1423px;
    margin-left: 76.95313%;
  }

  footer img {
    height: auto;
  }

  .about-links .links,
  .about-links .links-title,
  .blog-links .links,
  .blog-links .links-title,
  .client-spaces-links .links,
  .client-spaces-links .links-title,
  .contact-links .links,
  .contact-links .links-title,
  .products-links .link-titles,
  .products-links .links,
  .workspaces-links .links,
  .workspaces-links .links-titles {
    text-align: center;
  }

  .follow-us .copyright {
    position: relative;
    float: left;
    clear: both;
    font-size: 16px;
    font-weight: 300;
  }


  .footer-links .about-links {
    position: relative;
    width: 100%;
    margin-top: 20px;
  }

  .footer-links .blog-links {
    position: relative;
    clear: both;
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }

  .footer-links .client-spaces-links {
    position: relative;
    clear: both;
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }

  .footer-links .contact-links {
    position: relative;
    clear: both;
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }

  .footer-links .products-links {
    position: relative;
    width: 100%;
  }

  .footer-links .workspaces-links {
    position: relative;
    clear: both;
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }

  .point-image-1 .point-image-1 .strategy-image {
    height: auto;
  }

  .point-image-2 .point-image-2 .strategy-image {
    height: auto;
  }


  .workspace-wrapper .strategy-page {
    position: relative;
    width: 97%;
  }

  .footer-grey div.follow-us {
    max-width: 202px;
  }
}

@media(max-width: 450px) {
  body {
    font-size: 18px;
  }
 .profile .red-overlay, .profile .overlay-details {
display: block;
}

.akl-details, .wlg-detials, .cch-details {
width: 100%;
}
.akl-wrapper .office-map, .cch-wrapper .office-map, .wlg-wrapper .office-map {
width: 100%;
height: 86px;
}
  .people-wrapper h2 {
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .profile img {
    position: relative;
    height: auto;
  }


  .people-wrapper p {
    float: none;
    clear: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .people-wrapper .profile {
    position: relative;
    float: none;
    width: 100%;
    max-width: 361px;
    margin-right: auto;
    margin-left: auto;
  }

  .profile .contact-details {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .profile .overlay-details {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

  .people-wrapper .profile-1 {
    clear: none;
    margin-top: 38px;
  }

  .people-wrapper .profile-2 {
    margin-top: 38px;
  }

  .people-wrapper .profile-3 {
    clear: none;
  }

  .people-wrapper .profile-5 {
    clear: none;
  }

}

@media print {

.enquiry-form,
footer,
.white-line,
.blackoverlay,
.element-box,
.client-spaces-box,
.more-images,
.video-wrapper,
#onpage-nav,
.arrow,
.statement,
.mega-dropdown,
nav,
.mobile-menu-btn,
.main-header .client-spaces,
.main-header .workspace-strat,
.main-header .xfriends,
.main-header,
header,
.main-header .products
{display:none !important}


body {margin-top: 0px !important;}
p a {word-wrap: break-word;}
p { font-size:16px}
a {text-decoration:underline;}
 .resources-sepcs {page-break-before: always; padding-top:50px}

img {
max-height: 300px;
width: auto !important;
margin: 0 auto;
padding:0;
left:0;
float:left !important;
}
.xfriends {
padding: 10px 0;
width: 100px !important;
clear: both;
}

img.haworth-logo {
display: block !important;
margin: 0 auto;
}



}

/*Styles for email signup / complete you profile forms */
#gform_wrapper_7 .gform_body {
margin-bottom: -40px;
}
.page-4175 .content-section,
.page-3989 .content-section {
max-width: 600px;
}
#field_7_4 {
margin-top: 15px;
margin-right:0;
margin-left:1%;
width: 49%;
display: inline-block;
}
#field_7_3 {
margin-top: 15px;
width: 49%;
margin-right:1%;
margin-left:0;
display: inline-block;
}
#gform_wrapper_7 .gfield_label {
font-size:85%;
}
#gform_wrapper_7 .gfield_select {
border: 1px solid rgb(221, 221, 221);
border-radius: 0;
}
#gform_submit_button_7 {
max-width: 175px;
float: right;
margin-top: 20px;
}
@media(max-width: 590px) {
#field_7_4 {
margin-left:0;
width: 100%;
display: block;
}
#field_7_3 {
width: 100%;
margin-right:0;
display: block;
}
}

#gform_wrapper_7 .gfield_checkbox label {
    display: inline-block !Important;
    width: auto;
    margin-left: 7px;
        font-weight: 300;
    color: #6a737b;
}
#gform_wrapper_7 .gfield_checkbox input[type=checkbox] {
    width: auto !Important;
    height: 11px !Important;
    margin: 0;
    margin-top: 8px;
    display: inline !Important;
    width: auto !important;
}
#gform_wrapper_7 ul {
    -webkit-padding-start: 0px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin: 0;
    margin-top: 5px;
    padding-left: 0;
}

#gform_wrapper_7 #field_7_7 .gfield_label {
    margin-bottom: 4px;
    width: 100%;
    display: block;
    font-weight: 400;
    margin: 0;
    margin-top:20px;
}

#gform_wrapper_7 #field_7_7 .gfield_description {
    font-size: 15px;
    margin: 0;
}

.gfield_checkbox li, .gfield_radio li {
width: 100%;
    float: left;
}

.col_2 .gfield_checkbox li, .col_2 .gfield_radio li {	width: 48%;}
.col_3 .gfield_checkbox li, .col_3 .gfield_radio li {	width: 31%;}
.col_4 .gfield_checkbox li, .col_4 .gfield_radio li {	width: 22%;}

.col_1 .gfield_checkbox li, .col_1 .gfield_radio li { margin-right: 0%; }
.col_2 .gfield_checkbox li:nth-child(2), .col_2 .gfield_radio li:nth-child(2)  {	margin-right: 0%; }
.col_3 .gfield_checkbox li:nth-child(3), .col_3 .gfield_radio li:nth-child(2) {	margin-right: 0%; }
.col_4 .gfield_checkbox li:nth-child(4), .col_4 .gfield_radio li:nth-child(2) {	margin-right: 0%; }



/*additional form styles*/
.email-signup-form_wrapper_wrapper {
    position: relative;
    width: 100%;
}
.email-signup-form_wrapper{
    position: relative;
	height:51px;
}
.email-signup-form_wrapper .gform_body {
    position: absolute;
    top: 0;
	left:0;
    width: 75%;
    height: 100%;

}
.email-signup-form_wrapper .gform_footer {
    position: absolute;
    top: 0;
    right: 0;
	width: 25%;
    height: 100%;

}
.email-signup-form_wrapper ul {
    margin-top: 0 !important;
}

.email-signup-form_wrapper .gfield input {
padding: 9px;
margin: 0;
    line-height: 31px;
    font-size: 17px;
    border-right: 0;
    border-radius: 2px 0px 0px 2px;
    }
.email-signup-form_wrapper .gform_confirmation_message {
    padding-top: 0px;
}
.email-signup-form_wrapper ul li, .email-signup-form_wrapper input[type="submit"] {
    margin: 0 !important;
    padding: 0 !Important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
      width: 100%;
}
.email-signup-form_wrapper input[type="email"]{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.email-signup-form_wrapper input[type="submit"]{
	    border-top-left-radius: 0;
	    border-bottom-left-radius: 0;
}

.page-8 input#gform_submit_button_13,
.page-8 input#gform_submit_button_12 {
    background-color: #5D5D5D;
}
.gform_hidden {
    display: none;
}
#gform_wrapper_13 .gfield input:focus,
#gform_wrapper_12 .gfield input:focus {
    border-bottom-width: 1px;
    padding-top: 0;
}

.sidebar-section .email-signup-form_wrapper .gform_body {
    width: 65%;
}
.sidebar-section .email-signup-form_wrapper .gform_footer {
	width: 35%;
}
.sidebar-section .email-signup-form_wrapper input[type="email"] {
    background: url('//static.scratchdigital.co.nz/scratchdigital/email-icon.png') no-repeat;
    background-position: 7px center;
    width: 100%;
    padding-left: 33px;
}
li#field_3_14, li#field_2_13 {
	margin-top: 15px;
	margin-bottom: 7px;
}
#field_3_14 .gfield_label, #field_2_13 .gfield_label {
	font-weight:400;
}

article td {
    vertical-align: middle;
}
.blog-single article table td * {
    margin-left: 0;
}


.description ul {
    margin-bottom: 1em;
}
.description li {
    display: inline-block;
    padding: 6px 0 0 20px;
    position: relative;
}
.description li:before {
    content: '•';
    font-size: 31px;
    position: absolute;
    left: 0;
    top: -6px;
}