@font-face {
    font-family: 'Basis Grotesque Pro Regular';
    src: url('../fonts/basis_grotesque_pro_regular-web.eot');
    src: url('../fonts/basis_grotesque_pro_regular-web.eot?') format('embedded-opentype'),
    url('../fonts/basis_grotesque_pro_regular-web.woff') format('woff'),
    url('../fonts/basis_grotesque_pro_regular-web.ttf') format('opentype'),
    url('../fonts/basis_grotesque_pro_regular-web.svg#BasisGrotesqueProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Basis Grotesque Pro Medium';
    src: url('../fonts/basis_grotesque_pro_medium-web.eot');
    src: url('../fonts/basis_grotesque_pro_medium-web.eot?') format('embedded-opentype'),
    url('../fonts/basis_grotesque_pro_medium-web.woff') format('woff'),
    url('../fonts/basis_grotesque_pro_medium-web.ttf') format('opentype'),
    url('../fonts/basis_grotesque_pro_medium-web.svg#BasisGrotesqueProRegular') format('svg');
    font-weight: 500;
    font-style: normal;
}

/*===== NORMALIZE STYLES =====*/
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, video {
	display: inline-block;
*display:inline;
*zoom:1
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden] {
display:none
}
html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
html, button, input, select, textarea {
	font-family: sans-serif
}
body {
	margin: 0
}
a:focus {
	outline: thin dotted
}
a:active, a:hover {
	outline: 0
}
h1 {
	font-family: "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	font-size: 2em;
	margin: .67em 0
}
h2 {
	font-family: "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	font-size: 1.5em;
	margin: .83em 0
}
h3 {
	font-family: "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	font-size: 1.17em;
	margin: 1em 0
}
h4 {
	font-family: "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	font-size: 1em;
	margin: 1.33em 0
}
h5 {
	font-family: "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	font-size: .83em;
	margin: 1.67em 0
}
h6 {
	font-family: "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	font-size: .67em;
	margin: 2.33em 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: 700
}
blockquote {
	margin: 1em 40px
}
dfn {
	font-style: italic
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
mark {
	background: #ffe600;
	color: #000
}
p, pre {
	margin: 1em 0
}
code, kbd, pre, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}
q {
	quotes: none
}
q:before, q:after {
	content: '';
	content: none
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
dl, menu, ol, ul {
	margin: 1em 0
}
dd {
	margin: 0 0 0 40px
}
menu, ol, ul {
	padding: 0 0 0 40px
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
form {
	margin: 0
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0;
	white-space: normal;
*margin-left:-7px
}
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
*vertical-align:middle
}
button, input {
	line-height: normal
}
button, select {
	text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
*overflow:visible
}
button[disabled], html input[disabled] {
	cursor: default
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
*height:13px;
*width:13px
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
.search-results-page #contents {
	color: #fff
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow: auto;
	vertical-align: top
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
*, :before, :after {
	-webkit-text-size-adjust: none;
	-webkit-margin-before: 0;
	-webkit-margin-end: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-padding-before: 0;
	-webkit-padding-end: 0;
	-webkit-padding-after: 0;
	-webkit-padding-start: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html {
	overflow-y: auto;
	overflow-x: hidden;
	font-family: "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif
}
html, body {
	height: 100%;
	min-height: 100%
}
html, button, input, select, textarea {
	font-family: "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif
}
ol, ul {
	margin: 0;
	padding: 0
}
.table {
	width: 100%;
	height: 100%;
	display: table
}
.table .table-row {
	display: table-row
}
.table .table-cell {
	display: table-cell;
	vertical-align: middle
}
h1 {
	font-size: 50px
}
h2 {
	font-size: 45px
}
h3 {
	font-size: 28px
}
p {
	font-size: 28px
}
html {
	color: #222;
	font-size: 1em;
	line-height: 1.4
}
::-moz-selection {
background:#b3d4fc;
text-shadow:none
}
::selection {
	background: #b3d4fc;
	text-shadow: none
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}
audio, canvas, img, svg, video {
	vertical-align: middle
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0
}
textarea {
	resize: vertical
}
.browsehappy {
	margin: .2em 0;
	background: #ccc;
	color: #000;
	padding: .2em 0
}
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}
.pace-inactive {
	display: none
}
.pace .pace-progress {
	background: #ffe600;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 3px
}
.scrollable {
	position: relative
}
.scrollable:focus {
	outline: 0
}
.scrollable .viewport {
	position: relative;
	margin-bottom: 1%;
	overflow: hidden;
	z-index: 9;
	height: 95%
}
.scrollable .viewport .overview {
	position: absolute;
    height: 100%;
    z-index: 9;
}
.scrollable .scroll-bar {
	display: none
}
.scrollable .scroll-bar.vertical {
	position: absolute;
	right: 0;
	height: 100%
}
.scrollable .scroll-bar.horizontal {
	background: #727272;
	position: relative;
	height: 3px;
	width: 100%
}
.scrollable .scroll-bar .thumb {
	position: absolute
}
.scrollable .scroll-bar.vertical .thumb {
	width: 100%;
	min-height: 10px
}
.scrollable .scroll-bar.horizontal .thumb {
	background: #ffe600;
	border: 0;
	border-top: solid 5px #353230;
	border-bottom: solid 5px #353230;
	margin-top: -5px;
	min-width: 10px;
	min-height: 13px;
	cursor: pointer;
	height: 100%;
	left: 0
}
.not-selectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.scrollable.default-skin {
	padding-right: 10px;
	padding-bottom: 6px
}
.scrollable.default-skin .scroll-bar.vertical {
	width: 6px
}
.scrollable.default-skin .scroll-bar.horizontal {
	height: 6px
}
.scrollable.default-skin .scroll-bar .thumb {
	background-color: #000;
	opacity: .4;
	border-radius: 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px
}
.scrollable.default-skin .scroll-bar:hover .thumb {
	opacity: .6
}
.scrollable.gray-skin {
	padding-right: 17px
}
.scrollable.gray-skin .scroll-bar {
	border: 1px solid gray;
	background-color: #d3d3d3
}
.scrollable.gray-skin .scroll-bar .thumb {
	background-color: gray
}
.scrollable.gray-skin .scroll-bar:hover .thumb {
	background-color: #000
}
.scrollable.gray-skin .scroll-bar.vertical {
	width: 10px
}
.scrollable.gray-skin .scroll-bar.horizontal {
	height: 10px;
	margin-top: 2px
}
.scrollable.modern-skin {
	padding-right: 17px
}
.scrollable.modern-skin .scroll-bar {
	border: 1px solid gray;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: inset 0 0 5px #888;
	-webkit-box-shadow: inset 0 0 5px #888;
	box-shadow: inset 0 0 5px #888
}
.scrollable.modern-skin .scroll-bar .thumb {
	background-color: #95aabf;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #536984
}
.scrollable.modern-skin .scroll-bar.vertical .thumb {
	width: 8px;
	background: -moz-linear-gradient(left, #95aabf 0%, #547092 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092));
	background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%);
	background: -o-linear-gradient(left, #95aabf 0%, #547092 100%);
	background: -ms-linear-gradient(left, #95aabf 0%, #547092 100%);
	background: linear-gradient(to right, #95aabf 0%, #547092 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf',endColorstr='#547092',GradientType=1 )"
}
.scrollable.modern-skin .scroll-bar.horizontal .thumb {
	height: 8px;
	background-image: linear-gradient(#95aabf, #547092);
	background-image: -o-linear-gradient(#95aabf, #547092);
	background-image: -moz-linear-gradient(#95aabf, #547092);
	background-image: -webkit-linear-gradient(#95aabf, #547092);
	background-image: -ms-linear-gradient(#95aabf, #547092);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf',endColorstr='#547092',GradientType=0 )"
}
.scrollable.modern-skin .scroll-bar.vertical {
	width: 10px
}
.scrollable.modern-skin .scroll-bar.horizontal {
	height: 10px;
	margin-top: 2px
}
body {
	background: #353230;
	padding-top: 92px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
body .news-article {
	background: #ffffff;
}
a:focus {
	outline: none
}
#main-wrapper {
	overflow: hidden
}
.js #main-wrapper {
	position: relative
}
#main-wrapper.news-article {
	min-height: 100%
}
.js #main-wrapper .loader {
	background: #353230;
	position: absolute;
	display: block;
	z-index: 9999;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}
.js .loading #header, .js .loading #footer {
	display: none
}
.no-js #main-wrapper .loader {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease
}
.js #header, .js #footer {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease
}
#main-wrapper.work {
	overflow: auto;
	min-height: 100%;
	position: relative
}
.header-wrapper, .clearfix, .menu {
*zoom:1
}
.header-wrapper:before, .header-wrapper:after, .clearfix:before, .clearfix:after, .menu:before, .menu:after {
	display: table;
	content: ''
}
.header-wrapper:after, .clearfix:after, .menu:after {
	clear: both
}
.header-wrapper, .contents-wrapper, .footer-wrapper {
	margin: 0 90px
}
.home .contents-wrapper {
	margin: 0
}
#header {
	background: #353230;
	position: fixed;
	width: 100%;
	z-index: 9;
	top: 0
}
.header-wrapper {/*padding-bottom:35px*/
}
#branding {
	padding: 38px 0 42px;
	max-width: 290px;
	float: left;
	width: 50%;
	position: relative;
	z-index: 99999999999999999999;
}
#branding h1 {
	height: 12px;
	margin: 0;
	font: bold 13px/11px "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
*border-left:solid 9px #ffe600;
*padding-left:5px
}
#branding h1 a {
	background: url(../img/logo_02.png) no-repeat bottom left;
	background-size: 270px 10px;
	min-width: 270px;
	text-indent: -9999px;
	color: transparent;
	display: block
}
#branding h1 .small {
	font: normal 12px/11px "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif
}
#navigation {
	position: relative;
	padding: 35px 0;
	float: right;
	z-index: 999;
	width: 50%
}
#navigation .menu {
	float: right
}
#navigation .menu li {
	position: relative;
	padding: 0 3.585em;
	float: left
}
#navigation .menu li a {
*/
	font: 500 16px/1.3em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	font-weight: 400;
	font-size: 15px;
	border-bottom: solid 3px transparent;
	padding-bottom: 5px;
	text-decoration: none;
	color: #fff
}
#navigation .menu li.last {
	padding-right: 0
}
#navigation .menu li a:hover, #navigation .menu li.active > a, #navigation .menu > li.show-child > a {
	border-bottom: solid 3px #ffe600
}
#navigation .menu .sub-menu {
	position: absolute;
	padding-top: 10px;
	display: none;
	width: 300px;
	top: 55px;
	left: 0
}
#navigation .menu li.show-child .sub-menu {
	display: block
}
#navigation .menu .sub-menu li {
	margin: 0 auto 28px;
	display: block;
	float: none
}
#navigation .menu .sub-menu li.All {
	display: none
}
#navigation .menu .sub-menu li a {
	padding-bottom: 5px
}
#menu-toggle {
	position: absolute;
	cursor: pointer;
	z-index: 999;
	float: right;
	right: 40px;
	top: 35px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease
}
#menu-toggle span {
	margin-bottom: 7px;
	background: #fff;
	display: block;
	width: 30px;
	height: 2px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
