@import url("fonts.css");

body{
	color: #33332C;
}

.container{
	padding: 0px;
}


/*	Wordpress Styles	*/
img.alignright{
	float: right;
	margin: 5px 0px 20px 20px;
}

img.alignleft{
	float: left;
	margin: 5px 20px 20px 0px;
}


.vertical-centre{
	display: table;
	top: 0px;bottom: 0px;left: 0px;right: 0px;
	margin: auto;
	position: absolute;
	padding: 0px 15px;
}

h1, h2, h3, h4, h5, h6 {
	
	font-family: 'Guardian', Arial, Helvetica, Geneva, sans-serif;
	font-weight: 200;
	margin: 0px;
	color: #5F574F;
	-webkit-transform-style: preserve-3d;
}


h1 {
	font-size: 48px;
	width: 100%;
	color: white;
}

a{
	color: #938A82;
}

a:hover{
	color: #E37222;
	text-decoration: none;
}

header h1{
	line-height: 120px;
	word-break: break-all;
	white-space: nowrap;
}


h2 {
	font-size: 30px;
	margin-bottom: 20px;
	margin-top: 10px !important;
}

h2:first-of-type{
	margin-top: 0px;
}
h3 {
	font-size: 20px;
	font-weight:normal !important;
	color: #5F574F;
	line-height: 1.3;
}

h4, h5, h6 {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 16px;
}
h5 {
	font-size: 14px;
	font-weight: bold;
}
h6 {
	font-size: 12px;
	font-weight: bold;
}

.site-content h3{
	margin: 15px 0px;
	line-height: 1.3em;
}

ul{
	padding-left: 16px;
}


/*	Header	*/
body > header{
	height: 180px;
	background-size: cover;
	position: fixed;
	top: 0px;
	background: #5F574F;	
	z-index: 1000;
	width: 100%;
	padding: 0px;
	margin: 0px !important;
}


body.feature > header{
	background: #FFF !important;
}

header .mobile-feature-image,
header .feature-image{
	width: 100%;
	height: 486px;
	height: 0px;
	padding: 0px 0px 40.7% 0px;
	background-size: contain;
	background-position: center top;
	background-repeat: no-repeat;
	top: 0px;
	margin: 0px auto;
}

header .feature-image{
	margin: 0px auto;	
}



header .mobile-feature-image{
	display: none;
}

/*	SEARCH	*/

.js-search{
	position: absolute;
	right: 0px;
	background: #5F574F url(../images/search.png) no-repeat center 50px;
	width: 43px;
	height: 85px;
	text-indent: 100%;
	overflow: hidden;
	
}

#ajax-search{
	position: absolute;
	top: 0px; bottom: 0px;
	width: 100%;
	background: rgba(94, 87, 79, 0.8);
	display: none;
	z-index: 1100;
}

#ajax-search input{
	position: absolute;
	top: 85px;
	width: 100%;
	font-size: 30px;
	padding: 50px 50px 50px 100px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: white url(../images/search-field.png) no-repeat 30px center;
	background-image: url(../images/search-field.svg);
	z-index: 0;
}

#ajax-search .close{
	background: url(../images/search-close.png) no-repeat center center;
	width: 37px;
	height: 37px;
	position: absolute;
	top: 130px;
	right: 40px;
	opacity: 1;
	text-indent: -300%;
	z-index: 1500;
}





.search-results ol h2{
	font-size: 16px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	margin: 0px;
}

.search-results ol h2 a{
	color: #5F574F;
	color: #E37222;
}
.search-results ol {
	padding-left: 2px;
	margin-bottom: 40px;
}

.search-results ol li{
	padding-left: 34px	;
}


textarea, input, select { outline: none; }






/*		PAGINATION	*/


.pagination {
	width: 100%;
}
.pagination ul {
	list-style: none;
	border-top: 1px dotted #333;
	line-height: 15px;
	padding-top: 10px;
	margin-left: 15px;
	padding-left: 0px;
}

.pagination ul li{
	display: inline;
	line-height: 12px;padding:  10px 10px;
}

.pagination ul li.active{
	border-top: 1px solid #333;
}



/*	Main Navigation	*/


body > header{
	position: fixed;
	height: 85px;
	width:100%;
	padding: 0px;
	z-index: 100;
}


body header{
	overflow-y: visible;
}

body > header > nav{
	height: 85px;
	z-index: 1000;
	overflow: visible;
}

body > header > nav a{
	color: #414143;
}

/*	Logo	*/
body > header > nav > a{
	float: left;
	background: #fff url(../images/logo.png) no-repeat center center;
	background-repeat: no-repeat;
	width: 235px;
	height: 85px;
	overflow: hidden;
	text-indent: -200%;
	z-index: 10;
	position: absolute;
	margin-left: -15px;
	pointer-events: auto;
	background-size: 95%;
	
	
}
body.no-svg > header > nav > a{
	background: #5F574F url(../images/logo.png) no-repeat center center;
}


/*	Sliding menu	*/
body > header > nav div ul{
	height: 100%;
	padding: 0px;
	z-index: 0;
	right: 43px;
	width: auto;
	min-width: 585px;
	float: right;
	margin-right: 43px;
	
}

header > nav {
	overflow: hidden;
}


.js-draw{
	position: relative;
	height: 85px;
	background: #FFF;
	/*
	-webkit-transition: width 0.6s ease-in-out 0s;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;	
	*/
	width: 100%;
	overflow: hidden;
}

.js-draw:hover{
	overflow: visible;
}
.open .js-draws{
	width: 100%;
}

body > header > nav.open ul{
	float: right;
	position: static;
	overflow: visible;
	margin-top: 35px;
}



/*	Dropdown	*/
body > header > nav > div > ul > li{
	position: relative;	
	display: block;
}

body > header > nav > div > ul > li > ul{
	opacity: 0;
	display: none;
	position: absolute !important;
	-webkit-transition: opacity 0.3s ease-in-out 0s;
	margin-top:0 !important;
	width:220px !important;
	min-width:210px !important;
}
body > header > nav > div > ul > li:hover ul{
	display: block;
	opacity: 1;
}

body > header > nav > div > ul > li:hover ul li{
	color: white;
}
body > header > nav div > ul > li > ul{
	left: 0px;
	background: white;
	padding: 0px 0px 0px 0px;
}

body > header > nav div > ul > li > ul a{
	color: black;	
	height: 100%;
	width: 100%;
	display: block;
	padding: 0px 20px;
	line-height: 40px;
}
body > header > nav div > ul > li > ul a:hover{
	color: white;
	text-decoration: none;
	background: #F00;
	
}


body > header > nav div > ul > li{
	display: inline;
	font-size: 14px;
	font-weight: bold;
	float: left;
	font-family: Arial;
	font-weight: bold !important;
}

body > header > nav > div >  ul > li > a{
	padding: 15px 10px 15px 10px;
	display: block;
	font-family: Arial;
	font-weight: bold !important;
	text-transform:uppercase;
}

body > header > nav > div > ul > li ul li a{
	color: #5F574F;
	font-family: Arial;
	font-weight: bold !important;
}

