@charset "UTF-8";

.masonry-list {
  left:50%;
  margin:-320px 0 0 -480px;
  position:absolute;
  top:50%;
  width:960px;
}

.masonry-list li {
  float:left;
  height:270px;
  overflow:hidden;
  padding:0 1px 1px 0;
  width:480px;
}

.masonry-list li:focus a::after,.masonry-list li:hover a::after {
  opacity:1;
  -moz-transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}

.masonry-list li:focus .tile-primary-content img,.masonry-list li:hover .tile-primary-content img {
  -moz-transform:scale3d(1.2,1.2,0);
  -webkit-transform:scale3d(1.2,1.2,0);
  transform:scale3d(1.2,1.2,0);
  -moz-transform-origin:50% 50%;
  -ms-transform-origin:50% 50%;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  -moz-transition:-moz-transform 15000ms cubic-bezier(0,0,0.8,0.9);
  -o-transition:-o-transform 15000ms cubic-bezier(0,0,0.8,0.9);
  -webkit-transition:-webkit-transform 15000ms cubic-bezier(0,0,0.8,0.9);
  transition:transform 15000ms cubic-bezier(0,0,0.8,0.9);
}

.masonry-list li:focus p,.masonry-list li:focus h2,.masonry-list li:focus .tile-secondary-content,.masonry-list li:hover p,.masonry-list li:hover h2,.masonry-list li:hover .tile-secondary-content {
  opacity:1;
}

.masonry-list li a::after {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY1ODk4MTY1MDNBQTExRTNBN0U2RjUyQkFDMTgxQjI1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY1ODk4MTY2MDNBQTExRTNBN0U2RjUyQkFDMTgxQjI1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjU4OTgxNjMwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjU4OTgxNjQwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6XrhZfAAAAiUlEQVR42qzT0QmAIBQFUJP8aYh2ah0XaYZogtzGJfrsdQUpi6z3tAtXUfHgjw0RqRiNbqogOs4GnVBbgii8xKAznbHhdZKGoUMdXWOlSDWULgK0lED3DS7UJ+f+SeZAnwgHYiFfEBt5g0RIDhqlSA46EM38HSs6oO7psM1c6lEv/cVV+QXZBRgAnat44PE4W1oAAAAASUVORK5CYII=);
  bottom:40px;
  content:'';
  display:block;
  height:17px;
  opacity:0;
  position:absolute;
  right:40px;
  width:17px;
  -moz-transform:translate3d(-10px,-10px,0);
  -webkit-transform:translate3d(-10px,-10px,0);
  transform:translate3d(-10px,-10px,0);
  -moz-transition:all 150ms ease-out;
  -o-transition:all 150ms ease-out;
  -webkit-transition:all 150ms ease-out;
  transition:all 150ms ease-out;
}

.masonry-list li.tile-job:focus .tile-primary-content p,.masonry-list li.tile-job:hover .tile-primary-content p,.masonry-list li.tile-facebook:focus .tile-primary-content p,.masonry-list li.tile-facebook:hover .tile-primary-content p,.masonry-list li.tile-twitter:focus .tile-primary-content p,.masonry-list li.tile-twitter:hover .tile-primary-content p {
  -moz-transform:translate3d(150%,0,0);
  -webkit-transform:translate3d(150%,0,0);
  transform:translate3d(150%,0,0);
  -moz-transition:-moz-transform 300ms cubic-bezier(0,0,0.4,1);
  -o-transition:-o-transform 300ms cubic-bezier(0,0,0.4,1);
  -webkit-transition:-webkit-transform 300ms cubic-bezier(0,0,0.4,1);
  transition:transform 300ms cubic-bezier(0,0,0.4,1);
}

.masonry-list li.tile-job:focus .tile-secondary-content p,.masonry-list li.tile-job:hover .tile-secondary-content p,.masonry-list li.tile-facebook:focus .tile-secondary-content p,.masonry-list li.tile-facebook:hover .tile-secondary-content p,.masonry-list li.tile-twitter:focus .tile-secondary-content p,.masonry-list li.tile-twitter:hover .tile-secondary-content p {
  -moz-transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  -moz-transition:-moz-transform 300ms cubic-bezier(0,0,0.4,1) 150ms;
  -o-transition:-o-transform 300ms cubic-bezier(0,0,0.4,1) 150ms;
  -webkit-transition:-webkit-transform 300ms cubic-bezier(0,0,0.4,1);
  -webkit-transition-delay:150ms;
  transition:transform 300ms cubic-bezier(0,0,0.4,1) 150ms;
}

.masonry-list li.tile-job .tile-primary-content p,.masonry-list li.tile-facebook .tile-primary-content p,.masonry-list li.tile-twitter .tile-primary-content p {
  -moz-transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  -moz-transition:-moz-transform 300ms cubic-bezier(0,0,0.4,1) 150ms;
  -o-transition:-o-transform 300ms cubic-bezier(0,0,0.4,1) 150ms;
  -webkit-transition:-webkit-transform 300ms cubic-bezier(0,0,0.4,1);
  -webkit-transition-delay:150ms;
  transition:transform 300ms cubic-bezier(0,0,0.4,1) 150ms;
}