#menu-toggle span.t3 {
	margin-bottom: 0
}
.nav-open #menu-toggle {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.nav-open #menu-toggle span {
	background: #fff
}
.nav-open #menu-toggle .t1 {
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px)
}
.nav-open #menu-toggle .t2 {
	opacity: 0
}
.nav-open #menu-toggle .t3 {
	-webkit-transform: rotate(-90deg) translateX(8px);
	-moz-transform: rotate(-90deg) translateX(8px);
	-ms-transform: rotate(-90deg) translateX(8px);
	-o-transform: rotate(-90deg) translateX(8px);
	transform: rotate(-90deg) translateX(8px)
}
#menu-repeater {
	vertical-align: middle;
	position: absolute;
	line-height: 15px;
	display: none;
	z-index: 999;
	left: 40px;
	top: 35px
}
#menu-repeater > a {
	font: 400 15px/15px "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	vertical-align: text-top;
	text-decoration: none;
	color: #fff
}
#menu-repeater > a:before {
	color: transparent;
	text-indent: -999px;
	line-height: 11px;
	font-size: 0;
	background: url(../img/menu-back-arrow.png) no-repeat top left;
	vertical-align: super;
	display: inline-block;
	height: 12px;
	width: 15px;
	content: '<'
}
.lt-ie10 #menu-repeater > a, .gt-ie9 #menu-repeater > a {
	vertical-align: text-bottom
}
.lt-ie10 #menu-repeater > a:before, .gt-ie9 #menu-repeater > a:before {
	vertical-align: middle;
	height: 15px
}
#menu-overlay {
	background: url(../img/menu-overlay.png) repeat;
	position: fixed;
	display: none;
	height: 100%;
	width: 100%;
	z-index: 99;
	left: 0;
	top: 0
}
#menu-overlay.active {
	display: block
}
#footer {
	background: #353230;
	position: fixed;
	padding: 35px 0;
	width: 100%;
	z-index: 9;
	bottom: 0;
	left: 0
}
.home #footer {
	background: none;
}
.studio #footer, .news #footer {
	background: #fff
}
.footer-wrapper {
*zoom:1
}
.footer-wrapper:before, .footer-wrapper:after {
	display: table;
	content: ''
}
.footer-wrapper:after {
	clear: both
}
#footer-navigation .menu {
	float: right
}
#footer-navigation .menu li {
	padding: 0 3.666em;
	float: left
}
#footer-navigation .menu li.last {
	padding-right: 0;
}
#footer-navigation .menu li.back, #footer-navigation .menu li.news-back, #footer-navigation .menu li.news {
	display: none
}
.home #footer-navigation .menu li.news {
	padding-right: 36px;
	display: block
}
.news-article #footer-navigation .menu li.news-back, .tag-archive #footer-navigation .menu li.news-back {
	padding-right: 46px;
	display: block
}
.project-detail #footer-navigation .menu li.back {
	display: block;
	padding-right: 46px
}
.home #footer-navigation .menu li.news:before, .home #footer-navigation .menu li.news:after {
	padding: 0 10px;
	content: '|';
	font: normal 15px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	line-height: 15px;
	color: #fff
}
.home #footer-navigation .menu li.news a {
	font-style: italic
}
#footer-navigation .menu li a {
	font: normal 15px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	border-bottom: solid 3px transparent;
	text-decoration: none;
	padding-bottom: 6px;
	color: #fff;
}
#footer-navigation .menu li a#searchBtn:hover {
	border-bottom: 0;
	color: #ffe600;
}
#footer-navigation .menu li.news a {
	font: normal 15px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif
}
.news #footer-navigation .menu li a, .studio #footer-navigation .menu li a {
	color: #231f20;
}

.news #footer-navigation .menu li.last ,
.studio #footer-navigation .menu li.last {
	padding-right: 0px;
}

