/*
CSS created by Sheppco
http://sheppco.com
*/

/* RESET  ------------------------------------------------------ */  
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
body {background:#fff;line-height:1;}
ol, ul {list-style:none;}
a:hover, a:active, a:focus {outline:0;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
b, strong, th, .bold {font-weight:bold;}
pre, code, kbd, samp {font-family:monospace, monospace;_font-family:'courier new', monospace;font-size:1em;}
pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
small, .small {font-size:75%;}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
abbr[title] {border-bottom:1px dotted;}
fieldset {margin:0 2px;padding:0.35em 0.625em 0.75em;}
html {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
button, input, select, textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
button, input {*overflow:visible;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;-webkit-appearance:button;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;}
textarea {overflow:auto;vertical-align:top;}



/* FONTS ------------------------------------------------------ */
@font-face {font-family:'proxima_nova_ltregular';
src:url('../webfont/proximanova-light-webfont.eot');
src:url('../webfont/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfont/proximanova-light-webfont.woff') format('woff'),
url('../webfont/proximanova-light-webfont.ttf') format('truetype'),
url('../webfont/proximanova-light-webfont.svg#proxima_nova_ltregular') format('svg');
font-weight:normal;
font-style:normal;}

@font-face {font-family:'proxima_nova_rgbold';
src:url('../webfont/proximanova-bold-webfont.eot');
src:url('../webfont/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfont/proximanova-bold-webfont.woff') format('woff'),
url('../webfont/proximanova-bold-webfont.ttf') format('truetype'),
url('../webfont/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
font-weight:normal;
font-style:normal;}

@font-face {font-family:'proxima_nova_ltbold';
src:url('../webfont/proximanova-semibold-webfont.eot');
src:url('../webfont/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfont/proximanova-semibold-webfont.woff') format('woff'),
url('../webfont/proximanova-semibold-webfont.ttf') format('truetype'),
url('../webfont/proximanova-semibold-webfont.svg#proxima_nova_ltbold') format('svg');
font-weight:normal;
font-style:normal;}

@font-face {font-family:'goudy_italic';
src:url('../webfont/oflgoudystmtt-italic-webfont.eot');
src:url('../webfont/oflgoudystmtt-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfont/oflgoudystmtt-italic-webfont.woff') format('woff'),
url('../webfont/oflgoudystmtt-italic-webfont.ttf') format('truetype'),
url('../webfont/oflgoudystmtt-italic-webfont.svg#ofl_sorts_mill_goudy_ttitalic') format('svg');
font-weight:normal;
font-style:normal;}

@font-face {font-family:'goudy_reg';
src:url('../webfont/oflgoudystmtt-webfont.eot');
src:url('../webfont/oflgoudystmtt-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfont/oflgoudystmtt-webfont.woff') format('woff'),
url('../webfont/oflgoudystmtt-webfont.ttf') format('truetype'),
url('../webfont/oflgoudystmtt-webfont.svg#ofl_sorts_mill_goudy_ttRg') format('svg');
font-weight:normal;
font-style:normal;}

body {font-size:62.5%;font-family:"proxima_nova_ltregular", Arial, Helvetica, sans-serif;}
nav, footer h4, .trans-butt, .about-desc, .mobile-about-desc, .feature-date, .press-lists h3, .press-list4 a, input[type="submit"], .contact-addr h3, .contact-social, .bio-slide h5, .mobile-creds h5, .creds a, .mobile-creds a {font-family:"proxima_nova_ltbold", Arial, Helvetica, sans-serif;}
.footer-cities span, .about-menu, .readmore, .about-readmore, .readmore2, .mf-col, .contact-success span {font-family:"proxima_nova_rgbold", Arial, Helvetica, sans-serif;}
.home-green h2, .dynduo h2, .portfolio-detail h3, .team-text h3, .mobile-team-text h3, .mobile-form h3, .bio-slide h4, .mobile-t h4, .creds, .mobile-creds {font-family:"proxima_nova_ltregular", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, .home-green p, .dynduo p, .portfolio-detail p, .portfolio-thumbs, .interiors, .name, .team-text p, .mobile-team-text p, .mobile-form p, .bio-slide, .mobile-t {font-family:"goudy_reg", Georgia, Times, serif;line-height:normal;}
.purple, .olive, .brown, .quote-text p, .dynduo em, .pinterest, .tumbler {font-family:"goudy_italic", Georgia, Times, serif;font-weight:200;}
footer {font-family:Arial, Helvetica, sans-serif;}



/* SETUP ------------------------------------ */
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}
.cntr {text-align:center;}
p, blockquote {font-size:1.8em;}
p, ul, ol, blockquote {margin:0 0 1.5em;}
a {color:#0b8685;text-decoration:none;}
a:hover {color:#000;}
blockquote {position:relative;margin:1em 40px;padding:15px 50px;background:#f1f1f1;}
blockquote:before {color:#ebd91c;content:"\201C";position:absolute;top:0;left:10px;font:82px/1 Georgia;}

h1 {font-size:2.4em;margin-bottom:0.75em;}
h2 {font-size:2em;margin-bottom:0.5em;}
h3 {font-size:1.6em;margin-bottom:.5em;}
h4 {font-size:1.4em;margin-bottom:.5em;}
h5 {font-size:1.4em;margin-bottom:.5em;}
h6 {font-size:1.4em;}

@media only screen and (max-width:580px) {
p, blockquote {font-size:1.6em;}
p, ul, ol, blockquote {margin:0 0 1.2em;}
}

@media only screen and (max-width:420px) {
p, blockquote {font-size:1.4em;}
p, ul, ol, blockquote {margin:0 0 1.1em;}
}


/* LAYOUT ------------------------------------------ */
body {color:#545557;background:url(../images/bg-eggshell.jpg);}
.inner {position:relative;max-width:1280px;margin:0 auto;overflow:hidden;}
.flow {overflow:visible;}
.ie .inner {width:1280px;}

header[role="banner"] {width:100%;height:65px;background:url(../images/bg-eggshell.jpg);position:relative;z-index:300;}
header h1 {float:left;width:236px;height:34px;margin:18px 0 0 40px;text-indent:-9999em;
background:url(../images/wells-fox_x2.png) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

nav ul {float:right;padding-top:30px;margin-right:3em;position:relative;z-index:400;}
nav li {position:relative;float:left;}
nav li a {display:inline-block;font-size:1.4em;margin-left:3em;color:#545557;text-transform:uppercase;font-weight:700;letter-spacing:1px;}
nav li a:hover, nav li a:active, nav li.active a {color:#0b8685;}
#access a.skip-link {display:none;}

.content {position:relative;width:100%;background:url(../images/bg-eggshell.jpg);border-bottom:5px solid #baaa8d;}

@media only screen and (max-width:768px) {
nav li a {font-size:1.2em;margin-left:2em;}
}

@media only screen and (max-width:660px) {
nav ul {padding-top:5px;margin-right:2em;margin-top:26px;}
nav li a {font-size:1em;margin-left:2em;}
}

@media only screen and (max-width:594px) {
header h1 {float:left;width:182px;height:26px;margin:22px 0 0 20px;}
}

@media only screen and (max-width:521px) {
nav ul {padding-top:0;margin:10px 0 0 0;width:100%;}
nav li {float:none;max-height:0;overflow:hidden;position:relative;width:100%;}
nav li a {font-size:1.6em;margin-left:0;position:relative;height:27px;padding:15px 8% 0 0;width:92%;display:inline-block;background:#fff;border-bottom:3px solid #c5b494;text-align:right;}
nav li a:hover, nav li.active a {background:#5f7171;color:#fff;}
#menu:target li, #menu.target li {max-height:45px;}
#access a.skip-link {display:inline-block;width:30px;height:23px;float:right;padding:8px 6px;margin:16px 13px 0 0;}
#access a.skip-link:hover {background:#d9d0bd;}
#menu li {-webkit-transition:max-height 500ms linear;-moz-transition:max-height 500ms linear;-ms-transition:max-height 500ms linear;-o-transition:max-height 500ms linear;transition:max-height 500ms linear;}
}



/* CYCLE ------------------------------------------- */
.cyclewrap {width:100%;position:relative;overflow:hidden;background: url(../images/spinner.gif) 50% 50% no-repeat;}

.bdrbtm {border-bottom:5px solid #c2b397;}
.bdrtop {border-top:5px solid #c2b397;}

.cycle-slideshow {width:100%; position:relative;z-index:2;}
.cycle-slideshow img {width:100%;height:auto;}
.cycle-slideshow .nodisplay {display:none;}

.cyclenav {position:absolute;width:100%;top:50%;left:0%;z-index:3;}
.cyclenav a {position:absolute;width:32px;height:57px;display:block;background:url(../images/slide-arrows.png) no-repeat 0 0;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease;}
.cyclenav .next {background-position:top right;right:-36px;}
.cyclenav .prev {background-position:top left;left:-36px;}
.cyclewrap:hover .next {opacity:0.8;right:5px;}
.cyclewrap:hover .prev {opacity:0.8;left:5px;}
.cyclewrap:hover .next:hover, .cyclewrap:hover .prev:hover {opacity:1;}

.cycle-pager {text-align:center;width:100%;margin-top:10px;}
.cycle-pager span {position:relative;width:18px;height:18px;margin:0 5px 0 0;display:inline-block;zoom:1;*display:inline;}
.cycle-pager span a {background:#ccc;content:"";position:absolute;top:0;left:0;width:18px;height:18px;cursor:pointer;text-indent:-9999px;background:url(../images/about/about-nav-dot.png) no-repeat left bottom;}
.cycle-pager span a:hover, .cycle-pager span.cycle-pager-active a {background-position:left top;}
.cycle-pager > * {cursor:pointer;}

@media only screen and (max-width:565px) {
.cycle-pager span {margin:0;}
}



/* HOMEPAGE ------------------------------------------ */
.hmobile {display:none}

.topborder {width:100%;height:5px;background:#c2b397;}
.home-clrblk {background:url(../images/home/home-shade-bot.png) repeat-x bottom;border-top:5px solid #c2b397;}
.home-clrblk h2 {font-size:7.4em;line-height:1.1em;color:#baaa8d;letter-spacing:1px;}
.home-clrblk .left {float:left;width:51%;margin:3% 0 0 40px;}
.home-clrblk .right {float:left;width:39%;margin:4% 0 3%;line-height:3.2em;letter-spacing:1px;}

.home-green {background:#3a7b76;color:#fff;}
.home-green h2 {font-size:3.8em;margin:50px 0 20px;letter-spacing:1px;}
.home-green p {width:71%;font-size:2em;line-height:1.4em;margin:1.5em auto 2em;letter-spacing:1px;}

.trans-butt {height:44px;width:136px;}
.trans-butt a {background:url(../images/home/trans-button.png) no-repeat right;height:26px;width:84px;padding:18px 52px 0 0;display:inline-block;text-align:right;font-size:1.1em;color:#fff;}
.trans-butt a:hover {color:#000;}

.hbutt1, .hbutt2 {position:absolute;top:24px;right:25px;}
.top-shade {background:url(../images/home/home-shade-top.png) repeat-x;height:18px;width:100%;position:absolute;top:0;z-index:999;}
.home-glyph {background:url(../images/home/home-glyph.png) no-repeat;width:37px;height:15px;margin:0 auto;}

.dynduo {background:#d8592e;color:#fff;}
.dynduo .girl, .dynduo .boy {width:19.1%;height:345px;}
.dynduo .girl {background:url(../images/home/home-heather.jpg) no-repeat top right;border-right:10px solid #fff;border-left:10px solid #fff;float:left;}
.dynduo .boy {background:url(../images/home/home-bruce.jpg) no-repeat top left; border-right:10px solid #fff;border-left:10px solid #fff;float:right;}
.dynduo .text {float:left;width:58.6%;height:345px;position:relative;}
.dynduo h2 {font-size:3.8em;margin:48px 0 18px;}
.dynduo p {width:78%;font-size:1.9em;line-height:1.4em;margin:1.4em auto;letter-spacing:1px;}

@media only screen and (max-width:1264px) {
.dynduo .girl {border-left:none;}
.dynduo .boy {border-right:none;}
.dynduo .text {float:left;width:59.1%;}
.dynduo p {width:80%;}
}

@media only screen and (max-width:1227px) {
.dynduo .girl, .dynduo .boy {width:19%;}
.dynduo .text {width:60%;}
.dynduo p {width:90%;}
}

@media only screen and (max-width:1024px) {
.home-clrblk .right {margin:3% 0 3%;line-height:2.8em;}
.home-green p {width:78%;margin-bottom:1.5em;}
.dynduo h2 {margin-top:70px;}
.dynduo .text {float:left;width:58%;}
.dynduo p {font-size:1.8em;line-height:1.2em;margin-top:1.2em;}
}

@media only screen and (max-width:880px) {
.home-clrblk h2 {font-size:5.7em;}
.home-green h2, .dynduo h2 {margin-bottom:10px;}
.home-green p {margin-top:.8em;}
.hbutt2 {right:0;}
}

@media only screen and (max-width:768px) {
.home-clrblk h2 {margin-bottom:0;}
.home-clrblk .left {float:none;display:block;width:90%;margin:4% 5% 0;}
.home-clrblk .right {float:none;display:block;width:90%;margin:0 5% 5%;line-height:2.8em;}
.dynduo .girl, .dynduo .boy {display:none;}
.dynduo .text {width:100%;height:auto;}
.hbutt2 {right:25px;}
}

@media only screen and (max-width:580px) {
.home-green h2, .dynduo h2 {font-size:3.5em;margin-top:55px;}
.home-clrblk h2 {font-size:3.5em;line-height:1.1em;}
.home-clrblk .right {margin-bottom:7%;line-height:2.2em;}
.home-green h2 {font-size:3.2em;margin-top:30px}
.home-green, .home-green .inner, .dynduo, .dynduo .inner  {height:200px;}
.hbutt1 {top:130px;left:40%;}
.hbutt2 {top:130px;left:38%;}
.home-green p, .dynduo p {display:none;}
}

@media only screen and (max-width:420px) {
.hdesk {display:none}
.hmobile {display:block}
.home-green, .home-green .inner  {height:135px;}
.dynduo, .dynduo .inner  {height:170px;}
.home-clrblk h2 {font-size:3em;line-height:1.1em;margin-bottom:35px;}
.home-green h2, .dynduo h2 {font-size:2.7em;margin:20px auto 5px;width:200px;text-align:center;}
.home-green h2 {font-size:2.3em;}
.home-clrblk .right {display:none;}
.home-glyph {background:url(../images/home/home-glyph2.png) no-repeat;width:24px;height:10px;}
.hbutt1 {top:75px;left:35%;}
.hbutt2 {top:110px;left:31%;}
}



/* ABOUT ------------------------------------------ */
.about-menu {height:48px;position:relative;z-index:200;}
.about-menu nav {background:url(../images/about/about-nav-bg.png) repeat-x;height:27px;width:100%;padding-top:21px;text-align:center;font-size:1.2em;color:#fcf6f5;}
.about-menu a {color:#fcf6f5;padding:0 5px;letter-spacing:1px;}
.about-menu a:hover, .about-menu a:active, .about-menu a.active {color:#4f4d4d;}
.sticky {	position:fixed;animation:thedrop 1s 1;-moz-animation:thedrop 1s 1;-webkit-animation:thedrop 1s 1;}

.team, .heather, .bruce {position:relative;}
.team-arrow, .quote-arrow {width:87px;height:87px;background:url(../images/about/about-arrow.png) no-repeat;position:absolute;z-index:100;cursor:pointer;}
.team-arrow {top:70%;left:47.9%;}
.quote-arrow {top:14%;}
.heather .quote-arrow {right:22.6%;}
.bruce .quote-arrow {left:22.6%;}

.team {margin-top:-8px;}
.team-text {position:absolute;top:0;bottom:0;z-index:4;background:url(../images/bg-orange-noise.jpg);width:38%;padding:4% 6% 0 6%;border-right:10px solid #fff;color:#ededde;}
.team-text h3 {font-size:6em;margin:0 0 .5em;}
.team-text p {font-size:1.9em;line-height:1.7em;letter-spacing:1px;}
.team a {color:#793019;}
.team a:hover {color:#fff;}

.team .mbg a {background:url(../images/interiors/readmore2.png) no-repeat right;}
.team .mbg a:hover {background:url(../images/interiors/readmore.png) no-repeat right;}
.team .lbg a {background:url(../images/interiors/readless2.png) no-repeat right;}
.team .lbg a:hover {background:url(../images/interiors/readless.png) no-repeat right;}

.team-shade {clear:both;background:url(../images/about/team-shade.png) repeat-x;width:108%;margin:-2% -4% 0;height:23px;display:none;}

.heather, .bruce {margin-top:20px;} /* padding-top:60px */
.bruce {margin-bottom:400px;} /* was 120 */

.quote-text {position:absolute;top:0;bottom:0;z-index:4;width:19%;padding:0 3%;color:#f8faef;text-align:center;background:url(../images/bg-green-noise.jpg);}
.quote-text p {font-size:2.4em;line-height:1.7em;margin-bottom:.5em;letter-spacing:1px;}
.quote-text .name {font-size:1em;}
.heather .quote-text {right:0;border-left:10px solid #fff;padding-top:17%;}
.bruce .quote-text {left:0;border-right:10px solid #fff;padding-top:13%;}

.about-glyph {background:url(../images/about/about-glyph.png);width:28px;height:12px;margin:0 auto 20px;}
.about-desc {float:left;width:300px;font-size:1.3em;color:#c2b397;margin:-20px 0 0 40px;letter-spacing:1px;}

.about-div {width:101%;}
.about-form {width:100%;height:100%;background:url(../images/about/team-16.jpg) no-repeat;position:relative;z-index:1;background-size:cover;-moz-background-size:cover;}
.af-right {width:34%;margin-left:58%;margin-top:15%;font-size:1.8em;line-height:1.5em;color:#ffffff;letter-spacing:1px;}

.bio-slide {position:absolute;z-index:200;}
.bio-slide.s1 {width:21%;top:5%;left:3.5%;}
.bio-slide.s2 {width:23%;top:8%;left:5%;}
  .heather .bio-slide.s2 {left:6%;}
  .bruce .bio-slide.s2 {top:26%;}
.bio-slide.s3 {width:13.5%;bottom:3%;right:0;}

.bio-slide p {font-size:1.9em;line-height:1.8em;}
.bio-slide h3 {font-size:3em;margin:0;}
.bio-slide h4 {font-size:3.5em;color:#0d8580;}
.bio-slide h5 {font-size:1.4em;color:#d24b1d;}
.bio-top {margin-bottom:18%;}
.bio-top span {font-size:1.2em;}
.creds p {font-size:1.7em;line-height:1.4em;margin-bottom:1.2em;}
.creds a {color:#484941;} /* text-decoration:underline; */
.creds a:hover {color:#9d9d9a;}

.bio-slide .pinterest, .bio-slide .tumbler {height:38px;display:inline-block;font-size:1.9em;}
.bio-slide .pinterest {margin-bottom:.5em;color:#e85b2e;}
.bio-slide .tumbler {color:#508cb0;}
.bio-slide .pinterest span, .bio-slide .tumbler span {background-image:url(../images/social.png);background-repeat:no-repeat;width:38px;height:38px;vertical-align:middle;margin-right:4px;display:inline-block;}
.bio-slide .pinterest span {background-position:center bottom;}
.bio-slide .tumbler span {background-position:right bottom;}
.bio-slide .pinterest:hover, .bio-slide .tumbler:hover {color:#000;}

.mobile-teampix, .mobile-heather, .mobile-bruce, .mobile-form, .about-readmore {display:none;}

@media only screen and (max-width:1685px) {
.bio-slide h4 {font-size:3.2em;}
.bio-slide p {font-size:1.8em;line-height:1.7em;}
.creds p {font-size:1.6em;line-height:1.4em;margin-bottom:.6em;}
}

@media only screen and (max-width:1520px) {
.bio-slide.s1 {top:5%;}
.bio-slide.s2 {left:4%;}
.bio-slide h4 {font-size:3.1em;}
.bio-slide p {font-size:1.6em;line-height:1.5em;}
.creds p {font-size:1.4em;line-height:1.4em;}
}

@media only screen and (max-width:1300px) {
.bio-slide h3 {font-size:2.5em;}
.bio-slide h4 {font-size:2.8em;}
.bio-slide h5 {font-size:1.2em;}
.bio-slide p {font-size:1.5em;line-height:1.5em;}
.creds p {font-size:1.4em;margin-bottom:.4em;}
.team-arrow {left:46.8%;}
.heather .quote-arrow {right:21.8%;}
.bruce .quote-arrow {left:21.8%;}
}

@media only screen and (max-width:1224px) {
.bio-slide h3 {font-size:2.3em;}
.bio-slide h4 {font-size:2.6em;}
.creds p {font-size:1.3em;margin-bottom:.4em;}
.heather .quote-arrow {right:21.5%;}
.bruce .quote-arrow {left:21.5%;}
.team-text h3 {font-size:5em;}
.team-text p {font-size:1.8em;}
}

@media only screen and (max-width:1160px) {
.bio-slide h4 {font-size:2.4em;}
.bio-slide p {font-size:1.4em;line-height:1.4em;}
.creds p {font-size:1.2em;margin-bottom:.2em;}
}

@media only screen and (max-width:1040px) {
.team-text h3 {font-size:4.5em;}
.team-text p {font-size:1.7em;}
.bruce .bio-slide.s2 {top:18%;}
.bio-slide h4 {font-size:2.4em;}
.bio-slide p {font-size:1.3em;}
.creds p {font-size:1.2em;}
}

@media only screen and (max-width:1024px) {
.team-arrow {left:46.5%;}
.heather .quote-arrow {right:21%;}
.bruce .quote-arrow {left:21%;}
.quote-text {padding-top:10%;}
}

@media only screen and (max-width:980px) {
.bio-slide h4 {font-size:2em;}
}

@media only screen and (max-width:970px) {
.team-text h3 {font-size:4em;}
.team-text p {font-size:1.6em;line-height:1.6em;}
.quote-text {padding-top:15%;}
.quote-text p {font-size:2em;line-height:1.4em;}
.bio-slide p {font-size:1.2em;margin-bottom:.6em}
.creds p {font-size:1.1em;margin-bottom:.1em}
}

@media only screen and (max-width:880px) {
.team-text h3 {font-size:3.8em;}
.team-text p {font-size:1.4em;line-height:1.4em;}
.team-arrow {left:45%;}
.heather .quote-arrow {right:20%;}
.bruce .quote-arrow {left:20%;}
.bio-top {margin-bottom:16%;}
.bio-top span {font-size:.8em;}
.bio-slide h3 {font-size:1.5em;}
.bio-slide h4 {font-size:1.6em;}
.bio-slide h5 {font-size:1em;}
.bio-slide p {line-height:1.3em;}
.creds p {font-size:1em;}
.bio-slide .pinterest, .bio-slide .tumbler {height:29px;font-size:1.7em;}
.bio-slide .pinterest span, .bio-slide .tumbler span {background-image:url(../images/social2.png);width:29px;height:29px;}
}

@media only screen and (max-width:780px) {
.team-text h3 {font-size:3.6em;line-height:1.2em;margin-bottom:.3em;}
.team-text p {font-size:1.3em;line-height:1.4em;}
.quote-text {padding-top:12%;}
.quote-text p {font-size:1.8em;line-height:1.3em;}
.about-desc {width:250px;font-size:1.2em;margin:-16px 0 0 20px;}
.quote-text .name {font-size:.8em;}
.bio-slide p {font-size:1.1em;line-height:1.2em;}
.creds p {font-size:1em;}
.bio-slide .pinterest, .bio-slide .tumbler {font-size:1.5em;}
}

@media only screen and (max-width:768px) {
.team-arrow, .quote-arrow {width:67px;height:67px;background:url(../images/about/about-arrow2.png) no-repeat;}
.quote-arrow {top:16%;}
.team-arrow {left:46%;}
.heather .quote-arrow {right:21%;}
.bruce .quote-arrow {left:21%;}
}

@media only screen and (max-width:565px) {
.team-arrow {top:60%;left:47%;}
.quote-arrow {top:61%;}
.heather .quote-arrow {right:19%;}
.bruce .quote-arrow {left:19%;}
.heather, .bruce {padding-top:20px;}
.about-glyph {background:url(../images/about/about-glyph2.png);width:16px;height:7px;margin:0 auto 15px;}
.team-text {width:45%;padding:4% 4% 0 4%;border-right:6px solid #fff;}
.team-text h3 {font-size:2.3em;line-height:1em;}
.team-text p {font-size:1.2em;line-height:1.4em;}
.about-desc {width:250px;margin:-14px 0 0 10px;}
.about-form {padding-top:35px;}
.af-right {font-size:1.4em;line-height:1.2em;}
.quote-text {padding-top:0;}
.quote-text p {font-size:1.4em;line-height:1.3em;}
.bio-top {margin-bottom:11%;}
.bio-slide h3 {font-size:1.3em;}
.bio-top span {font-size:.7em;}
.bio-slide h4 {font-size:1.2em;}
.bio-slide h5 {font-size:.8em;}
.bio-slide p {font-size:.9em;line-height:1.1em;}
.bio-slide.s3 {bottom:5%;}
.bio-slide .pinterest, .bio-slide .tumbler {font-size:.1em;color:#f6f7f1;}
.bio-slide .pinterest span, .bio-slide .tumbler span {margin-right:4px;}
}

@media only screen and (max-width:481px) {
.team .cycle-slideshow, .cyclenav, .cycle-pager, .about-desc, .heather .cyclewrap, .bruce .cyclewrap, .team-arrow, .heather .quote-arrow, .bruce .quote-arrow, .moretext {display:none;}
.mobile-teampix, .mobile-heather, .mobile-bruce, .mobile-form, .team-shade, .about-readmore {display:block;}

.mobile-teampix img, .mobile-heather img, .mobile-bruce img {width:100%;height:auto;}
.mobile-teampix img {margin-bottom:5px;}
.team-text {position:relative;width:92%;}
.team-text h3 {font-size:3em;line-height:1.2em;}
.team-text p {font-size:1.5em;margin-bottom:0;}

.heather, .bruce {margin:0 0 40px 0;padding:0;}

.quote-text {position:static;width:70%;margin-top:8px;color:#f8faef;text-align:center;background:url(../images/bg-green-noise.jpg);}
.heather .quote-text, .bruce .quote-text {border-left:none;border-right:none;border-bottom:10px solid #fff;;padding:7% 15%;-moz-box-shadow:0px 3px 8px #ccc;-webkit-box-shadow:0px 3px 8px #ccc;box-shadow:0px 3px 8px #ccc;}
.quote-text p {font-size:1.8em;line-height:1.3em;margin-bottom:.5em;letter-spacing:1px;}
.quote-text .name {font-size:.8em;padding-top:0;}

.about-readmore {text-align:right;font-size:1.2em;margin-right:10px;height:44px;}
.about-readmore a {height:28px;padding:16px 0 0 44px;display:inline-block;}
.about-readmore a:hover {color:#000;}
.about-readmore a.rm {background:url(../images/interiors/readmore.png) no-repeat;}
.about-readmore a.rm:hover {background:url(../images/interiors/readmore2.png) no-repeat;}
.about-readmore a.rl {background:url(../images/interiors/readless.png) no-repeat;}
.about-readmore a.rl:hover {background:url(../images/interiors/readless2.png) no-repeat;}

.mobile-t, .mobile-creds {padding:6% 6% 1%;}
.mobile-t p {font-size:1.7em;line-height:1.8em;}
.mobile-t h3 {font-size:2.5em;margin:0;}
.mobile-t h4 {font-size:3.4em;color:#0d8580;}
.mobile-t span {font-size:1.2em;}
.mobile-creds h5 {font-size:1.4em;color:#d24b1d;}
.mobile-creds p {font-size:1.7em;line-height:1.4em;margin-bottom:1.2em;}
.mobile-creds a {color:#484941;} /* text-decoration:underline; */
.mobile-creds a:hover {color:#9d9d9a;}

.mobile-t .pinterest, .mobile-t .tumbler {display:inline-block;font-size:1.9em;}
.mobile-t .pinterest {margin-bottom:.5em;color:#e85b2e;}
.mobile-t .tumbler {color:#508cb0;}
.mobile-t .pinterest span, .mobile-t .tumbler span {background-image:url(../images/social.png);background-repeat:no-repeat;width:38px;height:38px;vertical-align:middle;margin-right:4px;display:inline-block;}
.mobile-t .pinterest span {background-position:center bottom;}
.mobile-t .tumbler span {background-position:right bottom;}
.mobile-t .pinterest:hover,.mobile-t .tumbler:hover {color:#000;}

.mobile-form {background:url(../images/bg-orange-noise.jpg);width:88%;padding:4% 6% 8% 6%;color:#fff;border-top:5px solid #c4b098;}
.mobile-form h3 {font-size:3.4em;margin:.5em 1em .3em 0;}
.mobile-form p {font-size:1.4em;line-height:1.6em;letter-spacing:1px;width:212px;}
}



/* INTERIORS ------------------------------------------ */
.interiors {margin:15px 0 100px 0;}
.interiors li {float:left;width:297px;height:385px;margin:0 0 34px 15px;letter-spacing:1px;}
.interiors li a img { -moz-box-shadow:0px 2px 8px #a9aaa5;-webkit-box-shadow:0px 2px 8px #a9aaa5;box-shadow:0px 2px 8px #a9aaa5;}
.interiors li a {width:297px;height:385px;display:inline-block;}
.interiors li a div {position:absolute;width:297px;height:205px;padding-top:180px;text-align:center;font-size:1.8em;line-height:1.3em;color:#fff;display:none;}
.interiors li a:hover div {display:inline-block;}
.interiors .glyph {background:url(../images/interiors/i-glyph.png) no-repeat;width:28px;height:12px;margin:0 auto 15px;}
.interiors .t {background:url(../images/interiors/mask-tan.png);}
.interiors li.purple, .interiors li.olive {color:#f8faef;font-size:2.2em;line-height:1.7em;width:216px;height:294px;text-align:center;padding:90px 40px 0;}
.name {font-size:.4em;text-transform:uppercase;padding-top:10px;letter-spacing:1px;}
.purple {background:#705163;}
.olive {background:#5f7171;}
.brown {background:#644d45;}

/*
	Supersized - Fullscreen Slideshow jQuery Plugin
	Version :3.2.7
	Site	:www.buildinternet.com/project/supersized
*/
#supersized-loader {position:absolute;top:50%;left:50%;z-index:0;width:60px;height:60px;margin:-30px 0 0 -30px;text-indent:-999em;background:url(../images/interiors/progress.gif) no-repeat center center;}
#supersized {display:block;position:fixed;left:0;top:0;overflow:hidden;z-index:-999;height:100%;width:100%;}
#supersized img {width:auto;height:auto;position:relative;display:none;outline:none;border:none;}
#supersized.speed img {-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;}
#supersized.quality img {-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;}
#supersized li {display:block;list-style:none;z-index:-30;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;background:#fff;}
#supersized a {width:100%;height:100%;display:block;}
#supersized li.prevslide {z-index:-20;}
#supersized li.activeslide {z-index:-10;}
#supersized li.image-loading {background:#111 url(../images/interiors/progress.gif) no-repeat center center;width:100%;height:100%;}
#supersized li.image-loading img {visibility:hidden;}
#supersized li.prevslide img, #supersized li.activeslide img {display:inline;}

/* arrows */
#prevslide, #nextslide {position:absolute;width:32px;height:57px;top:50%;background:url(../images/slide-arrows.png) no-repeat 0 0;margin-top:-21px;opacity:0.4;}
#prevslide {background-position:top left;left:10px;}
#nextslide {background-position:top right;right:10px;}
#prevslide:active, #nextslide:active {margin-top:-19px;opacity:0.8;}
#prevslide:hover, #nextslide:hover {cursor:pointer;opacity:1;}

/* dot nav */
.slide-pager {width:100%;height:36px;position:fixed;bottom:0;z-index:5;}
ul#slide-list {padding-top:8px;float:left;position:absolute;left:50%;}
ul#slide-list li {list-style:none;width:18px;height:18px;float:left;margin:0 5px 0 0;}
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover {background-position:left top;}
ul#slide-list li a {display:block;width:18px;height:18px;background:url(../images/interiors/nav-dot.png) no-repeat left bottom;}
ul#slide-list li a:hover {background-position:left top;cursor:pointer;}
			
/* detail */
.portfolio-detail {max-width:360px;padding:0 5% 0 3%;position:fixed;height:100%;z-index:4;}
.portfolio-detail h3 {font-size:5.5em;margin:1.2em 0 .3em;}
.portfolio-detail p {font-size:1.9em;line-height:1.8em;}
.color1 {background:url(../images/interiors/bg-1.png);color:#545557;}
.color1 .arrow {background:url(../images/interiors/arrow-orange.png) no-repeat;}
.color2 {background:url(../images/interiors/bg-2.png);color:#f9faf3;}
.color2 .arrow {background:url(../images/interiors/arrow-green.png) no-repeat;}
.arrow {width:87px;height:87px;position:absolute;top:165px;right:-40px;z-index:10;cursor:pointer;}
.portfolio-detail .divider { background:url(../images/interiors/div.png) no-repeat;width:374px;height:18px;margin:65px auto 0;}

/* readmores */
.more {display:none;}
.readmore {float:right;width:161px;height:44px;font-size:1.2em;margin-top:-20px;display:none;}
.readmore a {width:117px;height:27px;text-align:right;padding:17px 44px 0 0;display:inline-block;}
.readmore2 {text-align:right;font-size:1.2em;display:none;}
.readmore2 a {}

.color1 .readmore a {color:#545557;}
.color1 .readmore a:hover {color:#0b8685;}
.color2 .readmore a {color:#f9faf3;}
.color2 .readmore a:hover {color:#16bab5;}

.mbg a {background:url(../images/interiors/readmore.png) no-repeat right;}
.mbg a:hover {background:url(../images/interiors/readmore2.png) no-repeat right;}
.lbg a {background:url(../images/interiors/readless.png) no-repeat right;}
.lbg a:hover {background:url(../images/interiors/readless2.png) no-repeat right;}

/* thumbnail carousel */
.portfolio-thumb-wrap {width:100%;overflow:hidden;height:188px;padding-top:30px;background:url(../images/interiors/thumb-bg.jpg);position:relative;z-index:8;-moz-box-shadow:0px 2px 8px #a9aaa5;-webkit-box-shadow:0px 2px 8px #a9aaa5;box-shadow:0px 2px 8px #a9aaa5;}
.portfolio-thumbs {width:90%;margin:0 1%; height:183px;}
.portfolio-thumbs li {margin:0 11px;width:229px;height:165px;position:relative;}
.portfolio-thumbs li img {-moz-box-shadow:2px 2px 5px #5a5346;-webkit-box-shadow:2px 2px 5px #5a5346;box-shadow:2px 2px 5px #5a5346;}
.portfolio-thumbs li a {width:220px;height:160px;display:inline-block;}
.portfolio-thumbs li a div {display:none;}
.portfolio-thumbs li a:hover div {display:inline-block;position:absolute;background:url(../images/interiors/thumb-overlay.png);width:220px;height:85px;padding-top:75px;text-align:center;font-size:1.8em;color:#f9faf3;}

/* carousel mask
.pt-mask-left, .pt-mask-right {position:absolute;z-index:88;top:0;height:208px;width:140px;}
.pt-mask-left {background:url(../images/interiors/thumb-mask-left.png) no-repeat;left:0;}
.pt-mask-right {background:url(../images/interiors/thumb-mask-right.png) no-repeat;right:0;}
 */
 
/* carousel buttons */
button.cprev, button.cnext {background:none;background:url(../images/interiors/carousel-buttons.png) no-repeat;width:38px;height:38px;border:none;position:absolute;top:90px;z-index:99;}
button.cprev {left:20px;background-position:bottom left;}
button.cnext {right:20px;background-position:top left;}
button.cprev:hover {left:20px;background-position:bottom right;}
button.cnext:hover {right:20px;background-position:top right;}

/* carousel tab */
.viewall, .close {width:55px;height:47px;position:absolute;z-index:400;left:50%;margin-left:-28px;cursor:pointer;}
.viewall {background:url(../images/interiors/thumb-arrow-up.png) no-repeat top left;}
.close {background:url(../images/interiors/thumb-arrow-dwn.png) no-repeat top left;display:none;}

.botstrip {position:absolute;z-index:200;bottom:0;width:100%;border-bottom:5px solid #c2b397;}

.mobile-project {display:none;background:url(../images/bg-eggshell.jpg);margin-bottom:0;}
.mobile-project li {margin-bottom:7px;}

.mobile-footer {display:none;padding-top:15px;background:url(../images/bg-eggshell.jpg);font-size:1.2em;line-height:1.2em;}
.mf-col {float:left;width:110px;margin:30px 0 0 85px;text-align:center;}
.mf-col img {padding-top:10px;}

.next-project {position:absolute;top:100px;right:20px;z-index:200;display:none;}
.next-project a {color:#fff;display:inline-block;font-size:1em;width:95px;height:14px;padding-top:6px;background:url(../images/interiors/arrow-next.png) no-repeat right top;}
.next-project a:hover {color:#ddd;}

.interiors-footpad {padding:380px 0 0 0;}

@media only screen and (max-width:1260px) {
.interiors li {margin-left:4%;}
}

@media only screen and (max-width:1024px) {
.interiors li {margin-left:3%;}
}

@media only screen and (max-width:960px) {
.interiors li {margin-left:8%;}
}

@media screen and (max-width:860px) {
#prevslide {opacity:1;left:0;}
#nextslide {opacity:1;right:0;}
}

@media only screen and (max-width:768px) {
.interiors li {width:222px;height:288px;margin-left:3%;}
.interiors li a img {width:222px;height:auto;}
.interiors li a {width:222px;height:288px;}
.interiors li a div {width:222px;height:148px;padding-top:140px;font-size:1.5em;line-height:1em;}
.interiors li.purple, .interiors li.olive, .interiors li.brown {font-size:1.5em;line-height:1.5em;width:182px;height:210px;padding:78px 20px 0;}
.portfolio-detail {max-width:300px;padding:0 5% 0 3%;}
.portfolio-detail h3 {margin-top:1em;}
.color1 .arrow {background:url(../images/interiors/arrow-orange-2.png) no-repeat;}
.color2 .arrow {background:url(../images/interiors/arrow-green-2.png) no-repeat;}
.arrow {width:56px;height:56px;top:225px;right:-28px;}
.portfolio-detail .divider { background:url(../images/interiors/div-2.png) no-repeat;width:314px;}
}

@media only screen and (max-width:720px) {
.interiors li {margin-left:8%;}
}

@media only screen and (max-width:570px) {
#supersized, #supersized-loader, #supersized li.image-loading, .slide-pager, #prevslide, #nextslide, .botstrip, #prevslide, #nextslide, .portfolio-thumb-wrap, .viewall, .close {display:none !important;}
.interiors li {width:148px;height:192px;margin:0 0 9px 8px;}
.interiors li a img {width:148px;height:auto;}
.interiors li a {width:148px;height:192px;}
.interiors li a div {width:148px;height:100px;padding-top:92px;font-size:1em;line-height:1em;}
.interiors .glyph {background:url(../images/interiors/i-glyph2.png) no-repeat;width:14px;height:7px;margin-bottom:7px;}
.interiors li.purple, .interiors li.olive, .interiors li.brown {font-size:1.2em;line-height:1.3em;width:118px;height:157px;padding:35px 15px 0;}
.portfolio-detail {max-width:100%;position:static;padding-bottom:30px;}
.portfolio-detail h3 {font-size:4em;margin-top:0;padding-top:.6em;}
.portfolio-detail p {display:block;font-size:1.7em;line-height:1.4em;}
.portfolio-detail .divider, .portfolio-detail .arrow {display:none;}
.portfolio-detail .more {display:inline;}
.portfolio-detail .moretext {display:none;}
.portfolio-detail .readmore {display:block;}
.mobile-project, .mobile-footer {display:block;}
.mobile-project li {width:100%;}
.mobile-project li img {width:100%;height:auto;}
.mobile-footer {padding-bottom:20px;}
.next-project {z-index:-2;}
}

@media only screen and (max-width:420px) {
.interiors li {margin-left:8px;}
.mf-col {width:90px;margin-left:60px;}
.portfolio-detail p {font-size:1.5em;}
}

@media only screen and (max-width:320px) {
.mf-col {margin-left:45px;}
}



/* PRESS ------------------------------------------ */
.press-head {margin-top:45px;margin-left:40px;height:62px;}
.press-head a {display:inline-block;}
.press-head a h2 {float:left;height:61px;font-size:6.8em;color:#bead8b;line-height:1em;margin-bottom:0;}
.press-head a:hover h2, .press-head a.active h2 {color:#9b3f8b;}
.press-head-date {float:left;margin-left:20px;}
.press-head-arrow {background:url(../images/press/press-arrow.png) no-repeat;width:22px;height:11px;margin:7px 0 0 4px;}
.press-more {width:155px;height:21px;margin-top:23px;font-size:1.2em;line-height:1.8em;letter-spacing:1px;color:#7c7274;text-transform:uppercase;}
a .plink {float:left;background:url(../images/press/press-sprite.png) no-repeat bottom left;width:30px;height:21px;margin-right:5px;}
a:hover .plink, a.active .plink {background-position:top left;}

.press-more2 {position:relative;width:20px;height:21px;margin:23px 20px 0 0;font-size:1.2em;line-height:1.8em;letter-spacing:1px;color:#7c7274;text-transform:uppercase;}
.press-more2 .date {position:absolute;top:-25px;left:-17px;width:65px;text-align:center;letter-spacing:normal;}
a .press-link {background:url(../images/press/press-sprite.png) no-repeat bottom right;width:26px;height:26px;position:absolute;top:65px;text-indent:-9999px;}
a:hover .press-link {background-position:top right;}

.press-div {height:2px;background:#c4c1bd;}
.press .cyclewrap {border-bottom:5px solid #7c7274;border-top:5px solid #7c7274;}

.press-lists {background:#705163;border-top:10px solid #fff;border-bottom:10px solid #fff;padding:70px 0 40px 40px;-moz-box-shadow:0px 0px 16px rgba(0, 0, 0, 0.50); -webkit-box-shadow:0px 0px 16px rgba(0, 0, 0, 0.50); box-shadow:0px 0px 16px rgba(0, 0, 0, 0.50);} /* border-top:5px solid #c2b397;border-bottom:5px solid #c2b397; */
.press-lists h3 {font-size:1.4em;color:#fff;margin-bottom:.8em; padding-top:4px;}
.press-lists ul {margin-bottom:2em;}
.press-lists li {font-size:1.8em;padding-bottom:12px;}
.press-lists a {color:#fff;}
.press-lists a:hover {color:#e1e2dc;}

.press-list1, .press-list2, .press-list3, .press-list4 {float:left;color:#fff;margin-left:40px;}
.press-list1 {width:300px;}
.press-list2 {width:245px;}
.press-list3 {width:245px;}
.press-list4 {width:245px;}
.press-list4 a {font-size:2.6em;letter-spacing:1px;color:#fff;width:160px;line-height:1.3em;display:inline-block;}
.press-list4 a img {padding-top:30px;}

.press-list2 h3, .press-list3 h3 {background:url(../images/press/press-footer-arrow.png) no-repeat top right; height:17px; padding-right:35px; display:inline-block;}

.press-bot {padding:75px 0 50px 3%;}
.pb-left{float:left;width:47%;}
.pb-left h3 {font-size:6.2em;line-height:1.3em;color:#c2b397;}
.pb-right {float:left;width:43%;margin-left:4%;font-size:1.8em;line-height:1.5em;color:#545557;letter-spacing:1px;}

.pmobile {display:none;}

@media only screen and (max-width:1024px) {
.pb-left h2 {font-size:5.2em;}
}

@media only screen and (max-width:980px) {
.press-head {margin-top:40px;}
.press-more {margin-top:25px;}
a .press-link {top:60px;}
}

@media only screen and (max-width:904px) {
.press-head {height:65px;}
.press-head a h2 {font-size:6em;line-height:1.3em;}
.press-more {margin-top:26px;}
.press-more2 {margin-top:27px;}
a .press-link {top:64px;}
}

@media only screen and (max-width:885px) {
.pb-left h3 {font-size:4em;}
}

@media only screen and (max-width:825px) {
.press-head {height:58px;}
.press-head a h2 {font-size:5em;}
.press-more {margin-top:19px;}
.press-more2 {margin-top:19px;}
a .press-link {top:57px;}
}

@media only screen and (max-width:791px) {
.press-head {height:48px;}
.press-more {margin-top:9px;}
.press-more2 {margin-top:9px;}
.press-head a h2 {font-size:3.6em;line-height:1.3em;}
a .press-link {top:46px;}
}

@media only screen and (max-width:768px) {
.press-head {margin-top:30px;}
a .press-link {top:37px;}
}

@media only screen and (max-width:585px) {
.press-head a h2 {font-size:3.5em;}
}

@media only screen and (max-width:565px) {
.press-head a h2 {font-size:3.2em;}
.pb-left h3 {font-size:2.6em;line-height:1.3em;}
.pb-right {width:44%;margin-left:3%;font-size:1.4em;line-height:1.3em;}
}

@media only screen and (max-width:481px) {
.press-head {margin:18px 0 0 20px;}
.press-more {margin-top:18px;}
.press-more2 {margin-top:18px;}
.press-head a h2 {font-size:2.5em;line-height:2.8em;}
a .press-link {top:34px;}
.press-head-arrow {margin-top:2px;}
.press-bot {padding:30px 3%;}
.pb-left, .pb-right {float:none;display:block;width:100%;margin:0;}
.pdesk {display:none;}
.pmobile {display:block;}
}

@media only screen and (max-width:321px) {
.press-head {height:32px;}
.press-head a h2 {font-size:1.5em;line-height:2.8em;}
.press-more {width:125px;height:16px;margin-top:9px;font-size:1em;}
.press-more2 {width:10px;height:16px;margin-top:9px;font-size:1em;}
.press-more2 .date {top:-20px;}
.press-head-date {margin-left:10px;}
a .press-link {background:url(../images/press/press-sprite-sm.png) no-repeat bottom right;width:17px;height:17px;top:25px;}
a .plink {background:url(../images/press/press-sprite-sm.png) no-repeat bottom left;width:20px;height:14px;}
.press-head-arrow {margin:0;}
.press-list1, .press-list2, .press-list3, .press-list4 {margin-left:0;} /* #53534a */
.press-lists li {font-size:1.5em;}
}



/* CONTACT  ------------------------------------------ */
.contact {padding-top:60px;}
.contact-col1 {float:left;width:42%;margin:0 4.25% 0 40px;}
.contact-col1 h2 {font-size:6.8em;line-height:1.1em;color:#baaa8d;letter-spacing:1px;}
.contact-col2 {float:left;width:49%;margin-left:1%;}

.contact-addr {float:left;width:210px;margin:10px 5% 40px 0;font-size:1.8em;line-height:1.4em;}
.contact-addr h3 {font-size:.9em;letter-spacing:1px;margin-bottom:.25em;}

.contact-social {float:left;width:140px;font-size:1.5em;margin:10px 0 40px 0;}
.contact-social ul {height:38px;}
.contact-social li {float:left;width:38px;margin-right:5px;}
.contact-social li.tumbler {margin-right:0;}
.contact-social li a {width:38px;height:38px;display:inline-block;background-image:url(../images/social.png);text-indent:-9999px;}
.contact-social .facebook a {background-position:bottom left;}
.contact-social .pinterest a {background-position:84px bottom;}
.contact-social .tumbler a {background-position:bottom right;}
.contact-social .facebook a:hover {background-position:top left;}
.contact-social .pinterest a:hover {background-position:84px top;}
.contact-social .tumbler a:hover {background-position:top right;}

.contact-image {width:100%;height:auto;border-top:5px solid #c2b193;margin-bottom:-2px;} /* border-bottom:5px solid #c2b193; */

@media only screen and (max-width:1200px) {
.contact-col1 h2 {font-size:6.2em;}
}

@media only screen and (max-width:1080px) {
.contact-col1 {width:44%;margin-right:2%;}
}

@media only screen and (max-width:1024px) {
.contact-col1, .contact-col2 {float:none;display:block;width:92%;margin:0 40px;}
}

@media only screen and (max-width:481px) {
.contact {padding-top:20px;}
.contact-col1 h2 {font-size:4em;line-height:1em;}
.contact-col1, .contact-col2 {margin:0 20px;}
}

@media only screen and (max-width:321px) {
.contact-col1 h2 {font-size:3.4em;}
.contact-addr {width:136px;margin:10px 3.5% 25px 0;font-size:1.5em;line-height:1.1em;}
}


/* FORMS  ------------------------------------------ */
.form {margin-top:15px;}
.form ul {margin:0;padding:0;list-style-type:none;}
.form li {position:relative;}
.form input[type="text"]  {width:98%;padding:1px 4px 2px;color:#8c8c8c;background:#fff;border:2px solid #e7e4d8;}
.form input[type="submit"] {background:#ea6335;border:none;float:right;font-size:.9em;letter-spacing:1px;padding:8px 12px 6px;color:#fff;text-transform:uppercase;}
.form input[type="submit"]:hover {background:#9b3f8b;}
label {display:block;margin-bottom:9px;}
.contact-success {padding:5% 0 0 0;overflow:hidden;}
.contact-success p, .contact-success span {font-size:1.4em;}
.contact-error {color:#ec5b43;font-size:11px;text-transform:uppercase;font-weight:bold;position:absolute;top:2px;right:60px;}

.mobile-form .form input[type="text"]  {margin-bottom:5px;width:90%;padding:3px 10px 2px 10px;}
.mobile-form .form input[type="submit"] {background:#706e6b;float:none;font-size:1.2em;letter-spacing:1px;padding:8px 12px 6px;margin-top:5px;}
.mobile-form .form input[type="submit"]:hover {background:#9b3f8b;}

@media only screen and (max-width: 481px) {
label {display:block;margin-bottom:4px;}
}



/* FOOTER ------------------------------------------ */
.footer {background:url(../images/bg-stripe.gif);border-top:1px solid #8b817e;padding-top:44px;color:#f2f2f1;position:relative;}
.footer h4 {font-size:36px;margin-bottom:15px;}
.footer a {color:#ffffff;}
.footer a:hover, .footer a:active, .footer-menu li.active a {color:#d9dad5;}

.footer-cities {float:left;width:65%;margin-left:40px;}
.footer-cities span {font-size:90%;}
.footer-boston, .footer-chicago {float:left;width:37%;padding-top:6px;}
.footer-boston {}
.footer-boston p, .footer-chicago p {line-height:1.6em;font-size:1.2em; margin-bottom:1.2em;}

.footer-menu {float:left;width:100px;margin-right:5%;padding-top:16px;}
.footer-menu ul {margin-bottom:0;}
.footer-menu li {padding-bottom:18px;}
.footer-menu li.foot-home {display:none;}
.footer-menu li a {font-size:1.6em;text-transform:uppercase;}

.footer-social {float:left;width:130px;height:37px;padding-top:10px;margin-right:4%;}
.footer-social ul {height:37px;margin-bottom:0;}
.footer-social li {float:left;width:38px;margin-right:5px;}
.footer-social li.tumbler {margin-right:0;}
.footer-social li a {width:38px;height:38px;display:inline-block;background-image:url(../images/social.png);text-indent:-9999px;}
.footer-social .facebook a {background-position:top left}
.footer-social .pinterest a {background-position:84px top;}
.footer-social .tumbler a {background-position:top right;}
.footer-social .facebook a:hover {background-position:bottom left;}
.footer-social .pinterest a:hover {background-position:84px bottom;}
.footer-social .tumbler a:hover {background-position:bottom right;}

.signature {height:20px;padding:7px 0 0 30px;margin:135px 0 30px 40px;font-size:1.1em;line-height:1.4em;background:url(../images/footer-glyph.png) no-repeat;}
.signature a {color:#fff;}
.signature a:hover {} /* text-decoration:underline; */



@media only screen and (max-width:1220px) {
.footer-menu {margin-right:2%;}
.footer-social {margin-right:3%;}
}

@media only screen and (max-width:880px) {
.signature {margin-top:100px;}
}

@media only screen and (max-width:768px) {
.footer-boston, .footer-chicago {width:45%;}
}

@media only screen and (max-width:580px) {
.footer-cities {clear:both;width:100%;}
.footer-social {margin-left:40px;}
.footer h4 {font-size:22px;margin-bottom:15px;}
.footer-boston {float:left;width:46%;margin-right:8%;}
.footer-chicago {float:left;width:46%;}
.footer-boston p, .footer-chicago p {font-size:1.1em;line-height:1.6em;}
.footer-menu {float:none;clear:both;display:block;width:402px;height:18px;margin:40px 0 20px 40px;}
.footer-menu li.foot-home {display:inline-block;}
.footer-menu li {float:left;margin-right:32px;}
.footer-menu li:last-child {margin-right:0;}
.footer-menu li a {font-size:1.2em;}
.footer-social {margin-right:5%;}
.signature {margin-top:50px;font-size:.9em;margin-left:10px;}
}

@media only screen and (max-width:420px) {
.footer-menu {float:left;width:40%;height:auto;padding-top:6px;margin:0 0 0 40px;}
.footer-menu li {float:none;margin-right:0;padding-bottom:10px;}
.footer-menu li.foot-home {display:none;}

.footer-boston, .footer-chicago {float:none;display:block;width:100%;margin-bottom:15px;}
.footer-cities {width:86%;margin-top:20px;}
.footer h4 {margin-bottom:6px;}
.footer-boston p, .footer-chicago p {font-size:1em;margin-bottom:10px;line-height:1.6em;}

.footer-social ul {height:29px;}
.footer-social li {width:29px;margin-right:8px;}
.footer-social li a {width:29px;height:29px;background-image:url(../images/social2.png);}
.footer-social .facebook a {background-position:top left}
.footer-social .pinterest a {background-position:63px top;}
.footer-social .tumbler a {background-position:top right;}
.footer-social .facebook a:hover {background-position:bottom left;}
.footer-social .pinterest a:hover {background-position:63px bottom;}
.footer-social .tumbler a:hover {background-position:bottom right;}
.signature {margin-top:30px;font-size:1em;background:none;}
}

@media only screen and (max-width:325px) {
.footer-social {margin-left:40px; margin-top:15px;}
}


/* 404 ERROR page  ------------------------------------------ */
.error-image {width:100%;height:auto;}
.message-404 {position:absolute; z-index:2; width:100%; top:30%; text-align:center; color:#fffeff;}
.message-404 h1 {font-size:10em; margin-bottom:0; line-height:normal;}
.message-404 p {font-size:1.8em; margin-bottom:1em;}

@media only screen and (max-width:650px) {
.message-404 h1 {font-size:8em;}
.message-404 p {font-size:1.3em;}
}

@media only screen and (max-width:480px) {
.message-404 h1 {font-size:7em;}
}

@media only screen and (max-width:420px) {
.message-404 {top:20%;}
.message-404 h1 {font-size:6em;}
}

@media only screen and (max-width:420px) {
.message-404 h1 {font-size:5em;}
}