/* ----- CSS Reset ----- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, main {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
img {display:block;}
legend {position:absolute; left:-9999px;}
input::-moz-focus-inner {padding:0; border:0;}
input:invalid, input:-moz-ui-invalid {border:0; outline:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
input:focus, select:focus, textarea:focus, button:focus {outline:none;}
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="search"], input[type="tel"], input[type="url"], textarea {-webkit-appearance:none; -webkit-border-radius:0;}
textarea {overflow:auto; resize:none;}

a {text-decoration:none; outline:none;}
a:hover, a:active, a:focus {text-decoration:underline;}
a[href^=tel] {color:inherit; text-decoration:none;}

strong {font-weight:bold;}
em {font-style:italic;}

/* ----- Template Styles ----- */

::selection {background:;}
::-moz-selection {background:;}

::-webkit-input-placeholder {color:;}
:-moz-placeholder {color:;}
::-moz-placeholder {color:;}
:-ms-input-placeholder {color:;}

.clear {clear:both;}
.hidden {position:absolute !important; left:-9999px !important;}

body, input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="search"], input[type="tel"], input[type="url"], textarea, select {font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; color:#d4d4d4; border-radius:0; background:#242424; -webkit-font-smoothing:subpixel-antialiased; -webkit-appearance:none; appearance:none;}

.wrapper {width:940px; margin:0 auto; padding:0 10px;}

#wpadminbar {background:#000;}

/* ----- Buttons ----- */

.button, #content .button, input.button, #content input.button {display:inline-block; min-width:125px; height:30px; line-height:30px; margin:0; padding:0 30px 0 15px; font-size:13px; color:#FFF; text-decoration:none; border:none; border-radius:0; -webkit-appearance:none; appearance:none; cursor:pointer;}
input.button {box-sizing:content-box;}
.button:hover, .button:active, .button:focus, #content .button:hover, #content .button:active, #content .button:focus {color:#FFF; text-decoration:none;}

.button.theme-a, #content .button.theme-a {background:url('../images/bg-button.png') right 0 no-repeat #000; background-size:30px 60px;}
.button.theme-a:hover, .button.theme-a:active, .button.theme-a:focus, #content  .button.theme-a:hover, #content  .button.theme-a:active, #content  .button.theme-a:focus {color:#000; background-position:right -30px; background-color:#FFF;}

#content .button.back {padding:0 15px 0 30px; background-image:url('../images/bg-button-back.png'); background-position:0 0;}
#content .button.back:hover, #content .button.back:active, #content .button.back:focus {background-position:0 -30px;}

/* ----- Social ----- */

.social-list {overflow:hidden;}
.social-list li {float:left; margin:0 0 0 5px !important; padding:0 !important; background:none !important;}
.social-list li:first-child {margin-left:0 !important;}
.social-list li a {display:block; width:24px; height:24px; text-indent:-9999px; border-radius:12px; background:url('../images/bg-social-list.png') no-repeat #7f7f7f; background-size:120px 24px;}
.social-list li a:hover, #header .wrap #search-wrap .social-list li a:active, #header .wrap #search-wrap .social-list li a:focus {background-color:#FFF;}
.social-list li.facebook a {background-position:0 0;}
.social-list li.twitter a {background-position:-24px 0;}
.social-list li.linkedin a {background-position:-48px 0;}
.social-list li.instagram a {background-position:-72px 0;}
.social-list li.share a {background-position:-96px 0;}
.social-list li a span {display:none !important;}

/* ----- Pagination ----- */

#content .page-controls .pagination {position:relative; width:100%; margin:0; padding:0 5px; font-size:14px; background:#000; overflow:hidden; box-sizing:border-box;}
#content .page-controls .pagination li {float:left; margin:0; padding:0; color:#FFF; background:none;}
#content .page-controls .pagination li a, #content .page-controls .pagination li span {display:block; width:20px; line-height:30px; text-align:center;}
#content .page-controls .pagination li a {color:#737373; text-decoration:none;}
#content .page-controls .pagination li a:hover, #content .page-controls .pagination li a:active, #content .page-controls .pagination li a:focus {color:#FFF;}
#content .page-controls .pagination li a.icon {position:absolute; top:0; width:20px; text-indent:-9999px; background:url('../images/bg-pagination.png') no-repeat; background-size:40px 60px;}
#content .page-controls .pagination li a.icon.prev {right:25px; background-position:0 0;}
#content .page-controls .pagination li a.icon.prev:hover, #content .page-controls .pagination li a.icon.prev:active, #content .page-controls .pagination li a.icon.prev:focus {background-position:0 -30px;}
#content .page-controls .pagination li a.icon.next {right:5px; background-position:-20px 0;}
#content .page-controls .pagination li a.icon.next:hover, #content .page-controls .pagination li a.icon.next:active, #content .page-controls .pagination li a.icon.next:focus {background-position:-20px -30px;}

/* ----- Header ----- */

#header-wrap {padding:15px 0; border-bottom:1px solid #505050;}

#header {overflow:hidden;}
#header #main-logo {float:left; display:block; width:344px;}
#header #main-logo img {width:100%; height:auto;}

#header .mobile-nav-wrap {display:none;}

#header .wrap {float:right;}

#header .wrap #search-wrap {float:left; width:160px; margin:0 45px 0 0;}
#header .wrap #search-wrap .search-form {position:relative; width:100%;}
#header .wrap #search-wrap .search-form label {position:absolute; left:-9999px;}
#header .wrap #search-wrap .search-form .text {width:100%; height:24px; padding:5px 5px 5px 0; line-height:24px; border:none; border-bottom:1px solid #505050; box-sizing:border-box;}
#header .wrap #search-wrap .search-form .submit {position:absolute; top:0; right:0; width:24px; height:24px;}

#header .wrap #languages-wrap {float:left; overflow:hidden;}
#header .wrap #languages-wrap .languages-list {float:left; margin:0 25px 0 0;}
#header .wrap #languages-wrap .languages-list li {float:left; margin:0 15px 0 0; line-height:24px;}
#header .wrap #languages-wrap .languages-list li a {color:#7f7f7f;}
#header .wrap #languages-wrap .languages-list li a:hover, #header .wrap #search-wrap .languages-list li a:active, #header .wrap #search-wrap .languages-list li a:focus {color:#FFF; text-decoration:none;}

#header .wrap #social-wrap {float:left; overflow:hidden;}
#header .wrap #social-wrap .social-list {float:left;}
#header .wrap #social-wrap .social-list li {float:left; margin:0 0 0 5px;}
#header .wrap #social-wrap .social-list li:first-child {margin-left:0;}

.link-wrap {display:block;}

/* ----- Header ----- */

#nav-wrap {padding:15px 0; border-bottom:1px solid #505050;}

#nav-wrap #menu-primary-nav {font-size:0; text-align:center;}
#nav-wrap #menu-primary-nav li {display:inline-block; margin:0 5px; font-size:15px; line-height:25px;}
#nav-wrap #menu-primary-nav li a {display:block; padding:0 15px; color:#929292;}
#nav-wrap #menu-primary-nav li a:hover, #nav-wrap #menu-primary-nav li a:active, #nav-wrap #menu-primary-nav li a:focus, #nav-wrap #menu-primary-nav li.current-menu-item a, #nav-wrap #menu-primary-nav li.current-post-ancestor a {color:#FFF; text-decoration:none;}

/* ----- Banners & Slides ----- */

#banner-wrap {z-index:1; position:relative; height:370px; background:center center no-repeat;}
.single-post #banner-wrap, .post-type-archive-careers #banner-wrap, .single-careers #banner-wrap {border-bottom:1px solid #505050; background-size:cover;}

#banner-wrap.slides {height:650px;}

.slides-wrap {z-index:1; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden;}
.slides-wrap .slick-list {width:100%; height:100%;}
.slides-wrap .slick-track {width:100%; height:100%;}
.slides-wrap .slide {float:left; width:100%; height:100%; background:center center no-repeat; background-size:cover;}

.contact .slides-wrap .slide {position:absolute; z-index:0; opacity:0;}
.contact .slides-wrap .slide.active {z-index:1; opacity:1;}

.slides-wrap .slick-dots {z-index:2000; position:absolute; top:25px; left:25px; overflow:hidden;}
.slides-wrap .slick-dots li {float:left; margin:0 5px 0 0;}
.slides-wrap .slick-dots li a {display:block; width:8px; height:8px; text-indent:-9999px; border:1px solid #000; background:#FFF;}
.slides-wrap .slick-dots li a:hover, .slides-wrap .slick-dots li.slick-active a {border-color:#FFF; background:#000;}

.slides-wrap .control {z-index:2000; position:absolute; top:50%; display:block; width:65px; height:65px; margin-top:-32px; text-indent:-9999px; background:url('../images/bg-slides-controls.png') no-repeat #FFF;}
.slides-wrap .control:hover, .slides-wrap .control:active {background-color:#000;}
.slides-wrap .control.prev {left:0; background-position:0 0;}
.slides-wrap .control.prev:hover, .slides-wrap .control.prev:active {background-position:0 -65px;}
.slides-wrap .control.next {right:0; background-position:-65px 0;}
.slides-wrap .control.next:hover, .slides-wrap .control.next:active {background-position:-65px -65px;}

/* ----- Content ----- */

#content-wrap {position:relative; min-height:650px; padding:40px 0;}
.home #content-wrap, .single-post #content-wrap, .single-projects #content-wrap, .post-type-archive-careers #content-wrap, .single-careers #content-wrap {z-index:10; min-height:1px; margin-top:-80px; padding:0 0 15px 0;}
.search #content-wrap, .error404 #content-wrap {min-height:1px;}

#content-inner {z-index:10; position:relative;}

#content {background:#242424;}
.about #content {width:350px; padding:25px 25px 10px 25px;}
.single-projects #content {background:none;}
.single-post #content, .post-type-archive-careers #content, .single-careers #content {width:650px; margin-left:-25px; padding:25px; background:#242424;}

#content h1 {margin:0 0 15px 0; font-size:24px; line-height:30px; text-transform:uppercase; font-family:"HelveticaNeueThin"; color:#FFF;}
#content h2 {margin:0 0 15px 0; padding:10px 0 0 0; font-size:18px; line-height:24px; text-transform:uppercase; font-family:"HelveticaNeueThin"; color:#FFF;}
#content h3 {margin:0 0 15px 0; padding:10px 0 0 0; font-size:15px; line-height:21px; color:#FFF;}
#content h1 a, #content h2 a, #content h3 a {color:#d4d4d4; text-decoration:none;}
#content h1 a:hover, #content h1 a:active, #content h1 a:focus, #content h2 a:hover, #content h2 a:active, #content h2 a:focus, #content h3 a:hover, #content h3 a:active, #content h3 a:focus {text-decoration:underline;}
#content p {margin:0 0 15px 0; line-height:1.4em;}
#content a {color:#e8d3a0;}
#content a:hover, #content a:active, #content a:focus {text-decoration:underline;}
#content ul, #content ol {margin:0 0 15px 0; line-height:1.4em;}
#content ul li, #content ol li {margin:0 0 2px 0;}
#content ul li {padding:0 0 0 15px; background:url('../images/bg-content-li.png') 0px 6px no-repeat;}
#content ol li {margin-left:20px; list-style:decimal; background:none;}
#content img {max-width:100%; height:auto; margin:0 0 15px 0; padding:15px; background:#1b1b1b; box-sizing:border-box;}

#content .youtube-wrap {margin:0 0 15px 0; padding:15px; background:#1b1b1b;}
#content .youtube-wrap .inner {position:relative; width:100%; height:0; padding:0 0 56.25% 0; overflow:hidden;}
#content .youtube-wrap .inner iframe {position:absolute; width:100%; height:100%;}

#content #results-list h3 {margin:0 0 5px 0; padding:0;}

#content .header {margin:0 0 10px 0; color:#929292;}
#content .header .label {float:left; margin:0; line-height:25px;}
#content .header .filter-list.primary {float:left; margin:0; line-height:25px;}
#content .header .filter-list.primary li {float:left; margin:0 0 0 15px; padding:0; background:none;}
#content .header .filter-list.primary li .all {color:#929292;}
#content .header .filter-list.primary li .active {text-decoration:underline;}

#content .header .toggle {display:none;}
#content .header .filter-wrap {z-index:100; position:relative; float:right; width:220px;}
#content .header .filter-wrap .toggle {display:block; padding:0 10px; line-height:25px; color:#7f7f7f; border:1px solid #505050; background:url('../images/bg-filter-toggle.png') top right no-repeat;}
#content .header .filter-wrap .toggle:hover, #content .header .filter-wrap .toggle:active, #content .header .filter-wrap .toggle:focus {color:#FFF; text-decoration:none;}
#content .header .filter-wrap .filter-list {display:none; position:absolute; top:27px; right:0; left:0; margin:0; padding:5px 0; border:1px solid #505050; border-top:none; background:#242424;}
#content .header .filter-wrap .filter-list li {margin:0; padding:0; background:none;}
#content .header .filter-wrap .filter-list li a {display:block; padding:0 10px; line-height:25px; color:#7f7f7f;}
#content .header .filter-wrap .filter-list li a:hover, #content .header .filter-wrap .filter-list li a:active, #content .header .filter-wrap .filter-list li a:focus {color:#FFF; text-decoration:none;}

/* ----- Home ----- */

.home #content {position:relative; float:left; width:290px; margin-left:-25px; padding:25px; background:#242424;}

.home #side-col {float:right; width:560px; margin-right:-25px; padding:25px; background:#242424; overflow:hidden;}

.home #side-col .col-1 {float:left; width:215px;}
.home #side-col .col-1 h2 {margin:0 0 15px 0; font-size:24px; line-height:30px; text-transform:uppercase; font-family:"HelveticaNeueThin"; color:#FFF;}
.home #side-col .col-1 .news-list {min-height:275px; margin:0 0 20px 0;}
.home #side-col .col-1 .news-list li {margin:0 0 15px 0; line-height:1.4em;}
.home #side-col .col-1 .news-list li h3 a {color:#e8d3a0;}

.home #side-col .col-2 {float:right; width:320px; overflow:hidden;}
.home #side-col .col-2 h2 {margin:0 0 15px 0; font-size:24px; line-height:30px; text-transform:uppercase; font-family:"HelveticaNeueThin"; color:#FFF;}
.home #side-col .col-2 img {width:100%; height:auto; margin:0 0 20px 0;}
.home #side-col .col-2 p {margin:0 0 15px 0; line-height:1.4em;}
.home #side-col .col-2 p a {color: #e8d3a0;}

	.home #side-col .col-2 .project-list {width:100%; margin:0 0 20px 0; overflow:hidden;}
	.home #side-col .col-2 .project-list li {float:left; width:100%; height:100%;}
	.home #side-col .col-2 .project-list li .wrap {position:relative; display:block; width:100%; height:100%; color:#FFF;}
	.home #side-col .col-2 .project-list li .wrap img {width:100%; height:auto; margin:0; padding:0;}
	.home #side-col .col-2 .project-list li .wrap h3 {position:absolute; bottom:0; right:0; left:0; padding:10px; text-align:right; line-height:1.4em; color:#FFF; background:rgba(36,36,36,0.35);}
	.home #side-col .col-2 .project-list li .wrap:hover h3, .home #side-col .col-2 .project-list li .wrap:active h3, .home #side-col .col-2 .project-list li .wrap:focus h3 {background:rgba(0,0,0,0.75);}
.home #side-col .col-2 .button {float:right;}

/* ----- News ----- */

.category #content-wrap {padding:35px 0;}
.category #content {float:right; width:670px; padding-left:29px; border-left:1px solid #505050;}

.category #side-col {float:left; width:240px;}
.category #side-col .cat-list li {border-top:1px solid #333;}
.category #side-col .cat-list li:first-child {border-top:none;}
.category #side-col .cat-list li a {display:none;}
.category #side-col .cat-list li li a {display:block; height:30px; line-height:30px; padding:0 30px 0 15px; font-size:13px; color:#FFF; text-decoration:none; background:url('../images/bg-button.png') right 0 no-repeat #000; background-size:30px 60px;}
.category #side-col .cat-list li a:hover, .category-news #side-col .cat-list li a:active, .category-news #side-col .cat-list li a:focus {color:#000; background-position:right -30px; background-color:#FFF;}

#content #cat-wrap .news-post {margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #505050; overflow:hidden;}
#content #cat-wrap .news-post:last-of-type {margin:0 0 15px 0; padding:0; border:none;}
#content #cat-wrap .news-post .thumb {float:left; display:block; width:120px;}
#content #cat-wrap .news-post .thumb img {width:100%; height:auto; margin:0; padding:0;}
#content #cat-wrap .news-post .details {float:right; width:530px;}
#content #cat-wrap .news-post .details .date {margin:0 0 3px 0; color:#FFF;}
#content #cat-wrap .news-post .details h2 {margin:0 0 5px 0; padding:0; font-size:13px; line-height:1.4em; text-transform:none; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}
#content #cat-wrap .news-post .details h2 a {color:#e8d3a0;}
#content #cat-wrap .news-post .details p {margin:0;}

#content #post-wrap {position:relative; padding:0 0 15px 0;}
#content #post-wrap h1 {margin:0; padding-right:100px;}
#content #post-wrap .date {margin:0 0 25px 0; font-size:24px; line-height:30px; font-family:"HelveticaNeueThin"; color:#929191;}

#content #post-wrap .social-list {position:absolute; top:0; right:0;}

/* ----- Design Services & Bespoke Interiors ----- */

.design-services #content, .bespoke-interiors #content {width:400px; padding:25px 0 0 0;}
.design-services #content h1, .bespoke-interiors #content h1 {padding:0 25px;}

#content #services-list {margin:0;}
#content #services-list li {margin:0; padding:0; border-top:1px solid #333; background:none;}
#content #services-list li h2 {margin:0; padding:0; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; text-transform:none; background:#000;}
#content #services-list li h2 a {display:block; margin:0 15px 0 0; padding:0 25px; line-height:30px; color:#FFF; background:url('../images/bg-toggle-arrow.png') right 0 no-repeat; background-size:30px 60px;}
#content #services-list li h2 a:hover, #content #services-list li h2 a:active, #content #services-list li h2 a:focus {text-decoration:none;}
#content #services-list li h2 a.active {background-position:right -30px;}
#content #services-list li .details {padding:20px 25px 5px 25px;}

/* ----- Team ----- */

.team #content-wrap {min-height:1px; padding-bottom:150px;}

#content .header.team .filter-list li .theme-a {color:#7b62c5;}
#content .header.team .filter-list li .theme-b {color:#9ebf04;}
#content .header.team .filter-list li .theme-c {color:#eb6c05;}

#content #team-list {width:950px; margin:0 0 0 -5px; font-size:0;}
#content #team-list li {display:inline-block; width:180px; margin:0 5px 10px 5px; padding:0; font-size:14px; vertical-align:top; background:none; cursor:pointer;}

#content #team-list li .thumb {z-index:1; position:relative; width:180px; height:230px; margin:0; padding:0;}
#content #team-list li .details {z-index:2; position:relative; margin-top:-45px; padding:6px 10px; border-bottom:5px solid; background:rgba(36,36,36,0.85);}
#content #team-list li .details h2 {margin:0 0 5px 0; padding:0; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; line-height:14px; color:#d4d4d4; text-transform:none;}
#content #team-list li .details h3 {margin:0; padding:0; font-size:12px; line-height:14px; font-weight:normal; color:#8e8e8e;}
#content #team-list li .details .info {position:absolute; top:45px; right:0; left:0; display:block; padding:5px 10px; color:#FFF; box-sizing:border-box;}
#content #team-list li .details .info p {margin:0 0 5px 0; font-size:12px; line-height:1.4em;}
#content #team-list li .details .close {position:absolute; top:-30px; right:0; display:none; width:30px; height:30px; text-indent:-9999px; background:url('../images/bg-team-details-close.png') 0 0 no-repeat;}

#content #team-list li.active .details {z-index:10;}
#content #team-list li:hover .details h2, #content #team-list li.active .details h2, #content #team-list li:hover .details h3, #content #team-list li.active .details h3 {color:#FFF;}
#content #team-list li.active .details .close {display:block;}

#content #team-list .theme-a .details {border-color:#7b62c5;}
#content #team-list .theme-a:hover .details, #content #team-list .theme-a.active .details, #content #team-list .theme-a .details .info, #content #team-list .theme-a .details .close {background-color:#7b62c5;}
#content #team-list .theme-b .details {border-color:#9ebf04;}
#content #team-list .theme-b:hover .details, #content #team-list .theme-b.active .details, #content #team-list .theme-b .details .info, #content #team-list .theme-b .details .close {background-color:#9ebf04;}
#content #team-list .theme-c .details {border-color:#eb6c05;}
#content #team-list .theme-c:hover .details, #content #team-list .theme-c.active .details, #content #team-list .theme-c .details .info, #content #team-list .theme-c .details .close {background-color:#eb6c05;}

/* ----- Projects ----- */

.post-type-archive-projects #content-wrap {min-height:1px;}

#content .header.projects .filter-list.primary li:nth-child(2) a {color:#fff280;}
#content .header.projects .filter-list.primary li:nth-child(3) a {color:#f75d59;}
#content .header.projects .filter-list.primary li:nth-child(4) a {color:#808cff;}

#content #project-list {width:960px; margin:0 0 0 -10px; font-size:0;}
#content #project-list li {display:inline-block; width:220px; margin:0 10px 20px 10px; padding:0; font-size:14px; vertical-align:top; background:none;}
#content #project-list li.grid-sizer {margin-bottom: 0;}

#content #project-list li .thumb {z-index:1; position:relative; display:block;}
#content #project-list li .thumb:hover, #content #project-list li .thumb:active, #content #project-list li .thumb:focus {text-decoration:none;}
#content #project-list li .thumb img {width:100%; height:220px; margin:0; padding:0;}
#content #project-list li .thumb .details {z-index:2; position:relative; min-height:33px; margin-top:-45px; padding:6px 10px; border-bottom:5px solid; background:rgba(36,36,36,0.85);}
#content #project-list li .thumb .details h2 {margin:0 0 5px 0; padding:0; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; line-height:14px; color:#d4d4d4; text-transform:none;}
#content #project-list li .thumb .details h3 {margin:0; padding:0; font-size:12px; line-height:14px; font-weight:normal; color:#8e8e8e;}
#content #project-list li .thumb:hover .details h2, #content #project-list li .thumb:hover .details h3 {color:#000; text-decoration:none;}

#content #project-list li.sectors-residential .thumb .details {border-color:#808cff;}
#content #project-list li.sectors-residential .thumb:hover .details {background-color:#808cff;}
#content #project-list li.sectors-commercial .thumb .details {border-color:#fff280;}
#content #project-list li.sectors-commercial .thumb:hover .details {background-color:#fff280;}
#content #project-list li.sectors-education .thumb .details {border-color:#f75d59;}
#content #project-list li.sectors-education .thumb:hover .details {background-color:#f75d59;}

.post-type-archive-projects #content .loading {width:50px; height:50px; margin:0 auto; text-indent:-9999px; background:url('../images/bg-loading.gif') 0 0 no-repeat;}

#content #project-wrap .col-1 {float:left; width:390px; margin-left:-25px; padding:25px; background:#242424;}
#content #project-wrap .col-1 .project-details {margin:0 0 25px 0;}
#content #project-wrap .col-1 .project-details li {margin:0; padding:11px 0; line-height:18px; border-top:1px solid #505050; background:none; overflow:hidden;}
#content #project-wrap .col-1 .project-details li:first-child {border:none;}
#content #project-wrap .col-1 .project-details li span {display:block;}
#content #project-wrap .col-1 .project-details li .title {float:left; width:120px;}
#content #project-wrap .col-1 .project-details li .data {float:right; width:260px;}
#content #project-wrap .col-1 .footer {overflow:hidden;}
#content #project-wrap .col-1 .social-list {float:left; padding:3px 0 0 0;}
#content #project-wrap .col-1 .button {float:right;}
#content #project-wrap .col-2 {float:right; width:460px; padding:120px 0 20px 0;}

/* ----- Careers ----- */

#content .jobs-list li {margin:0 0 20px 0; padding:20px 0 0 0; border-top:1px solid #505050; background:none;}
#content .jobs-list li h2 {margin:0 0 5px 0; padding:0; font-size:13px; line-height:1.4em; text-transform:none; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}
#content .jobs-list li h2 a {color:#e8d3a0;}
#content .jobs-list li h3 {margin:0 0 15px 0; padding:0; font-size:13px; line-height:1.4em; font-weight:normal;}

#content #post-wrap.careers h2.secondary {margin:0; padding:10px 0 0 0;}
#content #post-wrap.careers .intro {padding:20px 0 0 0;}

/* ----- Contact Us ----- */

.contact #content {background:none;}

#content #offices-list {margin:0; background:none; overflow:hidden;}
#content #offices-list li {float:left; width:290px; margin:0 0 0 35px; padding:20px 0 0 0; background:#242424;}
#content #offices-list li:first-child {margin-left:0;}
#content #offices-list li:nth-child(1) h1 {color:#7b62c5;}
#content #offices-list li:nth-child(2) h1 {color:#9ebf04;}
#content #offices-list li:nth-child(3) h1 {color:#eb6c05;}

#content #offices-list h1 {margin:0 15px 20px 25px; padding:0; background:url('../images/bg-toggle-arrow.png') right 0 no-repeat; background-size:30px 60px; cursor:pointer;}
#content #offices-list h1.active {background-position:right -30px;}

#content #offices-list li .details {padding:0 25px;}
#content #offices-list li .details p {margin:0;}
#content #offices-list li .details .address {margin:0 0 5px 0;}
#content #offices-list li .details .email {margin:0 0 15px 0;}
#content #offices-list li .details .email a {color:#d4d4d4;}
#content #offices-list li .details .enquiry {clear:both; float:right; min-width:90px; margin-right:-20px;}
#content #offices-list li .details .success {margin:0 0 20px 0; color:#a3e5a4; font-weight:bold;}

#content #offices-list li .form-wrap {padding:0 5px;}
#content #offices-list li .form-wrap .honeypot {display:none;}
#content #offices-list li .form-wrap .field {margin:0 0 5px 0; padding:0 20px; overflow:hidden;}
#content #offices-list li .form-wrap .field label {position:absolute; left:-9999px;}
#content #offices-list li .form-wrap .text input, #content #offices-list li .form-wrap .textarea textarea {float:left; width:100%; height:30px; margin:0; padding:5px; line-height:20px; border:1px solid #505050; box-sizing:border-box;}
#content #offices-list li .form-wrap .textarea textarea {height:75px;}
#content #offices-list li .form-wrap .text input.error, #content #offices-list li .form-wrap .textarea textarea.error {border-color:#ff7979; background:url('../images/bg-error.png') top right no-repeat; background-size:30px 30px;}
#content #offices-list li .form-wrap .controls {margin:0; padding:10px 0 0 0; overflow:hidden;}
#content #offices-list li .form-wrap .controls .button {min-width:35px;}
#content #offices-list li .form-wrap .controls .back {float:left;}
#content #offices-list li .form-wrap .controls .submit {float:right;}
#content #offices-list li .form-wrap .controls .error {padding:0 20px; color:#ff7979;}


#content #offices-list li .map-wrap {clear:both; height:185px; margin:0; padding:5px;
	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter:gray;
	-webkit-filter:grayscale(99%);
	-webkit-backface-visibility:hidden;
}
#content #offices-list li .map-wrap iframe {width:100% !important; height:100% !important;}

/* ----- Search ----- */

#content #results-list li {margin:0 0 15px 0; padding:15px 0 0 0; color:#e8d3a0; border-top:1px solid #505050; background:none;}
#content #results-list li h3 {margin:0 0 3px 0; padding:0; font-size:13px; line-height:normal; font-weight:normal;}
#content #results-list li h3 a {color:#e8d3a0;}
#content #results-list li p {color:#d4d4d4;}

/* ----- Footers ----- */

#sub-footer-wrap {padding:5px 0; border-top:1px solid #505050;}
#sub-footer {overflow:hidden;}
#sub-footer .logo-list {float:right; font-size:0;}
#sub-footer .logo-list li {display:inline-block; height:40px; margin:0 0 0 10px; font-size:14px;}
#sub-footer .logo-list li img {width:auto; height:100%;}

#footer-wrap {padding:15px 0; border-top:1px solid #505050;}
#footer {overflow:hidden;}
#footer .cities-list {float:left; margin:0 10px 0 0; font-size:0;}
#footer .cities-list li {display:inline-block; line-height:25px; font-size:15px; vertical-align:top;}
#footer .cities-list li:before {display:inline-block; margin:0 5px; content:"."; vertical-align:top; line-height:20px;}
#footer .cities-list li:last-child:before {display:none;}
#footer .cities-list li a {float:left; color:#FFF;}
#footer .copy {float:left; line-height:25px; color:#7f7f7f;}
#footer .credit {float:right; color:#7f7f7f; line-height:25px;}
#footer .credit a {color:#7f7f7f;}