.news-article  #footer-navigation .menu li.last {
	padding-right: 0;
}
#footer-navigation .menu li a:hover {
	border-bottom: solid 3px #ffe600;
	color: #ffe600;
	border: 0;
}
.news #footer-navigation .menu li a:hover, .studio #footer-navigation .menu li a:hover {
	border-bottom: 0;
}
#footer-navigation #search, #footer-navigation #search .submit {
	display: none
}
#footer-navigation #search input[type=text] {
	font: normal 14px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	padding: 2px 5px;
	width: 50px
}
#footer-navigation .menu li.active > a {
	display: none
}
#footer-navigation .menu li.active #search form {
	position: relative
}
#footer-navigation .menu li.active #search {
	display: block
}
#footer-navigation .menu li.active #search input[type=text] {
	-webkit-transition: width 5s ease-in-out;
	-moz-transition: width 5s ease-in-out;
	-o-transition: width 5s ease-in-out;
	transition: width 5s ease-in-out;
	width: 355px
}
#footer-navigation .menu li.active #search input[type=text]:focus {
	outline: none;
	box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none
}
#footer-navigation .menu li.active #search .submit {
	background: #ffe600;
	position: absolute;
	display: block;
	height: 22px;
	width: 10px;
	border: 0;
	right: 1px;
	top: 1px;
	font-size: 0;
	color: transparent;
	text-indent: -9999px;
	appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none
}
#footer .site-credits {
	font: normal 15px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	text-align: center;
	color: #231f20
}
.work #footer .site-credits, .project-detail #footer .site-credits {
	color: #fff
}
#footer .site-credits > div {
	margin-bottom: 5px
}
#footer .site-credits a {
	text-decoration: none;
	color: #231f20
}
.work #footer .site-credits a, .project-detail #footer .site-credits a {
	color: #fff
}
#contents {
	padding-bottom: 92px;
	position: relative
}
.project-detail #contents {
	padding-bottom: 96px;
}
.home #contents {
	padding-bottom: 0;
}
#main-wrapper.work #contents {
	overflow: hidden;
	min-height: 100%
}
#contents:after {
	content: "";
	display: block
}
.contents-wrapper {
	position: relative;
	overflow: hidden
}
.contents-wrapper.loading{
	background: url(../img/ajax-loader.gif) no-repeat center;
}
.news #contents, .studio #contents {
	background: #fff
}
.banner img {
	width: 100%;
	height: auto
}
#hero {
	position: relative;
	overflow: hidden;
	height: 100%;
	width: 100%
}
#maximage {
	height: 100%;
	width: 100%
}
.home #maximage {
	min-height: 100%;
}
#hero-slider {
	height: 95%!important;
	display: none
}
#screen2 {
	position: relative;
	height: 100%;
	width: 100%;
	opacity: 0;
	margin: 0;
}
#screen2 #buttons {
	position: absolute;
	height: 95%;
	width: 100%;
	z-index: 99;
	top: 0
}
#screen2 #buttons a {
	background: rgba(0,0,0,0);
	position: absolute;
	color: transparent;
	outline: none;
	z-index: 999;
	font-size: 0;
	height: 100%;
	width: 50%;
	margin: 0;
	top: 0
}
#screen2 #buttons a:focus {
	outline: none
}
#screen2 .prev, #screen2 .prev:focus, #screen2 .prev:active {
	cursor: url(../img/hero-left-controls.png) 0 18, auto;
	left: 0
}
#screen2 .next, #screen2 .next:focus, #screen2 .next:active {
	cursor: url(../img/hero-right-controls.png) 21 18, auto;
	right: 0
}
#custom-slider {
	position: relative;
	overflow: hidden;
	overflow-x: auto;
	height: 100%;
	width: 100%;
	z-index: 9;
}
#custom-slider ul {
	background: #353230;
	position: relative;
	list-style: none;
	height: 100%;
	width: 100%;
	padding: 0;
	z-index: 9;
	*zoom:1
}
#custom-slider ul:before, #custom-slider ul:after {
	display: table;
	content: ''
}
#custom-slider ul:after {
	clear: both
}
#custom-slider::-webkit-scrollbar-track {
	cursor:pointer
}
#custom-slider::-webkit-scrollbar {
	width:5px;
	height:5px;
	cursor:pointer;
	background:#727272
}
#custom-slider::-webkit-scrollbar-thumb {
	background-color:#ffe600;
	cursor:pointer;
	height:5px
}
#custom-slider .wrap {
	height: 100%;
    font-size: 0;
    background: #353230;
    position: relative;
    width: 100%;
    padding: 0;
    z-index: 9;
}
#custom-slider li {
	margin: 0;
	z-index: 9;
	width: auto;
	float: left;
	height: 100%;
	display: block;
	position: relative
}
#custom-slider li img {
	margin-right: 20px;
	position: relative;
	max-width: none;
	display: block;
	height: 100%;
	width: auto;
	z-index: 9
}
#custom-slider .wrap > img{
	margin-right: 20px;
    position: relative;
    max-width: none;
    display: inline-block;
    height: 100%;
    width: auto;
    z-index: 9;
}
#custom-slider li img[src=""] {
	display: none
}
#custom-slider li img.lazy {
	background: url(../img/ajax-loader.gif) no-repeat center center
}
#custom-slider li:last-child img,
#custom-slider .wrap img:last-child{
	margin: 0 115px 0 0
}
/*miah's addition*/
.work .contents-wrapper > .grid {
	margin-left: -25px;
}
.grid .project {
	margin: 0px 0px 25px 0px;
	width: 33.33%;
	height: auto;
	float: left;
	/* miah's addition */
	padding-left: 25px;
}
.grid .project:nth-child(3n+1) {
	clear: left;
}
.grid .project:nth-child(3),
.grid .project:nth-child(6),
.grid .project:nth-child(9),
.grid .project:nth-child(12),
.grid .project:nth-child(15),
.grid .project:nth-child(18),
.grid .project:nth-child(21),
.grid .project:nth-child(24),
.grid .project:nth-child(27),
.grid .project:nth-child(30),
.grid .project:nth-child(33),
.grid .project:nth-child(36),
.grid .project:nth-child(39),
.grid .project:nth-child(42),
.grid .project:nth-child(45),
.grid .project:nth-child(48),
.grid .project:nth-child(51),
.grid .project:nth-child(54),
.grid .project:nth-child(57),
.grid .project:nth-child(60){
	/*margin-right: 0*/
}
.grid .project .thumbnail {
	margin: 0 auto 5px;
	position: relative;
	overflow: hidden
}
.grid .project .thumbnail a {
	display: block;
	width: 100%
}
.grid .project .thumbnail img {
	height: auto;
	width: 100%
}
.grid .project .thumbnail .thumbs {
	position: absolute;/*display: none;*/
	width: 100%;
	opacity: 0;
	left: 0;
	top: 0;
	-webkit-transition: opacity 300ms ease-in-out;
	-moz-transition: opacity 300ms ease-in-out;
	-o-transition: opacity 300ms ease-in-out;
	-ms-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out
}
.grid .project .thumbnail .thumbs.active {/*display: block!important;*/
	opacity: 1;
}
.grid .project .project-title {
	font: normal 14px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	color: #fff;
	margin: 0
}
.grid .project .project-title a {
	text-decoration: none;
	color: #fff
}
.no-touch .grid .project:hover .project-title, .no-touch .grid .project:hover .project-title a {
	color: #ffe600
}
.preloader {
	background: url(../img/ajax-loader.gif) no-repeat bottom center;
	clear: both;
	width: 100%;
	height: 20px;
	line-height: 20px;
	z-index: 9999;
	display: none;
	margin: -20px 0 0;
	position: relative
}
.nav-open .news #contents, 
.nav-open .publications #contents, 
.nav-open .news #footer,
.nav-open .publications #footer {
	z-index: 0;
}
.nav-open #contents, .nav-open #footer {
	z-index: -1
}
#about:before, #philosophy:before, #andrew-franz:before, #team:before, #clients:before, #contact:before, .studio .contents-wrapper > section:before {
	display: block;
	content: " ";
	margin-top: -92px;
	height: 92px;
	visibility: hidden
}
#clients:before {
	height: 91px;
}
.studio .banner {
	height: 500px;
	margin-bottom: 3.25em
}
.studio .banner.wide-banner {
	display: none!important
}
.studio-section {
	margin-bottom: 3.25em;
	padding: 20px 0;
*zoom:1
}
.studio-section:before, .studio-section:after {
	display: table;
	content: ''
}
.studio-section:after {
	clear: both
}
.studio-section .studio-title {
	width: 35%;
	float: left
}
.studio-section .studio-title h3 {
	font: bold 22px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	color: #231f20;
	margin: 0
}
.studio-section .studio-content {
	width: 65%;
	/*padding-right: 12%;*/
	float: left
}
#clients .studio-section .studio-content {
    padding-right: 0;
}
#overview .studio-section .studio-content {
	float: left
}
.studio-section .studio-content p {
	font: normal 16px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	line-height: 1.6em;
	margin: 0 auto 1em;
	color: #231f20
}
.studio-section .studio-content a {
	color: #231f20
}
#overview .studio-section {
	padding: 4em 0;
	margin: 0
}
#overview .studio-section .studio-content p {
	font: normal 22px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	line-height: 1.436em
}
#contact .studio-section .studio-content a {
	text-decoration: none
}
#contact .studio-section .studio-content a:hover {
	text-decoration: underline
}
.social-icons {
	text-align: left
}
.social-icons li {
	display: inline-block;
	margin-right: 10px
}
.social-icons a {
	display: inline-block;
	text-indent: -9999px
}
.social-icons .fb {
	background: url(../img/social-media-icons@2x.png) no-repeat 0 0;
	width: 37.5px;
	height:37.5px;
  background-size: 442.5px 37.5px;
}
.social-icons .twitter {
	background: url(../img/social-media-icons@2x.png) no-repeat -135px 0;
	width: 37.5px;
	height: 37.5px;
  background-size: 442.5px 37.5px;
}
.social-icons .google {
	background: url(../img/social-media-icons@2x.png) no-repeat -202.5px 0;
	width: 37.5px;
	height: 37.5px;
  background-size: 442.5px 37.5px;
}
.social-icons .linkedin {
	background: url(../img/social-media-icons@2x.png) no-repeat -270.5px 0;
	width: 37.5px;
	height: 37.5px;
  background-size: 442.5px 37.5px;
}
.social-icons .instagram {
	background: url(../img/social-media-icons@2x.png) no-repeat -67.5px 0;
	width: 37.5px;
	height: 37.5px;
  background-size: 442.5px 37.5px;
}
.social-icons .pinterest {
	background: url(../img/social-media-icons@2x.png) no-repeat -337.5px 0;
	width:37.5px;
	height: 37.5px;
  background-size: 442.5px 37.5px;
}
.studio-section .studio-content :last-child {
	margin-bottom: 0
}