.masonry-list li.tile-job .tile-secondary-content p,.masonry-list li.tile-facebook .tile-secondary-content p,.masonry-list li.tile-twitter .tile-secondary-content p {
  opacity:1;
  -moz-transform:translate3d(-150%,0,0);
  -webkit-transform:translate3d(-150%,0,0);
  transform:translate3d(-150%,0,0);
  -moz-transition:-moz-transform 300ms cubic-bezier(0,0,0.4,1);
  -o-transition:-o-transform 300ms cubic-bezier(0,0,0.4,1);
  -webkit-transition:-webkit-transform 300ms cubic-bezier(0,0,0.4,1);
  transition:transform 300ms cubic-bezier(0,0,0.4,1);
}

.masonry-list li.tile-job .tile-primary-content {
  background-color:#71964f;
}

.masonry-list li.tile-facebook a::after {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAtCAYAAACqCZtVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzcwNjIyOTMwM0FFMTFFM0E3RTZGNTJCQUMxODFCMjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzcwNjIyOTIwM0FFMTFFM0E3RTZGNTJCQUMxODFCMjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjU4OTgxNjkwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjU4OTgxNkEwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz61fp6rAAAA6klEQVR42uyUvQrCMBRGk1rcHHQQ3XVyESdx1CdwcPLxnH0H8QGcVKiDIOJkFezqT/wiXVp6k1bJIveDAy1ND7e5uZVKKVEwFVAGr/g+As/0Ij+HqAQmYAoGoJax5gHOIAR7sBC6YgNtsFLFMzdV3AJL0BDFs/aIBxLMvpTqbCnxCPTF99lQ4vEP0jsIqD3u5ZTcwDE+bnXQBLuPnDgNB0vXAzAEXuq9Kujqa0kMSBQPApWObpDpUyixbRylbY884SgsTohVBrYoAydXFYeuxBdX4iuLE83zibnnfwWLWcxiFrOYxX8rfgswAKPozlRQdflcAAAAAElFTkSuQmCC);
  background-repeat:no-repeat;
  height:45px;
  opacity:1;
  width:22px;
  -moz-transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}

.masonry-list li.tile-facebook .tile-primary-content {
  background-color:#3b539b;
}

.masonry-list li.tile-twitter a::after {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAlCAYAAADWSWD3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM2NjFBNUYzMDM2QjExRTM4MUJDQzRENjgzQjYxOEVGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM2NjFBNUY0MDM2QjExRTM4MUJDQzRENjgzQjYxOEVGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzY2MUE1RjEwMzZCMTFFMzgxQkNDNEQ2ODNCNjE4RUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzY2MUE1RjIwMzZCMTFFMzgxQkNDNEQ2ODNCNjE4RUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz64QIJqAAADBklEQVR42syYS0hVURSG773aQxOxIsiyJOiBZTXsgZoURDRoEvQgokESTYygoCAQGtWkBlHWoFkFSUIFOimpKKyghF4SlBphpL0oeyikefpWLGEn55x7zr373nt++PB4Xvxn3bX3XnvFHceJZVF5UA2roBQmwltog8cQzIyYzgIT4AD0O97qhu0Qd3m+GI5A+b8gGxcKoRHyLBueAXed4GqGAvVRDWdgAG6OvdN8+W59qNGi4Wnw0gmvHvhu/D8IC9xMXzduOmUp4s1O+hqBrfo+8TQzYaT3UuO4Hi7D5DQGXQ1sTnPgfoQ6GILT8BBGzKh8c/nKZ1CRYpSbLER52Dj+BSvGp0efx4Ny837ID2E44RGEVCUe1rvl9O0kD3bCxoCmyywalmlytfl+M6fbkuTXYmiFJ7ArSb5PtbggVcF980TcWBFnwRtdpYLoB7TAVWiH98a12fDOkukSGPAyLToGh1N8eS88VbP90AAJC6YLdfbwNC1RvqO1QRQ0qvXKf0oYhUyTFjOb4FZETPe6nRwz/QdqdTDKjWWBK67MqsvPtOiR/pVZYaGkTgRMv0hmuiUWPbW7nTQHYqH+HKURGoSSpn1+kR6EPRHJZdEDN8Mxl3lUUuRgRExf8boQ99gj7tRSsDhHhmUxmQufg0R6TBdgEZyATzkwfcnLsF+kD0G5ftQ8WAv5WTI8rMVZl9cNXkZ64HiOUuO8n2G/SMe1BqnJsmHZXi3xSw2/nJYv2WGxvAyqfckMx5KUjmJ4DXRmyfBFLdqsdJgmQQN8dTKnDm0WBdqDxkP08go0x1fCFh3hNvRKf9H+oA+E2VkMaQEjC06FJcOvYV0Yw2EakJIie6HXYkrc0z5f6J6K30Xpc1TBSfhg0ewonNVApNRuk8WlErbBby1PpTSdD8thSga2T9LmupHWW9R9JVzTKGRC0m06CkU2urHjTyyDc9oPtqHnUA8lNnveXlOe7BM3KLUh9ow/oUN38616bF1B5+kinZfnwHSj7SUV2Redsrq10BrN9NL5V4ABAAD4zZE8N0pmAAAAAElFTkSuQmCC);
  background-repeat:no-repeat;
  height:37px;
  opacity:1;
  width:45px;
  -moz-transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}