.current_page_parent > a,
.current_page_item > a,
body > header > nav > div > ul > li > a:hover{
	background: #938A82;
	color: white;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold !important;
}


body > header > nav > div > ul > li:hover a,
body > header > nav > div > ul > li:hover{
	background: #8a0204;
	font-family: Arial;
	font-weight: bold !important;
}

body > header > nav > div > ul > li:hover ul li a{
	background: white !important;
	font-family: Arial;
	font-weight: bold !important;
}


body > header > nav > div > ul > li:hover ul li:hover a,
body > header > nav > div > ul > li:hover ul li.current_page_item a{
background: #938A82 !important
}



body > header > nav div > ul > li > ul > li{
	background: white;
	padding: 0px;
	height: 40px;
	float: none;
	display: block;
	border-bottom: 1px solid #F2F2F2;	
}

/*	Headers	*/
header nav ul.sub-menu{
	width: auto;
	position: absolute !important;
	left: 0px;
	width: 300px;
}



a.primary,
input[type="submit"] {
	font-weight: bold;
	background: #9CDCD9;
	box-shadow: none;
	border: none;
	text-align: center;
	padding:  0px 25px;
	line-height: 40px;
	display: inline-block;
	color: #5f574f;
	margin: 5px 0px 20px 0px;
	-webkit-border-radius: 4px;
	 -khtml-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	             behavior: url(../../../css/border-radius.html);
}

a.project-more{
	background: #9CDCD9 url(../images/project-more.png) no-repeat 95% center;
	color: white;
	font-size: 20px;
	line-height: 40px;
	display: block;
	text-align: center;
	width: 91%;
	position: absolute;
	bottom: 15px;
}

a.project-more:hover{
	text-decoration: none;
	background: #7eccca;
}
input[type="submit"]{
	min-width: 160px;
}


/*		PAGE		*/




/*	HOMEPAGE	*/

.page-template-template-homepage-php header{
	height: 85px;
	width: 100%;
	margin: 0px;
	background-repeat: no-repeat;
	background: none;
}



.page-template-template-homepage-php.logged-in main{

	margin-top: -85px;
} 

.logged-in > header{
	top: 32px;
}

.main-banner {
	background-size: cover;
	background-position: center 85px;
	background-attachment: fixed;
	position: relative;
	background-repeat: no-repeat;
	padding-bottom: 44.9%;
	height: 0px;
	position: relative;
	overflow: hidden;
}

.main-banner .desktop .afrodit{
	width: 154px;
	height: 35px;
	background: url(../images/scroll.png);
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
  	
}

.main-banner .desktop{
	width: 100%;
	height: 0px;
	position: static;
	padding-bottom: 45.3%;
	background-attachment: fixed;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: left 0px;
}




.main-banner > .container {
	display: table;
	margin: auto !important;
	top: 0px; left: 0px;
	bottom: 0px; right: 0px;
	position: absolute !important;
	
}

.main-banner .container > div{
	height: 200px !important;
}



.branding-image{
	height: 550px;

	background-attachment: fixed;
	
	-webkit-background-size: 100%;
				-moz-background-size: 100%;
				-o-background-size: 100%;
				background-size: 100%;
				
				
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

.homepage-capabilities{
	height: 550px;
	position: relative;
}

.homepage-capabilities .details p{
	float: left;
	width: 75%;
}

.homepage-capabilities a.primary{
	float: right;
	margin-left: 20px;
}

.main-banner .container,
.main-banner .container > div{
	height: 100%;
	position: relative;
}

.homepage-capabilities .col-sm-8 .col-sm-6{
	height: 0px;
	padding-bottom: 25%;
}

.homepage-capabilities .col-sm-8 .col-sm-6 .primary{
	position: static;
	bottom: 0px;
	float: l;
}

.main-banner h1,
.main-banner h2{
	padding: 0px;
	color: rgb(255, 255, 255);
	text-align: right;
	text-shadow: 1px 1px black;
}

.main-banner h2{
	margin: 25px 0px 0px 0px !important;
}


/*					 */
/*	----HOMEPAGE---- */
/*					 */

.page-template-template-homepage-php h1{
	text-align: right;
}

.main-content-area{
	padding: 0px 0px;
}


.main-content-area img{
	width:33.33333333333332%;
	height: auto;
	margin-top: 12px;
}

.main-content-area h2{
	margin-bottom: 10px;
	margin-top: 0px !;
}
.main-content-area .container,
.homepage-recent-projects .container, 
.homepage-recent-projects .container > div{
	position: relative;
}

.main-content-area .container{
	margin: 60px auto 50px auto;
}

.homepage-recent-projects{
	height: 550px;
	background: white url('../images/home-background-graphic.jpg');
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: top right; 
	-webkit-box-sizing: content-box;
	
	
}

.homepage-recent-projects div{
	position: relative;
	height: 100%;
}

.homepage-recent-projects .vertical-centre{
	height: auto;
	top: 0px;
	bottom: 0px;
	margin: auto;
	position: absolute;
}
.homepage-recent-projects nav{
	margin-top: 30px;
}
.homepage-recent-projects nav a{
	max-width: 260px;
	height: 0px;
	padding-bottom: 40%;
	width: 40%;
	display: block;
	float: left;
	overflow: hidden;
	text-indent: -200%;
	background-position: center center;
	background-size: cover;
}

.homepage-capabilities h1{
	color: #5F574F;
	text-align: left;
	margin-left: -15px;
}

.page-template-template-homepage-php main{
	margin-bottom: 0px;
}


.construction-link{
	background: url('../images/ana1.png');
}

.development-link{
	background: url('../images/ana2.png');
	margin-right: 5%;
}





.now-selling{
		background: #E37222 url(../images/staff-arrow.png) no-repeat 97% center;	
		display: block;
		text-align: center;
		color: white;
		height: 159px;
		padding-top: 1px;
		position: relative;
}

.now-selling h2,
.now-selling h3{
	 color: white;
	 font-size: 48px;
	 margin: 0px;
	 
}
.now-selling h3{
	font-size: 30px;
	font-weight: 100;
}

.now-selling:hover {
	color: white;
}
.now-selling > div{
	margin: 0px auto;
	float: none;
	clear: both;
	color: white;
	position: static;
	margin-top: 0px;
	position: absolute;
	top: 28px; bottom: 0px;
	left: 0px; right: 0px;
	height: auto;
	display: table;
	width: 100%;
}






.useful-links{
	min-height: 510px;
	height: auto;
	position: relative;
	background: #9CDCD9;
}



.useful-links h1,
.useful-links h2{
	color: white;
	text-align: left;
	margin-bottom: 30px;
}


.useful-links h4{
	margin-bottom: 0px;
	font-weight: bold;
}

.useful-links a{
	color: #33332C;
}
.useful-links ul{
	list-style: none;
	padding: 0px;
}


/*	CONTENT	*/

article{
	margin-bottom: 20px;
}



iframe{
	padding: 0px !important;
	border: none;
	margin-bottom: 30px;
	z-index: -10;
	width: 100%;
}



article > header{
	margin-bottom: 30px;
	background: #33332C;
	width: 100%;
}



main{
	margin-bottom: 30px;
}

main > header{
	margin-bottom: 30px;
	background: #5F574F;
	padding-top: 95px;	
	
}

.error404 main > header{
	margin-bottom: 0px;
}

.feature > main > header{
	padding: 0px;
}



/*	Sidebars	*/

#main-content .grey{
	background: #F2F2F2;
}

