/* SB CSS layout */

main {
	margin:0;
	display:block;
	padding:100px 150px 100px 300px;
	width:100%;
	width:100%;
	box-sizing:border-box;
	float:left;
	position:relative;
}
main.home {
	padding:0;
}
section.title {
	display:block;
	margin:0;
	padding:0;
	clear:both;
	overflow:hidden;
	width:50vw;
}
section.box {
	display:block;
	margin:0;
	padding:0;
	clear:both;
	overflow:hidden;
	width:50vw;
}
section.content {
	display:block;
	margin:0;
	padding:0;
	float:left;
	width:50vw;
	clear:both;
}
section.content img {
	margin:50px 0;
	max-width: calc(100vw - 450px);
	max-height: calc(100vw - 450px);
	height:auto;
	display:block;
}
section.content img[src*=".gif"] {
	width: calc(100vw - 450px);
}
section.content img.project_image {
	margin:100px 0;
}
section.content p + img.project_image {
	margin:75px 0 100px 0;
}
.ajax-load-more-wrap button.alm-load-more-btn {
	display:none !important;
}
section.content img.sig {
	width:200px;
	margin-bottom:100px;
}

section.content.list ul {
	margin-top:0;
	margin-bottom:35px;
	padding-top:0;
	padding-left: 0;
	margin-left:40px;
	padding-bottom:0;
	font-family: 'Merriweather', serif;
	font-weight:400;
	font-size:14px;
	list-style-position: inside;
	list-style: disc;
	line-height:1.6;
}
section.content ul, section.content ul li {
	margin:0;
	padding:0;
}

section.projects {
	display:block;
	margin:0;
	padding:0;
	float:left;
	width:100%;
	clear:both;
}
.projects ul {
	margin:0;
	padding:100px 150px 100px 300px;
	list-style:none;
	float:left;
	width:100vw;
	box-sizing:border-box;
	height:100vh;
	overflow-x: hidden;
	position:relative;
}







.endless_scroll_loader {
	display:none;
}
.projects ul li {
	margin:0;
	padding:0 0 150px 0;
	display:block;
	position:relative;
	float:left;
	overflow:hidden;
	clear:both;
}
.projects ul li:last-child {
	padding:0 0 50px 0;
}
.projects ul li a {
	display:block;
	float:left;
}

section.projects ul li a .image-wrapper {
	padding:0;
	margin:0;
	display:block;
	float:left;
	clear:both;
	position:relative;
	z-index:9;
}
section.projects ul li a img {
	margin:0;
	padding:0;
	max-width: calc(100vw - 450px);
	float:left;
	display:block;
	max-height: calc(100vw - 450px);
}
.projects ul li a .image-wrapper:before {
	content:"";
	background:url(../imgs/bkgs/project_overlay1.svg) no-repeat center;
	background-size: cover;
	opacity:0;
	transition: all 0.3s;
    -webkit-transition: all 0.3s;
	width:100.6%;
	height: 100.6%;
	position:absolute;
	display:block;
	box-sizing:border-box;
	left:-.3%;
	top:-.3%;
	z-index:99;
}
.projects ul li a:hover .image-wrapper:before, .projects ul li a:active .image-wrapper:before {
	opacity:.8;
}

.projects ul .tab {
	width:100%;
	display:block;
	position: absolute;
	bottom:-53px;
	left:0;
	padding:0;
	margin:0;
	background:#FFF;
	z-index:999;
	overflow:hidden;
}

blockquote {
	font-style: italic;
	color:#000;
	padding:75px 50px 50px 50px;
	display:block;
	position:relative;
	float:left;
	color:#5A5A00;
}
blockquote:before {
	content:'“';
	font-family: 'sans', sans-serif;
	font-size:150px;
	line-height:1;
	font-style:normal;
	font-weight:300;
	position:absolute;
	top:-10px;
	left:-10px;
	color:#5A5A00;
	padding:0;
	margin:0;
	display:block;
}
blockquote:after {
	content:'”';
	font-family: 'sans', sans-serif;
	font-size:150px;
	line-height:1;
	font-style:normal;
	font-weight:300;
	position:absolute;
	bottom:-75px;
	right:-8px;
	color:#5A5A00;
	padding:0;
	margin:0;
	display:block;
}