.masonry-list li.tile-twitter .tile-primary-content {
  background-color:#00afe0;
}

.masonry-list li.tile-case .tile-primary-content,.masonry-list li.tile-client .tile-primary-content,.masonry-list li.tile-person .tile-primary-content {
  padding:0;
}

.masonry-list li.tile-case .tile-secondary-content,.masonry-list li.tile-client .tile-secondary-content,.masonry-list li.tile-person .tile-secondary-content {
  background-color:rgba(0,0,0,0.7);
  -moz-transition:opacity 100ms ease-out;
  -o-transition:opacity 100ms ease-out;
  -webkit-transition:opacity 100ms ease-out;
  transition:opacity 100ms ease-out;
}

.masonry-list li.tile-client a::after {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAYAAAArdgcFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBFQzVFRUY1MDdEOTExRTM5OTE1QjgyMDNBNDBFQkE1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBFQzVFRUY2MDdEOTExRTM5OTE1QjgyMDNBNDBFQkE1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODFBODJDMDAwN0Q2MTFFMzk5MTVCODIwM0E0MEVCQTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEVDNUVFRjQwN0Q5MTFFMzk5MTVCODIwM0E0MEVCQTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz48Qmb2AAAAuklEQVR42uyTMQ7CMAxF7QTlpJygZ2DNyAILA4ip3I8Bgi3Z1A20IVRIDPnSX9Lk/Z8mwZQSiBz5DsuEwrkpkOXJJ3JcCN6Rj8IDoOaefE6DIu+m0kjeGwbzvJOUYBp0lTvQxmszdtXm7EDu01jxi8asg/wNsBNrA2bBObwmoAh+B58K2GRztiXwFFwDLhnAfi+C2WgeUa7wPPXhVqjsopU+mpdrNAPPIfjB+EgOfqgGb/AG/2f4Q4ABALW94ZuwtKIxAAAAAElFTkSuQmCC);
  height:22px;
  width:23px;
  -moz-transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}

.masonry-list li.tile-client a:focus .tile-primary-content,.masonry-list li.tile-client a:hover .tile-primary-content {
  background-color:transparent;
}

.masonry-list li.tile-client a:focus .tile-primary-content img,.masonry-list li.tile-client a:hover .tile-primary-content img {
  -moz-transform:scale3d(1,1,1);
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1);
}

.masonry-list li.tile-client .tile-primary-content {
  background-color:#604951;
  -moz-transition:background-color 250ms ease-out;
  -o-transition:background-color 250ms ease-out;
  -webkit-transition:background-color 250ms ease-out;
  transition:background-color 250ms ease-out;
}

.masonry-list li.tile-person {
  text-align:center;
}

.masonry-list li.tile-person .tile-secondary-content {
  display:table;
  height:100%;
  padding:0;
  width:100%;
}

.masonry-list li.tile-person .tile-secondary-container {
  display:table-cell;
  vertical-align:middle;
}

.masonry-list li.tile-person h2 {
  font-size:24px;
  position:static;
}

.masonry-list li.tile-person p {
  color:#a18e5c;
  font-family:'Georgia',serif;
  font-size:17px;
  margin:.2em;
  text-transform:none;
}

.masonry-list a,.masonry-list button {
  color:white;
  display:block;
  height:100%;
  position:relative;
  width:100%;
}

.masonry-list .tile-primary-content,.masonry-list .tile-secondary-content {
  bottom:0;
  left:0;
  overflow:hidden;
  padding:40px;
  position:absolute;
  right:0;
  top:0;
}

.masonry-list .tile-primary-content {
  background-color:#a49058;
}

.masonry-list .tile-primary-content img {
  width:100%;
  -moz-transform:scale3d(1,1,1);
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1);
  -moz-transition:-moz-transform 200ms ease-out;
  -o-transition:-o-transform 200ms ease-out;
  -webkit-transition:-webkit-transform 200ms ease-out;
  transition:transform 200ms ease-out;
}

.masonry-list .tile-secondary-content {
  opacity:0;
  -moz-transition:opacity 250ms ease-out;
  -o-transition:opacity 250ms ease-out;
  -webkit-transition:opacity 250ms ease-out;
  transition:opacity 250ms ease-out;
}

.masonry-list .tile-secondary-content p,.masonry-list .tile-secondary-content h2 {
  opacity:0;
  -moz-transition:opacity 200ms ease-in 100ms;
  -o-transition:opacity 200ms ease-in 100ms;
  -webkit-transition:opacity 200ms ease-in;
  -webkit-transition-delay:100ms;
  transition:opacity 200ms ease-in 100ms;
}