#main-content .grey .container{
	margin-top: 30px;
	margin-bottom: 30px;
}




.grey{
	background: #F2F2F2;
	padding: 40px 0px;
}

aside.grey{
	position: relative;
	padding-top: 70px;
	padding-bottom: 60px;
}

aside.grey h3{
	color: #E37222;
	margin-bottom: 5px;
}

aside.grey h4{
	position: absolute;
	top: 0px;
	line-height: 40px;
	
	background: #dbd9d9; /* Old browsers */
	background: -moz-linear-gradient(left,  #dbd9d9 0%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbd9d9), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #dbd9d9 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #dbd9d9 0%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #dbd9d9 0%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(to right,  #dbd9d9 0%,#f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbd9d9', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 */
	width: auto;
	padding-right: 50px;
	font-weight: bold;
}

aside.grey h4:after{
	content: ' ';
	width: 100%;
	height: 40px;
	background: #dbd9d9;
	position: absolute;
	left: -100%;
	z-index: -1;
	top: 0px;
}


aside.grey ul{
	padding: 0px;
	list-style: none;
}

aside.grey ul li,
aside.grey ul a{
	font-size: 20px;
	color: #E27225;
	font-weight: 500;
}

 aside blockquote{
	font-family: 'Guardian', Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 0px;
	
}

/*	Forms	*/
.gform_heading h3{
	font-size: 30px;
	margin-bottom: 20px;
	margin-top: 0px;
}

.gform_body h2 {
	font: 16px Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 10px;
	margin-top: 20px;
}






form{
	width: 100%;
	clear: both;
}

form label{
	font-size: 12px;
	display: none;
}

form ul{
	list-style: none;
	padding: 0px !important;
	padding-top: 50px;
}

select{
	-webkit-appearance: none;
	border-radius: 0px;
	border: 1px solid #d3d3d3;
	width: 90%;
	padding: 5px 10px;
	display: block;
}

select,
textarea,
input[type="text"],
input[type="email"],
input[type="tel"]{
	width: 100%;
	border: 1px solid #d3d3d3;
	padding: 5px 10px;
	margin: 0px auto 10px 0;
}

.page-id-21 .grey .widget_text{
	width: 30%;
	float: left;
	clear: none;
}

.page-id-21 .grey .widget_text h3{
	margin-bottom: 10px;
}

.page-id-21 .gform_widget{
	width:60%;
	margin-right: 6%;
	float: left;
}

.page-id-21 .widget_text{
	padding-top: 0px;

}

hr{
	border: none;
	border-top: 1px dotted #B5B5B5;
}


/*	STAFF		*/

.page-template-template-staff-php h3{
	color: #e37222;
}

ul.teal-list{
	list-style: none;
	padding: 0px;
	margin: 30px auto;
}

ul.teal-list li{
	margin-bottom: 15px;
	height: 100%;
}

ul.teal-list li a{
	height: 99px;
	display: block;
	padding-top: 1px;
	background: #9CDCD9 url(../images/staff-arrow.png) no-repeat 96% center;
}

ul.teal-list li a h2{
	margin: 24px 0px 0px 20px !important;
	color: #5F574F;
	
}

ul.teal-list li a h4{
	margin: 0px 0px 0px 20px;
	color: #5F574F;
	font-weight: bold;
}

ul.teal-list li a:hover{
	text-decoration: none;
}

.single-staff-member article .col-sm-8{
	float: right;
}

.single-staff-member article .col-sm-4{
	height: 490px;
	display: table;
	float: left;
}

.single-staff-member article .col-sm-4:after{
	content: ' ';
	background: url(../images/staff-profile-bg.png) no-repeat;
	background-size: contain;
	width: 392px;
	height: 449px;
	position: absolute;
	z-index: -10;
	right: 5px;
	top: -10px;
}


.single-staff-member .col-sm-4 img{
	padding: 5px;
	z-index: 1;
	right: 0px;
	top: 10px;
	background: white;
	width: 100%;
	height: 1;
	margin-top: 70px;
	margin-bottom: 10px;
}

.single-staff-member article .col-sm-4 a{
	bottom: 80px;
	margin: 0px;
	right: 140px;
	clear: both;
	
}


.single-staff-member blockquote{
	color: #E37222;
	padding: 0px;
	border: none;
	font-size: 20px;
	font-family: 'Guardian', Arial, Helvetica, Geneva, sans-serif;
}

.single-staff-member h2{
	margin-bottom: 0px;
}

.single-staff-member strong{
	margin-bottom: 15px;
	display: block;
}
blockquote{
	color: #E37222;
	border: none;
	padding: 0px;
	font-size: 20px;
}




/*	WIDGETS	*/


.widget_project_spotlight ul li{
	margin-bottom: 15px;
	list-style: none;
	
}

height: 115px;
.widget_project_spotlight ul{
	list-style: none;
}

.widget_project_spotlight .image-link{
	float: left;
	padding: 0px;
	margin: 0px !important;
}

.widget_project_spotlight .img{
	background-size: cover;
	background-repeat: no-repeat;
}
.widget_project_spotlight div{
	padding: 15px;
	font-size: 11px;
	background: #F2F2F2;
	height: 100%;
	height: 115px;
	margin: 0px;
	top: 0px;
}

.widget_project_spotlight h5{
	font-size: 12px;
	margin-bottom: 3px;
}

.widget_project_spotlight strong{
 	display: block;
 	margin-bottom: 11px;
 }

/*	FOOTER	*/

body > header,
body > header,
header.row{
	margin-left: 0px !important;
	margin-right: 0px !important;
	width: 100%;
	
	background-color:#FFF !important;
}

footer{
	min-height: 200px;
	background: #F2F2F2;
	padding-top: 30px;
	border-top: 4px solid #938A82;
	margin: 0px !important;
}

footer a{
	color: #938A82;
}
footer a:hover{
	color: #33332c;
	text-decoration: none;
}

footer .logo{
	background: url('../images/logo-dark.png') no-repeat center center;
	/* background-image: url(../images/logo-dark.png), none; */
	width: 165px;
	height: 50px;
	display: block;
	text-indent: -200%;
	overflow: hidden;
	margin-bottom: 20px;
	margin-left: -13px;
}

footer .col-sm-4{
	font-size: 12px;
}

footer h2.widgettitle{
	font-size: 20px;
	margin-bottom: 10px;
	color: #938a82;
}


footer .col-sm-2{
	text-align: center;
	border-left: 1px dotted #5F574F;
	min-height: 120px;
}

footer nav ul{
	padding: 0px;
	list-style: none;
}



.site-content img{
	width: 39.9999%;
	height: auto;
}

/*	Projects	*/

.content{
	margin-bottom: 10px;
	min-height: 0px;
}

.tax-sector,
.tax-type,
.tax-status,
.page-template-template-projects-php,
.page-template-template-now-selling-php{
	background: #F2F2F2;
}

.single-project article h2{
	margin-bottom: 40px;
	clear: both;
}
.page-template-template-projects-php article h3 a{
	color: #E37222;
}
.page-template-template-projects-php .site-content{
	padding-top: 30px;
}

.tax-sector article,
.tax-type article,
.tax-status article,
.page-template-template-projects-php article,
.page-template-template-now-selling-php article{
	background: white;
	padding: 15px;
	height: 0px;
	padding-bottom: 138.3%;
	margin-bottom: 30px;
	position: relative;
}

.page-template-template-projects-php article .excerpt{
	max-height: 60px;
	margin: 10px 0px 0px 0px;
	position: relative;
	overflow: hidden;
	height: 60px;
}

.page-template-template-projects-php article .excerpt p{
	margin: 0px;
}


.page-template-template-projects-php .main-content{
	min-height: 700px; /* used for js loading */
}

.project-list article img{
	width: 100%;
	height: auto;
	margin: 0px 0px 20px 0px;
}


.project-meta{
	font-size: 11px;
	margin: 10px 0px 20px 0px;
}

.project-meta strong{
	min-width: 70px;
	display: block;
	float: left;
}

.action{
	background: #9CDCD9; 
	padding: 0px 0px 0px 0px;		
	font-family: 'Guardian', Arial, Helvetica, Geneva, sans-serif;
	font-weight: 300;
	margin: 0px 0px 0px 0px;
	font-size: 20px;
	line-height: 26px;
	padding: 9px 15px;
	color: #5f574f;
	text-align: center;
}

.acf-map,
.enquiries{
	padding: 15px 0px 46% 0px;
	color: white;
	text-align: center;
	height: 0px;
		background: #f5f5f5;
	
}

.enquiries{
	background: #5f574f;
	margin-top: 30px;
	position: relative;
	padding: 0px;
	height: 0px;
	padding-bottom: 51%;
	
}

.enquiries h3{
	color: white;
	font-weight: 100;
	margin: 0px;
}

.enquiries .vertical-centre{
	width: 100%;
}


.single-project .acf-map{
	background: #33332C;
	margin-top: 30px;
}
.enquiries h4{
	margin-bottom: 10px;
}
.enquiries a{
	color: white;
}

.enquiries ul{
	list-style: none;
	padding: 0px;
}
.single-project .embed-wrapper{
	margin-top: 30px;
	height: 0px;
	width: 100%;
	padding: 0px 0px 50% 0px !important;
}





/*similar proejcts*/

.similar-projects{
	margin-top: 0px !important;
	position: static ;
}

.single-project .grey .container{
	
	margin: 0px auto !important;
}

.single-project .grey article img{
	width: 100%;
	height: auto;
}


.single-project .grey article h5{
	background: white;
	line-height: 20px;
	padding: 6px 15px;
}
/*	Project layout	*/
.swipe{
	z-index: -0;
}





.embed-wrapper{
	position: relative;
}

.embed-wrapper iframe{
	position: absolute;
	top: 0px;
}





/*	SLIDERS	*/
.swipe {
  overflow: hidden;
  position: relative;
}
.swipe ul {
  overflow: hidden;
  position: relative;
  padding: 0px;
  margin: 0px;
}
.swipe ul li {
  float:left;
  width:100%;
  position: relative;
	height: auto;
	padding: 0px;	
  overflow: hidden;
}

aside .swipe{
	margin-bottom: 20px;
}

.swipe li > h4{
	position: static;
	background: white;	
	font-weight: bold;
	padding-left: 15px;
}

.swipe ul li img{
	width: 100%;
	height: auto;
	margin: 0px;
}

.swipe p{
	display: none;
}

.swipe .progress{
	display: none;
}

.swipe .controls{
	position: absolute;
	margin: auto;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 65px;
	list-style: none;
	padding: none;
}

.swipe .controls li{
	width: 135px;
	background: url(../images/previous-arrow.png) no-repeat center center;
	height: 65px;
	text-indent: -200%;
	overflow: hidden;
	padding: 0px;
	cursor: pointer;
}

.swipe .controls li.next{
	float: right;
	background: url(../images/next-arrow.png) no-repeat center center;
}





/*	Social	*/

.social-links{
	line-height: 20px;
	list-style: none;
	padding: 0px;	
	margin-bottom: 45px;
	float: right;
	width:160px
}

.social-linksa:after{
	content: "Share";
	width: 67px;
	height: 24px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	color: white;
	overflow: visible;
	text-indent: 0%;
	margin: 0px 19%  0px 0px;
	background: #938A82;
	-webkit-border-radius: 99em;
	 -khtml-border-radius: 99em;
	   -moz-border-radius: 99em;
	        border-radius: 99em;
	        float: left;
	        position: absolute;
	        left: 0px;
	  
}
.social-links li{
	float: left;
	height: 24px;
	line-height: 24px;
	margin: 0px 3%;
	
}

.social-links li:last-child{
	margin-right: 0px;
}

.social-links li a{
	overflow: hidden;
	text-indent: -500%;
	height: 24px;
	width: 24px;
	display: block;
	background: url('../images/social-icons.png') no-repeat;
	/*
	-webkit-border-radius: 99em;
	 -khtml-border-radius: 99em;
	   -moz-border-radius: 99em;
	        border-radius: 99em;
	             behavior: url(/css/border-radius.htc);	
	  */
}



.social-links li a{
	background: url('../images/social-icons.svg') no-repeat;
}
.social-links li a.mail{
	background-position: -113px -1px;
}
.social-links li a.facebook{
	background-position: -138px -1px;
}


.social-links li a.twitter{
	background-position: -163px -1px;
}

.social-links li a.facebook:hover,
.social-links li a.linkedin:hover,
.social-links li a.mail:hover,
.social-links li a.twitter:hover{
	background-position-y: -26px;
}

.social-links li a.linkedin{
	background-position: -188px -1px;
}





.social-links li.title{
	width: 67px;
	height: 24px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	color: white;
	overflow: visible;
	text-indent: 0%;
	margin: 0px 19%  0px 0px;
	background: #938A82;
	-webkit-border-radius: 99em;
	 -khtml-border-radius: 99em;
	   -moz-border-radius: 99em;
	        border-radius: 99em;
	        position: absolute;
	        left: 0px;
	
}



footer .social-links {
	margin: 10px auto;
	padding: 0px;
	width: 100%;
	height: 10px;
	max-width: 80px;
	float: none;
	
}
footer .social-links li{
	display: block;
	width: 27%;
	padding: 0px;
	float: left;
}

footer .social-links li a{
	margin: 0px auto;
}

footer .social-links a.facebook{
	background-position: -63px 0px;
}

footer .social-links a.linkedin{
	background-position: -88px 0px;
}

footer .social-links a.facebook:hover,
footer .social-links a.linkedin:hover{
	background-position-y: -25px;
}

/*	404		*/
.error404 .content-404{
	height: 500px;
	background: #f1f2f1 url(../images/404-background.jpg) center / contain no-repeat;
	background-position: center right;
	margin-bottom: 0px;
}

.error404 .content-404 > div{
	margin-top: 45px;
}

.error404 .main-content{
	margin-bottom: 0px;
}

.filter select{
display: none;
}

.filter label{
	display: block;
	float: left;
	font-weight: normal;
	position: relative;
	line-height: 35px;
	padding: 0px 10px 0px 0px;
	margin: 10px 10px 10px 0px;
	border-right: 1px dotted white;
}

.filter .container{
	height: 55px;
	width: 100%;
	max-width: 1140px;
}

.filter .dropdown{
	float: left;
	max-width: 285px;
	width: 29%;
}

.filter .sort-dropdown{
	float: right;
	max-width: 200px;
}

.filter .dropdown label{
	width: 80px;
	text-align: center;
	padding: 0px;
	float: left;
	margin: 0px;
	line-height: 55px;
}



.filter .sbHolder{
	float: left;
	max-width: 195px;
	width: 60%;
	padding: 0px 0px 0px 0px;
	line-height: 10px;
	height: auto;
	margin: 0px;
	border: none;
}

.filter .sbHolder:after{
	content: none;
}


.tax-type main > header, 
.tax-status main > header,
.page-template-template-projects-php main > header,
.page-template-template-now-selling-php main > header{
	margin-bottom: 0px;
}

.filter .sbHolder{
	line-height: 55px;
	z-index: 10;
	border-right: 1px dotted white;
	background: #9CDCD9;
}

.filter label{
	color: #5F574F;
}

.filter .sbHolder > a{
	color: #5F574F;
}



.filter .sbHolder a{
	line-height: 55px;
	display: block;
	padding-left: 20px;	
}
.filter .sbHolder > a{
	font-weight: bold;
}

.sbHolder ul a:hover{
	background: #938A82;
	color: white;
}

.sbHolder > ul{
	list-style: none;
	width: 200px;
	background: white;
	z-index: 10;
	padding: 0px;
	left: 25%;	
}

.sbHolder a:focus{
	outline: none;
}

.project-list > div{
	z-index: 0;
}

.sbOptions a{
	background: white;
}

.sbHolder .sbOptions{
	position: absolute;
}

.col-sm-4 article{
	background: white;
	padding: 15px;
	height: 400px;
}

.page-id-15{
	background: #f2f2f2;
}

.page-id-15 .row{
	margin-bottom: 30px;
}
.page-id-15 article h3{

	margin: 15px 0px 10px;
}

.page-id-15 article h3 a{
	color: #E37222;
}

.page-id-15 article p{
	margin: 0px;
}
.col-sm-4 article img{
	width: 100%;
	height: auto;
	display: block;
	float: none;
	position: static;
	margin: 0px;
}


/**/
.no-posts{
		font-family: 'Guardian', Arial, Helvetica, Geneva, sans-serif;
		font-weight: 300;
		font-size: 20px;
		padding-left: 15px;
		margin-top: 10px;
	
}

.filter{
	background: #9CDCD9;
	height: 55px;
	line-height: 55px;
	width: 100%;
	left: 0px;
	right: 0px;
	top: 300px;
	margin: 0px auto 30px auto;
	z-index: 10;
	position: relative;
	top: 0px;
}

/* grey edge*/
.filter > .container:after{
	content: ' ';
	position: absolute;
	height: 55px;
	background: #5F574F;
	left: -100%;
	top: 0px;
	width: 113%;
	z-index: -1;
}
.filter .container{
	padding: 0px;
	z-index: 10;
}


.filter span{
	text-align: center;
}
#js-project-count{
	background: #5F574F;
	color: white;
	float: left;
	width: 13%;
	max-width: 195px;
	text-align: center;
}