/* subscribe form for mailchimp */
#subscribe-form {
 position: relative;
}

#subscribe-form .subscribe-btn {
 font: normal 15px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
 color: #231f20;
 text-decoration: none;
 margin: 7px 0 0;
}

#subscribe-form.active .subscribe-btn {
	display: none;
}

#subscribe-form .subscribe-btn:hover {
 color: #ffe600;
 text-decoration: none !important;
 cursor: pointer;
}

#mailchimp-form{
 /*display: none;*/
}

#subscribe-form.active  #mailchimp-form{
	position: relative;
	display: block;#subscribe-form.active  
}

#mailchimp-form input[type="email"],
#mailchimp-form input[type="text"]{
    font: normal 14px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
    padding: 2px 5px;
 width: 100%;
 -webkit-transition: width 5s ease-in-out;
    -moz-transition: width 5s ease-in-out;
    -o-transition: width 5s ease-in-out;
    transition: width 5s ease-in-out;
    outline: none;
}

#mailchimp-form input[type="submit"] {
 background: #ffe600;
 position: absolute;
 display: block;
 height: 22px;
 width: 10px;
 border: 0;
 right: 1px;
 top: 2px;
 font-size: 0;
 color: transparent;
 text-indent: -9999px;
 appearance: none;
 -o-appearance: none;
 -ms-appearance: none;
 -moz-appearance: none;
 -webkit-appearance: none
}

.team-grid {
	padding: 20px 0;
	margin-bottom: 2.25em
}
.team-grid h3 {
	font: bold 22px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	margin: 0 auto 1.45em
}
.team-grid .team-member {
	margin: 0 2% 0 0;
	width: 15%;
	float: left
}
.team-grid .team-member:nth-child(6), .team-grid .team-member:nth-child(12), .team-grid .team-member:nth-child(18), .team-grid .team-member:last-child {
	margin-right: 0
}
.team-grid .team-member .thumbnail img {
	width: 100%;
	height: auto
}
.team-grid .team-member .info {
	padding: 23px 0
}
.team-grid .team-member .info .name {
	font: 500 16px/1.4em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	margin: 0
}
.team-grid .team-member .info .name a, .team-grid .team-member .info .name a:hover {
	font: 500 16px/1.4em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	text-decoration: none;
	color: #222
}
.team-grid .team-member .info .title {
	font: normal 16px/1.4em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	line-height: 1em
}
.client {
	margin: 0 auto 1.455em;
	/*max-width: 344px;*/
	float: left;
	width: 50%
}
.client.filler {
	display: none;
}
.client:nth-child(2n), 
.client:nth-child(3),
.client:nth-child(7) {
    float: right;
}
.client .client-title {
	margin: 0 auto 1em;
	font: normal 16px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	color: #8a8989
}
.client ul {
	list-style: none
}
.client li {
	margin: 0 auto .455em;
	font: normal 16px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	color: #231f20
}
a.archive-link {
	font: normal 18px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	text-decoration: none;

	color: #231f20;
	border-bottom: solid 1px #231f20;
	padding-bottom: 5px;
	width: auto
}
#gmap {
	margin-bottom: 3.35em;
	height: 750px;
	width: 100%
}
#gmap img {
	width: auto;
	height: auto
}
.studio-section .address, .studio-section .contact, .studio-section .credit {
	font: normal 16px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	line-height: 1.5em;
	margin: 0 0 1.7em 0;/* margin: 0 auto 1.7em; */
    /* float: left; */
	/* width: 50% */
}
#infscr-loading {
    text-align: center;
}
.news .paging{ display: none; }
.news-grid {
	padding: 40px 0
}
.news-grid .news-item {
	margin: 0 auto 9.4em
}
.news-grid .news-item .banner {
	display: none
}
.news-grid .news-item .news-meta {
	width: 35%;
	float: left
}
.news-grid .news-item .news-title {
	font: normal 22px/1.2em "Basis Grotesque Pro Medium", 'Helvetica Neue', Arial, Droid, sans-serif;
	margin: 0 auto .75em;
	padding-right: 30px;
}
.news-grid .news-item .news-title a {
	text-decoration: none;
	color: #231f20
}
.news-grid .news-item .news-title a:hover {
	color: #ffe600
}
.news-grid .news-item .post-date {
	font: normal 16px/1.3em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	color: #231f20;
	display: block
}
.news-grid .news-item .categories {
	font: normal 16px/1.3em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	margin: 0 auto .62em;
	display: block;
	color: #b0afaf
}
.news-grid .news-item .categories a {
	text-decoration: none;
	color: #b0afaf
}
.news-grid .news-item .thumbnail {
	margin: 0 auto 2em
}
.news-grid .news-item .news-entry img{
	margin: 0 auto 20px;
	max-width: 100%;
	height: auto;
}
.news-grid .news-item .thumbnail img{
	width: 100%;
	height: auto
}
.news-grid .news-item .news-entry {
	font: normal 16px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	color: #231f20;
	float: right;
	width: 65%
}
.news-grid .news-item .news-entry p {
	font: normal 16px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	line-height: 1.59em;
	margin: 0 auto 1em;
	color: #231f20
}
.news-grid .news-item .news-entry a {
	text-decoration: underline;
	color: #231f20
}
.news-grid .news-item .news-entry ul, .news-grid .news-item .news-entry ol {
    padding: 0 0 0 40px;
}
.news-grid .news-item .news-entry li{
	font: normal 16px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	line-height: 1.59em;
}
.news-grid .news-item .news-entry .more {
	margin-top: 2.15em;
	background: #000;
	width: 12px;
	height: 6px
}
.project-info{
	background: url(../img/menu-overlay.png) repeat center;
	position: absolute;
	display: none;
	padding: 50px 25px 60px;
	height: 95%;
	width: 28%;
	z-index: 99;
	left: 0;
	top: 0;
	color: #fff
}
.loading .project-info{ opacity: 0; }
.show-info .project-info {
	display: block
}
.project-info-wrap {
	max-height: 100%;
	overflow: auto;
	height: 100%
}
.project-info-wrap .table {
	padding-right: 10px
}
.project-info-wrap .table .table-cell {
	vertical-align: bottom
}
.project-info-wrap::-webkit-scrollbar-track {
cursor:pointer
}
.project-info-wrap::-webkit-scrollbar {
width:3px;
height:5px;
cursor:pointer;
background:#727272
}
.project-info-wrap::-webkit-scrollbar-thumb {
background:#ffe600
}
.project-info .project-title {
	font: 500 22px/1.2em "Basis Grotesque Pro Medium", 'Helvetica Neue', Arial, Droid, sans-serif;
	margin: 0 auto
}
.project-info .location {
	font: 500 18px/1.2em "Basis Grotesque Pro Medium", 'Helvetica Neue', Arial, Droid, sans-serif
}
.project-info .project-meta {
	font: 500 15px/1.2em "Basis Grotesque Pro Medium", 'Helvetica Neue', Arial, Droid, sans-serif;
	display: block
}
.project-info p {
	font: normal 15px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif
}
.project-info small {
    font: normal 13px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
}
.project-info a:link, .project-info a:visited{
	color: #ffffff;
}
.project-info a:hover{
	color: #ffe600;
}
.project-info .shares {
	padding: 15px 0 0
}
.project-caption {
	position: absolute;
    padding: 25px;
    z-index: 999;
    width: 28%;
    bottom: 0;
}
.loading .project-caption{ opacity: 0; }
.project-caption .project-title {
	font: 500 22px/1.2em "Basis Grotesque Pro Medium", 'Helvetica Neue', Arial, Droid, sans-serif;
	display: block;
	margin: 0 auto;
	color: #fff;
	cursor: pointer
}
.project-caption .location {
	font: 500 18px/1.2em "Basis Grotesque Pro Medium", 'Helvetica Neue', Arial, Droid, sans-serif;
	display: block;
	margin: 0 auto;
	color: #fff;
	cursor: pointer
}
.project-caption .short-info:hover .project-title, .project-caption .short-info:hover .location {
	color: #ffe600
}
.project-caption .location {
	margin-bottom: 15px
}
.show-info .short-info {
	visibility: hidden;
	height: 0;
	z-index: -1
}
.info-toggle {
	font: normal 16px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	vertical-align: middle;
	text-decoration: none;
	display: inline-block;
	color: transparent;
	line-height: 16px;
	cursor: pointer;
	font-size: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease
}
.info-toggle:before {
	background: url(../img/info-toggle.png) no-repeat bottom left;
	display: inline-block;
	vertical-align: bottom;
	margin: 0 5px 0 0;
	content: '';
	height: 17px;
	width: 17px
}
.info-toggle:hover:before {
	background: url(../img/info-toggle.png) no-repeat top left
}
.show-info .info-toggle:before {
	background: url(../img/info-toggle.png) no-repeat top right;
	margin: 0
}
.info-toggle:hover, .show-info .info-toggle {
	color: transparent
}
.shares {
	list-style: none;
*zoom:1
}
.shares:before, .shares:after {
	display: table;
	content: ''
}
.shares:after {
	clear: both
}
.shares li {
	margin: 0 15px 0 0;
	display: none;
	float: left
}
.project-info .shares li {
	display: block
}
.shares li a {
	background-image: url(../img/social-icons.png);
	background-repeat: no-repeat;
	background-size: 115px 19px;
	height: 18px;
	width: 18px
}
.project-info .shares li a {
	background-image: url(../img/social-white-icons.png);
	background-size: 115px 19px
}
.shares.active li {
	display: block
}
.shares a {
	display: inline-block;
	text-indent: -9999px
}
.shares .title {
	margin-bottom: 15px;
	display: block;
	float: none
}
.project-info .shares .title {
	display: none
}
.shares .title a {
	font: 500 16px/1.3em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	border-bottom: solid 3px transparent;
	text-decoration: none;
	font-weight: 700;
	background: none;
	padding: 0 0 6px;
	text-indent: 0;
	height: auto;
	width: auto;
	color: #000
}
.shares .title a:hover {
	border-bottom: solid 3px #ffe600
}
.shares .fb {
	background-position: 0 0
}
.shares .twitter {
	background-position: -32px 0
}
.shares .pinterest {
	background-position: -65px 0
}
.shares .tumblr {
	background-position: -97px 0
}
body .mc-cycle {
	z-index: 1
}
.mc-image {
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 100%;
	width: 100%;
	background-position: center center
}
#maximage .mc-image {
	cursor: pointer
}
.home #maximage .mc-image {
	min-height: 100%;
}
#arrow_right, #arrow_left {
	position: absolute;
	display: block;
	height: 95%;
	width: 50%;
	z-index: 9;
	top: 0;
	text-indent: -999px;
	color: transparent;
	font-size: 0
}
#arrow_right {
	cursor: url(../img/hero-right-controls.png) 21 18, auto;
	right: 0
}
#arrow_left {
	cursor: url(../img/hero-left-controls.png) 0 18, auto;
	left: 0
}
#cycle-nav {
	position: absolute;
	margin: 10px 0 0;
	width: 100%;
	bottom: 0;
	left: 0
}
#cycle-nav ul {
	background: #727272;