.masonry-list p,.masonry-list h2 {
  text-transform:uppercase;
}

.masonry-list h2 {
  font-size:12px;
  margin:0;
  position:absolute;
}

.masonry-list p {
  font-size:28px;
  font-weight:300;
  line-height:1.1em;
  margin:1em 0 0;
}

*,:before,:after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

* {
  -webkit-font-smoothing:antialiased;
}

body {
  background-color:#242424;
  font-family:'Source Sans Pro',sans-serif;
}

ul {
  list-style:none;
  margin:0;
  padding:0;
}

.masonry-list {
  left:50%;
  margin:-320px 0 0 -480px;
  position:absolute;
  top:50%;
  width:960px;
}

.masonry-list li {
  float:left;
  height:270px;
  overflow:hidden;
  padding:0 1px 1px 0;
  width:480px;
}

.masonry-list li:focus a::after,.masonry-list li:hover a::after {
  opacity:1;
  -moz-transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}

.masonry-list li:focus .tile-primary-content img,.masonry-list li:hover .tile-primary-content img {
  -moz-transform:scale3d(1.2,1.2,0);
  -webkit-transform:scale3d(1.2,1.2,0);
  transform:scale3d(1.2,1.2,0);
  -moz-transform-origin:50% 50%;
  -ms-transform-origin:50% 50%;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  -moz-transition:-moz-transform 15000ms cubic-bezier(0,0,0.8,0.9);
  -o-transition:-o-transform 15000ms cubic-bezier(0,0,0.8,0.9);
  -webkit-transition:-webkit-transform 15000ms cubic-bezier(0,0,0.8,0.9);
  transition:transform 15000ms cubic-bezier(0,0,0.8,0.9);
}

.masonry-list li:focus p,.masonry-list li:focus h2,.masonry-list li:focus .tile-secondary-content,.masonry-list li:hover p,.masonry-list li:hover h2,.masonry-list li:hover .tile-secondary-content {
  opacity:1;
}

.masonry-list li a::after {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY1ODk4MTY1MDNBQTExRTNBN0U2RjUyQkFDMTgxQjI1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY1ODk4MTY2MDNBQTExRTNBN0U2RjUyQkFDMTgxQjI1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjU4OTgxNjMwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjU4OTgxNjQwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6XrhZfAAAAiUlEQVR42qzT0QmAIBQFUJP8aYh2ah0XaYZogtzGJfrsdQUpi6z3tAtXUfHgjw0RqRiNbqogOs4GnVBbgii8xKAznbHhdZKGoUMdXWOlSDWULgK0lED3DS7UJ+f+SeZAnwgHYiFfEBt5g0RIDhqlSA46EM38HSs6oO7psM1c6lEv/cVV+QXZBRgAnat44PE4W1oAAAAASUVORK5CYII=);
  bottom:40px;
  content:'';
  display:block;
  height:17px;
  opacity:0;
  position:absolute;
  right:40px;
  width:17px;
  -moz-transform:translate3d(-10px,-10px,0);
  -webkit-transform:translate3d(-10px,-10px,0);
  transform:translate3d(-10px,-10px,0);
  -moz-transition:all 150ms ease-out;
  -o-transition:all 150ms ease-out;
  -webkit-transition:all 150ms ease-out;
  transition:all 150ms ease-out;
}

.masonry-list li.tile-job:focus .tile-primary-content p,.masonry-list li.tile-job:hover .tile-primary-content p,.masonry-list li.tile-facebook:focus .tile-primary-content p,.masonry-list li.tile-facebook:hover .tile-primary-content p,.masonry-list li.tile-twitter:focus .tile-primary-content p,.masonry-list li.tile-twitter:hover .tile-primary-content p {
  -moz-transform:translate3d(150%,0,0);
  -webkit-transform:translate3d(150%,0,0);
  transform:translate3d(150%,0,0);
  -moz-transition:-moz-transform 300ms cubic-bezier(0,0,0.4,1);
  -o-transition:-o-transform 300ms cubic-bezier(0,0,0.4,1);
  -webkit-transition:-webkit-transform 300ms cubic-bezier(0,0,0.4,1);
  transition:transform 300ms cubic-bezier(0,0,0.4,1);
}

.masonry-list li.tile-job:focus .tile-secondary-content p,.masonry-list li.tile-job:hover .tile-secondary-content p,.masonry-list li.tile-facebook:focus .tile-secondary-content p,.masonry-list li.tile-facebook:hover .tile-secondary-content p,.masonry-list li.tile-twitter:focus .tile-secondary-content p,.masonry-list li.tile-twitter:hover .tile-secondary-content p {
  -moz-transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  -moz-transition:-moz-transform 300ms cubic-bezier(0,0,0.4,1) 150ms;
  -o-transition:-o-transform 300ms cubic-bezier(0,0,0.4,1) 150ms;
  -webkit-transition:-webkit-transform 300ms cubic-bezier(0,0,0.4,1);
  -webkit-transition-delay:150ms;
  transition:transform 300ms cubic-bezier(0,0,0.4,1) 150ms;
}