.projects ul li a h2 {
	background:#EFE800;
	display:block;
	line-height:1;
	padding:11px 25px 12px 25px;
	color:#FFF;
	margin:0;
	box-sizing:border-box;
	float:right;
	clear:both;
}
.title h2 {
	background:#EFE800;
	display:inline-block;
	line-height:1;
	padding:11px 25px 12px 25px;
	color:#FFF;
	margin:0 0 50px 0;
	box-sizing:border-box;
}
.title.offer h2 {
	padding:0;
	margin:50px 0;
}
.title.offer h2 a {
	padding:11px 60px 12px 25px;
	display:block;
	color:#FFF;
	background: url(../imgs/content/offer-expand-btn.png) right center no-repeat;
	background-size:contain;
}
.title.offer h2 a:hover, .title.offer h2.hide a {
	color:#5A5A00;
}
.title.offer h2.hide a {
	background: url(../imgs/content/offer-hide-btn.png) right center no-repeat;
	background-size:contain;
}


h4.date {
	background:#ACAD00;
	display:inline-block;
	padding:7px 25px 8px 25px;
	line-height:1;
	font-size:15px;
	color:#FFF;
	margin:0 0 100px 0;
	box-sizing:border-box;
}
h4.date strong {
	font-weight:normal;
	color:#EFE800;
	display:inline-block;
}

h4.client {
	background:#5A5A00;
	display:inline-block;
	padding:7px 25px 8px 25px;
	line-height:1;
	font-size:15px;
	color:#FFF;
	margin:0 0 25px 50px;
	box-sizing:border-box;
	color:#FFF;
}
h4.project_meta {
	background:#ACAD00;
	display:inline-block;
	padding:7px 25px 8px 100px;
	line-height:1;
	color:#FFF;
	font-size:15px;
	margin:0 0 5px 0;
	box-sizing:border-box;
}
h4.project_meta strong {
	font-weight:normal;
	color:#EFE800;
	display:inline-block;
	text-indent:-75px;
}
.title + .title h2 {
	margin-top:45px !important;
}

h4.practice_contact {
	background:#ACAD00;
	display:inline-block;
	padding:7px 25px 8px 25px;
	line-height:1;
	color:#FFF;
	font-size:15px;
	margin:0 0 5px 0;
	box-sizing:border-box;
}

.spinner {
  background: url(../imgs/bkgs/spinner.gif) no-repeat center;
  background-size:contain;
  width: 100px;
  height: 100px;
  position: absolute;
  	left: 50%;
  	top: 50%;
  	bottom: auto;
  	right: auto;
 	-webkit-transform: translateX(-50%) translateY(-50%);
  	-moz-transform: translateX(-50%) translateY(-50%);
  	-ms-transform: translateX(-50%) translateY(-50%);
  	-o-transform: translateX(-50%) translateY(-50%);
  	transform: translateX(-50%) translateY(-50%);
	z-index:0;
	padding:0;
	margin:0;
	display:block;
}



.call-out {
	padding:0;
	margin:0 0 50px 0;
	display:block;
	width:100%;
}
.call-out div {
	display:none;
	width:100%;
	padding:0;
	margin:0;
}

.call-out div h4 {
	background:#ACAD00;
	display:inline-block;
	padding:7px 25px 8px 25px;
	line-height:1;
	color:#FFF;
	font-size:15px;
	margin:25px 0;
	box-sizing:border-box;
}
.call-out div h4:first-child {
	margin:0 0 25px -4px;
}
#ajax-load-more {
	display:none !important;
}
#ajax-load-more:first-child {
	display:block !important;
}