/*Fonts
-------------------------------------------------------------- */
@font-face {
    font-family: 'FunctionProLightRegular';
    src: url('fonts/functionpro_light_macroman/FunctionPro-Light-webfont.eot');
    src: url('fonts/functionpro_light_macroman/FunctionPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/functionpro_light_macroman/FunctionPro-Light-webfont.woff') format('woff'),
         url('fonts/functionpro_light_macroman/FunctionPro-Light-webfont.ttf') format('truetype'),
         url('fonts/functionpro_light_macroman/FunctionPro-Light-webfont.svg#FunctionProLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

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


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

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

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

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

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

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

/*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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ }
article, aside, details, figcaption, figure, footer, header, nav, section { display: block; }
ol, ul { list-style: none; }
table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a:focus { outline: thin dotted; }
a:hover, a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ outline: 0; }
a img { border: 0; }
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

/* METHODS
----------------------------------------------- */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.hide { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); }

/* Layout
----------------------------------------------- */
body { background: url(assets/0-loadingbg1.svg); -webkit-font-smoothing: aliased; }

ul, ol { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;	 }

.covers { width: 100%; background: #000; }
.covers:hover { cursor: pointer; }
.cover { float:left; overflow: hidden; position: relative; /* widths and heights are all determined in gg.js */ }
.covers a { display: block; }
.vol1 #v-first { width: 80%; }
.vol2 #v-second { width: 80%; }
.vol3 #v-third { width: 80%; }
.vol4 #v-fourth { width: 80%; }
.vol5 #v-fifth { width: 80%; }
.vol6 #v-sixth { width: 80%; }
.covers #v-first { background: #93D4CC; }
.covers #v-second { background: #8A8C8E; }
.covers #v-third { background: #F04A34; }
.covers #v-fourth { background: #C2DE9B; }
.covers #v-fifth { background: #083E60; }
.covers #v-sixth { background: #F9DBE0; } 
.cover { 
	-webkit-box-shadow: 10px 0px 5px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:    10px 0px 5px 0px rgba(0, 0, 0, 0.8);
	box-shadow:         10px 0px 5px 0px rgba(0, 0, 0, 0.8);
}
.cover1 { z-index: 200; }
.spine { position: relative; }
.spine-top { width: 100%; height: auto; margin: 0 auto; height: 400px; background: url(assets/cover-spinearrow3.png) no-repeat; /* background-size: 100%; */ }
.spine-top img { height: auto; width: 100%;}
.spine-bottom { width: 100%; position: absolute; bottom: 10px; text-align: center; }
.spine-bottom img { width: 30px; height: auto; }
.spine-shadow {	
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: inset 5px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 5px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: inset 5px 0px 5px 0px rgba(0,0,0,0.3);}
.cover-title-box { position: absolute; top: 0; z-index: 0; }
.cover-title { text-align: center; display: table-cell; vertical-align: middle; }
.cover-title, .cover-title img { width: 60%; height: auto; }
.cover-title img:nth-child(1) { margin-top: 40px; }
.cover-emblem { width: 175px; height: 405px; background: url(assets/cover-emblem3.png) no-repeat center center; background-size: 100%; margin: 0 auto; positon: absolute; bottom: 0px; }
.cover-texture { background: url(assets/cover-texture2.png); /* background-size: cover; */ width: 100%; height: 100%; position: absolute; }
#v-second .cover-texture { opacity: 0.5; }
#v-third .cover-texture { opacity: 0.6; }
#v-fourth .cover-texture { opacity: 1.0; background: url(assets/cover-texture-green1.png); }
#v-fifth .cover-texture { opacity: 0.6; }
#v-sixth .cover-texture { opacity: 1.0; background: url(assets/cover-texture-pink1.png); }
.contents {  clear: both; width: 100%; background: #fff; }
.content {  display: none; width: 100%; position: relative; }
.opener { height: 500px; background: #eee; }
.project-thumb { background: url(project-thumb-test.svg) no-repeat; float: left; background-size:cover;}
.scrollblock1,
.scrollblock2 { width: 100%; }
.chapters { clear: both; }

.submenu { position: fixed; top:-50px; left: 0px; width: 100%; z-index: 1000; 
	transition: top 0.2s ease-in; 
	-ms-transition: top 0.2s ease-out, display 0.2s step-start;
    -moz-transition: top 0.2s ease-out, display 0.2s step-start;
    -webkit-transition: top 0.2s ease-in; 
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.2);
}
.submenu.openmenu { top: 0px; 
	transition: top 0.2s ease-in; 
	-ms-transition: top 0.2s ease-out, display 0.2s step-start;
    -moz-transition: top 0.2s ease-out, display 0.2s step-start;
    -webkit-transition: top 0.2s ease-in; 
}
.submenu-table { display: table; width: 100%; border-bottom: 2px solid #fff8ee; background-color: #000; }
.b-vol { display: table-cell; width: 13%; border-right: 2px solid #fff8ee; height: 40px; vertical-align: top; background: #000; text-indent: -999em; cursor: pointer; }
.b-vol1 { background: url(assets/submenu-bvol1.svg) no-repeat; }
.b-vol2 { background: url(assets/submenu-bvol2.svg) no-repeat; }
.b-vol3 { background: url(assets/submenu-bvol3.svg) no-repeat; }
.b-vol4 { background: url(assets/submenu-bvol4.svg) no-repeat; }
.b-vol5 { background: url(assets/submenu-bvol5.svg) no-repeat; }
.b-vol6 { background: url(assets/submenu-bvol6.svg) no-repeat; }
.b-vol1:hover { background-color: #93D4CC; }
.b-vol2:hover { background-color: #8A8C8E; }
.b-vol3:hover { background-color: #F04A34; }
.b-vol4:hover { background-color: #C2DE9B; }
.b-vol5:hover { background-color: #00405E; }
.b-vol6:hover { background-color: #F9DBE0; }
.vol1 .b-vol1 { background-position: left bottom; background-color: #93D4CC; }
.vol2 .b-vol2 { background-position: left bottom; background-color: #8A8C8E; }
.vol3 .b-vol3,
.project .b-vol3 { background-position: left bottom; background-color: #F04A34; }
.vol4 .b-vol4 { background-position: left bottom; background-color: #C2DE9B; }
.vol5 .b-vol5 { background-position: left bottom; background-color: #00405E; }
.vol6 .b-vol6 { background-position: left bottom; background-color: #F9DBE0; }
.submenu-contacts { display: table-cell; width: 10%; border-right: 2px solid #fff8ee; height: 40px; vertical-align: top; background: #b9a331; }
.submenu-contacts ul { width: 125px; margin: 0 auto; }
.submenu-contacts li { float: left; }
.submenu-contacts li a { display: block; width: 25px; height: 40px; background:url(assets/submenu-contacticons2.svg) no-repeat; text-indent: -999em; }
.submenu-contacts .b-instagram { background-position: 0px 0px; }
.submenu-contacts .b-tumblr { background-position: -25px 0px; }
.submenu-contacts .b-twitter { background-position: -50px 0px; }
.submenu-contacts .b-facebook { background-position: -75px 0px; }
.submenu-contacts .b-email { background-position: -100px 0px; }
.b-outline { display: table-cell; width: 4%; border-right: 2px solid #fff8ee; height: 40px; vertical-align: top; background: #b9a331 url(assets/submenu-outlineg1.svg) no-repeat center top; text-indent: -999em; cursor: pointer; }
.b-newsletter { display: table-cell; width: 4%; border-right: 2px solid #fff8ee; height: 40px; vertical-align: top; background: #b9a331 url(assets/submenu-newslettersignup1.svg) no-repeat center top; text-indent: -999em; cursor: pointer; }
.b-call { display: table-cell; width: 4%; height: 40px; vertical-align: top; background: #b9a331 url(assets/submenu-phone2.gif) no-repeat center 2px; text-indent: -999em; cursor: pointer; }
.subpops { display: none; }

#subpop_outline { background: #FFF8EE url(assets/submenu-outlinepop2.svg) no-repeat left top; width: 960px; height: 400px; }
.outline-group { position: absolute; width: 270px; }
.outline-group h1 { font-family: 'FunctionProBookBold'; color: #B7A131; font-size: 14px; line-height:18px; cursor: pointer; }
.outline-group h1 span:nth-child(1) { width: 70px; display: block; float: left; }
.outline-group h1 span:nth-child(2) { width: 200px; display: block; float: left; }
/* .outline-group h1 a { text-decoration: none; color: #B7A131; } */
.outline-chapters { clear: both; padding-top: 4px; }
.outline-chapters li { padding-bottom:7px; overflow: hidden}
.outline-chapters span:nth-child(1) {font-family: 'FunctionProBookbold'; font-size: 9px; line-height: 19px; display: block; width: 70px; float: left; text-indent: 17px}
.outline-chapters span:nth-child(2) {font-family: 'FunctionProBookRegular'; font-size: 14px; line-height: 19px; display: block; width: 200px; float: left; }
.outline-projects { clear:both; font-family: 'ClarendonTextProItalic'; color: #000; padding-top: 5px; list-style-type: disc; }
.outline-projects li { margin-left: 50px; text-indent: 20px; }
.outline-projects a { color: #000; text-decoration: none; line-height: 19px;}
.outline-projects a:hover { text-decoration: underline; }
.outline-group .txtA { font-family: 'FunctionProBookBold'; font-size: 10px; line-height: 20px; color: #B7A131; text-indent: 70px;}
#subpop_phone { background: #FFF8EE; }

.chapter-heading { width: 100%; height: 200px; background: #fff;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.2);
}

.boxShadowA {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}

.boxShadowB {
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.2);
}

.boxRound5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/* Stories
----------------------------------------------- */
html, body { width:100%; height:100%; padding:0; margin:0; overflow-x:hidden; }
.skrollable { position:fixed; /* z-index:100; */ }
.skrollable .skrollable { position:absolute; }
.skrollable .skrollable .skrollable { position:static; }
.slideInit{ width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; top: 100%; /* visibility: hidden; DOESN'T WORK ANYWAY WITH DATA-#= */}
.fillFull { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.fillSize { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; }
.fillSizeRepeat { width: 100%; height: 100%; background-position: center center; background-repeat: repeat; }
.tableize { width: 100%; height: 100%; display: table;  }
.tableize .bullseye { display: table-cell; text-align: center; vertical-align: middle; }
.tableCenter { display: table; width: 100%; height: 100%; }
.tableCenter-cell { display: table-cell;  vertical-align: middle; text-align:center;}


.biblio { color: #000; font-family: 'FunctionProLightRegular'; z-index:1500;}
.biblio-col { width: 310px; margin-right: 20px; float: left; }
.biblio-col:last-child { margin-right: 0px; }
.biblio a { color: #000; }
.biblio .typeA { font-family: 'FunctionProLightRegular'; font-size: 33px; margin-bottom: 30px; }
.biblio .typeA span { text-decoration: underline; }
.biblio-citations { font-family: 'FunctionProLightRegular'; }
.biblio-citations li { margin-bottom: 30px; }
.biblio-citations a { text-decoration: none;}
.biblio-citations a:hover { text-decoration: underline; }
.biblio-citations h2 { font-size: 26px; line-height: 31px; }
.biblio-citations h3 { font-family: 'FunctionProMediumBold'; font-size: 15px; line-height: 22px; }
.biblio-quotations { clear: both; padding-top: 90px;}
.biblio-quotations li { margin-bottom: 30px; }
.biblio-quotations a { text-decoration: none; }
.biblio-quotations h2 { font-family: 'FunctionProLightItalic'; font-size: 26px; line-height: 31px; }
.biblio-quotations h3 { font-family: 'FunctionProMediumBold'; font-size: 15px; }
.biblio-commendations { padding-top: 30px; clear: both; padding-top: 90px; }
.biblio-commendations h2 { font-family: 'FunctionProMediumBold'; font-size: 15px; text-indent: 25px; }
.biblio-commendations ul { font-family: 'FunctionProMediumBold'; font-size: 15px; border-top: 1px solid #000; padding-bottom: 15px; }
.biblio-commendations li { line-height: 15px; padding: 5px 0 10px 25px; background:url(assets/v4c1-trophy1.svg) no-repeat 0px 7px; }

/* Projects
----------------------------------------------- */
.project { background: #fff; height: auto; }
.proj-top { width: 1070px; border-top: 4px solid #000; border-bottom: 1px solid #000; margin: 50px auto 0; position: relative; background: url(assets/project-topbgline1.png) no-repeat; }
.proj-top label { font-family: 'ClarendonTextProItalic'; font-size: 10px; }
.proj-top h1 { font-family: 'FunctionProBookBold';  font-size: 20px; line-height: 30px; }
.proj-top h2 { font-family: 'ClarendonTextProRegular'; font-size: 37px; line-height: 20px; text-align: right; margin-right: 10px;}
.proj-top h3 { font-family: 'FunctionProCondLightRegular'; font-size: 19px; line-height: 20px; letter-spacing: 0.15em; }
.proj-symbol { width: 95px; height: 95px; background: #B6A131; cursor: pointer; }
.proj-name { width: 340px; height: 40px; border-right: 1px solid #000; position: absolute; top: 10px; left: 105px; }
.proj-client { width: 340px; height: 40px; border-right: 1px solid #000; position: absolute; top: 10px; left: 460px; }
.proj-year { width: 140px; height: 40px; border-right: 1px solid #000; position: absolute; top: 10px; left: 810px; }
.proj-clientapp { width: 100px; height: 40px; position: absolute; top: 10px; left: 960px; }
.proj-clientapp span { display: block; background: url(assets/project-topclientapp1.svg) no-repeat; text-indent: -999em; height: 20px; margin-top: 8px; }
.proj-clientapp .yes { background-position: top left;}
.proj-clientapp .no { background-position: bottom left;}
.proj-dept { position: absolute; top: 67px; left: 105px;}
.proj-dept ul { position: absolute; top: 0px; left: 40px; width: 1000px; }
.proj-dept li { float: left; font-family: 'FunctionProBookBold'; font-size: 9px; line-height: 20px; background: url(assets/project-topdeptyesno1.svg) no-repeat; text-indent: 20px; margin-right: 7px; letter-spacing: 1px; }
.proj-dept .x { background-position: bottom left; }
.proj-desc { width: 1070px; height: 200px; margin: 0 auto; padding: 20px 0 40px;}
.proj-desc p { margin-left: 105px; margin-right: 105px; font-family: 'FunctionProLightRegular'; font-size: 20px; line-height: 26px;
       -moz-column-count: 2;
       -moz-column-gap: 20px;
       -webkit-column-count: 2;
       -webkit-column-gap: 20px;
}
.proj-middle { width: 1070px; margin: 0 auto; z-index: 40;}
.proj-middle li { margin-bottom: 10px; z-index: 40;}
.proj-middle img { /* background: url(assets/0-loadingbg1.svg);  */display: block; }
.proj-middle p { font-family: 'FunctionProLightRegular'; font-size: 20px; line-height: 26px; margin: 40px 100px; text-align: center; }

.proj-desc a,
.proj-middle a { color: #000; }
.proj-desc em,
.proj-middle em { font-family: 'FunctionProMediumRegular'; }
.proj-middle blockquote { font-family: 'FunctionProLightItalic'; font-size: 20px; line-height: 28px; }
.proj-middle .byline { font-family: 'FunctionProMediumRegular'; font-size: 15px; line-height: 28px; display: block; }

.proj-bottom h3 { width: 1070px; height: 46px; margin: 0 auto; background: url(assets/project-departmentsheader2.svg) no-repeat; text-indent: -999em; border-top: 4px solid #000; }
.proj-table { display: table; width: 1070px; margin: 0 auto; }
.proj-table ul { display: table-row; }
.proj-table li { display: table-cell; border-right: 1px solid transparent; border-bottom: 1px solid transparent; /* height: 205px;  */vertical-align: top; }
.proj-table a { display: block;  background: #94D4CC; }
.proj-table a:hover { background: pink;  }
.proj-table img { width: 100%; height: 100%; display: block;}
.vol3 .proj-table { width: 100%; }

.proj-table .proj-advice a:hover { background:url(assets/proj-advice-thumb03.jpg) no-repeat; background-size: cover; }
.proj-table .proj-buca a:hover { background:url(assets/proj-buca-thumb.jpg) no-repeat; background-size: cover; }
.proj-table .proj-dance a:hover { background:url(assets/proj-dance-thumb02.pg) no-repeat; background-size: cover; }
.proj-table .proj-four15 a:hover { background:url(assets/proj-four15-thumb02.jpg) no-repeat; background-size: cover; }
.proj-table .proj-helvetica a:hover { background:url(assets/proj-helvetica00-thumb.jpg) no-repeat; background-size: cover; }
.proj-table .proj-honeybee a:hover { background:url(assets/proj-honeybee-thumb06.jpg) no-repeat; background-size: cover; }
.proj-table .proj-howmag a:hover { background:url(assets/proj-how-thumb01.jpg) no-repeat; background-size: cover; }
.proj-table .proj-julienfunk a:hover { background:url(assets/proj-jfunk-thumb04.jpg) no-repeat; background-size: cover; }
.proj-table .proj-kirkkara a:hover { background:url(assets/proj-kirkkara-thumb01.jpg) no-repeat; background-size: cover; }
.proj-table .proj-lovehate a:hover { background:url(assets/proj-lovhat-thumb03.jpg) no-repeat; background-size: cover; }
.proj-table .proj-oracle a:hover { background:url(assets/proj-oracle-thumb02.jpg) no-repeat; background-size: cover; }
.proj-table .proj-starwood a:hover { background:url(assets/proj-starwood-thumb02.jpg) no-repeat; background-size: cover; }
.proj-table .proj-theydont a:hover { background:url(assets/proj-tdwfy00-thumb.jpg) no-repeat; background-size: cover; }
.proj-table .proj-teepee a:hover { background:url(assets/proj-teepee-thumb01.jpg) no-repeat; background-size: cover; }
.proj-table .proj-contender a:hover { background:url(assets/proj-contender-thumb01.jpg) no-repeat; background-size: cover; }
.proj-table .proj-squeaky a:hover { background:url(assets/proj-squeaky-thumb.jpg) no-repeat; background-size: cover; }
.proj-table .proj-happycamp a:hover { background:url(assets/proj-happycamp-thumb.jpg) no-repeat; background-size: cover; }
.proj-table .proj-cranky a:hover { background:url(assets/proj-cranky-thumb.jpg) no-repeat; background-size: cover; }
.proj-table .proj-tenways a:hover { background:url(assets/proj-tenways-thumb.jpg) no-repeat; background-size: cover; }
.proj-table .proj-makeshift a:hover { background:url(assets/proj-makeshift-thumb01.jpg) no-repeat; background-size: cover; }
.proj-table .proj-neenah a:hover { background:url(assets/proj-neenah-thumb.gif) no-repeat; background-size: cover; }
.proj-table .proj-gct a:hover { background:url(assets/proj-gct-thumb.jpg) no-repeat; background-size: cover; }
.proj-table .proj-fishmarket a:hover { background:url(assets/proj-fishmarket-thumb.jpg) no-repeat; background-size: cover; }
.proj-table .proj-4capt a:hover { background:url(assets/proj-4capt-thumb.jpg) no-repeat; background-size: cover; }
.proj-table .proj-empty { background:url(assets/proj-placeholder-thumb.jpg) no-repeat; background-size: cover; }


.proj-navarrowL { position: fixed; top: 340px; right: 50%; width: 610px; height: 50px; }
.proj-navarrowL a { position: absolute; left: 0px; display: block; background: url(assets/project-arrownav1.svg) no-repeat; width: 70px; height: 50px; text-indent: -999em; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.proj-navarrowL a:hover { left: -10px; }
.proj-navarrowR { position: fixed; top: 340px; left: 50%; width: 610px; height: 50px; }
.proj-navarrowR a { position: absolute; right: 0px; display: block; background: url(assets/project-arrownav1.svg) no-repeat top right; width: 70px; height: 50px; text-indent: -999em; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.proj-navarrowR a:hover { right: -10px; }

.proj-share { position: fixed; bottom: 50px; right: 0px;}
.proj-share li { margin-bottom: 10px; }
.proj-share a { width: 140px; height: 38px; display: block; text-indent: -999em; }
.b-pinterest-share { background: url(assets/project-b-pinterest1.svg) no-repeat 20px 0px; -webkit-transition: background 0.2s ease; transition: all 0.2s ease; }
.b-pinterest-share:hover { background-position: 0px 0px; }
.b-facebook-share { background: url(assets/project-b-facebook1.svg) no-repeat 20px 0px; -webkit-transition: background 0.2s ease; transition: all 0.2s ease; }
.b-facebook-share:hover { background-position: 0px 0px; }
.b-twitter-share { background: url(assets/project-b-twitter1.svg) no-repeat 20px 0px; -webkit-transition: background 0.2s ease; transition: all 0.2s ease; }
.b-twitter-share:hover { background-position: 0px 0px; }


/* MailChimp
----------------------------------------------- */
#subpop_newsletter { width: 600px; height: 375px; background: #FFF8EE url(assets/submenu-newsletterbg1.svg) no-repeat; }
.mc-instructions { position: absolute; top: 35px; left: 30px; width: 200px; }
.mc-instructions h1 { font-family: 'FunctionProBookBold'; font-size: 14px; line-height: 20px; color: #B7A131; margin-bottom: 15px; letter-spacing: 0.01em; }
.mc-instructions p { font-family: 'FunctionProLightRegular'; font-size: 14px; line-height: 20px; margin-bottom: 20px; letter-spacing: 0.05em; }
.mc-instructions em { font-family: 'FunctionProLightItalic'; }
.mc-instructions .mc-note { font-family: 'FunctionProLightItalic'; font-size: 11px; line-height: 13px; }
#mc_embed_signup { position: absolute; top: 120px; left: 280px; width: 290px; }
.mc-field-group { clear: both; border-bottom: 1px solid #000; overflow: hidden; margin-bottom: 10px; position: relative; }
.mc-field-group label { font-family: 'FunctionProMediumItalic'; font-size: 13px; line-height: 20px; width: 60px; display: block; float: left; text-indent: 3px; }
.mc-field-group input { font-family: 'FunctionProMediumRegular'; float: left; width: 230px; background: none; font-size: 13px; line-height: 20px; }
.mc-field-group input:focus{ outline: 0; }
.mc-field-group input[type="text"],
.mc-field-group input[type="email"] { line-height: 20px; height: 20px; border: none; padding: none; }
.mc-field-state { width: 130px; float: left; clear: none; }
.mc-field-state input { width: 60px; }
.mc-field-zipcode { width: 160px; float: left; clear: none; }
.mc-field-zipcode label { width: 30px; }
.mc-field-zipcode input { width: 80px; }
.mc-required { float: left; font-family: 'FunctionProMediumItalic'; color: #B7A131; font-size: 11px; padding-top: 4px; }
.mc-submit { float: right; padding-top: 4px; }
.mc-submit input { border: none; background: transparent; cursor: pointer; font-family: 'FunctionProMediumBold'; font-size: 11px; line-height: 14px; border-bottom: 1px solid black; padding: 0; letter-spacing: 0.1em; }
#mc_embed_signup div.mce_inline_error {
	font-family: 'FunctionProMediumItalic';
	margin: 0 0 0 3px;
	padding: 0;
	background-color: transparent;
	font-weight: bold;
	z-index: 1;
	color: #000;
	line-height: 20px;
}
#mce-error-response,
#mce-success-response {
	position: absolute;
	bottom: 0px;
	width: 100%;
	font-family: 'FunctionProMediumItalic';
	color: #B7A131;
	display: none;
	margin: 0 0 15px 50px;
	width: 500px;
	font-size: 13px;
	line-height: 14px;
	text-align: center;
	letter-spacing: 0.1em;
}
#mce-error-response a, 
#mce-success-response a {
	color: #000;
}