*zoom:1
}
#cycle-nav ul:before, #cycle-nav ul:after {
	display: table;
	content: ''
}
#cycle-nav ul:after {
	clear: both
}
#cycle-nav li {
	background: #727272;
	list-style: none;
	width: 16.66%;
	float: left
}
#cycle-nav li.activeSlide {
	background: #ffe600
}
#cycle-nav li a {
	text-indent: -999px;
	color: transparent;
	font-size: 0;
	display: block;
	height: 4px
}
.cd-top {
	display: block;
	height: 36px;
	width: 36px;
	position: fixed;
	bottom: 100px;
	right: 90px;
	z-index: 999;
	font-size: 0;
	overflow: hidden;
	color: transparent;
	text-indent: -999px;
	white-space: nowrap;
	text-decoration: none;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0 .3s;
	-moz-transition: opacity .3s 0s, visibility 0 .3s;
	-ms-transition: opacity .3s 0s, visibility 0 .3s;
	-o-transition: opacity .3s 0s, visibility 0 .3s;
	transition: opacity .3s 0s, visibility 0 .3s
}
.cd-top:before {
	font: normal 20px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	text-indent: 0;
	color: #fff;
	height: 36px;
	width: 36px;
	background: url(../img/back-to-top.fw.png) no-repeat center right;
	display: block;
	content: ''
}
.studio .cd-top:before, .news .cd-top:before {
	background: url(../img/back-to-top.fw.png) no-repeat center left;
	color: #231f20
}
.cd-top.cd-is-visible {
	visibility: visible;
	opacity: 1
}
.cd-top.cd-fade-out {
	opacity: .5
}
.ytLoad {
	position: fixed;
	z-index: 2147483647;
	top: 0;
	left: -6px;
	width: 0;
	height: 2px;
	background: #ffe600;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px
}
.ytLoad.error {
	background: #C20A47
}
.ytLoad dd, .ytLoad dt {
	position: absolute;
	top: 0;
	height: 2px;
	-moz-box-shadow: #C9312C 1px 0 6px 1px;
	-ms-box-shadow: #C9312C 1px 0 6px 1px;
	-webkit-box-shadow: #C9312C 1px 0 6px 1px;
	box-shadow: #C9312C 1px 0 6px 1px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%
}
.ytLoad.error dd, .ytLoad.error dt {
	-moz-box-shadow: #C20A47 1px 0 6px 1px;
	-ms-box-shadow: #C20A47 1px 0 6px 1px;
	-webkit-box-shadow: #C20A47 1px 0 6px 1px;
	box-shadow: #C20A47 1px 0 6px 1px
}
.ytLoad dt {
	opacity: .6;
	width: 180px;
	right: -80px;
	clip: rect(-6px, 90px, 14px, -6px)
}
.ytLoad dd {
	opacity: .6;
	width: 20px;
	right: 0;
	clip: rect(-6px, 22px, 14px, 10px)
}
@media print {
* {
	background: transparent!important;
	box-shadow: none!important;
	color: #000!important;
	text-shadow: none!important;
	-ms-filter: none!important;
	filter: none!important
}
a, a:visited {
	text-decoration: underline
}
a[href]:after {
	content: " (" attr(href) ")"
}
abbr[title]:after {
	content: " (" attr(title) ")"
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: ""
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid
}
thead {
	display: table-header-group
}
tr, img {
	page-break-inside: avoid
}
img {
	max-width: 100%!important
}
@page {
margin:.5cm
}
p, h2, h3 {
	orphans: 3;
	widows: 3
}
h2, h3 {
	page-break-after: avoid
}
}
/*
 * TouchSlide Carousel
 */