.masonry-list li.tile-job .tile-primary-content p,.masonry-list li.tile-facebook .tile-primary-content p,.masonry-list li.tile-twitter .tile-primary-content p {
  -moz-transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  -moz-transition:-moz-transform 300ms cubic-bezier(0,0,0.4,1) 150ms;
  -o-transition:-o-transform 300ms cubic-bezier(0,0,0.4,1) 150ms;
  -webkit-transition:-webkit-transform 300ms cubic-bezier(0,0,0.4,1);
  -webkit-transition-delay:150ms;
  transition:transform 300ms cubic-bezier(0,0,0.4,1) 150ms;
}

.masonry-list li.tile-job .tile-secondary-content p,.masonry-list li.tile-facebook .tile-secondary-content p,.masonry-list li.tile-twitter .tile-secondary-content p {
  opacity:1;
  -moz-transform:translate3d(-150%,0,0);
  -webkit-transform:translate3d(-150%,0,0);
  transform:translate3d(-150%,0,0);
  -moz-transition:-moz-transform 300ms cubic-bezier(0,0,0.4,1);
  -o-transition:-o-transform 300ms cubic-bezier(0,0,0.4,1);
  -webkit-transition:-webkit-transform 300ms cubic-bezier(0,0,0.4,1);
  transition:transform 300ms cubic-bezier(0,0,0.4,1);
}

.masonry-list li.tile-job .tile-primary-content {
  background-color:#71964f;
}

.masonry-list li.tile-facebook a::after {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAtCAYAAACqCZtVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzcwNjIyOTMwM0FFMTFFM0E3RTZGNTJCQUMxODFCMjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzcwNjIyOTIwM0FFMTFFM0E3RTZGNTJCQUMxODFCMjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjU4OTgxNjkwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjU4OTgxNkEwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz61fp6rAAAA6klEQVR42uyUvQrCMBRGk1rcHHQQ3XVyESdx1CdwcPLxnH0H8QGcVKiDIOJkFezqT/wiXVp6k1bJIveDAy1ND7e5uZVKKVEwFVAGr/g+As/0Ij+HqAQmYAoGoJax5gHOIAR7sBC6YgNtsFLFMzdV3AJL0BDFs/aIBxLMvpTqbCnxCPTF99lQ4vEP0jsIqD3u5ZTcwDE+bnXQBLuPnDgNB0vXAzAEXuq9Kujqa0kMSBQPApWObpDpUyixbRylbY884SgsTohVBrYoAydXFYeuxBdX4iuLE83zibnnfwWLWcxiFrOYxX8rfgswAKPozlRQdflcAAAAAElFTkSuQmCC);
  background-repeat:no-repeat;
  height:45px;
  opacity:1;
  width:22px;
  -moz-transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}

.masonry-list li.tile-facebook .tile-primary-content {
  background-color:#3b539b;
}

.masonry-list li.tile-twitter a::after {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAlCAYAAADWSWD3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM2NjFBNUYzMDM2QjExRTM4MUJDQzRENjgzQjYxOEVGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM2NjFBNUY0MDM2QjExRTM4MUJDQzRENjgzQjYxOEVGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzY2MUE1RjEwMzZCMTFFMzgxQkNDNEQ2ODNCNjE4RUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzY2MUE1RjIwMzZCMTFFMzgxQkNDNEQ2ODNCNjE4RUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz64QIJqAAADBklEQVR42syYS0hVURSG773aQxOxIsiyJOiBZTXsgZoURDRoEvQgokESTYygoCAQGtWkBlHWoFkFSUIFOimpKKyghF4SlBphpL0oeyikefpWLGEn55x7zr373nt++PB4Xvxn3bX3XnvFHceJZVF5UA2roBQmwltog8cQzIyYzgIT4AD0O97qhu0Qd3m+GI5A+b8gGxcKoRHyLBueAXed4GqGAvVRDWdgAG6OvdN8+W59qNGi4Wnw0gmvHvhu/D8IC9xMXzduOmUp4s1O+hqBrfo+8TQzYaT3UuO4Hi7D5DQGXQ1sTnPgfoQ6GILT8BBGzKh8c/nKZ1CRYpSbLER52Dj+BSvGp0efx4Ny837ID2E44RGEVCUe1rvl9O0kD3bCxoCmyywalmlytfl+M6fbkuTXYmiFJ7ArSb5PtbggVcF980TcWBFnwRtdpYLoB7TAVWiH98a12fDOkukSGPAyLToGh1N8eS88VbP90AAJC6YLdfbwNC1RvqO1QRQ0qvXKf0oYhUyTFjOb4FZETPe6nRwz/QdqdTDKjWWBK67MqsvPtOiR/pVZYaGkTgRMv0hmuiUWPbW7nTQHYqH+HKURGoSSpn1+kR6EPRHJZdEDN8Mxl3lUUuRgRExf8boQ99gj7tRSsDhHhmUxmQufg0R6TBdgEZyATzkwfcnLsF+kD0G5ftQ8WAv5WTI8rMVZl9cNXkZ64HiOUuO8n2G/SMe1BqnJsmHZXi3xSw2/nJYv2WGxvAyqfckMx5KUjmJ4DXRmyfBFLdqsdJgmQQN8dTKnDm0WBdqDxkP08go0x1fCFh3hNvRKf9H+oA+E2VkMaQEjC06FJcOvYV0Yw2EakJIie6HXYkrc0z5f6J6K30Xpc1TBSfhg0ewonNVApNRuk8WlErbBby1PpTSdD8thSga2T9LmupHWW9R9JVzTKGRC0m06CkU2urHjTyyDc9oPtqHnUA8lNnveXlOe7BM3KLUh9ow/oUN38616bF1B5+kinZfnwHSj7SUV2Redsrq10BrN9NL5V4ABAAD4zZE8N0pmAAAAAElFTkSuQmCC);
  background-repeat:no-repeat;
  height:37px;
  opacity:1;
  width:45px;
  -moz-transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}