/*	down arrow	*/
.dropdown .sbSelector{
	position: relative;
	padding-left: 40px;
	color: #33332C;
}
.dropdown .sbSelector:after{
	content: '';
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	
	border-top: 10px solid #5F574F;
	position: absolute;
	top: 24px;
	right: 20px;
}

/*	right arrow	*/
.js-type-dropdown.actives:after{
	content: '';
	 
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
		
	border-left: 10px solid #f00;
	top: 19px;
	left: 15px;
}

#js-filter-toggle{
	display: none;
}





#gform_1 .gform_button{
	float: left;
}

.js-elements{
	line-height: 50px;
	padding-left: 20px;
}

.js-elements a{
	margin-left: 10px;
}

.privacy-link{
	float: right;
}


.page-id-21 .site-content ul.social-links{
	position: static;
	float: left;
}

.page-id-21 .site-content ul.social-links a{
	margin: 0px 13px 0px 0px;
}


.mobile{
	display: none;
}


.sbHolder{
	position: relative;
	background: white;
	line-height: 22px;
	width: 100%;
	height: auto;
	border: 1px solid #d3d3d3;
	padding: 5px 10px;
	margin: 0px auto 10px 0;
}

.sbHolder a{
	display: block;
}
.sbHolder{
	
}

ul.sbOptions{
	left: -1px;
	top: 5px !important;
	border: 1px solid #d3d3d3;
	border-top: 0px;
	width: 100.5%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.filter ul.sbOptions{
	top:55px !important;
}


ul.sbOptions a{
	padding-left: 10px;
	line-height: 25px;
}

.sbHolder:after{
	content: '';
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	
	border-top: 8px solid #938A82;
	position: absolute;
	top: 12px;
	right: 10px;
}

.orange > header,
.orange > main > header{
	background-color: #a5432e !important;
}

.teal > header,
.teal > main > header{
	background-color: #a5432e;
}

.feature > header{
	background: none !important;
}

.page-id-15 article{
	height: 370px;
	padding-bottom: 25px;
	margin-bottom: 0px;
}


#mobile-menu-toggle{
	display: none;
}