body {
	scrollbar-base-color: #727272;
	scrollbar-base-color: #ffe600;
	scrollbar-3dlight-color: #ffe600;
	scrollbar-highlight-color: #ffe600;
	scrollbar-track-color: #727272;
	scrollbar-arrow-color: #ffe600;
	scrollbar-shadow-color: #727272;
	scrollbar-dark-shadow-color: #727272;
}
/**
* "Free-scroll" gallery
**/
#carousel-gallery {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 0 15px;
	background: #353230;
	overflow: hidden !important;
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;	/* you could also put this in a class */
	-webkit-user-select: none;	/* and add the CSS class here instead */
	-ms-user-select: none;
	user-select: none;
}
#carousel-gallery .touchcarousel-wrapper {
	overflow: visible;
	margin-left: 0;
}
#carousel-gallery .touchcarousel-item {
	margin-right: 15px;
	background: #CCC;
	height: 100%;
	width: auto;
}
#carousel-gallery .touchcarousel-item img {
	width: auto;

	height: 100%;
}
#carousel-gallery .arrow-icon {
	display: none;
}
#carousel-gallery .arrow-icon.left {
	left: 0;
}
#carousel-gallery .arrow-icon.right {
	right: 0;
}
#carousel-gallery .arrow-holder {
	outline: none;
	height: 98%;
	width: 50%;
}
#carousel-gallery .arrow-holder:focus {
	outline: none;
}
.touchcarousel {
	position: relative;
	width: 600px;
	height: 400px;
	overflow: hidden
}
.touchcarousel .touchcarousel-container {
	position: relative;
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	left: 0
}
.touchcarousel .touchcarousel-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%
}
.touchcarousel .touchcarousel-item {
	margin: 0;
	padding: 0;
	float: left
}
.touchcarousel .touchcarousel-item.last {
	margin-right: 0!important
}
.touchcarousel .arrow-holder {
	height: 100%;
	width: 45px;
	position: absolute;
	top: 0;
	display: block;
	cursor: pointer;
	background: rgba(0,0,0,0);
}
.touchcarousel .arrow-holder.left {
	cursor: url(../img/hero-left-controls.png) 0 18, auto;
	left: 0
}
.touchcarousel .arrow-holder.right {
	cursor: url(../img/hero-right-controls.png) 21 18, auto;
	right: 0
}
.touchcarousel .arrow-icon {
	width: 45px;
	height: 90px;
	top: 50%;
	margin-top: -45px;
	position: absolute;
	cursor: pointer
}
/*.touchcarousel .arrow-holder.disabled {
	cursor: default
}*/
.touchcarousel .arrow-holder.disabled .arrow-icon {
	cursor: default
}
.touchcarousel .tc-paging-container {
	width: 100%;
	overflow: hidden;
	position: absolute;
	margin-top: -20px;
	z-index: 25
}
.touchcarousel .tc-paging-centerer {
	float: left;
	position: relative;
	left: 50%
}
.touchcarousel .tc-paging-centerer-inside {
	float: left;
	position: relative;
	left: -50%
}
.touchcarousel .tc-paging-item {
	float: left;
	cursor: pointer;
	position: relative;
	display: block;
	text-indent: -9999px
}
.touchcarousel .scrollbar-holder {
	background: #727272;
	position: absolute;
	z-index: 30;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	overflow: hidden;
}
.touchcarousel .scrollbar {
	position: absolute;
	left: 0;
	height: 4px;
	bottom: 0;
	cursor: pointer;
}
.touchcarousel .scrollbar.dark {
	background-color: #ffe600;
}
.touchcarousel .scrollbar.light {
	background-color: #d2d2d2;
	background-color: rgba(255,255,255,0.5)
}
.touchcarousel .grab-cursor {
	cursor: url(../img/grab.png) 8 8, move
}
.touchcarousel .grabbing-cursor {
	cursor: url(../img/grabbing.png) 8 8, move
}
.touchcarousel .auto-cursor {
	cursor: auto
}
.touchcarousel.three-d .arrow-icon {
	top: 0;
	background-image: url('../img/sprite3d.png');
	background-repeat: no-repeat;
	width: 19px;
	height: 20px;
	margin-top: 0
}
.touchcarousel.three-d .arrow-holder {
	top: -23px;
	width: 19px;
	height: 20px;
	-moz-opacity: .8;
	-webkit-opacity: .8;
	opacity: .8
}
.touchcarousel.three-d .arrow-holder.left {
	left: auto;
	right: 26px
}
.touchcarousel.three-d .arrow-holder.right {
	right: 3px
}
.touchcarousel.three-d .arrow-icon.left {
	left: 0;
	background-position: -8px -14px
}
.touchcarousel.three-d .arrow-icon.right {
	right: 0;
	background-position: -173px -14px
}
.touchcarousel.three-d .arrow-holder.disabled .arrow-icon.left {
	background-position: -43px -14px
}
.touchcarousel.three-d .arrow-holder.disabled .arrow-icon.right {
	background-position: -138px -14px
}
.touchcarousel.three-d .arrow-holder:hover {
	-moz-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1
}
.touchcarousel.three-d .arrow-holder:active {
	-moz-opacity: .7;
	-webkit-opacity: .7;
	opacity: .7
}
.touchcarousel.three-d .arrow-holder.disabled {
	-moz-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1
}
.touchcarousel.three-d .tc-paging-container {
	width: auto;
	float: none;
	right: 53px;
	margin-top: 0;
	top: -21px
}
.touchcarousel.three-d .tc-paging-centerer {
	float: none;
	position: relative;
	left: 0
}
.touchcarousel.three-d .tc-paging-centerer-inside {
	position: relative;
	left: 0;
	float: none
}
.touchcarousel.three-d .tc-paging-item {
	background: url('../img/sprite3d.png') no-repeat -95px -4px;
	width: 16px;
	height: 16px;
	-moz-opacity: .8;
	-webkit-opacity: .8;
	opacity: .8
}
.touchcarousel.three-d .tc-paging-item.current {
	background: url('../img/sprite3d.png') no-repeat -95px -22px
}
.touchcarousel.three-d .tc-paging-item:hover {
	-moz-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1
}
.touchcarousel.minimal-light .arrow-icon {
	width: 23px;
	height: 28px;
	margin-top: -14px
}
.touchcarousel.minimal-light .arrow-icon.left {
	left: 5px;
	background: url('../img/sprite-ml.png') no-repeat -6px -7px
}
.touchcarousel.minimal-light .arrow-icon.right {
	right: 5px;
	background: url('../img/sprite-ml.png') no-repeat -173px -7px
}
.touchcarousel.minimal-light .arrow-holder.disabled {
	-moz-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1
}
.touchcarousel.minimal-light .arrow-holder.disabled .arrow-icon.left {
	background: url('../img/sprite-ml.png') no-repeat -40px -7px
}
.touchcarousel.minimal-light .arrow-holder.disabled .arrow-icon.right {
	background: url('../img/sprite-ml.png') no-repeat -139px -7px
}
.touchcarousel.minimal-light .arrow-holder {
	width: 35px;
	-moz-opacity: .8;
	-webkit-opacity: .8;
	opacity: .8
}
.touchcarousel.minimal-light .arrow-holder:hover {
	-moz-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1
}
.touchcarousel.minimal-light .tc-paging-container {
	margin-top: -22px
}
.touchcarousel.minimal-light .tc-paging-item {
	background: url('../img/sprite-ml.png') no-repeat -95px -4px;
	width: 16px;
	height: 16px;
	-moz-opacity: .8;
	-webkit-opacity: .8;
	opacity: .8
}
.touchcarousel.minimal-light .tc-paging-item.current {
	background: url('../img/sprite-ml.png') no-repeat -95px -22px
}
.touchcarousel.minimal-light .tc-paging-item:hover {
	-moz-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1
}
.touchcarousel.grey-blue .arrow-icon {
	background-image: url('../img/sprite-gb.png');
	background-repeat: no-repeat;
	width: 11px;
	height: 19px;
	margin-top: -9px
}
.touchcarousel.grey-blue .arrow-holder {
	width: 19px;
	height: 100%;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1
}
.touchcarousel.grey-blue .arrow-holder.left {
	left: -20px
}
.touchcarousel.grey-blue .arrow-holder.right {
	right: -20px
}
.touchcarousel.grey-blue .arrow-icon.left {
	left: 0;
	background-position: -6px -15px
}
.touchcarousel.grey-blue .arrow-icon.right {
	right: 0;
	background-position: -186px -15px
}
.touchcarousel.grey-blue .arrow-holder:hover .arrow-icon.left {
	background-position: -36px -15px
}
.touchcarousel.grey-blue .arrow-holder:hover .arrow-icon.right {
	background-position: -156px -15px
}
.touchcarousel.grey-blue .arrow-holder.disabled .arrow-icon.left {
	background-position: -66px -15px
}
.touchcarousel.grey-blue .arrow-holder.disabled .arrow-icon.right {
	background-position: -126px -15px
}
.touchcarousel.grey-blue .arrow-holder:hover {
	-moz-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1
}
.touchcarousel.grey-blue .arrow-holder:active .arrow-icon {
	margin-top: -8px
}
.touchcarousel.grey-blue .arrow-holder.disabled {
	-moz-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1
}
.touchcarousel.grey-blue .tc-paging-item {
	background: url('../img/sprite-gb.png') no-repeat -95px -4px;
	width: 16px;
	height: 16px;
	-moz-opacity: .8;
	-webkit-opacity: .8;
	opacity: .8
}
.touchcarousel.grey-blue .tc-paging-item.current {
	background: url('../img/sprite-gb.png') no-repeat -95px -22px
}
.touchcarousel.grey-blue .tc-paging-item:hover {
	-moz-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1
}
.touchcarousel.black-and-white .arrow-icon.left {
	background-image: url(../img/hero-left-controls.png);

	background-position: top left !important;
	background-repeat: no-repeat;
	height: 36px;
	width: 30px;
}
.touchcarousel.black-and-white .arrow-icon.right {
	background-image: url(../img/hero-right-controls.png);
	background-position: top right !important;
	background-repeat: no-repeat;
	height: 36px;
	width: 30px;
}
.touchcarousel.black-and-white .arrow-holder {
	width: 35px
}
.touchcarousel.black-and-white .arrow-holder:active .arrow-icon {
	-moz-opacity: .7!important;
	-webkit-opacity: .7!important;
	opacity: .7!important
}
.touchcarousel.black-and-white .arrow-icon.left {
	left: 10px;
	background-position: -2px -6px
}
.touchcarousel.black-and-white .arrow-icon.right {
	right: 10px;
	background-position: -175px -6px
}
.touchcarousel.black-and-white .arrow-holder.disabled .arrow-icon.left {
	background-position: -39px -6px
}
.touchcarousel.black-and-white .arrow-holder.disabled .arrow-icon.right {
	background-position: -138px -6px
}
.touchcarousel.black-and-white .tc-paging-container {
	margin-top: -22px
}
.touchcarousel.black-and-white .tc-paging-item {
	background-image: url('../img/sprite-bw.png');
	background-repeat: no-repeat;
	background-position: -95px -4px;
	width: 16px;
	height: 16px
}
.touchcarousel.black-and-white .tc-paging-item.current {
	background-position: -95px -22px
}
.touchcarousel.black-and-white .tc-paging-container {
	margin-top: -25px
}
.touchcarousel.black-and-white .tc-paging-centerer-inside {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #323232;
	background-color: rgba(0,0,0,0.6);
	padding: 2px 4px
}
/*
 * Project Info
 */