.masonry-list li.tile-twitter .tile-primary-content {
  background-color:#00afe0;
}

.masonry-list li.tile-case .tile-primary-content,.masonry-list li.tile-client .tile-primary-content,.masonry-list li.tile-person .tile-primary-content {
  padding:0;
}

.masonry-list li.tile-case .tile-secondary-content,.masonry-list li.tile-client .tile-secondary-content,.masonry-list li.tile-person .tile-secondary-content {
  background-color:rgba(0,0,0,0.7);
  -moz-transition:opacity 100ms ease-out;
  -o-transition:opacity 100ms ease-out;
  -webkit-transition:opacity 100ms ease-out;
  transition:opacity 100ms ease-out;
}

.masonry-list li.tile-client a::after {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAYAAAArdgcFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBFQzVFRUY1MDdEOTExRTM5OTE1QjgyMDNBNDBFQkE1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBFQzVFRUY2MDdEOTExRTM5OTE1QjgyMDNBNDBFQkE1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODFBODJDMDAwN0Q2MTFFMzk5MTVCODIwM0E0MEVCQTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEVDNUVFRjQwN0Q5MTFFMzk5MTVCODIwM0E0MEVCQTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz48Qmb2AAAAuklEQVR42uyTMQ7CMAxF7QTlpJygZ2DNyAILA4ip3I8Bgi3Z1A20IVRIDPnSX9Lk/Z8mwZQSiBz5DsuEwrkpkOXJJ3JcCN6Rj8IDoOaefE6DIu+m0kjeGwbzvJOUYBp0lTvQxmszdtXm7EDu01jxi8asg/wNsBNrA2bBObwmoAh+B58K2GRztiXwFFwDLhnAfi+C2WgeUa7wPPXhVqjsopU+mpdrNAPPIfjB+EgOfqgGb/AG/2f4Q4ABALW94ZuwtKIxAAAAAElFTkSuQmCC);
  height:22px;
  width:23px;
  -moz-transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}

.masonry-list li.tile-client a:focus .tile-primary-content,.masonry-list li.tile-client a:hover .tile-primary-content {
  background-color:transparent;
}

.masonry-list li.tile-client a:focus .tile-primary-content img,.masonry-list li.tile-client a:hover .tile-primary-content img {
  -moz-transform:scale3d(1,1,1);
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1);
}

.masonry-list li.tile-client .tile-primary-content {
  background-color:#604951;
  -moz-transition:background-color 250ms ease-out;
  -o-transition:background-color 250ms ease-out;
  -webkit-transition:background-color 250ms ease-out;
  transition:background-color 250ms ease-out;
}

.masonry-list li.tile-person {
  text-align:center;
}

.masonry-list li.tile-person .tile-secondary-content {
  display:table;
  height:100%;
  padding:0;
  width:100%;
}

.masonry-list li.tile-person .tile-secondary-container {
  display:table-cell;
  vertical-align:middle;
}

.masonry-list li.tile-person h2 {
  font-size:24px;
  position:static;
}

.masonry-list li.tile-person p {
  color:#a18e5c;
  font-family:'Georgia',serif;
  font-size:17px;
  margin:.2em;
  text-transform:none;
}

.masonry-list a,.masonry-list button {
  color:white;
  display:block;
  height:100%;
  position:relative;
  width:100%;
}

.masonry-list .tile-primary-content,.masonry-list .tile-secondary-content {
  bottom:0;
  left:0;
  overflow:hidden;
  padding:40px;
  position:absolute;
  right:0;
  top:0;
}

.masonry-list .tile-primary-content {
  background-color:#a49058;
}

.masonry-list .tile-primary-content img {
  width:100%;
  -moz-transform:scale3d(1,1,1);
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1);
  -moz-transition:-moz-transform 200ms ease-out;
  -o-transition:-o-transform 200ms ease-out;
  -webkit-transition:-webkit-transform 200ms ease-out;
  transition:transform 200ms ease-out;
}

