html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, article h2, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
`
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-ms-keyframes fadeInDown {
0% {
opacity: 0;
-ms-transform: translateY(-20px);
}
100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-ms-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-ms-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-ms-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-ms-keyframes fadeInRight {
0% {
opacity: 0;
-ms-transform: translateX(20px);
}
100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-ms-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gecko .home .mast .container {
padding-bottom: 26px;
}
.gecko .Contact input[type="text"] {
margin-bottom: 2px;
}
.gecko .Contact .prosthetic a {
width: 134.7px !important;
}
body {
font-family: "brandon-grotesque", sans-serif;
font-size: 12px;
line-height: 1.6em;
}
body.home .brick {
margin-bottom: 105px;
}
body.project-page, body.projects {
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f5f3), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(#f6f5f3 0%, #ffffff 100%);
background: -moz-linear-gradient(#f6f5f3 0%, #ffffff 100%);
background: -o-linear-gradient(#f6f5f3 0%, #ffffff 100%);
background: linear-gradient(#f6f5f3 0%, #ffffff 100%);
}
body.project-page .mast p, body.projects .mast p {
padding: 26px 0 !important;
}
body.project-page .whole, body.project-page .half, body.project-page .third, body.project-page .quarter, body.project-page .fifth, body.project-page .twothird, body.projects .whole, body.projects .half, body.projects .third, body.projects .quarter, body.projects .fifth, body.projects .twothird {
border: 3px solid transparent;
}
body.about .menu-main-menu-container, body.contact .menu-main-menu-container, body.project-page .menu-main-menu-container, body.projects .menu-main-menu-container {
width: 685px;
}
body.projects .overlay, body.projects .static-content {
display: none;
}
body.search-results h2 {
position: relative;
top: -10px;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
body.blog-page {
width: 115%;
}
body.blog-page .topbar {
width: 115%;
}
}
@media (max-width: 320px) {
body.blog-page {
width: 115%;
}
body.blog-page .topbar {
width: 115%;
}
}
body.blog-page, body.single-post, body.search-results {
background: #f8f7f6;
}
body.blog-page .topbar, body.single-post .topbar, body.search-results .topbar {
top: 0;
z-index: 50;
}
body.blog-page .container, body.single-post .container, body.search-results .container {
width: 990px;
}
body.blog-page .container.comment-block, body.single-post .container.comment-block, body.search-results .container.comment-block {
width: 835px;
margin: 0 auto;
position: relative;
left: 70px;
overflow: hidden;
}
body.blog-page .container.comment-block ol, body.single-post .container.comment-block ol, body.search-results .container.comment-block ol {
margin-top: 70px;
}
body.blog-page .container.comment-block h3, body.single-post .container.comment-block h3, body.search-results .container.comment-block h3 {
font-family: "brandon-grotesque", sans-serif;
text-transform: uppercase;
color: #3b3b3b;
font-weight: 900;
position: absolute;
left: 0;
margin-top: 7px;
margin-bottom: 35px;
padding: 6px 35px 4px;
background: url(../images/comment-header.png) center center no-repeat;
letter-spacing: 1px;
}
body.blog-page .content, body.single-post .content, body.search-results .content {
float: left;
display: inline;
margin: 55px 0 105px;
}
body.blog-page .third, body.single-post .third, body.search-results .third {
border: none;
vertical-align: bottom;
position: relative !important;
height: 120px;
}
body.blog-page .third:first-child, body.single-post .third:first-child, body.search-results .third:first-child {
font-family: "sorts-mill-goudy";
font-style: italic;
color: silver;
font-size: 11px;
letter-spacing: 1px;
}
body.blog-page .third:nth-child(3), body.single-post .third:nth-child(3), body.search-results .third:nth-child(3) {
text-align: right;
}
body.blog-page .third:nth-child(3) ul, body.single-post .third:nth-child(3) ul, body.search-results .third:nth-child(3) ul {
font-size: 11px;
}
body.blog-page .third:nth-child(3) .inner, body.single-post .third:nth-child(3) .inner, body.search-results .third:nth-child(3) .inner {
right: 0;
}
body.blog-page .third:nth-child(3) li, body.single-post .third:nth-child(3) li, body.search-results .third:nth-child(3) li {
font-family: "brandon-grotesque", sans-serif;
text-transform: uppercase;
float: left;
display: inline;
margin-right: 35px;
font-weight: 700;
letter-spacing: 1px;
}
body.blog-page .third:nth-child(3) li:last-child, body.single-post .third:nth-child(3) li:last-child, body.search-results .third:nth-child(3) li:last-child {
margin-right: 0;
}
body.blog-page .third.bloglogo, body.single-post .third.bloglogo, body.search-results .third.bloglogo {
text-align: center;
}
body.blog-page .third .inner, body.single-post .third .inner, body.search-results .third .inner {
position: absolute;
bottom: 0;
}
body.blog-page article p, body.single-post article p, body.search-results article p {
line-height: 1.5em;
}
a {
text-decoration: none;
-webkit-transition: 75ms ease-out all;
-moz-transition: 75ms ease-out all;
-o-transition: 75ms ease-out all;
transition: 75ms ease-out all;
color: #3a3631;
}
a:hover {
color: #84817c;
}
.blog-page article:nth-child(6n+6) .article-divider {
display: none;
}
header {
position: relative;
}
h1, h2, h3, h4, article h2, h5 {
text-transform: uppercase;
font-family: "brandon-grotesque", sans-serif;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
h2 {
font-family: "brandon-grotesque", sans-serif;
font-weight: 900;
font-size: 13px;
color: #3a3631;
}
h4, article h2 {
font-weight: 900;
font-size: 12px;
letter-spacing: 1px;
color: #3a3631;
}
.brick {
margin-bottom: 105px;
position: relative;
width: 932px !important;
}
.topbar {
height: 4px;
position: absolute;
top: 0;
background: #3a3631;
width: 100%;
}
.article-divider {
height: 1px;
width: 87%;
background: #dfdfde;
margin: 60px;
}
.blog-content {
width: 910px;
}
article {
width: 910px;
}
article .left, article .right {
background: white;
}
article .right {
width: 290px;
padding: 25px;
color: #84817c;
}
article .meta {
margin-top: 75px;
text-transform: uppercase;
}
article .meta li {
font-style: italic;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
}
article time {
color: silver;
font-style: italic;
font-family: "sorts-mill-goudy";
margin-bottom: 10px;
display: block;
}
article h2 {
line-height: 1.2em;
}
article .left {
width: 615px;
padding: 25px;
margin-right: 4px;
}
article .left img {
margin-bottom: -1px;
width: 100%;
}
article .comments-link {
font-family: "brandon-grotesque", sans-serif;
font-weight: 900;
text-transform: uppercase;
}
article p {
margin-bottom: 20px;
text-align: justify;
}
.container {
width: 990px;
margin: 0 auto;
}
.container.About p {
text-align: justify;
line-height: 1.45em;
}
.container.About .img-reg {
height: 85px;
}
.container.About .quarter {
float: left;
display: inline;
border: none;
letter-spacing: 1px;
color: #84817c;
width: 20%;
margin-right: 6.5%;
}
.container.About .quarter:nth-child(4n+4) {
margin-right: 0;
}
.container.About .quarter h4, .container.About .quarter article h2, article .container.About .quarter h2 {
margin-bottom: 10px;
vertical-align: bottom;
color: #3a3631;
}
.container.About .quarter img {
margin-bottom: 25px;
}
.container.About .content {
margin: 80px 0 100px;
}
.left, .right {
float: left;
display: inline;
width: 50%;
}
.bio {
background: #eeeeee;
padding: 85px 0;
overflow: hidden;
color: #84817c;
}
.bio .right .col1, .bio .right .col2 {
float: left;
display: inline;
width: 45%;
}
.bio .right .col1 {
margin-right: 9%;
}
.bio .right p {
letter-spacing: 1px;
margin-bottom: 20px;
text-align: justify;
}
.bio .right ul li {
width: 40%;
float: left;
display: inline;
margin-right: 14%;
text-transform: uppercase;
font-style: italic;
margin-bottom: 5px;
}
.bio .right ul li:nth-child(2n+2) {
margin-right: 0;
}
.bio .right ul li a {
color: #84817c;
letter-spacing: 1px;
}
.bio .right ul li a:hover {
color: #3a3631;
}
.bio h4, .bio article h2, article .bio h2 {
color: #3a3631;
margin-bottom: 5px;
}
.favorite-things {
background: url(../images/dots-bg.png) top left repeat white;
padding: 100px 0;
}
.favorite-things .container {
position: relative;
}
.favorite-things .fav-banner {
position: absolute;
top: 90px;
right: -13px;
}
.favorite-things .fire {
position: absolute;
}
.favorite-things .target1 {
top: 357px;
left: 230px;
}
.favorite-things .target2 {
top: 108px;
left: 301px;
}
.favorite-things .target3 {
top: 411px;
left: 443px;
}
.favorite-things .target4 {
top: 60px;
left: 530px;
}
.favorite-things .target5 {
top: 218px;
left: 540px;
}
.favorite-things .target6 {
top: 385px;
left: 670px;
}
.mast {
font-family: "sorts-mill-goudy";
font-style: italic;
color: silver;
background: white;
font-size: 11px;
letter-spacing: 1px;
margin-top: 5px;
}
.mast p {
padding-top: 25px;
}
.featured-banner {
position: absolute;
top: -6px;
z-index: 9999;
left: -11px;
}
.featured-items {
margin-top: 20px;
}
.more-projects {
position: absolute;
bottom: 25px;
z-index: 9999;
right: -15px;
}
.blog-meta {
margin-top: 100px;
overflow: hidden;
}
.blog-mast {
background: white;
margin-top: 4px;
}
.blog-mast #menu-bloghead {
position: relative;
background: white;
top: 48px;
padding: 14px 50px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
font-size: 8px;
}
.blog-mast #menu-bloghead li {
margin-right: 25px;
}
.blog-mast #menu-bloghead a {
color: #dcdbd9;
}
.menu-main-menu-container {
float: right;
display: inline;
position: relative;
z-index: 10000;
background: white;
width: 605px;
font-size: 12px;
font-weight: bold;
padding: 20px 0 30px;
top: 70px;
font-family: "brandon-grotesque", sans-serif;
font-style: normal;
}
.menu-main-menu-container ul {
text-align: center;
}
.menu-main-menu-container li {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
margin-right: 50px;
}
.menu-main-menu-container li:last-child {
margin-right: 0;
}
.menu-main-menu-container a {
text-transform: uppercase;
color: #3b3b3b;
}
.menu-main-menu-container a:hover {
color: #d6d4ce;
}
.altnav {
position: relative;
}
.altnav ul {
float: right;
display: inline;
}
.altnav li {
margin-right: 35px;
}
.altnav li:last-child {
margin-right: 45px;
}
.altnav .logo-small {
float: right;
display: inline;
position: absolute;
top: 30px;
left: 295px;
z-index: 99999;
}
.header-content_3, .static-content {
height: 700px;
overflow: hidden;
background: #f1f1f1;
width: 100% !important;
}
.header-content_2, .static-content {
height: 633px;
overflow: hidden;
background: #dddddd;
width: 100% !important;
}
.header-content, .static-content {
height: 770px;
overflow: hidden;
background: #dddddd;
width: 100% !important;
}
.header-content .overlay, .static-content .overlay {
background: rgba(212, 209, 203, 0);
}
.header-content .toggle-trigger, .static-content .toggle-trigger {
position: absolute;
display: block;
z-index: 1000;
top: 65px;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
padding-left: 2px;
}
.header-content .toggle-trigger .fire, .static-content .toggle-trigger .fire {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.header-content .toggle-trigger .fire:hover, .static-content .toggle-trigger .fire:hover {
-webkit-transition: 500ms all cubic-bezier(0.075, 0.82, 0.165, 1);
-moz-transition: 500ms all cubic-bezier(0.075, 0.82, 0.165, 1);
-o-transition: 500ms all cubic-bezier(0.075, 0.82, 0.165, 1);
transition: 500ms all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.toggle-content {
background: #3a3631;
color: white;
position: relative;
padding: 15px 25px;
top: -40px;
left: 50px;
display: none;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-animation: fadeInRight 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-moz-animation: fadeInRight 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-ms-animation: fadeInRight 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-o-animation: fadeInRight 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
animation: fadeInRight 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
}
.toggle-content h4, .toggle-content article h2, article .toggle-content h2 {
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
line-height: 1.6em;
letter-spacing: 1px;
font-weight: 900;
color: white;
}
.toggle-content p {
font-size: 11px;
font-family: "sorts-mill-goudy";
font-weight: bold;
font-style: italic;
line-height: 1.4em;
}
.toggle-content:after {
right: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #3a3631;
border-width: 10px;
top: 30%;
margin-top: -10px;
}
.toggle-content a {
color: black;
-webkit-transition: 200ms ease-out all;
-moz-transition: 200ms ease-out all;
-o-transition: 200ms ease-out all;
transition: 200ms ease-out all;
display: block;
position: absolute;
}
.toggle-content a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
opacity: 0.9;
}
.static-content {
height: 355px;
}
.static-content .overlay {
background: rgba(212, 209, 203, 0);
}
#controller {
width: 930px;
margin: 0 auto;
position: relative;
}
.anythingControls {
position: absolute;
right: 0;
bottom: 50px;
z-index: 99999;
}
.anythingControls li {
margin-bottom: 18px;
}
.anythingControls li:last-child {
margin-bottom: 0;
}
.anythingControls a {
display: block;
text-indent: -9999px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
height: 16px;
width: 16px;
border: 2px solid #3a3631;
background: transparent;
margin-bottom: 10px;
-webkit-transition: 100ms ease-out background;
-moz-transition: 100ms ease-out background;
-o-transition: 100ms ease-out background;
transition: 100ms ease-out background;
}
.anythingControls a.cur {
border: 2px solid transparent;
background: #999;
-webkit-box-shadow: 0 0 2px #3a3631;
-moz-box-shadow: 0 0 2px #3a3631;
box-shadow: 0 0 2px #3a3631;
}
.anythingSlider {
width: auto !important;
position: relative;
overflow: visible !important;
}
.slide {
position: absolute;
width: 100% !important;
height: inherit;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.static-slide {
position: absolute;
width: 100%;
height: inherit;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.overlay {
position: absolute;
z-index: 999;
height: 100%;
width: 100%;
}
.content {
margin: 105px 0;
}
.content.spaces {
background: white;
width: 84.5%;
padding: 30px;
position: relative;
}
.content.spaces .details h2 {
font-size: 11px;
color: white;
}
.banner {
position: absolute;
right: -10px;
z-index: 1000;
top: -14px;
}
.overlay-content {
text-align: center;
padding-top: 140px;
color: white;
position: relative;
z-index: 1001;
width: 435px;
margin: 0 auto;
}
.overlay-content img {
margin-bottom: 20px;
}
.overlay-content p {
text-transform: uppercase;
line-height: 1.7em;
font-weight: 500;
letter-spacing: 1px;
font-size: 12px;
}
.overlay-content a {
color: white;
display: block;
}
.overlay-content a:hover {
color: #84817c;
}
#menu-footer-social-media li a:hover, #menu-bloghead li a:hover {
color: #6e6e6e;
}
.copyright {
font-family: "sorts-mill-goudy";
font-style: italic;
color: #3a3631;
font-size: 11px;
}
.divider {
background: url(../images/footer-border.png) center center repeat-x;
height: 7px;
width: 100%;
position: absolute;
top: -6px;
}
.clear {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ".";
}
.whole {
width: 100%;
float: left;
display: inline;
}
.half {
width: 50%;
float: left;
display: inline;
}
.third {
width: 33.33%;
float: left;
display: inline;
}
.quarter {
width: 25%;
float: left;
display: inline;
}
.twothird {
width: 75%;
float: left;
display: inline;
}
.whole, .half, .third, .quarter, .fifth, .twothird {
border: 3px solid transparent;
}
.item {
position: relative;
overflow: hidden;
}
.item a, .item h4, .item article h2, article .item h2 {
color: white;
letter-spacing: 1px;
}
.item a {
display: block;
width: 100%;
height: 100%;
}
.item img {
vertical-align: top;
-webkit-transition: 100ms ease-out opacity;
-moz-transition: 100ms ease-out opacity;
-o-transition: 100ms ease-out opacity;
transition: 100ms ease-out opacity;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.item:hover .details {
display: block;
position: absolute;
-webkit-animation: fadeInDown 600ms both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-moz-animation: fadeInDown 600ms both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-ms-animation: fadeInDown 600ms both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-o-animation: fadeInDown 600ms both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
animation: fadeInDown 600ms both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
}
.item:hover .mini-overlay {
display: block;
position: absolute;
-webkit-animation: fadeIn 600ms both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-moz-animation: fadeIn 600ms both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-ms-animation: fadeIn 600ms both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-o-animation: fadeIn 600ms both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
animation: fadeIn 600ms both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
}
.item .details {
text-align: center;
position: absolute;
z-index: 5;
width: 100%;
top: 50%;
}
.item .details p {
font-family: "sorts-mill-goudy";
font-style: italic;
font-size: 11px;
margin-top: -5px;
-webkit-animation: fadeInDown 600ms 125ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
-moz-animation: fadeInDown 600ms 125ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
-ms-animation: fadeInDown 600ms 125ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
-o-animation: fadeInDown 600ms 125ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
animation: fadeInDown 600ms 125ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
}
.item .details p::before, .item .details p::after {
content: "–";
padding: 0 5px;
}
.item .details h4, .item .details article h2, article .item .details h2 {
-webkit-animation: fadeInDown 600ms 50ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
-moz-animation: fadeInDown 600ms 50ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
-ms-animation: fadeInDown 600ms 50ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
-o-animation: fadeInDown 600ms 50ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
animation: fadeInDown 600ms 50ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
}
.item .mini-overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 4;
background: rgba(188, 186, 181, 0.75);
}
.item .details, .item .mini-overlay {
display: none;
}
#commentform {
width: 280px;
}
#comments {
background: white;
padding: 50px 0 120px;
-moz-placeholder-color: white;
-moz-placeholder-font-family: "brandon-grotesque", sans-serif;
-moz-placeholder-letter-spacing: 2px;
-moz-placeholder-font-size: 12px;
-moz-placeholder-text-transform: uppercase;
-ms-input-placeholder-color: white;
-ms-input-placeholder-font-family: "brandon-grotesque", sans-serif;
-ms-input-placeholder-letter-spacing: 2px;
-ms-input-placeholder-font-size: 12px;
-ms-input-placeholder-text-transform: uppercase;
}
#comments .trackbacks {
margin-top: 20px;
font-family: "brandon-grotesque", sans-serif;
text-transform: uppercase;
}
#comments ol {
float: left;
display: inline;
width: 400px;
}
#comments li #commentform {
margin: 15px 0;
overflow: hidden;
}
#comments li p {
color: #747474;
margin: 3px 0;
line-height: 1.2em;
}
#comments input {
-webkit-appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#comments input[type="text"] {
width: 280px;
}
#comments textarea {
width: 280px;
-webkit-appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#comments textarea, #comments input[type="text"] {
outline: none;
resize: none;
background: #3b3b3b;
color: white;
border: none;
font-family: "sorts-mill-goudy";
padding: 10px;
font-weight: 900;
font-weight: 900;
}
#comments ::-webkit-input-placeholder {
color: white;
font-family: "brandon-grotesque", sans-serif;
letter-spacing: 2px;
font-size: 12px;
text-transform: uppercase;
}
#comments ::-moz-placeholder {
color: white;
font-family: "brandon-grotesque", sans-serif;
letter-spacing: 2px;
font-size: 12px;
text-transform: uppercase;
}
.comment-text {
background: #ececec;
width: 535px;
margin-bottom: 8px;
padding: 25px 25px 20px;
overflow: hidden;
position: relative;
}
.comment-text .delete {
height: 15px;
width: 15px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQkNCQzdGOThEMEMxMUUyQTZGOUY4MEQwMjhBQzRGNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQkNCQzdGQThEMEMxMUUyQTZGOUY4MEQwMjhBQzRGNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFCQ0JDN0Y3OEQwQzExRTJBNkY5RjgwRDAyOEFDNEY2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFCQ0JDN0Y4OEQwQzExRTJBNkY5RjgwRDAyOEFDNEY2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pXrWTwAAAKhJREFUeNqMUzEOgCAMrD9TH8Hii5hZfI3Ofoi4kNqSmhBpqSQ3AL2jtFdARKC1EC5C4L0FWhvhJiTC9BIzgW8LBwyIReJQBOBsDlQBhYiSAczNy52AQaz3r/JqCOwWsfKa1DQBHH3pW5SRQF8LparRIO9d7I+q+i87RPvPg3ZEp412H502BhCneA7TBHgWqkfxh7dbgSwzUacjSQabM1Vs5YOJvH8EGADDD0Rk6IV8NQAAAABJRU5ErkJggg==") center center no-repeat;
-webkit-background-size: 50%;
-moz-background-size: 50%;
-o-background-size: 50%;
background-size: 50%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
opacity: 0.3;
text-indent: -999px;
display: block;
top: 25px;
right: 25px;
position: absolute;
}
.comment-text .delete:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.comment-text .comment-text {
position: relative;
border: 0;
width: 92%;
float: right;
display: inline;
padding: 15px 0 15px 25px !important;
margin-top: 20px !important;
}
.comment-text .comment-text .delete {
height: 15px;
width: 15px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQkNCQzdGOThEMEMxMUUyQTZGOUY4MEQwMjhBQzRGNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQkNCQzdGQThEMEMxMUUyQTZGOUY4MEQwMjhBQzRGNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFCQ0JDN0Y3OEQwQzExRTJBNkY5RjgwRDAyOEFDNEY2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFCQ0JDN0Y4OEQwQzExRTJBNkY5RjgwRDAyOEFDNEY2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pXrWTwAAAKhJREFUeNqMUzEOgCAMrD9TH8Hii5hZfI3Ofoi4kNqSmhBpqSQ3AL2jtFdARKC1EC5C4L0FWhvhJiTC9BIzgW8LBwyIReJQBOBsDlQBhYiSAczNy52AQaz3r/JqCOwWsfKa1DQBHH3pW5SRQF8LparRIO9d7I+q+i87RPvPg3ZEp412H502BhCneA7TBHgWqkfxh7dbgSwzUacjSQabM1Vs5YOJvH8EGADDD0Rk6IV8NQAAAABJRU5ErkJggg==") center center no-repeat;
-webkit-background-size: 50%;
-moz-background-size: 50%;
-o-background-size: 50%;
background-size: 50%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
opacity: 0.3;
text-indent: -999px;
display: block;
position: absolute;
top: 0;
right: 0;
}
.comment-text .comment-text .delete:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.comment-text .comment-text .comment-text {
width: 85%;
right: 0;
}
.comment-text .comment-text .comment-text .comment-text {
width: 78%;
}
.comment-text .author {
font-family: "brandon-grotesque", sans-serif;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
line-height: 1em;
}
.comment-text .date, .comment-text .thdrpy {
font-family: "sorts-mill-goudy";
color: #a3a2a2;
font-size: 11px;
font-style: italic;
letter-spacing: 1px;
}
.comment-text .thdrpy {
margin-top: 7px !important;
}
.comment-text .thdrpy a {
color: #a3a2a2;
}
.comment-text .thdrpy a:hover {
color: #3a3631;
}
#submit, #cancel_reply {
border: 2px solid #3b3b3b;
background: transparent;
font-family: "brandon-grotesque", sans-serif;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 900;
padding: 4px 32px;
float: right;
display: inline;
cursor: pointer;
-webkit-transition: 50ms ease-out all;
-moz-transition: 50ms ease-out all;
-o-transition: 50ms ease-out all;
transition: 50ms ease-out all;
}
#cancel_reply:hover {
background: #3b3b3b;
color: white;
border: 2px solid #484848;
}
#submit:hover{}
#cancel_reply {
border: 2px solid #a3a2a2;
top: 2px;
position: relative;
padding: 4px 20px 3px;
margin-right: 2px;
}
#cancel_reply a {
color: #a3a2a2 !important;
}
#cancel_reply:hover {
background: #a3a2a2;
border: 2px solid #a3a2a2;
}
#cancel_reply:hover a {
color: white !important;
}
#comments-form {
float: right;
display: inline;
width: 280px;
margin-left: 155px;
padding-top: 20px;
position: relative;
margin-top: 48px;
}
#comments-form.stuck {
position: fixed;
top: 0;
margin-left: 225px;
}
#images.content {
overflow: hidden;
}
#sidebar {
float: left;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
min-height: 100%;
width: 125px;
margin-top: 55px;
margin-right: 40px;
position: relative;
}
#sidebar .subscribe-field {
margin-top: -41px;
display: none;
-webkit-animation: fadeInRight 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-moz-animation: fadeInRight 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-ms-animation: fadeInRight 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-o-animation: fadeInRight 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
animation: fadeInRight 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
}
#sidebar .archive-list {
display: none;
-webkit-animation: fadeInRight 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-moz-animation: fadeInRight 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-ms-animation: fadeInRight 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-o-animation: fadeInRight 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
animation: fadeInRight 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
margin-top: -38px;
width: 135px;
padding-top: 20px;
}
#sidebar .archive-list span {
font-family: "sorts-mill-goudy" !important;
font-size: 11px !important;
text-transform: none;
letter-spacing: 0;
font-style: italic;
line-height: 1em;
}
#sidebar .archive-list a {
display: block;
}
#sidebar .archive-list .year-title {
margin-bottom: 5px;
}
#sidebar .archive-list:after {
right: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #3a3631;
border-width: 12px;
top: 20px;
margin-top: -10px;
}
#sidebar .category-list {
display: none;
margin-top: -36px;
-webkit-animation: fadeInRight 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-moz-animation: fadeInRight 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-ms-animation: fadeInRight 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-o-animation: fadeInRight 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
animation: fadeInRight 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
width: 135px;
}
#sidebar .category-list li {
margin-bottom: 0;
}
#sidebar .category-list a {
font-size: 10px;
font-weight: 900;
}
#sidebar .category-list:after {
right: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #3a3631;
border-width: 12px;
top: 20px;
margin-top: -10px;
}
#sidebar #s {
border: 2px solid #dcdbd9;
padding: 8px;
outline: none;
font-family: "brandon-grotesque", sans-serif;
margin-left: 0;
width: 124px;
color: #84817c;
padding-right: 30px;
background: url(../images/search-bg.png) 95% 50% no-repeat;
}
.module {
position: absolute;
left: 145px;
background: #3a3631;
color: white;
padding: 15px;
z-index: 9999;
-moz-placeholder-color: white;
-ms-input-placeholder-color: white;
}
.module input {
background: transparent;
outline: none;
border: 0;
width: 235px;
text-align: center;
font-family: "brandon-grotesque", sans-serif;
text-transform: uppercase;
font-weight: 900;
font-size: 10px;
letter-spacing: 1px;
color: white;
}
.module ::-webkit-input-placeholder {
color: white;
}
.module ::-moz-placeholder {
color: white;
}
.module:after {
right: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #3a3631;
border-width: 12px;
top: 45%;
margin-top: -10px;
}
.widget {
margin-bottom: 70px;
}
.widget.instagram {
position: relative;
}
.widget.instagram:hover .ig-details {
display: block;
}
.widget.instagram .ig-details {
background: rgba(214, 212, 206, 0.6);
height: 125px;
width: 125px;
position: absolute;
padding: 40px 20px 20px;
display: none;
}
.widget.instagram .ig-details p, .widget.instagram .ig-details a {
background: #3a3631;
padding: 0 3px;
font-family: "brandon-grotesque", sans-serif;
text-transform: uppercase;
margin-bottom: 5px;
text-align: center;
color: white;
font-weight: 900;
font-size: 8px;
}
.widget.instagram .ig-details a:hover {
color: #d6d4ce;
}
.widget.instagram .ig-details p {
-webkit-animation: fadeInDown 500ms 50ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
-moz-animation: fadeInDown 500ms 50ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
-ms-animation: fadeInDown 500ms 50ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
-o-animation: fadeInDown 500ms 50ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
animation: fadeInDown 500ms 50ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
}
.widget.instagram .ig-details a {
-webkit-animation: fadeInDown 500ms 150ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
-moz-animation: fadeInDown 500ms 150ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
-ms-animation: fadeInDown 500ms 150ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
-o-animation: fadeInDown 500ms 150ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
animation: fadeInDown 500ms 150ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
display: block;
}
.callout {
background: #3a3631;
font-family: "brandon-grotesque", sans-serif;
font-weight: 700;
text-align: center;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
padding: 48px 0;
}
.callout li {
margin-bottom: 10px;
}
.callout .year-title {
font-weight: 900;
}
.callout a {
color: white;
}
.callout a:hover {
color: #84817c;
}
.blockMsg {
-webkit-animation: fadeInDown 600ms 50ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
-moz-animation: fadeInDown 600ms 50ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
-ms-animation: fadeInDown 600ms 50ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
-o-animation: fadeInDown 600ms 50ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
animation: fadeInDown 600ms 50ms both cubic-bezier(0.075, 0.82, 0.165, 1) normal;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
background: transparent !important;
font-family: "brandon-grotesque", sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 900;
font-size: 11px;
border: 3px solid #3b3b3b !important;
-webkit-border-radius: 0;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
color: #3b3b3b !important;
width: 600px !important;
text-align: center !important;
z-index: 50;
position: relative;
}
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
#flipper {
float: right;
display: inline;
font-size: 10px;
letter-spacing: 1px;
color: #dcdbd9;
margin-bottom: 5px;
}
#flipper a {
text-transform: uppercase;
color: #dcdbd9;
font-weight: 900;
}
#flipper a:hover {
color: #c4c2be;
}
.project-meta {
background: #f1f1f1;
margin-bottom: -5px;
padding: 50px 0 60px;
overflow: hidden;
}
.project-meta .quarter, .project-meta .half {
border: none !important;
}
.project-meta p {
color: #afafaf;
letter-spacing: 1px;
}
.singlenav a {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.singlenav a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.Contact #input_1_5 {
display: none;
}
.Contact #gforms_confirmation_message {
text-align: center;
font-family: "brandon-grotesque", sans-serif;
text-transform: uppercase;
font-weight: 900;
color: #3a3631;
}
.Contact .gform_wrapper {
position: relative;
}
.Contact .gform_button {
position: absolute;
right: 0;
background: #eeeeee;
font-family: "brandon-grotesque", sans-serif;
text-transform: uppercase;
font-weight: 900;
padding: 8px 35px;
color: #3a3631;
font-size: 11px;
border: 0;
color: #84817c;
letter-spacing: 1px;
margin-top: 10px;
-webkit-appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.Contact .gform_button:hover {
background: #e1e1e1;
}
.Contact .gform_button:active {
background: #dcdbd9;
color: white;
}
.Contact input[type="text"] {
background: #eeeeee;
font-family: "sorts-mill-goudy";
font-style: italic;
border: 0;
outline: none;
resize: none;
padding: 8px;
font-size: 11px;
width: 410px;
color: #84817c;
-webkit-appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.Contact .inline label {
display: none;
}
.Contact .rside {
float: right;
display: inline;
margin-top: -186px;
}
.Contact textarea {
background: #eeeeee;
outline: none;
resize: none;
border: 0;
padding: 8px;
font-family: "brandon-grotesque", sans-serif;
font-size: 13px;
width: 510px;
height: 186px;
color: #84817c;
-webkit-appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.Contact .project-type label.gfield_label {
background: #eeeeee;
font-family: "brandon-grotesque", sans-serif;
text-transform: uppercase;
padding: 8px;
width: 410px;
color: #84817c;
display: block;
margin-top: 2px;
font-weight: 900;
letter-spacing: 1px;
font-size: 11px;
}
.Contact .project-type label.gfield_label span {
font-family: "sorts-mill-goudy";
font-style: italic;
font-size: 11px;
text-transform: lowercase;
font-weight: bold;
letter-spacing: 0;
font-size: 9px;
}
.Contact .project-type .prosthetic {
width: 135px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
text-align: center;
margin-right: 3px;
margin-top: 3px;
letter-spacing: 1px;
}
.Contact .project-type .prosthetic:last-child {
margin-right: 0;
}
.Contact .project-type .prosthetic a {
display: block;
height: 100%;
width: 100%;
background: #eeeeee;
font-family: "brandon-grotesque", sans-serif;
text-transform: uppercase;
font-weight: 900;
padding: 8px;
color: #84817c;
font-size: 11px;
}
.Contact .project-type .prosthetic a:hover {
background: #e1e1e1;
}
.Contact .project-type .prosthetic a.active {
background: #dcdbd9;
color: white;
}
.Contact .project-type .gfield_required {
display: none;
}
.pinit-overlay {
background: transparent !important;
height: 200px !important;
top: 50% !important;
margin-top: -100px !important;
}
.pinit .pinit-overlay a {
position: absolute;
top: 50%;
left: 50%;
margin-left: -74px;
margin-top: -13px;
}
.newer, .older {
display: inline;
font-family: "brandon-grotesque", sans-serif;
font-size: 10px;
font-style: italic;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 1px;
}
.newer:hover, .older:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
}
.older {
float: left;
background: url(../images/older.png) left center no-repeat;
padding: 7px 95px 6px 30px;
}
.newer {
float: right;
background: url(../images/newer.png) left center no-repeat;
padding: 7px 31px 6px 77px;
}
.oldernewer {
margin-top: 35px;
}
.fly-down {
position: fixed;
background: white;
padding: 21px 0;
top: -61px;
width: 100%;
overflow: hidden;
z-index: 999999;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.fly-down .third {
border: 0 !important;
width: 20%;
height: auto !important;
}
.fly-down .third:first-child {
font-family: "sorts-mill-goudy";
font-style: italic;
color: silver;
background: white;
font-size: 11px;
letter-spacing: 1px;
width: 25%;
}
.fly-down .third:nth-child(2) {
text-align: center;
width: 25%;
}
.fly-down .third:nth-child(2) ul {
float: right;
display: inline;
}
.fly-down .third:nth-child(2) li {
font-family: "brandon-grotesque", sans-serif;
text-transform: uppercase;
float: left;
display: inline;
margin-right: 30px;
letter-spacing: 1px;
font-size: 10px;
font-weight: 600 !important;
}
.fly-down .third:nth-child(2) li a {
color: silver;
}
.fly-down .third:nth-child(2) li a:hover {
color: #3a3631;
}
.fly-down .third:nth-child(2) li:last-child {
margin-right: 0;
}
.fly-down .third:nth-child(3) {
text-align: right;
width: 50%;
}
.fly-down .third:nth-child(3) ul {
font-size: 11px;
float: right;
display: inline;
}
.fly-down .third:nth-child(3) .inner {
right: 0;
}
.fly-down .third:nth-child(3) li {
font-family: "brandon-grotesque", sans-serif;
text-transform: uppercase;
float: left;
display: inline;
margin-right: 39px;
font-weight: 600 !important;
letter-spacing: 1px;
}
.fly-down .third:nth-child(3) li:last-child {
margin-right: 0;
}
.fadeOutLeft {
-webkit-animation: fadeOutLeft 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-moz-animation: fadeOutLeft 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-ms-animation: fadeOutLeft 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-o-animation: fadeOutLeft 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
animation: fadeOutLeft 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
}
.fadeInLeft {
-webkit-animation: fadeInLeft 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-moz-animation: fadeInLeft 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-ms-animation: fadeInLeft 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
-o-animation: fadeInLeft 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
animation: fadeInLeft 1s both cubic-bezier(0.075, 0.82, 0.165, 1) 1 normal;
}
.hide {
display: none;
}