.touchcarousel .project-info {
	background: url(../img/menu-overlay.png) repeat center;
	padding: 50px 25px;
	position: absolute;
	display: none;
	min-height: 100%;
	bottom: 10px;
	top: auto;
	left: 0;
	font: 500 15px/1.2em "Basis Grotesque Pro Medium", 'Helvetica Neue', Arial, Droid, sans-serif;
	color: #ffffff;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.show-info .touchcarousel .project-info {
	display: block;
	z-index: 99;
}
.touchcarousel .project-info .project-info-wrap {
	max-height: 100%;
	overflow-y: auto;
	height: 100%;
}
 .touchcarousel .project-info::-webkit-scrollbar-track {
cursor: pointer;
}
.touchcarousel .project-info::-moz-scrollbar-track {
cursor: pointer;
}
.touchcarousel .project-info::-ms-scrollbar-track {
cursor: pointer;
}
.touchcarousel .project-info::-o-scrollbar-track {
cursor: pointer;
}
.touchcarousel .project-info::scrollbar-track {
cursor: pointer;
}
 .touchcarousel .project-info .project-info-wrap::-webkit-scrollbar-thumb {
background: #ffe600;
}
.touchcarousel .project-info .project-info-wrap::-moz-scrollbar-thumb {
background: #ffe600;
}
.touchcarousel .project-info .project-info-wrap::-ms-scrollbar-thumb {
background: #ffe600;
}
.touchcarousel .project-info .project-info-wrap::-o-scrollbar-thumb {
background: #ffe600;
}
.touchcarousel .project-info .project-info-wrap::scrollbar-thumb {
background: #ffe600;
}
 .touchcarousel .project-info .project-info-wrap::-webkit-scrollbar {
 width: 3px;
 height: 5px;
 cursor: pointer;
 background: #727272;
}
 .touchcarousel .project-info .project-info-wrap::-moz-scrollbar {
 width: 3px;
 height: 5px;
 cursor: pointer;
 background: #727272;
}
 .touchcarousel .project-info .project-info-wrap::-ms-scrollbar {
 width: 3px;
 height: 5px;
 cursor: pointer;
 background: #727272;
}
 .touchcarousel .project-info .project-info-wrap::-o-scrollbar {
 width: 3px;
 height: 5px;
 cursor: pointer;
 background: #727272;
}
 .touchcarousel .project-info .project-info-wrap::scrollbar {
 width: 3px;
 height: 5px;
 cursor: pointer;
 background: #727272;
}
.touchcarousel .project-info .table {
	padding-right: 10px;
	display: table;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.touchcarousel .project-info .table-cell {
	display: table-cell;
	vertical-align: bottom;
}
.touchcarousel .project-info .project-title {
	font: 500 22px/1.2em "Basis Grotesque Pro Medium", 'Helvetica Neue', Arial, Droid, sans-serif;
	margin: 0 auto;
}
.touchcarousel .project-info .location {
	font: 500 18px/1.2em "Basis Grotesque Pro Medium", 'Helvetica Neue', Arial, Droid, sans-serif;
}
.touchcarousel .project-info .project-meta {
	font: 500 15px/1.2em "Basis Grotesque Pro Medium", 'Helvetica Neue', Arial, Droid, sans-serif;
	display: block;
}
.touchcarousel .project-info p {
	font: normal 15px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
}

.publications {
	/*height: 100%;*/
	min-height: 100%;
	background: #ffffff;
}

.publications #contents {
	/*height: 100%;
	overflow: auto;
	padding-bottom: 50px;*/
}

.publications #footer {
	/*position: absolute;*/
	/*bottom: 0;
	width: 100%;*/
}

.publications #contents ,
.publications #footer {
	background: #fff;
}

.publications .contents-wrapper{
	padding-top: 50px;
}

.publications #footer-navigation .menu li a {
	color: #000;
}

.publications .cd-top:before {
	background-position: 0;
}
.publications .publications-wrapper {
	margin-left: -20px;
}
.publications .publications-wrapper .item-block {
	float: left;
	/*width: 18.63237%;*/
	width: 20%;
	margin: 10px 0 2.6% 0px;
	padding-left: 20px;
}

.publications .publications-wrapper .item-block:nth-child(5n+1) {
	/*margin-left: 0; */
	clear: left;
}

.publications .publications-wrapper .item-block .image-wrap {
	margin-bottom: 5px;
}

.publications .publications-wrapper .image-wrap a{
	display: block;
}
.publications .publications-wrapper .item-block img {
	width: 100%;
	height: auto;
}

.publications .item-block p {
	font: normal 16px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	color: #000;
	margin: 0;
}
.publications .item-block p a {
	color: #000000;
	text-decoration: none;
}


.publications .contents-wrapper > h3 {
	font: bold 22px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
    color: #231f20;
}

.publications .publications-wrapper {
	opacity: 0;
	visibility: hidden;
}

@media only screen and (min-width: 1768px) {
	.client {
		max-width: 344px;
	}
	.client.filler {
		display: block;
	}
}
@media only screen and (max-width: 1600px) {
	.client:nth-child(2n), 
	.client:nth-child(3) {
		float: right;
	}
}