.masonry-list .tile-secondary-content {
  opacity:0;
  -moz-transition:opacity 250ms ease-out;
  -o-transition:opacity 250ms ease-out;
  -webkit-transition:opacity 250ms ease-out;
  transition:opacity 250ms ease-out;
}

.masonry-list .tile-secondary-content p,.masonry-list .tile-secondary-content h2 {
  opacity:0;
  -moz-transition:opacity 200ms ease-in 100ms;
  -o-transition:opacity 200ms ease-in 100ms;
  -webkit-transition:opacity 200ms ease-in;
  -webkit-transition-delay:100ms;
  transition:opacity 200ms ease-in 100ms;
}

.masonry-list p,.masonry-list h2 {
  text-transform:uppercase;
}

.masonry-list h2 {
  font-size:12px;
  margin:0;
  position:absolute;
}

.masonry-list p {
  font-size:28px;
  font-weight:300;
  line-height:1.1em;
  margin:1em 0 0;
}

*,:before,:after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

* {
  -webkit-font-smoothing:antialiased;
}

body {
  background-color:#242424;
  font-family:'Source Sans Pro',sans-serif;
}

ul {
  list-style:none;
  margin:0;
  padding:0;
}  
}

  
}

  
}

)(jQuery);
</>
<style type="text/css">
#s-m-t-tooltip {
  max-width:300px;
  margin:15px;
  padding:2px 8px;
  border:1px solid #DDD;
  border-radius:4px;
  background:#FFF;
  color:{color:text;
}  
}

::-webkit-scrollbar-thumb {
  background-color:{color:scrollbar;
}  
}

::-webkit-scrollbar {
  height:auto;
  width:8px;
  background-color:{color:scrollbar;
}  
}

p {
  margin:0;
  margin-top:0;
}

body {
  padding:0;
  margin:0;
  color:{color:text;
  cursor:url(http://cur.cursors-4u.net/holidays/hol-5/hol442.gif),auto;
}

;
font-family: Avenir Next Condensed;
line-height:12px;
font-size:14px;
background-color: {
  color:Background;
}

;
background-image:url( {
  image:Background;
}  
}

a:link,a:active,a:visited {
  text-decoration:none;
  -webkit-transition:color .3s ease-out;
  -moz-transition:color .3s ease-out;
  transition:color .3s ease-out;
  color:{color:link;
}  
}

a:hover {
  text-decoration:none;
  font-style:;
  color:{color:Hover;
}  
}

div#center {
  margin:auto;
  position:relative;
  width:1000px;
  background-color:;
}  
}

box-shadow:rgba(0,0,0,0.03)7px 7px; {
  /block:ifpostshadows;
}

border: 1px solid #eee;
margin:14px;
background-color: white;
padding:8px;
padding-bottom:6px;
transition: all 0.5s ease-out;
-o-transition-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out; {
  block:iftwocolumn;
}

width:240px; {
  /block:iftwocolumn;
}

 {
  block:ifonecolumn;
}

width:320px; {
  /block:ifonecolumn;
}

 {
  block:PermalinkPage;
}

font-size:16px;
line-height:16px;
width:450px;
text-align:left; {
  /block:PermalinkPage;
}  
}

.entry img {
  -webkit-transition:opacity .5s linear;
  -webkit-transition:all .5s ease-out;
  -moztransition:all .5s ease-out;
  transition:all .5s ease-out;
  padding-top:20px;
  {block:permalinkpage;
}

padding-top:0px;
padding-bottom:0px; {
  /block:permalinkpage;
}  
}

/*PERMAZ*/
.perma {
  z-index:1;
  overflow:hidden;
  position:absolute;
  top:-1px;
  right:-1px;
  width:100%;
  height:20px;
  padding:0 10px;
  background-color:#f1f1f1;
  border:1px solid #eee;
  border-top-right-radius:5px;
  border-top-left-radius:5px;
  font-family:Avenir Next Condensed;
  font-size:14px;
  line-height:20.5px;
  text-transform:uppercase;
  letter-spacing:1px;
  word-spacing:1px;
  text-align:right;
}

.perma a {
  color:{color:link;
}  
}

#posts {
  margin-top:1px;
  z-index:99;
  margin-left:190px;
  {block:ifonecolumn;
}

width:500px;
margin-left:320px; {
  /block:ifonecolumn;
}

 {
  block:iftwocolumn;
}

width:800px;
margin-left:190px; {
  /block:iftwocolumn;
}  
}

/*SIDEBAR*/
#sidebar {
  position:fixed!important;
  z-index:99999999999;
  width:160px;
  height:150px;
  border:0 solid #ddd;
  background:transparent;
  line-height:15px;
  margin-left:130px;
  margin-top:200px;
  padding:10px;
  {block:ifonecolumn;
}

margin-left:250px; {
  /block:ifonecolumn;
}

 {
  block:iftwocolumn;
}