@media (min-width: 992px) and (max-width:1199px){
	
	.homepage-capabilities .col-sm-8 .col-sm-6{
		height: 0px;
		padding-bottom: 33%;
	}
	
	
	
}


/*Tablet*/
@media (min-width: 768px) and (max-width:991px){
	.project-list .col-md-4:nth-child(3) {
		display: none;
	}
	
	.homepage-capabilities .col-sm-8 .col-sm-6{
		height: 0px;
		padding-bottom: 56%;
	}
	
	body > header > nav{
	
		width: 100% !important;
	}
	
	body > header > nav > div ul{
		width: 502px !important;
		min-width: 0px;
	}
	
	.now-selling h3{
		font-size: 24px;
	}
	
	body > header > nav a{
		padding-left: 12px !important;
		padding-right: 12px !important;
	}	
	
	.useful-links .vertical-centre{
		position: static;
		margin: 60px auto;
	}
	
	
}


@media (max-width: 767px) {
	.pcc{
		width: 33.33333333333333%;
	}
	.pcc2{
		width: 20.666666666666664%;
	}
	mapss1{
		width:250px;
		height:150px;
	}
	

	.desktop{
		display: none;
	}
	
	.row{
		margin: 0px !important;
	}
	
	.mobile{
		display: block;
	}
	
	.main-banner:after{
		content: none;
	}
	
	.page-template-template-homepage-php main{
		margin-top: 0px;
		height: 205px;
	}
	
	.main-banner.mobile {
		height: 205px;	
		background-size: 100% cover;
		background-position: center top;
		background-attachment: inherit;
		background-repeat: no-repeat;
	}
	
	
	.search-results ol {
		padding-left: 30px;
	}
	
	/*	Mobile Menu	*/
	body > header > nav{
		padding: 0px !important;
	}
	
	.js-draw{
		left: 0px;
		float: none;
		position: absolute;
		left: 0px;
		margin-top: 50px;
		width: auto !important;
		display: table;
		margin-left: -15px;
		padding: 0px;
		-webkit-transition: margin 0.3s ease-in-out 0s;
		background: none;
	}
	
	.js-draw li{
		width: 100%;
	}
	
	header nav ul.sub-menu{
		width: auto;
		position: static !important;
	}
	
	header nav a,
	header nav ul.sub-menu li{
		width: 300px;
		font-weight: bold;
	}
	
	.js-draw a{
		padding-left: 30px;
	}
	
	.js-draw ul > li{
		width: 215px;
		padding: 0px;
	}
	
	
	
	.js-draw ul li{
		width: 100%;
	}
	.open .js-draw{
		margin-top: -300px;
	}
	
	.js-draw{
		margin-top: 50px;
	}
	
	.js-search,
	body > header > nav  ul{
		position: static !important;
		float: none !important;
		margin: 0px;
		width: 300px !important;
	}
	
	body > header > nav div ul li ul li,
	body > header > nav div ul li{
		display: block;
		float: none;
		line-height: 40px;
		padding: 0px;	
	}
	body > header > nav div ul li ul li {
		padding: 0px 0px 0px 20px;
	}
	
	body > header > nav div ul li ul{
		
	}
	
	body > header > nav div ul{

		min-width: inherit;
				
	}
	
	body > header > nav div ul li a{
		padding: 0px;
		background: white;
		padding-left: 15px;
		color: #5F574F;
		border-bottom: 1px solid #DBD9D9;
		border-right: 1px solid #DBD9D9;
	}
	
	
	sbody > header > nav > div > ul > li:hover a,
	sbody > header > nav > div > ul > li:hover{
		background: #938A82;
		color: white;
	}
	
	.js-search{
		background: white url(../images/search-field.png) no-repeat;
		background-size: 24px;
		background-position: 25px center;
		height: 40px;
		float: none;
		line-height: 40px;
		position: static;
		width: 215px;
		display: block;
		left: 0px;
		top: 0px;
		border-bottom: 1px solid #DBD9D9;
		border-right: 1px solid #DBD9D9;
	}
	
	.js-search{
		background-image: url(../images/search-field.svg);
		float: none;
		position: static;
	}
	
	/*2nd level*/
	body > header > nav > div > ul > li:hover > ul > li a{
		background: #F2F2F2 !important;
		border-bottom: 1px solid #DBD9D9;
	}

	.menu-item-has-children:after{
		content: ' ';
		position: absolute;
		top: 17px;
		width: 3px;
		height: 1px;
		right: 10px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 7px solid #33332C;
		position: absolute;
	}

	.orange > header,
	.orange > main > header{
		background-color: #E37222 ;
	}
	
	.teal > header,
	.teal > main > header{
		background-color: #e37222;
	}
	
	/*	Logo	*/
	body > header > nav > a{
		width: 115px;
		height: 50px;
		/*background-size: 70px;*/
		margin-left: 0px;
	}
	
	
	
	#mobile-menu-toggle{
		display: block;
		background: #E37222 url(../images/hamburger.png) no-repeat center center;
		width: 50px;
		margin: 0px;
		left: 115px;
	}
	
	
	body > header > nav{
		position: fixed;
		overflow: visible;
		pointer-events: auto;
		height: 0px;
	}
	
	.row{
		padding: 20px 0px;
		margin: 0px;
	}
	
	.site-content{
		padding-top: 0px;
	}
	
	.feature-image{
		display: none;
	}
	
	
	header > .mobile-feature-image{
		height: 205px;
		display: block;
	}
	img.alignleft,
	img.alignright{
		width: 100%;
		height: auto;
	}

	
	article iframe{
		width: 110%;
		margin: 20px -5%;
	}
	
	aside.grey{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	aside.grey .col-xs-12{
		margin-bottom: 20px;
	}
	
	.grey .row{
		padding: 0px;
	}
	
	.vertical-centre{
		width: 100%;
		padding: 20px 0px;
		margin: 0px;
		position: static;
		height: auto;
		display: block;
		min-height: 0px;
	}
	
	.homepage-recent-projects .vertical-centre{
		position: static;
	}
	

	.container{
		padding: 0px 15px;
		margin: 0px;
		width: 100%;
	}
	
	.row .col-sm-6,
	.row .col-sm-8,
	.row .col-sm-4{
		padding: 0px;
		width: 100%;
		float: none;
		height: auto;
		display: block;
		position: static;
		margin-bottom: 20px;
	}
	.row .col-sm-12{
		padding: 0px;
		width: 95%;
		float: none;
		height: auto;
		display: block;
		position: static;
		margin-bottom: 20px;
	}
	
	.homepage-capabilities .col-sm-8 .col-sm-6 .primary{
		position: static;
		margin: 0px 0px 10px 0px;
		float: none;
	}
	main > header{
		margin-bottom: 30px !important;
	}
	
	.swipe .controls{
		height: 39px;
	}
	.swipe .controls li{
		width: 135px;
		background: url(../images/mob-previous-arrow.png) no-repeat center center;
		height: 39px;
		text-indent: -200%;
		overflow: hidden;
		padding: 0px;
		cursor: pointer;
	}
	
	.swipe .controls li.next{
		background: url(../images/mob-next-arrow.png) no-repeat center center;
	}
	
	/*	Mobile Menu	*/
	body > header,
	body > header > nav{
		overflow: visible !important;
	}
	

	
	header .mobile-feature-image{
		width: 100%;
		height: 280px;
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
		margin-top: -80px;
	}
	
	.feature .main-content > header{
		margin-top: -85px !important;
	}
	
	
	.page-id-21 .grey .widget_text{
		width: 100%;
		float: none;
		clear: none;
	}
	
	.page-id-21 .col-sm-8 .acf-map{
		float: none;
		clear: both;
		position: static;
		height:350px;
	}
	
	
	.page-id-21 .site-content ul.social-links{
		position: static;
		float: left;
	}
	
	.page-id-21 .site-content ul.social-links a{
		margin: 0px 13px 0px 0px;
	}
	.page-id-21 .site-content .social-links a.facebook{
		background-position: 0px 0px;
		background: url('../images/social-icons.png') no-repeat;
		margin: 0px auto !important;
		float: none;
		display: block;
		width: 10px !important;
		min-width: 0px !important;
		width: 30px !important;
		padding: 0px;
		text-indent: -200%;
	}
	.page-id-21 .site-content .social-links{
		border: none;
	}
	.page-id-21 .site-content .social-links a.linkedin{
		background-position: -31px 0px;
		background: url('../images/social-icons.png') no-repeat;
		margin: 0px auto !important;
		float: none;
		display: block;
		min-width: 0px !important;
		width: 30px !important;
		padding: 0px;
		text-indent: -200%;
	}
	
	.page-id-21 .site-content .social-links li{
		border: none;
		text-align: center;
	}
	.page-id-21 .site-content .social-links li a:after{
		content: none !important;
	}
	
	.menu-main-menu-container{
		position: static;
		margin-top: 85px;
		z-index: 1000000;
		width: 100%;
		position: absolute;
		right: 0px;
		height: 40px;
		pointer-events: static;
		
	}
	
	.menu-main-menu-container li,
	.menu-main-menu-container li a{
		line-height: 40px;
	}
	
	
	
	
	/*	Mobile Home	*/
	
	
	.page-template-template-homepage-php main{
		margin-top: -85px;
		height: auto;
		margin-bottom: 0px;
	}
	
	body > header{
		padding: 0px !important;
		height: 165px;
		position: static;
	}
	
	.main-banner h1,
	.main-banner h2{
	display: none;
	}
	
	.main-content-area{
		height: auto;
		position: static;
	}
	
	
	.main-banner{
		padding-bottom: 56.7%;
		background: #5F574F;
	}
	
	.main-banner .mobile{
		width: 100%;
		height: 0px;
		position: static;
		padding-bottom: 66.7%;
		background-attachment: inherit;
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: left 85px;
		background-position-y: 0px;
	}
	
	
	.main-content-area .container{
		display: block;
		position: static;
	}
	.main-content-area img{
		display: none;
	}
	
	.homepage-recent-projects {
		background: white;
		height: auto;
		padding-top: 0px;
		position: static;
		padding-bottom: 50px;
	}
	.homepage-recent-projects h1{
		display: none;
	}
	
	.homepage-capabilities h1{
		width: 70%;
		margin-bottom: 30px;
		margin-left: 0px;
	}
	
	.homepage-recent-projects nav a{
		width: 40%;
		max-width: inherit;
		padding-bottom: 40%;
		margin: 0px 5%;
	}
	
	.useful-links{
		display: none;
	}
	
	.branding-image{
		display: none;
	}
	
	
	input[type="submit"] {
		width: 100%;
	}
		
		
		.now-selling h2,
		.now-selling h3{
			 color: white;
			 text-align: left;
			 padding-left: 20px;
			 width: 85%;
			 margin: 0px;
			 font-weight: 100;
		}
		
		.now-selling h2{
			font-size: 46px;
		}
		
		.now-selling h3{
			font-size: 25px;
		}
		
		.now-selling > div{
			top: 20px;
		}
		
		.now-selling h3{
			font-size: 22px;
		}
		.homepage-capabilities{
			height: auto;
		}
		
		.homepage-capabilities .details p {
			width: 100%;
			float: none;
		}
		.homepage-capabilities a.primary{
			float: none;
			margin-left: 0px;
			clear: both;
		}
		
		
	.main-content-area .container,
	.homepage-recent-projects .container, 
	.homepage-recent-projects .container > div{
		position: static;
		height: auto;
		float: none;
	}	
	
	.homepage-capabilities .col-sm-8 .col-sm-6{
		height: auto;
		padding-bottom: 0px;
	}
	
	.homepage-capabilities .col-sm-8 .col-sm-6 h3{
		margin-bottom: 20px;
	}
	/*	Mobile Projects	*/
	
	.similar-projects,
	.similar-projects .col-sm-3{
		padding: 0px;
	}
	
	.social-links{
		margin-bottom: 20px;
		border-left: 1px solid #DBD9D9;
		font-weight: bold;
		height: 45px;
		overflow: hidden;
		-webkit-transition: height 0.3s ease-in-out 0s;
		color: #5F574F;
		width: 100%;
	}
	
	.social-links:after{
		content: none;
	}
	
	ul.social-links.open{
		height: 135px !important;
	}
	
	
	
	.social-links li.title{
		cursor: pointer;
		width: auto;
		color: #5F574F;
		float: none;
		display: block;
		max-width: inherit;
		background: white;
		margin: 0px 0px 0px 0px;
		border: 1px solid #DBD9D9;
		border-left: 0px;
		position: static;
		line-height: 45px;
		height: 45px;
		font-weight: bold;
		-webkit-border-radius: 0px;
		 -khtml-border-radius: 0px;
		   -moz-border-radius: 0px;
		        border-radius: 0px;
		        width: 100%;
		        text-indent: 0px;	
	}
	
	.social-links li a:after{
		content: ' ';
		width: 25px;
		height: 25px;
		background:  url('../images/social-icons.png') no-repeat;
		position: absolute;
		top: 10px;
		left: 10px;
	}
	
	.social-links li a:after{
		background:  url('../images/social-icons.svg') no-repeat;
	}
	.social-links li{
		width: 50%;
		margin: 0px;
		display: block;
		float: left;
		border: 1px solid #DBD9D9;
		border-left: 0px;
		border-top: 0px;
		height: 45px;
		position: relative;
		color: #5F574F;
	}
	
	.social-links li a.facebook:after{
		background-position-x: -137px;
	}
	
	.social-links li a.mail:after{
		background-position-x: -113px;
	}
	
	.social-links li a.twitter:after{
		background-position-x: -163px;
	}
	.social-links li a.linkedin:after{
		background-position-x: -188px;
	}
	
	
	.social-links li:hover a:after{
		background-position-y: -25px
	}
	
	footer .social-links{
		height: 45px;
		border: none;
	}
	
	footer .social-links li{
		border: none;
		width: 50%;
	}
	
	footer .social-links li a:after{
		content: none;
	}
	
	footer .social-links li a{
		padding: 0px;
		text-indent: -200%;
		overflow: hidden;
		width: 25px;
		height: 25px;
		margin: 0px auto;
		display: block;
		background: url('../images/social-icons.png') no-repeat;
	}
	
	footer .social-links li a{
		background: url('../images/social-icons.svg') no-repeat;
	}
	
	footer .social-links li a.facebook{
		background-position-x: -62px;
		background-position-y: 0px;
	}
	.social-links li a{
		background: none;
		color: #5F574F;
		text-indent: 0;
		display: block;
		line-height: 50px;
		height: 100%;
		width: 100%;
		padding-left: 48px;
		text-align: left;
	}
	
	.tax-sector,
	.tax-type,
	.tax-status,
	.page-template-template-projects-php {
		background: white;
	}
	
	.page-template-template-projects-php .project-meta,
	.page-template-template-projects-php .project-more,
	.page-template-template-projects-php .excerpt{
		display: none;
	}
	
	.page-template-template-projects-php h3{
		font-weight: bold;
	}
	
	.js-project-content{
		padding-top: 20px;
	}
	
	.page-template-template-projects-php article h3 a{
		color: #5F574F;	
	}
	
	.page-template-template-projects-php .js-project-content h2{
		display: none;	
	}
	
	.js-project-content > .row{
		padding: 2px 0px;
	}
	
	.tax-sector article,
	.tax-type article,
	.tax-status article,
	.page-template-template-projects-php article,
	.page-template-template-now-selling-php article{
		background: white;
		padding: 0px;
		height: auto;
		margin-bottom: 30px;
		position: relative;
	}
	
	
	.enquiries{
		margin-top: 0px;
	}
	
	.action{
		padding: 0px 0px 0px 0px;		
		font-family: 'Guardian', Arial, Helvetica, Geneva, sans-serif;
		font-weight: 300;
		margin: 0px 0px 0px 0px;
		font-size: 20px;
		min-height: 70px;
		line-height: 25px;
		padding: 10px 0px;
		color: white;
		text-align: center;
	}
	
	
	
	.page-template-template-projects-php h2{
		display: none;
	}
	
	.page-template-template-projects-php .main-content > header,
	.page-template-template-now-selling-php .main-content > header{
		margin-bottom: 0px !important;
		
	}

body.page.page-id-19.page-template.page-template-template-now-selling-php.teal {
	
}

.widget_project_spotlight ul li{
	height: auto !important;
	
	}
	
	.widget_project_spotlight ul li div{
		height: auto;
	}
	
	.widget_project_spotlight,
	.widget_project_spotlight .row{
		margin: 0px !important;
		padding: 0px !important;
	}
		
	.widget_project_spotlight ul li div.img{
		height: 0px;
		padding: 0px 0px 67% 0px;	
	}
	
	.widget_project_spotlight ul li div.details{
		padding: 10px;
	}
	
	.widget_project_spotlight ul li h5{
		margin: 3px 0px 10px 0px;
	}
	.page-template-template-contact-us-php h1.col-sm-12,	
	.page-template-template-contact-us-php .grey h2.col-sm-12{
		margin-left: 15px !important;
	}	
	.page-template-template-contact-us-php .grey .container,
	.page-template-template-contact-us-php .main-content .container {
		padding: 0px;
	}
	
	.page-template-template-contact-us-php .main-content .col-sm-4{
		padding: 0px 15px 15px 15px;
	}
	.page-template-template-contact-us-php .grey{
		padding-bottom: 0px;
	}
	.page-template-template-contact-us-php .grey  form{
		padding: 15px 15px;
	}
	
	.page-template-template-contact-us-php .grey .widget_text{
		background: white;
		clear: both;
		padding:  30px 15px 50px 15px;
		margin-bottom: 0px;
	}
	
	.page-id-15 article img{
			display: none;
	}
	.page-id-15 article{
		height: auto;
		padding-bottom: 25px;
	}
	
	.page-id-15 article h3{
		line-height: 20px;
	}
	
	
	/*	switch footer order	*/
	footer{
		position: relative;
		margin: 0px -20px -20px -20px!important;
		height: 230px;
	}
	
	footer .col-sm-2{
		border-left: none;
		min-height: 100px;
			}
	    	
	footer .col-sm-2{
		display: none;
	}
	
	footer .social-links{
		width: 30%;
	}
	
	
	
	footer .col-sm-2:last-of-type{
		display: block;
		top: 0px;
		width: 100%;
	}
	
	footer .logo{
		margin: 0px auto 10px auto;
	}
	
	footer .col-sm-4{
		display: block;
		top: 100px;
		width: 100%;
		text-align: center;
	}
	
	
	.page-id-21 .gform_widget{
		width:100%;
		float: left;
	}
	
	
	
	
	.main-content header h1{
		font-size: 22px;
		line-height: 40px;
		margin: 0px !important;
	}
	
	.grey{
		padding: 30px 0px;
	}
	
	
	.col-sm-4,
	.col-sm-8,
	.col-sm-6,
	.col-sm-12{
		padding: 0px;
	}
	
	/*	Mobile Forms	*/
	
	select,
	textarea,
	input[type="text"],
	input[type="email"],
	input[type="tel"]{
		width: 100%;
		border: 1px solid #d3d3d3;
		padding: 5px 10px;
		margin: 0px auto 10px 0;
	}
	
	
	
	/*	MOBILE SEARCH	*/
	
	#ajax-search input{

		font-size: 20px;
			background-size: 40px;
			padding-left: 20%;
			
	}
	
	
	/*	Mobile Staff	*/
	
	.single-staff-member article .col-sm-4:after{
		content: none;
	}
	
	.single-staff-member article .col-sm-4 {
		width: 100%;
		padding: 0px;
		margin: 0px;
	}
	
	.single-staff-member .col-sm-4 img{
		width: 100%;
		margin: 0px 0px 0px px;
		float: none;
		padding: 0px;
		position: static;
	}

	.single-staff-member article .col-sm-4 a{
		display: none;
	}
	
	.single-staff-member article .col-sm-4 .row{
		padding: 0px;
	}
	/*	Mobile filter	*/
	
	
	.filter{
		background: #f2f2f2;
		position: static;
		float: none;
		display: block;
		padding: 15px 15px 10px 15px;
		height: auto;
		margin-bottom: 15px;
	}
	
	.filter .container{
		display: none;
		height: auto;
	}
	#js-project-count{
		display: none;
	}
	
	.filter .dropdown label{
		float: none;
		width: 100%;
		display: block !important;
		max-width: inherit;
		line-height: 11px;
		text-align: left;
		font-size: 13px;
		font-weight: bold;
		margin: 0px;
		position: static;
		
	}
	
	#js-filter-toggle,
	.filter .dropdown .sbHolder{
		width: auto;
		float: none;
		display: block;
		max-width: inherit;
		background: white;
		margin: 10px 0px 15px 0px;
		border: 1px solid #DBD9D9;
		position: static;
	}
	
	#js-filter-toggle{
		text-align: center;
		font-weight: bold;
	}
	
	
	.sbHolder .sbSelector{
		padding-left: 20px;
		
	}
	.filter .dropdown a{
		width: 100%;
	}
	
	.filter .dropdown .sbHolder ul{
		width: 100%;
		display: block;
		position: static;
		left: 10px;
		border-top: 0px;
		box-sizing: border-box;
		z-index: 100;
	}
	
	
	
	.filter .dropdown{
		float: none;
		width: 100%;
		max-width: inherit;		
	}
	

	
	.main-content > header {
		padding: 0px;
		margin-bottom: 15px !important;
		height: auto;
	}
	
	.pcc{
		width: 60.333333%;
	}
	.pcc2{
		width: 17.666666666666664%;
	}

}








@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 1200px) {
  .single-staff-member .col-sm-4{
  	padding-left: 100px;
  }
}