@media only screen and (max-width: 1400px) {
	.touchcarousel .project-info .shares {
		margin-bottom: 30px;
		padding: 15px 0 0;
		list-style: none;
	}


}
.touchcarousel .project-caption {
	padding: 25px 25px 20px;
	position: absolute;
	z-index: 999;
	bottom: 10px;
	left: 0;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.touchcarousel .project-caption .project-title {
	cursor: pointer;
	display: block;
	margin: 0 auto;
	font: 500 22px/1.2em "Basis Grotesque Pro Medium", 'Helvetica Neue', Arial, Droid, sans-serif;
	color: #fff;
}
.touchcarousel .project-caption .location {
	margin: 0 auto 15px;
	cursor: pointer;
	display: block;
	font: 500 18px/1.2em "Basis Grotesque Pro Medium", 'Helvetica Neue', Arial, Droid, sans-serif;
	color: #fff;
}
.touchcarousel .project-caption .info-toggle {
	font: normal 16px/1.2em "Basis Grotesque Pro Regular", 'Helvetica Neue', Arial, Droid, sans-serif;
	vertical-align: middle;
	text-decoration: none;
	color: transparent;
	line-height: 16px;
	font-size: 0;
	display: inline-block;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
.touchcarousel .project-caption .info-toggle:before {
	background: url(../img/info-toggle.png) no-repeat bottom left;
	display: inline-block;
	margin: 0 5px 0 0;
	height: 17px;
	width: 17px;
	content: '';
	vertical-align: bottom;
}
.show-info .touchcarousel .project-caption .info-toggle:before {
	background: url(../img/info-toggle.png) no-repeat top right;
	margin: 0;
}
.touchcarousel .project-caption .short-info:hover .project-title, .touchcarousel .project-caption .short-info:hover .location {
	color: #ffe600;
}
.show-info .touchcarousel .project-caption .short-info {
	visibility: hidden;
	z-index: -1;
	height: 0;
}
.touch #carousel-gallery .arrow-holder {
	height: 36px;
	width: 30px;
	top: 50%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.touch #carousel-gallery .arrow-holder.left {
	left: 25px;
}
.touch #carousel-gallery .arrow-holder.right {
	right: 25px;
}
.touch #carousel-gallery .arrow-icon {
	margin: 0;
	display: block;
}

@media only screen and (max-width: 1350px) {

	.publications .publications-wrapper .item-block {
		/*width: 18.633%;*/
		/*margin: 10px 0 2.6% 1.7%;*/
	}

	.publications .publications-wrapper .item-block:nth-child(5n+1){
		margin-left: 0; 
	}

	.publications .publications-wrapper .item-block:nth-child(4n+1){
		/*margin-left: 0; */
	}

}

@media only screen and (max-width: 1300px) {

	.publications .publications-wrapper .item-block {
		/*width: 18.1%;*/
		/*margin: 10px 0 2.6% 20px;*/
	}

	.publications .publications-wrapper .item-block:nth-child(5n+1){
		margin-left: 0; 
	}

	.publications .publications-wrapper .item-block:nth-child(4n+1){
		/*margin-left: 0; */
	}

}

@media only screen and (max-width: 1300px) {

	.publications .publications-wrapper .item-block {
		/*width: 18.1%;*/
		/*margin: 10px 0 2.6% 20px;*/
	}

	.publications .publications-wrapper .item-block:nth-child(5n+1){
		/*margin-left: 0; */
	}

	.publications .publications-wrapper .item-block:nth-child(4n+1){
		/*margin-left: 0; */
	}

}

@media only screen and (max-width: 1140px) {

	.publications .publications-wrapper {
		margin-left: -25px;
	}
	.publications .publications-wrapper .item-block {
		/*width: 23.05%;*/
		/*margin: 10px 0 2.6% 2.6%;*/
		/*miah's edits*/
		width: 25%;
		padding-left: 25px;
	}

	.publications .publications-wrapper .item-block:nth-child(5n+1){
		/*margin-left: 2.6%; */
		clear: inherit;
	}

	.publications .publications-wrapper .item-block:nth-child(4n+1){
		/*margin-left: 0; */
		clear: left;
	}

}

@media only screen and (max-width: 1000px) {
	.project-detail #contents {
		padding-bottom: 92px;
	}
}

@media only screen and (max-width: 768px) {
	#custom-slider .wrap{
		width: 100% !important;
		overflow: hidden;
	}
	#custom-slider .wrap > img {
		margin: 0 auto 20px;
		height: auto;
		width: 100%;
	}
	
	.project-detail .contents-wrapper {
		height: auto !important;
	}
	#carousel-gallery .touchcarousel-wrapper {
		height: auto;
	}
	.touchcarousel .touchcarousel-container {
		height: auto;
		width: 100% !important;
		transform: initial !important;
	}
	#carousel-gallery {
		padding: 0;
		height: auto;
	}
	#carousel-gallery .touchcarousel-item {
		width: 100% !important;
		margin: 0 auto 1em;
		float: none;
	}
	#carousel-gallery .touchcarousel-item.last {
		margin-bottom: 0;
	}
	#carousel-gallery .touchcarousel-item img {
		width: 100%;
		height: auto;
	}
	.touchcarousel .scrollbar-holder, .touch #carousel-gallery .arrow-holder, #carousel-gallery .arrow-holder {
		display: none;
	}
	.touchcarousel .project-info {
		width: 100%!important;
		padding: 50px 30px;
		position: fixed;
		height: 100%;
		bottom: 0px;
		z-index: 9;
	}
	.touchcarousel .project-caption {
		position: fixed;
		padding: 20px 30px;
		bottom: 0;
		left: 0;
	}
	.touchcarousel .project-info .table-cell {
		vertical-align: middle;
	}
	.show-info .touchcarousel .project-caption .info-toggle:before {
		background-position: bottom right;
	}
	.project-detail #footer {
		padding: 15px 30px;
	}
	.project-detail #footer .site-credits {
		text-align: center;
		display: block;
	}
	.project-detail #contents {
		padding-bottom: 0;
	}

	.publications .publications-wrapper {
		margin-left: -20px;
	}
	.publications .publications-wrapper .item-block {
		/*width: 31.6%;*/
		/*margin: 10px 0 2.6% 2.6%;*/
		/*miah's edits*/
		width: 33.3%;
		padding-left: 20px;
	}

	.publications .publications-wrapper .item-block:nth-child(5n+1){
		/*margin-left: 2.6%; */
	}

	.publications .publications-wrapper .item-block:nth-child(4n+1){
		/*margin-left: 2.6%;*/
		clear: inherit;
	}

	.publications .publications-wrapper .item-block:nth-child(3n+1){
		/*margin-left: 0;*/
		clear: left;
	}

	.project-info-wrap {
		position: relative;
		opacity: 0;
		display: block;
	}
	.studio #subscribe-form {
		width: 50%;
	}
}

@media only screen and (max-width: 667px) {

	/*.publications .publications-wrapper .item-block {
		width: 30%;
		margin: 10px 0 2.6% 5%;
	}

	.publications .publications-wrapper .item-block:nth-child(5n+1){
		margin-left: 5%; 
	}

	.publications .publications-wrapper .item-block:nth-child(4n+1){
		margin-left: 5%; 
	}

	.publications .publications-wrapper .item-block:nth-child(3n+1){
		margin-left: 0; 
	}*/
	
	.home #footer-navigation .menu li.news:before, 
	.home #footer-navigation .menu li.news:after {
		display: none;
	}

}

@media only screen and (max-width: 480px) {

	.publications .publications-wrapper .item-block {
		width: 100%;
		margin: 0 auto 30px;
		float: none;
	}

	.publications .publications-wrapper .item-block:nth-child(5n+1),
	.publications .publications-wrapper .item-block:nth-child(4n+1),
	.publications .publications-wrapper .item-block:nth-child(3n+1){
		margin-left: auto; 
	}

	.publications .contents-wrapper > h3 {
		/*padding-left: 20px;*/
	}

	.publications #contents {
		padding-top: 45px;
	}

}

@media only screen and (max-width: 420px) {
	.touchcarousel .project-info {
		padding: 50px 25px;
	}
	.touchcarousel .project-caption {
		position: fixed;
		padding: 20px;
		bottom: 5px;
		left: 8px;
	}
	.project-detail #contents {
		padding-bottom: 0px;
	}
	.project-detail #footer .site-credits {
		text-align: center;
	}
}

@media only screen and (max-width: 420px) {

	.publications .contents-wrapper  {
		padding: 0 20px;
	}

}
.shareToggle.newlink {
text-decoration:none !important;
}
.shareToggle.newlink:hover {
 color:#000 !important;
}