margin-left:130px; {
  /block:iftwocolumn;
}  
}

#desc {
  position:fixed;
  width:180px;
  height:auto;
  opacity:1;
  font-family:Avenir Next Condensed;
  text-transform:lowercase;
  font-size:14px;
  text-align:center;
  line-height:11px;
  font-style:italic;
  margin-top:-12px;
  margin-left:-11px;
  padding:10px;
  background:white;
  border:1px solid #ddd;
  color:{color:Text;
}  
}

#links {
  position:absolute;
  opacity:1;
  line-height:15px;
  width:195px;
  border:1px solid #ddd;
  background-color:#f1f1f1;
  border-bottom:0;
  margin-top:-30px;
  margin-left:-11px;
  padding-bottom:3px;
  padding-top:5px;
  z-index:9999999999;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  font-family:Avenir Next Condensed;
  font-size:14px;
  letter-spacing:1px;
  text-align:right;
  text-transform:uppercase;
  color:#f1f1f1;
  padding-right:5px;
  height:12px;
  padding-bottom:3px;
  padding-top:2px;
  transition:all .9s ease-out;
  -o-transition-transition:all .5s ease-out;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
}

#links a {
  display:inline-block;
  margin-top:-5px;
  margin-right:0;
  z-index:99999999;
  color:{color:links;
}  
}

/*ASK*/
.bubble a {
  color:black;
}

.bubble {
  position:relative;
  {block:iftwocolumn;
}

width:225px; {
  /block:iftwocolumn;
}

 {
  block:ifonecolumn;
}

width:300px; {
  /block:ifonecolumn;
}  
}

.bubble p {
  margin:5px;
}

.bubble span {
  position:absolute;
  display:block;
  top:-5px;
  left:-8px;
  width:1px;
  height:1px;
  font-size:14px;
  line-height:1px;
  color:black;
  border-top:3px solid transparent;
  border-right:7px solid #eee;
  border-bottom:3px solid transparent;
}

/*ENTRIES*/
.title {
  line-height:14px;
  color:{color:Title;
}  
}

/*TEXT PERMAZ*/
.permalink {
  text-transform:normal;
  display:block;
  text-align:right;
  text-decoration:none;
}

.text {
  padding:10px;
}

.textperma {
  text-align:center;
  line-height:200%;
  opacity:1;
  filter:alpha(opacity = 0);
  font-size:14px;
  line-height:9px;
  letter-spacing:1px;
  margin-top:5px;
  text-transform:uppercase;
  -webkit-transition-duration:.75s;
}

.quotemark {
  font-family:Avenir Next Condensed;
  font-size:20px;
  color:{color:link;
}  
}

.quote {
  font-size:11px;
  line-height:12px;
  font-family:Avenir Next Condensed;
  text-align:left;
}

/*AUDIO*/
#audio {
  width:400px;
  height:70px;
}

.cover {
  position:absolute;
  z-index:1;
  width:40px;
  height:40px;
  {block:permalinkpage;
}

position:absolute; z-index:1; width:60px; height:60px; {
  /block:permalinkpage;
}  
}

.cover img {
  float:left;
  width:40px;
  height:45px;
  -webkit-filter:saturate(100%);
  margin-top:22px;
  margin-left:2px;
  {block:permalinkpage;
}

float:left; width:60px; height:65px;margin-top:0px; {
  /block:permalinkpage;
}  
}

  
}

opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:20px; text-align:center; {
  /block:permalinkpage;
}  
}

.info {
  position:absolute;
  text-transform:uppercase;
  margin-left:53px;
  margin-top:20px;
  line-height:12px;
  font-size:8px;
  {block:permalinkpage;
}

margin-left:73px; line-height:15px;font-size:8px;text-transform:uppercase; letter-spacing:1px;color:#000;position:absolute;margin-top:6px; {
  /block:permalinkpage;
}  
}

  
}

#eclipse {
  width:450px;
  text-align:center;
  line-height:11px;
  padding:5px;
  padding-bottom:0;
}

#infscr-loading {
  bottom:-70px;
  position:absolute;
  left:50%;
  margin-left:-8px;
  width:16px;
  height:11px;
  overflow:hidden;
  margin-bottom:50px;
}

#postnotes {
  text-align:justify;
  line-height:14px;
  font-size:12px;
}

#postnotes blockquote {
  border:0;
}

blockquote {
  padding:0 0 2px 5px;
  margin:0 0 2px 10px;
  border-left:1px dotted #555555;
}

blockquote p,ul {
  margin:0;
  padding:0;
}

a img {
  border:0;
}

ul,ol,li {
  list-style:none;
  margin:0;
  padding:0;
}

.user_1 .label,.user_2 .label,.user_3 .label,.user_4 .label,.user_5 .label,.user_6 .label,.user_7 .label,.user_8 .label,.user_9 .label {
  color:{color:text;
}  
}

.notes img {
  width:10px;
  position:relative;
  top:3px;
}

<--ses-->
small {
  font-size:90%;
}

 {
}